/* =========================================================

========================================================= */
.page--barber #Contents,
.page--correspondence #Contents {
  background: url(/common/images/bg_blueline01.png) repeat center center; }

.page--beauty #Contents {
  background: url(/common/images/bg_red_stripe01.png) repeat center center; }

@media only screen and (max-width: 768px) {
  #Contents {
    background-size: 5px auto; } }
/* =========================================================
.kvSect
========================================================= */
.kvSect {
  line-height: 1;
  background: no-repeat center bottom;
  background-size: auto 100%; }
  /*.page--barber .kvSect {
    background-color: #ecebf1;*/ }
  .page--beauty .kvSect {
    background-color: #e3e3e3; }
  .page--correspondence .kvSect {
    background-color: #f1eff0; }
  .kvSect .titBlock {
    line-height: 1;
    position: absolute;
    text-align: center;
    color: #fff;
    background: no-repeat center top;
    background-size: 100% auto; }
    /*.page--barber .kvSect .titBlock {
      background-image: url(/department/barbar/images/kv_tit_bg01.png); }*/
    /*.page--beauty .kvSect .titBlock {
      background-image: url(/department/beauty/images/kv_tit_bg01.png); }*/
    .page--correspondence .kvSect .titBlock {
      background-image: url(/department/correspondence/images/kv_tit_bg01.png); }
  .kvSect.typeS {
    height: 380px; }
    .page--barber .kvSect.typeS .titBlock {
      background-image: url(/department/barbar/images/kv_tit_bg02.png); }
    .page--beauty .kvSect.typeS .titBlock {
      background-image: url(/department/beauty/images/kv_tit_bg02.png); }
    .kvSect.typeS .titBlock .depSubTit {
      margin: 0 auto;
      background: #fff; }
      .page--barber .kvSect.typeS .titBlock .depSubTit {
        color: #4fc2d0; }
      .page--beauty .kvSect.typeS .titBlock .depSubTit {
        color: #fe6094; }

@media only screen and (min-width: 769px) {
  .kvSect {
    height: 300px; }
    /*.page--barber .kvSect {
      background-image: url(/department/barbar/images/kv_bg01.jpg); }*/
    /*.page--beauty .kvSect {
      background-image: url(/department/beauty/images/kv_bg01.jpg); }*/
    /*.page--correspondence .kvSect {
      background-image: url(/department/correspondence/images/kv_bg01.jpg); }*/
    /*.kvSect .titBlock {
      top: 53px;
      left: 0;
      width: 400px;
      height: 334px; }*/
      /*.page--correspondence .kvSect .titBlock {
        width: 396px;
        height: 324px; }*/
      .kvSect .titBlock .depTit {
        padding-top: 95px;
        font-size: 70px;
        font-size: 7rem; }
      /*.kvSect .titBlock .tit_en {
        margin-top: 10px; }*/
      .kvSect .titBlock .subTit {
        margin-top: 25px;
        font-size: 25px;
        font-size: 2.5rem; }
    .kvSect.typeS {
      height: 380px; }
      .kvSect.typeS .titBlock {
        top: 62px;
        height: 256px; }
        .kvSect.typeS .titBlock .depSubTit {
          width: 130px;
          margin-top: 80px;
          padding: 10px 0;
          font-size: 20px;
          font-size: 2rem; }
        .kvSect.typeS .titBlock .pageTit {
          margin-top: 15px;
          font-size: 50px;
          font-size: 5rem; } }
@media only screen and (max-width: 768px) {
  /*.kvSect {
    height: 220px; }*/
    /*.page--barber .kvSect {
      background-image: url(/department/barbar/images/kv_bg01-sp.jpg); }*/
    /*.page--beauty .kvSect {
      background-image: url(/department/beauty/images/kv_bg01-sp.jpg);
      background-position: right 0; }*/
    /*.page--correspondence .kvSect {
      background-image: url(/department/correspondence/images/kv_bg01-sp.jpg);
      background-position: right 0; }*/
    .kvSect .titBlock {
      /*top: 35px;
      left: 50%;*/
      width: 100%;
      padding: 10px;
      /*height: 150px;
      margin-left: -175px;*/ }
      .kvSect .titBlock .depTit {
        padding-top: 45px;
        font-size: 32px;
        font-size: 3.2rem; }
      .kvSect .titBlock .tit_en {
        margin-top: 3px; }
        .kvSect .titBlock .tit_en img {
          width: auto;
          /*height: 8px;*/ }
      .kvSect .titBlock .subTit {
        margin-top: 3px;
        font-size: 12px;
        font-size: 1.2rem; }
    .kvSect.typeS {
      height: 172px; }
      .kvSect.typeS .titBlock {
        top: 28px;
        height: 115px; }
        .kvSect.typeS .titBlock .depSubTit {
          width: 55px;
          margin-top: 36px;
          padding: 4px 0;
          font-size: 9px;
          font-size: 0.9rem; }
        .kvSect.typeS .titBlock .pageTit {
          margin-top: 10px;
          font-size: 22px;
          font-size: 2.2rem; } }
@media only screen and (max-width: 374px) {
  .kvSect .titBlock {
    left: 15px;
    margin-left: 0; } }
/* =========================================================
.mainSect
========================================================= */
.mainSect .titBlock {
  position: relative; }
  .mainSect .titBlock .sectTit {
    line-height: 1;
    z-index: 1;
    color: #fff; }
    .mainSect .titBlock .sectTit span {
      display: inline-block; }
      .page--barber .mainSect .titBlock .sectTit span {
        background: rgba(79, 194, 208, 0.9); }
      .page--beauty .mainSect .titBlock .sectTit span {
        background: rgba(254, 96, 148, 0.9); }
      .page--correspondence .mainSect .titBlock .sectTit span {
        background: rgba(79, 208, 188, 0.9); }
  .mainSect .titBlock .photo {
    position: relative;
    z-index: 0; }
.mainSect .sectMain .pointBlock {
  position: relative; }
  .mainSect .sectMain .pointBlock .txt + .txt {
    margin-top: 20px; }
.mainSect .sectMain .listBlock .listBox .boxTit {
  text-align: center; }
  .page--barber .mainSect .sectMain .listBlock .listBox .boxTit {
    color: #4fc2d0;
    background-color: #dcf3f6; }
  .page--beauty .mainSect .sectMain .listBlock .listBox .boxTit {
    color: #fe6094;
    background-color: #ffebf2; }
  .page--correspondence .mainSect .sectMain .listBlock .listBox .boxTit {
    color: #4fd0bc;
    background-color: #dcf6f2; }
.mainSect .sectMain .listBlock .listBox .boxMain .itemList li:first-child {
  margin-top: 0; }

@media only screen and (min-width: 769px) {
  .mainSect {
    margin-top: 25px; }
    .mainSect .titBlock .sectTit {
      position: absolute;
      top: 129px;
      left: 0;
      font-size: 35px;
      font-size: 3.5rem; }
      .mainSect .titBlock .sectTit span {
        margin-bottom: 5px;
        padding: 18px 35px; }
    .mainSect .sectMain .pointBlock {
      margin-top: 35px; }
      .mainSect .sectMain .pointBlock .blockTit {
        float: left; }
      .mainSect .sectMain .pointBlock .txt {
        padding-left: 340px; }
    .mainSect .sectMain .listBlock {
      margin-top: 40px; }
      .mainSect .sectMain .listBlock .blockInner {
        padding: 40px 50px; }
      .mainSect .sectMain .listBlock .listBox .boxTit {
        padding: 10px 0;
        border-radius: 30px;
        font-size: 18px;
        font-size: 1.8rem; }
      .mainSect .sectMain .listBlock .listBox .boxMain {
        padding: 15px 10px; }
        .mainSect .sectMain .listBlock .listBox .boxMain .itemList li {
          margin-top: 2px;
          font-size: 15px;
          font-size: 1.5rem; }
      .mainSect .sectMain .listBlock .jobBox {
        float: left;
        width: 255px; }
      .mainSect .sectMain .listBlock .certificateBox {
        float: right;
        width: 685px; }
        .mainSect .sectMain .listBlock .certificateBox .itemList {
          float: left;
          box-sizing: border-box;
          width: 50%;
          padding-right: 20px; }
    .mainSect .moreBtn {
      margin-top: 50px; }
      .mainSect .moreBtn a {
        min-width: 430px; } }
@media only screen and (max-width: 768px) {
  .mainSect {
    margin-top: 20px; }
    .mainSect .titBlock .sectTit {
      font-size: 17px;
      font-size: 1.7rem; }
      .mainSect .titBlock .sectTit span {
        margin-bottom: 5px;
        padding: 8px 20px; }
    .mainSect .titBlock .photo {
      margin-top: 5px; }
      .mainSect .titBlock .photo img {
        width: 100%; }
    .mainSect .sectMain .pointBlock {
      margin-top: 10px; }
      .mainSect .sectMain .pointBlock .blockTit {
        display: none; }
    .mainSect .sectMain .listBlock {
      margin-top: 15px; }
      .mainSect .sectMain .listBlock .blockInner {
        padding: 15px 15px; }
      .mainSect .sectMain .listBlock .listBox .boxTit {
        padding: 8px 0;
        border-radius: 30px; }
      .mainSect .sectMain .listBlock .listBox .boxMain {
        padding: 10px 10px; }
        .mainSect .sectMain .listBlock .listBox .boxMain .itemList li {
          margin-top: 2px; }
    .mainSect .moreBtn {
      margin-top: 25px; }
      .mainSect .moreBtn a {
        min-width: 250px; } }
/* =========================================================
.slidephotoSect
========================================================= */
@media only screen and (min-width: 769px) {
  .slidephotoSect {
    position: relative; }
    .slidephotoSect:before, .slidephotoSect:after {
      z-index: 1;
      position: absolute;
      display: block;
      width: 244px;
      height: 112px;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100% auto;
      content: '';
      left: auto;
      top: -85px; }
    .slidephotoSect:before {
      left: 50%;
      margin-left: -650px; }
    .slidephotoSect:after {
      right: 50%;
      margin-right: -650px; }
    .page--barber .slidephotoSect:before {
      background-image: url("/department/barbar/images/viewsl_tit_bg01.png"); }
    .page--barber .slidephotoSect:after {
      background-image: url("/department/barbar/images/viewsl_tit_bg02.png"); }
    .page--beauty .slidephotoSect:before {
      background-image: url("/department/beauty/images/viewsl_tit_bg01.png"); }
    .page--beauty .slidephotoSect:after {
      background-image: url("/department/beauty/images/viewsl_tit_bg02.png"); }
    .slidephotoSect .sectMain {
      height: 275px;
      margin-top: 100px;
      animation: movedepartmentbg1 24s infinite linear both;
      background: repeat-x 0 0; }
      .page--barber .slidephotoSect .sectMain {
        background-image: url("/department/barbar/images/viewsl_img01.jpg"); }
      .page--beauty .slidephotoSect .sectMain {
        background-image: url("/department/beauty/images/viewsl_img01.png"); } }
@media only screen and (max-width: 768px) {
  .slidephotoSect {
    display: none; } }
@keyframes movedepartmentbg1 {
  0% {
    background-position: 0 0; }
  100% {
    background-position: -1604px 0; } }
/* =========================================================
.trainingSect
========================================================= */
.trainingSect .sectTit {
  text-align: center; }
.trainingSect .sectMain .cautionTxt {
  text-align: right; }
.page--barber .trainingSect .sectMain .examBlock {
  background-color: #dcf3f6; }
.page--beauty .trainingSect .sectMain .examBlock {
  background-color: #ffebf2; }
.trainingSect .sectMain .examBlock .blockTit {
  text-align: center; }
  .page--barber .trainingSect .sectMain .examBlock .blockTit {
    color: #4fc2d0; }
  .page--beauty .trainingSect .sectMain .examBlock .blockTit {
    color: #fe6094; }
.trainingSect .sectMain .examBlock .photoList li {
  text-align: center; }
.trainingSect .sectMain .otherBlock .photoList li {
  text-align: center; }

@media only screen and (min-width: 769px) {
  .trainingSect {
    margin-top: 115px; }
    .trainingSect .sectMain {
      margin-top: 30px; }
      .trainingSect .sectMain .cautionTxt {
        font-size: 16px;
        font-size: 1.6rem; }
      .trainingSect .sectMain .examBlock {
        margin-top: 5px;
        padding: 25px 40px;
        border-radius: 10px; }
        .trainingSect .sectMain .examBlock .blockTit {
          font-size: 22px;
          font-size: 2.2rem; }
        .trainingSect .sectMain .examBlock .photoList {
          margin-top: 15px; }
          .trainingSect .sectMain .examBlock .photoList li {
            float: left;
            width: 280px;
            margin-left: 20px;
            font-size: 20px;
            font-size: 2rem; }
            .trainingSect .sectMain .examBlock .photoList li:nth-child(3n+1) {
              clear: both;
              margin-left: 0; }
            .trainingSect .sectMain .examBlock .photoList li img {
              margin-bottom: 8px; }
      .trainingSect .sectMain .otherBlock {
        margin-top: 25px; }
        .trainingSect .sectMain .otherBlock .photoList {
          margin-top: -15px; }
          .trainingSect .sectMain .otherBlock .photoList li {
            float: left;
            width: 178px;
            margin-top: 15px;
            margin-left: 18px;
            font-size: 13px;
            font-size: 1.3rem; }
            .trainingSect .sectMain .otherBlock .photoList li:nth-child(5n+1) {
              clear: both;
              margin-left: 0; }
            .trainingSect .sectMain .otherBlock .photoList li img {
              margin-bottom: 8px; } }
@media only screen and (max-width: 768px) {
  .trainingSect {
    margin-top: 40px; }
    .trainingSect .sectTit img {
      width: 100%;
      max-width: 345px; }
    .trainingSect .sectMain {
      margin-top: 10px; }
      .trainingSect .sectMain .cautionTxt {
        font-size: 12px;
        font-size: 1.2rem; }
      .trainingSect .sectMain .examBlock {
        margin-top: 5px;
        padding: 25px 30px 10px;
        border-radius: 5px; }
        .trainingSect .sectMain .examBlock .blockTit {
          font-size: 16px;
          font-size: 1.6rem; }
        .trainingSect .sectMain .examBlock .photoList {
          margin-top: 15px; }
          .trainingSect .sectMain .examBlock .photoList li {
            margin-top: 15px;
            font-size: 15px;
            font-size: 1.5rem; }
            .trainingSect .sectMain .examBlock .photoList li:first-child {
              margin-top: 0; }
            .trainingSect .sectMain .examBlock .photoList li img {
              display: block;
              margin: 0 auto 5px; }
      .trainingSect .sectMain .otherBlock {
        margin-top: 20px; }
        .trainingSect .sectMain .otherBlock .photoList {
          margin-top: -10px; }
          .trainingSect .sectMain .otherBlock .photoList li {
            float: left;
            box-sizing: border-box;
            width: 50%;
            margin-top: 10px;
            text-align: center;
            font-size: 12px;
            font-size: 1.2rem; }
            .trainingSect .sectMain .otherBlock .photoList li:nth-child(2n+1) {
              clear: both;
              margin-left: 0;
              padding-right: 6px; }
            .trainingSect .sectMain .otherBlock .photoList li:nth-child(2n) {
              padding-left: 6px; }
            .trainingSect .sectMain .otherBlock .photoList li img {
              display: block;
              margin: 0 auto 5px; } }
/* =========================================================
.lectureSect
========================================================= */
.lectureSect .sectTit {
  text-align: center; }
.lectureSect .sectMain .itemBlock .txtBox .boxTit {
  text-align: center;
  border-radius: 30px; }
  .page--barber .lectureSect .sectMain .itemBlock .txtBox .boxTit {
    color: #4fc2d0;
    background-color: #dcf3f6; }
  .page--beauty .lectureSect .sectMain .itemBlock .txtBox .boxTit {
    color: #fe6094;
    background-color: #ffebf2; }
.lectureSect .sectMain .itemBlock .txtBox .boxMain .itemList li:first-child {
  margin-top: 0; }
.lectureSect .sectMain .itemBlock .txtBox .cautionTxt {
  clear: both; }

@media only screen and (min-width: 769px) {
  .lectureSect {
    margin-top: 100px; }
    .lectureSect .sectMain {
      margin-top: 30px; }
      .lectureSect .sectMain .itemBlock .photo {
        float: left;
        width: 430px; }
      .lectureSect .sectMain .itemBlock .txtBox {
        float: right;
        width: 470px; }
        .lectureSect .sectMain .itemBlock .txtBox .boxInner {
          padding: 30px 40px; }
        .lectureSect .sectMain .itemBlock .txtBox .boxTit {
          padding: 10px 0; }
        .lectureSect .sectMain .itemBlock .txtBox .boxMain {
          padding: 20px 10px 0; }
          .lectureSect .sectMain .itemBlock .txtBox .boxMain .itemList {
            float: left;
            width: 60%; }
            .lectureSect .sectMain .itemBlock .txtBox .boxMain .itemList:nth-child(2n) {
              width: 40%; }
            .lectureSect .sectMain .itemBlock .txtBox .boxMain .itemList li {
              margin-top: 2px;
              padding-right: 10px;
              padding-left: 12px;
              text-indent: -12px;
              font-size: 15px;
              font-size: 1.5rem; }
        .lectureSect .sectMain .itemBlock .txtBox .cautionTxt {
          margin-top: 10px; }
      .lectureSect .sectMain .moreBtn {
        margin-top: 55px; }
        .lectureSect .sectMain .moreBtn a {
          min-width: 430px; } }
@media only screen and (max-width: 768px) {
  .lectureSect {
    margin-top: 40px; }
    .lectureSect .sectMain {
      margin-top: 15px; }
      .lectureSect .sectMain .itemBlock .photo {
        text-align: center; }
      .lectureSect .sectMain .itemBlock .txtBox {
        margin-top: 15px; }
        .lectureSect .sectMain .itemBlock .txtBox .boxInner {
          padding: 14px 14px; }
        .lectureSect .sectMain .itemBlock .txtBox .boxTit {
          padding: 8px 0;
          border-radius: 30px; }
        .lectureSect .sectMain .itemBlock .txtBox .boxMain {
          padding: 10px 10px 0; }
          .lectureSect .sectMain .itemBlock .txtBox .boxMain .itemList li {
            margin-top: 2px; }
        .lectureSect .sectMain .itemBlock .txtBox .cautionTxt {
          margin-top: 10px; }
      .lectureSect .sectMain .moreBtn {
        margin-top: 25px; }
        .lectureSect .sectMain .moreBtn a {
          min-width: 250px; } }
/* =========================================================
.worksSect
========================================================= */
.worksSect {
  position: relative; }
  .page--barber .worksSect {
    background-color: #dcf3f6; }
  .page--beauty .worksSect {
    background-color: #ffdfea; }
  .worksSect:before {
    position: absolute;
    display: block;
    width: 100%;
    height: 60px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    content: '';
    left: 0;
    top: -60px;
    background-size: 100% 100%; }
    .page--barber .worksSect:before {
      background-image: url("/common/images/bg_wave_blue01.png"); }
    .page--beauty .worksSect:before {
      background-image: url("/common/images/bg_wave_pink01.png"); }
  .worksSect .sectTit {
    text-align: center; }
  .worksSect .sectMain .slideBlock {
    background: url("/common/images/bg_slide01.png") repeat-x center center; }
    .worksSect .sectMain .slideBlock .slideWrap {
      overflow: hidden;
      width: 100%; }
    .worksSect .sectMain .slideBlock .itemList li {
      display: none;
      float: left;
      text-align: center;
      background: #fff; }
      .worksSect .sectMain .slideBlock .itemList li:first-child {
        margin-left: 0; }

@media only screen and (min-width: 769px) {
  .worksSect {
    margin-top: 110px;
    padding: 60px 0 100px; }
    .worksSect .sectMain {
      margin-top: 30px; }
      .worksSect .sectMain .slideBlock .slideWrap {
        margin-left: -20px;
        padding: 20px; }
      .worksSect .sectMain .slideBlock .itemList li {
        width: 226px;
        height: 297px;
        margin-right: 30px;
        padding: 12px 13px 12px;
        border-radius: 10px;
        box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); }
      .worksSect .sectMain .moreBtn {
        margin-top: 55px; }
        .worksSect .sectMain .moreBtn a {
          min-width: 430px; } }
@media only screen and (max-width: 768px) {
  .worksSect {
    margin-top: 50px;
    padding: 20px 0 40px; }
    .worksSect:before {
      top: -29px;
      height: 30px; }
    .worksSect .sectTit img {
      width: 100%;
      max-width: 345px; }
    .worksSect .sectMain {
      margin-top: 15px; }
      .worksSect .sectMain .slideBlock {
        background-size: auto 78px; }
        .worksSect .sectMain .slideBlock .inner {
          width: 300px;
          margin: 0 auto;
          padding: 0; }
        .worksSect .sectMain .slideBlock .slideWrap {
          position: relative;
          margin-left: -5px;
          padding: 10px 5px; }
        .worksSect .sectMain .slideBlock .itemList li {
          width: 132px;
          height: 174px;
          margin-right: 8px;
          padding: 7px 7px 7px;
          border-radius: 10px;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
      .worksSect .sectMain .moreBtn {
        margin-top: 25px; }
        .worksSect .sectMain .moreBtn a {
          min-width: 250px; } }
/* =========================================================
.otherdepSect
========================================================= */
.otherdepSect {
  background-color: #fff; }
  .otherdepSect .sectTit {
    text-align: center; }

@media only screen and (min-width: 769px) {
  .otherdepSect {
    padding: 60px 0 140px; }
    .otherdepSect .sectMain {
      margin-top: 20px; }
      .otherdepSect .sectMain .bnrList li {
        float: left; }
        .otherdepSect .sectMain .bnrList li:nth-child(2n) {
          float: right; } }
@media only screen and (max-width: 768px) {
  .otherdepSect {
    padding: 35px 0 45px; }
    .otherdepSect .sectTit img {
      width: 265px; }
    .otherdepSect .sectMain {
      margin-top: 15px; }
      .otherdepSect .sectMain .bnrList li {
        margin-top: 10px;
        text-align: center; }
        .otherdepSect .sectMain .bnrList li:first-child {
          margin-top: 0; } }
/* =========================================================
.pointSect
========================================================= */
.pointSect .sectPTit {
  text-align: center; }
.pointSect .sectTit {
  text-align: center; }
.pointSect .sectMain .listBlock .itemList li {
  box-sizing: border-box; }
  .pointSect .sectMain .listBlock .itemList li .photo {
    text-align: center; }
  .page--barber .pointSect .sectMain .listBlock .itemList li .tit {
    color: #4fc2d0; }
  .page--beauty .pointSect .sectMain .listBlock .itemList li .tit {
    color: #fe6094; }

@media only screen and (min-width: 769px) {
  .pointSect .sectTit {
    margin-top: 20px; }
  .pointSect .sectMain {
    margin-top: 30px; }
    .pointSect .sectMain .listBlock {
      margin-top: 20px; }
      .pointSect .sectMain .listBlock .itemList li {
        width: 50%; }
        .pointSect .sectMain .listBlock .itemList li:nth-child(2n+1) {
          float: left;
          clear: both;
          padding-right: 20px; }
        .pointSect .sectMain .listBlock .itemList li:nth-child(2n) {
          float: right;
          padding-left: 20px; }
        .pointSect .sectMain .listBlock .itemList li .tit {
          margin-top: 5px;
          font-size: 22px;
          font-size: 2.2rem; }
        .pointSect .sectMain .listBlock .itemList li .leadTit {
          margin-top: 5px;
          font-size: 16px;
          font-size: 1.6rem; }
        .pointSect .sectMain .listBlock .itemList li .txt {
          margin-top: 5px; }
        .pointSect .sectMain .listBlock .itemList li .certificateBox {
          margin-top: 5px; } }
@media only screen and (max-width: 768px) {
  .pointSect .sectPTit img {
    width: 107px; }
  .pointSect .sectTit {
    margin-top: 10px; }
    .pointSect .sectTit img {
      width: 100%;
      max-width: 345px; }
  .pointSect .sectMain {
    margin-top: 10px; }
    .pointSect .sectMain .listBlock {
      margin-top: 10px; }
      .pointSect .sectMain .listBlock .itemList li .tit {
        margin-top: 5px;
        font-size: 15px;
        font-size: 1.5rem; }
      .pointSect .sectMain .listBlock .itemList li .certificateBox {
        margin-top: 3px; } }
/* =========================================================
.point01Sect
========================================================= */
.page--barber .point01Sect .sectMain .listBlock {
  background-color: #dcf3f6; }
.page--beauty .point01Sect .sectMain .listBlock {
  background-color: #ffebf2; }
.point01Sect .sectMain .listBlock .blockTit {
  text-align: center; }
  .page--barber .point01Sect .sectMain .listBlock .blockTit {
    color: #4fc2d0; }
  .page--beauty .point01Sect .sectMain .listBlock .blockTit {
    color: #fe6094; }

@media only screen and (min-width: 769px) {
  .point01Sect {
    margin-top: 25px; }
    .point01Sect .sectMain .listBlock {
      margin-top: 20px;
      padding: 40px;
      border-radius: 10px; }
      .point01Sect .sectMain .listBlock .blockTit {
        font-size: 22px;
        font-size: 2.2rem; }
      .point01Sect .sectMain .listBlock .itemList {
        margin-top: 5px; }
        .point01Sect .sectMain .listBlock .itemList li {
          margin-top: 30px; } }
@media only screen and (max-width: 768px) {
  .point01Sect {
    margin-top: 20px; }
    .point01Sect .sectMain .listBlock {
      margin-top: 10px;
      padding: 20px 30px;
      border-radius: 5px; }
      .point01Sect .sectMain .listBlock .blockTit {
        font-size: 16px;
        font-size: 1.6rem; }
      .point01Sect .sectMain .listBlock .itemList {
        margin-top: 15px; }
        .point01Sect .sectMain .listBlock .itemList li {
          margin-top: 20px; }
          .point01Sect .sectMain .listBlock .itemList li:first-child {
            margin-top: 0; } }
/* =========================================================
.point02Sect
========================================================= */
.page--barber .point02Sect .sectMain .listBlock .itemList li .liInner {
  background-color: #dcf3f6; }
.page--beauty .point02Sect .sectMain .listBlock .itemList li .liInner {
  background-color: #ffebf2; }
  .page--beauty .point02Sect .sectMain .listBlock .itemList li .liInner .moreBtn {
    font-size: 1.5rem;
    margin-top: 20px; }
    .page--beauty .point02Sect .sectMain .listBlock .itemList li .liInner .moreBtn a {
      width: 70%;
      box-sizing: border-box; }
.point02Sect .sectMain .listBlock .itemList li .certificateBox {
  line-height: 1.2; }
  .point02Sect .sectMain .listBlock .itemList li .certificateBox .boxTit {
    float: left;
    text-align: center;
    color: #fff; }
    .page--barber .point02Sect .sectMain .listBlock .itemList li .certificateBox .boxTit {
      background-color: #4fc2d0; }
    .page--beauty .point02Sect .sectMain .listBlock .itemList li .certificateBox .boxTit {
      background-color: #fe6094; }

@media only screen and (min-width: 769px) {
  .point02Sect {
    margin-top: 100px; }
    .point02Sect .sectMain .listBlock {
      margin-top: 20px; }
      .point02Sect .sectMain .listBlock .itemList {
        margin-top: -30px; }
        .point02Sect .sectMain .listBlock .itemList li {
          margin-top: 30px; }
          .point02Sect .sectMain .listBlock .itemList li .liInner {
            padding: 30px;
            border-radius: 10px; }
          .point02Sect .sectMain .listBlock .itemList li .certificateBox {
            margin-top: 15px; }
            .point02Sect .sectMain .listBlock .itemList li .certificateBox .boxTit {
              width: 76px;
              padding: 10px 0;
              font-size: 14px;
              font-size: 1.4rem; }
            .point02Sect .sectMain .listBlock .itemList li .certificateBox .certificateTxt {
              padding-left: 85px; } }
@media only screen and (max-width: 768px) {
  .point02Sect {
    margin-top: 40px; }
    .point02Sect .sectMain .listBlock {
      margin-top: 10px; }
      .point02Sect .sectMain .listBlock .itemList {
        margin-top: 0; }
        .point02Sect .sectMain .listBlock .itemList li {
          margin-top: 10px; }
          .point02Sect .sectMain .listBlock .itemList li:first-child {
            margin-top: 0; }
          .point02Sect .sectMain .listBlock .itemList li .liInner {
            padding: 15px 30px;
            border-radius: 5px; }
          .point02Sect .sectMain .listBlock .itemList li .certificateBox {
            margin-top: 8px; }
            .point02Sect .sectMain .listBlock .itemList li .certificateBox .boxTit {
              width: 60px;
              padding: 8px 0;
              font-size: 11px;
              font-size: 1.1rem; }
            .point02Sect .sectMain .listBlock .itemList li .certificateBox .certificateTxt {
              padding-left: 70px; } }
/* =========================================================
.point03Sect
========================================================= */
.point03Sect .sectMain .listBlock .itemList li {
  text-align: center; }
  .page--barber .point03Sect .sectMain .listBlock .itemList li {
    color: #4fc2d0; }
  .page--beauty .point03Sect .sectMain .listBlock .itemList li {
    color: #fe6094; }
  .point03Sect .sectMain .listBlock .itemList li img {
    display: block;
    margin: 0 auto; }
  .point03Sect .sectMain .listBlock .itemList li a {
    text-decoration: none; }

@media only screen and (min-width: 769px) {
  .point03Sect {
    margin-top: 100px;
    padding-bottom: 100px; }
    .point03Sect .sectMain .listBlock {
      margin-top: 20px; }
      .point03Sect .sectMain .listBlock .itemList {
        margin-top: -30px; }
        .point03Sect .sectMain .listBlock .itemList li {
          margin-top: 30px;
          font-size: 22px;
          font-size: 2.2rem; }
          .point03Sect .sectMain .listBlock .itemList li img {
            margin-bottom: 12px; } }
@media only screen and (max-width: 768px) {
  .point03Sect {
    margin-top: 40px;
    padding-bottom: 40px; }
    .point03Sect .sectMain .listBlock {
      margin-top: 10px; }
      .point03Sect .sectMain .listBlock .itemList li {
        margin-top: 10px; }
        .point03Sect .sectMain .listBlock .itemList li:first-child {
          margin-top: 0; }
        .point03Sect .sectMain .listBlock .itemList li img {
          margin-bottom: 8px; } }
/* =========================================================
.courseSect
========================================================= */
.courseSect .sectTit {
  text-align: center; }
.courseSect .sectMain .courseBlock {
  box-sizing: border-box;
  border: 10px solid #4fd0bc;
  background-color: #fff; }
  .courseSect .sectMain .courseBlock .blockTit {
    text-align: center;
    color: #fff;
    border-bottom: 10px solid #4fd0bc;
    background-color: #4fd0bc; }
  .courseSect .sectMain .courseBlock .blockMain .photo {
    text-align: center; }
  .courseSect .sectMain .courseBlock .blockMain .leadTxt {
    color: #4fd0bc; }
  .courseSect .sectMain .courseBlock .blockMain .cautionTxt {
    padding-left: 1em;
    text-indent: -1em; }

@media only screen and (min-width: 769px) {
  .courseSect {
    margin-top: 90px; }
    .courseSect .sectMain {
      margin-top: 30px; }
      .courseSect .sectMain .courseBlock {
        float: left;
        width: 520px;
        border-radius: 10px; }
        .courseSect .sectMain .courseBlock:nth-child(2n) {
          float: right; }
        .courseSect .sectMain .courseBlock .blockTit {
          padding: 10px 0;
          font-size: 30px;
          font-size: 3rem; }
        .courseSect .sectMain .courseBlock .blockMain {
          padding: 30px; }
          .courseSect .sectMain .courseBlock .blockMain .leadTxt {
            margin-top: 20px;
            font-size: 21px;
            font-size: 2.1rem; }
          .courseSect .sectMain .courseBlock .blockMain .txt {
            margin-top: 10px; }
          .courseSect .sectMain .courseBlock .blockMain .cautionTxt {
            margin-top: 10px; } }
@media only screen and (max-width: 768px) {
  .courseSect {
    margin-top: 45px; }
    .courseSect .sectMain {
      margin-top: 30px; }
      .courseSect .sectMain .courseBlock {
        margin-top: 0;
        border-radius: 5px; }
        .courseSect .sectMain .courseBlock + .courseBlock {
          margin-top: 20px; }
        .courseSect .sectMain .courseBlock .blockTit {
          padding: 5px 0;
          font-size: 18px;
          font-size: 1.8rem; }
        .courseSect .sectMain .courseBlock .blockMain {
          height: auto !important;
          padding: 15px; }
          .courseSect .sectMain .courseBlock .blockMain .leadTxt {
            margin-top: 10px;
            font-size: 16px;
            font-size: 1.6rem; }
          .courseSect .sectMain .courseBlock .blockMain .txt {
            margin-top: 10px; }
          .courseSect .sectMain .courseBlock .blockMain .cautionTxt {
            margin-top: 10px; } }
/* =========================================================
.scheduleSect
========================================================= */
.scheduleSect .sectTit {
  text-align: center; }
.scheduleSect .sectMain .infoBlock .infoTbl th {
  position: relative;
  vertical-align: middle;
  background: #f8f8f8; }
  .scheduleSect .sectMain .infoBlock .infoTbl th:before, .scheduleSect .sectMain .infoBlock .infoTbl th:after {
    position: absolute;
    left: 0;
    width: 100%;
    content: '';
    background: #fff; }
  .scheduleSect .sectMain .infoBlock .infoTbl th:before {
    top: 0; }
  .scheduleSect .sectMain .infoBlock .infoTbl th:after {
    bottom: 0; }
.scheduleSect .sectMain .flowBlock .blockTit {
  margin: 0 auto;
  text-align: center;
  color: #4fd0bc;
  background-color: #dcf6f2; }
.scheduleSect .sectMain .flowBlock .flowImg {
  text-align: center; }
.scheduleSect .sectMain .ribittsBlock {
  background-color: #f8f8f8;
  margin-top: 60px;
  padding: 30px 50px 0; }
  .scheduleSect .sectMain .ribittsBlock p {
    float: right;
    width: 46%; }
    .scheduleSect .sectMain .ribittsBlock p img {
      width: 100%;
      height: auto; }
  .scheduleSect .sectMain .ribittsBlock dl {
    float: left;
    width: 50%; }
    .scheduleSect .sectMain .ribittsBlock dl dt {
      margin-top: 30px;
      margin-bottom: 10px; }

@media only screen and (min-width: 769px) {
  .scheduleSect {
    margin-top: 100px; }
    .scheduleSect .sectMain {
      margin-top: 25px; }
      .scheduleSect .sectMain .infoBlock .infoTbl {
        border-top: 2px solid #ebedec; }
        .scheduleSect .sectMain .infoBlock .infoTbl th,
        .scheduleSect .sectMain .infoBlock .infoTbl td {
          padding: 16px 20px;
          border-bottom: 2px solid #ebedec; }
        .scheduleSect .sectMain .infoBlock .infoTbl th {
          width: 200px; }
          .scheduleSect .sectMain .infoBlock .infoTbl th:before, .scheduleSect .sectMain .infoBlock .infoTbl th:after {
            height: 2px; }
      .scheduleSect .sectMain .flowBlock {
        margin-top: 60px; }
        .scheduleSect .sectMain .flowBlock .blockTit {
          width: 420px;
          padding: 15px 0;
          border-radius: 30px;
          font-size: 25px;
          font-size: 2.5rem; }
        .scheduleSect .sectMain .flowBlock .flowImg {
          margin-top: 30px; }
          .scheduleSect .sectMain .flowBlock .flowImg .zoomIcon {
            display: none; } }
@media only screen and (max-width: 768px) {
  .scheduleSect {
    margin-top: 50px; }
    .scheduleSect .sectTit img {
      width: 100%;
      max-width: 345px; }
    .scheduleSect .sectMain {
      margin-top: 25px; }
      .scheduleSect .sectMain .infoBlock .infoTbl {
        border-top: 1px solid #ebedec; }
        .scheduleSect .sectMain .infoBlock .infoTbl tr {
          display: block;
          width: 100%; }
        .scheduleSect .sectMain .infoBlock .infoTbl th,
        .scheduleSect .sectMain .infoBlock .infoTbl td {
          display: block;
          padding: 10px 15px;
          border: 1px solid #ebedec;
          border-top: 0;
          font-size: 12px;
          font-size: 1.2rem; }
        .scheduleSect .sectMain .infoBlock .infoTbl th:before, .scheduleSect .sectMain .infoBlock .infoTbl th:after {
          height: 1px; }
      .scheduleSect .sectMain .flowBlock {
        margin-top: 30px; }
        .scheduleSect .sectMain .flowBlock .blockTit {
          width: 210px;
          padding: 8px 0;
          border-radius: 20px;
          font-size: 13px;
          font-size: 1.3rem; }
        .scheduleSect .sectMain .flowBlock .flowImg {
          position: relative;
          margin-top: 20px;
          padding-bottom: 40px; }
          .scheduleSect .sectMain .flowBlock .flowImg .zoomIcon {
            position: absolute;
            right: 0;
            bottom: 0;
            box-sizing: border-box;
            width: 35px;
            height: 35px;
            padding-top: 7px;
            text-align: center;
            border-radius: 18px;
            background: #a9a9a9; }
            .scheduleSect .sectMain .flowBlock .flowImg .zoomIcon img {
              width: 20px; }
      .scheduleSect .sectMain .ribittsBlock {
        background-color: #f8f8f8;
        margin-top: 30px;
        padding: 20px; }
        .scheduleSect .sectMain .ribittsBlock p {
          float: none;
          width: 80%;
          margin: 0 auto; }
        .scheduleSect .sectMain .ribittsBlock dl {
          margin-bottom: 5px;
          float: none;
          width: 100%; }
          .scheduleSect .sectMain .ribittsBlock dl dt {
            margin-top: 0;
            margin-bottom: 5px;
            width: 60%; } }
/* =========================================================
.otherbtnSect
========================================================= */
.otherbtnSect .btnList {
  text-align: center; }

@media only screen and (min-width: 769px) {
  .otherbtnSect {
    margin-top: 50px;
    padding-bottom: 50px; }
    .otherbtnSect .btnList li {
      display: inline-block;
      margin: 0 15px; }
      .otherbtnSect .btnList li a {
        min-width: 380px; } }
@media only screen and (max-width: 768px) {
  .otherbtnSect {
    margin-top: 25px;
    padding-bottom: 25px; }
    .otherbtnSect .btnList li {
      margin-top: 20px; }
      .otherbtnSect .btnList li:first-child {
        margin-top: 0; }
      .otherbtnSect .btnList li a {
        min-width: 270px; } }

/*@media only screen and (min-width: 769px) {
  .page--barber .kvSect2 {
    background: url(/department/barbar/images/kv_bg01_new2.jpg) repeat;
  }
  .page--beauty .kvSect2 {
    background: url(/department/beauty/images/kv_bg01_new2.jpg) repeat;
  }
}*/
/*@media only screen and (max-width: 768px) {
  .page--barber .kvSect2 {
    background: url(/department/barbar/images/kv_bg01_new2.jpg) repeat;
  }
  .page--beauty .kvSect2 {
    background: url(/department/beauty/images/kv_bg01_new2.jpg) repeat;
  }
}*/

/*.page--barber .kvSect2 {
  background-color: #e2e1e7!important;
}*/
/*.page--beauty .kvSect2 {
  background-color: #e2e1e7!important;
}*/

@media only screen and (max-width: 768px) {
  .sponly {display: block;}
  .pconly {display: none;} }

@media only screen and (min-width: 769px) {
  .sponly {display: none;}
  .pconly {display: block;} }