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


@media screen and (max-width: 767px) {

.main-contents {
	padding-top: 35px;
}

/*contents01*/

.contents01 {
	width: 92%;
	padding: 40px 20px;
}

.contents01 .box {
	margin-bottom: 40px;
	width: 100%;
}

.contents01 .box:last-child {
	margin-bottom: 0px;
}

.contents01 .box h4 {
	font-size: 17px;
	width: 100%;
}
	
.contents01 .box h4 br {
	display: none;
}

.contents01 .box h6 {
	font-size: 20px;
}

.contents01 .box p {
	width: 98%;
}

/*contents02*/

.contents02 h4 {
	font-size: 13px;
}

.contents02 h5 {
	font-size: 24px;
}

/*contents03*/

.contents03 {
	display: block;
}

.contents03 .box {
	width: 220px;
	margin: 0px auto;
	margin-bottom: 20px;
}
	
.contents03 .box:last-child {
	margin-bottom: 0px;
}

.contents03 .box h6 {
	font-size: 16px;
	padding-top: 15px;
	line-height: 1.5;
}
	
.contents03 .box h6 br {
	display: none;
}


/*contents04*/

.contents04 .box {
	display: block;
	padding: 22px 5px;
	height: auto;
background-position: left 5px top 15px;
	background-size: auto 40px;
}
	
.contents04 .box:first-child {
	padding-top: 0px;
	background-position: left 5px top 0px;
}
	
.contents04 .box:last-child {
	padding-bottom: 0px;
}

.contents04 h6 {
	font-size: 16px;
	padding-left: 55px;
}


	
	
/*map-box*/

.map-box {
	width: 92%;
	height: 150px;
}

.map-box iframe {
	height: 150px;
	width: 100%;
}
	
.text01 {
	margin-bottom: 10%;
}

.text02 {
	margin-bottom: 0%;
}

.text03 {
	margin-bottom: 8%;
}
	
.text04 {
	margin-bottom: 8%;
}



    .pc-view {
        display: none;
    }
    .sp-view {
        display: block;
    }
   
}