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


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

	
/* title-page */

.title-page h2 {
	padding-top: 30px;
}

/* layout01 */

.layout01 .box-inner {
	gap:55px 2%;
	padding-top: 30px;
}

.layout01 .box {
	width: 32%;
	padding: 50px 20px 30px;
}
	
@media screen and (max-width: 600px) {
	.layout01 .box {
	width: 100%;
		max-width: 320px;
}
}

.layout01 .box::after, .layout02 .box::after {
	width: 66%;
	height: 56px;
	font-size: 15px;
	padding: 0px 5%;
	margin-top: -28px;
}

.layout02 .box::after {
	left: 30%;
	width: 30%;
}
	
@media screen and (max-width: 600px) {
	.layout02 .box::after {
	left: 12%;
	width: 66%;
}
}

.layout01 .w-list {
  justify-content: flex-start;
	align-items: flex-start;
	gap:15px 20px;
}
	
.layout01 .w10 {
	gap:0px 20px;
}

.w-day {
	padding-left: 40px;
	gap:0px 10px;
}

.w-day:nth-child(1) {
	margin: 10px 0px 20px;
}

.w-day::before {
left: 0px;
	width: 34px;
	height: 30px;
}

.layout01 .box h5 {
	font-size: 38px;
}

.layout03 .box h5 {
	font-size: 50px;
	padding-top: 10px;
}

.layout01 .box h5::after {
	font-size: 15px;
}
	
.layout03 .box h5::after {
	font-size: 24px;
}

.layout03 .box h6 {
	padding-top: 20px;
}

.layout01 .box p {
	padding-top: 20px;
	text-align: left;
}
	
.layout01 ul li {
	padding-left: 15px;
}

.layout01 ul li::before {
top: 5px;
}


/* layout02 */

.layout02 {
	margin-top: 60px;
}
	
.layout02 .box {
	width: 100%;
	max-width: 100%;
}


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