*{ margin: 0; padding: 0; box-sizing: border-box; font-family: serif; } img{ height: auto; } @media screen and (min-width: 751px) { .sp { display: none !important; } } .main-bg{ width: 100%; height: 100vh; position: fixed; background: linear-gradient(-40deg, #ffe8ce 0%, #fbb8a0 100%); z-index: 8; opacity: 0.8; } .bg-img{ z-index: 5; position: fixed; top: 0; left: 0; } .bg-img > p{ position: absolute; top: 5%; left: 140%; font-size: 115px; width: 100%; line-height: 200px; color: rgb(186, 186, 186); transform: rotate(5deg); text-align: center; } .bg-left-img{ display: block; height: 100vh; width: 100%; } .container{ max-width: 660px; margin: 0 auto; position: relative; z-index: 10; } .logo{ width: 30%; height: auto; position: absolute; top: 15px; left: 95%; transform: translate(-95%); } .fv-img{ width: 100%; display: block; } /* medical-diet_mounjaro LPs — */ body.lp-md-mounjaro .mounjaro { background: #E8F2FF; } body.lp-md-mounjaro .mounjaro .notes { padding: 0 2rem 50px; font-size: min(calc(11/750*100vw), 0.9rem); font-family: sans-serif; color: #4e4e4e; } body.lp-md-mounjaro .mounjaro_area img { vertical-align: bottom; } body.lp-md-mounjaro .mounjaro > h2 { text-align: center; position: relative; border-bottom: 1px solid #2a2a2a; width: 40%; margin: 0 auto; padding-bottom: 20px; } body.lp-md-mounjaro .mounjaro > h2 span { position: absolute; top: 75%; left: 50%; transform: translate(-50%); background-color: #FAFAFA; padding: 0 5px; width: 50%; font-size: 18px; } body.lp-md-mounjaro .mounjaro img { width: 100%; height: auto; } body.lp-md-mounjaro .mounjaro .section3-btn-img-wrapper { padding: 30px 15px; color: #fff; margin: 0; } /* RYBELSUS 案内（cp_lp 等）— */ body.lp-md-mounjaro .rybelsus { background: #ffe2da; padding-bottom: 5%; } body.lp-md-mounjaro .rybelsus_area { padding-top: 5%; } .m-rybelsus_img{ padding: 0 30px; } body.lp-md-mounjaro .rybelsus_area h2 { text-align: center; color: #FF5F7B; border-bottom: 1px solid #FF5F7B; width: 70%; margin: 0 auto 30px; font-size: 28px; position: relative; padding-bottom: 20px; } body.lp-md-mounjaro .rybelsus_area h2 span { position: absolute; top: 70%; left: 50%; transform: translate(-50%); background-color: #ffe2da; font-size: 22px; width: 75%; } body.lp-md-mounjaro .rybelsus_area img { vertical-align: bottom; } body.lp-md-mounjaro .rybelsus > h2 { text-align: center; position: relative; border-bottom: 1px solid #2a2a2a; width: 40%; margin: 0 auto; padding-bottom: 20px; } body.lp-md-mounjaro .rybelsus > h2 span { position: absolute; top: 75%; left: 50%; transform: translate(-50%); background-color: #FAFAFA; padding: 0 5px; width: 50%; font-size: 18px; } body.lp-md-mounjaro .rybelsus img { width: 100%; height: auto; } body.lp-md-mounjaro .rybelsus .section3-btn-img-wrapper { padding: 30px 15px; color: #fff; margin: 0; } body.lp-md-mounjaro .rybelsus p { font-size: 12px; line-height: 1.3; padding: 0 22px 30px; } /* クーポンコード（マウンジャロLPの section#coupon 用） */ body.lp-md-mounjaro #coupon { background: #fff; padding: 0 0 5%; } /* 0_lp1 / 0_limitedcp_lp1 / 0_limitedcp_lp2 のみ */ body.lp-md-mounjaro-lp1 #coupon, body.lp-md-mounjaro-limitedcp-lp1 #coupon, body.lp-md-mounjaro-limitedcp-lp2 #coupon { margin-top: 0; padding: 50px 0 5%; display: flow-root; } body.lp-md-mounjaro-lp1 #coupon > .section3-btn-img-wrapper, body.lp-md-mounjaro-limitedcp-lp1 #coupon > .section3-btn-img-wrapper, body.lp-md-mounjaro-limitedcp-lp2 #coupon > .section3-btn-img-wrapper { margin: 0; padding: 0 15px 15px; } body.lp-md-mounjaro #coupon img { width: 100%; height: auto; } .coupon_cp_conditions * { font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "Yu Gothic UI", "Yu Gothic", sans-serif; } /* クーポン適用条件（画像 coupon_cp_text*.png のテキスト化・他LPでも .coupon_cp_conditions を流用可） */ body.lp-md-mounjaro #coupon .coupon_cp_conditions { box-sizing: border-box; width: 100%; max-width: 750px; margin: 0 auto 3%; padding: 0 4%; font-size: min(calc(16/750*100vw), 0.9rem); line-height: 1.45; text-align: left; color: #333; } body.lp-md-mounjaro #coupon .coupon_cp_conditions__block { margin: 0 0 1.1em; } body.lp-md-mounjaro #coupon .coupon_cp_conditions__block:last-child { margin-bottom: 0; } body.lp-md-mounjaro #coupon .coupon_cp_conditions h3 { font-size: 1.3em; font-weight: bold; margin: 0 0 0.45em; line-height: 1.35; } body.lp-md-mounjaro #coupon .coupon_cp_conditions p { margin: 0 0 0.35em; font-size: inherit; line-height: inherit; } body.lp-md-mounjaro #coupon .coupon_cp_conditions p:last-child { margin-bottom: 0; } body.lp-md-mounjaro #coupon .coupon_cp_conditions p strong { color: #f8395c; } @media screen and (max-width: 750px) { body.lp-md-mounjaro #coupon .coupon_cp_conditions { font-size: 0.98rem; } body.lp-md-mounjaro #coupon .coupon_cp_conditions h3 { font-size: 1.3em; } } body.lp-md-mounjaro #coupon .coupon_wrap { padding: 0 2%; margin-bottom: 3%; } body.lp-md-mounjaro #coupon .coupon_wrap p { width: 90%; height: auto; margin: 0 auto; } body.lp-md-mounjaro #coupon .coupon_wrap img:hover { opacity: 0.8; } body.lp-md-mounjaro #btn_coupon img { width: 83%; } /* medical-diet_1_yahoo LP */ .read_contents { background-color: #fffdf1; text-align: center; padding: 50px 30px; } .read-ttl { font-size: 28px; line-height: 1.5; color: #f46d86; font-weight: bold; margin-bottom: 20px; } .read_contents img { display: block; margin: 30px auto; width: 36%; height: auto; } .read-text { padding: 0 40px; } .point { background-color: #fff; text-align: center; padding: 50px 30px; } .point h2 { text-align: center; color: #f1762a; border-bottom: 1px solid #f1762a; width: 50%; margin: 0 auto 40px; font-size: 28px; position: relative; padding-bottom: 15px; } .point h2 span { position: absolute; top: 70%; left: 50%; transform: translate(-50%); background-color: #fff; font-size: 22px; width: 62%; } .point-text { font-size: 22px; } .point-img-wrapper { position: relative; margin-top: 20px; } .point-img-wrapper p { font-size: 28px; width: 100%; font-weight: bold; position: absolute; top: 62px; left: 50%; transform: translateX(-50%); } .merit-wrapper { background-color: #fffdf1; color: #f1762a; text-align: center; padding: 50px 30px; } .merit-wrapper .merit-ttl { font-size: 28px; font-weight: bold; margin-bottom: 30px; background: linear-gradient(transparent 60%, white 30%); display: inline-block; } .merit-wrapper .merit-list { display: flex; } .merit-contents img { width: 90%; height: auto; } .merit-contents p { font-size: 18px; line-height: 1.3; font-weight: bold; margin-top: 10px; } .solution-wrapper { background-color: #fff; padding: 50px 30px 0; } .solution-ttl { text-align: center; background-image: url(../imgs/solution-text-img.png); background-repeat: no-repeat; background-size: 68%; padding: 25px 0; background-position: center center; font-size: 28px; line-height: 1.5; font-weight: bold; color: #f46d86; } .solution-box { background-color: #ffeef1; text-align: center; padding: 30px 20px; } .solution-box-ttl { font-size: 24px; font-weight: bold; border-bottom: 2px solid #f46d86; display: inline-block; margin-bottom: 20px; } .solution-box div { text-align: left; font-size: 28px; margin-left: 100px; } .solution-box div p { display: flex; align-items: center; margin-top: 10px; } .solution-box div p:before { content: ""; background: url("../imgs/solution-check.png")no-repeat center top; background-size: contain; width: 25px; height: 25px; display: inline-block; margin-right: 10px; } .prev .section3-item-img-wrapper img { width: 100%; height: auto; } .prev .section3-btn-img-wrapper { margin: -10px 0 0; } /*ozenpick — medical-diet_1_cp_ozenpick_1 のみ（body.lp-md-ozenpick-1） */ body.lp-md-ozenpick-1 .ozenpick { background: #fff; } /* cp_ozenpickのみ余白を追加 */ body.lp-md-cp-ozenpick .section12 .pricearea > div { margin-bottom: 20px; } .ozenpick > h2{ text-align: center; position: relative; border-bottom: 1px solid #2a2a2a; width: 40%; margin: 0 auto; padding-bottom: 20px; } .ozenpick > h2 span{ position: absolute; top: 75%; left: 50%; transform: translate(-50%); background-color: #FAFAFA; padding: 0 5px; width: 50%; font-size: 18px; } .ozenpick img { width: 100%; height: auto; } .ozenpick .section3-btn-img-wrapper { padding: 30px 15px; color: #fff; margin: 0; } .ozenpick .code_btn { top: 78%; } /*coupon*/ .coupon .coupon_wrap{ background: #ff8997; padding: 30px 15px; color: #fff; } /* 0_lp2 のみ — */ body.lp-md-mounjaro.lp-md-mounjaro-lp2 .coupon .coupon_wrap { background: #e8f2ff; padding: 0 15px; color: #fff; } /* body.lp-md-mounjaro.lp-md-mounjaro-lp2 #coupon { padding: 0 20px; } */ body.lp-md-mounjaro.lp-md-mounjaro-lp2 .coupon .section3-btn-img-wrapper { background: #e8f2ff; margin: 0; padding: 30px 30px; } .section3-btn-img-wrapper.mj_dm { padding: 15px 30px 45px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .coupon p { color: #4e4e4e; padding: 0 20px; font-family: sans-serif; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .code_btn { top: 59.3%; } .coupon h2 { text-align: center; color: #fff; border-bottom: 1px solid #fff; width: 70%; margin: 0 auto 30px; font-size: 28px; position: relative; padding-bottom: 20px; } .coupon h2 span { position: absolute; top: 70%; left: 50%; transform: translate(-50%); background-color: #ff8997; font-size: 22px; width: 75%; } .coupon .coupon_wrap img { width: 100%; height: auto; } .coupon p { font-size: 12px; line-height: 1.3; } .coupon .section3-btn-img-wrapper { background: #fff; margin: 0; padding: 30px 30px; } .coupon_code { position: relative; } .code_btn { position: absolute; width: 80%; top: 57.3%; left: 49%; transform: translateX(-50%); } .code_btn_mj_dm { position: absolute; width: 80%; top: 50.3%; left: 49%; transform: translateX(-50%); } /* マンジャロ３のボタンの位置だけ調整 */ body.lp-md-mounjaro.lp-md-mounjaro-lp2 .coupon .section3-btn-img-wrapper.mj_dm { padding: 30px 30px 50px; margin-top: -1px; } .ozenpick_1_code_btn{ position: absolute; width: 80%; top: 78.3%; left: 49%; transform: translateX(-50%); } body.lp-limitedcp .code_btn { top: 57%; } #rybelsus01:hover { opacity: 0.8; } .cancel_bn { padding: 4% 4% 6%; background: #fff; } .cancel_bn img { width: 100%; } /*section2*/ .section2{ background-color: #fffdf1; } .section2-title-img-wrapper{ text-align: center; padding-top: 50px; } .section2-title-img{ width: 60%; } .delivery-img{ width: 100%; } .section2 > p{ text-align: center; color: #F46F86; font-size: 22px; font-weight: bold; padding-top: 30px; } .section2 > p > span{ font-size: 64px; } .section2-btn-area{ display: flex; justify-content: center; } .section2-btn-area > div{ padding: 5px 15px; border: 2px solid #f56f87; color: #f56f87; border-radius: 50px; background: #fff; margin: 15px; font-size: 18px; text-align: center; width: 35%; } .section2 > ul{ text-align: center; list-style: none; margin-top: 10px; font-size: 12px; padding: 0 30px; } .delivery-text-area{ text-align: center; font-size: 32px; margin-top: 30px; margin-bottom: 30px; } .delivery-text-area span{ display: block; background: #f56f87; color: #fff; font-size: 22px; padding: 5px 10px; border-radius: 50px; width: 50%; margin: 0 auto 15px; } .medical-diet-img{ width: 100%; } .section8-item > p.aten, .section8-item > p.aten_text { font-size: min(calc(12/750*100vw), 0.7rem)!important; margin-top: -20px; margin-bottom: 30px; } /*section3*/ .section3{ padding: 50px 30px; background-color: #fff; } .section3-item-img-wrapper{ text-align: center; } .section3-item-img{ width: 80%; height: auto; } .section3-btn-img-wrapper{ text-align: center; margin: 30px 0 15px; } .section3-btn-img{ width: 90%; height: auto; cursor: pointer; } .section3-btn-img:hover{ opacity: 0.8; } .section3 p{ text-align: center; font-size: 18px; color: #f57087; font-weight: bold; } /*section4*/ .section4{ background: #fae7eb; padding: 50px 30px; position: relative; } .section4 > div{ border: 1px solid #c4203e; text-align: center; padding: 50px 0; color: #c4203e; } .section4-title-img{ position: absolute; top: 5%; left: 50%; transform: translate(-50%,-5%); background: #fae7eb; } .section4-first-text{ font-size: 20px; margin-bottom: 15px; font-weight: bold; } .section4-second-text{ font-size: 18px; } /*section5*/ .section5{ background-color: #fff; } .section5 > div:first-child{ background-image: url("../imgs/section5-bg-img.png"); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 50px 30px; } .section5 h2{ text-align: center; color: #315890; border-bottom: 1px solid #315890; width: 50%; margin: 0 auto; font-size: 28px; position: relative; padding-bottom: 15px; } .section5 h2 span{ position: absolute; top: 70%; left: 50%; transform: translate(-50%); background-color: #F0F5FC; font-size: 22px; width: 40%; } .section5 > div:first-child > p{ margin: 50px 0; text-align: center; background-image: url("../imgs/section5-icon-img.png"); background-repeat: no-repeat; background-size: 65%; background-position: center center; font-size: 20px; } .case-img-wrapper{ text-align: center; } .case-img{ width: 90%; height: auto; } .section5 > div:nth-child(2){ padding: 50px 30px; } .section5 > div:nth-child(2) h3{ text-align: center; color: #F18028; font-size: 28px; background-image: url("../imgs/section5-title-bg-img.png"); background-repeat: no-repeat; background-size: 75%; background-position: center; line-height: 1.3; } .section5 > div:nth-child(2) h3 .font-color{ color: #000; } .section5 > div:nth-child(2) h3 .font-size{ font-size: 63px; } /*section6*/ .about-glp1 .about-glp1-bg-img{ width: 100%; margin-top: 30px; } .about-glp1{ position: relative; } .about-glp1 p{ position: absolute; top: 10%; left: 50%; transform: translate(-50%,-10%); font-size: 18px; width: 100%; text-align: center; line-height: 35px; } .about-glp1 p .title{ font-size: 28px; text-decoration: underline 5px #fff; display: block; } .about-glp1 p .font-color{ color: #f1752a; font-weight: bold; } .about-glp1 p .font-bold{ font-weight: bold; } .about-gpl1-img-wrapper{ text-align: center; margin-top: 30px; } .about-gpl1-img{ width: 70%; height: auto; } .about-glp1 > ul{ list-style: none; margin-top: 30px; } .about-glp1 > ul > li{ display: flex; align-items: center; border-bottom: 2px solid #f8dcaa; padding: 15px 0; font-size: 20px; } .about-glp1 > ul .border-top{ border-top: 2px solid #f8dcaa; } .about-glp1 > ul > li > div:first-child{ display: flex; align-items: center; justify-content: center; } .check-icon{ width: 50%; height: auto; } .glp1-img-wrapper{ position: relative; padding-top: 50px; } .glp1-img{ width: 100%; } .glp1-ball-img{ position: absolute; top: 5%; left: 95%; transform: translate(-95%,-5%); } .section6{ background-image: linear-gradient(90deg, #fdfbfb 0%, #f3fafd 100%); padding: 50px 30px; } .section6 > p{ text-align: center; margin: 30px 0; font-size: 20px; } .section6 > p span{ text-decoration: underline #FCCCC5 5px; } .about-dmm-contents{ border: 2px solid #fde5e9; text-align: center; margin: 30px auto; width: 80%; } .about-dmm-contents-item{ padding: 40px 80px; border-bottom: 2px solid #fde5e9; font-size: 18px; font-weight: bold; line-height: 2rem; background-color: #fff; } .about-dmm-contents-item span{ color: #f56f87; } .about-dmm-contents > div:first-child{ background-image: url("../imgs/about-dmm-bg-img.png"); background-repeat: no-repeat; background-size: 25%; } .about-dmm-contents > div:nth-child(2){ background-image: url("../imgs/about-dmm-bg-img2.png"); background-repeat: no-repeat; background-size: 25%; } .about-dmm-contents > div:nth-child(3){ background-image: url("../imgs/about-dmm-bg-img3.png"); background-repeat: no-repeat; background-size: 25%; } .border-bottom-none{ border-bottom: none; } /*section7*/ .section7-img{ width: 100%; height: auto; display: block; } /*section8*/ .section8{ padding: 50px 30px; background: #faf6e7; } .dmm-img-wrapper{ text-align: center; } .section8 .dmm-img{ width: 30%; height: auto; } .section8 > div:nth-child(2){ background-image: linear-gradient(-90deg, rgba(242, 158, 38, 0.99608) 0%, #f1752a 100%); width: 60%; text-align: center; margin: 30px auto; padding: 5px 0; color: #fff; border-radius: 25px; font-size: 20px; } .section8 > div:nth-child(3){ display: flex; justify-content: center; align-items: center; color: #f1762a; font-weight: bold; font-size: 36px; } .section8 > div:nth-child(3) > div:first-child{ font-size: 100px; transform:rotate(8deg); } .section8 > div:nth-child(3) > div:nth-child(2) span{ font-size: 48px; text-decoration: underline double 2px #f1762a; } .section8-item{ background-color: #fff; padding: 90px 25px 25px; text-align: center; position: relative; margin-top: 30px; } .section8-item-num{ background: #f2a331; color: #fff; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: absolute; top: -2%; left: 50%; transform: translate(-50%,2%); } .section8-item-num > div > div:nth-child(2){ font-size: 38px; font-weight: bold; } .section8-item > div > h3{ color: #f1762a; font-size: 24px; margin-bottom: 30px; } .section8-item1-img{ width: 100%; height: auto; } .section8-item1-ball-img-wrapper{ text-align: center; margin: 30px 0 0; } .section8-item1-ball-img{ width: 40%; height: auto; } .section8-item > p{ font-size: 18px; margin-top: 30px; } .section8-item > p > span{ color: #f1762a; font-weight: bold; } .section8-item-flex{ display: flex; margin: 30px 0; } .section8-item-flex > div{ flex: 30%; padding: 10px; } .section8-item-flex > div > div{ font-weight: bold; } .section8-item-icon{ width: 100%; height: auto; } .section8-item-icon4, .section8-item-icon5{ width: 60%; height: auto; } .under-arrow-text{ background-image: linear-gradient(161deg, rgba(242, 158, 38, 0.99608) 0%, #f1752a 100%); color: #fff; width: 80%; margin: 30px auto; padding: 5px; font-size: 22px; font-weight: bold; } .section8-item2-flex{ display: flex; margin: 30px 0; justify-content: space-around; } .section8-item2-flex > div{ background-image: linear-gradient(178deg, #82d1c5 0%, #c3dce2 100%); border-radius: 50%; width: 200px; height: 200px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; } .item3{ width: 40%; border-radius: 25px; } .section8-item3-flex{ display: flex; margin: 30px 0; align-items: center; } .section8-item3-flex > div{ padding: 10px; } .section8-item3-flex .text-color{ color: #f1762a; font-weight: bold; } .section8-item3-arrow-icon{ width: 100%; } /*section10*/ .section10{ background-color: #FAFAFA; padding: 50px 30px; } .section10 h2{ text-align: center; position: relative; border-bottom: 1px solid #2a2a2a; width: 40%; margin: 0 auto; padding-bottom: 20px; } .section10 h2 span{ position: absolute; top: 75%; left: 50%; transform: translate(-50%); background-color: #FAFAFA; padding: 0 5px; width: 50%; font-size: 18px; } .section10 > h3{ text-align: center; margin-top: 50px; } .section10-icon{ display: block; margin: 30px auto; width: 45%; height: auto; } .section10 > p{ text-align: center; } /*section11*/ .section11{ background-color: #FAFAFA; text-align: center; } .section11-img{ width: 100%; height: auto; } .about-r-text{ margin: 30px auto; font-size: 22px; } .section11-title-img{ display: block; width: 40%; height: auto; margin: 0 auto 30px; } .about-r-text2{ font-size: 18px; } .section11-img2{ width: 80%; height: auto; } .section11-flex{ display: flex; width: 80%; height: auto; margin: 30px auto 0; padding-bottom: 30px; } .section11-icon{ width: 80%; height: auto; } /*section12*/ .section12{ background-color: #FAFAFA; padding: 50px 30px 80px; } .section12 > h2{ text-align: center; position: relative; border-bottom: 1px solid #2a2a2a; width: 40%; margin: 0 auto; padding-bottom: 20px; } .section12 > h2 span{ position: absolute; top: 75%; left: 50%; transform: translate(-50%); background-color: #FAFAFA; padding: 0 5px; width: 50%; font-size: 18px; } .section12 > h3{ text-align: center; margin: 50px 0 30px; } /* .section12 .price { margin-bottom: 3%; } */ .section12 .pricearea p { font-size: 12px; margin-bottom: 5px; color: #4e4e4e; font-family: sans-serif; } .price-img{ width: 100%; } .section12 > p{ font-size: 12px; margin-bottom: 5px; } .section12 > h4{ margin-top: 30px; font-size: 14px; } .section12-plan img { width: 100%; height: auto; } .section12 > ul > li{ list-style: none; margin-top: 5px; font-size: 12px; } .section12 img { width: 100%; height: auto; } .pricearea_coupon_text { position: relative; } .section12 > .pricearea > .pricearea_coupon_text > .pricearea_coupon_text_btn_img { position: absolute; bottom: 24%; width: 80%; left: 50%; transform: translateX(-50%); } .section12 > .pricearea > .pricearea_coupon_text p{ font-size: 14px; } .text-bold { font-weight: bold; } /* .section12 .pricearea img { margin-bottom: 3%; } */ .section12 .pricearea .coupon_code img { margin-bottom: 0%; } .section12 > .pricearea > .pricearea_coupon_text p { font-size: 14px; line-height: 1.1; } .section12 > div.coupon_text { width: 80%; margin: 0 auto 30px; } @media screen and (max-width: 750px) { .section12 > div.coupon_text { width: 100%; } } .section12 > p.plan-ttl { width: 70%; margin: 40px auto 10px; } .section12 > .pricearea > .pricearea_coupon_text p{ font-size: min(calc(11 / 750 * 100vw), 0.9rem); line-height: 1.1; } .box-contents { display: none; } .plan-box { width: 94%; margin: 0 auto; background: #07a96d; border-radius: 35px; } .plan-box .box-ttl { cursor: pointer; color: #fff; font-size: 30px; padding: 10px 0; text-align: center; position: relative; } .plan-box .box-ttl.open { border-radius: 35px 35px 0 0; } .plan-box .box-ttl::before { content: 'もっとみる'; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; } .plan-box .box-ttl.open::before { content: 'とじる'; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; } .plan-box .box-ttl::after { content: ''; width: 12px; height: 12px; border: 0; border-bottom: solid 3px #fff; border-right: solid 3px #fff; position: absolute; top: 48%; right: 26px; margin-top: -6px; transform: rotate(45deg); } .plan-box .box-ttl.open::after { border-top: solid 3px #fff; border-right: solid 3px #fff; border-bottom: none; transform: rotate(-45deg); } .plan-box .box-contents { padding: 10px; background: #07a96d; border-radius: 0 0 35px 35px; } .plan-box .box-contents img:last-child { border-radius: 0 0 25px 25px; } .plan-box .plan-detail{ padding: 5% 2%; background-color: #ffffff; border-radius: 25px 25px; } .point-area{ margin-top: 50px; text-align: center; } .point-title-area{ background-image: url("../imgs/point-title-icon.png"); background-repeat: no-repeat; background-size: 35%; background-position: 0% 0%; height: 220px; padding-top: 30px; font-weight: bold; font-size: 24px; } .point-title-area .under-line{ border-bottom: 1px solid #000; } .point-title-area .bg-color{ background-image: linear-gradient(180deg, rgba(238, 89, 115, 0.9) 0%, rgba(245, 111, 135, 0.9) 100%); color: #fff; padding: 3px; display: block; width: 45%; margin: 20px auto 0; font-weight: bold; font-size: 28px; } .point-icon{ width: 40%; height: auto; display: block; margin: 20px auto; } .point-area > p{ font-size: 18px; margin: 30px 0; } .point-title-area2{ background-image: url("../imgs/point-title-icon2.png"); } .plan-area{ display: flex; flex-wrap: wrap; } .plan-area > div{ flex: 100%; text-align: center; } .plan-area > div > div:first-child{ color: #f56f87; background: #fff; border: 2px solid #f56f87; margin: 10px auto; height: 100px; width: 80%; display: flex; align-items: center; justify-content: center; border-radius: 50px; position: relative; font-weight: bold; font-size: 18px; height: 80px; } .plan-area > div > div:first-child:hover{ opacity: 0.7; cursor: pointer; } .plan-button::after { content: ""; margin: auto; position: absolute; top: 0; bottom: 0; left: 85%; width: 13px; height: 13px; border-top: 2px solid #f56f87; border-right: 2px solid #f56f87; transform: rotate(45deg); } .plan-img-wrapper{ display: none; } .plan-img{ width: 80%; } .price-pc-img{ width: 100%; height: auto; } .price-sp-img{ display: none; } /*section13*/ .section13{ background-image: linear-gradient(90deg, #ffffff 0%, #fffcf3 20%, #fff9e7 100%); padding: 50px 30px; } .section13 > h2{ text-align: center; position: relative; border-bottom: 1px solid #2a2a2a; width: 40%; margin: 0 auto; padding-bottom: 20px; color: #f1772a; } .section13 > h2 span{ position: absolute; top: 75%; left: 50%; transform: translate(-50%); background-color: #FFFAEC; padding: 0 5px; width: 50%; font-size: 18px; } .section13 > h3{ text-align: center; margin-top: 50px; } .step1-item{ margin-top: 30px; } .step-title > div:first-child{ background: #f1772a; color: #fff; width: 20%; text-align: center; padding: 10px; border-radius: 5px 5px 0 0; } .step-title > div:nth-child(2){ background-color: #fff; padding: 15px; text-align: center; border: 1px solid #f1772a; border-radius: 0px 5px 5px 5px; } .step-img{ width: 80%; height: auto; display: block; margin: 30px auto; } .step1-item > p{ text-align: center; } .step1-item > p.aten, .step1-item > p.aten_text { font-size: min(calc(12/750*100vw), 0.7rem) !important; margin-bottom: 50px; } .section13 > ul{ margin-top: 30px; font-size: 14px; list-style: none; } .section13 > ul > li{ margin-top: 5px; } .regular-title{ margin-left: 10px; font-size: 14px; font-weight: 600; } .regular-title1{ margin-top: 10px; } .regular-text{ margin: 10px 0; font-size: 14px; } .delivery-table{ margin: 10px; } .table{ width: 100%; text-align: center; font-size: 13px; border-radius: 10px; } .table th{ padding: 10px; color: #fff; background-color: rgb(238, 166, 179); } .body-head{ color: #fff; background-color: rgb(238, 166, 179); } .body-item{ padding: 5px; background-color: #efefef; } /*section14*/ .section14{ background-image: linear-gradient(90deg, #ffffff 0%, #fffcf3 20%, #fff9e7 100%); padding: 50px 30px; } .section14 > h2{ text-align: center; position: relative; border-bottom: 1px solid #2a2a2a; width: 40%; margin: 0 auto; padding-bottom: 20px; color: #f1772a; } .section14 > h2 span{ position: absolute; top: 75%; left: 50%; transform: translate(-50%); background-color: #FFFAEC; padding: 0 5px; width: 70%; font-size: 18px; } .accordion { position: relative; width: 90%; margin: 50px auto 0; } .accordion-title { cursor: pointer; padding: 10px 30px 10px 20px; position: relative; border-top: 2px solid #F8DCAA; font-size: 18px; } .accordion-title span{ color: #f1772a; margin-right: 10px; vertical-align: top; } .accordion-content { display: none; padding: 10px 20px; } .accordion-content p { font-size: 16px; line-height: 1.5; background: #fcf2e0; padding: 15px; border-radius: 15px; } .accordion-title::after { border-right: solid 3px #f1772a; border-top: solid 3px #f1772a; content: ""; display: block; height: 8px; position: absolute; right: 15px; top: 38%; transform: rotate(135deg); transition: transform .3s ease-in-out, top .3s ease-in-out; width: 8px; } .accordion-title.open::after { top: 45%; transform: rotate(-45deg); } .border-bottom{ border-bottom: 2px solid #F8DCAA; } .section9 > .about-dmm-text{ font-size: 10px; margin-top: 20px; text-align: center; } .fixed-button-wrapper{ position: fixed; bottom: 0; background-color: #fff; max-width: 660px; width: 100%; margin: 0 auto; z-index: 5; text-align: center; padding: 25px 0; } .fixed-button-wrapper button{ background: #f46d86; color: #fff; border: none; padding: 5px; border-radius: 25px; width: 70%; font-size: 28px; font-weight: bold; } .fixed-button-wrapper button:hover{ opacity: 0.8; cursor: pointer; } /*aten*/ .aten { background-color: #FAFAFA; padding: 50px 30px; } .aten ul li{ list-style: none; margin-top: 5px; font-size: 12px; } .aten h4{ margin-top: 30px; font-size: 14px; } /* medical-diet_1_yahoo LP — body.lp-medical-diet-1-yahoo (medical-diet_1_yahoo/index.html) */ body.lp-medical-diet-1-yahoo .container { width: 660px; } body.lp-medical-diet-1-yahoo .notes { background: #fff; text-align: center; padding-bottom: 15px; } body.lp-medical-diet-1-yahoo .step1-item > p.aten, body.lp-medical-diet-1-yahoo .step1-item > p.aten_text { background-color: transparent; padding: 0; font-size: 12px !important; } @media screen and (max-width: 750px) { body.lp-medical-diet-1-yahoo .step1-item > p.aten, body.lp-medical-diet-1-yahoo .step1-item > p.aten_text { font-size: 16px !important; } } /*footer*/ footer{ background: #ececec; padding: 30px 0 130px; font-size: 14px; } footer ul{ text-align: center; } footer ul li{ list-style: none; display: inline; margin: 10px; } @media screen and (max-width:750px) { .price-pc-img{ display: none; } .price-sp-img{ display: block; width: 100%; height: auto; } .point-img-wrapper img { max-width: 100%; height: auto; } .about-glp1 p { line-height: 30px; } footer{ font-size: 12px; } .section5 > div:first-child > p{ margin: 50px 0; text-align: center; background-image: url("../imgs/section5-icon-img.png"); background-repeat: no-repeat; background-size: 70%; background-position: center center; font-size: 13px; } .section4-second-text { font-size: 14px; } } /* ============================================================ 0_lp2 plan-box アコーディオン（Figma node 233:3） ============================================================ */ body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box, body.lp-plan-price-table .plan-box { width: 100%; max-width: 700px; margin: 0 auto; background: transparent; border-radius: 0; padding: 10px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box__btn, body.lp-plan-price-table .plan-box__btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 60px; padding: 0 50px 0 24px; border: 0; border-radius: 40px; background: #f46d86; color: #fff; cursor: pointer; position: relative; z-index: 2; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box__btn::before, body.lp-plan-price-table .plan-box__btn::before, body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box__btn::after, body.lp-plan-price-table .plan-box__btn::after { content: none; display: none; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box__btn-text, body.lp-plan-price-table .plan-box__btn-text { font-family: "Zen Maru Gothic", "Hiragino Maru Gothic Pro", sans-serif; font-size: 32px; font-weight: 700; line-height: 1; letter-spacing: 0.05em; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box__btn-icon, body.lp-plan-price-table .plan-box__btn-icon { position: absolute; right: 44px; top: 50%; flex-shrink: 0; width: 24px; height: 15px; margin-top: -7px; transition: transform 0.3s ease; transform: rotate(0deg); } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box__btn.open .plan-box__btn-icon, body.lp-plan-price-table .plan-box__btn.open .plan-box__btn-icon, body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box__btn[aria-expanded="true"] .plan-box__btn-icon, body.lp-plan-price-table .plan-box__btn[aria-expanded="true"] .plan-box__btn-icon { transform: rotate(180deg); } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box .box-contents, body.lp-plan-price-table .plan-box .box-contents, body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box .box-contents *, body.lp-plan-price-table .plan-box .box-contents * { font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box .box-contents, body.lp-plan-price-table .plan-box.plan-accordion .box-contents { display: none; margin-top: -40px; padding: 80px 30px 40px; background: #fff; border-radius: 0 0 20px 20px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.09); } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box__btn.open + #plan-accordion-panel, body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box__btn[aria-expanded="true"] + #plan-accordion-panel, body.lp-plan-price-table .plan-box__btn.open + #plan-accordion-panel, body.lp-plan-price-table .plan-box__btn[aria-expanded="true"] + #plan-accordion-panel { height: 940px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box__btn.open + #plan-accordion-panel::-webkit-scrollbar, body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box__btn[aria-expanded="true"] + #plan-accordion-panel::-webkit-scrollbar, body.lp-plan-price-table .plan-box__btn.open + #plan-accordion-panel::-webkit-scrollbar, body.lp-plan-price-table .plan-box__btn[aria-expanded="true"] + #plan-accordion-panel::-webkit-scrollbar { display: none; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box .plan-detail, body.lp-plan-price-table .plan-box .plan-detail { padding: 0; background: transparent; border-radius: 0; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-accordion, body.lp-plan-price-table .medicine-accordion { display: flex; flex-direction: column; align-items: center; gap: 25px; color: #222; text-align: left; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-list, body.lp-plan-price-table .medicine-list { display: flex; flex-direction: column; gap: 60px; width: 100%; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-list-plus, body.lp-plan-price-table .medicine-list-plus { display: flex; justify-content: center; align-items: center; width: 100%; margin: 0; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-list-plus__icon, body.lp-plan-price-table .medicine-list-plus__icon { display: block; width: 45px; height: 45px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-group, body.lp-plan-price-table .medicine-group { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-group__head, body.lp-plan-price-table .medicine-group__head { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; margin-bottom: 20px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-group__title, body.lp-plan-price-table .medicine-group__title { margin: 0; font-size: 30px; font-weight: 700; line-height: 1.27; letter-spacing: 0.05em; color: #f46d86; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-group__sub, body.lp-plan-price-table .medicine-group__sub { margin: 0; font-size: 18px; font-weight: 500; line-height: 1.27; letter-spacing: 0.05em; color: #f46d86; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-card, body.lp-plan-price-table .price-card { width: 100%; border-radius: 20px; overflow: visible; margin-bottom: 30px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-card:last-child, body.lp-plan-price-table .price-card:last-child { margin-bottom: 0; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-card__head, body.lp-plan-price-table .price-card__head { background: #fb7e95; color: #fff; font-size: 22px; font-weight: 700; line-height: 1.27; letter-spacing: 0.05em; text-align: center; padding: 20px 20px 20px; border-radius: 20px 20px 0 0; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-card__service-head, body.lp-plan-price-table .price-card__service-head { display: grid; grid-template-columns: 1fr 1fr 1fr; border: 1px solid #ccc; border-bottom: 0; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-card__service-item, body.lp-plan-price-table .price-card__service-item { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; min-width: 0; min-height: 65px; background: #f3f4f5; font-weight: 700; text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; box-sizing: border-box; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-card__service-item:first-child, body.lp-plan-price-table .price-card__service-item:first-child { grid-column: 1; gap: 4px; padding: 6px 6px; font-size: 16px; letter-spacing: -0.02em; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-card__service-item:last-child, body.lp-plan-price-table .price-card__service-item:last-child { grid-column: 2 / 4; gap: 8px; padding: 6px 12px; font-size: 19px; letter-spacing: 0.01em; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-card__service-item + .price-card__service-item, body.lp-plan-price-table .price-card__service-item + .price-card__service-item { border-left: 1px solid #ccc; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table, body.lp-plan-price-table .price-table { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table th, body.lp-plan-price-table .price-table th, body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table td, body.lp-plan-price-table .price-table td { border: none; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; vertical-align: middle; padding: 10px 8px; background: #f3f4f5; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table th:last-child, body.lp-plan-price-table .price-table th:last-child, body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table td:last-child, body.lp-plan-price-table .price-table td:last-child { border-right: 1px solid #ccc; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table thead tr:first-child th, body.lp-plan-price-table .price-table thead tr:first-child th { border-top: 1px solid #ccc; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table thead th.price-table__service, body.lp-plan-price-table .price-table thead th.price-table__service { font-size: 20px; font-weight: 700; letter-spacing: 0.05em; padding: 20px 20px; text-align: center; white-space: nowrap; min-height: 80px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table__service-inner, body.lp-plan-price-table .price-table__service-inner { display: inline-flex; align-items: center; justify-content: center; gap: 10px; white-space: nowrap; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table thead th, body.lp-plan-price-table .price-table thead th { font-size: 18px; font-weight: 500; letter-spacing: 0.05em; line-height: 1; padding: 10px 20px; white-space: nowrap; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table--rybelsus thead tr:nth-child(2) th, body.lp-plan-price-table .price-table--rybelsus thead tr:nth-child(2) th { min-height: 70px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table--manjaro thead th, body.lp-plan-price-table .price-table--manjaro thead th { min-height: 70px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table thead th small, body.lp-plan-price-table .price-table thead th small { display: block; font-size: 14px; font-weight: 500; margin-top: 4px; letter-spacing: 0.05em; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table__icon, body.lp-plan-price-table .price-table__icon { display: block; flex-shrink: 0; width: 25px; height: 25px; margin: 0; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table__icon--lg, body.lp-plan-price-table .price-table__icon--lg { width: 36px; height: 36px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table tbody td, body.lp-plan-price-table .price-table tbody td { background: #fff; padding: 10px 0 16px; overflow: hidden; box-sizing: border-box; container-type: inline-size; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table tbody td, body.lp-plan-price-table .price-table tbody td { max-width: 0; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table tbody tr:first-child td, body.lp-plan-price-table .price-table tbody tr:first-child td { min-height: 190px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table tbody td.price-table__cell--accent, body.lp-plan-price-table .price-table tbody td.price-table__cell--accent { background: #fff5f6; border-bottom-right-radius: 10px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table tbody tr td:first-child, body.lp-plan-price-table .price-table tbody tr td:first-child { border-bottom-left-radius: 10px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table__solo, body.lp-plan-price-table .price-table__solo { margin-top: 10px; min-height: 80px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table__solo-inner, body.lp-plan-price-table .price-table__solo-inner { display: flex; align-items: stretch; min-height: 80px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table__rowhead, body.lp-plan-price-table .price-table__rowhead { position: relative; flex: 0 0 96px; display: flex; align-items: center; justify-content: center; min-height: 80px; font-size: 18px; font-weight: 500; letter-spacing: 0.05em; line-height: 28px; background: #f3f4f5; border: none; border-radius: 10px 0 0 10px; overflow: hidden; box-sizing: border-box; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table__rowhead::after, body.lp-plan-price-table .price-table__rowhead::after { content: ""; position: absolute; inset: 0; border: 1px solid #ccc; border-right: none; border-radius: inherit; pointer-events: none; box-sizing: border-box; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table__solo-price, body.lp-plan-price-table .price-table__solo-price { flex: 1; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 10px; padding: 10px 20px; background: #fff; border: 1px solid #ccc; border-left: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; min-width: 0; overflow: hidden; box-sizing: border-box; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table__solo-price .price-table__price, body.lp-plan-price-table .price-table__solo-price .price-table__price { margin: 0; flex: 0 0 auto; white-space: nowrap; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table__solo-price .price-table__total, body.lp-plan-price-table .price-table__solo-price .price-table__total { margin: 0; width: auto; flex: 0 1 auto; flex-shrink: 1; min-width: 0; display: block; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table__price, body.lp-plan-price-table .price-table__price { /* margin: 0 0 8px; */ font-size: 24px; font-weight: 500; line-height: 1.3; color: #222; white-space: nowrap; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table__price strong, body.lp-plan-price-table .price-table__price strong { font-size: 36px; font-weight: 700; letter-spacing: 0.02em; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table__solo-price .price-table__price strong, body.lp-plan-price-table .price-table__solo-price .price-table__price strong { font-size: 34px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table__price--accent, body.lp-plan-price-table .price-table__price--accent, body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table__price--accent strong, body.lp-plan-price-table .price-table__price--accent strong { color: #ff2d54; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-table__total, body.lp-plan-price-table .price-table__total { margin: 0; line-height: 1; width: 100%; display: flex; justify-content: center; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box .box-contents .price-table__total span, body.lp-plan-price-table .plan-box .box-contents .price-table__total span { display: inline-flex; align-items: center; justify-content: center; flex-wrap: nowrap; max-width: 100%; box-sizing: border-box; overflow: hidden; background: #ececec; color: #666; font-family: sans-serif; font-size: clamp(10px, 7cqi, 14px); font-weight: 400; letter-spacing: 0; padding: 8px clamp(4px, 1.5cqi, 8px); line-height: 1.3; white-space: nowrap; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box .box-contents .price-table__total span strong, body.lp-plan-price-table .plan-box .box-contents .price-table__total span strong { font-family: "Roboto", sans-serif; font-size: clamp(11px, 8.5cqi, 18px); font-weight: 500; letter-spacing: -0.02em; line-height: 1; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box .box-contents .price-table__solo-price .price-table__total span, body.lp-plan-price-table .plan-box .box-contents .price-table__solo-price .price-table__total span { font-family: sans-serif; font-size: clamp(9px, 6cqi, 14px); padding: 8px clamp(3px, 1cqi, 6px); } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box .box-contents .price-table__solo-price .price-table__total span strong, body.lp-plan-price-table .plan-box .box-contents .price-table__solo-price .price-table__total span strong { font-family: "Roboto", sans-serif; font-size: clamp(10px, 7.5cqi, 18px); } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box .box-contents .price-table__price strong, body.lp-plan-price-table .plan-box .box-contents .price-table__price strong, body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box .box-contents .medicine-foot__zero, body.lp-plan-price-table .plan-box .box-contents .medicine-foot__zero, body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box .box-contents .medicine-foot__ship strong, body.lp-plan-price-table .plan-box .box-contents .medicine-foot__ship strong { font-family: "Roboto", sans-serif; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-foot, body.lp-plan-price-table .medicine-foot { display: flex; flex-direction: column; gap: 10px; width: 100%; margin-top: 0; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-foot__fee, body.lp-plan-price-table .medicine-foot__fee, body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-foot__ship, body.lp-plan-price-table .medicine-foot__ship { margin: 0; text-align: center; font-size: 22px; font-weight: 700; letter-spacing: 0.05em; line-height: 1.2; border-radius: 10px; padding: 10px 10px 10px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-foot__fee, body.lp-plan-price-table .medicine-foot__fee { background: #fceff0; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-foot__fee span, body.lp-plan-price-table .medicine-foot__fee span { font-size: 26px; font-weight: 700; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-foot__zero, body.lp-plan-price-table .medicine-foot__zero { font-size: 44px; font-weight: 700; color: #ff2d54; letter-spacing: 0.06em; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-foot__yen, body.lp-plan-price-table .medicine-foot__yen { font-size: 32px; font-weight: 700; color: #ff2d54; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-foot__ship, body.lp-plan-price-table .medicine-foot__ship { background: #f3f4f5; font-size: 22px; font-weight: 700; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-foot__ship strong, body.lp-plan-price-table .medicine-foot__ship strong { font-size: 28px; font-weight: 700; letter-spacing: 0.06em; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-notes, body.lp-plan-price-table .medicine-notes { margin: 20px 0 0; padding: 0; list-style: none; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-notes li, body.lp-plan-price-table .medicine-notes li { font-size: 12px; line-height: 1.5; color: #222; margin-top: 5px; } @media screen and (max-width: 750px) { body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box__btn-text, body.lp-plan-price-table .plan-box__btn-text { font-size: 32px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box__btn, body.lp-plan-price-table .plan-box__btn { height: 65px; padding-right: 44px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .plan-box__btn-icon, body.lp-plan-price-table .plan-box__btn-icon { right: 28px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-group__title, body.lp-plan-price-table .medicine-group__title { font-size: 34px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-group__sub, body.lp-plan-price-table .medicine-group__sub { font-size: 18px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .price-card__head, body.lp-plan-price-table .price-card__head { padding: 20px 16px 20px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-foot__fee, body.lp-plan-price-table .medicine-foot__fee, body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-foot__ship, body.lp-plan-price-table .medicine-foot__ship { font-size: 26px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-foot__ship, body.lp-plan-price-table .medicine-foot__ship { font-size: 20px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-foot__ship strong, body.lp-plan-price-table .medicine-foot__ship strong { font-size: 28px; } body.lp-md-mounjaro.lp-md-mounjaro-lp2 .medicine-foot__zero, body.lp-plan-price-table .medicine-foot__zero { font-size: 40px; } } /* medical-diet_1 / medical-diet_1_yahoo — 常時表示（ボタンなし） */ body.lp-plan-price-table .plan-box.plan-accordion--open { width: 100%; max-width: none; margin: 0; background: transparent; border-radius: 0; } body.lp-plan-price-table .plan-box.plan-accordion--open .box-contents { display: block; margin-top: 0; padding: 30px 20px 30px; background: #fff; border-radius: 20px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.09); } body.lp-plan-price-table .section12-plan .plan-box { width: 100%; max-width: 670px; margin: 0 auto; }