/* Scss Document */
/* navigation */
.nav-menu ul.g-nav {
  width: 55rem;
  margin: 0 auto; }
  .nav-menu ul.g-nav li {
    width: 13.5rem;
    border-right: #040000 1px solid; }
    .nav-menu ul.g-nav li a {
      font-size: 1.25rem !important;
      color: #040000;
      font-weight: 500;
      text-align: center;
      padding: 0 !important; }
      .nav-menu ul.g-nav li a span {
        font-weight: normal;
        font-size: 0.9375rem;
        color: #515151; }
  .nav-menu ul.g-nav li:last-child {
    border-right: none; }
  .nav-menu ul.g-nav ul.gnav-drop li {
    border-right: none; }
    .nav-menu ul.g-nav ul.gnav-drop li a {
      text-align: left;
      font-weight: 400;
      font-size: 0.875rem !important;
      padding-bottom: 1.25rem; }

.menu-icon {
  margin: 0 auto; }
  .menu-icon h1 img {
    display: block;
    margin: 0 auto; }
  .menu-icon ul.nav-icon {
    text-align: center;
    padding: 0; }
    .menu-icon ul.nav-icon li a {
      font-size: 1.75rem;
      padding: 0.1875rem 0.375rem;
      background-color: #040000;
      color: #fff;
      margin: 0.5rem;
      border: #040000 1px solid;
      border-radius: 0.375rem; }
    .menu-icon ul.nav-icon li a:hover {
      color: #040000;
      background-color: #fff;
      transition: background 0.5s ease-in-out; }

/* top slider */
#top-slider {
  background: url("../img/top/bg_topslider.jpg") 50% 0 no-repeat; }
  #top-slider .slider-pro .sp-slides .sp-slide .img-fluid {
    border-radius: 50px;
    -webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2)); }

/* #art-class */
#art-class {
  background: url("../img/top/bg_topartclass.jpg") 50% 0 no-repeat;
  height: 98.75rem; }
  #art-class .section-title {
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    padding-top: 6.75rem;
    margin-top: 24.375rem; }

/* #about */
#about {
  background: url("../img/top/bg_topabout.jpg") 50% 0 no-repeat;
  height: 46.375rem; }
  #about .section-title {
    padding-top: 6.75rem; }

/* #info */
#info {
  background-image: url("../img/top/bg_info.jpg"), url("../img/all/bg_paper.jpg");
  background-repeat: no-repeat, repeat;
  background-position: 50% 0, left; }
  #info .info-wrapper {
    background: url("../img/top/bg_info_bottom.jpg") bottom center no-repeat;
    padding-bottom: 5rem; }
    #info .info-wrapper .section-title {
      padding-top: 8.75rem; }
    #info .info-wrapper .info-list {
      list-style: none;
      margin: 0;
      padding: 0; }
      #info .info-wrapper .info-list li {
        padding-bottom: 2.5rem; }
        #info .info-wrapper .info-list li .information {
          list-style: none;
          font-size: 1.25rem;
          color: #515151;
          display: flex;
          justify-content: space-between;
          border-bottom: 1px solid #515151;
          padding: 0; }
          #info .info-wrapper .info-list li .information li {
            width: 70%;
            line-height: 2.1875rem;
            padding: 1rem 2rem 2rem; }
            #info .info-wrapper .info-list li .information li a {
              text-decoration: none;
              color: #8d8d8d; }
            #info .info-wrapper .info-list li .information li a:hover {
              text-decoration: underline; }
          #info .info-wrapper .info-list li .information li:first-child {
            width: 30%;
            padding: 1rem 0 2rem 2rem; }

/* #blog */
#blog {
  background: url("../img/top/bg_blog.jpg") 50% 0 no-repeat;
  padding-bottom: 5rem; }
  #blog .section-title {
    padding-top: 8.5rem; }
  #blog .post {
    background-color: #fff;
    box-shadow: 2px 2px 4px 1px #8d8d8d;
    padding: 2.5rem 1.5rem;
    margin: 3.75rem 1.5rem; }
    #blog .post .icon-pencil {
      text-align: center;
      font-size: 2.5rem; }
      #blog .post .icon-pencil i {
        display: inline-block;
        padding-bottom: 2.5rem; }
    #blog .post h4 {
      padding-bottom: 1rem; }
      #blog .post h4 a {
        color: #222222; }
      #blog .post h4 a:hover {
        color: #8d8d8d; }
    #blog .post .blog-content p a {
      color: #515151;
      text-decoration: none; }
    #blog .post .blog-content p a:hover {
      text-decoration: underline; }
    #blog .post .go-on a {
      color: #515151; }
    #blog .post .go-on a:hover {
      text-decoration: underline; }

/* #trial */
#trial {
  background: url("../img/all/bg_trial.jpg") 50% 0 no-repeat;
  height: 55.0625rem;
  padding-top: 5.625rem; }
  #trial .trial-content {
    background: rgba(66, 33, 11, 0.8);
    padding: 0 2.5rem 2.5rem;
    margin-bottom: 1.875rem; }
    #trial .trial-content h2 {
      padding-bottom: 1.875rem; }
    #trial .trial-content .trial-sub h3 {
      color: #fff;
      font-size: 2.25rem;
      font-weight: bold;
      text-align: center; }
    #trial .trial-content .trial-sub hr {
      border-color: #fff;
      width: 65%; }
    #trial .trial-content .trial-sub p.trial-fee {
      color: #fff;
      font-size: 1.25rem;
      text-align: center; }
    #trial .trial-content .trial-sub p.btn-center {
      margin-top: 2.5rem; }
  #trial .other-content {
    background: rgba(66, 33, 11, 0.8);
    padding: 1.875rem 0;
    margin-bottom: 1.875rem; }
    #trial .other-content h3 {
      font-size: 1.875rem;
      text-align: center;
      color: #fff; }
    #trial .other-content hr {
      width: 43%;
      border-color: #fff; }
    #trial .other-content h4 {
      font-size: 1.25rem;
      color: #fff;
      text-align: center; }
    #trial .other-content p.btn-center {
      margin: 1.25rem 0 0; }

/*--------------------------------------------------------------
# about-page
--------------------------------------------------------------*/
.about01 {
  background: url("../img/about/bg_about_top.jpg") 50% 0 no-repeat;
  height: 76.875rem;
  margin-bottom: 10rem; }
  .about01 .about-txt {
    font-size: 1.75rem;
    padding-top: 40rem;
    text-align: center; }

.about02 {
  background: url("../img/about/bg_staff_01.jpg") 50% 50% no-repeat;
  margin-bottom: 7.5rem; }
  .about02 .section-subtitle {
    padding-bottom: 1.25rem; }
  .about02 h5 {
    font-size: 1.5rem;
    font-weight: normal;
    padding: 2.5rem 0 1.5rem;
    margin: 0 0.875rem; }
  .about02 hr {
    border-color: #040000;
    margin: 0 0.875rem; }
  .about02 p {
    font-size: 1.125rem;
    padding: 1.5rem 0.875rem;
    line-height: 2.25rem;
    font-feature-settings: "palt"; }
  .about02 h6 {
    font-size: 1.25rem;
    font-weight: normal;
    padding: 2.25rem 0.875rem 1.5rem; }
  .about02 dl {
    display: flex;
    flex-wrap: wrap;
    line-height: 1.75rem;
    padding: 0 0.875rem;
    justify-content: space-between;
    margin-bottom: 0; }
    .about02 dl dt {
      font-size: 1rem;
      font-weight: normal;
      width: 18%; }
    .about02 dl dd {
      font-size: 1rem;
      width: 82%;
      font-feature-settings: "palt"; }

.about03 {
  background: url("../img/about/bg_staff_02.jpg") 50% 50% no-repeat;
  height: auto;
  margin-bottom: 6.25rem; }
  .about03 h5 {
    font-size: 1.5rem;
    font-weight: normal;
    padding: 2.5rem 0 1.5rem;
    margin: 0 0.875rem; }
  .about03 hr {
    border-color: #040000;
    margin: 0 0.875rem; }
  .about03 p {
    font-size: 1.125rem;
    padding: 1.5rem 0.875rem;
    line-height: 2.25rem;
    font-feature-settings: "palt"; }
  .about03 h6 {
    font-size: 1.25rem;
    font-weight: normal;
    padding: 2.25rem 0.875rem 1.5rem; }
  .about03 p.p-profile {
    padding: 0 0.875rem;
    font-size: 1rem;
    line-height: 1.75rem;
    font-feature-settings: "palt"; }

.btn-teacher {
  margin-left: 50px; }
  .btn-teacher .btn-luxe-primary {
    padding: 0.625rem 2.5rem; }

.about04 {
  margin-bottom: 6.25rem; }
  .about04 .section-subtitle {
    padding-bottom: 1.25rem; }
  .about04 h5 {
    font-size: 2rem;
    text-align: center;
    padding: 4rem 0 1.5rem;
    font-weight: 500; }
  .about04 h6 {
    font-size: 1.625rem;
    color: #515151;
    text-align: center;
    font-weight: bold;
    padding-bottom: 2.5rem; }
  .about04 .btn-center .btn-luxe-primary {
    padding: 0.625rem 2.5rem; }
  .about04 .service01 {
    background: url("../img/about/bg_service01.jpg") 50% 0 no-repeat;
    height: 20rem; }
  .about04 .service02 {
    background: url("../img/about/bg_service02.jpg") 50% 0 no-repeat;
    height: 20rem; }
  .about04 .service03 {
    background: url("../img/about/bg_service03.jpg") 50% 0 no-repeat;
    height: 20rem; }
  .about04 .service04 {
    background: url("../img/about/bg_service04.jpg") 50% 0 no-repeat;
    height: 20rem; }

.about05 {
  margin-bottom: 6.25rem; }
  .about05 .section-subtitle {
    padding-bottom: 1.25rem; }
  .about05 dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 1.25rem;
    line-height: 2.5rem;
    margin-bottom: 0; }
    .about05 dl dt {
      width: 20%;
      font-weight: normal; }
    .about05 dl dd {
      width: 80%;
      font-feature-settings: "palt"; }
  .about05 dl:first-of-type {
    margin-top: 1.5rem; }

/*--------------------------------------------------------------
# artclass
--------------------------------------------------------------*/
/* index.html */
.class01 {
  margin-bottom: 3rem; }
  .class01 .work-card {
    margin: 1.875rem 0;
    justify-content: center;
    padding-bottom: 6.5rem; }
    .class01 .work-card p.btn-center {
      margin-top: -6.5rem; }

/* about-class.html */
#aboutClass {
  overflow: hidden; }
  #aboutClass .breadcrumb {
    background-image: url("../img/artclass/bg_breadcrumb_class.jpg");
    margin-bottom: 0; }
  #aboutClass .aboutClass01 {
    background: url("../img/artclass/bg_aboutclass01.jpg") 50% 0 no-repeat;
    height: 62.5rem;
    padding-top: 5rem; }
  #aboutClass .aboutClass02 {
    padding-top: 1.875rem;
    padding-bottom: 6.25rem; }
    #aboutClass .aboutClass02 .instructor1 {
      position: relative; }
      #aboutClass .aboutClass02 .instructor1 .img-fluid:last-child {
        position: absolute;
        top: -9.875rem; }
    #aboutClass .aboutClass02 .instructor2 .img-fluid:last-child {
      position: absolute;
      top: -8.875rem;
      left: 5rem; }
    #aboutClass .aboutClass02 p.txt-subtitle {
      font-size: 1.375rem;
      text-align: center;
      color: #515151;
      line-height: 2.5rem;
      padding-bottom: 2rem;
      margin: 0; }
  #aboutClass .aboutClass03 h4 {
    position: relative;
    z-index: 5; }
  #aboutClass .aboutClass03 .exhibit-carousel {
    background: url("../img/all/bg_wood.jpg") 50% 0 repeat-y;
    margin-top: -6.5rem;
    padding-top: 7.5rem;
    padding-left: 0.625rem;
    z-index: 1; }
    #aboutClass .aboutClass03 .exhibit-carousel .item {
      border: #fff 1px solid;
      box-shadow: 10px 10px 0 rgba(66, 33, 11, 0.6);
      margin: 0 1.25rem 2.5rem 0; }
  #aboutClass .aboutClass04 {
    background: url("../img/artclass/bg_paper_bottom.jpg") 50% 100% no-repeat;
    padding-bottom: 2.5rem; }
    #aboutClass .aboutClass04 .aboutClass-wrapper {
      background: url("../img/all/bg_paper.jpg") 0 0 repeat;
      padding: 6.25rem 0; }
    #aboutClass .aboutClass04 .feature {
      padding: 1.875rem 0; }
      #aboutClass .aboutClass04 .feature img:first-child {
        padding-bottom: 1rem; }
  #aboutClass .aboutClass05 {
    padding: 6.25rem 0 0; }
    #aboutClass .aboutClass05 h4.section-subtitle {
      padding-bottom: 1.875rem; }
    #aboutClass .aboutClass05 .philosophy01 {
      background: url("../img/artclass/bg_philosophy01.jpg") 50% 0 no-repeat;
      height: 20.625rem; }
      #aboutClass .aboutClass05 .philosophy01 .container {
        height: 100%; }
        #aboutClass .aboutClass05 .philosophy01 .container .row {
          height: 100%; }
    #aboutClass .aboutClass05 .philosophy02 {
      background: url("../img/artclass/bg_philosophy02.jpg") 50% 0 no-repeat;
      height: 20.625rem; }
      #aboutClass .aboutClass05 .philosophy02 .container {
        height: 100%; }
        #aboutClass .aboutClass05 .philosophy02 .container .row {
          height: 100%; }
    #aboutClass .aboutClass05 .philosophy03 {
      background: url("../img/artclass/bg_philosophy03.jpg") 50% 0 no-repeat;
      height: 20.625rem; }
      #aboutClass .aboutClass05 .philosophy03 .container {
        height: 100%; }
        #aboutClass .aboutClass05 .philosophy03 .container .row {
          height: 100%; }
    #aboutClass .aboutClass05 .philosophy04 {
      background: url("../img/artclass/bg_philosophy04.jpg") 50% 0 no-repeat;
      height: 25.625rem; }
      #aboutClass .aboutClass05 .philosophy04 .container {
        height: 100%; }
        #aboutClass .aboutClass05 .philosophy04 .container .row {
          height: 100%; }
  #aboutClass .aboutClass06-1 {
    background-image: url("../img/artclass/bg_lesson_top.png"), url("../img/artclass/bg_lesson_bottom.png");
    background-repeat: no-repeat, no-repeat;
    background-position: 50% 0, 50% 100%;
    padding: 4.375rem 0;
    margin-top: -2.1875rem; }
    #aboutClass .aboutClass06-1 .aboutClass06-2 {
      background: url("../img/artclass/bg_lesson.png") 0 0 repeat; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 h4.section-subtitle {
        padding: 3.75rem 0; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 ul {
        list-style: none;
        margin: 0;
        padding: 0; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .txt-xl {
        font-size: 1.875rem; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .txt-lg {
        font-size: 1.75rem; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .txt-md {
        font-size: 1.5rem; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .txt-sm {
        font-size: 1.25rem; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .txt-xs {
        font-size: 1.125rem; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .txt-pink {
        color: #ff5676; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .txt-blue {
        color: #00a9e4; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .txt-green {
        color: #8cc63f; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .txt-gray {
        color: #4d4d4d; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card {
        background-color: #fff;
        text-align: center;
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 1.875rem; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card ul li {
          padding-bottom: 1rem; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card .list-wrapper {
          display: flex;
          justify-content: space-around; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card01 {
        border-top: #ff5676 1rem solid; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card02 {
        border-top: #00a9e4 1rem solid; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card-wrapper {
        padding: 1.5rem 1rem; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card-wrapper h5 {
          font-size: 1.5rem;
          font-weight: 600;
          margin: 0;
          border-bottom: #00a9e4 1px solid;
          padding: 1.625rem 0 2rem; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card-wrapper .parent-list {
          display: flex;
          align-items: center;
          padding: 1.5rem 0;
          border-bottom: #00a9e4 1px solid; }
          #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card-wrapper .parent-list li {
            width: 68%;
            padding: 0.5rem 0; }
          #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card-wrapper .parent-list li:first-child {
            width: 30%; }
          #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card-wrapper .parent-list li .child-list {
            display: flex; }
            #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card-wrapper .parent-list li .child-list li {
              width: 48%; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card-wrapper .parent-list:last-of-type {
          border-bottom: none; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card-wrapper .lesson-list {
          display: flex;
          padding: 1.8rem;
          border-bottom: #ff5676 1px solid; }
          #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card-wrapper .lesson-list li {
            width: 48%; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card-wrapper .lesson-list:last-child {
          border-bottom: none; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-absent {
        text-align: center; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .trial-lesson {
        padding: 1.5rem 0 3.125rem;
        position: relative; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .trial-lesson p.btn-center {
          position: absolute;
          bottom: 5rem;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
          #aboutClass .aboutClass06-1 .aboutClass06-2 .trial-lesson p.btn-center span {
            font-size: 1rem; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .schedule-card {
        background-color: #fff;
        text-align: center;
        margin-bottom: 2.5rem; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .schedule-card h5 {
          color: #fff;
          padding: 1.2rem 0;
          font-weight: 600; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .schedule-card .card-wrapper {
          padding: 1rem 1rem 1.75rem; }
          #aboutClass .aboutClass06-1 .aboutClass06-2 .schedule-card .card-wrapper ul li:first-child {
            font-weight: 600;
            line-height: 1em;
            padding-bottom: 1.5rem; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card03 h5 {
        background-color: #ed6c00; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card03 .card-wrapper {
        display: flex;
        justify-content: space-between; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card03 .card-wrapper ul {
          width: 33%; }
          #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card03 .card-wrapper ul li:first-child {
            color: #ed6c00; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card03 .card-wrapper ul:nth-of-type(2) {
          border-left: 1px solid #ed6c00;
          border-right: 1px solid #ed6c00; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card04 h5 {
        background-color: #8cc63f; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card04 .card-wrapper ul li:first-child {
        color: #8cc63f; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card05 h5 {
        background-color: #00a9e4; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card05 h5 br {
          display: none; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card05 .card-wrapper ul li:first-child {
        color: #00a9e4; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card06 {
        border-top: #ffe500 1rem solid;
        padding: 1.85rem 1rem 1.5rem; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card06 ul li {
          line-height: 1.5rem;
          text-align: center; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .lesson-card06 ul li:first-child {
          padding-bottom: 2rem;
          font-weight: 600; }
      #aboutClass .aboutClass06-1 .aboutClass06-2 .schedule {
        border: #ffe500 15px solid;
        background: url("../img/artclass/bg_schedule.jpg") 0 0 repeat;
        margin: 1.875rem 0 6.25rem;
        padding: 1.875rem 1rem 1rem;
        text-align: center; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .schedule h5 {
          border: none;
          padding-bottom: 0; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .schedule hr {
          border-color: #040000;
          margin: 1rem 1.875rem; }
        #aboutClass .aboutClass06-1 .aboutClass06-2 .schedule p.txt-xs {
          padding-bottom: 1rem; }
  #aboutClass .aboutClass07-1 {
    margin: 6.25rem 0 3.125rem; }
  #aboutClass .aboutClass07-2 {
    background: url("../img/all/bg_wood.jpg") 50% 0 repeat-y;
    margin-bottom: 6.25rem; }
    #aboutClass .aboutClass07-2 .exhibit-carousel {
      padding-top: 2.5rem;
      padding-left: 0.625rem; }
      #aboutClass .aboutClass07-2 .exhibit-carousel .item {
        border: #fff 1px solid;
        box-shadow: 10px 10px 0 rgba(66, 33, 11, 0.6);
        margin: 0 1.25rem 2.5rem 0; }
  #aboutClass .crea {
    width: 100%;
    height: auto;
    margin-bottom: 50px; }
    #aboutClass .crea .btn-center {
      margin-top: -110px; }
    #aboutClass .crea .sp-only {
      display: none; }

/* awards.html */
#members {
  overflow: hidden; }
  #members .member00 p {
    color: #515151;
    font-size: 1.25rem;
    padding: 1.25rem 0; }
  #members .slider-wrapper {
    position: relative;
    padding: 3.125rem 0 6.25rem; }
    #members .slider-wrapper .owl-nav {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 0%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      font-size: 3.125rem;
      color: #fff;
      display: flex;
      justify-content: space-between; }
      #members .slider-wrapper .owl-nav .owl-prev {
        margin-left: 1rem; }
      #members .slider-wrapper .owl-nav .owl-next {
        margin-right: 1rem; }
    #members .slider-wrapper .members-carousel {
      padding-right: 10px; }
      #members .slider-wrapper .members-carousel .item {
        margin-left: 10px; }
  #members .member-contents {
    padding-bottom: 6.25rem; }
    #members .member-contents .member-img {
      margin-bottom: 1.25rem; }
    #members .member-contents .section-subtitle {
      padding-bottom: 1.875rem; }
    #members .member-contents h5 {
      font-size: 1.375rem;
      margin-bottom: 1.25rem; }
      #members .member-contents h5 span {
        font-size: 1.25rem; }
    #members .member-contents h6 {
      font-size: 1.25rem;
      line-height: 2rem;
      padding-bottom: 1rem; }
    #members .member-contents .member-awards {
      padding-bottom: 1.25rem; }
      #members .member-contents .member-awards dl {
        font-size: 1rem;
        line-height: 2rem; }
        #members .member-contents .member-awards dl dt {
          font-weight: 500; }
        #members .member-contents .member-awards dl dd {
          margin: -2rem 0 0 5rem; }
    #members .member-contents .member-voice {
      border-top: #040000 1px solid;
      border-bottom: #040000 1px solid;
      margin: 1rem auto 6.25rem;
      padding: 1rem; }
      #members .member-contents .member-voice p {
        font-size: 1rem;
        line-height: 1.75rem; }

/* gallery.html */
#class-gallery .section-subtitle {
  padding: 3.125rem 0; }
#class-gallery .gallery-wrapper {
  padding-bottom: 6.25rem; }

/*--------------------------------------------------------------
# works
--------------------------------------------------------------*/
/* index.html */
.works01 {
  margin-bottom: 3rem; }
  .works01 .work-card {
    margin: 1.875rem 0;
    justify-content: center;
    padding-bottom: 6.5rem; }
    .works01 .work-card p.btn-center {
      margin-top: -6.5rem; }

.txt-gallery {
  font-size: 2.75rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 1.875rem;
  font-family: "Montserrat", sans-serif;
  color: #040000; }

.section-subtitle2 {
  font-weight: bold;
  font-size: 1.5rem;
  padding: 1.5rem 0;
  line-height: 1.5rem; }

/* painting.html */
#painting {
  overflow: hidden; }
  #painting .paint01 {
    background: url("../img/works/bg_paint01.jpg") 50% 0 no-repeat;
    min-height: 83.125rem; }
    #painting .paint01 .section-subtitle {
      padding-top: 1.875rem; }
    #painting .paint01 .comment {
      position: relative; }
      #painting .paint01 .comment .txt-paint01 {
        font-size: 1.25rem;
        line-height: 2.25rem;
        margin-top: -12.5rem; }
      #painting .paint01 .comment .dado-sign {
        position: absolute;
        right: 3.5rem;
        bottom: -4rem; }
  #painting .paint03 {
    background-image: url("../img/works/bg_slider_top.jpg"), url("../img/all/bg_wood.jpg");
    background-repeat: no-repeat, repeat-y;
    background-position: 50% 0, 50% 0;
    margin-bottom: 6.25rem;
    margin-top: 1.875rem; }
    #painting .paint03 .exhibit-carousel {
      margin: 16.875rem 0 3.75rem;
      padding-left: 0.625rem; }
      #painting .paint03 .exhibit-carousel .item {
        border: #fff 1px solid;
        box-shadow: 10px 10px 0 rgba(66, 33, 11, 0.6);
        margin: 0 1.25rem 2.5rem 0; }

/* postcard.html */
#postcard {
  overflow: hidden; }
  #postcard .postcard01 {
    background: url("../img/works/bg_postcard.jpg") 50% 0 no-repeat;
    margin-bottom: 8rem; }
    #postcard .postcard01 .section-subtitle {
      padding-top: 1.875rem; }
    #postcard .postcard01 .section-subtitle2 {
      padding: 2rem 0 1.75rem; }
    #postcard .postcard01 .section-subtitle2:last-of-type {
      padding-top: 5rem; }
    #postcard .postcard01 p {
      font-size: 1.125rem;
      line-height: 2.25rem; }
    #postcard .postcard01 h6 {
      font-size: 1.5rem;
      font-weight: bold;
      padding-top: 6rem;
      padding-bottom: 1.5rem; }
    #postcard .postcard01 .shoplist {
      position: relative; }
    #postcard .postcard01 ul {
      list-style: none;
      padding-left: 0; }
      #postcard .postcard01 ul li {
        font-size: 1rem;
        line-height: 1.95rem; }
      #postcard .postcard01 ul li a {
        color: #040000;
        text-decoration: underline; }
      #postcard .postcard01 ul li a:hover {
        color: #8d8d8d; }
    #postcard .postcard01 .img-fluid {
      padding-bottom: 1.1875rem; }
    #postcard .postcard01 .img-post {
      position: absolute;
      top: -31rem;
      right: -4rem;
      width: 640px;
      height: auto; }
    #postcard .postcard01 .img-mag {
      position: absolute;
      top: 5rem;
      left: -4rem;
      width: 620px;
      height: auto; }
    #postcard .postcard01 .nhk {
      background: url("../img/works/bg_nhk.png") 0 0 no-repeat;
      width: 1038px;
      height: 774px;
      margin-top: 550px;
      padding-right: 16px;
      display: flex;
      justify-content: flex-end; }
      #postcard .postcard01 .nhk ul {
        width: 235px;
        display: flex;
        flex-direction: column;
        padding-top: 220px; }
        #postcard .postcard01 .nhk ul li {
          padding-bottom: 25px; }
        #postcard .postcard01 .nhk ul li:last-child {
          padding-bottom: 0; }
  #postcard .txt-gallery {
    margin-bottom: 5rem; }

/* illustration.html */
#graphic .graphic01 {
  background: url("../img/works/bg_graphic.jpg") 50% 0 no-repeat;
  height: 86.625rem; }
  #graphic .graphic01 .section-subtitle {
    padding-top: 5rem; }
  #graphic .graphic01 .section-subtitle2 {
    padding-bottom: 5rem; }
  #graphic .graphic01 ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  #graphic .graphic01 p {
    font-size: 1.75rem;
    text-align: center; }
#graphic .graphic02 {
  margin-top: -22rem; }
  #graphic .graphic02 .txt-gallery {
    padding-bottom: 3rem; }
  #graphic .graphic02 .gallery-wrapper .gallery-item .gallery-info {
    height: 6.125rem; }

.yoshiko01 .section-subtitle {
  padding: 1.5rem 0; }

.yoshiko02 .gallery-wrapper .gallery-item .gallery-info {
  height: auto; }

/*--------------------------------------------------------------
# contact
--------------------------------------------------------------*/
/* contact.html */
#contact h4 {
  padding-bottom: 1.875rem; }
#contact .contact01 {
  padding-bottom: 6.25rem; }
  #contact .contact01 .contact-map {
    padding-bottom: 1.875rem; }
  #contact .contact01 .access h5 {
    padding: 1.5rem 1rem;
    border-bottom: #040000 1px solid;
    margin-bottom: 1.5rem;
    font-weight: 600; }
  #contact .contact01 .access p {
    font-size: 1.125rem;
    padding: 0 1rem 1.875rem;
    line-height: 1.875rem; }
#contact .contact02 {
  padding-bottom: 6.25rem; }
  #contact .contact02 .address {
    padding-bottom: 3.125rem; }
    #contact .contact02 .address ul {
      list-style: none;
      display: flex;
      font-size: 1.25rem;
      padding: 0;
      margin: 0;
      border-bottom: #040000 1px solid; }
      #contact .contact02 .address ul li {
        padding: 1.5rem;
        margin: 0;
        width: 70%; }
        #contact .contact02 .address ul li span {
          font-size: 1.125rem; }
        #contact .contact02 .address ul li a {
          color: #040000; }
        #contact .contact02 .address ul li a:hover {
          color: #636363; }
      #contact .contact02 .address ul li:first-child {
        width: 30%;
        color: #4d4d4d;
        padding-right: 2.5rem; }
  #contact .contact02 .garage img {
    padding-bottom: 1.875rem; }
  #contact .contact02 .garage p {
    font-size: 1.125rem;
    text-align: center; }
#contact .contact03 {
  padding-bottom: 6.25rem; }
  #contact .contact03 .btn-center {
    margin: 3.125rem 0;
    padding: 3.125rem 0;
    border-bottom: #040000 1px solid; }
    #contact .contact03 .btn-center .sp-only {
      display: none; }
  #contact .contact03 .btn-center:first-child {
    margin-bottom: 0;
    border-top: #040000 1px solid; }
  #contact .contact03 .btn-center:last-child {
    margin-top: 0; }
#contact .google-map {
  height: 450px; }

/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/
.error01 .btn-center {
  margin-bottom: 6.25rem; }