@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

@font-face {
	font-family:'BookAntiqua';
	src:url('../../fonts/BookAntiqua.eot?') format('eot'),url('../../fonts/BookAntiqua.woff') format('woff'),url('../../fonts/BookAntiqua.svg#BookAntiqua') format('svg'),url('../../fonts/BookAntiqua.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'Proximanova-light';
	src:url('../../fonts/Proximanova-light.eot?') format('eot'),url('../../fonts/Proximanova-light.woff') format('woff'),url('../../fonts/Proximanova-light.svg#Proximanova-light') format('svg'),url('../../fonts/Proximanova-light.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

html{
	font-size:62.5%;
}

body{
	margin:0 auto;
	padding:0;
	background:#FFFFFF;
	color:#333;
	font-size:1.4rem;
	line-height:150%;
	font-family:'Verdana','游ゴシック','YuGothic','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
@media (min-width: 768px) {
	body{
		font-size:1.3rem;
	}
}

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%;
}

a{
	color:#333;
	text-decoration:none;
	-webkit-transition:ease-out 0.5s;
    -moz-transition:ease-out 0.5s;
    -ms-transition:ease-out 0.5s;
    transition:ease-out 0.5s;
}
a:hover{
	color:#333;
	text-decoration:none;
}

br.clearb,
.clear{
	clear:both;
}

@media (min-width: 568px) {
	br.sp{
		display:none;
	}
}
@media (min-width: 768px) {
	br.tablet{
		display:none;
	}
}
@media (min-width: 1024px) {
	br.pc{
		display:none;
	}
}
@media (max-width: 767px) {
	br.tabtab{
		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;
}

.pc{
	display:none;
}
@media (min-width: 667px) {
	.sp{
		display:none;
	}
	.pc{
		display:inline;
	}
}


/* ヘッダー */
header{
	padding:60px 0 30px;
}

#logo{
	text-align:center;
}
#logo h1 img{
	width:130px;
}

#headline{
	text-align:center;
	font-family:'Times New Roman','游明朝','YuMincho','ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','メイリオ','Meiryo','ＭＳ Ｐ明朝','MS PMinch',serif;
}
#headline h2{
	font-size:2.2rem;
	padding:30px 0 15px;
}
#headline h3{
	font-size:1.8rem;
	font-family:'BookAntiqua';
}
.lab{
	font-size:130%;
	font-family:'Open Sans';
	font-weight:700;
}
.polus{
	font-size:90%;
}
#headline h3.group{
	font-size:1.6rem;
	padding:10px 0 0;
	font-family:'Times New Roman','游明朝','YuMincho','ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','メイリオ','Meiryo','ＭＳ Ｐ明朝','MS PMinch',serif;
}
@media (min-width: 768px) {
	header{
		padding:60px 40px 40px;
	}
	#logo{
		text-align:left;
		float:left;
		width:25%;
	}
	
	#headline{
		text-align:left;
		float:right;
		width:75%;
	}
	#headline h2{
		padding:0 0 25px;
		font-size:3.3rem;
		letter-spacing:5px;
		line-height:100%;
	}
	#headline h3{
		font-size:1.9rem;
	}
	#headline h3.group{
		font-size:2.0rem;
		padding:5px 0 0;
	}
}
@media (min-width: 900px) {
	header{
		padding:60px 50px 40px;
		margin:0 auto;
		width:800px;
	}
	#logo h1 img{
		width:160px;
	}
	
	#headline h2{
		padding:0 0 45px;
		font-size:3.7rem;
	}
}

#form-back{
	background:#595757;
	padding:20px 0 30px;
}

#form-container{
}
@media (min-width: 900px) {
	#form-container{
		padding:20px 50px;
		margin:0 auto;
		width:800px;
	}
}

#step{
	color:#FFF;
	position:relative;
	padding:0 0 5px;
}
#step-cont-sp{
	position:absolute;
	width:100%;
	top:50px;
	left:0;
	margin-top:-47px;
	font-size:1.4rem;
}
#step-cont-sp ul li{
	float:left;
	width:33.333%;
	text-align:center;
	font-weight:bold;
	color:#DDD;
}
#step-cont-sp ul li.act{
	color:#FFF;
}
#step-cont-pc{
	display:none;
}
.num{
	font-family:'Open Sans';
	font-size:90%;
}
@media (min-width: 375px) {
	#step-cont-sp{
		margin-top:-42px;
	}
}
@media (min-width: 414px) {
	#step-cont-sp{
		margin-top:-39px;
	}
}
@media (min-width: 568px) {
	#step-cont-sp{
		margin-top:-25px;
	}
}
@media (min-width: 667px) {
	#step-cont-sp{
		display:none;
	}
	#step-cont-pc{
		display:inline;
		position:absolute;
		width:100%;
		top:7px;
		left:0;
		font-size:1.5rem;
	}
	#step-cont-pc ul li{
		float:left;
		width:33.333%;
		text-align:center;
		color:#DDD;
		letter-spacing:3px;
	}
	#step-cont-pc ul li.act{
		color:#FFF;
	}
}
@media (min-width: 768px) {
	#step-cont-pc{
		top:10px;
		font-size:1.6rem;
	}
}

#form-cont{
	margin:0 10px;
}
#form-cont h4{
	text-align:center;
	font-size:2.0rem;
	color:#FFF;
	letter-spacing:3px;
	padding:20px 0 10px;
}
#form-cont p.limit{
	color:#FFF;
	padding:3px 0 10px;
}
.cap{
	font-size:1.2rem;
}
#form-cont ul li{
	padding:5px 0;
}
@media (min-width: 375px) {
	#form-cont p.limit{
		text-align:center;
	}
}
@media (min-width: 568px) {
	#form-cont ul li{
		float:left;
	}
	#form-cont ul li.full{
		float:none;
		width:100%;
	}
	#form-cont ul.type1 li{
		width:33.333%;
	}
	#form-cont ul.type2 li,
	#form-cont ul.type3 li{
		width:50%;
	}
	#form-cont ul.type3 li.max{
		width:100%;
	}
}
@media (min-width: 768px) {
	#form-cont{
		margin:0 40px;
	}
	#form-cont ul.type1 li{
	 	padding:3px 0;
	}
	#form-cont ul.type3 li.chuko{
		letter-spacing:-1px;
	}
}
@media (min-width: 900px) {
	#form-cont{
		margin:0;
	}
	#form-cont ul.type3 li.chuko{
		letter-spacing:0;
	}
}
@media (min-width: 1024px) {
	#form-cont ul.type2 li{
		width:33.333%;
	}
}

table.cont{
	border-top:1px solid #ccc;
	font-size:1.3rem;
}
table.cont th{
	line-height:1.6em;
	width:30%;
	font-weight:normal;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	box-sizing:border-box;
	text-align:left;
	text-shadow:0 1px 0 #FFF;
	padding:5px 10px;
	background:#EEE;
}
table.cont th.way{
	padding:15px 10px;
}
table.cont td{
	line-height:1.6em;
	width:70%;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	box-sizing:border-box;
	padding:10px 15px;
	background:#FFF;
}
@media (max-width: 767px) {
	table.cont{
		font-size:1.4rem;
	}
	table.cont th{
		width:100%;
		display:block;
		padding:5px 8px;
	}
	table.cont th.way{
		padding:5px 8px;
	}
	table.cont td{
		border-left:1px solid #ccc;
		width:100%;
		display:block;
		padding:10px 8px;
	}
}

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

/* アイコン */
.icon_must{
	background : #D90000;
	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 : #0036D9;
	color : #FFF;
	font-size : 10px;
	padding : 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	text-align : center;
	text-shadow:none;
}

/* テキストボックス */
.box{
	font-size:1.4rem;
	color:#555;
	height: 36px;
	padding:5px 10px;
	margin:5px 0 5px 3px;
	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;
}
.zip{
	margin:5px 0 10px 3px;
}

.buil{
	margin:5px 0 0;
}
.reform-req{
	margin:0 0 7px;
}
@media (min-width: 768px) {
	.box{
		margin:2px 0 2px 2px;
	}
	.zip{
		margin:2px 0 7px 2px;
	}
	.buil{
		margin:0;
		width:50%;
	}
	.reform-req{
		margin:0;
	}
}

/* テキストエリア */
.textarea {
	height:150px;
	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 #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 #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;
  	width: 40%;
  	height: 35px;
  	-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 #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;
}
.time{
	margin:0 0 3px 20px;
}
.age{
	width:70px;
	margin:5px 0 5px 3px;
}
@media (min-width: 768px) {
	.select-box {
		width:150px;
	}
	.age{
		width:70px;
		margin:5px 0;
	}
}

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

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


/* プラポリ確認 */
#privacy p{
	text-align:center;
	padding : 15px 0 30px;
}
#privacy p a{
	color:#FFF;
	position:relative;
  	display:inline-block;
}
#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:#FFF;
  	-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);
}

/* 確認・送信ボタン */
#confirm-btn{
	text-align:center;
}

.submit-button {
   	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
   	border:1px solid #D83526;
	-webkit-box-shadow:0 0 7px #999,inset 0 1px 0 #f29c93;
	-moz-box-shadow:0 0 7px #999,inset 0 1px 0 #f29c93;
	box-shadow:0 0 7px #999,inset 0 1px 0 #f29c93;
	background:#CE0100;
	background:-webkit-gradient( linear, left top, left bottom, from(#FE1A00), to(#CE0100) );
	background:-moz-linear-gradient( center top, #FE1A00, #CE0100 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE1A00', endColorstr='#CE0100');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FE1A00, endcolorstr=#CE0100))";
	zoom: 1;
   	color: #FFF;
	width:80%;
   	padding: 10px 0;
   	text-decoration: none;
   	vertical-align: middle;
	font-size:1.7rem;
	text-shadow:0 -1px 0 #B23E35;
	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:#FE1A00;
	background:-webkit-gradient( linear, left top, left bottom, from(#CE0100), to(#FE1A00) );
	background:-moz-linear-gradient( center top, #CE0100, #FE1A00 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CE0100', endColorstr='#FE1A00');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#CE0100, endcolorstr=#FE1A00))";
	zoom: 1;
   	color: #F5CCCC;
	text-shadow:0 1px 0 #B23E35;
}
.submit-button:active {
	position:relative;
	top:1px;
}
@media (min-width: 768px) {
	.submit-button {
		font-size:2.0rem;
	}
}

/* フッター */
footer{
	background:#FFF;
}

#footer{	
	padding:40px 10px 15px;
}
@media (min-width: 768px) {
	#footer{
		padding:40px 40px 15px;
	}
}
@media (min-width: 900px) {
	#footer{
		padding:40px 50px 15px;
		margin:0 auto;
		width:800px;
	}
}

address{
	text-align:center;
	font-size:1.3rem;
	font-family:'Proximanova-light';
	padding:40px 0 0;
}
@media (min-width: 768px) {
	address{
		font-size:1.5rem;
	}
}

/* サイバートラスト */
#seal{
	/*position: relative;
	margin-top: 10px;
	padding: 20px 0 0 110px;
	text-align: left;*/
}
#seal p{
	font-size:1.3rem;
	line-height:160%;
}
@media (min-width: 768px) {
	#seal p{
		font-size:1.2rem;
	}
}
#seal #img{
	float:left;
	padding:0 10px 0 0;
}