@charset "utf-8";
@import url(css/basic.css);
@import url(css/alg/wolf.css);
body,#news>h3{font-family:"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",Verdana,Meiryo,sans-serif;font-weight:500;}
strong,b,.b,h1,h3,.h3,h4,.h4,h5,.h5,.list-type-number.flow>li::before,.ttl,#contents02 h3,#global>ul>li>a{font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",Verdana,Meiryo,sans-serif;font-weight:bold;}
.ff-en,[lang="en"],#contact::before,.subtmb [lang="en"]{font-family:"Barlow",sans-serif;font-weight:700;}
#fmenu,#global,#snav,#menu,#list_category,body[id|="c"] h1{text-transform:uppercase;}
#news>h3 [lang="en"]{font-size:2.777777777777778em;}
/*color*/
a,a:hover .marker::before,.fc-cyan,.link a::before,a.link::before,.list li::before,#menu a:hover,#menu a.on,.list-type-number.flow>li::before{color:#24b5c3;}
#fmenu a,#copyright,#contact .a-btn::before,#contents02>dl>dd,.pnav span{color:#000;}
#contact,a .marker::before,a:hover .marker::before,#menu a,#snav dt{color:#fff;}
#footer,#fmenu,#contact [class*="a-btn"]::after,.a_link a,#show .catch2,#show .catch3>span,.pnav span,h2+p{background:#fff;}
[class*="a-btn"],#contact .a-btn-line::after,a .marker::after{background-color:#000;}
#show .catch1>span,#pnav a{background-color:#1e1e1e;color:#fff;}
[class*="a-btn"]:hover,a:hover .marker::after,.pnav a:hover,.pnav [rel]:hover,#paging li.active,.list-tag a:hover,.list-tag a.on,.a_card .tag>li>span::after,.a_card .tag a::after,[class*="check_"] input[type="radio"]~span::after{background-color:#27b6c4;}[class*="a-btn"]:hover{filter:brightness(1.2);background-color:#4b4b4b;}.a-btn-line:hover{filter:brightness(1.2);background-color:#06c755;}
.a-btn-line{background:#06c755;}
#banner,#contents02::after,#contents02+.ba_b::after,.a-btn3{background:#f8f8f8;}
#fmenu li::before{border-left-color:#000;}
#menu a:hover::before,#menu a.on::before{border-left-color:#24b5c3;}
#side{background-color:#252525;}
h5::after,.h5::after,h6::before,.h6::before,.list-type-number.flow>li::before,.list-type-number.flow>li:not(:last-child)::after,[class*="check_"] input[type="checkbox"]~span::after,.list-type-check>li::after,.list-type-check>dt::after,.title-i-check::after{border-color:#24b5c3;}
.fc-pink,.oc-pink{color:#ff7c72;}
.fc-gold{color:#c5a677;}
/*layout*/
#contact::before{font-size:3.125em;margin:1.5em auto 1em auto;}
#contact>ul{max-width:900px;margin-bottom:30px;}
#contact>ul>li{margin:0 auto;padding:10px;}
#contact>ul>li+li::after{content:none;}
#snav li{margin-bottom:10px;}
#snav dl{padding:10px 0 0 0;}
.column1 #main{margin-bottom:0;}
#pnav li{border:none;}
#pnav li+li::before,.pnav [class|="btn"]::before,.pnav [rel]::before{border-left:1px solid rgb(255 255 255 / 15%);}
#menu,#menu ul,#menu li+li{background:none;}
#menu ul{text-align:center;}
#menu a::before{content:none;}
/*parts*/
[class*="a-btn"] [class^="icon-"]{padding-left:3.5em;width:100%;max-width:16em;}
[class*="a-btn"] [class^="icon-"]::before{margin:auto;font-size:3em;}
[class*="a-btn"] [class^="icon-"]::before,#contact [class*="a-btn"]::after{position:absolute;left:0;top:50%;transform:translateY(-50%);}
[class*="a-btn"] .icon-mail::before{content:"";background-image:url("images/mail.svg");width:1em;height:1em;}
#contact [class*="a-btn"]{padding:1.874em 2em;max-width:24.363em;}
#contact [class*="a-btn"]::before,a .marker::before{right:2.3em;content:"\e900";transform:translateY(-50%);border:none;margin:0;font-size:.75em;width:auto;height:auto;}
#contact [class*="a-btn"]::after,a .marker::after{content:"";width:1.5em;height:1.5em;border-radius:1.5em;left:auto;right:1.4em;}
a .marker,#contents02>dl>dd span.marker{line-height:1.25;width:100%;display:flex;flex-direction:column;justify-content:center;min-height:4em;padding-right:2em;}
a .marker::before{right:1.25em;font-size:.625em;z-index:1;}
a .marker::after{transform:translateY(-50%) scale(1,1);transform-origin:center center;bottom:auto;top:50%;margin:0;right:.5em;width:1.333333333333333em;height:1.333333333333333em;border-radius:1.333333333333333em;z-index:0;}
a:hover .marker::after{transform:translateY(-50%) scale(1.25,1.25);}
.a_link a .marker{max-width:460px;margin:0 auto;}
.a_link a .marker::before{right:1em;font-size:1em;}
.a_link a .marker::after{width:2.5em;height:2.5em;border-radius:2.5em;right:.28em;}
.a_link a:hover .marker::after{transform:translateY(-50%) scale(1.111111111111111,1.111111111111111);}
#contents02>dl>dd span.marker{padding:.5em 2.5em .5em 1em;}
.zoom .zl{margin-bottom:0;}
#show>h3{width:92.14285714285714%;max-width:1290px;text-align:left;font-size:2.362vw;}
#show>h3>span{display:block;padding:0;text-shadow:none;}
#show .logo{border:none;padding:0;width:32.55813953488372%;max-width:none;margin:0 auto 1.071428571428571em auto;}
#show .catch1>span{margin:0 auto .25em 0;padding:.1em .8em;}
#show .catch2{font-size:1.800714285714286em;margin:.5em auto .5em 0;display:inline-block;padding:0 .5em;}
#show .db_i{width:1.19em;background-image:url("images/ttl_5.png");height:2.380007933359778em;margin:auto .2em auto 0;}
#show .catch3>span{border-radius:2em;padding:.2em 1em;}
#show .catch2>span,#show .catch3>span>span{display:inline-block;vertical-align:middle;}
#show .catch3>span+span{margin-left:.8em;}
#show .fc-cyan{font-size:1.714285714285714em;line-height:1;}
#contents00{padding:3em 1em 0 1em;}
#contents00 h3{font-size:2.25em;height:3.333333333333333em;background:url("images/ttl_ss.png") center center no-repeat;background-size:contain;margin:0 auto;padding:0;display:flex;flex-direction:column;justify-content:center;}
#contents01{padding:40px 1.852%;}
#contents01>li>a{box-shadow:0 0 18px rgba(149,167,167,.2);position:relative;}
#contents01>li>a:hover{box-shadow:0 0 8px rgba(149,167,167,.2);}
#contents01>li>a::after{content:"";width:20px;height:20px;position:absolute;right:4px;bottom:4px;background:linear-gradient(-45deg,#403e3b,#403e3b 50%,#fff 50%,#fff);}
#contents01>li>a:hover::after{background:linear-gradient(-45deg,#24b5c3,#24b5c3 50%,#fff 50%,#fff);}
#contents01 img{margin:0 auto;width:57.37704918032787%;max-width:140px;}
#contents01 .b{font-size:1.125em;padding:0 .5em;width:100%;}
#contents02{padding:0;}
#contents02::after{left:50%;width:300%;transform:translateX(-50%);top:21%;}
#contents02>dl>dd{background:none;}
#contents02 h3{font-size:2.25em;margin:0;padding:.6em .4em;}
#contents02>dl>dt{max-width:1020px;max-height:160px;padding:0;background:url("images/ttl_wc.png") 0 center no-repeat;background-size:contain;height:15.68627450980392vw;}
#contents02>dl>dd{padding:.8em 14.28571428571429%;}
#contents02 section{padding:1em 0;}
#contents02+.ba_b::after{height:56%;}
#news>h3 [lang="en"]{margin-bottom:.25em;}
.comment{border:none;margin:-50px 5px 3em;padding:1em 2em;}
dl.box>dt{margin-bottom:5px;}
dl.box>dd{padding:0 10px;}
dl.box>dt.on+dd{padding:2em 10px 5em;}
.ai-c{align-items:center;}
.boxwrap{padding-top:60px;counter-increment:boxwrap-num;margin:10px 0 0;}
.boxwrap::before{position:absolute;content:counter(boxwrap-num, decimal-leading-zero);font-size:120px;color:rgb(214 236 238 / 75%);line-height:.73;top:-15px;font-family:'Arial',serif;font-weight:bold;z-index:1;}
.boxwrap.nonum::before{content:none;}
.boxwrap:nth-child(odd)::before{left:0;}
.boxwrap:nth-child(even)::before{right:0;}
.boxwrap::after{content:"";position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width:100%;height:100%;z-index:-1;background-color:#fff;}
.box-img{margin:0 auto;text-align:center;width:80%;}
.box-img img{width:100%;margin:0;height:100%;box-shadow:10px 10px 0px 0 #f8f8f8;}
.boxwrap.sticky .box-img img{box-shadow:none;}
.box-txt{padding:30px 5%;}
.int-ttl{font-size:6vw;display:block;position:relative;font-weight:bold;font-family:sans-serif;}

.step>li{position:relative;}
.step>li:not(:last-child){margin-bottom:40px;}
.step>li dl{width:100%;padding:20px 30px;display:flex;align-items:center;position:relative;background:#f5f5f5;flex-direction:column;}
.step>li dl dt{font-size:1.25em;flex-basis:25%;text-align:center;margin:0 1vw 1em 0;}
.step>li dl dd{display:flex;align-items:center;flex-direction:column;text-align:left;width:100%;}
.step>li dl dd img{height:150px;object-fit:cover;margin:0 0 15px 0;}
.step>li:not(:first-child)::before{content:"";height:60px;display:block;border-left:4px dotted #c5c5c5;position:absolute;top:-40px;left:50%;z-index:3;}
.step .waku{font-size:3em;}
.step .waku:before {content: "STEP";font-size: .4em;border-bottom:4px solid;margin:10px 20px 10px 0;letter-spacing: .2em;padding:5px 0 5px 5px;vertical-align:super;font-weight: bold;}
.table2 tr:first-child,.table3 tr:first-child{border-top:1px solid #dfdfdf;}
.table2 tr,.table3 tr{border-bottom:1px solid #dfdfdf;}
.table2 th,.table3 th{background:#f8f8f8;border:none;font-weight:600;}
.table2 td,.table3 td{border:none;padding:2em;}
.table3 th{background:#1e1e1e;color:#fff;}
.fs-3em{font-size:3em;}
.linebox{border:none;}
.linebox3{background:#fff;}
.linebox4 {border:none;background:linear-gradient(45deg, #fdf4ff, #f4f4ec 50%, #d8f5f4);}
.sideline{display:inline-block;position:relative;line-height:2;padding:0 2.5em;}
.sideline::before,.sideline::after{content:"";position:absolute;left:1.5em;bottom:0;height:1.8em;border-left:2px solid;transform:rotate(145deg);box-shadow:0 0 1px #efefef;}
.sideline::after{left:auto;right:1.5em;transform:rotate(-145deg);}
.topttl {position: relative;padding-top:1em;padding-bottom:1em;font-size: 26px;text-align: center;}
.topttl span {position: relative;z-index:2;}
.topttl::before {content:attr(data-en);position:absolute;top:0px;left:50%;transform:translateX(-50%);font-size:3em;font-size:clamp(3em,6vw,8em);text-transform:capitalize;background:linear-gradient(45deg, #fdf4ff, #f4f4ec 50%, #d8f5f4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:0;line-height:1;}

.reward [class^=reward]{background:#fff;box-shadow:0 3px 5px rgba(149,167,167,.2);padding:1em;display:flex;flex-direction:row;justify-content:space-around;border:2px solid transparent;background:linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgb(249,249,249));position:relative;}
.reward .reward01{border-color:#f2f2f2;}
.reward .reward02{border-image: linear-gradient(135deg, #f7f7f7, #9e9e9e) 1;background:linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgb(227,227,227));}
.reward .reward03{border-image: linear-gradient(135deg, #ebd6b7, #c1a173) 1;background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(193, 161, 115, 0.3));}
.r-ttl{display:block;}
.r-num{font-size:3em;}
.reward [class^=reward] div:first-child::after{content:"";display:inline-block;width:1em;height:1em;border:0.1em solid ;border-left: 0;border-bottom: 0;box-sizing: border-box;transform: translate(-50%,-50%) rotate(45deg);position: absolute;top: calc(60% - 0.2em);left: calc(50% - 0.2em);}
.reward [class^=reward] div:last-child .r-num{background:linear-gradient(90deg, #eac795, #c3a376);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
[class*="ttl-"] {font-size:1em; text-align:center;}
[class*="ttl-"]>span {vertical-align:middle;}
[class*="ttl-tab"] {clear:both; display:block; position:relative;}
[class*="ttl-tab"]::before{border-top:2px solid #626262; content:""; width:100%; height:2px; position:absolute; left:0; top:50%; z-index:0;}
[class*="ttl-tab"]>span{font-size:1.2em;letter-spacing: .2em;background:#000; color:#fff; display:inline-block; margin:0 auto; padding:.2em 1em; z-index:1; position:relative;}
/* ▼比較表ここから▼ */
.p-comparison{background:#f8f3ed;}
.p-comparison .topttl::before{background:linear-gradient(45deg, #ffffff, #fce8e8 50%, #d8f5f4);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.comparison-wrapper{width:100%;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px rgb(165 165 165 / 25%);padding:16px;box-sizing:border-box;max-width:900px;margin:0 auto 5em;}
.gri-table{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));text-align:center;align-items:stretch;min-width:500px;}
.col-3{grid-column:span 3/span 3}.col-2{grid-column:span 2/span 2;}
.cell{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #f3f4f6;padding:8px;box-sizing:border-box;flex-direction:column;}
.lbl{flex-direction:column;background:#f9fafb;font-weight:700;text-align:left;box-shadow:2px 0 5px -2px rgba(0,0,0,.05);}
.lbl-check{color:#b59a6d;margin-right:2px}.icon-svg{width:28px;height:28px;color:#b59a6d;margin-bottom:4px;padding:0;}
.r-clm{background:linear-gradient(to bottom,#fffef7,#fdf5e6);border-left:2px solid #d4af37;border-right:2px solid #d4af37;position:relative;}
.r-hdr{background:linear-gradient(to bottom,#c5a059,#f2e1a3,#c5a059);color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:7;border-radius:4px 4px 0 0;padding:8px;}
.r-tip{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #c5a059;}
.c-hdr{background:#1e1e1e;color:#fff;font-size:.8rem;font-weight:700;margin-top:1em}.border-l-white{border-left:1px solid #fff;}
.sym-2c{width:40px;height:40px;border-radius:50%;border:4px double #d4af37;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 4px #fff);}
.sym-2c::after{content:'';width:20px;height:20px;border-radius:50%;border:2px solid #d4af37;}
.sym-t{font-size:1.5rem;font-weight:300}.c-x{color:#f87171}.c-tri{color:#eab308}.c-cir{color:#22c55e;}
.remark{font-size:.8em;color:#4e4e4e;}
.legend-section{margin-top:24px;border:1px solid #e2d1c3;border-radius:8px;padding:12px;font-weight:700;font-size:clamp(10px,3.5vw,1em);}
.legend-gri{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 0;}
.legend-item{display:flex;align-items:center;}
.legend-item span{margin-right:.5em;}
.legend-item span.legend-mark{width:1.5em;height:1.5em;border:1px solid #d4af37;border-radius:50%;margin-right:.8em;display:flex;align-items:center;justify-content:center;}
.legend-item .legend-dot{width:10px;height:10px;border:1px solid #d4af37;border-radius:50%;margin-right:0;}
.f-cor{position:absolute;width:16px;height:16px;border-color:#d4af37;}
.f-title{font-size:.875rem;font-weight:700;color:#b59a6d;margin:0;}
.f-details{display:flex;flex-wrap:wrap;justify-content:center;gap:0 8px;font-size:10px;margin-top:8px;font-weight:700;opacity:.7;}
.py-4{padding-top:16px;padding-bottom:16px;}
.rounded-bl{border-bottom-left-radius:12px;}
.rounded-br{border-bottom-right-radius:12px;}
.rounded-b-main{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom:2px solid #d4af37;}
.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:8px;}
.table-container::-webkit-scrollbar{height:6px;}
.table-container::-webkit-scrollbar-thumb{background-color:#e2d1c3;border-radius:3px;}
.sticky-left{position:sticky;left:0;z-index:8;background:#fff;}
.t-check{border-collapse:separate;border-spacing:0 2px;letter-spacing: .075em;line-height:1.2;vertical-align:middle;font-size: clamp(1em, 4vw, 1.25em);}
.t-check th,.t-check td{border:none;padding:.5em;}
.t-check th{width:2.75em;text-align:center;color:#fff;background:#24b5c3;}
.t-check th:before{content:"";width:1em;height:.6em;border-left:3px solid;border-bottom:3px solid;transform: rotate(-45deg);display:inline-block;margin-bottom:.4em;}
.t-check td{background:#fbfbfb;padding:.85em 1.5em;}
.voice li{box-shadow:0 2px 3px rgb(138 144 142 / 19%);border-radius:10px;padding:1em 2em;background:#e4f5f1;}
.voice_img{position:relative;width:200px;margin:1em auto;}
.voice_img p{position:absolute;top:0;right:-3em;width:7em;height:7em;border:1px solid #3daba4;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;color:#3daba4;font-size:15px;line-height:1.33;flex-direction: column;}
.fc-aqua,.fc-cyan,.oc-aqua,.oc-cyan{color:#24b5c3;}

@media(min-width:30em){
[class*="ttl-tab"]>span{padding:.2em 2em;}
}
@media(min-width:40em){
#contact>ul{padding:60px 0 90px 0;}
#contents02>dl>dt{width:72.85714285714286vw;}
#contents02>p{padding-top:75px;}
.step>li dl{width:70%;margin:auto;}
.step>li dl dd{width:70%;}
.int-ttl{font-size:2.25em;}
.reward.typebox3>li{width:100%;margin-left:0;}
.reward.typebox3>li:nth-child(3n+1){margin-left:0;}
}
@media(min-width:48em){
[class*="p-reason"], [class*="p-reason"] #main, [class*="p-reason"] [id*="a-"], [class*="p-reason"] #main .content{overflow:visible;}
.comment{margin:-25em auto 3em 3em;width:50%;padding:1em 2em;}
#global>ul{max-width:1140px;}
#global>ul>li>a>span{padding:.234em 1em;text-align:center;letter-spacing:normal;}
#global>ul>li:first-child{padding:8px 0;width:13.85964912280702%;}
#global a[rel="home"]{height:64px;max-width:158px;}
#fmenu nav{padding:40px 0;}
#contents03{padding:0;}
#index #news{padding:20px 0 50px 0;}
#news>h3{margin-bottom:30px;}
.boxwrap{position:relative;display:flex;padding:40px 0;align-items:center;margin-bottom:140px;}
.boxwrap::before{font-size:160px;top:-75px;}
.boxwrap::after{width:70%;}
.boxwrap:nth-child(odd)::after{left:0}
.boxwrap:nth-child(even)::after{right:0;}
.boxwrap:nth-child(odd) .box-img{order:2;}
.boxwrap:nth-child(odd) .box-txt{order:1;}
.box-img{margin:0;width:40%;}
.boxwrap.sticky{align-items:flex-start;}
.sticky .box-img{position:sticky;top:100px;}
.box-img img{box-shadow:20px 20px 0px 0 #f8f8f8;}
.box-txt{padding:0 5%;width:60%;}
.step>li:not(:first-child)::before{left:-webkit-calc(12% + 30px - 2px);left:calc(12% + 30px - 2px);}
.step>li dl{flex-direction:row;margin:0;width:100%;}
.step>li dl dd{flex-direction:row;}
.step>li dl dd img{margin:0 30px 0 0;}
.typebox-2-3 .w48{width:48%;}
}
@media(min-width:61em){
#contents00{font-size:1rem;}
.reward.typebox3>li{width:30.66666666666667%;margin-left:4%;}
}
@media(min-width:74.125em){
#show>h3{font-size:28px;font-size:1.75rem;}
}