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




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




/* contents-top */

.contents-top {
	width: 100%;
}
	

/* contents01 */

.contents01 {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.contents01 .box-in {
	width: 92%;
	background-size: auto 200px;
	height: auto;
	padding-top: 220px;
}

.contents01 h3 {
	font-size: 30px;
	margin-bottom: 15px;
}

.contents01 p {
	font-size: 14px;
	line-height: 1.6;
}


/* contents02 */


.contents02 h3 {
	font-size: 30px;
	margin-bottom: 20px;
}

.contents02 .box-in {
	background-size: 170% auto;
	padding-top: 30px;
}

.contents02 .box {
	width: 85%;
	padding-left: 0px;
}

.contents02 .box div {
	margin-bottom: 30px;
}

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

.contents02 p {
	font-size: 14px;
}


/* contents03 */

.contents03 {
	padding-top: 25px;
	padding-bottom: 30px;
}

.contents03 .box-in {
	width: 92%;
}

.contents03 h3 {
	margin-bottom: 20px;
}
	
.contents03 h3 img {
	height: 30px;
	width: auto;
}

/*news-box*/

.news-box {
	width:100%;
}


.news h5 {
	margin-bottom: 10px;
}

.news p {
	width: 100%;
}


.news div {
	padding-top: 10px;
	padding-bottom: 10px;
}


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