/* ---------  main catch ------------ */



#main_catch {

	margin: 20px auto 0 auto;

}



.com_txt {

	position:absolute;

	top:0;

	left:48%;

	bottom:0;

	margin:auto 0;

	color:#fff;

	padding:11% 0% 11% 0;

	margin:auto;

	width:50%;

	max-width:474px;

}



.com_txt h1 {

	font-size:230%;

	margin-bottom:0.8em;

}



.com_txt h1 br {

	display:none;

}



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



.com_txt {

	padding:10% 0% 10% 0;

}

.com_txt h1 {

	font-size:186%;

}

}



.com_txt p {

	font-size:115%;

	line-height:1.8em;

	letter-spacing:0.1em;

	font-weight:400;

}



/* ---------  main catch  fin ------------ */



/* ---------  process fin ------------ */



.process {

	width:90%;

	margin:80px auto;

	max-width:1000px;

	border-bottom:1px solid #ccc;

	padding:0 0em 80px 0em;

}



.process:last-of-type {

	border:none;

}



.process h2 {

	font-size:32px;

	display:flex;

	align-items:center;

	letter-spacing:0.2em;

}



.process h2 span.lang_ja {

	font-size:72px;

	font-weight:400;

	padding-right:1.2em;

	display:inline-block;

	position:relative;

	letter-spacing:0;

}



.process h2 span.lang_ja::after {

	content:"";

	display:block;

	width:1.2em;

	height:1px;

	background:#444;

	position:absolute;

	right:0;

	top:0;

	bottom:0;

	margin:auto;

	transform:rotate(-60deg);

	

}



.pro_txt {

	width:70%;

	padding-right:1.5em;

}



.pro_txt p {

	font-size:115%;

	line-height:2em;

	margin-bottom:1em;

}



#process03 .d_flex {

	flex-wrap:wrap;

}



#process03 .pro_txt {

	width:100%;

}



.pro_img {

	overflow:hidden;

}



.pro_img img {

	transition:all .4s;

}



.pro_img img:hover {

	transform:scale(1.1);

}



/* ---------  process fin ------------ */



/* ---------  ver.SmartPhone ------------ */



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



#main_catch {

	margin:0 auto;

}



#main_catch .inner{

	background:url(../images/commitment.jpg) no-repeat center;

	background-size:cover;

}



.com_img {

	display:none;

}



.com_txt {

	position:relative;

	left:0;

	width:60%;

	margin:0 0 0 auto;

	padding:10% 4% 10% 0;

}



.com_txt h1 {

	font-size:143%;

}



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



.com_txt h1 br {

	display:block;

}



}/* @500px fin */





.com_txt p {

	font-size:86%;

}



.process {

	margin:40px auto 0px auto;

	padding: 0 0 40px 0;

}



.process .d_flex {

	flex-wrap:wrap;

	-webkit-flex-wrap: wrap;

}



.pro_txt {

	width:100%;

	padding-top: 0.5em;

}



.process h2 {

	padding:0.5em 0;

	font-size:172%;

	line-height:1.2em;

	letter-spacing:0.05em;

}



.process h2 span.lang_ja {

	font-size:200%;

}



.pro_img {

	width:100%;

	text-align:center;

}



}



/* ---------  ver.SmartPhone fin ------------ */