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

.footerbox{font-size:0.8em;}
.footerbox_wrap0{width:100%;}
.footerbox_wrap0 img{width:70%;	padding:5% 10% 2%;}
.footerbox_wrap1{width:100%;padding:5% 15% 0% 15%;float:left;text-align: center;}

.footerbox_wrap2{width:100%;padding:5% 5% 5% 5%;float:left;text-align: center;}
.footerbox_wrap2 img{width:60%;padding:2% 0% 1% 0%;	}
.footerbox_wrap3{width:100%;padding:0% 5% 5% 5%;float:left;text-align: center;}
.add{font-size:0.5em; padding:0 2%;}
.footerbox_wrap3 img{width:60%;padding:2% 0% 1% 0%;}	

.menu_outline3 {
	display:none;
    }	

.fade-up {
  transition: opacity 0s;
  -moz-transition: opacity 0s;
  -webkit-transition: opacity 0s;
  -o-transition: opacity 0s;
}	
	

	
}

@media screen and (min-width: 835px) {
	
.footerbox_wrap0{width:100%;float:left;}
.footerbox_wrap0 img{width:30%;	padding:2%;}	
.add{font-size:0.9em;}	

#global-nav ul li {
    margin: 2% 0%;
font-size:0.8em;	
}

.globalmenu a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: #000;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}	

#logo {
	width:8%;
	margin:0% 2%;
	padding:1% 0% ;
	float: left;
	display:none;
}



#top-head.fixed #logo {
		display:block;
}	
	
#top-head.fixed #logo img{
	width:100%;	
}

#top-head.fixed .globalmenu {
width:9%;	
}
	
#top-head .menu_outline2 {
font-size:0.7em;
}		

#top-head.fixed .menu_outline2 {
font-size:0.7em;
}		
		
	
#top-head.fixed .menu_outline3 {
width:12%;	
float: right;
margin:2% 1% 0;	
}
		
#top-head .menu_outline3 {
width:15%;	
float: right;
margin:2% 1% 0;		
}

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


.inner:after {
	border-bottom:solid #0f367a thick;	
}


.fade-up {
  transition: opacity 2.5s;
  -moz-transition: opacity 2.5s;
  -webkit-transition: opacity 2.5s;
  -o-transition: opacity 2.5s;
}	


.menu_outline2 {
	color:#fff;	
	background-color:#174B7C;
	border-radius: 20px;
  height:3vh;
  line-height:3vh;
font-size:0.8em;	
	text-align: center;
}

.menu_outline2 a{
	color:#fff;
}



.menu_outline2:hover {
	opacity: 0.8;
}	
	
}



@media screen and (min-width: 1350px) {
	
.footerbox_wrap0{width:100%;float:left;}
.footerbox_wrap0 img{width:30%;	padding:2%;}	
.add{font-size:0.9em;}	

#global-nav ul li {
    margin: 2% 0%;
font-size:1em;	
}

.globalmenu a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: #000;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}	

#logo {
	width:10%;
	margin:0% 2%;
	padding:1% 0% ;
	float: left;
	display:none;
}



#top-head.fixed #logo {
		display:block;
}	
	
#top-head.fixed #logo img{
	width:90%;	
}

#top-head.fixed .globalmenu {
width:8%;
}

#top-head .menu_outline2 {
font-size:0.8em;
}	
	
#top-head.fixed .menu_outline2 {
font-size:0.8em;
}
	
	
#top-head.fixed .menu_outline3 {
width:12%;	
float: right;
margin:2% 1% 0;	
}

		
#top-head .menu_outline3 {
width:12%;	
float: right;
margin:2% 1% 0;	
}

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


.inner:after {
	border-bottom:solid #0f367a thick;	
}
	
.fade-up {
  transition: opacity 2.5s;
  -moz-transition: opacity 2.5s;
  -webkit-transition: opacity 2.5s;
  -o-transition: opacity 2.5s;
}	

	

.menu_outline2 {
	color:#fff;	
	background-color:#174B7C;
	border-radius: 20px;
  height:3vh;
  line-height:3vh;
font-size:0.8em;	
	text-align: center;
}

.menu_outline2 a{
	color:#fff;
}



.menu_outline2:hover {
	opacity: 0.8;
}	
	
}


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 0;  
    text-align: left;
	max-width: 2000px;	
}  


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


a	img:hover {
	opacity: 0.9 ;
}




.contents-t{
	position: absolute;	
	width:100%;
	z-index:100;
	float: left;	
}
	

.contents-t img{width:20%;}



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


/* PC表示メニュー */

.inner {
    width:100%;
    margin: 0 auto;
background-color:#fff;
}
.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;	
	max-width: 2000px;	
}

#top-head a,

#top-head {
	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: 1%;

}

.globalmenu{
	padding: 0% 0%;	
    text-align: center;
	color:#888;
	line-height: 1.8em;
}

.globalmenu a {
  position: relative;
  display: inline-block;
  transition: .3s;
  color:#333;
  text-decoration: none;	
}

.globalmenu a:visited {
	color:#333;
}

.globalmenu a:active {
	color:#888;
}

.globalmenu a:hover{
	color: #888;
}



.globalmenu a:hover::after {
  width: 100%;
}





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

#footer a{
	color:#FFF;
}


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


.footerbox_wrap0{
	text-align:center;
	padding:0%;
}





/* 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;
}

.tel{
color:#fff;
font-size:0.8em;
line-height: 1.5em;
float: left;	
}


.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;
}

	
/*br.sp_brはスマホサイズでは表示する */
@media screen and (min-width: 835px) {
	.sp_br{
    display: none;
  }
}

a {
	transition-property: color;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
}