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

body {
	width: 100%;
	min-width:1000px;
	height: 100%;
	color: #000;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
	background-color: #fff;
	font-size: 14px;
	line-height: 1.0;
	position:relative;
}


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:1040px;
	position:relative;
	top:0;
	left:0;
	z-index:1;
}

/*----------header----------*/
header{
	width:100%;
	min-width: 1040px;
	height:500px;
	background-image:url(../shared/bg_header_1.png),url(../shared/home/bg_catch1.png);
	background-size:cover,cover;
	background-repeat: no-repeat, no-repeat;
	background-position:center center,center center;
	position:relative;
}

	header > .box_header{
		width:930px;
		margin:0 auto;
		padding: 30px 35px 0 0;
		box-sizing:border-box;
	}
	
		header > .box_header .site_title_contact{
			display: flex;
			justify-content: space-between;
		}
		
			header > .box_header .site_title_contact .site_title{
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding-top:15px;
			}
				
				header > .box_header .site_title_contact .site_title .taragi_logo{
					padding-right:10px;
				}
				
			header > .box_header .site_title_contact .contact{}
			
				header > .box_header .site_title_contact .contact ul{
					display: flex;
				}
				
					header > .box_header .site_title_contact .contact ul li{
						padding-right: 0.5em;
					}
					
					header > .box_header .site_title_contact .contact ul li:last-child{
						padding-right: 0;
					}
					
						header > .box_header .site_title_contact .contact ul li a{
							display: block;
							transition:.3s all ease;
						}
						
						header > .box_header .site_title_contact .contact ul li a:hover{
							opacity:0.8;
						}
	
	header > .box_inner{}
		
			header > .box_inner .global_nav ul{
				width:920px;
				height:60px;
				display:flex;
				justify-content: center;
				align-items: center;
				margin:0 auto;
				background-color:#009291;
				border-radius: 50px;
				box-shadow:0 0 0 3px #fff;
			}
			
				header > .box_inner .global_nav ul li{
					margin-right: 45px;
					padding-right:45px;
					border-right:1px solid #80c8c7;
				}
				
				header > .box_inner .global_nav ul li.gn_home{
					padding-right:40px;
				}
				
				header > .box_inner .global_nav ul li:last-child{
					margin-right: 0;
					padding-right:0;
					border-right:none;
				}
		
					header > .box_inner .global_nav ul li a{
						display:block;
						position:relative;
					}
					
					header > .box_inner .global_nav ul li a:after{
						content:"";
						display:block;
						height:3px;
						position:absolute;
						bottom:0;
						left:0;
						width:0;
						opacity:0;
						transition:.3s all ease;
					}
					
					header > .box_inner .global_nav ul li a:hover:after,
					header > .box_inner .global_nav ul li.active a:after{
						width:100%;
						opacity:1;
					}
					
						header > .box_inner .global_nav ul li a img{
							transition:.3s all ease;
						}
					
						header > .box_inner .global_nav ul li a img[src$="_off.png"]{
							position:relative;
							top:0;
							left:0;
							z-index:1;
							opacity:1;
						}
					
						header > .box_inner .global_nav ul li a img[src$="_on.png"]{
							position:absolute;
							top:0;
							left:0;
							z-index:2;
							opacity:0;
						}
					
					header > .box_inner .global_nav ul li a:hover img[src$="_off.png"]{
						opacity:0;
					}
					
					header > .box_inner .global_nav ul li a:hover img[src$="_on.png"],
					header > .box_inner .global_nav ul li.active a img[src$="_on.png"]{
						opacity:1;
					}
					
/*-----contents-----*/
.contents{
	
}

	.f_banner_box{
		margin-top:50px;
	}
	
		.f_banner_box .box_header{
			margin-bottom:40px;
		}
		
			.f_banner_box .box_header ul li{
				margin-right:20px;
			}
			
			.f_banner_box .box_header ul li:first-child{
				position:relative;
			}
			
			.f_banner_box .box_header ul li:nth-child(2){
				margin-right:10px;
			}
			
			.f_banner_box .box_header ul li:first-child .text_box{
				position:absolute;
				content:"";
				left:65px;
				bottom:0;
			}
			
			.f_banner_box .box_header ul li:last-child{
				margin-right:0;
			}
		
		.f_banner_box .box_inner{
			margin-bottom:60px;
		}
		
			.f_banner_box .box_inner ul li{
				margin-right:30px;
			}
			
			.f_banner_box .box_inner ul li:last-child{
				margin-right:0;
			}
			
				.f_banner_box .box_inner ul li a{
					display:block;
					transition:.3s all ease;
				}
				
				.f_banner_box .box_inner ul li a:hover{
					opacity:0.8;
				}
	
		.f_banner_box ul{
			display:flex;
			justify-content: center;
		}
					
/*-----footer-----*/
footer{
	width:100%;
	margin:0 auto;
	background-image:url(../shared/bg_footer_1.png),url(../shared/bg_footer_2.png);
	background-size:contain,contain;
	background-repeat: no-repeat,repeat-x;
	background-position:bottom left,center center;
}

	footer .footer_wrapper{
		width:930px;
		margin:0 auto;
		padding:50px 0;
		/*
		background-image:url(../shared/bg_footer_1.png);
		background-size:550px 190px;
		background-repeat: no-repeat;
		background-position:bottom left;
		*/
	}

	footer .footer_box{
		width:810px;
		display:flex;
		justify-content:space-between;
		margin:0 auto;
	}
	
		footer .footer_box dl dt{
			margin-bottom:15px;
		}
		
		footer .footer_box dl dd{
			font-size:0.95em;
		}
	
	.f_global_nav{
		display:flex;
		color:#4b4a4b;
		font-size:0.95em;
	}
	
		.f_global_nav > ul{
			margin-right:70px;
		}
		
		.f_global_nav > ul:nth-child(2){
			margin-right:50px;
		}
		
		.f_global_nav > ul:last-child{
			margin-right:0;
		}
		
		.f_global_nav > ul > li{
			position:relative;
		}
		
		.f_global_nav > ul > li:before{
			position:absolute;
			content:"■";
			top:0;
			left:0;
		}
		
			.f_global_nav > ul > li > a{
				padding-left:1.2em;
			}
			
			.f_global_nav ul li{
				margin-bottom:10px;
			}
			
			.f_global_nav ul li a{
				text-decoration:none;
				color:#000;
			}
			
			.f_global_nav ul li a:hover{
				text-decoration:underline;
			}
			
				.f_global_nav > ul > li >ul{
					margin-top:10px;
				}
				
					.f_global_nav > ul > li >ul li{
						padding-left:30px;
					}
	
	footer .box_footer{
		margin:90px 0 0 0;
		text-align: right;
		color:#498ab2;
	}
	
.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:#96644b;
		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,
li.pc{
	display:inline;
}

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

.ta_center{
	text-align:center;
}

/*1200px以下*/
@media screen and (max-width:1200px){
}


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