:root {--black:#333333;--white:#ffffff;--blue:#0022af;--blue02:#DDF1FF;--blue03:#A8D0FF;--blue04:#E3F1F5;--blue05:#4da9e5;--blue06:#c7e8f2;--blue07:#f0f9ff;--green:#0fbb54;--green02:#097A37;--yellow:#ECCF034D;--yellow02:#fbff8d;--yellow03:#fff782;--yellow04:#fef7dd;--yellow05:#ff8e4c;--yellow06:#ffebce;--yellow07:#FCFEFF;--pink:#FFF6FE;--pink02:#F4DDFF;--pink03:#FAD5EC;--pink04:#ffdbdb;--pink05:#ff9595;--pink06:#ffcece;--pink07:#FBF3FF;--pink08:#FDEEF7;--red:#f10707;}
*{color:var(--black);padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family: "Noto Sans JP", sans-serif;}
.size8{--size: 8;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size9{--size: 9;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size10{--size: 10;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size11{--size: 11;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size12{--size: 12;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size13{--size: 13;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size14{--size: 14;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size15{--size: 15;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size16{--size: 16;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size17{--size: 17;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size18{--size: 18;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size19{--size: 19;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size20{--size: 20;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size21{--size: 21;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size22{--size: 22;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size23{--size: 23;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size24{--size: 24;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size25{--size: 25;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size26{--size: 26;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size27{--size: 27;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size28{--size: 28;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size29{--size: 29;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size30{--size: 30;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size31{--size: 31;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size32{--size: 32;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size33{--size: 33;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size34{--size: 34;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size35{--size: 35;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size36{--size: 36;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size37{--size: 37;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size38{--size: 38;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size39{--size: 39;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size40{--size: 40;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size41{--size: 41;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size42{--size: 42;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size43{--size: 43;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size44{--size: 44;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size45{--size: 45;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size46{--size: 46;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size47{--size: 47;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size48{--size: 48;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size49{--size: 49;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size50{--size: 50;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size51{--size: 51;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size52{--size: 52;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size53{--size: 53;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size54{--size: 54;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size55{--size: 55;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size56{--size: 56;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size57{--size: 57;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size58{--size: 58;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size59{--size: 59;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size60{--size: 60;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size61{--size: 61;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size62{--size: 62;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size63{--size: 63;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size64{--size: 64;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size65{--size: 65;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size66{--size: 66;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size67{--size: 67;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size68{--size: 68;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size69{--size: 69;font-size: min(var(--size) * 1px, var(--size) / 780 * 100vw);}.size70{--size: 70;font-size: min(var(--size) * 1px, var(--size) / 780 * 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;}
.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:justify;-ms-flex-pack:justify;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;}
.zen-kaku-gothic-new{font-family:"Zen Kaku Gothic New", sans-serif;}
.black{color: var(--black);}.white{color: var(--white);}.blue{color: var(--blue);}.blue02{color: var(--blue02);}.blue03{color: var(--blue03);}.blue04{color: var(--blue04);}.blue05{color: var(--blue05);}.blue06{color: var(--blue07);}.blue06{color: var(--blue07);}.green{color: var(--green);}.green02{color: var(--green02);}.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);}.pink{color: var(--pink);}.pink02{color: var(--pink02);}.pink03{color: var(--pink03);}.pink04{color: var(--pink04);}.pink05{color: var(--pink05);}.pink06{color: var(--pink06);}.pink07{color: var(--pink07);}.pink08{color: var(--pink08);}.red{color: var(--red);}
.bg-black{background-color: var(--black);}.bg-white{background-color: var(--white);}.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-green{background-color:var(--green);}.bg-green02{background-color:var(--green02);}.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-pink{background-color:var(--pink);}.bg-pink02{background-color:var(--pink02);}.bg-pink03{background-color:var(--pink03);}.bg-pink04{background-color:var(--pink04);}.bg-pink05{background-color:var(--pink05);}.bg-pink06{background-color:var(--pink06);}.bg-pink07{background-color:var(--pink07);}.bg-pink08{background-color:var(--pink08);}.bg-red{background-color:var(--red);}
.mx1440{max-width: 1440px;}
.mx1080{max-width: 1080px;}
.mxauto{margin-left: auto;margin-right: auto;}
.hauto{height: auto;}
.nowrap{white-space: nowrap;}
.text-decoration-none{text-decoration: none;}
.marker{background: linear-gradient(to bottom,transparent 70%, var(--yellow02) 70%);}.marker02{background: linear-gradient(to bottom,transparent 70%, var(--yellow03) 70%);}
.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;}.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;}
html {scroll-behavior: smooth;}
main{max-width: 750px;}

.fv{position: relative;}
.fv-pr{position: absolute;top: 4%;right: 3.6%;}

.about{background: center center / cover no-repeat url("../images/about-bg.webp");padding: 5% 0 8%;}
.about-top-title{border: 1px solid var(--black);border-radius: 60px;padding: 1% 0;margin-bottom: 2%;}
.about-top-title h2{margin: 0 1.6%;}
.about-row{padding: 10% 0 0;}
.about-item{position: relative;padding:8% 2% 2%;border: 1px solid var(--black); border-radius: 10px;box-shadow: 0 0 4px 0 var(--yellow);}
.about-item-title{position: absolute;top: 0;left: 50%;transform: translate(-50%,-50%);border-radius: 10px;padding: 3% 0;}
.about-arrow{position: absolute;top: 94%;left: 50%;transform: translateX(-50%);}
.about-rank{margin-bottom: 4%;}
.about-img{margin-bottom: 4%;}
.about-link{margin-bottom: 6%;}
.btn01{position: relative;padding: 5% 0;border-radius: 10px;border: 1px solid var(--black);box-shadow: 0 2px 0 0 var(--green02);}
.btn01-arrow{
    position: absolute;top: 50%;right: 6%;transform: translateY(-50%);
    -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;
}
.select{padding: 7% 0 4%;background: top center / cover no-repeat url("../images/service-bg.webp") , var(--pink);}
.select-title h2{position: relative;padding: 3% 0;}
.select-title h2 > span{background: center center / contain no-repeat url("../images/select-title01.webp");padding: 1% 8%;}
.select-title02{position: absolute;top: 0;right: 11%;}
.select-title-bottom{margin-top: -1%;}
.select-title03{transform: translateY(18%);}
.select-item{border: 2px solid var(--black);border-radius: 10px;overflow: hidden;margin-bottom: 6%;}
.select-item-title{background: linear-gradient(to bottom, var(--blue02) 0%, var(--pink02) 100%);padding: 4%;border-bottom: 2px solid var(--black);}
.select-item-title h3{margin-left: 2%;}
.select-item-detail{padding: 5% 4%;}
.point01-img,.point02-img,.point03-img{margin-bottom: 4%;}
.select-item-list{position: relative;background: linear-gradient(to bottom,var(--blue03) 0%, var(--pink03) 100%);z-index: 1;padding: 3% 0;margin:6% 0;}
.select-item-list::before{position: absolute;content: "";top: 4px;left: 4px;right: 4px;bottom: 4px;background-color: var(--white);z-index: 1;}
.select-item-list-item{position: relative;z-index: 1;padding: 2% 1.6%;}
.select-check{margin-right: 0.6%;}

.compare{padding: 7% 0 4%;background: top center/cover no-repeat url("../images/compare-bg.webp");}
.compare-title{margin-bottom: 4%;}
.compare-table{position: relative;border: 1px solid var(--black);border-radius: 10px;overflow: hidden;z-index: 1;}
.compare-table::before{position: absolute;content: "";top:0;left: 0;width: 19%;height: 100%;background: linear-gradient(to bottom, var(--blue02) 0%, var(--pink02) 100%);z-index: -1;}
.compare-table table{border-collapse: collapse;}
.compare-table th{border-bottom: 1px solid var(--black);}
.compare-table td{border-bottom: 1px solid var(--black);border-left: 1px solid var(--black);padding: 3% 0;}
.compare-table tr:nth-of-type(1) td{padding: 5% 0;}
.compare-table-link-text{line-height: 1.5em; height: 3em;display: flex;align-items: flex-end;margin-bottom: 4%;}
.compare-table tr:nth-of-type(3) td img{margin-bottom: 3%;}
.compare-table tr:nth-of-type(4) td img.circle{margin-bottom: 4%;}
.compare-table tr:nth-of-type(5) td img.triangle{margin-bottom: 4%;}
.compare-table tr:nth-of-type(6) td p{line-height: 1.5em; height: 3em;}
.compare-table tr:nth-of-type(7) th{padding: 4% 0;}
.compare-table .btn01{padding: 8% 0;}
.compare-table .btn01-arrow{right: 3%;}

.best{padding: 7% 0 4%;}
.best.best02{padding: 4% 0 4%;}
.best.best03{padding: 4% 0 4%;}
.best-inner{margin: 4% auto;padding: 4% 0;border: 1px solid var(--black);border-radius: 10px;}
.best-item-title{margin-bottom: 4%;}
.best-item-title img {margin-right: 4%;}
.best02 .best-item-title img{margin-right: 2%;}
.best-item-title p{margin-bottom: 1%;}
.best-rating{margin: 5% auto;}
.best-star{margin: 0 3%;}
.best-point{border: 1px solid var(--black);border-radius: 10px;padding: 4% 0;}
.best-point-title{padding: 1.6% 0;border: 1px solid var(--black);border-radius: 100px;}
.best-recommendation{margin-right:4%;}
.best-point-list{margin-top: 6%;}
.best-point-list-item{margin-bottom: 6%;margin-top: -6%;}
.best-point-list-item:nth-of-type(2),
.best-point-list-item:nth-of-type(3){margin-top: 0;}
.best-point-list-item p{margin-top: 7%;}
.best02 .best-point-list-item,.best03 .best-point-list-item{margin-top: 0%;}
.best02 .best-point-list-item p,.best03 .best-point-list-item p{margin-top: 0%;}
.best-point-list-item:nth-of-type(2) p,
.best-point-list-item:nth-of-type(3) p{margin-top: 0%;}
.best03 .best-point-list-item:nth-of-type(1),.best03 .best-point-list-item:nth-of-type(2){margin-bottom: 6%;margin-top: -6%;}
.best03 .best-point-list-item:nth-of-type(1) p,.best03 .best-point-list-item:nth-of-type(2) p{margin-top: 7%;}
.best-check{margin-right: 3%;}
.best-table{margin: 6% auto;border: 1px solid var(--black);border-radius: 20px;overflow: hidden;align-items: stretch;}
.best-table-item{border-top: 1px solid var(--black);}
.best-table-item:nth-of-type(1),
.best-table-item:nth-of-type(2){border-top: 0;}
.best-table-item:nth-of-type(odd){border-right: 1px solid var(--black);}
.best03 .best-table-item:nth-of-type(3) .best-table-item-text,
.best03 .best-table-item:nth-of-type(4) .best-table-item-text{padding: 8% 0 0;}
.best-table-item-title{border-bottom: 1px solid var(--black);padding: 4% 0;height: 30%;}
.best-table-item-text{padding: 4% 0;height: 70%;}
.best-table-item-text img{margin-bottom: 2%;}
.best-table-item-text p{line-height: 1.5em; min-height: 3em;}
.best-review{padding: 4% 0 2%;border: 1px solid var(--black);border-radius: 4px;}
.best-review-title{position: relative;z-index: 1;padding: 3% 0;border-radius: 100px;}
.review-arrow{position: absolute;top: 100%;left: 50%;transform: translateY(-50%);z-index: -1;}
.best-review-slider{position: relative;margin-top: 6%;overflow: hidden;padding-bottom: 7%;}
.best-review-slide{border: 1px solid var(--black);border-radius: 10px;padding: 8% 5.5%;}
.best-review-slide-title{margin-bottom: 6%;}
.best-review-slide-title-text{margin-left: 10%;}
.best-table-item-text .circle{margin-bottom: 5%;}
.best-table-item-text .triangle{margin-bottom: 5%;}
.swiper-pagination{top: auto !important;bottom: 1% !important;}
.swiper-pagination-bullet {background: var(--white);border:1px solid var(--black);opacity: 1;width: 2.2%;aspect-ratio: 1 / 1;height: auto;margin: 0 1.6% !important;}
.swiper-pagination-bullet-active {background: #333;}
.best-btn{position: relative;margin: 8% auto 8%;}
.btn02{position: relative;padding: 4% 0 4% 7%;border-radius: 100px;border: 1px solid var(--black);box-shadow: 0 2px 0 0 var(--green02);}
.line-icon{position: absolute;top: 50%;left: 7%;transform: translateY(-50%);}
.best-btn-text{margin-bottom: 2%;}
.best-btn-text p{margin: 0 1%;}
.line-btn-hand{position: absolute;top: 75%;right: 6%;animation: animation 1s ease-in-out infinite alternate;z-index: 2;}
@keyframes animation {
    0% {transform: translate(5px, 5px);}
    100% {transform: translate(-5px, -5px);}
}

.step{padding: 7% 0 2%;background: linear-gradient(to bottom, var(--blue07) 0%,var(--pink07) 100%);}
.step-title{margin-left: 1%;}
.step-message{margin: 6% auto 8%;}
.step-message-text{margin-bottom: 6%;}
.step-message-text p{padding: 2% 2.4%;border: 1px solid var(--black);border-radius: 10px;}
.step-imgs{margin: 5% auto 4%;}
.step-imgs p{position: relative;}
.step-imgs p::before{position: absolute;content: "";}
.step-imgs p::after{position: absolute;content: "";}
.step-list{margin: 9% auto;}
.step-item{border: 2px solid var(--black);border-radius: 10px;overflow: hidden;}
.step-item-title{background: linear-gradient(to bottom, var(--pink03) 0%,var(--blue03) 100%);padding: 4% 0;border-bottom: 2px solid var(--black);}
.step-item-detail{padding: 5% 0;}
.step01-img,
.step02-img,
.step03-img,
.step04-img{margin-bottom: 6%;}
.step01-text,
.step02-text,
.step03-text,
.step04-text{padding: 0 0.5%;}
.step-arrow{margin: 6% auto;}
.step-item-content{border: 1px solid var(--black);padding: 6% 2% 2%;margin: 6% auto;}
.step-item-content h4 span{margin: 2% 0;}
.step-item-content-detail{padding: 6% 0 0;}
.step-item-content-detail-item{background: linear-gradient(to bottom, var(--blue02) 0%, var(--pink02) 100%);padding: 4% 0 4% 9%;border-radius: 20px;border: 1px solid var(--black);margin-bottom: 8%;}
.step-item-content-detail-item:first-of-type{padding: 6% 0 6% 9%;}
.step-item-content-detail-item img{margin-right: 6%;}
.step03-item-content{margin-bottom: 6%;}
.step03-item-content img{margin: 2% auto;}

.bottom{background: linear-gradient(to bottom, var(--yellow07) 0%, var(--pink08) 100%);}
.bottom-inner{padding: 4% 5%;}
.bottom-img{margin-bottom: 6%;}
.bottom-content01{position: relative;background: linear-gradient(to bottom, var(--blue03) 0%, var(--pink03) 100%);z-index: 1;padding: 3% 5%;margin: 8% 0;}
.bottom-content01::before{position: absolute;content: "";top: 4px;left: 4px;right: 4px;bottom: 4px;z-index: -1;background-color: var(--white);}
.bottom .size38.marker{margin: 3% auto;}
.bottom-content02{position: relative;padding: 4% 6% 6%;border: 1px solid var(--black);border-radius: 10px;margin-bottom: 16%;}
.bottom-person{position: absolute;content: "";right: 0;bottom: 0;transform: translateY(30%);}
.bottom-content02-item{padding: 3% 4%; border-bottom: 2px dashed var(--black);}
.bottom-content02-item img{margin-right: 4%;}

.footer{padding: 8% 0;}

.btn01,
.btn02{overflow: hidden;}
.btn01::after ,
.btn02::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; */
    top: -80%;
    transform: rotate(45deg);
    width: 3.4%;
}
.btn01::after{
    -moz-animation: reflection02 3s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -ms-animation: reflection02 3s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -o-animation: reflection02 3s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -webkit-animation: reflection02 3s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    animation: reflection02 3s ease-in-out infinite;
    top: -120%;
    transform: rotate(45deg);
    width: 8.4%;
}
.btn01.btn01-no01::after{
    -moz-animation: reflection03 3s ease-in-out infinite;
    -moz-transform: rotate(40deg);
    -ms-animation: reflection03 3s ease-in-out infinite;
    -ms-transform: rotate(40deg);
    -o-animation: reflection03 3s ease-in-out infinite;
    -o-transform: rotate(40deg);
    -webkit-animation: reflection03 3s ease-in-out infinite;
    -webkit-transform: rotate(40deg);
    animation: reflection03 3s ease-in-out infinite;
    top: -190%;
    transform: rotate(45deg);
    width: 8.4%;
}
@keyframes reflection {
    0% {transform: scale(0) rotate(45deg);opacity: 0;}
    70% {transform: scale(0) rotate(45deg);opacity: 0.5;}
    71% {transform: scale(4) rotate(45deg);opacity: 1;}
    100% {transform: scale(50) rotate(45deg);opacity: 0;}
}
@keyframes reflection02 {
    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: 0.8; }
    100% { -webkit-transform: scale(26) rotate(45deg); transform: scale(26) rotate(45deg); opacity: 0; }
}
@keyframes reflection03 {
    0% { -webkit-transform: scale(0) rotate(40deg); transform: scale(0) rotate(40deg); opacity: 0; }
    76% { -webkit-transform: scale(0) rotate(40deg); transform: scale(0) rotate(40deg); opacity: 0.5; }
    78% { -webkit-transform: scale(4) rotate(40deg); transform: scale(4) rotate(40deg); opacity: 0.8; }
    100% { -webkit-transform: scale(26) rotate(40deg); transform: scale(26) rotate(40deg); opacity: 0; }
}
@keyframes btnArrow {
    0% { opacity: 0; transform: translate(-30px, -50%); }
    50% { opacity: 1; transform: translate(-10px, -50%); }
    100% { opacity: 0; transform: translate(0, -50%); }
}

@media screen and (max-width: 750px) {
    .btn01-arrow{
        -webkit-animation-name: btnArrow02;
        animation-name: btnArrow02;
    }
    @keyframes btnArrow02 {
        0% { opacity: 0; transform: translate(-90%, -50%); }
        50% { opacity: 1; transform: translate(-10%, -50%); }
        100% { opacity: 0; transform: translate(0, -50%); }
    }
}