@charset "UTF-8";
#header { height: 100vh; background-color:transparent;}#header-menu{ background-color:transparent;}#top-header-wrap { position: absolute; width: 100%; height: 100vh; top: 0; left: 0;}#top-top-text{ font-size: 220%; line-height: 1.8; margin-top:15vw; font-weight: 600; margin-bottom:10vw; text-shadow: 0 0 5px #000;}#top-top-text span{ font-weight: 800; text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}#top-bottom-text{ font-size: 200%; line-height: 1.8;}#greeting{ width: 100%; margin: 0; position: relative; overflow: hidden; background-color: #000037;}/*#greeting::before,#greeting::after{ content: ''; position: absolute; top: 0; height: 100%; width: 100%; background-color:#eaf6ff; z-index: 1;}#greeting::before { right: 50%; transform: skewY(-60deg);}#greeting::after { left: 50%; transform: skewY(-60deg);
}*/
#greeting .container{ height: 100%; transition: .6s ease-out; transform: translateX(40px); opacity: 0;}#greeting .container.delighter.started{ font-size:1rem; transform: translateX(0); opacity: 1;}#greeting span{ width: 100%; opacity: .15; position: absolute; top: 0; left:0;}#greeting img{ width:500px;}#greeting header{ position: relative; color: #fff;}#greeting a{ border-radius: 5px;}#text-g-inner h2 { border-bottom: solid 1px #333333;}#text-g-inner h1{}
/*#text-g-inner h1 span{ width: 100%; opacity: .25; position: absolute; top: -45px; left:0;}#text-g-inner h1 span img{ width:175px; margin: 0 auto;
}*/
#f-contact .container { height: 100%; transition: .6s ease-out; transform: translateY(40px); opacity: 0;}#f-contact .container.delighter.started { transform: translateY(0); opacity: 1;}@media (max-width: 767px){ #text-g-inner h1 span{ position: absolute; width: 100%; top: 0; left: 0; opacity: .3; } .greeting-txt strong{ display:inline-block!important; }}.greeting-txt strong{ display:block; color:#b5dfff; font-size: 120%;}/*#bg-greeting { position: absolute; content: ""; width: 100%; height: 100%; top: 5rem; right: 0; background: url(../images/bg-greeting.jpg) no-repeat center/cover; z-index: -1;
}*/
#top-contents {background-color: #FAFAFA;}
#top-contents h1 { font-size: 250%;}#top-contents header { transition: .6s ease-out; transform: translateY(-40px); opacity: 0;}#top-contents header.delighter.started { transform: translateY(0); opacity: 1;}
#top-contents dl { height: 100%; transition: .6s ease-out; transform: translateY(40px); opacity: 0;}#top-contents dl.delighter.started { transform: translateY(0); opacity: 1;}
#top-contents img {border-radius: 10px;}
#top-contents dt {font-size: 140%;	border-bottom:1px solid #222;	padding-bottom: .25rem;	margin-bottom: 1rem;}
#top-contents span {font-size:140%; font-style: italic;	margin-right: .5rem;}
.to-list { position: absolute; right: 1vw; top: 1vw; font-size: 80%;}.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: #000037;}a.list-link:hover { text-decoration: none;}.date-box { background-color: #000037; padding-top: .3vw; color: #ffffff;}
.cont-photo { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 50vw;}
#top-contents h2 { color: #0d6fb8;}#top-contents h2::after { content: ""; display: block; height: 1px; width: 25%; background-color: #333333; margin-top: 1rem;}.h2-en { font-size: 60%;}.text-cont { transition: .6s ease-out; transform: translateY(40px); opacity: 0;}.text-cont.delighter.started { transform: translateY(0); opacity: 1;}
a.bnr-link { position: relative; overflow: hidden;}.bnr-link::after { content: ''; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.4); width: 100%; height: 100%; z-index: 12; opacity: .3; transition: 0.4s ease-out;}a.bnr-link:hover::after { opacity: .;}.bnr-bg,.bnr-bg2 { transition: transform 0.3s 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%);}#banner{ background-size:cover; background-position: center center; position: relative; height: 35vw; overflow: hidden;}#banner .contents_menu01{ height: 100%; transition: .6s ease-out; transform: translateX(-40px); opacity: 0;}#banner .contents_menu02{ height: 100%; transition: .6s ease-out; transform: translateX(40px); opacity: 0;}#banner .contents_menu01.delighter.started,#banner .contents_menu02.delighter.started{ transform: translateY(0); opacity: 1;}.waku{ width: 100%; position: absolute; top: 10vw; z-index: 2;}/*.h2-banner {font-weight: 600;	font-size: 180%; position: absolute; top:11vw; left:0; width: 100%; text-align: center; z-index: 123; transition: 0.4s ease-out;
}*/
/*#banner ul { height: 100%; transition: .6s ease-out; transform: translateY(40px); opacity: 0;}#banner ul.delighter.started { transform: translateY(0); opacity: 1;
}*/
#banner li .waku{ text-shadow: 0 0 5px #000;}#banner a h2{ transition: .6s ease-out; transform: translateY(40px); opacity: 0;}#banner a h2.delighter.started{ transform: translateY(0); opacity: 1;}.h2-banner span{ color: #000037 !important; display: inline-block; position: relative;}#banner a h2{ overflow: hidden; color: #000037 !important; text-decoration: none; text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}#banner a{ border-radius: 5px; transition: 0.4s ease-out; border: solid 2px #fff;}#banner a:hover{ text-shadow:0 0 0px #000;}/*#banner a h2:after { position: absolute; bottom:1vw; left:1vw; width: 100%; height: 5px; background-color: #0d6fb8; transform: translate(100%, 0); transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; content: "";}#banner a h2:hover:after{ transform: translate(0, 0);
}*/
/*.h2-banner span:before { content: ''; display: inline-block; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 60px; height: 4px; background-color: #0d6fb8;
}*/
.bnr-txt{ /*background-color:rgb(255,255,255,75%);*/}#area {padding: 5rem 0;	background: linear-gradient(#fff 0% 20%, #dbdbdb 20% 80%, #fff 70% 100%);}
#area h1 { font-size: 350%;}#recruit { background-size:cover;}/*#recruit { background-color:#0d6fb8;	position: relative; z-index: 2;
}*/
#recruit a{ border-radius: 5px; transition: 0.4s ease-out;}#recruit #text-img,#recruit #text-recruit { height: 100%; transition: .6s ease-out; transform: translateY(40px); opacity: 0;}#recruit #text-img.delighter.started,#recruit #text-recruit.delighter.started{ transform: translateY(0); opacity: 1;}#text-recruit{ background-color: #fff; border: solid 3px rgb(13,111,184,50%); border-radius: 10px;}.btn-lg{ border-radius: 0;}/*#recruit:before { position: absolute; content: ""; width: 30%; height: 60%; left: 0; top: 10%; background-color: #555; z-index: -1;
}*/
#recruit h1 strong { font-size: 150%; color: #0d6fb8; font-weight: 100; border-bottom: solid 2px #0d6fb8;}#recruit h1 span { font-size: 70%;}#recruit dt { font-size: 120%;}#link { width: 100%; margin: 0; position: relative; overflow: hidden; background-size:50%,50%; background-position:top left,bottom right; background-repeat: no-repeat;}#link a.base{ border:solid 5px #feddb6;}#link a.insta{ border:solid 5px #cf2f93;}#link ul li{ transition: .6s ease-out; opacity: 0;}#link ul li.base{ transform: translateX(-40px);}#link ul li.insta{ transform: translateX(40px);}#link ul li{ transition: .6s ease-out; transform: translateY(40px); opacity: 0;}#link ul li.delighter.started{ transform: translateY(0); opacity: 1;}#link h1 strong{ background: linear-gradient(transparent 70%, rgb(255 0 105 / 15%) 30%);}
@media (min-width: 1200px){ #top-header-wrap, #greeting, .list-box { font-size: 1.1rem; } .cont-photo { height: 555px; } #top-contents { font-size: 1rem; } #greeting img{ width: 66vh; } #greeting h1 { font-size: 350%; } .waku h2{ font-size: 2.5rem; } .waku p{ font-size: 1.4rem; }}@media (min-width: 768px){ #banner:before{ content: ""; position: absolute; top:0; left:0; width:100%; height:100%; background-color:rgb(255 255 255 / 5%); z-index: 1; } #banner:before{ z-index: 0; }}@media (max-width: 1199px){ #greeting { height: 38vw; } #greeting img { width: 46vw; } #greeting h1 { font-size: 300%; }}@media (max-width: 991px){ #greeting { height: 45vw; } #greeting img { width: 54vw; } .bnr-link::after { opacity: .6; } #greeting h1 { font-size: 250%; }}
@media (max-width: 767px){ #header { height: 60vw; } #greeting img { width: 55vw; margin:0 auto; } #greeting span { width:100%; top: 1vw; left: 0px; } #top-header-wrap { height: 60vw; } #top-top-text { font-size: 120%; } #top-bottom-text { font-size: 140%; } #greeting { line-height: 5.3vw; height: auto; } #g-header-wrap { width: 100%; } #text-greeting { transform: translateY(0); opacity: 1; } #banner ul li:before{ content: ""; position: absolute; top:0; left:0; width:100%; height:100%; /*background-color:rgb(0,0,0,.10);*/ z-index: 1; } a.bnr-link { height: 55vw; } .bnr-link::after { opacity: .3; } .bnr-line { display: none; } .h2-banner{ top:13vh; } .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 (min-width: 576px){#top-contents dd {padding-left:2em;}}
@media (max-width: 575px){#top-top-text{ line-height: 1.5;}#top-bottom-text{ line-height: 1.5;}#greeting { line-height: 6vw; }
#greeting h1 { font-size: 250%;}#top-contents h1 { font-size: 200%;}#area {padding: 0;}#recruit:before { width: 100%;}#recruit dt {border-bottom:1px solid #fff;}.greeting-txt{ font-size: 92%;}}