@charset "UTF-8";

ul{
	list-style-type:none!important;
}


/*
common.css
▼元のデータ▼ 
=====================================*/
body {
	background:url(../common/img/bg.png);
font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
	
#wrapper {
	margin:0 auto;
	height:auto!important;/*IE6対策*/
	height:100%;/*IE6対策*/
	/*min-height:100%;*/
	background:#fff;
}

body > #wrapper {
	height: auto;
	}
	
#contact #wrapper{
	margin:1rem auto;
	}
	
#contact #wrapper_inner{
	width:100%;
	margin:0 auto;
}
	
img {
	vertical-align:middle;
	}	

@media (min-width:768px) {
	#wrapper {
		width:80%;
	}
}

@media (min-width:992px) {
	#wrapper {
		width:70%;
	}
}

@media screen and (max-width: 767.98px) {
	#wrapper {
		width:100%;
	}
}

/* ヘッダー
=====================================*/
#contact #header{
	width:100%;
	border-bottom:2px solid #00A9F4;
	text-align:center;
}
	

#header span img{
	border-top:10px solid #fff;
	border-bottom:10px solid #fff;
}

#header span.sn{
	white-space: nowrap;
}

#header span.aqua img{
	margin:0.5rem 0.5rem 0 0.5rem;
}

#header span.sn img{
	margin:0.5rem 1rem;
}

#contact .phno{
	display:block;
}

#contact .pcno{
	display:none;
}

@media screen and (max-width: 767.98px) {
	#header span{
		display:block;
	}
	#header span.aqua img{
		margin:noen;
		border:none;
	}
	#header span.aqua img.logo{
		border-top:5px solid #fff;
	}
	#header span.sn img{
		border-bottom:5px solid #fff;
	}
	#contact .phno{
		display:none;
	}
	#contact .pcno{
		display:block;
	}
}


/* ▼▼▼ メイン
=====================================*/


/*title*/
#contact{
	}

#contact #main{
	width:94%;
	text-align:center;
	padding:2%;
	margin:0 auto;
	}
/*	
#contact #main div{
	margin:0 auto;
	}
*/	

#contact #main .title{
	width:100%;
	text-align:center;
}

#contact #main .title h1{
	font-size:2rem;
	margin:2rem auto 3rem auto;
	color:#00A9F4;
	font-weight:700;
}

/*説明文*/

#contact .text{
	width:100%;
	line-height:1.6rem;
	letter-spacing:0.05rem;
}

#contact .text .read{
	text-align:center;
}

#contact .text .notes,
#contact .text .step{
	line-height:1.3rem;
	margin:1rem auto;
	font-size:0.7rem;
}
#contact .text .step img{
	width:80%;
	max-width:544px;
	height:auto;
}

/*個人情報欄*/
				
#contact .last_area{
	text-align:center;
	margin:3rem auto 1rem auto!important;
}

#contact .last_area .consent{
	margin:2rem auto;
	font-size:0.8rem;
	line-height:160%;
	padding:0 1rem;
}

#contact  dl.add{
	clear:both;
	overflow:hidden;
}

#contact  dl.add dt,#contact  dl.add dd{
	float:left;
	margin-bottom:15px;
}

#contact  dl.add dt{
	width:20%;
	font-size:14px;
}

#contact  dl.add dd{
	float:left;
	width:80%;
}


@media screen and (max-width: 767.98px) {
	#contact .text .read{
		text-align:left;
	}
	#contact .text .notes{
		text-align:center;
	}
	#contact .last_area{
		text-align:left;
	}
#contact .text .step img{
	width:100%;
}
#contact .last_area{
}
#contact .last_area .consent{
		text-align:left!important;
}

}
	

/*form*/
	
.form{
	width:98%;
	padding:2rem 1%;
	background:#f4f4f4;
	text-align:left;
}

.form .form-group{
	border-bottom:1px solid #fff;
	padding:1rem;
}

.form .form-group ul{
	margin-bottom:0;
}

.form .col-form-label{	
	padding-top:0;
	font-weight:600;
}

.form input[type="radio"]{
 	position: relative;
 	top:-3px;
	margin-right:7px;
	vertical-align:middle;
}

.form input[type="checkbox"]{
 	position: relative;
 	top:-3px;
	margin-right:7px;
	vertical-align:middle;
}
	
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form textarea,
.form select {
	border: 1px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px;
	font-size: 1rem;
	line-height: 1.6;
	margin-left:5px;
}

.form .w220 input {
	width: 30%;
}

.form .w350 input {
	width: 70%;
}
	
.form textarea{
	width: 100%;
	height:10rem;
}

.form .name p span{
	padding-right:1rem;
}
.form .name p.kanji span{
	padding-left:1rem;
}

.form .f14{
	font-size:1rem;
	padding-left:1rem;
}
	
.form .kakunin{
	font-size:1rem;
	color:#f00;
}


.form .ifin{
    width:100%;
    height:200px;
    overflow:hidden; 
}

.form iframe{
	width: 98%;
	height: 220px;
	margin: 0 auto 2rem;
	border: 1px solid #E5E5E5;
	background:#FFF;
	display:block;
	overflow-x: hidden;
}
	
.form .btn{
	margin:2rem auto;
	padding-top:2rem;
	width:100%;
	clear:both;
	overflow:hidden;
}

.form .btn img{
	width:40%;
	max-width:350px;
}

.form .btn .back,
.form .btn .send{
	width:40%;
}
	
.form .btn .back{
	float:left;
}
	
.form .btn .send{
	float:right;
}

.form .btn .back img,
.form .btn .send img {
	width:60%!important;
}

@media screen and (max-width: 767.98px) {
.form{
	padding:1rem 0.5rem;
}

.form .w220 input {
	width:100%;
}
.form .w220 span input {
	width:100%;
}

	.form input.w350 {
		width:100%;
	}
	
	.form textarea{
		width:100%;
		height:10rem;
	}
.form .name p span{
	display:block;
}
.form .name p span{
	padding-right:0;
}
.form .name p.kanji span{
	padding-left:0;
}
.form .btn img{
	width:100%;
}
.form .btn .back,
.form .btn .send {
width:100%;
float:none;
text-align:center;
}
.form .btn .back img,
.form .btn .send img {
width:80%!important;
}
}

#footer{
	width:100%;
	padding:2rem 0;
	}
	
#footer .copyright {
	text-align:center!important;
	font-size:.8rem;
}

.badge {
	display:inline-block;
	padding:.25em .4em;
	font-size:75%;
	font-weight:700;
	line-height:1;
	text-align:center;
	white-space:nowrap;
	vertical-align:baseline;
border-radius:.25rem
}

.badge-pill {
	padding-right:.6em;
	padding-left:.6em;
	border-radius:10rem
}

.badge-info {
	color:#fff;
	background-color:#17a2b8
}



.col-sm-4{
.col-sm-8{
	font-weight:500;
}

.col-sm-4{
	float:left;
	width:30%;
}

.col-sm-8{
text-align:left!important;
	float:left;
	width:60%;
}

@media screen and (max-width: 767.98px) {
.col-sm-4,
.col-sm-8{
	width:100%;
	float:none;
}
}