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

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

about.css

///////////////////////////////////////////////////////*/
#sigAbout #contents-ttl {
	width:80%;
	max-width:700px;
	margin:10vw auto 3vw;
}
#sigAbout .contents-tagline {
	margin:50px 0;
	color:#055aa1;
	text-align:center;
}
@media screen and (max-width: 1024px) {
	#sigAbout .contents-tagline {
		text-align:left;
	}
#sigAbout .contents-tagline br {
	display:none;
}
}
@media screen and (max-width: 414px) {
	#sigAbout #contents-ttl {
	width:100%;
	}
}
/* =common
-------------------------------------------------------*/
#sigAbout .about-section {
	border:3px solid #055aa1;
	margin-top:50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sigAbout .about-section > dl {}
#sigAbout .about-section > dl > dt {
	position:relative;
	display:table;
	width:100%;
	height:80px;
	border-bottom:3px solid #055aa1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sigAbout .about-section > dl > dt > span {
	display:table-cell;
	vertical-align:middle;
}
#sigAbout .about-section > dl > dt .num {
	width:80px;
	text-align:center;
	color:#fff;
	font-size: calc(3.8rem + ((1vw - 12.8px) * 0.625));
	background-color:#7087bd;
}
#sigAbout .about-section > dl > dt .ttl {
	padding-left:20px;
	color:#055aa1;
	font-size: calc(2.2rem + ((1vw - 12.8px) * 0.625));
}

#sigAbout .about-section > dl > dd {
	padding:20px;
}
#sigAbout .about-section > dl > dd .main-sec:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#sigAbout .about-section > dl > dd .main-pic {
	float:left;
	width:30%;
}
#sigAbout .about-section > dl > dd .main-body {
	float:right;
	width:66%;
}
#sigAbout .about-section > dl > dd .main-body .pic-margin {
	margin-top:30px;
}
@media screen and (max-width: 414px) {
	#sigAbout .about-section > dl > dd {
	padding:3vw;
}
	#sigAbout .about-section > dl > dd .main-pic {
	float:none;
	width:100%;
}
#sigAbout .about-section > dl > dd .main-body {
	float:none;
	width:100%;
	margin-top:30px;
}
}

#sigAbout ul.two-column-pic {
	margin-top:30px;
}
#sigAbout ul.two-column-pic:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#sigAbout ul.two-column-pic > li {
	float:left;
	width:49%;
	margin-right:2%;
}
#sigAbout ul.two-column-pic > li:last-child {
	margin-right:0;
}
@media screen and (max-width: 414px) {
	#sigAbout ul.two-column-pic > li {
	float:none;
	width:100%;
	margin-right:0;
}
#sigAbout ul.two-column-pic > li:last-child {
	margin-top:3vw;
}
}
/*=======================================================

parts

=======================================================*/
#sigAbout .sec01 .sub-pic {
	width:60%;
}

#sigAbout .sec02 .sub-pic {
	width:60%;
}

@media screen and (max-width: 414px) {
#sigAbout .sec01 .sub-pic {
	width:100%;
}

#sigAbout .sec02 .sub-pic {
	width:100%;
}	
}