﻿:root{--color1:#ff5300;--color2:#5b1801;--color3:#F39800;--text-color:#333333}@keyframes slide1{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes slide2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}@keyframes AnimationTitle{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}main{background:url("../images/top/fv_bg.webp") no-repeat center top;background-size:cover;width:100%;min-height:750px;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 520px){main{background-position:center bottom;background-size:auto;min-height:600px;padding:120px 0 0}}main .inner{display:flex;justify-content:center;align-items:center;position:relative}@media screen and (max-width: 520px){main .inner{flex-wrap:wrap;padding:0}}main .inner .txArea{text-align:center;position:relative;z-index:2}main .inner .txArea p{font-size:22px;font-size:600;padding:0 0 30px;color:#333333}@media screen and (max-width: 1000px){main .inner .txArea p{font-size:20px}}@media screen and (max-width: 600px){main .inner .txArea p{font-size:16px;padding:0 0 10px}}@media screen and (max-width: 450px){main .inner .txArea p{font-size:12px}}main .inner .txArea h1{color:var(--color2);font-size:53px;font-weight:900;letter-spacing:-0.01em;text-shadow:0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF}@media screen and (max-width: 1000px){main .inner .txArea h1{font-size:40px}}@media screen and (max-width: 600px){main .inner .txArea h1{font-size:28px}}@media screen and (max-width: 450px){main .inner .txArea h1{font-size:22px}}main .inner .txArea h1 span{font-size:70px}@media screen and (max-width: 1000px){main .inner .txArea h1 span{font-size:50px}}@media screen and (max-width: 600px){main .inner .txArea h1 span{font-size:36px}}@media screen and (max-width: 450px){main .inner .txArea h1 span{font-size:30px}}main .inner .txArea .btnArea{display:flex;justify-content:center;align-items:center;gap:0 30px;padding:60px 0 0 0}@media screen and (max-width: 767px){main .inner .txArea .btnArea{padding:20px 0 0 0}}@media screen and (max-width: 600px){main .inner .txArea .btnArea{gap:0 10px}}main .inner .txArea .btnArea .box a{background:url("../images/top/head_btn.webp") no-repeat center;background-size:100%;width:250px;height:52px;font-size:18px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:0 5px;color:#FFF;position:relative}@media screen and (max-width: 600px){main .inner .txArea .btnArea .box a{font-size:16px;width:200px}}@media screen and (max-width: 450px){main .inner .txArea .btnArea .box a{width:150px;font-size:12px}}main .inner .txArea .btnArea .box a:before{content:"";width:30px;height:30px;position:relative;z-index:1}main .inner .txArea .btnArea .box.type1 a:before{background:url("../images/common/icon2.webp") no-repeat center;background-size:21px 23px}@media screen and (max-width: 600px){main .inner .txArea .btnArea .box.type1 a:before{background-size:16px 18px}}main .inner .txArea .btnArea .box.type2 a:before{background:url("../images/common/icon1.webp") no-repeat center;background-size:27px 20px}@media screen and (max-width: 600px){main .inner .txArea .btnArea .box.type2 a:before{background-size:22px 15px}}main .inner .fv_en{position:absolute;right:-50px;bottom:-250px;width:327px;height:327px;z-index:1;text-align:center;display:flex;justify-content:center;align-items:center;color:#FFF}@media screen and (max-width: 1320px){main .inner .fv_en{right:10px}}@media screen and (max-width: 1100px){main .inner .fv_en{transform:scale(0.8);right:-30px}}@media screen and (max-width: 600px){main .inner .fv_en{transform:scale(0.7);right:-40px;bottom:-290px}}@media screen and (max-width: 520px){main .inner .fv_en{width:100%;position:relative;right:auto;bottom:auto;height:auto;transform:scale(1);margin:50px 0 0 0;height:auto}}main .inner .fv_en:before{content:"";width:100%;height:100%;background:url("../images/top/fv_en.webp") no-repeat center;background-size:100%;position:absolute;top:0;left:0;opacity:0.9;z-index:0}@media screen and (max-width: 520px){main .inner .fv_en:before{background-image:none;border-top:2px solid var(--color1);border-bottom:2px solid var(--color1);opacity:1}}main .inner .fv_en .in{position:relative;z-index:1;width:225px}@media screen and (max-width: 520px){main .inner .fv_en .in{width:90%;padding:20px 0}}main .inner .fv_en .in h2,main .inner .fv_en .in p{text-shadow:0 0 10px rgba(195,101,109,0.9),0 0 10px rgba(195,101,109,0.9),0 0 10px rgba(195,101,109,0.9),0 0 10px rgba(195,101,109,0.9)}@media screen and (max-width: 520px){main .inner .fv_en .in h2,main .inner .fv_en .in p{text-shadow:0 0 0 #FFF;color:#333}}main .inner .fv_en h2{font-size:20px;font-weight:700;padding:0 0 20px}@media screen and (max-width: 520px){main .inner .fv_en h2{font-size:16px}}@media screen and (max-width: 450px){main .inner .fv_en h2{font-size:14px;padding:0 0 10px}}main .inner .fv_en p{font-size:15px;font-weight:600;text-align:left;line-height:26px}@media screen and (max-width: 520px){main .inner .fv_en p{font-size:14px}}@media screen and (max-width: 450px){main .inner .fv_en p{font-size:12px;line-height:20px}}main .img{position:absolute;top:-100px;left:5%;z-index:0;width:100%;animation:30s linear infinite rotation;transform-origin:center center;width:890px;height:auto}@media screen and (max-width: 1800px){main .img{left:1%}}@media screen and (max-width: 1000px){main .img{width:700px;top:50px}}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.titleBox{padding:0 0 30px}.titleBox p.tx{font-size:18px;font-weight:600;padding:0 0 10px}@media screen and (max-width: 520px){.titleBox p.tx{font-size:15px}}.titleBox p.sub{font-size:16px;padding:0 0 0 15px;position:relative}@media screen and (max-width: 520px){.titleBox p.sub{font-size:15px}}.titleBox p.sub:before{content:"";position:absolute;top:50%;left:0;width:10px;height:10px;background-color:var(--color1);border-radius:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%)}.titleBox h2{font-family:'Oswald',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:60px;font-weight:400}@media screen and (max-width: 520px){.titleBox h2{font-size:40px}}.btnBox a{display:flex;justify-content:flex-start;align-items:center;position:relative;font-size:14px;gap:0 20px}.btnBox a:before{content:"";width:60px;height:60px;background:url("../images/common/btn_icon.webp") no-repeat center;background-size:cover}.top_service{padding:0 0 100px;position:relative;z-index:2}@media screen and (max-width: 1350px){.top_service{padding:0 0px 100px}}@media screen and (max-width: 520px){.top_service{padding:0 0 50px}}.top_service .service_in{display:flex;justify-content:center;align-items:center;gap:0 30px;padding:0 0 30px}@media screen and (max-width: 1350px){.top_service .service_in{gap:0 3%;padding:0 20px 30px}}@media screen and (max-width: 900px){.top_service .service_in{flex-wrap:wrap;padding-bottom:0}}@media screen and (max-width: 1350px){.top_service .service_in .inBox{width:32%}}@media screen and (max-width: 900px){.top_service .service_in .inBox{width:100%;padding:10px;display:flex;justify-content:center}}.top_service .service_in .inBox:nth-child(2) a:before{background-color:#f28e01}.top_service .service_in .inBox:last-child a:before{background-color:#d4001f}.top_service .service_in .inBox a{display:block;width:410px;overflow:hidden;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,0.5);position:relative}@media screen and (max-width: 1350px){.top_service .service_in .inBox a{width:100%}}@media screen and (max-width: 900px){.top_service .service_in .inBox a{width:410px}}@media screen and (max-width: 520px){.top_service .service_in .inBox a{width:100%}}.top_service .service_in .inBox a:before,.top_service .service_in .inBox a:after{content:"";position:absolute}.top_service .service_in .inBox a:before{width:90px;height:90px;background-color:#3c74f7;transform:rotate(45deg);bottom:-45px;right:-45px}.top_service .service_in .inBox a:after{width:10px;height:10px;bottom:16px;right:16px;clip-path:polygon(100% 0, 0% 100%, 100% 100%);background-color:#FFF}.top_service .service_in .inBox a p.title{color:#FFF;padding:10px 40px;border-radius:0 0 20px 0;display:inline-block}@media screen and (max-width: 1150px){.top_service .service_in .inBox a p.title{font-size:13px;padding:10px 20px}}.top_service .service_in .inBox a p.blue{background-color:#3c74f7}.top_service .service_in .inBox a p.or{background-color:#f28e01}.top_service .service_in .inBox a p.red{background-color:#d4001f}.top_service .service_in .inBox a .imgBox{height:160px;display:flex;justify-content:center;align-items:center}.top_service .service_in .inBox a .tx{display:flex;justify-content:center;align-items:center;padding:0 20px 30px}@media screen and (max-width: 1050px){.top_service .service_in .inBox a .tx{font-size:14px}}@media screen and (max-width: 1280px){.top_service .service_in .inBox a .tx br{display:none}}.top_service .btnArea{display:flex;justify-content:flex-end}@media screen and (max-width: 900px){.top_service .btnArea{justify-content:flex-start;margin:20px 0 0 0}}.top_news{position:relative;z-index:1}.top_news:before{background:url("../images/top/back_b.webp") no-repeat center;background-size:100%;content:"";position:absolute;top:-350px;left:0;width:100%;height:772px;z-index:1}.top_news .inner{position:relative;z-index:3;display:flex;justify-content:space-between;flex-wrap:wrap}.top_news .inner .lBox{width:230px}@media screen and (max-width: 640px){.top_news .inner .lBox{width:100%}}@media screen and (max-width: 640px){.top_news .inner .lBox .btnBox{display:none}}.top_news .inner .rBox{width:calc(100% - 300px)}@media screen and (max-width: 640px){.top_news .inner .rBox{width:100%}}.top_news .inner .rBox .new_in .in:last-child a{border-bottom:none}.top_news .inner .rBox .new_in .in a{display:block;padding:50px 0;border-bottom:1px solid #ececec}@media screen and (max-width: 520px){.top_news .inner .rBox .new_in .in a{padding:20px 0}}.top_news .inner .rBox .new_in .in a .cateBox{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:0 10px;padding:0 0 15px}.top_news .inner .rBox .new_in .in a .cateBox .time{font-size:14px;color:#929292}.top_news .inner .rBox .new_in .in a .cateBox .cate{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:5px 10px}.top_news .inner .rBox .new_in .in a .cateBox .cate span{background-color:#ffaa05;color:#FFF;font-size:12px;border-radius:20px;padding:2px 20px}.top_news .inner .rBox .new_in .in a .txBox p{font-size:16px;line-height:180%}.top_news .inner .rBox .btnBox{display:none}@media screen and (max-width: 640px){.top_news .inner .rBox .btnBox{display:block;margin-top:20px}}
