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

#ph01 {
	padding: 45px 20px 60px;
	background-color: #f3f3f3;
}

#ph01 > div > p.t01 {
	font-size: 22px;
	color: #072766;
	font-weight: bold;
	line-height: 1.7em;
	padding-bottom: 20px;
}

#ph01 > div > div {
	text-align: center;
}

#ph01 > div > div img {
	width: 80%;
	height: auto;
}

#ph01 > div > p.t02 {
	padding-top: 30px;
}

#ph02 {
	padding: 45px 20px 60px;
}

#ph02 > div.box {
	padding-bottom: 20px;
}

#ph02 > div.box div:first-child > p.t01 {
	font-size: 24px;
	font-weight: bold;
	color: #262627;
	padding-bottom: 20px;
}

#ph02 > div.box div:first-child > p.t02 {
	padding-bottom: 30px;
}

#ph02 > div.box div:nth-child(2) {
	text-align: center;
}

#ph02 > div.box div:nth-child(2) img {
	width: 80%;
	height: auto;
}

#ph02 ul {
	border-top: 2px solid #072766;
	border-left: 2px solid #072766;
	padding: 25px 0 20px 20px;
}

#ph02 ul li {
	line-height: 1.8em;
	margin-bottom: 20px;
	padding-left: 28px;
	position: relative;
}

#ph02 ul li::before {
	content: "";
	width: 20px;
	height: 18px;
	background-image: url("../../../images/ico_check.webp");
	background-size: cover;
	position: absolute;
	left: 0;
	top: 7px;
}

#ph03 {
	padding: 45px 20px 60px;
	background-color: #f3f3f3;
}

#ph03 > div {
	background-color: #fff;
	padding: 35px 20px 40px;
}

#ph03 > div p {
	font-size: 22px;
	color: #072766;
	font-weight: bold;
	line-height: 1.7em;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

#ph03 > div p span span {
	background: linear-gradient(rgba(255,255,255,0)0%,rgba(255,255,255,0)80%,rgba(230,218,177,1)80%,rgba(230,218,177,1)100%);
}

#ph03 > div div {
	text-align: center;
	padding: 30px 0 0;
}

#ph03 > div div img {
	width: 80%;
	height: auto;
}

#ph03 > ul {
	padding: 0 20px 40px;
	background-color: #fff;
}

#ph03 > ul li {
	padding-left: 24px;
	padding-right: 15px;
	line-height: 1.8em;
	margin-bottom: 15px;
	position: relative;
}

#ph03 > ul li::before {
	content: "";
	width: 20px;
	height: 26px;
	background-image: url("../../../images/ico_pen.webp");
	background-size: cover;
	position: absolute;
	left: 0;
	top: -2px;
}

#ph04 > div.box01 {
	padding: 0 20px;
}

#ph04 > div.box01 > p {
	padding:20px 0 60px;
}

#ph04 > div.box01 > ul {
	padding-top: 20px;
	padding-bottom: 60px;
}

#ph04 > div.box01 > ul li {
	padding-bottom: 50px;
}

#ph04 > div.box01 > ul li:last-child {
	padding-bottom: 0;
}

#ph04 > div.box01 > ul li div {
	padding: 20px 0 20px;
	text-align: center;
}

#ph04 > div.box01 > ul li div img {
	width: 80%;
	height: auto;
}

#ph04 > div.box02 {
	background-color: #e0e7f4;
	padding: 45px 20px 60px;
}

#ph04 > div.box02 h3 {
	font-size:min(6vw,32px);
	font-weight: bold;
	color: #262627;
	text-align: center;
}

#ph04 > div.box02 > div {
	padding-top: 35px;
}

#ph04 > div.box02 > div div {
	text-align: center;
}

#ph04 > div.box02 > div div img {
	width: 80%;
	height: auto;
}

#ph04 > div.box02 > div p {
	padding-top: 30px;
}

#ph05 > div.box01 {
	padding: 0 20px;
}

#ph05 > div.box01 p.t01 {
	padding: 20px 0 45px;
}

#ph05 > div.box01 .box {
	padding: 20px 0 60px;
}

#ph05 > div.box01 .box div {
	text-align: center;
}

#ph05 > div.box01 .box div img {
	width: 80%;
	height: auto;
}

#ph05 > div.box01 .box p {
	padding-top: 30px;
}

#ph05 > div.box01 p.t02 {
	padding: 20px 0 45px;
}

#ph05 > div.box01 ul.t03 {
	padding-bottom: 60px;
}

#ph05 > div.box01 ul.t03 li {
	padding-bottom: 50px;
}

#ph05 > div.box01 ul.t03 li:last-child {
	padding-bottom: 0;
}

#ph05 > div.box01 ul.t03 li div {
	padding-top: 20px;
	text-align: center;
}

#ph05 > div.box01 ul.t03 li div img {
	width: 80%;
	height: auto;
}

#ph06 > div.box01 {
	padding: 0 20px;
	margin-top: 80px;
}