@charset "UTF-8";

body{
	font-family:'Verdana','游ゴシック','YuGothic','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	background:url(../contactus/img/form-bg.png);
}
@media (max-width: 768px) {
	body{
		font-size:1.4rem;
	}
}

body, div, h1,h2, form, fieldset, input, textarea, footer,p{
	margin:0;
	padding:0;
	border:0;
	outline: none;
}

/* フォーム */
#container{
	margin : 0 0.25%;
	width : 99.5%;
	padding : 50px 0 0;
	background:#FFF;
	border: 2px solid #F6B580;
	box-sizing:border-box;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
	-webkit-box-shadow: 0 0 3px #E7D9DF, inset 0 0 27px #FDF0E6;
	-moz-box-shadow: 0 0 3px #E7D9DF, inset 0 0 27px #FDF0E6;
	box-shadow: 0 0 3px #E7D9DF, inset 0 0 27px #FDF0E6;
}
@media (min-width: 768px) {
	#container{
		margin:25px auto;
		width:688px;
	}
}
@media (min-width: 900px) {
	#container{
		width:800px;
	}
}

#container h1{
	text-align:center;
	font-size:1.8rem;
	line-height:160%;
}
.logo{
	width:270px;
}
@media (min-width: 568px) {
	.logo{
		width:320px;
	}
}

#container h2{
	text-align:center;
	font-size:2.5rem;
	font-weight:bold;
	text-shadow:0 0 3px #AAA;
	padding:25px 0 20px;
}

#container h3{
	text-align:center;
	font-size:1.7rem;
	line-height:170%;
}

#container > p{
	padding:15px;
}
@media (min-width: 768px) {
	#container > p{
		padding:15px 30px;
	}
}

.tel-link a{
	color:#333;
}

.caption-head{
	font-size:1.3rem;
}

#container h4{
	border: 1px solid #EC6B00;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.3),inset 0 0 3px rgba(255,255,255,0.5);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.3),inset 0 0 3px rgba(255,255,255,0.5);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3),inset 0 0 3px rgba(255,255,255,0.5);
	background:#F2984D;
	background:-webkit-gradient( linear, left top, left bottom, from(#F2984D), to(#F7C499) );
	background:-moz-linear-gradient( center top, #F2984D, #F7C499 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2984D', endColorstr='#F7C499');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F2984D, endcolorstr=#F7C499))";
	zoom: 1;
	padding: 10px 0;
	text-align:center;
	color:#FFF;
	margin:0 0 10px;
	font-size:1.8rem;
	font-weight:bold;
	text-shadow: 0 0 3px #EC6B00;
}

.red{
	color:#CB2B46;
}

/* 現在の場所 */
#circle{
	text-align:center;
	padding:5px 0 10px;
}
#circle img{
	width:20px;
	padding:0 5% 0 0;
}
#circle img.last{
	padding:0;
}

/* フォーム内容 */
#form dl{
	border-bottom : 1px solid #E7D9DF;
	padding : 15px 0;
	background:#FFFFFF;
	background : rgba(255, 255, 255, 0.2);
}
#form dl dt{
	font-weight : bold;
	padding : 0 0 5px 10px;
}
#form dl dd{
	padding : 0 0 0 10px;
}
#form dl dd ul li{
	float:left;
	width:50%;
	padding:7px 0;
	line-height:180%;
}
@media (min-width: 568px) {
	#form dl dd ul li{
		width:33.333%;
		line-height:200%;
	}
}
@media (min-width: 768px) {
	#form dl dt{
		padding : 0 0 5px 30px;
	}
	#form dl dd{
		padding : 0 0 0 30px;
	}
	#form dl dd ul li{
		padding:5px 0;
		width:25%;
	}
}

.line{
	border-top : 1px #E7D9DF solid;
}

.caption{
	font-size:1.3rem;
	color:#AAA;
}

/* デザイン */

/* テキストボックス */
input{
	font-size:100%;
	font-family:'Verdana','游ゴシック','YuGothic','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.box,.box-name{
	font-size:1.4rem;
	color:#555;
	height: 36px;
	padding: 0 10px;
	margin: 0 0 10px 0;
	outline:none;
	box-sizing:border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #D5D9DA;
	-webkit-box-shadow:  0 0 7px #E2E4E5;
	-moz-box-shadow: 0 0 7px #E2E4E5;
	box-shadow:  0 0 7px #E2E4E5;
	background:#F7F7F8;
	background:-webkit-gradient( linear, left top, left bottom, from(#F7F7F8), to(#FFF) );
	background:-moz-linear-gradient( center top, #F7F7F8, #FFF );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F8', endColorstr='#FFFFFF');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F7F7F8, endcolorstr=#FFFFFF))";
	zoom: 1;
	-webkit-transition: all .3s;
	transition: all .3s;
}	

/* テキストエリア */
textarea{
	font-size:100%;
	font-family:'Verdana','游ゴシック','YuGothic','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.textarea {
	height:150px;
	padding-top:14px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
@media (max-width: 768px) {
	.textarea {
		width:90%;
	}
}

/* フォーカス */
textarea:focus, input[type=text]:focus{
	border:1px solid #B6D5EA;
	-webkit-box-shadow:  0 0 7px #CCE2F0;
	-moz-box-shadow: 0 0 7px #CCE2F0;
	box-shadow:  0 0 7px #CCE2F0;
	background:#F0F7FB;
	background:-webkit-gradient( linear, left top, left bottom, from(#F0F7FB), to(#FFF) );
	background:-moz-linear-gradient( center top, #F0F7FB, #FFF );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F7FB', endColorstr='#FFFFFF');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F0F7FB, endcolorstr=#FFFFFF))";
	zoom: 1;
}

/* 必須項目 */
.must{
	border:1px solid #E4BACE;
	-webkit-box-shadow:  0 0 7px #ECCFDD;
	-moz-box-shadow: 0 0 7px #ECCFDD;
	box-shadow:  0 0 7px #ECCFDD;
	background:#FAF1F5;
	background:-webkit-gradient( linear, left top, left bottom, from(#FAF1F5), to(#FFF) );
	background:-moz-linear-gradient( center top, #FAF1F5, #FFF );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAF1F5', endColorstr='#FFFFFF');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FAF1F5, endcolorstr=#FFFFFF))";
	zoom: 1;
}

/* 入力エラー */
.problem {
	border:1px solid #E5B7B7;
	-webkit-box-shadow:  0 0 7px #FFF0F0;
	-moz-box-shadow: 0 0 7px #FFF0F0;
	box-shadow:  0 0 7px #FFF0F0;
	background:#FFCCCC;
	background:-webkit-gradient( linear, left top, left bottom, from(#FFCCCC), to(#FFE6E6) );
	background:-moz-linear-gradient( center top, #FFCCCC, #FFE6E6 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCCCC', endColorstr='#FFE6E6');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFCCCC, endcolorstr=#FFE6E6))";
	zoom: 1;
}

/* チェックボックス */
@media (max-width: 768px) {
	input[type="checkbox"]{
		width:30px;
		height:30px;
		font-size:200%;
		vertical-align: middle;
		border:1px solid #B6AEA8;
	}
}

/* ラジオボタン */
@media (max-width: 768px) {
	input[type="radio"]{
		width:30px;
		height:30px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius:15px;
		font-size:200%;
		vertical-align: middle;
		border:1px solid #B6AEA8;
	}
}

/* セレクトメニュー */
.select-box {
  	font-size: 1.4rem;
	color:#555;
  	width: 160px;
  	height: 35px;
	margin:5px 0 0;
  	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
  	line-height: 30px;
  	text-align: left;
  	text-indent: 5px;
  	vertical-align: middle;
	border:1px solid #D5D9DA;
	-webkit-box-shadow:  0 0 7px #E2E4E5;
	-moz-box-shadow: 0 0 7px #E2E4E5;
	box-shadow:  0 0 7px #E2E4E5;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.mustselect{
	border:1px solid #E4BACE;
	-webkit-box-shadow:  0 0 7px #ECCFDD;
	-moz-box-shadow: 0 0 7px #ECCFDD;
	box-shadow:  0 0 7px #ECCFDD;
}
select:focus{
	border:1px solid #B6D5EA;
	-webkit-box-shadow:  0 0 7px #CCE2F0;
	-moz-box-shadow: 0 0 7px #CCE2F0;
	box-shadow:  0 0 7px #CCE2F0;
}

/* アイコン */
.icon_must{
	background : #CB2B46;
	color : #FFF;
	font-size : 10px;
	padding : 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	text-align : center;
	text-shadow:none;
}
.icon_free{
	background : #0074B7;
	color : #FFF;
	font-size : 10px;
	padding : 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	text-align : center;
	text-shadow:none;
}

/* プレイスホルダー */
::-webkit-input-placeholder{
	  color: #AAA;
}
:-moz-placeholder{
	  color: #AAA;
}
::-moz-placeholder{
	  color: #AAA;
}
:-ms-input-placeholder{
	  color: #AAA;
}


/* プラポリ・サブミットエリア */
#submit{
	background:#FDF0E6;
	border-top:1px solid #FFF;
	padding:0 0 30px;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius:0 0 10px 10px;
}

/* プラポリ確認 */
#privacy{
	text-align:left;
	display:inline;
}
#privacy p{
	font-size : 1.3rem;
	padding : 10px 30px 10px 30px;
}
#privacy p a{
	position:relative;
  	display:inline-block;
	font-weight : bold;
}
#privacy p a::after{
	content:'';
  	position:absolute;
  	bottom:1px;
  	left:0;
  	width:100%;
  	height:1px;
  	-webkit-transform:scaleX(1);
  	-ms-transform:scaleX(1);
  	transform:scaleX(1);
  	background-color:#555555;
  	-webkit-transition:all .3s ease;
  	transition:all .3s ease;
}
#privacy p a:hover::after{
	-webkit-transform:scaleX(0);
  	-ms-transform:scaleX(0);
  	transform:scaleX(0);
}
@media (max-width: 768px) {
	#privacy p{
		padding : 10px;
	}
}

/* 確認・送信ボタン */
.confirm{
	text-align:center;
	padding:15px 0 0;
}

.submit-button {
   	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius:25px;
   	border:1px solid #EC6B00;
	-webkit-box-shadow:0 2px 4px #999,inset 0 1px 0 #FFF;
	-moz-box-shadow:0 2px 4px #999,inset 0 1px 0 #FFF;
	box-shadow:0 2px 4px #999,inset 0 1px 0 #FFF;
	background:#F2984D;
	background:-webkit-gradient( linear, left top, left bottom, from(#F7C499), to(#F2984D) );
	background:-moz-linear-gradient( center top, #F7C499, #F2984D );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7C499', endColorstr='#F2984D');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F7C499, endcolorstr=#F2984D))";
	zoom: 1;
   	color: #FFF;
   	padding: 10px 25px 10px;
   	text-decoration: none;
   	vertical-align: middle;
	font-size:1.7rem;
	font-weight:bold;
	text-shadow:0 -1px 0 #EC6B00;
	cursor:pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
.submit-button:hover {
	background:#F7C499;
	background:-webkit-gradient( linear, left top, left bottom, from(#F2984D), to(#F7C499) );
	background:-moz-linear-gradient( center top, #F2984D, #F7C499 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2984D', endColorstr='#F7C499');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F2984D, endcolorstr=#F7C499))";
	zoom: 1;
	text-shadow:0 1px 0 #EC6B00;
   	color: #FDF0E6;
}
.submit-button:active {
	border:1px solid #A54B00;
	background:#A54B00;
	background:-webkit-gradient( linear, left top, left bottom, from(#A54B00), to(#D46000) );
	background:-moz-linear-gradient( center top, #A54B00, #D46000 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A54B00', endColorstr='#D46000');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#A54B00, endcolorstr=#D46000))";
	zoom: 1;
	color:#A54B00;
	text-shadow:0 1px 0 #FFF;
}

.back-button {
   	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
   	border:1px solid #AAA;
	-webkit-box-shadow:0 2px 4px #999,inset 0 1px 0 #FFF;
	-moz-box-shadow:0 2px 4px #999,inset 0 1px 0 #FFF;
	box-shadow:0 2px 4px #999,inset 0 1px 0 #FFF;
	background:#EEE;
	background:-webkit-gradient( linear, left top, left bottom, from(#EEE), to(#F7F7F8) );
	background:-moz-linear-gradient( center top, #EEE, #FFF );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#F7F7F8');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#EEEEEE, endcolorstr=#F7F7F8))";
	zoom: 1;
   	color: #AAA;
   	padding: 7px 15px 7px;
   	text-decoration: none;
   	vertical-align: middle;
	font-size:1.4rem;
	text-shadow:0 -1px 0 #FFF;
	cursor:pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
.back-button:hover {
   	border: 1px solid #BBB;
   	text-shadow: #FFF 0 1px 0;
   	background: #FFF;
	background:-webkit-gradient( linear, left top, left bottom, from(#DDD), to(#EEE) );
	background:-moz-linear-gradient( center top, #DDD, #EEE );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#EEEEEE');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#DDDDDD, endcolorstr=#EEEEEE))";
	zoom: 1;
}
.back-button:active {
   	border: 1px solid #BBB;
   	text-shadow: #FFF 0 1px 0;
   	color: #777;
   	background: #DDD;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #BBB), color-stop(1, #DDD) );
	background:-moz-linear-gradient( center top, #BBB, #DDD );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBBBBB', endColorstr='#DDDDDD');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#BBBBBB, endcolorstr=#DDDDDD))";
	zoom: 1;
}


/* サンキューページのみ */
#thanks{
	padding : 0 30px;
}
@media (max-width: 768px) {
	#thanks{
		padding : 0 10px;
	}
}
#thanks h5{
	font-size : 1.6rem;
	padding : 15px 0;
	text-shadow:0 1px 0 #FFF;
}
#thanks ul li{
	line-height:180%;
	padding:0 0 15px;
}
#thanks p{
	border-bottom : dotted 1px #B6AEA8;
	padding : 0 0 20px;
	text-shadow:0 1px 0 #FFF;
}
@media (min-width: 768px) {
	#thanks ul li{
		float:left;
		width:50%;
		padding:0;
	}
}

#bottomline{
	border-top : dotted 1px #B6AEA8;
	padding:0 0 25px;
}
@media (min-width: 768px) {
	#bottomline{
		margin:15px 0 0;
	}
}