@charset "utf-8";
#about .key-visual {
  padding-top: 75px;
}
#about .key-visual img.key-visual-img {
  width: 100%;
  height: auto;
}
#sec1 .info1 {
	background-image: url(../img/about/sec1_bg.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
#sec1 .info1 .content {
	width: 100%;
	height: auto;
}
#sec1 h2 {
	padding-top: 17%;
	padding-bottom: 10px;
}
#sec1 h2 img {
	width: 100%;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
}
#sec1 .txt {
	padding-left: 10px;
	padding-right: 10px;
}
#sec1 .photo {
	text-align: center;
}
#sec1 .photo img {
	width: 50%;
	height: auto;
}
#sec1 .info2 .bg-photo img {
	width: 100%;
	height: auto;
}
#sec1 .info2 .content {
	
}
#sec1 .info2 h3 img {
	position: absolute;
	top: 50%;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	height: auto;
}


#sec2 .info1 {
	background: url(../img/about/sec2_bg_rp.png) repeat center top;
}
#sec2 .info1 .content {
	
}
#sec2 h2 {
	text-align: center;
}
#sec2 h2 img {
	padding-top: 20px;
    padding-bottom: 20px;
	width: 28%;
	height: auto;
}
#sec2 .bg img {
	width: 100%;
	height: auto;
}
#sec2 .txt {
	padding-right: 10px;
	padding-left: 10px;
}
#sec2 .photo {
	
}
#sec2 .info2 {
	background-image: url(../img/about/sec2_bg_full.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	padding-top: 10px;
}
#sec2 .info2 .content img {
	width: 35%;
	max-width: 173px;
    height: auto;
}

#sec3 {
	text-align:center;
	padding:15px 0 15px;
	border-top: 10px solid #000;
}
#sec3 h2 img {
	width: 100%;
	height: auto;
}
#sec3 p img {
	width: 100%;
	height: auto;
}
#sec3 .txt {
	text-align: left;
	letter-spacing: 0.2px;
	padding: 10px 10px;
}
#sec3 .bnr {
	padding-top: 10px;	
}
#sec3 .bnr img {
	width: 100%;
	max-width: 322px;
	padding-left: 10px;
    padding-right: 10px;
	height: auto;
}
.bg_01 img {
    width: 100%;
    height: auto;
}

#sec4 {
	background:url(../img/about/sec4_line.png) repeat-x center top;	
}
#sec4 h2 {
	padding-top: 20px;
	padding-bottom: 10px;
	text-align:center;	
}
#sec4 h2 img {
	width: 80%;
	height: auto;
}
#sec4 .item {
	width: 33.3333%;
	float: left;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor:pointer;
}
#sec4 .item:hover {
	opacity:.8;
}

#sec4 .item .border {
	margin:4px 5px 6px 3px;
	border:4px solid rgba(255,255,255,0.5);
	height: 401px;
	position: relative;
}
#sec4 h3 {
	position: absolute;
	left: 0;
	width: 100%;
	text-align:center;
	top: 253px;	
}
#sec4  .item1 {
	background:url(../img/about/sec4_bnr_01.png) no-repeat center center / cover;	
}
#sec4  .item2 {
	background:url(../img/about/sec4_bnr_02.png) no-repeat center center / cover;	
}
#sec4  .item3 {
	background:url(../img/about/sec4_bnr_03.png) no-repeat center center / cover;	
}