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


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

/* contents01 */

.contents01 {
    width: 100%;
    position: relative;
}

/* layout01 */

.layout01 {
    width: 88%;
}

.layout01 .box {
  justify-content: center;
    flex-direction: column;
    gap:30px;
}

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

.layout01 .box-img {
    width: 100%;
    text-align: center;
}
    
.layout01 .box-img img {
    max-width: 350px;
}

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

.layout01 h3 {
    font-size: 28px;
    margin-bottom: 25px;
    text-align: center;
}

.layout01 ul li {
    font-size: 15px;
    text-indent: -15px;
    margin-left: 15px;
}


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