@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;}
#top-h1 { font-size: 250%; text-shadow: 1px 1px 3px #fff , -1px 1px 3px #fff , 1px -1px 3px #fff , -1px -1px 3px #fff;}#top-bottom-text{ font-size: 180%; text-shadow: 1px 1px 3px #fff , -1px 1px 3px #fff , 1px -1px 3px #fff , -1px -1px 3px #fff;}
#greeting { position: relative; margin: 80px auto; padding: 80px 0;}#greeting:before { content: ""; display: block; width: 70%; height: 100%; /*background: linear-gradient(135deg, #caff99, #e6ffcf, #caff99);*/	background: linear-gradient(135deg, #B9E3F9, #e4f1f7, #B9E3F9); 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;}
#news {background-color: #f7fff0;	border: 5px dotted #00A035;	border-radius: 20px;}#news h2 { font-size: 140%; color: #00A035; position: relative; display: inline-block;}#news h2:before { content: ''; position: absolute; bottom: -15px; display: inline-block; width: 100%; height: 3px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #00A035; border-radius: 2px;}
.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-service {padding:5rem 0;}#top-service h2 {font-size: 160%;	font-weight: 600;}#top-service-img { position: absolute; top: -10%; width: 60%; height: 120%;	background-image: url("../img/top-service.jpg");	background-attachment: fixed;	background-position: center center;	background-size: cover;	background-repeat: no-repeat;}#top-service-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:2px solid #D2E7DA;}
#banner { position: relative; background: rgba(30, 133, 70,.2);}
#banner::before { content: ""; position: absolute; bottom: 0; right: 0; z-index: -1; width: 100%; height: 100%; background-image: url(../img/stripe.svg); background-repeat: repeat; background-position: left top; background-size: 130px;	z-index: 10;}.banner-contents {position: relative;	z-index: 15;}
#banner h2 { font-size: 140%;	text-align: center;	background-color: #fff;	padding: .5rem 0;	border-radius: 20px;	width: 80%;	position: absolute;	bottom: 0;	left: 10%;}
a.bnr-link { position: relative; overflow: hidden; width: 20vw; height: 20vw; margin: 0 auto;}/* .bnr-link::after { content: ''; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,.3); width: 100%; height: 100%; z-index: 12; opacity: .3; transition: 0.4s ease-out;	border-radius: 50%;
}*/
#banner a{ background-size: cover; 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%);}
@media (max-width: 1200px){#top-service-img {background-attachment: scroll;}}
@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: 160%; } #top-bottom-text { font-size: 120%; } #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; }
#top-service-box { width: 90%;	margin: 0 5%; padding: 2rem 1rem;}a.bnr-link { width: 90vw; height: 90vw;}}