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


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

/* contents01 */

/* layput01 */
	
.layout01 {
	padding: 40px 0px;
}

.layout01 .box-inner {
	max-width: 400px;
	border-radius: 25px;
	flex-direction: column;
}

.layout01 .box-img {
	width: 100%;
}

.layout01 .box-img img {
	height: auto;
}

.layout01 .box-detail {
	padding: 30px;
}


.layout01 h4 {
	font-size: 34px;
	margin-bottom: 20px;
}

.layout01 h5 {
	font-size: 23px;
letter-spacing: 0.15em;
	padding-bottom: 30px;
}

.layout01 h5::before {
	padding-right: 20px;
}

.layout01 h5::after {
	font-size: 14px;
}

.layout02 {
	width: 88%;
	padding: 50px 0px 80px;
}

.layout02 h4 {
	font-size: 24px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.layout03 {
	border-radius: 25px;
	padding: 60px 6% 30px;
}

.layout03::after {
left: 20%;
	width: 60%;
	padding: 15px 0px;
	font-size: 20px;
	margin-top: -25px;
}

.layout03 .box-detail {
  justify-content: center;
	flex-direction: column;
	gap:20px;
}

.layout03 .box-detail .box {
	width: 100%;
	border-radius: 20px;
	padding: 30px 30px 20px;
}

.layout03 h5 {
	font-size: 20px;
	margin-bottom: 15px;
}

.layout03 p {
	font-size: 14px;
}

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