@charset "UTF-8";

/* フォーム */
html{
}

body{
	background:#267CA7;
	background:-webkit-linear-gradient( #267CA7, #7DB0CA );
	background:-moz-linear-gradient( #267CA7, #7DB0CA );
	background:-ms-linear-gradient( #267CA7, #7DB0CA );
	background:-o-linear-gradient( #267CA7, #7DB0CA );
	background:linear-gradient( #267CA7, #7DB0CA);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#267CA7', endColorstr='#7DB0CA');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#267CA7, endcolorstr=#7DB0CA))";
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	height:100%;
}
body#thanks-page{
	height:100vh;
}
@media (min-width: 768px) {
	body#thanks-page{
		height:calc(100vh - 25px);
	}
}

/* 全体 */
#container{
	position:relative;
	margin:0 auto;
	width:100%;
	background:#FFF;
	padding:30px 15px;
	box-sizing:border-box;
	box-shadow:inset 0 0 15px #F1F1F1;
}
#headline{
	text-align:center;
	padding:0;
	-webkit-animation: none;
    animation: none;
}
#headline h1{
	padding-top:20px;
}
#headline img{
	width:249px;
	height:auto;
}
#headline h2{
	font-size:2.2rem;
	line-height:160%;
	padding:15px 0;
	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: 568px) {
	#headline img{
		width:280px;
	}
}
@media (min-width: 768px) {
	#container{
		padding:50px 40px;
		margin:25px auto;
		width:calc(100% - 50px);
		border:1px solid #226F96;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		-ms-border-radius:5px;
		-o-border-radius:5px;
		border-radius:5px;
		box-shadow:0 0 10px #F1F1F1,inset 0 0 20px #F1F1F1;
	}
	#headline img{
		width:315px;
	}
	#headline h2{
		font-size:2.5rem;
		padding:20px 0;
	}
}
@media (min-width: 900px) {
	#container{
		width:800px;
	}
}

#step{
	padding:25px 0 5px;
}
#step.thanks{
	padding:5px 0 0;
}
#step ul{
	font-size:0;
}
#step ul li{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:33.333%;
	font-size:1.4rem;
}
#step ul li.act{
	color:#FFF;
	font-weight:bold;
}
.place{
	position:absolute;
	top:50%;
	margin-top:-2px;
	padding-left:15px;
	/*width:100%;
	text-align:center;
	margin-left:-3px;*/
	text-shadow:0 1px 0 #FFF;
}
.act .place{
	text-shadow:0 1px 0 #0A3417;
}
.place.step01{
	padding-left:10px;
}
.num{
	color:#333;
	font-family:'Open Sans';
	font-weight:normal;
}
.act .num{
	font-weight:600;
}
@media (min-width: 375px) {
	.place.step01{
		padding-left:15px;
	}
}
@media (min-width: 768px) {
	#step{
		padding:30px 0;
	}
	#step ul li{
		font-size:1.6rem;
	}
}

.error{
	color:#F84750;
}


/*  */
.form-cont{
	padding:20px 0;
	border-top:1px solid #EEE;
}
.form-cont.last{
	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;
}
#privacy-matter{
	border:1px solid #CCC;
	height:150px;
	padding:5px;
	box-sizing:border-box;
	overflow:scroll;
}
#privacy-matter h3{
	font-size:1.2rem;
	font-weight:bold;
	padding:15px 0 1px;
}
#privacy-matter h3:nth-child(1){
	padding-top:0;
}
#privacy-matter h3.suenaga{
	font-weight:normal;
	padding-bottom:0;
}
#privacy-matter p{
	font-size:1.2rem;
	line-height:160%;
}
.answer p.agree{
	text-align:center;
	padding:10px 0 5px;
}
.answer p.agree2{
	text-align:center;
	font-size:1.2rem;
}
@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%;
	}
	.answer ul.half li{
		width:33.333%;
	}
	.answer ul.one-third li{
		width:33.333%;
	}
}
@media (min-width: 900px) {
	.answer ul.one-third li{
		width:25%;
	}
}


/* アイコン */
.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: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:-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;
	color:#999;
}
select:focus{
	background:#FFF;
}

.name{
	width:70%;
}
.birth{
	width:69px;
}
.zip{
	width:32%;
}
.tel{
	width:50%;
}
@media (min-width: 375px) {
	.birth{
		width:80px;
	}
	.zip{
		width:27%;
	}
}
@media (min-width: 414px) {
	.zip{
		width:25%;
	}
}
@media (min-width: 568px) {
	.birth{
		width:100px;
	}
}

/* チェックボックス */
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;
	}
}


/* サブミット */
#submit{
	text-align:center;
}
.submit-button{
   	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius:25px;
   	border:1px solid #226F96;
	-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:#267CA7;
	background:-webkit-linear-gradient( top, #267CA7, #7DB0CA );
	background:-moz-linear-gradient( top, #267CA7, #7DB0CA );
	background:-ms-linear-gradient( top, #267CA7, #7DB0CA );
	background:-o-linear-gradient( top, #267CA7, #7DB0CA );
	background:linear-gradient(to bottom, #267CA7, #7DB0CA);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#267CA7', endColorstr='#7DB0CA');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#267CA7, endcolorstr=#7DB0CA))";
	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 #226F96;
	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:#267CA7;
	background:-webkit-linear-gradient( top, #7DB0CA, #267CA7 );
	background:-moz-linear-gradient( top, #7DB0CA, #267CA7 );
	background:-ms-linear-gradient( top, #7DB0CA, #267CA7 );
	background:-o-linear-gradient( top, #7DB0CA, #267CA7 );
	background:linear-gradient(to bottom, #7DB0CA, #267CA7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7DB0CA', endColorstr='#267CA7');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#7DB0CA, endcolorstr=#267CA7))";
	zoom: 1;
   	color: #226F96;
	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, #F7F7F8 );
	background:-ms-linear-gradient( top, #EEE, #F7F7F8 );
	background:-o-linear-gradient( top, #EEE, #F7F7F8 );
	background:linear-gradient(to bottom, #EEE, #F7F7F8);
	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 );
	background:-ms-linear-gradient( top, #DDD, #EEE );
	background:-o-linear-gradient( top, #DDD, #EEE );
	background:linear-gradient(to bottom, #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 );
	background:-ms-linear-gradient( top, #BBB, #DDD );
	background:-o-linear-gradient( top, #BBB, #DDD );
	background:linear-gradient(to bottom, #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 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;
	border-bottom:dotted 1px #999;
	padding:15px 0 10px;
	margin-bottom:15px;
	text-shadow:0 1px 0 #FFF;
}
#thanks p{
	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);
}

#download-btn{
	margin:45px auto 35px;
	text-align:center;
	width:240px;
	font-size:1.5rem;
}
#download-btn a{
	display:block;
   	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius:5px;
   	border:1px solid #226F96;
	-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:#267CA7;
	background:-webkit-linear-gradient( top, #267CA7, #7DB0CA );
	background:-moz-linear-gradient( top, #267CA7, #7DB0CA );
	background:-ms-linear-gradient( top, #267CA7, #7DB0CA );
	background:-o-linear-gradient( top, #267CA7, #7DB0CA );
	background:linear-gradient(to bottom, #267CA7, #7DB0CA);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#267CA7', endColorstr='#7DB0CA');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#267CA7, endcolorstr=#7DB0CA))";
	zoom: 1;
   	color:#FFF;
   	padding:15px 0;
   	text-decoration: none;
   	vertical-align: middle;
	font-size:1.7rem;
	font-weight:bold;
	text-shadow:0 -1px 0 #226F96;
	cursor:pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
#download-btn a:hover{
	background:#267CA7;
	background:-webkit-linear-gradient( top, #7DB0CA, #267CA7 );
	background:-moz-linear-gradient( top, #7DB0CA, #267CA7 );
	background:-ms-linear-gradient( top, #7DB0CA, #267CA7 );
	background:-o-linear-gradient( top, #7DB0CA, #267CA7 );
	background:linear-gradient(to bottom, #7DB0CA, #267CA7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7DB0CA', endColorstr='#267CA7');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#7DB0CA, endcolorstr=#267CA7))";
	zoom: 1;
   	color: #226F96;
	text-shadow:0 1px 0 #FFF;
}
@media (min-width: 768px) {
	#download-btn{
		margin:65px auto 45px;
	}	
}

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