@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%;
}
    
.box-text-center {
   text-align: left;
}
    
    
/* contents02 */

.maincontents-inner section.contents02 > div.layout01 {
    margin-bottom: 30px;
}

.contents02 .layout-contents02 {
   text-align: left;
}

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


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

.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 .box-fee 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;
}
    
    
    
/* layout03 */

.layout03 .box {
    padding-top: 100px;
}

.layout03 .box:not(:last-child) {
    margin-bottom: 80px;
}

.layout03 .box::before {
    content: "";
	height: 80px;
}

.layout03 .box::after {
	height: 30px;
    margin-bottom: -50px;
}
    
.layout03 .box-text {
    text-align: left;
}


/* box-list */

.box-list {
    width: 92%;
    padding: 30px 8%;
    border-radius: 0px 0px 25px 25px;
    margin-bottom: 30px;
}
  
.box-list ul {
    display: block;
}
    
.box-list ul li {
    font-size: 17px;
    text-indent: -20px;
    margin-left: 20px;
}


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