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

#main_v{
	background: url(../img/main_v_bg.jpg) center center no-repeat;
    margin-bottom: 5rem;
    text-align: center;
    padding: 12rem 0px;
}
#main_v h2{
	font-size:7rem;
	padding:0.7em 0 0em 0;
	margin-bottom:0.2em;
}

#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.large li{
	width: 32.2%;
}

.banner_area li{
	text-align:center;
	margin-bottom:4rem;
	font-size:2rem;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid #ccc9c9;
	position: relative;
}
.banner_area li a{
  display:block;
}
.banner_area li a:focus{
  border:solid 2px;
}
.banner_area.small{
	margin-bottom: 4rem;
}
.banner_area.small li {
    width: 23.65%;
    margin-bottom: 1.9%;
}
.banner_area.big li {
	width: 48%;
	margin-bottom: 5rem;
}
.banner_area.middle{
	background:#f1eee9 ;
	padding: 3.5rem 0 0;
	
}
.banner_area.middle li{
	width: 30.78%;
	border: none;
}
.banner_area li span{
	width: 100%;
    position: absolute;
    background: #fff;
    display: inline-block;
    bottom: 0;
    left: 0;
    padding: .5rem 0;
	box-sizing: border-box;
}
.banner_area li span{
	font-size:1.6rem;
}
.banner_area li img{
	width:100%;
}
.banner_area li span.small_text{
	font-size: 1.25rem;
	padding: 0.8rem 0;
}

.banner_area li.dammy {
    opacity: 0;
}

#news2{
	margin: 4rem 0 8rem;
}
#banner_bottom .flex{
	justify-content: center;
}
#banner_bottom li{
	width: 50%;
}
#banner_bottom li a{
	display: flex;
	align-items: center;
}
#banner_bottom  .inner{
	max-width: 970px;
    box-sizing: border-box;
}
#banner_bottom li span {
    position: static;
    background: none;
    width: auto;
    padding-left: 3rem;
}
#banner_bottom li img {
	width: auto;
}
/*---------------------------------------------------------------
横幅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{
	margin-bottom: 2rem;
	padding: 6rem 0px;
    background-size: 175vw;
}
#main_v img{
	width: 80vw;
}
#main_v h2 {
    font-size: 4rem;
	padding: 0.5em 0 0em 0;
}
#main_v .btn_red {
    text-align: center;
}
.banner_area li {
    width: 100%;
}

.banner_area.large {
        margin-bottom: 3rem;
    }    
.banner_area.large li {
     width: 100%;
    margin-bottom: 1rem;
  }  
  
.banner_area.small{
	margin-bottom: 3rem;
}
.banner_area.small li {
    width: 48%;
    margin-bottom: 1rem;
}
.banner_area.small li.two_line img{
	padding-bottom: 2.6rem;
}
.banner_area li span {
	padding: 0.5rem;
	font-size: 1.5rem;
}
.banner_area.big li {
    width: 100%;
    margin-bottom: 1rem;
}
.banner_area.big {
	margin-bottom: 2rem;
}
.banner_area.middle {
    background: #f1eee9;
    padding: 2.5rem 0 ;
}
.banner_area.middle li {
    width: 100%;
    border: none;
    margin-bottom: 1rem;
}

#banner_bottom li {
    width: 47%;
}
#banner_bottom li img{
	width: 100%;
}
#banner_bottom li a{
	display: block;
}
#banner_bottom li span{
	padding-left: 0;
}

/*追記*/
h2{margin-bottom:0.5em;}

}