@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; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

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


/*------------------------------------------------------------
	mainBox
------------------------------------------------------------*/
.mainBox {
	margin: 53px auto 164px;
	padding-left: 24px; 
	width: 968px;
}

@media screen and (max-width: 767px) {
	/*------------------------------------------------------------
		mainBox
	------------------------------------------------------------*/
	.mainBox {
		margin: 30px auto;
		padding-left: 0; 
		width: auto;
	}
}

/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	width: 970px;
}

@media screen and (max-width: 767px) {
	/*------------------------------------------------------------
		content
	------------------------------------------------------------*/
	.content {
		margin: 0 10px !important;
		width: auto !important;
	}
}

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01{
	margin-bottom: 31px;
	padding-left: 16px;
	color: #432e2c;
	font-size: 24px;
	line-height: 1.48;
	font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	border-left: 10px solid #FF767C;
}

/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
	margin-bottom: 20px;
	color: #432E2C;
	font-size: 20px;
	font-weight: 500;
	font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
.headLine03 {
	margin: 50px 0 41px;
	text-align: center;
	color: #432E2C;
	font-size: 50px;
	letter-spacing: 21px;
	font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
.headLine04 {
	margin-bottom: 87px;
	padding: 42px 10px 43px;
	color: #FFF;
	font-size: 50px;
	text-align: center;
	background-color: #432E2C;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.headLine04 .inner {
	margin: 0 auto;
	width: 1300px;
	display: block;
}

.headLine04 .small {
	font-size: 36px;
}

/*------------------------------------------------------------
	headLine05
------------------------------------------------------------*/
.headLine05 {
	margin-bottom: 17px;
	padding-bottom: 6px;
	color: #000;
	font-size: 35px;
	text-align: center;
	border-bottom: 2px solid #CCC;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

/*------------------------------------------------------------
	headLine06
------------------------------------------------------------*/
.headLine06 {
	margin-bottom: 45px;
	padding: 8px 0 1px;
	color: #000;
	font-size: 31px;
	letter-spacing: 5px;
	text-align: center;
	background-color: #FFF;
}

/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink {
	text-align: center;
}

.comLink a {
	padding: 25px 5px 28px;
	width: 424px;
	display: inline-block;
	color: #FFF;
	font-size: 35px;
	font-weight: bold;
	text-decoration: none;
	background-color: #432E2C;
	box-sizing: border-box;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.comLink a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

@media screen and (max-width: 767px) {
	.headLine01{
		margin-bottom: 20px;
		padding-left: 10px;
		font-size: 18px;
		border-left: 5px solid #FF767C;
	}
	
	/*------------------------------------------------------------
		headLine02
	------------------------------------------------------------*/
	.headLine02 {
		margin: 0 10px 20px;
		font-size: 16px;
	}
	
	/*------------------------------------------------------------
		headLine03
	------------------------------------------------------------*/
	.headLine03 {
		margin: 20px 0 20px !important;
		font-size: 30px !important;
		letter-spacing: 5px !important;
	}	

	/*------------------------------------------------------------
		headLine04
	------------------------------------------------------------*/
	.headLine04 {
		margin-bottom: 30px !important;
		padding: 25px 0;
		font-size: 19px;
	}
	
	.headLine04 .inner {
		width: auto;
	}
	
	.headLine04 .small {
		font-size: 15px;
	}
	
	/*------------------------------------------------------------
		headLine05
	------------------------------------------------------------*/
	.headLine05 {
		margin-bottom: 17px !important;
		padding-bottom: 6px !important;
		font-size: 16px !important;
		border-bottom-width: 1px;
	}

/*------------------------------------------------------------
	headLine06
------------------------------------------------------------*/
.headLine06 {
	margin: 0 -10px 20px;
	padding: 4px 0;
	font-size: 25px;
	letter-spacing: 2px;
}

	/*------------------------------------------------------------
		comLink
	------------------------------------------------------------*/
	.comLink a {
		padding: 10px 5px;
		width: 100%;
		font-size: 20px;
	}
}
@media all and (-ms-high-contrast:none){
	/*------------------------------------------------------------
		headLine04
	------------------------------------------------------------*/
	.headLine04 {
		padding: 45px 10px 40px;
	}
	/*------------------------------------------------------------
		comLink
	------------------------------------------------------------*/
	.comLink a {
		padding: 28px 5px 25px;
	}
}

/*------------------------------------------------------------
	comTable
------------------------------------------------------------*/
.comTable {
	margin-bottom: 45px;
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DCDCDC;
}

.comTable th,
.comTable td {
	padding: 8px 12px 8px 17px;
	width: 72%;
	color: #000;
	font-size: 16px;
	line-height: 1.38;
	vertical-align: middle;
	border-bottom: 1px solid #DCDCDC;
}

.comTable th {
	padding: 11px 14px 10px;
	width: 28%;
	font-weight: bold;
	background-color: #F4F4F4;
}

.comTable .wid01 {
	padding: 18px 23px 10px 15px;
	width: 12%;
	border-right: 1px solid #DCDCDC;
}

.comTable .wid02 {
	padding:  9px 16px 7px;
	width: 16%;
}

.comTable th .note {
	color: #646464;
	font-size: 14px;
	font-weight: normal;
}

.comTable th .inner {
	position: relative;
	padding-right: 2.5em;
}

.comTable th .must {
	margin-top: -12px;
	padding: 2px 5px 1px;
	position: absolute;
	right: -7px;
	top: 50%;
	display: block;
	text-align: center;
	color: #F8757B;
	font-size: 14px;
	border: 1px solid #F8757B;
	background-color: #FFF1F0;
}

.comTable td input[type="email"],
.comTable td input[type="text"],
.comTable td input[type="tel"] {
	padding: 2px 9px 4px;
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	background: #fff2f2;
	border-radius: 0;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	-webkit-appearance: none;
}

#main .comTable td input[type="button"].wid04 {
	margin: 1px 15px 0;
	padding: 2px 10px 2px;
	font-size: 16px;
	width: 137px;
	border: 1px solid #ccc;
	background: #fff;
	cursor: pointer;
}

.comTable td .radioList li input[type="radio"] {
	display: none;
}

.comTable td .radioList li input[type="radio"] + label {
	padding: 4px 0 5px 35px;
	background: url(../../img/common/icon08.png) no-repeat left center;
	cursor: pointer;
}

.comTable td .radioList01 li input[type="radio"] + label {
	padding-left: 30px;
}

.comTable td .radioList li input[type="radio"]:checked + label {
	background-image: url(../../img/common/icon09.png);
}

#main .comTable td .radioList li input[type="radio"] + label:hover {
	color: #00703C;
}

.comTable td .checkList li input[type="checkbox"] {
	display: none;
}

.comTable td .checkList li input[type="checkbox"] + label {
	padding: 2px 0 3px 30px;
	background: url(../../img/common/icon10.png) no-repeat left center;
	cursor: pointer;
}

.comTable td .checkList li input[type="checkbox"]:checked + label {
	background-image: url(../../img/common/icon11.png);
}

.comTable td .checkList li input[type="checkbox"] + label:hover {
	color: #00703C;
}

.comTable td .mustCheckList li input[type="radio"].on + label {
	background: url(../../img/common/icon12.png) no-repeat left center;
}

.comTable td .mustCheckList li input[type="checkbox"].on + label {
	background: url(../../img/common/icon13.png) no-repeat left center;
}

.comTable td .mustCheckBox li input[type="checkbox"].on + label {
	background: url(../../img/common/icon13.png) no-repeat left center;
}

.comTable td select {
    padding: 4px 6px 1px;
    font-size: 16px;
    background:;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 0;
	background: #fff2f2 url(../../img/common/select_img02.png) no-repeat right center;
    appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

.comTable td select.on,
.comTable td .bgColor {
	background: #fff url(../../img/common/select_img01.png) no-repeat right center;
}

.comTable td select::-ms-expand { 
	display: none;
}

#main .mailForm .submit {
	margin-left: 20px;
	text-align: center;
}

#main .mailForm .submit li {
	margin: 0 10px;
	display: inline-block;
}

#main .mailForm .submit li input {
	padding: 34px 10px 30px 10px;
	width: 425px;
	box-sizing: border-box;
	cursor: pointer;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	border: 0;
	background-color: #432E2C;
	border-radius: 0;
	-webkit-appearance: none;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

#main .mailForm .submit li input:hover {
	opacity: 0.7;
}

#main .errorMsg {
	margin-bottom: 15px;
	color: #F00;
	line-height: 1.7;
	font-size: 14px;
}

#main .thanks p {
	font-size: 16px;
	
}

#main .errorMsg {
	margin-bottom: 15px;
	color: #F00;
	line-height: 1.7;
	font-size: 14px;
}

#main .thanks p {
	font-size: 16px;
	
}

@media screen and (max-width: 767px) {
	/*------------------------------------------------------------
		comTable
	------------------------------------------------------------*/
	.comTable {
		margin-bottom: 30px;
	}
	
	.comTable th,
	.comTable td {
		padding: 8px 10px;
		width: 100% !important;
		display: block;
		box-sizing: border-box;
		font-size: 14px;
	}
	
	.comTable th {
		padding: 5px 10px !important;
	}

	.comTable th .note {
		font-size: 12px;
	}
	
	.comTable th .inner {
		padding-right: 3em;
	}
	
	.comTable th .must {
		margin-top: -10px;
		padding: 1px 5px;
		right: 0px;
		font-size: 12px;
	}
	
	.comTable td input[type="email"],
	.comTable td input[type="text"],
	.comTable td input[type="tel"] {
		padding: 3px 5px;
		font-size: 13px;
	}
	
	#main .comTable td input[type="button"].wid04 {
		margin: 0;
		padding: 3px 5px;
		font-size: 14px;
		width: 49%;
	}
	
	.comTable td .radioList li input[type="radio"] + label {
		padding: 3px 0 2px 20px;
		background-size: 15px;
	}

	.comTable td .radioList01 li input[type="radio"] + label {
		padding-left: 20px;
	}
	
	#main .comTable td .radioList li input[type="radio"] + label:hover {
		color: #000;
	}
	
	.comTable td .checkList li input[type="checkbox"] + label {
		padding: 3px 0 2px 20px;
		background-size: 15px;
	}

	.comTable td .checkList li input[type="checkbox"] + label {
		padding-left: 20px;
	}
	
	#main .comTable td .checkList li input[type="checkbox"] + label:hover {
		color: #000;
	}
	
	#main .mailForm .submit {
		margin: 0 10px;
	}

	#main .mailForm .submit li {
		margin: 0 0 10px;
		display: block;
	}

	#main .mailForm .submit li:last-child {
		margin: 0;
	}

	#main .mailForm .submit li input {
		margin: 0 auto;
		padding: 8px 5px;
		width: 100%;
		max-width: 300px;
		font-size: 14px;
	}

	#main .mailForm .submit li input:hover {
		opacity: 1
	}
}

/*------------------------------------------------------------
	comLinkList
------------------------------------------------------------*/
#main .comLinkList {
	margin: 0 auto;
	width: 950px;
}

#main .comLinkList li {
	width: 427px;
	float: left;
}

#main .comLinkList li:nth-child(2n) {
	float: right;
}

#main .comLinkList li a {
	padding: 30px 10px 20px;
	display: block;
	color: #FFF;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 1.5px;
	text-decoration: none;
	text-align: center;
	background-color: #F8757B;
	font-family: "游明朝","YuMincho","Hiragino Mincho Pro","MS PMincho","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6",serif;
}

#main .comLinkList .bg01 a {
	background-color: #B5AD86;
}

#main .comLinkList li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

@media screen and (max-width: 767px) {
	#main .comLinkList {
		margin: 0 auto;
		width: auto;
	}
	
	#main .comLinkList li {
		margin-bottom: 15px;
		width: 100%;
		float: none !important;
	}
	
	#main .comLinkList li:last-child {
		margin-bottom: 0;
	}
	
	#main .comLinkList li a {
		padding: 15px 10px;
		font-size: 15px;
	}
}