/*!====================================*\
    Header Position
\*!====================================*/
.sp-navi-position--left .icon-hamburger {
	right: auto;
	left: 20px;
}

.sp-navi-position--left .drawer-contain-inner .logo {
	margin-left: 100px;
}

@media screen and (max-width: 767px) {
	.sp-navi-position--left .header-face-inner {
		margin-left: 80px;
	}
}

/*!====================================*\
    Main Image Animation
\*!====================================*/
.main-image-inner.slider.zoomin .slick-slide {
	position: relative;
	overflow: hidden;
}

.slide-animation {
	animation: fadezoom 12s 0s forwards;
}

@keyframes fadezoom {
	0% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}

/*!====================================*\
    Main Image Text
\*!====================================*/

*[animation-settings] {
	visibility: hidden;
}

.animate__animated[animation-settings] {
	visibility: visible;
}

.main-image {
	position: relative;
	overflow: hidden;
}

.main-image-text {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}

.main-image-text-box {
	background: rgba(0, 0, 0, 0.7);
	padding: 24px;
	margin-right: auto;
	max-width: 540px;
}

.main-image-text-main {
	font-weight: bold;
	color: #fff;
	font-size: 3rem;
	line-height: 1.6;
}

.main-image-text-sub {
	font-weight: normal;
	color: #fff;
	font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
	.main-image-text-main {
		font-size: 2rem;
	}

	.main-image-text-sub {
		font-weight: normal;
		color: #fff;
		font-size: inherit;
	}
}

/*!====================================*\
    Drawer Animation
\*!====================================*/

/*!------------------------------------*\
    Fade
\*!------------------------------------*/
.drawer--a-fade .drawer-overlay {
	background-color: transparent !important;
}

.drawer--a-fade .drawer-contain {
	transition: all 0.2s ease !important;
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	visibility: hidden !important;
	opacity: 0 !important;
	overflow: auto !important;
}

.drawer--a-fade.drawer-open .drawer-contain {
	visibility: visible !important;
	opacity: 1 !important;
}

/*!------------------------------------*\
    短冊型
\*!------------------------------------*/
.drawer--a-type1 .drawer-contain {
	transition: none;
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	background-color: transparent;
	visibility: hidden !important;
	overflow: auto !important;
}

.drawer--a-type1.drawer-open .drawer-contain {
	visibility: visible !important;
	opacity: 1 !important;
}

.drawer--a-type1 .drawer-contain-inner {
	transition: none !important;
	position: relative;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
}

.drawer--a-type1.drawer-open .drawer-contain-inner {
	transition: none !important;
	opacity: 1;
	visibility: visible;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.drawer--a-type1 .drawer-contain-inner .logo {
	transition: none;
	opacity: 0;
	visibility: hidden;
}

.drawer--a-type1.drawer-open .drawer-contain-inner .logo {
	transition: all 0.2s ease 0.6s;
	opacity: 1;
	visibility: visible;
}

.drawer--a-type1 .drawer-contain #menu-global {
	overflow-x: hidden;
}

.drawer--a-type1.drawer .drawer-contain #menu-global {
	overflow-x: initial;
}

.drawer--a-type1 .drawer-contain #menu-global>li {
	transition: none;
	position: relative;
	left: -100%;
}

.drawer--a-type1.drawer-open .drawer-contain #menu-global>li {
	transition: all 0.2s ease 0.6s;

	left: 0;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(1) {
	transition-delay: 0.6s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(2) {
	transition-delay: 0.65s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(3) {
	transition-delay: 0.7s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(4) {
	transition-delay: 0.75s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(5) {
	transition-delay: 0.8s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(6) {
	transition-delay: 0.85s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(7) {
	transition-delay: 0.9s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(8) {
	transition-delay: 0.95s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(9) {
	transition-delay: 1s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(10) {
	transition-delay: 1.05s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(11) {
	transition-delay: 1.1s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(12) {
	transition-delay: 1.15s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(13) {
	transition-delay: 1.2s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(14) {
	transition-delay: 1.25s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(15) {
	transition-delay: 1.3s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(16) {
	transition-delay: 1.35s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(17) {
	transition-delay: 1.4s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(18) {
	transition-delay: 1.45s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(19) {
	transition-delay: 1.5s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(20) {
	transition-delay: 1.55s;
}

.drawer--a-type1 .drawer-contain .drawer-decoration {
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/* flex-direction: column; */
	align-items: stretch;
	justify-content: stretch;
	flex-direction: row;
}

.drawer--a-type1 .drawer-contain .drawer-decoration .drawer-decoration-item {
	transition: all 0.4s ease 0s;
	width: 100%;
	height: 0;
	background-color: rgba(255, 255, 255, 0.98);
}

.drawer--a-type1.drawer-open .drawer-contain .drawer-decoration .drawer-decoration-item {
	height: 100%;
}

.drawer--a-type1 .drawer-contain .drawer-decoration .drawer-decoration-item.is-01 {
	transition-delay: 0.05s;
}

.drawer--a-type1 .drawer-contain .drawer-decoration .drawer-decoration-item.is-02 {
	transition-delay: 0.1s;
}

.drawer--a-type1 .drawer-contain .drawer-decoration .drawer-decoration-item.is-03 {
	transition-delay: 0.15s;
}

.drawer--a-type1 .drawer-contain .drawer-decoration .drawer-decoration-item.is-04 {
	transition-delay: 0.2s;
}

.drawer--a-type1 .drawer-contain .drawer-decoration .drawer-decoration-item.is-05 {
	transition-delay: 0.25s;
}

.drawer--a-type1.drawer--left .drawer-contain .drawer-decoration {
	flex-direction: column;
}

.drawer--a-type1.drawer--left .drawer-contain .drawer-decoration .drawer-decoration-item {
	width: 0;
	height: 100%;
}

.drawer--a-type1.drawer--left.drawer-open .drawer-contain .drawer-decoration .drawer-decoration-item {
	width: 100%;
}

/*!====================================*\
    Footer SNS
\*!====================================*/

.footer-snsicons {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.footer-snsicons-list {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-bottom: 16px;
}

.footer-snsicons-list li {
	display: block;
	max-width: 33px;
	margin-right: 12px;
}

@media screen and (max-width: 767px) {
	.footer-snsicons-list {
		justify-content: center;
		margin-bottom: 30px;
	}

	.footer-snsicons-list li {
		display: block;
		margin-left: 8px;
	}
}

/*!====================================*\
    header SNS
\*!====================================*/

@media screen and (min-width: 768px) {
.header-snsicons {
	max-width: 280px;
}
}
.header-snsicons-list {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}
.header-snsicons-list li {
	display: block;
	max-width: 50px;
	margin-right: 5px;
}
.header-snsicons-list li a img {
	width: 100%;
}
@media screen and (max-width: 767px) {
	.header-snsicons-list {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.header-snsicons-list li {
		display: block;
		max-width: 35px;
		margin-bottom: 5px;
	}
	.header-snsicons {
		max-width: 70%;
		margin-left: 10px;
	}
	.header-face-inner {
		justify-content: flex-start;
		width: 88%;
		margin: 0;
	}
}

/*!====================================*\
    グローバルナビ
\*!====================================*/

/* モバイルナビゲーションの調整 */
.mobileNav>ul>li ul li {
	padding-left: 10px;
}

.mobileNav>ul>li>ul>li>a {
	padding-left: 55px;
}

.mobileNav>ul>li>ul>li>ul>li>a {
	padding-left: 70px;
}

.mobileNav>ul>li>ul>li>ul>li>ul>li>a {
	padding-left: 85px;
}

/*!====================================*\
    フッターナビはサブメニューを非表示にして簡素化
\*!====================================*/
.footerNav-inner .sub-menu {
	display: none;
}

/*!====================================*\
    グローバルナビ：ドリルダウン表示
\*!====================================*/
/*  
ul>li // 第1階層
ul>li>ul>li // 第2階層(子)
ul>li>ul>li>ul>li // 第3階層(孫)
ul>li>ul>li>ul>li>ul>li // 第4階層(ひ孫)
*/

/* 孫リンクを持つリンクは矢印を表示 */
.navi_children_drilldown .globalNav>ul ul li.menu-has-children>a,
.navi_children_drilldown .header-fixed .globalNav>ul li.menu-has-children>a {
	position: relative;
}

.navi_children_drilldown .globalNav>ul ul li.menu-has-children>a:after,
.navi_children_drilldown .header-fixed .globalNav>ul li.menu-has-children>a:after {
	display: block;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	content: "▶︎";
	font-size: 8px;
}

/* 子以降は一旦全て非表示 */
.navi_children_drilldown .globalNav>ul>li ul {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	background-color: rgba(255, 255, 255, 0.5);
}

.navi_children_drilldown .globalNav>ul>li ul li {
	position: relative;
	overflow: visible !important;
	transition: 0.5s;
}

/* ul>li>ul>li // 第2階層(子) */
.navi_children_drilldown .globalNav>ul>li>ul {
	transition: 0.5s;
}

.navi_children_drilldown .globalNav>ul>li:hover>ul {
	display: block;
	visibility: visible;
	opacity: 0.95;
}

/* ul>li>ul>li>ul>li // 第3階層(孫) */
/* ul>li>ul>li>ul>li>ul>li // 第4階層(ひ孫) */
/* 孫以降は横に伸ばす */
.navi_children_drilldown .globalNav>ul>li>ul>li ul {
	left: 100%;
	top: 0;
}

.navi_children_drilldown .globalNav>ul>li>ul>li:hover>ul,
.navi_children_drilldown .globalNav>ul>li>ul>li>ul>li:hover>ul {
	display: block;
	visibility: visible;
	opacity: 1;
}

/* ナビ左：縦並びかつメニュー固定時の調整 */

.navi_children_drilldown .header-fixed .globalNav>ul>li {
	position: relative;
}

.navi_children_drilldown .header-fixed .globalNav>ul>li ul {
	left: 100%;
	width: 100%;
	top: 0;
	max-width: 200px;
}

/*!====================================*\
    グローバルナビ：メガメニュー表示
\*!====================================*/
/*  
ul>li // 第1階層
ul>li>ul>li // 第2階層(子)
ul>li>ul>li>ul>li // 第3階層(孫)
ul>li>ul>li>ul>li>ul>li // 第4階層(ひ孫)
*/


.navi_children_megamenu .globalNav>ul>li {
	position: static;
}

/* ul>li>ul>li // 第2階層(子) */
.navi_children_megamenu .globalNav>ul>li>ul {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	max-width: 1100px;
	transition: 0s;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 20px 20px 20px 20px;
}

.navi_children_megamenu .globalNav>ul>li:hover>ul {
	visibility: visible;
	opacity: 0.95;
	transition: 0.5s;
}

.navi_children_megamenu .globalNav>ul>li>ul li,
.navi_children_megamenu .globalNav>ul>li>ul ul {
	background: none !important;
	position: static !important;
	transition: none !important;
}

.navi_children_megamenu .globalNav>ul>li:hover>ul>li {
	display: block;
	width: 100%;
	padding: 10px;
	height: auto;
	overflow: visible;
	max-width: 25%;
}

.navi_children_megamenu .globalNav>ul>li>ul>li a {
	height: auto !important;
}


.navi_children_megamenu .globalNav>ul>li>ul>li>a {
	font-weight: bold;
	border: 1px solid  rgba(122,122,122,0.1);
}

.navi_children_megamenu .globalNav>ul>li>ul>li>a:hover {
	border: 1px solid  rgba(122,122,122,0.3);
	opacity: 0.7 !important;
}


/* ul>li>ul>li>ul>li // 第3階層(孫) */
/* ul>li>ul>li>ul>li>ul>li // 第4階層(ひ孫) */

.navi_children_megamenu .globalNav>ul>li>ul>li>ul a:hover {
	opacity: 0.7 !important;
}
.navi_children_megamenu .globalNav>ul>li>ul>li>ul {
	padding-top: 20px;
	padding-bottom: 20px;
	/* border-bottom: 1px solid #eee; */
	list-style: disc;

}

.navi_children_megamenu .globalNav>ul>li>ul>li>ul li {
	height: auto !important;
	overflow: visible;
	display: block;
	text-align: left;
}

.navi_children_megamenu .globalNav>ul>li>ul>li>ul li a {
	padding: 4px 8px;
	padding-left: 10px;
	position: relative !important;
}

.navi_children_megamenu .globalNav>ul>li>ul>li>ul li li a {
	padding-left: 16px;
}

/*!====================================*\
    PCヘッダー固定
\*!====================================*/

@media screen and (min-width: 768px) {
	#h_hold.fixed001 .header-face img {
		max-height: 50px;
	}
	#h_hold.fixed001 .header-face {
		position: fixed;
		width: 100%;
		height: 60px;
		top: 0;
		background-color: rgba(255, 255, 255, 0.8);
		padding: 5px;
		transition: all 0.2s 0s ease-in-out;
        z-index: 1000;
	}
	#h_hold.fixed001 .navWrapper {
		position: fixed;
		width: 100%;
	    background-color: rgba(255, 255, 255, 0.8);
		z-index: 10;
		top: 60px;
		transition: all 0.5s 0s ease-in-out;
	}
	#h_hold.fixed001 .main-image {
		margin-top: 8.3%;
	}
	.navi_position2 #h_hold.fixed001 .main-image {
		margin-top: 7.0%;
	}
    #h_hold .header-face,
	#h_hold .navWrapper {
		background-color: unset;
		transition: all 0.2s 0s ease-in-out;
	}
    #h_hold.fixed001 .header-face .logo img {
        width: 70%;
        margin-left: 10px
    }
    #h_hold.fixed001 .header-face .header-face-inner {
        height: 50px;
    }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
.header-face-inner p.tel {
    margin: 0 5px;
}
}

/* ---------------------------
ページ下部にナビバナー追加
--------------------------- */

@media only screen and (min-width: 768px){
    .bottom_nav img {
        width: auto;
        position: fixed;
        bottom: 0px;
        right: 80px;
    }
}

@media only screen and (max-width: 767px){
    .footer_copy {		/*コピーライトとかぶらないように下にpaddingを設定する*/
        padding-bottom: 80px; /*バナーの高さに合わせて数値は変更*/
    }

    .bottom_nav {
        margin-bottom: 50px; /*バナーの高さに合わせて数値は変更*/
        position: fixed;
        bottom: 0px;
        right: 0px;
        width: 100%;
    }
}