@charset "UTF-8";

/* フォーム */
html{
	font-size:62.5%;
}

body{
	margin:0 auto;
	padding:0;
	background:#FFF;
	color:#333;
	font-size:1.4rem;
	line-height:160%;
	font-family:'Avenir-Book','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
	
	background:#A78E82;
	background:-webkit-linear-gradient( #A78E82, #C2B0A8 );
	background:-moz-linear-gradient( #A78E82, #C2B0A8 );
	background:-ms-linear-gradient( #A78E82, #C2B0A8 );
	background:-o-linear-gradient( #A78E82, #C2B0A8 );
	background:linear-gradient( #A78E82, #C2B0A8);
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:150%;
}
p{
	margin:0;
	padding:0;
	line-height:180%;
}
img{
	border:none 0;
	width:100%;
	line-height:0;
	vertical-align:bottom;
}

a{
	color:#333;
	text-decoration:none;
	-webkit-transition:ease-in-out 0.5s;
	-moz-transition:ease-in-out 0.5s;
	-ms-transition:ease-in-out 0.5s;
	-o-transition:ease-in-out 0.5s;
	transition:ease-in-out 0.5s;
	
	position:relative;
  	display:inline-block;
}
a:hover{
	color:#333;
	text-decoration:none;
}
a.anchor{
    padding-top:7px;
    margin-top:-7px;
}
@media (min-width: 1300px) {
	a.anchor{
		padding-top:40px;
		margin-top:-40px;
	}
}

br.clearb,
.clear{
	clear:both;
}
br.br375-2,br.br414-2,br.br568-2,br.br736-2,br.br768-2,br.br1024-2{
	display:none;
}
@media (min-width: 375px) {
	br.br375{
		display:none;
	}
	br.br375-2{
		display:inline;
	}
}
@media (min-width: 414px) {
	br.br414{
		display:none;
	}
	br.br414-2{
		display:inline;
	}
}
@media (min-width: 568px) {
	br.br568{
		display:none;
	}
	br.br568-2{
		display:inline;
	}
}
@media (min-width: 667px) {
	br.br667{
		display:none;
	}
}
@media (min-width: 736px) {
	br.br736{
		display:none;
	}
	br.br736-2{
		display:inline;
	}
}
@media (min-width: 768px) {
	br.br768{
		display:none;
	}
	br.br768-2{
		display:inline;
	}
}
@media (min-width: 812px) {
	br.br812{
		display:none;
	}
}
@media (min-width: 1024px) {
	br.br1024{
		display:none;
	}
	br.br1024-2{
		display:inline;
	}
}
@media (min-width: 1300px) {
	br.br1300{
		display:none;
	}
}

ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul li{
	margin:0;
	padding:0;
}

ol, ol li{
	margin:0;
	padding:0;
}

dl{
	margin:0;
	padding:0;
}
dt{
	margin:0;
	padding:0;
}
dd{
	margin:0;
	padding:0;
}

.pc568, .pc667, .pc736, .pc768, .pc812, .pc1024, .pc1080, .pc768-1079{
	display:none;
}
@media (min-width: 568px) {
	.sp568{
		display:none;
	}
	.pc568{
		display:inline;
	}
}
@media (min-width: 667px) {
	.sp667{
		display:none;
	}
	.pc667{
		display:inline;
	}
}
@media (min-width: 736px) {
	.sp736{
		display:none;
	}
	.pc736{
		display:inline;
	}
}
@media (min-width: 768px) {
	.sp768{
		display:none;
	}
	.pc768{
		display:inline;
	}
}
@media (min-width: 812px) {
	.sp812{
		display:none;
	}
	.pc812{
		display:inline;
	}
}
@media (min-width: 1024px) {
	.sp1024{
		display:none;
	}
	.pc1024{
		display:inline;
	}
}
@media (min-width: 1080px) {
	.sp1080{
		display:none;
	}
	.pc1080{
		display:inline;
	}
}
@media (min-width: 768px) and (max-width: 1079px) {
	.pc768-1079{
		display:inline;
	}
}

/* 全体 */
#container{
	position:relative;
	margin:0 auto;
	width:100%;
	background:#FFF;
	padding:30px 15px;
	width:100%;
	box-sizing:border-box;
	box-shadow:inset 0 0 15px #F1F1F1;
	background:#F6F3F2;
}
#headline{
	text-align:center;
	padding:0;
	-webkit-animation: none;
    animation: none;
}
#headline h1{
	padding-top:20px;
}
#headline img{
	width:auto;
	height:160px;
}
#headline h2{
	font-size:2.2rem;
	line-height:160%;
	padding:20px 0 15px;
	font-family:'Times New ROman','BIZ UD明朝','BIZ UDMincho','游明朝','YuMincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN','メイリオ','Meiryo','ＭＳ Ｐ明朝','MS PMincho',serif;
}
#headline p{
	text-align:left;
	font-size:1.4rem;
}
@media (min-width: 768px) {
	#container{
		padding:50px 40px;
		margin:25px auto;
		width:calc(100% - 50px);
		border:1px solid #75635B;
		-webkit-border-radius:15px;
		-moz-border-radius:15px;
		-ms-border-radius:15px;
		-o-border-radius:15px;
		border-radius:15px;
		box-shadow:0 0 10px #F1F1F1,inset 0 0 20px #F1F1F1;
	}
	#headline img{
		height:200px;
	}
	#headline h2{
		font-size:2.5rem;
		padding:20px 0;
	}
}
@media (min-width: 900px) {
	#container{
		width:800px;
	}
}

#step{
	padding:25px 0;
}
#step.thanks{
	padding:5px 0 0;
}

.error{
	color:#F84750;
}


/*  */
.form-cont{
	padding:20px 0;
	border-top:1px solid #E4DDD9;
}
.form-cont.last{
	padding-bottom:0;
}
.form-cont.last2{
	padding:40px 0 0;
}
.question{
	font-weight:bold;
}
.answer p.category{
	font-weight:bold;
	padding-top:15px;
}
.answer p.top{
	padding-top:5px;
}
.answer ul{
	font-size:0;
}
.answer ul li{
	font-size:1.4rem;
	padding:3px 0;
}
@media (min-width: 568px) {
	.answer ul li{
		display:inline-block;
		width:50%;
	}
}
@media (min-width: 667px) {
	.answer ul li{
		width:33.333%;
	}
}
@media (min-width: 768px) {
	.answer ul li{
		width:25%;
	}
	p.confirmation{
		display:none;
	}
}


/* アイコン */
.icon-must{
	color:#FFF;
	font-size:1.0rem;
	padding:3px 6px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	text-align:center;
	background:#F84750;
}
.icon-free{
	color:#FFF;
	font-size:1.0rem;
	padding:3px 6px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	text-align:center;
	background:#69ACFE;
}

/* テキストボックス */
input{
	font-size:100%;
	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:#333;
	height:45px;
	padding:10px;
	outline:none;
	width:100%;
	box-sizing:border-box;
	margin:5px 0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	border:1px solid #CCC;
	background:#F6F6F6;
	background:-webkit-linear-gradient( top, #F6F6F6, #FFF );
	background:-moz-linear-gradient( top, #F6F6F6, #FFF );
	background:-ms-linear-gradient( top, #F6F6F6, #FFF );
	background:-o-linear-gradient( top, #F6F6F6, #FFF );
	background:linear-gradient(to bottom, #F6F6F6, #FFF);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#FFFFFF');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F6F6F6, endcolorstr=#FFFFFF))";
	zoom: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

/* テキストエリア */
textarea{
	font-size:100%;
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.textarea{
	font-size:1.4rem;
	height:150px;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

/* フォーカス */
textarea:focus, input[type=text]:focus{
	background:#FFF;
}

/* セレクトボックス */
select{
	font-size:100%;
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.select-box {
	font-size: 1.4rem;
	color:#333;
	height:45px;
	padding:10px;
	width:100%;
	box-sizing:border-box;
	margin:5px 0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	border:1px solid #CCC;
	background:#F6F6F6;
	background:-webkit-linear-gradient( top, #F6F6F6, #FFF );
	background:-moz-linear-gradient( top, #F6F6F6, #FFF );
	background:-ms-linear-gradient( top, #F6F6F6, #FFF );
	background:-o-linear-gradient( top, #F6F6F6, #FFF );
	background:linear-gradient(to bottom, #F6F6F6, #FFF);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#FFFFFF');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F6F6F6, endcolorstr=#FFFFFF))";
	zoom: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
select:focus{
	background:#FFF;
}

.date, .time{
	width:45%;
}
.time-space{
	padding-left:70px;
}
.name{
	width:70%;
}
.age{
	width:25%;
}
.tel{
	width:50%;
}
.zip{
	width:32%;
}
@media (min-width: 375px) {
	.age{
		width:20%;
	}
	.zip{
		width:27%;
	}
}
@media (min-width: 414px) {
	.age{
		width:18%;
	}
	.zip{
		width:25%;
	}
}
@media (min-width: 568px) {
	.date{
		width:27%;
	}
	.time{
		width:23%;
	}
	.time-space{
		padding-left:15px;
	}
}
@media (min-width: 768px) {
	.age{
		width:12%;
	}
	.date{
		width:25%;
	}
	.time{
		width:19%;
	}
}

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

/* ラジオボタン */
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:-7px;
	}
}


/* プライバシー */
#privacy{
	padding-bottom:20px;
}
#privacy p{
	font-size:1.3rem;
}
#privacy a{
	font-weight:bold;
	text-decoration:underline;
}
#privacy a:hover{
	text-decoration:none;
}

/* サブミット */
#submit{
	text-align:center;
	margin-bottom:10px;
}
.submit-button{
   	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius:25px;
   	border:1px solid #A78E82;
	-webkit-box-shadow:0 2px 4px #999,inset 0 1px 0 #FFF;
	-moz-box-shadow:0 2px 4px #999,inset 0 1px 0 #FFF;
	-ms-box-shadow:0 2px 4px #999,inset 0 1px 0 #FFF;
	-o-box-shadow:0 2px 4px #999,inset 0 1px 0 #FFF;
	box-shadow:0 2px 4px #999,inset 0 1px 0 #FFF;
	background:#A78E82;
	background:-webkit-linear-gradient( top, #A78E82, #C2B0A8 );
	background:-moz-linear-gradient( top, #A78E82, #C2B0A8 );
	background:-ms-linear-gradient( top, #A78E82, #C2B0A8 );
	background:-o-linear-gradient( top, #A78E82, #C2B0A8 );
	background:linear-gradient(to bottom, #A78E82, #C2B0A8);
   	color:#FFF;
   	padding:10px 25px 10px;
   	text-decoration: none;
   	vertical-align: middle;
	font-size:1.7rem;
	font-weight:bold;
	text-shadow:0 -1px 0 #75635B;
	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:#C2B0A8;
	background:-webkit-linear-gradient( top, #C2B0A8, #A78E82 );
	background:-moz-linear-gradient( top, #C2B0A8, #A78E82 );
	background:-ms-linear-gradient( top, #C2B0A8, #A78E82 );
	background:-o-linear-gradient( top, #C2B0A8, #A78E82 );
	background:linear-gradient(to bottom, #C2B0A8, #A78E82);
   	color: #E4DDD9;
	text-shadow:0 1px 0 #75635B;
}

.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;
}
@media (min-width: 568px) {
	#submit{
		margin-bottom:0;
	}
}

/* サンキューページ */
#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 a{
	position:relative;
  	display:inline-block;
}
#thanks p a::after{
	content:'';
  	position:absolute;
  	bottom:1px;
  	left:0;
  	width:100%;
  	height:1px;
  	background-color:#333;
  	-webkit-transform:scaleX(1);
  	-moz-transform:scaleX(1);
  	-ms-transform:scaleX(1);
  	-o-transform:scaleX(1);
  	transform:scaleX(1);
	-webkit-transition:ease-in-out 0.3s;
    -moz-transition:ease-in-out 0.3s;
    -ms-transition:ease-in-out 0.3s;
    -o-transition:ease-in-out 0.3s;
    transition:ease-in-out 0.3s;
}
#thanks p a:hover::after{
	-webkit-transform:scaleX(0);
  	-moz--transform:scaleX(0);
  	-ms-transform:scaleX(0);
  	-o-transform:scaleX(0);
  	transform:scaleX(0);
}

p#MicroEngine{
	position:absolute;
	right:12px;
	bottom:5px;
	text-align:right;
	font-size:1.0rem;
	color:#666;
	font-family:'ProximanovaLight';
}
p#MicroEngine a{
	color:#666;
}
p#MicroEngine a:hover{
	color:#BBB;
}