@charset "utf-8";

/*見出しの文字サイズ・・・スマホはPCの約4/5にする*/

/* for Common & Smartphone*/
#contents{
}

/*pageMv*/
.pageMv .bgImg::before{background-image : url(../images/commitment01.jpg);}

/**/
.commit01,
.commit02,
.commit03{
	position:relative;
	padding-bottom:100px;
}
.commit01::before,
.commit02::before,
.commit03::before{
	position:absolute;
	content:"";
	width:10px;
	height:10px;
	top:0;
	left:20px;
	background-color:#aa956c;
}
.commit01Txt,
.commit02Txt,
.commit03Txt{
	position:relative;
	margin-bottom:20px;
}
.commit01Txt::before,
.commit02Txt::before,
.commit03Txt::before{
	position:absolute;
	content:"";
	width:100%;
	top:10px;
	left:0;
	height:auto;
	border-top:1px solid #333;
}
.commit01Txt::after,
.commit02Txt::after,
.commit03Txt::after{
	position:absolute;
	content:"";
	height:100%;
	top:0;
	left:10px;
	border-left:1px solid #333;
}
.commit01Txt01,
.commit02Txt01,
.commit03Txt01{
	padding-top:30px;
	padding-left:30px;
	text-align:left;
	font-size:5vw;
	line-height:2;
	margin-bottom:10px;
}
.commit01Txt02,
.commit02Txt02,
.commit03Txt02{
	text-align:left;
	font-size:13px;
	line-height:2;
	padding-left:40px;
	padding-bottom:20px;
}
/**/




/* for Smartphone 横とか*/
@media screen and (min-width: 480px) {
}

/* for Smartphone*/
/*横向きの際に適用*/
@media screen and (orientation : landscape) { 
}

/* for PC*/
@media print, screen and (min-width:768px) {

/**/
.commit01::before,
.commit03::before{
	width:15px;
	height:15px;
	top:0;
	left:auto;
	right:20px;
	background-color:#aa956c;
}
.commit02::before{
	width:15px;
	height:15px;
	top:0;
	left:20px;
	background-color:#aa956c;
}
.commit01Txt,
.commit03Txt{
	float:right;
	width:38%;
	margin-bottom:0;
}
.commit02Txt{
	float:left;
	width:38%;
	margin-bottom:0;
}
.commit01Txt::before,
.commit03Txt::before{
	top:15px;
	left:0;
}
.commit02Txt::before{
	top:15px;
}
.commit01Txt::after,
.commit03Txt::after{
	height:100%;
	top:0;
	left:auto;
	right:15px;
	border-left:1px solid #333;
}
.commit02Txt::after{
	top:0;
	left:15px;
	border-left:1px solid #333;
}
.commit01Img,
.commit03Img{
	float:left;
	width:58%;
	margin-top:15px;
}
.commit02Img{
	float:right;
	width:58%;
	margin-top:15px;
}
.commit01Txt01,
.commit02Txt01,
.commit03Txt01{
	width:4em;
	padding:0;
	margin-bottom:0;
	position:absolute;
	top:60px;
	right:40px;
	text-align:left;
	font-size:24px;
	line-height:2.5;
	letter-spacing:0.3em;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.commit01Txt02,
.commit02Txt02,
.commit03Txt02{
	text-align:left;
	font-size:14px;
	line-height:2.5;
	padding:0;
	max-height:700px;
	position:absolute;
	top:120px;
	right:170px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.commit02Txt02,
.commit03Txt02{
	right:110px;
}
/**/





}