#container{margin:-187px 0 0 0}@media screen and (max-width: 767px){#container{margin:0}}.slideBox{margin:-70px 0 0 0;position:relative;z-index:2}.slideBox .img_slider{display:flex;justify-content:flex-start;font-size:120px;font-weight:700;width:100vw;height:430px;overflow:hidden;position:relative;z-index:1;white-space:nowrap}@media screen and (max-width: 1000px){.slideBox .img_slider{height:350px}}@media screen and (max-width: 600px){.slideBox .img_slider{height:220px}}.slideBox .img_slider img{margin:0 18px;max-width:none;width:auto;height:430px}@media screen and (max-width: 1000px){.slideBox .img_slider img{height:350px}}@media screen and (max-width: 600px){.slideBox .img_slider img{height:220px;width:1580px}}.slideBox .img_slider .img1{animation:slide1 100s -50s linear infinite}@media screen and (max-width: 520px){.slideBox .img_slider .img1{animation:slide1 60s -30s linear infinite}}.slideBox .img_slider .img2{animation:slide2 100s linear infinite}@media screen and (max-width: 520px){.slideBox .img_slider .img2{animation:slide2 60s linear infinite}}@media screen and (max-width: 600px){.slideBox .imgBox{width:100%;height:300px;overflow:hidden;position:absolute;top:-30px;left:0;z-index:2}}.slideBox .img3{position:absolute;top:-80px;left:0;z-index:2}@media screen and (max-width: 1000px){.slideBox .img3{width:100px;height:auto;max-width:none}}@media screen and (max-width: 600px){.slideBox .img3{width:70px;top:0px}}.slideBox .img4{position:absolute;bottom:-145px;right:0;z-index:2}@media screen and (max-width: 1000px){.slideBox .img4{width:250px;height:auto;max-width:none;bottom:0}}@media screen and (max-width: 600px){.slideBox .img4{width:200px;right:-50px;bottom:0px}}.theory{padding:55px 0 95px;background-color:#FFF;position:relative;z-index:1}@media screen and (max-width: 520px){.theory{padding:55px 0}}.theory .inner{padding:0 0 30px;max-width:1166px}@media screen and (max-width: 1206px){.theory .inner{padding:0 20px 30px}}@media screen and (max-width: 520px){.theory .inner{padding:0 20px}}.theory .inner .en{color:#008FD3}.theory .inBox{text-align:center;background:url("../images/top/theoryBg.webp") no-repeat 49% top;background-size:950px 810px}.no-webp .theory .inBox{background:url("../images/top/theoryBg.png") no-repeat 49% top}@media screen and (max-width: 767px){.theory .inBox{background-size:95%;padding:0 20px}}@media screen and (max-width: 520px){.theory .inBox{background-size:95% 25%;background-position:center 3%}}.theory .inBox p.tx1{font-size:46px;font-weight:900;line-height:75px;padding:0 0 50px}@media screen and (max-width: 1000px){.theory .inBox p.tx1{font-size:36px}}@media screen and (max-width: 767px){.theory .inBox p.tx1{font-size:28px;line-height:50px}}.theory .inBox p.tx2{font-size:22px;font-weight:700;line-height:51px;padding:0 0 145px}@media screen and (max-width: 1000px){.theory .inBox p.tx2{font-size:18px}}@media screen and (max-width: 767px){.theory .inBox p.tx2{font-size:16px;line-height:35px;padding:0 0 50px}}.theory .inBox .flexBox{display:flex;justify-content:center;flex-wrap:wrap;gap:0 22px}@media screen and (max-width: 1720px){.theory .inBox .flexBox{gap:0 2%}}@media screen and (max-width: 1000px){.theory .inBox .flexBox{gap:20px 2%}}@media screen and (max-width: 767px){.theory .inBox .flexBox{gap:20px 0;padding:0 20px}}@media screen and (max-width: 520px){.theory .inBox .flexBox{padding:0}}.theory .inBox .flexBox .in{width:405px;text-align:left}@media screen and (max-width: 1720px){.theory .inBox .flexBox .in{width:23%}}@media screen and (max-width: 1000px){.theory .inBox .flexBox .in{width:48%}}@media screen and (max-width: 767px){.theory .inBox .flexBox .in{width:100%}}.theory .inBox .flexBox .in:nth-child(1) a:after{background:url("../images/top/theory1_h.webp") no-repeat center;background-size:cover}.no-webp .theory .inBox .flexBox .in:nth-child(1) a:after{background:url("../images/top/theory1_h.png") no-repeat center}.theory .inBox .flexBox .in:nth-child(2) a:after{background:url("../images/top/theory2_h.webp") no-repeat center;background-size:cover}.no-webp .theory .inBox .flexBox .in:nth-child(2) a:after{background:url("../images/top/theory2_h.png") no-repeat center}.theory .inBox .flexBox .in:nth-child(3) a:after{background:url("../images/top/theory3_h.webp") no-repeat center;background-size:cover}.no-webp .theory .inBox .flexBox .in:nth-child(3) a:after{background:url("../images/top/theory3_h.png") no-repeat center}.theory .inBox .flexBox .in:nth-child(4) a:after{background:url("../images/top/theory4_h.webp") no-repeat center;background-size:cover}.no-webp .theory .inBox .flexBox .in:nth-child(4) a:after{background:url("../images/top/theory4_h.png") no-repeat center}.theory .inBox .flexBox .in a{position:relative;display:block;box-shadow:12px 12px 12px #c4c2c2,-2px 0px 12px rgba(196,194,194,0.2);border-radius:40px;background-color:#FFF;padding:35px 20px 25px;overflow:hidden}@media (any-hover: hover){.theory .inBox .flexBox .in a:hover{opacity:1;color:#FFF !important}.theory .inBox .flexBox .in a:hover:after{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;opacity:1}.theory .inBox .flexBox .in a:hover:before{background:url("../images/common/link_w.svg") no-repeat center;background-size:100%}.theory .inBox .flexBox .in a:hover .txBox .sub span{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;color:#FFF !important}}.theory .inBox .flexBox .in a:after{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;opacity:0;content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.theory .inBox .flexBox .in a:before{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;content:"";background:url("../images/common/link.svg") no-repeat center;background-size:100%;position:absolute;top:29px;right:24px;width:20px;height:20px;z-index:1}.theory .inBox .flexBox .in a .txBox{padding:0 29px;position:relative;z-index:1}@media screen and (max-width: 1300px){.theory .inBox .flexBox .in a .txBox{padding:0}}.theory .inBox .flexBox .in a .txBox .sub{font-size:25px;font-weight:700;white-space:nowrap}@media screen and (max-width: 1440px){.theory .inBox .flexBox .in a .txBox .sub{font-size:20px}}.theory .inBox .flexBox .in a .txBox .sub span{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out}.theory .inBox .flexBox .in a .txBox .sub span.t1{color:#ecdf00}.theory .inBox .flexBox .in a .txBox .sub span.t2{color:#1e9c39}.theory .inBox .flexBox .in a .txBox .sub span.t3{color:#415fd2}.theory .inBox .flexBox .in a .txBox .sub span.t4{color:#c80050}.theory .inBox .flexBox .in a .txBox .sub span.t5{color:#db5513}.theory .inBox .flexBox .in a .txBox .sub span.t6{color:#1e9c39}.theory .inBox .flexBox .in a .txBox .sub span.t7{color:#2b5fd5}.theory .inBox .flexBox .in a .txBox h3{padding:3px 0 20px;font-size:14px;font-weight:normal}.theory .inBox .flexBox .in a .txBox p{font-size:14px}.theory .inBox .flexBox .in a .txBox .tx{min-height:95px;line-height:21px}@media screen and (max-width: 1720px){.theory .inBox .flexBox .in a .txBox .tx br{display:none}}.theory .inBox .flexBox .in a .imgBox{text-align:center}.carrier{position:relative;background-color:#FFF;border-radius:0 0 95px 95px;padding:0 0 83px;overflow:hidden;z-index:1}@media screen and (max-width: 520px){.carrier{border-radius:0 0 50px 50px;padding:0 0 30px}}.carrier .loopSlide{display:flex;justify-content:flex-start;font-size:120px;font-weight:700;width:100vw;height:200px;overflow:hidden;position:relative;z-index:5;white-space:nowrap}@media screen and (max-width: 1440px){.carrier .loopSlide{font-size:90px}}@media screen and (max-width: 1000px){.carrier .loopSlide{font-size:70px;bottom:auto}}@media screen and (max-width: 520px){.carrier .loopSlide{font-size:50px;height:100px}}.carrier .loopSlide div{display:flex;justify-content:flex-start}.carrier .loopSlide div img{margin:0 10px;max-width:none;width:220px;height:auto}@media screen and (max-width: 520px){.carrier .loopSlide div img{width:120px}}.carrier .loopSlide .img1{animation:slide1 60s -30s linear infinite}@media screen and (max-width: 520px){.carrier .loopSlide .img1{animation:slide1 30s -15s linear infinite}}.carrier .loopSlide .img2{animation:slide2 60s linear infinite}@media screen and (max-width: 520px){.carrier .loopSlide .img2{animation:slide2 30s linear infinite}}.carrier .inner{margin:40px auto 0;max-width:1340px}.carrier .inner h2{font-size:48px;font-weight:700;letter-spacing:0.04em}@media screen and (max-width: 1300px){.carrier .inner h2{font-size:36px}}@media screen and (max-width: 520px){.carrier .inner h2{font-size:28px}}.carrier .inner h3{font-size:28px;background:url("../images/common/title_icon2.webp") no-repeat left bottom;background-size:60px 50px;padding:46px 0 0 70px;left:0.05em}.no-webp .carrier .inner h3{background:url("../images/common/title_icon2.png") no-repeat left bottom}@media screen and (max-width: 1300px){.carrier .inner h3{font-size:24px}}@media screen and (max-width: 520px){.carrier .inner h3{font-size:20px}}.carrier .inner .flexBox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.carrier .inner .flexBox p{font-size:22px;line-height:40px;padding:0 0 0 70px;margin:-7px 0 0 0;letter-spacing:0.07em}@media screen and (max-width: 1300px){.carrier .inner .flexBox p{font-size:18px;margin:0}}@media screen and (max-width: 1070px){.carrier .inner .flexBox p{padding:20px 0 0 0}}@media screen and (max-width: 520px){.carrier .inner .flexBox p{font-size:16px}}.carrier .inner .flexBox .btn{margin:0 50px 0 0}@media screen and (max-width: 1300px){.carrier .inner .flexBox .btn{margin:0}}@media screen and (max-width: 1070px){.carrier .inner .flexBox .btn{width:100%;display:flex;justify-content:center}}@media screen and (max-width: 520px){.carrier .inner .flexBox .btn{justify-content:flex-start}.carrier .inner .flexBox .btn a{font-size:16px}.carrier .inner .flexBox .btn a:before{width:50px;height:50px}}.topBg{position:relative;height:700px;margin:-50px 0 0 0;z-index:-1}@media screen and (max-width: 520px){.topBg{height:300px}}.topBg:after{content:"";background:url("../images/top/topBg.webp") no-repeat center bottom;background-size:cover;position:relative;top:0;left:0;width:100%;height:100%;z-index:-1}.no-webp .topBg:after{background:url("../images/top/topBg.jpg") no-repeat center bottom}@media screen and (max-width: 520px){.topBg:after{background-size:150%;background-position:center bottom}}.topBg.fix:after{position:fixed}@media screen and (max-width: 520px){.topBg.fix:after{position:absolute;bottom:-50px;left:0}}
