/* 一般社団法人日本住宅リフォーム診断士会 regular_member/style.css */

/* 初期設定 */
body {
	margin:0;
	padding:0;
	color:#696969;
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%;
	line-height:165%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #898C90), color-stop(0.00, #DBDDDE));
background: -webkit-linear-gradient(top, #DBDDDE 0%, #898C90 88%);
background: -moz-linear-gradient(top, #DBDDDE 0%, #898C90 88%);
background: -o-linear-gradient(top, #DBDDDE 0%, #898C90 88%);
background: -ms-linear-gradient(top, #DBDDDE 0%, #898C90 88%);
background: linear-gradient(to bottom, #DBDDDE 0%, #898C90 88%);

}
a:link,
a:visited {
	color:#009;
}
a:hover {
	color:#F00;
	text-decoration:underline;
}
img {
	border:0;
}
.c-both {
	clear:both;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.text-center {
	text-align:center;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}


/* h系修飾 */
h1 {
	color:#fff;
	font-size:90%;
	font-weight:normal;
	line-height:150%;
	padding:5px 30px;
	margin:-20px -65px 0;
	background-color:#666;
}
h2 {
	margin:35px 0 10px;
	padding:0; 
	font-size:175%;
	line-height:160%;
	color:#666;
}
h2 span {
	margin:0 0 10px;
	padding:5px 20px;
	font-size:85%;
	color:#FFF;
	background-color:#666;
	border-radius:5px;
}
h3 {
	margin:2% -2% 1.5% -2%;
	padding:0.5% 2%;
	color:#171C61;
	font-size:140%;
	line-height:145%;
	border-bottom: dashed 1px #171C61;
}

/* フォント色 */
.red {
	color:#cc0000;
}
.blue {
	color:#06C;
}
.green {
	color:#008000;
}
.font90 {
	font-size:90%;
	line-height:135%;
}
.font120 {
	font-size:120%;
	line-height:145%;
}
.font140 {
	font-size:140%;
	line-height:155%;
}
.font160 {
	font-size:160%;
	line-height:165%;
}
.font210 {
	font-size:210%;
	line-height:165%;
}
.bold {
	font-weight:bold;
}
.mincho-title {
	margin:5% 0 1%;
	padding:0;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif;
	font-size:200%;
	font-weight:bold;
	line-height:145%;
}

/* レイアウト */
#containar {
	width: 950px;
	padding:0;
	margin:0 auto;
	background-color:#FFF;
}
#containar-inner {
	margin:0;
	padding:20px 65px 15px;
}

/* ヘッダータイトル */
.header-image {
	margin:0 -65px 30px;
	padding:0;
}
.header02-area {
	margin:0 0 20px 0;
	padding:20px 60px;
	border-top:solid 1px #171C61;
	border-bottom:solid 15px #171C61;
}


/* メインコンテンツリスト
------------------------------------------------------------ */
/* 黒矢印リスト */
ul.black-arrow-list {
	margin:1% 0 3% 0;
	padding:0;
}
ul.black-arrow-list li {
	margin:0 0 1% 0;
	padding:0 0 0 46px;
	font-weight:bold;
	list-style:none;
	background-image:url(images/black-list-arrow.png);
	background-repeat:no-repeat;
}
/* 緑矢印リスト */
ul.green-arrow-list {
	margin:1% 0 3% 0;
	padding:0;
}
ul.green-arrow-list li {
	margin:0 0 1% 0;
	padding:0 0 0 46px;
	color:#45a645;
	font-weight:bold;
	list-style:none;
	background-image:url(images/green-list-arrow.png);
	background-repeat:no-repeat;
}
/* 青矢印リスト */
ul.blue-arrow-list {
	margin:1% 0 3% 0;
	padding:0;
}
ul.blue-arrow-list li {
	margin:0 0 1% 0;
	padding:0 0 0 46px;
	color:#345691;
	font-weight:bold;
	list-style:none;
	background-image:url(images/list-arrow.png);
	background-repeat:no-repeat;
}
ul.blue-arrow-list li b {
	color:#cc0000;
}
/* 赤矢印リスト */
ul.red-arrow-list {
	margin:10px 0;
	padding:0;
	list-style:none;
}
ul.red-arrow-list li {
	margin:0 0 20px 0;
	padding:0 0 0 55px;
	font-weight:bold;
	line-height:135%;
	color:#cc0000;
	background-image:url(images/success_list_arrow.png);
	background-repeat:no-repeat;
}
ul.red-arrow-list li span {
	font-size:80%;
	font-weight:normal;
}



/* 代表サイン
------------------------------------------------------------ */
div.representative-sign {
	margin:5% 0;
	text-align:right;
}


/* 申し込みフォーム
------------------------------------------------------------ */
.form-title {
	margin:15px 0 5px 0;
	padding:5px;
	text-align:center;
	background-color:#333;
	color:#FFF;
	font-size:18px;
}
#common-inner {
	margin:30px 0 0 0;
	padding:0;
}

/* ------------------------------------------------------------
 会申込時の必要書類に関してのご案内
------------------------------------------------------------ */
div.join-caution-box {
	margin:0;
	padding:5%;
	border-top:solid 1px #cccccc;
}
div.join-caution-box h3 {
	margin:0 0 1% 0;
	padding:0;
	font-size:160%;
	color:#696969;
	text-align:center;
	border:none;
}
div.join-caution-box ol {
	font-size:130%;
	color:#cc0000;
	font-weight:bold;
}
div.join-caution-box ol li {
	margin-bottom:2%;
}


/* ------------------------------------------------------------
 価格表
------------------------------------------------------------ */
h4.price {
	margin:5px 0 0 0;
	padding:0;
	font-size:160%;
	font-family: 'Noto Sans Japanese', san-serif;
	font-weight:900;
	line-height:135%;
}
/* レイアウト */
#brief dl {
	margin:0;
	padding:0;
	width:100%;
	border-bottom:solid 1px #cccccc;
}
#brief dl dt {
	margin:0;
	padding:2%;
	font-weight:bold;
	float:left;
	width:15%;
	vertical-align:middle;
}
#brief dl dd {
	margin:0 0 0 19%;
	padding:2% 0;
	vertical-align:middle;
}
#brief dl dd p {
	margin:0;
	padding:0;
}
#brief dl dt span,
#brief dl dd span {
	font-size:80%;
	font-weight:normal;
}
.deadline {
	margin:0;
	padding:0;
}
div.brief-caution {
	margin:1% 0;
	padding:2%;
}


/* ブレイクポイント 1024px以下
-------------------------------------------------- */
@media only screen and (max-width: 1024px){
	article.contents img {
		max-width:100%;
		width:100%;
	}
	#containar {
		width: 100%;
	}
	#containar-inner {
		margin:0;
		padding:1% 3.5%;
	}
	/* h系修飾 */
	h1 {
		margin:-1% -4% 0;
		padding:1% 2%;
	}
	.header-image {
		margin:0 -3.5% 2%;
		padding:0;
	}
}

/* ブレイクポイント 985px以下
------------------------------------------------------------*/
@media only screen and (max-width: 985px){
	div.manual-intro dl dt {
		width:100%;
		float:none;
	}
	div.manual-intro dl dt img {
		max-width:98%;
	}
	div.manual-intro dl dd {
		margin-left:0;
		width:100%;
	}
	ul.manual-intro-list {
		margin:5% 0;
		padding:0;
		list-style:none;
	}
	ul.manual-intro-list li {
		margin-right:0;
		display:block;
		width:100%;
	}
	/* ------------------------------------------------------------
	 価格表
	------------------------------------------------------------ */
	h4.price {
		font-size:140%;
	}
	/* レイアウト */
	#brief dl {
		margin:0;
		padding:0;
		width:100%;
		border-bottom:solid 1px #cccccc;
	}
	#brief dl dt {
		margin:0;
		padding:2%;
		float:none;
		width:96%;
		background-color:#cccccc;
		vertical-align:middle;
	}
	#brief dl dd p {
		line-height:145%;
	}
	#brief dl dd h4.price,
	#brief dl dd h4.price p {
		margin:1% 0;
	}
	#brief dl dd {
		margin:0;
		padding:3%;
		vertical-align:middle;
	}
	/* 代表サイン
	------------------------------------------------------------ */
	div.representative-sign img {
		max-width:40%;
		width:100%;
	}
}

@media only screen and (max-width: 40em) {
	/* フォント */
	.font90 {
	}
	.font120 {
	}
	.font140 {
		font-size:125%;
	}
	.font160 {
		font-size:140%;
	}
	.font210 {
		font-size:155%;
	}
	.mincho-title {
		font-size:150%;
	}
	.mincho-title br {
		display:none;
	}
	/* 本の紹介 */
	div.book-image {
		width:35%;
	}
	div.book-image img {
		max-width:75%;
		width:100%;
	}
	div.book-image p {
	}
}