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

#cont01 {
	padding: 60px 5.33% 80px;
}

#cont01 .box div:first-of-type p.t01 {
	display: inline;
	color: #5d5f68;
	font-size:min(5.2vw,42px);
	line-height: 2em;
	background-color: #eaf2fd;
}

#cont01 .box div:first-of-type p:last-child {
	padding-top: 30px;
}

#cont01 .box div:nth-of-type(2) {
	text-align: center;
	padding-top: 30px;
}

#cont02 {
	padding: 60px 5.33% 80px;
}

#cont02 .box {
	padding: 50px 0 0;
}

#cont02 .box div:first-of-type ul li {
	padding-left: 1.2em;
	font-size:min(4.6vw,36px);
	color: #2085b3;
	line-height: 1.2em;
	padding-bottom: 15px;
	position: relative;
}

#cont02 .box div:first-of-type ul li::before {
	content: "";
	width: 1em;
	height: 1em;
	background-image: url("../../images/ico_check02.webp");
	background-size: cover;
	position: absolute;
	left: 0;
	top: 4px;
}

#cont02 .box div:first-of-type p {
	padding-top: 20px;
	color: #f00;
}

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

#cont03 {
	padding: 60px 5.33% 80px;
}

#cont03 .box {
	padding: 50px 0 0;
}

#cont03 .box div {
	text-align: center;
	padding-top: 30px;
}

#cont04 {
	padding: 60px 5.33% 80px;
}

#cont04 .box01 {
	padding: 50px 0 60px;
}

#cont04 .box01 div {
	text-align: center;
	padding-top: 30px;
}

#cont04 .box02 {
	padding: 0 0 60px;
}

#cont04 .box02 > p {
	padding: 30px 0 40px;
}

#cont04 .box02 > ul li {
	padding-bottom: 60px;
}

#cont04 .box02 > ul li:last-child {
	padding-bottom: 0;
}

#cont04 .box02 > ul li p {
	padding: 20px 0 0;
}

#cont04 .box03 {
	border: 1px solid #2487c4;
	border-radius: 20px;
	padding: 35px 6.71% 60px;
	background-color: #fff;
}

#cont04 .box03 h3 {
	font-size:min(5.2vw,42px);
	font-weight: 500;
	color: #6d8cb7;
	line-height: 1.2em;
}

#cont04 .box03 > div {
	padding-top: 25px;
}

#cont04 .box03 > div div {
	width: 80%;
	margin: 0 auto;
	padding-top: 30px;
}

#cont05 {
	padding: 60px 5.33% 80px;
}

#cont05 > p {
	padding: 50px 0;
}

#cont05 > .box01 {
	padding-bottom: 60px;
}

#cont05 > .box01 p {
	padding: 30px 0 0;
}

#cont05 > .box01 div {
	padding-top: 30px;
	text-align: center;
}

#cont05 > .box02 {
	padding-bottom: 60px;
}

#cont05 > .box02 .box {
	padding: 30px 0 45px;
}

#cont05 > .box02 .box ul li {
	padding-left: 1.2em;
	font-size:min(4.6vw,36px);
	color: #2085b3;
	line-height: 1.2em;
	padding-bottom: 15px;
	position: relative;
}

#cont05 > .box02 .box ul li::before {
	content: "";
	width: 1em;
	height: 1em;
	background-image: url("../../images/ico_check02.webp");
	background-size: cover;
	position: absolute;
	left: 0;
	top: 4px;
}

#cont05 > .box02 .box p {
	padding-top: 20px;
}

#cont05 > .box02 .box div:last-of-type {
	padding-top: 30px;
	text-align: center;
	aspect-ratio: 16 / 9;
}

#cont05 > .box02 .box div:last-of-type iframe {
	width: 100%;
	height: 100%;
}

#cont05 > .box03 > p {
	padding: 30px 0 40px;
}

#cont05 > .box03 > .box {
	border: 1px solid #2487c4;
	border-radius: 20px;
	padding: 35px 6.71% 60px;
}

#cont05 > .box03 > .box h3 {
	margin-bottom: 30px;
	text-align: center;
}

#cont05 > .box03 > .box h3 span {
	display: inline-block;
	background-color: #6d8cb7;
	margin: 0 5px;
	width: 1.5em;
	line-height: 1.5em;
	font-size:min(6.4vw,50px);
	font-weight: 500;
	color: #fff;
}

#cont05 > .box03 > .box p.t01 span {
	color: #5d5f68;
	font-size:min(4.6vw,36px);
	line-height: 2em;
	background-color: #fff36a;
}

#cont05 > .box03 > .box > div {
	background-color: #f5f5f5;
	padding: 30px 15px 40px;
	margin: 35px 0 50px;
}

#cont05 > .box03 > .box > div h4 {
	font-size:min(5.2vw,42px);
	font-weight: 500;
	color: #6d8cb7;
	line-height: 1.2em;
	text-align: center;
}

#cont05 > .box03 > .box > div p {
	padding: 30px 0 0 90px;
	position: relative;
}

#cont05 > .box03 > .box > div p::before {
	content: "";
	width: 90px;
	height: auto;
	aspect-ratio: 115 / 103;
	background-image: url("../../images/img_hosyou.webp");
	background-size: cover;
	position: absolute;
	left: 0;
	top: 30px;
}

#cont05 > .box03 > .box p.t02 {
	font-size:min(5.2vw,42px);
	font-weight: 500;
	color: #6d8cb7;
	line-height: 1.2em;
	margin-bottom: 15px;
}

#cont05 > .box03 > .box p.t03 {
	background-color: #fff36a;
	font-size:min(4.6vw,36px);
	margin-bottom: 30px;
	text-align: center;
}

#cont05 > .box03 > .box p.t04 {
	font-size:min(5.2vw,42px);
	font-weight: 500;
	color: #6d8cb7;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 40px;
}

#cont05 > .box03 > .box p.t04 span {
	font-size:min(7.8vw,60px);
}

#cont05 > .box03 > .box > h4 {
	text-align: center;
	font-size:min(5.2vw,42px);
	font-weight: 500;
	background-color: #f9f9f9;
	line-height: 2.5em;
	margin-bottom: 20px;
}

#cont05 > .box03 > .box p.t05 {
	font-size:min(5.2vw,42px);
	font-weight: 500;
	color: #6d8cb7;
	line-height: 1.2em;
	text-align: center;
	margin-bottom: 35px;
}

#cont05 > .box03 > .box p.t06 {
	text-align: center;
}

#cont05 > .box03 > .box p.t06 > span {
	display: inline-block;
	text-align: left;
}

#cont05 > .box03 > .box p.t06 > span > span {
	font-weight: 500;
	color: #6d8cb7;
}

#cont05 > .box03 > .box p.t06 > span > span > span {
	font-size:min(5.2vw,42px);
}

#cont06 {
	padding: 60px 5.33% 80px;
}

#cont06 > p {
	padding: 50px 0;
}

#cont06 ul li {
	background-color: #fff;
	box-shadow: 0px 0px 8px 0px rgba(39, 39, 39, 0.3);
	margin-bottom: 40px;
}

#cont06 ul li:last-child {
	margin-bottom: 0;
}

#cont06 ul li h3 {
	position: relative;
}

#cont06 ul li h3.star01::after {
	content: "★";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

#cont06 ul li h3.star02::after {
	content: "★★";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

#cont06 ul li h3.star03::after {
	content: "★★★";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

#cont06 ul li p {
	padding: 15px 20px 30px;
	font-size:min(3.6vw,30px);
}

#cont07 {
	padding: 60px 5.33% 80px;
}

#cont07 .box {
	padding: 50px 0 0;
}

#cont07 .box div {
	text-align: center;
	padding-top: 30px;
}

#cont08 {
	padding: 60px 5.33% 80px;
}

#cont08 .box {
	padding: 50px 0 0;
}

#cont08 .box div {
	text-align: center;
	padding-top: 30px;
}

#cont09 {
	padding: 60px 5.33% 80px;
}

#cont09 .box {
	padding: 50px 0 0;
}

#cont09 .box div {
	text-align: center;
	padding-top: 30px;
}

#cont10 {
	padding: 60px 5.33% 80px;
}

#cont10 .box {
	padding: 50px 0 0;
}

#cont10 .box div {
	text-align: center;
	padding-top: 30px;
}

#cont11 {
	padding: 60px 5.33% 80px;
}

#cont11 p {
	padding: 50px 0 0;
}

#cont11 div {
	text-align: center;
	padding-top: 30px;
}