@charset "UTF-8";
#mv::after {background-color: rgba(0,0,0,.3);	content: "";	width: 100%;	height: 100%;	position: absolute;	top: 0;	left: 0;	z-index: 123;}
#top-header-wrap { position: absolute; bottom: 10%; left: 5%; z-index: 123;	color: #ffbebe; line-height: 1.3;}#fade01 { animation: fadeIn 3s ease 1s forwards normal; opacity: 0; font-size: 260%; text-shadow: 1px 1px 3px #fff , -1px 1px 3px #fff , 1px -1px 3px #fff , -1px -1px 3px #fff;}#fade02 { animation: fadeIn 3s ease 2s forwards normal; opacity: 0; font-size: 260%; text-shadow: 1px 1px 3px #fff , -1px 1px 3px #fff , 1px -1px 3px #fff , -1px -1px 3px #fff;}
@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
#greeting { position: relative; margin: 80px auto; padding: 80px 0;}#greeting:before { content: ""; display: block; width: 70%; height: 100%; background: linear-gradient(185deg, #FFBEBE, #ffe6e6); position: absolute; z-index: 1; left: 0; top: 0; border-radius: 0 30px 30px 0;}#greeting h2 {font-size: 160%;	font-weight: 600;}#greeting #inner {position: relative; z-index: 2;}#greeting #inner img {border-radius: 10px;}
#greeting h2 {border-bottom: 1px solid #222;}
#top-time {position: relative; background-color: #fff7f7;	padding: 5rem 0; overflow: hidden;}#top-time h1 {font-size: 350%;	color: #f7abab;}
#top-time dl { margin-bottom: 2rem;}#top-time dt { position: relative; color: #333; text-shadow: 0 0 2px white;	font-size: 160%;	z-index: 15;}#top-time dt:before { content: ""; position: absolute; background: #f7abab; width: 2em; height: 2em; border-radius: 50%; top: 50%; /* border: dashed 1px white; */ left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -1;}#top-time dd { margin-bottom:0; padding: 0 0 0 1vw;}
.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: ;}a.list-link:hover { text-decoration: none;}.date-box { background-color: ; padding-top: .3vw; color: ;}
.cont-photo { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 50vw;}
#top-contents h2 { color:#1e73be; /*border-top:solid 1px #1e73be; border-bottom:solid 1px #1e73be;*/}/*#top-contents h2::after { content: ""; display: block; height: 1px; width: 24%; margin: 0 38%; background-color:#ed9a00; margin-top: 1rem;
}*/
#top-contents{ background-image:url(https://one-happiness.net/images/index/greeting_back.jpg); background-size: cover; background-attachment: fixed;}.top-contents-text{ background-color: rgba(255, 255, 255, 0.65);}.h2-jp { font-size: 50%;}
#recruit {padding:10rem 0 5rem 0;}#recruit h2 {font-size: 160%;	font-weight: 600;}#recruit h3 {font-size: 130%;	font-weight: 400;}
#recruit-img { position: absolute; top: -10%; width: 60%; height: 120%;	background-image: url("../img/top-recruit.jpg");	background-attachment: fixed;	background-position: left center; background-size: 70%;	background-repeat: no-repeat;}#recruit-box { position: relative; z-index: 3; width: 60%; padding: 3rem; margin-left: auto; background-color: rgba(255, 255, 255, 0.9); -webkit-box-shadow: 0 6px 15px rgba(36, 37, 38, 0.04); box-shadow: 0 6px 15px rgba(36, 37, 38, 0.04); border-radius: 0.8em;}
#banner { position: relative;	background-color: #f7abab;}
#banner h2 { font-size: 120%;	text-align: center;	background-color: #fff;	padding: .5rem;	border-radius: 10px;}#banner::before { content: ""; position: absolute; bottom: 0; right: 0; z-index: 0; width: 100%; height: 100%; background-image: url(../img/stripe.svg); background-repeat: repeat; background-position: left top; background-size: 130px;}
a.bnr-link { position: relative; overflow: hidden; width: 20vw; height: 20vw; padding: 1vw; margin: 0 auto;}.bnr-link::after { content: ''; position: absolute; top: 0; left: 0; background-color: rgb(255,255,255); width: 100%; height: 100%; z-index: 12; opacity: .3; transition: 0.4s ease-out;	border-radius: 50%;}a.bnr-link:hover::after { /*opacity: .6;*/}.bnr-bg,.bnr-bg2 { transition: transform 0.3s ease-out; position: absolute; top: 50%; left: 50%; border-radius: 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 { text-align: center; font-size: 130%;}
#banner a{ background-size: cover; border-radius: 50%;}
@media (min-width: 1200px){}
@media (max-width: 991px){ .bnr-link::after { opacity: .3; }}
@media (max-width: 767px){ #header,#mv { height: 100vw; } #top-header-wrap { height: 100vw;	top: 20%; left: 0; padding:0 1rem; } #top-h1 { font-size: 140%; } #top-bottom-text { font-size: 110%; }
#fade01 { font-size: 160%;}#fade02 { font-size: 160%;} #greeting { line-height: 5.3vw; } #g-header-wrap { width: 100%; } a.bnr-link { height: 55vw; } .bnr-ttl-jp, .bnr-ttl-en { height: 5vw; } .bnr-line { display: none; } .bnr-ttl-en { padding-top: 1.1vw; } .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){ #greeting { line-height: 6vw; }
#recruit-img { width: 100%;	background-attachment: scroll;}#recruit-box { width: 80%;	margin: 0 10%; padding: 2rem 1rem;}a.bnr-link { width: 90vw; height: 90vw;}}