@charset "utf-8";
/*-------------------------------------------------

	MAIN

--------------------------------------------------*/
#main {
	background: url("../img/top/main.jpg") no-repeat center right 7% / cover;
	height: 70rem;
	margin: 7rem 0 9rem;
}
#main .s-inner {position: relative;height: 100%;}
#main h2 {
	display: inline-table;
	width: fit-content;
	position: absolute;
	left: 1rem;
	bottom: 50%;
	transform: translate(0,50%);
	font-size: 4rem;
	color: #fff;
}
@media only screen and ( max-width : 500px ) {
	#main {background: url("../img/top/main-sp.jpg") no-repeat top / cover;height: 40rem;margin-bottom: 5rem;}
	#main h2 {font-size: 2.2rem;text-align: center;}
}
/*-------------------------------------------------

	TOP

--------------------------------------------------*/
#top {margin-bottom: 12rem;}
#top section:nth-child(1),
#top section:nth-child(2),
#top section:nth-child(3) {position: relative;height: 62.6rem;margin-bottom: 10rem;}
#top section:nth-child(1),#top section:nth-child(3) {margin-left: auto;}
#top section figure {max-width: 129rem;}
#top section:nth-child(1) figure,#top section:nth-child(3) figure{margin-left: auto;}
#top section .box {
	background: #fff no-repeat 0 -3.5rem;
	max-width: 65rem;
	padding: 8.5rem 5rem 3rem;
	position: absolute;
	top: 10rem;
}
#top section:nth-child(1) .box {background-image: url("../img/top/about.svg");left: 1rem;}
#top section:nth-child(2) .box {background-image: url("../img/top/info-ctrl.svg");right: 1rem;}
#top section:nth-child(3) .box {background-image: url("../img/top/service.svg");left: 1rem;}
#top section .box div {margin-bottom: 3.5rem;}
#top section h3 {
	display: flex;
	align-items: center;
	font-size: 2.4rem;
	font-weight: 900;
	z-index: 1;
}
#top section .box h3 {color: #111844;}
#top section .box2 h3 {justify-content: center;color: #fff;}
#top section h3 span {
	font-size: 3rem;
	font-weight: 900;
	margin-right: 2rem;
	padding-right: 2rem;
}
#top section .box h3 span {border-right: .4rem solid #111844;}
#top section .box2 h3 span {border-right: .4rem solid #fff;}
#top section .box p {margin-bottom: 2rem;line-height: 2.2;}
#top section .box .b-next {margin: 0 0 0 auto;}
#top section .flexbox {justify-content: space-between;}
#top section .box2 {width: 49%;padding: 14rem 6rem;color: #fff;}
#top section .box2:nth-child(1) {
	background-image:url("../img/top/jss.svg"),url("../img/top/bg4.jpg");
	background-repeat:no-repeat,no-repeat;
	background-position:0 -3.5rem,center;
	background-size: 45.6rem,cover;
}
#top section .box2:nth-child(2) {
	background-image:url("../img/top/recruit.svg"),url("../img/top/bg5.jpg");
	background-repeat:no-repeat,no-repeat;
	background-position:-.5rem -3.5rem,center;
	background-size: 41.2rem,cover;
}
#top .w-next {margin: 2rem auto 0 auto;}
@media only screen and ( max-width : 896px ) {
	#top section .box {background-position: 0 -1.9rem;left: 2rem;width: 95%;}
	#top section:nth-child(1) .box {background-size: 29rem;padding: 6.5rem 2rem 3rem;}
	#top section:nth-child(2) .box {background-size: 29.5rem;padding: 11.5rem 2rem 3rem;}
	#top section:nth-child(3) .box {background-size: 29.5rem;padding: 11.5rem 2rem 3rem;}
	#top section .box div {margin-bottom: 2rem;}
	#top section h3 {font-size: 1.8rem;}
	#top section h3 span {font-size: 2.5rem;margin-right: 1rem;padding-right: 1rem;}
	#top section .box2 {width: 100%;padding: 7rem 2rem 6rem;}
	#top section .box2:nth-child(1) {
		background-position:0 -2rem,center;
		background-size: 27.4rem,cover;
		margin-bottom: 5rem;
	}
	#top section .box2:nth-child(2) {
		background-position:-.3rem -2rem,center;
		background-size: 24.8rem,cover;
	}
}
@media only screen and ( max-width : 500px ) {
	#top {margin-bottom: 9rem;}
	#top section:nth-child(1) {margin-bottom: 21rem;}
	#top section:nth-child(2) {margin-bottom: 15rem;}
	#top section:nth-child(3) {margin-bottom: 15rem;}
	#top section .box {left: 1rem;}
	#top section p {line-height: 1.8;}
}
/*-------------------------------------------------

	NEWS

--------------------------------------------------*/
.newsbox .flexbox {
	align-items: flex-end;
	justify-content: space-between;
	position: relative;
	background: #fff;
	padding: 3rem 3rem 3rem 7rem;
}
.newsbox h3 {
	font-size: 2.4rem;
	font-weight: 700;
	display: inline-block;
	position: absolute;
	top: -5.5rem;
	left: 5rem;
}
.newsbox .ttlboxin span {
	display: inline-block;
	border-right: .3rem solid #fff;
	margin-right: 2rem;
	padding-right: 2rem;
}
.newsbox ul {width: 72%;}
.newsbox li {border-bottom: .1rem solid #F3F3F3;padding: 1rem 0;}
.newsbox .day {margin-right: 2.5rem;}
.newsbox .txt {line-height: 1.8;}
@media only screen and ( max-width : 896px ) {
	.newsbox .flexbox {padding: 3rem 2rem 2rem;}
	.newsbox h3 {top: -2.5rem;left: 2rem;}
	.newsbox ul {width: 100%;margin-bottom: 2rem;}
	.newsbox .b-arrow {margin-left: auto;}
}
@media only screen and ( max-width : 500px ) {
	.newsbox h3 {font-size: 1.8rem;}
}