@charset "utf-8";


header{
    position: relative;
    width: 100vw;
    height: 100vh;
    min-width: 100vw;
    min-height: 100vh;
}

.hBox{
	width: auto;
	height: auto;
	min-width: 100vw;
	min-height: 100vh;
	background:url(../contact/img/cntTop.jpg) 20% top;
	background-size: cover;
	overflow: hidden;
}


section{
	margin-top: 70px;
}


h2{
	color: #3FB8F9;
}

/*トップイメージの文字*/

.titleBox-h1{
	position: absolute;
	top: 20%;
	left: 5%;

}

.pageTitle{
	color: #fff;
	font-size: 5.0em;
}

.subTitle{
	margin-top: 10px; 
	color: #fff;
	line-height: 1.6em;
}


.subNav{
	margin: 40px auto;
	width: 325px;
}

.sb1{
	float: left;
	width: 95px;
	height: 95px;
	margin-left: 20px;
	color: #fff;
	padding: 20px 0;
	text-align: center;
	line-height: 1.3em;
}


.sb1:nth-of-type(1){
	background: url("../contact/img/sn1_1.gif") no-repeat;
	margin-left: 0px;
}
.sb1:nth-of-type(2){
	background: url("../contact/img/sn1_2.gif") no-repeat;
	padding-top: 30px;
}
.sb1:nth-of-type(3){
	background: url("../contact/img/sn1_3.gif") no-repeat;
}



.h2-1{
	background: url("../img/h2_1.gif") no-repeat center;
}
.h2-2{
	background: url("../img/h2_2.gif") no-repeat center;
}
.h2-3{
	background: url("../img/h2_3.gif") no-repeat center;
}

form{
	margin: 0 auto;
	width: 100vw;
	max-width: 500px;
}

form li{
	line-height: 1.6em;
	margin-top: 30px;
}

.inputBox{
	border: none;
	border-bottom: 1px #ccc solid;
	font-size: 0.9em;
	width: 80%;
	max-width: 500px;
}

textarea{
	width: 80%;
	max-width: 500px;
	height: 300px;
}

.submitBtn{
	margin-top: 0;
}

.thank{
	margin: 40px auto 0;
	text-align: center;
}

.cxl-ul{
	list-style-type: square;
	padding-left: 30px;
	margin-top: 20px;
}

.cxl-list{
	margin-top: 10px;
	font-weight: bold;
}

 

/*　Googleカレンダー（スマホ表示） */

.googleCalender iframe {
width:100%;
max-width:800px;
height:400px;
}

/*　Googleカレンダー（PC表示） */

@media (min-width: 960px) {

.googleCalender iframe {
height:600px;
}

}