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


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

    
/* contents02 */

.contents02 .box-link img {
    height: auto;
    width: 88%;
    max-width: 400px;
}
    
/* layout01 */

.box-logo img {
    height: 130px;
}

.box-guide {
    padding: 35px 0px;
  justify-content: center;
    flex-direction: column;
     gap:30px 0px;
}

.box-guide .lay01 {
   text-align: center;
    padding: 0px;
    border-right-style : none;
}
    
.box-guide .lay02 img {
   width: 100%;
height: auto;
    max-width: 400px;
}

.box-guide h4 {
	font-size: 18px;
}

.box-guide h5, .box-guide h5 a {
	font-size: 32px;
	letter-spacing: 0em;
}

.box-guide h5 {
	padding: 10px 0px 20px;
}

.box-guide h5::before {
	font-size: 28px;
}

.layout01 .footer-menu {
	padding: 30px 6%;
    border-radius: 15px;
}

.contents01 iframe {
	height: 200px;
}

.box-map h6 {
    font-size: 32px;
}

.box-map p {
    padding: 15px 0px 30px;
}
    
.box-map .box-text p {
    padding-top: 20px;
   padding-bottom: 0px;
    display: block;
}


/* layout02 */

.layout02 {
    width: 88%;
}

.layout02 h4 {
    font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.1em;
    margin-bottom: 25px;
}
    
.layout02 h6 {
    font-size: 18px;
	letter-spacing: 0.05em;
    padding-top: 15px;
}

.layout02 ul, .layout02 > div {
  justify-content: center;
    gap:15px 3%
}

.layout02 ul li, .layout02 > div > div {
	width: 31.3%;
}
    
@media screen and (max-width: 500px) {
    .layout02 ul li, .layout02 > div > div {
	width: 48.5%;
}
}

/* layout03 */

.layout03 {
	padding: 30px 0px 0px;
    margin-top: 30px;
  justify-content: center;
    gap:20px;
    flex-wrap: wrap;
}

.layout03 h6 {
    border-radius: 8px;
    font-size: 18px;
	letter-spacing: 0.1em;
    padding: 15px 0px;
    width: 100%;
    min-width: 0px;
}



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