@charset "UTF-8";

/* CSS Document */

/*PC*/
@media print, screen and (min-width: 768px) {



.comTtl { color: #b09769; font-size: 2.0rem; margin: 30px 0 10px; font-weight: normal;}
.comTtl::before { content: "●"; color: #b09769; font-size: 2.0rem; font-weight: normal;}
.comTable { color: #b09769; font-size: 1.6rem; margin: 0 0 70px; border-top: solid 1px #b09769;}
.comTable th { display: block; width: 100%; padding: 10px 0; font-weight: normal; background: #b09769; color: #FFF; border-bottom: solid 1px #FFF;}
.comTable td { padding: 10px 20px; font-weight: normal; color: #b09769; border-bottom: solid 1px #b09769; border-right: solid 1px #b09769;}
 
 #a01, #a02, #a03 { padding-top: 150px; margin-top:-150px;}



.sec01 {}
.sec01 ul { list-style: none; display: flex; justify-content: space-between; margin: 0 0;}
.sec01 ul li { margin: 0 0 0 30px; width: calc((100% - 60px) / 3);}
.sec01 ul li:nth-child(3n+1) { margin-left: 0;}
.sec01 ul li a { display: block; width: 100%; padding: 20px 0; text-align: center; letter-spacing: 0.2em; font-size: 1.6rem;}
.sec01 ul li:nth-child(1) a { color: #009edb; border: solid 1px #009edb;}
.sec01 ul li:nth-child(2) a { color: #0070b3; border: solid 1px #0070b3;}
.sec01 ul li:nth-child(3) a { color: #007172; border: solid 1px #007172;}
.sec01 ul li:nth-child(1) a:hover { background: #009edb; color: #FFF;}
.sec01 ul li:nth-child(2) a:hover { background: #0070b3; color: #FFF;}
.sec01 ul li:nth-child(3) a:hover { background: #007172; color: #FFF;}



.sec02 { padding: 70px 0;}
.sec02 h3 { text-align: center; letter-spacing: 0.2em; font-size: 2.6rem; font-weight: normal; border-bottom: solid 1px #009edb; border-top: solid 1px #009edb; padding: 10px 0; color: #009edb; margin: 0 0 20px; 
background: linear-gradient(
	-45deg,
	#FFFFFF 35%,
	#eaf6fd 15%,
	#eaf6fd 50%,
	#FFFFFF 50%,
	#FFFFFF 85%,
	#eaf6fd 85%,
	#eaf6fd
);
background-size: 20px 20px;}
.sec02 .table01 { color: #009edb; font-size: 1.6rem; margin: 0 0 10px; border-top: solid 1px #009edb;}
.sec02 .table01 th { width: 20%; padding: 10px 0; font-weight: normal; background: #009edb; color: #FFF; border-bottom: solid 1px #FFF;}
.sec02 .table01 td { padding: 10px 20px; font-weight: normal; color: #009edb; border-bottom: solid 1px #009edb; border-right: solid 1px #009edb;}
.sec02 .btn {}
.sec02 .btn a { display: block; padding: 20px; text-align: center; background: #009edb; color: #FFF; font-size: 2.1rem; border: solid 1px #009edb;}
.sec02 .btn a:hover { background: #FFF; color: #009edb;}



.sec03 { padding: 70px 0;}
.sec03 h3 { text-align: center; letter-spacing: 0.2em; font-size: 2.6rem; font-weight: normal; border-bottom: solid 1px #0070b3; border-top: solid 1px #0070b3; padding: 10px 0; color: #0070b3; margin: 0 0 20px;background: linear-gradient(
	-45deg,
	#FFFFFF 35%,
	#eff5fc 15%,
	#eff5fc 50%,
	#FFFFFF 50%,
	#FFFFFF 85%,
	#eff5fc 85%,
	#eff5fc
);
background-size: 20px 20px;}
.sec03 .table01 { color: #0070b3; font-size: 1.6rem; margin: 0 0 10px; border-top: solid 1px #0070b3;}
.sec03 .table01 th { width: 20%; padding: 10px 0; font-weight: normal; background: #0070b3; color: #FFF; border-bottom: solid 1px #FFF;}
.sec03 .table01 td { padding: 10px 20px; font-weight: normal; color: #0070b3; border-bottom: solid 1px #0070b3; border-right: solid 1px #0070b3;}
.sec03 .btn {}
.sec03 .btn a { display: block; padding: 20px; text-align: center; background: #0070b3; color: #FFF; font-size: 2.1rem; border: solid 1px #0070b3;}
.sec03 .btn a:hover { background: #FFF; color: #0070b3;}



.sec04 { padding: 70px 0;}
.sec04 h3 { text-align: center; letter-spacing: 0.2em; font-size: 2.6rem; font-weight: normal; border-bottom: solid 1px #007172; border-top: solid 1px #007172; padding: 10px 0; color: #007172; margin: 0 0 20px;background: linear-gradient(
	-45deg,
	#FFFFFF 35%,
	#f0f5f3 15%,
	#f0f5f3 50%,
	#FFFFFF 50%,
	#FFFFFF 85%,
	#f0f5f3 85%,
	#f0f5f3
);
background-size: 20px 20px;}
.sec04 .table01 { color: #007172; font-size: 1.6rem; margin: 0 0 10px; border-top: solid 1px #007172;}
.sec04 .table01 th { width: 20%; padding: 10px 0; font-weight: normal; background: #007172; color: #FFF; border-bottom: solid 1px #FFF;}
.sec04 .table01 td { padding: 10px 20px; font-weight: normal; color: #007172; border-bottom: solid 1px #007172; border-right: solid 1px #007172;}
.sec04 .btn {}
.sec04 .btn a { display: block; padding: 20px; text-align: center; background: #007172; color: #FFF; font-size: 2.1rem; border: solid 1px #007172;}
.sec04 .btn a:hover { background: #FFF; color: #007172;}


}



/*sp*/
@media only screen and (max-width: 767px) {



.comTtl { color: #b09769; font-size: 1.8rem; margin: 30px 0 10px; font-weight: normal;}
.comTtl::before { content: "●"; color: #b09769; font-size: 1.8rem; font-weight: normal;}
.comTable { color: #b09769; font-size: 1.6rem; margin: 0 0 10%; border-top: solid 1px #b09769;}
.comTable th { width: 20%; padding: 10px 10px; font-weight: normal; background: #b09769; color: #FFF; border-bottom: solid 1px #FFF;}
.comTable td { padding: 10px 10px; font-weight: normal; color: #b09769; border-bottom: solid 1px #b09769; border-right: solid 1px #b09769;}
 
 #a01, #a02, #a03 {}



.sec01 { margin: 0 5%;}
.sec01 ul { list-style: none; display: flex; justify-content: space-between; margin: 0 0;}
.sec01 ul li { margin: 0 0 0 20px; width: calc((100% - 40px) / 3);}
.sec01 ul li:nth-child(3n+1) { margin-left: 0;}
.sec01 ul li a { display: block; width: 100%; padding: 10px 0; text-align: center; letter-spacing: 0; font-size: 1.2rem;}
.sec01 ul li:nth-child(1) a { color: #009edb; border: solid 1px #009edb;}
.sec01 ul li:nth-child(2) a { color: #0070b3; border: solid 1px #0070b3;}
.sec01 ul li:nth-child(3) a { color: #007172; border: solid 1px #007172;}
.sec01 ul li:nth-child(1) a:hover { background: #009edb; color: #FFF;}
.sec01 ul li:nth-child(2) a:hover { background: #0070b3; color: #FFF;}
.sec01 ul li:nth-child(3) a:hover { background: #007172; color: #FFF;}



.sec02 { padding: 10% 0; margin: 0 5%;}
.sec02 h3 { text-align: center; letter-spacing: 0.2em; font-size: 2.6rem; font-weight: normal; border-bottom: solid 1px #009edb; border-top: solid 1px #009edb; padding: 10px 0; color: #009edb; margin: 0 0 20px; 
background: linear-gradient(
	-45deg,
	#FFFFFF 35%,
	#eaf6fd 15%,
	#eaf6fd 50%,
	#FFFFFF 50%,
	#FFFFFF 85%,
	#eaf6fd 85%,
	#eaf6fd
);
background-size: 20px 20px;}
.sec02 .table01 { color: #009edb; font-size: 1.6rem; margin: 0 0 10px; border-top: solid 1px #009edb;}
.sec02 .table01 th { width: 20%; padding: 10px 10px; font-weight: normal; background: #009edb; color: #FFF; border-bottom: solid 1px #FFF;}
.sec02 .table01 td { padding: 10px 10px; font-weight: normal; color: #009edb; border-bottom: solid 1px #009edb; border-right: solid 1px #009edb;}
.sec02 .btn {}
.sec02 .btn a { display: block; padding: 15px; text-align: center; background: #009edb; color: #FFF; font-size: 1.8rem; border: solid 1px #009edb;}
.sec02 .btn a:hover { background: #FFF; color: #009edb;}



.sec03 { padding: 10% 0; margin: 0 5%;}
.sec03 h3 { text-align: center; letter-spacing: 0.2em; font-size: 2.6rem; font-weight: normal; border-bottom: solid 1px #0070b3; border-top: solid 1px #0070b3; padding: 10px 0; color: #0070b3; margin: 0 0 20px;background: linear-gradient(
	-45deg,
	#FFFFFF 35%,
	#eff5fc 15%,
	#eff5fc 50%,
	#FFFFFF 50%,
	#FFFFFF 85%,
	#eff5fc 85%,
	#eff5fc
);
background-size: 20px 20px;}
.sec03 .table01 { color: #0070b3; font-size: 1.6rem; margin: 0 0 10px; border-top: solid 1px #0070b3;}
.sec03 .table01 th { width: 20%; padding: 10px 10px; font-weight: normal; background: #0070b3; color: #FFF; border-bottom: solid 1px #FFF;}
.sec03 .table01 td { padding: 10px 10px; font-weight: normal; color: #0070b3; border-bottom: solid 1px #0070b3; border-right: solid 1px #0070b3;}
.sec03 .btn {}
.sec03 .btn a { display: block; padding: 15px; text-align: center; background: #0070b3; color: #FFF; font-size: 1.8rem; border: solid 1px #0070b3;}
.sec03 .btn a:hover { background: #FFF; color: #0070b3;}



.sec04 { padding: 10% 0; margin: 0 5%;}
.sec04 h3 { text-align: center; letter-spacing: 0.2em; font-size: 2.6rem; font-weight: normal; border-bottom: solid 1px #007172; border-top: solid 1px #007172; padding: 10px 0; color: #007172; margin: 0 0 20px;background: linear-gradient(
	-45deg,
	#FFFFFF 35%,
	#f0f5f3 15%,
	#f0f5f3 50%,
	#FFFFFF 50%,
	#FFFFFF 85%,
	#f0f5f3 85%,
	#f0f5f3
);
background-size: 20px 20px;}
.sec04 .table01 { color: #007172; font-size: 1.6rem; margin: 0 0 10px; border-top: solid 1px #007172;}
.sec04 .table01 th { width: 20%; padding: 10px 10px; font-weight: normal; background: #007172; color: #FFF; border-bottom: solid 1px #FFF;}
.sec04 .table01 td { padding: 10px 10px; font-weight: normal; color: #007172; border-bottom: solid 1px #007172; border-right: solid 1px #007172;}
.sec04 .btn {}
.sec04 .btn a { display: block; padding: 15px; text-align: center; background: #007172; color: #FFF; font-size: 1.8rem; border: solid 1px #007172;}
.sec04 .btn a:hover { background: #FFF; color: #007172;}


}