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

#special01 .mv {
	text-align: center;
	padding: 50px 0;
}

#special01 > p {
	padding: 0 20px;
}

#special01 .i01 {
	text-align: center;
	padding: 50px 0 80px;
}

#special01 .box01 {
	margin: 0 0 60px;
	background-color: #f5f9fa;
	padding: 45px 0 65px;
}

#special01 .box01 h2 {
	text-align: center;
}

#special01 .box01 .i02 {
	padding: 60px 0 45px;
}

#special01 .box01 div ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines:multiple;
    -moz-box-lines:multiple;
	-ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: center;
	padding: 0 20px;
}

#special01 .box01 div ul li {
	width: 48%;
	padding-right: 4%;
	padding-bottom: 55px;
}

#special01 .box01 div ul li:nth-child(2n),#special01 .box01 div ul li:last-child {
	padding-right: 0;
}

#special01 .box01 .i03 {
	padding: 0 20px;
}

#special01 .box01 .i03 div {
	float: left;
	width: 30%;
	margin-right: 20px;
}

#special01 .box01 > ul {
	width: 80%;
	margin: 0 auto;
	padding: 60px 0 0;
}

#special01 .box01 > ul li:first-child {
	padding-bottom: 30px;
}

#special01 .box02 h3 {
	padding-top: 5px;
    padding-bottom: 5px;
    font-family: 'Noto Serif JP', serif;
    font-size: 22px;
    color: #555;
}

#special01 .box02 .box {
	padding: 30px 20px 80px;
}

#special01 .box02 .box > div:first-of-type p:first-child {
	font-size: 20px;
    color: #aa2b74;
    font-family: 'Noto Serif JP', serif;
}

#special01 .box02 .box > div:first-of-type p:last-child {
	padding: 30px 0 0;
}

#special01 .box02 .box > div:last-of-type {
	text-align: center;
    padding-top: 30px;
}

#special01 .box02 .box > p.btn {
	padding: 30px 0 0;
}