@charset "UTF-8";
#header { height: 100vh;}
#mv-img-wrap { position: absolute; bottom: 10%; left: 0; z-index: 9999; padding: 0 5vw; width: 100%;}#mv-img-wrap p { color: #f9f8f4;	font-weight: 600;	text-shadow: #222 3px 3px 3px;	line-height: 1.5;}#fade01 p { font-size: 230%; text-shadow: 0px 0px 10px rgba(35,102,196,1);}#fade02 p { font-size: 200%; text-shadow: 0px 0px 10px rgba(35,102,196,1);}
#fade01 { animation: fadeIn 3s ease 1s forwards normal; opacity: 0;}#fade02 { animation: fadeIn 3s ease 2s forwards normal; opacity: 0;}#fade03 { animation: fadeIn 3s ease 3s forwards normal; opacity: 0;}
@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
#greeting {padding: 5rem 0rem; background-image: url(../img/bg-hougan.png); background-repeat: repeat;}
#greeting h1 { font-size: 3rem;}
#bg-news {padding: 5rem 1rem;	background: rgba(255,255,255,1);	border-radius: 4vw;}
.to-list { position: absolute; right: 1vw; top: 3vw; font-size: 90%; border: solid 1px #333333;}.list-box { height: 15vw;	overflow-y: auto;}
.list-box li { border-bottom: dotted 1px #333333; margin-top: .8vw; padding-bottom: .8vw;}a.list-link { text-decoration: underline; color: #223a70;}a.list-link:hover { text-decoration: none;}
#dog-run img {border-radius: 20px;}
#service {padding: 5rem 0rem;	position: relative; background-image: url(../img/bg-service.png); background-position: center top;	background-size: cover; background-repeat: no-repeat;}
#top-works {padding-top: 5rem;}#top-works img { width: 100%; height: 300px; object-fit: cover;}
#bnr-company {position: relative;	background-image: url("../img/bnr-company.jpg");	background-size: cover;	background-position: center center;	background-repeat: no-repeat;	height: 30vw;	z-index: 10;}#bnr-company::after{position: absolute;	content: "";	top: 0;	left: 0;	width: 100%;	height: 100%;	background: rgba(255,255,255,.2);	z-index: 20;}
#bnr-company > div {position: relative;	z-index: 30;}
#company-box {background: rgba(255,255,255,.4);	padding: 2rem;	height: 30vw;	z-index: 10;}
#bnr-company h1 {font-size: 2.5rem;	font-weight: 600;}
a.bnr-link { color: #333;	text-decoration: none;}
@media (min-width: 1300px){}
@media (max-width: 991px){}
@media (max-width: 767px){ #header, #mv-img-wrap { height: 100vw; } #mv-img-wrap img { margin-top: 15vw; }
#mv-img-wrap #fade01 p { font-size: 160%;}#mv-img-wrap #fade02 p { font-size: 140%;} #bg-greeting { line-height: 5.3vw; min-height: 60vw; } #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; }
#mv-img-wrap { top: 10%;}#mv-img-wrap #fade01 p { font-size: 160%;}#mv-img-wrap #fade02 p { font-size: 120%;}#greeting h1 { font-size: 1.6rem;}#greeting {padding: 3rem 0;}#news {padding: 3rem 0;}#service {padding: 3rem 0;}#top-works {padding-top: 0;}#top-works img { height: 200px;}	#bnr-company,	#company-box {height: 70vw;}}