@charset "UTF-8";
/* ######################################################################################

　display　表示・非表示

###################################################################################### */
@media print, screen and (min-width: 768px) {
  div.pc, ul.pc, ol.pc, li.pc, dl.pc, dt.pc, dd.pc {
    display: block;
  }
  div.sp, ul.sp, ol.sp, li.sp, dl.sp, dt.sp, dd.sp {
    display: none;
  }

  span.pc, img.pc, em.pc, br.pc {
    display: inline;
  }
  span.sp, img.sp, em.sp, br.sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  div.sp, ul.sp, ol.sp, li.sp, dl.sp, dt.sp, dd.sp {
    display: block;
  }
  div.pc, ul.pc, ol.pc, li.pc, dl.pc, dt.pc, dd.pc {
    display: none;
  }

  span.sp, img.sp, em.sp, br.sp {
    display: inline;
  }
  span.pc, img.pc, em.pc, br.pc {
    display: none;
  }
}


/* =======================================================
　ページトップ　pageTop
========================================================== */
.pageTopFix,
.pageTop {
    cursor: pointer;
}

.pageTopFix {
    background-image: url(../img/pageTop.png);
    background-size: contain;
    position: fixed;
    z-index: 8000;
    text-indent: -9999px;
}

@media print, screen and (min-width: 768px) {
    /**/
    .pageTopFix {
        bottom: 100px;
        right: 50px;
        width: 66px;
        height: 66px;
    }
}
@media screen and (max-width: 767px) {
    /**/
    .pageTopFix {
        bottom: 60px;
        right: 20px;
        width: 33px;
        height: 33px;
    }
}

/* =======================================================
　画像切り替え
========================================================== */
.rollover{transition: opacity 0.5s;}

/* =======================================================
　35歳から、人間ドックがもっと身近に!
========================================================== */
.contentsBloc.lead {
}
@media print, screen and (min-width: 768px) {
    .contentsBloc.lead {
        padding-top: 6px;
        background-image: url(../img/topBelt_pc.png);
        background-repeat: no-repeat;
        background-position: center top;
    }
    .contentsBloc.lead img {max-width: 100%; height: auto;}
}
@media screen and (max-width: 767px) {
    .contentsBloc.lead img {max-width: 100%; height: auto;}
}

/* =======================================================
　まずは動画をチェック
========================================================== */
.contentsBloc.movie .youtube__copy {
    text-align: center;
}
.contentsBloc.movie .youtube .thumbnail {
    position: absolute;
    left: -1px;
    top: 0;
    width: calc(100% + 2px);
    height: 100%;
    z-index: 3;
    cursor: pointer;
}
.contentsBloc.movie .youtube .thumbnail:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
}
.contentsBloc.movie .youtube .youtubeStartButton {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 4;
    transform: translate(-50%, -50%);
    width: 72px;
    height: 72px;
}
.contentsBloc.movie .youtube .thumbnail img {
    position: relative;
    z-index: 3;
}
/*#video-background {position: absolute; top: 0 !important;}*/
#video-background{
    position:absolute;
    top:50%;
    left:50%;

    /* プレイヤーを少し大きくして高画質を誘導 */
    width:120%;
    height:120%;

    transform:translate(-50%,-50%);
    pointer-events:none;
}
@media print, screen and (min-width: 768px) {
    .contentsBloc.movie {
        padding-top: 9px;
        padding-bottom: 26px;
    }
    .contentsBloc.movie .youtube__copy {margin-bottom: 6px;}
    .contentsBloc.movie .youtube__copy img {
        max-width: 100%;
        height: auto;
    }
    .contentsBloc.movie .youtube{
        position:relative;
        max-width:1120px;
        width:100%;
        aspect-ratio:16/9;
        margin:0 auto;
        overflow:hidden;
    }
    .contentsBloc.movie .youtube .thumbnail:hover img {opacity: 0.6;}
}
@media screen and (max-width: 767px) {
    .contentsBloc.movie {padding-top: 4px;}
    .contentsBloc.movie .youtube__copy {
        width: 45.6%;
        margin: 0 auto 6px;
    }
    .contentsBloc.movie .youtube {
        position: relative;
        aspect-ratio: 16 / 9;
        width: 100%;
        overflow: hidden;
    }
    .contentsBloc.movie .youtube iframe {
        width: 100%;
    }
    .contentsBloc.movie img {width: 100%; height: auto;}
}

/* =======================================================
　知っておきたい制度変更ポイント
========================================================== */
.contentsBloc.point {
    background-repeat: no-repeat;
}
@media print, screen and (min-width: 768px) {
    .contentsBloc.point {
        padding-top: 44px;
        padding-bottom: 46px;
        background-position: center 200px;
        text-align: center;
    }
    .contentsBloc.point .point2 {
        display: inline-block;
        margin-top: 40px;
    }
    .contentsBloc.point img {
        max-width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 767px) {
    .contentsBloc.point {
        padding-top: 10px;
        padding-bottom: 24px;
        background-size: 100% auto;
        background-position: center 30.9333vw;
    }
    .contentsBloc.point .point1 {
        display: block;
        width: 92.4638%;
        margin: 0 auto;
    }
    .contentsBloc.point .point2 {
        display: block;
        width: 91.3043%;
        margin: 7px auto 0;
    }
}

/* =======================================================
　健診補助
========================================================== */
.contentsBloc.price {background: #00ac87;}

@media print, screen and (min-width: 768px) {
    .contentsBloc.price {padding-bottom: 50px;}
    .contentsBloc.price .contents {
        position: relative;
        text-align: center;
    }
    .contentsBloc.price .price1 {
        display: inline-block;
        margin-top: -25px;
    }
    .contentsBloc.price .price2 {
        position: absolute;
        left: 55px;
        bottom: -94px;
        width: 29.7297%;
    }
    .contentsBloc.price .button {
        max-width: 990px;
        margin: 16px auto 0;
        text-align: right;
    }
    .contentsBloc.price .button img {
        width: 60.6061%;
    }

    .contentsBloc.price img {
        max-width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 767px) {
    .contentsBloc.price {padding-bottom: 20px;}
    .contentsBloc.price .price1 {
        display: inline-block;
        margin-top: -14px;
    }
    .contentsBloc.price .price2 {
        display: block;
        margin-top: 17px;
        text-align: center;
    }
    .contentsBloc.price .price2 img {
        width: 150px;
    }
    .contentsBloc.price .button{
        width: 86.9565%;
        margin: 10px auto 0;
    }
}

/* =======================================================
　各コースの比較はこちら
========================================================== */
.contentsBloc.course {
    text-align: center;
}
@media print, screen and (min-width: 768px) {
    .contentsBloc.course {padding-top: 52px; padding-bottom: 48px;}
    .contentsBloc.course .button {margin-top: 18px;}
    .contentsBloc.course .button:hover {opacity: 0.5;}
}
@media screen and (max-width: 767px) {
    .contentsBloc.course {padding-top: 20px; padding-bottom: 16px;}
    .contentsBloc.course .copy {
        width: 87%;
        margin: 0 auto;
    }
    .contentsBloc.course .button {
        width: 86.9565%;
        margin: 14px auto 0;
    }
}

/* =======================================================
　はじめてでも大丈夫
========================================================== */
.contentsBloc.firstTime {
    background: #EEEBE9;
}
@media print, screen and (min-width: 768px) {
    .contentsBloc.firstTime {
        padding-top: 48px;
        padding-bottom: 7px;
    }
    .contentsBloc.firstTime .title {
        margin-bottom: 18px;
        text-align: center;
    }
    .contentsBloc.firstTime .firstList ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 -29px;
    }
    .contentsBloc.firstTime .firstList li {
        margin-bottom: 42px;
        padding-left: 29px;
        padding-right: 29px;
    }
}
@media screen and (max-width: 767px) {
    .contentsBloc.firstTime {
        padding-top: 15px;
        padding-bottom: 18px;
    }
    .contentsBloc.firstTime .contents {
        padding: 0 28px;
    }
    .contentsBloc.firstTime .title {
        margin: 0 auto 9px;
        width: 87.619%;
    }
    .contentsBloc.firstTime .firstList li + li {
        margin-top: 8px;
    }
}

/* =======================================================
　ここが安心、知音会の人間ドック
========================================================== */
.contentsBloc.safe {
    background: #E5F7F3;
}
@media print, screen and (min-width: 768px) {
    .contentsBloc.safe {
        padding-top: 48px;
        padding-bottom: 68px;
    }
    .contentsBloc.safe .title {
        margin-bottom: 30px;
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .contentsBloc.safe {
        padding-top: 14px;
        padding-bottom: 20px;
    }
    .contentsBloc.safe .title {
        width: 94.4928%;
        margin: 0 auto 10px;
    }
}

/* =======================================================
　なぜ今、人間ドック？
========================================================== */
.contentsBloc.why {
    background-repeat: no-repeat;
}
@media print, screen and (min-width: 768px) {
    .contentsBloc.why {
        padding-top: 50px;
        padding-bottom: 64px;
        background-image: url(../img/why_bg_pc.png);
        background-position: center 145px;
    }
    .contentsBloc.why .title {
        margin-bottom: 25px;
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .contentsBloc.why {
        padding-top: 14px;
        padding-bottom: 18px;
        background-image: url(../img/why_bg_sp.png);
        background-size: 100% auto;
        background-position: center 27.2vw;
    }
    .contentsBloc.why .title {
        width: 78.551%;
        margin: 0 auto 8px;
    }
    .contentsBloc.why .why1 {text-align: center;}
}

/* =======================================================
　Web予約はこちら
========================================================== */
.contentsBloc.reserve {
    background: #00ac87;
}
.contentsBloc.reserve .title {
    text-align: center;
}
.contentsBloc.reserve .copybox {position: relative;}
.contentsBloc.reserve .copybox:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
}

.contentsBloc.reserve .copy1,
.contentsBloc.reserve .copy2 {color: #fff;}
.contentsBloc.reserve .copy2 {line-height: 1.5714;}
.contentsBloc.reserve .copy2 .yellow {
    color: #ffff82;
}

@media print, screen and (min-width: 768px) {
    .contentsBloc.reserve {
        padding: 60px 0 11px;
    }
    .contentsBloc.reserve .title {
        margin-bottom: 10px;
    }
    .contentsBloc.reserve .copybox {
        padding-bottom: 38px;
        padding-left: 36.1112%;
    }
    .contentsBloc.reserve .copybox:before {
        left: 38px;
        bottom: -18px;
        width: 30.5556%;
        background-size: contain;
        aspect-ratio: 110 / 101;
    }
    .contentsBloc.reserve .copy1 {
        margin-bottom: 14px;
        font-size: clamp(14px, 3.0556vw, 3.3rem);
    }
    .contentsBloc.reserve .copy2 {
        font-size: clamp(14px, 2.5926vw, 2.8rem);
    }
    .contentsBloc.reserve .copy2 .large {
        font-size: 1.10714em;
    }
}
@media screen and (max-width: 767px) {
    .contentsBloc.reserve {
        padding: 15px 0 25px;
    }
    .contentsBloc.reserve .title {
        width: 42.3189%;
        margin: 0 auto;
    }
    .contentsBloc.reserve .copybox {
        padding-bottom: 10px;
        padding-left: 43.9856%;
        letter-spacing: -1px;
    }
    .contentsBloc.reserve .copybox:before {
        left: 0;
        bottom: -29px;
        width: 43.4783%;
        background-image: url(../img/reserve02_sp.png);
        background-size: contain;
        aspect-ratio: 150 / 137;
    }
    .contentsBloc.reserve .copy1,
    .contentsBloc.reserve .copy2 {
        font-weight: bold;
    }
    .contentsBloc.reserve .copy1 {
        margin-bottom: 0;
        font-size: clamp(1.5rem, 4vw, 1.8rem);
    }
    .contentsBloc.reserve .copy2 {
        font-size: clamp(1.25rem, 3.3333vw, 1.8rem);
    }
    .contentsBloc.reserve .copy2 .large {
        font-size: 1.08em;
    }
}

.contentsBloc.reserve .clinicBox {
    background: #fff;
    border-radius: 8px;
}
.contentsBloc.reserve .telTerm .tel {
    font-weight: bold;
}
.contentsBloc.reserve .telTerm .tel span {
    display: inline-block;
    font-weight: normal;
    color: #fff;
    vertical-align: middle;
}
.contentsBloc.reserve .telTerm .tel a {
    text-decoration: none;
    color: #000000;
    font-family: "Noto Sans JP", sans-serif;
}
.contentsBloc.reserve .map iframe {
    width: 100%;
}

@media print, screen and (min-width: 768px) {
    .contentsBloc.reserve .clinicBox {
        padding: 38px 40px;
    }
    .contentsBloc.reserve .top,
    .contentsBloc.reserve .bottom {
        display: flex;
    }
    .contentsBloc.reserve .top .clinicInfo {
        padding-top: 10px;
        padding-left: 65px;
    }
    .contentsBloc.reserve .top .address {
        margin-top: 27px;
        font-size: 1.7rem;
        line-height: 1.4706;
    }
    .contentsBloc.reserve .bottom {
        padding-top: 6px;
        align-items: center;
        justify-content: space-between;
    }
    .contentsBloc.reserve .telTerm .tel {
        font-size: clamp(14px, 4.2593vw, 4.6rem);
    }
    .contentsBloc.reserve .telTerm .tel span {
        position: relative;
        top: -4px;
        margin-right: 1.3333em;
        padding: 3px 8px 3px 8px;
        font-size: 0.3913em;
    }
    .contentsBloc.reserve .telTerm .tel a {display: inline-block;}
    .contentsBloc.reserve .telTerm .term {
        margin-top: -10px;
        font-size: clamp(14px, 1.9444vw, 2.1rem);
        line-height: 1.3333;
    }
    .contentsBloc.reserve .reserveBtn {width: 49.8008%;}
    .contentsBloc.reserve .reserveBtn a:hover {opacity: 0.5;}
    .contentsBloc.reserve .map  {margin-top: 32px;}
    .contentsBloc.reserve .map iframe {
        aspect-ratio: 10 / 7;
    }
}
@media screen and (max-width: 767px) {
    .contentsBloc.reserve .clinicBox {
        padding: 14px 15px 11px;
    }
    .contentsBloc.reserve .clinicImage {
        width: 44.4444%;
        margin: 0 auto;
    }
    .contentsBloc.reserve .logo {
        width: 95.2381%;
        margin: 0 auto;
    }
    .contentsBloc.reserve .address {
        margin-top: 0.6em;
        font-size: clamp(1rem, 2.6667vw, 1.8rem);
        line-height: 1.4;
    }

    .contentsBloc.reserve .telTerm .tel {
        margin-top: 0.3333em;
        font-size: clamp(3rem, 8vw, 4rem);
    }
    .contentsBloc.reserve .telTerm .tel span {
        position: relative;
        top: -2px;
        margin-right: 0.8333em;
        padding: 0 4px 0 3px;
        font-size: 0.4em;
    }
    .contentsBloc.reserve .telTerm .term {
        margin-top: -0.3077em;
        font-size: clamp(1.35rem, 3.6vw, 1.8rem);
        line-height: 1.3333;
    }
    .contentsBloc.reserve .reserveBtn {
        width: 79.3651%;
        margin: 12px auto 0;
    }
    .contentsBloc.reserve .map  {margin-top: 6px;}
    .contentsBloc.reserve .map iframe {
        aspect-ratio: 63 / 44;
    }
}

/* =======================================================
　クリニックリスト
========================================================== */
.contentsBloc.reserve .clinicList .clinicTitle {
    border-radius: 8px;
}
.contentsBloc.reserve .clinicList .clinicTitle {
    position: relative;
    background: #E5F7F3;
    text-align: center;
}
.contentsBloc.reserve .clinicList .clinicTitle:after {
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    width: 100vw;
    height: 100%;
    background: #E5F7F3;
    border-radius: 8px;
}
.contentsBloc.reserve .clinicList .clinicTitle img {
    position: relative;
    z-index: 2;
}
.contentsBloc.reserve .clinicList .clinic {
    position: relative;
    display: block;
    background: #fff;
    border-radius: 12px;
    text-decoration: none;
    color: #000;
}
.contentsBloc.reserve .clinicList .clinic:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background-size: cover;
    border-radius: 12px 0 0 12px;
}
.contentsBloc.reserve .clinicList .clinic:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    background-size: cover;
}

.contentsBloc.reserve .clinicList .clinic .tel span {
    position: relative;
    color: #fff;
}
.contentsBloc.reserve .clinicList .clinic .tel a {
    text-decoration: none;
    color: #000;
}
.contentsBloc.reserve .clinicList .clinic .term {display: inline-block;}
.contentsBloc.reserve .clinicList .clinic .term span {
    display: block;
    text-align: right;
}

@media print, screen and (min-width: 768px) {
    .contentsBloc.reserve .clinicList {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 50px;
    }
    .contentsBloc.reserve .clinicList .clinicTitle,
    .contentsBloc.reserve .clinicList .clinic {
        width: 47.2222%;
        margin-bottom: 49px;
    }
    .contentsBloc.reserve .clinicList .clinicTitle {padding-top: 38px;}
    .contentsBloc.reserve .clinicList .clinic {
        padding-left: 16.6667%;
        background-repeat: no-repeat;
        background-size: 35.2941% auto;
    }
    .contentsBloc.reserve .clinicList .clinic:before {
        width: 35.2941%;
        height: 100%;
    }
    .contentsBloc.reserve .clinicList .clinic:after {
        right: 10px;
        bottom: 8px;
        width: 26px;
        height: 26px;
    }
    .contentsBloc.reserve .clinicList .clinic dl {
        padding: 12px 7.8431% 5px 4.1176%;
    }
    .contentsBloc.reserve .clinicList .clinic .address {
        margin-top: 3px;
        font-size: clamp(1px, 1.2037vw, 1.3rem);
        line-height: 1.2308;
    }
    .contentsBloc.reserve .clinicList .clinic .tel {
        margin-top: -3px;
        font-size: clamp(14px, 2.4074vw, 2.6rem);
        font-weight: 600;
        font-family: "Noto Sans JP", sans-serif;
    }
    .contentsBloc.reserve .clinicList .clinic .tel span {
        top: -5px;
        margin-right: 8px;
        padding: 1px 4px 2px 3px;
        font-size: 0.3846em;
        font-weight: normal;
    }
    .contentsBloc.reserve .clinicList .clinic .term {
        margin-top: 0;
        font-size: clamp(1px, 1.2037vw, 1.3rem);
    }
    .contentsBloc.reserve .clinicList .clinic .term span {
        font-size: 0.9231em;
    }
}
@media screen and (max-width: 767px) {
    .contentsBloc.reserve .clinicList {
        padding: 14px 35px 0;
    }
    .contentsBloc.reserve .clinicList .clinicTitle {
        padding-top: 9px;
        padding-bottom: 9px;
    }
    .contentsBloc.reserve .clinicList .clinicTitle img {width: 50.9091%;}
    .contentsBloc.reserve .clinicList .clinic {
        padding-left: 35.2723%;
        margin-top: 14px;
    }
    .contentsBloc.reserve .clinicList .clinic:before {
        width: 35.2727%;
        height: 100%;
    }
    .contentsBloc.reserve .clinicList .clinic dl {
        padding: 6px 14.0449% 5px 6.1798%;
    }
    .contentsBloc.reserve .clinicList .clinic .address {
        margin-top: -2px;
        font-size: clamp(0.7rem, 1.8667vw, 1.8rem);
    }
    .contentsBloc.reserve .clinicList .clinic .tel {
        margin-top: -2px;
        font-size: clamp(1.4rem, 3.7333vw, 2.4rem);
        font-family: "Noto Sans JP", sans-serif;
    }
    .contentsBloc.reserve .clinicList .clinic .tel span {
        top: -3px;
        margin-right: 4px;
        padding: 2px 3px 1px 2px;
        font-size: 0.3929em;
    }
    .contentsBloc.reserve .clinicList .clinic .term {
        margin-top: -6px;
        font-size: clamp(0.7rem, 1.8667vw, 2.4rem);
        letter-spacing: -0.01em;
    }
    .contentsBloc.reserve .clinicList .clinic .term span {
        font-size: 0.8571em;
    }
}

.contentsBloc.reserve .clinicList .clinic.clinic00:before {background-image: url(../img/clinic00_image.png);}
.contentsBloc.reserve .clinicList .clinic.clinic01:before {background-image: url(../img/clinic01_image.png);}
.contentsBloc.reserve .clinicList .clinic.clinic02:before {background-image: url(../img/clinic02_image.png);}
.contentsBloc.reserve .clinicList .clinic.clinic03:before {background-image: url(../img/clinic03_image.png);}
.contentsBloc.reserve .clinicList .clinic.clinic04:before {background-image: url(../img/clinic04_image.png);}
.contentsBloc.reserve .clinicList .clinic.clinic05:before {background-image: url(../img/clinic05_image.png);}
.contentsBloc.reserve .clinicList .clinic.clinic00 .tel span {background-color: #00ac87;}
.contentsBloc.reserve .clinicList .clinic.clinic01 .tel span {background-color: #d13c72;}
.contentsBloc.reserve .clinicList .clinic.clinic02 .tel span {background-color: #00ac87;}
.contentsBloc.reserve .clinicList .clinic.clinic03 .tel span {background-color: #9cc715;}
.contentsBloc.reserve .clinicList .clinic.clinic04 .tel span {background-color: #e0a229;}
.contentsBloc.reserve .clinicList .clinic.clinic05 .tel span {background-color: #d47f87;}
.contentsBloc.reserve .clinicList .clinic.clinic00:after {background-image: url(../img/clinic00_arrow.png);}
.contentsBloc.reserve .clinicList .clinic.clinic01:after {background-image: url(../img/clinic01_arrow.png);}
.contentsBloc.reserve .clinicList .clinic.clinic02:after {background-image: url(../img/clinic02_arrow.png);}
.contentsBloc.reserve .clinicList .clinic.clinic03:after {background-image: url(../img/clinic03_arrow.png);}
.contentsBloc.reserve .clinicList .clinic.clinic04:after {background-image: url(../img/clinic04_arrow.png);}
.contentsBloc.reserve .clinicList .clinic.clinic05:after {background-image: url(../img/clinic05_arrow.png);}


/* =======================================================
　よくある質問
========================================================== */
.contentsBloc.faq .title,
.contentsBloc.faq .copy {text-align: center;}
.contentsBloc.faq .copy {font-weight: bold;}
.contentsBloc.faq .faqList dt,
.contentsBloc.faq .faqList dd {position: relative;}
.contentsBloc.faq .faqList dd {display: none;}
.contentsBloc.faq .faqList dt:before,
.contentsBloc.faq .faqList dd:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background-size: contain;
}
.contentsBloc.faq .faqList dt:before {background-image: url(../img/icon_question.png);}
.contentsBloc.faq .faqList dd:before {background-image: url(../img/icon_answer.png);}
.contentsBloc.faq .faqList dd ul li {position: relative; padding-left: 1em;}
.contentsBloc.faq .faqList dd ul li:before {
    content: "・";
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
}
.contentsBloc.faq .button {text-align: center;}

@media print, screen and (min-width: 768px) {
    .contentsBloc.faq {
        padding-top: 48px;
        padding-bottom: 45px;
    }
    .contentsBloc.faq .title {margin-bottom: 10px;}
    .contentsBloc.faq .copy {
        margin-bottom: 30px;
        font-size: 3.5rem;
    }
    .contentsBloc.faq .faqList {
        max-width: 900px;
        margin:  0 auto;
    }
    .contentsBloc.faq .faqList dl + dl {margin-top: 38px;}
    .contentsBloc.faq .faqList dt,
    .contentsBloc.faq .faqList dd {padding-left: 50px;}
    .contentsBloc.faq .faqList dt {
        font-size: 2rem;
        cursor: pointer;
    }
    .contentsBloc.faq .faqList dd {
        padding-top: 22px;
        font-size: 2rem;
        line-height: 1.5;
    }
    .contentsBloc.faq .faqList dt:before,
    .contentsBloc.faq .faqList dd:before {
        top: -3px;
        width: 38px;
        height: 38px;
    }
    .contentsBloc.faq .faqList dd:before {top: 18px;}
    .contentsBloc.faq .button {margin-top: 53px;}
    .contentsBloc.faq .button a:hover {opacity: 0.5;}
}
@media screen and (max-width: 767px) {
    .contentsBloc.faq {
        padding-top: 14px;
    }
    .contentsBloc.faq .contents {padding-left: 30px; padding-right: 30px;}
    .contentsBloc.faq .title {
        width: 38%;
        margin: 0 auto 2px;
    }
    .contentsBloc.faq .copy {
        margin-bottom: 18px;
        font-size: 1.8rem;
        line-height: 1.4571;
    }
    .contentsBloc.faq .faqList dl + dl {margin-top: 25px;}
    .contentsBloc.faq .faqList dt,
    .contentsBloc.faq .faqList dd {padding-left: 40px;}
    .contentsBloc.faq .faqList dt {
        font-size: 1.3rem;
    }
    .contentsBloc.faq .faqList dd {
        padding-top: 25px;
        font-size: 1.3rem;
        line-height: 1.4
    }
    .contentsBloc.faq .faqList dt:before,
    .contentsBloc.faq .faqList dd:before {
        top: -3px;
        width: 30px;
        height: 30px;
    }
    .contentsBloc.faq .faqList dd:before {top: 22px;}
    .contentsBloc.faq .button {margin-top: 25px;}
}

/* =======================================================
　footerNav
========================================================== */
.footerNav li a {
    text-decoration: none;
    color: #000;
}
.footerNav li span {
    color: #00ac87;
}
@media print, screen and (min-width: 768px) {
    .footerNav {
        padding-top: 24px;
        padding-bottom: 44px;
    }
    .footerNav ul {
        display: flex;
        justify-content: center;
    }
    .footerNav li + li {margin-left: 46px;}
    .footerNav li a {font-size: 1.5rem;}
    .footerNav li a:hover {opacity: 0.5;}
}
@media screen and (max-width: 767px) {
    .footerNav {
        padding-top: 13px;
    }
    .footerNav li {
        text-align: center;
    }
    .footerNav li a {font-size: 0.9rem;}
}

/* =======================================================
copyright
========================================================== */
.copyright {
    text-align: center;
    color: #fff;
}
@media print, screen and (min-width: 768px) {
    .copyright {
        padding: 23px 0 33px;
        background-image: url(../img/footerBelt_pc.png);
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 767px) {
    .copyright {
        margin-top: 12px;
        padding: 9px 0 15px;
        background-image: url(../img/footerBelt_pc.png);
        background-size:  auto 100%;
        font-size: 0.8rem;
    }
}

/* =======================================================
    各サイトの違い
========================================================== */
.oc .contentsBloc.point {background-color: #E5F7F3;}
.oc .contentsBloc.course {background-color: #EDF9F7;}
.oc .contentsBloc.reserve .copybox:before {background-image: url(../img/oc/reserve02_pc.png);}
.oc .contentsBloc.reserve .telTerm .tel span {background: #00ac87;}

.ocl .contentsBloc.point {background-color: #FCF1F5;}
.ocl .contentsBloc.course {background-color: #FCF1F5;}
.ocl .contentsBloc.reserve .copybox:before {background-image: url(../img/ocl/reserve02_pc.png);}
.ocl .contentsBloc.reserve .telTerm .tel span {background: #d13c72;}

.kc .contentsBloc.point {background-color: #E5F7F3;}
.kc .contentsBloc.course {background-color: #EDF9F7;}
.kc .contentsBloc.reserve .copybox:before {background-image: url(../img/kc/reserve02_pc.png);}
.kc .contentsBloc.reserve .telTerm .tel span {background: #00ac87;}

.ngc .contentsBloc.point {background-color: #F5F9E8;}
.ngc .contentsBloc.course {background-color: #F5F9E8;}
.ngc .contentsBloc.reserve .copybox:before {background-image: url(../img/ngc/reserve02_pc.png);}
.ngc .contentsBloc.reserve .telTerm .tel span {background: #00ac87;}

.nc .contentsBloc.point {background-color: #FEF7E8;}
.nc .contentsBloc.course {background-color: #FEF7E8;}
.nc .contentsBloc.reserve .copybox:before {background-image: url(../img/nc/reserve02_pc.png);}
.nc .contentsBloc.reserve .telTerm .tel span {background: #00ac87;}

.ncl .contentsBloc.point {background-color: #FDF4F5;}
.ncl .contentsBloc.course {background-color: #FDF4F5;}
.ncl .contentsBloc.reserve .copybox:before {background-image: url(../img/ncl/reserve02_pc.png);}
.ncl .contentsBloc.reserve .telTerm .tel span {background: #00ac87;}

@media print, screen and (min-width: 768px) {
    .ocl .header .logo img {width: 300px;}
    .kc .header .logo img {width: 360px;}
    .ngc .header .logo img {width: 281px;}
    .nc .header .logo img {width: 308px;}
    .ncl .header .logo img {width: 292px;}

    .oc .contentsBloc.point {background-image: url(../img/oc/point_bg_pc.png);}
    .ocl .contentsBloc.point {background-image: url(../img/ocl/point_bg_pc.png);}
    .kc .contentsBloc.point {background-image: url(../img/kc/point_bg_pc.png);}
    .ngc .contentsBloc.point {background-image: url(../img/ngc/point_bg_pc.png);}
    .nc .contentsBloc.point {background-image: url(../img/nc/point_bg_pc.png);}
    .ncl .contentsBloc.point {background-image: url(../img/ncl/point_bg_pc.png);}
}
@media screen and (max-width: 767px) {
    .oc .contentsBloc.point {background-image: url(../img/oc/point_bg_sp.png);}
    .ocl .contentsBloc.point {background-image: url(../img/ocl/point_bg_sp.png);}
    .kc .contentsBloc.point {background-image: url(../img/kc/point_bg_sp.png);}
    .ngc .contentsBloc.point {background-image: url(../img/ngc/point_bg_sp.png);}
    .nc .contentsBloc.point {background-image: url(../img/nc/point_bg_sp.png);}
    .ncl .contentsBloc.point {background-image: url(../img/ncl/point_bg_sp.png);}
}