@charset "utf-8";
/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* Reset */
html{font-size: 62.5%; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; overflow-x: hidden;}
body{color: #000; word-spacing: 0; font-size: 1.6rem; line-height: 2; font-family: "Noto Serif JP", serif; font-weight: 400; overflow-x: hidden;
-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%;}

@media print {
    body{color-adjust: exact; -webkit-print-color-adjust: exact; print-color-adjust: exact;}
}

*{margin: 0; padding: 0; box-sizing: border-box; border: 0;}
h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: 300;}
ol, ul{list-style: none;}
table{border-collapse: collapse; border-spacing: 0;}
a{color: inherit; text-decoration: none;}
img{vertical-align: bottom; max-width: 100%; height: auto;}

.txt-link{color: #0474D3; text-decoration: underline; text-underline-offset: 0.3em;}

.container1100{max-width: 1100px;width: calc(100% - 30px); margin: 0 auto;}
.container1400{max-width: 1400px;width: calc(100% - 30px); ;margin: 0 auto;}
.clr-blue{color: #1461B1;}
.clr-white{color: #fff;}
@media screen and (min-width: 768px){
    a[href^="tel:"]{pointer-events: none;}
    .only-sp{display: none;}
}

@media screen and (max-width: 767px){
    body{font-size: 1.4rem;}
    .only-pc{display: none;}    
}

/* Header */
header{background: rgba(365, 365, 365, 0.9);text-align: center;padding: 21px 0;position: fixed;width: 100%;top: 0;left: 0;z-index: 999;}



/* Anchorlink */
.anchorlink{position: relative;}
.anchorlink > div{position: absolute; left: 0; top: -100px;}

@media screen and (max-width: 1200px){
    .anchorlink > div{top: -80px;}
}

@media screen and (max-width: 767px){
    .anchorlink > div{top: -57px;}
}
.mv{position: relative;}
.mv picture img{width: 100%;}
.mv .srcoll{position: absolute;left: 50%;bottom: 24px;transform: translateX(-50%);}
.mv .srcoll p{color: #fff;color: #FFF;text-align: center;font-family: "Roboto", sans-serif;font-size: 13px;font-weight: 700;letter-spacing: 0.2em;text-shadow: 0px 0px 2px rgba(0, 0, 0, .4), 0px 0px 4px rgba(0, 0, 0, .4), 0px 0px 6px rgba(0, 0, 0, .4), 0px 0px 8px rgba(0, 0, 0, .4), 0px 0px 10px rgba(0, 0, 0, .4), 0px 0px 12px rgba(0, 0, 0, .4);}
.mv .srcoll img{animation: scrollDown 2s infinite ease-in-out;}
.tit-mv{width: 100%;text-align: center;font-size: 3rem;line-height: 1.2;position: absolute;top: calc(50%);left: 50%;transform: translate(-50%, -50%);color: #fff;font-weight: 700;text-shadow: 0px 0px 2px rgba(0, 0, 0, .4), 0px 0px 4px rgba(0, 0, 0, .4), 0px 0px 6px rgba(0, 0, 0, .4), 0px 0px 8px rgba(0, 0, 0, .4), 0px 0px 10px rgba(0, 0, 0, .4), 0px 0px 12px rgba(0, 0, 0, .4);}
.m-tit{font-size: 5rem;line-height: 1.44;text-align: center;}
.m-tit2{font-size:2rem;line-height: 1.44;}
.m-tit2.brd{border-bottom: 1px solid #fff;}
.desc{margin: 70px 0;}
.m-desc{font-size: 1.8rem;line-height: 1.78;text-align: center;}
.m-desc:not(:last-child){margin: 0 0 20px;}
.company{padding: 100px 0;}
.bx-shadow{box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.25);}
.dflex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.slide_company{margin-top: 100px;}
.modal{display: none;}
.fancybox-content{padding: 0;}
@keyframes scrollDown{
	0%{
		transform: translateY(0%);
		opacity: 1;
	}
	100%{
		transform: translateY(20px);
		opacity: 0;
	}
}
@media screen and (max-width: 767px){
	.m-tit{font-size:3rem;}
	.m-desc{text-align: left;}
	.mv .srcoll p{font-size: 1.3rem;}
	.mv .srcoll img{width: 100px;}
	.desc{margin: 20px 0 50px;}
	.company{padding: 40px 0;}
	.slide_company{margin: 60px 0 0;}
	.slick-dots li button::before{font-size: 20px !important;color: #1461B1 !important;}
	.slick-dots li.slick-active button::before{color: #1461B1 !important;}
	
}
@media screen and (max-width: 380px){
.m-tit{font-size:2.8rem;}
}
/* pdf */
.btn-pdf{max-width: 517px;display: block;border-radius: 10px;margin: 70px auto 0;padding: 23px 20px 16px 20px;background: #FFF;transition: all 0.3s;box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.25);}
.btn-pdf p{font-size: 2.4rem;position: relative;padding-left: 79px;line-height: 1.3;}
.btn-pdf p span{display: block;font-size: 1.6rem;line-height: 2;}
.btn-pdf p::before{position: absolute;content: '';background: url('../img/common/icon-pdf.png') no-repeat center center / 100% 100%;width: 58px;height: 58px;left: 0;top: 0;}
.btn-pdf:hover{background: #1461B1;color: #fff;}
@media screen and (max-width: 767px){
	.btn-pdf{margin: 30px auto 0;}
}
/* message */
.message{background: #1461B1;padding: 100px 0 0;position: relative;}
.message .bg{position: relative;}
.message .bg::after{position: absolute;content: '';background: url('../img/common/bg-icon.png') no-repeat center center / 100% 100%;width: 30vw;height: 27.5vw;bottom: 20px;left: -15%;}

.message .message_inner{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;margin: 60px 0 0;}
.message .message_inner .message_txt{width: 54%;color: #fff;padding: 0 0 100px;}
.message .message_inner .message_img{width: 41.27272727%;position: relative;transition: all 0.3s;box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.25);}
.message .message_inner .message_img::after{transition: all 0.3s;position: absolute;content: '';width: 80px;height: 80px;top: 50%;left: 50%;transform: translate(-50%,-50%);background: url('../img/common/btn_play.png') no-repeat center center/100% 100%;pointer-events: none;}
.message .message_inner .message_img:hover{opacity: 0.8;}
.message .message_inner .message_img:hover::after{background: url('../img/common/btn_play_hover.png') no-repeat center center/100% 100%;}

.message .message_inner .message_txt p{margin: 0 0 20px;}

@media screen and (max-width: 767px){
	.message{padding: 40px 0 60px;}
	.message .message_inner{margin: 20px 0 0;}
	.message .message_inner .message_txt{width: 100%;padding-bottom: 20px;}
	.message .bg::after {width: 409px;height: 376px;bottom: unset;top: 10%;left: -23%;aspect-ratio: 62/57;}
	.message .message_inner .message_img{width: 100%;max-width: 360px;margin: 0 auto;}
}
@media screen and (max-width: 480px){
	.message .bg::after{top: 20%;left: -30%;}
}
/* local */
.local{background: #4EACE6;padding: 100px 0 160px;color: #fff;position: relative;}
.local .local_inner{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 60px 0 120px;align-items: flex-start;}
.local .local_inner .local-img{width: 50.4545%;}
.local .local_inner .local-txt{width: 43.72%;margin-top: 40px;}
.local .local_inner .local-txt.bg::after{left: unset;right: -15%;bottom: -45%;}
.local  .m-tit2{padding: 0 0 10px;margin: 0 0 10px;}
.local .local_box{margin: 0 0 40px;max-width: 680px;}
.local .local_box ul li:not(:last-child){margin-bottom: 10px;}
.local .local_box ul li{text-indent: -1em;margin-left: 1em;}
.local .local_market{background: #1461B1;max-width: 628px;padding: 25px;align-items: center;position: relative;z-index: 2;margin: 60px 0 0;}
.local .local_market .market_txt{width: 65%;}
.local .local_market .market_img{width: 29.16666%;}
.local .local_market .market_tit{font-size: 20px;font-weight: 600;}
.local .bg{position: relative;}
.local .bg::after{position: absolute;content: '';background: url('../img/common/bg-icon.png') no-repeat center center / 100% 100%;width: 30vw;height: 27.5vw;bottom: -20px;left: -15%;}
@media screen and (min-width: 1600px){
.local .local_inner .local-txt.bg::after{width: 26vw;height: 23.5vw;bottom: -27%;}

}
@media screen and (max-width: 1600px){
.local .local_box{max-width: 480px;}
}
@media (min-width: 767px) and (max-width: 1200px){
	.local .bg::after,.message .bg::after{width: 375px;height: 329px;}
	.local .local_inner .local-txt.bg::after{bottom: 0;right: 0;}
	.message .bg::after,.local .bg::after{left: 0;bottom: 10%;}
}


@media screen and (max-width: 920px){
	.local .local_box{position: relative;z-index: 2;}
	.local .local_box::after {
    width: 120%;
    content: '';
    height: 100%;
    position: absolute;
   	background: rgba(78,172,230,0.54);
    left: -10%;
    top: 0;
	z-index: -1;
  }
}
@media screen and (max-width: 767px){
	.local{padding: 40px 0;}
	.local .local_inner{margin:25px 0 240px;}
	.local .local_inner .local-img{width: 100%;}
	.local .local_inner .local-img img{width: 100%;}
	.local .local_inner .local-txt{width: 100%;margin-top: 20px;}
	.local .local_box{max-width: 100%;margin-bottom: 0;padding:20px 0px;}
	.local .local_market{max-width: 100%;margin-top: 30px;}
	.local .local_market .market_txt{width: 100%;}
	.local .local_market .market_img{width: 100%;text-align: center;margin-top: 20px;}
	.local .bg::after{width: 409px;height: 376px;left: -40%;bottom: 15%;aspect-ratio: 62/57;}
	.local .local_inner .local-txt.bg::after{bottom: 15%;right: -25%;}
	.local .local_market .market_img img{width: 100%;}
}
@media screen and (max-width: 400px){
	.local .local_box2::after{background: unset;}

}


/* botArea */
.botArea .botArea-wrap{padding:80px 0;}
.botArea .botArea-wrap .m-tit{text-align: center;margin: 0 0 30px;}
.botArea .botArea-wrap p{text-align: center;}

.botArea .botArea-wrap .box-video{text-align: center;margin: 70px 0;}
.botArea .botArea-wrap .box-video .m-tit2{margin: 0 0 20px;}
.botArea .botArea-wrap .box-video iframe{max-width: 100%;box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.25);}
.botArea .botArea-wrap .list-site{display: flex;justify-content: space-between;flex-wrap: wrap;}

.botArea .botArea-wrap .list-site li{width: 47.181818%;position: relative;box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.25);}

.botArea .botArea-wrap .list-site li .info_txt{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;z-index: 2;}
.botArea .botArea-wrap .list-site li .info_txt .txt_jp{font-size: 2.8rem;font-weight: 700;}
.botArea .botArea-wrap .list-site li .info_txt .txt_en{font-family: "Roboto", sans-serif;font-size: 1.5rem;letter-spacing: 2.85px;}
.botArea .botArea-wrap .list-site li .abs-img{position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);transition: all 0.3s;}
.botArea .botArea-wrap .list-site li a{display: block;}
.botArea .botArea-wrap .list-site li a figure img{transition: all 0.3s;}
.botArea .botArea-wrap .list-site li a figure{overflow: hidden;transition: all 0.3s;}
.botArea .botArea-wrap .list-site li a:hover figure img{scale: 1.2;}
.botArea .botArea-wrap .list-site li a:hover .abs-img{bottom: 5px;}

@media screen and (max-width: 767px){
	.botArea .botArea-wrap{padding: 40px 0;}
	.botArea .botArea-wrap .m-tit{margin: 0 0 20px;}
	.botArea .botArea-wrap p{text-align: left;}
	.botArea .botArea-wrap .box-video{margin: 50px 0 25px;}
	.botArea .botArea-wrap .yt{position: relative;}
	.botArea .botArea-wrap .yt::after{content: ""; padding-bottom: 56.25%; display: block;}
	.botArea .botArea-wrap .yt iframe{position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%;}
	.botArea .botArea-wrap .list-site li{width: 100%;margin: 0 0 12px;}
	.botArea .botArea-wrap .list-site li figure img{width: 100%;}
	.botArea .botArea-wrap .list-site li .info_txt .txt_jp{font-size: 2.4rem;}
	.botArea .botArea-wrap .list-site li .abs-img{width: 87px;}
}


/* Footer */
#footer {
	position:relative;
    font-weight: 400;
}
#footer .footer-wrap {
	background:#2e2f34;
}
#footer .footer-nav a {
	color:#fff;
}
#footer .footer-nav > ul > li .-second > a:before {
	border-left:1px solid #fff;
	content:"";
	display:inline-block;
	vertical-align:-0.1em;
	height:1.1em;
	width:1px;
	transform:rotate(-25deg);
}
#footer .footer-nav_block .-blank:after {
	background:url(/assets/img/icon_blank.svg) no-repeat;
	background-size:100%;
	content:"";
	display:inline-block;
}
#footer .footer-nav_sub > li > a {
	color:#999;
}
#footer .footer-copy {
	display:block;
	text-align:center;
}
.p-button {
	color:#666;
	display:block;
	text-align:center;
}
.p-button:after {
    content:'';
	display:block;	
	float:right;
	margin-left:0.5em;
    border: solid #666;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    margin-top: 11px;
}

@media screen and (min-width: 1024px){
    .p-button {
		transition:all 0.2s ease;
		border-bottom:1px solid #666;
		font-size:0.92857rem;
		line-height:2.1;
	}
	.p-button:hover {
		border-color:#4eace6;
		color:#4eace6;
	}
    
	#footer .footer-wrap {
		position:relative;
		padding:45px 0 30px;
	}
	#footer .footer-wrap .p-recruit-bnr {
		position:absolute;
		top:310px;
		right:250px;
	}
    #footer .footer-wrap .p-recruit-bnr:hover{
        opacity: .8;
    }
	#footer .footer-wrap > .-logo {
		margin-left:auto;
		margin-right:auto;
		width:950px;
		margin-bottom:35px;
	}
	#footer .footer-wrap > .-logo img {
		height:auto;
		width:140px;
	}
	#footer .footer-nav {
		margin-left:auto;
		margin-right:auto;
		width:950px;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	#footer .footer-nav a {
		transition:all 0.2s ease;
	}
	#footer .footer-nav a:hover {
		border-color:#4eace6;
		color:#4eace6;
	}
	#footer .footer-nav > ul > li .-second {
		font-size:1.3rem;
		font-weight:500;
		margin-bottom:15px;
	}
	#footer .footer-nav > ul > li .-second > a:before {
		margin-right:22px;
	}
	#footer .footer-nav_wrap {
		display:flex;
		flex-wrap:wrap;
	}
	#footer .footer-nav_block {
		width:180px;
	}
	#footer .footer-nav_block.-ir {
		width:300px;
	}
	#footer .footer-nav_block.-ir > dl > dd > ul {
		display:flex;
		flex-wrap:wrap;
	}
	#footer .footer-nav_block.-ir > dl > dd > ul > li {
		width:135px;
	}
	#footer .footer-nav_block.-ir > dl > dd > ul > li:nth-of-type(even) {
		margin-left:5px;
	}
	#footer .footer-nav_block > dl > dd > ul > li {
		font-size:1.2rem;
		margin:0 0 10px 25px;
	}
	#footer .footer-nav_block .-blank:after {
		margin-left:10px;
		height:10px;
		width:10px;
	}
	#footer .footer-nav_side {
		width:110px;
	}
	#footer .footer-nav_sub {
		margin-left:auto;
		margin-right:auto;
		width:950px;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		margin-top:30px;
		margin-bottom:30px;
	}
	#footer .footer-nav_sub:before {
		border-bottom:1px solid #424246;
		content:"";
		display:block;
		width:540px;
	}
	#footer .footer-nav_sub > li > .p-button {
		border-bottom:1px solid #999;
		font-size:1.3rem;
		width:160px;
	}
	#footer .footer-nav_sub > li > .p-button:hover {
		border-bottom-color:#4eace6;
	}
	#footer .footer-nav_bottom {
		display:flex;
		flex-wrap:wrap;
	}
	#footer .footer-nav_bottom > li {
		margin-right:30px;
	}
	#footer .footer-nav_bottom > li > .-second {
		font-size:1.2rem !important;
	}    
	#footer .footer-copy {
		font-size:1.2rem;
		padding:30px 0;
	}
}

@media screen and (max-width: 1023px){
    #footer{
        /* padding-bottom: 56px; */
    }
	#footer .footer-wrap {
		padding:50px 30px 30px;
	}
	#footer .footer-wrap > .-logo {
		margin-bottom:20px;
	}	
	#footer .footer-nav > ul .-second {
		font-size:1.4rem;
		font-weight:700;
		padding:0;
	}
	#footer .footer-nav > ul .-second > a:before {
		margin-right:20px;
	}
	#footer .footer-nav > ul .-second > a {
		display:block;
		padding:20px 0;
	}
	#footer .footer-nav_wrap {
		margin-bottom:10px;
	}
	#footer .footer-nav_block > dl > .-second {
		border-bottom:1px solid #424246;
		padding:0;
	}
	#footer .footer-nav_block > dl > dd > ul {
		border-bottom:1px solid #424246;
		padding:10px 0 10px 20px;
	}
    #footer .footer-nav_block > dl > dd > ul > li{
        margin: 10px;
    }
	#footer .footer-nav_block > dl > dd > ul > li > a {
		font-size:1.4rem;
		padding:0;
	}
	#footer .footer-nav_block .is-hide {
		display:none;
	}
	#footer .footer-nav_block .js-footnav-toggle > a:after {
		background:url("../img/common/footer_icon_plus.png") no-repeat;
		background-size:100%;
		content:"";
		display:inline-block;
		float:right;
		height:20px;
		width:20px;
	}
	#footer .footer-nav_block .js-footnav-toggle.is-open > a:after {
		background:url("../img/common/footer_icon_minus.png") no-repeat;
		background-size:100%;
	}
	#footer .footer-nav_block .-blank:after {
		margin-left:10px;
		height:10px;
		width:10px;
	}
	#footer .footer-nav_side {
		border-bottom:1px solid #424246;
		padding-bottom:10px;
	}
	#footer .footer-nav_sub {
		margin-bottom:20px;
	}
	#footer .footer-nav_sub > li {
		margin-top:20px;
	}
	#footer .footer-nav_sub > li > .p-button {
		border-bottom:1px solid #999;
		padding:15px 0;
	}
    #footer .footer-wrap .p-recruit-bnr {
		width: 240px;
        margin: 10px auto 0;
        display: block;
	}
	#footer .footer-copy {
		font-size:1.2rem;
		padding:20px 0;
	}
}

/* Animate */
@media screen{
    .fade-in{opacity: 0; transition: 2s;}
    .fade-in.is-view{opacity: 1;}

    .fade-up{opacity: 0; transform: translateY(50px); transition: 2s;}
    .fade-up.is-view{opacity: 1; transform: translateY(0);}

    .fade-right{opacity: 0; transform: translateX(-50px); transition: 2s;}
    .fade-right.is-view{opacity: 1; transform: translateX(0);}
    
    .fade-left{opacity: 0; transform: translateX(50px); transition: 2s;}
    .fade-left.is-view{opacity: 1; transform: translateX(0);}
    
    .zoom-in{overflow: hidden;}
    .zoom-in img{transform: scale(1.1); transition: 3s;}
    .zoom-in.is-view img{transform: scale(1);}
}

@media screen and (min-width: 768px){
    .delay2{transition-delay: 0.2s;}
    .delay4{transition-delay: 0.4s;}
    .delay10{transition-delay: 1s;}

}
.fancybox__content :focus:not(.carousel__button.is-close){outline: none;}





.slide_company .slick-slide {
    padding: 0 18px;
    box-sizing: border-box;
}

@media screen and (max-width: 767px){
.slide_company .slick-slide {
    padding: 0;
    margin: 0 10px;
    box-sizing: border-box;
}
}
@media screen and (max-width: 576px){
    .slide_company .slick-slide .slide-img img{width: 100%;}
    .slide-img {
      width: 280px !important;
    }
}
.local.bg-map::after{background: url('../img/fukuoka/map_fukuo.png') no-repeat center center / 100% 100%;width: 700px;height: 1090px;content: '';position: absolute;right: 0;bottom: 28px;}
.local.bg-map::after{opacity: 0;transition-duration: 1s;transition-delay: 2s;}
.local.bg-map.is-view::after{opacity:1;}

@media (min-width: 767px) and (max-width: 1200px){
	.local.bg-map::after{width: 450px;height: 700px;}
}
@media screen and (max-width: 767px){
    .local.bg-map::after{width: 288px;height: 546px;top: 40%;bottom: unset;right: 0%;background: url('../img/fukuoka/map_fukuo_sp.png') no-repeat center center / 100% 100%;}
}
@media screen and (max-width: 576px){
 .local.bg-map::after{top:37%}
}
@media screen and (max-width: 480px){
 .local.bg-map::after{right: 0%;top: 35%;}
}
.modal {background: transparent;position: relative;}
.modal iframe{max-width: 100%;}
#modal-video .yt{position: relative;}
.modal .fancybox-close-small{background: #fff;}
@media screen and (max-width: 767px){
/* #modal-video{width: 100%;}
#modal-video .yt::after{
content: ""; padding-bottom: 56.25%; display: block;}
#modal-video .yt iframe{position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%;} */
.modal iframe {max-width: 100%;height: 315px;width: 560px;}
}