@charset "UTF-8";
@import url(base.css);


.vis-sp {
	display: none;
}
/*----------------------------mv--------------------------------*/

#top_mv{
	width:100%;
	min-height:450px;
	background:url(/img/cmn/mv_bg.png) no-repeat 50% 50%;
	background-size: cover;
}


#top_mv section{
	max-width:1100px;
	margin:auto;
	width:100%;
	overflow:hidden;
	padding-top:75px;
	background:url(/img/home/mv_bg2.png) no-repeat 100%;
}
#top_mv::before{
	display: none !important;
}


#top_mv span{
	font-size:200%;
	display: inline-block;
	background-color:#e6163c;
	color:#fff;
	padding:5px 10px;
	line-height:150%;
	font-weight:normal;
	margin:8px 0;

}
#top_mv p{
	font-size:120%;
	padding-top:30px;
	padding-bottom:30px;
	text-shadow: 1px 1px 1px #F7FDFD, 1px 1px 1px #F7FDFD,1px 1px 1px #F7FDFD;

}

.fb .hide-sp {
	margin: 0 auto;
}

@media screen and (max-width: 1100px) {
  #top_mv section{
    padding: 10px;
		width: auto;
  }
}
@media screen and (max-width: 850px) {
	#top_mv{
		min-height:330px;
	}
		#top_mv span{
		font-size:5vw;
		display: inline-block;
		background-color:#e6163c;
		color:#fff;
		padding:5px 10px;
		line-height:150%;
		font-weight:normal;
		margin:8px 0;
	}
	#top_mv section{
		background-size: 176px 225px;
		background-position: bottom right;
  }
    #top_mv p{
	font-size:4vw;
	}

	.hide-sp {
		display: none;
	}

	.vis-sp {
		display: block;
	}
}
@media screen and (max-width: 350px) {
	#top_mv{
		min-height:300px;
	}
	#top_mv section{
		background-position:right 0px bottom -50px;
  }
	#top_mv p{
		padding-top:20px;
	}
}

.fb{
	/* float: left;
	width: 50%; */
	text-align: center;
}
.news{
	float: right;
	width: 50%;
	padding-left: 10px;
	box-sizing: border-box;
}

.psot_news{
	padding: 10px 10px 10px 0;
}


.psot_news .entry{
	border-bottom: 1px dotted #CCC;
}
.psot_news .head{
	display: table;
	position: relative;
	padding-left: 20px;
	width: 100%;
}
.psot_news .head:after{
position: absolute;
top: 50%;
left: 3px;
display: block;
content: '';
width: 5px;
height: 5px;
margin-top: -4px;
border-top: 2px solid #fac75a;
border-right: 2px solid #fac75a;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.psot_news .head div{
	display: table-cell;
	width: 12%;
	padding: 8px;
	vertical-align: middle;
}
.psot_news .head h4{
	display: table-cell;
	background: none !important;
	color: inherit !important;
	padding: 8px;
	vertical-align: middle;
}

@media screen and (max-width: 600px) {
	.fb{
		float: none;
		width: auto;
		margin: 20px auto;
	}
	.news{
		float: none;
		width: auto;
		padding-left: 0;
	}	
}

/*----------------------------bn--------------------------------*/

/*----------------------------見出し装飾--------------------------------*/
h2.und{

text-shadow: rgb(255, 255, 255) 2px 2px 3px, rgb(255, 255, 255) -2px 2px 3px, rgb(255, 255, 255) 2px -2px 3px, rgb(255, 255, 255) -2px -2px 3px;
	
}
h2.und span{
	position:absolute;
	bottom:5px;
	left:15px;
}
h2.und.bg01{
		background:url(../images/index/index_h2_01.png) no-repeat 0;
			height:91px;
	position:relative;

}
h2.und.bg02{
		background:url(../images/index/index_h2_02.png) no-repeat 0;
			height:91px;
	position:relative;

}
h2.und.bg03{
		background:url(/img/cmn/index_h2_03.png) no-repeat 0;
			height:91px;
	position:relative;

}


/*----------------------------reason--------------------------------*/
.reason{
			background:url(/img/home/reacon_bg.png) no-repeat 50% 0;
			padding-top:110px;

}

.reason h2{
	text-align:center;
}


.reason span{
font-size: 110%;
display:inline-block;
font-weight: normal;
margin: 2px 0;
color:#fff;
padding:5px;
	
}



.reason01 span{
		background-color:#e6163c;
		

}

.reason02 span{
		background-color:#16a6b6;

}

.reason03 span{
		background-color:#f1a40e;

}

.reason04 span{
		background-color:#e46b81;

}

.reason05 span{
		background-color:#56a477;

}

dl.reason01{
	width:40%;
	float:right;
	padding-top:15px;
}
dl.reason02{
	width:40%;
	float:left;
	padding-top:30px;
}
dl.reason03{
	width:42%;
	float:right;

}
dl.reason04{
	width:40%;
	float:left;
		margin-left:175px;
}
dl.reason05{
	width:50%;
	float:left;
		margin-left:175px;
}

.reason dt{
	padding-bottom:10px;
}
.reason dd{
	padding-bottom:80px;
}
.reason_inner{
				background:url(/img/home/reason_01.png) no-repeat 50% 0,url(/img/home/reason_02.png) no-repeat 0 60%,url(/img/home/reason_03.png) no-repeat 90% 100%;
				width:auto;
				overflow:hidden;
}


@media screen and (max-width: 1000px) {
	dl.reason01,dl.reason02,dl.reason03,dl.reason04,dl.reason05{
		float:none;
		width:100%;
		padding-top:0px;
		margin-left:0;
	}
	.reason dd{
	padding-bottom:30px;
}
.reason_inner{
				background:url(../images/index/reason_01.png) no-repeat 100% 0;
				width:auto;
				overflow:hidden;
				
			
}

dl.reason01{
	padding-top:20px;
}

.reason span{
display:inline;
}
	
}