@charset "UTF-8";

body{
	background:url('../img_cmn/bg.png');
}

body, div, h1,h2, form, fieldset, input, textarea, footer,p{
	margin:0;
	padding:0;
	border:0;
	outline: none;
}
@media (min-width: 375px) {
	br.br375{
		display:none;
	}
}
@media (min-width: 414px) {
	br.br414{
		display:none;
	}
}
@media (min-width: 568px) {
	br.br568{
		display:none;
	}
}

/* フォーム全体 */
#container{
	margin:0 auto;
	width:100%;
	background:#FFF;
	-webkit-box-shadow: 0 0 3px #DDD, inset 0 0 27px #EEE;
	-moz-box-shadow: 0 0 3px #DDD, inset 0 0 27px #EEE;
	box-shadow: 0 0 3px #DDD, inset 0 0 27px #EEE;
}
#container h1,
#container h2{
	text-align:center;
}
#container h1 img{
	width:80%;
}
#container h2{
	padding:10px 0 25px;
}
#container h2 img{
	width:90%;
}
#container h3{
	padding : 0 0 25px;
	text-align:center;
	font-size:1.6rem;
	font-weight:bold;
	text-shadow:0 1px 0 #CCC;
	line-height:170%;
	letter-spacing:-1px;
}
@media (min-width: 375px) {
	#container h3{
		font-size:1.7rem;
		letter-spacing:0;
	}
}
@media (min-width: 414px) {
	#container h3{
		font-size:1.8rem;
	}
}
@media (min-width: 768px) {
	#container{
		margin:25px auto;
		width:688px;
		border:1px solid #CCC;
		box-sizing:border-box;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
	}
	#container h1 img{
		width:375px;
	}
	#container h2{
		padding:20px 0 35px;
	}
	#container h2 img{
		width:65%;
	}
	#container h3{
		font-size:2.0rem;
	}
}
@media (min-width: 900px) {
	#container{
		width:800px;
	}
	#container h2 img{
		width:55%;
	}
}

/* ヘッドキャッチ */ 
#headcatch{
	padding:50px 10px 10px;
	-webkit-border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	background:#F8F8F8;
	text-shadow:0 1px 0 #FFF;
}
#top-back{
	border:1px solid #FA9D5E;
	text-align:center;
	margin:17px auto 20px;
	font-size:1.3rem;
	width:130px;
}
#top-back a{
	display:block;
	padding:5px 0;
	color:#FA9D5E;
	background:#FFF;
}
#top-back a:hover{
	color:#FCB98C;
}
#top-back.top-back-thanks{
	margin:0 auto 20px;
}
@media (min-width: 768px) {
	#headcatch{
		padding:50px 30px 15px;
	}
}

/* TELリンク */
.tel-link{
	font-family:'Open Sans';
	font-weight:600;
	font-size:170%;
}

/* ステップ */
#step{
	position:relative;
}
.step{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	margin-top:-19px;
}
.step ul li{
	float:left;
	width:33.333%;
	text-align:center;
	font-size:1.4rem;
	font-weight:bold;
	line-height:140%;
}
.step ul li.act{
	color:#FFF;
}
.num{
	font-family:'Open Sans';
	font-size:90%;
}
@media (min-width: 768px) {
	.step{
		margin-top:-24px;
	}
	.step ul li{
		font-size:1.7rem;
	}
}

.orange{
	color:#F87218;
}

/* フォーム内容 */
.line_top{
	border-top : 1px #CCC solid;
	madgin : 0 0 1px;
}
.line{
	border-top : 1px #F8F8F8 solid;
}

#form dl{
	border-bottom : 1px solid #CCC;
	padding : 15px 0;
}
#form dl dt{
	font-weight : bold;
	padding : 0 0 5px 10px;
}
#form dl dd{
	padding : 0 10px;
}
#form dl dd ul li{
	float:left;
	width:50%;
	line-height:200%;
	padding:5px 0;
}
#form dl dd ul li.compass,
#form dl dd ul li.kengaku,
#form dl dd ul li.zoom,
#form dl dd ul li.know{
	width:100%;
}
#form dl dd ul.photo li{
	float:none;
	width:100%;
}
.zoom-apli{
	font-size:90%;
}
.hinban a{
	width:90%;
	text-align:center;
	display:block;
	background:#F87218;
	color:#FFF;
	padding:5px 0;
}
.hinban a:hover{
	background:#FA9D5E;
	text-shadow:0 1px 0 #666;
}
@media (min-width: 375px) {
	.hinban a{
		width:75%;
	}
}
@media (min-width: 568px) {
	#form dl dd ul li.kengaku,
	#form dl dd ul li.know{
		width:50%;
	}
	#form dl dd ul.photo li{
		float:left;
		width:50%;
	}
	.hinban a{
		width:50%;
	}
}
@media (min-width: 667px) {
	#form dl dd ul li,
	#form dl dd ul li.compass{
		width:33.333%;
	}
}
@media (min-width: 768px) {
	#form dl dt{
		padding : 0 0 5px 30px;
	}
	#form dl dd{
		padding : 0 30px;
	}
	#form dl dd ul li.kengaku{
		width:33.333%;
	}
	#form dl dd ul li.know{
		width:66.666%;
	}
	#form dl dd ul.photo li{
		width:33.333%;
	}
	.hinban a{
		width:41%;
	}
}
@media (min-width: 900px) {
	#form dl dd ul li,
	#form dl dd ul li.compass,
	#form dl dd ul li.kengaku{
		width:25%;
	}
	#form dl dd ul li.zoom{
		width:75%;
	}
	#form dl dd ul li.know{
		width:50%;
	}	
}


/* アイコン */
.icon_must{
	background : #CB2B46;
	background : #F87218;
	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;
	background : #999;
	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: #CCC;
}
:-moz-placeholder{
	  color: #CCC;
}
::-moz-placeholder{
	  color: #CCC;
}
:-ms-input-placeholder{
	  color: #CCC;
}

/* キャプション */
.cap1{
	font-size:1.2rem;
	font-weight:normal;
}

#caption dl{
	padding:2px 0 0 !important;
	border:none !important;
	font-size:1.2rem;
	color:#666;
}
#caption dl.top{
	padding:12px 0 0 !important;
}
#caption dl dt{
	padding:0 !important;
	float:left;
	width:12px;
}
#caption dl dd{
	padding:0 !important;
	float:right;
	width:calc(100% - 12px);
}
@media (min-width: 568px) {
	#caption dl.top{
		padding:0 !important;
	}
}

/* デザイン */

/* テキストボックス */
input[type="text"]{
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN','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;
	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','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.textarea {
	height:150px;
	padding-top:14px;
	width:92.5%;
	-webkit-transition: all .3s;
	transition: all .3s;
}
@media (max-width: 768px) {
	.textarea {
		width:90%;
	}
}

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

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

/* セレクトボックス */
.select-box {
  	font-size: 1.4rem;
	color:#555;
  	height: 36px;
  	-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;
}
.must-box{
	border:1px solid #FCB98C;
	-webkit-box-shadow:  0 0 7px #FDD5BA;
	-moz-box-shadow: 0 0 7px #FDD5BA;
	box-shadow:  0 0 7px #FDD5BA;
}
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;
}

.date,
.time{
	width:42.5%;
}
.date-2{
	margin-top:25px;
}
.time{
	margin-left:70px;
}
@media (min-width: 568px) {
	.date,
	.time{
		width:27.5%;
	}
	.date-2{
		margin-top:5px;
	}
	.time{
		margin:0 0 3px 25px;
	}
}
@media (min-width: 768px) {
	.date,
	.time{
		width:20%;
	}
}

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

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

/* ファイル選択 */
input[type="file"]{
	font-size:1.2rem;
}

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

/* プラポリ確認 */
#privacy p{
	font-size : 1.3rem;
	padding : 10px 30px 10px 30px;
	text-shadow:0 1px 0 #FFF;
}
#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;
	background:#F8F8F8;
}
.confirm p.questionnaire{
	font-size:13px;
	padding:15px 0;
	text-shadow:0 1px 0 #FFF;
}

.submit-button {
   	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius:25px;
   	border:1px solid #F87218;
	-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:#F87218;
	background:-webkit-gradient( linear, left top, left bottom, from(#FCB98C), to(#F87218) );
	background:-moz-linear-gradient( center top, #FCB98C, #F87218 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCB98C', endColorstr='#F87218');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FCB98C, endcolorstr=#F87218))";
	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 #C65B13;
	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:#FCB98C;
	background:-webkit-gradient( linear, left top, left bottom, from(#F87218), to(#FCB98C) );
	background:-moz-linear-gradient( center top, #F87218, #FCB98C );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F87218', endColorstr='#FCB98C');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F87218, endcolorstr=#FCB98C))";
	zoom: 1;
   	color: #F8F8F8;
	text-shadow:0 1px 0 #C65B13;
}
.submit-button:active {
	border:1px solid #F87218;
	background:#C65B13;
	background:-webkit-gradient( linear, left top, left bottom, from(#F87218), to(#C65B13) );
	background:-moz-linear-gradient( center top, #F87218, #C65B13 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F87218', endColorstr='#C65B13');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F87218, endcolorstr=#C65B13))";
	zoom: 1;
	color:#95440E;
	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;
}


/* 下の説明 */
#bottom-box{
	padding:40px 10px 0;
}
#bottom-box dl{
	border:none;
	padding:5px 0 !important;
	line-height:160%;
}
#bottom-box dl dt{
	padding:0 !important;
	float:left;
	width:14px;
}
#bottom-box dl dd{
	padding:0 !important;
	float:right;
	width:calc(100% - 14px);
}
#globalsign{
	text-align:center;
	padding:20px 0 5px;
}
@media (min-width: 514px) {
	#bottom-box p.sign{
		text-align:center;
	}
}
@media (min-width: 768px) {
	#bottom-box{
		padding:40px 30px 0;
	}
}


/* サンキューページのみ */
#thanks{
	padding : 0 10px;
}
@media (min-width: 768px) {
	#thanks{
		padding : 0 30px;
	}
}
#thanks h4{
	font-size : 1.6rem;
	padding : 20px 0;
	text-shadow:0 1px 0 #FFF;
}
#thanks h5{
	font-size : 1.4rem;
	border-top : dotted 1px #999;
	padding : 20px 0 10px;
	text-shadow:0 1px 0 #FFF;
}
#thanks p{
	border-bottom : dotted 1px #999;
	padding : 0 0 20px;
	text-shadow:0 1px 0 #FFF;
}
#thanks p.shop{
	border:none;
}

/* ウィンドウを閉じる */
#close-btn{
	text-align:center;
	padding:10px 0 40px;
}
.submit-button.close {
	font-size:1.4rem;
	font-weight:normal;
	padding:10px 35px;
}