@charset "utf-8";
/* #top-mv */
#top-mv {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#top-mv video {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
#top-mv video img {
	margin: 0;
	padding: 0;
}
#top-mv h1 {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 117px;
	height: 298px;
	top: 44%;
	left: 51%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
#top-mv #top-attbox {
	margin: 0;
	padding: 0.25em 2em;
	position: absolute;
	top: 72%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
    background: rgba(255,255,255,.53);
    filter: drop-shadow(0 0 0.1em #000);
}
#top-mv #top-attbox p {
    font-size: 1.2rem;
}
#top-mv .scroll {
	position: absolute;
	width: 100%;
	height: 90px;
	bottom: 0;
	left: 0;
	z-index: 3;
	text-align: center;
	background: url(../img/top-mv-scroll-bg.png) no-repeat center bottom;
}
#top-mv .anime {
	position: absolute;
	bottom: 55px;
    left: 50%;
	text-align: center;
	z-index: 4;
	pointer-events: none;
}
#top-mv .ball {
	width: 15px;
	height: 15px;
	animation: ball 1.5s infinite;
}
@keyframes ball {
  0% {
    transform: translate(-50%, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, 15px);
    opacity: 0;
  }
}
/* #top-intro */
#top-intro {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 60px 0 0;
	background: url(../img/top-intro-bg01.png) no-repeat center top, url(../img/top-intro-bg02.png) no-repeat center bottom, url(../img/top-intro-bg03.png) no-repeat center bottom;
}
#top-intro .wrap {
	position: relative;
	width: 1100px;
	height: 700px;
	margin: 0 auto 100px;	
}
#top-intro img {
	vertical-align: bottom;	
}
#top-intro h2 {
	margin: 0 auto 20px;
	text-align: center;	
}
#top-intro p {
	margin: 0 auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 16px;
	letter-spacing: 0.1em;	
	font-weight: 500;
	color: #333333;
	text-align: center;	
	line-height: 200%;	
}
#top-intro .logo {
	position: absolute;
	width: 200px;
	height: 200px;
	bottom: 40px;
	left: 248px;
	background: url(../img/top-intro-logo.png) no-repeat center center;	
}
#top-intro .scroll {
	position: absolute;
	width: 46px;
	height: 20px;
	bottom: -10px;
	left: 348px;
	transition: all 0.5s ease;
}
#top-intro .scroll:hover {
	transform: translateY(3px);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition: all 0.5s ease;
	opacity: 0.8;
}
#top-intro .scroll a {
	display: block;	
}
/* #top-menu */
#top-menu {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 70px 0 90px;
	background: url(../img/top-menu-bg01.png) no-repeat center top, url(../img/top-menu-bg02.png) no-repeat center bottom, url(../img/bg01.png) repeat-y center top;
}
#top-menu h2 {
	text-align: center;
	margin: 0 auto 10px;	
}
#top-menu .wrap01 p,
#top-menu .wrap02 p,
#top-menu .wrap03 p {
	margin: 0 auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 16px;
	letter-spacing: 0.1em;	
	font-weight: 500;
	color: #333333;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}
.bx-wrapper {
	width: 700px;
	height: 460px;
	border: 0;
	z-index: 0;
	box-shadow: none; 
}
.bxslider {
	width: 700px;
	height: 460px;	
}
#top-menu .wrap01 {
	position: relative;
	width: 1100px;
	height: 460px;
	margin: 0 auto 80px;
}
#top-menu .wrap01 .bg {
	position: absolute;
	width: 700px;
	height: 460px;
	left: -15px;
	top: 15px;
	background: url(../img/top-menu-wbg.png) no-repeat center center;		
}
#top-menu .wrap01 .img {
	position: absolute;
	width: 700px;
	height: 460px;
	left: -30px;
	top: 0;
}
#top-menu .wrap01 .col {
	position: absolute;
	width: 460px;
	height: 400px;
	padding: 40px 45px;
	box-sizing: border-box;
	border: 1px solid #fff;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255,255,255,0.9);
}
#top-menu .wrap02 {
	position: relative;
	width: 1100px;
	height: 460px;
	margin: 0 auto 80px;	
}
#top-menu .wrap02 .bg {
	position: absolute;
	width: 700px;
	height: 460px;
	right: -15px;
	top: 15px;
	background: url(../img/top-menu-wbg.png) no-repeat center center;		
}
#top-menu .wrap02 .img {
	position: absolute;
	width: 700px;
	height: 460px;
	top: 0;
	right: -30px;
}
#top-menu .wrap02 .col {
	position: absolute;
	width: 460px;
	height: 400px;
	padding: 40px 45px;
	box-sizing: border-box;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255,255,255,0.9);
}
#top-menu .wrap02 .mv {
	position: absolute;
	width: 306px;
	height: 200px;
	right: -15px;
	top: -50px;		
}
#top-menu .wrap03 {
	position: relative;
	width: 1100px;
	height: 460px;
	margin: 0 auto;	
}
#top-menu .wrap03 .bg {
	position: absolute;
	width: 700px;
	height: 460px;
	left: -15px;
	top: 15px;
	background: url(../img/top-menu-wbg.png) no-repeat center center;		
}
#top-menu .wrap03 .img {
	position: absolute;
	width: 700px;
	height: 460px;
	left: -30px;
	top: 0;
}
#top-menu .wrap03 .col {
	position: absolute;
	width: 460px;
	height: 400px;
	padding: 45px;
	box-sizing: border-box;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255,255,255,0.9);
}
#top-menu .box {
	position: relative;
	width: 100%;
	height: 320px;
}
#top-menu .bt {
	position: absolute;
	box-sizing: border-box;
	width: 370px;
	height: auto;
	padding: 20px;	
	margin: 0 auto;
	display: block;
	bottom: 10px;
	left: 0;
	text-align: center;
	border: 1px solid rgba(51,51,51,0.6);
	color: #333333;
	margin: 0 auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 16px;
	letter-spacing: 0.1em;	
	font-weight: 500;
	text-decoration: none;
	transition: all 0.5s ease;
	background: url(../img/top-info-arrow.png) no-repeat center right,rgba(0,0,0,0);	
	border-radius: 6px;
}
#top-menu .bt:hover {
	transition: all 0.5s ease;
	background: url(../img/top-info-arrow.png) no-repeat center right, rgba(0,0,0,0.1);	
}
/* #top-plan */
#top-plan {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	height: auto;
	padding: 70px 0 70px;
}
#top-plan h2 {
	width: 100%;
	margin: 0 auto 60px;
	text-align: center;
}
#top-plan img {
	vertical-align: bottom;	
}
#top-plan .wrap img {
	vertical-align: bottom;	
}
#top-plan .wrap a img {
	transition: all 0.5s ease;
}
#top-plan .wrap a:hover img {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#top-plan .wrap {
	position: relative;
	width: 1100px;
	height: 542px;
	margin: 0 auto;	
	overflow: visible;
}
#top-plan .wrap .plan-l {
	position: absolute;	
	width: 336px;
	height: 542px;
	top: 0;
	left: 0;
	box-sizing: border-box;
	background: url(../img/top-plan-bg.png) center center;
}
#top-plan .wrap .plan-l h3 {
	margin: 0 auto 15px;
	padding: 0;	
	border-bottom: 1px dashed #fff;
}
#top-plan .wrap .plan-r {
	position: absolute;	
	width: 764px;
	height: 542px;
	top: 0;
	right: 0;
	box-sizing: border-box;
	padding: 0 0 0 30px;
}
#top-plan .wrap .plan-r h3 {
	height: 55px;
	box-sizing: border-box;
    border-bottom: 1px dashed rgba(51,51,51,0.6);
	margin: 0 auto 10px;
}
#top-plan .wrap .plan-r h3 a {
	font-size: 17px;
	letter-spacing: 0.1em;
	line-height: 120%;
	font-weight: 600;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	color: #333333;	
	transition: all 0.5s ease;
	text-decoration: none;
}
#top-plan .wrap .plan-r h3 a:hover {
	transition: all 0.5s ease;
	text-decoration: underline;
}
#top-plan .wrap .plan-r p {
	color: #333333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	letter-spacing: 0.1em;
	line-height: 150%;
	font-size: 16px;
	margin: 0;
	font-weight: 500;
}
#top-plan .wrap .plan-r .box {
	overflow: hidden;
	width: 734px;
	box-sizing: border-box;
}
#top-plan .wrap .plan-r .box:nth-of-type(1),
#top-plan .wrap .plan-r .box:nth-of-type(2) {
	height: 175px;
	margin-bottom: 19px;
	border-bottom: 1px solid rgba(51,51,51,0.6);
}
#top-plan .wrap .plan-r .box:last-of-type {
	border: none;
}
#top-plan .wrap .plan-r .box .left {
	float: left;
	width: 508px;
	height: 154px;
}
#top-plan .wrap .plan-r .box .right {
	float: right;
	width: 206px;
	height: 154px;
	background: #000;	
}
/* #map */
#map {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	height: 450px;	
}
iframe.map {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 1920px;
	height: 450px;
	margin: 0 auto;
	border: none;
}
/* #top-access */
#top-access {
	padding: 70px 0 30px;
}
#top-access .wrap {
	width: 1100px;
	height: auto;
	margin: 0 auto;	
	clear: both;
}
#top-access .wrap .left {
	float: left;
	width: 525px;
	height: auto;
}
#top-access .wrap .right {
	float: right;
	width: 525px;
	height: auto;
}
#top-access p {
	color: #333333;
	margin: 0 0 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 16px;
	letter-spacing: 0.1em;	
	line-height: 160%;	
	font-weight: 500;
}
#top-access h2 {
	margin: 0 0 10px;
	padding: 0 0 10px;
    border-bottom: 1px solid rgba(51,51,51,0.6);	
}
#top-access img {
	vertical-align: bottom;	
}
/* #top-info */
#top-info {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 100px 0 70px;
	background: url(../img/top-info-bg01.png) no-repeat center top, url(../img/top-info-bg02.png) no-repeat center bottom, url(../img/bg01.png) repeat-y center top;
}
#top-info h2 {
	margin: 0 auto 20px;	
	text-align: center;
}
#top-info .wrap01 {
	width: 970px;
	height: 190px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 70px;
	margin-left: auto;
	padding-bottom: 70px;
}
#top-info .wrap01 .box {
	float:left;
	font-size: 0;
	width: 190px;
	height: 190px;
	margin-right: 5px;	
}
#top-info .wrap01 .box:last-of-type {
	margin-right: 0;	
}
#top-info .wrap02 {
	width: 970px;
	height: auto;
	margin: 0 auto;	
	clear: both;
}
#top-info dl {
	overflow: hidden;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid rgba(51,51,51,0.6);
	box-sizing: border-box;
}
#top-info dl dt {
	float: left;
	clear: both;
	letter-spacing: 0.1em;
	font-weight: 500;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	width: 120px;
	padding-left: 20px;
	box-sizing: border-box;
}
#top-info dl dd {
    float: right;
	width: 810px;
	margin: 0;
	padding: 0 20px 0 0;
    overflow: hidden;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	background: url(../img/top-info-arrow.png) no-repeat center right;	
	text-align: left;
}
#top-info dl dt a,
#top-info dl dd a {
	display: block;
	font-size: 15px;
	letter-spacing: 0.1em;
	transition: all 0.5s ease;	
	text-decoration: none;
	font-weight: 600;
	color: #333333;
	padding: 20px 0;
}
#top-info dl dt a:hover,
#top-info dl dd a:hover {
	transition: all 0.5s ease;
	text-decoration: underline;
}