img {height:auto;}
a {cursor:pointer;}

.mze {width:950px;margin:0 auto!important;}
.col {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}

.dbusinessbg {background:#fff!important;}

.db-home-menu {padding:2em 0;text-align:center;background:url("../image/bg-menu.jpg")top center no-repeat;background-size:cover;}
.db-home-menu > .mze > nav.tilenav a {width:17%;margin:1%;padding:4em 1em 4em 1em;color:#fff;font-size:120%;font-weight:bold;text-decoration:none;background:#30bfbd;display:inline-block;vertical-align:top;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;position:relative;}
.db-home-menu > .mze > nav.tilenav a::before {content:"";top:5px;left:5px;width:30%;height:18px;border-top:1px solid #064f4e;border-left:1px solid #064f4e;display:block;position:absolute;}
.db-home-menu > .mze > nav.tilenav a::after {content:"";bottom:5px;right:5px;width:30%;height:18px;border-bottom:1px solid #064f4e;border-right:1px solid #064f4e;display:block;position:absolute;}
.db-home-menu > .mze > nav.tilenav a.txt2 {padding:3.2em 1em 3.2em 1em;}

.db-home-more {padding:2em 0;text-align:center;background:url("../image/bg-more.jpg")top center no-repeat;background-size:cover;}

.db-home-info {padding:2em 0;text-align:center;}
.informations {font-size:110%;text-align:left;}
.infodata {margin:1em 0;padding:1em 0;border-bottom:1px solid #ccc;}
.infodata span.date {width:10%;margin:0 3% 0 0;display:block;}
.infodata p {width:87%;}

nav.listnav a {width:47%;margin:1%;padding:2%;color:#fff;font-size:120%;font-weight:bold;background:#53a700;display:inline-block;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;position:relative;}
nav.listnav a::before {content:"";top:5px;left:5px;width:30%;height:18px;border-top:1px solid #1c3800;border-left:1px solid #1c3800;display:block;position:absolute;}

.db-banner {margin:5em 0!important;}

.banners .frame,.banners .movieslide {width:50%;display:inline-block;position:relative;}
.banners img {width:100%;vertical-align:bottom;}
.movieslide .flex-direction-nav .flex-prev,.banners .flex-direction-nav .flex-next {top:50%;width:50px;height:50px;position:absolute;z-index:998;background-size:cover!important;}
.movieslide .flex-direction-nav .flex-prev {left: 20px;background:url("../image/slide_prev.gif") center center no-repeat;}
.movieslide .flex-direction-nav .flex-next {right: 20px;background:url("../image/slide_next.gif") center center no-repeat;}

.flexslider .slides img {width:100%;}
/*
.flexslider nav.btnnavlist {width:100%;bottom:0;left:0;position:absolute;}
.flexslider nav.btn2 a {width:20%;margin:1% 5%;padding:1%;font-size:130%;text-align:center;border:3px solid #14a900;background:#fff;display:inline-block;}
.flexslider nav.btn2 a img {width:100%;height:auto;}
*/

.jvimg {background:url("../image/bg-j-village.jpg")top center;background-size:cover;position:relative;}
.jvtxt {margin:0 auto;}
nav.btnnavlist {width:100%;bottom:0;position:absolute;}
.navlistcontain {padding:0;text-align:center;}
nav.btn2 a {width:20%;margin:1% 3%;padding:1%;border:3px solid #14a900;background:#fff;display:inline-block;}
nav.btn2 a img {width:100%;height:auto;}

.dbh2 {margin:1.5em 0 0 0;padding:1em;color:#fff;font-size:180%;line-height:1.4;text-align:center;background:#3cb1f3;}
.dbh2 span {font-size:50%;letter-spacing:6px;display:block;}

.dbh3 {margin:3em 0 0 0;padding:1em;color:#fff;font-size:180%;line-height:1.4;text-align:center;background:#3cb1f3;}
.dbh3 span {font-size:50%;letter-spacing:6px;display:block;}
/* 20250423追加↓ */
.dbh31 {margin:0;padding:1em;color:#fff;font-size:180%;line-height:1.4;text-align:center;background:#3cb1f3;}
.dbh31 span {font-size:50%;letter-spacing:6px;display:block;}
/* 20250423追加↑ */
.keyvtxt {width:100%;position:absolute;z-index:999;}
.slides img {vertical-align:bottom;}

.html5-video-player {margin:80px 0 0 0;}

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
.opoff {pointer-events: none;}

@media screen and (max-width: 667px) {
	.col {display:block;}
	.mze {width:98%;margin:0 auto;}
	.db-home-menu > .mze > nav.tilenav a,.db-home-menu > .mze > nav.tilenav a.txt2 {width:98%;margin:1em 0;padding:1.3em 1.8em;}
	nav.listnav a {width:98%;margin:1em 0;padding:1em 1.2em;}
	.infodata span.date {width:100%;margin:0;}
	.infodata p {width:100%;}
	.swiper-container {margin:90px 0 0 0;}
	.iframe {width:100%;}
	.movieslide .flex-direction-nav .flex-prev,.banners .flex-direction-nav .flex-next {top:65%;width:20px;height:20px;}
	.movieslide .flex-direction-nav .flex-prev {left: 10px;}
	.movieslide .flex-direction-nav .flex-next {right: 10px;}
	.flexslider nav.btnnavlist {bottom:-10px;}
	.flexslider nav.btn2 a {width:30%;}
	.navlistcontain {padding:0;}
	nav.btn2 a {width:25%;margin:0 1%;padding:1%;border:1px solid #14a900;}
}

/* =========================================================
 caution msg 202207追加ｰ
========================================================= */

.section {
	margin: 32.4px auto; /* 20221102変更(0 auto) */
	width: 950px;
}

.caution_msg {
	background-color: #fb3f2c;
	border: 6px solid #fb3f2c;
	color: #fff;
	line-height: 100%;
	/* margin-bottom: 50px; 202207停止 */
	margin-top: 28px; /* 202207追加 */
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.msg_ttl {
	/* width: 200px; 20221124停止*/
	font-size: 1.8rem; /* 20221124変更(1.9rem) */
	padding-left: 1.5em; /* 20221124変更(2em) */
	position: relative;
	line-height: 0.9em;
	margin-right: 0.3em; /* 20221124変更(0.5em) */
	white-space: nowrap;
}
.msg_ttl::before{
	content: "";
	position: absolute;
	top: -1px;
	bottom: 0;
	left: 3px; /* 20221124変更(5%) */
	margin: auto;
	/* margin-right: 3px; 20221124停止 */
	width: 20px; /* 20221124変更(21px) */
	height: 20px; /* 20221124変更(21px) */
	background: url("../image/ico_exclamation_wh.svg") no-repeat no-repeat 50% 50%/auto 20px; /* 20221124変更(21px) */
	background-size: contain;
	display: inline-block;
}
.msg_txt_box {
	width: 780px; /* 20221124変更(750px) */
	font-size: 1.5rem;/* 20221124変更(1.7rem) */
	background-color: #fff;
	padding: 2px 0 0 5px; /* 20221124変更(2px 20px 0) */
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-direction: column;
	height: 39px;
}
#Main a.msg_txt {
	color: #333;
	text-decoration: underline;
	max-width: 84%;
}
#Main a.msg_txt:hover {
	text-decoration: none;
}
#Main a.msg_txt_more {
	color: #fb3f2c;
	font-weight: bold;
	position: relative;
	padding-right: 30px;
	width: 100%;
	text-align: right;
	top: -0.8em;
	text-decoration:none;
}
#Main a.msg_txt_more::after {
	content: "";
	width: 23px;
	height: 23px;
	display: inline-block;
	margin: auto;
	margin-left: 3px; /* 202207追加 */
	position: absolute;
	top: -1px;
	bottom: 0;
	background: url("../image/arrow_round_right_red.svg") no-repeat 50% 50%/auto 23px;
	background-size: contain;
}
/* 202207停止
.msg_txt_box ul {
		margin-top: -0.3em;
		} */

@media screen and (max-width: 667px) {
	/* 20221102追加↓ */
	#Main {
		padding-top: 20vw;
	}
	.dbusinessbg {
		padding-bottom: 2em;
	}
	/* 20221102追加↑ */
	.section {
		/* padding: 0 5vw; 202207停止*/
		margin: 0 auto;
		width: 98%; /* 202207変更(100%)*/
	}
	.caution_msg {
		border-left: 0;
		border-right: 0;
		border-bottom: 2px solid #fb3f2c;
		margin: 0; /* 20221102変更(6.205vw 0) */
		display: block;
		text-align: center;
	}
	.msg_ttl {
		width: auto;
		font-size: 4.5vw;
		display: inline-block;
		padding: 0.5em 0 0.5em 2em;
	}
	.msg_ttl::before {
		top: -0.2em;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 1.5em;
		height: 1.5em;
		background: url(../image/ico_exclamation_wh.svg) no-repeat no-repeat 50% 50%/auto 1.3em;
	}
	.msg_txt_box {
		width: 100%;
		height: auto;
		display: block;
		padding: 0.8em 1vw;
		text-align: left;
	}
	#Main a.msg_txt {
		width: 100%;
		display: block;
		font-size: 3.5vw;
		max-width: 100%;
	}
	#Main a.msg_txt_more {
		display: inline-block;
		font-size: 3.5vw;
		max-width: 100%;
		margin-top: 1em;
		padding-right: 2em;
		top: 0.1em;
		width: 100%;
		text-align: center;
	}
	#Main a.msg_txt_more::after {
		width: 1.3em;
		height: 1.3em;
		top: -0.2em;
		background: url(../image/arrow_round_right_red.svg) no-repeat 50% 50%/auto 1.2em;
	}
/*	.msg_txt_box ul {
		margin-top: 0.5em;
		} 202207停止*/
}

.ticker {
  margin: 0 auto;
  padding: 10px 0; /* 20221124変更(10px 20px 10px 0) */
  width: 770px; /* 20221124変更(700px) */
  text-align: left;
  position: relative;
  overflow: hidden;
  background-color:#ffffff;
  height:25px; /* 20221102開始 */
  white-space:nowrap; /* 20221124追加 */
}

@media screen and (max-width: 667px) {
.ticker {
  padding: 2px 10px 0px;
  width: 100%;
  height: 10vw; /* 20221102開始 */
  line-height: 1.3;
  white-space: normal; /* 20221124追加 */
}
}

.ticker ul {
  width: 100%;
  position: relative;
  z-index: 80; /* 20250321追加 */
}

.ticker ul li {
  width: 100%;
  display: none; /* 20221102開始 */
}