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


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


/* layout01 */

.layout01 .box:not(:last-child) {
    margin-bottom: 50px;
}
    
.layout01 .box-text {
    width: 100%;
}
    
    
/* layout02 */

.layout02 .box:not(:last-child) {
    margin-bottom: 50px;
}

.layout02 .box-img {
    margin-bottom: 20px;
}

.layout02 .box-img img {
    border-radius: 25px;
}

.layout02 .box-text {
    padding: 20px 8%;
    text-align: left;
    border-radius: 25px;
}

.layout02 .box-fee {
    padding: 30px 0px;
  justify-content: center;
    text-align: center;
    flex-direction: column;
    gap:5px 30px;
}

.layout02 .box-detail {
    border-radius: 25px;
    padding: 10px 6%;
}

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

.layout02 h4 {
    font-size: 22px;
    width: 100%;
    max-width: 280px;
}

.layout02 h5 {
    font-size: 42px;
}

.layout02 h5::after {
    font-size: 20px;
}

.layout02 h6 {
    font-size: 18px;
    width: 100%;
}

.layout02 .box-box p {
   flex: 1;
}




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