﻿#fade,#loader{display:block}#hlogo,#menuButton,#hdtelbox{opacity:0}svg:not(:root){overflow:hidden}#svg1{height:60%;display:block;width:70%;margin:0 auto;position:absolute;top:22%;left:15%;z-index:2000}#svg2{height:60%;display:block;width:70%;margin:0 auto;position:absolute;top:22%;left:15%;z-index:2000}#section1 .mainlogoanime{margin:auto;padding:0 0;position:absolute;top:0;bottom:0;right:0;left:0;width:30%;height:0;padding-top:38.7%;text-align:center;font-size:2.4em;color:#fff;line-height:1;z-index:100;background:url(../images/common/flogo_w.svg) center center/contain no-repeat;opacity:0}#section1 .mainlogoanime img{position:absolute;top:0;left:0}@media all and (min-width: 841px){#section1 .mainlogoanime{width:250px;padding-top:322.5px}}@media all and (max-width: 480px){#section1 .mainlogoanime{width:40%;padding-top:51.6%}}#section1.setstart .mainlogoanime{transition:opacity .8s ease-in;opacity:1}#section1{width:100%;height:auto !important;transition:all .1s linear;padding:0;position:relative;overflow:hidden}#section1 .fp-tableCell{vertical-align:top}#section1 .intro{width:100%;max-width:100%;height:100%;position:relative;overflow:hidden;margin:0 auto;padding:0}#section1 .intro .bgimgbox{width:100%;height:100%;position:absolute;overflow:hidden;top:0;right:0;background-image:url(../images/common/cont06.jpg?2);background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}#section1 .intro .bgimgbox::after{position:absolute;content:'';width:100%;height:100%;background-color:#000;top:0;right:0;opacity:0.2;z-index:1}#section1.openingstart .intro .bgimgbox{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:transform .8s ease-out}#section1 .intro .bgimgbox .swiper-container{width:100%;height:100%}#section1.openingstart .intro .bgimgbox .swiper-container{transition:transform .4s ease-out}#section1 .intro .swiper-slide{width:100%;height:100%;overflow:hidden}#swiperTop .swiper-slide .slideimg{width:100%;height:100%;background-image:url(../images/common/cont06.jpg?1);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transform:translate3d(0, 0, 0)}.swiper-slide-active .slideimg,.swiper-slide-duplicate-active .slideimg,.swiper-slide-prev .slideimg{-webkit-animation:animation-topslide 10s linear 0s 1 normal both;-moz-animation:animation-topslide 10s linear 0s 1 normal both;-ms-animation:animation-topslide 10s linear 0s 1 normal both;animation:animation-topslide 10s linear 0s 1 normal both}@keyframes animation-topslide{from{-webkit-transform:scale(1.16);-moz-transform:scale(1.16);-o-transform:scale(1.16);-ms-transform:scale(1.16);transform:scale(1.16)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}svg:not(:root){overflow:hidden}#section1 .mainp{margin:0;padding:0;position:absolute;bottom:17%;right:50%;width:40vw;height:4em;line-height:1.4;text-align:left;z-index:6;letter-spacing:0.06em;font-size:3vw;font-weight:700;color:#fff;font-style:italic;font-family:adobe-garamond-pro,Georgia,serif;-webkit-transform:skewX(-10deg);-ms-transform:skewX(-10deg);transform:skewX(-10deg)}@media all and (min-width: 1200px){#section1 .mainp{font-size:36px;width:480px}}#section1 .mainp span{padding:0.1em 0.3em 0.1em;position:relative;white-space:nowrap;opacity:0;margin-left:-3%}#section1.openingstart .mainp span:first-child{opacity:1;margin-left:0;transition:opacity .7s ease-out .2s, margin-left .7s ease .2s}#section1.openingstart .mainp span:nth-of-type(2){opacity:1;margin-left:0;transition:opacity .7s ease-out .4s, margin-left .7s ease .4s}#section1.openingstart .mainp span:nth-of-type(3){opacity:1;margin-left:0;transition:opacity .7s ease-out .6s, margin-left .7s ease .6s}#section1.openingstart .mainp span:nth-of-type(4){opacity:1;margin-left:0;transition:opacity .7s ease-out .8s, margin-left .7s ease .8s}.scrolldownbtn{position:absolute;width:18px;height:80px;bottom:2%;left:50%;z-index:11;opacity:0;text-decoration:none;transition:opacity 1s ease 1s}.scrolldownbtn>span{display:block;font-size:1em;font-weight:200;color:#FFF;margin-left:6px;font-family:adobe-garamond-pro,Georgia,serif;font-style:italic;letter-spacing:0.06em;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.scrolldownbtn>div{position:absolute;width:2px;height:80px;bottom:0;left:0;overflow:hidden;border-radius:2px}.setstart .scrolldownbtn{opacity:1}.scrolldownbtn>div:before,.scrolldownbtn>div:after{content:"";display:block;width:100%;position:absolute;top:0;left:0}.scrolldownbtn>div:before{width:2px;left:0px;height:100%;background-color:rgba(255,255,255,0.3)}.scrolldownbtn>div:after{height:100%;background-color:#FFF;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-animation:dropdownA 3s ease-in infinite;animation:dropdownA 3s ease-in infinite}@-webkit-keyframes dropdownA{0%{-webkit-transform:translateY(-200%);transform:translateY(-200%)}100%{-webkit-transform:translateY(200%);transform:translateY(200%)}}@keyframes dropdownA{0%{-webkit-transform:translateY(-200%);transform:translateY(-200%)}100%{-webkit-transform:translateY(200%);transform:translateY(200%)}}.section .intro{padding:6% 0;position:relative;max-width:1200px}.section .intro p{font-size:1.1em;line-height:1.8;letter-spacing:0.06em;padding:0;margin:3% auto 3%;text-align:left}.section .intro p.center{text-align:center}.section .intro p.right{text-align:right}.section h2{text-align:center;font-weight:600;letter-spacing:0.04em;line-height:1.4;color:#fff;margin:10px auto 1em;position:relative;z-index:11;font-size:4.5em}@media all and (max-width: 960px){.section h2{font-size:3.6em}}@media all and (max-width: 600px){.section h2{font-size:3em}}.section h2 strong{display:block;font-weight:600;font-family:adobe-garamond-pro,Georgia,serif}.section h2 span{letter-spacing:0.08em;display:block;font-size:0.2em;color:rgba(255,255,255,0.8);font-weight:300;position:relative}.section h2.left{text-align:left}.section .intro h3{font-size:2.2em;line-height:1.5;font-weight:700;letter-spacing:0.06em;padding:0;margin:3% auto 5%}.section .intro h3 strong{font-size:1.4em;font-weight:normal}.section .intro h3 span{font-weight:bold}@media all and (max-width: 840px){.section .intro p{font-size:1em}.section .intro h3{font-size:1.8em}}@media all and (max-width: 480px){.section .intro p{font-size:0.9em}.section .intro h3{font-size:1.4em}}.font_en{font-family:adobe-garamond-pro,Georgia,serif !important}.font_hand{font-family:adobe-garamond-pro,Georgia,serif !important}#section2{position:relative;background-color:#66BE9A}#section2::before,#section2::after{content:'';position:absolute;top:20px;left:-10%;width:40%;height:0;padding-top:22%;background-repeat:no-repeat;background-position:center;background-size:100% auto;opacity:0}@media all and (min-width: 1200px){#section2::before,#section2::after{width:480px;padding-top:264px;left:50%;margin-left:-700px}}#section2::before{background-image:url(../images/common/hamon.svg);mix-blend-mode:overlay;-webkit-transform:scale(0.95);-moz-transform:scale(0.95);transform:scale(0.95)}#section2::after{-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);transform:translateY(-30px);background-image:url(../images/common/tree.svg)}#section2.setstart::before{opacity:0.8;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);transition:transform .5s ease-in .4s, opacity .5s ease-in .4s}#section2.setstart::after{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px);transition:opacity .3s linear,transform .4s ease-in}#section2 .intro{position:relative;z-index:1000;padding:0;width:100%;color:#fff;margin:8% auto}#section2 .intro::after{content:'';position:absolute;top:0;left:0;width:20%;height:120%;background-image:url(../images/common/text_tate.svg);background-repeat:no-repeat;background-position:center;background-size:auto 70%;opacity:0;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);transform:translateY(-20px)}@media all and (min-width: 1200px){#section2 .intro::after{width:280px}}#section2 .intro a.gobtn{margin-top:-25px;margin-right:15%;z-index:20;position:relative}#section2.setstart .intro::after{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px);transition:opacity .3s linear .7s,transform .4s ease-in .7s}#section2 .concepttopbox{margin-left:20%;width:80%;background-color:#fff;padding:8% 8% 7%}#section2 .concepttopbox h4{text-align:left;color:#66BE9A}#section2 .concepttopbox p{color:#3E3A39;font-size:1.1em;letter-spacing:0.06em;line-height:2.2em}@media all and (min-width: 1200px){#section2 .concepttopbox p{font-size:1.3em}}@media all and (max-width: 600px){#section2 .concepttopbox p{font-size:0.9em}}#section2 .concepttopbox p strong{font-size:1.1em}#section2 h3{font-family:adobe-garamond-pro,Georgia,serif;letter-spacing:normal;font-style:italic;font-weight:600;font-size:10vw}@media all and (min-width: 1200px){#section2 h3{font-size:120px}}.invertbox{position:relative;min-height:auto}.invertbox .maintxt{vertical-align:text-top;margin:0;padding:0;position:absolute;top:-8vw;left:20%;margin-left:6vw;width:auto;height:auto;text-align:left;color:#fff}.invertbox>.maintxt{z-index:-1}.invertbox .setinvertbox{position:relative;overflow:hidden}.invertbox .setinvertbox .maintxt{left:0;color:#66BE9A}#section3{background-color:#F3F3F3;background-image:url(../images/common/cont04.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;z-index:10;position:relative}#section3::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.1}#section3 .intro{width:100%;padding:8% 0}#section3 .intro .businesstopbox{margin-right:10%;width:90%;background-color:rgba(40,32,29,0.9);padding:5% 8% 5%}#section3 .intro .businesstopbox h2{margin-top:-1.4em}#section3 .intro .businesstopbox h3{font-size:4vw;color:#66BE9A;font-family:adobe-garamond-pro,Georgia,serif}#section3 .intro .businesstopbox h3 span{font-family:YakuHanJP,"Noto Sans JP","游ゴシック",YuGothic;font-size:0.6em;color:#fff}#section3 .intro .businesstopbox .columns .column{margin-bottom:20px}#section3 .intro .businesstopbox .columns .column .card{height:100%}#section3 .intro .businesstopbox .columns .column .card .card-inner{height:100%;display:flex;flex-direction:column}#section3 .intro .businesstopbox .columns .column .card .card-title.h5{color:#66BE9A;text-align:left}#section3 .intro .businesstopbox .columns .column .card .card-body{font-size:0.9em}#section3 .intro .businesstopbox .columns .column .card .card-footer{margin-top:auto}#section3 .intro .businesstopbox .columns .column .card .card-footer a.gobtn{width:100%;margin-top:0}#section4{background-color:#F3F3F3;background-image:url(../images/common/cont05.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;z-index:10;position:relative}#section4::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.5}#section4 .intro h2{color:#fff}#section4 .intro h2 strong{font-size:1.5em}#section4 .intro .sustainabletopbox{margin:0 auto 2%;width:90%;background-color:rgba(102,190,154,0.9);padding:6%;border-radius:20px}a.bnr{display:block;margin:2em auto;width:90%;max-width:400px;background-color:#fff;transition:all .3s ease}@media all and (min-width: 841px){a.bnr:hover img{opacity:0.6}}a.rsvbigbtn{display:block;margin:2em auto;width:90%;max-width:300px;background-color:rgba(102,190,154,0.85);padding:2em 0.5em;position:relative;color:#fff !important;font-size:1.2em;transition:all .3s ease}@media all and (max-width: 480px){a.rsvbigbtn{font-size:1em;padding:1.5em 0.5em;max-width:260px}}@media all and (min-width: 841px){a.rsvbigbtn:hover{background-color:#66be9a}}a.rsvbigbtn strong{display:block;font-family:adobe-garamond-pro,Georgia,serif;font-weight:normal;letter-spacing:0.06em;line-height:2}a.rsvbigbtn strong::before{content:'\f138';font-family:"Font Awesome 5 Free";margin-right:0.3em;font-size:0.7em;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;font-weight:bold;text-rendering:auto}a.rsvbigbtn span{display:block;font-weight:normal;font-size:0.6em}a.rsvbigbtn[target="_blank"] span::after{content:'';display:inline-block;margin-left:10px;margin-right:5px;width:9px;height:9px;background:url("../images/common/blank_link_w.svg?1") no-repeat 0 center;background-size:auto auto;background-size:100% auto;opacity:0.8}a.rsvbigbtn::before{position:absolute;content:'';top:10%;left:5%;width:90%;height:80%;border-top:1px solid #fff;border-bottom:1px solid #fff;opacity:.4}#section5{position:relative;padding:2% 0 4%;background-color:#E6E6E6}#section5 .intro{padding:8% 0;max-width:100%;width:100%;position:relative;z-index:1000;overflow:hidden}#section5 .intro h2{color:#3E3A39}#section5 .intro h2 span{color:#3E3A39}#blogbox{position:relative;width:100%;height:auto}#blogbox .swiper-container{box-sizing:border-box;width:100%;height:100%;padding:0 0 40px 5%}#blogbox .swiper-container .swiper-slide{text-align:center;height:auto;width:36%;max-width:400px}@media all and (max-width: 840px){#blogbox .swiper-container .swiper-slide{width:65%}}#blogbox .swiper-container .swiper-slide a{display:block;overflow:hidden;text-decoration:none}@media all and (min-width: 841px){#blogbox .swiper-container .swiper-slide a:hover .blogimg{transform:scale(1.03)}#blogbox .swiper-container .swiper-slide a:hover .bloginner{background-color:#fff}}#blogbox .swiper-container .swiper-slide img{width:100%;height:auto}#blogbox .swiper-container .swiper-slide .blogimg{width:100%;height:0;padding-top:66.67%;background-color:#F3F3F3;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;transition:transform .5s ease-out}#blogbox .swiper-container .swiper-slide .blogimg.noimg{background-position:center;background-image:url(../images/common/flogo.svg);background-size:40% auto}#blogbox .swiper-container .swiper-slide .blogimg.beforeafter{padding-top:50%;position:relative}#blogbox .swiper-container .swiper-slide .blogimg.beforeafter .baimg{width:50%;padding-top:50%;position:absolute;top:0}#blogbox .swiper-container .swiper-slide .blogimg.beforeafter .baimg:before{font-size:0.7em}#blogbox .swiper-container .swiper-slide .blogimg.beforeafter .baimg.before{left:0;border-right:1px solid #fff}#blogbox .swiper-container .swiper-slide .blogimg.beforeafter .baimg.after{right:0}#blogbox .swiper-container .swiper-slide .blogimg.beforeafter .baimg.before::after{display:none}#blogbox .swiper-container .swiper-slide .bloginner{padding:15px;background-color:#F3F3F3;position:relative;z-index:1;line-height:1.8;transition:all .5s ease-out}#blogbox .swiper-container .swiper-slide .bloginner .catebox{position:absolute;width:auto;top:0;right:0;margin-top:0;text-align:right;display:block;line-height:1}#blogbox .swiper-container .swiper-slide .bloginner .catebox span{display:inline-block;white-space:nowrap;text-align:center;background-color:#66BE9A;color:#fff;padding:0.6em 0.8em 0.45em;line-height:1;font-size:0.7em}#blogbox .swiper-container .swiper-slide .bloginner .blogdate{text-align:left;font-family:adobe-garamond-pro,Georgia,serif;color:#66BE9A;letter-spacing:0.1em;font-size:0.9em;font-weight:500;margin-bottom:0.5em}#blogbox .swiper-container .swiper-slide .bloginner h3{font-size:1em;font-weight:normal;text-align:left;color:#3E3A39;font-family:YakuHanJP,"Noto Sans JP","游ゴシック",YuGothic;margin:0;padding:0;min-height:3em}@media all and (max-width: 480px){#blogbox .swiper-container .swiper-slide .bloginner h3{font-size:0.9em;min-height:4.5em}}#blogbox .swiper-container .swiper-slide .bloginner .blogtag{padding:1.3em 0 0.2em;width:100%;text-align:left;font-size:0.7em;line-height:2.6}#blogbox .swiper-container .swiper-slide .bloginner .blogtag span{background-color:#b2b2b2;color:#3E3A39;padding:0.3em 0.7em 0.3em;line-height:1;border-radius:1em;white-space:nowrap;margin-right:0.5em}#blogbox .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}#blogbox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;width:10px;height:10px}#blogbox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#66BE9A}@media all and (min-width: 841px){#blogbox a.gobtn{position:absolute;top:3%;right:2%;margin:0;z-index:20}}.basetbl{margin:10px auto;padding:0px;width:100%;box-sizing:border-box}.basetbl table{margin:0px auto;padding:0px;width:100%;background:none;text-align:center}.basetbl table span.sstx{font-size:70%}.basetbl table th{margin:0px;padding:10px 10px;border:none;background-color:#ddd;font-weight:bold;text-align:center;line-height:1.4}.basetbl table thead th{background-color:#FF0051;color:#fff}.basetbl table td{margin:0px;padding:10px;border:none;line-height:1.4;text-align:center}.basetbl table tr:last-child th,.basetbl table tr:last-child td{border-bottom:none}.basetbl table tr:nth-child(even) th{background-color:#d3d3d3}.basetbl table tr:nth-child(even) td{background-color:#f6f6f6}span.formkome{color:#666;font-size:0.8em}.basetbl p{font-size:0.9em;text-align:left;color:#CC3437}.contactbox{width:100%;letter-spacing:0.06em;padding-bottom:10%}.basetbl table textarea{width:90%}.basetbl{width:100%}.basetbl table{overflow:hidden}.basetbl table td input[type="text"],.basetbl table td select,.basetbl table td textarea{max-width:100%}.basetbl table td input[type="text"]{width:250px}.basetbl table td label{margin-right:12px}.basetbl table td input[type="radio"]{margin-right:5px;margin-top:-0.25em;border:1px solid #ccc}td.errortd{background:#FEE}.basetbl table tr:nth-child(even) td.errortd{background:#fFE5E5}.contactbox button{height:30px;padding:0 15px;text-align:center;text-decoration:none;line-height:30px;outline:none;font-size:0.9em;border:none;cursor:pointer;transition:all .25s ease}.contactbox button.submit{background-color:#231F20;color:#fff}.contactbox button.reset{background-color:#A3A3A3;color:#231F20}.contactbox button:hover{background-color:#fc3;color:#231F20}@media only screen and (max-width: 480px){.basetbl table td input[type="text"],.basetbl table td select,.basetbl table td textarea{width:100%}}a.contactbtn{display:block;height:50px;padding:0 15px;margin:20px auto;width:70%;max-width:250px;text-align:center;text-decoration:none;line-height:50px;outline:none;letter-spacing:0.1em;font-size:0.9em;border:none;background-color:#231F20;color:#fff;transition:all .25s ease}a.contactbtn:hover{background-color:#fc3;color:#231F20}
