/* top.css
========================================*/

#main .p-mainimg > .-lead {
	color:#fff;
	font-weight:700;
	position:absolute;
	text-align:left;
	z-index:100;
}

#main .p-mainimg > .-slider-wrap {
	position:relative;
}
#main .p-mainimg > .-slider-wrap > .-effect {
	background-color:#041c65;
	content:"";
	display:block;
	position:absolute;
	top:0;
	width:0;
	z-index:10;
}
#main .p-mainimg > .-slider-wrap > .-effect._left {
	left:0;
}
#main .p-mainimg > .-slider-wrap > .-effect._right {
	right:0;
}
#main .p-mainimg > .-slider-wrap.js-zoom figure div {
	animation:sliderZoom 6.0s linear;
}
#main .p-mainimg > .-slider-wrap.js-animation > .-effect._left {
	animation:sliderEffectL 1.0s ease;
}
#main .p-mainimg > .-slider-wrap.js-animation > .-effect._right {
	animation:sliderEffectR 1.0s ease 0.5s;
}

#main .news-sec .-list > li > dl > dt {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
#main .news-sec .-list > li > dl > dt > .-date {
	display:inline-block;
	width:5em;
}
#main .news-sec .-list > li > dl > dt > .-label {
	border-style:solid;
	display:inline-block;
	text-align:center;
}
#main .news-sec .-list > li > dl > dt > .-label._pdf {
	border-color:#e64545;
	color:#e64545;
}
#main .news-sec .-list > li > dl > dt > .-label._ir {
	background-color:#06a580;
	border-color:#06a580;
	color:#fff;
}
#main .news-sec .-list > li > dl > dt > .-label._news {
	background-color:#4eace6;
	border-color:#4eace6;
	color:#fff;
}
#main .news-sec .-list > li > dl > dt > .-label._human {
	background-color:#3a97d1;
	border-color:#3a97d1;
	color:#fff;
}
#main .news-sec .-list > li > dl > dt > .-label._other {
	background-color:#888;
	border-color:#888;
	color:#fff;
}
#main .news-sec .-list > li > dl > dt > .-label._ir,
#main .news-sec .-list > li > dl > dt > .-label._pdf {
	font-weight:600;
}

#main .btn-wrap {
	background-image:linear-gradient(to bottom, #f2f6f8, #fff);
	position:relative;
}
#main .btn-wrap:after {
	background:url(/assets/img/top/bg_btnwrap.jpg);
	background-size:100%;
	content:"";
	display:block;
}
#main .btn-wrap > .-list {
	position:relative;
	z-index:10;
}
#main .btn-wrap > .-list > li > a {
	background-color:#fff;
	display:block;
	position:relative;
}
#main .btn-wrap > .-list > li > a:after {
	display:block;
	font-family:"Font Awesome 5 Pro";
	font-weight:400;
	content:"\f054";
	float:right;
	color:#041c65;
	position:absolute;
}
#main .btn-wrap > .-list > li > a > .-mainttl {
	line-height:1;
}
#main .btn-wrap > .-list > li > a > .-english {
	color:#4eace6;
	font-weight:700;
	line-height:1;
}
#main .btn-wrap > .-list > li > a > .-english:before {
	background:url(/assets/img/icon_slash.svg) no-repeat;
	background-size:100% 100%;
	content:"";
	display:inline-block;
	margin-right:0.4rem;
}

#main .recruit-sec {
	background-color:#f2f6f8;
}
#main .recruit-sec_bnr {
	display:block;
	width:240px;
	margin-top:20px;
}
#main .recruit-sec_bnr:hover img {
	opacity:0.8;
}

#main .access-sec > .-inr > .-box > .-place > dt {
	border-color:#4eace6;
	border-style:solid;
	color:#4eace6;
	display:inline-block;
	position:relative;
}
#main .access-sec > .-inr > .-box > .-place > dt img {
	position:absolute;
	height:auto;
}
#main .bnr-sec { background: #f2f6f8; margin: 0 auto 80px auto; box-sizing: border-box; padding: 20px 0;}
#main .bnr-sec ul { width: 100%; box-sizing: border-box; margin: 0 auto 0 auto; display: flex; flex-wrap: wrap; justify-content: center; gap:20px;}
#main .bnr-sec ul li { flex-basis: 300px; }
#main .bnr-sec ul li a { display: block;transition: opacity 0.5s linear 0s; }
#main .bnr-sec ul li a:hover {  opacity: 0.7;}
#main .bnr-sec ul li a img { width: 100%; height: auto;}
#main .foot-img {
	position:relative;
}
#main .foot-img figure {
	overflow:hidden;
	width:100%;
}

_:-ms-fullscreen,
:root .p-mainimg > figure img {
	min-width:1150px;
}

@keyframes sliderEffectL {
	0% {
		width:0;
	}
	50% {
		width:100%;
	}
	70% {
		width:100%;
	}
	71% {
		width:0;
	}
}

@keyframes sliderEffectR {
	20% {
		width:100%;
	}
	70% {
		width:0;
	}
}

@keyframes sliderZoom {
	0% {
		transform:scale(1);
	}
	100% {
		transform:scale(1.07);
	}
}

@media screen and (max-width: 767px) {
	#main .p-mainimg {
		margin-bottom:13.33333vw;
		height:85.33333vw;
		overflow-y:hidden;
	}
	#main .p-mainimg figure {
		height:85.33333vw;
	}
	#main .p-mainimg > .-lead {
		font-size:5.33333vw;
		line-height:9.6vw;
		padding:0 4vw;
		bottom:26.66667vw;
		width:100vw;
	}
	#main .p-mainimg > .-slider-wrap > .-effect {
		height:85.33333vw;
	}
	#main .news-sec {
		margin-bottom:13.33333vw;
		padding:0 8vw;
	}
	#main .news-sec .-ttlblk {
		margin-bottom:10.66667vw;
	}
	#main .news-sec .-list > li > dl > dt > .-label {
		border-width:0.26667vw;
		font-size:3.2vw;
	}
	#main .news-sec .-list > li > dl > dt {
		font-size:4.8vw;
		font-weight:700;
		margin-bottom:4vw;
	}
	#main .news-sec .-list > li > dl > dt > .-label {
		margin-left:3.2vw;
		vertical-align:0.53333vw;
		width:18.66667vw;
	}
	#main .news-sec .-list > li {
		margin-bottom:8vw;
	}
	#main .btn-wrap {
		margin-bottom:37.33333vw;
		padding:10.66667vw 9.33333vw;
	}
	#main .btn-wrap:after {
		margin-top:-8vw;
		margin-left:-9.33333vw;
		height:113.33333vw;
		width:100vw;
	}
	#main .btn-wrap > .-list > li {
		margin-bottom:2.66667vw;
	}
	#main .btn-wrap > .-list > li > a {
		box-shadow:0 2.66667vw 0 rgba(216, 223, 227, 0.2);
	}
	#main .btn-wrap > .-list > li > a:after {
		top:58.66667vw;
		right:2.66667vw;
	}
	#main .btn-wrap > .-list > li > a > figure > img {
		width:100%;
	}
	#main .btn-wrap > .-list > li > a > .-mainttl {
		font-size:5.6vw;
		font-weight:700;
		padding:8vw 6.66667vw 2.66667vw;
	}
	#main .btn-wrap > .-list > li > a > .-english:before {
		height:3.46667vw;
		width:4vw;
	}
	#main .btn-wrap > .-list > li > a > .-english {
		font-size:4.8vw;
		padding:0 6.66667vw 8vw;
	}
	#main .recruit-sec {
		margin-bottom:16vw;
		padding:0 9.33333vw 10.66667vw;
	}
	#main .recruit-sec figure {
		margin-bottom:-10.66667vw;
	}
	#main .recruit-sec figure img {
		box-shadow:0 2.66667vw 1.33333vw rgba(207, 209, 211, 0.3);
		top:-21.33333vw;
		position:relative;
	}
	#main .recruit-sec .p-title {
		margin-bottom:8vw;
	}
	#main .recruit-sec .p-button {
		margin-top:5.33333vw;
	}
	#main .recruit-sec_bnr {
		margin:20px auto 0;
	}
	#main .access-sec > .-inr #gmap {
		height:80vw;
		width:100%;
	}
	#main .access-sec > .-inr > .-box {
		padding:10.66667vw 8vw;
	}
	#main .access-sec > .-inr > .-box > .p-title > .-mainttl {
		font-size:5.86667vw;
	}
	#main .access-sec > .-inr > .-box > .-place {
		font-size:3.2vw;
		margin-bottom:8vw;
	}
	#main .access-sec > .-inr > .-box > .-place > dt {
		border-radius:0.8vw;
		border-width:0.26667vw;
		font-weight:700;
		margin-bottom:4.8vw;
		padding:0.53333vw 5.33333vw;
	}
	#main .access-sec > .-inr > .-box > .-place > dt img {
		top:-0.26667vw;
		right:-8vw;
		width:3.73333vw;
	}
	#main .access-sec > .-inr > .-box > .-place > dd > a {
		font-size:5.33333vw;
		text-decoration:underline;
	}
	#main .foot-img figure {
		height:48vw;
	}
	#main .foot-img figure img {
		min-height:48vw;
		width:306.66667vw;
		max-width:none;
	}
}

@media print, screen and (min-width: 768px) {
	#main .p-mainimg {
		margin-bottom:50px;
		height:600px;
		overflow-y:hidden;
	}
	#main .p-mainimg figure {
		height:600px; position: relative;
	}
	#main .p-mainimg div {
		height:100%; width: 100%; position: relative;
	}
	#main .p-mainimg figure img {
		min-height:600px; position: absolute; left: 50%; top:50%; transform: translateX(-50%) translateY(-50%); width: 100%;
	}
	#main .p-mainimg > .-lead {
		font-size:2.28571rem;
		line-height:3.57143rem;
		left:calc((100vw - 1030px) / 2);
		bottom:210px;
		width:1030px;
	}
	#main .p-mainimg > .-slider-wrap > .-effect {
		height:600px;
	}
	#main .p-mainimg > .-slider-wrap > .-slider {
		min-width:1030px;
	}
	#main .news-sec {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		margin-left:auto;
		margin-right:auto;
		width:950px;
		margin-bottom:70px;
	}
	#main .news-sec .-ttlblk {
		width:220px;
	}
	#main .news-sec .p-title {
		margin-bottom:0;
		width:auto;
	}
	#main .news-sec .p-title > .-mainttl {
		font-size:1.42857rem;
	}
	#main .news-sec .-list > li > dl > dt > .-label {
		border-width:1px;
		font-size:0.85714rem;
	}
	#main .news-sec .-list > li > dl > dt {
		font-size:1.28571rem;
		font-weight:600;
		margin-bottom:10px;
	}
	#main .news-sec .-list > li > dl > dt > .-label {
		font-weight:500;
		margin-left:20px;
		vertical-align:2px;
		width:70px;
	}
	#main .news-sec .-list {
/*		width:300px;*/
        width:630px;
	}
	#main .news-sec .-list > li {
		margin-bottom:30px;
	}
	#main .news-sec .-list a {
		transition:all 0.2s ease;
	}
	#main .news-sec .-list a:hover {
		border-color:#4eace6;
		color:#4eace6;
	}
    #main .news-btn{
        width: 220px;
        margin: 20px auto 0;
    }
	#main .btn-wrap {
		margin-bottom:80px;
		min-height:519px;
	}
	#main .btn-wrap:after {
		position:absolute;
		top:-50px;
		right:0;
		height:569px;
		width:502px;
	}
	#main .btn-wrap > .-list {
		margin-left:auto;
		margin-right:auto;
		width:950px;
	}
	#main .btn-wrap > .-list > li {
		margin-bottom:2px;
		width:640px;
		transition:transform 0.2s ease;
	}
	#main .btn-wrap > .-list > li > a {
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		box-shadow:0 5px 0 rgba(216, 223, 227, 0.2);
	}
	#main .btn-wrap > .-list > li > a > figure img {
		height:120px;
	}
	#main .btn-wrap > .-list > li > a:after {
		top:calc(50% - 0.7em);
		right:20px;
	}
	#main .btn-wrap > .-list > li:hover {
		transform:translateX(20px);
	}
	#main .btn-wrap > .-list > li > a > .-mainttl {
		font-size:1.35714rem;
		font-weight:600;
		margin-left:30px;
	}
	#main .btn-wrap > .-list > li > a > .-english:before {
		height:14px;
		width:16px;
	}
	#main .btn-wrap > .-list > li > a > .-english {
		font-size:1.28571rem;
		margin-left:15px;
	}
	#main .recruit-sec {
		margin-bottom:60px;
	}
	#main .recruit-sec > .-inr {
		margin-left:auto;
		margin-right:auto;
		width:950px;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:space-between;
		padding-bottom:30px;
	}
	#main .recruit-sec > .-inr figure img {
		box-shadow:0 20px 7px rgba(207, 209, 211, 0.3);
		margin-left:-40px;
		top:-20px;
		position:relative;
	}
	#main .recruit-sec > .-inr > .-box {
		width:310px;
	}
	#main .recruit-sec > .-inr > .-box > .p-title {
		margin-bottom:0;
		width:auto;
	}
	#main .recruit-sec > .-inr > .-box > .p-title > .-mainttl {
		font-size:1.42857rem;
	}
	#main .access-sec {
		margin-bottom:80px;
	}
	#main .access-sec > .-inr {
		margin-left:auto;
		margin-right:auto;
		width:950px;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:space-between;
		flex-direction:row-reverse;
	}
	#main .access-sec > .-inr #gmap {
		margin-right:calc((950px - (100vw - 18px)) / 2);
		height:300px;
		width:calc((100vw - 18px) - 380px - (((100vw - 18px) - 950px) / 2));
	}
	#main .access-sec > .-inr > .-box {
		width:380px;
	}
	#main .access-sec > .-inr > .-box > .p-title {
		margin-bottom:0;
		width:auto;
	}
	#main .access-sec > .-inr > .-box > .p-title > .-mainttl {
		font-size:1.42857rem;
	}
	#main .access-sec > .-inr > .-box > .-place {
		font-size:0.92857rem;
		margin-bottom:30px;
	}
	#main .access-sec > .-inr > .-box > .-place > dt {
		border-radius:3px;
		border-width:1px;
		font-size:0.85714rem;
		font-weight:500;
		margin-bottom:18px;
		padding:2px 20px;
	}
	#main .access-sec > .-inr > .-box > .-place > dt img {
		top:-1px;
		right:-30px;
		width:14px;
	}
	#main .access-sec > .-inr > .-box > .-place > dd > a {
		pointer-events:none;
	}
	#main .foot-img figure {
		height:180px;
		min-width:1030px;
	}
	#main .foot-img figure img {
		min-height:180px;
		width:100%;
		object-fit:cover;
	}
}

@media print, screen and (min-width: 768px) {
	#main .recruit-sec > .-inr > .-box > .p-button {
		margin-top:25px;
		width:240px;
	}
}