

/*----kv-----*/


.tlm_kanto_mainlogowrap{
	position: relative;
	width: 1160px;
	margin: 0 auto;
	z-index: 5;
}

.tlm_kanto_mainlogo{
	width: 100%;
	position: absolute;
	top: 240px;
	left: 0;
	z-index: 5;
}

.tlm_kanto_mainlogo img{
	width: 242px;
}

.tlm_carousel_01 .owl-theme .owl-nav{
	display: none!important;
}

.tlm_carousel_01 .owl-theme .owl-dots{
	position: absolute;
	width: 1160px;
	left: 50%!important;
	transform: translateX(-50%);
	bottom: 25px;
	text-align: right;
	z-index: 5;
}



@media (max-width: 767px) {

	.tlm_kanto_mainlogowrap{
		width: 93%;
		margin: 0 auto;
		z-index: 5;
	}

	.tlm_kanto_mainlogo{
		width: 100%;
		top: 53vw;
		left: 0;
	}

	.tlm_kanto_mainlogo img{
		width: 28.5vw;
	}

	.tlm_carousel_01 .owl-theme .owl-dots{
		width: 90%;
		bottom: 4.66vw;

	}

}

/*----bnr-area-----*/

.tlm_bnr-area{
	width: 100%;
	padding-top: 55px;
	text-align: center;
}

.tlm_bnr-area a{
	transition-duration: 0.3s;
	cursor: pointer;
}

.tlm_bnr-area a:hover{
	opacity: 0.8;
}

@media (max-width: 767px) {
	.tlm_bnr-area{
	padding-top: 10vw;
}
	.tlm_bnr-area img{
		width: 85%;
	}
}

/*----main_area-----*/

.tlm_mainarea_wrap{
	width: 100%;
	background: linear-gradient(90deg, #fff 0%, #fff 50%, #ddedec 50%, #ddedec 100%);
	font-size: 18px;
	line-height: 1.8;
	font-weight: bold;
	overflow: visible;
	position: relative;
	padding-bottom: 200px;
}

.tlm_mainarea_inner{
	width: 1160px;
	margin: 0 auto;
	position: relative;
}

.tlm_mainarea_wrap .introarea{
	text-align: center;
	margin-bottom: 200px;
	padding-top: 80px;
}

.tlm_mainarea_wrap .introarea .fadeout{
	display: none;
	/* animation: fadein-keyframes 1s ease 0s 1 forwards; */
}

@keyframes fadein-keyframes {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

.tlm_mainarea_wrap .introarea .title{
	color: #2a9794;
	font-size: 48px;
	margin-bottom: 40px;
	line-height: 1.5;
}

.tlm_mainarea_wrap .introarea p{
	margin-bottom: 70px;
}

.tlm_mainarea_wrap .introarea .movarea{
	width: 630px;
	margin: 0 auto;
	position: relative;
}

.tlm_mainarea_wrap .introarea .posterarea{
	width: 100%;
	cursor: pointer;
	z-index: 10;
	position: absolute;
	top: 0;
	left:0;
}

.tlm_mainarea_wrap .introarea .iframe-wrap{
	width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.tlm_mainarea_wrap .introarea iframe{
	position: absolute;
    display: block;
    top: 0;
    left: 0;



	width: 631px!important;
	height: 354.9px!important;
	    width: 624.5px!important;
	height: 350px!important;
	     width: 101.5%!important;
	height: 102.5%!important;
	width: 630px!important;
	height: 354.38px!important;

}

.h5_player{
	background-color: #fff!important;
}

/*
.tlm_mainarea_wrap .introarea iframe{
	width: 621px!important;
	height: 349px!important;
	border-style: none!important;
}


.tlm_mainarea_wrap .introarea script{
	width: 100%!important;
	border-style: none!important;
}
*/

.tlm_mainarea_wrap .introarea video{
	width: 100%;
	z-index: 1;
	position: absolute;
	top: 0;
	left:0;
}

.tlm_mainarea_wrap h2{
	margin-bottom: 15px;
}

.tlm_mainarea_wrap .stxt{
	font-size: 29px;
	margin-bottom: 25px;
}

.tlm_mainarea_wrap .cont1 {
	margin-bottom: 130px;
}

.tlm_mainarea_wrap .cont2{
	margin-bottom: 330px;
}

.tlm_mainarea_wrap .kvarea{
	width: 1400px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

/*----cont1----*/

.tlm_mainarea_wrap .cont1 .kvarea{
	margin: 0 auto 135px;
}

.tlm_mainarea_wrap .cont1 .kv{
	width: 852px;

}

.tlm_mainarea_wrap .cont1 .kvarea .txtcont{
	width: 430px;
	padding-top: 110px;
	text-align: center;
}

.tlm_mainarea_wrap .cont1 h2 img{
	width:217px;
}

.tlm_mainarea_wrap .cont1 .pharea{
	height: 852px;
	position: relative;
}

.tlm_mainarea_wrap .cont1 .pharea .ph1{
	position: absolute;
	top: 0;
	left: 0;
}

.tlm_mainarea_wrap .cont1 .pharea .ph2{
	 position: absolute;
	 top: 153px;
	 right: 0;
}

/*----cont1_2----*/

.tlm_mainarea_wrap .cont1_2{
	width: 1400px;
	margin: 0 auto 200px;
	margin-left: -121px;
	position: relative;
}

.tlm_mainarea_wrap .cont1_2 .pharea{
	height: 954px;
	position: relative;
}

.tlm_mainarea_wrap .cont1_2 .pharea .ph1{
	 position: absolute;
	 top: 0px;
	 right: 0;
}

.tlm_mainarea_wrap .cont1_2 .pharea .ph2{
	 position: absolute;
	 top: 368px;
	 left: 176px;
}

.tlm_mainarea_wrap .cont1_2 .pharea .ph3{
	 position: absolute;
	 top: 693px;
	 right: 256px;
}

.tlm_mainarea_wrap .cont1_2 .pharea .txt1{
	 position: absolute;
	 top: 150px;
	 left: 255px;
	 font-size:29px ;
}

/*----cont2----*/

.tlm_mainarea_wrap .cont2 .kvarea{
	flex-direction:row-reverse;
	margin: 0 auto 20px;
	margin-left: -119px;
}

.tlm_mainarea_wrap .cont2 .kv{
	width: 700px;
}

.tlm_mainarea_wrap .cont2 .kvarea .txtcont{
	width: 700px;
	padding-top: 110px;
	text-align: center;
}

.tlm_mainarea_wrap .cont2 h2 img{
	width:448px;
}

.tlm_mainarea_wrap .cont2 .pharea{
	height: 958px;
	position: relative;
}

.tlm_mainarea_wrap .cont2 .pharea .ph1{
	position: absolute;
	top: 83px;
	left: 0;
	z-index: 2;
}

.tlm_mainarea_wrap .cont2 .pharea .ph2{
	 position: absolute;
	 top: 288px;
	 left: 150px;
}

.tlm_mainarea_wrap .cont2 .pharea .ph3{
	 position: absolute;
	 top: 561px;
	 left: 0;
}

.tlm_mainarea_wrap .cont2 .pharea .ph4{
	 position: absolute;
	 top: 648px;
	left: 300px;
	z-index: 2;
}

.tlm_mainarea_wrap .cont2 .pharea .ph5{
	position: absolute;
	top:0;
	right: 0;
	z-index: 2;
}

.tlm_mainarea_wrap .cont2 .pharea .ph6{
	position: absolute;
	top: 276px;
	right: 68px;
}

.tlm_mainarea_wrap .cont2 .pharea .s-str-title{
	position: absolute;
	top: 30px;
	left: 260px;
	z-index: 2;
}

.tlm_mainarea_wrap .s-str_btn{
	position: absolute;
	top: 815px;
	right: 58px;
	z-index: 5;
	font-size: 15px;
}

.tlm_mainarea_wrap .s-str_btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 25px 20px ;
	width: 350px;
	background-color: #2a9794;
	border-radius: 10px;
	font-weight:bold;
	line-height: 1.4;
	text-align: center;
	position: relative;
	color: #fff ;
	transition-duration: 0.3s;
	opacity: 1;
}

.tlm_mainarea_wrap .s-str_btn a:after{
	content: '';
	width: 30px;
	height: 30px;
	right: 15px;
	position: absolute;
	background-image: url(/tlm/kanto/img/tlm_btn-icon02.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

_:-ms-input-placeholder, :root .tlm_mainarea_wrap .s-str_btn a:after {
	top: 50%!important;
	position: relative;
	right: -60px;
}

.tlm_mainarea_wrap .s-str_btn a:hover {
	opacity: 0.8;
}

/*----cont3----*/

.tlm_mainarea_wrap .cont3 .kvarea{
	margin: 0 auto;
	margin-left: -120px;
}

.tlm_mainarea_wrap .cont3 .kv{
	width: 700px;
}

.tlm_mainarea_wrap .cont3 .kvarea .txtcont{
	width: 700px;
	padding-top: 110px;
	text-align: center;
}

.tlm_mainarea_wrap .cont3 h2 img{
	width:513px;
}

.tlm_mainarea_wrap .cont3 .pharea{
	height: 735px;
	position: relative;
}

.tlm_mainarea_wrap .cont3 .pharea .ph1{
	position: absolute;
	top: 0;
	left: 0;
}

.tlm_mainarea_wrap .cont3 .pharea .ph2{
	 position: absolute;
	 top: 105px;
	 right: 0;
}

.tlm_mainarea_wrap .cont3 .pharea .ph3{
	 position: absolute;
	 top: 406px;
	 right: 191px;
	 z-index: 2;
}

@media (max-width: 767px) {
	.tlm_mainarea_wrap{
		font-size: 4vw;
		line-height: 1.8;
		overflow: hidden;
		padding-bottom: 40vw;
	}

	.tlm_mainarea_inner{
		width: 100%;
		margin: 0 auto;
	}

	.tlm_mainarea_wrap .introarea{
		margin-bottom: 40vw;
		padding-top: 10.5vw;
		line-height: 2.2;
	}

	.tlm_mainarea_wrap .introarea .title{
		font-size: 6.5vw;
		margin-bottom: 5vw;
		line-height: 1.5;
	}

	.tlm_mainarea_wrap .introarea p{
		margin-bottom: 3.5vw;
	}

	.tlm_mainarea_wrap .introarea .fadeout{
		display: none;
		/* animation: fadein-keyframes 0s ease 0s 1 forwards; */
	}

	.tlm_mainarea_wrap .introarea .movarea{
		width: 90%;
		height: 45vw;
	}

	.tlm_mainarea_wrap .introarea iframe{
	    width: 100%!important;
		height: 113%!important;
	}

	.tlm_mainarea_wrap .introarea .posterarea img{
		width: 100%;
	}

	.tlm_mainarea_wrap h2{
		margin-bottom: 5vw;
	}

	.tlm_mainarea_wrap .stxt{
		font-size: 6vw;
		margin-bottom: 5vw;
	}

	.tlm_mainarea_wrap .stxt2{
		margin-bottom: 10.5vw;
	}

	.tlm_mainarea_wrap .cont1 {
		margin-bottom: 21vw;
	}

	.tlm_mainarea_wrap .cont2{
		margin-bottom: 45.73vw;
	}


	.tlm_mainarea_wrap .kvarea{
		width: 100%;
		position: relative;
		display: block;
	}

	.tlm_mainarea_wrap .kv img{
		width: 100%;
	}

	/*----cont1----*/

	.tlm_mainarea_wrap .cont1 .kvarea{
		display: block;
		margin: 0 auto 10vw;
	}

	.tlm_mainarea_wrap .cont1 .kv{
		width: 100%;
		margin-bottom: 9.6vw;
	}

	.tlm_mainarea_wrap .cont1 .kvarea .txtcont{
		width: 100%;
		padding-top: 0;
		text-align: center;
	}

	.tlm_mainarea_wrap .cont1 h2 img{
		width:34vw;
	}

	.tlm_mainarea_wrap .cont1 .pharea{
		height: 118.8vw;
	}

	.tlm_mainarea_wrap .cont1 .pharea .ph1{
		position: absolute;
		top: 0;
		left: 8vw;
	}

	.tlm_mainarea_wrap .cont1 .pharea .ph1 img{
		width: 53.73vw;
	}

	.tlm_mainarea_wrap .cont1 .pharea .ph2{
		 position: absolute;
		 top: 73.33vw;
		 right: 10.26vw;
	}

	.tlm_mainarea_wrap .cont1 .pharea .ph2 img{
		width: 46.4vw;
	}

	/*----cont1_2----*/

	.tlm_mainarea_wrap .cont1_2{
		width: 100%;
		margin: 0 auto 38.66vw ;
		margin-left: 0;
	}

	.tlm_mainarea_wrap .cont1_2 .pharea{
		height: 168vw;
		position: relative;
	}

	.tlm_mainarea_wrap .cont1_2 .pharea .ph1{
		 top: 18vw;
	}

	.tlm_mainarea_wrap .cont1_2 .pharea .ph1 img{
		width:84.66vw ;
	}

	.tlm_mainarea_wrap .cont1_2 .pharea .ph2{
		 top: 99.73vw;
		 left: 0;
	}

	.tlm_mainarea_wrap .cont1_2 .pharea .ph2 img{
		width: 56vw;
	}

	.tlm_mainarea_wrap .cont1_2 .pharea .ph3{
		 top: 135.33vw;
		 right: 0;
	}

	.tlm_mainarea_wrap .cont1_2 .pharea .ph3 img{
		width: 37.73vw;
	}

	.tlm_mainarea_wrap .cont1_2 .pharea .txt1{
		width: 100%;
		 top: 0;
		 left: auto;
		 font-size:4vw;
	}

	.tlm_mainarea_wrap .cont1_2 .pharea .txt1 p{
		text-align: center;
	}

	/*----cont2----*/

	.tlm_mainarea_wrap .cont2 .kvarea{
		display: block;
		margin: 0 auto;
	}

	.tlm_mainarea_wrap .cont2 .kv{
		width: 100%;
		margin-bottom: 0;
	}

	.tlm_mainarea_wrap .cont2 .kvarea .txtcont{
		width: 100%;
		padding-top: 0;
		text-align: center;
	}

	.tlm_mainarea_wrap .cont2 h2 img{
		width:69.86vw;
	}

	.tlm_mainarea_wrap .cont2 .pharea{
		height: 240vw;
	}

	.tlm_mainarea_wrap .cont2 .pharea .ph1{
		position: absolute;
		top: 37.06vw;
		left: 0;
	}

	.tlm_mainarea_wrap .cont2 .pharea .ph1 img{
		width: 32vw
	}

	.tlm_mainarea_wrap .cont2 .pharea .ph2{
		 position: absolute;
		 top: 74.66vw;
		 left: 23.73vw;
	}

	.tlm_mainarea_wrap .cont2 .pharea .ph2 img{
		width: 46.93vw;
	}

	.tlm_mainarea_wrap .cont2 .pharea .ph3{
		 position: absolute;
		 top: 170.6vw;
		 right: 29.46vw;
		 left: auto;
	}

	.tlm_mainarea_wrap .cont2 .pharea .ph3 img{
		width: 52.4vw;
	}

	.tlm_mainarea_wrap .cont2 .pharea .ph4{
		 position: absolute;
		 top: 144.8vw;
		right: 0;
		left: auto;
	}

	.tlm_mainarea_wrap .cont2 .pharea .ph4 img{
		width: 32vw;
	}

	.tlm_mainarea_wrap .cont2 .pharea .ph5{
		 position: absolute;
		 top: 22.26vw;
		right: 0;
	}

	.tlm_mainarea_wrap .cont2 .pharea .ph5 img{
		width: 63.73vw;
	}

	.tlm_mainarea_wrap .cont2 .pharea .ph6{
		 position: absolute;
		 top: 112vw;
		left: 0;
	}

	.tlm_mainarea_wrap .cont2 .pharea .ph6 img{
		width: 60.93vw;
	}

	.tlm_mainarea_wrap .cont2 .pharea .s-str-title{
		position: absolute;
		top: -3vw;
		left: 14.4vw;
		z-index: 6;
	}

	.tlm_mainarea_wrap .cont2 .pharea .s-str-title img{
		width: 50.13vw;
	}

	.tlm_mainarea_wrap .s-str_btn{
		position: absolute;
		top: 219.33vw;
		right: 15.46vw;
		z-index: 5;
		font-size: 4vw;
	}

	.tlm_mainarea_wrap .s-str_btn a{
		padding: 5vw ;
		width: 68.8vw;
	}

	.tlm_mainarea_wrap .s-str_btn a:after{
		width: 6vw;
		height: 6vw;
		right: 5vw;
	}

	.tlm_mainarea_wrap .s-str_btn a:hover {
		opacity: 1;
	}

	/*----cont3----*/

	.tlm_mainarea_wrap .cont3 .kvarea{
		display: block;
		margin: 0 auto 17.2vw;
	}

	.tlm_mainarea_wrap .cont3 .kv{
		width: 100%;
	}

	.tlm_mainarea_wrap .cont3 .kvarea .txtcont{
		width: 100%;
		padding-top: 0 ;
		text-align: center;
	}

	.tlm_mainarea_wrap .cont3 h2 img{
		width:80vw;
	}

	.tlm_mainarea_wrap .cont3 .pharea{
		height: 162vw;
	}

	.tlm_mainarea_wrap .cont3 .pharea .ph1{
		position: absolute;
		top: 0;
		left: 21.33vw;
	}

	.tlm_mainarea_wrap .cont3 .pharea .ph1 img{
		width: 63.86vw;
	}

	.tlm_mainarea_wrap .cont3 .pharea .ph2{
		 position: absolute;
		 top: 77.33vw;
		 left: 0;
		 right: auto;
		 z-index: 2;
	}

	.tlm_mainarea_wrap .cont3 .pharea .ph2 img{
		width: 70.4vw;
	}

	.tlm_mainarea_wrap .cont3 .pharea .ph3{
		position: absolute;
		 top: 120.53vw;
		 right: 0;

	}

	.tlm_mainarea_wrap .cont3 .pharea .ph3 img{
		width: 43.73vw;
	}
}

/*----access-----*/

.tlm_accessarea{
	width: 1160px;
	margin: 0 auto ;
	padding:130px 0 110px;
	text-align: center;
	font-size: 18px;
}

.tlm_accessarea h2{
	margin-bottom: 40px;
}

.tlm_accessarea h2 img{
	width: 250px;
}

.tlm_accessarea .map{
	margin-bottom: 30px;
	position: relative;
}

.tlm_accessarea .map img{
	width: 1160px;
}

.tlm_accessarea .maplink{
	color: #2a9794;
	position: relative;
	z-index: 2;
	right: -490px;
	top: -100px;
}

.tlm_accessarea .maplink a{
	font-weight: bold;
	text-decoration: underline;
	color: #2a9794;
}

.tlm_accessarea .maptxt{
	margin-bottom: 75px;

}

.tlm_accessarea .accessinfowrap{
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
}

.tlm_accessarea .accessinfowrap dt{
	display: inline-block;
	color: #2a9794;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1;
}

@media (max-width: 767px) {
	.tlm_accessarea{
		width: 90%;
		padding:13vw 0 14vw;
		font-size: 4vw;
	}

	.tlm_accessarea h2{
		margin-bottom: 10vw;
	}

	.tlm_accessarea h2 img{
		width: 36vw;
	}

	.tlm_accessarea .map{
		margin-bottom: 1.5vw;
	}

	.tlm_accessarea .map img{
		width: 100%;
	}

	.tlm_accessarea .maplink{
		margin-bottom: 10vw;
		z-index: 2;
		right: auto;
		top: auto;
	}

	.tlm_accessarea .maptxt{
		margin-bottom: 11vw;
	}

	.tlm_accessarea .accessinfowrap{
		width: 100%;
		display: inline-block;
	}

	.tlm_accessarea .accessinfowrap dt{
		margin-bottom: 1.5vw;
	}

	.tlm_accessarea .accessinfowrap dl:first-child{
		margin-bottom: 10.5vw;
	}
}



