@charset "utf-8";
@media screen and (max-width: 736px) {
	
.mheder {
	width: 100%;

}
.logos {
	width: 60%;
	float: left;	
}
.snslogo {
	width: 13%;
	float: left;
	margin-top: 22px;
}
.wepper {
	width: 100%;
	height: 680px;
	margin-left: auto;
	margin-right: auto;
	float: left;	
}


.btn{
	display: block;
	width: 48%;
	height: 320px;

    }
	.btn2{
	display: block;
	width: 48%;
	height: 320px;

    }
   .btn3{
	display: block;
	width: 48%;
	height: 320px;

    }
     .btn4{
	display: block;
	width: 48%;
	height: 320px;

    }


  .layout{
	width: 160px;
	height: 400px;
	margin-bottom: 1%;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	list-style-type: none;
}
.layoutpic{
	height: 160px;
	border: thin solid #F3F3F3;
}
.layouttitle{
	width: 160px;
	height: 50px;
	margin-top: 20px;
	font-size: small;
	
}
.layout2{
	width: 160px;
    padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;

}

.inArea {
	width: 100%;
	height: 260px;
	padding-top: 5%;
	overflow: aute;
	overflow-y: scroll;
	margin-left: auto;
	margin-right: auto;
	
	color: #000000;
	
}
.top01 {
	font-family: "Noto Sans Japanese";
	font-weight: 300;
	width: 95%;
	height: 500px;

}
.top02 {
	font-family: "Noto Sans Japanese";
	font-weight: 300;
	width: 95%;
	height: 400px;

}
.top03 {
	font-family: "Noto Sans Japanese";
	font-weight: 300;
	width: 95%;
	height: 400px;

}
.top04 {
	font-family: "Noto Sans Japanese";
	font-weight: 300;
	width: 95%;
	height: 400px;

}
.top04_4 {
		
	width: 11%;
	height: 100px;
	float: left;
	
}
.top04_6 {
		
	width: 11%;
	height: 100px;
	float: left;
		
}

}