@charset "utf-8";


@media only screen and (min-width: 768px), print {

.oneContents.top .contentsWrap{
	width:100%;
}
.oneContents.top .contentsWrap #main{
	width:100%;
}
.oneContents.top #footerLink{
	margin-top:0;
}

/* mainVisualArea */
.mainVisualArea{
	width:100%;
	height:400px;
	background:url(/english/figure/index_im01.jpg) no-repeat 50% 47%;
}
.mainVisualArea .inner{
	width:1000px;
	margin:0 auto;
	padding-top:95px;
}
.mainVisualArea .leadText{
	color:#043995;
	font-size:4.0rem;
	line-height:1.3;
}

/* area02 */
.area02{
	overflow:hidden;
	width:100%;
	padding:100px 0 52px;
	background:#f6f0e4;
}
.area02 .inner{
	width:1000px;
	margin:0 auto;
}
.area02 .title{
	display:block;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	font-size: 5.4rem;
	color: #220000;
	line-height: 1;
}

.area02 .companyLinkList{
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}
.area02 .companyLinkList > li{
	width: calc((100% - (32px*2))/3);
	margin-left: 32px;
}
.area02 .companyLinkList > li:nth-child(3n+1){
	margin-left: 0;
}
.area02 .companyLinkList > li:nth-child(n+4){
	margin-top: 10px;
}
.area02 .companyLinkList li a{
	display: block;
	position: relative;
	height: 100%;
	border-bottom: 1px dotted #c9c9c9;
	padding: 0 0 10px 14px;
	text-decoration: none;
	font-size: 1.8rem;
	color: #333333;
	line-height: 1.6;
}
.area02 .companyLinkList li a:hover{
	text-decoration: underline;
}
.area02 .companyLinkList li a::after{
	position: absolute;
	top: calc((1em * 1.6) / 2 - 1px);
	left: 0;
	width: 8px;
	height: 12px;
	margin-top: -6px;
	background: url("/english/site_common/img/com_ic06.png") 0 0 no-repeat;
	background-size:  100% auto;
	content: '';
}


/* area04 */
.area04{
	overflow:hidden;
	width:100%;
	height:650px;
	padding-top: 100px;
	background:url(/english/figure/index_im04.jpg) no-repeat 50% 0;
}
.area04 .inner{
	width:1000px;
	margin:0 auto;
}
.area04 .title{
	display:block;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	font-size: 5.4rem;
	color: #220000;
	line-height: 1;
}
.area04 .irLinkList{
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}
.area04 .irLinkList > li{
	width: calc((100% - (32px*3))/4);
	margin-left: 32px;
}
.area04 .irLinkList > li:nth-child(4n+1){
	margin-left: 0;
}
.area04 .irLinkList > li:nth-child(n+5){
	margin-top: 10px;
}
.area04 .irLinkList li a{
	display: block;
	position: relative;
	height: 100%;
	border-bottom: 1px dotted #c9c9c9;
	padding: 0 0 10px 14px;
	text-decoration: none;
	font-size: 1.8rem;
	color: #333333;
	line-height: 1.6;
}
.area04 .irLinkList li a:hover{
	text-decoration: underline;
}
.area04 .irLinkList li a::after{
	position: absolute;
	top: calc((1em * 1.6) / 2 - 1px);
	left: 0;
	width: 8px;
	height: 12px;
	margin-top: -6px;
	background: url("/english/site_common/img/com_ic06.png") 0 0 no-repeat;
	background-size:  100% auto;
	content: '';
}



/*=================================

	clearfix

=================================*/
.area01 .languageBtn:after,
.area02 .whoWeAreBtn:after,
.area02 .aboutList:after {
	content: "";
	display: block;
	clear: both;
}

}


@media only screen and (max-width: 1016px)  and (min-width: 767px) {
	.oneContents.top .contentsWrap #main{
		width: 1000px;
	}
}