@charset "UTF-8";

/* 各ページ共通項目 */
nav {
    height: 80px;
    background: rgba(0, 0, 0, 0.1)
}
.mb-10 {
    margin-bottom: 6rem !important;
}
a:hover img.w-100 {
    opacity: 0.85;
}
.btn-naturum {
    background: #007f3c;
    border: 1px solid #007f3c;
    color: #fff;
    transition: 0.3s;
}
.btn-naturum:hover {
    background: #fff;
    border: 1px solid #007f3c;
    color: #007f3c;
} 

/* フッター */
#footer-area01 {
    background: url(images/footer_001.jpg);
    background-size: cover;
    background-position: center center;
    height: 400px;
}
#footer-area02 {
    background: url(images/footer_002.jpg);
    background-size: cover;
    background-position: 80% 63%;
    height: 400px;
}
#footer-area02 a:hover img {
    opacity: 0.85;
}
#footer-logo {
    top: 25%;
    -webkit-filter:drop-shadow(1px 1px 6px rgba(0, 0, 0, 0.1));
    -moz-filter:drop-shadow(1px 1px 6px rgba(0, 0, 0, 0.1));
    -ms-filter:drop-shadow(1px 1px 6px rgba(0, 0, 0, 0.1));
    filter:drop-shadow(1px 1px 6px rgba(0, 0, 0, 0.1));
}
@media screen and (min-width:992px) {
    #footer-logo {
        top: 30%;
    }
}
#footer-func-icons {
    bottom: 0;
}
#footer-func-icons a:hover img {
    opacity: 0.85;
}
#footer-icons {
    bottom: 55px;
}
#footer-copyright {
    font-size: 0.625rem;
    line-height: 1rem;
    word-break: break-all;
}
.icon-caption {
    font-size: 0.75rem;
    line-height: 1rem;
    word-break: break-all;
}
.icon-caption img {
    border-radius: 10px;
}
/* ハンバーガーメニュー */
#hamburger {
    font-size: 30px;
    color: #ffffff;
}

#side-nav {
	width: 320px;
	position: fixed;
	top: 0;
	bottom: 0;
	right: -320px;
	height: 100vh;
	z-index: 1500;
	transition: all 600ms 100ms ease;
	background: #fefefe;
	color: #333745;
}
#side-nav .icon-close {
	font-size: 40px;
	line-height: 40px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
	color: #333745;
}
#side-nav.active {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	box-shadow:1px 1px 3px 0px #ccc;
}
.menu-items {
    border-bottom: 1px solid #999;
    padding: 5px 10px;
    transition: 0.5s;
}
.menu-items:hover {
    background: #bbb;
}
.menu-items a {
    display: block;
    text-decoration: none;
    color: #333745;
    transition: 0.5s;
}
.menu-items:hover a {
	color: #fff;
}
.menu-items img {
    border-radius: 5px;
}
.fixed-width-900 {
    width: 900px;
    margin: 0 auto;
}
.fixed-width-520 {
    width: 520px;
    margin: 0 auto;
}
@media screen and (max-width:991px) {
    .fixed-width-900 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width:520px) {
    .fixed-width-520 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.cover-wrapper {
    position: absolute;
    left: 15px;
    top: 30%;
}
.collage-first {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 80%;
    height: 700px;
}
.collage-first.background1 {
    background-image: url(images/top_001_01.jpg);
    background-position: 20% 80%;
}
.collage-first.background2 {
    background-image: url(images/top_001_02.jpg);
}
.collage-first.background3 {
    background-image: url(images/top_001_03.jpg);
}
.collage-first.background4 {
    background-image: url(images/top_001_04.jpg);
}
.collage-first.background5 {
    background-image: url(images/top_001_05.jpg);
}

.collage-second {
    background: url(images/top_003.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 240px;
    width: 410px;
    position: absolute;
    top: 650px;
    left: 150px;
}
@media screen and (min-width:768px) {
    .cover-wrapper {
        left: 20%;
        top: 35%;
    }
    .collage-second {
        background: url(images/top_003.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center bottom;
        height: 290px;
        width: 600px;
        left: 55%;
    }
}

/* 子ページ共通 */
.pages-title {
    color: #fff;
    top: 40%;
    left: 50%;
}
.pages-title .title-en {
    font-weight: bold;
    font-size: 4rem;
}
.pages-title .title-jp {
    font-size: 1rem;
}
#about-page {
    background: url(images/about_003.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 700px;
}
#business-page {
    background: url(images/business_001.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 80% center;
    height: 700px;
}
#profile-page {
    background: url(images/profile_001.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 700px;
}
#inquiry-page {
    background: url(images/inquiry_002.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 40% center;
    height: 700px;
}
#recruit-page {
    background: url(images/recruit_001.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 700px;
}
#privacy-page {
    background: url(images/privacypolicy_001.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 700px;
}
.allumi-std-regular {
    font-family: allumi-std,sans-serif;
    font-weight: 400;
    font-style: normal;
}
.allumi-std-bold {
    font-family: allumi-std,sans-serif;
    font-weight: 600;
    font-style: normal;
}
.allumi-ex-bold {
    font-family: allumi-std-extended,sans-serif;
    font-weight: 600;
    font-style: normal;
}
#sns-icons a:hover img {
    opacity: 0.75;
}