@charset "utf-8";



/*ハンバーガーボタン*/
@media screen and (min-width: 601px) {

.el_humburger {
display: none;
position: fixed;
top: 25px;
left: 40px;
width: 50px;
height: 70px;
padding-top: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 0px;
z-index: 10000;
cursor: pointer;
pointer-events: auto;
font-size: 80%;
text-align: center;
overflow: hidden;
font-weight: 700;

}
}

@media screen and (max-width: 600px) {
.el_humburger {
position: fixed;
top: 20px;
right: 15px;
width: 50px;
height: 70px;
padding-top: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 0px;
z-index: 10000;
cursor: pointer;
pointer-events: auto;
font-size: 70%;
text-align: center;
overflow: hidden;
font-weight: 700;
}}


.el_humburger_wrapper {
margin-bottom: 5px;
width: 42px;
overflow: hidden;
display: inline-block; }

@media screen and (max-width: 840px) {
.el_humburger_wrapper {
margin-bottom: 5px;
overflow: hidden;
width: 40px; } }

.el_humburger_text {
font-size: 12px;
letter-spacing: 0.1em;
}

.js_humburgerOpen .el_humburger_text.el_humburger_text__menu {
display: none; }

.el_humburger_text.el_humburger_text__close {
display: none; }

.js_humburgerOpen .el_humburger_text.el_humburger_text__close {
display: block; }

@media screen and (max-width: 840px) {
.el_humburger_text {
font-size: 10px;
padding-top: 2px; } }

@media screen and (max-width: 840px) {
.el_humburger_text svg path {
-webkit-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
-o-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
fill: #000; } }

@media screen and (max-width: 840px) {
.js_humburgerOpen .el_humburger_text svg path {
fill: #000; } }

.el_humburger span.el_humburger_bar {
display: block;
width: 100%;
margin: 0 auto 9px;
height: 4px;
background: #000;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }

.el_humburger span.el_humburger_bar:last-child {
margin-bottom: 0; }

.js_humburgerOpen .el_humburger span.el_humburger_bar {
background: #000; }

@media screen and (max-width: 840px) {
.el_humburger span.el_humburger_bar {
left: 0;
top: 0;
background: #000; } }

.js_humburgerOpen .el_humburger span.el_humburger_bar.top {
-webkit-transform: translateY(13px) rotate(-45deg);
-ms-transform: translateY(13px) rotate(-45deg);
transform: translateY(13px) rotate(-45deg); }

.js_humburgerOpen .el_humburger span.el_humburger_bar.middle {
opacity: 0; }

.js_humburgerOpen .el_humburger span.el_humburger_bar.bottom {
-webkit-transform: translateY(-13px) rotate(45deg);
-ms-transform: translateY(-13px) rotate(45deg);
transform: translateY(-13px) rotate(45deg); }

.el_humburgerButton.el_humburgerButton__close {
top: 2%;
right: 2%; }

.el_humburgerButton__close span.el_humburger_bar {
display: block;
width: 35px;
margin: 0 auto;
height: px;
background: #000; }

.el_humburgerButton__close span.el_humburger_bar.top {
-webkit-transform: translateY(5px) rotate(-45deg);
-ms-transform: translateY(5px) rotate(-45deg);
transform: translateY(5px) rotate(-45deg); }

.el_humburgerButton__close span.el_humburger_bar.bottom {
-webkit-transform: translateY(-6px) rotate(45deg);
-ms-transform: translateY(-6px) rotate(45deg);
transform: translateY(-6px) rotate(45deg); }

.navi {
position: fixed;
top: 0px;
left: 0;
height: 100%;
background-color: rgba(255, 255, 255, 0.9);
width: 220px;
padding-top: 0px;
padding-bottom: 0px;
padding-left:10px;
padding-right:10px;
z-index: 9999;
overflow: auto;

}


@media screen and (max-width: 840px) {

.navi {
position: fixed;
right: 0;
height: 100%;
background-color: rgba(255, 255, 255, 0.9);
width: 100%;
padding-top: 100px;
z-index: 9999;

-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 600ms ease-out;
-o-transition: all 600ms ease-out;
transition: all 600ms ease-out;
transform:translateZ(0) translateX(100%);
overflow: auto;

}


}

.navi_inner {
padding-top: 0px;
overflow: auto;

}
@media screen and (max-width: 840px) {
.navi_inner {
padding-top: 0px;
overflow: auto;} }


.js_humburgerOpen .navi {
transform:translateZ(0) translateX(0); }
@media screen and (max-width: 840px) {
.navi {
padding: 100px 5% 0; }
.js_humburgerOpen .navi {
width: 100%;} }

.navi_item {
position:relative;
font-size: 75%;
white-space: nowrap;
font-weight: 700;
margin-left: 15px;
margin-right: 15px;
}

.navi_item span {
font-size: 50%;
white-space: nowrap;
font-weight: 700;
}



.navi_item.op_innerLink {
cursor: pointer; }
@media screen and (max-width: 840px) {
.navi_item {
margin-left: 35px;
margin-right: 35px;
font-size: 80%;
font-weight: 700;
 } }








.el_spChildNavOpen {
position: absolute;
top: 7px;
left: 85%;
z-index: 100;
-webkit-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
padding: 10px; }

@media screen and (max-width: 840px) {
.el_spChildNavOpen {
position: absolute;
top: 8px;
left: 90%;
z-index: 100;
}
}


.js_openParent.js_fire > .el_spChildNavOpen {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.js_openParent.js_fire > .el_spChildNavOpen > .el_spChildNavOpen_wrapper:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; }





.el_spChildNavOpen_wrapper {
position: relative;
width: 13px;
height: 13px;
-webkit-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center; }
.el_spChildNavOpen_wrapper:before {
content: "";
width: 100%;
height: 2px;
background-color: #111;
position: absolute;
top: calc(50% - 1px); }
.el_spChildNavOpen_wrapper:after {
content: "";
width: 2px;
height: 100%;
background-color: #111;
position: absolute;
left: calc(50% - 1px);
-webkit-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out; }




.nav_line{
	color: #555555;
	position:relative;
	border-bottom: 1px solid #555555;
}

.nav_line a {
	color: #555555;
	display: block;
	width:100%;
	height:100%;
	padding-top: 12px;
	padding-bottom: 12px;
 }


.nav_line2 {
	color: #555555;
	position:relative;
	border-bottom: 1px solid #555555;
	padding-top: 15px;
	padding-bottom: 15px;
}




.nav_line3 {
	color: #76A28B;
	position:relative;
	border-bottom: 1px solid #555555;
}

.nav_line3 a {
	color: #76A28B;
	display: block;
	width:100%;
	height:100%;
	padding-top: 12px;
	padding-bottom: 12px;
 }



.nav_child{
padding-top: 20px;
margin-bottom: 0px;

}

.nav_child_item{
position: relative;
height: 80px;
font-size:90%;
font-weight: 700;
padding-left:20px;
margin-bottom:20px;
}
@media screen and (max-width: 840px) {
.nav_child_item{
display: block;
position: relative;
height: 90px;
font-size:90%;
padding-left:20px;
margin-bottom:20px;
}
}


.nav_child_item2 {
position: relative;
height: 90px;
font-size:90%;
font-weight: 700;
padding-left:0px;
margin-bottom:40px;
}
@media screen and (max-width: 840px) {
.nav_child_item2 {
display: block;
position: relative;
height: 90px;
font-size:90%;
padding-left:0px;
margin-bottom:40px;
}
}



.nav_child_item3 {
position: relative;
height: 90px;
font-size:90%;
font-weight: 700;
padding-left:0px;
margin-bottom:40px;
}
@media screen and (max-width: 840px) {
.nav_child_item3 {
display: block;
position: relative;
height: 90px;
font-size:90%;
padding-left:0px;
margin-bottom:40px;
}
}







.nav_child_item img {
width: 170px;
height: auto;
margin-bottom:10px;
}


.nav_child_item2 img {
width: 170px;
height: auto;
margin-bottom:10px;
}

.nav_child_item3 img {
width: 170px;
height: auto;
margin-bottom:10px;
}


.nav_child_item img:last-child{
width: 170px;
height: auto;
margin-bottom:10px;
}



@media screen and (max-width: 840px) {
.nav_child_item img {
width: auto;
height: 35px;
margin-bottom:10px;

}
}

@media screen and (max-width: 840px) {
.nav_child_item2 img {
width: auto;
height: 35px;
margin-bottom:10px;

}
}

.nav_child_item p {
display: block;
margin-bottom:10px;
}


.nav_child_item > a{
position:absolute;
left:0;
right:0;
bottom:0;
top:0;
color: #555555;
}

.nav_child_item2 > a{
position:absolute;
left:0;
right:0;
bottom:0;
top:0;
color: #555555;
}

.nav_child_item:last-child{
margin-bottom:0px;
}

.js_openSwitch {
cursor: pointer; }

.js_openTarget {
display: none; }