@charset "utf-8";
/* CSS Document */

#main_v{
	background:url(../img/main_v_bg.jpg) center center no-repeat;
	margin-bottom:5rem;
}
#main_v h2{
	font-size:7rem;
	padding:0.7em 0 0em 0;
	margin-bottom:0.2em;
}
#main_v h2 + p{
	text-shadow: 0em 0.1em 0.3em #F4F6F3,-0em -0em 0.3em #F4F6F3;
}

#main_v .btn_red {
    text-align: left;
	padding:2em 0 2.8em 0;
}
#main_v .btn_red a {
    font-size: 1.6rem;
    color: #FFF;
    padding: 0.7em 2.5em;
}
#banner_area ul{
	margin-bottom:-4rem;
}
#banner_area li{
	width:30.783%;
	text-align:center;
	margin-bottom:4rem;
	font-size:2rem;
}
#banner_area li span{
	font-size:1.6rem;
}
#banner_area li img{
	width:100%;
}

/*---------------------------------------------------------------
横幅768px～1190pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px){
#banner_area li{
	font-size:1.69vw;
}
#banner_area li span{
	font-size:1.35vw;
}
}





/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px){
#main_v{
	background:none;
	background-color:#F4F6F3;
	margin-bottom:5rem;
}
#main_v img{
	width:100%;
}
#main_v h2 {
    font-size: 4rem;
	padding: 0.5em 0 0em 0;
}
#main_v .btn_red {
    text-align: center;
}
#banner_area li {
    width: 100%;
}



	
}