@media screen and (max-width: 1024px) {
#footer {width:100%;padding: 15% 5% 3%;}
.footerbox{font-size:0.8em;}
.footerbox_wrap2{width:100%;padding:5% 5% 5% 5%;float:left;text-align: center;}
.footerbox_wrap2 img{width:70%;padding:2% 0% 1% 0%;	}
.footerbox_wrap3{width:100%;padding:0% 5% 5% 5%;float:left;text-align: center;}
.footerbox_wrap3 img{width:70%;padding:2% 0% 1% 0%;}
.footerbox_wrap_cc{width:100%; padding: 2% 5%; background-color:#103768; color:#fff; text-align:left; margin: 5% auto 2%; position: relative; display: inline-block;}
#footer .add{font-size:0.8em;}

	
.w_l{width:100%; padding:5% 0%; text-align: center;}
.w_m{width:100%; padding:0% 5%;text-algn:left; font-size:0.8em;}	
.w_r{width:100%; padding:5% 2%; text-align: center;}

	.w_l img{width:50%;}
	.w_r img{width:70%;}	
	
}

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

.inner {height: 10vh; display: inline-block;}	
#footer {padding: 3% 0% 3%; }
.footerbox_wrap2{width:50%;padding:0% 0% 0% 10%;float:left;text-align: center;}
.footerbox_wrap2 img{width:80%;padding:0% 0% 8% 0%;	}
.footerbox_wrap3{width:50%;padding:0% 10% 0% 0%;float:left;text-align: center;}	
.footerbox_wrap3 img{width:80%;padding:0% 0% 8% 0%;}
.footerbox_wrap_cc{width:100%; padding: 2% 5%; background-color:#103768; color:#fff; text-align:left; margin: 2% auto; position: relative; display: inline-block;}

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

#logo {
	width:20%;
	height: 10vh;
    padding:1% 1%;
    margin:0 3% 0% 2%;
	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%;
}

	
.menu_outline1 {
	padding: 0;
	text-align: center;
	height: 10vh;
    font-family:  'Sulphur Point','Noto Sans JP';
	line-height:  calc(1vw + 0.1rem);
	padding-top:3vh;
}

.en{
  font-size: calc(0.9vw + 0.1rem);
	font-weight: bold;
	color:#103768;
}
.jp{
  font-size: calc(0.6vw + 0.1rem);	
	color:#888;
}	
    
 .menu_outline2 .en{
        display: none;
    }    
	
.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;
    font-family:  'Sulphur Point','Noto Sans JP';	
	text-align: center;		
	background: #4d4d4d;
	color:#fff;
	height: 10vh;   
	line-height:  calc(1vw + 0.1rem);
	padding-top:3vh;

}

.menu_outline1_over .en{
	font-weight: bold;	
	color:#fff;
}	
	
.menu_outline1_over .jp{	
	color:#fff;
}
    
.menu_outline2{	
	color:#fff;
}    


#global-nav .menu_outline2 {	
	text-align: center;
	background-color: #123566;
	margin: 3vh 1% 0;
  font-size: calc(0.7vw + 0.1rem);    
	height:3vh;
 line-height: 3vh;	
}
	
	
.w_l{width:20%; padding-top:1% ; float:left;}
.w_m{width:60%; padding:0% 5%;float:left;text-algn:left;}	
.w_r{width:20%; padding:0% 2% 0% 0%;float:left;}	
	
}







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%;
    max-width: 1600px;
    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%;
    max-width: 1600px;
    margin: 0 auto;	
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */
#top-head {
	position: absolute;
	width: 100%;
    height:10vh;
	padding: 0px;
	line-height: 1;
	z-index: 999;
	top: -5vh;	
	margin-top: 5vh;	
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    background-image: linear-gradient(45deg, #fff, #ddd);    
}
#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: 10vh;
    opacity: 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;
  }
}