@charset "UTF-8";
#mv {position: relative;	z-index: 120;}
#top-header-wrap { position: absolute; width: 100%; height: 51vh; top: 30vh; left: 0; text-shadow: 1px 1px 2px rgba(255,255,255,.8), -1px 1px 2px rgba(255,255,255,.8), 1px -1px 2px rgba(255,255,255,.8), -1px -1px 2px rgba(255,255,255,.8);}
#top-header-wrap:before {content: '';	background-image: url("../img/slider-cover.png");	background-size: cover;	background-position: bottom center;	background-repeat: no-repeat;	width: 100%;	height: 100%;	position: absolute;	bottom:0;	left: 0;	z-index: 123;}
#fade01 { font-size: 230%;	font-weight: 600;	margin-bottom: 3rem; animation: fadeIn 3s ease 1s forwards normal; opacity: 0;}/*#fade02 {font-size: 230%;	font-weight: 600;	margin-bottom: 3rem; animation: fadeIn 3s ease 2s forwards normal; opacity: 0;}#fade03 {font-size: 230%;	font-weight: 600;	margin-bottom: 3rem; animation: fadeIn 3s ease 3s forwards normal; opacity: 0;
}*/
#top-h1 { font-size: 250%; font-weight: 600; animation: fadeIn 3s ease 2s forwards normal; opacity: 0;}
@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
.ttl-index { font-size: 180%; color: ; background-color: #ffffff; position: relative; z-index: 123; line-height: 1;}.index-header::after { content: ""; border-bottom: solid 2px ; width: 100%; position: absolute; top: .88vw; left: 0; z-index: 12;}
#greeting h1 { font-size: 2.3rem; font-weight: 600;}#greeting p {line-height: 2;}
.recruit-banner {max-width: 1000px;}
#news h1 { font-size: 2.3rem; font-weight: 600;}
.all-link {position: absolute;	top:0;	right: 0;}
#top-service {background-color: rgba(40,140,196,.1);	background-image: url("../img/wave.png"),url("../img/wave2.png");	background-position: top left,bottom right;	background-repeat: no-repeat, no-repeat;}
#top-service h1 { font-size: 2.3rem; font-weight: 600;}
#top-service li {display: flex; flex-direction: column;	flex-grow: 1;}#top-service li > div {background-color: #fff;	padding: 1rem;	border-radius: 10px;	flex-grow: 1;}
#top-service dt {text-align: center;	font-size: 1.5rem;	font-weight: 600;	border-bottom: 3px dotted #288CC4;	padding-bottom: .5rem;	margin-bottom: 1rem;}
#top-service dd {font-size: 1rem;	line-height: 1.5;}
/*
#top-service dd img {border:1px solid #c2c2c2;}*/
#reason h1 { font-size: 2.3rem; font-weight: 600;}
#reason h2 { font-size: 1.6rem; font-weight: 700; color: #288CC4;}
#reason ul li > div { position: relative; border: 4px solid #288CC4; border-radius: 10px;}
#reason ul li {display: flex; flex-direction: column;	flex-grow: 1;}
#reason ul li > div {flex-grow: 1;}
#reason ul li .num { position: absolute; background-color: #288CC4;	border-radius: 30px; padding: .5rem 3rem; font-size: 1.4rem; font-weight: bold; color: #fff; text-align: center; line-height: 1.2; top: 0; transform: translateY(-50%); right: 0; left: 0; margin: auto; width: fit-content;}
#reason p { font-size: 1rem;}
#line a {color: transparent;}
#line img {box-shadow: 10px 5px 5px #b3b3b3;}
#items h1 { font-size: 2.3rem; font-weight: 600;}#items h2 { font-size: 2rem; font-weight: 600;}#items li > div {border: 1px solid #333;	border-radius: 10px;	min-height: 23rem;}#items img {border-radius: 10px 10px 0 0;}#chart dl {padding: 0 1rem;}#chart dt {text-align: center;	font-size: 1.1rem;	font-weight: 700;	border-bottom: 1px solid #333;	margin: .5rem 0;}
#chart dd {font-size: 1rem;	line-height: 1.5;}#chart dd:first-child {font-weight: 600;	font-size: 1.1rem;}
#free {position: relative; padding: 1.5rem; background-image: linear-gradient(#f5fbff 0 100%), repeating-linear-gradient(135deg, #288CC4 0 10px, transparent 10px 15px); background-repeat: no-repeat; background-position: center; background-size: calc(100% - 10px) calc(100% - 10px), 100%;	border-radius: 10px;}#not-free {position: relative; padding: 1.5rem; background-image: linear-gradient(#fff5f5 0 100%), repeating-linear-gradient(135deg, #db4242 0 10px, transparent 10px 15px); background-repeat: no-repeat; background-position: center; background-size: calc(100% - 10px) calc(100% - 10px), 100%;	border-radius: 10px;}
#free dt {position: relative;	padding-bottom: .5rem; margin-bottom: 0.5rem; font-weight: bold; font-size: 1.5rem; color: black; background-image: repeating-linear-gradient(45deg, #288CC4 0, #288CC4 2px, transparent 2px, transparent 4px); background-repeat: no-repeat; background-size: 100% 0.5rem; background-position: bottom;}#not-free dt {position: relative;	padding-bottom: .5rem; margin-bottom: 0.5rem; font-weight: bold; font-size: 1.5rem; color: black; background-image: repeating-linear-gradient(45deg, #db4242 0, #db4242 2px, transparent 2px, transparent 4px); background-repeat: no-repeat; background-size: 100% 0.5rem; background-position: bottom;}
#free dl {border-bottom: 5px dotted #288CC4;}#not-free dl {border-bottom: 5px dotted #db4242;}
#free ul li,
#not-free ul li {font-size: 1rem !important;}
#area {background-color: rgba(40,140,196,.1);}
#area h1 { font-size: 2.3rem; font-weight: 600;}
.area-box {border: 3px solid #004085;	background-color: #fff;	padding: 1rem;}
#area dt {border-bottom: 1px solid #004085;	padding-bottom: .5rem;	margin-bottom: 1rem;}#area dd {font-size: 1rem;}
a.bnr-link { position: relative; overflow: hidden; text-shadow: 1px 1px 2px rgba(255,255,255,.5), -1px 1px 2px rgba(255,255,255,.5), 1px -1px 2px rgba(255,255,255,.5), -1px -1px 2px rgba(255,255,255,.5); color: ; height: 20vw; border: 3px solid #288CC4; box-shadow: 10px 5px 5px #eee;}.bnr-link::after { content: ''; position: absolute; top: 0; left: 0; background: rgba(255,255,255,.4); width: 100%; height: 100%; z-index: 12; opacity: .8; transition: 0.4s ease-out;}a.bnr-link:hover::after { opacity: .6;}.bnr-bg,.bnr-bg2 { transition: transform 0.4s ease-out; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%, -50%);}.bnr-bg { height: 100%;}.bnr-bg2 { width: 100%;}.bnr-link:hover .bnr-bg,.bnr-link:hover .bnr-bg2 { transform: scale(1.02) translate(-50%, -50%);}.h2-banner { position: absolute; top: 45%; left: 0; width: 100%; text-align: center; z-index: 123; font-size: 160%; font-weight: 600; transition: 0.4s ease-out; text-shadow: 1px 1px 2px #ffffff, -1px 1px 2px #ffffff, 1px -1px 2px #ffffff, -1px -1px 2px #ffffff;}.bnr-link:hover .h2-banner { top: 43%;}.bnr-text { position: absolute; bottom: -15px; width: 70%; left: 15%; opacity: 0; z-index: 123; transition: 0.4s ease-out; font-size: 100%; text-align: center;}.bnr-link:hover .bnr-text { bottom: 10px; opacity: 1;}
.to-list { border:solid 1px #246e79;}.list-box { min-height: 12vw; overflow: auto;}.list-box li { border-bottom: solid 1px #ddd; margin-top: .8vw; padding-bottom: .8vw;}a.list-link { text-decoration: underline; color: ;}a.list-link:hover { text-decoration: none;}
.area-contents { display: flex; flex-direction: column;	flex-grow: 1;}.area-box { flex-grow: 1;}@media (max-width: 575px){}
@media (min-width: 1300px){}
@media (max-width: 991px){ .bnr-link::after { opacity: .6; }
.h2-banner { font-size: 120%;}}
@media (max-width: 767px){ #greeting p { line-height: 5.3vw; } #g-header-wrap { width: 100%; } a.bnr-link { height: 72vw; } .index-header::after { top: 2vw; } .to-list { top: 5.5vw; } .list-box { min-height: 30vw; } .list-box li { margin-top: 4vw; padding-bottom: 4vw; } #strong dl { } #greeting ul{ height:auto; } .greeting-img{ height:50vw; } .banner_txt, .banner_txt2{ position: relative; left: 0vw; } .info-area{ width:90%; }}@media (max-width: 575px){ .index-header::after { top: 2.5vw; }
#top-header-wrap { height: 30vh;}#fade01 { font-size: 140%;	margin-bottom: 1rem;}#fade02 {font-size: 140%;	margin-bottom: 1rem;}#fade03 {font-size: 140%;	margin-bottom: 1rem;}
#top-h1 { font-size: 160%;}#greeting h1,
#news h1,
#top-service h1,
#reason h1,
#items h1,
#flow h1,
#area h1{ font-size: 1.6rem;}#items h2 {font-size: 1.4rem;} #greeting p { line-height: 6vw; }
.all-link {position: relative;}#top-service h2 { top: 10%;}#chart dt { font-size: 1.4rem;	padding-bottom: 1rem;}}