@charset "utf-8";
/**************************************************
 * CSS
 *    2017.10.28
 **************************************************/


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*** ハニーポット ***********************************/
.hypt{ display:none; }

/*** エラー ****************************************/
.errMsg{ color:#c00; }           /* 入力エラーメッセージ */
.errList{
	width: 1080px;
	display: block;
	margin: 0 auto 30px;
}
.errList li{ color:#c00; }       /* 入力エラーの一覧 */
.errItem{ background:#fcc; }     /* エラー時の入力欄 */

/*** 入力必須・任意 **********************************/
.req, .opt{/* border-radius: 20px; color:#fff;*/font-size:.82em;font-weight:normal;margin-left:.5em;padding: 5px 5px 5px;display: inline-block;margin-bottom: 10px;}
.req{/*background: red;*/color: red;}
.opt{/*background: #aaa;*/color: #aaa;}
.req2{background: red; color:#fff;}

/*** フォームのパーツ ********************************/
button, input, select, textarea{ margin:0; padding:0; }
input[type='checkbox'], input[type='radio']{ margin-right:.3em; }
input[type='email'],
input[type='tel'],
input[type='number'],
input[type='text'],
input[type='password'],
textarea{ border:1px solid #ccc; box-sizing:border-box; padding:10px; width:100%; }
input[type='email'].qtWidth,
input[type='tel'].qtWidth,
input[type='number'].qtWidth,
input[type='text'].qtWidth,
input[type='password'].qtWidth,
textarea.qtWidth{width: 40%;margin: 10px 0;}
input[type='submit']{border:1px solid #ccc;box-sizing:border-box;cursor:pointer;padding: 10px 60px;}
#btnSubmit{background: #1567AF;color:#fff;padding: 10px 60px;border: 0;}
#btnBack{cursor: pointer !important;outline: none !important;background: #512b0e! important;font-weight: bold !important;display: inline-block !important; color: #fff !important; padding: 17px !important;font-size: 24px !important;/* background: #3C3C3C !important; */width: 200px !important;background: #fff;font-size: 20px;font-weight: 500;border: 0;}
#btnBack:hover{background: #fff! important; color:#512b0e !important;}

/*** レイアウト：table ******************************/
.formTable{ box-sizing:border-box; width:100%; }
.formTable th, .formTable td{ box-sizing:border-box; padding:6px; }
.formTable th{ font-weight:normal; text-align:left; width:16em; }
.formTable td ul{ list-style-type:none; margin:0; padding:0; }
.formTable td ul li{display: block;margin-right:.3em;margin-bottom: .5em;margin-top: .5em;}
.formTable td ul li:last-child{ margin-right:0; }

/*** レイアウト：ボタン ******************************/
#btnFormList, #btnConfList{list-style-type:none;margin:1em 0 0;padding:0;text-align: center;}
#btnConfList:after{ clear:left; }
#btnConfList li{/* float:left; */margin-right:2%;/* width:49%; */display: inline-block;}
#btnConfList li:last-child{ margin-right:0; }

/*** トップページに戻るボタン *************************/
#gotoIndexBtn{list-style-type:none;margin: 1em 0 100px;padding:0;}
#gotoIndexBtn li a {
	background: #3C3C3C;
	color: #fff;
	border: 0;
	box-sizing: border-box;
	color: #fff;
	display: block;
	height: 2.4em;
	line-height: 2.4em;
	text-align: center;
	width: 60%;
	margin: 0 auto;
	font-size: 25px;
	font-weight: 500;
}


/*171202*/

form{
	display: block;
	margin: 0 auto;
}

.formTable {
	line-height: 140%;
	border-collapse: collapse;
}

.formTable tr{
	width: 100%;
	/* border: 1px solid #ddd; */
}

.formTable, .formTable tr th, .formTable tr td {
    font-size: 16px;
}

.formTable tr th {
    color: #4b4b4b;
    text-align: left;
    padding: 40px 15px;
    margin: 0;
    width: 24.5%;
    font-weight: normal;
    vertical-align: middle;
    font-weight: bold;
    min-width: 10%;
    font-size: 16px;
    /* border: 1px solid #ddd; */
    background: #1567AF;
    color: #fff;
}

.formTable tr td {
    text-align: left;
    margin: 0;
    padding: 20px 25px;
    min-width: 300px;
    vertical-align: middle;
    line-height: 140%;
}

input[type="text"], input[type="tel"], input[type="number"], input[type="email"], input[type="fax"],textarea {
    text-align: left !important;
    padding: 8px 6px !important;
    border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #CCC inset;
    background: #fff !important;
    font-size:  16px;
    letter-spacing:  0.2em;
    margin: 10px 0;
}

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

#btnSubmit {
    width: 230px;
    display: block;
    padding: 20px !important;
    text-align: center;
    margin: 0 auto 0px;
    font-size: 25px;
    color: #fff;
    background: #ff8e2a;
    font-weight: bold;
    letter-spacing: 0.1em;
}

#btnSubmit:hover{
	color: #fff;
	background: #6ab0ed;
}

select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

select {
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		text-align: left !important;
		padding: 8px 30px 8px 1px!important;
		background: inherit;
		font-size: 16px;
		border: 0px;
}

label.arrow {
    position: relative;
    padding: 10px 0px 7px 5px;
    border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #CCC inset;
}

label.arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    margin: -2px 0 0 0;
    border: 5px solid transparent;
    border-top: 7px solid #999;
}

article{
	display: block;
	margin: 0 auto;
}

.logo_mark {
    width: 210px;
    display: block;
    margin: 60px auto 0;
}

.err_text3 {
    display: block;
    font-size: 25px;
    font-weight: bold;
    margin: 40px 10px 30px;
    text-align: center;
}

.err_text {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 10px 40px;
    text-align: center;
}

.err_text2 {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 10px 40px;
    text-align: center;
}

@media screen and (max-width: 1060px) {
	form,
	.errList{
		max-width: 707px;
	}

	.formTable tr th {
		color: #4b4b4b;
		text-align: left;
		padding: 40px 15px;
		margin: 0;
		width: 30.5%;
		font-weight: normal;
		vertical-align: middle;
		font-weight: bold;
		min-width: 10%;
		font-size: 16px;
		/* border: 1px solid #ddd; */
		background: #1567AF;
		color: #fff;
	}

	.c_atten ul li:nth-child(2) {
		width: 86% !important
		;
		margin-left: 15px;
	}

input[type='email'].qtWidth, input[type='tel'].qtWidth, input[type='number'].qtWidth, input[type='text'].qtWidth, input[type='password'].qtWidth, textarea.qtWidth {
    width: 40%;
    margin: 10px 0;
}

}

@media screen and (max-width: 700px) {

/*** ハニーポット ***********************************/
.hypt{ display:none; }

/*** エラー ****************************************/
.errMsg{ color:#c00; }           /* 入力エラーメッセージ */
.errList{
	width: 100%;
	display: block;
	margin: 0 0 30px 15px;
}

.errList li {
	color: #c00;
	font-size: 14px;
}

.errList li{ color:#c00; }       /* 入力エラーの一覧 */
.errItem{ background:#fcc; }     /* エラー時の入力欄 */

/*** 入力必須・任意 **********************************/
.req, .opt{/* border-radius: 20px; color:#fff;*/font-size:.82em;font-weight:normal;margin-left:.5em;padding: 5px 10px 2px;display: block;width: 110px;margin: 10px auto 10px;}
.req{/* background: #FF2C54; */color: red;}
.opt{/* background:#BEA389; */color: #aaa;}
.req2{background: red; color:#fff;}

/*** フォームのパーツ ********************************/
button, input, select, textarea{ margin:0; padding:0; }
input[type='checkbox'], input[type='radio']{ margin-right:.3em; }
input[type='email'],
input[type='tel'],
input[type='number'],
input[type='text'],
input[type='password'],
textarea{ border:1px solid #ccc; box-sizing:border-box; padding:10px; width:100%; }
input[type='email'].qtWidth,
input[type='tel'].qtWidth,
input[type='number'].qtWidth,
input[type='text'].qtWidth,
input[type='password'].qtWidth,
textarea.qtWidth{width: 100%;}
input[type='submit']{border:1px solid #ccc;box-sizing:border-box;cursor:pointer;padding: 10px 60px;}
#btnSubmit{/* background: #673804; */color:#fff;padding: 10px 60px;border: 0;}
#btnBack{/* background: #E2DEDB; */font-size: 20px;font-weight: 500;/* border: 0; *//* color: #673804; */cursor: pointer !important;outline: none !important;/* border-style: none !important; */font-weight: bold !important;display: inline-block !important;padding: 15px 0px 13px !important;font-size: 24px !important;width: 230px !important;letter-spacing: 0.3em;}

/*** レイアウト：table ******************************/
.formTable{ box-sizing:border-box; width:100%; }
.formTable th, .formTable td{ box-sizing:border-box; padding:6px; }
.formTable th{ font-weight:normal; text-align:left; width:16em; }
.formTable td ul{ list-style-type:none; margin:0; padding:0; }
.formTable td ul li{display: block;margin-right:.3em;margin-bottom: 1em;}
.formTable td ul li:last-child{ margin-right:0; }

/*** レイアウト：ボタン ******************************/
#btnFormList, #btnConfList{list-style-type:none;margin:1em 0 0;padding:0;text-align: center;}
#btnConfList:after{ clear:left; }
#btnConfList li{/* float:left; */margin-right: 0;/* width:49%; */display: inline-block;}
#btnConfList li:last-child{ margin-right:0; }

#btnConfList #btnSubmit{
    margin: 0 auto 30px;
}

#btnConfList{
	margin-bottom:100px;
}

/*** トップページに戻るボタン *************************/
#gotoIndexBtn{ list-style-type:none; margin:1em 0 0; padding:0; }
#gotoIndexBtn li a {
	background: #673804;
	color: #fff;
	border: 0;
	box-sizing: border-box;
	color: #fff;
	display: block;
	height: 2.4em;
	line-height: 2.4em;
	text-align: center;
	width: 60%;
	margin: 0 auto;
	font-size: 25px;
	font-weight: 500;
}


/*171202*/

form{
	width: 100%;
	display: block;
	margin: 0 auto;
}

.formTable {
	line-height: 140%;
	border-collapse: collapse;
}

.formTable tr{
	width: 100%;
}

.formTable, .formTable tr th, .formTable tr td {
    font-size: 16px;
}

.formTable tr th {
    /* color: #4b4b4b; */
    text-align: center;
    padding: 40px 25px 10px;
    margin: 0;
    /* width: 25%; */
    /* font-weight: normal; */
    /* vertical-align: middle; */
    /* font-weight: bold; */
    min-width: 100%;
    font-size: 18px;
    display: block;
    width: 100%;
		min-height: 100px;
}

.formTable tr td {
    text-align: left;
    margin: 0;
    padding: 0px 10px 10px;
    min-width: 100%;
    vertical-align: middle;
    line-height: 140%;
    display: block;
    width: 100%;
}

input[type="text"], input[type="tel"], input[type="number"], input[type="email"], input[type="fax"],textarea {
    text-align: left !important;
    padding: 8px 6px !important;
    border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #CCC inset;
    background: #fff !important;
}

#btnFormList{
	text-align: center;
	}	

#btnSubmit {
    /* font-size: 20px; */
    /* font-weight: 500; */
    /* cursor: pointer !important; */
    /* outline: none !important; */
    /* border-style: none !important; */
    /* font-weight: bold !important; */
    /* display: inline-block !important; */
    /* color: #fff !important; */
    /* padding: 15px 0px 13px !important; */
    /* font-size:24px !important; */
    /* background: #3C3C3C !important; */
    /* width: 200px !important; */
}


article{
	display: block;
	margin: 0 auto;
}

.logo_mark {
    width: 150px;
    display: block;
    margin: 60px auto 0;
}

.err_text3 {
    display: block;
    font-size: 25px;
    font-weight: bold;
    margin: 60px 10px 20px;
    text-align: center;
}

.err_text {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 10px 20px;
    text-align: center;
}

.err_text2 {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 10px 40px;
    text-align: center;
}

label{
	/* width: 100%; */
	/* display: block; */
	/* margin: 0!important; */
	/* padding: 0!important; */
	/* height: 0px; */
}



.c_atten li{
	width:98%;
	display:block;
}

.c_atten img{
	margin:0 auto 20px;
	display:block;
}

}