@charset "UTF-8";



/* 0. Common */

main article > 
{
	padding-left:20px;
	padding-right:20px;
}




/* 1. Index */

main h1{
	min-height:560px;
	height:140vw;
	line-height:140vw;
	font-size:240%;
	font-weight:700;
	padding:0 20px;
	width:100%;
	background:url(../images/about_firstview_sp.png) center no-repeat;
	background-size:cover;
}

main article > section:not(.igniture){
	padding:80px 20px;
}




/* 2. OurMission and 3Keywords */

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

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

section.ourmission figure,
section.\33keywords figure{
	display:block;
	text-align:center;
}

section.ourmission h3,
section.\33keywords h3{
	margin-top:16px;
}

section.ourmission figure img{
	width:240px;
	margin:70px auto 40px;
}

section.\33keywords figure img{
	margin:40px auto;
}

section.ourmission figure figcaption,
section.\33keywords figure figcaption{
	text-align:left;
	width:100%;
}




/* 3. OurBusiness */

section.ourbusiness ul li{
	margin-top:32px;
	display:block;
}

section.ourbusiness ul li h3{
	margin-top:20px;
}

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

section.ourbusiness ul li div{
	display:block;
	width:100%;
}




/* 4. Solutions & Services */

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

main section.solution_service picture{
	position:static;
	height:auto;
}

main section.solution_service picture img{
	height:auto;
	position:static;
	border-radius:8px;
}

main > article section.solution_service div.exp{
	margin-top:24px;
	height:auto;
	padding-top:0;
}

main > article section.solution_service h2,
main > article section.solution_service p{
	padding-left:0;
	width:100%;
	color:#181a24;
}

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

main section.solution_service a.button{
	width:100%;
}




/* 5. IGNITURE */




/* 6. Development */

main article section.development{
	display:block;
	padding:60px 20px 75px;
	overflow:visible;
}

main article section.development > p{
	width:100%;
}

main article section.development > p.intime{
	margin-top:1em;
	padding-bottom:0;
}

main article section.development div.area_japan{
	position:relative;
	right:auto;
	top:auto;
	margin-top:20px;
	padding:32px 16px;
	width:100%;
}

main article section.development div.area_world{
	height:auto;
	padding-top:0;
}

main article section.development div.area_world picture{
	position:static;
}

main article section.development div.area_world picture img{
	width:calc(100% + 40px);
	max-width:unset;
	margin-left:-20px;
	margin-top:30px;
}

main article section.development div.area_world div{
	width:100%;
	padding:24px 16px;
	margin:0 0 15px;
}

main article section.development a.button{
	margin-top:40px;
}