@charset "utf-8";
/* CSS Document */

article{padding-top:80px}
article h1{
	display:block;
	padding:0 30px;
	height:260px;
	position:relative
	}

article h1 span{
	text-align:center;
	display:block;
	margin:0 auto;
	background-image:url(../images/ttl/about_ttl.svg);
	display:block;
	width:466px;
	height:82px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
		top:50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	position:absolute;
	}

/* mv */
/****************************************************************/

#mv{
	height:560px;
	background-image:url(../images/mv/about_mv.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center
	}

/* rinen */
/****************************************************************/

.rinen{
	padding:220px 30px;
	}

.rinen h2{
	font-family:'m+c2_Regular',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:28px;
	transform: rotate(0.05deg);
	position:relative;
	text-align:center;
	z-index:5;
	margin-bottom:95px;
	}

.rinen h2:before{
	display:block;
	background-color:#DCDCDD;
	position:absolute;
	content:"";
	width:411px;
	height:2px;
	top:50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index:-1
	}

.rinen h2:after{
	position:absolute;
	content:"";
	display:block;
	background-color:#fff;
	width:150px;
	height:30px;
	top:50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index:-1
	}

.rinen h3{
	margin:0 auto 40px;
	text-align:center;
	}	

.rinen h3 span{
	font-family:'m+c2_Regular',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:21px;
	transform: rotate(0.05deg);
	margin:0 auto;
	border:1px solid #C9C9CA;
	height:38px;
	line-height:38px;
	padding:0 10px;
	}

.rinen strong{
	text-align:center;
	background-image:url(../images/parts/about_strong.svg);
	background-size:contain;
	background-position:center top;
	background-repeat:no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	display:block;
	width:584px;
	height:115px;
	display:block;
	margin:0 auto 25px;
	}

.rinen .sub{
	text-align:center;
	font-family:'m+c2_Regular',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	transform: rotate(0.05deg);
	line-height:180%;
	margin-bottom:120px;
	}
	
.rinen ul{
	max-width:900px;
	margin:0 auto;
	}
	
.rinen li{
	font-family:'m+c2_Bold',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	transform: rotate(0.05deg);
	line-height:180%;
	margin-bottom:90px;
	position:relative;
	}
	
.rinen li:before{
	position:absolute;
	content:"";
	width:12px;
	height:12px;
	background-color:#B4B5B5;
	border-radius:50%;
	display:block;
	bottom:-35px;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
	}
	
.rinen li:after{
	position:absolute;
	content:"";
	width:12px;
	height:12px;
	background-color:#B4B5B5;
	border-radius:50%;
	display:block;
	bottom:-70px;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
	}

.rinen li:last-child{
	margin-bottom:0px;
	}
.rinen li:last-child::before,
.rinen li:last-child::after{
	display:none
	}
	
/* flex */
/****************************************************************/

.company{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-direction:column;
	flex-wrap: wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: flex-end;
	padding:70px 30px 80px 50px;
	background-color:#656464;
	}

.company .pic{
	width:100%;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
	max-width:1000px;
	}
.company .pic img{
	width:100%;
	height:auto;
	}

.company .txt{
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
	width:100%;
	color:#fff;
	margin-bottom:50px;
	}

.company .txt h2{
	font-size:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:100%;
	margin-bottom:30px;
	}

.company .txt h2 span{
	font-family:'m+c2_Medium',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:24px !important;
	margin-left:20px
	}

.company .txt table{
	font-family:'m+c2_Regular',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	transform: rotate(0.05deg);
	}

.company .txt th,.company .txt td{padding:0 0 10px 0;
line-height:180%;}

.company .txt th{width:105px;}

.company .txt td a{
	color:#fff}

/* gmap */
/****************************************************************/
	
.gmap{
	width:100%;
	}
.gmap iframe{
	width:100%;
	height:500px;
	}