@charset "UTF-8";
/* CSS Document */


/*--------------------------------------------------


    CONTACT US
	

---------------------------------------------------*/


/*INDEX  -----------------------------------------------*/
.index-cont01{
	width:1150px;
	position:relative;
	margin:0 auto;
	text-align:center;
	padding:100px 0;
}

.index-cont01 > h3{
	font-size:34px;
	line-height:1.2;
	margin-bottom:40px;
}

.index-cont01 h3 > span{
	font-size:24px;
}

.index-cont01 > p{
	line-height:2;
}


@media screen and (max-width: 960px) {
.index-cont01{
	width:90%;
	padding:30px 0;
}

.index-cont01 > h3{
	font-size:24px;
	margin-bottom:20px;
}

.index-cont01 h3 > span{
	font-size:16px;
}

.index-cont01 > p{
	line-height:1.6;
	text-align:left;
}
}

/*INDEX NAV   -----------------------------------------------*/
.index-nav{
	width:1150px;
	margin:0 auto;
}

.index-nav ul li{
	display:block;
	position:relative;
	width:550px;
	height:190px;
	float:left;
	margin-right:50px;
	margin-bottom:50px;
	text-align:center;
	border:1px #214381 solid;
}

.index-nav ul li .image{
	display:block;
	width:100%;
	height:130px;
}

.index-nav ul li img{
	display:block;
	margin:0 auto;
}

.index-nav ul li:nth-child(2),
.index-nav ul li:nth-child(4){
	margin-right:0px;
}

.index-nav ul li:nth-child(5){
	margin-bottom:0px;
}

.index-nav ul li .arrow{
	width: 100%;
    height: 60px;
    z-index: 1;
	background-color:#214381;
}

.index-nav ul li .arrow > p{
	font-size:18px;
	color:#FFFFFF;
	line-height:60px;
}

.index-nav ul li .arrow > dl{
	width:80%;
	margin:0 auto;
}

.index-nav ul li .arrow > dl dt,
.index-nav ul li .arrow > dl dd{
	font-size:18px;
	color:#FFFFFF;
}

.index-nav ul li .arrow > dl dt{
	width:60%;
	line-height:1.4;
	float:left;
	padding-top:5px;
}

.index-nav ul li .arrow > dl dd{
	line-height:60px;
}

.index-nav ul li .arrow > dl:after{
	content: "";
    clear: both;
	display: block;
}

.index-nav ul li a{
	position:absolute;
    top:0;
    left:0;
    width:100.1%;
    height:100.1%;
    text-indent:-9999px;
	cursor:pointer;
	 z-index: 990;
}

.index-nav ul li a:hover{
	background-color:rgba(255,255,255,0.5);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.index-nav:after{
	content: "";
    clear: both;
	display: block;
}


@media screen and (max-width: 960px) {
.index-nav{
	width:100%;
	margin-bottom:50px;
}

.index-nav ul li{
	width:49.5%;
	height:auto;
	margin-right:0;
	margin-bottom:5px;
	margin-right:0.5%;
}

.index-nav ul li .image{
	width:100%;
	height:auto;
}

.index-nav ul li img{
	width:100%;
	height:auto;
}

.index-nav ul li .arrow{
	height:auto;
	min-height:50px;
	padding:0 5px;
}

.index-nav ul li .arrow > p{
	font-size:10px;
	line-height:1.4;
}

.index-nav ul li.nav01 .arrow > p,
.index-nav ul li.nav05 .arrow > p{
	line-height:50px;
}

.index-nav ul li.nav02 .arrow > p,
.index-nav ul li.nav03 .arrow > p,
.index-nav ul li.nav04 .arrow > p{
	padding-top:10px;
}

.index-nav ul li .arrow > dl{
	width:100%;
}

.index-nav ul li .arrow > dl dt,
.index-nav ul li .arrow > dl dd{
	font-size:10px;
}

.index-nav ul li .arrow > dl dt{
	width:100%;
	float:none;
	padding-top:5px;
}

.index-nav ul li .arrow > dl dd{
	line-height:1.4;
}

.index-nav ul li:nth-child(2),
.index-nav ul li:nth-child(4){
	margin-right:0px;
}

.index-nav ul li.nav01{
	background-size:80%;
	background-position:center 10%;
}

.index-nav ul li.nav02,
.index-nav ul li.nav03,
.index-nav ul li.nav04{
	background-size:50%;
	background-position:center 25%;
}
}






.entry-cont{
	width:1200px;
	height:auto;
	position:relative;
	margin:0 auto;
	margin-bottom:750px;
}


/*フォーム*/
table{
	width:100%;
	border-collapse:collapse;
	border-top:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
}

table tr{
	border-top:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
}

table tr:first-child,
table tr:last-child{
	border:none;
}

table th{
	width:30%;
	font-weight:normal;
	text-align:left;
	border-right:1px #CCCCCC solid;
	position:relative;
}

table th,
table td{
	padding:20px 0 20px 50px;
}

table th > span{
	color:#FFFFFF;
	background-color:#FF004D;
	font-size:12px;
	text-align:center;
	border-radius:3px;
	padding:0.05em 0.5em;
	position:absolute;
	right:20px;
}

table input[type="text"],
table input[type="email"],
table input[type="tel"] ,
textarea {
    padding: 0.4em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
	width:30%;
}

#co_name,
#name,
table input[type="email"],
textarea{
	width:80%;
}

input + span.radio{
	font-size:14px;
	color:#000000;
	margin-left:0.4em;
}

label{
	display:block;
	width:15%;
	float:left;
	margin-top:10px;
}

/*ボタン*/
.btn{
	width:1000px;
	margin:0 auto;
	text-align:center;
	margin-top:100px;
}

a.privacy-btn,
input[type="submit"],
input[type="button"]{
	width:320px;
	height:60px;
	display:inline-block;
	font-family : inherit;
	-webkit-appearance : none;
	border:2px #204380 solid;
	background-color:#FFFFFF;
	font-size:16px;
	text-align:center;
	line-height:60px;
	color:#204380;
	font-weight:bold;
	padding:0;
}

a.privacy-btn{
	margin-right:20px;
	background:url(../images/common/icon_newwin_b.png) no-repeat 280px center #FFFFFF;
}

a.privacy-btn:hover{
	background:url(../images/common/icon_newwin_w.png) no-repeat 280px center #204380;
	color:#FFFFFF;
	text-decoration:none;
}

input[type="submit"]{
	background-color:#204380;
	color:#FFFFFF;
}

input[type="submit"]:disabled {
    border:2px #CCCCCC solid;
	background-color:#FFFFFF;
	color:#CCCCCC;
}

input[type="submit"].confirm-btn,
input[type="button"].confirm-btn{
	border:2px #204380 solid;
	background-color:#FFFFFF;
	color:#204380;
}

input.confirm-btn:hover,
input.error-btn:hover{
	background-color:#204380;
	color:#FFFFFF;
}




/*エラー・確認画面*/
.confirm{
	width:1000px;
	height:auto;
	position:relative;
	margin:0 auto;
	margin-bottom:750px;
	padding:100px 0 120px 0;
}

.confirm h3{
	font-size:24px;
	color:#204380;
	text-align:center;
}

.confirm p{
	text-align:center;
	padding:30px 0;
}


#formWrap {
	width:100%;
	margin:0 auto;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:15px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
	text-align:left;
	padding:0;
}



/*完了画面*/
.comp{
	width:1000px;
	height:auto;
	position:relative;
	margin:0 auto;
	margin-bottom:750px;
}

.comp > h4{
	font-size:18px;
	text-align:center;
	padding-top:100px;
	padding-bottom:200px;
}



@media screen and (max-width: 960px) {
.entry-cont{
	width:95%;
	padding:30px 0 0 0;
	margin-bottom:50px;
}

table{
	width:100%;
	margin-bottom:30px;
	border:none;
}

table th,
table td{
	display:block;
	width:100%;
	padding:0px;
	border:none;
}

table th{
	padding:0px;
	margin-bottom:10px;
}

table th > span{
	position:static;
	margin-left:1em;
	padding:2px 5px;
}

table td{
	margin-bottom:30px;
}

table tr,
table tr:last-child{
	border:none;
}

#co_name,
table input[type="text"],
table input[type="email"],
table input[type="tel"] ,
textarea{
	 width:100%;
}

table input[type="text"],
table input[type="email"],
table input[type="tel"] ,
textarea{
	-webkit-appearance: none;
}

/*#name_1{
	margin-bottom:10px;
}*/

label{
	width:30%;
	margin-bottom:15px;
}

.btn{
	width:100%;
	margin-top:50px;
}

a.privacy-btn{
	margin-right:0;
	background:url(../images/common/icon_newwin_b.png) no-repeat 95% center #FFFFFF;
}

a.privacy-btn,
input[type="submit"]{
	width:100%;
	/*font-size:14px;*/
	margin:0 auto;
	margin-bottom:10px;
}


/*エラー画面*/
.confirm{
	width:100%;
	padding:30px 0 0px 0;
	margin-bottom:50px;
}

#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:0px;
	border-bottom:0;
	margin-bottom:0;
}
table.formTable td {
	margin-bottom:10px;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	/*height:40px;*/
}

input[type="submit"].confirm-btn,
input[type="button"].confirm-btn{
	margin-bottom:10px;
}



/*完了画面*/
.comp{
	width:100%;
	margin-bottom:100px;
}

.comp > h4{
	font-size:16px;
	padding-bottom:0px;
}

}