@charset "utf-8";
@import url("reset.css");
/*--京base.css--*/
html {}

body {
	width: 100%;
	min-width:1020px;
	height: 100%;
	color: #000;
	font-family:'Century', 'Georgia', 'Times New Roman', 'Times', serif;
	background-color: #fff;
	font-size: 14px;
	line-height: 1.0;
}


a{
	/*
	text-decoration: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	*/
}
a:hover {

}

img{
	vertical-align:bottom;
}

#container{
	width: 100%;
	min-width:1020px;
	position:relative;
}

/*----------header----------*/
header{
	width:100%;
	min-width:1020px;
}
	header > .box_header{}
		
		header .box_header .lang_nav.active{
			z-index:2;
		}
		
			header .box_header .lang_nav{}
			
				header .box_header .lang_nav dl{
					position:relative;
				}
				
					header .box_header .lang_nav dl dt{
						background:#e6e1dc;
						color:#411919;
						width:110px;
						height:38px;
						display:flex;
						justify-content:center;
						align-items:center;
						font-family:Verdana, Geneva, sans-serif;
						position:relative;
						cursor:pointer;
						transition:.3s all ease;
					}
					
					header .box_header .lang_nav dl dt:hover{
						background:#e6e1dc;
					}
					
					header .box_header .lang_nav dl dt.active{
						background:#e6e1dc;
					}
					
					header .box_header .lang_nav dl dd{
						position:absolute;
						top:38px;
						left:0;
						width:100%;
						box-sizing:border-box;
						background:#fff;
					}
					
					header .box_header .lang_nav dl dd.active{
						padding:2px;
						border:1px solid #ccc;
						box-shadow:0 0 2px 2px rgba(0,0,0,0.05);
					}
					
						header .box_header .lang_nav dl dd ul{
							background:rgba(255,255,255,1);
							height:0;
							opacity:0;
							transition:.3s all ease;
							overflow:hidden;
						}
						
						header .box_header .lang_nav dl dd.active ul{
							height:auto;
							opacity:1;
						}
						
						header .box_header .lang_nav dl dd ul li{
							border-bottom:1px dotted #aaa;
						}
						
						header .box_header .lang_nav dl dd ul li:last-child{
							border-bottom:none;
						}
						
						header .box_header .lang_nav dl dd ul li a{
							color:#411919;
							text-decoration:none;
							display:block;
							text-align:center;
							padding:0.6em 0;
							transition:.3s all ease;
						}
						
						header .box_header .lang_nav dl dd ul li a:hover{
							background:#1e736e;
							color:#fff;
						}


	header > .box_inner{
		display:flex;
		align-items:center;
		justify-content:space-between;
		height:100px;
		width:1100px;
		margin:0 auto;
	}
	
		.site_title_global_nav{
			width:960px;
			height: 100px;
			border-radius: 50px;
			background: #FFFFFF;
			text-align: center;
			margin: 0 auto;
			padding: 13px 30px;
			box-sizing: border-box;
			box-shadow: 0px 0px 5px #CCCCCC;
			min-width: 960px;
		}
		
			.site_title_global_nav .box_header{
				display:flex;
				padding-bottom:10px;
				margin-bottom:10px;
				border-bottom:1px #CCCCCC solid;
				justify-content:flex-end;
				align-items: center;
			}
			
			.site_title_global_nav .box_header h1{
				margin:0 130px 0 35px;
			}
			
				.site_title_global_nav .box_header h1 a{
					display:flex;
					padding-top:10px;
					transition: .5s all ease;
				}
				
				.site_title_global_nav .box_header h1 a:hover{
					opacity:0.7;
				}
				
				.site_title_global_nav .box_header h1 a span{
					display:block;
				}
				
					.site_title_global_nav .box_header h1 a img{
						vertical-align:middle;
					}
				
					.site_title_global_nav .box_header h1 a img.title_sub{
						padding-right:15px;
					}
			
				.site_title_global_nav .box_header a{
					display:block;
				}
			
			.site_title_global_nav .box_header .lang_nav a{
				padding-top: 10px;
			}
			
			.site_title_global_nav .box_inner ul{
				display:flex;
				justify-content: center;
			}
			
				.site_title_global_nav .box_inner ul li{
					border-right: 1px solid #dbdbdb;
					padding:0 20px 0 0;
					margin:0 20px 0 0;
				}
				
				.site_title_global_nav .box_inner ul li:last-child{
					padding:0;
					margin:0;
				}
				
				.site_title_global_nav .box_inner ul li:last-child{
					border-right:none;
				}
				
				.site_title_global_nav .box_inner ul li a{
					display:block;
					position:relative;
					transition: .5s all ease;
				}
				
				.site_title_global_nav .box_inner ul li a img{
					transition:.3s all ease;
				}
			
				.site_title_global_nav .box_inner ul li a img[src$="_off.png"]{
					position: absolute;
					top:0;
					left:0;
					z-index:1;
					opacity:1;
				}
				
				.site_title_global_nav .box_inner ul li.active a img[src$="_off.png"]{
					opacity:0;
				}
				
				.site_title_global_nav .box_inner ul li.active a img[src$="_on.png"]{
					opacity:1;
				}
				
				.site_title_global_nav .box_inner ul li a img.active{
					opacity:0;
				}
				
				.site_title_global_nav .box_inner ul li a:hover img{
					opacity:0;
				}
				
				.site_title_global_nav .box_inner ul li a:hover img.active{
					opacity:1;
				}

/*----------contents----------*/
.contents{
	min-height:350px;
}


/*-----footer-----*/
footer{
}

		.f_global_nav{
			width:100%;
			margin:0 0 70px 0;
		}
		
			.f_global_nav ul{
				display:flex;
				justify-content:center;
			}
			
			.f_global_nav ul li{
				border-right:1px solid #505050;
				padding:0.2em 1.5em;
			}
			
			.f_global_nav ul li:last-child{
				border-right:none;
			}
		
				.f_global_nav ul li a{
					text-decoration:none;
					color:#505050;
				}
				
				.f_global_nav ul li a:hover{
					text-decoration:underline;
				}
		
		footer .copyright{
			font-size:0.9em;
		}
		

.nav_oc.sp{
	display:none;
}

.side_nav{
	display:none;
}

/*ページトップ*/
.pagetop{
	width:60px;
	height:60px;
	position:fixed;
	bottom:30px;
	right:60px;
	z-index:10;
	transform:translateY(100px);
	transition:.3s all ease;
	opacity:0;
}

.pagetop.show{
	transform:translateY(0);
	opacity:1;
}

	.pagetop a{
		display:flex;
		justify-content:center;
		align-items:center;
		transition:.5s all ease;
		width:100%;
		height:100%;
		background:#1e736e;
		text-decoration:none;
		color:#fff;
		box-sizing:border-box;
		padding-top:13px;
	}
	
	.pagetop a:hover{
		transform:translateY(-5px);
		opacity:0.9;
	}
	
	.pagetop a:before{
		content:"";
		display:inline-block;
		width:20px;
		height:20px;
		box-sizing:border-box;
		border:3px solid #fff;
		border-right:none;
		border-bottom:none;
		transform:rotate(47deg) skewX(5deg);
		transition:.3s all ease;
	}
	


/*改行のPC,SPでの表示切替*/
br.pc,
img.pc,
span.pc{
	display:inline;
}

br.sp,
img.sp,
span.sp{
	display:none;
}

.ta_center{
	text-align:center;
}

/*1200px以下*/
@media screen and (max-width:1200px){
	header > .box_header .global_nav{
		padding-right:0;
		padding-left:20px;
	}
}


/*ipad*/
@media screen and (max-width:1024px){
}