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


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


/* layout01 */

.layout01 .box-img img {
	border-radius: 20px;
	min-height: 150px;
}

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

.layout01 h6 span {
	font-size: 18px;
}

.layout01 p {
	padding: 0px 6%;
	text-align: left;
}


/* layout02 */

.layout02 {
	width: 88%;
}

.layout02 h2::before {
	padding: 8px 6%;
	font-size: 16px;
letter-spacing: 0em;
	width: 88%;
}

.layout02 h2 img {
	width: auto;
height: 70px;
}

.layout02 h3, .layout02 h3 a, .layout03 .layout-time p {
	letter-spacing: 0.05em;
}

.layout02 h3, .layout02 h3 a {
	font-size: 35px;
	letter-spacing: 0em;
}

.layout02 h3::before {
	font-size: 20px;
}

/* layout03 */

.layout03 {
	width: 88%;
  justify-content: center;
	gap:30px 0px;
}

.layout03 .box-img {
	width: 100%;
}

.layout03 .layout-time {
	width: 100%;
}

/* layout04 */

.layout04 {
	width: 88%;
}

.layout04 ul {
  justify-content: center;
	gap:12px 4%;
}

.layout04 ul li {
	width: 48%;
}

/* layout05 */

.layout05 .map-box {
	height: 200px;
	border-radius: 20px;
}

.layout05 .map-box iframe {
	height: 200px;
}

.layout05 h6 {
	font-size: 17px;
letter-spacing: 0.05em;
	padding-top: 40px;
}

.layout05 h6::before {
	height: 22px;
}



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