@charset "UTF-8";
@media (min-width: 768px){#header {height: 90vh;}}
#mv-img-wrap { position: absolute; top: 20vh; left: 0; z-index: 12345; padding: 0 5vw; width: 100%; height: 50vh;}#mv-img-wrap p {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;}
#fade01 p { font-size: 80px;	font-weight: 600;	margin-bottom: 6rem;}#fade02 p { font-size: 120px;	font-weight: 600;	margin-bottom: 9rem;}#fade03 p { font-size: 200px;	font-weight: 600;}
#fade01 { animation: fadeIn 3s ease 1s forwards normal; opacity: 0;}#fade02 { animation: fadeIn 3s ease 2s forwards normal; opacity: 0;}
@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
.animate-top span,
.animate span { display: inline-block; opacity: 0; transform: translate(0, -100px) rotate(360deg) scale(0); animation: dropVanish 2s forwards;}.animate-top span:nth-of-type(1) { animation-delay: 3.5s;}.animate-top span:nth-of-type(2) { animation-delay: 4s;}.animate-top span:nth-of-type(3) { animation-delay: 4.5s;}.animate-top span:nth-of-type(4) { animation-delay: 5s;}
.animate span:nth-of-type(1){ animation-delay: .5s;}
.animate span:nth-of-type(2) { animation-delay: 1s;}
.animate span:nth-of-type(3) { animation-delay: 1.5s;}
.animate span:nth-of-type(4) { animation-delay: 2s;}
@keyframes dropVanish { 30% { transform: translate(0, -50px) rotate(180deg) scale(1); } 50% { transform: translate(0, 20px) scale(.8) rotate(0deg); opacity: 1; } 80% { transform: translate(-100px, -100px) scale(1.5) rotate(-180deg); opacity: 0; } 100% { transform: translate(0) scale(1) rotate(0deg); opacity: 1; }}
#bg-greeting { line-height: 2.2vw; padding: 4vw 0; min-height: 35vw; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed;}#g-header-wrap { width: 35vw;}#greeting h1 { font-size: 200%; font-weight: 600; color: #0d1158;}
#text-greeting {position: relative;	z-index: 123;}#text-greeting h2 { font-size: 150%; border-bottom: solid 1px #333333; margin-bottom: 1.5rem;}#text-greeting h3 { font-size: 120%;}#text-greeting > div { background-color: rgba(255,255,255,.6); color: #333333;}#text-greeting > div { transition: .6s ease-out; transform: translateY(40px); opacity: 0;}#text-greeting.delighter.started > div { transform: translateY(0); opacity: 1;}#text-greeting #g-content { transition: .6s ease-out;	transition-delay:.6s; transform: translateY(20px); opacity: 0;}#text-greeting.delighter.started #g-content { transform: translateY(0); opacity: 1;}#text-greeting p { margin: 7px 0; font-size: 160%;	line-height: 1.6;}
.contents-box {overflow: hidden;}#con1,#con2 {position: relative;	height: 30rem;	transition: .5s ease-out;	background-size: cover;	background-position: center center;	background-repeat: no-repeat;}#con1:after,#con2:after {content:'';	position: absolute;	top:0;	left: 0;	width: 100%;	height: 100%;	background: rgba(255,255,255,.4);	z-index: 10;}#con1 > div,
#con2 > div {position: relative;	z-index: 100;}.con-link:hover #con1,.con-link:hover #con2 {transform: scale(1.02);}#con1 {background-image: url("../img/commission.jpg");}#con2 {background-image: url("../img/consultation.jpg");}
.con-link h1 {font-size: 200%;	color: #ff0000;}.con-link p {font-size: 120%;	color: #0d1158;}
#eria {padding:10rem 0 ;}#eria h1 {color: #0d1158;	font-size: 10vw;	font-weight: 600;	line-height: 1;}#eria h2 {font-size: 130%;	font-weight: 600;}
#eria-img { position: absolute; top: -10%; width: 70%; height: 140%;	background-image: url("../img/bg-eria.jpg");	background-attachment: fixed;	background-position: center center;	background-size: cover;	background-repeat: no-repeat;	border-radius: 20px;}#eria-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: 20px;	border:1px solid #FFD365;}
#fade-area01 { animation: fadeArea 2s ease 2s forwards normal; opacity: 0;}#fade-area02 { animation: fadeArea 4s ease 2s forwards normal; opacity: 0;}#fade-area03 { animation: fadeArea 6s ease 2s forwards normal; opacity: 0;}#fade-area04 { animation: fadeArea 8s ease 2s forwards normal; opacity: 0;}
@keyframes fadeArea { 0% {opacity: 0} 100% {opacity: 1}}
#bnr-wrap { transition: .7s ease-out; transform: translateY(60px); opacity: 0;}#bnr-wrap.delighter.started { transform: translateY(0); opacity: 1;}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: #0d1158; height: 24vw;}.bnr-link::after,.bnr-link::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.4s ease-out;}.bnr-link::after { background: rgba(255,255,255,.2); opacity: 1; z-index: 12;}.bnr-link::before { background: rgba(255,255,255,.1);	opacity: 0; z-index: 10;}a.bnr-link:hover::after { opacity: 0;}a.bnr-link:hover::before { opacity: 1;}.bnr-bg,.bnr-bg2 { transition: transform 0.4s ease-out; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%, -50%);}
.bnr-link:hover .bnr-bg,.bnr-link:hover .bnr-bg2 {transform: scale(1.02) translate(-50%, -50%);}#bnr-wrap .h2-banner { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; z-index: 123; font-size: 200%; transition: 0.6s ease-out;	opacity: 0;}#bnr-wrap.delighter.started .h2-banner { top: 45%; opacity: 1;	transition-delay: .5s;}
.h2-banner i {opacity: .8;}.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: 30px; opacity: 1;}
.to-list { position: absolute; right: 1vw; top: 3vw; font-size: 90%; border: solid 1px ;}
.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){ #greeting, #news, #banner { font-size: 1.1rem; }}
@media (max-width: 991px){#fade01 p { font-size: 20px;	margin-bottom: 5%;}#fade02 p { font-size: 30px;	margin-bottom: 8%;}#fade03 p { font-size: 60px;} a.bnr-link::after { opacity: 0;}	a.bnr-link::before {opacity: 1;}	#bnr-wrap .bnr-link .bnr-text {bottom: 10px;	opacity: 0;	transition: 0.6s ease-out;	transition-delay: .8s;}	#bnr-wrap.delighter.started .bnr-link .bnr-text {bottom: 25px;	opacity: 1;}}
@media (max-width: 767px){ #mv-img-wrap { height: 50vw;	top: 10vw; } #mv-img-wrap img { margin-top: -5vw; }
#fade01 p { font-size: 20px;	margin-bottom: 10%;}#fade02 p { font-size: 30px;	margin-bottom: 15%;}#fade03 p { font-size: 60px;} #bg-greeting { line-height: 5.3vw; min-height: 60vw; } #g-header-wrap { width: 100%; }
#bg-greeting { background-attachment: scroll;} a.bnr-link { height: 72vw; } .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; }
#con1, #con2 { height: 20rem;}#eria-img { width: 100%;	background-attachment: scroll;}#eria h1 {font-size: 30vw;}#eria-box { width: 90%; margin-left: 5%;	padding: 1rem;}.con-link h1 {font-size: 160%;}}