@charset "utf-8";

/* 共通
==========================*/
body {font-family: YakuHanJP, "Kumbh Sans", "Zen Kaku Gothic New", sans-serif;
	color: #111; font-size: 16px; font-weight: 400; line-height: 1.7;}

img {width: auto; max-width: 100%; vertical-align: bottom;}
a {color: #000; text-decoration: none; transition: 0.3s ease;}
/* ホバー */
@media (hover: hover) {
	a:hover {opacity: 0.7;}
}
ul,li,ol {list-style: none;}
sup {font-size: 50%; vertical-align: top;}
.flex {display: flex; flex-wrap: wrap;}

/* 表示・非表示 */
.pc_only{display: block;}
.pc_tab_only{display: block;}
.tab_only{display: none;}
.sp_tab_only{display: none;}
.sp_only{display: none;}

@media screen and (max-width: 960px){
	.pc_only{display: none;}
	.pc_tab_only{display: block;}
	.tab_only{display: block;}
	.sp_tab_only{display: block;}
	.sp_only{display: none;}
}

@media screen and (max-width: 640px){
	.pc_only{display: none;}
	.pc_tab_only{display: none;}
	.tab_only{display: none;}
	.sp_tab_only{display: block;}
	.sp_only{display: block;}
}

.fade {transform: translateY(10px); opacity: 0; transition: .6s ease .3s;}
.fade.is-show {transform: translateY(0); opacity: 1;}

.blur {filter: blur(3px) brightness(3);opacity: 0;transition: .7s ease 0.2s;}
.blur.filter_none {filter: none;opacity: 1;}

.animCurtain {position: relative; background: rgba(255,255,255,0.3);}
.animCurtain figure {clip-path: inset(0 100% 0 0);
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.18, 1); transition: all 1.2s cubic-bezier(0.77, 0, 0.18, 1);}
.animCurtain.is-active figure {clip-path: inset(0);}


/* header
==========================*/
#header {display: flex;align-items: center;justify-content: space-between;
	max-width: 1620px;margin: 0 auto;padding: 25px 60px 50px;position: relative;}
.h_logo {}
.h_navWrap {}

#h_nav {}
#h_nav li + li {margin-left: 35px;}
#h_nav li a {font-weight: bold;padding-right: 20px;display: block;position: relative;}
#h_nav li a:after {position: absolute;content: "";width: 8px;height: 8px;border-right: 2px solid #000;border-top: 2px solid #000;
	top: 35%;right: 0;margin: auto;transform: rotate(135deg) translateX(-50%);}
#h_menuBtn {display: none;position: fixed;top: 0;right: 0;z-index: 11;
	width: 60px;height: 60px;margin: 0 0 0 auto;cursor: pointer;}
#h_menuBtn span,
#h_menuBtn::before,
#h_menuBtn::after{position: absolute;top: 50%;left: 0;right: 0;margin: auto;transform: translateY(-50%);transition: 0.3s ease;width: 45%;height: 2px;display: block;background: #151515;}
#h_menuBtn::before{content: ""; transform: translateY(-50%) translateY(-10px); transform-origin: left;}
#h_menuBtn::after{content: ""; transform: translateY(-50%) translateY(10px); transform-origin: left; }
#h_menuBtn.is-open span{opacity: 0;}
#h_menuBtn.is-open::before{transform: translateY(-50%) translateY(-9px) rotate(40deg); left: 3px;}
#h_menuBtn.is-open::after{transform: translateY(-50%) translateY(8px) rotate(-40deg); left: 3px;}
/* */
@media screen and (max-width: 960px){
	#header {padding: 10px 10px 30px;}
	.h_logo {max-width: 90px;}
	.h_logo img {vertical-align: baseline;}
	
	.h_navWrap {position: fixed;top: 0;right: 0;z-index: 11;}
	#h_nav {display: none;width: 200px;height: auto;background: rgba(255,255,255,0.9);}
	#h_nav ul {display: block;padding: 70px 20px 40px;}
	#h_nav li + li {margin-left: 0;margin-top: 15px;}
	#h_nav li a:after {right: 8px;}
	#h_menuBtn {display: block;width: 60px;height: 60px;}
	#h_menuBtn span,
	#h_menuBtn::before,
	#h_menuBtn::after{width: 45%;}
}



/* footer
==========================*/
#footer {color: #fff;
	background: url("../img/elements/bg_texture03.jpg")repeat center center;padding: 120px 0 85px;}
#footer .inner {max-width: calc(1080px + 60px * 2);margin: 0 auto;padding: 0 60px;}
#footer .footer_contents {border-top: 1px solid #cab7a5;padding-top: 15px;display: flex;align-items: center;justify-content: space-between;}
.footer_copylight {font-size: 14px;}
.footer_sns {display: flex;flex-wrap: wrap;}
.footer_sns li {width: 26px;margin: 0 12px;}

@media screen and (max-width: 960px){
	#footer {padding: 60px 0 85px;}
	#footer .inner {padding: 0 30px;}
}