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


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

/* contents01 */

.contents01 {
	width: 88%;
}

/* layout01 */

.layout01 .box:not(:last-child) {
	margin-bottom: 15px;
}

.layout01 .box a {
	padding: 10px 20px;
	flex-direction: column;
}

.layout01 h5 {
	width: 100%;
	font-size: 15px;
	border-right-style : none;
	text-align: left;
	padding-top: 10px;
  justify-content: flex-start;
	align-items: flex-start;
}

.layout01 h6 {
	padding-top: 40px;
}

.layout01 p {
	padding: 15px 0px;
	font-size: 14px;
}
	

/* layout02 */

.box-title {
	margin-bottom: 20px;
	flex-wrap: wrap;
	flex-direction: column;
	gap:10px;
}

.box-title h5 {
	font-size: 16px;
	padding: 6px 0px 4px;
}

.box-title h6 {
	font-size: 20px;
	padding-left: 0px;
	width: 100%;
}

.layout02 p:not(:last-child) {
	margin-bottom: 30px;
}

.layout02 p img {
	width: 100%;
	height: auto;
}


/* layout03 */

.layout03 {
	padding-top: 30px;
}

.layout03 .midashi-box {
	margin-bottom: 20px;
}

.layout03 ul {
	width: 100%;
	gap: 10px 3%;
}

.layout03 ul li {
	width: 48.5%;
}

.layout03 ul li a {
	font-size: 16px;
	background-position: right 20px center;
background-size: auto 14px;
}




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