@charset "UTF-8";
* { margin: 0; padding: 0; box-sizing: border-box; line-height: 1; }

html { font-size: 16px; }

body { font-family: "Noto Sans JP", sans-serif; font-weight: 400; }

a { text-decoration: none; }

a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; color: #666666; }
@media only screen and (max-width: 992px) { a[href*="tel:"] { pointer-events: auto; cursor: pointer; } }

li { list-style: none; }

img { vertical-align: middle; }

.pc_obj { display: block; }
@media only screen and (max-width: 992px) { .pc_obj { display: none; } }

.sp_obj { display: none; }
@media only screen and (max-width: 992px) { .sp_obj { display: block; } }

.pc_br { display: inline-block; }
@media only screen and (max-width: 992px) { .pc_br { display: none; } }

.sp_br { display: none; }
@media only screen and (max-width: 992px) { .sp_br { display: inline-block; } }

.txt_r { color: #e90000; }

.btn_box { width: 716px; height: 84px; border-radius: 10px; background-image: linear-gradient(#ffffff, #ffb1af); position: relative; margin: 0 auto; filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.4)); }
@media only screen and (max-width: 992px) { .btn_box { width: calc((325 / 375) * 100 * 1vw); height: calc((103 / 375) * 100 * 1vw); } }
.btn_box .btn { display: flex; justify-content: center; align-items: center; width: 708px; height: 76px; border-radius: 6px; background-image: linear-gradient(#ff6e6e, #ff6e6e 16%, #f9302b 40% 100%); font-size: 162%; /* 26px */ font-weight: 700; letter-spacing: 0.05em; color: #FFF; position: absolute; top: 4px; left: 4px; }
@media only screen and (max-width: 992px) { .btn_box .btn { width: calc((317 / 375) * 100 * 1vw); height: calc((95 / 375) * 100 * 1vw); font-size: calc((21 / 375) * 100 * 1vw); } }
.btn_box .btn span { position: relative; }
@media only screen and (max-width: 992px) { .btn_box .btn span { line-height: calc((29 / 375) * 100 * 1vw); } }
.btn_box .btn::before { content: ""; width: 100%; height: 100%; border-radius: 6px; position: absolute; top: 0; left: 0; transition: all 0.3s ease-out; background-image: linear-gradient(#ff7e79, #ff7e79 16%, #ff544b 40% 100%); }
.btn_box:hover .btn::before { opacity: 0; }

.fix_btn { width: 130px; height: 256px; border-radius: 20px; background-image: linear-gradient(#ffffff, #ffb1af); position: fixed; top: 213px; right: -28px; filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.4)); z-index: 999; }
@media only screen and (max-width: 992px) { .fix_btn { width: calc((350 / 375) * 100 * 1vw); height: calc((125 / 375) * 100 * 1vw); top: inherit; bottom: calc((-31 / 375) * 100 * 1vw); right: 50%; transform: translateX(50%); } }
.fix_btn .btn { writing-mode: vertical-rl; display: flex; justify-content: center; align-items: center; width: 122px; height: 248px; border-radius: 16px; background-image: linear-gradient(#ff6e6e, #ff6e6e 16%, #f9302b 40% 100%); font-size: 131%; /* 21px */ line-height: 30px; font-weight: 700; letter-spacing: 0.05em; color: #FFF; position: absolute; top: 4px; left: 4px; padding-right: 12px; }
@media only screen and (max-width: 992px) { .fix_btn .btn { font-size: calc((21 / 375) * 100 * 1vw); writing-mode: horizontal-tb; width: calc((342 / 375) * 100 * 1vw); height: calc((117 / 375) * 100 * 1vw); top: calc((4 / 375) * 100 * 1vw); left: calc((4 / 375) * 100 * 1vw); padding-right: 0; padding-bottom: calc((28 / 375) * 100 * 1vw); } }
.fix_btn .btn span { position: relative; line-height: 30px; }
@media only screen and (max-width: 992px) { .fix_btn .btn span { line-height: calc((30 / 375) * 100 * 1vw); } }
.fix_btn .btn::before { content: ""; width: 100%; height: 100%; border-radius: 16px; position: absolute; top: 0; left: 0; transition: all 0.3s ease-out; background-image: linear-gradient(#ff7e79, #ff7e79 16%, #ff544b 40% 100%); }
.fix_btn:hover .btn::before { opacity: 0; }

h3 { font-size: 200%; /* 32px */ letter-spacing: 0.05em; font-weight: 700; text-align: center; height: 62px; background-color: #46BE00; display: flex; justify-content: center; align-items: center; color: #FFF; }
@media only screen and (max-width: 992px) { h3 { font-size: calc((18 / 375) * 100 * 1vw); height: auto; padding: calc((9 / 375) * 100 * 1vw) 0; border-radius: 0; background-image: none; } }

#head { height: 126px; text-align: center; background: url("../pr/lp/img/kibiCP_hd_1.gif") center top no-repeat; min-width: 910px; }
@media only screen and (max-width: 992px) { #head { background: none; height: calc((57 / 375) * 100 * 1vw); min-width: inherit; } }
#head .all { width: 910px; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; align-items: flex-end; }
@media only screen and (max-width: 992px) { #head .all { width: 100%; justify-content: flex-start; align-items: center; height: calc((57 / 375) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { #head .all a.sp_obj { margin-left: calc((15 / 375) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { #head .all a.sp_obj img { width: calc((193 / 375) * 100 * 1vw); height: calc((37 / 375) * 100 * 1vw); } }
#head #code { margin-left: 0px; }
#head #title { width: 300px; height: 126px; display: flex; flex-wrap: wrap; justify-content: center; }
@media only screen and (max-width: 992px) { #head #title { display: none; } }
#head #fontsize { width: fit-content; height: 50px; display: flex; margin-right: 50px; }
@media only screen and (max-width: 992px) { #head #fontsize { display: none; } }

@keyframes hintMove { 0% { transform: translateX(0) rotate(45deg); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: translateX(8px) rotate(45deg); opacity: 0; } }
#main { /*============================
#fv
============================*/ /*============================
#recommend
============================*/ /*============================
#simulation
============================*/ /*============================
#merit
============================*/ /*============================
#flow
============================*/ /*============================
#outline
============================*/ /*============================
#notice
============================*/ /*============================
#contact
============================*/ }
#main #fv { background-image: url("../pr/lp/img/kibiCP_fv_bk_pc.png"); background-position: center 46px; background-repeat: no-repeat; background-size: cover; min-height: 673px; }
@media screen and (min-width: 993px) and (max-width: 1309px) { #main #fv { width: 100%; height: calc((673 / 1309) * 100 * 1vw); min-height: inherit; } }
@media only screen and (max-width: 992px) { #main #fv { background: none; min-height: inherit; } }
#main #fv > p { background-color: #00a051; color: #FFF; text-align: center; font-size: 137%; /* 22px */ letter-spacing: 0.05em; font-weight: 700; display: flex; height: 46px; justify-content: center; align-items: center; }
@media only screen and (max-width: 992px) { #main #fv > p { font-size: calc((12 / 375) * 100 * 1vw); height: calc((22.4 / 375) * 100 * 1vw); } }
#main #fv .hero-image { display: flex; justify-content: center; }
@media screen and (min-width: 993px) and (max-width: 1309px) { #main #fv .hero-image picture img { width: 100vw; height: auto; } }
@media only screen and (max-width: 992px) { #main #fv .hero-image picture img { width: 100vw; height: auto; } }
#main #recommend { padding: 56px 0 75px; }
@media only screen and (max-width: 992px) { #main #recommend { width: 100%; padding: calc((32 / 375) * 100 * 1vw) 0 calc((57 / 375) * 100 * 1vw); } }
#main #recommend h2 { width: 923px; height: 62px; background: none; background-color: #e90000; border-radius: 28px; display: flex; justify-content: center; align-items: center; margin: 0 auto; color: #FFF; margin-bottom: 25px; font-size: 200%; /* 32px */ letter-spacing: 0.1em; font-family: "M PLUS Rounded 1c", sans-serif; position: relative; }
@media only screen and (max-width: 992px) { #main #recommend h2 { width: calc((325 / 375) * 100 * 1vw); height: auto; padding: calc((10 / 375) * 100 * 1vw) 0; margin-bottom: calc((13 / 375) * 100 * 1vw); font-size: calc((18 / 375) * 100 * 1vw); } }
#main #recommend h2::before { content: url("../pr/lp/img/kibiCP_character_4.svg"); display: block; width: 108px; height: 92px; position: absolute; top: -32px; left: -4px; }
@media only screen and (max-width: 992px) { #main #recommend h2::before { content: none; } }
#main #recommend .check-list { margin: 0 auto 38px; width: fit-content; }
@media only screen and (max-width: 992px) { #main #recommend .check-list { margin-bottom: calc((25 / 375) * 100 * 1vw); } }
#main #recommend .check-list li { padding-left: 54px; font-family: "M PLUS Rounded 1c", sans-serif; font-weight: bold; font-size: 200%; /* 32px */ line-height: 1.75; display: flex; align-items: center; }
@media only screen and (max-width: 992px) { #main #recommend .check-list li { padding-left: 0; font-size: calc((16 / 375) * 100 * 1vw); } }
#main #recommend .check-list li::before { content: ""; display: block; width: 47px; height: 56px; background-image: url("../pr/lp/img/kibiCP_recommend_check.svg"); background-repeat: no-repeat; background-size: cover; margin-right: 10px; }
@media only screen and (max-width: 992px) { #main #recommend .check-list li::before { width: calc((23.5 / 375) * 100 * 1vw); height: calc((28 / 375) * 100 * 1vw); margin-right: calc((10 / 375) * 100 * 1vw); } }
#main #recommend .check-list li span { font-size: 81%; /* 26px */ margin-top: 6px; }
@media only screen and (max-width: 992px) { #main #recommend .check-list li span { font-size: calc((13 / 375) * 100 * 1vw); margin-top: calc((3 / 375) * 100 * 1vw); } }
#main #recommend p { background-color: #FFF4CF; font-family: "M PLUS Rounded 1c", sans-serif; font-weight: bold; font-size: 200%; /* 32px */ line-height: 52px; letter-spacing: 0.05em; text-align: center; padding: 30px 0; margin-bottom: 42px; }
@media only screen and (max-width: 992px) { #main #recommend p { font-size: calc((16 / 375) * 100 * 1vw); line-height: calc((23 / 375) * 100 * 1vw); padding: calc((18 / 375) * 100 * 1vw) 0; margin-bottom: calc((23 / 375) * 100 * 1vw); } }
#main #simulation { margin-bottom: 110px; /* dotsを丸くカスタマイズするCSS */ }
@media only screen and (max-width: 992px) { #main #simulation { margin: 0 auto calc((69 / 375) * 100 * 1vw); } }
#main #simulation .simulation { width: 923px; height: auto; background-color: #FDFFE7; border: solid 2px #46BE00; margin: 0 auto; position: relative; }
@media only screen and (max-width: 992px) { #main #simulation .simulation { width: calc((325 / 375) * 100 * 1vw); } }
#main #simulation .simulation h3 { position: relative; }
#main #simulation .simulation h3::before { content: url("../pr/lp/img/kibiCP_character_3.svg"); display: block; width: 106px; height: 86px; position: absolute; top: -31px; right: 8px; }
@media only screen and (max-width: 992px) { #main #simulation .simulation h3::before { width: calc((69 / 375) * 100 * 1vw); height: calc((56 / 375) * 100 * 1vw); top: calc((-29.2 / 375) * 100 * 1vw); right: calc((-3.8 / 375) * 100 * 1vw); } }
#main #simulation .simulation ol { padding: 27px 24px 16px; position: relative; }
@media only screen and (max-width: 992px) { #main #simulation .simulation ol { padding: calc((17 / 375) * 100 * 1vw) calc((15 / 375) * 100 * 1vw) calc((10 / 375) * 100 * 1vw); } }
#main #simulation .simulation ol li h4 { font-size: 150%; /* 24px */ font-weight: 700; text-align: center; margin-bottom: 20px; }
@media only screen and (max-width: 992px) { #main #simulation .simulation ol li h4 { font-size: calc((12 / 375) * 100 * 1vw); margin-bottom: calc((10 / 375) * 100 * 1vw); } }
#main #simulation .simulation ol li h4 + p { font-size: 225%; /* 36px */ font-family: "M PLUS Rounded 1c", sans-serif; font-weight: bold; text-align: center; margin-bottom: 30px; }
@media only screen and (max-width: 992px) { #main #simulation .simulation ol li h4 + p { font-size: calc((18 / 375) * 100 * 1vw); margin-bottom: calc((13 / 375) * 100 * 1vw); } }
#main #simulation .simulation ol li .interest { margin: 0 auto; }
@media only screen and (max-width: 992px) { #main #simulation .simulation ol li .interest { width: calc((290 / 375) * 100 * 1vw); height: calc((110 / 375) * 100 * 1vw); } }
#main #simulation .simulation ol li p.after_tax { font-size: 212%; /* 34px */ font-weight: 700; text-align: right; margin-bottom: 19px; }
@media only screen and (max-width: 992px) { #main #simulation .simulation ol li p.after_tax { font-size: calc((17 / 375) * 100 * 1vw); margin-bottom: calc((13 / 375) * 100 * 1vw); text-align: center; } }
#main #simulation .simulation ol li p.note { font-size: 75%; /* 12px */ line-height: 1.75; font-weight: 400; font-feature-settings: 'palt'; }
@media only screen and (max-width: 992px) { #main #simulation .simulation ol li p.note { font-size: calc((8.3 / 375) * 100 * 1vw); line-height: calc((14 / 375) * 100 * 1vw); } }
#main #simulation .simulation ol .simulation_slide-arrow { position: absolute; top: 50%; width: 47px; height: 46px; }
@media only screen and (max-width: 992px) { #main #simulation .simulation ol .simulation_slide-arrow { width: calc((31 / 375) * 100 * 1vw); height: calc((31 / 375) * 100 * 1vw); } }
#main #simulation .simulation ol .simulation_slide-arrow.prev-arrow { left: 0; transform: translate(-50%, -50%); }
#main #simulation .simulation ol .simulation_slide-arrow.next-arrow { right: 0; transform: translate(50%, -50%); }
#main #simulation .slick-dots { position: absolute; left: 50%; bottom: -33px; transform: translateX(-50%); display: flex; justify-content: center; }
@media only screen and (max-width: 992px) { #main #simulation .slick-dots { bottom: calc((-25 / 375) * 100 * 1vw); } }
#main #simulation .slick-dots li { width: 9px; height: 9px; margin: 0 11px; background: #d2d2d2; border-radius: 50%; cursor: pointer; }
@media only screen and (max-width: 992px) { #main #simulation .slick-dots li { width: calc((7.5 / 375) * 100 * 1vw); height: calc((7.5 / 375) * 100 * 1vw); margin: 0 calc((9 / 375) * 100 * 1vw); } }
#main #simulation .slick-dots li:hover, #main #simulation .slick-dots li.slick-active { background: #4c4c4c; }
#main #simulation .slick-dots li button { display: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; padding: 0; border: none; background-color: transparent; }
#main #merit { width: 923px; margin: 0 auto 115px; }
@media only screen and (max-width: 992px) { #main #merit { width: 100%; padding: 0 calc((25 / 375) * 100 * 1vw); margin: 0 auto calc((70 / 375) * 100 * 1vw); } }
#main #merit h3 { margin-bottom: 15px; }
@media only screen and (max-width: 992px) { #main #merit h3 { margin-bottom: calc((12 / 375) * 100 * 1vw); } }
#main #merit .merit_slick { display: flex; justify-content: space-between; margin-bottom: 24px; }
@media only screen and (max-width: 992px) { #main #merit .merit_slick { display: block; margin-bottom: calc((18 / 375) * 100 * 1vw); } }
#main #merit .merit_slick li { flex: 0 0 298px; }
@media only screen and (max-width: 992px) { #main #merit .merit_slick li { display: block; } }
@media only screen and (max-width: 992px) { #main #merit .merit_slick li img { width: 100%; height: auto; } }
#main #merit .merit_slick + a { font-size: 75%; /* 12px */ font-weight: 500; display: block; width: fit-content; margin: 0 auto 34px; text-decoration: underline; color: #46BE00; }
@media only screen and (max-width: 992px) { #main #merit .merit_slick + a { font-size: calc((11 / 375) * 100 * 1vw); margin: 0 auto calc((32 / 375) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { #main #merit .merit_slick .merit_slide-arrow { position: absolute; top: 50%; width: calc((31 / 375) * 100 * 1vw); height: calc((31 / 375) * 100 * 1vw); } }
#main #merit .merit_slick .merit_slide-arrow:hover { cursor: pointer; }
#main #merit .merit_slick .merit_slide-arrow.prev-arrow { left: 0; transform: translate(-50%, -50%); z-index: 2; }
#main #merit .merit_slick .merit_slide-arrow.next-arrow { right: 0; transform: translate(50%, -50%); }
#main #flow { width: 923px; margin: 0 auto; }
@media only screen and (max-width: 992px) { #main #flow { width: 100%; padding: 0 calc((25 / 375) * 100 * 1vw); } }
#main #flow h3 { margin-bottom: 14px; }
@media only screen and (max-width: 992px) { #main #flow h3 { margin-bottom: calc((8 / 375) * 100 * 1vw); } }
#main #flow .wrap_slick { position: relative; }
@media only screen and (max-width: 992px) { #main #flow .wrap_slick .swipe_hint { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; padding: 12px 20px; background: rgba(0, 0, 0, 0.7); color: #fff; border-radius: 999px; pointer-events: none; transition: .3s; }
  #main #flow .wrap_slick .swipe_hint::after { content: ""; display: inline-block; width: 10px; height: 10px; margin-left: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); animation: hintMove 1.2s infinite; }
  #main #flow .wrap_slick .swipe_hint.hide { opacity: 0; visibility: hidden; } }
#main #flow .flow_slick { display: flex; justify-content: space-between; margin-bottom: 98px; }
@media only screen and (max-width: 992px) { #main #flow .flow_slick { margin-bottom: calc((70 / 375) * 100 * 1vw); } }
#main #flow .flow_slick li { flex: 0 0 178px; position: relative; }
@media only screen and (max-width: 992px) { #main #flow .flow_slick li { justify-content: center; height: calc((197 / 375) * 100 * 1vw); padding-left: calc((1 / 375) * 100 * 1vw); } }
#main #flow .flow_slick li:not(:last-child) { flex: 0 0 185px; padding-right: 7px; }
@media only screen and (max-width: 992px) { #main #flow .flow_slick li:not(:last-child) { padding-right: calc((13 / 375) * 100 * 1vw); } }
#main #flow .flow_slick li:not(:last-child) .flow_card::after, #main #flow .flow_slick li:not(:last-child) .flow_card::before { right: -13px; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; }
@media only screen and (max-width: 992px) { #main #flow .flow_slick li:not(:last-child) .flow_card::after, #main #flow .flow_slick li:not(:last-child) .flow_card::before { right: calc((-14 / 375) * 100 * 1vw); } }
#main #flow .flow_slick li:not(:last-child) .flow_card::after { border-color: rgba(255, 255, 255, 0); border-left-color: #FFF; border-width: 13px; margin-top: -13px; }
@media only screen and (max-width: 992px) { #main #flow .flow_slick li:not(:last-child) .flow_card::after { border-width: calc((17 / 375) * 100 * 1vw); margin-top: calc((-17 / 375) * 100 * 1vw); } }
#main #flow .flow_slick li:not(:last-child) .flow_card::before { border-color: rgba(177, 177, 177, 0); border-left-color: #b1b1b1; border-width: 10px; margin-top: -10px; }
@media only screen and (max-width: 992px) { #main #flow .flow_slick li:not(:last-child) .flow_card::before { border-width: calc((14 / 375) * 100 * 1vw); margin-top: calc((-14 / 375) * 100 * 1vw); } }
#main #flow .flow_slick li .flow_card { border: #b1b1b1 solid 2px; border-radius: 10px; background: #FFF; padding: 11px; display: flex; flex-direction: column; align-items: center; height: 100%; }
@media only screen and (max-width: 992px) { #main #flow .flow_slick li .flow_card { border: #b1b1b1 solid calc((2.5 / 375) * 100 * 1vw); padding: calc((11 / 375) * 100 * 1vw) 0; } }
#main #flow .flow_slick li .flow_card img { margin-bottom: 9px; }
@media only screen and (max-width: 992px) { #main #flow .flow_slick li .flow_card img { margin-bottom: 0; } }
#main #flow .flow_slick li .flow_card p { font-size: 81%; /* 13px */ line-height: 19px; font-weight: 400; text-align: justify; }
@media only screen and (max-width: 992px) { #main #flow .flow_slick li .flow_card p { font-size: calc((12.5 / 375) * 100 * 1vw); line-height: calc((22 / 375) * 100 * 1vw); text-align: center; font-feature-settings: "palt"; } }
@media only screen and (max-width: 992px) { #main #flow .flow_slick li:nth-child(1) img { width: calc((262 / 375) * 100 * 1vw); height: auto; } }
@media only screen and (max-width: 992px) { #main #flow .flow_slick li:nth-child(2) img { width: calc((242 / 375) * 100 * 1vw); height: auto; } }
@media only screen and (max-width: 992px) { #main #flow .flow_slick li:nth-child(3) img { width: calc((184 / 375) * 100 * 1vw); height: auto; } }
@media only screen and (max-width: 992px) { #main #flow .flow_slick li:nth-child(4) img { width: calc((141 / 375) * 100 * 1vw); height: auto; } }
@media only screen and (max-width: 992px) { #main #flow .flow_slick li:nth-child(5) img { width: calc((141 / 375) * 100 * 1vw); height: auto; } }
@media only screen and (max-width: 992px) { #main #flow .flow_slick .flow_slide-arrow { position: absolute; top: 50%; width: calc((31 / 375) * 100 * 1vw); height: calc((31 / 375) * 100 * 1vw); } }
#main #flow .flow_slick .flow_slide-arrow:hover { cursor: pointer; }
#main #flow .flow_slick .flow_slide-arrow.prev-arrow { left: 0; transform: rotate(180deg) translateY(50%) translateX(calc((25 / 375) * 100 * 1vw)); z-index: 2; }
#main #flow .flow_slick .flow_slide-arrow.next-arrow { right: 0; transform: translateY(-50%) translateX(calc((20 / 375) * 100 * 1vw)); }
#main #outline { width: 923px; margin: 0 auto 47px; }
@media only screen and (max-width: 992px) { #main #outline { width: 100%; padding: 0 calc((25 / 375) * 100 * 1vw); margin: 0 auto calc((38 / 375) * 100 * 1vw); } }
#main #outline h2 { font-size: 200%; /* 32px */ letter-spacing: 0.05em; font-weight: 700; color: #FFF; background: none; background-color: #EE385C; display: flex; justify-content: center; align-items: center; height: 62px; margin-bottom: 18px; }
@media only screen and (max-width: 992px) { #main #outline h2 { font-size: calc((18 / 375) * 100 * 1vw); height: calc((36 / 375) * 100 * 1vw); margin-bottom: calc((10 / 375) * 100 * 1vw); } }
#main #outline dl { margin-bottom: 60px; }
@media only screen and (max-width: 992px) { #main #outline dl { margin-bottom: calc((52 / 375) * 100 * 1vw); } }
#main #outline dl dt { cursor: pointer; position: relative; font-size: 156%; /* 25px */ letter-spacing: 0.05em; font-weight: 700; color: #FFF; display: flex; justify-content: center; align-items: center; height: 62px; }
@media only screen and (max-width: 992px) { #main #outline dl dt { font-size: calc((15 / 375) * 100 * 1vw); height: calc((36 / 375) * 100 * 1vw); } }
#main #outline dl dt::after { content: ""; display: block; width: 28px; height: 18px; background-image: url("../pr/lp/img/kibiCP_outline_arrow.svg"); background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; right: 23px; transform: translateY(-50%); transition: 0.3s; }
@media only screen and (max-width: 992px) { #main #outline dl dt::after { width: calc((16.2 / 375) * 100 * 1vw); height: calc((10.4 / 375) * 100 * 1vw); right: calc((9.5 / 375) * 100 * 1vw); } }
#main #outline dl dt.open::after { transform: translateY(-50%) rotate(180deg); }
#main #outline dl dd { display: none; }
#main #outline dl dd table { border-top: #000 solid 1px; border-left: #000 solid 1px; font-size: 100%; /* 16px */ letter-spacing: 0.05em; font-feature-settings: "palt"; }
@media only screen and (max-width: 992px) { #main #outline dl dd table { font-size: calc((12.5 / 375) * 100 * 1vw); } }
#main #outline dl dd table tr th { border-bottom: #000 solid 1px; border-right: #000 solid 1px; font-weight: normal; background-color: #FEFFDE; }
@media only screen and (max-width: 992px) { #main #outline dl dd table tr th { width: calc((75.5 / 325) * 100 * 1%); } }
#main #outline dl dd table tr td { border-bottom: #000 solid 1px; border-right: #000 solid 1px; line-height: 31px; padding: 5px 11px; }
@media only screen and (max-width: 992px) { #main #outline dl dd table tr td { line-height: calc((22 / 375) * 100 * 1vw); padding: calc((6 / 375) * 100 * 1vw) 0 calc((6 / 375) * 100 * 1vw) calc((8 / 375) * 100 * 1vw); letter-spacing: 0; } }
#main #outline dl dd table tr td a { font-weight: 500; text-decoration: underline; color: #46BE00; padding-left: 1em; }
@media only screen and (max-width: 992px) { #main #outline dl dd table tr td a { padding-left: 0.3em; } }
#main #outline dl dd table tr td a::before { content: ">"; }
#main #outline dl dt.sp_kibi { background-color: #F092A9; }
#main #outline dl dd.sp_kibi td.product_name { background-color: #FDE5EB; }
#main #outline dl dt.kibi { background-color: #8BD422; }
#main #outline dl dd.kibi td.product_name { background-color: #CEECC1; }
#main #outline h5 { font-size: 87%; /* 14px */ text-align: center; margin-bottom: 17px; }
@media only screen and (max-width: 992px) { #main #outline h5 { font-size: calc((13 / 375) * 100 * 1vw); margin-bottom: calc((10 / 375) * 100 * 1vw); } }
#main #outline h5::before, #main #outline h5::after { content: "▼"; }
#main #outline ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 19px; width: 850px; margin: 0 auto; }
@media only screen and (max-width: 992px) { #main #outline ul { flex-direction: column; width: 100%; align-items: center; gap: calc((10 / 375) * 100 * 1vw); } }
#main #outline ul li a { font-size: 75%; /* 12px */ color: #46BE00; text-decoration: underline; }
@media only screen and (max-width: 992px) { #main #outline ul li a { font-size: calc((11 / 375) * 100 * 1vw); font-feature-settings: "palt"; } }
#main #notice { width: 923px; margin: 0 auto 48px; }
@media only screen and (max-width: 992px) { #main #notice { width: 100%; padding: 0 calc((25 / 375) * 100 * 1vw); margin: 0 auto calc((40 / 375) * 100 * 1vw); } }
#main #notice .notice h2 { border: #e90000 solid 1px; background: none; background-color: #e90000; color: #FFF; font-size: 100%; /* 16px */ letter-spacing: 0.05em; font-weight: 700; padding: 8px 0; text-align: center; }
@media only screen and (max-width: 992px) { #main #notice .notice h2 { font-size: calc((14 / 375) * 100 * 1vw); padding: calc((8 / 375) * 100 * 1vw) 0; } }
#main #notice .notice ul { border: #e90000 solid 1px; padding: 16px 20px; }
@media only screen and (max-width: 992px) { #main #notice .notice ul { padding: calc((9 / 375) * 100 * 1vw) calc((14 / 375) * 100 * 1vw); } }
#main #notice .notice ul li { font-weight: 400; font-size: 68%; /* 11px */ line-height: 20px; letter-spacing: 0.03em; padding-left: 1em; text-indent: -1em; }
@media only screen and (max-width: 992px) { #main #notice .notice ul li { font-size: calc((12.5 / 375) * 100 * 1vw); line-height: calc((22 / 375) * 100 * 1vw); font-feature-settings: "palt"; } }
#main #contact { display: flex; justify-content: center; align-items: center; margin-bottom: 48px; }
@media only screen and (max-width: 992px) { #main #contact { flex-direction: column; margin-bottom: calc((30 / 375) * 100 * 1vw); width: 100%; } }
#main #contact h2 { font-size: 93%; /* 15px */ width: 700px; color: #666666; padding: 18px 14px; background: none; border: #666666 solid 1px; border-radius: 6px; display: block; width: fit-content; margin-right: 13px; }
@media only screen and (max-width: 992px) { #main #contact h2 { font-size: calc((15 / 375) * 100 * 1vw); margin-right: 0; border-radius: calc((6 / 375) * 100 * 1vw); padding: calc((18 / 375) * 100 * 1vw) calc((14 / 375) * 100 * 1vw); margin-bottom: calc((18 / 375) * 100 * 1vw); } }
#main #contact p.contact_tell { font-family: "Arial", sans-serif; font-size: 268%; /* 43px */ font-weight: bold; color: #666666; padding-left: 53px; position: relative; }
@media only screen and (max-width: 992px) { #main #contact p.contact_tell { font-size: calc((43 / 375) * 100 * 1vw); padding-left: calc((53 / 375) * 100 * 1vw); margin-bottom: calc((12 / 375) * 100 * 1vw); } }
#main #contact p.contact_tell::before { content: ""; display: block; width: 50px; height: 40px; background-image: url("../pr/lp/img/kibiCP_free_call_icon_gray.svg"); background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
@media only screen and (max-width: 992px) { #main #contact p.contact_tell::before { width: calc((50 / 375) * 100 * 1vw); height: calc((40 / 375) * 100 * 1vw); } }
#main #contact p.contact_time { color: #666666; font-weight: 700; font-size: 93%; /* 15px */ margin-left: 10px; }
@media only screen and (max-width: 992px) { #main #contact p.contact_time { font-size: calc((15 / 375) * 100 * 1vw); margin-left: 0; } }
#main footer { font-size: 75%; /* 12px */ text-align: center; border-top: #009C64 solid 9px; padding: 15px 0 56px; }
@media only screen and (max-width: 992px) { #main footer { width: 100%; font-size: calc((9 / 375) * 100 * 1vw); padding: calc((15 / 375) * 100 * 1vw) 0 calc((120 / 375) * 100 * 1vw); border-top: #009C64 solid calc((4 / 375) * 100 * 1vw); } }