@charset "utf-8";

img { 
	max-width:100%;
}
body *, body *::before, body *::after{box-sizing:border-box;}


/*-----------------------------------------------
	index
-----------------------------------------------*/

/* secTop */
.secTop{ padding-top:70px;}
.secTop .bgTop{
	background:url(../img/about/bgTop.jpg) no-repeat center center/cover;
	height: 500px;
}
.secTop .boxTop{
	width:1040px;
	margin:180px auto 0;
	font-size:0;
}
.secTop .boxTop .titBox{
	display: inline-block;
	vertical-align:top;
	width: 860px;
}
.secTop .boxTop .titBox .tit{
	padding:0 0 45px 55px;
}
.secTop .boxTop .titBox .txt{
	font-size:16px;
	line-height:1.8;
}
.secTop .imgArround{
	margin: 140px auto 0;
	width:1040px;
}
@media only screen and (max-width:767px){
	.secTop{ padding-top:50px;}
	.secTop .bgTop{
		height: 200px;
	}
	.secTop .boxTop{
		width:86.66%;
		margin:62px auto 0;
		text-align:right;
	}
	.secTop .boxTop .titBox{
		display: block;
		vertical-align:top;
		width: 100%;
		text-align:center;
	}
	.secTop .boxTop .titBox .tit{
		padding:0 0 45px 0;
	}
	.secTop .boxTop .titBox .txt{
		font-size:11px;
		text-align:left;
		margin-bottom:25px;
		letter-spacing:0.05em;
	}
	.secTop .imgArround{
		margin: 45px auto 0;
		width:100%;
		height:225px;
	}
	.secTop .imgArround iframe{
		height:225px !important;
		width:100% !important;
	}
}
/* secAbout */
.secAbout .conWrap{
	width:1040px;
	margin:0 auto;
	padding:5px 0 70px;
}
.secAbout .box{
	margin: 160px 0 0;
}
.secAbout .box .imgBox{
	float:right;
	width:570px;
}
.secAbout .box .leftBox{
	float:left;
}
.secAbout .box .txtNumBox{
	position:relative;
	margin:0 auto 202px;
}
.secAbout .box:nth-child(2) .txtNumBox,
.secAbout .box:nth-child(5) .txtNumBox{
	margin-bottom:228px;
}
.secAbout .box:nth-child(3) .txtNumBox{
	margin-bottom:260px;
}
.secAbout .box:nth-child(6) .txtNumBox{
	margin-bottom:147px;
}
.secAbout .box .txtNumBox:after{
	content:"";
	width:2px;
	height:220px;
	background:#929292;
	position:absolute;
	top:0;
	left:176px;
	-webkit-transform:rotate(52deg);
	-moz-transform:rotate(52deg);
	transform:rotate(52deg);
	-webkit-transform-origin:right top;
	-moz-transform-origin:right top;
	transform-origin:right top;
}
.secAbout .box .txtNumBox .txtNum{
	font-size:78px;
	font-style:italic;
	font-weight:100;
	letter-spacing:-0.05em;
	transform: scale(1.15, 1);
	padding:30px 20px 0 20px;
	line-height:0;
}
.secAbout .box .txtAbout{
	width:367px;
	font-size:16px;
	line-height:1.8;
	letter-spacing:0;
	text-align:justify;
}
.secAbout .box.box01 .txtAbout{
	width:370px;
}
.secAbout .box .txtAbout .le1{
	letter-spacing:-0.1em;
}
@media only screen and (max-width:767px){
	.secAbout .conWrap{
		width:86.66%;
		margin:0 auto;
		padding:32px 0 10px;
	}
	.secAbout .box{
		margin: 43px 0 0;
	}
	.secAbout .box .imgBox{
		float:none;
		width:100%;
	}
	.secAbout .box .leftBox{
		float:none;
	}
	.secAbout .box .txtNumBox{
		margin:0 auto;
	}
	.secAbout .box:nth-child(2) .txtNumBox,
	.secAbout .box:nth-child(5) .txtNumBox{
		margin-bottom:0;
	}
	.secAbout .box:nth-child(3) .txtNumBox{
		margin-bottom:0;
	}
	.secAbout .box:nth-child(6) .txtNumBox{
		margin-bottom:0;
	}
	.secAbout .box .txtNumBox:after{
		width:1px;
		height:105px;
		background:#FFF;
		top:28px;
		left:81px;
	}
	.secAbout .box .txtNumBox .txtNum{
		font-size:33px;
		padding:40px 20px 60px 20px;
		color:#fff;
	}
	.secAbout .box .txtAbout{
		width:100%;
		font-size:11px;
		letter-spacing:0.07em;
	}
	.secAbout .box.box01 .txtAbout{
		width:100%;
	}
	.secAbout .box .txtAbout .le1{
		letter-spacing:0;
	}


}