@charset "UTF-8";


/*  共通
------------------------------------------------------------------------------ */

#wrap{
	top:0 !important;
}


#main_con{
	width:100%;
	height:500px;
	background-position:  center center;
	background-size: cover ;
}

@media screen and (max-width:640px) {
#main_con{
	width:100%;
	max-width:768px;
	height:400px;
	background-position:-200px 55px;
	background-size:1100px;
}
}

.main_con_info{background: url(../img/contents/main_info.jpg) no-repeat;}
.main_con_mes{background: url(../img/contents/main_mes.jpg) no-repeat;}
.main_con_con{background: url(../img/contents/main_con.jpg) no-repeat;}


@media screen and (max-width:640px) {
.main_con_con{
background-position:-400px 55px !important;}
}


#contents{
	padding:4rem 7rem;
}


@media screen and (max-width:768px) {
#contents{padding: 3rem 3rem 0;}
}

@media screen and (max-width:460px) {
#contents{padding: 6rem 2rem 0;}
}

.contents_inn{
	position:relative;
	top:-60px;
	width:100%;
	padding-top:2rem;
}

.contents_l{
	width:40%;
	float:left;
	padding-right:2rem;
	padding-top:80px;
	color:#222;
	line-height:2rem;
	font-size:1.4rem;
	padding-left:1rem;
}

.contents_r{
	float:left;
	width:60%;
	padding-top:30px;
	font-size:1.6rem;
}


@media screen and (max-width:768px) {

.contents_l{
	width:100%;
	float: none;
	padding-right:0;
	padding-top:50px;
	padding-bottom:2rem;
}

.contents_r{
	float: none;
	width:100%;
	margin:0 auto;
	padding-top:0;
	padding-left:0;
}

}


@media screen and (max-width:460px) {
.contents_r{
	font-size:1.4rem;
}
}


.con_list{
	line-height:3.4rem;
	border-left:1px solid #DDD;
	padding-top:3rem;
	padding-left:3rem;
}

.con_list dl{
	width:100%;
}

.con_list dt,dd{
	float:left;
}

.con_list dt{
	width:30%;
	font-weight:bold;
	padding-right:1rem;
}

.con_list dd{
	width:70%;
	margin-bottom:2.6rem;
}

.con_list dd a{
	text-decoration:underline;
}

.con_list dd.gmap{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.con_list dd.gmap iframe,
.con_list dd.gmap object,
.con_list dd.gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media screen and (max-width:768px) {

.con_list{
	padding-top:2rem;
	padding-left:2rem;
}

.con_list dl{
	width:100%;
}


.con_list dt,dd{
	float: none;
}

.con_list dt{
	width:100%;
	font-weight:bold;
	padding-right:1rem;
}

.con_list dd{
	width:100%;
	margin-bottom:2.6rem;

}
}



@media screen and (max-width: 640px) {
    
#footer_wrap {
    margin-top: -160px;
}

}

.name_wrap{
	text-align: right;
	font-weight: bold;
	margin-top: 6rem;
}