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


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


/* layout01 */

.layout01 {
    margin-bottom: 40px;
}

.contents01 .layout01 {
    text-align: left;
}

/* layout02 */

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

.layout02 .box-detail {
	flex-direction: column;
    gap:30px 0px;
}

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

.layout02 .box-text-in {
	width: 100%;
    padding-left: 0px;
}

.layout02 p {
    padding-top: 0px;
}

/* layout03 */

.layout03 .box-in {
	padding: 40px 0px;
}

.layout03 .midashi02 {
    width: 100%;
    border-radius: 8px;
}
    

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