@property --vw-1{syntax:"<length>";inherits:true;initial-value:0px}:root{--vw-1: 1vw;--vw-to-px: calc(tan(atan2(var(--vw-1), 1px)));--ratio-em: (1em / 16)}#how_to h1{position:relative;z-index:9;font-family:var(--font-tit);line-height:1.4;text-align:center;font-size:min(65*var(--ratio-em),var(--vw-to-px)*1rem/16*65/var(--device)*100)}@media screen and (min-width: 901px){#how_to h1{font-size:clamp(35*var(--ratio-em),var(--vw-to-px)*1rem/16*35/var(--device)*100,35*var(--ratio-em))}}@media screen and (min-width: 1281px){#how_to h1{font-size:min(50*var(--ratio-em),var(--vw-to-px)*1rem/16*50/var(--device)*100)}}@media screen and (max-width: 900px){#how_to .hl2_b{font-size:min(55*var(--ratio-em),var(--vw-to-px)*1rem/16*55/var(--device)*100)}}#how_to .hl2_b .small{font-size:70%}#how_to .txtCol{position:relative;z-index:9;width:90%;max-width:1400px;margin-inline:auto;background-color:var(--color-white);overflow:hidden;background:url(../images/common/frame_bg02_t_sp.webp) no-repeat top center/100% auto,url(../images/common/frame_bg02_b_sp.webp) no-repeat bottom center/100% auto,url(../images/common/frame_bg02_lr_sp.webp) repeat-y left top/100% auto;padding:calc(80vw/var(--deviceWide)*100) 7%}@media screen and (min-width: 901px){#how_to .txtCol{text-align:center;padding:min(80px,80vw/var(--device)*100) min(40px,40vw/var(--device)*100);background:url(../images/common/frame_bg02_t.webp) no-repeat top center/100% auto,url(../images/common/frame_bg02_b.webp) no-repeat bottom center/100% auto,url(../images/common/frame_bg02_lr.webp) repeat-y left top/100% auto}}#how_to p.ft_t{font-weight:700;line-height:1.4}@media screen and (min-width: 901px){#how_to p.ft_t{line-height:1.6}}#how_to .point{display:flex;gap:.5em;align-items:flex-start}#how_to .point .icon{font-family:var(--font-tit);color:var(--color-white);background-color:var(--color-gold-3);padding:.05em .5em;font-size:120%}#how_to .point span:not(.icon){line-height:1.6}#how_to .imgBox.col2{position:relative;display:flex;justify-content:center;flex-wrap:wrap;margin-top:min(30px,30vw/var(--device)*100);width:100%}@media screen and (max-width: 900px){#how_to .imgBox.col2 li+li{margin-top:min(30px,30vw/var(--device)*100)}}@media screen and (min-width: 901px){#how_to .imgBox.col2 li{width:calc(50% - min(15px,15vw/var(--device)*100))}#how_to .imgBox.col2 li:nth-child(even){margin-left:min(30px,30vw/var(--device)*100)}#how_to .imgBox.col2 li:nth-child(n+3){margin-top:min(30px,30vw/var(--device)*100)}#how_to .imgBox.col2 li:has(.hl3):nth-child(n+3){margin-top:0}}#how_to .imgBox.col3{position:relative;display:grid;grid-template-columns:repeat(3, 1fr);gap:min(30px,30vw/var(--device)*100);margin-top:min(30px,30vw/var(--device)*100);width:100%}#how_to .level{background-color:rgba(238,230,212,.7);padding-inline:calc(40vw/var(--deviceWide)*100)}@media screen and (min-width: 901px){#how_to .level{padding-inline:min(30px,30vw/var(--device)*100)}}#how_to .level>li{padding-block:calc(40vw/var(--deviceWide)*100)}@media screen and (min-width: 901px){#how_to .level>li{padding-block:min(30px,30vw/var(--device)*100)}}#how_to .level>li h3{display:flex;align-items:center;font-family:var(--font-tit);font-size:clamp(21*var(--ratio-em),var(--vw-to-px)*1rem/16*27/var(--device)*100,27*var(--ratio-em))}@media screen and (min-width: 901px){#how_to .level>li h3{font-size:clamp(27*var(--ratio-em),var(--vw-to-px)*1rem/16*30/var(--device)*100,30*var(--ratio-em))}}@media screen and (min-width: 1281px){#how_to .level>li h3{font-size:clamp(28*var(--ratio-em),var(--vw-to-px)*1rem/16*28/var(--device)*100,28*var(--ratio-em))}}#how_to .level>li h3 span{color:var(--color-white);background-color:var(--color-gold-3);padding:.2em .5em;font-size:70%;margin-right:.5em}#how_to .level>li p{line-height:1.4}#how_to .level>li+li{border-top:2px solid #e9d8b4}.videoBox{position:relative;display:flex;flex-wrap:wrap;justify-content:right}.videoBox video{max-width:100%;vertical-align:bottom}.videoBox .videoBtn{z-index:999;background-color:var(--color-gold-3);color:var(--color-white);border:none;font-weight:400;font-size:clamp(14*var(--ratio-em),var(--vw-to-px)*1rem/16*14/var(--device)*100,14*var(--ratio-em));margin-top:calc(10vw/var(--deviceWide)*100);padding:calc(20vw/var(--deviceWide)*100) calc(30vw/var(--deviceWide)*100);font-weight:400;border:1px solid #eee;outline:1px solid #eee;outline-offset:-5px;width:11em}@media screen and (min-width: 901px){.videoBox .videoBtn{margin-top:min(10px,10vw/var(--device)*100);padding:min(15px,15vw/var(--device)*100) min(30px,30vw/var(--device)*100);font-size:clamp(16*var(--ratio-em),var(--vw-to-px)*1rem/16*16/var(--device)*100,16*var(--ratio-em));width:13em}}@media screen and (min-width: 1281px){.videoBox .videoBtn{font-size:clamp(16*var(--ratio-em),var(--vw-to-px)*1rem/16*16/var(--device)*100,16*var(--ratio-em))}}@media(any-hover: hover),(-ms-high-contrast: none){.videoBox .videoBtn{transition:.2s}.videoBox .videoBtn:hover{transform:translateY(5px)}}
/*# sourceMappingURL=maps/how_to.css.map */