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

/*---------------------------------------------
	body
---------------------------------------------*/

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	line-height: 1.8;
	color:#555;
	background:#333;
	-webkit-text-size-adjust: none;
}


/*---------------------------------------------
	link
---------------------------------------------*/

a {
	outline: none;
}

a:link {
	text-decoration: underline;
	color: #005dbb;
}
a:visited {
	text-decoration: underline;
	color: #005dbb;
}
a:hover {
	text-decoration: none;
	color: #005dbb;
}
a:active {
	text-decoration: underline;
	color: #005dbb;
}


/*---------------------------------------------
	img
---------------------------------------------*/

img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	border:none;
}


/*---------------------------------------------
	wrapper
---------------------------------------------*/

#wrapper {
	width: 100%;
	text-align:center;
}


/*---------------------------------------------
	header
---------------------------------------------*/

header {
	width:100%;
	background:#fff;
}

#header-inner {
	padding:20px;
	text-align:left;
}

#logo {
	width:320px;
	text-align:center;
}



/*---------------------------------------------
	container
---------------------------------------------*/

#container {
	width:100%;
	padding:50px 0;		
	background:#f5f5f5;
}

#container-inner {
	width:900px;
	margin:0 auto;		
	text-align:left;
}



/*---------------------------------------------
	h1
---------------------------------------------*/
.h1title {
	text-align:center;
	font-size:140%;
	margin-bottom:30px;
	font-weight:bold;
}

.h1title span {
	font-size:120%;
	font-weight:bold;
}

/*---------------------------------------------
	h2
---------------------------------------------*/
.h2title {
	text-align:center;
	font-size:130%;
	margin:50px auto 5px;
	font-weight:bold;
}

/*---------------------------------------------
	h3
---------------------------------------------*/
.h3title {
	background:#666;
	padding:15px;
	color:#fff;
	margin:30px 0 0;
	line-height:1.4;
	font-size:15px;
}

/*---------------------------------------------
	h4
---------------------------------------------*/
.h4title {
	font-size:110%;
	margin:20px auto 5px;
	font-weight:bold;
}

/*---------------------------------------------
	caption
---------------------------------------------*/
.caption-text {
	text-align:center;
	font-size:100%;
	margin-bottom:30px;
}

.question-list li{
	width:400px;
	float:left;
}

.question-list input {
	vertical-align:middle;
}


/*---------------------------------------------
	top-comment
---------------------------------------------*/
#top-comment {
	margin-bottom:30px;
	padding:10px;
	text-align:center;
}

/*---------------------------------------------
	エラー表示コメントボックス
---------------------------------------------*/
#error-box {
	margin-bottom:30px;
	padding:10px;
	color:#C30;	
}


/*---------------------------------------------
	table
---------------------------------------------*/

.form-table1 dl{
	border-bottom:solid 1px #ccc;	
}

.form-table1 dt{
    float:left;
    clear:left;
    width:240px;
	padding:10px;
    white-space:nowrap;
	border-top:solid 1px #ccc;
}

.form-table1 dd{
    margin-left:260px;    /* = dt.width + dt.padding */
	padding:10px;
	border-top:solid 1px #ccc;	
}

/*---------------------------------------------
	table2
---------------------------------------------*/

.form-table2 dl{
	display:table;
	width:100%;
	table-layout:fixed;
	margin-bottom:5px;
}
 
.form-table2 dt {
	 display:table-cell;
 }

/*---------------------------------------------
	小項目見出し
---------------------------------------------*/
.sub-title {
	margin:10px 0 10px 0;
	background:#e5e5e5;
	padding:10px;
	line-height:1;
}

.sub-title.first {
	margin:0 0 10px 0;	
}

/*---------------------------------------------
	form
---------------------------------------------*/

.form-area input,
.form-area select,
.form-area textarea {
	color:#555;
	font-size:110%;
	padding:5px;

}

.form-area textarea {
	/* width:788px; */
}

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

/*---------------------------------------------
	header
---------------------------------------------*/

#header-inner {
	padding:5px;
}

#logo {
	width:200px;
}

#container-inner {
	width:95%;
	margin:0 auto;		
	text-align:left;
}


.form-table1 dl{
	border:none;	
}

.form-table1 dt{
    float:none;
    width:auto;
	padding:0;
	font-weight:bold;
	background:#888;
	color:#fff;
	padding:10px;
	margin:0 0 5px 0;
	border:none;	
}

.form-table1 dd{
	padding:0;
	margin:0 0 20px 0;
	border:none;
}

.form-table2 dl{
	display: inherit;
}
 
.form-table2 dt {
	display: inherit;
 }


.form-area input,
.form-area select,
.form-area textarea {
	padding:2%;
	vertical-align:middle;

}

.form-100p {
	width:60%
}

.form-area textarea {
	width:91%;
}

}

.req {
	color:#F00;
	font-size:80%;
}

.cap {
	font-size:80%;
}

/*---------------------------------------------
	送信ボタン
---------------------------------------------*/

.inquiry-form-btn {
	text-align:center;
	width:100%;
	background:#fff;
	padding:30px 0;
	margin-top:20px;
}

.inquiry-form-btn input{
	width:250px;
	height:50px;
	font-size:15px;
	text-align: center;
	color: #fff;
	margin:10px 0;
	border: none;
	background: #0774ba;
	letter-spacing: 0.2em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-appearance: none;	
}

.inquiry-form-btn input:hover{
	background: #05568b;
}

.back-bt {
	background:#666!important;
}

.back-bt:hover{
	background:#333!important;
}


/*---------------------------------------------
	送信前コメント
---------------------------------------------*/
.inquiry-form-btn-text {
	margin-bottom:20px;
}

.check-box {
	padding:30px;
	text-align:center;
	background:#eee;
	margin:20px 0;
}

.check-box-bt {
	font-weight:bold;
	font-size:110%;
}

/*---------------------------------------------
	footer
---------------------------------------------*/

footer {
	width:100%;
	text-align:center;
}

#footer-inner {
	margin:0 auto;
	padding:50px 0;
	color:#fff;
}

#footer-inner p{
	font-size:80%;
}


/*---------------------------------------------
	お問い合わせ
---------------------------------------------*/
.inq-box {
	background:#eee;
	padding:30px;
	text-align:center;
}

.inq-box h2{
	font-size:110%;
}
.inq-box .tel{
	font-size:100%;
}

.inq-box .time{
	font-size:100%;
}

.inq-box .mail{
	font-size:120%;
	font-weight:bold;
}


/*---------------------------------------------
	other
---------------------------------------------*/

.br-pc {
	display:inherit;
}

.br-sp {
	display:none;
}

.w100p {
	width:100%;
}


.box {
  height: 200px;
  border: 1px solid;
  overflow-y: scroll;
  padding: 10px;
  font-size: 90%;
  background-color: #FFF;
  margin-bottom:15px;
}




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

.br-pc {
	display:none;
}

.br-sp {
	display:inherit;
}


}


.inline-list li {
	display : inline-block;
}

.inline-list li:not(:first-child) {
	margin-left : 10px;
}

.ex {
	margin-bottom : 15px;
	color : #900;	
}
footer{
	background-color:#333;
}
.f80{
	font-size:80%;
}
.f120{
	font-size:120%;
}
strong.bold{
	font-weight:bold;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}
.mt50{
	margin-top:50px;
}