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


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


/* layout01 */

.layout01 {
    margin-bottom: 40px;
    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;
}

/* box-method */

.box-method {
    flex-direction: column;
  justify-content: center;
}

.box-method h6 {
    width: 100%;
    font-size: 18px;
    padding: 15px 0px;
}

.box-method p {
    padding: 15px;
}


/* layout03 */

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

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


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