/* CSS Document */
@charset "UTF-8";

.top{background-color:#2377e4;}

.top .mainV{padding-top:60px;position:relative;overflow: hidden;margin-bottom:130px;}
.top .mainV .aj_box > p{color:#ffffff;font-size:30px;text-align:center;margin-bottom:50px;}
.top .slider{width:100%;position: relative;}
.top .js-main{width:100%;max-height:515px;position:relative;overflow:hidden;}
.top .js-main::before{display:block;content:"";width:100%;padding-top:54%;}
.top .js-main > *{position:absolute;top:0;width:950px;max-width:100%;height:100%;transition:2s;;pointer-events:none;}
.top .js-main > *:nth-child(1){left:50%;transform:translateX(calc(-250% - 100px));}
.top .js-main > *:nth-child(2){left: 50%;transform: translateX(calc(-150% - 50px));}
.top .js-main > *:nth-child(3){left:50%;transform:translateX(-50%);}
.top .js-main > *:nth-child(4){left:50%;transform: translateX(calc(50% + 50px));}
.top .js-main > *:nth-child(5){left:50%;transform:translateX(calc(150% + 100px));}
.top .js-main > *:nth-child(6){left:50%;transform:translateX(calc(150% + 100px));}
.top .obj-cover img{width:100%;height:100%;object-fit:cover;}
.top .slider .prev,
.top .slider .next{color:#ffffff;line-height: 50px;width: 50px;text-align: center;position: absolute;bottom:0;z-index: 10;cursor: pointer;}
.top .slider .prev{left:40%;}
.top .slider .next{right:40%;}
.top .slider .prev span,
.top .slider .next span{font-size:18px;vertical-align: middle;}
.top .slider ul{display:flex;justify-content:center;padding:20px 0;}
.top .slider li{width:10px;height:10px;border:1px solid #ffffff;border-radius:50%;margin:0 10px;box-sizing:border-box;}
.top .slider .dot{background-color:#ffffff}
.top .mainV .outer{overflow: hidden;}
.top .mainV .outer h2{color:#ffffff;font-size:130px;width:100%;text-align: center;white-space: nowrap;}
.top .sec1{margin-bottom:90px;}
.top .sec1 .ttl_wrap{width:100%;margin-bottom: 130px;overflow: hidden;display:flex;flex-wrap:nowrap;}
.top .sec1 .ttl_wrap p{color:#ffffff;font-size:130px;line-height:130px;white-space: nowrap;margin-bottom:0;padding:0 20px;}
.top .sec1 .ttl_wrap .st1{animation : text_scroll 40s -20s linear infinite;}
.top .sec1 .ttl_wrap .st2{animation : text_scroll2 40s linear infinite;}
@keyframes text_scroll{
    0% { transform: translateX(100%)}
    to{ transform: translateX(-100%)}
 }
 @keyframes text_scroll2{
    0% { transform: translateX(0)}
    to { transform: translateX(-200%)}
 }
.top .sec1 .t_wrap{background-color:#ffffff;color:#2377e4;text-align:center;width:950px;max-width:100%;;padding:50px;margin:-90px auto 0 auto;position:relative;z-index:1;}
.top .sec1 h2{font-size:20px;font-weight:bold;border-bottom:1px solid #2377e4;display:inline-block;padding-bottom:10px;margin-bottom:30px;} 
.top .sec1 p{text-align:center;margin-bottom:40px;}
.top .sec1 h3{font-size:22px;font-weight:bold;}
.top .sec1 h3 span{font-size:14px;}
.top .sec2{margin-bottom:160px;}
.top .sec2 .outer{position:relative;min-height:450px;display:flex;align-items: center;}
.top .sec2 .img_wrap{width:60%;height:100%;position:absolute;}
.top .sec2 .img_wrap img{object-fit: cover;width:100%;height:100%;}
.top .sec2 .aj_box{z-index: 1;}
.top .sec2 .wrap{width:400px;color:#ffffff;margin-left:auto;position:relative;}
.top .sec2 .wrap::after{position:absolute;display:block;content:"";width:100%;height:1px;background-color:#ffffff;right:0;top:30px;z-index: -1;}
.top .sec2 h2{font-size:22px;font-weight:bold;line-height:60px;color:#2377e4;background-color:#ffffff;padding:0 35px;display:inline-block;border-radius:60px;position:relative;margin-bottom:40px;}
.top .sec2 h2::before{position:absolute;display:block;content:"";width:15px;height:1px;background-color:#2377e4;right:0;top:50%;}
.top .sec2 p{width:320px;margin-left: auto;}
.top .sec2 .outer:nth-of-type(n+2){margin-top:90px;}
.top .sec2 .outer:nth-of-type(even){flex-direction:row-reverse;}
.top .sec2 .outer:nth-of-type(even) .wrap{margin:0 auto 0 0;}
.top .sec2 .outer:nth-of-type(even) p{margin:0 auto 0 0;}
.top .sec3{padding-bottom:35px;margin-bottom:120px;}
.top .sec3 h2{color:#ffffff;font-size:130px;font-weight:bold;text-align:center;position:relative;padding-bottom:30px;margin-bottom:50px;}
.top .sec3 h2 span{font-family: 'Inter',"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","Noto Sans JP","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;font-size:22px;position:absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
/*interview共通*/
.int_wrap .items{display:flex;}
.int_wrap .item{width:calc(100%/3);position:relative;background:url(../img/top/c1.jpg) no-repeat center/cover;overflow: inherit;}
.int_wrap  .item::before{display:block;content:"";width:100%;padding-top:100%;}
.int_wrap  .item h3{background-color:#ffffff;color:#2377e4;font-size:16px;line-height:65px;text-align:center;border-radius:65px;width:300px;max-width:100%;;position:absolute;left:50%;bottom:0;transform:translateX(-50%);margin-bottom:-32px;transition:.5s;border:1px solid #ffffff;}
.int_wrap  .item:hover h3{color:#ffffff;background-color:#2377e4;}
.int_wrap  .item h3::before{display:block;position:absolute;font-family: 'Material Icons';content:"\f1df";color:#ffffff;font-size:14px;line-height:45px;background-color:#2377e4;width:45px;height:45px;border-radius:50%;right: 10px;top: 50%;transform: translateY(-50%);transition:.5s;}
.int_wrap  .item:hover h3:before{color:#2377e4;background-color:#ffffff;}
/*int共通ここまで*/
.top .sec3 .item:nth-of-type(2){background-image:url(../img/top/c2.jpg);}
.top .sec3 .item:nth-of-type(3){background-image:url(../img/top/c3.jpg);}
.top .sec4{margin-bottom:120px;}
.top .sec4 a{color:#ffffff;font-size:22px;line-height:130px;text-align:center;border:1px solid #ffffff;display:block;border-radius:130px;width:100%;position:relative;left:50%;bottom:0;transform:translateX(-50%);transition:.5s;}
.top .sec4 a::before{display:block;position:absolute;font-family: 'Material Icons';content:"\f1df";color:#2377e4;font-size:14px;line-height:45px;background-color:#ffffff;width:45px;height:45px;border-radius:50%;right: 30px;top: 50%;transform: translateY(-50%);transition:.5s;}
.top .sec4 a:hover{color:#2377e4;background-color:#ffffff;}
.top .sec4 a:hover::before{color:#ffffff;background-color:#2377e4;}

.article .hero{background-color:#2377e4;position:relative;padding-top:70px;}
.article .hero h2 {font-family: 'Inter',"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","Noto Sans JP","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;color: #ffffff;font-size: 50px;font-weight:bold;text-align: center;position: relative;padding-bottom: 30px;margin-bottom: 50px;}
.article .hero h2 span {font-size: 22px;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
.article .hero h3{background-color: #ffffff;color: #2377e4;font-size: 22px;font-weight:bold;line-height: 65px;text-align: center;border-radius: 65px;width: 300px;max-width: 100%;position:absolute;bottom:-33px;left:50%;transform: translateX(-50%);}
.article p,
.article dd{font-weight:500;}

.interview .sec1{padding-top:100px;}
.interview .sec1 .item,
.interview .sec1 .img_wrap{margin-bottom:50px;}
.interview .sec1 .img_wrap:last-of-type{margin-bottom:100px;}
.interview .sec1 h3{color:#2377e4;font-size:22px;line-height:38px;font-weight:bold;padding-bottom:10px;border-bottom:1px solid #2377e4;margin-bottom:15px;}
.interview .sec2{padding:50px 0 100px 0;background-color:#2377e4;}
.interview .sec2 h2{color:#ffffff;font-size:22px;text-align:center;margin-bottom:40px;}
.interview .int_wrap .items{justify-content: space-between;}
.interview .int_wrap .item{width: calc((100% - 50px)/2);}
.int01 .int_wrap .item:nth-of-type(1){background-image:url(../img/top/c2.jpg);}
.int01 .int_wrap .item:nth-of-type(2){background-image:url(../img/top/c3.jpg);}
.int02 .int_wrap .item:nth-of-type(1){background-image:url(../img/top/c1.jpg);}
.int02 .int_wrap .item:nth-of-type(2){background-image:url(../img/top/c3.jpg);}
.int03 .int_wrap .item:nth-of-type(1){background-image:url(../img/top/c1.jpg);}
.int03 .int_wrap .item:nth-of-type(2){background-image:url(../img/top/c2.jpg);}

.recruit .sec1{margin:80px 0 130px 0 ;}
.recruit .sec1 .aj_box{width:1020px;}
.recruit .sec1 dl{display:flex;flex-wrap:wrap;margin-bottom:55px;}
.recruit .sec1 dt{width:130px;font-weight:bold;}
.recruit .sec1 dd{width:calc(100% - 130px);}
.recruit .sec1 dt,
.recruit .sec1 dd{border-top:1px solid #efefef;padding:25px 0;}
.recruit .sec1 dt:last-of-type,
.recruit .sec1 dd:last-of-type{border-bottom:1px solid #efefef;}
.recruit .sec1 .btn_wrap a{background-color: #ffffff;color: #2377e4;font-size: 16px;line-height: 65px;text-align: center;border-radius: 65px;width: 300px;max-width: 100%;position: relative;margin:0 auto;transition: .5s;border: 1px solid #2377e4;}
.recruit .sec1 .btn_wrap a:hover{color: #ffffff;background-color: #2377e4;}
.recruit .sec1 .btn_wrap a::before{display: block;position: absolute;font-family: 'Material Icons';content: "\f1df";color: #ffffff;font-size: 14px;line-height: 45px;background-color: #2377e4;width: 45px;height: 45px;border-radius: 50%;right: 10px;top: 50%;transform: translateY(-50%);transition: .5s;}
.recruit .sec1 .btn_wrap a:hover::before{color: #2377e4;background-color: #ffffff;}





.contact section{margin-bottom:120px;}
.contact section .aj_box{width:1020px;}
.contact section h3{font-size:20px;margin-bottom:20px;}
.contact section table{width:100%;margin:50px 0 75px 0;}
.contact section tr{border-top:1px solid #ededed;border-bottom:1px solid #ededed;}
.contact section th,
.contact section td{padding:40px 0;}
.contact section th{width:250px;}
.contact section .txt{vertical-align:top;padding-top:55px;}
.contact section th span{background-color:#2377E4;color:#ffffff;font-size:13px;line-height:25px;display:inline-block;padding:0 8px;margin-right:15px;}
.contact section th .sub{background-color:#939393;}

.contact section input[type="text"],
.contact section select,
.contact section textarea{font-weight:500;line-height:22px;border:1px solid #e3e3e3;border-radius:3px;padding:15px;width:100%;}
.contact section input.in1,
.contact section select{width:360px;max-width:100%;}
.contact section input.in2{width:90px;margin-right:5px;}
.contact section input.in3{width:70px;margin-right:5px;}
.contact section td label{margin-right:30px;white-space: nowrap;font-weight:500;}
.contact section .birth label{margin-right:5px;}
.contact section input[type="radio"],
.contact section input[type="checkbox"]{width:inherit;margin-right:10px;}
.contact section input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.contact section input[type="submit"]{background-color:#2377E4;color:#ffffff;font-size:14px;line-height:50px;width:230px;margin:0 auto;border:none;display:block;border-radius:inherit;}
.contact section input[type="submit"]:hover{cursor:pointer;}
.contact section .btn_wrap{width:300px;margin:0 auto;position:relative;}
.contact section .btn_wrap input {background-color: #ffffff;color: #2377e4;font-size: 16px;line-height: 65px;text-align: center;border-radius: 65px;width: 300px;max-width: 100%;position: relative;margin: 0 auto;transition: .5s;border: 1px solid #2377e4;}
.contact section .btn_wrap:hover input {color: #ffffff;background-color: #2377e4;}
.contact section .btn_wrap::after{display: block;position: absolute;font-family: 'Material Icons';content: "\f1df";color: #ffffff;font-size: 14px;text-align:center;line-height: 45px;background-color: #2377e4;width: 45px;height: 45px;border-radius: 50%;right: 10px;top: 50%;transform: translateY(-50%);transition: .5s;}
.contact section .btn_wrap:hover::after{color: #2377e4;background-color: #ffffff;}
.contact section .tel{font-family: 'Inter', sans-serif;font-size:20px;line-height:40px;}