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




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

.contents001 .box01 .contents-left {
	width: 100%;
}
	
.contents001 .box01 .contents-left {
	width: 100%;
	padding-right: 0px;
	background-image: url("images/arrow02.png");
background-position: center bottom;
background-repeat: no-repeat;
	padding-bottom: 30px;
	margin-bottom: 10px;
	background-size: auto 20px;
}

.contents001 .box01 .contents-right {
	width: 100%;
}

.contents001 .box01 h5 {
	font-size: 17px;
}

.contents001 .box02 {
	margin-bottom: 0px;
}

.contents001 .box02 img {
	width: 100%;
	height: auto;
}

.contents001 .box02 .box {
	padding-right: 0px;
	background-image: none;
	width: 47%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 20px;
}


.contents001 .box03 .box, .contents001 .box04 .box {
background-position: center bottom;
	background-size: auto 20px;
	padding-bottom: 30px;
}
	

.contents001 .box03 .box img, .contents001 .box04 .box img {
	width: 100%;
	height: auto;
}

.contents001 .box03 h5, .contents001 .box03 p {
	display: block;
}

.contents001 .box03 p {
	padding-left: 0px;
	padding-top: 15px;
	font-size: 14px;
	line-height: 1.6;
}

.contents001 .box04 .contents-left, .contents001 .box04 .contents-right {
margin-left: auto;
margin-right: auto;
	width: 100%;
}
	
.contents001 .box04 .contents-left .box:last-child {
	background-image: url("images/arrow02.png");
	padding-bottom: 30px;
	margin-bottom: 5px;
}



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