@charset "utf-8";
/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/* 明朝体 */
.ffMincho {font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", 'Noto Serif Japanese', serif;}
@media all and (-ms-high-contrast:none) {
	.ffMincho {font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "HG明朝E", 'Noto Serif Japanese', serif;}
}


/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.t_center{ text-align:center !important;}
.pb0 { padding-bottom: 0 !important; }
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	リンク・インプットをタップ時のクラス
------------------------------------------------------------*/
a.tapCtrl, input.tapCtrl,
.tapCtrl a, .tapCtrl input {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.tap {

}

/*------------------------------------------------------------
	pageTitle
------------------------------------------------------------*/
.pageTitle {
	margin-bottom: 57px;
	min-height: 229px;
	background: url(../../img/cost/page_title_bg.jpg) no-repeat center top;
	border-top: 1px solid #E3E4DF;
	border-bottom: 1px solid #E3E4DF;
}

.pageTitle  h2 {
	padding-top: 78px;
	margin: 0 auto;
	min-height: 116px;
	width: 992px;
}

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
#conts .headLine01 {
	margin: 0 14px 40px;
}

/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
#conts .headLine02 {
	margin-bottom: 18px;
	padding: 0 0 10px 13px;
	background: url(../../img/common/line01.gif) repeat-x left bottom;
}

/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
#conts .headLine03 {
	margin-bottom: 27px;
}

#conts .headLine03 .spImg {
	display: none;
}

/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
#conts .headLine04 {
	margin: 3px 0 42px 15px;
}

#conts .headLine04 .spImg {
	display: none;
}

/*------------------------------------------------------------
	listType
------------------------------------------------------------*/
#conts .listType {
	margin: 0 10px 70px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.75;
}

#conts .listType li {
	text-indent: -1em;
	padding-left: 1em;
}

/*------------------------------------------------------------
	comBox
------------------------------------------------------------*/
#main .comBox {
	padding: 18px 0 16px;
	margin: 0 16px 16px;
	border: 1px solid #E7E7E7;
}

#main .comBox .photoList {
	padding: 0 0 16px 19px;
	background: url(../../img/common/icon03.gif) no-repeat 341px 60px;
}

#main .comBox .photoList li {
	padding-left: 61px;
	float: left;
	width: 300px;
}

#main .comBox .photoList li span {
	margin-top: 10px;
	text-align: center;
	display: block;
}

#main .comBox .photoList li span  img {
	display: inline-block;
}

#main .comBox .photoList li:first-child {
	padding-left: 0;
}

#main .comBox .txtBox {
	clear: both;
	padding: 11px 64px 0 20px;
	border-top: 1px solid #E7E7E7;
}

#main .comBox .txtBox p {
	font-size: 13px;
	word-wrap: break-word;
	line-height: 1.75;
}

#main .comBox .txtBox p span {
	display: block;
}

/*------------------------------------------------------------
	comTable
------------------------------------------------------------*/
#main .comTable {
	margin-bottom: 44px;
	width: 100%;
	border-collapse: collapse;
}

#main .comTable th,
#main .comTable td {
	padding: 18px 14px;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
	border-bottom: 1px solid #E6E6E6;
}

#main .comTable th {
	width: 23%;
	font-weight: normal;
}

#main .comTable td a {
	color: #FF4889;
}

/*------------------------------------------------------------
	mailForm
------------------------------------------------------------*/
#main .mailForm table {
	margin-bottom: 33px;
	border-top: 1px solid #E6E6E6;
}

#main .mailForm th {
	padding: 25px 15px 24px;
	width: 30.6%;
}

#main .mailForm td {
	padding: 17px 15px 16px;
}

#main .mailForm th span {
	color: #FF0000;
}

#main .mailForm td input[type="text"] {
	width: 288px;
	height: 27px;
	border: 1px solid #CCC;
	line-height: 1.8;
}

#main .mailForm td ul {
	padding: 5px 0 9px;
}

#main .mailForm td li {
	margin-right: 30px;
	display: inline;
}

#main .mailForm td li input[type="radio"] {
	vertical-align: -1px;
}

#main .mailForm td .wid01 {
	width: 177px !important;
}

#main .mailForm td .wid02 {
	width: 397px !important;
}

#main .mailForm td .errorMsg {
	margin-left: 18px;
	padding: 2px 0 1px 20px;
	display: inline-block;
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	vertical-align: 1px;
	background: url(../../img/common/icon04.gif) no-repeat left top;
}

#main .mailForm .tdStyle {
	padding: 11px 15px 10px;
}

#main .mailForm .tdStyle input {
	margin: 6px 5px 6px 10px;
	width: 57px !important;
	vertical-align: middle;
}

#main .mailForm td textarea {
	width: 397px;
	height: 149px;
	border: 1px solid #CCC;
}

#main .mailForm .submit {
	text-align: center;
}

#main .mailForm .submit li {
	margin: 0 4px 0 5px;
	display: inline;
}

#main .mailForm .submit li input:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#main .mailForm .checkTable td {
	padding: 20px 22px;
	line-height: 1.75;
}

#main .mailForm .checkTable .tdStyle {
	padding: 20px 10px;
}

#main .mailForm .checkTable .tdStyle span {
	margin-bottom: 7px;
	display: block;
}

/*------------------------------------------------------------
	afterBox
------------------------------------------------------------*/
#main .afterBox {
	padding-top: 46px;
}

#main .afterBox p {
	margin: 0 0 22px;
	line-height: 1.75;
	text-align: center;
}

@media all and (min-width: 0) and (max-width: 736px) {
	/*------------------------------------------------------------
		pageTitle
	------------------------------------------------------------*/
	.pageTitleBox {
		padding-top: 95px;
	}

	.pageTitle {
		margin-bottom: 33px;
		min-height: 54px;
		background: url(../../img/cost/sp_page_title_bg.jpg) no-repeat center top;
		background-size: 100% 100%;
		border-top: none;
	}

	.pageTitle h2 {
		padding: 36px 0 0 20px;
		width: auto;
		min-height: inherit;
	}

	.pageTitle h2 img {
		width: 60px;
	}

	/*------------------------------------------------------------
		headLine01
	------------------------------------------------------------*/
	#conts .headLine01 {
		margin: 0 0 23px;
		text-align: center;
	}

	#conts .headLine01 img {
		width: 43px;
	}

	/*------------------------------------------------------------
		headLine02
	------------------------------------------------------------*/
	#conts .headLine02 {
		margin-bottom: 14px;
		padding: 0 0 7px 2px;
	}

	#conts .headLine02 img {
		width: 146px;
	}

	/*------------------------------------------------------------
		headLine03
	------------------------------------------------------------*/
	#conts .headLine03 {
		margin: 0 -18px 17px;
	}

	#conts .headLine03 img {
		width: 100%;
	}

	#conts .headLine03 .spImg {
		display: block;
	}

	#conts .headLine03 .pcImg {
		display: none;
	}

	/*------------------------------------------------------------
		headLine04
	------------------------------------------------------------*/
	#conts .headLine04 {
		margin: 0 14px 27px;
		text-align: center;
	}

	#conts .headLine04 .spImg {
		display: block;
		width: 100%;
	}

	#conts .headLine04 .pcImg {
		display: none;
	}

	/*------------------------------------------------------------
		listType
	------------------------------------------------------------*/
	#conts .listType {
		margin: 0 0px 38px;
		font-size: 13px;
		font-weight: bold;
		line-height: 1.5;
	}

	/*------------------------------------------------------------
		comBox
	------------------------------------------------------------*/
	#main .comBox {
		padding:10px 0;
		margin: 0 0 6px;
	}

	#main .comBox .photoList {
		padding: 0 0 0 10px;
		background: url(../../img/common/icon03.gif) no-repeat center 35%;
		background-size: 8px 11px;
	}

	#main .comBox .photoList li {
		padding-left: 13%;
		width: 42%;
	}

	#main .comBox .photoList li img {
		width: 100%;
	}

	#main .comBox .photoList li span {
		margin-top: 0;
	}

	#main .comBox .photoList li span  img {
		width: 25px;
	}

	#main .comBox .txtBox {
		padding: 11px 23px 0 11px;
	}

	#main .comBox .txtBox p {
		font-size: 12px;
		line-height: 1.3;
	}

	#main .comBox .txtBox p span {
		display: inline;
	}

	/*------------------------------------------------------------
		comTable
	------------------------------------------------------------*/
	#main .comTable {
		margin-bottom: 40px;
	}

	#main .comTable th,
	#main .comTable td {
		padding: 11px 0;
		line-height: 1.4;
	}

	#main .comTable th {
		width: 38%;
	}

	#main .comTable td span {
		display: block;
	}

/*------------------------------------------------------------
		mailForm
	------------------------------------------------------------*/
	#main .mailForm table {
		margin-bottom: 20px;
		border-top: 1px solid #E3E3E3;
	}

	#main .mailForm th,
	#main .mailForm td {
		padding: 15px 0;
		width: 100%;
		float: left;
		font-size: 12px;
		box-sizing: border-box;
	}

	#main .mailForm th {
		padding-bottom: 5px;
		border-bottom: none;
	}

	#main .mailForm td {
		padding-top: 0;
	}

	#main .mailForm td input[type="text"] {
		width: 100%;
		box-sizing: border-box;
	}

	#main .mailForm td ul {
		padding-bottom: 6px;
	}

	#main .mailForm td .wid01,
	#main .mailForm td .wid02 {
		width: 100% !important;
	}

	#main .mailForm td .errorMsg {
		margin: 10px 0 0;
		pl17
		display: block;
		font-size: 11px;
		vertical-align: 1px;
		background: url(../../img/common/icon04.gif) no-repeat left center;
		background-size: 14px 14px;
	}

	#main .mailForm .tdStyle {
		padding: 11px 0;
	}

	#main .mailForm .tdStyle input {
		margin: 6px 2px 6px 4px;
		width: 16% !important;
	}

	#main .mailForm td textarea {
		width: 100%;
		height: 100px;
		box-sizing: border-box;
	}

	#main .mailForm .submit li {
		margin: 0 4px;
	}

	#main .mailForm .submit li input {
		border-radius: 0;
		width: 120px;
	}

	#main .mailForm .checkTable td {
		padding: 5px 0 18px;
	}

	#main .mailForm .checkTable .tdStyle {
		padding: 5px 0 20px;
	}

	#main .mailForm .checkTable .tdStyle span {
		margin-bottom: 22px;
	}

	/*------------------------------------------------------------
		afterBox
	------------------------------------------------------------*/
	#main .afterBox {
		padding-top: 0;
	}

	#main .afterBox p {
		margin: 0 0 18px;
		line-height: 1.54;
	}
}