﻿#fade,#loader{display:block}#hlogo,#menuButton,.topgobtn{opacity:0}video{display:block}#bg-video{position:absolute;z-index:-1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:"object-fit: cover"}.videobox{width:100%;height:100vh;position:absolute;z-index:0}.videobox::after{position:absolute;content:'';right:0;bottom:0;width:100%;height:100%;background-color:#174155;background-image:url(../images/common/pattern.png?2);background-position:center;background-repeat:repeat;background-size:2px auto;opacity:1;transition:opacity .8s ease-in-out .4s,background-color .8s ease-in-out .4s}.videobox.setstart::after{opacity:0.4;background-color:rgba(23,65,85,0.6)}#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%;height:50vw;position:relative;overflow:hidden;margin:0 auto;padding:0}@media all and (max-width: 840px){#section1 .intro{height:80vw}}@media all and (max-width: 600px){#section1 .intro{height:100vw}}@media all and (max-width: 480px){#section1 .intro{height:120vw}}#section1 .intro .bgimgbox{width:100%;height:100%;position:absolute;overflow:hidden;top:0;right:0;background-image:url(../images/common/cont01.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)}@media all and (max-width: 840px){#section1 .intro .bgimgbox{background-position:35% center;background-size:cover}}#section1 .intro .bgimgbox::after{position:absolute;content:'';width:100%;height:40%;background-color:#231815;background:linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0));bottom:0;right:0;opacity:0.8;z-index:1;mix-blend-mode:multiply}#section1.openingstart .intro .bgimgbox{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:transform .6s ease-out}svg:not(:root){overflow:hidden}#section1 .maintxt{margin:0;padding:0;position:absolute;top:0;left:35px;width:auto;width:45%;max-width:290px;height:auto;text-align:center;z-index:2000;font-size:3em;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:0}main.dark #section1 .maintxt{z-index:5}#section1 .maintxt h1{margin:0 auto}#section1 .maintxt h1 img{vertical-align:top}#section1.openingstart .maintxt{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;transition:transform 1s ease-out .8s,opacity 1s ease-out .8s}#section1 .slogan{margin:0;padding:0;position:absolute;bottom:60%;left:52%;width:40%;max-width:490px;text-align:left;line-height:1.6;z-index:6;vertical-align:baseline;font-weight:400;letter-spacing:0.1em;font-family:"YakuHanJP,'Noto Sans JP', '游ゴシック', YuGothic";font-size:40px;color:#fff;opacity:0}#section1 .slogan span{min-width:6.7em;text-align:center;color:#174155;padding:0em 0.3em;position:relative}#section1 .slogan span::before{content:'';position:absolute;width:99%;height:90%;background-color:rgba(255,255,255,0.3);border:#174155 solid 2px;top:5%;left:0;z-index:-1}@media all and (max-width: 600px){#section1 .slogan span::before{border-width:1.5px}}@media all and (max-width: 960px){#section1 .slogan{margin-left:-3%}}@media all and (max-width: 840px){#section1 .slogan{font-size:30px}}@media all and (max-width: 600px){#section1 .slogan{font-size:20px}}#section1 .slogan span{display:inline-block}#section1 .slogan img{position:absolute;bottom:3%;left:0;width:100%;height:auto}#section1.openingstart .slogan{opacity:1;left:55%;transition:opacity .6s ease-out .9s, left .6s ease-out .9s}#section1.openingstart .slogan::before{width:96%;left:0;transition:none;transition:all .4s ease .9s}#section1 .mainp{margin:0;padding:0;padding-top:0.2em;position:absolute;top:41%;left:52%;width:40%;max-width:300px;line-height:1.5;text-align:left;z-index:6;letter-spacing:0.02em;font-family:"Roboto Flex",sans-serif;font-size:1.1em;font-weight:500;opacity:0;color:#174155}@media all and (max-width: 960px){#section1 .mainp{margin-left:-3%}}@media all and (max-width: 840px){#section1 .mainp{font-size:1.0em}}@media all and (max-width: 600px){#section1 .mainp{font-size:0.9em;width:35%}}@media all and (max-width: 480px){#section1 .mainp{font-size:0.8em;width:45%}}#section1 .mainp span{display:inline-block}#section1.openingstart .mainp{opacity:1;left:55%;transition:opacity .6s ease-out 1.1s, left .6s ease-out 1.1s}#section1 .yokologobox{position:absolute;bottom:0%;left:0%;line-height:1.3;padding:0 10px;margin:0 auto;z-index:10;width:100%;letter-spacing:0.1em;font-size:5vw}#section1 .yokologobox br{display:none}@media all and (max-width: 840px){#section1 .yokologobox{font-size:32px;font-size:7vw}#section1 .yokologobox br{display:block}}#section1 .yokologobox img{width:70%;height:auto;margin-left:-2%;opacity:0}#section1 .yokologobox span{margin-bottom:-0.5em;opacity:0;font-weight:300}#section1.setstart .yokologobox span{opacity:1;margin-bottom:0%;transition:opacity .6s ease-in-out .4s, margin-bottom .6s ease-in-out .4s}#section1 .logowbox{padding:6% 0 5%;position:relative}#section1 .logowbox::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;background:linear-gradient(90deg, #CA9A0C, #F1C500, #F2E08B, #FFFBD0, #F2E08B, #F1C500, #CA9A0C);z-index:10}.scrolldownbtn{position:absolute;width:18px;height:80px;bottom:5%;left:3%;z-index:11;opacity:0;text-decoration:none;transition:opacity 1s ease 1s}.scrolldownbtn>span{display:block;font-size:0.9em;font-weight:400;color:#fff;margin-left:6px;letter-spacing:0.06em;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0.9}.scrolldownbtn>div{position:absolute;width:1px;height:80px;bottom:0;left:0;overflow:hidden}.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:1px;left:0px;height:100%;background-color:#fff;opacity:0.2}.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:1500px}@media all and (min-width: 1000px){.section .intro{padding:60px 0}}.section .intro p{font-size:1.3em;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-size:2.6em;font-weight:600;letter-spacing:0.02em;line-height:1.2;color:#fff;margin:10px auto 5%;position:relative;z-index:11}.section h2 span{letter-spacing:0.08em;display:block;font-size:0.3em;opacity:0.8;color:#fff;font-weight:normal;padding-top:0.2em;font-style:normal}.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:1.2em}.section h2{font-size:2.2em}.section .intro h3{font-size:1.8em}}@media all and (max-width: 480px){.section .intro p{font-size:0.9em}.section h2{font-size:1.8em}.section .intro h3{font-size:1.4em}}.dot{position:absolute;width:40vw;height:25vw}.dot{opacity:0;transform:translateX(-10px);transition-property:opacity !important}.setstart .dot{opacity:1;transform:translateX(0);transition:all .8s ease-out .4s;transition-property:transform ,opacity }.dot:before{top:0;left:5%;position:absolute;content:'';width:100%;height:100%;background-repeat:no-repeat;background-size:contain;z-index:-1;opacity:0.3}.dot.dot1{bottom:-20%;left:auto;right:-12%;width:60vw;height:60vw}.dot.dot1::before{opacity:0.1;background-image:url(../images/common/mark.svg)}.dot.dot2{width:24vw;height:20vw;top:80%;left:55%}.dot.dot2::before{background-image:url(../images/common/fmc.svg)}#section2{position:relative;padding:8% 0}#section2 .intro{padding:0;position:relative;z-index:1000}#section2 .intro .columns .column{margin-bottom:30px}#section2 h2{color:#174155;text-align:left;font-weight:normal}#section2 h2 strong{font-weight:600}#section2 h2 span{color:#000a0f}#section2 .wnewbox a.gobtn{position:absolute;top:0%;right:0;opacity:0;z-index:50;margin:0}@media all and (max-width: 600px){#section2 .wnewbox a.gobtn{position:relative;right:auto;margin:30px auto 0}}#section2.setstart .wnewbox a.gobtn{opacity:1;transition:opacity .3s ease-in-out .5s}.wnewbox{position:relative;width:100%;margin:0 auto}.wnewbox ul{padding:0;margin:0 auto;width:100%;list-style:none;position:relative;z-index:49}.wnewbox ul li{width:100%;margin:0 0;padding:0;position:relative;border-bottom:1px solid rgba(23,65,85,0.8)}.wnewbox ul li .newsinner{display:block;padding:15px 10px;width:100%;height:100%;text-decoration:none}.wnewbox ul li .newsinner p{text-decoration:none}.wnewbox ul li .newsinner p.news_date{text-align:left;margin:0 0 0.5em;padding:0;font-weight:600;letter-spacing:0.06em;font-size:1.2em;line-height:1.1em;color:#22B473}.wnewbox ul li .newsinner p.news_date span.cate{white-space:nowrap;color:white;margin-top:-0.3em;font-size:0.6em;font-weight:normal;letter-spacing:0.1em;padding:0.3em 1.3em;border:1px solid #174155;background-color:rgba(18,29,42,0.9);border-radius:1.5em;margin-left:1em}.wnewbox ul li .newsinner p.news_txt{text-align:left;margin:0;padding:0;font-weight:normal;letter-spacing:normal;font-size:1em;color:#fff;line-height:1.4em;padding-right:6px;position:relative}@media all and (min-width: 841px){.wnewbox ul li .newsinner p.news_txt{overflow:auto}}@media all and (min-width: 841px){.wnewbox ul li a.newsinner:hover{background-color:rgba(150,150,150,0.1)}}@media all and (max-width: 480px){.wnewbox ul li .newsinner p.news_txt{font-size:0.9em}.wnewbox ul li .newsinner p.news_date{font-size:1em}}.threepoint{padding:0;margin:2% auto;max-width:400px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.threepoint li{width:50%;height:0;padding:0;padding-top:50%;margin:0;margin-top:-6%;text-align:center;line-height:1;position:relative;list-style:none}.threepoint li>div{width:100%;margin:0 auto;position:absolute;padding:15px;top:50%;left:0;height:3em;margin-top:-1.5em}.threepoint li::before{content:'';box-sizing:border-box;position:absolute;width:110%;height:0;padding-top:110%;top:50%;left:50%;margin-top:-55%;margin-left:-55%;border:1px solid #CA9A0C;box-shadow:0 0 15px rgba(241,197,0,0.3);border-radius:50%}.threepoint li:first-child{margin:0 25%}.threepoint li p{text-align:center !important;font-size:1em !important;line-height:1.5;margin-bottom:0;position:relative;z-index:1}@media (max-width: 840px){.threepoint li p{font-size:0.9em  !important}}@media (max-width: 480px){.threepoint li p{font-size:0.8em  !important}}.goldbox{max-width:300px;background:linear-gradient(7deg, #CA9A0C, #F1C500, #F2E08B, #FFFBD0);box-shadow:0 0 25px rgba(0,10,15,0.4),0 0 20px rgba(0,10,15,0.4);padding:35px;position:relative}@media (max-width: 480px){.goldbox{padding:25px}}.goldbox::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:transparent 15px solid;box-shadow:0 0 2px 1px #000a0f inset,0 0 2px 1px #000a0f inset,0 0 2px 1px #000a0f inset,0 0 2px 1px #000a0f inset,0 0 2px 1px #000a0f inset,0 0 2px 1px #000a0f inset;z-index:1}@media (max-width: 480px){.goldbox::before{border-width:10px}}.goldbox p{color:#000a0f !important;font-size:1.2em !important;margin:10px 0 0 !important;font-weight:500}.goldbox img{width:40%;height:auto;margin:0 auto}.loopSlider{margin:7% auto 0}.loopSlider ul{margin:0;padding:0}.loopSlider ul li{margin:0;padding:0;overflow:hidden}.loopSlider ul li a{display:block;transition:transform .3s ease-in-out;position:relative}.loopSlider ul li a:hover{transform:scale(1.05)}.loopSlider ul li img{height:20vw;width:auto;padding:0}@media (max-width: 600px){.loopSlider ul li img{height:40vw}}#section3{position:relative;padding:5% 0;overflow:hidden;background:none;background-color:#115F60}#section3::before{content:'';position:absolute;top:0;left:0%;width:100%;height:100%;background-image:url(../images/common/cont04.jpg);background-position:center;background-repeat:no-repeat;background-size:contain;opacity:0.8;mix-blend-mode:overlay}#section3::after{content:'';position:absolute;bottom:0;left:0%;width:100%;height:13%;background-color:#174155;opacity:1}#section3 .intro{position:relative;z-index:1000;padding-top:0}#section3 .intro h2{font-size:4.5vw;transform:rotate(90deg);text-align:left;width:8em;margin:0;position:absolute;top:3.5em;left:-4em}#section3 .intro h2 strong{color:white;font-size:1.3em;font-weight:700}#section3 .intro h2 span{display:inline-block;color:#000a0f;padding-bottom:1em;float:right;margin-top:2.5em}#section3 .horizontextbox.htbox1{position:absolute;top:2%;left:0;width:100%;height:auto;z-index:10;mix-blend-mode:overlay}#section3 .horizontextbox.htbox1 .horizontext{width:100%;height:0;padding-top:5%;background-image:url(../images/common/text01.svg);background-position:center;background-repeat:repeat-x;background-size:auto 96%;opacity:0.4}#section3 .horizontextbox.htbox1 .horizontext.ht2{opacity:0.2}#section3 .horizontextbox.htbox2{position:absolute;bottom:2%;left:0;width:100%;height:auto;z-index:10}#section3 .horizontextbox.htbox2 .horizontext{width:100%;height:0;padding-top:5%;background-image:url(../images/common/text02.svg);background-position:center;background-repeat:repeat-x;background-size:auto 96%;opacity:0.8}#section3 .horizontextbox.htbox2 .horizontext.ht2{opacity:0.3}#servicebox{position:relative;width:90%;margin:0 auto}#servicebox ul{list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;text-align:center;margin-top:15%}#servicebox ul li.item{width:48%}#servicebox ul li.item>div{padding:0;position:relative;overflow:hidden;z-index:1}#servicebox ul li.item>div>a{display:block}#servicebox ul li.item>div .imgbox{overflow:hidden;position:relative}#servicebox ul li.item>div .imgbox::before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background-color:#121D2A;z-index:1;opacity:0;transition:opacity .4s ease-out}#servicebox ul li.item>div .imgbox:hover::before{opacity:0.4}#servicebox ul li.item>div .imgbox::after{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background-color:#231815}#servicebox ul li.item>div .imgbox>*{overflow:visible !important}#servicebox ul li.item>div h5{width:100%;font-size:24px;transition:none !important;color:#fff;padding:0.4em}@media (max-width: 1000px){#servicebox ul li.item>div h5{font-size:18px}}#servicebox ul li.item>div h5::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#121D2A;z-index:-1}#servicebox ul li.item>div h5::after{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background-color:#231815;z-index:-1}#servicebox ul li.item>div h5>span{display:block}#servicebox ul li.item:nth-child(3){margin:20% 26% 0}#servicebox ul li.item:nth-child(1)>div{transform:translateX(-10px);transform:translateX(-10px) !important}.setstart #servicebox ul li.item:nth-child(1)>div{transform:translateX(0) !important}.setstart #servicebox ul li.item:nth-child(1)>div{transform:translateX(0);transition:all 1.4s ease-out .3s;transition-property:transform  }#servicebox ul li.item:nth-child(1) .imgbox{opacity:0;transform:translateX(-10px);transform:translateX(-110%) !important}.setstart #servicebox ul li.item:nth-child(1) .imgbox{transform:translateX(0) !important;transition-timing-function:ease-in-out !important}.setstart #servicebox ul li.item:nth-child(1) .imgbox{opacity:1;transform:translateX(0);transition:all .7s ease-out .3s;transition-property:transform ,opacity }#servicebox ul li.item:nth-child(1) .imgbox::after{transform:translateX(-10px);width:100%;transform:translateX(0) !important}.setstart #servicebox ul li.item:nth-child(1) .imgbox::after{width:0;transform:translateX(0) !important;transition-timing-function:ease-in-out !important;transition-property:width !important}.setstart #servicebox ul li.item:nth-child(1) .imgbox::after{transform:translateX(0);transition:all .7s ease-out .4s;transition-property:transform  }#servicebox ul li.item:nth-child(1) div h5::before{width:0;transform:translateX(-10px)}.setstart #servicebox ul li.item:nth-child(1) div h5::before{width:100%;transform:translateX(0);transition:all .6s ease-out .8s;transition-property:transform  ,width}#servicebox ul li.item:nth-child(1) div h5::after{transform:translateX(-10px);right:130%;width:100%}.setstart #servicebox ul li.item:nth-child(1) div h5::after{right:0;width:0;transition-property:width,right !important}.setstart #servicebox ul li.item:nth-child(1) div h5::after{transform:translateX(0);transition:all .5s ease-out .8s;transition-property:transform  }#servicebox ul li.item:nth-child(1) div h5>span strong{font-weight:600;letter-spacing:0.04em;color:#115F60}#servicebox ul li.item:nth-child(1) div h5>span{opacity:0;transform:translateX(-10px)}.setstart #servicebox ul li.item:nth-child(1) div h5>span{opacity:1;transform:translateX(0);transition:all .5s ease-out 1.2s;transition-property:transform ,opacity }#servicebox ul li.item:nth-child(2)>div{transform:translateX(-10px);transform:translateX(-10px) !important}.setstart #servicebox ul li.item:nth-child(2)>div{transform:translateX(0) !important}.setstart #servicebox ul li.item:nth-child(2)>div{transform:translateX(0);transition:all 1.4s ease-out .6s;transition-property:transform  }#servicebox ul li.item:nth-child(2) .imgbox{opacity:0;transform:translateX(-10px);transform:translateX(-110%) !important}.setstart #servicebox ul li.item:nth-child(2) .imgbox{transform:translateX(0) !important;transition-timing-function:ease-in-out !important}.setstart #servicebox ul li.item:nth-child(2) .imgbox{opacity:1;transform:translateX(0);transition:all .7s ease-out .6s;transition-property:transform ,opacity }#servicebox ul li.item:nth-child(2) .imgbox::after{transform:translateX(-10px);width:100%;transform:translateX(0) !important}.setstart #servicebox ul li.item:nth-child(2) .imgbox::after{width:0;transform:translateX(0) !important;transition-timing-function:ease-in-out !important;transition-property:width !important}.setstart #servicebox ul li.item:nth-child(2) .imgbox::after{transform:translateX(0);transition:all .7s ease-out .7s;transition-property:transform  }#servicebox ul li.item:nth-child(2) div h5::before{width:0;transform:translateX(-10px)}.setstart #servicebox ul li.item:nth-child(2) div h5::before{width:100%;transform:translateX(0);transition:all .6s ease-out 1.1s;transition-property:transform  ,width}#servicebox ul li.item:nth-child(2) div h5::after{transform:translateX(-10px);right:130%;width:100%}.setstart #servicebox ul li.item:nth-child(2) div h5::after{right:0;width:0;transition-property:width,right !important}.setstart #servicebox ul li.item:nth-child(2) div h5::after{transform:translateX(0);transition:all .5s ease-out 1.1s;transition-property:transform  }#servicebox ul li.item:nth-child(2) div h5>span strong{font-weight:600;letter-spacing:0.04em;color:#115F60}#servicebox ul li.item:nth-child(2) div h5>span{opacity:0;transform:translateX(-10px)}.setstart #servicebox ul li.item:nth-child(2) div h5>span{opacity:1;transform:translateX(0);transition:all .5s ease-out 1.5s;transition-property:transform ,opacity }#servicebox ul li.item:nth-child(3)>div{transform:translateX(-10px);transform:translateX(-10px) !important}.setstart #servicebox ul li.item:nth-child(3)>div{transform:translateX(0) !important}.setstart #servicebox ul li.item:nth-child(3)>div{transform:translateX(0);transition:all 1.4s ease-out .9s;transition-property:transform  }#servicebox ul li.item:nth-child(3) .imgbox{opacity:0;transform:translateX(-10px);transform:translateX(-110%) !important}.setstart #servicebox ul li.item:nth-child(3) .imgbox{transform:translateX(0) !important;transition-timing-function:ease-in-out !important}.setstart #servicebox ul li.item:nth-child(3) .imgbox{opacity:1;transform:translateX(0);transition:all .7s ease-out .9s;transition-property:transform ,opacity }#servicebox ul li.item:nth-child(3) .imgbox::after{transform:translateX(-10px);width:100%;transform:translateX(0) !important}.setstart #servicebox ul li.item:nth-child(3) .imgbox::after{width:0;transform:translateX(0) !important;transition-timing-function:ease-in-out !important;transition-property:width !important}.setstart #servicebox ul li.item:nth-child(3) .imgbox::after{transform:translateX(0);transition:all .7s ease-out 1s;transition-property:transform  }#servicebox ul li.item:nth-child(3) div h5::before{width:0;transform:translateX(-10px)}.setstart #servicebox ul li.item:nth-child(3) div h5::before{width:100%;transform:translateX(0);transition:all .6s ease-out 1.4s;transition-property:transform  ,width}#servicebox ul li.item:nth-child(3) div h5::after{transform:translateX(-10px);right:130%;width:100%}.setstart #servicebox ul li.item:nth-child(3) div h5::after{right:0;width:0;transition-property:width,right !important}.setstart #servicebox ul li.item:nth-child(3) div h5::after{transform:translateX(0);transition:all .5s ease-out 1.4s;transition-property:transform  }#servicebox ul li.item:nth-child(3) div h5>span strong{font-weight:600;letter-spacing:0.04em;color:#115F60}#servicebox ul li.item:nth-child(3) div h5>span{opacity:0;transform:translateX(-10px)}.setstart #servicebox ul li.item:nth-child(3) div h5>span{opacity:1;transform:translateX(0);transition:all .5s ease-out 1.8s;transition-property:transform ,opacity }#servicebox ul li.item:nth-child(4)>div{transform:translateX(-10px);transform:translateX(-10px) !important}.setstart #servicebox ul li.item:nth-child(4)>div{transform:translateX(0) !important}.setstart #servicebox ul li.item:nth-child(4)>div{transform:translateX(0);transition:all 1.4s ease-out 1.2s;transition-property:transform  }#servicebox ul li.item:nth-child(4) .imgbox{opacity:0;transform:translateX(-10px);transform:translateX(-110%) !important}.setstart #servicebox ul li.item:nth-child(4) .imgbox{transform:translateX(0) !important;transition-timing-function:ease-in-out !important}.setstart #servicebox ul li.item:nth-child(4) .imgbox{opacity:1;transform:translateX(0);transition:all .7s ease-out 1.2s;transition-property:transform ,opacity }#servicebox ul li.item:nth-child(4) .imgbox::after{transform:translateX(-10px);width:100%;transform:translateX(0) !important}.setstart #servicebox ul li.item:nth-child(4) .imgbox::after{width:0;transform:translateX(0) !important;transition-timing-function:ease-in-out !important;transition-property:width !important}.setstart #servicebox ul li.item:nth-child(4) .imgbox::after{transform:translateX(0);transition:all .7s ease-out 1.3s;transition-property:transform  }#servicebox ul li.item:nth-child(4) div h5::before{width:0;transform:translateX(-10px)}.setstart #servicebox ul li.item:nth-child(4) div h5::before{width:100%;transform:translateX(0);transition:all .6s ease-out 1.7s;transition-property:transform  ,width}#servicebox ul li.item:nth-child(4) div h5::after{transform:translateX(-10px);right:130%;width:100%}.setstart #servicebox ul li.item:nth-child(4) div h5::after{right:0;width:0;transition-property:width,right !important}.setstart #servicebox ul li.item:nth-child(4) div h5::after{transform:translateX(0);transition:all .5s ease-out 1.7s;transition-property:transform  }#servicebox ul li.item:nth-child(4) div h5>span strong{font-weight:600;letter-spacing:0.04em;color:#115F60}#servicebox ul li.item:nth-child(4) div h5>span{opacity:0;transform:translateX(-10px)}.setstart #servicebox ul li.item:nth-child(4) div h5>span{opacity:1;transform:translateX(0);transition:all .5s ease-out 2.1s;transition-property:transform ,opacity }#section5{position:relative;padding:6% 0;background-color:#174155}#section5 .intro{padding:8% auto;max-width:100%;width:100%;position:relative;z-index:1000;overflow:hidden}#workbox{position:relative;width:100%;height:auto}#workbox .swiper-container{box-sizing:border-box;width:100%;height:100%;padding:0 0 40px 5%}#workbox .swiper-container .swiper-slide{text-align:center;height:auto;width:36%;max-width:400px}@media all and (max-width: 840px){#workbox .swiper-container .swiper-slide{width:65%}}#workbox .swiper-container .swiper-slide a{display:block;overflow:hidden;text-decoration:none}@media all and (min-width: 841px){#workbox .swiper-container .swiper-slide a:hover .workimg{transform:scale(1.03)}#workbox .swiper-container .swiper-slide a:hover .workinner{background-color:#fff}}#workbox .swiper-container .swiper-slide img{width:100%;height:auto}#workbox .swiper-container .swiper-slide .workimg{width:100%;height:0;padding-top:66.67%;background-color:#4d4d4d;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;transition:transform .5s ease-out}#workbox .swiper-container .swiper-slide .workimg.noimg{background-position:center;background-image:url(../images/common/logo_square.svg);background-size:40% auto}#workbox .swiper-container .swiper-slide .workinner{padding:15px;background-color:#F6F6F6;position:relative;z-index:1;line-height:1.8;transition:all .5s ease-out}#workbox .swiper-container .swiper-slide .workinner .catebox{position:absolute;width:auto;top:-0.6em;left:1em}#workbox .swiper-container .swiper-slide .workinner .catebox span{display:block;text-align:center;background-color:#121D2A;color:#fff;padding:0.6em 0.8em 0.45em;line-height:1;font-size:0.7em}#workbox .swiper-container .swiper-slide .workinner .workdate{text-align:right;font-family:'Roboto Slab',sans-serif;color:#174155;font-size:0.8em;font-weight:500;margin-bottom:0.5em}#workbox .swiper-container .swiper-slide .workinner h3{font-size:1em;font-weight:normal;text-align:left;color:#000a0f;font-family:"Roboto Slab",YakuHanJP,'Noto Sans JP', '游ゴシック', YuGothic,sans-serif;margin:0;padding:0;min-height:3em}@media all and (max-width: 480px){#workbox .swiper-container .swiper-slide .workinner h3{font-size:0.9em;min-height:4.5em}}#workbox .swiper-container .swiper-slide .workinner .worktag{padding:1.3em 0 0.2em;width:100%;text-align:left;font-size:0.7em}#workbox .swiper-container .swiper-slide .workinner .worktag span{background-color:#b2b2b2;color:#000a0f;padding:0.4em 0.7em 0.3em;line-height:1;border-radius:1em;white-space:nowrap;margin-right:0.5em}#workbox .swiper-scrollbar-drag{background-color:rgba(23,65,85,0.8)}#workbox .swiper-scrollbar{background-color:rgba(18,29,42,0.7)}@media all and (min-width: 841px){#workbox a.gobtn{position:absolute;top:3%;right:2%;margin:0;z-index:20}}#section4{overflow:hidden;background-color:#121D2A}#section4::before{content:'';position:absolute;top:0;left:0%;width:100%;height:100%;background-image:url(../images/common/cont10.jpg);background-position:right center;background-repeat:no-repeat;background-size:cover;opacity:0.6}#section4 .intro{padding:12% 0;max-width:1200px;position:relative;z-index:10}#section4 .intro p{font-size:1em !important}#section6{position:relative;padding:0;background-color:#174155;overflow:hidden;max-height:50vw}#section6::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(23,65,85,0.9)}#section6 .imgbox{opacity:0.8;mix-blend-mode:multiply;position:absolute}@media all and (max-width: 480px){#section6 .imgbox{width:120%}}#section6 .intro{padding:6% auto;max-width:1200px;position:relative;z-index:1}#section6 .intro h4{font-family:"Shippori Mincho",serif;width:50%;position:absolute;bottom:8%;left:50%;font-size:3vw;color:white;letter-spacing:0.06em;line-height:1.8;text-align:left;font-weight:600}@media all and (min-width: 1200px){#section6 .intro h4{font-size:36px}}#section6 #messagebox{width:45%;min-width:200px;max-width:700px;margin:0;padding:10% 6%;color:#fff;position:relative}#section6 #messagebox h2{font-size:7vw}@media all and (min-width: 1200px){#section6 #messagebox h2{font-size:84px}}#section6 #messagebox h2 strong{color:white}#section6 #messagebox h2 span{color:#174155;padding-top:1em}#section6 #messagebox::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#121D2A}#section6 #messagebox h4{font-weight:300;line-height:1.8em;letter-spacing:0.08em}#section6 #messagebox h4 span{white-space:nowrap}#section6 #messagebox a.gobtn{margin-top:12%;width:100%;max-width:260px}.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}
