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


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


/* layout01 */

.layout01 {
  justify-content: center;
    gap:10vw;
}

.layout01 .lay01 {
    width: 100%;
    text-align: center;
}

.layout01 .lay02 {
    width: 100%;
    position: relative;
}

.layout01 h2 img {
    width: 88%;
    max-width: 320px;
}

.layout01 h3 {
    text-align: center;
    position: static;
    font-size: 6vw;
    padding-top: 10vw;
}


/* layout02 */

.layout02 {
  justify-content: center;
    gap:15vw;
}

.layout02 .box-detail {
    width: 100%;
    padding: 0px 8%;
}

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

.layout02 .box-img img {
    min-height: 0px;
}

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

.layout02 h6 img {
    width: 60%;
}


/* layout03 */

.layout03 {
    padding: 12vw 0px 0px;
    gap:10vw;
}

.layout03 .box-title {
    flex: auto;
}

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

.layout03 .box-detail .inner {
    padding: 15vw 8%;
}

.layout03 h2 img {
    width: 15%;
}

.layout03 p {
    padding-top: 10vw;
}


/* layout04 */

.layout04 .box-map, .layout04 iframe {
	height: 220px;
}

.layout04 .box-text {
    padding: 5vw 8%;
    gap:15px 40px;
    text-align: center;
}

.layout04 .box-text p:first-child::before {
line-height: 1.2;
    padding-right: 0px;
    display: block;
    text-align: center;
}


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