@charset "utf-8";

.s_logo{padding:30px 0;}
@media screen and (max-height: 768px){
.s_logo{padding:20px 0;}	
}

.s_logo a{
	display:table;
	margin:0 auto;
}
.s_logo a img{max-width:100%;}

#wrapper{
	overflow-x: hidden;
}

#mainvisual{
	position:relative;
	width:100%;
	padding:0;
	background: url("../img/index/main.png") top center/cover no-repeat;
	height:70vh;
	min-height:600px;
	max-height:800px;
	margin:0 auto;
}
#mainvisual .title{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	margin: auto;
}
#mainvisual .title img,
#mainvisual .illust img{
	display:block;
	width:100%;
}
#mainvisual .illust{
	width:45%;
	position:absolute;
	left:5%;
	bottom:-25%;
	transform: translateY(-10%) translateX(-10%);
	-webkit-transform: translateY(-10%) translateX(-10%);
	margin:0;
}
#contents .inner{
	width:100%;
	margin:0 auto;
	paddiing:0;
}
#contents .inner.message{background:#fdf2f7;}
#contents .inner.news{background:#fdfdfd;}

#contents .inner .wap{
	width:84%;
	padding:80px 0;
	margin:0 auto;
}
#contents .inner.message .wap{padding-top:120px;}

#contents .inner.message .wap span.eg{
	display:table;
	color:#ee869a;
	font-size:24px;
	line-height:1.2em;
	font-weight:600;
	letter-spacing: 0.2pt;
	margin:0 auto 5px;
	padding:0 0 8px;
	background:url(../img/index/line.png) center bottom no-repeat;
}
#contents .inner.message .wap h2{
	display:table;
	font-size:42px;
	line-height:1.6em;
	letter-spacing: 1.2pt;
	color:#ee869a;
	font-weight:600;
	margin:0 auto 40px;
	padding:0;
}

#contents .inner.message .wap p.read{
	font-size:18px;
	color:#000;
	line-height:1.8em;
	text-align:center;
	margin:0 auto 40px;
	padding:0;
}
#contents .inner.message .wap p.center{
	font-weight:600;
	text-align:center;
	padding:0;
	margin:0 auto;
}

#contents .inner.message .wap .icon.pink{
	color:#fff;
	font-size:16px;
	background:#ee869a;
	border-radius:24px;
	padding:4px 12px;
	margin-right:10px;
}

/*--------------------------------------*/
@media screen and (max-width: 1079px){
.s_logo{padding:20px 0;}
.s_logo a{width:66%;}
.s_logo a img{max-width:100%;}
#mainvisual .illust{
	width:50%;
	bottom:-20%;
	}
}

@media screen and (max-width: 767px){
#mainvisual{
	height:480px;
	min-height:auto;
	max-height:auto;
}
#mainvisual .title{width:66%;}
	
#contents .inner .wap{
	width:92%;
	padding:60px 0;
}
#contents .inner.message .wap{padding-top:80px;}
#contents .inner.message .wap span.eg{
	font-size:18px;
	line-height:1.1em;
}
#contents .inner.message .wap h2{
	font-size:32px;
	font-size: 3.2rem;
	margin:0 auto 20px;
}

#contents .inner.message .wap p.read{
	text-align:left;
	font-size:16px;
	margin:0 auto 20px;
}
#contents .inner.message .wap .icon.pink{font-size:14px;}
	
}

@media screen and (max-width: 420px){
#mainvisual{height:380px;}
#mainvisual .title{width:86%;}	
#mainvisual .illust{
	width:52%;
	bottom:-20%;
	left:10%;
	}
#contents .inner.message .wap .icon.pink{
	display:table;
	line-height:1em;
	padding:6px 16px;
	margin:0 auto 5px;
	}	
	
}