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

.sp_only{display: none;}
.int{font-family: 'Inter', sans-serif;}
.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;}
.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;}
.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;}
@keyframes late-open {
    to {opacity: 1;}
}
@keyframes blur {
    0% {filter: blur(20px);opacity: 0;}
    100% {filter: blur(0);opacity: 1;}
}

main{padding-top:80px;}
header{position:fixed;width:100%;background-color:#ffffff;right:0;z-index:100;}
header > .wrap{height:80px;display:flex;justify-content:space-between;padding-left:60px;}
header .logo {width:325px;display:flex;align-items: center;}
header .p_nav{display:flex;justify-content:flex-end;align-items:center;/*aをいっぱいにするかどうかによる*/}
header .p_nav a{display:flex;font-weight:bold;white-space: nowrap;padding:0 10px;transition:0.5s;margin-left:20px;}
header .p_nav a:hover{color:#2377e4;}
header .p_nav a:last-of-type{background-color:#2377e4;color:#ffffff;line-height:80px;justify-content:center;min-width:200px;}
header .p_nav a:last-of-type:hover{background-color:#0066cc;}
footer{background-color:#2C2C2C;color:#ffffff;position:relative;}
footer .aj_box{display:flex;justify-content:space-between;padding:60px;}
footer .logo{width:325px;margin:0 30px 10px 0;display:inline-block;}
footer p{font-weight:bold;}
footer .wrap{display:flex;}
footer .wrap a{margin-left:30px;font-weight:bold;transition:.5s;}
footer .wrap a:hover{color:#2377e4;}
footer .btn_wrap{text-align:right;margin-top:30px;}
footer .btn_wrap a{margin-left:auto;}
footer small{color:#696969;font-size:11px;text-align:right;display:block;margin-top:120px;}
footer .pagetop{writing-mode: vertical-rl;font-size:12px;position:absolute;right:20px;bottom:60px;overflow: inherit;}
footer .pagetop::before{position:absolute;display:block;content: "";background-color:#ffffff;width:1px;height:100px;left: 40%;top: -115px;pointer-events:none;}
.fix_side{width:60px;height:100vh;position:absolute;;top:0;}
.fix_side p{font-family: 'Inter', sans-serif;font-size:14px;line-height:60px;writing-mode:vertical-rl;border-left:3px solid #2377e4;position:absolute;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 > .wrap{height:60px;padding-left:20px;}
    header .logo{width:180px;}
    header #humb{color:#ffffff;font-size:10px;display:flex;cursor:pointer;order:3;position:absolute;z-index:1000;background-color:#2377E4;width:60px;height:60px;top:0;right:0;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:#ffffff;top:7px;left:50%;transform:translate(-50%, -50%);transition:0.5s;}
    header #humb .border02{position:absolute;width:26px;height:1px;background:#ffffff;top:50%;left:50%;transform:translate(-50%, -50%);transition:0.5s;}
    header #humb .border03{position:absolute;width:26px;height:1px;background:#ffffff;bottom:7px;left:50%;transform:translate(-50%, 50%);transition:0.5s;}
    header #humb.active {position:fixed;} 
    header #humb.active .border01{background:#FFF;top:50%;transform:translate(-50%, -50%) rotate(135deg);} 
    header #humb.active .border02{background:#FFF;width:0;} 
    header #humb.active .border03{background:#FFF;bottom:50%;transform:translate(-50%, -50%) rotate(-135deg);} 
    header #humb.active ~ nav{width:100%;}
    header .s_nav nav{position:fixed;top:0;right:0;z-index:999;height:100vh;overflow:hidden;transition:0.5s;background:#ffffff;width:0%;overflow-Y:scroll;}
    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:24px;font-weight:bold;text-align:center;margin:10px 0;}
    footer .aj_box{flex-direction:column;padding:20px;position:relative;}
    footer .btn_wrap{text-align: left;;}
    footer .btn_wrap a{margin-left:0;}
    footer .logo{width:200px;}
    footer copy{text-align:left;margin:20px auto 0 auto;line-height:20px;}
    footer .pagetop{bottom:55px;right:20px;}

}