@charset "UTF-8";



/* 0. Common */

main > article h2,
main > article h3{
	margin-top:0;
}

main > article h2{
	font-size:320%;
	font-weight:400;
	color:#004098;
	margin-bottom:0;
}

main article h2 + p{
	font-size:160%;
}

main article p + p{
	margin-top:1.5em;
}




/* 1. Index */

main article{
	max-width:100%;
	padding:0;
}

main article > section:not(.igniture){
	padding:100px calc(50% - 475px);
}
@media (max-width:1010px){
	main article > section:not(.igniture){
		padding:100px 30px;
	}
}

main article > section.solution_service{
	padding-top:80px;
	padding-bottom:80px;
}

main h1{
	height:296px;
	line-height:296px;
	font-size:400%;
	font-weight:500;
	padding:0 calc((100% - 950px)/2);
	color:#fff;
	background:url(/about/images/about_firstview_pc.png) center no-repeat;
	background-size:cover;
}




/* 2. OurMission and 3Keywords */

main article > section.ourmission{
	padding-bottom:0;
}

main article > section.\33keywords{
	padding-top:60px;
}

main article > section.ourmission h3,
main article > section.\33keywords h3{
	padding:0.75em 0;
	border-bottom:2px solid #edeefa;
	position:relative;
	margin:24px 0;
}

section.ourmission h3:after,
section.\33keywords h3:after{
	content:"";
	display:block;
	width:40px;
	height:1px;
	position:absolute;
	bottom:-2px;
	left:0;
	border-bottom:2px solid #b6c0f2;
}

section.ourmission figure,
section.\33keywords figure{
	display:flex;
	justify-content:space-between;
	margin-top:0;
}

section.ourmission figure{
	align-items:center;
}

section.\33keywords figure{
	flex-direction:row-reverse;
}

section.ourmission figure picture,
section.\33keywords figure picture{
	width:50%;
	text-align:center;
	padding-top:40px;
}

section.\33keywords figure picture{
	min-width:420px;
}

section.ourmission figure figcaption{
	font-size:100%;
	width:50%;
}
section.\33keywords figure figcaption{
	font-size:100%;
	width:calc(50% - 10px);
}




/* 3. OurBusiness */

section.ourbusiness{
	background:#f5f5f6;
}

section.ourbusiness h3{
	font-size:220%;
	font-weight:700;
}

section.ourbusiness ul li{
	margin-top:40px;
	display:flex;
	justify-content:space-between;
}

section.ourbusiness ul li:nth-child(2n){
	flex-direction:row-reverse;
}

section.ourbusiness ul li picture{
	border-radius:8px;
	width:calc(50% - 12px);
	display:block;
}

section.ourbusiness ul li picture img{
	width:100%;
}

section.ourbusiness ul li div{
	display:flex;
	flex-direction:column;
	width:calc(50% - 12px);
	justify-content:center;
}

section.ourbusiness ul li div p{
	margin-top:1.25em;
}

section.ourbusiness ul li div p:has(a.btn_txt){
	text-align:right;
}




/* 4. Solutions & Services */

main section.solution_service{
}

main > article section.solution_service h2,
main > article section.solution_service p{
	color:#fff;
}

main section.solution_service p + p{
	margin-top:35px;
}

main section.solution_service a.button{
	width:320px;
}




/* 5. IGNITURE */

main article > section.igniture{
	margin-top:0;
}




/* 6. Development */

main article section.development{
	background:#f5f5f6;
	display:flex;
	flex-direction:column;
	position:relative;
	overflow:hidden;
	padding-bottom:40px;
}
@media (max-width:1010px){
	main article section.development{
		padding:100px 30px 40px;
	}
}

main article section.development h3{
	font-size:220%;
	font-weight:700;
	margin:20px 0 0;
}

main article section.development h4{
	order:1;
	font-size:150%;
	font-weight:500;
	margin-bottom:10px;
}

main article section.development > p{
	width:465px;
	order:2;
	margin-top:2em;
	z-index:3;
}

main article section.development > p.intime{
	text-align:right;
	margin-top:-3em;
	padding-bottom:3em;
	width:auto;
	order:5;
}

main article section.development div.area_japan{
	order:3;
	width:462px;
	background:#fff;
	position:absolute;
	right:calc(50% - 475px);
	top:64px;
	padding:32px;
	border-radius:8px;
	text-align:center;
	z-index:2;
}
@media (max-width:1010px){
	main article section.development > p{
		width:calc(100% - 490px);
	}

	main article section.development div.area_japan{
		right:30px;
	}
}

main article section.development div.area_japan h4{
	position:absolute;
	top:32px;
	margin-top:0;
}

main article section.development div.area_japan ul.guide{
	position:absolute;
	top:64px;
	text-align:left;
}

main article section.development div.area_japan ul.guide li{
	font-size:120%;
	margin-top:0.5em;
	padding-left:1.25em
}

main article section.development div.area_japan ul.guide li span{
	display:inline-block;
	text-indent:-1.25em;
}

main article section.development div.area_japan ul.guide li:nth-child(1) span{
	color:#004098;
}

main article section.development div.area_japan ul.guide li:nth-child(2) span{
	color:#e6002d;
}

main article section.development div.area_japan ul.guide li:nth-child(3) span{
	color:#fbb03f;
}

main article section.development div.area_world{
	order:4;
	position:relative;
	z-index:1;
	height:700px;
	padding-top:300px;
}

main article section.development div.area_world picture{
	position:absolute;
	left:-130px;
	top:-20px;
	z-index:1;
	width:calc(100% +185px);
}

main article section.development div.area_world picture img{
	max-width:1287px;
	width:calc(100vw + 200px);
}

main article section.development div.area_world div{
	position:relative;
	background:#fff;
	padding:32px 40px;
	width:464px;
	border-radius:8px;
	margin-top:15px;
	text-align:center;
	z-index:2;
}

main article section.development div.area_world div h4{
	margin-top:0;
}