@charset "utf-8";

.main02bk{
	width:100%;
	height:100%;
	background:url(../img/main/main02_bk.jpg) no-repeat center;
	background-size:cover;
}

.main03bk{
	width:100%;
	height:100%;
	background:url(../img/main/main03_bk.jpg) no-repeat center;
	background-size: cover;
}

.main04bk{
	width:100%;
	height:100%;
	background:url(../img/main/main04_bk.jpg) no-repeat center;
	background-size: cover;
}


#main01,
#main02,
#main03,
#main04,
#main05{
	max-width:1020px;
	width:100%;
	margin:0 auto;
	padding:50px 20px;
	box-sizing: border-box;
	text-align:center;
}

.top01_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
.top01_01>ul>li{
	width:100%;
	padding:0 0 1em 0;
	margin:0 0.5% 2em;
	background:#222222;
	color:#FFFFFF;
	position: relative;
}

.top01_01img img,
.top01_01img_b img{
	width:100%;
}



.main01_01{
	width:32%;
	max-width:320px;
	margin-right:10px;
	background:#222222;
}

.main01_02{
	/*height:225px;*/
	position:relative;
	background:#222222;
	color:#FFFFFF;
}

.main01_03{
	padding:1em;
}

.main01_04{
	width:20%;
	max-width: 59px;
	margin:0 0 0 78%;
	border-bottom: solid #222222 2px;
}
.main01_04 a img{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.main01_04:hover{
	border-bottom: solid #77ABBD 2px;
	
}



.main02_01{
	margin-left:1.3em;
	padding-top:40px;
	color:#FFFFFF;
	width:90%;
	box-sizing: border-box;
}

#main03{
	position:relative;
}

.main03_01 {
	width:100%;
	padding:2em 0;
	margin:0 auto;
}
.main03_01 img:hover{
	background:#00688C;
}


#main04{
	position:relative;
}


.main04_01 {
	width:100%;
	padding:2em 0;
	margin:0 auto;
}
.main04_01 img:hover{
	background:#FFFFFF;
}

.main05_01img{
	width:50%;
	margin:0 auto;
}

.main05_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	align-items: center;
}

.main05_01>ul>li:nth-child(1){
	width:100%;
}

.main05_01>ul>li:nth-child(2){
	width:100%;
	margin:1em auto 0;
}


.margin0{
	margin:0;
}

/*========================
	マップ
========================*/

.map_block {
	position:relative;
	padding-bottom: 89.841269%; /* 100/横*縦*/
	height: 0;
	overflow: hidden;
}
.map_block iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media (min-width : 768px) {

.top01_01>ul>li{
	width:32%;
	margin:0 0.5%;
}
	
.top01_01b>ul>li:nth-child(1){
	order: 2;
}
.top01_01b>ul>li:nth-child(2){
	order: 1;
}
.top01_01img_b{
	position: absolute;
	bottom:0;
}

.main02_01{
	width:41.66666%;
}

.main05_01img{
	width:67%;/*196 131*/
	margin:0;
}
	
.main05_01>ul>li:nth-child(1){
	width:20%;
}

.main05_01>ul>li:nth-child(2){
	width:70%;
	margin:0 0 0 10%;
}
	
.map_block {
	position:relative;
	padding-bottom: 45%; /* 100/横*縦*/
	height: 0;
	overflow: hidden;
}

}

@media (min-width : 1020px) {
	
.main01_03{
	padding:1em 2.3em;
}
.main03_01 {
	width:41.530612244%;
	padding:2em 0;
	margin:0 0 0 58%;
}
	
.main04_01 {
	width:41.530612244%;
	padding:2em 0;
	margin:0;
}
	
}