:root{--base_color:#fff;--base_subcolor:rgb(248,248,248);--base_space:6rem;--base_fontcolor:rgb(18,18,18);--sub_fontcolor:rgb(96,96,96);--base_maxwid:1000px;--base_bordercolor:rgb(229,229,229);@media (prefers-color-scheme:dark){--base_color:rgb(34,34,34);--base_subcolor:rgb(51,51,51);--base_fontcolor:#fff;--sub_fontcolor:rgb(204,204,204);--base_bordercolor:rgb(85,85,85)}}*,*::before,*::after{box-sizing:border-box}p,figure,blockquote,dl,dd{margin:0}ul[role='list'],ol[role='list']{list-style:none}h1,h2,h3,h4{text-wrap:balance;letter-spacing:.1em;font-weight:600;margin:0}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth;font-size:100%;@media (width < 1000px){font-size:90%}}body{color:var(--base_fontcolor);background:var(--base_color);font-family:"Jost","Noto Sans JP",sans-serif;font-weight:400;font-size:1rem;min-height:100svh;line-height:1.5;margin:0}a{color:var(--base_fontcolor)}.mb_1{margin-bottom:var(--base_space)!important}.mb_2{margin-bottom:var(--base_space)!important;@media (width < 1000px){margin-bottom:calc(var(--base_space) / 3)!important}}.no-scroll{overflow:hidden;height:100vh}header{transition:transform 0.2s 0.2s}header.hidden{transform:translateY(-100px)}.cmn_header{display:flex;justify-content:space-between;align-items:center;padding:14px 25px;background:var(--base_color);position:fixed;top:0;width:100%;z-index:10;border-bottom:1px solid var(--base_bordercolor)}.cmn_header_logo{width:45%;max-width:220px;height:auto;padding-top:5px;fill:var(--base_fontcolor)}.cmn_header_burger{cursor:pointer;width:60px;span{display:inline-block;position:relative;width:10px;height:10px;background:#000;border-radius:3px;margin:0 12px 12px 0}span::before{content:"";position:absolute;width:10px;height:10px;background:var(--base_fontcolor);border-radius:3px;box-shadow:12px 0 0 0 var(--base_fontcolor),0 12px 0 0 var(--base_fontcolor)}span::after{content:"";position:absolute;left:12px;top:12px;width:10px;height:10px;background:#8D8075;border-radius:50%}}.cmn_header_lang{font-size:12px;position:relative;display:inline-block;width:5em;height:2.5em;user-select:none}.cmn_header_lang_cb{opacity:0;width:0;height:0}.cmn_header_lang_toggle{position:absolute;cursor:pointer;width:100%;height:100%;border-radius:.1em;transition:0.4s;font-weight:600;overflow:hidden;text-transform:uppercase}.cmn_header_lang_toggle>.cmn_header_lang_left{position:absolute;display:flex;width:50%;height:88%;background:var(--base_color);color:var(--base_fontcolor);left:0;bottom:0;align-items:center;justify-content:center;transform-origin:right;transform:rotateX(10deg);transform-style:preserve-3d;transition:all 150ms;border-top:1px solid var(--base_bordercolor);border-bottom:1px solid var(--base_bordercolor);border-left:1px solid var(--base_bordercolor)}.cmn_header_lang_left::before{position:absolute;content:"";width:100%;height:100%;background-color:var(--base_bordercolor);transform-origin:center left;transform:rotateY(90deg)}.cmn_header_lang_left::after{position:absolute;content:"";width:100%;height:100%;background-color:rgb(170,170,170);transform-origin:center bottom;transform:rotateX(90deg)}.cmn_header_lang_toggle>.cmn_header_lang_right{position:absolute;display:flex;width:50%;height:88%;background:var(--base_color);color:rgb(206,206,206);right:1px;bottom:0;align-items:center;justify-content:center;transform-origin:left;transform:rotateX(10deg) rotateY(-45deg);transform-style:preserve-3d;transition:all 150ms;border-top:1px solid var(--base_bordercolor)}.cmn_header_lang_right::before{position:absolute;content:"";width:100%;height:100%;background:var(--base_bordercolor);transform-origin:center right;transform:rotateY(-90deg)}.cmn_header_lang_right::after{position:absolute;content:"";width:100%;height:100%;background:#aaa;transform-origin:center bottom;transform:rotateX(90deg)}.cmn_header_lang input:checked+.cmn_header_lang_toggle>.cmn_header_lang_left{transform:rotateX(10deg) rotateY(45deg);color:rgb(206,206,206);border:none;border-top:1px solid var(--base_bordercolor)}.cmn_header_lang input:checked+.cmn_header_lang_toggle>.cmn_header_lang_right{transform:rotateX(10deg) rotateY(0deg);color:var(--base_fontcolor);border-bottom:1px solid var(--base_bordercolor);border-right:1px solid var(--base_bordercolor)}.cmn_menu{z-index:11;position:fixed;top:20px;left:-540px;width:calc(100svw - 40px);max-width:500px;height:90%;padding:1em 2em;transition:ease-in-out 0.3s;overflow-y:auto;background:var(--base_subcolor);box-shadow:0 4px 24px 0 rgb(0,0,0,.07);opacity:.9;border-radius:6px;ul{margin:0;padding-left:0}li{list-style:none;span{display:block;margin-bottom:.6em}a{text-decoration:none;display:block;padding:1em 0}label{display:block;padding:1em 0;cursor:pointer}}.cmn_menu_sub{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid var(--base_bordercolor);li{width:48%;font-size:.8rem;text-align:center;margin-bottom:1em;a{padding-block:0 .5em;img{width:100%;height:auto;margin-bottom:.5em}}}}}#cmn_menu_open{display:none}.cmn_menu_close{border-bottom:1px solid var(--base_bordercolor);font-size:.8rem;padding-bottom:2em!important;margin-bottom:1em}#cmn_menu_open:checked+.cmn_menu{left:20px}#cmn_menu_open:checked+.cmn_menu+.cmn_blur{background:var(--base_color);filter:blur(1rem) brightness(.8)}.cmn_menu_sns{border-top:1px solid var(--base_bordercolor);padding-top:2em;margin-top:1em;a{margin-right:2em;text-decoration:none;svg{width:18px;height:auto;fill:var(--base_fontcolor)}}}.cmn_head_buy{position:fixed;width:100%;top:0;padding-block:10px;background:var(--base_color);z-index:9;border-bottom:1px solid var(--base_bordercolor);div{display:flex;justify-content:space-between;align-items:center;margin-inline:auto;width:min(var(--base_maxwid),90%);a{margin:0!important;width:6rem!important;height:2em!important;span{height:2em!important;line-height:2em!important}}p a{font-weight:600;font-size:1.2rem;text-decoration:none;letter-spacing:.1em}}}.cmn_btm_nav{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-inline:auto;width:min(2000px,100%);@media (width < 1000px){justify-content:space-between}a{display:block;width:min(500px,24.4%);margin:0 .3% 3em;text-align:center;text-decoration:none;letter-spacing:.1em;@media (width < 1000px){width:49%;margin-inline:0}&:hover img{@media (any-hover:hover){transform:scale(.975)}}img{width:100%;height:auto;margin-bottom:1em;transition:transform .3s;filter:brightness(.98)}}}.cmn_breadcrumb{border-top:1px solid var(--base_bordercolor);border-bottom:1px solid var(--base_bordercolor);background:var(--base_color);padding-block:1em;ul{text-align:center;padding:0;font-size:.9rem;li{display:inline;list-style:none;&::after{content:"/";margin-inline:.5rem}&:last-child::after{content:"";margin-inline:0}a{display:inline;text-decoration:none}}}}.cmn_footer{background:var(--base_color);display:block;padding-block:50px;text-align:center;line-height:3em;a{text-decoration:none;margin-inline:1em;vertical-align:middle}p{padding-block:50px;font-size:.6em}}.cmn_kv{display:block;width:100%;height:min(1300px,110svh);position:relative;overflow:hidden;@media (width < 1000px){height:90svh}img{width:100%;height:100%;position:static;top:0;left:0;object-fit:cover;object-position:bottom;z-index:-1;mask:url(/cmn/img/cmn/msk_2.webp) no-repeat bottom center / cover;opacity:0;animation:fadeInns .5s ease-in forwards;animation-delay:0.2s;@media (width < 1000px){mask-size:130% 100%}}}@keyframes fadeInns{0%{opacity:0}100%{opacity:1}}.cmn_layout_style1{width:min(1000px,80%);margin-inline:auto;text-align:center;h2{font-size:1.2rem;margin-bottom:1em}p{font-size:.9rem;text-wrap:pretty;line-height:1.6em;color:var(--sub_fontcolor)}}.cmn_layout_style2{width:min(var(--base_maxwid),80%);margin-inline:auto;text-align:center;display:flex;justify-content:space-between;align-items:center;@media (width < 1000px){display:block;width:90%}div{width:50%;padding-inline:4em;@media (width < 1000px){width:100%;place-items:center;margin-bottom:calc(var(--base_space) / 2);padding-inline:2em}h2,h3{font-size:1.2rem;margin-bottom:1em}p{font-size:.9rem;text-wrap:pretty;line-height:1.6em;color:var(--sub_fontcolor);a{display:inline-block;margin-top:1em;position:relative;text-decoration:none}a::after{position:absolute;left:0;content:'';width:100%;height:1px;background:var(--base_fontcolor);bottom:-1px;transform:scale(1,1);transform-origin:left top;transition:transform 0.3s}a:hover::after{transform:scale(0,1);transform-origin:right top}}}img{width:50%;height:auto;@media (width < 1000px){width:100%}}}.cmn_layout_bg1{background:var(--base_color);padding-block:var(--base_space) .5px}.cmn_layout_bg2{background:var(--base_subcolor);padding-block:var(--base_space) .5px}.cmn_ttl1{width:min(1000px,80%);margin-inline:auto;text-align:center;font-size:2rem;margin-bottom:2em;line-height:1em}.cmn_ttl2{width:min(1000px,80%);margin:2em auto;text-align:center;font-size:2rem;line-height:1em}.cmn_ttl3{width:min(1000px,80%);margin-inline:auto;text-align:center;font-size:1.2rem;margin-bottom:1em}.cmn_btn1{display:block;position:relative;font-size:.9rem;border-radius:100vmax;width:9rem;height:3em;z-index:1;color:#fff;overflow:hidden;border:none;font-weight:600;margin:calc(var(--base_space) / 3) auto 0;.text{position:absolute;inset:0;line-height:3em;border-radius:100vmax;border:none;background:linear-gradient(rgba(255,255,255,.473),rgba(150,150,150,.25));z-index:1;text-align:center}.blob{position:absolute;z-index:-1;border-radius:5em;width:8em;height:3em;transition:transform .3s ease-in-out}.blob:nth-child(2){left:0em;top:0;background:#735557}.blob:nth-child(3){left:2.5em;top:0;z-index:-1;background:#97866A}.blob:nth-child(4){left:5em;top:-.6em;background:#D29F80}.blob:nth-child(5){left:5em;top:1.2em;background:#604652}@media (any-hover:hover){&:hover .blob{transform:scale(1.3)}&:active{border:2px solid #fff}}}.cmn_btn2{display:inline-block;margin-top:1em;position:relative;text-decoration:none;&::after{position:absolute;left:0;content:'';width:100%;height:1px;background:var(--base_fontcolor);bottom:-1px;transform:scale(1,1);transform-origin:left top;transition:transform 0.3s}&:hover::after{transform:scale(0,1);transform-origin:right top}}.cmn_img_style1{display:block;width:min(var(--base_maxwid),80%);height:auto;margin-inline:auto;@media (width < 1000px){width:90%}}.cmn_img_style2{display:block;width:min(600px,80%);height:auto;margin-inline:auto;@media (width < 1000px){width:90%}}.cmn_loading{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--base_color);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;.cmn_loading_anim{--uib-size:40px;--uib-speed:.8s;position:relative;height:calc(var(--uib-size) / 2);width:var(--uib-size);filter:url('#uib-jelly-ooze');animation:rotate72317 calc(var(--uib-speed) * 2) linear infinite}.cmn_loading_anim::before,.cmn_loading_anim::after{content:'';position:absolute;top:0%;left:25%;width:50%;height:100%;background:var(--base_fontcolor);border-radius:100vmax}.cmn_loading_anim::before{animation:shift-left var(--uib-speed) ease infinite}.cmn_loading_anim::after{animation:shift-right var(--uib-speed) ease infinite}.cmn_loading_anim-maker{width:0;height:0;position:absolute}}@keyframes rotate72317{0%,49.999%,100%{transform:none}50%,99.999%{transform:rotate(90deg)}}@keyframes shift-left{0%,100%{transform:translateX(0%)}50%{transform:scale(.65) translateX(-75%)}}@keyframes shift-right{0%,100%{transform:translateX(0%)}50%{transform:scale(.65) translateX(75%)}}#main_contents{display:none}#main_contents.show{display:block}.cmn_img_change{position:relative;width:min(var(--base_maxwid),80%);aspect-ratio:5 / 3.2;margin-inline:auto;@media (width < 1000px){width:90%}img{width:100%;height:auto;position:absolute;opacity:0;animation:change-img-anim 9s infinite}img:nth-of-type(1){animation:change-img-anim-first 9s infinite;animation-delay:0s}img:nth-of-type(2){animation-delay:3s}img:nth-of-type(3){animation-delay:6s}}@keyframes change-img-anim-first{0%{opacity:1}30%{opacity:1}36%{opacity:1}45%{opacity:0}100%{opacity:0}}@keyframes change-img-anim{0%{opacity:0}30%{opacity:1}36%{opacity:1}45%{opacity:0}100%{opacity:0}}.img-in{opacity:0;transform:translateY(20px);transition:opacity 0.5s ease-out,transform 0.6s ease-out}.img-in.visible{opacity:1;transform:translateY(0)}