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


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

    
.midashi02a {
    border-radius: 8px;
}
    
.box-text-center {
   text-align: left;
}
    
.contents02 .layout-contents02 {
   text-align: left;
}


/* layout01 */

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

.layout01 .box-img {
    padding-top: 30px;
}
    
.layout01 .box-img2 {
  justify-content: center;
    flex-wrap: wrap;
    gap:30px;
    text-align: center;
}
    
.layout01 .box-img2 img {
   width: 100%;
    max-width: 400px;
}

.layout01 .box-img img {
    border-radius: 25px;
}
    
.layout01 .box-text {
    width: 100%;
}
    
    
/* layout02 */

.layout02 {
    width: 88%;
}

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

.layout02 .box {
  justify-content: center;
    gap:30px;
}

.layout02 .box::after {
	height: 30px;
    margin-bottom: -50px;
}

.layout02 .box-title {
    width: 280px;
    height: 130px;
}

.layout02 .box-img {
    width: 100%;
    text-align: center;
}
    
.layout02 .box-img img {
    width: 210px;
}

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

.layout02 h4 {
    font-size: 60px;
    padding-bottom: 40px;
}

.layout02 h4::after {
    font-size: 32px;
}

.layout02 h6 {
    font-size: 20px;
    padding-top: 0px;
}


/* box-list */

.box-list {
    width: 92%;
    padding: 30px 8%;
    border-radius: 0px 0px 25px 25px;
    margin-bottom: 30px;
}

.box-list ul li {
    font-size: 17px;
    text-indent: -20px;
    margin-left: 20px;
}



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