@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{position:relative;height:95vh;background:url("../images/top/main.webp") no-repeat left center;background-size:cover;padding:0 0 0 5%;display:flex;justify-content:flex-start;align-items:center}@media screen and (max-width: 1000px){.main{padding:0}}@media screen and (max-width: 600px){.main{height:80vh;padding:0 2%}}@media screen and (max-width: 520px){.main{background-position:center center;height:600px}}.main:after{position:absolute;top:0;left:0;content:"";width:33%;height:100%;content:'';background:url(../images/top/img_mv.webp) right bottom no-repeat;background-size:100% 100%}@media screen and (max-width: 600px){.main:after{width:20%;opacity:0.8}}.main .mainTx{position:relative;z-index:1}@media screen and (max-width: 1000px){.main .mainTx{padding:0 20px}}@media screen and (max-width: 700px){.main .mainTx{width:100%}}@media screen and (max-width: 600px){.main .mainTx{background-color:rgba(255,255,255,0.8);padding:30px 0;width:90%;margin:0 auto;border-radius:10px}}.main .mainTx h1{font-size:36px;font-weight:700;line-height:240%}@media screen and (max-width: 1000px){.main .mainTx h1{font-size:28px}}@media screen and (max-width: 700px){.main .mainTx h1{font-size:20px;text-align:center}}@media screen and (max-width: 600px){.main .mainTx h1{font-size:24px;line-height:180%}}.main .mainTx h1 span{background-color:#FFF;padding:10px 60px;border-radius:50px}@media screen and (max-width: 600px){.main .mainTx h1 span{position:relative;padding:0;text-align:center;background-color:transparent}}.main .mainTx h1 span span{font-size:42px;color:#0362a8;padding:0 10px}@media screen and (max-width: 1000px){.main .mainTx h1 span span{font-size:36px}}@media screen and (max-width: 700px){.main .mainTx h1 span span{font-size:28px;margin:0}}@media screen and (max-width: 600px){.main .mainTx h1 span span{font-size:30px}}.main .mainTx h1 br{display:none}@media screen and (max-width: 520px){.main .mainTx h1 br{display:block}}.main .mainTx .sub{font-size:24px;font-weight:700;line-height:240%}@media screen and (max-width: 1000px){.main .mainTx .sub{font-size:18px}}@media screen and (max-width: 767px){.main .mainTx .sub{font-size:15px;margin:10px 0 0 0}}@media screen and (max-width: 700px){.main .mainTx .sub{text-align:center}}@media screen and (max-width: 600px){.main .mainTx .sub{line-height:180%}}.main .mainTx .sub span{background-color:#FFF;padding:10px 60px;border-radius:50px}@media screen and (max-width: 767px){.main .mainTx .sub span{padding:10px 60px}}@media screen and (max-width: 700px){.main .mainTx .sub span{background-color:transparent;padding:10px 0}}.main .mainTx .sub br{display:none}@media screen and (max-width: 600px){.main .mainTx .sub br{display:block}}.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:300px;overflow:hidden;position:relative;z-index:1;white-space:nowrap}@media screen and (max-width: 600px){.slideBox .img_slider{height:220px}}@media screen and (max-width: 520px){.slideBox .img_slider{height:180px}}.slideBox .img_slider img{margin:0 18px;max-width:none;width:auto;height:300px}@media screen and (max-width: 600px){.slideBox .img_slider img{height:220px;width:1580px}}@media screen and (max-width: 520px){.slideBox .img_slider img{height:180px}}.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}}.top_news{padding:50px 0 100px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;overflow:hidden}@media screen and (max-width: 1000px){.top_news{padding:50px 20px 50px}}@media screen and (max-width: 520px){.top_news{padding-bottom:20px}}.top_news .lBox{width:35%;background-color:#0362a8;border-radius:0 50px 50px 0;padding:70px 100px 100px 0;display:flex;justify-content:flex-end}@media screen and (max-width: 1000px){.top_news .lBox{width:100%;padding:15px 35px 0;border-radius:20px;display:block}}.top_news .lBox .in{min-width:210px}@media screen and (max-width: 520px){.top_news .lBox .in{min-height:0}}.top_news .lBox .in .titleBox{padding:0 0 50px;color:#FFF}@media screen and (max-width: 700px){.top_news .lBox .in .titleBox{padding:0 0 20px}}.top_news .lBox .in .titleBox .en{font-family:'Oswald',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight:400;font-size:90px}@media screen and (max-width: 1450px){.top_news .lBox .in .titleBox .en{font-size:60px}}@media screen and (max-width: 700px){.top_news .lBox .in .titleBox .en{font-size:36px}}.top_news .lBox .in .titleBox h2{font-size:16px}@media screen and (max-width: 1000px){.top_news .lBox .in .btn{display:none}}.top_news .lBox .in .btn a{background-color:#FFF;color:#0362a8;font-size:16px;padding:5px 15px;height:60px}.top_news .lBox .in .btn a:after{border-color:#0362a8}.top_news .rBox{width:60%;display:flex;justify-content:flex-start;align-items:center}@media screen and (max-width: 1000px){.top_news .rBox{width:100%;padding:20px;display:block}}.top_news .rBox .inBox .in{padding:20px 0}.top_news .rBox .inBox .in a{display:block}.top_news .rBox .inBox .in a .flexBox{display:flex;justify-content:flex-start;align-items:center;gap:0 20px;padding:0 0 10px}.top_news .rBox .inBox .in a .flexBox .time{color:#a5a5a5}.top_news .rBox .inBox .in a .flexBox .cate{display:flex;justify-content:flex-start;align-items:center;gap:5px 10px}.top_news .rBox .inBox .in a .flexBox .cate div{border:1px solid #0362a8;border-radius:50px;color:#0362a8;font-size:12px;padding:5px 30px}.top_news .rBox .spbtn{display:none}@media screen and (max-width: 1000px){.top_news .rBox .spbtn{display:block}}@media screen and (max-width: 520px){.top_news .rBox .spbtn{padding:30px 0 0}}.topBox1{position:relative;z-index:2}.topBox1 .inner .flex{display:flex;justify-content:center;flex-wrap:wrap;gap:0 20px;padding:0 0 60px}@media screen and (max-width: 520px){.topBox1 .inner .flex{padding:0 0 20px}}.topBox1 .inner .flex .in{border-radius:10px;color:#FFF;font-size:24px;font-weight:700;width:285px;background:linear-gradient(135deg, #24b4e9 0%, #245dab 70%, #245dab 100%);text-align:center;padding:20px 10px}@media screen and (max-width: 960px){.topBox1 .inner .flex .in{width:30%;font-size:20px}}@media screen and (max-width: 700px){.topBox1 .inner .flex .in{font-size:16px}}@media screen and (max-width: 600px){.topBox1 .inner .flex .in{margin:5px 0;padding:15px 10px;width:45%}}@media screen and (max-width: 410px){.topBox1 .inner .flex .in{width:100%}}.topBox1 .inner .flex .c_in{width:100%;text-align:center;font-size:24px;font-weight:800;padding:20px 0 0 0}@media screen and (max-width: 700px){.topBox1 .inner .flex .c_in{font-size:18px;padding:10px 0 0 0}}.topBox1 .inner .flexBox{display:flex;justify-content:space-between;flex-wrap:wrap;gap:0 1%}@media screen and (max-width: 767px){.topBox1 .inner .flexBox{gap:20px 4%;justify-content:center}}.topBox1 .inner .flexBox .inBox{border-radius:20px;background-color:#FFF;box-shadow:5px 5px 0 rgba(0,0,0,0.5);border:1px solid #d8d8d8;width:23%;padding:30px}@media screen and (max-width: 767px){.topBox1 .inner .flexBox .inBox{width:46%;padding:30px 0}}.topBox1 .inner .flexBox .inBox a{display:block}.topBox1 .inner .flexBox .inBox .imgBox{display:flex;justify-content:center;align-items:center;width:100%;height:120px}@media screen and (max-width: 520px){.topBox1 .inner .flexBox .inBox .imgBox{height:60px}.topBox1 .inner .flexBox .inBox .imgBox img{max-width:none;height:100%;width:auto}}.topBox1 .inner .flexBox .inBox .txBox{text-align:center;font-size:18px;font-weight:800;padding:20px 0 0 0}@media screen and (max-width: 520px){.topBox1 .inner .flexBox .inBox .txBox{font-size:14px;letter-spacing:0}}.topBox2{min-height:500px;position:relative;z-index:1;background-color:#f0f7fd}.topBox2:before,.topBox2:after{content:"";position:absolute;top:-90px;left:0;width:100%;height:100px;mask-image:url(../images/top/top_bg.webp);mask-repeat:no-repeat;mask-position:center top;mask-size:100%;background-color:#f0f7fd;z-index:0}@media screen and (max-width: 580px){.topBox2:before,.topBox2:after{height:60px;top:-50px}}.topBox2:after{top:auto;bottom:-50px;transform:rotate(180deg)}.topBox2 .inner{padding-top:100px;max-width:800px}@media screen and (max-width: 520px){.topBox2 .inner{padding-top:50px}}.topBox2 .inner h2{font-size:24px;font-weight:700;text-align:center;padding:0 0 30px}.topBox2 .inner .inBox{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;padding:0 0 70px;position:relative}.topBox2 .inner .inBox:after{content:"";width:150px;height:30px;background-color:#8cc6ec;clip-path:polygon(100% 0, 0 0, 50% 100%);position:absolute;bottom:30px;left:50%;-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}.topBox2 .inner .inBox:last-child{padding:0}.topBox2 .inner .inBox:last-child:after{display:none}.topBox2 .inner .inBox .lBox{width:100px;border-right:2px solid #0362a8}@media screen and (max-width: 520px){.topBox2 .inner .inBox .lBox{width:70px}}.topBox2 .inner .inBox .lBox p{text-align:center;font-size:24px;font-weight:600;color:#0362a8;line-height:30px}.topBox2 .inner .inBox .lBox p span{display:block;font-size:16px}.topBox2 .inner .inBox .rBox{width:calc(100% - 100px);padding:0 0 10px 20px}@media screen and (max-width: 520px){.topBox2 .inner .inBox .rBox{width:calc(100% - 70px)}}.topBox2 .inner .inBox .rBox p{line-height:30px;display:flex;justify-content:flex-start;align-items:center;min-height:60px}@media screen and (max-width: 520px){.topBox2 .inner .inBox .rBox p{line-height:25px}}.topBox2 .inner .inBox .rBox .mini{padding:20px 0 0 0}.topBox2 .inner .inBox .rBox .mini ul li{font-size:14px;position:relative;padding:0 0 10px 1em}.topBox2 .inner .inBox .rBox .mini ul li span{position:absolute;top:0;left:0}@media screen and (max-width: 520px){.topBox2 .inner .btn{padding-bottom:0}}.topBox2 .inner .btn a{font-size:20px;max-width:400px;padding:40px 20px 40px 0;text-align:center;border-radius:10px;justify-content:center}.topBox3{padding:100px 0 70px}.topBox3 .inner .box{max-width:900px;border-radius:20px;background-color:#FFF;box-shadow:0 0 10px rgba(0,0,0,0.3);padding:50px;margin:0 auto;text-align:center}@media screen and (max-width: 600px){.topBox3 .inner .box{padding:40px 20px}}.topBox3 .inner .box h2{font-size:30px;font-weight:900;position:relative;padding:0 0 20px;margin:0 0 30px}@media screen and (max-width: 600px){.topBox3 .inner .box h2{font-size:24px}}@media screen and (max-width: 420px){.topBox3 .inner .box h2{font-size:20px}}.topBox3 .inner .box h2:after{content:"";width:120px;height:3px;background-color:#0362a8;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}.topBox3 .inner .box p{line-height:36px}@media screen and (max-width: 600px){.topBox3 .inner .box p{text-align:left !important}.topBox3 .inner .box p br{display:none}}@media screen and (max-width: 420px){.topBox3 .inner .box p{font-size:14px;line-height:24px}}.topBox3 .inner .box .btnBox{-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;position:relative;z-index:5;display:flex;justify-content:center;align-items:center;gap:0 50px;padding:30px 0}@media screen and (max-width: 767px){.topBox3 .inner .box .btnBox{gap:0 20px}}@media screen and (max-width: 520px){.topBox3 .inner .box .btnBox{flex-wrap:wrap;gap:15px 0}}@media screen and (max-width: 767px){.topBox3 .inner .box .btnBox .button{width:48%}}@media screen and (max-width: 520px){.topBox3 .inner .box .btnBox .button{width:100%}}.topBox3 .inner .box .btnBox .button a{width:300px;height:60px;border-radius:50px;background-color:#0362a8;display:flex;justify-content:center;align-items:center;color:#FFF;padding:10px 5px;gap:0 15px}@media screen and (max-width: 767px){.topBox3 .inner .box .btnBox .button a{width:100%}}.topBox3 .inner .box .btnBox .button a .tx{font-weight:700;font-size:20px}@media screen and (max-width: 600px){.topBox3 .inner .box .btnBox .button a .tx{font-size:16px}}