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

/*////////////////////////////////////////////////////////

about.css

///////////////////////////////////////////////////////*/
#sigAbout {
}
/*#sigAbout #container {
	padding-top: 0;
}*/
.contents-ttl {
	color: #c14502;
}
.contents-ttl br { display:none; }
.contents-ttl .ttl-deco {
	display: block;
	position: absolute;
	bottom: -30px;
	left:50%;
	width:45%;
	line-height: 1;
	z-index:9999;
}
#mainvisual {
	position: relative;
	margin-top:-110px;
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
	z-index:-1;
	overflow:hidden;
}
#mainvisual .first-view-inner-box-img {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
	transform: translateZ(0);
	animation: grow 50s linear 10ms infinite;
	transition: all 0.2s ease-in-out;
}
@keyframes grow {
 0% {
transform:scale(1)
}
 50% {
transform:scale(1.2)
}

}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
	.contents-ttl br { display:block; }
	.contents-ttl .ttl-deco {
	bottom: -20px;
}
}
@media screen and (max-width: 414px) {
	.contents-ttl .ttl-deco {
	left:20%;
	width:60%;
}
#mainvisual {
	margin-top:0;
}
}

/*=======================================================

common

=======================================================*/
#about-wrap {
	padding: 0 80px;
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}
#about-wrap section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#about-wrap .tagline {
	font-size: calc(2.2rem + ((1vw - 12.8px) * 0.625));
 font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
 margin-bottom:60px;
	line-height: 1.5;
}
#about-wrap .cap {
	font-size:1.2rem;
	text-align:right;
	margin-top:10px;
}
#about-wrap .about-sec-body {
	line-height:2.2;
}
@media screen and (max-width: 1024px) {
#about-wrap {
	padding: 0 4%;
}
}
@media screen and (max-width: 414px) {
	#about-wrap .tagline br { display:none; }
	#about-wrap .tagline {
	font-size: calc(2.4rem + ((1vw - 12.8px) * 0.625));
	}
}
/*=======================================================

sec-1

=======================================================*/
#about-wrap .sec-1 {}
#about-wrap .sec-1 .about-sec-body {
	float:left;
	width:50%;
}
#about-wrap .sec-1 .about-sec-body .sec-1-head {
	color:#c14502;
	margin-bottom:60px;
}
#about-wrap .sec-1 .about-sec-body .sec-1-head .head-sec-ttl-m { margin-bottom:10px; }
#about-wrap .sec-1 .about-sec-body .sec-1-head span { display:block; }
#about-wrap .sec-1 .about-sec-body .pic-box {
	width:47.761194%;
	margin-top:100px;
}

#about-wrap .sec-1 .about-sec-pic {
	float:right;
	width:44.776119%;
}
#about-wrap .sec-1 .about-sec-pic .pic-margin {
	margin-top:100px;
}
/*@media screen and (max-width: 768px) {
	#about-wrap .sec-1 .about-sec-body {
	width:60%;
}
#about-wrap .sec-1 .about-sec-pic {
	width:35%;
}
}*/
@media screen and (max-width: 768px) {
	#about-wrap .sec-1 .about-sec-body {
	float:none;
	width:100%;
}
#about-wrap .sec-1 .about-sec-pic {
	float:none;
	width:100%;
	margin-top:50px;
}
#about-wrap .sec-1 .about-sec-body .pic-box {
	width:46%;
	margin-top:50px;
}
#about-wrap .sec-1 .about-sec-pic .pic-margin {
	margin-top:50px;
}
}
/*=======================================================

sec-2

=======================================================*/
#about-wrap .sec-2 {
	margin-top:200px;
	}
#about-wrap .sec-2 .about-sec-body {
	float:right;
	width:37.313433%;
}

#about-wrap .sec-2 .about-sec-body dl {
	margin-top:120px;
}
#about-wrap .sec-2 .about-sec-body dl dt {
	float:left;
	width:46%;
}
#about-wrap .sec-2 .about-sec-body dl dd {
	float:right;
	width:46%;
	font-size: 1.4rem;
}
#about-wrap .sec-2 .about-sec-body dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#about-wrap .sec-2 .about-sec-pic {
	float:left;
	width:55.22388%;
	overflow:hidden;
}
#about-wrap .sec-2 .about-sec-pic img {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
	transform: translateZ(0);
	animation: grow 50s linear 10ms infinite;
	transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 768px) {
	#about-wrap .sec-2 {
	margin-top:100px;
	}
	#about-wrap .sec-2 .about-sec-body {
		float:none;
	width:100%;
}
#about-wrap .sec-2 .about-sec-body dl {
	margin-top:50px;
}
#about-wrap .sec-2 .about-sec-body dl dt {
	width:35%;
}
#about-wrap .sec-2 .about-sec-body dl dd {
	width:60%;
}
#about-wrap .sec-2 .about-sec-pic {
	float:none;
	width:100%;
	margin-top:50px;
}
}
@media screen and (max-width: 414px) {
	#about-wrap .sec-2 .about-sec-body dl dt {
	width:46%;
}
#about-wrap .sec-2 .about-sec-body dl dd {
	width:50%;
}
}