@charset "UTF-8";
#header{ height:70vw;}#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: 700; animation: fadeIn 3s ease 2s forwards normal; opacity: 0; color:#f09050;
}*/
@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
.ttl-index { font-size: 180%; color: #002255; background-color: #ffffff; position: relative; z-index: 123; line-height: 1;}.index-header::after { content: ""; border-bottom: solid 2px #002255; width: 100%; position: absolute; top: .88vw; left: 0; z-index: 12;}.recruit-banner {max-width: 1000px;}
#news h1 { font-size: 2rem; font-weight: 700; color: #ed7d31;}
#news ul{ width:auto; height: 350px; padding: 20px; overflow: auto; overflow-y: scroll;}.all-link {position: absolute;	top:0;	right: 0;}.works-list-wrap h1{ color: #ed7d31; font-size:1.5rem; font-weight: 600;}.works-list-wrap h3{ font-weight: 100;}.works-list-wrap ul{ width:auto; height: 350px; padding: 20px; border: 1px solid #999; overflow: auto; overflow-y: scroll;}#greeting h1 { font-size: 2rem; font-weight: 700; color: #ed7d31;}#greeting p {line-height: 1.5;}#g-header-wrap{ border-bottom: solid 3px #ffc778; position: relative;}#g-header-wrap:after { position: absolute; content: " "; display: block; border-bottom: solid 3px #ed7d31; bottom: -3px; width: 30%;}#top-service h1 { color:#ed7d31; font-size: 2.3rem; font-weight: 600;}#top-service h4{ color:#ed7d31; border-bottom: solid 2px #ed7d31;}#top-service li {display: flex; flex-direction: column;	flex-grow: 1;}#top-service li .top-service-img{background-color: #fff;	padding: 1rem;	border-radius: 10px;	flex-grow: 1; height: 22vw; background-size: cover; background-position: center;}#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-area ul li img{ border: solid 5px #fff; box-shadow: 0 0 3px #ffc107; border-radius: 5px;}#top-area ul li span{ border-radius: 5px;}#banner{ background-color: #fff5ef;}#banner ul li.item_service .img span { background-color:#ed7d31;}#banner ul li.item_recruit .img span { background-color: #afcc6c;}#banner ul li.item_company .img span { background-color: #75a9c8;}#banner ul li .img span img{ width:5rem;}#banner ul li a .img{ padding: 40px 0; text-align: center;}#banner ul li a .img span{ display: inline-block; position: relative; border-radius: 50%; padding: 30px; width:8rem; height:8rem; margin: 0 auto; transition: 0.25s ease-in-out;}a.bnr-link { position: relative; overflow: hidden; color: #ffffff; background-color:#fff; border: none; border:1px solid #ddd; transition: 0.25s ease-in-out;}a.bnr-link:hover { background-color:#fffaf6; text-decoration: none; border-radius: 10px; border: 1px solid #ed7d31;}#banner ul li a:hover .img span{ transform: scale(1.1); filter: brightness(1.1);}#banner ul li a .img span img { width: 100%; transition: 0.5s; transform: rotateY(0deg); z-index:2;}#banner ul li a .img span::after { display: block; pointer-events: none; position: absolute; width: 86px; height: 86px; border-radius: 50%; content: ""; top: 5px; left: 5px; padding: 2px; /* box-shadow: 0px 0px 8px #ecb25c; */ background: transparent;}@media (max-width:992px){ #banner ul li a .img span{ width:18vw; height:18vw; } #banner ul li .img span img{ width:10vw; }}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%);
}*/
#banner ul li a .img span{ width:8rem; height:8rem; margin: 0 auto;}.bnr-bg { height: 100%;}.bnr-bg2 { width: 100%;}.bnr-link:hover .bnr-bg,.bnr-link:hover .bnr-bg2 {}
.h2-banner { background-color: #ed7d31; color: #fff;}/*.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 { overflow: auto;}.list-box li { border-bottom: solid 1px #ddd; margin-top: .8vw; padding-bottom: .8vw;}a.list-link { pointer-events: none; /*text-decoration: underline;*/ color: #224466;}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){}
.h2-banner { font-size: 120%;}
@media (min-width: 1300px){}
@media (max-width: 991px){}
@media (max-width: 767px){ #greeting p { line-height: 5.3vw; } #g-header-wrap { width: 100%; } a.bnr-link { } .index-header::after { top: 2vw; } .to-list { top: 5.5vw; } .list-box { min-height: 30vw; } .list-box li { margin-top: 4vw; padding-bottom: 4vw; } #top-h1 { font-size: 140%; } #fade01 { font-size: 140%; margin-bottom: 1rem; } #top-header-wrap { top: 13vh; } #strong dl { } #greeting ul{ height:auto; } .greeting-img{ height:50vw; } .banner_txt, .banner_txt2{ position: relative; left: 0vw; } .info-area{ width:90%; } #top-service li .top-service-img{ height:30vh;}@media (max-width: 575px){ .index-header::after { top: 2.5vw; } #top-header-wrap { height:48vh; } #fade02 { font-size: 140%; margin-bottom: 1rem; } #fade03 { font-size: 140%; margin-bottom: 1rem; } #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; }
}