@charset "utf-8";
:root{
	--gNav-main-height-sp: 56px;
	--gNav-main-height-pc: 48px;
	--gNav-main-2-height-pc: 0;
	--gNav-sub-height-sp: 48px;
	--gNav-sub-height-pc: 36px;
	--icon_menu-size: 60%;
	--page_title_height-sp:40vw;
	--page_title_height-pc:24vw;
	--page_title_height-max:320px;
	--bg-alpha-0:rgba(255,255,255,0);
	--bg-alpha-w:rgba(255,255,255,.8);
	--bg-alpha-K:rgba(0,0,0,.8);
	--color-00: #fff;
	--color-01: #f6f6f6;
	--color-02: #eee;
	--color-03: #ddd;
	--color-04: #ccc;
	--color-05: #999;
	--color-06: #666;
	--color-07: #444;
	--color-08: #222;
}

body{
	cursor:default;
}
.button{cursor:pointer}
.sqare-36{
	width: 36px;
	height: 36px;
}

/********** Header **********/

#header_copy_wrapper{z-index:50;-webkit-transition:all .2s linear;transition:all .2s linear;height:40px;}
.scroll #header_copy_wrapper{height:0;line-height:0;opacity:0}
#header_wrapper{
	height:60px;
	border-bottom:1px solid var(--color-03);
	z-index:40;
	-webkit-transition:all .2s linear;
	transition:all .2s linear
}
.scroll #header_wrapper{
	height:48px;
}

/********** Page Title **********/

#page_title_wrapper{
	height:var(--page_title_height-sp);
	max-height:var(--page_title_height-max);
}

/********** Breadcrumb **********/

#breadcrumb_list{
	font-size:0;
	background-color:var(--color-01);
	.breadcrumb_list{
		min-width:80px;
		.breadcrumb_link{
			border-right:1px solid var(--color-02);
			font-size:0.9rem;
			padding:.6em .4em;
			margin:0;
		}
	}
	.breadcrumb_list:last-child{
		.breadcrumb_link{
			border:none;
			cursor:default;
			color:inherit
		}
		.breadcrumb_link:hover{
			border:none;
			cursor:default:
			background:none
		}
	}
}

/********** global Navigation **********/

/** #nav_toggle **/

#nav_toggle{
	z-index:30;
	#icon_menu{
		vertical-align:middle;
		width:var(--icon_menu-size);
		height:var(--icon_menu-size);
		.line{
			left:0;
			width:100%;
			height:2px;
			opacity:1;
			will-change:transform;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden
		}
		.line-1{top:3px;}
		.line-2{top:calc(50% - 1px);}
		.line-3{bottom:3px;}

	}
}
#nav_toggle.toggle-abs{
	right:6px
}


/** #global_navi_wrap **/

#global_navi_wrap{
	top:0;
	left:0;
	z-index:120;
	width:calc(100% - 48px);
	height:100%;
	border-right:1px solid var(--color-03);
	overflow-y:auto;
	visibility:hidden;
	transition:all .4s ease-in-out;
	transform:translateX(-100%);
	will-change:transform;
	-webkit-overflow-scrolling:touch;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	#global_navi{
		padding:0;
		.menu-item-has-children.isActive::after{
			content:"\f0d8";
		}
		.menu-item{
			display:block;
			&>a{
				display:flex;
				align-items:center;
				padding:0 .8em;
				border-bottom:1px solid var(--color-w);
			}
			.sub-menu{
				padding:0;
				>.menu-item>a,
				>.menu-item-has-children::after{
					background:var(--color-w);
					height:0;
					line-height:0;
					opacity:0;
				}
				.menu-item{
					&a{
						border-bottom:0 solid var(--bg-alpha-0);
					}
				}
				>.menu-item{
					&>a{
						padding:0 0 0 1.6em;
					}
				}
				.menu-item-has-children a{
					padding-right:calc(var(--gNav-sub-height-sp) + .2em);
				}
				.menu-item-has-children::after{
					width:var(--gNav-sub-height-sp);
					border-left:1px solid var(--color-02);
					font-size:1.2em;
				}
			}
		}
		>.menu-item{	/** 第1階層のみ **/
			&>a{
				height:var(--gNav-main-height-sp);
				line-height:1;
			}
			&>a::before{
				content:"\f0da";
				padding-right:.4em;
			}
		}
		>.menu-item-has-children{
			&>a{
				padding-right:var(--gNav-main-height-sp);
			}
		}
		.menu-item-has-children::after{
			content:"\f0d7";
			position:absolute;
			z-index:2;
			top:0;
			right:0;
			cursor:pointer;
		}
		>.menu-item-has-children::after{
			width:var(--gNav-main-height-sp);
			height:calc(var(--gNav-main-height-sp) - 1px);
			line-height:1;
			border-left:1px solid var(--color-w);
			font-size:1.2em
		}
	}
}
#global_navi_wrap.isVisible{
	visibility:visible;
	transform:translateX(0);
}

/********** Slide show **********/

#slide_wrap,
#slideshow{
	overflow-x:hidden
}
#slideshow .slide_inner{
	overflow:hidden
}
.slick-prev,
.slick-next{
	cursor:pointer;
	opacity:.6;
	position:absolute;
	z-index:20;
	display:block;
	top:50%;
	width:32px!important;
	height:32px!important;
	margin-top:-16px;
	background:none!important;
	font-size:1.5em;
	box-shadow:none;
	text-shadow:0 0 2px rgba(0,0,0, .8),1px 1px 2px rgba(0,0,0, .8);
	border:none;
	outline:none;
	transition:all .4s ease-out;
	color:#ffffff
}
.slick-prev:hover,.slick-next:hover{opacity:.8}
.slick-prev{left:0}
.slick-next{right:0}
.slide-dots{padding:0;margin:0;bottom:4px!important;left:0;width:100%;position:absolute;z-index:8;list-style:none}
.slide-dots button{outline:none;width:32px;height:32px;margin:0 .4em;padding:.6em 0;position:relative;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;text-indent:-9999px;border:none;background:none;cursor:pointer}
.slide-dots button:focus{outline:none;border:none}
.slide-dots button::after{content:"";position:absolute;left:0;top:calc(50% - 2px);height:6px;width:100%;transition:all .4s ease-out;border:1px solid #fff}
#slideshow .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{height:100%!important;position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.slick-track{height:100%!important;position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track::before,.slick-track::after{display:table;content:''}
.slick-track::after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left}
[dir='rtl'] .slick-slide{float:right}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
#slideshow .slick-slide .caption{top:0;left:0;z-index:2}
#slideshow.fade-true .slick-slide .caption{opacity:0;transition:.7s ease}
#slideshow.fade-true .slick-current .caption{opacity:1;transition-delay:.5s}
#slideshow .slick-slide .caption{z-index:2}
#captionWrap{top:0;left:0;width:calc(100%);height:calc(100%);z-index:0}
.contentSlider{line-height:0!important}
#slideshow.fade-true.fade_type-2 .slick-slide .slide_img{transform: scale(1.2);transition:2.4s cubic-bezier(.645, .045, .355, 1);opacity:0}
#slideshow.fade-true.fade_type-2 .slick-current .slide_img{transform: scale(1);opacity:1}
#slideshow.fade-true.fade_type-3 .slick-slide .slide_img{transform: scale(.95);opacity:0;transition:2.4s cubic-bezier(.645, .045, .355, 1)}
#slideshow.fade-true.fade_type-3 .slick-current .slide_img{transform: scale(1);opacity:1}

@media all and (min-width:992px),print{

/********** Header **********/

	#header_copy_wrapper{z-index:50;-webkit-transition:all .2s linear;transition:all .2s linear;height:24px;}
	#header_wrapper{
		height:80px;
	}
	.scroll #header_wrapper{
		height:64px;
	}

	.layout-2-a #sub_container_inner{
		top:80px;
	}
	.scroll #layout-2-a #sub_container_inner{
		top:64px;
	}

	.layout-2-b #sub_container_inner{
		top:0;
	}

/********** Page Title **********/

	#page_title_wrapper{
		height:var(--page_title_height-pc);
	}

/********** Breadcrumb **********/

	#breadcrumb{
		border-bottom:1px solid var(--color-03);
	}
	#breadcrumb_list{
		background-color:inherit;
		.breadcrumb_list{
			min-width:auto;
			.breadcrumb_link{
				border-right:none;
				padding:.2em 0;
			}
			.breadcrumb_link::after{
				content:'>';
				padding:0 .2em;
			}
		}
		.breadcrumb_list:last-child{
			.breadcrumb_link::after{
				content:none;
			}
			.breadcrumb_link:hover{
				border:none;
				cursor:default;
				background:none
			}
		}
	}

/********** Navigation **********/

/** #nav_toggle **/

/** #global_navi_wrap **/

	#global_navi_wrap.g_nav_lg_open{
		left:0;
		width:100%;
		height:auto;
		border:none;
		overflow-y:auto;
		visibility:visible;
		overflow-y:auto;
		transform:translateX(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.h_copy_disp #global_navi_wrap.g_nav_lg_open{
		top:var(--header_height-pc);
		-webkit-transition:all .2s linear;
		transition:all .2s linear
		height:auto;
	}
	#global_navi_wrap.g_navi-2{
		width:auto;
	}
	#global_navi_wrap.g_navi-3.g_nav_lg_open{
		top:0;
	}
	#global_navi_wrap.g_nav_lg_close{
		-webkit-transition:all .2s linear;
		transition:all .2s linear;
		z-index:1;
		left:auto;
		right:0;
		width:360px;
		top:0;
		transform:translateX(100%);
		top:var(--header_height-pc);
		#global_navi{
			.menu-item{
				width:100%
			}
		}
	}
	.h_copy_disp #global_navi_wrap.g_nav_lg_close{
		top:calc(var(--header_height-pc) + 24px);
		#global_navi{
			.menu-item{
				width:100%
			}
		}
	}
}

@media all and (min-width:1200px),print{

/********** Slide show **********/

	#slideshow .slick-prev,
	#slideshow .slick-next{
		width:48px!important;
		height:48px!important;
		margin-top:-24px;
		font-size:2.4em;
	}
	#slideshow.fade-true .slick-prev{
		left:-48px
	}
	#slideshow.fade-true .slick-next{
		right:-48px
	}
	#slide_wrap:hover #slideshow.fade-true .slick-prev{
		left:0
	}
	#slide_wrap:hover #slideshow.fade-true .slick-next{
		right:0
	}
	#slideshow.fade-true:hover .slick-prev,
	#slideshow.fade-true:hover .slick-next{
		opacity:.6
	}
	#slideshow.fade-true:hover .slick-prev:hover,#slideshow.fade-true:hover .slick-next:hover{opacity:1}
	#slideshow.fade-false .slick-prev,
	#slideshow.fade-false .slick-next{
		opacity:.8;
		top:0;
		width:calc((100% - 1100px) / 2)!important;
		height:100%!important;
		display:flex!important;
		align-items:center!important;
		margin-top:0;
		font-size:2em;
		background:rgba(58,58,58,0.52)!important
	}
	#slideshow.fade-false .slick-slide{
		width:1100px;
	}
	#slideshow.fade-false:hover .slick-prev,
	#slideshow.fade-false:hover .slick-next{
		opacity:.9!important
	}
}

@media all and (min-width:1300px),print{

	#global_navi_wrap.g_nav_lg_close{
		min-width:calc((100% - 1182px) / 2)
	}


/********** Slide show **********/

	#slideshow.fade-false .slick-prev,
	#slideshow.fade-false .slick-next{
		font-size:3em;
		width:calc((100% - 1182px) / 2)!important;
	}
	#slideshow.fade-false .slick-slide{
		width:1182px;
	}

}

/********** Others **********/

.inviewA{
	-webkit-transform:translate(0, 80px) scale(1);
	transform:translate(0, 80px) scale(1)
}
.inviewB {
	-webkit-transform:			translate(0, 0) scale(.2);
	transform:					translate(0, 0) scale(.2);
}
.inviewC{
	-webkit-transform:translate(0, -40px);
	transform:translate(0, -40px)
}
.inviewL {
	-webkit-transform:			translate(-60px, 0);
	transform:					translate(-60px, 0);
}
.inviewR {
	-webkit-transform:			translate(60px, 0);
	transform:					translate(60px, 0);
}
.inviewS{
	-webkit-transition:opacity 1s,-webkit-transform 1.5s;
	transition:opacity 1s,transform 1.5s;
}