@charset "UTF-8";
#homeCover {
	width: 100%;
	min-height: calc(100vh - 40px);
	margin-top: 3vh;
	overflow: hidden;
	position: relative;
	padding: 0 !important;
	margin-bottom: 40px;
	z-index: -1;
}
#homeCover:after{
	content:'';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:
		linear-gradient(to bottom right, #fff 50%,transparent 50.3%) no-repeat top left  /23% 50px,
		linear-gradient(to bottom left,  #fff 50%,transparent 50.3%) no-repeat top right /77% 50px,
		linear-gradient(to right, rgba(15, 105, 92, 0.6) 23%, rgba(15, 105, 92, 0.4) 23%) no-repeat top left;
}
#homeCover figure {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
#homeCover figure img {
	width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	transition: 8s transform ease-in;
}
.loaded #homeCover figure img {
    transform: translate(-50%, -50%) scale(1.2);
}
@media screen and (orientation:portrait){
	#homeCover figure img {
		width: auto;
		height: 100%;
	}
}
#homeCover .inner {
	position: absolute;
	z-index: 1;
	top: 24%;
	left: 1%;
	color: #fff;
	font-family: 'Noto Serif JP', serif;
}
#homeCover h1 {
    font-size: 6.6vw;
    line-height: 1.8;
    font-weight: normal;
    letter-spacing: .08em;
}
#homeCover h2 {
    font-size: 3.7vw;
    line-height: 2.1;
    margin-top: 2vw;
    font-weight: normal;
    letter-spacing: .08em;
}


#homeAbout h1 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 35px;
    line-height: 1.5;
    letter-spacing: 0.08em;
    font-weight: normal;
    font-family: 'Noto Serif JP', serif;
}
#homeAbout h1 p {
    display: inline-block;
    border-bottom: 1px solid #333;
    padding-bottom: 0.4em;
}
#homeAbout ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 650px;
	margin: 0 auto;
}
#homeAbout ul li {
    width: 100%;
    margin-bottom: 20px;
    background: #39b49e;
    box-sizing: border-box;
    padding: 25px 20px;
    color: #fff;
}
#homeAbout li h2 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    letter-spacing: .15em;
}
#homeAbout li p {
    margin-top: 20px;
    line-height: 1.8;
    letter-spacing: .18em;
}


#homeMenu h1 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 35px;
    line-height: 1.5;
    font-weight: normal;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    font-family: 'Noto Serif JP', serif;
}
#homeMenu h1 p {
    display: block;
    border-bottom: 1px solid #333;
    padding-bottom: 0.4em;
}

#homeMenu h1 img {
    margin-bottom: 15px;
    width: 50%;
}
#homeMenu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 650px;
	margin: 0 auto;
}
#homeMenu ul li {
    width: 47.5%;
    margin-bottom: 5%;
}
#homeMenu ul a {
    color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 40vw;
    padding-bottom: 10px;
    overflow: hidden;
}
#homeMenu figure {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
#homeMenu figure:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #056957;
    opacity:.6;
    transition: .8s;
}
#homeMenu li:nth-child(1) figure:after {
    background: #056957;
}
#homeMenu li:nth-child(2) figure:after {
    background: #0a608a;
}
#homeMenu li:nth-child(3) figure:after {
    background: #6b390c;
}
#homeMenu li:nth-child(4) figure:after {
    background: #502137;
}
#homeMenu figure img {
    width: auto;
    height: 100%;

    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition:.8s;
}
#homeMenu h2 {
    font-size: 13.5vw;
    font-weight: normal;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    position: relative;
}
#homeMenu li h2 + div {
	font-size: 3vw;
	letter-spacing: .1em;
	position: relative;
}
#homeMenu .allow {
	display:none;
}


#homeContact .btn {
    font-size: 6vw;
    font-family: 'Noto Serif JP', serif;
    padding: 15px;
    letter-spacing: .2em;
    max-width: 450px;
}
#homeContact .btn svg {
    margin-right: .3em;
    font-size: 110%;
}