@charset "UTF-8";


/* ==

　■ 基本スタイルリセット

=============================================================================== */
#mainContents h2,
#mainContents h3,
#mainContents h4 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
#wrapper .mainBgBlack {
	color: #fff;
}

/* ==

　■ コンテンツ

=============================================================================== */
/* 終了文言
------------------------------------------------------------------------------- */
.endTxtArea {
	padding: 20px;
	background-color: #fff;
}
.endTxtArea_in {
	max-width: 946px;
	margin: 0 auto;
	padding: 15px;
	border: 2px solid #f00;
	text-align: center;
}
.endTxtArea_in p {
	margin: 0;
}
.endTxtArea_note {
	line-height: 1.6;
	color: #f00;
	font-size: 20px;
	font-weight: bold;
}
.endTxtArea_note a {
	color: #404f6f;
	text-decoration: underline;
}
.endTxtArea_note a:hover {
	color: #404f6f;
	text-decoration: none;
}
@media only screen and (max-width: 600px) {
	.endTxtArea {
		padding: 10px;
	}
	.endTxtArea_in {
		padding: 10px;
	}
	.endTxtArea_note {
		font-size: 18px;
	}
}
/* テキストモジュール
------------------------------------------------------------------------------- */
#mainContents .moduleTxt {
	padding: 50px 10px 40px;
	text-align: center;
}
#mainContents .moduleTxt h2 {
	margin-bottom: 13px;
	font-size: 167%;
	font-weight: normal;
	color: #fff;
}
#mainContents .moduleTxt .subTit {
	margin-bottom: 7px;
	color: #666;
}
#mainContents .moduleTxt p {
	line-height: 1.7;
	color: #fff;
}
@media only screen and (max-width: 600px) {
	#mainContents .moduleTxt {
		width: auto;
		padding: 35px 10px 25px;
		text-align: left;
	}
	#mainContents .moduleTxt {
		padding-right: 10px;
		padding-left: 10px;
	}
	#mainContents .moduleTxt h2 {
		font-size: 145.85%;
	}
	#mainContents .smpBrNone {
		display: none;
	}
}

/* ローカルナビ
------------------------------------------------------------------------------- */
#mainContents .navSp {
	padding-bottom: 30px;
}
#mainContents .tileNav {
	background-color: #111010;
	overflow: hidden;
}
#mainContents .tileNav .navPrev {
	background-color: #fff;
}
#mainContents .tileNav li {
	float: left;
	width: 49.9%;
	font-size: 0;
}
*:first-child+html #mainContents .tileNav li {
	overflow: hidden;
}
#mainContents .tileNav li img {
	vertical-align: bottom;
	margin: 0 -1px -1px;
}
*:first-child+html #mainContents .tileNav li img {
	margin: -1px;
}
#mainContents .tileNav li .tablet-desktop {
	display: inline;
}
#mainContents .tileNav li .mobile {
	display: none;
}
@media only screen and (max-width: 600px) {
	#mainContents .tileNav li {
		width: 49.9%;
	}
	#mainContents .tileNav li .tablet-desktop {
		display: none;
	}
	#mainContents .tileNav li .mobile {
		display: inline;
	}
}


/* ビジュアル
------------------------------------------------------------------------------- */
#mainContents .wideVisual p {
	margin-bottom: 0;
}


/* 外観提案
------------------------------------------------------------------------------- */
#mainContents .mainCaption {
	padding: 13px 20px 11px 20px;
	background-color: #262626;
}
#mainContents .mainCaption p {
	margin-bottom: 0;
}
#mainContents .typeSuggestion {
	margin-top: 30px;
}
#mainContents .materialArea {
	margin: 30px 0 45px;
	padding-top: 28px;
	border-top: 1px solid #4d4d4d;
}

#mainContents .materialArea .colBlock03 {
	margin: 26px 0 0;
}
#mainContents .materialArea h3 {
	min-height: 21px;
	height: auto !important;
	height: 21px;
	margin-bottom: 12px;
	padding: 0 0 0 36px;
	background: url(../images/h_icon_01.gif) left 0.1em no-repeat;
	font-size: 167%;
	font-weight: bold;
}

@media only screen and (max-width: 949px) {
	#mainContents .typeSuggestion .col2 {
		max-width: 520px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 600px) {
	#mainContents .mainCaption {
		padding-right: 10px;
		padding-left: 10px;
	}
	#mainContents .typeSuggestion {
		margin-top: 20px;
	}
	#mainContents .materialArea {
		margin: 20px 0 40px;
		padding-top: 23px;
	}
	#mainContents .materialArea .colBlock03 {
		margin: 20px 0 0;
	}
	#mainContents .materialArea h3 {
		font-size: 145.85%;
	}
}