@charset "utf-8";

article h1 {
	margin:0 0 0.5em;
	font-size:24px;
	font-weight:bold;
	line-height:1.5;
	color:#242424;
}

article .inner > h2 {
	margin:0 0 1.5em;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#2B3779;
}

article .boxWrap {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:30px 0;
}

article .boxWrap .box {
	width:40%;
	margin:0;
	font-size:16px;
	font-weight:700;
	color:#585858;
}
article .boxWrap .box:nth-of-type(2) {
	width:56%;
}

article .boxWrap .box h3 img {
	display:block;
	width:100%;
}

article .boxWrap .box p {
	font-size:14px;
	font-weight:700;
	color:#0056A8;
	word-break: break-all;
	word-wrap:break-word;
	overflow-x:hidden !important;
}

article section h4 {
	margin:3em 0 1em;
	padding:0.3em 2em;
	font-size:14px;
	font-weight:400;
	background:#F2F2F2;
}

article section .tx {
	padding:0 0 40px;
	font-size:14px;
	font-weight:400;
}

article .phWrap {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 0 60px;
}

article .phWrap .ph {
	width:32.5%;
	margin:0;
}


@media (max-width: 768px) {
	article h1 {
		font-size:22px;
	}
}

@media (max-width: 640px) {
	article .boxWrap .box,
	article .boxWrap .box:nth-of-type(2) {
		width:100%;
		margin:0 0 30px;
	}

}

@media (max-width: 600px) {
	article h1 {
		font-size:20px;
	}
	article h1 br {
		display:none;
	}

}

@media (max-width: 480px) {
	article h1 {
		font-size:18px;
	}
}

@media (max-width: 360px) {

}


/* company */

article.company h1 {
	margin:0 0 0.5em;
	font-size:24px;
	font-weight:bold;
	line-height:1.5;
	color:#242424;
}

article.company h2 {
	margin:0 0 1.5em;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#2B3779;
}

article.company .mv	{
	width:100%;
	margin:0 0 80px;
}

article.company dl {
	margin:0 0 50px;
}

article.company dt {
	float:left;
	width:23%;
	margin:0;
}
article.company dt img {
	width:100%;
}

article.company dd {
	float:right;
	width:72%;
}
article.company dd .num {
	float:left;
	width:60px;
	font-family: 'Roboto', sans-serif;
	font-size:35px;
	font-weight:bold;
	line-height:35px;
}
article.company dd .tx {
	float:left;
	width:calc(100% - 60px);
	font-size:14px;
	font-weight:400;
}

article.company dd .tx h3 {
	font-size:16px;
	font-weight:bold;
}

article.company dd .tx p {
	margin:0 0 2em;
	padding:0 0 1em;
	color:#2B3779;
	font-size:12px;
	font-weight:400;
	border-bottom:1px solid #D0D0D0;
}

article.company .wrap {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width:90%;
	max-width:1136px;
	margin:80px auto 60px;
	border-top:1px solid #D0D0D0;
}

article.company .wrap .box {
	position:relative;
	width:48%;
	margin-top:60px;
}
article.company .wrap .box::before {
	content:"";
	display: block;
	padding-top: 65%;
}
article.company .wrap .box:nth-of-type(1) {
	background:url(../img/company/index/bg_greeting.jpg) center center no-repeat;
	background-size:cover;
}
article.company .wrap .box:nth-of-type(2) {
	background:url(../img/company/index/bg_companyinfo.jpg) center center no-repeat;
	background-size:cover;
}

article.company .wrap .box a {
	color:#242424;
}

article.company .wrap .box .tx {
	position:absolute;
	top:15px;
	left:15px;
	padding:15px;
	border-radius:5px;
	background:rgba(255,255,255,.75);
}

article.company .wrap .box .ti {
	margin:0 0 0.5em;
	font-size:16px;
	font-weight:700;
}
article.company .wrap .box .tx p {
	padding-left:1.3em;
	color:#2B3779;
	font-size:12px;
	font-weight:400;
}

@media (max-width: 768px) {
	article.company h1 {
		font-size:22px;
	}
}

@media (max-width: 600px) {
	article.company h1 {
		font-size:20px;
	}
	article.company h1 br {
		display:none;
	}
	article.company dt {
		float:none;
		width:100%;
		margin:0 0 20px;
	}
	article.company dd {
		float:none;
		width:100%;
	}
	
	article.company .wrap .box {
		width:100%;
		margin-top:30px;
	}
}

@media (max-width: 480px) {
	article.company h1 {
		font-size:18px;
	}
}

@media (max-width: 360px) {

}