@charset "UTF-8";

html,body{margin:0px;padding:0px;}em,address{font-style:normal;}table th,table td,dl,dl dt,dl dd,ul,ol,li,p{font-size:1rem;margin:0px;padding:0px;line-height:1.5;}
.row{position:relative;clear:both;margin-left:auto;margin-right:auto;box-sizing:border-box;}.row > *{display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;min-width: 0;}.imgs_w > img{width:100%;height:auto;display:block;}
@media screen and (min-width: 751px){.sp{display:none!important;}.w100{max-width:100%!important;}.w500{max-width:500px!important;}.w600{max-width:600px!important;}.w700{max-width:700px!important;}.w758{max-width:758px!important;}.w750{max-width:750px!important;}.w780{max-width:780px!important;}.w800{max-width:800px!important;}.w850{max-width:850px!important;}.w832{max-width:832px!important;}.w900{max-width:900px!important;}.w960{max-width:960px!important;}.w980{max-width:980px!important;}.w1000{max-width:1000px!important;}.w1200{max-width:1200px!important;}.row.col2,.row.sol2,.row.col3,.row.sol3,.row.col4,.row.col5,.row.col6,.row.col28,.row.col82,.row.col37,.row.col64,.row.col65,.row.col73,.row.col82,.row.col23s,.row.sol64,.row.sol5,.row.col46{display:flex;flex-wrap: wrap;align-items:stretch;width:100%;margin-left:auto;margin-right:auto;}.row.col65,.row.col2,.row.sol2,.row.col3,.row.col5,.row.col4,.row.col46,.row.col64,.row.col28,.row.col82,.row.col37,.row.col23s,.row.col6,.row.sol5,.row.col73{justify-content:space-between;}.row.just{justify-content:space-between!important;}.row.around{justify-content:space-around!important;}.row.evenly{justify-content: space-evenly!important;}.row.center{justify-content: center!important;}.row.left{justify-content: left!important;}.row.right{justify-content: right!important;}.row.middle{align-items:center!important;}.row.baseline{align-items:baseline!important;}.row.end{align-items:flex-end!important;}.row.start{align-items:flex-start!important;}.row.rev{flex-direction:row-reverse;}.row.column{flex-direction:column}.row.colrev{flex-direction:column-reverse;}.row.flex{display:flex;}.row.flex > *{display:block;}.row.col2 > *{flex-basis:48%;max-width:48%;}.row.col2.ms0 > *{flex-basis:50%;max-width:50%;}.row.col2.ms1 > *{flex-basis:49.8%;max-width:49.8%;}.row.col2.ms2 > *{flex-basis:48%;max-width:48%;}.row.col2.ms3 > *{flex-basis:47%;max-width:47%;}.row.col2.ms4 > *{flex-basis:46%;max-width:46%;}.row.col3 > *{flex-basis:31.3%;max-width:31.3%;}.row.col3.ms0 > *{flex-basis:33.3%;max-width:33.3%;}.row.col3.ms1 > *{flex-basis:32.3%;max-width:32.3%;}.row.col3.ms2 > *{flex-basis:31.3%;max-width:31.3%;}.row.col3.ms3 > *{flex-basis:30.3%;max-width:30.3%;}.row.col4 > *{flex-basis:24%;max-width:24%;}.row.col4.ms0 > *{flex-basis:25%;max-width:25%;}.row.col4.ms2 > *{flex-basis:23%;max-width:23%;}.row.col4.ms3 > *{flex-basis:22%;max-width:22%;}.row.col5 > *{flex-basis:18.4%;max-width:18.4%;}.row.col5.ms2 > *{flex-basis:17.4%;max-width:17.4%;}.row.col6 > *{flex-basis:14.96%;max-width:14.96%;}.row.col65 > *:nth-child(odd){flex-basis:64%;max-width:64%;}.row.col64 > *:nth-child(odd){flex-basis:58%;max-width:58%;}.row.col46 > *:nth-child(odd){flex-basis:38%;max-width:38%;}.row.col37 > *:nth-child(odd){flex-basis:29%;max-width:29%;}.row.col37.ms3 > *:nth-child(odd){flex-basis:29%;max-width:29%;}.row.col73 > *:nth-child(odd){flex-basis:67%;max-width:67%;}.row.col28 > *:nth-child(odd){flex-basis:21%;max-width:21%;}.row.col82 > *:nth-child(odd){flex-basis:75%;max-width:75%;}.row.col46 >*:nth-child(odd),.row.col28 >*:nth-child(odd),.row.col82 >*:nth-child(even),.row.col37 >*:nth-child(odd),.row.col73 >*:nth-child(odd),.row.col64 > *:nth-child(odd){flex-grow:0;}.row.col46.rev >*:nth-child(odd),.row.col28.rev >*:nth-child(odd),.row.col37.rev >*:nth-child(odd),.row.col73.rev >*:nth-child(odd){flex-grow:0;margin-right:0px;}.row.col46 >*:nth-child(even),.row.col28 >*:nth-child(even),.row.col82 >*:nth-child(odd),.row.col37 >*:nth-child(even){flex-grow:1;}.row.col65 > *:nth-child(even){flex-basis:34%;max-width:34%;}.row.col64 > *:nth-child(even){flex-basis:38%;max-width:38%;}.row.col46 > *:nth-child(even){flex-basis:58%;max-width:58%;}.row.col37 > *:nth-child(even){flex-basis:67%;max-width:67%;margin-right:0px;}.row.col37.ms3 > *:nth-child(even){flex-basis:65%;max-width:65%;}.row.col73 > *:nth-child(even){flex-basis:29%;max-width:29%;margin-right:0px;}.row.col82 > *:nth-child(even){flex-basis:21%;max-width:21%;}.row.col28 > *:nth-child(even){flex-basis:75%;max-width:75%;}.row.col23s > *{flex-basis:31.3%;max-width:31.3%;}.row.col23s > *:nth-child(5n -1),.row.col23s > *:nth-child(5n){flex-basis:48.6%;max-width:48.6%;}.row.sol2 > *{flex-basis:50%;max-width:50%;}.row.sol3 > *{flex-basis:33.3%;max-width:33.3%;}.row.sol5 > *{flex-basis:20%;max-width:20%;}.row.sol64 > *:nth-child(even){flex-basis:45%;max-width:45%;}.row.sol64 > *:nth-child(odd){flex-basis:55%;max-width:55%;}.imgs{flex-shrink:0;position:relative;}.imgs img{width:auto;height:auto;max-width:100%;display:block;margin-left:auto;margin-right:auto;}}
@media screen and (max-width: 750px){html,body{width:100%;overflow-x:hidden;line-height:1.5;}
.pc{display:none!important;}.row.sp_col2,.row.sp_col46,.row.sp_col37,.row.sp_col64,.row.sp_col3,.row.sp_col4,.row.sp_sol3,.row.sp_col5{display:flex;flex-wrap: wrap;align-items:stretch;justify-content:space-between;width:100%;margin-left:auto;margin-right:auto;}.row.sp_col2 > *{flex-basis:48%;max-width:48%;}.row.sp_col3 > *{flex-basis:32%;max-width:32%;}.row.sp_col4 > *{flex-basis:23.5%;max-width:23.5%;}.row.sp_col5 > *{flex-basis:18.4%;max-width:18.4%;}.row.sp_col46 > *:nth-child(odd){flex-basis:34%;max-width:34%;}.row.sp_col46 > *:nth-child(even){flex-basis:62%;max-width:62%;}.row.sp_col64 > *:nth-child(odd){flex-basis:60%;max-width:60%;}.row.sp_col64 > *:nth-child(even){margin-right:0px;flex-basis:34%;max-width:34%;}.row.sp_sol3 > *{flex-basis:33.3%;max-width:33.3%;}.sp_imgs img,.imgs{margin:0px;position:relative;}.sp_imgs img,.imgs img{width:100%;height:auto;display:block;}
.row.sp_col37 > *:nth-child(odd){flex-basis:29%;max-width:29%;}.row.sp_col37 > *:nth-child(odd){flex-basis:29%;max-width:29%;}.row.sp_col37 > *:nth-child(even){flex-basis:67%;max-width:67%;margin-right:0px;}.sp_mt1{margin-top:1rem;}.sp_mt2{margin-top:2rem;}.sp_mt3{margin-top:3rem;}.sp_mt4{margin-top:4rem;}.sp_mb1{margin-bottom:1rem;}.sp_mb2{margin-bottom:1rem;}.sp_mb3{margin-bottom:1rem;}.sp_mb4{margin-bottom:1rem;}
}
.mt1{margin-top:1rem;}.mt2{margin-top:2rem;}.mt3{margin-top:3rem;}.mt4{margin-top:4rem;}.mt5{margin-top:5rem;}.mt6{margin-top:6rem;}.mt7{margin-top:7rem;}.mt8{margin-top:8rem;}.mb1{margin-bottom:1rem;}.mb2{margin-bottom:2rem;}.mb3{margin-bottom:3rem;}.mb4{margin-bottom:4rem;}.mb5{margin-bottom:5rem;}.pt1{padding-top:1rem;}.pt2{padding-top:2rem;}.pt3{padding-top:3rem;}.pt4{padding-top:4rem;}.pt5{padding-top:5rem;}.pb1{padding-bottom:1rem;}.pb2{padding-bottom:2rem;}.pb3{padding-bottom:3rem;}.pb4{padding-bottom:4rem;}.pb5{padding-bottom:5rem;}
section{position:relative;}


.noto{font-family:'Noto Sans JP', sans-serif;}

html,body{font-family:'Noto Sans JP', sans-serif;background-color:#FFF;overflow-x:hidden;line-height:2;font-size:15px;font-weight:400;color:#000;background-size:auto;background-position:center top;background-repeat:no-repeat;}
.serif{font-family:serif;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

em{font-weight:700;}
.lead{line-height:2;font-size:1.1334rem;}
.lead em,
.lead.em{font-weight:600;}
.pd1{padding:1rem;}.pd2{padding:2rem;}.pd3{padding:3rem;}.pd4{padding:4rem;}.pd5{padding:5rem;}.pd6{padding:6rem;}
.pt1{padding-top:1rem;}.pt2{padding-top:2rem;}.pt3{padding-top:3rem;}.pt4{padding-top:4rem;}.pt5{padding-top:5rem;}
ruby > rt {font-size:0.6em;text-indent:1em;}
.fl{float:left;margin-right:1rem;}.fr{float:right;margin-left:1rem;}
.abs{position:absolute;}
*{overflow-wrap: break-word;word-wrap: break-word;}


h1,h2,h3,h4,h5{position:relative;box-sizing:border-box;line-height:1.4;margin:0px;padding:0px;font-weight:200;letter-spacing:0.2em;z-index:10;}
h1{font-size:2.22rem;margin-bottom:2rem;}
h2{font-size:2.2666rem;width:100%;max-width:980px;margin:4rem auto;}
h3{font-size:2rem;font-weight:700;width:100%;max-width:980px;}
h4{font-size:1.266rem;font-weight:700;text-align:center;margin-bottom:1.6rem;}
h5{font-size:1.2rem;font-weight:600;border:1px solid #000;padding:0.5rem 1rem; text-align:center;margin-bottom:1.6rem;}

h2 small,
h3 small{display:block;width:12rem;margin:0px auto 10px;}
h2 img,
h3 img{display:block;width:auto;height:auto;max-width:100%;margin:0px auto;}

dl dt{font-size:1.5333rem;font-weight:700;}
dl dd{font-size:1.0667rem;font-weight:400;}



ul,ol{margin:1rem 0px;padding:0px;list-style-type:none;}
ul > li{position:relative;margin:8px 0px;line-height:1.5;padding:0px;}
ul li{position:relative;line-height:1.5;text-align: justify;text-justify: inter-ideograph;}

ol{counter-reset: num;}
ol li{font-size:1.214rem;position:relative;}
ol li:before{counter-increment: num;}
ol li+li{margin-top:1rem;}
ol.sqe{}
ol.sqe li{padding-left:4.2em;}
ol.sqe li+li{margin-top:2.4rem;}
ol.sqe li:before{display:block;content: "0" counter(num);width:2em;height:2rem;display:flex;align-items:center;justify-content:center;position:absolute;left:0.5rem;top:0rem;font-size:1rem;}

a{color:inherit;text-decoration:none;transition:all 0.2s;}
a > img{transition:all 0.2s;}
img+small{font-size:0.7em;display:block;margin:6px auto 1rem;text-align:center;}

p{line-height:2;letter-spacing:0.05em;}
p > em{font-weight:700;}
p+p{margin-top:1em;}
p.caption{font-size:0.73rem;}

small{font-size:0.85em;}

.btn{position:relative;font-size:1.13rem;font-weight:bold;display:flex;padding:1.5rem 2.5rem;line-height:1;background:#000;min-width:7rem;text-align:center;box-sizing: border-box;align-items:center;justify-content:center;color:#FFF;max-width:330px;margin-left:auto;margin-right:auto;background-repeat: no-repeat;background-size:1.5em;transition:all 0.3s;letter-spacing:0.1em;}

.btn.bwn{background-color:#c09a00;}
.btn.ble{background-color:#00a6e3;}
.btn.amazon{background-image:url(./images/icon_cart.svg);background-position:left 1rem center;}
.btn.pdf{background-image:url(./images/icon_pdf.svg);background-position:right 1rem center;}
.btn.line{background-color:rgba(255,255,255,0);border:4px solid #000;color:#000;}
.btn.line.mail{font-size:1rem;background:#FFF url(./images/icon_mail.svg) left 10px center no-repeat;background-size:1.6rem 2.6rem;padding:0.3rem 1.5rem 0.3rem 3.5rem;margin-left:1rem;line-height:1.3;font-weight:500;}
.btn:hover{opacity:0.6;}
.btn.arrow:after{content:'';display:block;width:10px;height:10px;border-bottom:2px solid #FFF;border-right:2px solid #FFF;transform:rotate(45deg);position:absolute;right:1rem;top:50%;margin-top:-6px;}

header{box-sizing:border-box;transition:all 0.2s;position:fixed;top:0px;left:0px;width:100%;background:rgba(255,255,255,1);padding:1rem;z-index:1000;}
header > .row{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;}
header .sitename{}
header.fixed > .row{align-items:flex-start;}
header.fixed .hm .hm_tit{display:none;}

#panel_btn{position:absolute;right:0px;top:0px;}


.line_blk{border:4px solid #000;box-sizing:border-box;padding:2rem;background:#FFF;}
.line_blk h2{margin-top:1rem;}
.line_blk h2+p.lead{margin-top:-2rem;margin-bottom:3rem;}

.dot_line{border:2px dotted #000;padding:1.5rem;}

section{width:100%;margin:0px;padding:5rem 0px;}
section > .row{width:100%;max-width:980px;margin-left:auto;margin-right:auto;}

#bg_img{width:100vw;z-index:-1;
background-position: left top -750px, right top 500px;
background-repeat:repeat-y,repeat-y;
background-attachment:fixed,fixed;
/*
background-image:url(./images/bg_l.svg),url(./images/bg_r.svg);
*/
}
#bg_img #bg_l{width:280px;height:823px;position:fixed;left:0px;top:100px;}
#bg_img #bg_r{width: 239px;height:808px;position:fixed;right:0px;top:300px;}
#bg_img .svg_item{opacity:0;animation-name: fadeIn_Out;animation-timing-function:ease;animation-direction:alternate;animation-iteration-count:infinite;animation-duration:3s;}
@keyframes fadeIn_Out {from {opacity:0;}to{opacity:1;}}
#bg_img .svg_item.d_00{animation-delay:0s;}
#bg_img .svg_item.d_01{animation-delay:1s;}
#bg_img .svg_item.d_02{animation-delay:2s;}
#bg_img .svg_item.d_03{animation-delay:3s;}
#bg_img .svg_item.d_04{animation-delay:4s;}
#bg_img .svg_item.d_05{animation-delay:5s;}
#bg_img .svg_item.r_00{animation-duration:0s;}
#bg_img .svg_item.r_01{animation-duration:1s;}
#bg_img .svg_item.r_02{animation-duration:2s;}
#bg_img .svg_item.r_03{animation-duration:3s;}
#bg_img .svg_item.r_04{animation-duration:4s;}
#bg_img .svg_item.r_05{animation-duration:5s;}

#inst{padding:1rem 0px 5rem;min-height:380px;z-index:10;}
#inst:before{transition:all 2s 1s;margin:0px auto;content:'';display:block;width:200px;height:200px;background:url(./images/logo_s.png) center center no-repeat;background-size:contain;position:absolute;left:50%;margin-left:-100px;top:180px;z-index:10;}
#inst .row{}
#inst .slider{opacity:0;transition:all 1s 1s;display:flex;}

#inst .tit{opacity:0;transition:all 2s 1s;width:30vw;max-width:600px;height:265px;background:#FFF;display:flex;align-items:center;justify-content:center;position: relative;z-index: 30;}
#inst .tit img{width:320px;height:auto;max-width:25vw;display:block;}
#inst.initialized .tit{opacity:1;}
#inst .row.mt_265{margin-top:-265px;}

#inst.initialized .slider{opacity:1;}
#inst.initialized:before{opacity:0;pointer-event:none;}

#inst .slider .slider_inner{display:flex;}

.sl1 .slider_inner:first-child {animation: loop 240s linear infinite;}
.sl1 .slider_inner:nth-child(2) {animation: loop2 240s -160s linear infinite;}
.sl1 .slider_inner:last-child {animation: loop3 240s -80s linear infinite;}

@keyframes loop {0% {transform: translateX(200%);}to {transform: translateX(-100%);}}
@keyframes loop2 {0% {transform: translateX(100%);}to {transform: translateX(-200%);}}
@keyframes loop3 {0% {transform: translateX(0%);}to {transform: translateX(-300%);}}

.sl2 .slider_inner:first-child {animation: loop_r1 240s linear infinite;}
.sl2 .slider_inner:nth-child(2) {animation: loop_r2 240s -160s linear infinite;}
.sl2 .slider_inner:last-child {animation: loop_r3 240s -80s linear infinite;}

@keyframes loop_r1 {0% {transform: translateX(-100%);}to {transform: translateX(200%);}}
@keyframes loop_r2 {0% {transform: translateX(-200%);}to {transform: translateX(100%);}}
@keyframes loop_r3 {0% {transform: translateX(-300%);}to {transform: translateX(0%);}}


#inst .slider .slide{padding:5px;}

#inst .slider .slide:nth-child(even){width:260px;}
#inst .slider .slide:nth-child(odd){width:180px;}
#inst .slider .slide a{transition:all 0.3s;display:flex;overflow:hidden;justify-content: center;align-items: center;height:260px;border-radius: 0.7rem;}
#inst .slider .slide a:hover{opacity:0.6;}
#inst .slider .slide img{height:100%;width:100%;display:block;object-fit:cover;}


#nobo{z-index:10;position:relative;}
#nobo p{}
#nobo p a{color:#db5107;text-decoration:underline;}
#nobo p a:hover{text-decoration:none;}
#nobo h3 img{position:relative;top:-6rem;width:205px;height:auto;margin:0px auto -5rem;}
#nobo h4{font-weight:400;text-align:left;margin:0px 0px 0.5rem;}
#nobo h4.org{font-weight:bold;color:#db5107;}
.bg_ylw{background:#f5eccb;border-radius:1rem;padding:3rem 5rem;box-sizing:border-box;}

#mv{padding:0px;}
#mv > .row{max-width:none;}
#mv > .row > .mv_bg img{width:auto;height:100%;object-fit:cover;}
#mv > .row > .mv_cont > div{max-width:380px;width:90%;margin-right:-1rem;margin-left:auto;padding:0px 0px;}
#mv .abs.ages{width:9.33rem;height:9.33rem;right:2rem;bottom:2rem;}
#mv .caption{right:2rem;bottom:-2rem;}


#intro{padding-bottom:0px;}
#intro h3 small{width:8rem;}
#intro .introitems h3{margin:0px auto 1rem;}
#intro .introitems h3 span{background:url(./images/line.svg) left bottom repeat-x;background-size:auto 0.4em;}
#intro .introitems.intro_02{flex-direction:row-reverse;}


#variation{}
#variation .line_blk{padding:0px;}


#safety{}
#safety dl{position:relative;border:4px solid #000;padding:4rem 2rem 4rem;background:#FFF;}
#safety dl:before{content:'';display:block;position:absolute;width:54px;height:54px;left:50%;top:-27px;margin-left:-27px;background-size:52px auto;background-position:center center;background-repeat:no-repeat;}
#safety dl dt{text-align:center;margin-bottom:1rem;line-height:1.8;}
#safety dl dt span{background:url(./images/line.svg) left bottom repeat-x;background-size:auto 0.4em;}
#safety dl dd{text-align:center;}
#safety dl dd small{display:block;margin-top:1rem;}
#safety dl.safety_01:before{background-image:url(./images/icon_safety_01.svg);}
#safety dl.safety_02:before{background-image:url(./images/icon_safety_02.svg);}
#safety dl.safety_03:before{background-image:url(./images/icon_safety_03.svg);}


#aftercare{}
#aftercare dl{margin-bottom:2rem;padding-left:2.5rem;background:url(./images/icon_check.svg) left top 0.2rem no-repeat;background-size:1.8rem auto;}
#aftercare dl dt{margin-bottom:1.5rem;}


#quality{background:url(./images/quality_bg_pc.jpg) center center no-repeat;background-size:cover;}
#quality .line_blk{background:rgba(255,255,255,0.9);}


#conv_blk{background:#FFF;}
#conv_blk .tel_icon a{display:inline-block;padding-left:3rem;background:url(./images/icon_tel.svg) left center no-repeat;font-weight:900;letter-spacing:0.1em;font-size:1.8rem;line-height:1.3;}
#conv_blk .btn.line.mail{height:4rem;margin:0px;}

#installation{background:#ffe0aa;padding-top:2rem;}
#installation .tab_wrap{position:relative;}

#installation .tab_head{transition:all 0.3s;cursor:pointer;letter-spacing:0.2em;position:relative;z-index:10;text-align:center;border:4px solid #000;border-bottom:0px;padding:0.7rem;}
#installation .tab_head:hover{background:#e56700;}
#installation .tab_head small{display:block;font-size:1rem;line-height:1.2;}
#installation .tab_head em{font-size:1.733rem;line-height:1.2;display:block;margin-top:6px;font-weight:600;}
#installation .tab_head.active{background:#000;color:#FFF;}
#installation .tab_head.active:after{content:'';display:block;position:absolute;top:100%;left:50%;margin-left:-6px;border:10px solid transparent;border-top:12px solid #000;}

#installation .tab_cont.line_blk{padding:3rem;}
#installation .tab_cont h3{text-align:center;font-size:1.733rem;color:#e56700;margin:4rem 0px 3rem;}
#installation .tab_cont h5{border:0px;margin-top:-2rem;margin-bottom:0rem;}
#installation .tab_cont table{border-top:1px solid #CCC;cellspacing:0;cellpadding:0;border-collapse:collapse;width:100%;max-width:780px;margin:2rem auto 5rem;}
#installation .tab_cont table th{padding:1rem;letter-spacing:0.2em;font-size:0.85rem;padding:10px;border:1px solid #CCC;color:#FFF;font-size:1.133rem;background:#e56700;}
#installation .tab_cont table td{padding:1rem;border:1px solid #CCC;font-size:0.85rem;font-weight:600;font-size:1.4rem;letter-spacing:0.1em;text-align:center;}

.inst_tit{margin-bottom:2rem;}
.inst_tit img{width:8.8rem;display:block;margin:0.5rem auto 0px;}
.inst_blk{padding-bottom:3rem;margin-bottom:3rem;border-bottom:1px solid #c1c1c1;}
.inst_blk.last{padding-bottom:0px;border-bottom:0px;}
#installation .inst_blk h3{text-align:left;margin-bottom:1rem;margin-top:1rem;}
#installation .inst_blk p.lead.em{line-height:1.7;}
#installation .inst_blk p+p{margin-top:0px;}
#installation .inst_blk .inst_icon{display:flex;justify-content:center;align-items:flex-start;padding:2rem 0px;}
#installation .inst_blk .inst_icon img{width:75px;height:auto;margin:0px auto;}
#installation .inst_blk .diy_step{position:relative;}
#installation .inst_blk .diy_step > span{width:4.5rem;height:4.5rem;position:absolute;top:-2rem;left:-2rem;}
#installation .inst_blk .diy_step > span img{width:100%;height:auto;}
#installation .inst_blk .line_item{border:1px solid #CCC;}


#flow{background:#ffe0aa;padding-top:2rem;}
#flow h3{font-size:1.733rem;text-align:center;margin:4rem 0px 3rem;}
#flow h3 small{margin-bottom:1.6rem;}
#flow h3 small img{width:120px;}
#flow .step.line_blk{padding:0px 0px 3rem;}
#flow .step.line_blk > div:not(.last){position:relative;border-bottom:4px solid #CCC;padding-bottom:2rem;}
#flow .step.line_blk > div:not(.last):after{content:'';display:block;background:#FFF;width:2rem;height:2rem;border-right:4px solid #CCC;border-bottom:4px solid #ccc;transform:rotate(45deg);position:absolute;left:50%;bottom:-1rem;z-index:10;margin-left:-1rem;}
.step_lead{max-width:630px;padding:1rem;font-size:1.1334rem;margin:2rem auto 0;}
.mt-2{margin-top:-2rem;}
.mt-3{margin-top:-3rem;}
.step_lead span{font-size:1rem;font-weight:700;color:#FFF;display:inline-block;background:#000;padding:0.4rem 0.8rem;line-height:1;margin-right:0.6rem;}
ul.cle{padding:0px 1rem;margin:0px auto;}
ul.cle li{line-height:2;padding-left:1.2rem;position:relative;}
ul.cle li:before{content:'';display:block;width:0.85em;height:0.85em;background:#e56700;border-radius:50%;position:absolute;left:0px;top:0.5rem;}
#flow ul.cle{max-width:630px;}

ul.dot{padding:0px;margin:1rem auto;}
ul.dot li{line-height:2;padding-left:1.2rem;position:relative;margin:0px;font-weight:600;}
ul.dot li:before{content:'';display:block;width:0.85em;height:0.85em;background:#000;border-radius:50%;position:absolute;left:0px;top:0.5rem;}


#buy{background:#FFF;}
#buy h3{text-align:center;margin:2rem auto;}
#buy .items{margin-bottom:4rem;}

.line_gry{border:1px solid #c1c1c1;background:#F9F9F9;padding:1rem;margin-bottom:2rem;}
.line_gry .notice{padding-left:1rem;line-height:1.6;color:#d54045;font-size:0.85rem;text-indent:-1rem;}
.line_gry .notice:before{font-size:0.85rem;content:"※";color:#d54045;}

.line_gry h4{margin:0rem auto 1rem;}
ul.spec{width:80%;max-width:220px;margin:0px auto 3rem;font-weight:600;}
ul.spec li{border-bottom:1px solid #000;padding:0.6rem 0px;display:flex;justify-content:space-between;}
.fk{position:relative;background:#FFCA00;max-width:260px;text-align:center;display:flex;justify-content:center;align-items:flex-end;line-height:1.1;padding:13px;margin:0px auto;display:flex;font-weight:bold;font-size:1.133rem;letter-spacing:0.15em;}
.fk em{color:#EE0000;font-size:1.5em;line-height:1;}
.fk em small{font-size:1.133rem;}
.fk:after{content:'';display:block;border:8px solid transparent;border-top:12px solid #FFCA00;position:absolute;left:50%;top:100%;margin-left:-5px;}
.price{font-size:1.1334rem;margin:2rem auto;font-weight:600;line-height:1.5;}
.price em{font-size:2rem;margin-left:10px;margin-right:10px;}

#buy table{border-top:1px solid #000;cellspacing:0;cellpadding:0;border-collapse:collapse;width:100%;}
#buy table th{width:4rem;font-size:0.85rem;background:#f9f9f9;padding:10px;border-bottom:1px solid #000;}
#buy table td{padding:10px;border-bottom:1px solid #000;font-size:0.85rem;}
#buy .heightline{display:flex;flex-direction:column;justify-content:space-between;}

footer{background:#1a1a1a;color:#FFF;padding-top:3rem;}
footer > .row{width:92vw;margin:0px auto;max-width:980px;}
footer .footer_mail_btn{padding-left:3.7rem;background:url(./images/footer_mail.jpg) left center no-repeat;margin-bottom:2rem;font-size:1.73rem;line-height:1.1;display:block;}
footer .footer_mail_btn small{font-size:1.133rem;line-height:1.4;margin-top:3px;display:block;}
footer .btn{font-size:1rem;}
footer a+a{margin-top:1rem;}
footer .telnumber{font-size:4rem;margin:0rem;}
footer p.copyright{background:#000;padding:1rem;}
footer p.copyright span{display:block;width:92vw;margin:0px auto;max-width:980px;font-size:0.86rem;text-align:center;}

#gototop{width:50px;position:fixed;right:2rem;bottom:-8rem;transition:all 0.5s;z-index:900;}
#gototop.active{bottom:0rem;}
#gototop img{width:auto;height:auto;max-width:100%;display:block;}
#gototop:after{content:'';display:block;top:-13px;left:-15px;position:relative;transition:all;transform:rotate(0deg);width:45px;height:70px;background:url(./images/pagetop_h.svg) center top no-repeat;background-size:contain;transform-origin:right top;}

#gototop:hover:after{
	animation-name:gotohover;
	animation-duration:1s;
	animation-iteration-count:infinite;
	animation-timing-function:ease-out;
	animation-direction:alternate;
}

@keyframes gotohover {
    0% {transform:rotate(0deg);}
    100%{transform:rotate(-30deg);}
}


/* 2020.06.30 pre release */

.btn.negative:hover{opacity:1!important;}
.btn.negative{pointer-events:none!important;background:#666!important;}

.coming_blk{background:#FFF;text-align:center;border:1px solid #e56700;padding:1rem 10px;}
.coming_blk h3{font-size:2.4rem;letter-spacing:0;color:#e56700;margin-bottom:8px;}
.coming_blk p{font-weight:400;line-height:1.4;letter-spacing:0.2em;}
.coming_blk h3+p{letter-spacing:0.1em;}




@media screen and (min-width: 751px){
html,body{}
a.tel{pointer-events:none;}

header{}
header.fixed{padding:0.5rem 1rem 0px;}
header > .row{width:92vw;max-width:1200px;align-items:flex-end;justify-content: space-between;}
header > .row .sitename{}
header .hm{display:flex;flex-wrap:wrap;max-width: 500px;}
header .hm .hm_tit{width:100%;}
header .hm .tel_blk{}
header .hm .tel_btn{line-height:1.3;font-size:1.733rem;font-weight:700;color:#e56700;letter-spacing:0.1em;}
header .hm .tel_btn+p{line-height:1;}
header .hm .tel_blk small{font-size:0.7em;margin-right:10px;}
header .hm .btn.line.mail{margin-right:0px;}

#panel_btn{display:none;}

.gmenu{position:absolute;left:0px;top:100%;background:#222324;width:100%;display: block!important;}
.gmenu > .row{width:92vw;max-width:980px;display:flex;align-items:center;justify-content:space-around;}
.gmenu a{color:#FFF;display:block;padding:1.3rem 1rem;font-size:1rem;font-weight:500;position:relative;}
.gmenu a:hover:after{content:'';display:block;width:0px;height:0px;position:absolute;bottom:0px;left:50%;margin-left:-3px;border:7px solid transparent;border-top-color:#d3b308;}

#content{padding-top:184px;}
header.fixed .sitename{padding:0.2rem 0px;}
header.fixed+#content{padding-top:120px;}


#mv > .row > .mv_cont{display:flex;align-items:center;}

#intro .introitems{display:flex;align-items:center;}
#intro .introitems{margin-bottom:3rem;}
#intro .introitems .imgs{margin:0px 2rem;}

#installation .tab_cont{display:none;}
#installation .tab_cont.active{display:block;}
#installation .inst_blk .line_item{width:175px;}
#installation .tab_cont .slide_cont{display:block!important;}
.acc_btn{display:none;}

footer .row.col3 > a+a{margin-top:0px;}

}


@media screen and (max-width: 750px){

html,body{font-size:3.5vw;}
body.fixed{position:fixed;}
section{padding:10vw 0px;}
section > .row{width:92vw;}

h2{width:100%;max-width:92vw;}

header{padding:5px 0px 0px 5px;}
header .sitename img{width:auto;height:35px;}
#panel_btn{display:block;position:absolute;right:0px;top:0px;width:50px;height:50px;background:#333;}
#panel_btn span,
#panel_btn span:before,
#panel_btn span:after{background:#FFF;height:2px;width:30px;position:absolute;}
#panel_btn span{top:50%;margin-top:-1px;left:10px;}
#panel_btn span:before{top:-8px;left:0px;content:'';display:block;transition:all 0.2s;}
#panel_btn span:after{top:8px;left:0px;content:'';display:block;transition:all 0.2s;}
#panel_btn.active span{background:#333;}
#panel_btn.active span:before{transform:rotate(-45deg);top:0px;}
#panel_btn.active span:after{transform:rotate(45deg);top:0px;}

.gmenu{position:absolute;top:100%;left:0px;background:rgba(51,51,51,0.95);padding:0px 0px 4vw;width:100vw;color:#FFF;display:none;}
.gmenu .row > a{font-size:1.133rem;text-align:center;font-weight:600;padding:1rem 0px;border-bottom:1px solid #777;}
.gmenu .sp_menu{padding:1rem;text-align:center;}
.gmenu .sp_menu a{border:1px solid #FFF;display:flex;align-items:center;justify-content:center;margin:0.7rem 0px;font-size:1.133rem;font-weight:600;height:3.6rem;box-sizing:border-box;}
.gmenu .sp_menu a.mail_btn{background:url(./images/icon_mail_w.svg) left 1rem center no-repeat;background-size:1.6rem auto;}
.gmenu .sp_menu .tel_blk a{color:#e56700;font-weight:700;font-size:1.733rem;letter-spacing:0.1em;}
.gmenu .sp_menu .tel_blk a small{display:inline-block;font-weight:700;margin-right:0.7em;font-size:1.133rem;vertical-align:middle;}

.lead{font-size:1.133rem;}
.line_blk{padding:4vw;}

#content{padding-top:50px;}

#bg_img{background-size:30vw auto,40vw auto;}
#bg_img #bg_l{top:80vh;width:30vw;height:auto;}
#bg_img #bg_r{width:30vw;height:auto;}

#inst{padding:0px 0px 3rem;min-height:auto;padding: 1rem 4vw 6rem;box-sizing: border-box;}
#inst:after{content:'';display:block;clear:both;}
/** #inst:before{display:none;} **/
#inst .tit{width:92vw;margin:0px auto;height:auto;}
#inst .tit img{width:53vw;max-width:none;}
#inst .row.mt_265{margin-top:0px;}


#inst .slider .slide:nth-child(odd){width:30vw;}
#inst .slider .slide:nth-child(even){width:40vw;}
#inst .slider .slide a{height:40vw;}

#nobo{}
#nobo h3 img{max-width:40vw;}


.bg_ylw{padding:2rem;}
#nobo h4{margin-top:2rem;text-align:center;}
#nobo .sp_center{text-align:center;}

#mv > .row{width:100%;}
#mv > .row > .mv_bg img{width:100%;height:auto;}
#mv .mv_cont{margin-top: -26vw;}
#mv > .row > .mv_cont > div{max-width:84vw;margin:0px auto;}
#mv .abs.ages{top:50vw;right:4vw;bottom:auto;}
#mv h1{max-width:60vw;margin-left:auto;margin-right:auto;}

#intro .introitems{margin:2rem auto 2rem;}
#intro .introitems{}
#intro .introitems .imgs{max-width:80vw;margin:0px auto 10px;}
#intro .introitems h3{text-align:center;}
#intro .introitems h3 span{text-align:center;font-size:1.45rem;}

#variation .line_blk{margin-bottom:2rem;}
#safety dl+dl{margin-top:3rem;}

#quality{background-image:url(./images/quality_bg_sp.jpg);}
#quality a+a{margin-top:1rem;}

#conv_blk > .row{width:100%;}
#conv_blk > .row .imgs+div{width:70vw;margin:-10vw auto 2rem;}

#installation .tab_cont.line_blk{padding:5vw;}
#installation .inst_blk .inst_icon{padding:1rem 0px;}
#installation .inst_blk .inst_icon img{width:15vw;}
.inst_blk{padding-bottom:4vw;margin-bottom:4vw;}
.inst_blk img{margin-left:auto;margin-right:auto;display: block;}

#installation .tab_cont{display:none;}
#installation .tab_cont.active{display:block;}
#installation .inst_blk h3{text-align:center;margin-top:1rem;}
#installation .inst_blk .line_item.imgs img{width:auto;height:auto;max-width:100%;}
#installation .inst_blk .diy_step > span{left:-2vw;top:-2vw;}
#installation .tab_head_sp{text-align:center;padding:0.6rem 2rem 0.6rem 1rem;position:relative;border:4px solid #000;border-bottom:0px;}
.acc_btn span:after,
.sp.inner_link > a:after,
#installation .tab_head_sp:after{content: '';display: block;width: 10px;height: 10px;border-bottom: 2px solid #000;border-right: 2px solid #000;transform: rotate(45deg);position: absolute;right: 1rem;top: 50%;margin-top: -6px;}
#installation .tab_head_sp.active:after{transform:rotate(-135deg);}
#installation .tab_head_sp small{display:block;font-size:1rem;line-height:1.2;}
#installation .tab_head_sp em{font-size:1.733rem;line-height:1.2;display:block;margin-top:6px;font-weight:600;}
#installation .tab_cont{overflow:hidden;display:block;}
#installation .tab_cont .inst_icon{padding-bottom:0px;}
#installation .tab_cont h3{margin-top:2rem;}
#installation .tab_cont .slide_cont{display:none;}

.acc{margin-bottom:3rem;}
.acc_btn{margin-top:0px;}
.acc_btn span{width:100%;padding:10px 2rem;box-sizing:border-box;background:#000;position:relative;text-align:center;font-size:1.133rem;font-weight:600;color:#FFF;display:block;margin-top:0rem;}
.acc_btn span:after{border-right-color:#FFF;border-bottom-color:#FFF;}
.acc_btn span.hide{display:none;}
.acc_btn span.close:after{transform:rotate(-135deg);}

.sp.inner_link{width:92vw;}
.sp.inner_link > a{position:relative;border:2px solid #000;display:block;box-sizing:border-box;padding:0.6rem 1rem 0.6rem 0.6rem;}
.sp.inner_link > a > *{display:block;text-align:center;line-height:1.5;}
.sp.inner_link > a span{font-size:1.333rem;font-weight:700;}

#flow h2,
#buy h2{margin-top:0px;}

footer .btn{max-width:300px;width:92vw;}
footer .fbn a{margin:0.8rem auto 0px;display:block;width:92vw;max-width:300px;}
footer .fbn a img{display:block;}

footer .telnumber {text-align:center;font-size:3rem;}

}



@media screen and (max-width: 360px){


}