@charset "utf-8";

/*********************
 window resize 767px
*********************/
@media screen and (max-width: 767px) {

	/*********************
	 main_top
	*********************/
	#main_top #top_image{
		height: auto;
		width:100%;
	}
	.main_top img{
		height: initial;
		aspect-ratio: 1 / 1;
		width:100%;
	}

	/*********************
	 message
	*********************/
	.message h1{
		font-size: 1em;
		font-weight: normal;
		text-align:center;
		line-height:1.8em;
	}

	/*********************
	 listBox
	*********************/
	.listBox{
		padding:50px 10px;
	}
	.listBox h1{
		margin-left:15px;
	}
	.listBox .listIcon ul{
		flex-wrap: wrap;
	}
	.listBox .listIcon li{
		width:50%;
		padding:0 5px 10px 5px !important;
	}
	.listBox .listIcon .moreBtn{
		margin-top:30px;
	}

	/*********************
	 areaBox
	*********************/
	.areaBox h1{
		margin-left:15px;
	}
	.areaBox ul{
		display:block;
	}
	.areaBox li{
		margin:0 0 20px !important;
		width:100%;
	}
	.areaBox li:last-child{
		margin-bottom:0 !important;
	}
	.areaBox li h1{
		margin-left:0;
	}

}