@charset "utf-8";

/*
GLOBAL
***************************************************************************/
html {
    overflow-y: scroll;
    overflow-x: hidden;
    font-size: 62.5%;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    width: 100%;
    max-width: 750px;
    height: 100%;
    text-align: left;
    font-family:
        "A P-OTF A1Gothic Std", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro",
        "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande",
        "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    word-break: break-all;
    font-size: calc((100vw / 320) * 12);
    line-height: 1.85;
    color: #555;
    background: rgb(255 255 228);
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.base_box {
    position: relative;
    height: 100%;
}

/*
DEFAULT
***************************************************************************/
body,
h1,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
legend,
pre,
blockquote {
    margin: 0 auto;
    padding: 0;
    font-feature-settings: "pkna";
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    line-height: 1.5;
}

h2 {
    margin: 0;
    padding: 0;
}

img {
    width: 100%;
    height: auto;
}

.img90 {
    /*width:90%;*/
    margin: 0 auto;
    padding: 20px 20px 0;
    display: block;
    vertical-align: middle;
}

a {
    cursor: pointer;
}

@media screen and (min-width: 751px) {
    body {
        font-size: 28px;
    }

    .img90 {
        padding: 50px 20px 0;
    }
}

.ttl {
    padding: 40px 0 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
video {
    display: block;
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    overflow: hidden;
}

li {
    list-style-type: none;
}

table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

th {
    text-align: left;
    font-weight: normal;
}

/* ▼LINK▼ */
a {
    color: #ea64ae;
    outline: none;
}

/* ▼IMG▼ */
img,
input[type="image"] {
    max-width: 100%;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    border: 0;
    margin: 0 auto;
}

.txt {
    font-size: 2.4vw;
    line-height: 1.3;
}

@media screen and (min-width: 751px) {
    .txt {
        font-size: 18px;
    }
}

/*
HEADER
**********************************/
header {
    box-sizing: border-box;
    /*position: fixed;*/
    top: 0;
    left: 0;
    width: 100%;
    height: calc((100vw / 375) * 50);
    padding: calc((100vw / 375) * 2) calc((100vw / 375) * 0) calc((100vw / 375) * 5) calc((100vw / 375) * 10);
    background: #fff;
    z-index: 100;
    text-decoration: none;
}

.h_logo {
    float: left;
    width: 30%;
    margin-top: calc((100vw / 375) * 7);
}

.h_clinic_btn {
    background: linear-gradient(224.64deg, #C14246 -46.04%, #E55E89 88.62%);
    color: #fff;
    font-size: 2.2vw;
    font-family: "A P-OTF A1Gothic Std", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", sans-serif;
    padding: 9% 8% 9% 25%;
    border-radius: 5vw;
    position: relative;
    box-shadow: 0px 4px 6px 0px rgba(229, 173, 188, 37.6%);
}

.h_clinic_btn::before {
    position: absolute;
    content: "";
    background-image: url("/lp/asset/img/common/h_clinic_icn.svg");
    background-size: cover;
    top: 20%;
    left: 5%;
    width: 4vw;
    height: 3.4vw;
}

.h_cv_btn,
.h_cv_line_btn {
    background: linear-gradient(131.96deg, #FFC226 0%, #F08100 90.94%);
    color: #fff;
    font-size: 2.2vw;
    font-family: "A P-OTF A1Gothic Std", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", sans-serif;
    padding: 7% 6% 7% 16%;
    border-radius: 5vw;
    position: relative;
    box-shadow: 0px 4px 6px 0px rgba(229, 173, 188, 37.6%);
}

.h_cv_line_btn {
    padding: 7% 7% 7% 19.8%;
}

.h_cv_btn::before {
    position: absolute;
    content: "";
    background-image: url("/lp/asset/img/common/h_cv_icn.svg");
    background-size: cover;
    top: 17%;
    left: 5%;
    width: 3.2vw;
    height: 4vw;
}

.h_cv_line_btn::before {
    position: absolute;
    content: "";
    background-image: url("/lp/asset/img/common/h_cv_line_icn.svg");
    background-repeat: no-repeat;
    background-size: cover;
    top: 26%;
    left: 6.5%;
    width: 3.2vw;
    height: 3vw;
}

@media screen and (min-width: 751px) {

    .h_cv_btn,
    .h_clinic_btn,
    .h_cv_line_btn {
        font-size: 17px;
    }

    .h_clinic_btn::before {
        width: 30px;
        height: 26px;
    }

    .h_cv_btn::before {
        width: 24px;
        height: 30px;
    }

    .h_cv_line_btn::before {
        width: 30px;
        height: 26px;
    }
}

header ul {
    float: right;
    display: flex;
    justify-content: center;
    width: 70%;
    margin-block: 2%;
    text-align: center;
}

/* header li {
    float: right;
} */

header li:first-child {
    width: 37%;
    margin-inline: 5px;
    -webkit-filter: drop-shadow(0px 4px 6px rgba(229, 173, 188, 38%));
    filter: drop-shadow(0px 4px 6px rgba(229, 173, 188, 38%));
}

header li:last-child {
    width: 50%;
    margin-inline: 5px;
    -webkit-filter: drop-shadow(0px 4px 6px rgba(229, 173, 188, 38%));
    filter: drop-shadow(0px 4px 6px rgba(229, 173, 188, 38%));
}

.header_wrapper a,
.floating a,
.btn_bounce a {
    /* transition: 0.2s; */
}

@media screen and (min-width: 751px) {
    header {
        height: 80px;
        padding: 0 0px 0 40px;
    }

    .header_wrapper {
        margin: 0 auto;
        overflow: hidden;
        height: 100%;
    }

    .h_logo {
        margin-top: 20px;
    }

    .h_logo img {
        float: left;
        margin-top: 0;
        display: block;
    }

    header ul {
        margin-block: 11px;
    }

    header li img {
        display: block;
        -webkit-filter: drop-shadow(0px 4px 6px rgba(229, 173, 188, 38%));
        filter: drop-shadow(0px 4px 6px rgba(229, 173, 188, 38%));
    }

    header li:first-child {
        /*width: 30%;*/
    }
}

/*
ATTENTION
**********************************/
.atn_txt {
    font-size: 2.1vw;
    color: #606060;
    line-height: 1.5;
    margin-inline: 5%;
    padding-block: 3%;
}


@media screen and (min-width: 751px) {
    .atn_txt {
        font-size: 16px;
    }
}

/*
TOPIMG
**********************************/
#wrapper {
    max-width: 750px;
    margin: 0 auto;
}

#fv-sec,
#fv-sec_02 {
    /* background-image: linear-gradient(130deg, rgba(255, 181, 197, 1) 17%, rgba(203, 181, 221, 1) 36%, rgba(183, 193, 227, 1) 50%, rgba(226, 181, 224, 1) 69%); */
    background: #fdf1f4;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    display: block;
    position: relative;
}

.fv-sec-ytb_ab {
    background: #f5f5f5 !important;
}

@font-face {
    font-family: "A1ゴシック";
    src: url(//wf.typesquare.com/3/tsst/dist/ja/ts?condition=274d37d3597bef35c5955dbaa9212801&onetime_condition=&eid=61a9c6254d704269bd290512ac1e02e5&bw[name]=Chrome&bw[ftf]=0&bw[os]=Macintosh&location=www.kamedaseika.co.jp%2F&fonts[id]=1956&fonts[str]=ISIjJygpLC0uMDEyMzQ1Njc4OTo7PUFCQ0RFRkdISUpLTE1OT1BRUlNUVVZXWVtdX2FiY2RlZmdoaWprbG1ub3Byc3R1dnd4eXp7fH3CqcOX4oCc4oCd4pGg44CB44CC44CM44CN44CO44CP44CQ44CR44GC44GE44GG44GI44GK44GL44GM44GN44GP44GQ44GR44GT44GU44GV44GW44GX44GY44GZ44Gb44Gc44Gd44Gf44Gg44Gh44Gj44Gk44Gl44Gm44Gn44Go44Gp44Gq44Gr44Gu44Gv44Gw44Gz44G244G444G544G944G%2B44G%2F44KA44KC44KE44KI44KJ44KK44KL44KM44KN44KP44KS44KT44Ki44Kj44Kk44Ko44Kr44Ks44Kt44Ku44Kv44Kw44Ky44Kz44K144K344K444K544K744K844K944K%2F44OA44OB44OD44OE44OG44OH44OI44OJ44OK44OL44ON44OP44OQ44OT44OU44OV44OW44OX44OY44Oa44Oc44Od44Oe44Oi44Oj44Ol44On44Op44Oq44Or44Os44Ot44Oz44O744O85LiA5LiJ5LiK5LiW5Lih5Li45Li75Lmz5LqA5LqL5Lq65LuL5Luy5LyB5Lya5L2N5L2T5L2V5L2c5L2%2F5L6b5YGl5YWI5YWl5YWo5YWs5YaF5Ye65Yip5Ymy5YuV5YuZ5Yuf5Y%2BW5Y%2Bv5ZCI5ZCR5ZGK5ZGz5ZG95ZOB5ZOh5ZWG5ZWP5Zac5Zu95Z6L5aCF5aCx5aGp5aOr5aOy5aSW5aSa5aWR5ae%2F5a2Q5a2m5a6J5a6a5a6i5a6k5a%2BE5bGK5bGL5bel5bi45bqD5bq35byP5byV5b2i5b255b6X5b%2BD5b%2B15oCn5oOF5oSf5oWL5omA5omL5oqA5ou25oyH5oyo5o6h5o6i5o%2BQ5o%2Ba5paw5pel5piO5pyA5pyf5p2l5p%2B%2F5qCE5qCq5qSc5qWt5qW95qaC5qeY5rCX5rGC5rK75rK%2F5rS75rW35rex5re754Sh54S854e754mp55CG55Sf55So55Sw55Sx55S755WM55Wq55m655m755qE55qG55uu55u455%2Bl56CU56S%2B56iL56iu56m256uL56yR562U566h566x57Gz57KS57SE57Sg57Si57S557WE57WQ57eP57eg6IO96I%2BM6I%2BT6KGM6KO96KaB6KaL6Kaa6Kan6Ki86Kmz6KqN6Kqe6Kq%2F6KuH6LKh6LOq6LO86Lyq6L%2B96YCg6YW46Yyy6ZaJ6ZaT6ZmQ6ZuG6Z2p6aGU6aOf6aSK77yB77yG77yf772e);
}

.fv-txt,
.fv-txt_02,
.sec2-txt {
    font-size: 15px;
    color: #111111;
    line-height: 1.5;
}

.fv_txt_areaA {
    width: 89.3%;
    font-size: 2.4vw;
    color: #E55E89;
    padding-block: 4% 2%;
    line-height: 3vw;
}

.fv_txt_areaB {
    width: 89.3%;
    font-size: 2.4vw;
    color: #AF386A;
    padding-block: 2%;
    line-height: 3vw;
    letter-spacing: 0.014em;
}

.area_txt {
    width: 69.6%;
    font-size: 2.4vw;
    color: #2E0F0F;
    line-height: 1.5;
    letter-spacing: 0.014em;
}

@media screen and (min-width: 751px) {

    .area_txt,
    .fv_txt_areaA,
    .fv_txt_areaB {
        font-size: 18px;
    }

    .fv_txt_areaA,
    .fv_txt_areaB {
        line-height: 24px;
    }
}

#fv-sec .fv-txt_b {
    position: absolute;
    bottom: 1%;
    font-size: 10px;
    padding: 0 5vw;
    line-height: 1.5;
}

#fv-sec .fv-txt_b {
    bottom: 2%;
}

.fv-txt {
    padding: 1vw 5vw 5vw;
}

.fv_04_02 {
    display: none;
}

.fv-txt_02 {
    padding: 1vw 5vw 5vw;
}

.fv_border {
    border-bottom: 0.2vw solid #d9757b;
    margin: 0 5% 5%;
}

.fv-sec__bottom {
    position: absolute;
    bottom: -3%;
    z-index: 1;
}

.fv-sec__ytb-txt {
    background: #fff5f9;
}

.fv__area_b a {
    color: white;
}

.fv__area_b {
    text-align: center;
    color: white;
    background: #65caf4;
}

.fv__to-area_b {
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 3px;
    color: inherit;
}

#fv-sec video {
    width: 100%;
}

.fv__area-a,
.fv__area-b-02 {
    display: flex;
    align-items: center;
    background: #fffd43;
    color: #3c90ee;
}

.fv__area-a--left,
.fv__area-b--left {
    width: 200px;
    text-align: center;
    line-height: 1.2;
    border: solid #3c90ee 1px;
    border-radius: 10px;
}

.fv__area-b--left {
    width: 250px;
}

.fv__area-a--right,
.fv__area-b--right {
    line-height: 1.5;
    text-align: justify;
}

@media screen and (max-width: 350px) {
    #fv-sec p {
        bottom: 0%;
    }

    #fv-sec .fv-txt_b {
        bottom: 1%;
    }
}

@media screen and (min-width: 426px) and (max-width: 768px) {

    .fv-txt,
    .fv-txt_02,
    .sec2-txt {
        font-size: 2.4vw;
    }
}

@media screen and (min-width: 501px) {
    #fv-sec .fv-txt_b {
        bottom: 0.5%;
        font-size: 2vw;
    }

    #fv-sec .fv-txt_b {
        bottom: 2%;
        line-height: 2;
    }
}

@media screen and (min-width: 641px) {
    #fv-sec {
        background: #fbe5ea;
        width: 100%;
        max-width: 750px;
        margin: 0 auto;
        display: block;
    }

    .fv-txt {
        padding: 0 52px 30px;
    }

    .fv__area-a--left,
    .fv__area-b--left {
        border: solid #3c90ee 2px;
    }
}

@media screen and (min-width: 751px) {
    #fv-sec .fv-txt_b {
        bottom: -35px;
        font-size: 15px;
        padding: 37.5px;
    }

    #fv-sec .fv-txt_b {
        bottom: -20px;
    }

    .fv-txt_02 {
        padding: 10px 38px 25px;
    }

    .fv_border {
        border-bottom: 1.4px solid #d9757b;
    }
}

/*
CV
***************************************************************************/
.cv_sec {
    padding: 0px calc((100vw / 375) * 18);
    font-size: calc((100vw / 375) * 9);
    line-height: calc((100vw / 375) * 20);
}

.cv_area {
    background: #FFFBE5;
    color: #463635;
}

@media screen and (min-width: 641px) {
    .cv_sec {
        line-height: 50px 0;
    }
}

/*
CONTENTS
***************************************************************************/
.main {
    background: #fff;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.last {
    padding-bottom: 20px;
}

/* ▼fv▼ */
.fv-cv {
    background: #FDF8EF;
}

/* ▼sec2▼ */
.start_removal {
    position: relative;
}

.start_removal_txt {
    position: absolute;
    bottom: 14%;
    right: 8%;
    width: 57.8%;
}

/* ▼sec2▼ */
.types {
    position: relative;
    z-index: 2;
}

.types_detail {
    position: absolute;
    -webkit-position: absolute;
    top: 5.4%;
    left: 7.2%;
    width: 84.5%;
}

.types_btn {
    position: absolute;
    -webkit-position: absolute;
    bottom: 2.93%;
    left: 4.93%;
    width: 89.8%;
}

@media screen and (min-width: 751px) {
    .types_txt {
        font-size: 62.45px;
    }
}

.types_ytb {
    margin-bottom: -160px;
    position: relative;
    z-index: 0;
}

/* ▼sec3▼ */
.price {
    position: relative;
    margin-top: 0;
    z-index: 1;
}

.price_box_areaA,
.price_atn_areaA,
.price_box_areaB,
.price_atn_areaB {
    position: absolute;
}

.price_box_areaA {
    top: 0.9%;
    left: 5.2%;
    width: 89.7%;
}

.price_atn_areaA {
    top: 46%;
    left: 1.5%;
    width: 100%;
}

.price_box_areaB {
    bottom: 7.9%;
    left: 5.2%;
    width: 89.7%;
}

.price_atn_areaB {
    bottom: 9.4%;
    left: 1.5%;
    width: 100%;
}

.price_atn {
    position: absolute;
    bottom: 4.5%;
    padding-inline: 10.6%;
    font-size: 2.4vw;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: 0.013em;
    font-weight: 200;
    font-style: normal;
}

@media screen and (min-width: 751px) {
    .price_atn {
        font-size: 18px;
    }
}

.point {
    position: relative;
    margin-top: -28.5%;
    z-index: 2;
}

.point-1,
.point-2,
.point-3,
.point-4,
.point-1_yahoo,
.point-2_yahoo,
.point-3_yahoo,
.point-4_yahoo {
    position: absolute;
}

.point-1 {
    width: 78.8%;
    top: 13.8%;
    left: 10.5%;
}

.point-2 {
    width: 78.66%;
    top: 43.3%;
    left: 10.66%;
}

.point-3 {
    width: 79.1%;
    top: 64.3%;
    left: 11%;
}

.point-4 {
    width: 90%;
    top: 91.2%;
    left: 4.93%;
}

.point-1_yahoo {
    width: 78.7%;
    top: 15.1%;
    left: 10.7%;
}

.point-2_yahoo {
    width: 78.66%;
    top: 40.1%;
    left: 10.7%;
}

.point-3_yahoo {
    width: 79.1%;
    top: 61.8%;
    left: 11%;
}

.num_of_case {
    position: absolute;
    width: 71%;
    top: 31.6%;
    left: 14%;
    text-align: center;
    font-family: "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", sans-serif;
    white-space: nowrap;
    line-height: 1.1;
}

.num_of_caseTxt {
    color: #D21577;
    font-size: 5.4vw;
    line-height: 1.1;
    letter-spacing: 4.056px;
    font-family: "ten-mincho", serif;
    font-weight: 600;
    font-style: normal;
    -webkit-filter: drop-shadow(0.1em 0.1em 0 rgba(255, 255, 255, 100%));
    filter: drop-shadow(0.1em 0.1em 0 rgba(255, 255, 255, 100%));
}

.num_of_caseNum {
    color: #D21577;
    letter-spacing: -0.2rem;
    line-height: .95;
    font-size: 6.5vw;
    font-weight: 400;
    font-style: normal;
    font-family: "Ten Mincho", "DIN 2014", "din-2014", sans-serif;
    -webkit-filter: drop-shadow(0.1em 0.1em 0 rgba(255, 255, 255, 100%));
    filter: drop-shadow(0.1em 0.1em 0 rgba(255, 255, 255, 100%));
}

.num_of_caseNum .js_num_count {
    font-family: "ten-mincho", serif;
    font-weight: 600;
    font-style: normal;
}

.num_of_caseNum span.big {
    font-size: 19.23vw;
    font-family: "Book Antiqua", serif;
    font-weight: 400;
    font-style: normal;
    line-height: 100%;
}

.num_of_caseAtn {
    font-size: 2.4vw;
    text-align: center;
    font-family: "A P-OTF A1ゴシック StdN", sans-serif;
    color: #6a565b;
    line-height: 1.4;
}

.clinic-num,
.clinic-num_y {
    position: absolute;
    top: 42.1%;
    left: 31.5%;
    color: #A52E50;
    font-size: 5.8vw;
    font-weight: 500;
    letter-spacing: 4px;
    font-family: "A P-OTF A1ゴシック StdN", sans-serif;
}

.clinic-num_y {
    top: 38.9%;
    z-index: 100;
}

.clinic-num span.big,
.clinic-num_y span.big {
    font-family: "Futura", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", sans-serif;
    font-size: 8.4vw;
    letter-spacing: 1px;
}

.point_01,
.point_02 {
    position: absolute;
    bottom: -6%;
    z-index: 100;
}

.point_02 {
    bottom: -3%;
}

@media screen and (min-width: 751px) {
    .types_ytb {
        z-index: 0;
        position: relative;
    }

    .num_of_caseTxt {
        font-size: 40px;
    }

    .num_of_caseNum {
        font-size: 49px;
    }

    .num_of_caseNum span.big {
        font-size: 144px;
    }

    .num_of_caseAtn {
        font-size: 18px;
    }

    .clinic-num,
    .clinic-num_y,
    .clinic-num_abtest {
        font-size: 40px;
    }

    .clinic-num span.big,
    .clinic-num_y span.big,
    .clinic-num_abtest span.big {
        font-size: 60px;
    }
}

/* movie content */
.movie__content {
    background: #003257;
    text-align: center;
}

.movie__content_title {
    width: 66%;
}

.movie__content_itemTtl {
    color: #fff;
    font-size: 24px;
    font-family: "ヒラギノ明朝 Std";
}

@media screen and (max-width: 750px) {
    .movie__content_itemTtl {
        font-size: 3.1vw;
    }
}

.movie__youtube {
    width: 89%;
    height: 380px;
    border-radius: 10px;
}

@media screen and (max-width: 750px) {
    .movie__youtube {
        height: 50vw;
        border-radius: 1.3vw;
    }
}

/* ▼sec7▼ */
.about_machine,
.about_machine_yahoo {
    position: absolute;
}

.about_machine {
    width: 78.7%;
    top: 49.5%;
    left: 9.75%;
}

.about_machine_yahoo {
    width: 79.5%;
    top: 53.5%;
    left: 9.75%;
}

.sec8__price {
    position: relative;
}

.sec8__price_box_areaA,
.sec8__price_atn_areaA,
.sec8__price_box_areaB,
.sec8__price_atn_areaB {
    position: absolute;
}

.sec8__price_box_areaA {
    top: 0.9%;
    left: 5.2%;
    width: 89.7%;
}

.sec8__price_atn_areaA {
    top: 46%;
    left: 1.5%;
    width: 100%;
}

.sec8__price_box_areaB {
    bottom: 7.4%;
    left: 5.2%;
    width: 91%;
}

.sec8__price_atn_areaB {
    bottom: 8.8%;
    left: 1.5%;
    width: 100%;
}

.sec8__price_atn {
    position: absolute;
    bottom: 3.7%;
    padding-inline: 10.6%;
    font-size: 2.4vw;
    color: #fff;
    line-height: 1.5;
    letter-spacing: 0.013em;
    font-weight: 200;
    font-style: normal;
}

.sec8__price_ytb {
    margin-bottom: -15%;
}

.sec8-other__payblock {
    position: relative;
    margin-top: -8.2%;
    z-index: 1;
}

.sec8-other__payblock.ytb {
    margin-top: 6%;
}

@media screen and (min-width: 751px) {
    .sec8__price_atn {
        font-size: 18px;
    }
}

.sec8__price-1 {
    position: absolute;
    width: 91%;
    top: 27.5%;
    left: 4.5%;
}

.sec8__price--txt {
    position: absolute;
    top: 72%;
    left: 0;
    text-align: justify;
}

.white {
    background: white;
}

.gray {
    background: #f5f5f5 !important;
}

.parts__bg {
    background: linear-gradient(166deg, #FFF6F6 9.3%, #FFF6EB 53.12%);
}

.parts__areaB {
    padding-top: 10%;
}

.parts__area--btn {
    width: 34.9%;
    margin: 0 auto;
    text-align: center;
}

.parts__areaB .parts__area--txt {
    color: #AF386A;
}

.parts__area--txt {
    font-size: 2.4vw;
    padding: 4% 5.35%;
    color: #E55E89;
    line-height: 1.5;
}

.sec9__items .atn_txt {
    margin-inline: 0;
}

.sec7 video {
    position: absolute;
    top: 23.2%;
    width: 78.2%;
    height: 44.3vw;
    left: 11.2%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 15px;
}

@media screen and (min-width: 751px) {
    .sec7 video {
        height: auto;
    }
}

.sec7 video.yahoo {
    top: 25.5%;
}

.item_01,
.item_02,
.item_03,
.item_04,
.item_05 {
    position: relative;
}

.item_01 a img,
.item_02 a img,
.item_03 a img,
.item_04 a img,
.item_05 a img {
    display: block;
}

.irradiation {
    height: 62.5vw;
    transition: 0.5s;
    padding-top: 9%;
    text-align: center;
}

.irradiation_box {
    width: 89.3%;
    margin: 0 auto;
}

.sec2__active {
    height: 143vw !important;
    transition: 0.5s;
}

.moreBtnContainer {
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    display: grid;
    place-items: center;
    background: linear-gradient(transparent 0,
            transparent 20%,
            rgba(255, 216, 115, 100%) 60%,
            rgba(255, 216, 115, 100%) 100%);
    z-index: 1;
}

.moreBtn {
    position: relative;
    margin-block: 22vw 10vw;
    padding: min(3.73vw, 28px) 0;
    width: 73%;
    font-size: 4vw;
    font-family: "ヒラギノ角ゴ Std", sans-serif;
    text-align: center;
    line-height: 2.5em;
    border: 1px solid #E1660D;
    color: #E1660D;
    border-radius: 2em;
    background: #fff;
    box-shadow: 0 0.1em 0.3em #b0b0b0;
    cursor: pointer;
    line-height: 1.5;
}

.moreBtnContainer .i_box {
    top: 63%;
    right: 17%;
    cursor: pointer;
}

@media screen and (min-width: 751px) {
    .moreBtnContainer .i_box {
        top: 61%;
    }
}

.moreBtnContainer .i_box .one_i:before,
.moreBtnContainer .i_box .one_i:after {
    background-color: #E1660D !important;
}

@media screen and (max-width: 480px) {
    .moreBtnContainer .i_box {
        right: 17%;
    }
}

@media screen and (min-width: 501px) {
    .sec2__ribbon::after {
        left: 30.35vw;
    }
}

@media screen and (min-width: 751px) {
    .parts__area--ttl {
        font-size: 30px;
    }

    .parts__area--txt {
        font-size: 18px;
        color: #E55E89;
        line-height: 1.5;
    }

    .irradiation {
        height: 534px;
    }

    .sec2__active {
        height: 1077px !important;
    }

    .moreBtn {
        margin-block: 170px 90px;
        width: 73%;
        font-size: 30px;
    }

    .sec2__ribbon {
        line-height: 50px;
        padding: 0 30px;
        font-size: 25px;
        width: 200px;
        margin: 0 auto 30px;
    }

    .sec2__ribbon::before {
        width: 26.5px;
        height: 23px;
        top: 13.5px;
        left: -13.8px;
        transform: rotate(58deg) skew(37deg, 10deg);
    }

    .sec2__ribbon::after {
        width: 27px;
        height: 22.5px;
        top: 14px;
        left: 185px;
        transform: rotate(238deg) skew(37deg, 10deg);
    }
}

/* ▼sec10▼ */
.face_vio {
    margin-top: 0;
}

.face_vio-1,
.face_vio-1_yahoo {
    position: absolute;
    width: 89.4%;
    top: 0.3%;
    left: 5.36%;
}

.face_vio-1_yahoo {
    top: 0.5%;
}

/* ▼sec11▼ */
.flow_bg {
    position: relative;
    background: #ffffff;
}

.sec11 .flow_arrow {
    position: absolute;
    bottom: 5.8vw;
    right: 12vw;
    width: 28vw;
    z-index: 10;
}

@media screen and (min-width: 751px) {
    .flow_arrow {
        bottom: 91px;
        right: 90.5px;
        width: 209.8px;
        z-index: 10;
    }

    .sec11 .flow_arrow {
        bottom: 91px;
        right: 90.5px;
        width: 209.8px;
        z-index: 10;
    }
}

/* ▼sec12▼ */
.counseling {
    margin-top: -1%;
}

@media screen and (min-width: 751px) {
    .counseling {
        margin-top: 0;
    }
}

/* ▼sec13▼ */
.last_points {
    position: relative;
    margin-top: -14.1%;
    margin-bottom: -27%;
    z-index: 2;
}

.last_points-1,
.last_points-2,
.last_points-3,
.last_points-1_tiktok,
.last_points-2_tiktok {
    position: absolute;
    width: 92%;
    left: 4%;
}

.last_points-1 {
    width: 78%;
    top: 13.8%;
    left: 10%;
}

.last_points-2 {
    width: 78%;
    top: 48.6%;
    left: 10%;
}

.last_points-3 {
    width: 79.3%;
    top: 69.3%;
    left: 11.34%;
}

.last_points_tiktok {
    margin-top: -13%;
    margin-bottom: -21.5%;
}

.last_points-1_tiktok {
    width: 78.6%;
    top: 21.5%;
    left: 10%;
}

.last_points-2_tiktok {
    width: 79.2%;
    top: 54.2%;
    left: 11.34%;
}

/* ▼swiper▼ */

/* Swiper本体 */
.swiper-parent {
    padding: 32.5vw 0 10vw;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.swiper-container {
    max-width: 750px;
    width: calc(100% - 50px);
    margin: 0 auto 0;
    box-sizing: content-box;
}

.swiper-slide {
    width: 100%;
}

.swiper-slide img {
    margin: 0px auto;
    display: block;
    padding: 9.3vw 5vw;
}

.swiper-pagination-bullet-active {
    background: #847979;
    opacity: 1;
}


.swiper-horizontal>.swiper-pagination-bullets {
    bottom: 17vw !important;
}


/* ▼PC用スライダー▼ */

@media screen and (min-width: 751px) {
    .swiper-slide img {
        padding: 30px 40px 24px;
    }

    .swiper-parent {
        padding: 250px 0px 120px;
    }


    .swiper-horizontal>.swiper-pagination-bullets {
        bottom: 221px !important;
    }
}

/* ▼ 王林 秋LP用スライダー youtube ▼ */
.sec10 .swiper-slide img {
    /* padding: 9.3vw 5vw 0; */
}

.sec10 .flow_arrow {
    position: absolute;
    bottom: 14vw;
    right: 13vw;
    width: 28vw;
    z-index: 10;
}

.sec10 .swiper-horizontal>.swiper-pagination-bullets {
    bottom: 14vw !important;
    width: 97%;
}

@media screen and (min-width: 751px) {
    .sec10 .flow_arrow {
        bottom: 108px;
        right: 90.5px;
        width: 209.8px;
        z-index: 10;
    }

    .sec10 .swiper-horizontal>.swiper-pagination-bullets {
        bottom: 5.6vw !important;
        width: 97%;
    }
}

/* ▼ 王林 秋LP用スライダー ▼ */
.sec11 .swiper-horizontal>.swiper-pagination-bullets {
    bottom: min(5.8vw, 43.5px) !important;
    /* width: 98%; */
}

.sec10 .swiper-pagination,
.sec11 .swiper-pagination {
    width: 50%;
}

.sec10 .swiper-pagination-bullet,
.sec11 .swiper-pagination-bullet {
    background: #fff;
}

.sec10 .swiper-pagination-bullet-active,
.sec11 .swiper-pagination-bullet-active {
    background: #FCD448;
}

.sec11 .swiper-wrapper {
    /* margin: 4.86vw 1.7vw 1.25vw; */
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    box-sizing: border-box;
}

.sec11 .swiper-slide {
    width: 100%;
}

.sec11 .swiper-slide img {
    padding: 0;
    width: 90.7vw;
    padding: 5.1vw 2vw 0 2vw;
}

.sec10 .swiper-pagination-bullet,
.sec11 .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    opacity: 1;
}


@media screen and (max-width: 750px) {

    .sec10 .swiper-pagination-bullet,
    .sec11 .swiper-pagination-bullet {
        width: min(2vw, 15px);
        height: min(2vw, 15px);
        opacity: 1;
    }
}

.sec10 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
.sec11 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, min(0.93vw, 7px));
}

@media screen and (min-width: 751px) {
    .sec11 .swiper-horizontal>.swiper-pagination-bullets {
        bottom: 89.5px !important;
        width: 98%;
    }

    .sec11 .swiper-slide img {
        padding: 0;
        width: 90.7vw;
        padding: 5.1vw 3vw 0 3vw;
    }
}

/* ▼HIFU▼ */
.hifu,
.line_bnr {
    padding-bottom: 6%;
}

@media screen and (min-width: 751px) {

    .hifu,
    .line_bnr {
        padding-bottom: 30px;
    }
}

/*
FOOTER
***************************************************************************/
footer {
    padding: calc((100vw / 375) * 10) calc((100vw / 375) * 36) 80px;
    text-align: center;
    color: #fff;
    background: #B6193C;
}

footer p {
    font-size: 1.8rem;
    font-family: "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", sans-serif;
}

footer a {
    color: #fff;
}

footer .copy {
    line-height: calc((100vw / 375) * 30);
}

footer .copy small {
    font-size: 1.1rem;
}

@media screen and (min-width: 375px) and (max-width: 750px) {
    footer .copy {
        padding-bottom: 7vw;
    }
}

@media screen and (min-width: 751px) {
    footer .copy {
        padding-bottom: 50px;
        line-height: 60px;
    }

    footer {
        padding: 20px 72px 80px;
    }
}

/* ▼BUTTON▼ */
.btn_bounce {
    text-align: center;
}

.fv-cv .btn_bounce {
    margin-top: -5%;
}

.fv_btn_areaA,
.fv_btn_areaB {
    margin-block: 1% 6%;
    text-align: center;
}

.fv_btn_txt {
    font-size: 3.2vw;
    color: #BA2B60;
    border-bottom: 1px solid #BA2B60;
    padding: 1%;
    text-align: center;
}

.fv_btn_areaA .fv_btn_txt {
    color: #E55E89;
    border-bottom: 1px solid #E55E89;
}

.btn_bounce img {
    -webkit-animation: bounce 1.5s linear 0s infinite normal;
    animation: bounce 1.5s linear 0s infinite normal;
    transition: 1.5s;
    padding: 10px 0 33px 0;
    width: 89.3%;
    margin: 0 auto;
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: scale(0.95);
    }

    50% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.95);
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: scale(0.95);
    }

    50% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.95);
    }
}

@media screen and (min-width: 751px) {
    .fv_btn_txt {
        font-size: 24px;
    }
}

/* ▼アニメーション▼ */

/* テキスト拡大 */
.js_big_txt.is-active {
    -webkit-animation: big_txt 1s linear;
    animation: big_txt 1s linear;
}

@-webkit-keyframes big_txt {

    0%,
    40%,
    100% {
        transform: scale(1);
    }

    50%,
    90% {
        transform: scale(1.1);
    }
}

@keyframes big_txt {

    0%,
    40%,
    100% {
        transform: scale(1);
    }

    50%,
    90% {
        transform: scale(1.1);
    }
}

/* フェードイン */
.js_fadeup {
    visibility: hidden;
}

.js_fadeup.is-active {
    -webkit-animation: fadeup 0.4s ease-in-out;
    animation: fadeup 0.4s ease-in-out;
    visibility: visible;
}

@-webkit-keyframes fadeup {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeup {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* テキストマーカー */
.js_marker {
    background: linear-gradient(to bottom,
            transparent 68%,
            rgb(255, 255, 255) 32%);
    background-repeat: no-repeat;
    background-size: 0% 88%;
    transition: background-size 1s ease-in-out;
}

.js_marker.is-active {
    background-size: 100% 88%;
}

/* ▲アニメーション▲ */

/* ▼FIXED▼ */
.floating {
    display: none;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: calc((100vw / 320) * 12) calc((100vw / 320) * 10);
    background: rgba(#000, 1);
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 1000;
    -webkit-animation-name: floating;
    animation-name: floating;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
}

@-webkit-keyframes floating {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes floating {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*下固定*/

.floating .floating_list {
    width: min(100%, 750px);
    margin-top: calc((100vw / 375) * 4);
    margin-bottom: calc((100vw / 375) * 3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.floating_item {
    text-align: center;
}

.floating_item:first-child {
    width: 40%;
    transform: translateX(6%);
}

.floating_item:last-child {
    width: 55%;
    transform: translateX(-3%);
}

.floating .f_clinic_btn {
    background: linear-gradient(224.64deg, #C14246 -46.04%, #E55E89 88.62%);
    color: #fff;
    font-size: 3.2vw;
    font-family: "A P-OTF A1Gothic Std", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", sans-serif;
    padding: 3.2vw 3vw 3.2vw 9vw;
    border-radius: 10vw;
    position: relative;
    box-shadow: 0px 4px 6px 0px rgba(229, 173, 188, 37.6%);
}

.floating .f_clinic_btn::before {
    position: absolute;
    content: "";
    background-image: url("/lp/asset/img/common/h_clinic_icn.svg");
    background-size: cover;
    top: 30%;
    left: 6%;
    width: min(5.1vw, 40px);
    height: min(4.3vw, 31px);
}

.floating .f_cv_btn,
.floating .f_cv_line_btn {
    background: linear-gradient(131.96deg, #FFC226 0%, #F08100 90.94%);
    color: #fff;
    font-size: 3.2vw;
    font-family: "A P-OTF A1Gothic Std", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", sans-serif;
    padding: 3.2vw 3vw 3.2vw 9vw;
    border-radius: 10vw;
    position: relative;
    box-shadow: 0px 4px 6px 0px rgba(229, 173, 188, 37.6%);
}

.floating .f_cv_line_btn {
    font-size: min(2.83vw, 24px);
    padding: 1.9vw 3vw 1.9vw 9vw, ;
}

@media screen and (min-width: 751px) {
    .floating .f_cv_line_btn {
        padding: min(1.9vw, 16px) min(3vw, 22.5px) min(1.9vw, 16px) min(9vw, 67.5px);
    }
}

.floating .f_cv_btn::before {
    position: absolute;
    content: "";
    background-image: url("/lp/asset/img/common/h_cv_icn.svg");
    background-size: cover;
    top: 22%;
    left: 7%;
    width: min(4.4vw, 32px);
    height: min(5.4vw, 41px);
}

.floating .f_cv_line_btn::before {
    position: absolute;
    content: "";
    background-image: url("/lp/asset/img/common/h_cv_line_icn.svg");
    background-size: cover;
    top: 28%;
    left: 5.5%;
    width: min(5.34vw, 40px);
    height: min(4.8vw, 36px);
}

@media screen and (min-width: 751px) {
    .floating {
        box-sizing: border-box;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 20px;
        background: rgba(#000, 1);
        backdrop-filter: blur(100px);
        -webkit-backdrop-filter: blur(10px);
        z-index: 1000;
    }

    .floating .floating_list {
        margin: 0 auto;
    }

    .floating a {
        display: inline-block;
    }

    .floating .f_cv_btn,
    .floating .f_clinic_btn {
        font-size: 24px;
        padding: 16px 23px 16px 70px;
    }

    .floating .f_cv_btn::before {
        width: 32px;
        height: 41px;
    }
}

/* ▼CLINIC▼ */
.active {
    display: block !important;
}

/* SEC9 PLANS ACCORDION */
.sec9__accordion {
    background: #fff;
    border: 0.5vw solid #E55E89;
    border-radius: 1.32vw;
}

.parts__areaB .sec9__accordion {
    border: solid #AF386A 0.5vw;
}

.sec9__accordion_header {
    font-family: "Hiragino Kaku Gothic W2 JIS2004", "ヒラギノ角ゴ StdN",
        "Hiragino Kaku Gothic StdN", "ヒラギノ角ゴシック", "Hiragino Sans",
        sans-serif;
    transition-duration: 0.2s;
    background: #E55E89;
    /* border-radius: 0.8vw; */
    text-align: center;
    position: relative;
    cursor: pointer;
    color: white;
    z-index: +1;
}

.parts__areaB .sec9__accordion_header {
    background: #AF386A;
}

/* .sec9__accordion_header.open {
    border-radius: 0.8vw 0.8vw 0 0;
} */

.sec9__accordion_header::after {
    content: "";
    padding: 5.2vw 50.3%;
    position: absolute;
    top: 2%;
    left: -0.2%;
    z-index: -1;
}

.sec9__accordion_inner,
.sec9__accordion_inner_02 {
    margin-top: 0;
}

.i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 2%;
    width: 40px;
    height: 47px;
    margin-top: -20px;
    box-sizing: border-box;
    transform: rotate(-135deg);
    transform-origin: center center;
    transition-duration: 0.2s;
}

.i_box .one_i {
    display: block;
    width: 4vw;
    height: 4vw;
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
}

.open .i_box {
    transform: rotate(-180deg);
}

.i_box .one_i:before,
.i_box .one_i:after {
    display: flex;
    content: "";
    background-color: white;
    width: 3vw;
    height: 0.6vw;
    position: absolute;
    top: 1.4vw;
    left: 0.87vw;
    transform: rotate(0deg);
    transform-origin: center center;
    border-radius: 2px;
}

.i_box .one_i:before {
    width: 0.5vw;
    height: 3vw;
    top: 0.2vw;
    left: 2.2vw;
}

.open .i_box .one_i::before {
    /* content: none; */
    transform: rotate(45deg);
}

.open .i_box .one_i::after {
    transform: rotate(-45deg);
}

.sec9__accordion_inner {
    display: none;
    box-sizing: border-box;
    position: relative;
}

@media screen and (max-width: 480px) {
    .sec9__accordion {
        border-width: 0 0.5vw 0.5vw;
    }

    .i_box {
        right: 0%;
    }
}

@media screen and (min-width: 641px) {
    .sec9__accordion_header::after {
        padding: 35px 50.2%;
        border-radius: 3vw;
        top: -4%;
    }

    .sec9__accordion_header:hover {
        opacity: 0.8;
    }

    .sec9__accordion_header:active {
        opacity: 1;
    }
}

@media screen and (min-width: 751px) {
    .sec9__accordion {
        border: solid #E55E89 3px;
        border-radius: 20px 20px 15px 15px;
    }

    .parts__areaB .sec9__accordion {
        border: solid #AF386A 3px;
    }

    .sec9__accordion_header {
        border-radius: 15px 15px 10px 10px;
    }

    .sec9__accordion_header.open {
        border-radius: 15px 15px 0 0;
    }

    .sec9__accordion_header::after {
        border-radius: 15px;
        top: -5%;
        left: -0.2%;
    }

    .i_box .one_i {
        display: block;
        width: 30px;
        height: 30px;
    }

    .i_box .one_i::before {
        width: 4.5px;
        height: 25px;
        top: 3px;
        left: 12.5px;
    }

    .i_box .one_i::after {
        width: 25px;
        height: 4.5px;
        top: 13.7px;
        left: 3px;
    }
}

/*CLINIC ACCORDION */
.clinic {
    z-index: 3;
    position: relative;
}

.accordion {
    clear: both;
    display: block;
    margin: 2em auto;
    padding: 0;
    width: 90%;
    font-size: 1rem;
    max-width: 750px;
    /*最大幅*/
}

/* CLINIC DECO */
.state_name {
    color: #6a565b;
    width: 100%;
    font-size: 2.4rem;
    padding: 1rem 1.5rem 1rem 5rem;
    display: block;
    margin: 3rem 0 0.5rem;
    position: relative;
    font-weight: 400;
}

@media screen and (max-width: 640px) {
    .state_name {
        font-size: 3.2vw;
        padding: 1.3vw 2vw 1.3vw 6.6vw;
    }
}

.state_name::before {
    position: absolute;
    background: linear-gradient(144deg, #E34276 7.52%, #ED5A3A 119.4%);
    clip-path: polygon(50% 0%,
            85% 15%,
            100% 50%,
            85% 85%,
            50% 100%,
            15% 85%,
            0% 50%,
            15% 15%);
    top: 0.5em;
    left: 0.2em;
    width: 3rem;
    height: 3rem;
    content: "　";
}

@media screen and (max-width: 640px) {
    .state_name::before {
        width: 4vw;
        height: 4vw;
    }
}

.clinic-inner {
    display: none;
    border: solid 4px #E1660D;
    border-radius: 10px;
    overflow: hidden;
    background: #ffffff;
    color: #E1660D;
    margin-top: 20px;
    z-index: 200;
    position: relative;
}

.clinic-info--top {
    color: #4e4e4e;
    background: #FFFBE5;
}

.table-heading {
    font-weight: 500;
    text-align: center;
    border-radius: 10px 10px 0 0;
    font-size: min(3.5vw, 30px);
}

@media screen and (max-width: 767px) {
    .table-heading {
        font-size: 3.5vw;
    }
}

.history,
.comment,
.profile span,
.clinic-news {
    font-size: 2.4vw;
    display: block;
}

.comment {
    border-top: solid 1px #a1b5f7;
}

iframe {
    border: 0;
}

.table-heading {
    padding: 2vw 0;
}

.map-iframe {
    display: block;
    width: 100%;
    height: 300px;
    position: relative;
    z-index: 200;
}

.map-counseling {
    display: flex;
    justify-content: space-evenly;
    border-radius: 10px;
    position: relative;
    z-index: 200;
}

.map-counseling[data-name="c_fukuokatenjin-2go"]:after {
    font-size: 2vw;
    color: #676767;
    position: absolute;
    content: "※土日は2号院での受付になります。";
    bottom: -4%;
    right: 7%;
}

@media screen and (min-width: 751px) {
    .map-counseling[data-name="c_fukuokatenjin-2go"]:after {
        font-size: 14px;
    }
}

.btn_map,
.inner_btn {
    padding: 2vw 5vw;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    font-size: 3vw;
    font-weight: bold;
    transition: 1s;
    color: white;
    background: #a0a4cc;
}

.btn_map:hover {
    opacity: 0.5;
}

.inner_btn {
    background-color: #ed2678;
    color: #ffffff;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    transition: 1s;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    display: none;
}

@media screen and (min-width: 751px) {
    .accordion ul {
        list-style: none;
        margin: 0;
        font-size: 12pt;
    }

    .state_name {
        padding: 1.5rem 3rem 1.5rem 5rem;
        margin: 3rem 0 0.5rem;
        width: 90%;
    }

    .state_name::before {
        top: 0.75em;
    }

    .pref_name,
    .clinic_name {
        padding: 0.5rem;
        font-size: 2rem;
        margin: 5px;
        width: 130px;
    }

    .table-heading {
        padding: 22px 0 18px;
    }

    .accordion td {
        padding: 10px 10px 0 0;
    }

    .history,
    .comment,
    .profile span,
    .clinic-news {
        font-size: 18px;
    }

    iframe {
        border: 0;
    }

    .accordion th,
    .accordion td {
        font-size: 15px;
    }

    .btn_map,
    .inner_btn {
        padding: 10px 0;
        font-size: 20px;
        width: 275px;
    }

    .clinic-flex::before {
        font-size: 30px;
    }

    .clinic-inner {
        width: 671px;
        margin-top: calc((100vw / 320) * 5);
    }
}

/* クリニック 院紹介 */
.clinic h2 img {
    margin-top: -8%;
    height: auto;
}

/* アコーディオン */

.clinic_accordion {
    font-family: "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN",
        "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴシック",
        "Hiragino Sans";
    font-size: 18px;
    line-height: 3vw;
    letter-spacing: 1px;
    background: #FFFBE5;
    color: #555;
    -webkit-text-size-adjust: 100%;
    padding: 0 4% 4% !important;
}

.clinic_area+.clinic_area {
    margin-top: 10px;
}

.clinic_list {
    display: flex;
    flex-wrap: wrap;
}

.clinic a {
    outline: none;
    text-decoration: none;
}

.clinic_card {
    display: block;
    background: #FFF1C2;
    border: solid 1px #E1660D;
    padding: 15px 30px;
    border-radius: 10px;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: auto;
    cursor: pointer;
}

.clinic_card.open {
    background: #F2970E;
    border: solid 1px #E1660D;
}

.clinic_card>.clinic_card_txt {
    font-size: 15px;
    line-height: 1.35;
    color: #6a565b;
}

.clinic_list>li:nth-child(odd) .clinic-inner {
    margin-right: -102%;
}

.clinic-info--head {
    font-weight: 500;
    position: relative;
}

.clinic-address,
.clinic-tel,
.clinic-access,
.clinic-hours,
.clinic-holiday {
    padding: 15px 15px;
}

.history,
.comment {
    padding: 15px;
}

@media screen and (max-width: 767px) {
    .clinic-info--head {
        margin-bottom: 5px;
        font-size: 2.7vw;
    }

    .clinic-address,
    .clinic-tel,
    .clinic-access,
    .clinic-hours,
    .clinic-holiday {
        padding-inline: 2vw;
    }
}

@media screen and (min-width: 751px) {
    .clinic_accordion {
        line-height: 1.5;
    }
}

.clinic-info--txt {
    font-size: 2.4vw;
}

.name {
    display: flex;
}

.name img {
    width: 30%;
    margin-left: 10%;
}

.clinic li {
    list-style-type: none;
}

.clinic_list>li {
    width: 48%;
    margin: 1%;
}

.clinic_list>li:nth-child(2n + 1) {
    position: relative;
    z-index: 100;
}

.clinic_list>li:nth-child(even) .clinic-inner {
    margin-left: -105%;
}

.clinic_list+.clinic_list {
    margin-top: 1%;
}

.clinic_card>.clinic_card_ttl {
    color: #E1660D;
    font-size: 22px;
    line-height: 1.35;
    margin-bottom: 5px;
}

.clinic_card>.clinic_card_ttl small {
    font-size: 17px;
}

.clinic_card>.clinic_card_txt {
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0.32px;
}

.clinic_card>.clinic_card_txt small {
    font-size: 15px;
}

.clinic_card.open>.clinic_card_ttl {
    color: #fff;
}

.clinic_card.open>.clinic_card_txt {
    color: #fff;
}

@media screen and (max-width: 640px) {
    .clinic_card>.clinic_card_ttl {
        font-size: 2.9vw;
    }

    .clinic_card>.clinic_card_ttl small {
        font-size: 2.5vw;
    }

    .clinic_card>.clinic_card_txt {
        font-size: 2.4vw;
        box-sizing: border-box;
    }

    .clinic_card>.clinic_card_txt small {
        font-size: 2.2vw;
    }
}

@media screen and (max-width: 767px) {
    .clinic_list+.clinic_list {
        margin-top: 3%;
    }

    .clinic_card {
        padding: 2vw 4vw;
        border-radius: 1.5vw;
    }

    .clinic_list>li:nth-child(odd) .clinic-inner {
        margin-right: -104.185%;
    }

    .clinic-info {
        width: 100%;
    }
}

/* 院長情報 */
.profile {
    color: #676767;
}

.boss_profile {
    margin: 2em auto;
    padding: 0;
    width: 90%;
    font-size: 12pt;
    max-width: 750px;
}

.boss_profile_detail {
    border-radius: 0 0 20px 20px;
}

/*
COMMON PARTS
***************************************************************************/

.z-index100 {
    z-index: 100;
}

.z-index50 {
    z-index: 50;
}

.z-index0 {
    z-index: 0;
}

/* ▼font▼ */
.bold {
    font-weight: bold !important;
}

.red {
    color: #ed2678 !important;
}

@media screen and (max-width: 640px) {

    /* ▼display▼ */
    .sp_disp {
        display: none;
    }

    .sp_block {
        display: block !important;
    }

    .sp_inline {
        display: inline !important;
    }

    .sp_no_disp {
        display: none !important;
    }

    .sp_posit_r {
        position: relative !important;
    }

    .sp_posit_a {
        position: absolute !important;
    }

    .sp_posit_f {
        position: fixed !important;
    }

    .sp_align_c {
        text-align: center !important;
    }

    .sp_align_r {
        text-align: right !important;
    }

    .sp_align_l {
        text-align: left !important;
    }

    .sp_disp_l {
        float: left !important;
    }

    .sp_disp_r {
        float: right !important;
    }

    .sp_va_top {
        vertical-align: top !important;
    }

    .sp_va_mid {
        vertical-align: middle !important;
    }

    .sp_va_btm {
        vertical-align: bottom !important;
    }

    /* ▼width▼ */
    .sp_w4per {
        width: 4%;
    }

    .sp_w5per {
        width: 5%;
    }

    .sp_w8per {
        width: 8%;
    }

    .sp_w10per {
        width: 10%;
    }

    .sp_w15per {
        width: 15%;
    }

    .sp_w20per {
        width: 20%;
    }

    .sp_w22per {
        width: 22%;
    }

    .sp_w25per {
        width: 25%;
    }

    .sp_w30per {
        width: 30%;
    }

    .sp_w35per {
        width: 35%;
    }

    .sp_w40per {
        width: 40%;
    }

    .sp_w45per {
        width: 45%;
    }

    .sp_w50per {
        width: 50%;
    }

    .sp_w55per {
        width: 55%;
    }

    .sp_w56per {
        width: 56%;
    }

    .sp_w60per {
        width: 60%;
    }

    .sp_w70per {
        width: 70%;
    }

    .sp_w75per {
        width: 75%;
    }

    .sp_w80per {
        width: 80%;
    }

    .sp_w100per {
        width: 100% !important;
    }

    .sp_w90 {
        width: calc((100vw / 320) * 90) !important;
    }

    .sp_w160 {
        width: calc((100vw / 320) * 160) !important;
    }

    .sp_w250 {
        width: calc((100vw / 320) * 250) !important;
    }

    .sp_w400 {
        width: calc((100vw / 320) * 400) !important;
    }

    .sp_w500 {
        width: calc((100vw / 320) * 500) !important;
    }

    .sp_w510 {
        width: calc((100vw / 320) * 510) !important;
    }

    .sp_w580 {
        width: calc((100vw / 320) * 580) !important;
    }

    .sp_h240 {
        height: calc((100vw / 320) * 240) !important;
    }

    /* ▼area▼ */
    .sp_mb60 {
        margin-bottom: calc((100vw / 320) * 60) !important;
    }

    .sp_mb55 {
        margin-bottom: calc((100vw / 320) * 55) !important;
    }

    .sp_mb50 {
        margin-bottom: calc((100vw / 320) * 50) !important;
    }

    .sp_mb45 {
        margin-bottom: calc((100vw / 320) * 45) !important;
    }

    .sp_mb40 {
        margin-bottom: calc((100vw / 320) * 40) !important;
    }

    .sp_mb35 {
        margin-bottom: calc((100vw / 320) * 35) !important;
    }

    .sp_mb30 {
        margin-bottom: calc((100vw / 320) * 30) !important;
    }

    .sp_mb25 {
        margin-bottom: calc((100vw / 320) * 25) !important;
    }

    .sp_mb20 {
        margin-bottom: calc((100vw / 320) * 20) !important;
    }

    .sp_mb15 {
        margin-bottom: calc((100vw / 320) * 15) !important;
    }

    .sp_mb12 {
        margin-bottom: calc((100vw / 320) * 12) !important;
    }

    .sp_mb10 {
        margin-bottom: calc((100vw / 320) * 10) !important;
    }

    .sp_mb8 {
        margin-bottom: calc((100vw / 320) * 8) !important;
    }

    .sp_mb5 {
        margin-bottom: calc((100vw / 320) * 5) !important;
    }

    .sp_mb0 {
        margin-bottom: calc((100vw / 320) * 0) !important;
    }

    .sp_mlr60 {
        margin-left: calc((100vw / 320) * 60) !important;
        margin-right: calc((100vw / 320) * 60) !important;
    }

    .sp_mlr55 {
        margin-left: calc((100vw / 320) * 55) !important;
        margin-right: calc((100vw / 320) * 55) !important;
    }

    .sp_mlr50 {
        margin-left: calc((100vw / 320) * 50) !important;
        margin-right: calc((100vw / 320) * 50) !important;
    }

    .sp_mlr45 {
        margin-left: calc((100vw / 320) * 40) !important;
        margin-right: calc((100vw / 320) * 45) !important;
    }

    .sp_mlr40 {
        margin-left: calc((100vw / 320) * 40) !important;
        margin-right: calc((100vw / 320) * 40) !important;
    }

    .sp_mlr35 {
        margin-left: calc((100vw / 320) * 35) !important;
        margin-right: calc((100vw / 320) * 35) !important;
    }

    .sp_mlr30 {
        margin-left: calc((100vw / 320) * 30) !important;
        margin-right: calc((100vw / 320) * 30) !important;
    }

    .sp_mlr25 {
        margin-left: calc((100vw / 320) * 25) !important;
        margin-right: calc((100vw / 320) * 25) !important;
    }

    .sp_mlr20 {
        margin-left: calc((100vw / 320) * 20) !important;
        margin-right: calc((100vw / 320) * 20) !important;
    }

    .sp_mlr15 {
        margin-left: calc((100vw / 320) * 15) !important;
        margin-right: calc((100vw / 320) * 15) !important;
    }

    .sp_mlr10 {
        margin-left: calc((100vw / 320) * 10) !important;
        margin-right: calc((100vw / 320) * 10) !important;
    }

    .sp_mlr5 {
        margin-left: calc((100vw / 320) * 5) !important;
        margin-right: calc((100vw / 320) * 5) !important;
    }

    .sp_mlr-1 {
        margin-left: calc((100vw / 320) * -1) !important;
        margin-right: calc((100vw / 320) * -1) !important;
    }

    .sp_mlr-5 {
        margin-left: calc((100vw / 320) * -5) !important;
        margin-right: calc((100vw / 320) * -5) !important;
    }

    .sp_mlr-10 {
        margin-left: calc((100vw / 320) * -10) !important;
        margin-right: calc((100vw / 320) * -10) !important;
    }

    .sp_mlr-20 {
        margin-left: calc((100vw / 320) * -20) !important;
        margin-right: calc((100vw / 320) * -20) !important;
    }

    .sp_mr50 {
        margin-right: calc((100vw / 320) * 50) !important;
    }

    .sp_mr40 {
        margin-right: calc((100vw / 320) * 40) !important;
    }

    .sp_mr30 {
        margin-right: calc((100vw / 320) * 30) !important;
    }

    .sp_mr25 {
        margin-right: calc((100vw / 320) * 25) !important;
    }

    .sp_mr20 {
        margin-right: calc((100vw / 320) * 20) !important;
    }

    .sp_mr15 {
        margin-right: calc((100vw / 320) * 15) !important;
    }

    .sp_mr10 {
        margin-right: calc((100vw / 320) * 10) !important;
    }

    .sp_mr5 {
        margin-right: calc((100vw / 320) * 5) !important;
    }

    .sp_mr0 {
        margin-right: calc((100vw / 320) * 0) !important;
    }

    .sp_mr-5 {
        margin-right: calc((100vw / 320) * -5) !important;
    }

    .sp_ml50 {
        margin-left: calc((100vw / 320) * 50) !important;
    }

    .sp_ml40 {
        margin-left: calc((100vw / 320) * 40) !important;
    }

    .sp_ml30 {
        margin-left: calc((100vw / 320) * 30) !important;
    }

    .sp_ml20 {
        margin-left: calc((100vw / 320) * 20) !important;
    }

    .sp_ml15 {
        margin-left: calc((100vw / 320) * 15) !important;
    }

    .sp_ml10 {
        margin-left: calc((100vw / 320) * 10) !important;
    }

    .sp_ml0 {
        margin-left: calc((100vw / 320) * 0) !important;
    }

    .sp_ml-5 {
        margin-left: calc((100vw / 320) * -5) !important;
    }

    .sp_ml-10 {
        margin-left: calc((100vw / 320) * -10) !important;
    }

    .sp_ml-15 {
        margin-left: calc((100vw / 320) * -15) !important;
    }

    .sp_ml-20 {
        margin-left: calc((100vw / 320) * -20) !important;
    }

    .sp_mtb20 {
        margin-top: calc((100vw / 320) * 20) !important;
        margin-bottom: calc((100vw / 320) * 20) !important;
    }

    .sp_mt70 {
        margin-top: calc((100vw / 320) * 70) !important;
    }

    .sp_mt60 {
        margin-top: calc((100vw / 320) * 60) !important;
    }

    .sp_mt55 {
        margin-top: calc((100vw / 320) * 55) !important;
    }

    .sp_mt50 {
        margin-top: calc((100vw / 320) * 50) !important;
    }

    .sp_mt45 {
        margin-top: calc((100vw / 320) * 45) !important;
    }

    .sp_mt40 {
        margin-top: calc((100vw / 320) * 40) !important;
    }

    .sp_mt30 {
        margin-top: calc((100vw / 320) * 30) !important;
    }

    .sp_mt20 {
        margin-top: calc((100vw / 320) * 20) !important;
    }

    .sp_mt15 {
        margin-top: calc((100vw / 320) * 15) !important;
    }

    .sp_mt10 {
        margin-top: calc((100vw / 320) * 10) !important;
    }

    .sp_mt5 {
        margin-top: calc((100vw / 320) * 5) !important;
    }

    .sp_mt3 {
        margin-top: calc((100vw / 320) * 3) !important;
    }

    .sp_mt0 {
        margin-top: calc((100vw / 320) * 0) !important;
    }

    .sp_mt-5 {
        margin-top: calc((100vw / 320) * -5) !important;
    }

    .sp_mt-10 {
        margin-top: calc((100vw / 320) * -10) !important;
    }

    .sp_mt-15 {
        margin-top: calc((100vw / 320) * -15) !important;
    }

    .sp_mt-20 {
        margin-top: calc((100vw / 320) * -20) !important;
    }

    .sp_mt-30 {
        margin-top: calc((100vw / 320) * -30) !important;
    }

    .sp_mt-40 {
        margin-top: calc((100vw / 320) * -40) !important;
    }

    .sp_mt-50 {
        margin-top: calc((100vw / 320) * -50) !important;
    }

    .sp_mt-80 {
        margin-top: calc((100vw / 320) * -80) !important;
    }

    .sp_mt-110 {
        margin-top: calc((100vw / 320) * -110) !important;
    }

    .sp_pb100 {
        padding-bottom: calc((100vw / 320) * 100) !important;
    }

    .sp_pb70 {
        padding-bottom: calc((100vw / 320) * 70) !important;
    }

    .sp_pb50 {
        padding-bottom: calc((100vw / 320) * 50) !important;
    }

    .sp_pb30 {
        padding-bottom: calc((100vw / 320) * 30) !important;
    }

    .sp_pb20 {
        padding-bottom: calc((100vw / 320) * 20) !important;
    }

    .sp_pb15 {
        padding-bottom: calc((100vw / 320) * 15) !important;
    }

    .sp_pb10 {
        padding-bottom: calc((100vw / 320) * 10) !important;
    }

    .sp_pb5 {
        padding-bottom: calc((100vw / 320) * 5) !important;
    }

    .sp_pb3 {
        padding-bottom: calc((100vw / 320) * 3) !important;
    }

    .sp_pb0 {
        padding-bottom: calc((100vw / 320) * 0) !important;
    }

    .sp_p20 {
        padding: calc((100vw / 320) * 20) !important;
    }

    .sp_p15 {
        padding: calc((100vw / 320) * 15) !important;
    }

    .sp_p10 {
        padding: calc((100vw / 320) * 10) !important;
    }

    .sp_p5 {
        padding: calc((100vw / 320) * 5) !important;
    }

    .sp_pt100 {
        padding-top: calc((100vw / 320) * 100) !important;
    }

    .sp_pt90 {
        padding-top: calc((100vw / 320) * 90) !important;
    }

    .sp_pt80 {
        padding-top: calc((100vw / 320) * 80) !important;
    }

    .sp_pt70 {
        padding-top: calc((100vw / 320) * 70) !important;
    }

    .sp_pt60 {
        padding-top: calc((100vw / 320) * 60) !important;
    }

    .sp_pt50 {
        padding-top: calc((100vw / 320) * 50) !important;
    }

    .sp_pt40 {
        padding-top: calc((100vw / 320) * 40) !important;
    }

    .sp_pt20 {
        padding-top: calc((100vw / 320) * 20) !important;
    }

    .sp_pt10 {
        padding-top: calc((100vw / 320) * 10) !important;
    }

    .sp_pt5 {
        padding-top: calc((100vw / 320) * 5) !important;
    }

    .sp_ptb40 {
        padding-top: calc((100vw / 320) * 40) !important;
        padding-bottom: calc((100vw / 320) * 40) !important;
    }

    .sp_ptb20 {
        padding-top: calc((100vw / 320) * 20) !important;
        padding-bottom: calc((100vw / 320) * 20) !important;
    }

    .sp_ptb15 {
        padding-top: calc((100vw / 320) * 15) !important;
        padding-bottom: calc((100vw / 320) * 15) !important;
    }

    .sp_ptb10 {
        padding-top: calc((100vw / 320) * 10) !important;
        padding-bottom: calc((100vw / 320) * 10) !important;
    }

    .sp_ptb7 {
        padding-top: calc((100vw / 320) * 7) !important;
        padding-bottom: calc((100vw / 320) * 7) !important;
    }

    .sp_ptb5 {
        padding-top: calc((100vw / 320) * 5) !important;
        padding-bottom: calc((100vw / 320) * 5) !important;
    }

    .sp_ptb3 {
        padding-top: calc((100vw / 320) * 3) !important;
        padding-bottom: calc((100vw / 320) * 3) !important;
    }

    .sp_ptb2 {
        padding-top: calc((100vw / 320) * 2) !important;
        padding-bottom: calc((100vw / 320) * 2) !important;
    }

    .sp_ptb0 {
        padding-top: calc((100vw / 320) * 0) !important;
        padding-bottom: calc((100vw / 320) * 0) !important;
    }

    .sp_pl6 {
        padding-left: calc((100vw / 320) * 6) !important;
    }

    .sp_pl7 {
        padding-left: calc((100vw / 320) * 7) !important;
    }

    .sp_pl10 {
        padding-left: calc((100vw / 320) * 10) !important;
    }

    .sp_pr10 {
        padding-right: calc((100vw / 320) * 10) !important;
    }

    .sp_plr7 {
        padding-left: calc((100vw / 320) * 7) !important;
        padding-right: calc((100vw / 320) * 7) !important;
    }

    .sp_plr10 {
        padding-left: calc((100vw / 320) * 10) !important;
        padding-right: calc((100vw / 320) * 10) !important;
    }

    .sp_plr15 {
        padding-left: calc((100vw / 320) * 15) !important;
        padding-right: calc((100vw / 320) * 15) !important;
    }

    .sp_plr20 {
        padding-left: calc((100vw / 320) * 20) !important;
        padding-right: calc((100vw / 320) * 20) !important;
    }

    .sp_plr25 {
        padding-left: calc((100vw / 320) * 25) !important;
        padding-right: calc((100vw / 320) * 25) !important;
    }

    .sp_plr30 {
        padding-left: calc((100vw / 320) * 30) !important;
        padding-right: calc((100vw / 320) * 30) !important;
    }

    .sp_plr40 {
        padding-left: calc((100vw / 320) * 40) !important;
        padding-right: calc((100vw / 320) * 40) !important;
    }

    .sp_plr50 {
        padding-left: calc((100vw / 320) * 50) !important;
        padding-right: calc((100vw / 320) * 50) !important;
    }

    .sp_plr20px {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* ▼font▼ */
    .sp_bold {
        font-weight: bold !important;
    }

    .sp_normal {
        font-weight: normal !important;
    }

    .sp_size6 {
        font-size: calc((100vw / 320) * 6) !important;
    }

    .sp_size7 {
        font-size: calc((100vw / 320) * 7) !important;
    }

    .sp_size8 {
        font-size: calc((100vw / 320) * 8) !important;
    }

    .sp_size9 {
        font-size: calc((100vw / 320) * 9) !important;
    }

    .sp_size10 {
        font-size: calc((100vw / 320) * 10) !important;
    }

    .sp_size11 {
        font-size: calc((100vw / 320) * 11) !important;
    }

    .sp_size12 {
        font-size: calc((100vw / 320) * 12) !important;
    }

    .sp_size13 {
        font-size: calc((100vw / 320) * 13) !important;
    }

    .sp_size14 {
        font-size: calc((100vw / 320) * 14) !important;
    }

    .sp_size15 {
        font-size: calc((100vw / 320) * 15) !important;
    }

    .sp_size16 {
        font-size: calc((100vw / 320) * 16) !important;
    }

    .sp_size17 {
        font-size: calc((100vw / 320) * 17) !important;
    }

    .sp_size18 {
        font-size: calc((100vw / 320) * 18) !important;
    }

    .sp_size19 {
        font-size: calc((100vw / 320) * 19) !important;
    }

    .sp_size20 {
        font-size: calc((100vw / 320) * 20) !important;
    }

    .sp_size22 {
        font-size: calc((100vw / 320) * 22) !important;
    }

    .sp_size24 {
        font-size: calc((100vw / 320) * 24) !important;
    }

    .sp_size30 {
        font-size: calc((100vw / 320) * 30) !important;
    }

    .c_pink {
        color: #d94b99 !important;
    }

    .c_blue {
        color: #2ea9d2 !important;
    }

    .sp_lh2 {
        line-height: 2 !important;
    }

    .sp_lh18 {
        line-height: 1.8 !important;
    }

    .sp_lh16 {
        line-height: 1.6 !important;
    }

    .sp_lh15 {
        line-height: 1.5 !important;
    }
}

@media screen and (min-width: 641px) {

    /*
COMMON PARTS
***************************************************************************/
    /* ▼display▼ */
    .pc_disp {
        display: none;
    }

    .pc_block {
        display: block !important;
    }

    .pc_inline {
        display: inline !important;
    }

    .pc_no_disp {
        display: none !important;
    }

    .pc_posit_r {
        position: relative !important;
    }

    .pc_posit_a {
        position: absolute !important;
    }

    .pc_posit_f {
        position: fixed !important;
    }

    .pc_align_c {
        text-align: center !important;
    }

    .pc_align_r {
        text-align: right !important;
    }

    .pc_align_l {
        text-align: left !important;
    }

    .pc_disp_l {
        float: left !important;
    }

    .pc_disp_r {
        float: right !important;
    }

    .pc_va_top {
        vertical-align: top !important;
    }

    .pc_va_mid {
        vertical-align: middle !important;
    }

    .pc_va_btm {
        vertical-align: bottom !important;
    }

    /* ▼width▼ */
    .pc_w4per {
        width: 4%;
    }

    .pc_w5per {
        width: 5%;
    }

    .pc_w8per {
        width: 8%;
    }

    .pc_w10per {
        width: 10%;
    }

    .pc_w15per {
        width: 15%;
    }

    .pc_w20per {
        width: 20%;
    }

    .pc_w22per {
        width: 22%;
    }

    .pc_w25per {
        width: 25%;
    }

    .pc_w30per {
        width: 30%;
    }

    .pc_w35per {
        width: 35%;
    }

    .pc_w50per {
        width: 50%;
    }

    .pc_w55per {
        width: 55%;
    }

    .pc_w56per {
        width: 56%;
    }

    .pc_w60per {
        width: 60%;
    }

    .pc_w70per {
        width: 70%;
    }

    .pc_w75per {
        width: 75%;
    }

    .pc_w80per {
        width: 80%;
    }

    .pc_w100per {
        width: 100% !important;
    }

    .pc_w90 {
        width: 90px !important;
    }

    .pc_w160 {
        width: 160px !important;
    }

    .pc_w250 {
        width: 250px !important;
    }

    .pc_w400 {
        width: 400px !important;
    }

    .pc_w500 {
        width: 500px !important;
    }

    .pc_w510 {
        width: 510px !important;
    }

    .pc_w580 {
        width: 580px !important;
    }

    /* 一時的に応急処置で記述 */
    .pc_h918 {
        height: 918px !important;
    }

    .pc_h210 {
        height: 210px !important;
    }

    .pc_h150 {
        height: 150px !important;
    }

    .zoom05 {
        zoom: 0.5;
    }

    /* ▼area▼ */
    .pc_mb140 {
        margin-bottom: 140px !important;
    }

    .pc_mb120 {
        margin-bottom: 120px !important;
    }

    .pc_mb100 {
        margin-bottom: 100px !important;
    }

    .pc_mb95 {
        margin-bottom: 95px !important;
    }

    .pc_mb90 {
        margin-bottom: 90px !important;
    }

    .pc_mb85 {
        margin-bottom: 85px !important;
    }

    .pc_mb80 {
        margin-bottom: 80px !important;
    }

    .pc_mb75 {
        margin-bottom: 75px !important;
    }

    .pc_mb70 {
        margin-bottom: 70px !important;
    }

    .pc_mb65 {
        margin-bottom: 65px !important;
    }

    .pc_mb60 {
        margin-bottom: 60px !important;
    }

    .pc_mb55 {
        margin-bottom: 55px !important;
    }

    .pc_mb50 {
        margin-bottom: 50px !important;
    }

    .pc_mb45 {
        margin-bottom: 45px !important;
    }

    .pc_mb40 {
        margin-bottom: 40px !important;
    }

    .pc_mb35 {
        margin-bottom: 35px !important;
    }

    .pc_mb30 {
        margin-bottom: 30px !important;
    }

    .pc_mb25 {
        margin-bottom: 25px !important;
    }

    .pc_mb20 {
        margin-bottom: 20px !important;
    }

    .pc_mb15 {
        margin-bottom: 15px !important;
    }

    .pc_mb12 {
        margin-bottom: 12px !important;
    }

    .pc_mb10 {
        margin-bottom: 10px !important;
    }

    .pc_mb8 {
        margin-bottom: 8px !important;
    }

    .pc_mb5 {
        margin-bottom: 5px !important;
    }

    .pc_mb0 {
        margin-bottom: 0 !important;
    }

    .pc_mlr115 {
        margin-left: 115px !important;
        margin-right: 115px !important;
    }

    .pc_mlr100 {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }

    .pc_mlr80 {
        margin-left: 80px !important;
        margin-right: 80px !important;
    }

    .pc_mlr75 {
        margin-left: 75px !important;
        margin-right: 75px !important;
    }

    .pc_mlr70 {
        margin-left: 70px !important;
        margin-right: 70px !important;
    }

    .pc_mlr60 {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }

    .pc_mlr55 {
        margin-left: 55px !important;
        margin-right: 55px !important;
    }

    .pc_mlr50 {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }

    .pc_mlr45 {
        margin-left: 40px !important;
        margin-right: 45px !important;
    }

    .pc_mlr40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .pc_mlr35 {
        margin-left: 35px !important;
        margin-right: 35px !important;
    }

    .pc_mlr30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .pc_mlr25 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .pc_mlr20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .pc_mlr15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .pc_mlr10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .pc_mlr5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .pc_mlr-1 {
        margin-left: -1px !important;
        margin-right: -1px !important;
    }

    .pc_mlr-5 {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }

    .pc_mlr-10 {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

    .pc_mlr-20 {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }

    .pc_mlr_auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .pc_mr50 {
        margin-right: 50px !important;
    }

    .pc_mr40 {
        margin-right: 40px !important;
    }

    .pc_mr30 {
        margin-right: 30px !important;
    }

    .pc_mr25 {
        margin-right: 25px !important;
    }

    .pc_mr20 {
        margin-right: 20px !important;
    }

    .pc_mr15 {
        margin-right: 15px !important;
    }

    .pc_mr10 {
        margin-right: 10px !important;
    }

    .pc_mr5 {
        margin-right: 5px !important;
    }

    .pc_mr0 {
        margin-right: 0px !important;
    }

    .pc_mr-5 {
        margin-right: -5px !important;
    }

    .pc_ml80 {
        margin-left: 80px !important;
    }

    .pc_ml50 {
        margin-left: 50px !important;
    }

    .pc_ml40 {
        margin-left: 40px !important;
    }

    .pc_ml30 {
        margin-left: 30px !important;
    }

    .pc_ml20 {
        margin-left: 20px !important;
    }

    .pc_ml15 {
        margin-left: 15px !important;
    }

    .pc_ml10 {
        margin-left: 10px !important;
    }

    .pc_ml0 {
        margin-left: 0px !important;
    }

    .pc_ml-5 {
        margin-left: -5px !important;
    }

    .pc_ml-10 {
        margin-left: -10px !important;
    }

    .pc_ml-15 {
        margin-left: -15px !important;
    }

    .pc_ml-20 {
        margin-left: -20px !important;
    }

    .pc_mtb50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .pc_mt170 {
        margin-top: 170px !important;
    }

    .pc_mt150 {
        margin-top: 150px !important;
    }

    .pc_mt140 {
        margin-top: 140px !important;
    }

    .pc_mt130 {
        margin-top: 130px !important;
    }

    .pc_mt120 {
        margin-top: 120px !important;
    }

    .pc_mt110 {
        margin-top: 110px !important;
    }

    .pc_mt100 {
        margin-top: 100px !important;
    }

    .pc_mt90 {
        margin-top: 90px !important;
    }

    .pc_mt80 {
        margin-top: 80px !important;
    }

    .pc_mt70 {
        margin-top: 70px !important;
    }

    .pc_mt60 {
        margin-top: 60px !important;
    }

    .pc_mt55 {
        margin-top: 55px !important;
    }

    .pc_mt50 {
        margin-top: 50px !important;
    }

    .pc_mt45 {
        margin-top: 45px !important;
    }

    .pc_mt40 {
        margin-top: 40px !important;
    }

    .pc_mt30 {
        margin-top: 30px !important;
    }

    .pc_mt25 {
        margin-top: 25px !important;
    }

    .pc_mt20 {
        margin-top: 20px !important;
    }

    .pc_mt15 {
        margin-top: 15px !important;
    }

    .pc_mt10 {
        margin-top: 10px !important;
    }

    .pc_mt5 {
        margin-top: 5px !important;
    }

    .pc_mt3 {
        margin-top: 3px !important;
    }

    .pc_mt0 {
        margin-top: 0 !important;
    }

    .pc_mt-5 {
        margin-top: -5px !important;
    }

    .pc_mt-10 {
        margin-top: -10px !important;
    }

    .pc_mt-20 {
        margin-top: -20px !important;
    }

    .pc_mt-40 {
        margin-top: -40px !important;
    }

    .pc_mt-50 {
        margin-top: -50px !important;
    }

    .pc_mt-60 {
        margin-top: -60px !important;
    }

    .pc_mt-80 {
        margin-top: -80px !important;
    }

    .pc_mt-100 {
        margin-top: -100px !important;
    }

    .pc_mt-120 {
        margin-top: -120px !important;
    }

    .pc_mt-140 {
        margin-top: -140px !important;
    }

    .pc_mt-180 {
        margin-top: -180px !important;
    }

    .pc_mt-250 {
        margin-top: -250px !important;
    }

    .pc_pb200 {
        padding-bottom: 200px !important;
    }

    .pc_pb190 {
        padding-bottom: 190px !important;
    }

    .pc_pb180 {
        padding-bottom: 180px !important;
    }

    .pc_pb170 {
        padding-bottom: 170px !important;
    }

    .pc_pb160 {
        padding-bottom: 160px !important;
    }

    .pc_pb150 {
        padding-bottom: 150px !important;
    }

    .pc_pb100 {
        padding-bottom: 100px !important;
    }

    .pc_pb80 {
        padding-bottom: 80px !important;
    }

    .pc_pb60 {
        padding-bottom: 60px !important;
    }

    .pc_pb50 {
        padding-bottom: 50px !important;
    }

    .pc_pb40 {
        padding-bottom: 40px !important;
    }

    .pc_pb30 {
        padding-bottom: 30px !important;
    }

    .pc_pb25 {
        padding-bottom: 25px !important;
    }

    .pc_pb20 {
        padding-bottom: 20px !important;
    }

    .pc_pb15 {
        padding-bottom: 15px !important;
    }

    .pc_pb0 {
        padding-bottom: 0 !important;
    }

    .pc_pl10 {
        padding-left: 10px !important;
    }

    .pc_pl12 {
        padding-left: 12px !important;
    }

    .pc_pl20 {
        padding-left: 20px !important;
    }

    .pc_pr20 {
        padding-right: 20px !important;
    }

    .pc_pr25 {
        padding-right: 25px !important;
    }

    .pc_p100 {
        padding: 100px !important;
    }

    .pc_p75 {
        padding: 75px !important;
    }

    .pc_p50 {
        padding: 50px !important;
    }

    .pc_p20 {
        padding: 20px !important;
    }

    .pc_p15 {
        padding: 15px !important;
    }

    .pc_p10 {
        padding: 10px !important;
    }

    .pc_p5 {
        padding: 5px !important;
    }

    .pc_pt200 {
        padding-top: 200px !important;
    }

    .pc_pt190 {
        padding-top: 190px !important;
    }

    .pc_pt180 {
        padding-top: 180px !important;
    }

    .pc_pt170 {
        padding-top: 170px !important;
    }

    .pc_pt160 {
        padding-top: 160px !important;
    }

    .pc_pt150 {
        padding-top: 150px !important;
    }

    .pc_pt140 {
        padding-top: 140px !important;
    }

    .pc_pt120 {
        padding-top: 120px !important;
    }

    .pc_pt110 {
        padding-top: 110px !important;
    }

    .pc_pt100 {
        padding-top: 100px !important;
    }

    .pc_pt90 {
        padding-top: 90px !important;
    }

    .pc_pt80 {
        padding-top: 80px !important;
    }

    .pc_pt70 {
        padding-top: 70px !important;
    }

    .pc_pt60 {
        padding-top: 60px !important;
    }

    .pc_pt50 {
        padding-top: 50px !important;
    }

    .pc_pt40 {
        padding-top: 40px !important;
    }

    .pc_pt30 {
        padding-top: 30px !important;
    }

    .pc_pt20 {
        padding-top: 20px !important;
    }

    .pc_pt10 {
        padding-top: 10px !important;
    }

    .pc_ptb80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .pc_ptb50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .pc_ptb45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .pc_ptb40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .pc_ptb35 {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .pc_ptb30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .pc_ptb25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .pc_ptb20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .pc_ptb15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .pc_ptb5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .pc_ptb3 {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .pc_ptb0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .pc_plr15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .pc_plr25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .pc_plr30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .pc_plr35 {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }

    .pc_plr40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .pc_plr50 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .pc_plr70 {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .normal {
        font-weight: normal !important;
    }

    .pc_size10 {
        font-size: 1rem !important;
    }

    .pc_size11 {
        font-size: 1.1rem !important;
    }

    .pc_size12 {
        font-size: 1.2rem !important;
    }

    .pc_size13 {
        font-size: 1.3rem !important;
    }

    .pc_size14 {
        font-size: 1.4rem !important;
    }

    .pc_size15 {
        font-size: 1.5rem !important;
    }

    .pc_size16 {
        font-size: 1.6rem !important;
    }

    .pc_size17 {
        font-size: 1.7rem !important;
    }

    .pc_size18 {
        font-size: 1.8rem !important;
    }

    .pc_size19 {
        font-size: 1.9rem !important;
    }

    .pc_size20 {
        font-size: 2rem !important;
    }

    .pc_size22 {
        font-size: 2.2rem !important;
    }

    .pc_size24 {
        font-size: 2.4rem !important;
    }

    .pc_size30 {
        font-size: 3rem !important;
    }

    .pc_size35 {
        font-size: 3.5rem !important;
    }

    .c_pink {
        color: #d94b99 !important;
    }

    .c_blue {
        color: #2ea9d2 !important;
    }

    .pc_lh2 {
        line-height: 2 !important;
    }

    .pc_lh18 {
        line-height: 1.8 !important;
    }

    .pc_lh16 {
        line-height: 1.6 !important;
    }

    .pc_lh15 {
        line-height: 1.5 !important;
    }
}

/*
MEDICALDIET
***************************************************************************/
#medicaldiet {
    position: relative;
}

.medical_body {
    position: relative;
    z-index: 98;
    background: #fff;
}

@media screen and (min-width: 481px) {
    .medical_body::after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        display: inline-block;
        width: 100vw;
        height: 100vh;
        mix-blend-mode: color-burn;
        /* background: center/cover url(../images/medicaldiet/bg_body.webp); */
    }

    .fixedarea__cv {
        position: absolute;
        bottom: 20vh;
        width: 55vh;
        position: fixed;
        max-width: 550px;
    }

    .fixedarea__cv::before {
        content: "";
        position: absolute;
        top: -81vh;
        aspect-ratio: 1/1;
        width: 39vw;
        left: -5vh;
        height: 55vh;
        max-width: 691px;
        opacity: 0.7;
        /* background: center/contain no-repeat url(../images/medicaldiet/bg_body_txt.webp); */
        z-index: 99;
    }

    .fixedarea__img {
        max-width: 960px;
        width: 100vh;
    }
}

#medicaldiet .wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 750px;
    overflow-x: hidden;
    -webkit-filter: drop-shadow(0 5px 5px #ccc);
    filter: drop-shadow(0 5px 5px #ccc);
    background: #fff;
    transform: translateZ(0);
    z-index: 100;
}

@media screen and (max-width: 480px) {
    #medicaldiet .wrapper {
        position: unset;
        width: 100%;
    }
}

.fixedarea--left {
    left: 0;
    top: 0;
    bottom: 0;
    display: grid;
    place-items: center;
    width: 50%;
}

@media screen and (max-width: 1499px) {
    .fixedarea--left {
        width: 0%;
    }

    #medicaldiet .wrapper {
        left: 0;
    }
}

.fixedarea {
    position: fixed;
    z-index: 100;
}

@media screen and (max-width: 1499px) {
    .fixedarea {
        display: none;
    }
}

/* header */
.medical_header {
    padding: calc((100vw / 375) * 0) calc((100vw / 375) * 5) calc((100vw / 375) * 0) calc((100vw / 375) * 10);
    height: calc((100vw / 375) * 50);
    max-height: 98px;
}

.medical_header .h_logo {
    width: 30%;
    margin-top: 2%;
}

#medicaldiet .clinic_btn {
    font-size: clamp(9px, 2.4vw, 18px);
    color: #ffffff;
    background: linear-gradient(118deg, #0054b7 50%, #c3e6ff 100%);
    border-radius: 2em;
    padding: 1em 1.5em;
    text-decoration: none;
    font-weight: bold;
    font-family: "A P-OTF A1ゴシック StdN", sans-serif;
}

#medicaldiet .cv_btn {
    font-size: clamp(9px, 2.4vw, 18px);
    color: #ffffff;
    background: #dd3788;
    border-radius: 2em;
    padding: 1em 1.5em;
    text-decoration: none;
    font-weight: bold;
    font-family: "A P-OTF A1ゴシック StdN", sans-serif;
}

.medical_header ul {
    margin-top: 2.5%;
    width: 70%;
    display: flex;
    justify-content: end !important;
}

#medicaldiet .nav_li01 {
    width: 35%;
}

.medical_header li:first-child {
    width: unset !important;
    margin-inline: 10px;
    padding-bottom: 5px;
}

.medical_header li:last-child {
    margin: 0;
    width: unset !important;
    padding-bottom: 5px;
}

@media screen and (min-width: 1499px) {
    .medical_header {
        padding: 0 30px 0 40px;
        height: 96px;
    }

    #medicaldiet .swiper-horizontal>.swiper-pagination-bullets {
        bottom: 4px !important;
    }
}

/* section1 */
#medicaldiet #sec1 {
    background: #fff;
}

.sec1__medical {
    background: #fff;
}

#medicaldiet .btn_bounce {
    margin-inline: 10%;
}

.sec1__cause {
    margin-top: -20%;
}

/* transfer */
.transfer {
    position: relative;
}

.mens_bnr {
    position: absolute;
    bottom: 5%;
    left: 50%;
    width: 89.3%;
    transform: translateX(-50%);
}

.mens_bnr.yahoo {
    position: relative;
    bottom: 0;
    left: 0;
    width: 89.3%;
    padding: 3% 5.35% 8%;
    display: block;
    transform: translateX(0);
    background: #FDF8EF;
}

/* section2 */
.sec2__support {
    position: relative;
    z-index: 100;
    margin-top: -20%;
}

.sec2__supportPlan {
    position: absolute;
    bottom: 9%;
    left: 50%;
    width: 83%;
    transform: translateX(-50%);
}

.sec2__supportPlan_y {
    bottom: 11.5%;
}

.sec2__supportPlan-swipeicn {
    position: absolute;
    top: 67%;
    left: 50%;
    width: 44%;
    aspect-ratio: 1/1;
    transform: translate(-50%, -60%);
    transition: 0.2s;
    z-index: 1;
}

.splide__arrows {
    display: none;
}

.splide__pagination {
    display: none !important;
}

/* section3 */
#medicaldiet #sec3 {
    background: transparent;
}

.sec3__whatType {
    margin-top: -24%;
}

.sec3__whatType_y {
    margin-top: -21%;
}

.sec3__medical_menu {
    margin-top: -25%;
    z-index: 3;
    position: relative;
}

.sec3__difference {
    position: relative;
}

#medicaldiet .sec3_txt {
    position: absolute;
    width: 100%;
    bottom: 5%;
    left: 3%;
}

.sec3__slim {
    margin-top: -8%;
    z-index: 2;
    position: relative;
}

/* medical_flow */
#medicaldiet #flow {
    position: relative;
    /* overflow: hidden; */
}

#medicaldiet .swiper-parent {
    position: absolute;
    top: 10%;
    left: 0;
    padding: 0;
    /* overflow: hidden; */
}

#medicaldiet .swiper-parent_yahoo {
    top: 17%;
}

#medicaldiet .swiper-container {
    width: 100vw;
    margin: 20px auto 0;
    box-sizing: content-box;
}

#medicaldiet .flow_yahoo {
    margin-top: -15%;
}

/* section4 */
#medicaldiet .sec4__num_of_case {
    margin-top: -13%;
}

/* @media screen and (min-width: 481px) {
  #medicaldiet .swiper-container {
    width: 39vw;
  }
} */

.medical__flow-arrow {
    position: relative;
}

.medical__flow-arrowImg {
    bottom: 0vw;
    right: 3.5vw;
    width: clamp(0px, 26vw, 195px);
    position: absolute;
}

#medicaldiet .swiper-pagination {
    width: 34%;
}

#medicaldiet .swiper-pagination-bullet {
    background: #fff;
    width: 1.2vw;
    height: 1.2vw;
    opacity: 1;
    box-shadow: 1px 1px 0px 0px rgba(52, 52, 52, 16%);
}

@media screen and (max-width: 1499px) {
    #medicaldiet .swiper-pagination-bullet {
        width: min(2.2vw, 17px);
        height: min(2.2vw, 17px);
    }
}

#medicaldiet .swiper-horizontal>.swiper-pagination-bullets {
    bottom: 0% !important;
}

@media screen and (max-width: 480px) {
    #medicaldiet .swiper-horizontal>.swiper-pagination-bullets {
        bottom: 3% !important;
    }
}

#medicaldiet .swiper-pagination-bullet-active {
    background: #0e193e;
}

/* medical_faq */
#medicaldiet #faq {
    /* background: linear-gradient(to bottom right, #1b317c, #0e193e); */
    padding: calc((100vw / 375) * 60) calc((100vw / 375) * 20) calc((100vw / 375) * 45) calc((100vw / 375) * 20);
    outline: 1px solid rgb(255, 255, 255);
    outline-offset: calc((100vw / 375) * -10);
    text-align: center;
}

@media screen and (min-width: 481px) {
    #medicaldiet #faq {
        padding: 15% 5% 12% 5%;
        outline-offset: -15px;
    }
}

.medical_faq {
    width: 51%;
    margin: 0 auto 10%;
}

.medical_faq_list {
    text-align: left;
    font-family: "A P-OTF A1ゴシック Std", sans-serif;
    font-size: calc((100vw / 375) * 15);
    font-weight: 500;
    position: relative;
}

.medical_faq_item {
    background: #fff;
    color: #000;
    border-radius: 5px;
    margin-bottom: 3%;
}

@media screen and (min-width: 751px) {
    .medical_faq_icon {
        font-size: 2.7rem !important;
    }
}

.medical_faq_question {
    padding: 4% 10% 4% 4%;
    display: flex;
    gap: 2rem;
    place-items: center;
    font-family: "A1 Gothic R", sans-serif;
}


.medical_faq_icon {
    font-family: "UD黎ミン H", "A-OTF UD黎ミン Pro", sans-serif;
    font-weight: 600;
    font-size: calc((100vw / 320) * 11);
}

.medical_faq_icon.Q {
    color: #1B8DE0;
}

.medical_faq_icon.A {
    color: #D99A0F;
}

.medical_faq_answer {
    position: relative;
    max-height: 0;
    overflow: hidden;
    font-family: "A1 Gothic R", sans-serif;
}

.medical_faq_answer p {
    display: flex;
    gap: 2rem;
    padding: 3% 5.5% 4% 4%;
    border-top: 2px dotted #65b7d1;
}

.toggle {
    display: none;
}

.medical_faq_question,
.medical_faq_answer {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
}

.medical_faq_question::after {
    content: "＋";
    position: absolute;
    color: #777777;
    right: 4%;
    top: 33%;
    font-size: calc((100vw / 320) * 12) !important;
    transition: all 0.3s;
}

@media screen and (min-width: 751px) {
    .medical_faq_question::after {
        font-size: 2.6rem !important;
    }
}

.toggle:checked+.medical_faq_question+.medical_faq_answer {
    max-height: 500px;
    transition: all 0.2s;
}

.toggle:checked+.medical_faq_question::after {
    content: "ー";
    font-size: 2.1rem;
    transform: rotate(180deg) !important;
}

/* clinic一覧 */

#medicaldiet .clinic_accordion {
    font-family: "A1 Gothic R", "A1ゴシック R", sans-serif;
    background: #fff;
}

#medicaldiet .state_name {
    color: #1b317c;
    padding: 1.5rem 3rem 1.5rem min(5.3vw, 40px);
    margin: 2px 0;
}

#medicaldiet .state_name::before {
    background: #1b317c;
    padding: 22px 5px 9px;
    margin-right: 6px;
    border-radius: 0;
    width: min(2.2vw, 17.5px);
    top: 0.7em;
    clip-path: none;
}

#medicaldiet .clinic_card {
    background: #f1f1f2;
    border: 1px solid #707eab;
    border-radius: 0;
    width: 100%;
    height: auto;
}

#medicaldiet .clinic_card.open {
    background: #1b317c;
}

#medicaldiet .clinic_card>.clinic_card_ttl {
    color: #1b317c;
}

#medicaldiet .clinic_card.open>.clinic_card_ttl {
    color: #fff;
}

#medicaldiet .clinic_card>.clinic_card_txt {
    color: #676767;
}

#medicaldiet .clinic_card.open>.clinic_card_txt {
    color: #fff;
}

#medicaldiet .clinic-inner {
    border: solid 2px #1b317c;
    background: #f1f1f2;
    color: #1b317c;
}

#medicaldiet .clinic_info,
#medicaldiet .clinic-info--head,
#medicaldiet .clinic-info--txt {
    color: #4e4e4e;
}

#medicaldiet .clinic-info--top {
    background: #f1f1f2;
}

#medicaldiet .comment {
    border-top: solid 1px #a1b5f7;
}

/* FLOATING */

#medicaldiet .f_cvbtn {
    width: 35%;
    margin: 0 auto;
}

@media screen and (max-width: 750px) {
    #medicaldiet .f_cvbtn {
        width: 50%;
        min-width: 250px;
    }

    .medical_floating {
        padding: 5% 0;
    }
}

.medical_floating {
    display: block;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(#000, 1);
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 1000;
}

.medical_floatingList {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.medical_floatingList-1 {
    margin-right: 10px;
}

#medicaldiet .f_clinic_btn {
    font-size: clamp(11px, 3.2vw, 24px);
    color: #ffffff;
    background: linear-gradient(118deg, #0054b7 50%, #c3e6ff 100%);
    border-radius: 52px;
    padding: .7em 1.5em .7em 3em;
    text-decoration: none;
    font-weight: bold;
    font-family: "A1 Gothic R", "A1ゴシック R", sans-serif;
}

.medical_floatingList-2 {
    margin-left: 10px;
}

#medicaldiet .f_cv_btn {
    font-size: min(3vw, 24px);
    color: #ffffff;
    background: #dd3788;
    border-radius: 52px;
    padding: .7em 1.5em .7em 3em;
    text-decoration: none;
    font-weight: bold;
    font-family: "A1 Gothic R", "A1ゴシック R", sans-serif;
}

@media screen and (max-width: 750px) {

    #medicaldiet .f_clinic_btn,
    #medicaldiet .f_cv_btn {
        padding: 3vw 3.5vw 3vw 9vw;
    }
}

/* ATTENTION */
#medicaldiet .attention_box {
    background: #f1f1f2;
    padding: 4% 3%;
}

#medicaldiet .attention_boxInner {
    background: #fff;
    border: 3px solid #707eab;
    outline: 4px solid #1b317c;
    outline-offset: 12px;
    margin: 4% 3%;
    padding: 5% 4%;
    font-size: min(1.8vw, 14px);
    font-family: "A P-OTF A1ゴシック StdN", sans-serif;
    line-height: 1.3;
}

#medicaldiet .attention_Ttl {
    margin-bottom: 4%;
}

#medicaldiet .attention_Txt {
    margin-bottom: 8%;
}

#medicaldiet .attention_Txt:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 751px) {
    #medicaldiet .attention_txt {
        font-size: calc((100vw / 320) * 6) !important;
    }
}

/* FOOTER */
#medicaldiet footer {
    background: linear-gradient(to bottom, #1b317c, #0e193e);
}

#medicaldiet footer p {
    font-size: 1.5rem;
    font-family: "A P-OTF A1Gothic Std", sans-serif;
}

#medicaldiet .ft_link {
    margin: 0 auto;
    font-size: 2.2rem;
}

@media screen and (max-width: 751px) {
    #medicaldiet footer p {
        font-size: calc((100vw / 320) * 10) !important;
    }
}

#medicaldiet footer a {
    text-decoration: none;
}

#medicaldiet footer .copy small {
    font-size: 1.4rem;
}

@media screen and (max-width: 751px) {
    #medicaldiet footer .copy small {
        font-size: calc((100vw / 320) * 7) !important;
    }
}

#medicaldiet #wt {
    font-family: Arial, sans-serif;
    background-image: url(../img/weight_bg.webp);
    background-size: contain;
    z-index: 5;
    position: relative;
    padding-bottom: 20%;
}

@media screen and (min-width: 751px) {
    #medicaldiet #wt {
        background-size: contain;
        position: relative;
        padding-bottom: 20%;
    }
}

#medicaldiet .wt_tit {
    width: 100%;
}

#medicaldiet .wt_p {
    padding: 5vw 4vw 5vw 6vw;
}

@media screen and (min-width: 751px) {
    #medicaldiet .wt_p {
        padding: 50px 40px 50px 60px;
    }
}

#medicaldiet #bmiWeightCalculator {
    text-align: center !important;
    background-image: url(/lp/asset/img/wt/weight_bk.webp);
    background-size: cover;
    background-repeat: no-repeat;
    font-family: "A1ゴシック R", "A1 Gothic R", sans-serif;
}

@media screen and (min-width: 751px) {
    #medicaldiet #bmiWeightCalculator {
        background-size: initial;
        background-repeat: no-repeat;
        background-position: top center;
    }
}

#medicaldiet .wt_input {
    padding-left: 25vw;
    background-image: url(/lp/asset/img/wt/weight_img.webp);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
}

@media screen and (min-width: 751px) {
    #medicaldiet .wt_input {
        padding-left: 195px;
    }
}

#medicaldiet .wt_input_color {
    font-family: "Kozuka Gothic Pr6N", sans-serif;
}

#medicaldiet .wt_input dt {
    position: relative;
    right: -1vw;
}

#medicaldiet .wt_input dt div {
    text-align: center;
}

#medicaldiet #wt label {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    display: inline-block;
    font-size: 5vw;
    width: 20%;
}

@media screen and (min-width: 751px) {
    #medicaldiet #wt label {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        display: inline-block;
        font-size: 38px;
        width: 20%;
        letter-spacing: 0.25em;
    }
}

#medicaldiet .wp_input {
    text-align: center;
    color: #cbcbcb;
}

#medicaldiet .wt_input input {
    width: 50%;
    height: 10vw;
    border-radius: 5px;
    background: #fff;
    color: #000000;
    border: 3px solid #1b8de0;
    flex-direction: column;
    font-size: 6.5vw;
    position: relative;
    top: -3.2vw;
    margin-left: 0;
    text-align: center;
}

@media screen and (min-width: 751px) {
    #medicaldiet .wt_input input {
        width: 200px;
        height: 82px;
        border-radius: 8px;
        flex-direction: column;
        font-size: 50px;
        position: relative;
        top: -34px;
    }
}

#medicaldiet .wt_input dt div::before {
    position: absolute;
    content: "入力できます";
    font-size: 2.6vw;
    font-family: "A1ゴシック M", "A1 Gothic R", sans-serif;
    color: #1b8de0;
    bottom: -0.8vw;
    left: 16.2vw;
}

@media screen and (min-width: 751px) {
    #medicaldiet .wt_input dt div::before {
        font-size: 20px;
        bottom: 0px;
        left: 97px;
    }
}

#medicaldiet .wt_input dt div::after {
    content: "cm";
    font-size: 6.4vw;
    font-family: "A1ゴシック M", "A1 Gothic R", sans-serif;
    position: relative;
    top: -0.8vw;
    right: -1.8vw;
}

@media screen and (min-width: 751px) {
    #medicaldiet .wt_input dt div::after {
        content: "cm";
        font-size: 48px;
        position: relative;
        top: -10px;
        right: -12px;
    }
}

#medicaldiet .wt_input dd {
    /* padding-left: 3.8vw; */
    position: relative;
    right: -0.5vw;
    top: 0vw;
}

@media screen and (min-width: 751px) {
    #medicaldiet .wt_input dd {
        /* padding-left: 20px; */
        position: relative;
        right: -10px;
        top: 0vw;
    }
}

#medicaldiet table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    margin-top: 4vw;
    font-size: 3.2vw;
}

@media screen and (min-width: 751px) {
    #medicaldiet table {
        margin-top: 30px;
        font-size: 24px;
    }
}

#medicaldiet th {
    /* font-size: smaller; */
    letter-spacing: 0.12em;
    text-align: center;
    vertical-align: middle;
}

#medicaldiet .th_00 {
    width: 28%;
}

#medicaldiet .th_01,
#medicaldiet .th_02 {
    background-color: #13204f;
    border-radius: 3px 3px 0px 0px;
    color: #ffffff;
    width: 36%;
    padding: 2vw 0;
}

@media screen and (min-width: 751px) {

    #medicaldiet .th_01,
    #medicaldiet .th_02 {
        border-radius: 6px 6px 0px 0px;
        width: 36%;
        padding: 18px 0;
    }
}

#medicaldiet .th_01 {
    border-right: 1px #afafaf solid;
}

#medicaldiet .th_03 {
    background-color: #045189;
    border-radius: 3px 0 0 0;
    color: #ffffff;
    padding: 2vw 0;
}

@media screen and (min-width: 751px) {
    #medicaldiet .th_03 {
        border-radius: 6px 0 0 0;
        padding: 18px 0;
    }
}

#medicaldiet .th_04 {
    background-color: #0078d0;
    color: #ffffff;
    padding: 2vw 0;
}

@media screen and (min-width: 751px) {
    #medicaldiet .th_04 {
        padding: 18px 0;
    }
}

#medicaldiet .th_05 {
    background-color: #3abcf5;
    color: #ffffff;
    line-height: 1;
    padding: 1vw 0;
    border-radius: 0 0 0 3px;
    padding: 2vw 0;
}

@media screen and (min-width: 751px) {
    #medicaldiet .th_05 {
        border-radius: 0 0 0 6px;
        padding: 18px 0;
    }
}

#medicaldiet .wt_tbl tr:first-child th:first-child {
    border: none;
}

#medicaldiet td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    font-size: larger;
    font-family: auto;
    color: #13204f;
}

@media screen and (min-width: 751px) {
    #medicaldiet td {
        font-size: 28px;
    }
}

#medicaldiet aside {
    text-align: left;
    line-height: 1.2;
    margin-top: 2.6vw;
    color: #352c27;
    font-size: 2.4vw;
}

@media screen and (min-width: 751px) {
    #medicaldiet aside {
        margin-top: 20px;
        font-size: 18px;
    }
}

#medicaldiet footer {
    padding: 7% 0 25%;
}

#medicaldiet a,
#medicaldiet button {
    cursor: revert;
}

*:where( :not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}