@charset "UTF-8";

/* top */

/*--------------------------------------
	common
---------------------------------------*/

.contents .top_mono_contents {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
}

.contents .top_main_contents {
	float: left;
	width: 700px;
}

.contents .top_side_contents {
	float: right;
	width: 250px;
}

.heading_top {
	margin-bottom: 25px;
	font-size: 24px;
	font-size: 2.4rem;
}

/*--------------------------------------
	promo
---------------------------------------*/

.promo_wrap {
	position: relative;
	margin-bottom: 70px;
	border-bottom: 2px solid #afafb8;
	height: 560px;
	background-position: top center;
}
/*
.promo_cont {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 805px;
	height: 125px;
}*/

.promo {
	width: 100% !important;
}

.promo_cont {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 560px;
}

.promo_cont p {
	margin: 0 auto;
	width: 1000px;
}

#promo01 {
	background: url(../../images/top/promo_wrap_bg_01.jpg) repeat-x center top;
}

#promo02 {
	background: url(../../images/top/promo_wrap_bg_02.jpg) repeat-x center top;
}

#promo03 {
	background: url(../../images/top/promo_wrap_bg_03.jpg) repeat-x center top;
}

#promo04 {
	background: url(../../images/top/promo_wrap_bg_04.jpg) repeat-x center top;
}

#promo05 {
	background: url(../../images/top/promo_wrap_bg_05.jpg) repeat-x center top;
}

#promo06 {
	background: url(../../images/top/promo_wrap_bg_06.jpg) repeat-x center top;
}

#promo07 {
	background: url(../../images/top/promo_wrap_bg_07.jpg) repeat-x center top;
}

#promo08 {
	background: url(../../images/top/promo_wrap_bg_08.jpg) repeat-x center top;
}

#promo09 {
	background: url(../../images/top/promo_wrap_bg_09.jpg) repeat-x center top;
}
#promo10 {
	background: url(../../images/top/promo_wrap_bg_10.jpg) repeat-x center top;
}

/*--------------------------------------
	top_head_area
---------------------------------------*/

#top_headnews_area {
	position: absolute;
	/*top: 490px; 180903 I 文章が多くなるとプロモエリアからはみ出してしまうため修正*/
	bottom: 30px;
	left: 50%;
	z-index: 9999;
	margin: 0 0 0 -470px;
	width: 940px;
	background: rgba(255, 255, 255, 0.65);
	_background: #eaeaea;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ffffff, endcolorstr=#99ffffff, gradienttype=0); /*IE8以下用*/
}

#top_headnews_area .headnews_box {
	margin: 0 auto;
	padding: 8px 0;
}

#top_headnews_area .headnews_box p.news_texts {
	margin-bottom: 0;
	padding-left: 70px;
	background: url(../../images/common/decoration/icon_information.png) no-repeat 20px top;
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
	color: #000;
}

#top_head_area {
	margin-bottom: 40px;
	text-align: center;
}

#top_head_area.top_head_area_new {
	margin-bottom: 40px;
	padding: 30px;
	border: 3px solid #ccc;
	text-align: center;
}

#top_head_area.top_head_area_caution,
#top_head_area.top_head_area_news {
	margin-bottom: 40px;
	padding: 30px;
	border: 3px solid #c00;
	text-align: center;
}

#top_head_area.top_head_area_caution_gray {
	margin-bottom: 40px;
	padding: 20px 0;
	border: 3px solid #ccc;
	text-align: center;
}

#top_head_area.top_head_area_new .box,
#top_head_area.top_head_area_caution_gray .box {
	margin-bottom: 0;
}

#top_head_area.top_head_area_caution_gray .catchphrase {
	margin-bottom: 5px;
	font-size: 2.5rem;
	color: #c00;
}

#top_head_area.top_head_area_news ul {
	display: flex;
	justify-content: space-between;
}

#top_head_area.top_head_area_news ul .list_cont {
	flex-basis: 48%;
	text-align: left;
}

.catchphrase {
	margin-bottom: 20px;
	font-size: 30px;
	font-size: 3rem;
	line-height: 1.5em;
}

#top_head_area .text {
	font-size: 1.8rem;
}

/*--------------------------------------
	top_head_area
---------------------------------------*/

.top_brand_wrap {
	padding-top: 50px;
	background: #e8e7e1;
}

.top_brand_wrap .clm3 li {
	margin: 0 34px 35px 0;
	width: 310px;
}

/*--------------------------------------
	top_banner_area
---------------------------------------*/

#top_banner_area {
	padding: 50px 0 30px 0;
}

#top_banner_area .clm3 li {
	margin-right: 34px;
	width: 310px;
}

#top_banner_area .clm3 li .pic {
	margin-bottom: 15px;
}

/*--------------------------------------
	[module] clearfix
---------------------------------------*/

.top_main_area:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.top_main_area {
	display: inline-block;
}

/* \*/
* html .top_main_area {
	height: 1%;
}

.top_main_area {
	display: block;
}
/* */