@charset "UTF-8";

body{
	margin-bottom:200px;
}
/*----------------------------------------------------
	Mv
----------------------------------------------------*/
#mv{
	position:relative;
	min-width:980px;
	z-index:0;
}
#mv h1{
	position:absolute;
	left:0;
	right:0;
	top:200px;
	margin:auto;
	width:451px;
	z-index:99;
}
#mv h2 span{
	position:absolute;
	right:0;
	top:77px;
}
.bxslider li{
	width:100%;
	height:543px;
}
.bxslider li.mv01{
	background:url(../images/top/mv_01.png) center top no-repeat;
	background-size:cover;
}
.bxslider li.mv02{
	background:url(../images/top/mv_02.png) center top no-repeat;
	background-size:cover;
}
.bxslider li.mv03{
	background:url(../images/top/mv_03.png) center top no-repeat;
	background-size:cover;
}

@media only screen and (max-width: 767px){
	#mv{
		min-width:100%;
	}
	#mv h1{
		width:300px;
		top:97px;
	}
	.bxslider li{
		height:250px;
	}
}

/*----------------------------------------------------
	TopBox
----------------------------------------------------*/
.topBox{
	width:980px;
	margin:0 auto;
	padding:35px 0 60px 0;
}

/******* .greetingBox *******/
.topBox .greetingBox{
	float:left;
	width:308px;
	position:relative;
}
.topBox .greetingBox div{
	background:url(../images/top/greeting.png) left top no-repeat;
	height:313px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.topBox .greetingBox div a{
	display:block;
	position:absolute;
	left:78px;
	bottom:74px;
}

/******* .letterBox *******/
.topBox .letterBox{
	float:right;
	width:644px;
}
.topBox .letterInr{
	background:#ffffff;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	padding:30px 30px 0 30px;
	position:relative;
	height:313px;
}
.topBox .letterBox ul{
	margin-top:10px;
	height:220px;
	overflow-y:scroll;
}
.topBox .letterBox ul li{
	padding:20px 0;
	border-bottom:1px solid #dadada;
	margin-right:30px;
}
.topBox .letterBox ul li:last-of-type{
	border:none;
	padding-bottom:0;
}
.topBox .letterBox ul li dl{
	display:table;
}
.topBox .letterBox ul li dl dt{
	display:table-cell;
	width:80px;
}
.topBox .letterBox ul li dl dd{
	display:table-cell;
	vertical-align:top;
	padding-left:10px;
}
.topBox .letterBox ul li dl dd span{
	display:block;
	padding-bottom:20px;
}

.topBox .letterBox .listBtn{
	position:absolute;
	right:30px;
	top:23px;
}

@media only screen and (max-width: 767px){
	.topBox{
		width:100%;
		padding:15px 10px 30px 10px;
	}
	
	/******* .greetingBox *******/
	.topBox .greetingBox{
		float:none;
		width:100%;
	}
	.topBox .greetingBox div{
		background:url(../images/top/greeting_sp.png) left top no-repeat;
		background-size:cover;
		height:auto;
		margin-bottom:20px;
		text-align:center;
		padding:30% 0 10% 0;
		text-align:center;
	}
	.topBox .greetingBox div a{
		padding:15px;
		display:inline-block;
		background:#5a0c61;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		color:#fff;
		position:static;
	}
	
	/******* .letterBox *******/
	.topBox .letterBox{
		float:none;
		width:100%;
	}
	.topBox .letterInr{
		padding:20px;
		position:relative;
		height:auto;
	}
    .topBox .letterInr h2:after {
		font-size:18px;
	}
	.topBox .letterBox ul li{
		padding:10px 0;
		margin-right:0;
	}
	
	.topBox .letterBox .listBtn{
		border:1px solid #4E4E4E;
		padding:7px;
		font-size:10px;
		width:auto;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		right:15px;
		top:15px;
	}
	.topBox .letterBox .listBtn a{
		color:#000;
	}
}

/*----------------------------------------------------
	Service
----------------------------------------------------*/
.serviceBox .serviceInr{
	width:980px;
	margin:0 auto;
}
.serviceBox .serviceInr section{
	float:left;
	width:313px;
	margin-right:20px;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.serviceBox .serviceInr section:last-of-type{
	margin-right:0;
}


/*** h3 ***/
.serviceBox .serviceInr section h3{
	height:204px;
	border-radius: 3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
}
.serviceBox .serviceInr section h3 span{
	display:block;
	padding:33px 0 0 10px;
}


/*** List ***/
.serviceBox .serviceInr section .serviceList{
	padding:20px 0 15px 20px;
	background:url(../images/common/bg_04.png);
}
.serviceBox .serviceInr section .serviceList li{
	padding:0 0 5px 16px;
	position:relative;
	font-size:12px;
	line-height:1.6;
}
.serviceBox .serviceInr section .serviceList li:before{
	content:"●";
	font-size:10px;
	color:#5a0c61;
	position:absolute;
	left:0;
	top:1px;
}


/*** btn ***/
.serviceBox .serviceInr section .serviceBtn{
	padding:20px;
	background:url(../images/common/bg_04.png);
	border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
}
.serviceBox .serviceInr section .serviceBtn a{
	display:block;
	padding:14px 0;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	text-align:center;
}
.serviceBox .serviceInr section .serviceBtn a img{
	vertical-align:middle;
}


/******* variation *******/

/*** h3 ***/
.serviceBox .service01 h3{
	background:url(../images/top/service01_img.png) left top no-repeat #f46299;
}
.serviceBox .service02 h3{
	background:url(../images/top/service02_img.png) left top no-repeat #108ead;
}
.serviceBox .service03 h3{
	background:url(../images/top/service03_img.png) left top no-repeat #caa218;
}


/*** btn ***/
.serviceBox .service01 .serviceBtn a{
	background:#f46299;
}
.serviceBox .service02 .serviceBtn a{
	background:#108ead;
}
.serviceBox .service03 .serviceBtn a{
	background:#caa218;
}


/******* registerBox *******/
.serviceBox .registerBox{
	width:980px;
	margin:50px auto 60px auto;
}
.serviceBox .registerInr{
	background:url(../images/common/bg_04.png);
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	text-align:center;
	padding:40px 0;
	position:relative;
}
.serviceBox .registerInr:before{
	content:"";
	background:url(../images/top/service_register_arrow.png) center center no-repeat;
	width:20px;
	height:18px;
	top:-18px;
	left:0;
	right:0;
	margin:auto;
	position:absolute;
}
.serviceBox .registerBox p{
	padding:30px 0;
}
.serviceBox .registerBox .registerBtn{
	letter-spacing:-40em;
}
.serviceBox .registerBox .registerBtn li{
	letter-spacing:normal;
	display:inline-block;
	padding:0 10px;
}

@media only screen and (max-width: 767px){
	.serviceBox .serviceInr{
		width:100%;
		padding:0 10px
	}
	.serviceBox .serviceInr section{
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	
	
	/*** h3 ***/
	.serviceBox .serviceInr section h3{
		height:170px;
		background-size:cover;
		background-position:center;
	}
	.serviceBox .serviceInr section h3 span{
		display: inline-block;
		padding: 10px 0 0 10px;
		width: 120px;
	}
	
	
	/*** list ***/
	.serviceBox .serviceInr section .serviceList {
		padding: 10px 0 5px 10px;
	}
	.serviceBox .serviceInr section .servicePh{
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		padding-top:23%;
	}
	.serviceBox .serviceInr section .servicePh img{
		display:none;
	}
	
	/*** btn ***/
	.serviceBox .serviceInr section .serviceBtn a{
		color:#fff;
		font-size:11px;
	}
	
	
	/******* variation *******/
	.serviceBox .service01 .serviceList{
		border-top:4px solid #f46299;
	}
	.serviceBox .service02 .serviceList{
		border-top:4px solid #108ead;
	}
	.serviceBox .service03 .serviceList{
		border-top:4px solid #caa218;
	}
	
	.serviceBox .service01 .servicePh{
		background-image:url(../images/top/service01_ph_sp.png);
	}
	.serviceBox .service02 .servicePh{
		background-image:url(../images/top/service02_ph_sp.png);
	}
	.serviceBox .service03 .servicePh{
		background-image:url(../images/top/service03_ph_sp.png);
	}

	
	
	/******* registerBox *******/
	.serviceBox .register{
		width:100%;
		padding:5px 10px;
	}
	.serviceBox .registerBox{
		width:100%;
		margin:20px 0 25px 0;
	}
	.serviceBox .registerInr{
		padding:20px;
		text-align:center;
	}
	.serviceBox .registerInr h3 img{
		width:250px;
	}
	.serviceBox .registerBox p{
		padding:10px 60px 0 60px;
	}
	.serviceBox .registerBox p:after{
		font-size:12px;
	}
	.serviceBox .registerBox .registerBtn{
		letter-spacing:normal;
	}
	.serviceBox .registerBox .registerBtn li{
		display:block;
		padding-top:10px;
	}
	.serviceBox .registerBox .registerBtn li a{
		display:block;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		width:100%;
		height:44px;
		line-height:44px;
		margin:0 auto;
	}
	.serviceBox .registerBox .registerBtn .btn01 a{
		color:#fff;
		background:#712f76;
	}
	.serviceBox .registerBox .registerBtn .btn01 a span{
		display:inline-block;
		width:14em;
		height:44px;
		position:relative;
	}
	.serviceBox .registerBox .registerBtn .btn01 a:after{
		padding-left:50px;
	}
	.serviceBox .registerBox .registerBtn .btn02 a{
		color:#000;
		background:#fafafa;
		border:1px solid #000;
	}
	
}


/*----------------------------------------------------
	Map
----------------------------------------------------*/
.mapBox{
	padding-bottom:60px;
}
.mapInr{
	width:980px;
	margin:auto;
	text-align:center;
}
.mapImg{
	width:780px;
	margin:auto;
	margin-bottom:30px;
}

@media only screen and (max-width: 767px){
	.mapBox{
		padding-bottom:30px;
	}
	.mapInr{
		width:100%;
		padding:0 10px
	}
	.mapImg{
		width:100%;
	}
	.mapBtn a{
		display:block;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		width:295px;
		height:44px;
		line-height:44px;
		color:#fff;
		background:#712f76;
		position:relative;
		margin:0 auto;
	}
}
/*----------------------------------------------------
	News
----------------------------------------------------*/
.newsBox{
	padding:40px 0;
	background:url(../images/common/bg_05.png);
}
.newsInr{
	width:980px;
	margin:auto;
	position:relative;
}
.newsInr .listBtn{
	position:absolute;
	right:0;
	top:0;
}
.newsInr dl{
	padding-top:25px;
	position:relative;
	line-height:1.6;
}
.newsInr dt{
	position:absolute;
}
.newsInr dd{
	padding:0 0 15px 8em;
}

@media only screen and (max-width: 767px){
	.newsBox{
		padding:30px 0;
	}
	.newsInr{
		width:100%;
		padding:0 10px
	}
	.newsInr h2:after {
		font-size:18px;
	}
	.newsInr .listBtn{
		border:1px solid #4E4E4E;
		padding:7px;
		font-size:10px;
		width:auto;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		right:10px;
	}
	.newsInr .listBtn a{
		color:#000;
	}
}
/*----------------------------------------------------
	Common
----------------------------------------------------*/