@media screen and (max-width: 834px) {
#footer {padding: 0% 0% 3%; margin-top: 5%;}
.footerbox{font-size:0.8em;}
.footerbox_wrap2{width:100%;padding:0% 5% 5% 5%;float:left;text-align: center;}
.footerbox_wrap2 img{width:50%;padding:2% 0% 1% 0%;	}
.footerbox_wrap3{width:100%;padding:0% 5% 5% 5%;float:left;text-align: center;}
.footerbox_wrap3 img{width:50%;padding:2% 0% 1% 0%;}	

	

	
}

@media screen and (min-width: 835px) {

.inner {height: 10vh;}	
#footer {padding: 3% 0% 3%; }
.footerbox_wrap2{width:50%;padding:0% 0% 0% 10%;float:left;text-align: center;}
.footerbox_wrap2 img{width:50%;padding:0% 0% 8% 0%;	}
.footerbox_wrap3{width:50%;padding:0% 10% 0% 0%;float:left;text-align: center;}	
.footerbox_wrap3 img{width:50%;padding:0% 0% 8% 0%;}	

#global-nav ul li {
    width: 12vw;
    margin: 0% 0%;
	padding:0;
}

#logo {
	width:20vw;
	height: 10vh;	
	padding:1vh 0;
	float: left;
	text-align: center;

  display: flex;
  -ms-display: flex;	
  justify-content: center;
  -ms-justify-content: center;	
  align-items: center;
  -ms-align-items: center;		
}


#logo img {
	width:90%;
	padding:5%;	
}

	
.menu_outline1 {
	padding: 0;
	text-align: center;
	height: 10vh;
line-height: 10vh;	
}
	
.menu_outline1:hover {
	opacity: 0.8;
	background: #ffffff;	
}	
	
.menu_comingsoon {	
	text-align: center;
	color:#aaa;	
	height: 10vh;
line-height: 10vh;	
}		

.menu_outline1_over {
	padding: 0;	
	text-align: center;		
	background: #4d4d4d;
	color:#fff;
	height: 10vh;
line-height: 10vh;	

}


#global-nav .menu_outline2 {	
	font-size:0.8em;
	text-align: center;
	background-color: #123566;
	margin: 1.5vh 1% 0;
	height:2.5vh;
 line-height: 2.5vh;	
}
	
	
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


* {  
    margin:0;  
    padding:0;  
}


html {  
    overflow-y:scroll;
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
scroll-behavior:smooth;
}  


p,li,dt,dl {  
    line-height:1.2;  
}  
p {  
    margin:0 0 1em 0;  
}  
li {  
    list-style-type:none;  
}  
img {  
    border:0;  
}  

.float_L{
	float:left;
}

.float_R{
	float:right;
}

.clear {  
    clear:both;  
}  


 
#container {  
    width: 100%;  
    margin: 0 auto;  
    text-align: left;
}  


.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}


a img:hover {
	opacity: 0.9 ;
}




#pageTop {
	position: fixed;
	bottom: 20px;
	opacity: 0.8;
	right: 20px;
}


/* PC表示メニュー */

.inner {
    width:100%;
    margin: 0 auto;
	    background-image: linear-gradient(45deg, #fff, #ddd);	
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */
#top-head {
	position: absolute;
	width: 100%;
	padding: 0px;
	line-height: 1;
	z-index: 999;
	top: -5vh;	
	margin-top: 5vh;	
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;	
}
#top-head a,
#top-head {
	color: #333;
	text-decoration: none;
}
#top-head .inner {
    position: relative;
}

#global-nav {
    position: relative;
}
#global-nav ul {
    list-style: none;
}
#global-nav ul li {
    float: left;
	position: relative;
	margin-left: 0%;

}

#global-nav ul li {
	padding-top: 0;
}




#global-nav .menu_outline2 a{
	color: #fff;
}

#global-nav .fixed .menu_outline2{
	padding: 0.5% 0%;
}


#footer {
	width: 100%;
	position: relative;
	font-size:0.9em;
	text-align:center;	
	color:#333;
	display: inline-block;
}

#footer a{
	color:#333;
}


.footerbox{
	padding:0% 3% 0% 2%;
	text-align: left;
	vertical-align: middle;
}




/* Btn Hover*/


.menu_outline1:hover {
	opacity: 0.8;
}


.menu_outline2:hover {
	opacity: 0.8;
}



/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    height: 5vh;	
    background: rgba(255,255,255,1);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}

#top-head.fixed #global-nav ul li {
    padding: 0 0;	
}
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 26px;
    cursor: pointer;
    z-index: 200;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 6px;
}
#nav-toggle span:nth-child(3) {
    top: 12px;
}



*, *:before, *:after {
	box-sizing: border-box;
}



.fade-up-main {
  transition: opacity 2s;
  -moz-transition: opacity 2s;
  -webkit-transition: opacity 2s;
  -o-transition: opacity 2s;
  transition: transform 2s;
  -moz-transition: transform 2s;
  -webkit-transition: transform 2s;
  -o-transition: transform 2s;
}

.fade-up {
  transition: opacity 2.5s;
  -moz-transition: opacity 2.5s;
  -webkit-transition: opacity 2.5s;
  -o-transition: opacity 2.5s;
}
	
/*br.sp_brはスマホサイズでは表示する */
@media screen and (min-width: 835px) {
	.sp_br{
    display: none;
  }
}