@charset "UTF-8";
@media (min-width: 768px){ .logo-area img { margin-top: 0; }}#greeting { line-height: 2.3vw; padding: 7vw 0;}#g-header-wrap { width: 35vw;}#h1-greeting { font-size: 200%; font-weight: 600; color: #fff; border-bottom: solid 1px #000; background-image:-webkit-linear-gradient(left, #ffad00 12%, #ff9600 30%, #ffe900 40%, #7ab817 60%, #a2ac0c 80%, #078f64 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}#bottom-text { color: ;}#text-greeting p { margin: 7px 0;}
.ttl-index { font-size: 140%; color: ; background-color: #f4ebe1; 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;}#message {padding: 5rem 0;	background-image: url("../img/bg-contents.jpg");	background-position: center center;	background-size: cover;	background-repeat: no-repeat;	background-attachment: fixed;	position: relative;}#message::after {background-color: rgba(255,255,255,.3);	content: "";	width: 100%;	height: 100%;	position: absolute;	top: 0;	left: 0;	z-index: 10;}#message > div {position: relative;	z-index: 20;}
#message-box {background:rgba(255,255,255,.6);	border-radius: 10px;}#message-box h1{ color:#fff; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, 0 -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;}#other{padding: 5rem 0;	background-image: url("../img/bg-contents.jpg");	background-position: center center;	background-size: cover;	background-repeat: no-repeat;	background-attachment: fixed;	position: relative;}#other::after {background-color: rgba(255,255,255,.3);	content: "";	width: 100%;	height: 100%;	position: absolute;	top: 0;	left: 0;	z-index: 10;}#other > div {position: relative;	z-index: 20;}
#message-box {background:rgba(255,255,255,.6);	border-radius: 10px;}
#contents .box { position: relative;	color: #fff; box-shadow: 0 5px 7px rgba(128, 128, 127, 0.6);}#contents .box::before { position: absolute; top: 50%; left: 50%; width: calc(100% - 33px); height: calc(100% - 33px); border: 1px solid #fff; pointer-events: none; content: ""; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}#contents h2 {font-size: 140%;}
#cont01 {background-image: url("../img/bg-cooperation.jpg");	background-position: center center;	background-size: cover;	background-repeat: no-repeat;}#cont02 {background-image: url("../img/bg-recruit.jpg");	background-position: center center;	background-size: cover;	background-repeat: no-repeat;}
.up01 { transition: .6s ease-out; transform: translateY(20px); opacity: 0;}.up02 { transition: .6s .2s ease-out; transform: translateY(20px); opacity: 0;}.up01.delighter.started,
.up02.delighter.started { transform: translateY(0); opacity: 1;}
.bnr-bg {width: 100%;}a.bnr-link { position: relative;}a.bnr-link::after {background-color: rgba(0,0,0,.3);	content: "";	width: 100%;	height: 100%;	position: absolute;	top: 0;	left: 0;	z-index: 12;	transition: .6s}
a.bnr-link:hover::after { background-color: rgba(255,255,255,.3);}
.h2-banner { position: absolute; top: 45%; left: 0; width: 100%; text-align: center; z-index: 123; font-size: 155%; transition: 0.4s ease-out; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, 0 -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;}.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 { position: absolute; right: 1vw; top: 3vw; font-size: 90%; border: solid 1px ;}.list-box { min-height: 12vw; overflow: auto;}.list-box li { border-bottom: dotted 1px ; margin-top: .8vw; padding-bottom: .8vw;}a.list-link { text-decoration: underline; color: ;}a.list-link:hover { text-decoration: none;}
@media (min-width: 1300px){ a.bnr-link, .list-box { font-size: 1.1rem; }}
@media (max-width: 991px){ .bnr-link::after { opacity: .6; }}
@media (max-width: 767px){ #header, #mv, .mv-bg { height: 90vw; } #greeting { line-height: 5.3vw; } #h1-greeting { font-size: 165%; } #g-header-wrap { width: 100%; } .index-header::after { top: 2vw; } .to-list { top: 5.5vw; } .list-box { min-height: 30vw; } .list-box li { margin-top: 4vw; padding-bottom: 4vw; }}@media (max-width: 575px){ .index-header::after { top: 2.5vw; } #greeting { line-height: 6vw; } #message { background-attachment: scroll; } #other{ background-attachment: scroll; }
}