:root {--black:#534137;--white:#ffffff;--white02:#FFFEF9;--orange:#EA7F00;--orange02:#F7AA3D;--orange03:#F7F2DF;--orange04:#F08301;--orange05:#FFF9F6;--orange06:#FFFDF6;--orange07:#F6942B;--orange08:#86666640;--yellow:#FFF782;--yellow02:#FFFF4C;--yellow03:#F8F9B8;--yellow04:#E3C540;--yellow05:#fafae7;--yellow06:#F4FFAA;--yellow07:#D2EF2E;--yellow08:#CFAA02;--yellow09:#EFF336;--yellow10:#D7B729;--blue:#0743c6;--blue02:#2164cc;--blue03:#AED7FF;--blue04:#3761C2;--blue05:#AED8FF;--blue06:#8CB5F7;--blue07:#2551b8;--blue08:#5880DE;--blue09:#0071FC;--blue10:#e7f1fa;--blue11:#349dd5;--blue12:#0162B14D;--blue13:#0022af;--green:#0FBB54;--green02:#097A37;--green03:#2DCD8266;--pink:#EA6470;--pink02:#F15D07;--pink03:#EA647066;--grey:#999999;}
*{color:var(--black);padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Noto Sans JP", sans-serif;}
.size10 { font-size: min(10px, 10 / 750 * 100vw);} .size12 { font-size: min(12px, 12 / 750 * 100vw);} .size14 { font-size: min(14px, 14 / 750 * 100vw);} .size16 { font-size: min(16px, 16 / 750 * 100vw);} .size18 { font-size: min(18px, 18 / 750 * 100vw);} .size20 { font-size: min(20px, 20 / 750 * 100vw);} .size22 { font-size: min(22px, 22 / 750 * 100vw);} .size24 { font-size: min(24px, 24 / 750 * 100vw);} .size26 { font-size: min(26px, 26 / 750 * 100vw);} .size28 { font-size: min(28px, 28 / 750 * 100vw);} .size30 { font-size: min(30px, 30 / 750 * 100vw);} .size32 { font-size: min(32px, 32 / 750 * 100vw);} .size34 { font-size: min(34px, 34 / 750 * 100vw);} .size36 { font-size: min(36px, 36 / 750 * 100vw);} .size38 { font-size: min(38px, 38 / 750 * 100vw);} .size40 { font-size: min(40px, 40 / 750 * 100vw);} .size42 { font-size: min(42px, 42 / 750 * 100vw);} .size44 { font-size: min(44px, 44 / 750 * 100vw);} .size46 { font-size: min(46px, 46 / 750 * 100vw);} .size48 { font-size: min(48px, 48 / 750 * 100vw);} .size50 { font-size: min(50px, 50 / 750 * 100vw);} .size52 { font-size: min(52px, 52 / 750 * 100vw);} .size54 { font-size: min(54px, 54 / 750 * 100vw);} .size56 { font-size: min(56px, 56 / 750 * 100vw);} .size58 { font-size: min(58px, 58 / 750 * 100vw);} .size60 { font-size: min(60px, 60 / 750 * 100vw);} .size62 { font-size: min(62px, 62 / 750 * 100vw);} .size64 { font-size: min(64px, 64 / 750 * 100vw);} .size66 { font-size: min(66px, 66 / 750 * 100vw);} .size68 { font-size: min(68px, 68 / 750 * 100vw);} .size70 { font-size: min(70px, 70 / 750 * 100vw);} .size72 { font-size: min(72px, 72 / 750 * 100vw);} .size74 { font-size: min(74px, 74 / 750 * 100vw);} .size76 { font-size: min(76px, 76 / 750 * 100vw);} .size78 { font-size: min(78px, 78 / 750 * 100vw);} .size80 { font-size: min(80px, 80 / 750 * 100vw);} .size82 { font-size: min(82px, 82 / 750 * 100vw);} .size84 { font-size: min(84px, 84 / 750 * 100vw);} .size86 { font-size: min(86px, 86 / 750 * 100vw);} .size88 { font-size: min(88px, 88 / 750 * 100vw);} .size90 { font-size: min(90px, 90 / 750 * 100vw);} .size92 { font-size: min(92px, 92 / 750 * 100vw);} .size94 { font-size: min(94px, 94 / 750 * 100vw);} .size96 { font-size: min(96px, 96 / 750 * 100vw);} .size98 { font-size: min(98px, 98 / 750 * 100vw);} .size100 { font-size: min(100px, 100 / 750 * 100vw);}
.w0{width:0%}.w1{width:1%}.w2{width:2%}.w3{width:3%}.w4{width:4%}.w5{width:5%}.w6{width:6%}.w7{width:7%}.w8{width:8%}.w9{width:9%}.w10{width:10%}.w11{width:11%}.w12{width:12%}.w13{width:13%}.w14{width:14%}.w15{width:15%}.w16{width:16%}.w17{width:17%}.w18{width:18%}.w19{width:19%}.w20{width:20%}.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}.w30{width:30%}.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}.w40{width:40%}.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}.w50{width:50%}.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}.w60{width:60%}.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}.w70{width:70%}.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}.w80{width:80%}.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}.w90{width:90%}.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}.w100{width:100%}
.p0{padding:0;}.pt0{padding-top:0;}.pr0{padding-right:0;}.pb0{padding-bottom:0;}.pl0{padding-left:0;}
.m0{margin:0;}.mt0{margin-top:0;}.mr0{margin-right:0;}.mb0{margin-bottom:0;}.ml0{margin-left:0;}.mlauto{margin-left:auto;}
.none{display:none}.block{display:block}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.align-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.align-items-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.justify-content-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.justify-content-between{-webkit-box-pack:between;-ms-flex-pack:between;justify-content:space-between}.justify-content-around{-ms-flex-pack:distribute;justify-content:space-around}
.bold{font-weight:700}.semibold{font-weight:600}.medium{font-weight:500}.normal{font-weight:400}.light{font-weight:300}.thin{font-weight:100}.italic{font-style:italic}
.center{text-align:center}.left{text-align:left}.right{text-align:right}
.vertical-top{vertical-align:top}.vertical-middle{vertical-align:middle}.vertical-bottom{vertical-align:bottom}
.vertical-text{writing-mode:vertical-rl;text-orientation:upright;}
.noto-sans-jp{font-family:"Noto Sans JP", sans-serif;}
.black{color: var(--black);}.white{color: var(--white);}.white02{color: var(--white02);}.orange{color: var(--orange);}.orange02{color: var(--orange02);}.orange03{color: var(--orange03);}.orange04{color: var(--orange04);}.orange05{color: var(--orange05);}.orange06{color: var(--orange06);}.orange07{color: var(--orange07);}.orange08{color: var(--orange08);}.yellow{color: var(--yellow);}.yellow02{color: var(--yellow02);}.yellow03{color: var(--yellow03);}.yellow04{color: var(--yellow04);}.yellow05{color: var(--yellow05);}.yellow06{color: var(--yellow06);}.yellow07{color: var(--yellow07);}.yellow08{color: var(--yellow08);}.yellow09{color: var(--yellow09);}.yellow10{color: var(--yellow10);}.blue{color: var(--blue);}.blue02{color: var(--blue02);}.blue03{color: var(--blue03);}.blue04{color: var(--blue04);}.blue05{color: var(--blue05);}.blue06{color: var(--blue06);}.blue07{color: var(--blue07);}.blue08{color: var(--blue08);}.blue09{color: var(--blue09);}.blue10{color: var(--blue10);}.blue11{color: var(--blue11);}.blue12{color: var(--blue12);}.blue13{color: var(--blue13);}.green{color: var(--green);}.green02{color: var(--green02);}.green03{color: var(--green03);}.pink{color: var(--pink);}.pink02{color: var(--pink02);}.pink03{color: var(--pink03);}.grey{color: var(--grey);}
.bg-black{background-color: var(--black);}.bg-white{background-color: var(--white);}.bg-white02{background-color:var(--white02);}.bg-orange{background-color:var(--orange);}.bg-orange02{background-color:var(--orange02);}.bg-orange03{background-color:var(--orange03);}.bg-orange04{background-color:var(--orange04);}.bg-orange05{background-color:var(--orange05);}.bg-orange06{background-color:var(--orange06);}.bg-orange07{background-color:var(--orange07);}.bg-orange08{background-color:var(--orange08);}.bg-yellow{background-color:var(--yellow);}.bg-yellow02{background-color:var(--yellow02);}.bg-yellow03{background-color:var(--yellow03);}.bg-yellow04{background-color:var(--yellow04);}.bg-yellow05{background-color:var(--yellow05);}.bg-yellow06{background-color:var(--yellow06);}.bg-yellow07{background-color:var(--yellow07);}.bg-yellow08{background-color:var(--yellow08);}.bg-yellow09{background-color:var(--yellow09);}.bg-yellow10{background-color:var(--yellow10);}.bg-blue{background-color:var(--blue);}.bg-blue02{background-color:var(--blue02);}.bg-blue03{background-color:var(--blue03);}.bg-blue04{background-color:var(--blue04);}.bg-blue05{background-color:var(--blue05);}.bg-blue06{background-color:var(--blue06);}.bg-blue07{background-color:var(--blue07);}.bg-blue08{background-color:var(--blue08);}.bg-blue09{background-color:var(--blue09);}.bg-blue10{background-color:var(--blue10);}.bg-blue11{background-color:var(--blue11);}.bg-blue12{background-color:var(--blue12);}.bg-blue13{background-color:var(--blue13);}.bg-green{background-color:var(--green);}.bg-green02{background-color:var(--green02);}.bg-green03{background-color:var(--green03);}.bg-pink{background-color:var(--pink);}.bg-pink02{background-color:var(--pink02);}.bg-pink03{background-color:var(--pink03);}.bg-grey{background-color:var(--grey);}
.mxauto{margin-left: auto;margin-right: auto;}
.hauto{height: auto;}
.nowrap{white-space: nowrap;}
.text-decoration-none{text-decoration: none;}
.marker { background: linear-gradient(transparent 68%, transparent 68%, var(--yellow) 68%, var(--yellow)); }
.lh06{line-height:0.6;}.lh08{line-height:0.8;}.lh10{line-height:1;}.lh11{line-height:1.1;}.lh12{line-height:1.2;}.lh13{line-height:1.3;}.lh14{line-height:1.4;}.lh15{line-height:1.5;}.lh16{line-height:1.6;}.lh17{line-height:1.7;}.lh18{line-height:1.8;}.lh19{line-height:1.9;}.lh20{line-height:2.0;}
.ls-006{letter-spacing:-0.06em;}.ls-001{letter-spacing:-0.01em;}.ls004{letter-spacing:0.04em;}.ls006{letter-spacing:0.06em;}.ls010{letter-spacing:0.10em;}.ls015{letter-spacing:0.15em;}.ls020{letter-spacing:0.20em;}.ls030{letter-spacing:0.30em;}.ls040{letter-spacing:0.40em;}
main {max-width: 750px;}

/* fv-bottom */
.fv-bottom {position: relative;z-index: 1;padding-top: 10%;padding-bottom: 10%;}
.fv-bottom::before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: center center / cover no-repeat url("../images/fv-bottom-bg.webp");z-index: -1;}
.fv-bottom-row {padding-bottom: 10%;gap: 3%;}
.fv-bottom-left {position: relative;z-index: 1;}
.fv-bottom-left img {position: absolute; top: 50%; left: 0; transform: translateY(-50%);z-index: -1;}
.fv-bottom-left p {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding-left:12%;}
.serif {padding: 14% 0;gap: 3%;}
.serif-right {position: relative;z-index: 1;}
.serif-right img {position: absolute; top: 50%; left: 0; transform: translateY(-50%);z-index: -1;}
.serif-right p {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding-left:12%;}

/* comparison */
.comparison .serif {padding: 6% 2% 5.6% 0;gap: 3%;}
.comparison .serif-right p {padding-left: 10%; padding-right: 4%;}

/* select */
.select {padding-top: 2%; padding-bottom: 10%;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;}
.select-row {padding-top: 4%; gap: 1%;}
.select-item {border-radius: 10px; padding: 3% 0 2%;}
.select-item > img {margin-bottom: 5%;}
.select-item:nth-of-type(2) > img,
.select-item:nth-of-type(3) > img {margin-top: 6%; margin-bottom: 5%;}
.select-item > a:nth-of-type(1) {margin-bottom: 3%;}
.select-item > a:nth-of-type(2) {margin-bottom: 5%;min-height: calc(1.5em*2);line-height: 1.5em;}
.select-item-text {position: relative;}
.select-item-text img:nth-of-type(1) {margin-right: 2%;}
.select-item-text img:nth-of-type(2) {margin-left: 2%;}
.btn01 {padding: 6% 0;position: relative;border-radius: 8px;box-shadow: 0px 2px 0px var(--green02); margin-top: 6%;}
.btn01 img {position: absolute;right: 8%; top: 50%; transform: translateY(-50%);}

/* comparison */
.comparison {padding-top: 10%;padding-bottom: 4%;position: relative;z-index: 1;}
.comparison::before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: top center / cover no-repeat url("../images/comparison-bg.webp");z-index: -1;}
.comparison-title {margin-bottom: 2%;}
.comparison-arrow {margin-bottom: 2%;}
.comparison-table {overflow-x: scroll;padding-top: 2%;}
.comparison-table table {width: 130%; border-collapse: collapse;}
.comparison-table table tbody tr th {position: sticky;left: 0;z-index: 4;}
.comparison-table table tbody tr th,
.comparison-table table tbody tr td {border-bottom: 1px solid var(--orange04);padding: 2% 0;}
.comparison-table table tbody tr td {border-right: 1px solid var(--orange04);border-top: 1px solid var(--orange04);vertical-align: top;}
.comparison-table table tbody tr:first-of-type th,
.comparison-table table tbody tr:first-of-type td {border-top: 1px solid var(--orange04);}
.comparison-table table tbody tr:first-of-type td a p {margin-bottom: 4%;}
.comparison-table table tbody tr:first-of-type td a img {width: 60%; height: auto;}
.comparison-table table tbody tr td div img {width: 20%; height: auto;}
.comparison-table table tbody tr td div p {margin-top: 1%;}

/* point */
.point {padding-top: 4%;background: linear-gradient(to bottom, var(--orange05), var(--orange06));}
.point-item {border-radius: 10px;overflow: hidden;border: 2px solid var(--orange02);margin-bottom: 8%;}
.point-item-title {padding: 2% 0;}
.point-item-detail {padding-top: 4%;}
.point-item-detail > p {padding-top: 4%;}
.point-item-detail > .serif {padding: 8% 0;}
.point-item:nth-of-type(2) .point-item-detail > .serif {padding: 14% 0;}
.point-item:nth-of-type(2) .point-item-detail .serif-right p {padding-left: 10%;padding-right: 2%;}

/* best */
.best {padding: 1% 0 6%;}
.best-list {margin-top: 4%;}
.best-item {padding: 5% 0 10%; border: 2px solid var(--orange04); border-radius: 15px;}
.best-item-title {margin-bottom: 5%;position: relative;}
.best-item-title p {position: absolute;top: 0;left: 30%;}
.best-item-title h2 {position: absolute;top: 34%;left: 30%;border-bottom: 3px solid var(--blue13);}
.best-item-img {margin-bottom: 5%;}
.best-item-point {padding: 2% 4%; border: 3px solid var(--orange04); border-radius: 5px;}
.best-item-point-title {border-radius: 40px; padding: 1% 5%; margin-bottom: 1%;}
.best-item-point-title img {margin-right: 5%;}
.best-item-point-detail {border-bottom: 2px solid var(--orange03); padding: 3% 6% 3% 0;}
.best-item-point-detail:last-of-type {border: none;}
.best-item-point-detail-title img {margin-right: 2%;}
.best-item-point-detail-title h3 {padding-top: 0.4%;}
.best-item-point-detail > p {padding-left: 10%;}

/* btn-item01 */
.btn-item01 {margin-top: 10%;position: relative;}
.btn-item01 .btn-item01-title {margin-bottom: 3%;}
.btn-item01 .btn-item01-title p {margin: 0 2%;}
.btn-item01 a {padding: 2% 3%; border-radius: 100px;border: 3px solid var(--white);box-shadow: 0px 2px 1px var(--green03);}
.btn-item01 a .btn-item01-circle {border-radius: 50%;padding-top: 16%; width: 16%;position: relative;z-index: 1;}
.btn-item01 a .btn-item01-circle p {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.btn-item01 a .btn-item01-inner > p {padding-left: 3%;}
.btn-click {position: absolute;top: 80%;right: 1%; animation: click 1s ease-in-out infinite alternate;}
@keyframes click { 0% {transform: translate(5px,5px); } 100% {transform: translate(-5px,-5px); } }

/* best-table */
.best-table {border: 1px solid var(--orange07);margin-top: 10%;}
.best-table-item {border-right: 1px solid var(--orange07);border-top: 1px solid var(--orange07);}
.best-table-item:nth-of-type(1),
.best-table-item:nth-of-type(2) {border-top: none;}
.best-table-item:nth-of-type(2n) {border-right: none;}
.best-table-title {padding: 4% 0;border-bottom: 1px solid var(--orange07);}
.best-table-detail {padding: 4% 0;height: 100%;}
.best-table-detail p {line-height: 1.3em;min-height: calc(1.3em * 2); margin-top: 2%;}
.best-table-detail p span {line-height: 1.3em;}

/* best-review */
.best-review {padding-top: 3%;border-radius: 4px; margin-top: 6%;}
.best-review-title {border-radius: 4px; margin-bottom: 4%; padding: 1% 0;}
.best-review-title img {margin-right: 1%;}
.best-review-item {padding: 4% 2% 4% 5%;border-radius: 4px;margin-bottom: 4%;}
.best-review-serif {position: relative;}
.best-review-serif h4 {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding-left: 6%;padding-bottom: 3%;}
.best-review-detail {margin-top: 3%;margin-bottom: 4%;padding: 0 2%;}
.best-review-detail-left {margin-right: 12%;}
.best-review-detail-left img {border-radius: 50%;}
.best-review-detail-right-item01 {margin-bottom: 4%;}
.best-review-detail-right-item01 img {margin: 0 2%;}
.best-review-detail-right-item02 img {margin: 0 3%;}
.best-review-item > p,
.best-review-item > p span {letter-spacing: 0.018em;}
.best-review-item > small {margin-top: 3%;}
.best-review-inner {position: relative;overflow: hidden;transition: max-height .4s ease; padding-bottom: 20%;}
.best-review-inner::before {position: absolute;content: "";bottom: 4%;left: 50%;transform: translateX(-50%);width: 94%;height: 50%;background: linear-gradient(to bottom,transparent, #fff);z-index: 1;transition: opacity .4s ease, visibility .4s ease;border-radius: 4px;}
.best-review-inner.active::before {opacity: 0;visibility: hidden;}
.best-review-inner::after {position: absolute;content: "";bottom: 0;left: 50%;transform: translateX(-50%);width: 94%;height: 4%;background: var(--orange03);z-index: 2;transition: opacity .4s ease, visibility .4s ease;}
.best-review-inner.active::after {opacity: 0;visibility: hidden;}
.best-review-btn { padding: 3% 0;position: absolute;box-shadow: 0px 2px 4px var(--orange08);border-radius: 4px; left: 50%; bottom: 9%; transform: translateX(-50%); cursor: pointer;transition: bottom .4s ease; z-index: 2;}
.best-review-btn.active {bottom: 1%;}

/* best-campaign */
.best-campaign {margin-top: 6%;}

/* best01 */
.best01 .best-table-item:nth-of-type(1) .best-table-detail {padding: 5.4% 0 0;}

/* best02 */
.best02 .best-item-title p {left: 19.6%;}
.best02 .best-item-title h2 {left: 19.6%;}
.best02 .best-item {padding: 5% 0 10%; border: 2px solid var(--blue06); border-radius: 15px;}
.best02 .best-item-point {padding: 2% 4%; border: 3px solid var(--blue06); border-radius: 5px;}
.best02 .best-item-point-detail {border-bottom: 2px solid var(--blue05); padding: 3% 6% 3% 0;}
.best02 .best-item-point-detail:last-of-type {border: none;}
.best02 .best-table {border: 1px solid var(--blue09);margin-top: 10%;}
.best02 .best-table-item {border-right: 1px solid var(--blue09);border-top: 1px solid var(--blue09);}
.best02 .best-table-item:nth-of-type(1),
.best02 .best-table-item:nth-of-type(2) {border-top: none;}
.best02 .best-table-item:nth-of-type(2n) {border-right: none;}
.best02 .best-table-title {padding: 4% 0;border-bottom: 1px solid var(--blue09);}
.best02 .btn-item01 a {box-shadow: 0px 2px 1px var(--pink03);}
.best02 .btn-item01 a .btn-item01-inner > p {padding-left: 5%;}
.best02 .best-review-inner::after {background: var(--blue05);}
.best02 .best-table-item:nth-of-type(1) .best-table-detail,
.best02 .best-table-item:nth-of-type(2) .best-table-detail {justify-content: center;padding: 9.7% 0;}
.best02 .best-table-item:nth-of-type(1) .best-table-detail p,
.best02 .best-table-item:nth-of-type(2) .best-table-detail p {min-height: auto;}

/* best03 */
.best03 .best-item-title p {left: 19.6%;}
.best03 .best-item-title h2 {left: 19.6%;}
.best03 .best-item {padding: 5% 0 10%; border: 2px solid var(--yellow09); border-radius: 15px;}
.best03 .best-item-point {padding: 2% 4%; border: 3px solid var(--yellow07); border-radius: 5px;}
.best03 .best-item-point-detail {border-bottom: 2px solid var(--yellow03); padding: 3% 6% 3% 0;}
.best03 .best-item-point-detail:last-of-type {border: none;}
.best03 .best-table {border: 1px solid var(--yellow04);margin-top: 10%;}
.best03 .best-table-item {border-right: 1px solid var(--yellow04);border-top: 1px solid var(--yellow04);}
.best03 .best-table-item:nth-of-type(1),
.best03 .best-table-item:nth-of-type(2) {border-top: none;}
.best03 .best-table-item:nth-of-type(2n) {border-right: none;}
.best03 .best-table-title {padding: 4% 0;border-bottom: 1px solid var(--yellow04);}
.best03 .btn-item01 a {box-shadow: 0px 2px 1px var(--blue12);}
.best03 .btn-item01 a .btn-item01-inner > p {padding-left: 14%;}
.best03 .best-review-inner::after {background: var(--yellow03);}
.best03 .best-review-item > p.ls006,
.best03 .best-review-item > p.ls006 span {letter-spacing: 0.06em;}
.best03 .best-review-item > p.ls010,
.best03 .best-review-item > p.ls010 span {letter-spacing: 0.10em;}
.best03 .best-table-item:nth-of-type(1) .best-table-detail,
.best03 .best-table-item:nth-of-type(2) .best-table-detail {justify-content: center;padding: 9.7% 0;}
.best03 .best-table-item:nth-of-type(3) .best-table-detail {padding-top: 5%;}
.best03 .best-table-item:nth-of-type(1) .best-table-detail p,
.best03 .best-table-item:nth-of-type(2) .best-table-detail p,
.best03 .best-table-item:nth-of-type(3) .best-table-detail p {min-height: auto;}

/* step */
.step {padding-top: 8%;}
.step-title {margin-bottom: 6%;}
.step-item {border: 2px solid var(--orange07);border-radius: 10px;}
.step-item-title {padding: 4% 0;}
.step-item-title-img {margin-bottom: 2%;}
.step02-item .step-item-detail img {margin-bottom: 5%;}
.step03-item .step-item-detail img {margin-bottom: 5%;}
.step-item-detail {padding: 4% 0;}
.step1-video {position: relative; margin-bottom: 6%;}
.step1-video-gif {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.step .serif {padding: 8% 0 4%;} 
.step-arrow {margin: 5% auto;}
.btn-arrow {position: absolute;top: 55%;left: 79%;z-index: -1;}

/* faq */
.faq {padding-top: 10%; margin-top: 18%; padding-bottom: 5%;}
.faq-title-serif {position: relative;}
.faq-title-serif > p { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding-bottom: 8%;}
.faq-list {margin-top: 6%;}
.faq-item {border-radius: 10px;overflow: hidden;transition: max-height .4s ease;margin-bottom: 4%;}
.faq-item-title {transition: background .4s ease;cursor: pointer;}
.faq-item-title h3 {transition: color .4s ease;}
.faq-item-title {padding: 5% 10% 5% 16%;position: relative;}
.faq-item-detail-row {padding: 5% 4% 5% 16%;position: relative;}
.faq-item-title-icon02 {opacity: 0;}
.faq-item-title-icon01,
.faq-item-title-icon02,
.faq-item-detail-icon {position: absolute;left: 3%;top: 50%;transform: translateY(-50%);transition: opacity .4s ease;}
.faq-item-bar {position: absolute;right: 5%;top: 50%;transform: translateY(-50%); cursor: pointer;padding-top: 3%;}
.faq-item-bar span {position: absolute; height: 2px; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: transform .4s ease, background .4s ease;}
.faq-item-bar span:nth-of-type(2) {transform: translate(-50%,-50%) rotate(90deg);}
.faq-item.active .faq-item-title {background: var(--orange);}
.faq-item.active .faq-item-title h3 {color: var(--white);}
.faq-item.active .faq-item-title-icon02 {opacity: 1;}
.faq-item-title.active .faq-item-bar span {background:var(--white);}
.faq-item-title.active .faq-item-bar span:nth-of-type(2) {transform: translate(-50%,-50%) rotate(0deg);}
.faq-item .serif {padding: 2% 0 8%;}
.faq-item .serif-right p {padding-left: 10%;}

/* safe */
.safe {padding-top: 3%;padding-bottom: 8%;}
.safe-item {padding: 6% 3% 10%;}
.safe-img {margin-bottom: 6%;}
.safe-point {margin-bottom: 6%;position: relative;}
.safe-point::before {position: absolute;content: "";width: 100%;height: 2.6%;background: var(--orange02);left: 0;top: 0;}
.safe-point::after {position: absolute;content: "";width: 100%;height: 2.6%;background: var(--orange02);left: 0;bottom: 0;}
.safe-point-inner {position: relative;padding: 7% 6% 4%;}
.safe-point-inner::before {position: absolute;content: "";width: 1.3%;height: 100%;background: var(--orange02);left: 0;top: 0;}
.safe-point-inner::after {position: absolute;content: "";width: 1.3%;height: 100%;background: var(--orange02);right: 0;top: 0;}
.safe-point-title {position: absolute;top: 0;left: 50%;transform: translate(-50%,-50%); padding: 0 4%;}
.safe-point-item {margin-bottom: 3%;padding-bottom: 3%;position: relative;}
.safe-point-item::before {position: absolute;content: "";bottom: 0;left: -2%;width: 102%;height: 4%;background: center center / cover no-repeat url("../images/safe-point-line.webp");}
.safe-point-num {position: relative;z-index: 1;}
.safe-point-num::before {position: absolute;content: "";width: 260%;padding-top: 260%;border-radius: 50%;background-color: var(--orange07);z-index: -1;top: 56%;left: 50%;transform: translate(-50%,-50%);}
.safe-point-text {padding-left: 4%;padding-top: 1%;}
.safe .serif {padding: 5% 0; margin-bottom: 8%;}
.safe .serif-right p {padding-left: 9%;}

/* btm-link */
.btm-link {margin-top: 8%;}

/* animation */
.btn-item01 a,
.btn01 {overflow: hidden;position: relative;}
.btn01 img {
    -webkit-animation-name: btnArrow;
    animation-name: btnArrow;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.btn-item01 a::after,
.btn01::after {
    -moz-animation: reflection 3s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -ms-animation: reflection 3s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -o-animation: reflection 3s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -webkit-animation: reflection 3s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    animation: reflection 3s ease-in-out infinite;
    background-color: #fff;
    content: " ";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -180px;
    transform: rotate(45deg);
    width: 30px;
}
@keyframes btnArrow {
    0% { opacity: 0; transform: translate(-30px, -50%); }
    50% { opacity: 1; transform: translate(-10px, -50%); }
    100% { opacity: 0; transform: translate(0, -50%); }
}
@keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
    76% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
    78% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}