@charset "UTF-8";

/*nav
----------------------------*/

nav{width:100%;font-size:110%;font-weight:700;letter-spacing:0.1em;margin:0 auto;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:rgba(15,31,2,1);position:relative;z-index:44!important;}

nav li a:link{color:#FFFFFF;text-decoration:none;display:block;padding:0;transition:all .2s ease-in;}
nav li a:visited{color:#FFFFFF;text-decoration:none;}
nav li a:hover{color:#f7fd46;text-decoration:none;}
nav li a:active{color:#f7fd46;text-decoration:none;}

nav #logo{width:139px;margin:0 0 0 0;padding:0 0 0 0;display:none;}
nav #tel{display:none;}

nav ul{min-width:1200px;text-align:center;margin:0 auto 0 auto;padding:30px 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;}
nav ul li{line-height:100%;list-style-type:none;flex-grow:1;text-align:center;}
nav ul li + li{border-left:1px solid #FFFFFF;}
nav ul li:hover{color:#20c5a4;}

nav ul#nav_bnr{display:none;}
nav ul#nav_bnr li{display:none;}


@media screen and (max-width:1600px) {
nav{max-width:100%;}
nav #logo{margin:0 0 0 5%;}
nav ul{width:70%;flex-wrap:nowrap;}
nav ul li{white-space:nowrap;}
}


#side_nav{width:3%;letter-spacing:0;position:relative;position:fixed;top:32%;left:1%;z-index:2483647;}
#side_nav ul{text-align:center;}
#side_nav ul li{padding:0 0 0 0;}
#side_nav ul #facebook_icon{width:11px;margin:45px auto 30px auto;}
#side_nav ul #facebook_icon path{
fill:#202322;
-webkit-transition: fill 0.3s ease-out;
-moz-transition: fill 0.3s ease-out;
-o-transition: fill 0.3s ease-out;
-ms-transition: fill 0.3s ease-out;
transition: fill 0.3s ease-out;
}
#side_nav ul #facebook_icon a:hover path{
fill:#c3681f;
}

#side_nav ul #instagram_icon{width:16px;margin:0 auto 30px auto;padding: 0 0 0 2px;}
#side_nav ul #instagram_icon path{
fill:#202322;
-webkit-transition: fill 0.3s ease-out;
-moz-transition: fill 0.3s ease-out;
-o-transition: fill 0.3s ease-out;
-ms-transition: fill 0.3s ease-out;
transition: fill 0.3s ease-out;
}
#side_nav ul #instagram_icon a:hover path{
fill:#c3681f;
}
#side_nav ul #side_text{font-size:80%;font-weight:500;margin:0 auto 0 auto;padding: 0 0 0 5px;-webkit-writing-mode:vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;display:inline-block;}


#drower_sns{display:none;}
#drower_sns li#drower_facebook_icon{display:none;}
#drower_sns li#drower_instagram_icon{display:none;}

.is-fixed{width:100%;position:fixed;top:0;right:0;z-index:2;}

@media only screen and (max-width:1200px) {
nav ul{min-width:100%;}
}

@media only screen and (max-width:1024px) {
nav{width:100%;flex-direction:column;display:block;}
	
nav li a:link{color:#FFFFFF;text-decoration:none;display:block;padding:0;transition:all .2s ease-in;}
nav li a:visited{color:#FFFFFF;text-decoration:none;}
nav li a:hover{color:#FFFFFF;text-decoration:none;}
nav li a:active{color:#FFFFFF;text-decoration:none;}
	
	
nav #logo{width:130px;margin:30px auto;padding:0 0 0 0;float:none;display:block;}
nav ul{width:100%;margin:0 auto 0 auto;float:none;padding:0 0 0 0;display:block;flex-direction:row;justify-content:space-between;}	
	
nav ul li{
  font-size:80%;
  color: #FFFFFF;
  width:50%;
  text-align:left;
  margin:0 0;float: left;
  padding:30px 0;
  border:none;
  border-bottom:#0f1f02 1px solid;
  background-color:transparent;
  display:block;
  text-decoration:none;
  position:relative;-webkit-transition: all .3s;transition: all .3s;
  box-shadow:none;
  box-sizing: border-box;
  background-color:rgba(0,165,136,1);
}
nav ul li + li{border-left:none;}	

	
nav ul li::before,
nav ul li::after {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 2;
  content: '';
  transition: all .3s;
}
nav ul li::before {
  border-top:none;
  border-bottom: 1px solid #FFFFFF;
  transform: scale(0, 1);
}
nav ul li::after {
  border-right:none;
  border-left:none;
  transform: scale(1, 0);
}
nav ul li:hover {
  color: #FFFFFF;
  background-color:rgba(0,102,82,1);
}
nav ul li:hover::after,
nav ul li:hover::before {
  transform: scale(1);
}

nav ul li a{
  z-index:3;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
}


nav ul li.sp_display{display:block;}	
nav ul li .nav_text{font-size:120%;width:90%;letter-spacing:0.1em;margin:0;padding: 20px 0 20px 2.5em;/*padding-left:1.9em;*/position:relative;display:block;}
nav ul li .nav_text:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -0.2em;
    left: 0.7em;
    width: 0.5em;
    height: 0.5em;
    border-top: #FFFFFF 1px solid;
    border-right: #FFFFFF 1px solid;
    transform: rotate(45deg);
}
nav ul li .nav_arrow{display:none;}


nav ul .dropdown{
  width:100%;
  position:relative;
  left: 0;
  right: auto;
  margin:0 auto 0 auto;
  transition:all .2s ease-in;max-height:9999px;opacity:1;overflow:hidden;background-color:#22322d;z-index:2141733247!important;
  display: none;
}
	
nav ul li:hover .dropdown{max-height:9999px;opacity:1;}
	
	
nav ul .dropdown .dropdown_inner{width:98%;margin:0 auto;padding:0 0;float:none;}
nav ul .dropdown .dropdown_inner li{
  font-size:110%;
  text-align:left;
  width:80%;
  margin:5px auto;
  padding:10px 5%;
  border:none;
  background-color:#374843;
  display:block;
  text-decoration:none;
  position:relative;-webkit-transition: all .3s;transition: all .3s;
  box-shadow:none;
}
nav ul .dropdown .dropdown_inner li::before,
nav ul .dropdown .dropdown_inner li::after {
  position:relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  content: '';
  transition: all .3s;
}
nav ul .dropdown .dropdown_inner li::before {
  border-top: none;
  border-bottom: 1px solid #FFFFFF;
  transform: scale(0, 1);
}
nav ul .dropdown .dropdown_inner li::after {
  border-right: none;
  border-left: none;
  transform: scale(1, 0);
}
nav ul .dropdown .dropdown_inner li:hover {
  color: #FFFFFF;
	background-color:#6d7c77;
}
nav ul .dropdown .dropdown_inner li:hover::after,
nav ul .dropdown .dropdown_inner li:hover::before {
  transform: scale(1);
}
nav ul .dropdown .dropdown_inner li a{
  z-index:3;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
}


nav ul .dropdown .dropdown_inner li.col_2{
  width:80%;
}



.nav_accordion ul {
	width:100%;
	padding:0;
}
.nav_accordion li {
	position:relative;
	border-bottom:1px solid #ccc;
	list-style:none;
}
.nav_accordion li:first-child {
	border-top:1px solid #ccc;
}

.nav_accordion > ul > li > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 0;
	position: relative;
}

.nav_accordion li .nav_accordion_icon,
.nav_accordion li .nav_accordion_icon span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.nav_accordion li .nav_accordion_icon {
	position: absolute;
	width: 20px;
	height: 20px;
	top:10px;
	right:20px;
}
.nav_accordion li .nav_accordion_icon span {
	position: absolute;
    width: 100%;
	height: 1px;
    background-color: #ccc;
}
.nav_accordion li .nav_accordion_icon span:nth-of-type(1) {
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.nav_accordion li .nav_accordion_icon span:nth-of-type(2) {
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.nav_accordion li .nav_accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.nav_accordion li .nav_accordion_icon.active span:nth-of-type(2) {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
#side_nav{display:none;}

#drower_sns{width:60%;margin:30px auto 0 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
#drower_sns #drower_facebook_icon{width:14px;margin:0 auto 0 auto;display:block;}
#drower_sns #drower_facebook_icon path{
fill:#FFFFFF;
-webkit-transition: fill 0.3s ease-out;
-moz-transition: fill 0.3s ease-out;
-o-transition: fill 0.3s ease-out;
-ms-transition: fill 0.3s ease-out;
transition: fill 0.3s ease-out;
}
#drower_sns #drower_facebook_icon a:hover path{
fill:#c3681f;
}

#drower_sns #drower_instagram_icon{width:26px;margin:2px auto 0 auto;padding: 0 0 0 2px;display:block;}
#drower_sns #drower_instagram_icon path{
fill:#FFFFFF;
-webkit-transition: fill 0.3s ease-out;
-moz-transition: fill 0.3s ease-out;
-o-transition: fill 0.3s ease-out;
-ms-transition: fill 0.3s ease-out;
transition: fill 0.3s ease-out;
}
#drower_sns #drower_instagram_icon a:hover path{
fill:#c3681f;
}
	
nav ul#nav_bnr{max-width:100%;width:90%;margin:0 auto;display:flex;}
nav ul#nav_bnr li{max-width:30%;display:block;border-bottom:none;}
nav ul#nav_bnr li a{border:none;display:block;position:relative;}
nav ul#nav_bnr li::before,
nav ul#nav_bnr li::after {
  position:relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  content: '';
  transition: all .0;
}
nav ul#nav_bnr li:hover {
  color: #FFFFFF;
	background-color:transparent;
}
nav ul#nav_bnr li:hover::after,
nav ul#nav_bnr li:hover::before {
  transform: scale(0);
}	
}