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

.sp_only{display: none;}
main{padding-top:140px;}
.aj_box{width:1170px;max-width:100%;padding:0 60px;margin:0 auto;}
.aj_p_box{width:1050px;max-width:100%;padding:0 80px;margin:0 auto;}
.btn_wrap a{position:relative;background-color:#2377E4;color:#ffffff;font-size:14px;line-height:50px;font-weight:bold;text-align:center;display:block;width:250px;}
.btn_wrap a::before{position:absolute;display:block;font-family: 'Material Icons';content:"\f1df";font-weight:400;right:15px;top:50%;transform:translateY(-50%);transition:0.5s;}
.btn_wrap a:hover::before{right:5px;}
.btn_wrap.ret a::before{content:"\f1e6";left: 15px;right: inherit;}
.btn_wrap.ret a:hover::before{left:5px;}
.int{font-family: 'Inter', sans-serif;}
.h3_ttl{font-size:30px;line-height:30px;font-weight:bold;margin-bottom:50px;}
.h3_ttl span{font-size:16px;color:#2377E4;font-weight:500;}
.dots{display: inline-block;position: relative;}
.dots::before{position: absolute;top: -0.8em;left: 50%;transform: translate(-50%, 0);color: #ffffff;font-size: 1em;content: "・";}
.material-icons-outlined{font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;display: inline-block;width: 1em;height: 1em;line-height: 1;text-transform: none;}

header{position:fixed;background-color:#2377e4;width:100%;padding-left:60px;right:0;z-index:100;}
header > .wrap{height:140px;display:flex;align-items:center;z-index:999;}
header .l_wrap h1{display:flex;align-items:center;}
header .l_wrap .logo{width:315px;margin-right: 15px;}
header .l_wrap .logo_t{color:#ffffff;font-size:16px;}
header .ent_btn{color: #ffffff;font-size: 14px;text-align: center;width: 190px;border: 1px solid #ffffff;border-radius: 30px;line-height: 60px;margin:0 125px 0 auto;transition:0.5s;}
header .ent_btn:hover{background-color:#ffffff;color:#2377e4;}
header #humb{color:#ffffff;font-size:10px;display:flex;cursor:pointer;order:3;position:absolute;z-index:1000;background-color:#ffffff;width:60px;height:60px;border-radius:50%;top:40px;right:40px;align-items:center;justify-content:center;}
header #humb .border{width:25px;height:35px;position:relative;}
header #humb .border01{position:absolute;width:26px;height:1px;background:#2377e4;top:7px;left:50%;transform:translate(-50%, -50%);transition:0.5s;}
header #humb .border02{position:absolute;width:26px;height:1px;background:#2377e4;top:50%;left:50%;transform:translate(-50%, -50%);transition:0.5s;}
header #humb .border03{position:absolute;width:26px;height:1px;background:#2377e4;bottom:7px;left:50%;transform:translate(-50%, 50%);transition:0.5s;}
header #humb.active {position:fixed;} 
header #humb.active .border01{background:#2377e4;top:50%;transform:translate(-50%, -50%) rotate(135deg);} 
header #humb.active .border02{background:#2377e4;width:0;} 
header #humb.active .border03{background:#2377e4;bottom:50%;transform:translate(-50%, -50%) rotate(-135deg);} 
header #humb.active ~ nav{width:100%;}
header .s_nav nav{position:fixed;top:140px;right:0;z-index:998;height:calc(100vh - 140px);overflow:hidden;transition:0.5s;background:#2377e4;width:0%;/*overflow-Y:scroll;*/scrollbar-color: rebeccapurple green;}
header .s_nav nav .wrap{height:100%;padding-bottom:60px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);}
header .navwrap{height:100%;width:100vw;display: flex;flex-direction: column;justify-content: space-around;}
header .navwrap a{color:#ffffff;font-size:22px;text-align:center;display:block;}
footer{background-color:#2377e4;border-top:1px solid #ffffff;color:#ffffff;text-align:center;position:relative;padding:70px 0;}
footer .aj_box > p{font-size:30px;font-weight:bold;text-align:center;margin-bottom:70px;}
footer nav{display:flex;justify-content:center;margin-bottom:45px;}
/*footer nav a{border-bottom:1px solid #ffffff;padding-bottom:15px;margin:0 17px;}*/
footer nav a{padding-bottom:15px;margin:0 17px;position:relative;}
footer nav a::before{content:"";width:100%;height:1px;position:absolute;left:0;bottom:0;transition:0.5s;background:#FFF;}
footer nav a:hover::before{width:0;left:auto;right:0;}

footer .l_wrap{display:flex;align-items: center;justify-content: center;margin-bottom:50px;}
footer .l_wrap div{display: flex;align-items:center;}
footer .l_wrap .logo{width:315px;margin-right:15px;}
footer .l_wrap .logo_t{color:#ffffff;font-size:16px;}
footer .l_wrap a{color: #ffffff;font-size: 14px;text-align: center;width: 190px;border: 1px solid #ffffff;border-radius: 30px;line-height: 60px;margin-left:50px;transition:.5s;}
footer small{font-size:11px;display: inline-block;}
footer .l_wrap a:hover,
footer .pagetop:hover{color:#2377e4;background-color:#ffffff;}
footer .pagetop{border: 1px solid #ffffff;border-radius: 50%;width: 60px;height: 60px;position:absolute;right:40px;bottom:30px;transition:.5s;}
footer .pagetop span{position:absolute;font-size:10px;line-height:12px;top:50%;left:50%;transform: translate(-50%,-50%);}

@media(max-width:834px){

	.sp_only{display: block;}
	.pc_only{display: none;}
    header,
    footer,
    main {width:100%;margin-left:inherit;}
    main{padding-top:60px;}
    .aj_box{padding: 0 20px;}
    .h3_ttl{font-size:24px;margin-bottom:30px;}
    .h3_ttl span{font-size:14px;}
    header{padding-left:0;}
    header > .wrap{height:90px;padding-left:20px;}
    header .l_wrap h1{flex-direction:column;align-items: flex-start;}
    header .l_wrap .logo{width:215px;}
    header .l_wrap .logo_t{font-size:11px;margin-left:60px;}
    header .s_nav nav{position:fixed;top:90px;right:0;z-index:999;height:calc(100vh - 90px);overflow:hidden;transition:0.5s;background:#2377e4;width:0%;}
    header .s_nav .wrap{position:relative;top: calc(50% - 60px);transform: translateY(calc(-50% + 60px));}
    header .s_nav .navwrap{width:100vw;display:flex;justify-content:center;flex-direction:column;}
    header .s_nav .navwrap a{font-size:20px;text-align:center;margin:10px 0;}
    header #humb{width:50px;height:50px;top:18px;right:18px;}
    footer{padding:50px 0 40px 0;}
    footer .aj_box{flex-direction:column;padding:20px;position:relative;padding:0 20px;}
    footer .aj_box > p{font-size:24px;line-height:30px;margin-bottom:50px;}
    footer nav{flex-wrap:wrap;justify-content: space-between;}
    footer nav a{width:calc((100% - 20px)/2);margin:0;white-space: nowrap;}
    footer nav a:nth-of-type(n+3){margin-top:15px;}
    footer .l_wrap{justify-content: space-between;flex-wrap:wrap;}
    footer .l_wrap div{flex-direction:column;align-items: center;margin-bottom:30px;width:100%;}
    footer .l_wrap  .logo{max-width:300px;width:100%;margin-right:0;}
    footer .l_wrap  .logo_t{font-size:11px;margin-left:-18px;}
    footer .l_wrap a{margin-left: 0;}
    footer .l_wrap .pagetop{width:60px;height:60px;position:relative;bottom:inherit;right:inherit;}
    footer .logo{width:200px;}
    footer small{text-align:left;line-height:20px;}


}