@charset "utf-8";
/* CSS Document */
/* 変更箇所 各スタイルのwidth、heightのみでOK!! */
/*=======================================================================
PC版
=======================================================================*/
@media screen and (min-width:481px){
#slider_wp {
	position: relative;
	display: block;
	width: 100%;
	height: 300px;
	background: url(loader2.gif) no-repeat center;
	border-bottom: 2px solid #ababac;
}
#slider_wp p {
	position: absolute;
	top: 0px;
	left: 50%;
	z-index: 1000;
	margin-left: -480px;
	
	font-family:'M PLUS 1p', sans-serif;
	font-size:30px;
	color:#fff;
	line-height:1.2;
	letter-spacing:0.1em;
	text-align:left;
	text-shadow:
		#209b76 1px 1px 0, #209b76 -1px -1px 0,
        #209b76 -1px 1px 0, #209b76 1px -1px 0,
        #209b76 0px 1px 0, #209b76  0-1px 0,
        #209b76 -1px 0 0, #209b76 1px 0 0;
	width: 600px;
	height: 300px;
	padding-top:45px;
	padding-left:30px;
	background: linear-gradient(to left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.65) 50%,rgba(255,255,255, 1) 100%);
	box-sizing:border-box;
}
#slider_wp p::after{
	content:"";
	display:inline-block;
	position:absolute;
	bottom:100px;
	left:150px;
	width:24px;
	height:31px;
	background:url("../../img/icon_14.png") no-repeat 0 0 /cover;
}
#slider_wp p em{
	font-style:normal;
	font-size:45px;
	font-weight:700;
	color:#209b76;
	text-shadow:none;
}
#slider_wp p span{
	position:absolute;
	bottom:30px;
	left:30px;
	font-family: "Noto Sans JP", sans-serif;
	font-size:20px;
	font-weight:400;
	color:#209b76;
	letter-spacing:0;
	text-shadow:0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff;
}
#slider {
	position: relative;
	width: 960px;
	height: 300px;
	margin: 0 auto;
	background: url(loader.gif) no-repeat center;
}
#slider img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 300px;
}

}
/*=======================================================================
レスポンシブ版
=======================================================================*/
@media screen and (max-width:480px){
#slider_wp {
	position: relative;
	display: block;
	width: 100%;
	height: 300px;
	background: url(loader2.gif) no-repeat center;
	border-bottom: 2px solid #ababac;
}
#slider_wp p {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1000;
	transform: translateY(-50%);
	
	font-family:'M PLUS 1p', sans-serif;
	font-size:28px;
	color:#fff;
	line-height:1.2;
	letter-spacing:0.1em;
	text-align:left;
	text-shadow:
		#209b76 1px 1px 0, #209b76 -1px -1px 0,
        #209b76 -1px 1px 0, #209b76 1px -1px 0,
        #209b76 0px 1px 0, #209b76  0-1px 0,
        #209b76 -1px 0 0, #209b76 1px 0 0;
	width: 100%;
	height: 67.5vw;
	padding-top:10vw;
	padding-left:24px;
	background: linear-gradient(to left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.65) 50%,rgba(255,255,255, 1) 100%);
	box-sizing:border-box;
}
#slider_wp p::after{
	content:"";
	display:inline-block;
	position:relative;
	bottom:-3px;
	left:8px;
	width:24px;
	height:31px;
	background:url("../../img/icon_14.png") no-repeat 0 0 /cover;
}
#slider_wp p em{
	font-style:normal;
	font-size:38px;
	font-weight:700;
	color:#209b76;
	text-shadow:none;
}
#slider_wp p span{
	position:absolute;
	bottom:8vw;
	left:24px;
	font-family: "Noto Sans JP", sans-serif;
	font-size:16px;
	font-weight:400;
	color:#209b76;
	letter-spacing:0;
	text-shadow:0 0 10px #fff, 0 0 10px #fff;
}

#slider_wp p img{width: 135%;}
#slider {
	position: relative;
	height: 300px;
	margin: 0 auto;
	background: url(loader.gif) no-repeat center;
}
#slider img {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 960px;
	height: 300px;
}

}

@media screen and (max-width:350px){
	#slider_wp p{
		padding-top:20px;
		padding-left:18px;
	}
	#slider_wp p span{
		left:18px;
		font-size:14px;
	}
}