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

#mainv{
	max-width: 1920px;
	margin-bottom: 22px;
  position:relative;
}

#mainv h1{
  position:absolute;
  top:100px;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  top:1.5vw;
}

#mainv p{
 position:absolute;
  top:17vw;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  font-size:24px;
  font-weight:bold;
  text-align:center;
}


	#mainv img{
		width: 100%;
	}
#contents_main{
  max-width: 1150px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0;
  padding-bottom: 10rem
}

#contents_main .inner{
 margin-top:-4vw;
  margin-bottom:3vw;
}



#contents_main ul.area_list{
flex-wrap: wrap;  
display:flex;
justify-content: flex-start;
}

#contents_main ul.area_list li{
  border:solid 2px #231815;
  background:url(../img/icon_check.png) right bottom no-repeat #fff;
  /*background-size:29.5%;*/
  background-size:22%;
  /*width:23.2%;*/
  width: 31%;
  margin:0.5vw;
}

#contents_main ul.area_list li a{
display:block;
  height:100%;
padding:1.3em;  
}


#contents_main ul.area_list li a:hover img{
opacity:0.7;
}

#contents_main ul.area_list li a:hover p:nth-of-type(1){
text-decoration:none;
}

#contents_main ul.area_list li p:nth-of-type(1){
text-align:center;
color:#231815;
font-weight:bold;
font-size:20px;
  text-decoration:underline;
}

#contents_main ul.area_list li img {
max-width:100%;
display:block;
margin:0 auto;
}


	.btn_back_top{
		max-width: 509px;
		margin : 0 auto 0;
	}


@media screen and (min-width: 768px) and (max-width: 1700px) {
  
#mainv h1{
width:29vw;

}  
  
#mainv p{
  top:18vw;
  font-size:1.3vw;

}
}

@media screen and (min-width: 768px) and (max-width: 1100px) {

#contents_main ul.area_list li{
font-size:1.4vw;
}
  
#contents_main ul.area_list li p:nth-of-type(1){
font-size:1.8vw;

}  
  
}

@media screen and (max-width: 767px) {
		#mainv{
			max-width: 100%;
			margin-bottom: 1rem;
		}
			#mainv img{
				width: 100%;
			}
		#contents_main{
		  max-width: 100%;
		  margin: 0 auto;
		  padding: 0;
		  padding-bottom: 4rem
		}

#mainv h1 {

    top: 4vw;
  width:80%;
}  
  
#mainv p {
    position: absolute;
    top: 50vw;
    width: 80%;
  font-size:4vw;
} 
  #contents_main .inner{margin-top:-14vw;margin-bottom:6vw;}  
  
  #contents_main ul.area_list {
flex-wrap: wrap;
    justify-content: center;
}
#contents_main ul.area_list li{
  width:47%;
min-height:68vw;
  margin:0.7vw;
background-size:29.5%;  
} 

  #contents_main ul.area_list li a{
    padding:3vw 2vw 4vw 2vw;
}
#contents_main ul.area_list li p{
  font-size:3.4vw;
}  
#contents_main ul.area_list li p:nth-of-type(1){

font-size:4.2vw;

}
 
			.btn_back_top{
				max-width: 80%;
				margin : 0 auto 0;
			}
			#banner_campaign{
				max-width: 96%;
				margin : 4rem auto 0;
			}
}