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

@media screen and (min-width: 768px) {
	section { margin: 0 auto 40px; }
	p.title { font-size: 115%; }
	a.arrow { padding-left: 10px; background: url(/common/img/icon_arrow_orange.png) no-repeat 0 50%; }

	main  { width: auto; }
	main h1 { margin: 30px 0; text-align: center; }
	section.block01 { min-width: 1000px; background: url(/common/img/top_bg.png) no-repeat 50% 0; }
	section.block01 div { display: block; overflow: hidden; margin: 0 auto; width: 1000px; zoom: 1; }
	section.block01 h2 { margin: 0; padding: 0; border: none; }
	section.block01 p { margin: 0; padding: 0; }

	section.block02 { width: 1000px; }
	section.block02 div.type05 .flex { padding: 10px 9px 9px 10px; background: #cce0f0; display: flex; flex-wrap: wrap; position: relative; margin-bottom: 50px; }
	section.block02 div.type05 .flex::after { background: #cce0f0; bottom: -35px; clip-path: polygon(0 0, 100% 0, 50% 100%); content: ""; height: 35px; left: 0; margin: auto; position: absolute; right: 0; width: 75px; }
	section.block02 div.type05 .flex >* { border: 1px solid #aaa; background: #fff; width: 50%; margin: -1px 0 0 -1px; }
	section.block02 div.type05 h5 { background: #0062b3; color: #fff; text-align: center; font-size: 2rem; padding: 10px; }
	section.block02 div.type05 h5 span { font-size: 1.4rem; font-weight: normal; display: block; }
	section.block02 div.type05 dl { display: flex; min-height: 220px; background: #f0f0f0; }
	section.block02 div.type05 dt { text-align: center; width: 85px; font-size: 1.4rem; padding: 20px 3px; position: relative; }
	section.block02 div.type05 dt::after { position: absolute; content: ""; width: 85px; height: 100px; left: 0; bottom: 5px; }
	section.block02 div.type05 dd { width: calc(100% - 85px); padding: 20px 15px; font-size: 1.6rem; background: #fff; }
	section.block02 div.type05 .num { font-size: 1.8rem; font-weight: bold; margin-bottom: 5px; display: inline-block; }
	section.block02 div.type05 .title { font-size: 1.8rem; font-weight: bold; color: #0062b3; margin-bottom: 5px; display: inline-block; }
	section.block02 div.type05 .bg01::after { background: url("../img/about_img25.png") no-repeat 50% 100%; }
	section.block02 div.type05 .bg02::after { background: url("../img/about_img26.png") no-repeat 50% 100%; }
	section.block02 div.type05 .bg03::after { background: url("../img/about_img27.png") no-repeat 50% 100%; }
	section.block02 div.type05 .bg04::after { background: url("../img/about_img28.png") no-repeat 50% 100%; }
	section.block02 div.type05 .txt01 { width: fit-content; text-align: center; margin: 0 auto; font-size: 2.8rem; font-weight: bold; color: #fff; background: #0062b3; border-radius: 9999px; padding: 15px 30px 15px 40px; }

	section.block03 ul { display: block; overflow: hidden; margin: 0 auto; width: 1000px; list-style: none; zoom: 1; }
	section.block03 li { float: left; margin-right: 50px; width: 298px; min-height: 235px; border:1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-align: center; -o-border-radius: 3px; -ms-border-radius: 3px; }
	section.block03 li:last-child { margin-right: 0; }
	section.block03 li a { display: block; padding: 130px 15px 20px; color: #333333; text-decoration: none; }
	section.block03 li a:hover { color: #333333; }
	section.block03 li a span { color: #0062b3; text-decoration: underline; font-weight: bold; margin-bottom: 10px; display: block; }
	section.block03 li a:hover span { color: #fe6600; }
	section.block03 li:nth-child(1) { background: url(/common/img/top_nav01.png), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #fff)); background: url(/common/img/top_nav01.png), -webkit-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav01.png), -moz-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav01.png), -o-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav01.png), -ms-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav01.png), linear-gradient(#fff, #f0f0f0); background-position: 50% 20px, 0 0; background-repeat: no-repeat; }
	section.block03 li:nth-child(2) { background: url(/common/img/top_nav02.png), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #fff)); background: url(/common/img/top_nav02.png), -webkit-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav02.png), -moz-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav02.png), -o-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav02.png), -ms-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav02.png), linear-gradient(#fff, #f0f0f0); background-position: 50% 20px, 0 0; background-repeat: no-repeat; }
	section.block03 li:nth-child(3) { background: url(/common/img/top_nav03.png), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #fff)); background: url(/common/img/top_nav03.png), -webkit-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav03.png), -moz-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav03.png), -o-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav03.png), -ms-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav03.png), linear-gradient(#fff, #f0f0f0); background-position: 50% 20px, 0 0; background-repeat: no-repeat; }
}



@media screen and (max-width: 767px) {
	main { margin: 4vw 0; }
	main h1 { margin: 0 12vw 4vw; }

	section.block01 { background-image: -webkit-linear-gradient( 0deg, rgb(10,78,159) 0%, rgb(39,163,239) 40%, rgb(43,188,241) 62%, rgb(10,78,159) 100%); padding: 5vw 3vw 0.1vw; position: relative; margin-bottom: 5vw; }
	section.block01:before { position: absolute; width: 0; height: 0; content: ""; border-left: 5vw solid transparent; border-right: 5vw solid transparent; border-top: 3vw solid #fff; top: 0; left: 0; right: 0; margin: auto; }
	section.block01 h2 { margin-bottom: 3vw; }

	section.block02 { margin: 0 5vw; }
	section.block02 div.type05 .flex { padding: 3vw; background: #cce0f0; display: flex; flex-wrap: wrap; position: relative; margin-bottom: 5vw; }
	section.block02 div.type05 .flex::after { background: #cce0f0; bottom: -3vw; clip-path: polygon(0 0, 100% 0, 50% 100%); content: ""; height: 3vw; left: 0; margin: auto; position: absolute; right: 0; width: 7vw; }
	section.block02 div.type05 .flex >* { border: 0.2vw solid #aaa; background: #fff; margin: -0.2vw 0 0; }
	section.block02 div.type05 h5 { background: #0062b3; color: #fff; text-align: center; font-size: 5vw; padding: 1vw; }
	section.block02 div.type05 h5 span { font-size: 3vw; font-weight: normal; display: block; }
	section.block02 div.type05 dl { display: flex; }
	section.block02 div.type05 dt { background: #f0f0f0; text-align: center; width: 20vw; font-size: 3.4vw; padding: 5vw 1vw; position: relative; }
	section.block02 div.type05 dt::after { position: absolute; content: ""; width: 20vw; height: 30vw; left: 0; bottom: 1vw; }
	section.block02 div.type05 dd { width: 63vw; padding: 5vw 3vw; font-size: 3.4vw; }
	section.block02 div.type05 .num { font-size: 4vw; font-weight: bold; margin-bottom: 1vw; display: inline-block; }
	section.block02 div.type05 .title { font-size: 4vw; font-weight: bold; color: #0062b3; margin-bottom: 3vw; display: inline-block; }
	section.block02 div.type05 .bg01::after { background: url("../img/about_img25.png") no-repeat 50% 100%; }
	section.block02 div.type05 .bg02::after { background: url("../img/about_img26.png") no-repeat 50% 100%; }
	section.block02 div.type05 .bg03::after { background: url("../img/about_img27.png") no-repeat 50% 100%; }
	section.block02 div.type05 .bg04::after { background: url("../img/about_img28.png") no-repeat 50% 100%; }
	section.block02 div.type05 .txt01 { width: fit-content; text-align: center; margin: 0 auto; font-size: 5vw; font-weight: bold; color: #fff; background: #0062b3; border-radius: 9999px; padding: 2vw 6vw 2vw 8vw; }

	section.block03 { margin: 0 5vw; }
	section.block03 li { border: 0.2vw solid #cccccc; border-radius: 3px; text-align: center; margin-bottom: 3vw; }
	section.block03 li a { display: block; padding: 30vw 3vw 3vw; color: #333333; text-decoration: none; }
	section.block03 li a span { color: #0062b3; text-decoration: underline; font-weight: bold; margin-bottom: 2vw; display: block; }

	section.block03 li:nth-child(1) { background: url(/common/img/top_nav01.png), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #fff)); background: url(/common/img/top_nav01.png), -webkit-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav01.png), -moz-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav01.png), -o-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav01.png), -ms-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav01.png), linear-gradient(#fff, #f0f0f0); background-position: 50% 20px, 0 0; background-repeat: no-repeat; background-size: auto 20vw, auto auto; }

	section.block03 li:nth-child(2) { background: url(/common/img/top_nav02.png), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #fff)); background: url(/common/img/top_nav02.png), -webkit-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav02.png), -moz-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav02.png), -o-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav02.png), -ms-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav02.png), linear-gradient(#fff, #f0f0f0); background-position: 50% 20px, 0 0; background-repeat: no-repeat;  background-size: auto 20vw, auto auto;}

	section.block03 li:nth-child(3) { background: url(/common/img/top_nav03.png), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #fff)); background: url(/common/img/top_nav03.png), -webkit-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav03.png), -moz-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav03.png), -o-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav03.png), -ms-linear-gradient(#fff, #f0f0f0); background: url(/common/img/top_nav03.png), linear-gradient(#fff, #f0f0f0); background-position: 50% 20px, 0 0; background-repeat: no-repeat; background-size: auto 20vw, auto auto; }
}