@charset "utf-8";

/* フィーチャーエリア **********************************************************/
#featureWrap {
	width: 100%;
	position: relative;
}
#feature {
	width: 950px;
	height: 380px;
	margin: 0 auto 0 auto;
	position: relative;
}

#featureLogo {
	position: absolute;
	left: 65px;
	top: 65px;
}

#feature h1 { background:none; border:none; margin:0; padding:0; }
#featureH1 {
	position: absolute;
	left: 419px;
	top: 80px;
}

#featureP {
	position: absolute;
	left: 419px;
	top: 145px;
}

#photoNotes {
	position: absolute;
	right: 1em;
	bottom: 1em;
	font-size: 90%;
	color: #999;
}

/* スマホとタブレット用の写真 ************************************/
#photosSMPandTBL {
	width: 100%;
}
#photosSMPandTBL img {
	width: 100%;
}

/* PC用の写真 *************************************/
#panelsPC {
	width: 100%;
	background-color: #F0F0F0;
}
.panelsL { width: 50%; float: left; }
.panelsR { width: 50%; float: right; }


.ie7 #panelsPC {
	width: 950px;
	margin: 0 auto 0 auto;
}
.ie7 .panelsL { width: 475px; }
.ie7 .panelsR { width: 475px; }



#panelsPC a:hover {
	opacity: 0.8;
}


/* Colorboxの調整 ********************************/
#cboxLoadedContent { margin-top: 10px; }
#cboxLoadedContent img { padding-bottom: 10px; }
#cboxContent {
	box-shadow: 0 0 0 3px #FFF;
	-moz-box-shadow: 0 0 0 3px #FFF;
	-webkit-box-shadow: 0 0 0 3px #FFF;
}
/***************************************************/




.htVisual01 {
	margin: 0 0 75px;
}
.htVisual01 img {
	width: 100%;
}
.htCatch01 {
	line-height: 1.5;
	margin: 80px 0 60px;
	font-size: 375%;
	font-weight: 500;
	text-align: center;
}

.htBlock01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.htBlock01 li {
	width: 50%;
}
.htBlock01 img {
	width: 100%;
}
.htBlock02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.htBlock02_item {
	width: 50%;
	text-align: center;
}
.htBlock03 {
	margin: 40px 0 0;
	padding: 30px 40px;
	background-color:#F5F5F5;
}
.htBlock03_tit {
	line-height: 1.5;
	margin: 0 0 12px;
	font-size: 134%;
	font-weight: 500;
}
.htBlock03_txt {
	line-height: 1.75;
	margin: 0;
	font-size: 134%;
	font-weight: 400;
}

.htHeading01 {
	margin: 80px 0 20px;
	text-align: center;
}
.htHeading01_tit {
	line-height: 1.5;
	margin: 0 0 10px;
	font-size: 184%;
	font-weight: 700;
}
.htHeading01_txt {
	margin: 0;
	font-size: 117%;
}

.htImg01 {
	max-width: 947px;
	margin: 0 auto;
}
.htImg01_caption {
	line-height: 1.75;
	margin: 10px 0 0;
	font-size: 117%;
}
.htTxt01 {
}
.devTblSmp img {
	width: 100%;
}