@charset "UTF-8";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font-style:normal;vertical-align:baseline;background:transparent}body{line-height:1;margin:0;padding:0;box-sizing:border-box}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#333}a:hover{color:#06C}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{ display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0}input,select{vertical-align:middle}a:focus{outline:none}body{font-size:16px;counter-reset:number 0; font-family:'Noto Sans Serif JP',sans-serif}#header{ width:100%; height:100px; display:-webkit-flex; display:block; -webkit-justify-content:space-around; justify-content:space-around; position:sticky;top:0;background-color:rgba(155,223,255,1); opacity:1;z-index:5000;outline:solid #88b9f0 1px;box-shadow:0 2px 8px #888}#top{width:95%;height:3rem;margin:0 auto}#top h1{text-align:center;font-size:0.8rem;font-weight:300;padding:0.5rem;line-height:1rem}.logo{display:block;position:absolute;width:200px;height:38px;padding-left:1rem}img{width:100%;height:auto;display:block}button{ -webkit-appearance:none; appearance:none; vertical-align:middle; border:solid 1px rgb(0,19,194); background:transparent; border-radius:5px; text-align:inherit; z-index:9999;margin-top:34px} button:hover{ cursor:pointer} .btn{  position:fixed; top:6px; right:16px;  width:48px; height:48px;  display:flex; justify-content:center; align-items:center;  z-index:9999} .btn-line{  width:80%; height:2px;  background-color:rgb(0,19,194);  position:relative; transition:.2s} .btn-line::before,.btn-line::after{ content:"";  position:absolute; width:100%; height:100%; background-color:rgb(0,19,194); transition:.2s}  .btn-line::before{  transform:translateY(-10px)}  .btn-line::after{ transform:translateY(10px)} .btn-line.open{ background-color:transparent} .btn-line.open::before,.btn-line.open::after{ content:""; transition:.2s}.btn-line.open::before{  transform:rotate(45deg)}.btn-line.open::after{  transform:rotate(-45deg)}    .menu{ position:fixed;  top:100px; right:-100%; width:calc(100% - 1px); height:calc(100vh - 100px);  display:flex; flex-direction:column; color:#efefef; background-color:rgba(255,255,255,1); transition:.3s; z-index:1000} .menu-list,.menu-list a { width:100%; height:100%;   display:flex;  justify-content:center;  align-items:center;  font-size:1em;  outline:solid #bad2ff 1px;  box-sizing:border-box;  font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,"sans-serif"}  .menu-list:hover{  color:#333;  background-color:rgba(149,199,255,0.9);  transition:.3s;  cursor:pointer}.menu-list:last-child>::before{  content:url(../img/icon-home.svg); vertical-align:middle; width:30px; padding-right:0.7rem}.child-list{ background-color:#f8faf8; padding:0em; width:150%; border-left:1px solid #0b69d4}.child-list li{ width:100%; height:90px;  font-size:1em; box-sizing:border-box; font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,"sans-serif"; border-bottom:1px solid #0b69d4; text-align:center; line-height:90px}.child-list li a{ outline:none; width:100%; height:90px}.child-list li a:hover{ color:#333; background-color:rgba(124,165,192,0.9); transition:.5s; cursor:pointer; border:none} .menu.open{ position:fixed; right:0} .tel__icon{  position:fixed; top:40px; right:79px;  width:48px; height:48px; background-color:rgb(77,177,94); border-radius:5px;  z-index:9998}.tel__number{ display:none}.main-pic{ position:relative}.swiper{ width:100%; max-width:1400px; height:100%; margin:0 auto}.swiper-slide{ text-align:center; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif"; font-size:1.5em; font-weight:600; line-height:1.6em; letter-spacing:0.1rem; color:#f00;  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center}.swiper-slide img{ display:block; width:100%; height:500px; object-fit:cover}#container{  width:100%;  background-color:#fff}.wrapper{  width:100%}.main-pic{  width:100%;  height:500px;  background-color:#fff}.catch{  width:80%;  margin:0 auto;  padding:5em 0}.catch h2{  letter-spacing:0.1rem;  text-align:center;  font-size:1.6em;  font-family:"Yu Mincho","Hiragino Mincho ProN","Times New Roman","serif";  padding-bottom:1em}.catch p{  letter-spacing:0.1rem;  line-height:1.7em;  font-family:"Yu Mincho","Hiragino Mincho ProN","Times New Roman","serif";  text-align:justify}.sub-menu{  width:95%;  padding-bottom:5em;  margin:0 auto}.sub-menu__box{  display:flex;  flex-direction:row;  justify-content:space-between;  width:100%;  margin: 0 auto 0.5rem;  border:#0b69d4 solid 1px;  box-sizing:border-box}.sub-menu__box__txt1{  position:relative;  width:50%;  background-image:url(../img/sub-menu.jpg)}.sub-menu__box__txt2{  position:relative;  width:50%;  background-image:url(../img/sub-menu.jpg)}.sub-menu__box__txt3{  position:relative;  width:50%;  background-image:url(../img/sub-menu.jpg)}.sub-menu__box__txt4{  position:relative;  width:50%;  background-image:url(../img/sub-menu.jpg)}.sub-menu__box__txt1 h2,.sub-menu__box__txt2 h2,.sub-menu__box__txt3 h2,.sub-menu__box__txt4 h2{  position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%);  font-size:1em;  font-weight:300;  color:#000;  letter-spacing:0.1rem;  line-height:1.5rem;  width:80%}.sub-menu__box__img{  width:50%}.sdgs__area{  width:95%;  margin:0 auto;  padding:5em 0}.sdgs__pic{  width:80%;  margin:0 auto 2em}.sdgs__box p{  letter-spacing:0.1rem;  line-height:1.7em;  font-family:"Yu Mincho","Hiragino Mincho ProN","Times New Roman","serif";  text-align:justify;  width:85%;  margin:0 auto;  padding-bottom:2em}.sdgs__pic__goals{  width:90%;  display:flex;  flex-wrap:wrap;  justify-content:space-around;  margin:0 auto}.sdgs__pic__goals__box{  width:45%;  padding:5px}.news__area{  width:90%;  margin:0 auto;  padding-bottom:5rem;  position:relative}.news__area h3{  font-size:1.5rem;  padding:1rem}.archive__btn{position:absolute;right:0;top:1.5rem}a.view-all__btn{padding:0.8rem 1rem;outline:1px solid rgb(155,223,255);transition:0.5s all;border-radius:25px}a.view-all__btn:hover{background-color:rgb(155,223,255);color:blue}.newsarea__box dt{color:rgb(0,19,194);font-size:0.9em;padding:1.5em 1em 1em;font-family:YuMincho,"Yu Mincho","Hiragino Mincho ProN","serif"}.newsarea__box dd{padding:0 1em 1.5em;border-bottom:1px solid rgb(0,19,194);line-height:1.6em;font-family:YuMincho,"Yu Mincho","Hiragino Mincho ProN","serif";  font-size:0.9em;  color:#333}.newsarea__box dd a{  color:#267916;  text-decoration:underline}.target{  width:90%;  max-width:980px;  margin:0 auto 1em;  padding-bottom:2rem;  background-color:rgb(226,226,226)}.target__area h3{  font-size:1.2em;  text-align:center;  padding:1em 0;  color:#0b69d4}.target__area h4{  text-align:center;  font-size:0.8em;  padding:1em 0;  letter-spacing:0.1em}.target__area__flex{  display:flex;  flex-wrap:wrap;  justify-content:center}.target__area__flex li{  letter-spacing:0.1em;  line-height:1.5em;  font-size:0.8em}.target__area__flex li::after{  content:"/"; padding:0 0.2em}.target__area__flex li:last-child::after{ content:""}#footer{ width:100%; margin:0 auto; background-color:rgb(155,223,255)}.sns__area{ width:120px; margin:0 auto; display:flex; flex-direction:row; justify-content:space-around;padding:2rem 0 1rem}.sns__box{ width:40px; height:40px}.footer-logo{ width:300px; margin:0 auto; padding:1rem 0 4rem}.gotop{position:fixed; bottom:35px; right:16px; display:block; width:48px; height:48px; box-sizing:border-box; background:#FFF; border:1px solid #999; padding-top:30px; text-align:center; letter-spacing:1px; font-size:0.8em; text-decoration:none; color:#333; opacity:1}.gotop::before{ content:""; display:block; border-top:2px solid #333; border-right:2px solid #333; width:25%; height:25%; top:30%; left:0; right:0; margin:auto; position:absolute; transform:rotate(-45deg)}.gotop:hover{ opacity:0.9;transition:all .3s;background:#e0ebf1;border:1px solid #fff;color:#333}.licence{ font-size:0.9em; color:#000; text-align:center; padding:1em 0 2em}.copyright{ font-size:0.7em; color:rgb(0,19,194); font-style:normal; padding:1em 0 2em; text-align:center}.pagetitle{ width:95%; margin:0 auto}.pagetitle h2{ font-size:1.6em; letter-spacing:0.1rem; text-align:center; padding:2em 0}.cardboard__area,.buy__area,.organize__area,.organize__license__area,.disinfectiion__photocatalyst__area,.cleaning__area,.company__area{ width:90%; margin:0 auto}.sme-highlight{ background:linear-gradient(transparent 60%,rgb(255,247,0) 60%)}.recycling__wrapper{ width:100%; background-color:#d9f8d6}.buy__recycling{ width:90%; margin:0 auto 1em; padding:3em 0}.buy__box,.buy__manifest_box{ display:flex; flex-direction:column; padding-bottom:4em}.buy__box__txt h3,.buy__manifest_box h2,.buy__recycling h2{ font-size:1.2em; color:#0b69d4; padding-bottom:1em; line-height:1.5em}.buy__box__txt p,.buy__manifest_box,.buy__recycling p{ letter-spacing:0.1rem; line-height:1.5rem; text-align:justify; padding-bottom:2em}.buy__area__private-residence h3{ font-size:1.2em; color:#0b69d4; padding-bottom:1em}.buy__area__private-residence p{ letter-spacing:0.1rem; line-height:1.5rem; text-align:justify; padding-bottom:2em}.buy__area__private-residence h4{ font-size:1.2em; color:#0b69d4; padding:1.5em 0}.buy__pattern__flex{ display:flex; flex-wrap:wrap; justify-content:space-around}.buy__pattern__box{ width:300px; outline:#333 solid 1px; margin:0 auto 1em}.buy__pattern__box__txt>h4{ text-align:center; font-size:1.1em; padding:1em; color:#0b69d4}.buy__pattern__box__txt p{ padding:0 1em 1em; text-align:justify; letter-spacing:0.1rem; line-height:1.5em}.buy__package__plan{ padding:3em 0}p.buy__area__price__box__txt{ padding:1em; text-align:center; line-height:1.5em}.buy__area__price__box{ width:90%; border:#65b854 solid 3px; border-radius:10px; box-sizing:border-box; margin:0 auto 1em}.buy__package__plan h4{ text-align:center; font-size:1.2em; padding:2em 0; color:#0b69d4}.buy__area__price__box{ padding-bottom:2em}.buy__area__price__box__txt{ font-weight:500; color:#333; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}p.buy__pattern__bg-deco{ width:85%; background-color:#0b69d4; padding:0.5em; margin:1em auto; border-radius:5px; color:#fff; text-align:center; font-size:1em}.buy__assessment{ width:90%; margin:0 auto; padding:2em 0 4em}.buy__assessment__bg-deco{ width:100%; background-color:rgb(255,0,0); padding:0.5em 0; margin:1em auto; border-radius:20px; color:#fff; text-align:center; font-size:1.3em}.buy__assessment p{ letter-spacing:0.1rem; line-height:1.5em; text-align:justify}.buy__products{ padding-bottom:3em}.buy__products h3{ text-align:center; color:#0b69d4; padding:1em; font-size:1.2em}.buy__products__box{ width:300px; outline:solid 1px #267916; border-radius:5px; margin:0 auto 2em}.buy__products__box h4{ text-align:center; color:#0b69d4; padding:1em}.buy__products__box__flex{ display:flex; flex-direction:row}.buy__products__box__txt{ width:60%; padding:0.8em 0.5em 0.8em 0.8em}.buy__products__box__txt>ul{ list-style:none}.buy__products__box__txt>ul li{ padding-bottom:0.8em; line-height:1.2em}.buy__products__box__txt p{ line-height:1.5em}.buy__products__box__img{ width:40%; padding:0.8rem 0.8em 0.8em 0}.organize__flow__area{  padding-bottom:5em}.organize__box,.organize__buy__area,.cleaning__box{  display:flex;  flex-direction:column;  padding-bottom:4em}.organize__license__area{width:100%;margin:2rem 0}.organize__license__box{display:flex;  flex-direction:column;  padding:2rem 0;width:90%;margin:0 auto;outline:1px solid #0b69d4;border-radius:20px}.organize__box__txt h3,.cleaning__box__txt h3,.organize__license__box h3{  font-size:1.5em;  color:#0b69d4;  padding-bottom:1em;  text-align:center}.organize__box__txt p,.cleaning__box__txt p{  letter-spacing:0.1rem;  line-height:1.5rem;  text-align:justify;  padding-bottom:2em}.organize__license__box p{letter-spacing:0.1rem;  line-height:1.5rem;  text-align:justify;  padding:1rem 1.5rem}.organize__license__box__img{padding:1rem}.organize__flow__box,.organize__flow__box__fin{  width:90%;  margin:0 auto;  display:flex;  flex-direction:column;  margin-bottom:5em;  outline:#65b854 3px solid;  border-radius:10px;  position:relative}.organize__flow__txt{  width:90%;  margin:0 auto;  padding:1em 0 2em}.organize__flow__txt h3,.organize__buy__box h3{  text-align:center;  font-size:1.5em;  color:#0b69d4;  padding:1em}.organize__flow__txt p,.organize__buy__box p{  letter-spacing:0.1rem;  line-height:1.5em;  text-align:justify;  padding-bottom:2em}.organize__flow__box__txt,.organize__flow__box__img {  padding:1em}.organize__flow__box__txt h4{  font-size:1.2em;  text-align:center;  color:#65b854;  padding:0 0 1em}.organize__flow__box::after{  content:url(../organize/img/arrow.svg); width:30px; display:inline-block; position:absolute; bottom:-50px; left:50%; transform:translate(-50%,0%)}.organize__flow__box__txt p{ letter-spacing:0.1rem; line-height:1.5em}.organize__box__arrow{ width:30px; margin:0 auto; padding:0 0 3em}.organize__buy__area__wrapper{ width:100%; background-color:#FFD4E5}.organize__buy__box,.organize__buy__img{ width:90%; margin:0 auto}.cleaning__box{ padding-top:2em}.cleaning__box__img{ padding-bottom:50px}.disinfectiion-main-pic{    max-width:1400px;    margin:0 auto}.pagetitle h2 span{  font-size:0.5em}.disinfectiion__img__area{  width:100%;  display:flex;  flex-direction:column}.disinfectiion__pr__area,.disinfectiion__flow__area,.disinfectiion__drug__area,.disinfectiion__price__area{  width:90%;  margin:0 auto 5em}.disinfectiion__img__box{  width:100%}.disinfectiion__pr__area h3{  font-size:1.5em;  color:#0b69d4;  padding:1em 0;  text-align:center;  line-height:1.5em}.disinfectiion__flow__area h3,.disinfectiion__price__area h3{  font-size:1.3em;  color:#0b69d4;  padding-bottom:1em;  padding:1em;  text-align:center}.disinfectiion__flow__area h3,.disinfectiion__drug__area h3{  position:relative;  margin-bottom:1em}.disinfectiion__flow__area h3::before,.disinfectiion__drug__area h3::before{  content:'';  width:30%;  height:1px;  display:inline-block;  position:absolute;  top:calc(50%);  background-color:#0b69d4;  bottom:-10px;  left:calc(20% - 3em)}.disinfectiion__flow__area h3::after,.disinfectiion__drug__area h3::after{  content:'';  width:30%;  height:1px;  display:inline-block;  position:absolute;  top:calc(50%);  right:calc(20% - 3em);  background-color:#0b69d4;  bottom:-10px}.disinfectiion__drug__area h3{  font-size:1.3em;  color:#0b69d4;  padding:1em;  text-align:center;  width:300px;  margin:0 auto 1em}.disinfectiion__pr__area p{  letter-spacing:0.1rem;  line-height:1.5em;  text-align:justify;  margin-bottom:2em}.disinfectiion__icon__area{  display:flex;  flex-wrap:wrap;  width:95%;  justify-content:space-around;  margin:0 auto}.disinfectiion__icon__box{  width:150px;  height:150px;  background-color:#999;  margin:0 0 2%}.bg-deco{  width:80%;  background-color:#65b854;  padding:0.5em;  margin:1em auto 4em;  border-radius:10px;  color:#fff}.disinfectiion__flow__area h4{  font-size:1.1em;  text-align:center;  color:#0b69d4;  padding:1em}.disinfectiion__flow__flex{  display:flex;  flex-wrap:wrap;  justify-content:space-around}.disinfectiion__flow__box{  width:300px;  outline:#333 solid 1px;  margin:0 auto 1em}.disinfectiion__flow__box__txt h4,.disinfectiion__drug__flex h4{  text-align:center;  font-size:1.1em;  padding:1em;  color:rgb(77,177,94)}.disinfectiion__flow__box__txt p,.disinfectiion__drug__flex p,.disinfectiion__price__area p{  padding:0 1em 1em;  text-align:justify;  letter-spacing:0.1rem;  line-height:1.5em}.disinfectiion__drug__flex{  display:flex;  flex-direction:column}.disinfectiion__drug__box{  padding:0 0 2em}.disinfectiion__photocatalyst__area{  width:100%;  background-image:url(../disinfection/img/disinfectiion-photocatalyst-bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center; padding-top:2em; border-top:#ff5e00 solid 1px}.disinfectiion__photocatalyst__box__wrap{ width:90%; margin:0 auto; padding-bottom:4em}.disinfectiion__photocatalyst__box{ width:100%; display:flex; flex-direction:column; padding-bottom:4em}.disinfectiion__photocatalyst__box__txt{order:2}.disinfectiion__photocatalyst__box__img{order:1; padding-bottom:2em}.disinfectiion__photocatalyst__box__wrap h3{ font-size:1.5em; color:#ff5e00; padding-bottom:1em; text-align:center}.disinfectiion__photocatalyst__box p{ letter-spacing:0.1rem; line-height:1.5rem; text-align:justify; padding-bottom:2em}.company__box__txt h3{ font-size:1.2em; color:#0b69d4; padding-bottom:1em; font-family:"Yu Mincho","Hiragino Mincho ProN","Times New Roman","serif"}.company__box__txt p{ letter-spacing:0.1rem; line-height:1.5em; padding-bottom:2em; font-family:"Yu Mincho","Hiragino Mincho ProN","Times New Roman","serif"}.company__box__txt__name{ width:216px; display:block; margin:0 0 0 auto}.company__box__img{ padding-bottom:5em}.company__about__box{ padding:1em 0 5em}.company__about__box dt{color:#0b69d4;font-size:1em; letter-spacing:0.1rem;padding:1.5em 1em 1em;font-family:YuMincho,"Yu Mincho","Hiragino Mincho ProN","serif"}.company__about__box dt:first-child{ border-top:1px solid #666}.company__about__box dd{padding:0 1em 1.5em;border-bottom:1px solid #666; letter-spacing:0.1rem;line-height:2em;font-family:YuMincho,"Yu Mincho","Hiragino Mincho ProN","serif"; font-size:1em; color:#333}.company__about__box dd ul{ list-style-type:disc; box-sizing:border-box; padding-left:1em}.form-area{width:95%;margin:0 auto}.list_form{width:90%;height:auto;display:block;margin:0 auto}.list_form dt{width:100%;height:1.5em;padding-top:1em;padding-bottom:0.1em;font-weight:100}.list_form dd input{font-size:0.95em;width:96%;height:1.5em;margin-bottom:1em;padding:0.8em 0em 0.8em 0.5em}.list_form dd textarea{font-size:1em;width:96%;height:12em;padding:0.5em}button.clear{width:120px;margin:2em auto;padding:0.6em;border-style:none;font-size:0.8em;text-align:center;color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:rgb(100,100,100); z-index:999}button.clear:hover{opacity:0.8}.submitbtn{width:100%;height:2em;margin:0 auto;border-style:none;font-size:1em;font-weight:100;background-color:#0b69d4;border-radius:10px;color:#FFF}.submitbtn:hover{opacity:0.8;transition:0.3s}input,textarea,button:focus{outline:none}.privacy{width:90%; height:150px;margin-left:auto;margin-right:auto;padding-right:0.5em;padding-bottom:0.8em;padding-left:0.5em;font-weight:100;line-height:1.5em;font-size:0.9em; overflow-y:scroll; outline:#999 solid 1px}.privacy h4{ font-size:1.1em; color:#f00}.privacy h5{ color:#65b854; padding:1em 1em 1em 0}.privacy p{text-align:justify}.privacy ul li{ list-style:disc; margin-left:1em}.form-area__consent{padding:2em;text-align:center}.form-area__consent input{vertical-align:-0.05em;transform:scale(1.5)}.list_form dt span,p.form-area__consent span{font-size:0.8em;color:#C03;font-weight:100}.aside__contact__tel{width:100%;margin:100px auto;padding-bottom:4em}.aside__contact__tel P{text-align:center;padding-bottom:2em}.call{ font-size:1.5em; text-align:center}.archive__newsarea{width:100%}.page-title-bar{width:90%;margin:5rem auto}.page-title-bar h2{text-align:center;font-size:2rem}h3.newsarea__title{width:95%;margin:0 auto}.back-btn{width:200px;text-align:center;margin:200px auto 100px}.back-btn a{background-color:darkblue;color:#fff;transition:0.5s all;padding:0.8rem 1rem;border-radius:25px}.back-btn a:hover{background-color:#06c}.news__pic{width:80%;margin:0 auto}.news__txt{width:80%;margin:3rem auto}.news__txt p{text-align:justify;line-height:1.5rem;letter-spacing:0.1rem}.news__txt p a{color:#06c}@media screen and (min-width:600px){ .sub-menu{ display:flex; flex-wrap:wrap; justify-content:space-around; width:90%; max-width:1000px; margin:0 auto} .sub-menu__box{ width:49%} .sub-menu__box__txt1:hover, .sub-menu__box__txt2:hover, .sub-menu__box__txt3:hover, .sub-menu__box__txt4:hover{ opacity:0.5; transition:.5s; width:50%; height:100%} .sub-menu__box__img{ overflow:hidden; cursor:pointer} .sub-menu__box__img img{ transform:scale(1); transition:.3s ease-in-out} .sub-menu__box__img:hover img{ transform:scale(1.1)} .sdgs__pic__goals__box{ width:150px; padding:5px} .buy__products__area{ display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin:0 auto} .buy__products__box{ width:300px} .disinfectiion__img__area{ display:flex; flex-direction:row; width:100%; max-width:1200px; margin:0 auto; padding-bottom:3em} .disinfectiion__img__box{ width:33.333%} .disinfectiion__flow__box{ width:44%; outline:#333 solid 1px; margin:1em; padding:0.2rem; box-sizing:border-box}}@media screen and (min-width:800px){ .head{ display:flex} .logo{ width:220px; height:38px; padding:0 0 0 20px} .tel__icon, .btn{ display:none} .tel__number{ width:220px; display:block; position:absolute; top:34px; right:0; padding:15px 15px 0 15px; margin-left:30px} .menu{ position:absolute; top:40px; right:300px; width:30%; height:60px; background-color:#9bdfff;  display:flex; flex-direction:row} .menu-list, .menu-list a{ outline:0; font-size:1em} .menu-list a:hover:first-child{ transition:.5s} .child-list >li >a{ font-size:1em} .child-list >li >a:hover{ background-color:#9bdfff}  .child-list{ width:250px; position:absolute; top:100%; left:0; padding:0px; color:#333; background:#ceeaf1; visibility:hidden}  .menu-list:hover .child-list{ visibility:visible} .menu-list:last-child{ display:none}  .child-list li{ width:100%; font-size:1em; padding:0; border-bottom:#0b69d4 1px solid; border-right:#0b69d4 1px solid} .child-list li:first-child{ border-top:#0b69d4 1px solid}  .child-list a:hover, .child-list li a:hover{ color:#333; background-color:rgba(126,197,255,0.9); transition:.3s; cursor:pointer} .swiper-slide img{ display:block; width:100%; height:500px} .catch, .sdgs__area{ width:90%; max-width:1200px} .catch p{ font-size:1.1em} .sub-menu__box__txt1 h2, .sub-menu__box__txt2 h2, .sub-menu__box__txt3 h2, .sub-menu__box__txt4 h2{ font-size:1.2em; font-weight:600}  .sdgs__pic__goals__box{ width:120px; padding:5px} .sdgs__area{ display:flex; flex-direction:row; justify-content:space-between; margin:8rem auto} .sdgs__pic{ margin-bottom:2em} .sdgs__box{ width:50%} .sdgs__pic__goals{ width:48%; margin-top:6rem} .news__area{width:90%; max-width:800px} .newsarea__box{ width:100%; max-width:800px; height:auto; margin:0 auto; padding-bottom:50px; display:flex; flex-wrap:wrap} .newsarea__box dt{ padding:1.5em 0 1.2em 1.5em; width:20%; box-sizing:border-box; border-bottom:1px solid rgb(0,19,194); font-size:1em} .newsarea__box dd{ padding:1.1em 1.5em 1.2em 0; width:80%; box-sizing:border-box; border-bottom:1px solid rgb(0,19,194); font-size:1em}  .cardboard__area{ width:95%; max-width:1200px; margin:0 auto} .cardboard__box{ display:flex; flex-direction:row-reverse; justify-content:space-between; padding-bottom:5em} .cardboard__box2{ display:flex; flex-direction:row; padding-bottom:5em; justify-content:space-between} .cardboard__box__txt{ width:50%} .cardboard__box__txt h3{ font-size:1.7em} .cardboard__box__img{ width:48%}    .buy-main-pic{ max-width:1400px; margin:0 auto} .buy__area, .buy__recycling{ width:95%; max-width:1200px; margin:0 auto 1em} .buy__box{ display:flex; flex-direction:row-reverse; justify-content:space-between; margin-bottom:100px} .buy__box__txt{ width:50%} .buy__area__private-residence{ margin-bottom:150px} .buy__area__private-residence h3{ font-size:1.3em} .buy__pattern__flex{ justify-content:space-between} .buy__pattern__box{ width:350px; outline:#333 solid 1px; margin:0 auto 1em; display:flex; flex-direction:column} .buy__pattern__box__txt{ order:2} .buy__pattern_box__img{ order:1} .buy__package__plan{ padding:5em 0 7em; background-color:#aed4ff} .buy__package__plan h4{ font-size:1.5em; color:#0b69d4} .buy__area__price{ max-width:1200px; margin: 3em auto 0; display:flex; flex-direction:row; justify-content:space-between} .buy__area__price__box{ width:30%; border:#65b854 solid 10px; border-radius:30px; box-sizing:border-box; background-color:#fff} .buy__area__price__box__txt{ width:90%; margin: 0 auto; padding:1em; font-size:1.1em} .buy__area__price__box__pic{ padding:1em} p.buy__area__private-residence__inquiry{ max-width:1200px; margin:0 auto; padding:1em; font-size:1.2em; text-align:center} .buy__box__txt h3, .buy__area__advantage h3, .buy__products h3{ font-size:1.5em; padding-bottom:2em} .buy__box__txt p, .buy__area__private-residence p{ line-height:1.8em}  .buy__box__img{ width:48%} .buy__assessment__bg-deco{ max-width:1200px; font-size:1.6em; border-radius:30px; letter-spacing:0.2rem} .buy__assessment p{ max-width:1000px; margin: 0 auto} .buy__products__area{ display:flex; flex-wrap:wrap; justify-content:space-between; width:95%; max-width:1400px} .buy__products__box{ width:270px} .buy__manifest_area{ width:100%; padding-top:2em} .buy__manifest_box{ display:flex; flex-direction:row; justify-content:space-between} .buy__manifest_box__txt{ width:50%} .buy__manifest__img{ width:45%}   .organize__box{ display:flex; flex-direction:row; justify-content:space-between; width:95%; max-width:1200px; margin:0 auto} .organize__box__txt{ width:calc(55% - 20px)} .organize__box__txt h3{ font-size:1.5em} .organize__box__img{ width:45%} .organize__flow__area, .cleaning__area{ width:95%; max-width:1200px; margin:0 auto} .organize__flow__txt{ padding-top:4em} .organize__flow__txt h3{ position:relative; font-size:1.5em}  .organize__flow__txt h3::before{ content:''; width:30%; height:1px; display:inline-block; position:absolute; top:calc(50%); background-color:#0b69d4; bottom:-10px; left:calc(10% - 2.5em) }  .organize__flow__txt h3::after{ content:''; width:30%; height:1px; display:inline-block; position:absolute; top:calc(50%); right:calc(10% - 2.5em); background-color:#0b69d4; bottom:-10px} .organize__flow__txt p{ text-align:center} .organize__flow__box, .organize__flow__box__fin{ display:flex; flex-direction:row; justify-content:space-between; width:85%; max-width:1000px} .organize__flow__box__txt{ width:70%} .organize__flow__box__txt h4{ font-size:1.3em; color:#65b854} .organize__flow__box__img{ width:28%}.organize__license__area{margin:4rem auto} .organize__license__box{ display:flex; flex-direction:row; justify-content:space-between; align-items:center; width:95%; max-width:1200px; margin:0 auto} .organize__license__box__txt{ width:65%} .organize__license__box__txt h3, .organize__buy__box h3{ font-size:1.5em} .organize__license__box__img{ width:28%} .organize__buy__area{ display:flex; flex-direction:row; justify-content:space-between; padding-top:5em; width:95%; max-width:1200px; margin:0 auto} .organize__buy__box{ width:calc(50% - 20px); order:2; margin-top:5em} .organize__buy__img{ width:50%; order:1; padding-top:4em} .cleaning__area{ padding-top:4em} .cleaning__box{ display:flex; flex-direction:row; justify-content:space-between} .cleaning__box__txt{ width:50%} .cleaning__box__txt h3{ font-size:1.4em} .cleaning__box__img{ width:calc(50% - 20px); padding-top:2em}   .disinfectiion__flow__area, .disinfectiion__drug__area{ width:90%; max-width:1200px; margin-top:8em} .disinfectiion__pr__area, .disinfectiion__icon__area{ width:95%; max-width:1200px; margin:0 auto} .disinfectiion__pr__area h3, .disinfectiion__flow__area h3, .disinfectiion__drug__area h3, .disinfectiion__price__area h3{ font-size:1.5em} .disinfectiion__pr__area p{ text-align:center} .bg-deco{ border-radius:20px} .disinfectiion__flow__flex{ justify-content:space-between} .disinfectiion__flow__box{ width:350px; outline:#333 solid 1px; margin:0 auto 1em; display:flex; flex-direction:column} .disinfectiion__flow__box__txt{ order:2} .disinfectiion__flow__box__img{ order:1} .disinfectiion__drug__flex{ display:flex; flex-direction:row; justify-content:space-around} .disinfectiion__drug__box{ width:30%; padding:0 0 1em; background-color:#e0ebf1; margin-bottom:2em; border-radius:10px} .disinfectiion__price__area p{ width:600px; margin: 0 auto} .disinfectiion__drug__area{ outline:#9bdfff solid 5px; border-radius:20px} .disinfectiion__photocatalyst__area{ border-top:#ff5e00 solid 1px} .disinfectiion__photocatalyst__box__wrap{ width:95%; max-width:1200px; margin:2em auto} .disinfectiion__photocatalyst__box{ display:flex; flex-direction:row; justify-content:space-between; width:95%; max-width:1200px; margin:2em auto} .disinfectiion__photocatalyst__box__txt{ width:68%; order:1} .disinfectiion__photocatalyst__box__wrap h3{ font-size:1.8em; padding-left:1.1em; text-align:left} .disinfectiion__photocatalyst__box__img{ width:30%; padding-top:0.5rem; order:2} .disinfectiion__price__area{ margin-top:5em}   .company__box{ display:flex; flex-direction:row; justify-content:space-between; width:95%; max-width:1200px; margin:0 auto 8em} .company__box__txt{ width:50%; order:2} .company__box__txt h3{ font-size:1.7em; padding-bottom:1em} .company__box__img{ width:48%; order:1; margin-top:5rem} .company__about__box{ width:90%; max-width:800px; margin:0 auto; padding-bottom:100px; display:flex; flex-wrap:wrap} .company__about__box dt{ padding:1.5em 0 1.5em 1.5em; width:25%; box-sizing:border-box; border-bottom:1px solid #666; border-left:1px solid #666; border-right:1px solid #666; font-size:1em; background-color:#bad8ff; color:#333} .company__about__box dt:first-child{ border-top:1px solid #666; margin-top:-1px} .company__about__box dd{ padding:1em 1.5em 1.3em 1em; width:75%; box-sizing:border-box; border-top:1px solid #666; border-right:1px solid #666; border-bottom:none; font-size:1em; margin-top:-1px} .company__about__box dd:last-child{ border-top:1px solid #666; border-bottom:1px solid #666}   .form-area{ width:90%; max-width:900px; margin: 0 auto}  .list_form{ width:100%; height:auto}  .list_form dt label span{ float:left; width:60%; height:2.5em; background-color:#AAF8C3} .list_form dd input{ font-size:1em; width:70%; height:1.5em; margin-top:-2.8em; margin-left:25%; padding-bottom:0.8em; padding-right:1em; display:inline-block; border:solid 1px #ccc} .list_form dd textarea{ font-size:1em; max-width:70%; height:15em; margin-top:-2em; margin-left:25%; padding-right:1em; display:inline-block; border:solid 1px #ccc} .privacy{ width:70%; margin:0 0 0 25%} .submitbtn{ display:block; width:400px; height:2em; margin:0 auto; border-style:none; font-size:1em; font-weight:300; background-color:#0b69d4; border-radius:10px; color:#FFF}  button.clear{ position:relative; right:75%; left:25%} .submitbtn:hover{ cursor:pointer} input,textarea,button:focus{ outline:none}  .form-area__consent input{ vertical-align:-0.01em} .call{ font-size:2em; padding:0 0 1em; text-align:center}  h3.newsarea__title{width:90%; max-width:800px;margin:0 auto 1rem;padding-left:2rem;font-size:1.8rem}.news__pic{width:50%;margin:0 auto}.news__txt{width:50%;margin:0 auto}.news__txt p a{border-bottom:blue 1px solid;cursor:pointer} }@media screen and (min-width:1400px){ .head{ display:block; position:relative; max-width:1400px; margin:0 auto} .menu{ position:fixed; top:40px; left:400px; width:600px; margin:0 auto}.tel__number{ width:220px; display:block; position:absolute; top:0px; right:0; padding:15px 15px 0 15px; margin-left:30px}}