/*text-motion*/
.j_motion.common_motion{transform: translateY(25px);opacity: 0;transition: transform .8s ease, opacity .4s;}
.j_motion.common_motion.on {transform: translateY(0);opacity: 1;}

.j_delay_01{transition-delay: .2s !important;}
.j_delay_02{transition-delay: .4s !important;}
.j_delay_03{transition-delay: .6s !important;}
.j_delay_04{transition-delay: .8s !important;}
.j_delay_05{transition-delay: 1s !important;}
.j_delay_06{transition-delay: 1.2s !important;}
.j_delay_07{transition-delay: 1.4s !important;}
.j_delay_08{transition-delay: 1.6s !important;}
.j_delay_09{transition-delay: 1.8s !important;}
.j_delay_10{transition-delay: 2s !important;}
.j_delay_11{transition-delay: 2.2s !important;}


/*header*/

.j_header {height:90px; line-height:90px;}
.j_inner {max-width:1082px; margin:0 auto; width:92%; height:100%;}
.hd_wrap {display:flex; align-items:center; justify-content: space-between;}
.hd_wrap a {display:block;}
.hd_wrap a img {width:100%;}


@media screen and (max-width: 767px){
	.hd_logo {width:calc(50% - 20px); margin-right:20px;}
	.hd_wrap figure {width:calc(50% -20px); margin-right:0;}
}



.main_visual {/* background:url('/img/section/mv_bg.jpg') no-repeat center center / cover; height:1865px;  */position:relative; width: 100%;  max-width: 1920px;  margin: 0 auto;   overflow: hidden;}
.main_btn {position:absolute; left:50%; transform:translateX(-50%); bottom:135px; display:flex; align-items:center;  width:100%; max-width:1082px;  gap:55px;     justify-content: center; padding: 0 20px;}
.main_btn a {display:block; box-shadow: 9px 0 43px rgba(0, 0, 0, 0.11);}
.main_btn a img {width:100%;}


.mo_img {display:none;}
.main_btn a.mo_ak {display:none;}
.extra_btn.mo_ak {display:none;}
@media screen and (max-width: 768px){
.extra_btn.pc_ak {display:none;}
.extra_btn.mo_ak {display:flex;}

.main_btn a.pc_ak {display:none;}
.main_btn a.mo_ak {display:block;}
.pc_img {display:none;}
.mo_img {display:block;}
}


@media screen and (max-width: 1480px){
.main_btn {max-width : 660px;}
}

@media screen and (max-width: 1280px){
.main_btn {max-width : 550px;}
}

@media screen and (max-width: 1024px){
.main_btn {max-width : 450px; gap:18px; bottom: 70px;}
}

@media screen and (max-width: 768px){
	.main_btn {bottom:50px; gap:16px; max-width:1082px;}
}




/* @media screen and (max-width: 1024px){
	.main_visual {height:1890px; background:url('/img/section/mv_bg_m.jpg') no-repeat center center / cover;}
}



@media screen and (max-width: 420px){
	.main_visual {height:822px; background:url('/img/section/mv_bg_m.jpg') no-repeat center center / cover;}
	.main_btn {bottom:50px; gap:16px;}
}


@media screen and (max-width: 360px){
	.main_visual {height:736px; background:url('/img/section/mv_bg_m.jpg') no-repeat center center / cover;}
	.main_btn {bottom:50px; gap:16px;}
}


@media screen and (max-width: 280px){
	.main_visual {height:560px; background:url('/img/section/mv_bg_m.jpg') no-repeat center center / cover;}
	.main_btn {bottom:50px; gap:16px;}
} */


.pu_section {background:#ffd556; padding:72px 104px 85px;     width: 100%;  max-width: 1920px;  margin: 0 auto; }
.extra_btn {display:flex; align-items:center; justify-content: center; gap:55px;}
.extra_btn a {display:block; box-shadow: 9px 0 43px rgba(0, 0, 0, 0.11);}
.extra_btn a img {width:100%;}


@media screen and (max-width: 767px){
.pu_section {padding: 35px 0px 30px;}
.extra_btn {gap:16px;}
}







/*footer*/

.j_footer { background:#000; padding:55px 0; color:rgba(255, 255, 255, 0.5); } 
.j_footer p {font-size:16px; font-weight:400; line-height:1.6em;}
.j_footer p i {position:relative;}
.j_footer p i:nth-of-type(2){margin-left:20px;}
.j_footer p i:nth-of-type(3){margin-left:20px;}
.j_footer p i:nth-of-type(5){margin-left:20px;}
.j_footer p i:nth-of-type(6){margin-left:20px;}

.j_footer p i:before{position:absolute; top:50%; transform:translateY(-50%); left:-14px; content:''; width:1px; height:15px; background:#454545;}
.j_footer p i:nth-of-type(1):before{display:none;}
.j_footer p i:nth-of-type(4):before{display:none;}
.j_footer p i:nth-of-type(7):before{display:none;}

@media screen and (max-width: 767px){
.j_footer p {font-size:12px;}
.j_footer p i:before {left:-10px;}
.j_footer p i:nth-of-type(3){margin-left:0px;}
.j_footer p i:nth-of-type(3):before {display:none;}
.j_footer p i:nth-of-type(4) {margin-left:20px;}
.j_footer p i:nth-of-type(4):before{display:block; }
.j_footer p i:nth-of-type(5){margin-left:0px;}
.j_footer p i:nth-of-type(5):before{display:none; }
.j_footer {padding:20px 0;}
}