@charset "UTF-8";

@media screen and (min-width: 641px) {
	
.top_img{
	background:url(../img/img00.jpg) top center no-repeat;
	width:100%;
	text-indent:-9999px;
	height:600px;
}

.copy{
	width:100%;
	height:174px;
	text-align:center;
	background:url(../img/bk_ttl.jpg) repeat;
	padding-top:66px;
}

.sean01Box{
	width:100%;
	height:601px;
	background:url(../img/img01.jpg) no-repeat top center;
}

.sean01{
	width:980px;
	margin:0 auto;
	position:relative;
	font-size:18px;
}

.sean01 .txt{
	position:absolute;
	top:270px;
	left:614px;
	width:330px;
}

.btn1{
	width:230px;
	border:1px solid #da386e;
	text-align:center;
	padding:20px 0;
	background-color:#FFF;
	color:#da386e;
	margin-left:50px;
	margin-top:50px;
}

.btn1 a:link {color:#da386e;text-decoration:none;}
.btn1 a:visited {color:#da386e;text-decoration:none;}
.btn1 a:hover {color:#da386e;text-decoration:underline;}
.btn1 a:active {color:#da386e;text-decoration:underline;}
.btn1 a {outline:none;}


.btn2{
	width:230px;
	border:1px solid #da386e;
	text-align:center;
	padding:20px 0;
	background-color:#FFF;
	color:#da386e;
	margin-left:50px;
	margin-top:50px;
}

.btn2 a:link {color:#da386e;text-decoration:none;}
.btn2 a:visited {color:#da386e;text-decoration:none;}
.btn2 a:hover {color:#da386e;text-decoration:underline;}
.btn2 a:active {color:#da386e;text-decoration:underline;}
.btn2 a {outline:none;}


.sean02Box{
	width:100%;
	height:599px;
	background:url(../img/img02.jpg) no-repeat top center;
	background-color:#ffeaed;
}

.sean02{
	width:980px;
	margin:0 auto;
	position:relative;
	font-size:18px;
}

.sean02 .txt{
	position:absolute;
	top:200px;
	left:80px;
	width:330px;
}


.sean03Box{
	width:100%;
	height:600px;
	background:url(../img/img03.jpg) no-repeat top center;
	background-color:#fcc6d8;
}

.sean03{
	width:980px;
	margin:0 auto;
	position:relative;
	font-size:18px;
}

.sean03 .txt{
	position:absolute;
	top:190px;
	left:650px;
	width:330px;
}


.sean04Box{
	width:100%;
	height:600px;
	background:url(../img/img04.jpg) no-repeat top center;
	background-color:#fba4c1;
}

.sean04{
	width:980px;
	margin:0 auto;
	position:relative;
	font-size:18px;
}

.sean04 .txt{
	position:absolute;
	top:200px;
	left:80px;
	width:330px;
	color:#FFF;
}


.seanBox{
	width:980px;
	margin:0 auto;
	text-align:center;
	font-size:18px;
	margin-bottom:150px;
}

.sean .ttl{
	text-indent:-9999px;
	background:url(../img/ttl1.jpg) no-repeat center top;
	margin:50px auto 10px auto;
	width:784px;
	height:176px;
}

.sean ul li{
	float:left;
}

.sean ul li.sean19_1{
	margin-right:19px;
	margin-bottom:50px;
}

.sean ul li.sean19_2{
	margin-bottom:50px;
}

.sean ul li.sean19_3{
	margin-right:19px;
}
	
.sp{
	display:none;
}

}





@media screen and (max-width: 640px) {
	
.pc{
	display:none;
}
	
.top_img{
	width:640px;
	height:600px;
	background:url(../spimg/sp_main_img.jpg) no-repeat top center;
	text-indent:-9999px;
}

.copy{
	display:none;
}

.sean01Box{
	width:640px;
	height:1000px;
	background:url(../spimg/sp_top_img01.jpg) no-repeat top center;
}

.sean01{
	position:relative;
}

.sean01 .txt{
	position:absolute;
	top:240px;
	left:20px;
	width:600px;
}

.btn1{
	width:230px;
	border:1px solid #da386e;
	text-align:center;
	padding:20px 0;
	background-color:#FFF;
	color:#da386e;
	margin-left:50px;
	margin-top:50px;
}

.btn2{
	width:230px;
	border:1px solid #da386e;
	text-align:center;
	padding:20px 0;
	background-color:#FFF;
	color:#da386e;
	margin-left:200px;
	margin-top:20px;
}

.btn1 a:link {color:#da386e;text-decoration:none;}
.btn1 a:visited {color:#da386e;text-decoration:none;}
.btn1 a:hover {color:#da386e;text-decoration:none;}
.btn1 a:active {color:#da386e;text-decoration:none;}
.btn1 a {outline:none;}

.btn2 a:link {color:#da386e;text-decoration:none;}
.btn2 a:visited {color:#da386e;text-decoration:none;}
.btn2 a:hover {color:#da386e;text-decoration:none;}
.btn2 a:active {color:#da386e;text-decoration:none;}
.btn2 a {outline:none;}


.sean02Box{
	width:640px;
	height:856px;
	background:url(../spimg/sp_top_img02.jpg) no-repeat top center;
}

.sean02{
	position:relative;
}

.sean02 .txt{
	position:absolute;
	top:160px;
	left:20px;
	width:600px;
}


.sean03Box{
	width:640px;
	height:940px;
	background:url(../spimg/sp_top_img03.jpg) no-repeat top center;
}

.sean03{
	position:relative;
}

.sean03 .txt{
	position:absolute;
	top:160px;
	left:20px;
	width:600px;
}

.sean04Box{
	width:640px;
	height:892px;
	background:url(../spimg/sp_top_img04.jpg) no-repeat top center;
}

.sean04{
	position:relative;
}

.sean04 .txt{
	position:absolute;
	top:150px;
	left:20px;
	width:600px;
	color:#FFF;
}

.sean .ttl{
	text-indent:-9999px;
	background:url(../spimg/sp_top_ttl02.jpg) no-repeat top center;
	margin:0 0 20px 0;
	width:640px;
	height:332px;
}

.sean ul li{
	float:left;
}

.sean ul li.sean19_11{
	margin-left:55px;
	margin-bottom:40px;
}