@charset "utf-8";

/* max-width */
header,main,footer{width: 100%;min-width:67rem;max-width: 125rem;margin: 0 auto;}
	@media screen and (max-width:1199px)	{header,main,footer{min-width:1px;max-width: 100%;}}

/* #wrapper */
#wrapper{
	overflow:hidden;position:relative;
	background:transparent;color:#212121;
	}

/* #header */
#header{
	background-color:rgba(0,0,0,0);
	line-height:1;
	position:fixed;top:0;left:0;right:0;z-index:999;
	display: flex;justify-content:space-between;align-items:center;
	height: 6rem;
	transition:top .3s;
	}
	@media only screen and (max-width:1199px)	{#header{}}
	@media only screen and (max-width:991px)	{#header{height:9vw;}}
	@media only screen and (max-width:767px)	{#header{height:7.5vw;}}
	@media only screen and (max-width:575px)	{#header{height:15vw;}}

#header.scroll-down{background-color:rgba(0,0,0,.75);transition:background-color .3s;}



.logo{font-size: 1rem;padding:0 3rem;position: relative;z-index: 9;}
	@media only screen and (max-width:1199px)	{.logo{padding:0 2rem;}}
	@media only screen and (max-width:991px)	{.logo{padding:0 1.5rem;}}}
	@media only screen and (max-width:575px)	{.logo{padding:0 1rem;}}

.logo a,.logo a:hover,.logo a:active,.logo a:focus	{display: block;}

.logo a img{vertical-align:top;width: auto;height: auto;}
	@media only screen and (max-width:1199px)	{.logo a img{height:3rem;}}
	@media only screen and (max-width:767px)	{.logo a img{height:2.5rem;}}

#hd-menu{
	background: linear-gradient(to right, #057794 0%,#0994b7 100%);
	display:flex;justify-content:flex-end;align-items:center;
	padding:0 3rem 0 2rem;
	width: auto;height: 6rem;
	position: fixed;top: 0;right: 0;
	transition:width .6s;
	}
	@media only screen and (max-width:1199px)	{#hd-menu{padding:0 2rem 0 1rem;}}
	@media only screen and (max-width:991px)	{#hd-menu{height: 9vw;position: absolute;top: 0;right: 0;padding: 0;}}
	@media only screen and (max-width:767px)	{#hd-menu{height: 7.5vw;}}
	@media only screen and (max-width:575px)	{#hd-menu{height: 15vw;}}



.hd-menu{
	position: relative;
	}
	@media only screen and (max-width:991px)	{.hd-menu{padding-right: 0;}}


.hd-contact{
	display: flex;justify-content: flex-end;align-items:center;
	}
	@media only screen and (max-width:991px)	{.hd-contact{display:none;}}

#hd-mail{}



.hd-call{
	font-size: 1.5rem;line-height: .75;font-weight: bold;white-space: nowrap;
}

.hd-call:before{font-size: .75rem;}

.hd-call img{width: auto;height: 24px;margin-right: .33em;}

.hd-call span[data-action="call"]{color:#212121;}

.hd-hour{
	font-size: .75rem;
	padding-right: 1rem;
	}

.hd-mail{
	margin-left: 2rem;
	display: flex;justify-content:space-between;align-items:center;
}
	@media only screen and (max-width:991px)	{.hd-mail{display: none;}}


.ax-hd,a.ax-hd:hover,a.ax-hd:active,a.ax-hd:focus{
	background-color: #7A8F99;color:#FFF;text-align: center;
	font-size: 1rem;line-height: 1;
	margin: 0;padding: 1rem;
	width: 15rem;height: 2.5rem;
	display: flex;justify-content:center;align-items:center;
	}
	@media only screen and (max-width:991px)	{.ax-hd,a.ax-hd:hover,a.ax-hd:active,a.ax-hd:focus{width:9vw;height:9vw;font-size:1.5vw;}}
	@media only screen and (max-width:767px)	{.ax-hd,a.ax-hd:hover,a.ax-hd:active,a.ax-hd:focus{width:7.5vw;height:7.5vw;font-size:1.25vw;}}
	@media only screen and (max-width:575px)	{.ax-hd,a.ax-hd:hover,a.ax-hd:active,a.ax-hd:focus{width:15vw;height:15vw;font-size:2.5vw;}}

a.ax-hd:hover,a.ax-hd:active,a.ax-hd:focus{opacity:.75;}

.ax-mail,a.ax-mail:hover,a.ax-mail:active,a.ax-mail:focus{
	background-color: #7A8F99;color:#FFF;text-align: center;
	font-size: 1rem;line-height: 1;
	margin: 0;padding: 1rem;
	width: 10rem;height: 6rem;
	display: flex;flex-flow: column wrap;justify-content:center;align-items:center;
	}
	@media only screen and (max-width:991px)	{.ax-mail,a.ax-mail:hover,a.ax-mail:active,a.ax-mail:focus{width:9vw;height:9vw;font-size:1.5vw;}}
	@media only screen and (max-width:767px)	{.ax-mail,a.ax-mail:hover,a.ax-mail:active,a.ax-mail:focus{width:7.5vw;height:7.5vw;font-size:1.25vw;}}
	@media only screen and (max-width:575px)	{.ax-mail,a.ax-mail:hover,a.ax-mail:active,a.ax-mail:focus{width:15vw;height:15vw;font-size:2.5vw;}}



a.ax-mail:hover,a.ax-mail:active,a.ax-mail:focus{opacity:.75;}

.ax-mail:before{content:"\f0e0";font-family: 'Font Awesome\ 5 Pro';font-weight: 900;margin-bottom: .25em;font-size: 1.5rem;display: block;}

.ax-mail small{font-size: .5em;margin-top: .5em;}



/* navigation */
.navbar-toggler			{
	background: linear-gradient(to right, #057794 0%,#0994b7 100%);border:none;border-radius:0;overflow:hidden;
	font-size:1em;line-height:1;
	margin:0;padding:0;
	width:6rem;height:6rem;
	position: relative;z-index:9998;
	}
	@media only screen and (max-width:991px)	{.navbar-toggler{width:9vw;height:9vw;}}
	@media only screen and (max-width:767px)	{.navbar-toggler{width:7.5vw;height:7.5vw;}}
	@media only screen and (max-width:575px)	{.navbar-toggler{width:15vw;height:15vw;}}

.navbar-toggler:focus,.navbar-toggler:hover	{outline:none;}

.navbar-toggler-icon,.navbar-toggler-icon:before,.navbar-toggler-icon:after{
	display:block;
	width:2rem;height:.25rem;
	}
	@media only screen and (max-width:991px)	{.navbar-toggler-icon,.navbar-toggler-icon:before,.navbar-toggler-icon:after{width:3vw;height:.375vw;}}
	@media only screen and (max-width:767px)	{.navbar-toggler-icon,.navbar-toggler-icon:before,.navbar-toggler-icon:after{width:2.5vw;height:.3125vw;}}
	@media only screen and (max-width:575px)	{.navbar-toggler-icon,.navbar-toggler-icon:before,.navbar-toggler-icon:after{width:5vw;height:.625vw;}}

.navbar-toggler-icon:before,.navbar-toggler-icon:after{content:"";position:absolute;left:0;right:0;}

.navbar-toggler-icon{
	margin:1.25rem auto;
	display:block;
	position:relative;
	}
	@media only screen and (max-width:991px)	{.navbar-toggler-icon{margin:1.5vw auto;}}
	@media only screen and (max-width:767px)	{.navbar-toggler-icon{margin:1.25vw auto;}}
	@media only screen and (max-width:575px)	{.navbar-toggler-icon{margin:2.5vw auto;}}

button[aria-expanded="false"] .navbar-toggler-icon,button[aria-expanded="false"] .navbar-toggler-icon:before,button[aria-expanded="false"] .navbar-toggler-icon:after,
button[aria-expanded="true"] .navbar-toggler-icon,button[aria-expanded="true"] .navbar-toggler-icon:before,button[aria-expanded="true"] .navbar-toggler-icon:after	{transition:.6s;}

button[aria-expanded="true"] .navbar-toggler-icon,button[aria-expanded="true"] .navbar-toggler-icon:before,button[aria-expanded="true"] .navbar-toggler-icon:after		{background-color:#FFF;}
button[aria-expanded="false"] .navbar-toggler-icon,button[aria-expanded="false"] .navbar-toggler-icon:before,button[aria-expanded="false"] .navbar-toggler-icon:after	{background-color:#FFF;}



button[aria-expanded="false"] .navbar-toggler-icon:before{transform:rotate(0deg);top:-10px;}
button[aria-expanded="false"] .navbar-toggler-icon:after{transform:rotate(0deg);bottom:-10px;}
	@media only screen and (max-width:991px)	{
		button[aria-expanded="false"] .navbar-toggler-icon:before{top:-1vw;}
		button[aria-expanded="false"] .navbar-toggler-icon:after{bottom:-1vw;}
	}
	@media only screen and (max-width:767px)	{
		button[aria-expanded="false"] .navbar-toggler-icon:before{top:-.625vw;}
		button[aria-expanded="false"] .navbar-toggler-icon:after{bottom:-.625vw;}
	}
	@media only screen and (max-width:575px)	{
		button[aria-expanded="false"] .navbar-toggler-icon:before{top:-1.25vw;}
		button[aria-expanded="false"] .navbar-toggler-icon:after{bottom:-1.25vw;}
	}

button[aria-expanded="true"] .navbar-toggler-icon:before{top:0;transform:rotate(45deg);}
button[aria-expanded="true"] .navbar-toggler-icon:after{bottom:0;transform:rotate(-45deg);}

button[aria-expanded="true"] .navbar-toggler-icon	{background:transparent;}

.navbar-toggler small{
	font-size:.75rem;line-height:.75;font-weight: bold;text-align:center;
	font-family: 'Roboto Condensed',sans-serif;
	margin:0;padding:0;
	display:block;
	position:relative;
	}
	@media only screen and (max-width:991px)	{.navbar-toggler small{}}
	@media only screen and (max-width:767px)	{.navbar-toggler small{}}
	@media only screen and (max-width:575px)	{.navbar-toggler small{}}

button[aria-expanded="false"] small{color:#FFF;}
button[aria-expanded="true"] small{color:#FFF;}

.navbar-expand-lg {
	display:block;
	padding: 0;
	}

.navbar-expand-lg .navbar-collapse{}
	@media only screen and (max-width:991px)	{.navbar-expand-lg .navbar-collapse{
		border:none;
		margin-top:0;padding:0;
		position:fixed;top:9vw;left:0;right:0;z-index:999;
		}}
	@media only screen and (max-width:767px)	{.navbar-expand-lg .navbar-collapse{top:7.5vw;}}
	@media only screen and (max-width:575px)	{.navbar-expand-lg .navbar-collapse{top:15vw;}}

#navbar{
	}
	@media only screen and (max-width:991px)	{#navbar{}}

.navbar-expand-lg > .w-sl{
	padding:0;
	}
	@media only screen and (max-width:991px)	{
		.navbar-expand-lg > .w-sl{
			max-width:100%;
			}}

.navbar-w-sl{
	background: transparent;
	}
	@media only screen and (max-width:991px)	{
		.navbar-w-sl{
			background: rgba(255,255,255,1);
			overflow-y:scroll;
			-webkit-overflow-scrolling:touch;min-height: 1px;
			}}

.navbar-w-sl.w-sl{
	padding:0;
	position:static;
	}
	@media only screen and (max-width:991px)	{
		.navbar-w-sl.w-sl{
			width:100%;max-width:100%;
			position:relative;
			display:block;
			}}

.nav-wrapper{
	margin: 0 auto;padding: 60px 0 60px;
	width: 100%;max-width: 1080px;
	}
	@media only screen and (max-width:1199px)	{
		.nav-wrapper{
			padding: 8vw 0 4vw;
			}}
	@media only screen and (max-width:991px)	{
		.nav-wrapper{
			padding: 5vw 0;
			}}
	@media only screen and (max-width:767px)	{
		.nav-wrapper{
			padding: 10vw 0 5vw;
			}}

.nav-sp{padding: 1.5rem;}
	@media only screen and (max-width:767px)	{.nav-sp{padding: 1rem;}}

.navbar-expand-lg .navbar-nav{
	flex-flow:row wrap;justify-content:flex-end;align-items: center;
	}
	@media only screen and (max-width:991px)	{
		.navbar-expand-lg .navbar-nav{
			border-top:1px solid #DDD;
			padding:0;
			display:block;
			}}

.navbar-expand-lg .navbar-nav .nav-item{
	display:flex;align-items:center;
	}
	@media only screen and (max-width:991px)	{
		.navbar-expand-lg .navbar-nav .nav-item{
			margin-left:0;margin-right: 0;padding-left:0;
			border-bottom:1px solid #DDD;
			display:block;
			flex:1 1 100%;max-width:100%;
			height:auto;
			}}

.navbar-expand-lg .navbar-nav .nav-item + .nav-item{
	margin-left: 1em;
	}
	@media only screen and (max-width:1199px)	{
		.navbar-expand-lg .navbar-nav .nav-item + .nav-item{
			margin-left: .5em;
			}}
	@media only screen and (max-width:991px)	{
		.navbar-expand-lg .navbar-nav .nav-item + .nav-item{
			margin-left: 0;
			}}

.navbar-expand-lg .navbar-nav .nav-link{
	background-color: transparent;color:#FFF;
	font-size:1em;line-height:1;text-align:center;white-space:nowrap;
	font-weight: 700;
	padding: 0;
	height: 6rem;
	position:relative;
	display:flex;flex-flow:column wrap;justify-content: center;align-items: center;
	transition:0s;
	}
	@media only screen and (max-width:991px)	{
		.navbar-expand-lg .navbar-nav .nav-link{
			color:#212121;
			line-height:1.85;
			border:none;
			text-align:left;text-shadow:none;
			padding:.75rem 1.5rem;
			display:block;
			width:100%;height:auto;
			}}
	@media only screen and (max-width:767px)	{
		.navbar-expand-lg .navbar-nav .nav-link{
			padding:.5rem 1rem;
			}}

.navbar-expand-lg .navbar-nav .nav-link small{
	font-size:.7em;line-height:.75;letter-spacing:0;text-indent:0;
	margin-top:.5em;
	display:block;
	}
	@media only screen and (max-width:991px)	{
		.navbar-expand-lg .navbar-nav .nav-link small{
			line-height:26px;
			margin:-13px 0;
			position:absolute;top:50%;right:15px;bottom:50%;
			}}

.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link:active,
.navbar-expand-lg .navbar-nav .nav-link:focus,
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link,
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:active,
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:focus{
	background-color:transparent;color:#FFF;
	opacity:1;
	}
	@media only screen and (max-width:991px)	{
		.navbar-expand-lg .navbar-nav .nav-link:hover,
		.navbar-expand-lg .navbar-nav .nav-link:active,
		.navbar-expand-lg .navbar-nav .nav-link:focus,
		.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link,
		.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:hover,
		.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:active,
		.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:focus{
			background: linear-gradient(to right, #057794 0%,#0994b7 100%);color:#FFF;
			}}

.navbar-expand-lg .navbar-nav .nav-link:hover small,
.navbar-expand-lg .navbar-nav .nav-link:active small,
.navbar-expand-lg .navbar-nav .nav-link:focus small,
.navbar-expand-lg .navbar-nav .active .nav-link small{}
	@media only screen and (max-width:991px)	{
		.navbar-expand-lg .navbar-nav .nav-link:hover small,
		.navbar-expand-lg .navbar-nav .nav-link:active small,
		.navbar-expand-lg .navbar-nav .nav-link:focus small,
		.navbar-expand-lg .navbar-nav .active .nav-link small{}
	}

.navbar-expand-lg .navbar-nav .nav-link:after{
	content:"";
	border-bottom:2px solid transparent;
	/*display: none; */
	position:absolute;left:50%;right:50%;bottom:0;
	transition:.3s;
	}
	@media only screen and (max-width:991px)	{.navbar-expand-lg .navbar-nav .nav-link:after{display:none;}}

.navbar-expand-lg .navbar-nav .nav-link:hover:after,
.navbar-expand-lg .navbar-nav .nav-link:active:after,
.navbar-expand-lg .navbar-nav .nav-link:focus:after,
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:after,
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:hover:after,
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:active:after,
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:focus:after{
	border-color:#FFF;
	left:0;right:0;
	transition:.3s;
	}

.dropdown{border: 1px solid #FFF;padding: 0 .75em 0 1.25em;width: 11.25rem;height: 3rem;}
	@media only screen and (max-width:1439px)	{.dropdown{width: 3rem;padding: 0 .75em;}}
	@media only screen and (max-width:991px)	{.dropdown{}}

#gn1.nav-link{width: 100%;flex-flow:row nowrap;}

#gn1.nav-link:after{display: none;}

#gn1.nav-link .fa-globe{margin-right: .33em;}
	@media only screen and (max-width:1439px)	{#gn1.nav-link .fa-globe{margin-right: 0;}}

#gn1.nav-link .fa-caret-down{margin-left: 1.25em;color:#0CF}
	@media only screen and (max-width:1439px)	{#gn1.nav-link .fa-caret-down{display: none;}}

.d-xxl-none{}
	@media only screen and (max-width:1439px)	{.d-xxl-none{display: none;}}

.dropdown-menu{
	background: #FFF;
	border-radius:0;
	margin: 0 -1px;padding:0 .5em;
	width: 11.25rem;min-width:100%;
	left: auto;right: 0;
	}
	@media only screen and (max-width:991px)	{.dropdown-menu{margin:0;padding:0;border:none;}}

.dropdown-menu.show{display: flex;flex-flow:row wrap;}

.dropdown-item{
	color:#212121;border:none;border-radius:0;
	line-height:1.5;text-align: center;
	font-weight: 500;
	margin-top: 1px;padding: .75em 1em;
	}
	@media only screen and (max-width:991px)	{.dropdown-item{line-height:1.5;padding:.5em 1em;}}
	@media only screen and (max-width:767px)	{.dropdown-item{}}

.dropdown-item + .dropdown-item{border-top: 1px solid #DDD;}

.dropdown-item:after{content: '\f0da';font-family:'Font Awesome\ 5 Pro';color:#212121;font-weight: 900;position: absolute;right: 1em;}
	@media only screen and (max-width:991px)	{.dropdown-item:before{color:#FFF;display:inline-block;width:1em;}}

.dropdown-item:hover,.dropdown-item:active,.dropdown-item:focus,.dropdown-item.active{
	background:#FFF;color:#0CF;
	opacity:1;
	}
	@media only screen and (max-width:991px)	{.dropdown-item:hover,.dropdown-item:active,.dropdown-item:focus,.dropdown-item.active{}}

.dropdown-item:hover:after,.dropdown-item:active:after,.dropdown-item:focus:after,.dropdown-item.active:after{
	color:#0CF;
	}
	@media only screen and (max-width:991px)	{.dropdown-item:hover:before,.dropdown-item:active:before,.dropdown-item:focus:before,.dropdown-item.active:before{}}


	@media (min-width:992px){
		.dropdown:hover > .dropdown-menu{display: flex;flex-flow:row wrap;justify-content:center;}

		.dropdown:hover > .dropdown-menu{animation: show .5s linear 0s;}
		.dropdown:hover > .dropdown-menu.show{animation: show .5s linear 0s;}
	}

	@media (max-width:991px){
		.dropdown:hover > .dropdown-menu{display: block;}

	}



/* .outer .column */
.outer{
	background:transparent;
	}

.side-column,.main-column{}
	@media only screen and (max-width:767px)	{.side-column,.main-column{display: block;width: auto;padding: 0;}}

	@media only screen and (max-width:991px)	{.side-column	{}}

.column-outer{justify-content:center;width:100%;}
	@media only screen and (max-width:767px)	{.column-outer{}}

.column{display:flex;justify-content:space-between;flex-flow:row wrap;width: 100%;max-width: 1050px;margin: 0 auto;padding: 90px 0;}
	@media only screen and (max-width:1199px)	{.column{max-width: 900px;padding: 75px 0;}}
	@media only screen and (max-width:991px)	{.column{max-width: 100%;padding: 7.5vw 2vw;}}
	@media only screen and (max-width:767px)	{.column{padding: 5vw 2.5vw;}}
	@media only screen and (max-width:575px)	{.column{padding: 10vw 5vw;}}


.column > .side-column{flex:1 1 240px;max-width: 240px;order:1;position: relative;}
	@media only screen and (max-width:991px)	{.column > .side-column{flex:1 1 100%;max-width: 100%;padding-bottom: 6vw;position: relative;z-index: 99;}}
	@media only screen and (max-width:767px)	{.column > .side-column{padding-bottom: 5vw;}}
	@media only screen and (max-width:575px)	{.column > .side-column{padding-bottom: 10vw;}}

.column > .side-column + .side-column{padding-left:45px;display: none;}
	@media only screen and (max-width:1199px)	{.column > .side-column + .side-column{padding-left:30px;}}
	@media only screen and (max-width:991px)	{.column > .side-column + .side-column{margin: 60px 0;padding-left:0;display: none;order:3;}}
	@media only screen and (max-width:767px)	{.column > .side-column + .side-column{margin-bottom: 30px;}}

.column > .main-column{flex:1 1 765px;max-width: 765px;order:2;}
	@media only screen and (max-width:1199px)	{.column > .main-column{flex:1 1 630px;max-width: 630px;}}
	@media only screen and (max-width:991px)	{.column > .main-column{flex:1 1 100%;max-width: 100%;}}

.column > .main-column.w-lq{margin: 0;}


.side-column .w-sl,.column > .main-column.w-sl{padding: 0;margin: 0;}
	@media only screen and (max-width:767px)	{.side-column .w-sl, .column > .main-column.w-sl{padding:0 15px;}}
	@media only screen and (max-width:575px)	{.side-column .w-sl, .column > .main-column.w-sl{padding:0 15px;}}


/* page-title */
.page-title{
	position:relative;background: #000;
	}

.page-bg{
	background-color: #000;overflow:hidden;
	height: 25rem;
	display:block;
	position: relative;
	}
	@media only screen and (max-width:991px)    {.page-bg{height: 20rem;}}
	@media only screen and (max-width:767px)    {.page-bg{height: 15rem;}}

.page-bg > img{
	font-family:'object-fit:cover;';object-fit:cover;
	margin:auto;
	position: absolute;top: 0;left: 0;right: 0;bottom: 0;
	max-width:inherit;max-height:inherit;width:100%;height:100%;opacity:.5;
	}

/* 英語大 */
.page-title h2{
	color:#FFF;
	font-size:4.5em;line-height:.75;font-weight: normal;text-align: center;
	position: absolute;top: 6rem;left: 0;right: 0;bottom: 0;z-index:1;font-weight: 700;
	width: auto;height: auto;
	display: flex;flex-flow:column wrap;justify-content:center;align-items:center;
	}
    @media only screen and (max-width:991px)    {.page-title h2{font-size:3.5em;top: 9vw;}}
    @media only screen and (max-width:767px)    {.page-title h2{font-size:2.5em;top: 7.5vw;}}
    @media only screen and (max-width:575px)    {.page-title h2{top: 15vw;}}

.page-title h2 small{
	font-size:.33em;line-height:1;font-weight: 500;text-align: center;
	margin-top:1.5em;
	display:block;
	}
    @media only screen and (max-width:991px)    {.page-title h2 small{font-size:.4em;margin-top:1.25em;}}
    @media only screen and (max-width:767px)    {.page-title h2 small{font-size:.5em;margin-top:1em;}}





/* sub-title */
.sub-title{
	background: #FFF;
	position:relative;display: flex;justify-content:center;align-items:flex-end;
	height: 20rem;
	margin: 4rem 0;
	}
	@media only screen and (max-width:991px)	{.sub-title{height: 50vw;margin: 3rem 0;}}
	@media only screen and (max-width:767px)	{.sub-title{height: 33vw;margin: 2rem 0;}}
	@media only screen and (max-width:575px)	{.sub-title{height: 50vw;}}

.sub-bg{
	background-color:#F5F5F5;overflow:hidden;
	display:block;
	position: absolute;top: 0;left: 4rem;right: 4rem;bottom: 4rem;
	}
    @media only screen and (max-width:1199px)   {.sub-bg{top: 0;left: 0;right: 0;}}
    @media only screen and (max-width:991px)    {.sub-bg{bottom: 3rem;}}
    @media only screen and (max-width:767px)    {.sub-bg{bottom: 2rem;}}

.sub-bg > img{
	font-family:'object-fit:cover;';object-fit:cover;
	margin:auto;
	position: absolute;top: 0;left: 0;right: 0;bottom: 0;
	max-width:inherit;max-height:inherit;width:100%;height:100%;opacity:1;
	}

.sub-title h2{
	background: #FFF;box-shadow:0 0 .75rem rgba(0,0,0,.1);border-bottom: .25rem solid #7A8F99;
	font-size:2rem;line-height:1;font-weight: 700;text-align: center;
	padding: 1em 2em;
	position: relative;z-index: 1;
	}
    @media only screen and (max-width:991px)    {.sub-title h2{font-size:1.75rem;}}
    @media only screen and (max-width:767px)    {.sub-title h2{font-size:1.5rem;padding: .5em 1em;}}

.sub-title h2 small{
	font-size:.75em;line-height:1.5;font-weight: 600;white-space: nowrap;
	margin-top: .5em;
	display: block;
	}
    @media only screen and (max-width:991px)    {.sub-title h2 small{font-size:.55em;}}
    @media only screen and (max-width:767px)    {.sub-title h2 small{font-size:.6em;}}




.ap{margin-top:-6rem;padding-top:6rem;}
	@media only screen and (max-width:991px)	{.ap{margin-top:-9vw;padding-top:9vw;}}
	@media only screen and (max-width:767px)	{.ap{margin-top:-7.5vw;padding-top:7.5vw;}}
	@media only screen and (max-width:575px)	{.ap{margin-top:-15vw;padding-top:15vw;}}

hr[class*="ap"]{margin-bottom: 0;border:none;}

.box-ap{margin-top:-240px;padding-top:240px;margin-bottom:45px;}
	@media only screen and (max-width:991px)	{.box-ap{margin-top:-135px;padding-top:135px;}}

.sec-ap{margin-top:-125px;padding-top:125px;}
	@media only screen and (max-width:991px)	{.sec-ap{margin-top:-135px;padding-top:135px;}}

.sec-ap [class*="sec-"]{margin-top:6rem;}
	@media only screen and (max-width:991px)	{.sec-ap [class*="sec-"]{margin-top:3rem;}}

.section-separated{border-color: transparent;margin: 3rem 0;}
	@media only screen and (max-width:991px)    {.section-separated{margin: 2rem 0;}}
	@media only screen and (max-width:767px)    {.section-separated{margin: 1rem 0;}}

/* width-container */
.w-lq{
	margin:0 auto;
	width:100%;
	position:relative;
	}

.w-lq{padding:0 3rem;}
	@media only screen and (max-width:1199px)	{.w-lq{padding:0 2rem;}}
	@media only screen and (max-width:991px)	{.w-lq{padding:0 1.5rem;}}
	@media only screen and (max-width:575px)	{.w-lq{padding:0 1rem;}}

[class*="w-sl"]{padding:0 1.5rem;margin:0 auto;}
	@media only screen and (max-width:575px)	{[class*="w-sl"]{padding:0 1rem;}}

.w-sl{max-width:67rem;position: relative;z-index: 9;}
	@media only screen and (max-width:1199px)	{.w-sl{max-width:59rem;}}
	@media only screen and (max-width:991px)	{.w-sl{max-width:100%;}}
	@media only screen and (max-width:575px)	{.w-sl{padding:0 1rem;}}

.w-sl-md{max-width:78rem;}
	@media only screen and (max-width:1259px)	{.w-sl-md{max-width:67rem;}}
	@media only screen and (max-width:1199px)	{.w-sl-md{max-width:59rem;}}
	@media only screen and (max-width:991px)	{.w-sl-md{max-width:100%;}}

.w-sl-lg{max-width:93rem;}
	@media only screen and (max-width:1499px)	{.w-sl-lg{max-width:78rem;}}
	@media only screen and (max-width:1259px)	{.w-sl-lg{max-width:67rem;}}
	@media only screen and (max-width:1199px)	{.w-sl-lg{max-width:59rem;}}
	@media only screen and (max-width:991px)	{.w-sl-lg{max-width:100%;}}

.w-sl-xl{max-width:103rem;}
	@media only screen and (max-width:1659px)	{.w-sl-xl{max-width:93rem;}}
	@media only screen and (max-width:1499px)	{.w-sl-xl{max-width:78rem;}}
	@media only screen and (max-width:1259px)	{.w-sl-xl{max-width:67rem;}}
	@media only screen and (max-width:1199px)	{.w-sl-xl{max-width:59rem;}}
	@media only screen and (max-width:991px)	{.w-sl-xl{max-width:100%;}}



/* sec- */
[class*="sec-"]{position: relative;}

.combined [class*="sec-"]{padding:5rem 0;}
	@media only screen and (max-width:1199px)	{.combined [class*="sec-"]{padding:4rem 0;}}
	@media only screen and (max-width:991px)	{.combined [class*="sec-"]{padding:3rem 0;}}
	@media only screen and (max-width:767px)	{.combined [class*="sec-"]{padding:2rem 0;}}

.combined [class*="sec-sm-"]{padding:2rem 0;}
	@media only screen and (max-width:1199px)	{.combined [class*="sec-sm-"]{padding:1.75rem 0;}}
	@media only screen and (max-width:991px)	{.combined [class*="sec-sm-"]{padding:1.5rem 0;}}
	@media only screen and (max-width:767px)	{.combined [class*="sec-sm-"]{padding:1.25rem 0;}}


.combined [class*="sec-lg-"]{padding:8rem 0;}
	@media only screen and (max-width:1199px)	{.combined [class*="sec-lg-"]{padding:6rem 0;}}
	@media only screen and (max-width:991px)	{.combined [class*="sec-lg-"]{padding:4rem 0;}}
	@media only screen and (max-width:767px)	{.combined [class*="sec-lg-"]{padding:2rem 0;}}

.sec-lead{padding: 2.5rem 0 !important;}
	@media only screen and (max-width:991px)	{.sec-lead{padding: 2rem 0 !important;}}
	@media only screen and (max-width:767px)	{.sec-lead{padding: 1.5rem 0 !important;}}


.combined .sec-call{padding:5rem 0;}
	@media only screen and (max-width:1199px)	{.combined .sec-call{padding:4rem 0;}}
	@media only screen and (max-width:991px)	{.combined .sec-call{padding:3rem 0;}}
	@media only screen and (max-width:767px)	{.combined .sec-call{padding:2rem 0;}}

.float-inner{padding:6rem 0;position: relative;}
	@media only screen and (max-width:991px)	{
		.float-inner{padding:4rem 0;}
		.float-md-top.float-inner,.float-md-bottom.float-inner{padding: 0;}
	}
	@media only screen and (max-width:767px)	{
		.float-inner{padding:2rem 0;}
		.float-xs-top.float-inner,.float-xs-bottom.float-inner{padding: 0;}
	}

.separated{padding: 5rem 0;}
	@media only screen and (max-width:1199px)	{.separated{padding: 4rem 0;}}
	@media only screen and (max-width:991px)	{.separated{padding: 3rem 0;}}
	@media only screen and (max-width:767px)	{.separated{padding: 2rem 0;}}

.separated [class*="sec-"] + [class*="sec-"]{margin-top: 5rem;}
	@media only screen and (max-width:1199px)	{.separated [class*="sec-"] + [class*="sec-"]{margin-top: 4rem;}}
	@media only screen and (max-width:991px)	{.separated [class*="sec-"] + [class*="sec-"]{margin-top: 3rem;}}
	@media only screen and (max-width:767px)	{.separated [class*="sec-"] + [class*="sec-"]{margin-top: 2rem;}}

[class*="sec-"] .w-sl,[class*="sec-"] .w-lq{z-index:9;}


.column [class*="sec-"]{padding:0;}
	@media only screen and (max-width:767px)	{#column [class*="sec-"]{padding:0;}}

.column [class*="sec-"] + [class*="sec-"]{border-top:none;}
	@media only screen and (max-width:767px)	{#column [class*="sec-"] + [class*="sec-"]{}}

.content-xs + .content-xs{margin-top:1rem;}

.content-sm + .content-sm{margin-top:2rem;}
	@media only screen and (max-width:767px)	{.content-sm + .content-sm{margin-top:1rem;}}

.content-md + .content-md{margin-top:3rem;}
	@media only screen and (max-width:767px)	{.content-md + .content-md{margin-top:2rem;}}

.content-lg + .content-lg{margin-top:4rem;}
	@media only screen and (max-width:991px)	{.content-lg + .content-lg{margin-top:3rem;}}
	@media only screen and (max-width:767px)	{.content-lg + .content-lg{margin-top:2rem;}}

.content-xl + .content-xl{margin-top:5rem;}
	@media only screen and (max-width:1199px)	{.content-xl + .content-xl{margin-top:4rem;}}
	@media only screen and (max-width:991px)	{.content-xl + .content-xl{margin-top:3rem;}}
	@media only screen and (max-width:767px)	{.content-xl + .content-xl{margin-top:2rem;}}


.ap,.box-ap,.sec-ap{width:100%;}

.sec-ap [class*="sec-"]{margin-top:5rem;}
	@media only screen and (max-width:991px)	{.sec-ap [class*="sec-"]{margin-top:3rem;}}


/* catalogue */
#category-nav{padding:3rem 0;}
	@media only screen and (max-width:767px)	{#category-nav{padding:2rem 0;}}

#back{padding:2rem 0 3rem;}
	@media only screen and (max-width:767px)	{#back{padding:1rem 0 2rem;}}







/* #footer */
footer{}


#contact{position: relative;padding: 7rem 0;background-color: #000;color:#FFF;}
	@media only screen and (max-width:1199px)	{#contact{padding:5rem 0;}}
	@media only screen and (max-width:991px)	{#contact{padding:4rem 0;}}
	@media only screen and (max-width:767px)	{#contact{padding:3rem 0;}}

#contact:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/cmn/bg-reservation.jpg) center center /cover no-repeat;}

#contact .phone-lg{border: 1px solid #FFF;width: 100%;height: 90px;display: flex;justify-content: center;align-items: center;}
	@media only screen and (max-width:991px)	{#contact .phone-lg{height: 11.2vw;}}
	@media only screen and (max-width:767px)	{#contact .phone-lg{height: 9.9vw;}}
	@media only screen and (max-width:575px)	{#contact .phone-lg{height: 19.8vw;}}

#contact .phone-lg[data-action="call"]{color:#FFF !important;}

#contact .telno:before{color:#0CF;font-size: .66em;}

#contact a,#contact a:hover,#contact a:active,#contact a:focus,#contact span[data-action="call"]{color:#FFF !important;}


#gmaps-ful{}

#gmaps-ful iframe{width: 100%;height: 30rem;}
	@media only screen and (max-width:991px)	{#gmaps-ful iframe{height: 25vw;}}
	@media only screen and (max-width:575px)	{#gmaps-ful iframe{height: 100vw;}}



#f-info{
	color:#FFF;
	line-height:1.5;
	padding:3rem 0 7.5rem;
	position:relative;
	}
	@media only screen and (max-width:991px)	{#f-info{padding:2.625rem 0 1.75rem;}}
	@media only screen and (max-width:767px)	{#f-info{padding:2.25rem 0 1.5rem;}}
	@media only screen and (max-width:575px)	{#f-info{padding:2.25rem 0 6em;}}

#f-info p > span,#f-info p > a{color:inherit !important;}

.footer-info{display: flex;justify-content:space-between;}
	@media only screen and (max-width:575px)	{.footer-info{display: block;}}

.footer-outline{}

.footer-sitemap{}


.footer-logo{
		margin-bottom:1.25rem;
		}
	@media only screen and (max-width:575px)	{.footer-logo{text-align:center;}}

.footer-logo img{vertical-align:top;width:auto;}
	@media only screen and (max-width:991px)	{.footer-logo img{height:3.5rem;}}
	@media only screen and (max-width:767px)	{.footer-logo img{height:2.5rem;}}



.fadd{display:flex;flex-flow:row wrap;font-size: 0.9em;line-height:1.75;font-family: 'Shippori Mincho B1',serif;}
	@media only screen and (max-width:575px)	{.fadd{justify-content:center;}}

.fadd a,.fadd a:hover,.fadd a:active,.fadd a:focus,.fadd span[data-action="call"]{color:#FFF !important;}
.fadd a:hover,.fadd a:active,.fadd a:focus{opacity:1;}

.fadd + .fadd{}


.fadd p + p{margin:0;}

.fadd-name{width: 6em;text-align: right;white-space: nowrap;}
	@media only screen and (max-width:575px)	{.fadd-name{width: 100%;text-align: center;}}

.fadd-name:before{content:"【";}
.fadd-name:after{content:"】";}


.fadd-pzip{}
.fadd-pzip:before{content:"〒";}
	@media only screen and (max-width:991px)	{.fadd-pzip{text-align:center;}}


.fadd-add{margin-left:1em;}
	@media only screen and (max-width:991px)	{.fadd-add{text-align: center;}}

.fadd-building{margin-left:1em;}
	@media only screen and (max-width:575px)	{.fadd-building{flex:1 1 100%;max-width:100%;padding-top:5px;text-align: center;}}


.fadd-map{margin-left:1em;}


.fadd-tel,.fadd-fax{}
	@media only screen and (max-width:991px)	{.fadd-tel,.fadd-fax{text-align: center;flex:0 0 auto;max-width: 100%;}}

.fadd-tel{}
	@media only screen and (max-width:767px)	{.fadd-tel{}}

.fadd-tel .ico-tel{color:#7A8F99;}



.fadd-fax{}
	@media only screen and (max-width:575px)	{.fadd-fax{}}

.fadd-tel-fax{}
	@media only screen and (max-width:575px)	{.fadd-tel-fax{text-align:center;}}


.fadd-tel:before,.fadd-fax:before{display:inline-block;margin-right:.33em;}
	@media only screen and (max-width:575px)	{.fadd-tel:before,.fadd-fax:before{}}


.fadd-tel + .fadd-fax{}
	@media only screen and (max-width:991px)	{.fadd-tel + .fadd-fax{}}

.fadd-tel + .fadd-fax:before{content: "/ FAX.";margin: 0 .33em;}
	@media only screen and (max-width:575px)	{.fadd-tel + .fadd-fax:before{}}

.fadd-hour,.fadd-holiday{line-height: 1.5;}

.fadd-holiday:before{content: "/";margin: 0 .33em;}


#f-info hr{margin:10px 0;}



/* #fnav */
#fnav{
	color:#212121;
	}
	@media only screen and (max-width:991px)	{#fnav{padding:0;margin-top:0;}}

.tit-fnav{margin: 3em 0 2em;display: flex;align-items: center;white-space: nowrap;color:#FFF;}
.tit-fnav:first-child{margin-top: 0;}


.tit-fnav:after{content: '';background-color: #FFF;width: 100%;height: 1px;display: block;margin-left: .33em;margin-top: 0.5em;}

.fnav-menu{
	line-height:1;
	display: flex;
	}

.fnav-vt{flex-flow:column wrap;}
.fnav-hz{align-items:center;}
.fnav-fs{justify-content:flex-start;}
.fnav-fe{justify-content:flex-end;}



.fnav-menu + .fnav-menu{}

.fnav-item{white-space:nowrap;position: relative;list-style: none;}

.fnav-item + .fnav-item{margin-left: 1em;}

.fnav-link,.fnav-link:hover,.fnav-link:active,.fnav-link:focus{
	color:#FFF;
	line-height:1;white-space:nowrap;
	opacity:1;
	}

.fnav-hz .fnav-link{
	margin: -2px 0;padding: 2px .5em;
	}

.fnav-fs .fnav-link{
	margin-left: -0.5em;
	}

.fnav-fe .fnav-link{
	margin-right: -0.5em;
	}

.fnav-link:hover,.fnav-link:active,.fnav-link:focus{
	opacity:1;
	}

.fnav-vt .fnav-link:hover,.fnav-vt .fnav-link:active,.fnav-vt .fnav-link:focus{
	text-decoration: underline;
	}

.fnav-hz .fnav-link:hover,.fnav-hz .fnav-link:active,.fnav-hz .fnav-link:focus{
	background: #FFF;color:#000;border-radius:2px;
	}


.fnav-item:before{content:"-";color:#212121;font-weight: normal;width:1em;display: inline-block;}

.fnav-hz .fnav-item:before{display: none;}


.fnav-link:before{
	color:#FFF;
	font-size:1em;line-height:1;text-align:center;
	font-family:'Font Awesome\ 5 Pro';
	width:1em;
	display: none;
	}

.fnav-item > strong			{display:inline-block;vertical-align:middle;font-weight:normal;}
.fnav-item > strong > a		{color:#7A8F99;}
.fnav-item > strong > a:hover,.fnav-item > strong > a:active,.fnav-item > strong > a:focus	{color:#FFF;opacity:1;}
.fnav-item > span			{display:block;padding-left:2em;}
.fnav-item > span + span	{margin:0 .5em 0 -.5em;}
.fnav-item > span > a		{color:#FFF;display:block;vertical-align:middle;}
.fnav-item > span > a:hover,.fnav-item > span > a:active,.fnav-item > span > a:focus	{color:#FFF;opacity:1;text-decoration:underline;}

.fnav-item > span a:before,.fnav-item > span a:after{display:inline-block;vertical-align:middle;width:1em;}
.fnav-item > span a:before	{content:"・";}
.fnav-item > span a:after	{content:"";}


small#copyright{color:rgba(255,255,255,.5);font-size: .75em;line-height:1;display:block;margin-top: 2rem;text-align: right;}
footer#copyright{line-height:2;background-color:#7A8F99;color:#FFF;padding: 0.5em 0;text-align: center;}

/* Fixed bottom */
.go-reservation{position: fixed;right: 0;bottom: 0;z-index: 99;display: flex;justify-content: flex-end;}


#fixed-bottom{position: fixed;right: 0;bottom: 0;display: flex;justify-content:space-between;align-items: center;z-index: 99;}
	@media only screen and (max-width:575px)	{#fixed-bottom{flex-flow:row wrap;left: 0;}}


.fixed-left{padding: 14px;color:#FFF;display: none;}
	@media only screen and (max-width:575px)	{.fixed-left{flex:1 1 100%;max-width: 100%;padding: 9px 14px;}}

.reach-bottom{left: 0;background: #7A8F99;}

.reach-bottom .fixed-left{display: block;}

.fixed-right{display: flex;background: #7A8F99;padding: 1px;}
	@media only screen and (max-width:575px)	{.fixed-right{flex-flow:row wrap;justify-content:flex-end;width: 100%;}}


.fixed-right > div{font-size: 14px;padding: 1px;display: flex;}
	@media only screen and (max-width:991px)	{#fixed-bottom > div{font-size: 12px;}}

	@media only screen and (max-width:575px)	{
			.bottom-fd{flex:1 1 100%;max-width: 100%;}
		}

.bottom-fd-inner{background: #FCFBF3;padding: 1.5rem;}
	@media only screen and (max-width:767px)	{.bottom-fd-inner{padding: 5px;}}
	@media only screen and (max-width:575px)	{.bottom-fd-inner{width: 100%;}}

.bottom-fd-inner h3{font-size: 1.25em;margin-bottom: 1em;text-align: center;font-family: 'Noto Sans JP',sans-serif;}

#fixed-bottom div > a{display: block;text-align: center;display: flex;justify-content:center;align-items:center;line-height: 1.25;min-width:72px;font-weight: bold;}
	@media only screen and (max-width:991px)	{#fixed-bottom div > a{min-width:60px;}}
	@media only screen and (max-width:575px)	{#fixed-bottom div > a{min-width:42px;}}

	@media only screen and (max-width:575px)	{
		.bottom-pv{flex:1 1 43%;max-width: 43%}
		.bottom-iq{flex:1 1 43%;max-width: 43%}
		.bottom-pt{flex:1 1 14%;max-width: 14%;}
   }

.bottom-pt a{color: #FFF;background: #7A8F99;font-size: 24px;text-align: center;}
.bottom-pt a:hover,.bottom-pt a:active,.bottom-pt a:focus{color:#FCFBF3;}
	@media only screen and (max-width:767px)	{.bottom-pt a{font-size: 16px;}}

.bottom-hour{font-size: .75rem;text-align: center;line-height: 1;margin-top: .75em;}
	@media only screen and (max-width:767px)	{.bottom-hour{font-size: 10px;}}

	@media only screen and (max-width:767px)	{
		.bottom-fd-inner .free-dial{display: flex;justify-content:center;align-items:flex-start;margin: .5em 0 0;height: 1.25rem;overflow: hidden;}

		.bottom-fd-inner .fd-mark{margin-right: 7px;height: 20px;}
		.bottom-fd-inner .fd-mark img{vertical-align: top;width: 35px !important;height: 20px !important;}
		.bottom-fd-inner .fd-mark svg{}

		.bottom-fd-inner .fd-number .phone-sm{font-size: 1em16px;line-height: 20px;}
	}


/* #fnav */

#copyright{display:block;font-size:.9em;padding:0;}
	@media only screen and (max-width:767px)	{#copyright{font-size:.75em;}}

#pagetop{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuZJREFUeNrMmT1oU1EUx08ecTJpt0AlaByiIkKCTn5QP5oxWbU4FI2Cq6jo1qFrLZ2fHxUsqLhni4PFL4JOEbHtIAmmDplM6hJD4v/U80LEJL335b7kHfi3UM4758d9t++ec27Atm1yaVPQDHQGOgLFob3QJPQT+gVtQl+hN9Ar6IebREFN/z3QJSgLnYWsPn6Ton3idwNqQWvQCvQC+q2a1FL0C0BXoQ1oFTqv8Wx3rnPQU4mTlbhGIOPyungFYmTGOM5jiRsfFpJf7UfoFHljHPcTNOsW8ib0HJogby0MPYNu6ULyA8uqe8aAcZ4l6LYq5EXoPo3HFiX/QMhD0KMRrmCvFeX8h/tBssMT2SPjtLBwBHpBXvHwv1jXTsp3+R9IPknmyV82L1wdyFmDH2pTdsD5fjqQWfKnZR1ILgKmjez4cJiSySRZlmUKkrmmuAq64KJY6AmYyWQoFApRJBKhfD5PrVZr2LDMNcM/TpsE3KkeYjFKpVKmVnSaoxw1Cdgpc8yBHuMIB00BVqtVyuVy1Gg0TILut6SCNgZYqVRMg05Ybkqx3VbQ8IqG+amaLmA6ne4L6JhB0LolnZ0WIP8eBGgYtMbe37wANAhaZs8vKp6JREIbcBBoNBpVhfzMkG9VPAuFwk4yXcBeoMVikcrlsuqjawHbtvns/q5SjTuvaJjjLhgMUrPZVHVvQ1HOugW9U3mC4YY9jzUASbi2nN37wKel2sPuepL765LPAEvSj3cgeXi04DPIBWeo1f2x4g7tvU8APwjPf91iWzq0+pgB69K5tvsNB9ah690OI7a25F/fbczyEro7Jsh7kl9pYMWzoDsjXNG25FvUmaqRTLkuQ9seA25LnqVB3dgg49n2cT66PQLkuCckD7mFZNuU2cw1gx/8ksTjuBsqfa3SsU1/Z+Y8356DXsvfdMy5fZiTOCuqMXSvSPgEWBXxPU5K+nbnHickPVNN9ppzj8PlYJ5c3uP8EWAA+aQV3PDztPgAAAAASUVORK5CYII=) center center /contain no-repeat;
	/*background-image:url(../images/cmn/pagetop.png);*/
	position:fixed;right:1.25rem;bottom:1.25rem;z-index:999;
	width:2.5rem;height:2.5rem;
	opacity:0;
	cursor:default;
	transition:.2s;
	}
	@media only screen and (max-width:991px)	{#pagetop{width:2.25rem;height:2.25rem;right:.25rem;bottom:.25rem;}}

#pagetop.is-active{opacity:1;transition:.6s;cursor:pointer;}




[class*="bg-float-"]{position: absolute;}

.bg-float-top-bottom{top: 0;bottom:0;}

.bg-float-top		{top: 0;bottom:12rem;}
.bg-float-left		{left: 0;}
.bg-float-right		{right: 0;}
.bg-float-bottom	{top:12rem;bottom: 0;}

@media only screen and (max-width:991px)	{
	.bg-float-top		{top: 0;bottom:8rem;}
	.bg-float-bottom	{top:8rem;bottom: 0;}
}
@media only screen and (max-width:767px)	{
	.bg-float-top		{top: 0;bottom:4rem;}
	.bg-float-bottom	{top:4rem;bottom: 0;}
}

.bg-float-ful{top: 0;left: 0;right: 0;bottom: 0;}

.bg-float-left.w-xl35{right: calc(50% + 9rem);}
.bg-float-left.w-xl40{right: calc(50% + 6rem);}
.bg-float-left.w-xl45{right: calc(50% + 3rem);}
.bg-float-left.w-xl50{right: 50%;}
.bg-float-left.w-xl55{right: calc(50% - 3rem);}
.bg-float-left.w-xl60{right: calc(50% - 6rem);}
.bg-float-left.w-xl65{right: calc(50% - 9rem);}
.bg-float-left.w-xl70{right: calc(50% - 12rem);}
.bg-float-left.w-xl75{right: calc(50% - 15rem);}
.bg-float-left.w-xl80{right: calc(50% - 18rem);}
	@media only screen and (max-width:1199px)	{
		.bg-float-left.w-lg35{right: calc(50% + 9rem);}
		.bg-float-left.w-lg40{right: calc(50% + 6rem);}
		.bg-float-left.w-lg45{right: calc(50% + 3rem);}
		.bg-float-left.w-lg50{right: 50%;}
		.bg-float-left.w-lg55{right: calc(50% - 3rem);}
		.bg-float-left.w-lg60{right: calc(50% - 6rem);}
		.bg-float-left.w-lg65{right: calc(50% - 9rem);}
		.bg-float-left.w-lg70{right: calc(50% - 12rem);}
		.bg-float-left.w-lg75{right: calc(50% - 15rem);}
		.bg-float-left.w-lg80{right: calc(50% - 18rem);}
			}
	@media only screen and (max-width:991px)	{
		.bg-float-left.w-md35{right: calc(50% + 9rem);}
		.bg-float-left.w-md40{right: calc(50% + 6rem);}
		.bg-float-left.w-md45{right: calc(50% + 3rem);}
		.bg-float-left.w-md50{right: 50%;}
		.bg-float-left.w-md55{right: calc(50% - 3rem);}
		.bg-float-left.w-md60{right: calc(50% - 6rem);}
		.bg-float-left.w-md65{right: calc(50% - 9rem);}
		.bg-float-left.w-md70{right: calc(50% - 12rem);}
		.bg-float-left.w-md75{right: calc(50% - 15rem);}
		.bg-float-left.w-md80{right: calc(50% - 18rem);}
		.bg-float-left.w-md100{right: 0;}
	}
	@media only screen and (max-width:767px)	{
		.bg-float-left.w-sm35{right: calc(50% + 9rem);}
		.bg-float-left.w-sm40{right: calc(50% + 6rem);}
		.bg-float-left.w-sm45{right: calc(50% + 3rem);}
		.bg-float-left.w-sm50{right: 50%;}
		.bg-float-left.w-sm55{right: calc(50% - 3rem);}
		.bg-float-left.w-sm60{right: calc(50% - 6rem);}
		.bg-float-left.w-sm65{right: calc(50% - 9rem);}
		.bg-float-left.w-sm70{right: calc(50% - 12rem);}
		.bg-float-left.w-sm75{right: calc(50% - 15rem);}
		.bg-float-left.w-sm80{right: calc(50% - 18rem);}
		.bg-float-left.w-sm100{right: 0;}
	}
	@media only screen and (max-width:575px)	{
		.bg-float-left.w-xs35{right: calc(50% + 9rem);}
		.bg-float-left.w-xs40{right: calc(50% + 6rem);}
		.bg-float-left.w-xs45{right: calc(50% + 3rem);}
		.bg-float-left.w-xs50{right: 50%;}
		.bg-float-left.w-xs55{right: calc(50% - 3rem);}
		.bg-float-left.w-xs60{right: calc(50% - 6rem);}
		.bg-float-left.w-xs65{right: calc(50% - 9rem);}
		.bg-float-left.w-xs70{right: calc(50% - 12rem);}
		.bg-float-left.w-xs75{right: calc(50% - 15rem);}
		.bg-float-left.w-xs80{right: calc(50% - 18rem);}
		.bg-float-left.w-xs100{right: 0;}
	}

.bg-float-right .w-xl30{left: calc(50% 35%);}
.bg-float-right .w-xl45{left: calc(50% 45%);}
.bg-float-right .w-xl50{left: 50%;}
.bg-float-right .w-xl66{left: calc(50% 66%);}
.bg-float-right .w-xl75{left: calc(50% 75%);}
.bg-float-right .w-xl80{left: calc(50% 80%);}
		@media only screen and (max-width:1199px)	{
		.bg-float-right .w-lg45{left: calc(50% 45%);}
		.bg-float-right .w-lg50{left: 50%;}
		.bg-float-right .w-lg66{left: calc(50% 66%);}
		.bg-float-right .w-lg75{left: calc(50% 75%);}
		.bg-float-right .w-lg80{left: calc(50% 80%);}
		}
		@media only screen and (max-width:991px)	{
		.bg-float-right .w-md45{left: calc(50% 45%);}
		.bg-float-right .w-md50{left: 50%;}
		.bg-float-right .w-md66{left: calc(50% 66%);}
		.bg-float-right .w-md75{left: calc(50% 75%);}
		.bg-float-right .w-md80{left: calc(50% 80%);}
		.bg-float-right .w-md100{left: calc(50% 100%);}
		}
		@media only screen and (max-width:767px)	{
		.bg-float-right .w-sm45{left: calc(50% 45%);}
		.bg-float-right .w-sm50{left: 50%;}
		.bg-float-right .w-sm66{left: calc(50% 66%);}
		.bg-float-right .w-sm75{left: calc(50% 75%);}
		.bg-float-right .w-sm80{left: calc(50% 80%);}
		.bg-float-right .w-sm100{left: calc(50% 100%);}
		}
		@media only screen and (max-width:575px)	{
		.bg-float-right .w-xs45{left: calc(50% 45%);}
		.bg-float-right .w-xs50{left: 50%;}
		.bg-float-right .w-xs66{left: calc(50% 66%);}
		.bg-float-right .w-xs75{left: calc(50% 75%);}
		.bg-float-right .w-xs80{left: calc(50% 80%);}
		.bg-float-right .w-xs100{left: calc(50% 100%);}
		}

.bg-float-ful	{top: 0;left: 0;right: 0;bottom: 0;width: 100%;}


[class*="bg-float-"] .bg-cover{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}


	@media only screen and (max-width:991px)	{
		.float-md-top		{padding-top: 60vw !important;}
		.float-md-bottom	{padding-bottom: 60vw !important;}

		.float-md-top .bg-float-left,.float-md-top .bg-float-right
		{top: 0;left: 0;right: 0;bottom: auto;width: 100%;height: 66vw;background-position: center center;background-size:cover;background-repeat: no-repeat;}
		.float-md-bottom .bg-float-left,.float-md-bottom .bg-float-right
		{top: auto;left: 0;right: 0;bottom: 0;width: 100%;height: 66vw;background-position: center center;background-size:cover;background-repeat: no-repeat;}
	}

	@media only screen and (max-width:575px)	{
		.float-xs-top		{padding-top: 60vw !important;}
		.float-xs-bottom	{padding-bottom: 60vw !important;}

		.float-xs-top .bg-float-left,.float-xs-top .bg-float-right
		{top: 0;left: 0;right: 0;bottom: auto;width: 100%;height: 66vw;background-position: center center;background-size:cover;background-repeat: no-repeat;}
		.float-xs-bottom .bg-float-left,.float-xs-bottom .bg-float-right
		{top: auto;left: 0;right: 0;bottom: 0;width: 100%;height: 66vw;background-position: center center;background-size:cover;background-repeat: no-repeat;}
	}



/* ofi commons */
.bg-cover,.bg-contain{display:block;overflow:hidden;position:relative;width:100%;}

.bg-cover > img,.bg-cover a > img,.bg-contain > img,.bg-contain a > img	{
	max-width:inherit;max-height:inherit;
	width:100%;height:100%;
	position:absolute;top:0;left:0;right:0;bottom:0;
	}

.bg-cover > img,.bg-cover a > img {
	object-fit:cover;font-family:'object-fit:cover';
}

.bg-contain > img,.bg-contain a > img {
	object-fit:contain;font-family:'object-fit:contain';
}

.bg-all{position:absolute;top:0;left:0;right:0;bottom:0;}


.bg-xl-5by1{padding-bottom:20%;}.bg-xl-4by1{padding-bottom:25%;}.bg-xl-3by1{padding-bottom:33.3333333333%;}.bg-xl-2by1{padding-bottom:50%;}.bg-xl-3by2{padding-bottom:66.6666666666%;}.bg-xl-4by3{padding-bottom:75%;}.bg-xl-5by4{padding-bottom:80%;}.bg-xl-1by1{padding-bottom:100%;}.bg-xl-4by5{padding-bottom:120%;}.bg-xl-3by4{padding-bottom:133.3333333333%;}.bg-xl-2by3{padding-bottom:150%;}.bg-xl-3by5{padding-bottom:166.6666666666%;}.bg-xl-1by2{padding-bottom:200%;}

	@media only screen and (max-width:1199px){.bg-lg-5by1{padding-bottom:20%;}.bg-lg-4by1{padding-bottom:25%;}.bg-lg-3by1{padding-bottom:33.3333333333%;}.bg-lg-2by1{padding-bottom:50%;}.bg-lg-3by2{padding-bottom:66.6666666666%;}.bg-lg-4by3{padding-bottom:75%;}.bg-lg-5by4{padding-bottom:80%;}.bg-lg-1by1{padding-bottom:100%;}.bg-lg-4by5{padding-bottom:120%;}.bg-lg-3by4{padding-bottom:133.3333333333%;}.bg-lg-2by3{padding-bottom:150%;}.bg-lg-3by5{padding-bottom:166.6666666666%;}.bg-lg-1by2{padding-bottom:200%;}}
	@media only screen and (max-width:991px){.bg-md-5by1{padding-bottom:20%;}.bg-md-4by1{padding-bottom:25%;}.bg-md-3by1{padding-bottom:33.3333333333%;}.bg-md-2by1{padding-bottom:50%;}.bg-md-3by2{padding-bottom:66.6666666666%;}.bg-md-4by3{padding-bottom:75%;}.bg-md-5by4{padding-bottom:80%;}.bg-md-1by1{padding-bottom:100%;}.bg-md-4by5{padding-bottom:120%;}.bg-md-3by4{padding-bottom:133.3333333333%;}.bg-md-2by3{padding-bottom:150%;}.bg-md-3by5{padding-bottom:166.6666666666%;}.bg-md-1by2{padding-bottom:200%;}}
	@media only screen and (max-width:767px){.bg-sm-5by1{padding-bottom:20%;}.bg-sm-4by1{padding-bottom:25%;}.bg-sm-3by1{padding-bottom:33.3333333333%;}.bg-sm-2by1{padding-bottom:50%;}.bg-sm-3by2{padding-bottom:66.6666666666%;}.bg-sm-4by3{padding-bottom:75%;}.bg-sm-5by4{padding-bottom:80%;}.bg-sm-1by1{padding-bottom:100%;}.bg-sm-4by5{padding-bottom:120%;}.bg-sm-3by4{padding-bottom:133.3333333333%;}.bg-sm-2by3{padding-bottom:150%;}.bg-sm-3by5{padding-bottom:166.6666666666%;}.bg-sm-1by2{padding-bottom:200%;}}
	@media only screen and (max-width:575px){.bg-5by1{padding-bottom:20%;}.bg-4by1{padding-bottom:25%;}.bg-3by1{padding-bottom:33.3333333333%;}.bg-2by1{padding-bottom:50%;}.bg-3by2{padding-bottom:66.6666666666%;}.bg-4by3{padding-bottom:75%;}.bg-5by4{padding-bottom:80%;}.bg-1by1{padding-bottom:100%;}.bg-4by5{padding-bottom:120%;}.bg-3by4{padding-bottom:133.3333333333%;}.bg-2by3{padding-bottom:150%;}.bg-3by5{padding-bottom:166.6666666666%;}.bg-1by2{padding-bottom:200%;}}


.bg-cover[class*="t-l-"] img,
.bg-cover[class*="t-c-"] img,
.bg-cover[class*="t-r-"] img,
.bg-cover[class*="c-l-"] img,
.bg-cover[class*="c-r-"] img,
.bg-cover[class*="b-l-"] img,
.bg-cover[class*="b-c-"] img,
.bg-cover[class*="b-c-"] img	{
	object-fit:cover;
	}

.bg-contain[class*="t-l-"] img,
.bg-contain[class*="t-c-"] img,
.bg-contain[class*="t-r-"] img,
.bg-contain[class*="c-l-"] img,
.bg-contain[class*="c-r-"] img,
.bg-contain[class*="b-l-"] img,
.bg-contain[class*="b-c-"] img,
.bg-contain[class*="b-c-"] img	{
	object-fit:contain;
	}

[class*="t-l-"] img	{object-position:left top;}
[class*="t-c-"] img	{object-position:center top;}
[class*="t-r-"] img	{object-position:right top;}

[class*="c-l-"] img	{object-position:left center;}
[class*="c-r-"] img	{object-position:right center;}

[class*="b-l-"] img	{object-position:left bottom;}
[class*="b-c-"] img	{object-position:center bottom;}
[class*="b-c-"] img	{object-position:right bottom;}

.bg-cover.t-l-xl img{font-family:'object-fit:cover;object-position:left top;';}
.bg-cover.t-c-xl img{font-family:'object-fit:cover;object-position:center top;';}
.bg-cover.t-r-xl img{font-family:'object-fit:cover;object-position:right top;';}

.bg-cover.c-l-xl img{font-family:'object-fit:cover;object-position:left center;';}
.bg-cover.c-r-xl img{font-family:'object-fit:cover;object-position:right center;';}

.bg-cover.b-l-xl img{font-family:'object-fit:cover;object-position:left bottom;';}
.bg-cover.b-c-xl img{font-family:'object-fit:cover;object-position:center bottom;';}
.bg-cover.b-r-xl img{font-family:'object-fit:cover;object-position:right bottom;';}

.bg-contain.t-l-xl img{font-family:'object-fit:contain;object-position:left top;';}
.bg-contain.t-c-xl img{font-family:'object-fit:contain;object-position:center top;';}
.bg-contain.t-r-xl img{font-family:'object-fit:contain;object-position:right top;';}

.bg-contain.c-l-xl img{font-family:'object-fit:contain;object-position:left center;';}
.bg-contain.c-r-xl img{font-family:'object-fit:contain;object-position:right center;';}

.bg-contain.b-l-xl img{font-family:'object-fit:contain;object-position:left bottom;';}
.bg-contain.b-c-xl img{font-family:'object-fit:contain;object-position:center bottom;';}
.bg-contain.b-r-xl img{font-family:'object-fit:contain;object-position:right bottom;';}

	@media only screen and (max-width:1199px){
		.bg-cover.t-l-lg img{font-family:'object-fit:cover;object-position:left top;';}
		.bg-cover.t-c-lg img{font-family:'object-fit:cover;object-position:center top;';}
		.bg-cover.t-r-lg img{font-family:'object-fit:cover;object-position:right top;';}

		.bg-cover.c-l-lg img{font-family:'object-fit:cover;object-position:left center;';}
		.bg-cover.c-r-lg img{font-family:'object-fit:cover;object-position:right center;';}

		.bg-cover.b-l-lg img{font-family:'object-fit:cover;object-position:left bottom;';}
		.bg-cover.b-c-lg img{font-family:'object-fit:cover;object-position:center bottom;';}
		.bg-cover.b-r-lg img{font-family:'object-fit:cover;object-position:right bottom;';}

		.bg-contain.t-l-lg img{font-family:'object-fit:contain;object-position:left top;';}
		.bg-contain.t-c-lg img{font-family:'object-fit:contain;object-position:center top;';}
		.bg-contain.t-r-lg img{font-family:'object-fit:contain;object-position:right top;';}

		.bg-contain.c-l-lg img{font-family:'object-fit:contain;object-position:left center;';}
		.bg-contain.c-r-lg img{font-family:'object-fit:contain;object-position:right center;';}

		.bg-contain.b-l-lg img{font-family:'object-fit:contain;object-position:left bottom;';}
		.bg-contain.b-c-lg img{font-family:'object-fit:contain;object-position:center bottom;';}
		.bg-contain.b-r-lg img{font-family:'object-fit:contain;object-position:right bottom;';}
	}
	@media only screen and (max-width:991px){
		.bg-cover.t-l-md img{font-family:'object-fit:cover;object-position:left top;';}
		.bg-cover.t-c-md img{font-family:'object-fit:cover;object-position:center top;';}
		.bg-cover.t-r-md img{font-family:'object-fit:cover;object-position:right top;';}

		.bg-cover.c-l-md img{font-family:'object-fit:cover;object-position:left center;';}
		.bg-cover.c-r-md img{font-family:'object-fit:cover;object-position:right center;';}

		.bg-cover.b-l-md img{font-family:'object-fit:cover;object-position:left bottom;';}
		.bg-cover.b-c-md img{font-family:'object-fit:cover;object-position:center bottom;';}
		.bg-cover.b-r-md img{font-family:'object-fit:cover;object-position:right bottom;';}

		.bg-contain.t-l-md img{font-family:'object-fit:contain;object-position:left top;';}
		.bg-contain.t-c-md img{font-family:'object-fit:contain;object-position:center top;';}
		.bg-contain.t-r-md img{font-family:'object-fit:contain;object-position:right top;';}

		.bg-contain.c-l-md img{font-family:'object-fit:contain;object-position:left center;';}
		.bg-contain.c-r-md img{font-family:'object-fit:contain;object-position:right center;';}

		.bg-contain.b-l-md img{font-family:'object-fit:contain;object-position:left bottom;';}
		.bg-contain.b-c-md img{font-family:'object-fit:contain;object-position:center bottom;';}
		.bg-contain.b-r-md img{font-family:'object-fit:contain;object-position:right bottom;';}
	}
	@media only screen and (max-width:767px){
		.bg-cover.t-l-sm img{font-family:'object-fit:cover;object-position:left top;';}
		.bg-cover.t-c-sm img{font-family:'object-fit:cover;object-position:center top;';}
		.bg-cover.t-r-sm img{font-family:'object-fit:cover;object-position:right top;';}

		.bg-cover.c-l-sm img{font-family:'object-fit:cover;object-position:left center;';}
		.bg-cover.c-r-sm img{font-family:'object-fit:cover;object-position:right center;';}

		.bg-cover.b-l-sm img{font-family:'object-fit:cover;object-position:left bottom;';}
		.bg-cover.b-c-sm img{font-family:'object-fit:cover;object-position:center bottom;';}
		.bg-cover.b-r-sm img{font-family:'object-fit:cover;object-position:right bottom;';}

		.bg-contain.t-l-sm img{font-family:'object-fit:contain;object-position:left top;';}
		.bg-contain.t-c-sm img{font-family:'object-fit:contain;object-position:center top;';}
		.bg-contain.t-r-sm img{font-family:'object-fit:contain;object-position:right top;';}

		.bg-contain.c-l-sm img{font-family:'object-fit:contain;object-position:left center;';}
		.bg-contain.c-r-sm img{font-family:'object-fit:contain;object-position:right center;';}

		.bg-contain.b-l-sm img{font-family:'object-fit:contain;object-position:left bottom;';}
		.bg-contain.b-c-sm img{font-family:'object-fit:contain;object-position:center bottom;';}
		.bg-contain.b-r-sm img{font-family:'object-fit:contain;object-position:right bottom;';}
	}
	@media only screen and (max-width:575px){
		.bg-cover.t-l img{font-family:'object-fit:cover;object-position:left top;';}
		.bg-cover.t-c img{font-family:'object-fit:cover;object-position:center top;';}
		.bg-cover.t-r img{font-family:'object-fit:cover;object-position:right top;';}

		.bg-cover.c-l img{font-family:'object-fit:cover;object-position:left center;';}
		.bg-cover.c-r img{font-family:'object-fit:cover;object-position:right center;';}

		.bg-cover.b-l img{font-family:'object-fit:cover;object-position:left bottom;';}
		.bg-cover.b-c img{font-family:'object-fit:cover;object-position:center bottom;';}
		.bg-cover.b-r img{font-family:'object-fit:cover;object-position:right bottom;';}

		.bg-contain.t-l img{font-family:'object-fit:contain;object-position:left top;';}
		.bg-contain.t-c img{font-family:'object-fit:contain;object-position:center top;';}
		.bg-contain.t-r img{font-family:'object-fit:contain;object-position:right top;';}

		.bg-contain.c-l img{font-family:'object-fit:contain;object-position:left center;';}
		.bg-contain.c-r img{font-family:'object-fit:contain;object-position:right center;';}

		.bg-contain.b-l img{font-family:'object-fit:contain;object-position:left bottom;';}
		.bg-contain.b-c img{font-family:'object-fit:contain;object-position:center bottom;';}
		.bg-contain.b-r img{font-family:'object-fit:contain;object-position:right bottom;';}
	}

.c-o{display: none;}