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


body.top.en {
	background-position: 42% 0;
}

@media screen and (max-width: 991px) {
	body.top.en {
		background-position: 59% 0;
	}
}


/* --------------- header --------------- */

.en h1.logo_header {
	max-width: 900px;
	width: 96%;
	margin: 0 auto;
}

@media screen and (max-width: 1160px) {
	.en h1.logo_header {
		max-width: 640px;
	}

	.en h1.logo_header .pc_none {
		display: inline-block;
	}

	.en h1.logo_header .sp_none {
		display: none;
	}
}

@media screen and (max-width: 991px) {

	.en h1.logo_header {
		width: 80vw;
		text-align: left;
		max-width: 457px;
	}

	.en h1.logo_header img.pc_none {
		display: block;
	}

	.en h1.logo_header img.sp_none {
		display: none;
	}
}

/* --------------- footer --------------- */

footer .col_footer dl {
	margin: 0;
	padding: 0;
	line-height: 1.4;
	display: flex;
	align-items: center;
	gap: 18px;
}

footer .col_footer dl dt {
	padding: 0;
}

footer .col_footer dl dt::after {
	content: none;
}

footer .col_footer dl dd {
	margin: 0;
	padding: 0 0 0 17px;
	border-left: solid 1px #fff;
}

@media screen and (max-width: 991px) {
	footer .col_footer dl {
		gap: 12px;
	}

	footer .col_footer dl dt {
		font-size: 1.2em;
	}

	footer .col_footer dl dd {
		padding: 0;
		border-left: none;
	}
}

footer .copy {
	padding: 8px 0;
	line-height: 1.4;
}


/* --------------- contents --------------- */

@media screen and (max-width: 991px) {
	#contents_top {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: colum;
		display: block;
		padding: 0;
	}

	#contents {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: colum;
		display: block;
	}
}

/* --------------- leftcontents --------------- */


/* --------------- top --------------- */

.top_info1 {
	width: 516px;
	min-width: 238px;
	margin: 48px 0px 0% 0;
}

.top_info1 .area {
	width: 45%;
	margin: 0;
	padding: 22px 0 0;
}

.top_info2 {
	max-width: 447px;
	margin: 45px 0 25px 0;
}

.top_info3 {
	max-width: 362px;
	margin: 0 0 0 0px;
}

.top_info4 {
	max-width: 112px;
	margin: 0 0 28px auto;
}

@media screen and (max-width: 991px) {
	.col_topmain {
		height: auto;
	}

	.top_info1 {
		width: 525px;
		margin: 112px 0px 0% 4.3vw;
	}

	.top_info1 .area {
		padding: 19px 0 0;
	}

	.top_info2 {
		max-width: 501px;
		margin: 38px 0 25px 4.3vw;
	}

	.top_info3 {
		margin: 0 0 28px 4.3vw;
	}
}

@media screen and (max-width: 720px) {
	.top_info1 {
		width: 90vw;
		max-width: unset;
		margin: calc(70px + 6vw) auto 70.4vw;
		position: static;
	}

	.top_info1 .area {
		width: 48.6vw;
		padding: 3.5vw 0 0;
	}

	.top_info2 {
		width: 69.7vw;
		max-width: unset;
		margin: 0 0 3vw 6.95vw;
		position: static;
	}

	.top_info3 {
		width: 88.47vw;
		max-width: unset;
		margin: 0 0 3.47vw 6.95vw;
	}
}

@media screen and (max-width: 720px) {
	.wrap_topnews {
		background-color: #ecf3f8;
	}
}


/*---------------greeting -------------*/


/* --------------- organization --------------- */