@charset "utf-8";
/* CSS Document */





/*****************************************************************************
 *****************************************************************************/




#videoWrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
#videoWrapper video {
	vertical-align: baseline;
	width: 100%;
	height: auto;
	z-index: 1;
}
#videoWrapper .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.videoD {
	width: 100%;
	padding: 56% 0 0;
	position: relative;
	z-index:-1;
}
.videoD.sp {
	padding: 56% 0 0;
}
#videoWrapper .mask nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#videoWrapper .mask nav .inner {
	display: table;
	width: 100%;
	height: 100%;
}
#videoWrapper .mask nav .inner > div {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
#videoWrapper .mask nav p {
	margin: 0 0 15%;
}
#videoWrapper .mask nav p img {
	width: 460px;
	height: auto;
}
.videosp{
	margin-top: 7%;
}
#videoWrapper .mask nav li {
	padding: 46px 0 0;
	position: relative;
}
#videoWrapper .mask nav li:before {
	content: "";
	display: block;
	background: #ffffff;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	position: absolute;
	top: 11.5px;
	left: 50%;
	margin-left: -9px;
	box-shadow: 2px 2px 6px rgba(56,93,22,0.5),  -2px 2px 6px rgba(56,93,22,0.5),  2px -2px 6px rgba(56,93,22,0.5),  -2px -2px 6px rgba(56,93,22,0.5);
}
#videoWrapper .mask nav li:nth-child(1) {
	padding: 0;
}
#videoWrapper .mask nav li:nth-child(1):before {
	display: none;
}
#videoWrapper .mask nav li a {
	color: #ffffff;
	text-decoration: none;
	line-height: 46px;
	font-size: 18px;
	text-shadow: 2px 2px 6px rgba(56,93,22,1),  -2px 2px 6px rgba(56,93,22,1),  2px -2px 6px rgba(56,93,22,1),  -2px -2px 6px rgba(56,93,22,1);
	position: relative;
	opacity:1;
}

#videoWrapper .mask nav li a .fa {
	font-size: 14px;
	position: absolute;
	top: 4px;
	right: -1em;
	opacity: 0;
	transition: all 0.3s ease;
}
#videoWrapper .mask nav li a:hover .fa {
	opacity: 1;
}



/*****************************************************************************
 *****************************************************************************/

.mapSection {
	position: relative;
	background-color: #ffffff;
}
.mapSection .sectionHd4 {
	position: relative;
	z-index:2;
}
.mapSection .map {
	position: relative;
	z-index:1;
	width: 100%;
}

@media screen and (max-width: 1150px) {
.mapSection .map {
	height: auto;
}
.mapSection .map > .inner {
	position: relative;
	top: 0;
	left: auto;
	margin-left: 0;
	width: 100%;
	height: auto;
}
.mapSection .map > .inner img {
	width: 100%;
	height: auto;
}
}






/*****************************************************************************
map01
 *****************************************************************************/
.mapSection#map01 {
	padding:0 0 190px;
}
.mapSection#map01 .map {
	background: url(../images/map/component/map01.jpg) 50% 0 no-repeat;
	background-size: auto 100%;
	height: 706px;
	margin-top:-45px;
}
.mapSection#map01 .map > .inner {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -575px;
	width: 1150px;
	height: 791px;
}
.mapSection .map > .inner li {
	position: absolute;
	z-index: 2;
}
.mapSection .map > .inner li a,
.mapSection .map > .inner li span {
	display: block;
	height: 18px;
	line-height: 18px;
	width: 18px;
	text-align: center;
	background: #f09192;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	transition: none;
	border: 1px solid #f09192;
}
.mapSection .map > .inner li.on {
	margin: -6px 0 0 -6px;
	z-index: 3;
}
.mapSection .map > .inner li.on a,
.mapSection .map > .inner li.on span {
	height: 30px;
	line-height: 30px;
	width: 30px;
	animation: blink;
	animation-duration: 1.4s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}
#map01Area01_1 {
	left: 129px;
	top: 230px;
}
#map01Area01_2 {
	left: 598px;
	top: 210px;
}
#map01Area02 {
	left: 252px;
	top: 346px;
}
#map01Area03 {
	left: 249px;
	top: 233px;
}
#map01Area04 {
	left: 480px;
	top: 200px;
}
#map01Area05 {
	left: 364px;
	top: 253px;
}
#map01Area06 {
	left: 393px;
	top: 254px;
}
#map01Area07 {
	left: 413px;
	top: 253px;
}
#map01Area08 {
	left: 441px;
	top: 257px;
}
#map01Area09 {
	left: 620px;
	top: 257px;
}
#map01Area10 {
	left: 621px;
	top: 295px;
}
#map01Area11 {
	left: 699px;
	top: 274px;
}
#map01Area12 {
	left: 745px;
	top: 304px;
}
#map01Area13 {
	left: 763px;
	top: 282px;
}
#map01Area14 {
	left: 827px;
	top: 298px;
}
#map01Area15 {
	left: 882px;
	top: 296px;
}
#map01Area16 {
	left: 829px;
	top: 347px;
}
#map01Area17 {
	left: 844px;
	top: 370px;
}
#map01Area18 {
	left: 921px;
	top: 292px;
}
#map01Area19 {
	left: 954px;
	top: 363px;
}
#map01Area20 {
	left: 964px;
	top: 239px;
}
#map01Area21 {
	left: 1009px;
	top: 265px;
}
#map01Area22 {
	left: 541px;
	top: 372px;
}
#map01Area23 {
	left: 620px;
	top: 491px;
}
#map01Area24 {
	left: 336px;
	top: 596px;
}
#map01Area25 {
	left: 556px;
	top: 589px;
}




/*****************************************************************************
list
 *****************************************************************************/
.list {
	position: relative;
	z-index:2;
	width: 1200px;
	margin: -10px auto 0;
	font-size: 16px;
	text-align: center;
}
.list ol {
	line-height: 1.2;
	padding-left: 40px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.list ol:nth-child(1) {
	padding-left: 0;
}
.list li {
	position: relative;
}
.list li a,
.list li span {
	display: block;
	padding: 5px 20px 5px 40px;
	height: 33px;
	line-height: 23px;
	text-decoration: none;
	color: #646464;
	transition: all 0.3s ease;
}
.list li a:before,
.list li span:before {
	content: counter(item) "";
	counter-increment: item;
	display: block;
	height: 23px;
	line-height: 23px;
	width: 24px;
	text-align: center;
	background: #f09192;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	position: absolute;
	top: 7px;
	left: 0;
	font-family: "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
}
.list li.on a,
.list li.on span {
	color: #f09192;
}



/*****************************************************************************
map01 list
 *****************************************************************************/

.mapSection#map01 .list ol:nth-child(1) {
	counter-reset: item 0;
}
.mapSection#map01 .list ol:nth-child(2) {
	counter-reset: item 5;
}
.mapSection#map01 .list ol:nth-child(3) {
	counter-reset: item 10;
}
.mapSection#map01 .list ol:nth-child(4) {
	counter-reset: item 15;
}
.mapSection#map01 .list ol:nth-child(5) {
	counter-reset: item 20;
}


/*****************************************************************************
map02
 *****************************************************************************/
.mapSection#map02 {
	padding:0 0 80px;
}
.mapSection#map02 .map {
	position: relative;
	width: 100%;
	background: url(../images/map/component/map02.jpg) 50% 0 no-repeat;
	background-size: auto 100%;
	height: 791px;
}
.mapSection#map02 .map > .inner {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -575px;
	width: 1150px;
	height: 791px;
}

#map02Area01 {
	left: 281px;
	top: 281px;
}
#map02Area02 {
	left: 233px;
	top: 273px;
}
#map02Area03 {
	left: 257px;
	top: 362px;
}
#map02Area04 {
	left: 428px;
	top: 351px;
}
#map02Area05 {
	left: 364px;
	top: 356px;
}
#map02Area06 {
	left: 416px;
	top: 391px;
}
#map02Area07 {
	left: 471px;
	top: 599px;
}
#map02Area08 {
	left: 343px;
	top: 639px;
}
#map02Area09 {
	left: 692px;
	top: 552px;
}
#map02Area10 {
	left: 871px;
	top: 523px;
}
#map02Area11 {
	left: 911px;
	top: 365px;
}
#map02Area12 {
	left: 1020px;
	top: 131px;
}
#map02Area13 {
	left: 627px;
	top: 33px;
}
#map02Area14 {
	left: 572px;
	top: 73px;
}
#map02Area15 {
	left: 490px;
	top: 153px;
}


/*****************************************************************************
map02 list
 *****************************************************************************/

.mapSection#map02 .list ol:nth-child(1) {
	counter-reset: item 0;
}
.mapSection#map02 .list ol:nth-child(2) {
	counter-reset: item 3;
}
.mapSection#map02 .list ol:nth-child(3) {
	counter-reset: item 6;
}
.mapSection#map02 .list ol:nth-child(4) {
	counter-reset: item 9;
}
.mapSection#map02 .list ol:nth-child(5) {
	counter-reset: item 12;
}


/*****************************************************************************
mapSecSection
 *****************************************************************************/
#mapSecSection {
	position:relative;
	z-index:2;
	background-color: #ffffff;
	padding:0 0 90px;
}
#mapSecSection img {
	width:100%;
	height:auto;
}