@charset "utf-8";


/* ===========================================
    変数・共通
============================================== */
:root {
    --font-yu-gothic: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    --font-mplus: "M PLUS 2", sans-serif;
    --font-Noto-Sans: "Noto Sans JP", sans-serif;
    --font-meiryo: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    --font-yu-mincho:"YuMincho", "Yu Mincho", "游明朝", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    --main-color: #0a7981;
    --sub-color: #e15a35;
    --point-color: #fff102;
}

body {
    color: #121212;
}

.wrap750 {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}
.wrap690 {
    max-width: 690px;
    margin: 0 auto;
}
.wrap630 {
    max-width: 630px;
    margin: 0 auto;
}

.ta_c {
    text-align: center;
}


/* ===========================================
    ヘッダー
============================================== */
.lp_header {
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    box-sizing: border-box;
    height: min(128px, calc(calc(128/750) * 100vw));
    padding: min(30px, calc(calc(30/750) * 100vw));
}
.head__menu {
    top: min(128px, calc(calc(128/750) * 100vw));
    z-index: 99;
}
.head__menu-inner {
    margin-top: min(50px, calc(calc(50/750) * 100vw));
}
.header_logo h1 {
    width: min(516px, calc(calc(516/750) * 100vw));
}
.drawer-btn {
    width: min(100px, calc(calc(100/750) * 100vw));
    height: min(80px, calc(calc(80/750) * 100vw));
    background: #f0f0f0;
    top: calc(50% - min(40px, calc(calc(40/750) * 100vw)));
    right: min(10px, calc(calc(10/750) * 100vw));
    position: relative;
}
.drawer-btn::before {
    content: "";
    width: min(60px, calc(calc(60/750) * 100vw));
    height: min(60px, calc(calc(60/750) * 100vw));
    background: url(../img/aga/ic_nav_on.webp) no-repeat center/contain;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.3s;
}
.drawer-btn.active::before {
    background: url(../img/aga/ic_nav_off.webp) no-repeat center/contain;
}



/* ===========================================
    クーポン + コースアコーディオン
============================================== */
/* クーポン・カウントダウン */
.coupon_acc__wrap {
    position: relative;
    border: min(5px, calc(calc(5/750) * 100vw)) solid var(--main-color);
    border-radius: min(14px, calc(calc(14/750) * 100vw));
    background: #fff;
    padding-top: min(40px, calc(calc(40/750) * 100vw));
}
.coupon_acc__wrap.gold {
    border: min(8px, calc(calc(8/750) * 100vw)) solid #9c7a3b;
    border-radius: unset;
}

.coupon_acc__inner {
    padding: min(30px, calc(calc(30/750) * 100vw));
}
.coupon_acc__head {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -30px;
    background: #FFF;
}
.coupon_acc__head.benefit {
    padding: 0 min(30px, calc(calc(30/750) * 100vw));
}
@media screen and (max-width: 750px) {
    .coupon_acc__head {
        top: -4vw;
    }
}
.coupon_acc__wrap p {
    font-family: var(--font-mplus);
}
.coupon_acc__wrap ._txt01 {
    font-size: min(26px, calc(calc(26/750) * 100vw));
    font-weight: 800;
}
.limit_btn {
    padding: min(60px, calc(calc(60/750) * 100vw)) 0;
}
.box_countdown {
    position: relative;
    background: #fff;
    border: min(4px, calc(calc(4/750) * 100vw)) solid var(--sub-color);
    border-radius: min(6px, calc(calc(6/750) * 100vw));
    font-family: var(--font-mplus);
    color: var(--main-color);
    /*↓以下ベース*/
    max-width: 75%;
    margin: 0px auto -15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: min(10px, calc(calc(10/750) * 100vw)) min(15px, calc(calc(15/750) * 100vw));
    box-sizing: border-box;
    z-index: 5;
}
@media screen and (max-width: 767px) {
    .box_countdown {
        max-width: 87%;
        margin: 0px auto -10px;
    }
}
.box_countdown p {
    line-height: 1;
    font-size: min(27px, calc(calc(27/750) * 100vw));
    font-weight: 700;
    padding-bottom: 5px;
}
.box_countdown span {
    font-family: var(--font-yu-gothic);
}
.box_countdown::before,
.box_countdown::after {
    content: '';
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    height: min(20px, calc(calc(20/750) * 100vw));
    width: min(20px, calc(calc(20/750) * 100vw));
    box-sizing: border-box;
}

.box_countdown::before {
    bottom: -25px;
    z-index: 1;
    border: min(10px, calc(calc(10/750) * 100vw)) solid transparent;
    border-top: min(20px, calc(calc(20/750) * 100vw)) solid #fff;
}
@media screen and (max-width: 750px) {
    .box_countdown::before {
        bottom: -3.33vw;
    }
}
.box_countdown::after {
    bottom: -32px;
    z-index: 0;
    border: min(10px, calc(calc(10/750) * 100vw)) solid transparent;
    border-top: min(20px, calc(calc(20/750) * 100vw)) solid var(--sub-color);
}
@media screen and (max-width: 750px) {
    .box_countdown::after {
        bottom: -4.27vw;
    }
}
.box_countdown .yyc-day, .box_countdown .yyc-hou, .box_countdown .yyc-min, .box_countdown .yyc-sec {
    background: none;
    padding: 0;
    color: var(--main-color);
    font-size: min(30px, calc(calc(30/750) * 100vw));
    font-family: var(--font-mplus);
    font-weight: 700;
}
.box_countdown .yyc-day-text, .box_countdown .yyc-hou-text, .box_countdown .yyc-min-text, .box_countdown .yyc-sec-text {
    font-size: min(25px, calc(calc(25/750) * 100vw));
    font-family: var(--font-mplus);
    font-weight: 700;
    margin: 0 3px;
}
.box_countdown .yycountdown-box {
    margin-left: 5px;
    line-height: 1;
    padding-bottom: 5px;
}
.change_btn img {
    filter: drop-shadow(0 0 5px rgba(148, 54, 28, 0.28));
}
.change_btn img:hover {
    opacity: 0.8;
}


/* コース内容・アコーディオン */
.course__cont {
    padding: min(40px, calc(calc(40/750) * 100vw)) min(30px, calc(calc(30/750) * 100vw));
    font-family: var(--font-mplus);
    background: #edf5f5;
}
.course__cont._perfect {
    background: #ffe9e3;
}
.course__ttl {
    color: var(--main-color);
    text-align: center;
    font-size: min(33px, calc(calc(33/750) * 100vw));
    font-weight: 500;
    line-height: 1;
    margin-bottom: min(40px, calc(calc(40/750) * 100vw));
}
._perfect .course__ttl {
    color: var(--sub-color);
}
.course__name {
    width: 100%;
    border: min(3px, calc(calc(3/750) * 100vw)) solid var(--main-color);
    background: #fff;
    height: min(70px, calc(calc(70/750) * 100vw));
    line-height: min(70px, calc(calc(70/750) * 100vw));
    font-size: min(27px, calc(calc(27/750) * 100vw));
    font-weight: 700;
    color: var(--main-color);
    text-align: center;
    margin-bottom: min(20px, calc(calc(20/750) * 100vw));
    box-sizing: border-box;
}
._perfect .course__name {
    border: min(3px, calc(calc(3/750) * 100vw)) solid var(--sub-color);
    color: var(--sub-color);
}
.course__price {
    margin-bottom: min(20px, calc(calc(20/750) * 100vw));
}
.course_acc__ttl {
    height: min(90px, calc(calc(90/750) * 100vw));
    line-height: min(85px, calc(calc(85/750) * 100vw));
    background: var(--main-color);
    color: #fff;
    font-family: var(--font-mplus);
    font-size: min(30px, calc(calc(30/750) * 100vw));
    font-weight: 600;
    text-align: center;
    position: relative;
    cursor: pointer;
}
._perfect .course_acc__ttl {
    background: var(--sub-color);
}
.course_acc__ttl::before,
.course_acc__ttl::after {
    content: "";
    position: absolute;
    background: #fff;
}
.course_acc__ttl::before {
    width: min(27px, calc(calc(27/750) * 100vw));
    height: min(5px, calc(calc(5/750) * 100vw));
    top: min(40px, calc(calc(40/750) * 100vw));
    right: min(26px, calc(calc(26/750) * 100vw));
}
.course_acc__ttl::after {
    width: min(5px, calc(calc(5/750) * 100vw));
    height: min(27px, calc(calc(27/750) * 100vw));
    top: min(29px, calc(calc(29/750) * 100vw));
    right: min(37px, calc(calc(37/750) * 100vw));
    transition: all 0.3s;
}
.course_acc__ttl.-active::after {
    transform: rotate(90deg);
    transition: all 0.3s;
}

.course_acc__body {
    display: none;
}


.coupon_cd {
    background: #fff;
    padding-top: min(70px, calc(calc(70/750) * 100vw));
}



/* ===========================================
    FVエリア
============================================== */
.fv_area {
    background: var(--main-color);
    margin-top: min(128px, calc(calc(128/750) * 100vw));
    padding-top: min(50px, calc(calc(50/750) * 100vw));
}


/* ===========================================
    CASE 症例写真のご紹介
============================================== */
.case {
    background: #f2eae7;
    padding-top: min(70px, calc(calc(70/750) * 100vw));
    padding-bottom: min(40px, calc(calc(40/750) * 100vw));
}
.case__line {
    display: block;
    width: 100%;
    height: min(4px, calc(calc(4/750) * 100vw));
    border-bottom: min(4px, calc(calc(4/750) * 100vw)) dotted var(--main-color);
    margin-bottom: min(40px, calc(calc(40/750) * 100vw));
}
.case__item {
    margin-bottom: min(30px, calc(calc(30/750) * 100vw));
}
.case__item p {
    color: #9c7a3b;
    font-family: var(--font-yu-gothic);
    font-size: min(26px, calc(calc(26/750) * 100vw));
    font-weight: 600;
    line-height: 1.7;
}
.case__item h4 {
    font-family: var(--font-meiryo);
    font-size: min(36px, calc(calc(36/750) * 100vw));
    font-weight: 600;
    line-height: 1;
    letter-spacing: min(1px, calc(calc(1/750) * 100vw));
}



/* ===========================================
    全額返金制度
============================================== */
.refund {
    background: #c0a367;
    padding-top: min(75px, calc(calc(75/750) * 100vw));
    padding-bottom: min(58px, calc(calc(58/750) * 100vw));
}
.refund__frame {
    position: relative;
    width: calc(100% - 20px);
    background: #9c7a3b;
    border: min(3px, calc(calc(3/750) * 100vw)) solid #fff;
    padding: min(46px, calc(calc(46/750) * 100vw)) min(30px, calc(calc(30/750) * 100vw)) min(60px, calc(calc(60/750) * 100vw));
    color: #fff;
    box-sizing: border-box;
    margin: auto;
}
@media screen and (max-width: 750px) {
    .refund__frame {
        width: 100%;
    }
}
.refund__frame_head {
    position: absolute;
    margin: auto;
    top: -20px;
    left: 0;
    right: 0;
    width: min(280px, calc(calc(280/750) * 100vw));
    height: min(40px, calc(calc(40/750) * 100vw));
    background-image: linear-gradient(to bottom, #c0a367 50%, #9c7a3b 50%);
    text-align: center;
}
@media screen and (max-width: 750px) {
    .refund__frame_head {
        top: -2.67vw;
    }
}
.refund__frame_head h5 {
    font-family: var(--font-meiryo);
    font-size: min(32px, calc(calc(32/750) * 100vw));
    font-weight: bold;
    text-align: center;
    line-height: min(40px, calc(calc(40/750) * 100vw));
}

.refund__frame_head h5 span {
    font-family: var(--font-yu-gothic);
}
.refund__frame h3 {
    text-align: center;
    font-family: var(--font-mplus);
    font-size: min(60px, calc(calc(60/750) * 100vw));
    font-weight: bold;
    margin-bottom: min(30px, calc(calc(30/750) * 100vw));
    letter-spacing: min(5px, calc(calc(5/750) * 100vw));
}
.refund__frame h3 span {
    font-size: min(40px, calc(calc(40/750) * 100vw));
}
.refund__frame p {
    font-family: var(--font-yu-gothic);
    font-size: min(24px, calc(calc(24/750) * 100vw));
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: -0.08rem;
    text-align: justify;
}
.refund__frame p span {
    font-weight: 600;
    display: inline;
    letter-spacing: 0;
    border-bottom: 1px solid #fff;
}


/* ===========================================
    主なAGA治療薬
============================================== */
.medicine {
    background: var(--main-color);
    padding-top: min(80px, calc(calc(80/750) * 100vw));
    padding-bottom: min(92px, calc(calc(92/750) * 100vw));
}
.medicine__item {
    position: relative;
    margin-bottom: min(30px, calc(calc(30/750) * 100vw));
}
.medicine__item._item01 {
    margin-top: -80px;
}
@media screen and (max-width: 750px) {
    .medicine__item._item01 {
        margin-top: -10.67vw;
    }
}
.medicine__item_inner {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}
.medicine__item_inner._inner01 {
    top: min(300px, calc(calc(300/750) * 100vw));
}
.medicine__item_inner._inner02 {
    top: min(140px, calc(calc(140/750) * 100vw));
}
.medicine__item_inner._inner03 {
    top: min(185px, calc(calc(185/750) * 100vw));
}
.medicine__item_inner--read._read01 {
    margin-bottom: min(20px, calc(calc(20/750) * 100vw));
}
.medicine__item_inner--read._read02 {
    margin-bottom: min(36px, calc(calc(36/750) * 100vw));
}
.medicine__item_inner--name {
    text-align: center;
    font-family: var(--font-mplus);
    font-size: min(50px, calc(calc(50/750) * 100vw));
    font-weight: 700;
    color: #dfd4af;
    border: min(3px, calc(calc(3/750) * 100vw)) solid #fff;
    width: min(460px, calc(calc(460/750) * 100vw));
    line-height: 1.5;
    margin: auto;
}
.medicine__item_inner--name._name01 {
    margin-bottom: min(45px, calc(calc(45/750) * 100vw));
}
.medicine__item_inner--name._name02-1 {
    margin-bottom: min(15px, calc(calc(15/750) * 100vw));
}
.medicine__item_inner--name._name02-2 {
    margin-bottom: min(35px, calc(calc(35/750) * 100vw));
}
.medicine__item_inner p {
    font-family: var(--font-yu-gothic);
    font-size: min(28px, calc(calc(28/750) * 100vw));
    line-height: 1.5;
    letter-spacing: -1.4px;
    color: #fff;
}
@media screen and (max-width: 750px) {
    .medicine__item_inner p {
        letter-spacing: -0.22vw;
    }
}
.medicine__item_inner._inner03 p {
    margin-bottom: min(42px, calc(calc(42/750) * 100vw));
}
.medicine__item h3 {
    color: #fff;
    text-align: center;
    font-family: var(--font-mplus);
    font-size: min(76px, calc(calc(76/750) * 100vw));
    font-weight: 700;
    margin-bottom: min(46px, calc(calc(46/750) * 100vw));
}
.medicine__item h3 span {
    font-size: min(55px, calc(calc(55/750) * 100vw));
}
.medicine__sup {
    background: #edf5f5;
    border-radius: min(21px, calc(calc(21/750) * 100vw));
    padding: min(45px, calc(calc(45/750) * 100vw)) min(30px, calc(calc(30/750) * 100vw)) min(50px, calc(calc(50/750) * 100vw));
}
.medicine__sup h4 {
    color: var(--main-color);
    text-align: center;
    font-family: var(--font-mplus);
    font-size: min(36px, calc(calc(36/750) * 100vw));
    font-weight: 700;
    line-height: 1;
}
.medicine__sup p {
    font-family: var(--font-yu-gothic);
    font-size: min(28px, calc(calc(28/750) * 100vw));
    line-height: 1.5;
}


/* ===========================================
    4つの理由
============================================== */
.reason {
    background: #e6e2e3;
    padding-top: min(95px, calc(calc(95/750) * 100vw));
    padding-bottom: min(80px, calc(calc(80/750) * 100vw));
}
.reason p {
    font-family: var(--font-mplus);
    font-size: min(24px, calc(calc(24/750) * 100vw));
    font-weight: 700;
    text-align: center;
    line-height: 1.25;
    margin-top: min(20px, calc(calc(20/750) * 100vw));
    letter-spacing: -0.05rem;
}



/* ===========================================
    進行性の病気です
============================================== */
.progress_head {
    background: #fff;
    padding: min(50px, calc(calc(50/750) * 100vw)) 0;
}
.progress_head p {
    font-family: var(--font-mplus);
    font-size: min(24px, calc(calc(24/750) * 100vw));
    font-weight: 400;
    text-align: center;
    line-height: 1.54;
    margin-top: min(20px, calc(calc(20/750) * 100vw));
}
.progress_cont {
    background: var(--main-color);
    padding-top: min(85px, calc(calc(85/750) * 100vw));
    padding-bottom: min(70px, calc(calc(70/750) * 100vw));
    text-align: center;
}
.progress_cont h3 {
    font-family: var(--font-mplus);
    font-size: min(58px, calc(calc(58/750) * 100vw));
    font-weight: 700;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-bottom: min(5px, calc(calc(5/750) * 100vw)) solid;
    padding: 0 min(10px, calc(calc(10/750) * 100vw)) min(20px, calc(calc(20/750) * 100vw));
    letter-spacing: min(1px, calc(calc(1/750) * 100vw));
}
.progress_cont h3 span {
    font-size: min(48px, calc(calc(48/750) * 100vw));
}



/* ===========================================
    AGAの原因とは？
============================================== */
.cause {
    background: #f1e9e6;
    padding-top: min(28px, calc(calc(28/750) * 100vw));
    padding-bottom: min(40px, calc(calc(40/750) * 100vw));
}



/* ===========================================
    市販の育毛剤とAGA治療薬の違いは？
============================================== */
.difference {
    background: #fff;
    padding-top: min(50px, calc(calc(50/750) * 100vw));
}


/* ===========================================
    治療の流れ
============================================== */
.flow_head {
    background: var(--main-color);
    padding-top: min(58px, calc(calc(58/750) * 100vw));
    padding-bottom: min(30px, calc(calc(30/750) * 100vw));
    color: #fff;
}
.flow_head h2 {
    font-family: var(--font-mplus);
    font-size: min(60px, calc(calc(60/750) * 100vw));
    font-weight: 600;
    line-height: 1;
    margin-bottom: min(60px, calc(calc(60/750) * 100vw));
    letter-spacing: min(3px, calc(calc(3/750) * 100vw));
}
.flow_head h2 span {
    font-size: min(38px, calc(calc(38/750) * 100vw));
}
.flow_head p {
    font-family: var(--font-yu-gothic);
    font-size: min(28px, calc(calc(28/750) * 100vw));
    font-weight: 400;
    letter-spacing: -0.05rem;
    line-height: 1.5;
}
.flow_item__num {
    padding-top: min(60px, calc(calc(60/750) * 100vw));
    padding-bottom: min(32px, calc(calc(32/750) * 100vw));
    text-align: center;
    background: #fff;
}
.flow_item__num h3 {
    display: inline-block;
    font-family: "Oswald", sans-serif;
    font-size: min(79px, calc(calc(79/750) * 100vw));
    font-weight: 500;
    color: var(--main-color);
    line-height: 1;
    border-bottom: min(8px, calc(calc(8/750) * 100vw)) solid;
    padding-bottom: min(10px, calc(calc(10/750) * 100vw));
}
.flow_item__cont {
    background: #edf5f5;
    padding: min(60px, calc(calc(60/750) * 100vw)) 0;
}
.flow_item__cont h4 {
    font-family: var(--font-mplus);
    font-size: min(42px, calc(calc(42/750) * 100vw));
    font-weight: 700;
    color: var(--main-color);
    margin-bottom: min(30px, calc(calc(30/750) * 100vw));
    line-height: 1.15;
}
.flow_item__cont p {
    font-family: var(--font-yu-gothic);
    font-size: min(28px, calc(calc(28/750) * 100vw));
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: min(40px, calc(calc(40/750) * 100vw));
    letter-spacing: -2.6px;
    text-align: justify;
}
@media screen and (max-width: 750px) {
    .flow_item__cont p {
        letter-spacing: -0.3vw;
    }
}



/* ===========================================
    AGA治療院のご紹介
============================================== */
.clinic_list {
    background: #fff;
    padding-top: min(100px, calc(calc(100/750) * 100vw));
}
.clinic_list h2 {
    text-align: center;
    font-family: var(--font-mplus);
    font-size: min(48px, calc(calc(48/750) * 100vw));
    font-weight: 700;
    line-height: 1;
    color: var(--main-color);
    margin-bottom: min(95px, calc(calc(95/750) * 100vw));
}
.clinic_list .box07_item {
    width: calc(50% - min(10px, calc(calc(10/750) * 100vw)));
    margin-bottom: 30px;
    /*height: 375px;*/
    float: left;
    margin-right: min(20px, calc(calc(20/750) * 100vw));
    margin-bottom: min(45px, calc(calc(45/750) * 100vw));
}
.clinic_list .box07_item:nth-child(2n+2) {
    margin-right: 0;
}
.clinic_list .inner h3 {
    text-align: center;
    background: var(--main-color);
    color: #fff;
    font-family: var(--font-yu-gothic);
    font-size: min(46px, calc(calc(46/750) * 100vw));
    font-weight: 600;
    margin-bottom: min(40px, calc(calc(40/750) * 100vw));
    line-height: 2;
}
.clinic_list .box07_item .box07_txt {
    padding-top: min(30px, calc(calc(30/750) * 100vw));
    display: block;
}
.clinic_list .box07_item .box07_txt h4 {
    font-size: min(35px, calc(calc(35/750) * 100vw));
    font-family: var(--font-yu-mincho);
    font-weight: 500;
    margin-bottom: min(10px, calc(calc(10/750) * 100vw));
}
.clinic_list .box07_item .box07_txt h4 span {
    font-family: var(--font-meiryo);
    font-size: min(30px, calc(calc(30/750) * 100vw));
    margin-top: min(10px, calc(calc(10/750) * 100vw));
    display: block;
    background: var(--main-color);
    color: #fff;
    display: inline-block;
    padding: min(8px, calc(calc(8/750) * 100vw)) min(15px, calc(calc(15/750) * 100vw));
}
.clinic_list .box07_item .box07_txt p {
    font-family: var(--font-meiryo);
    font-size: min(24px, calc(calc(24/750) * 100vw));
    line-height: 1.4;
}



/* ===========================================
    予約フォーム
============================================== */
.reserve {
    background: #edf5f5;
}
.reserve h2 {
    text-align: center;
    color: var(--main-color);
    font-family: var(--font-mplus);
    font-size: min(48px, calc(calc(48/750) * 100vw));
    font-weight: 700;
    padding: min(60px, calc(calc(60/750) * 100vw)) 0;
}
.reserve_inner {
    background: #fff;
    padding-top: 1px!important;
}
.reserve_inner_message {
    width: calc(100% - 50px);
    margin: 0 auto;
    margin-top: 30px;
    /*margin-bottom: 30px;*/
    padding: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 1.5em;
    background: #FFF;
    border: solid 1px red;
    box-sizing: border-box;
}

/* ===========================================
    20260423 TCB_AD-10593 AGA修正
============================================== */
/* header調整 */
header {
    z-index: 100 !important;
}
/* FV */
.fv__cont {
    margin: 0 auto;
    margin-bottom: min(50px, calc(calc(50/750) * 100vw));
}
.fv__cont p {
    font-family: var(--font-Noto-Sans);
    color: #FFF;
    text-align: right;
    font-size: min(18px, calc(calc(18/750) * 100vw));
    font-weight: 200;
    margin-top: min(15px, calc(calc(15/750) * 100vw));
}
/* クーポン */
.benefits {
    background: #FFF;
    border: min(14px, calc(calc(14/750) * 100vw)) solid var(--main-color);
    margin: min(38px, calc(calc(38/750) * 100vw));
    padding: min(38px, calc(calc(38/750) * 100vw)) 0;
    padding-right: min(25px, calc(calc(25/750) * 100vw));
}
.benefits p {
    text-align: center;
    color: var(--main-color);
    font-size:min(40px, calc(calc(40/750) * 100vw));
    line-height: 1.3;
    transform: skewX(-10deg);
    font-weight: 800;
}
.benefits p span {
    font-size: min(35px, calc(calc(35/750) * 100vw));
}
.benefits p strong {
    display: inline-block;
    font-size:min(80px, calc(calc(80/750) * 100vw));
    color: #9c7a3b;
    letter-spacing: 0.05em;
    transform: skewX(10deg);
    padding-left: min(25px, calc(calc(25/750) * 100vw));
    font-weight: 800;
}
.coupon_acc__head p {
    text-align: center;
    font-family: var(--font-Noto-Sans);
    background: #e15a35;
    color: #FFF;
    font-weight: bold;
    padding: min(10px, calc(calc(10/750) * 100vw)) 0;
    font-size: min(40px, calc(calc(40/750) * 100vw));
}
.coupon__txt {
    text-align: center;
    font-family: var(--font-yu-gothic) !important;
    font-size: min(20px, calc(calc(20/750) * 100vw));
    font-feature-settings: "palt";
}
.coupon_area {
    background: #FFF;
    padding: min(100px, calc(calc(100/750) * 100vw)) min(30px, calc(calc(30/750) * 100vw));
    padding-bottom: min(70px, calc(calc(70/750) * 100vw));
}
/* 限定解除要件アコーディオン */
.ex_acc__head {
    background: #efefef;
    text-align: center;
    color: #585858;
    font-family: var(--font-yu-gothic);
    font-size: min(32px, calc(calc(32/750) * 100vw));
    font-weight: 500;
    line-height: 1;
    padding: min(24px, calc(calc(24/750) * 100vw)) 0;
    position: relative;
}
.ex_acc__head.white {
    background: #FFF;
}
.ex_acc__head::before,
.ex_acc__head::after {
    content: "";
    background: #707070;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
}
.ex_acc__head::before {
    width: min(30px, calc(calc(30/750) * 100vw));
    height: min(2px, calc(calc(2/750) * 100vw));
    right: min(30px, calc(calc(30/750) * 100vw));
}
.ex_acc__head::after {
    width: min(2px, calc(calc(2/750) * 100vw));
    height: min(30px, calc(calc(30/750) * 100vw));
    right: min(44px, calc(calc(44/750) * 100vw));
    transition: all 0.3s;
}
.ex_acc__head.js--accordion-open::after {
    transform: rotate(90deg);
    transition: all 0.3s;
}

.ex_acc__body {
    display: none;
    background: #fff;
}

.ex_acc__wrap_box {
    margin: 0 auto;
    padding: min(50px, calc(calc(50/750) * 100vw)) 0;
    width: 90%;
}


/* 安心の全額返金制度 */
.refund__list {
    margin-top: min(65px, calc(calc(65/750) * 100vw));
}
.refund__list li {
    position: relative;
    font-family: var(--font-yu-gothic);
    font-size: min(22px, calc(calc(22/750) * 100vw));
    font-feature-settings: "palt";
    line-height: 1.909;
    padding-left: min(21px, calc(calc(21/750) * 100vw));
}
.refund__list li::before {
    content: "・";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
}
.refund__txt {
    margin-top: min(60px, calc(calc(60/750) * 100vw));
}
.refund__txt span {
    font-size: min(22px, calc(calc(22/750) * 100vw));
    font-weight: normal;
    border-bottom: unset;
    line-height: 1.455;
}

/* クリニック一覧 */
.section_clinic {
    background: #FFF;
}
.clinic-title__wrap {
    background: #0a7981;
    color: #FFF;
    padding: min(65px, calc(calc(65/750) * 100vw)) min(147px, calc(calc(147/750) * 100vw));
    margin-bottom: min(85px, calc(calc(85/750) * 100vw));
}
.clinic-title {
    font-family: var(--font-mplus);
    font-size: min(60px, calc(calc(60/750) * 100vw));
    font-weight: 500;
    margin-bottom: min(22px, calc(calc(22/750) * 100vw));
    letter-spacing: 0.07em;
}
.clinic-sub-title {
    font-size: min(28px, calc(calc(28/750) * 100vw));
    font-family: var(--font-yu-gothic);
}