@charset "UTF-8";

#renewal2022 {
	z-index: 0;
}

.pankuzu {
	background: #fff;
}

.pagetop {
	position: fixed;
	right: 1.5em;
	bottom: 1.5em;
	z-index: 5;
}

#renewal2022 ul.attention {
	color: #fff;
	padding: 2vw 1.5em;
}

#renewal2022 ul.attention li {
	display: inline;
	padding-right: 0.5em;
}

.wrap-top-btn a {
	opacity: 1;
	background-color: transparent;
}

.wrap-top-btn a::after {
	display: none;
}

@media (min-width: 769px) {

	#main {
		background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/common_bg_pc.png) bottom no-repeat;
		background-size: 100%;
		background-attachment: fixed;
	}

	.wrap-top-btn {
		background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/pagetop_o.png) no-repeat;
		background-size: contain;
	}

	.wrap-top-btn a img {
		width: 60px;
		transition: .3s;
	}

	.wrap-top-btn a:hover img {
		opacity: 0;
	}

	#renewal2022 ul.attention {
		padding: 2vw 35px;
	}

	.pagetop {
		width: 50px;
	}

}

@media (max-width: 769px) {

	#main {
		background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/common_bg_sp.png) center bottom no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}

	.pagetop {
		background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/pagetop_o.png) no-repeat;
		background-size: contain;
		width: 15%;
		right: 1em;
		bottom: 5em;
	}

	.pagetop a img {
		transition: .3s;
	}

	.pagetop a:hovar img {
		opacity: 0;
	}

	#renewal2022 ul.attention {
		padding: 4.5vw 1.5em 3vw;
		font-size: 10px;
	}

	#renewal2022 a {
		transition: 0 !important;
	}

	#renewal2022 a:hover
	#renewal2022 a:hover img {
		opacity: 1;
	}

	footer {
		z-index: -1;
	}

}

/* 
slide
//////////////////////////////////////////////// */

/* グラデーション */
.bg {
	position: fixed;
	width: 100%;
	height: 100%;
}
.mySwiper::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	mix-blend-mode: multiply;
	z-index: 2;
}
/* Swiper */
.swiper-slide {
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
	-webkit-animation: zoomUp 10s linear 0s;
	animation: zoomUp 15s linear 0s; /* 10秒かけて拡大 */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.slide-img {
	background-size: cover; 
	background-position: center center;
	height: 100vh; /* 画像の高さ100vh */
}
/* Swiper-zoom */
@-webkit-keyframes zoomUp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
	}
}
@keyframes zoomUp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
	}
}

@media (max-width: 769px) {

	.slide-img {
		background-position: top center;
		background-repeat: no-repeat;
		height: 100vh;
	}


}

/* 
wrapper
//////////////////////////////////////////////// */

.visual .secWrap {
	position: relative;
	z-index: 5;
	max-width: 1280px;
	margin: 0 auto;
}

.plan .secWrap,
.goods .secWrap {
	position: relative;
	z-index: 5;
	max-width: 1000px;
	margin: 0 auto;
}


/* 
visual
//////////////////////////////////////////////// */

.visual {
	background: #cce8e1;
	z-index: 1;
}

.visual h1 {
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
	width: 100%;
}


#renewal2022 .visual .backArea img,
#renewal2022 .visual .backArea picture {
	width: 100%;
}

#renewal2022 .visual a {
	display: block;
	position: absolute;
}

.visual a span {
	display: none;
}


@media (min-width: 769px) {

	.visual h1 {
		width: 100%;
	}

	.visual a {
		width: 18.5%;
		height: 28.6%;
		left: 0px;
		top: 46.3%;
	}


	#renewal2022 .visual a {
		transition: .3s;
	}

	#renewal2022 .visual a:hover {
		background: rgba( 235, 237, 194, 0.8 );
	}

}

@media (max-width: 769px) {

	.visual {
		margin-bottom: 1.5em;
	}

	.visual h1 {
		width: 100%;
	}

	.visual a {
		width: 28%;
		height: 25%;
		left: 0;
		top: 75%;
	}

}


/* 
navigation
//////////////////////////////////////////////// */

.float_nav .navWrap.mmn nav {
	max-width: 900px;
	margin: 0 auto;
}

.float_nav .navWrap ul {
	display: flex;
	align-items: center;
}

.float_nav .navWrap ul li a {
	position: relative;
}

.float_nav .navWrap ul li.nav01 a {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/head_nav01_o.png) center no-repeat;
	background-size: 100%;
}

.float_nav .navWrap ul li.nav02 a {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/head_nav02_o.png) center no-repeat;
	background-size: 100%;
}

.float_nav .navWrap ul li.nav03 a {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/head_nav03_o.png) center no-repeat;
	background-size: 100%;
}

.float_nav .navWrap ul li.nav04 a {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/head_nav04_o.png) center no-repeat;
	background-size: 100%;
}

.float_nav .navWrap ul li.nav05 a {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/head_nav05_o.png) center no-repeat;
	background-size: 100%;
}

.float_nav .navWrap ul li.nav06 a {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/head_nav06_o.png) center no-repeat;
	background-size: 100%;
}

.float_nav .navWrap ul li.nav07 a {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/head_nav07_o.png) center no-repeat;
	background-size: 100%;
}

.float_nav .navWrap ul li.nav08 a {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/head_nav08_o.png) center no-repeat;
	background-size: 100%;
}

.float_nav .navWrap ul li.nav09 a {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/head_nav09_o.png) center no-repeat;
	background-size: 100%;
}

.float_nav .navWrap ul li.nav10 a {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/head_nav10_o.png) center no-repeat;
	background-size: 100%;
}

.float_nav .navWrap ul li.nav11 a {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/head_nav11_o.png) center no-repeat;
	background-size: 100%;
}

.float_nav .navWrap ul li a span {
	padding-bottom: 3px;
}

@media (min-width: 769px) {

	.float_nav {
		position: relative;
		z-index: 10;
	}

	.float_nav .navWrap.mmn {
		position: fixed;
		width: 100%;
		left: 0;
		z-index: 299;
		background: #cce8e1;
	}

	.float_nav .navWrap nav {
		max-width: 900px;
		width: 100%;
		margin: 0 auto;
		transition: .3s;
	}

	.float_nav .navWrap nav.snav {
		max-width: 1180px;
	}

	.float_nav .navWrap.mmn {
		top: 0;
	}

	.float_nav .navWrap p {
		display: none;
	}

	.float_nav .navWrap ul li {
	}

	.float_nav .navWrap ul li a {
		display: block;
		position: relative;
	}

	.float_nav .navWrap ul li a,
	.float_nav .navWrap ul li a img {
		transition: .3s;
	}

	.float_nav .navWrap ul li a,
	#renewal2022 .float_nav .navWrap ul li a:hover {
		opacity: 1;
	}

	#renewal2022 .float_nav .navWrap ul li a:hover img {
		opacity: 0;
	}

	.float_nav .navWrap ul li.nav01 {
		width: 10.517%;
	}

	.float_nav .navWrap ul li.nav02 {
		width: 10.517%;
	}

	.float_nav .navWrap ul li.nav03 {
		width: 7.97%;
	}

	.float_nav .navWrap ul li.nav08 {
		width: 19.72%;
	}

	.float_nav .navWrap ul li.nav09 {
		width: 21.034%;
	}

	.float_nav .navWrap ul li.nav10 {
		width: 17.09%;
	}

	.float_nav .navWrap ul li.nav11 {
		width: 13.14%;
	}

	.float_nav .navWrap ul li.nav04.hide,
	.float_nav .navWrap ul li.nav05.hide,
	.float_nav .navWrap ul li.nav06.hide,
	.float_nav .navWrap ul li.nav07.hide {
		display: none;
		transition: .3s;
	}

/* show */

	.float_nav .navWrap .snav ul li.nav01 {
		width: 13.334%;
	}

	.float_nav .navWrap .snav ul li.nav02 {
		width: 13.334%;
	}

	.float_nav .navWrap .snav ul li.nav03 {
		width: 10.111%;
	}

	.float_nav .navWrap .snav ul li.nav04.hide {
		display: block;
		width: 9.334%;
	}

	.float_nav .navWrap .snav ul li.nav05.hide {
		display: block;
		width: 7.556%;
	}

	.float_nav .navWrap .snav ul li.nav06.hide {
		display: block;
		width: 7.556%;
	}

	.float_nav .navWrap .snav ul li.nav07.hide {
		width: 15.444%;
		display: block;
	}

	.float_nav .navWrap .snav ul li.nav08 {
		width: 25%;
	}

	.float_nav .navWrap .snav ul li.nav09 {
		width: 26.667%;
	}

	.float_nav .navWrap .snav ul li.nav10 {
		width: 21.667%;
	}

	.float_nav .navWrap .snav ul li.nav11 {
		width: 16.667%;
	}

}

@media (max-width: 769px) {

	.float_nav {
		position: fixed;
		width: 100%;
		left: 0;
		z-index: 299;
		bottom: 0;
	}

	.float_nav .navWrap nav {
		position: relative;
	}

	.float_nav .navWrap p {
		position: absolute;
		z-index: 999999999;
		left: 1.25em;
		top: -25%;
		width: 20%;
	}

	#renewal2022 .float_nav .navWrap li a,
	#renewal2022 .float_nav .navWrap p a {
		opacity: 1 !important;
	}

	#renewal2022 .float_nav .navWrap li a:hover,
	#renewal2022 .float_nav .navWrap li a:hover img,
	#renewal2022 .float_nav .navWrap p a:hover,
	#renewal2022 .float_nav .navWrap p a:hover img {
		opacity: 1 !important;
	}

}


/* 
plan
//////////////////////////////////////////////// */

.sec_title {
	display: block;
	max-width: 1000px;
	margin: 0 auto;
}

#renewal2022 ul.tab_navigation {
	display: flex;
	justify-content: space-between;
}

ul.tab_navigation li {
	width: 31%;
}

#renewal2022 .navWrap ul li.selected img {
	opacity: 0;
}

ul.tab_navigation li.selected:nth-child(1) {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/sec01_tab01_o.png) no-repeat;
	background-size: contain;
}

ul.tab_navigation li.selected:nth-child(2) {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/sec01_tab02_o.png) no-repeat;
	background-size: contain;
}

ul.tab_navigation li.selected:nth-child(3) {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/sec01_tab03_o.png) no-repeat;
	background-size: contain;
}

.planWrap {
	background: rgba(255, 255, 255, 0.8);
}

.planWrap p {
	margin: 0 auto;
	width: 82%;
}

.planWrap p.bln {
	width: 88%;
}

.planWrap h4 {
	margin: 0 auto;
	width: 90%;
}

.plan,
.goods {
	position: relative;
	overflow: hidden;
}

@keyframes image_anime02 {
	20% { opacity: 0;}
	25% { opacity: 1;}
	50% { opacity: 1;}
	55% { opacity: 0;}
}

@keyframes image_anime03 {
	45% { opacity: 0;}
	50% { opacity: 1;}
	75% { opacity: 1;}
	80% { opacity: 0;}
}

@keyframes image_anime04 {
	0% { opacity: 0;}
	65% { opacity: 0;}
	70% { opacity: 1;}
	95% { opacity: 1;}
	100% { opacity: 0;}
}

.plan .plan_bg01 {
	background-image: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/sec_plan_bg01.jpg);
	background-size: 100%;
	background-attachment: fixed;
	opacity: 1 !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.plan .plan_bg02 {
	background-image: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/sec_plan_bg02.jpg);
	background-size: 100%;
	background-attachment: fixed;
	animation: image_anime02 40s ease infinite;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
}

.plan .plan_bg03 {
	background-image: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/sec_plan_bg03.jpg);
	background-size: 100%;
	background-attachment: fixed;
	animation: image_anime03 40s ease infinite;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
}

.plan .plan_bg04 {
	background-image: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/sec_plan_bg04.jpg);
	background-size: 100%;
	background-attachment: fixed;
	animation: image_anime04 40s ease infinite;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
}

.goods .goods_bg01 {
	background-image: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/sec_goods_bg01.jpg);
	background-size: 100%;
	background-attachment: fixed;
	opacity: 1 !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.goods .goods_bg02 {
	background-image: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/sec_goods_bg02.jpg);
	background-size: 100%;
	background-attachment: fixed;
	animation: image_anime02 40s ease infinite;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
}

.goods .goods_bg03 {
	background-image: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/sec_goods_bg03.jpg);
	background-size: 100%;
	background-attachment: fixed;
	animation: image_anime03 40s ease infinite;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
}

.goods .goods_bg04 {
	background-image: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/sec_goods_bg04.jpg);
	background-size: 100%;
	background-attachment: fixed;
	animation: image_anime04 40s ease infinite;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
}

.planWrap h4 {
	position: relative;
}

.planWrap h4 a {
	display: block;
	position: absolute;
	top: 42%;
	left: 36%;
	width: 64%;
	height: 13%;
}

@media (min-width: 1280px) {

}

@media (max-width: 1280px) {

	.plan .plan_bg01,
	.plan .plan_bg02 {
		background-size: cover;
	}

}

#renewal2022 ul.jtb_nav {
	width: 90%;
	display: flex;
	justify-content:space-between;
	margin: 20px auto 0;
}

#renewal2022 ul.jtb_nav li:nth-child(1) {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/jtb_tab04.png) no-repeat;
	background-size: cover;
}

#renewal2022 ul.jtb_nav li:nth-child(2) {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/jtb_tab02.png) no-repeat;
	background-size: cover;
}

#renewal2022 ul.jtb_nav li:nth-child(3) {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/jtb_tab01.png) no-repeat;
	background-size: cover;
}

#renewal2022 ul.jtb_nav li:nth-child(4) {
	background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/jtb_tab03.png) no-repeat;
	background-size: cover;
}

#renewal2022 ul.jtb_nav li a img {
	opacity: 0;
}

#renewal2022 ul.jtb_nav li a:hover,
#renewal2022 ul.jtb_nav li a:hover img {
	opacity: 0.5;
}

#renewal2022 ul.jtb_nav li.selected a,
#renewal2022 ul.jtb_nav li.selected a img {
	opacity: 1;
}

#renewal2022 ul.jtb_nav li.selected a {
	cursor default;
}

#jtb .planWrap h3 a {
	margin-left: auto;
	margin-right: auto;
}

#his .planWrap h3 a {
	margin-left: auto;
	margin-right: auto;
}

#knt .planWrap h3 a {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

@media (min-width: 769px) {

	.sec_title {
		padding-top: 50px;
		margin: 50px auto 50px;
	}

	.sec_title#plan {
		margin-top: 0;
	}

	#renewal2022 ul.tab_navigation li a:hover,
	#renewal2022 ul.tab_navigation li a:hover img {
	}

	#renewal2022 ul.tab_navigation li.selected img {
		opacity: 0;
	}

	.planWrap {
		overflow: hidden;
	}

	.plan h3 {
		width: 90%;
		margin: 40px auto 0;
	}

	.plan h3 a {
		width: 40%;
		display: block;
	}

	#knt .planWrap h3 a {
		margin-top: 20px;
	}

	#renewal2022 ul.jtb_nav li {
		width: 23%;
	}

	#renewal2022 ul.jtb_nav li.selected a img,
	#renewal2022 ul.jtb_nav li a:hover,
	#renewal2022 ul.jtb_nav li a:hover img {
		transition: .3s;
	}

	.planWrap p {
		margin: 75px auto 0;
	}

	.planWrap p.bln {
		margin-top: 30px;
	}

	.planWrap h4 {
		margin: 60px auto;
	}

	#renewal2022 .planWrap h4 a:hover {
		background: #fff;
	}

	.planWrap h4.last {
		margin: 60px 0 0;
		width: 100%
	}

	#jtb_wed ul {
		background: url(/lazona-kawasaki/campaign/travelfair_2026/common/image/plan_bg01.png) repeat-y center;
		background-size: 1px;
		width: 90%;
		margin: 60px auto 0;
		display: flex;
		justify-content: space-between;
	}

	#jtb_wed ul li {
		width: 47.5%;
	}

	#his .sec02_list01 {
		width: 90%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	#his .sec02_list01 li {
		width: 31%;
		margin-top: 30px;
	}

	#his .sec02_list02 {
		display: flex;
		width: 90%;
		margin: 0 auto;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	#his .sec02_list02 li {
		width: 48.5%;
		margin-top: 30px;
	}

	#his .sec02_list02 li:nth-child(1) {
		width: 100%;
	}

	#knt dl {
		position: relative;
		margin: 60px auto 0;
		width: 90%;
	}

	#knt dl dd {
		width: 90%;
		position: absolute;
		left: 5%;
		bottom: 3%;
	}

}

@media (max-width: 769px) {

	.sec_title {
		margin: 1.5em;
	}

	#renewal2022 ul.tab_navigation {
		margin-left: 1.5em;
		margin-right: 1.5em;
	}

	#renewal2022 ul.tab_navigation li.selected img {
		opacity: 0;
	}

	#renewal2022 ul.jtb_nav li {
		width: 20%;
	}

	.plan .plan_bg01,
	.plan .plan_bg02,
	.plan .plan_bg03,
	.plan .plan_bg04 {
		background-size: cover;
		position: absolute;
	}

	.planWrap {
		overflow: hidden;
		margin-left: 1.5em;
		margin-right: 1.5em;
	}

	.plan {
		padding-bottom: 2.5em;
	}

	.plan h3 {
		width: 90%;
		margin: 1em auto 2em;
	}

	.plan h3 a {
		width: 40%;
		display: block;
	}

	#knt .planWrap h3 a {
		margin-top: 1em;
	}

	#renewal2022 ul.jtb_nav {
		width: 90%;
		display: flex;
		justify-content:space-between;
		margin: 1em auto 0;
	}

	#renewal2022 ul.jtb_nav li {
		width: 48.5%;
	}

	.planWrap p {
		margin: 1.5em auto 0;
	}

	.planWrap p.bln {
		margin-top: 1em;
	}

	.planWrap h4 {
		margin: 3em auto 1.5em;
	}

	.planWrap h4.last {
		margin: 1.5em 0 0;
		width: 100%
	}

	#his .sec02_list01 {
		width: 90%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	#his .sec02_list01 li {
		width: 31%;
		margin-top: 1em;
	}

	#his .sec02_list02 {
		display: flex;
		width: 90%;
		margin: 0 auto;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	#his .sec02_list02 li {
		width: 48.5%;
		margin-top: 1em;
	}

	#his .sec02_list02 li:nth-child(1) {
		width: 100%;
	}

	#knt dl {
		position: relative;
		margin: 2em auto 0;
		width: 90%;
	}

	#knt dl dd {
		width: 90%;
		position: absolute;
		left: 5%;
		bottom: 3%;
	}

	h4.last {
		margin-left: 1.5em;
		margin-right: 1.5em;
	}

}


/* 
goods
//////////////////////////////////////////////// */

.goods .secWrap {
	background: rgba(255, 255, 255, 0.7);
	overflow: hidden;
}

.sec03 dl {
	position: relative;
}

.sec03 dl dd {
	left: 25%;
	width: 50%;
	bottom: 20%;
	position: absolute;
}

@media (min-width: 769px) {

	.sec03 dl dd a img {
		transition: .3s;
	}

	.sec03 dl dd a:hover img {
		opacity: 0.5;
	}

}

@media (max-width: 769px) {

	.plan,
	.goods {
		position: relative;
	}



}


@media (min-width: 769px) {

	.attention {
		padding: 40px 0;
	}

	.attention ul li {
		display: inline-block;
	}

	p.mt10 {
		margin-top: 2em;
	}

}

@media (max-width: 769px) {

	.breadcrumb {
		background: #fff;
	}

	.attention {
		background: #fff;
		overflow: hidden;
		position: relative;
		padding: 1em 0 0;
	}

	.attention ul li {
		font-size: 80%;
	}

	.plan_bg,
	.goods_bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		clip-path: inset(0);
		z-index: -1;
	}


	.plan .plan_bg01,
	.plan .plan_bg02,
	.plan .plan_bg03,
	.plan .plan_bg04,
	.goods .goods_bg01,
	.goods .goods_bg02,
	.goods .goods_bg03,
	.goods .goods_bg04 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100%;
		background-size: 100vh;
		background-position: left;
		z-index: -1;
	}

}


@media (min-width: 769px) {

	.flexWrap {
		display: flex;
		justify-content: center;
	}

	.flexWrap .area_left {
		margin-right: 50px;
		width: 150px;
	}

	.flexWrap .area_left h1 {
		position: fixed;
		width: 150px;
	}

	.flexWrap .area_left h1 img {
		position: absolute;
		top: 50%;
		transform: translateY( -50% );
	}

	.area_center {
		max-width: 900px;
		width: 100%;
	}

	.area_navigation {
		width: 200px;
	}

}

@media (max-width: 769px) {

	.flexWrap {
		width: 100%;
		overflow: hidden;
		position: relative;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}

	.flexWrap .area_center {
		position: relative;
		z-index: 1;
	}

	.flexWrap .area_left {
		display: none;
	}

	.area_navigation {
		display: none;
	}

}