@charset "utf-8";

.videoModal{
	width:100%;
	height:100vh;
	height:100dvh;
	position:fixed;
	top:0;
	left:0;
	z-index:9000;
	background-color:rgba(0,0,0, .85);
	background-image:url(../images/overlay_bg/overlay_bg_5x5_01_alp80.png);

	transition:all 0.2s ease-out;
	opacity:0;
	visibility:hidden;
}
.videoModal.act{
	opacity:1;
	visibility:visible;
}

/* -----------------------------------------
	Slick
----------------------------------------- */
.slideBox *{
	border:none;
	outline:none;
	background:transparent;
}

/* Arrows */
.slideBox .slick-arrow{
	font-size:0;
	line-height:0;
	position:absolute;
	top:50%;
	display:block;
	width:8%;
	max-width:50px;
	min-width:20px;
	padding:0;
	-webkit-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	transform:translate(0, -50%);
	z-index:20;
	/*background-color:#fcc;*/
}
.slideBox .slick-arrow:before{
	content:"";
	display:block;
	padding-top:180%;
	/*background:rgba(255,0,0,0.5);*/
	top:0;
}
.slideBox .slick-arrow.prev{
	left:3%;
	background:url(../images/arrow-prev.png) no-repeat;
	background-size:contain;
}
.slideBox .slick-arrow.next{
	right:3%;
	background:url(../images/arrow-next.png) no-repeat;
	background-size:contain;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For SmartPhone
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width:767px){

	/* //////////////////////////////////////////////////////////////////////////////////// */
	.mainVisWrap{
		position:relative;
		width:100%;
		height:auto;
		background-image: url(../images/mainVis_bg_sp-min.png);
		background-size:100% auto;
		background-repeat:no-repeat;
		background-color:#9dcaec;
		overflow:hidden;
	}
	.mainVisWrap::before{
		content:"";
    display:block;
    padding-top:135%
	}

	.mainVisWrap .btmBg{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		/*background:rgba(255,0,0,.3);*/
		background-image:url(../images/waveBg01-min.png);
		background-position:50% 100%;
		background-size:100% auto;
		background-repeat: repeat-x;
	}

	.mainVisWrap .btmBg .mainVis .islandBox{
		position:absolute;
		top:17%;
		left:50%;
		transform:translateX(-50%);
		width:100%;
		z-index:1;
	}

	.mainVisWrap .btmBg .mainVis .wrapBox{
		width:75%;
		position:absolute;
		top:9%;
		left:50%;
		transform:translateX(-50%);
		z-index:2;
	}
	.mainVisWrap .btmBg .mainVis .wrapBox .wrapInner{
		width:100%;
		height:100%;
		position:relative;
		/*background:rgba(255, 0, 0, .5);*/
	}
	.mainVisWrap .btmBg .mainVis .wrapBox .wrapInner::before{
		content:"";
		display:block;
		padding-top:150%;
	}

	.mainVisWrap .btmBg .mainVis .wrapBox .wrapInner .logoBox{
		width:100%;
		position:absolute;
		top:0;
	}
	.mainVisWrap .btmBg .mainVis .wrapBox .wrapInner .txtImg01{
		width:100%;
		position:absolute;
		top:65%;
	}
	.mainVisWrap .btmBg .mainVis .wrapBox .wrapInner .txtImg02{
		width:100%;
		position:absolute;
		bottom:0;
	}
	.mainVisWrap .btmBg .mainVis .wrapBox .wrapInner .txtImg04{
		width:23%;
		position:absolute;
		top:51%;
		right:-15%;
	}

	.mainVisWrap .btmBg .mainVis .txtImg03{
		width:27%;
		position:absolute;
		top:42%;
		left:1%;
		z-index:2;
	}

	/* //////////////////////////////////////////////////////////////////////////////////// */
	section > .block{
		background-color:#fffef4;

		background-image:url(../images/contentBg02-min.png);
		background-position:top center;
		background-size:350% auto;
		background-repeat:repeat-y;
	}
	/* ======================================================================= */
	.block > .wrapper{
		padding-bottom:13%;
	}
	section > .block > .wrapper{
		width:100%;
		height:100%;
		background-image:url(../images/waveBg01-min.png);
		background-position:bottom center;
		background-size:120% auto;
		background-repeat:repeat-x;
	}
	section > .block:last-child > .wrapper{
		width:100%;
		height:100%;
		background-image:url(../images/waveBg03-min.png);
		background-position:bottom center;
		background-size:150% auto;
		background-repeat:repeat-x;
	}

	/* ======================================================================= */
	.block .wrapper > .inner{
		width:92%;
		margin:0 auto 0;
	}
	
	/* ======================================================================= */
	.block .wrapper > .inner .ttlBox{
		padding:10px 0;
		border-radius:17px;
	}
	.block .wrapper > .inner .ttlBox h3{
		color:#ffffff;
		font-size:1.2rem;
		text-align:center;
	}

	/* //////////////////////////////////////////////////////////////////////////////////// */
	.block .wrapper .appBtnBox{
		width:90%;
		min-width:320px;
		margin:0 auto 0;
	}
	.block .wrapper .appBtnBox.tm{
		margin-top:10%;
	}
	.block .wrapper .appBtnBox a{
		display:block;
		width:100%;
		padding:20px 0;
		font-size:1.25rem;
		font-weight:700;
		text-align:center;
		color:#ffffff;
		border-radius:45px;
		box-shadow: 0px 2px 5px rgba(0,0,0,.5);
		position:relative;
	}
	.block .wrapper .appBtnBox a:nth-child(1){
		background:rgb(44,103,66);
		background:linear-gradient(0deg, rgba(44,103,66,1) 0%, rgba(29,146,73,1) 100%);
	}
	.block .wrapper .appBtnBox a:nth-child(2){
		margin-top:5%;
		background: rgb(24,91,154);
		background: linear-gradient(0deg, rgba(24,91,154,1) 0%, rgba(48,119,186,1) 100%);
	}
	.block .wrapper .appBtnBox a::before{
		display:flex;
		content:"\f0da";
		font-family: "FontAwesome";
		font-size:1.3rem;
		position:absolute;
		right:1em;
		top:50%;
		transform: translateY(-40%);
	}

	/* //////////////////////////////////////////////////////////////////////////////////// */
	.block.first .wrapper{
		padding-top:3%;
		padding-bottom:5%;
	}
	.block.first .wrapper > .inner .leadTxt{
		margin:6% 0 0 0;
	}
	.block.first .wrapper > .inner .leadTxt h2{
		line-height:1.6;
		text-align:center;
		font-size:5.2vw;
		font-weight:800;
		color:#484419;
	}

	/* //////////////////////////////////////////////////////////////////////////////////// */
	.block.first .wrapper > .inner .archiveDistBox{
		margin-top:5%;
		padding:5%;
		border-radius:25px;
		background-color: #ffffff;
		box-shadow: 0px 0px 15px rgba(164, 69, 69, 0.4);
	}

	/* ======================================================================= */
	.block.first .wrapper > .inner .archiveDistBox .ttlBox{
		background-color: #a44545;
		box-shadow: 3px 4px 3px rgba(0, 0, 0, .2);
		background-image: url(../images/ttlBg01_1-min.png), url(../images/ttlBg01_2-min.png);
		background-size: 140px auto, 108px auto;
		background-repeat: no-repeat, no-repeat;
		background-position:-10px 15px, 100% 12px;
	}

	/* ======================================================================= */
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap{
		width:94%;
		margin:5% auto 0;
	}

	/* ------------------------------------------------------------- */
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item{
		margin-top:10%;
	}
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item:nth-child(1){
		margin-top:0;
	}

	/* ------------------------------------------------------------- */
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item h4{
		text-align:center;
		font-size:1.1rem;
		color:#a44545;
	}

	/* ------------------------------------------------------------- */
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink{
		position:relative;
		margin-top:2%;
		height:auto;
		/*background-color:rgba(255, 0, 0, .5);*/
	}
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink::before{
		content:"";
		display:block;
		padding-top:55.70%;
	}


	/* ------------------------------------------------------------- */
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink .iconBox{
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		background-color:rgba(0, 0, 0, .65);

		cursor:pointer;
		transition: all 0.4s ease;
	}
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink .iconBox:active{
		background-color:rgba(0, 0, 0, .3);
	}

	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink .iconBox *{
		color:#ffffff;
		transition: all 0.4s ease;
	}
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink .iconBox:active *{
		color:#ff002e;
		color:#0075b9;
		text-shadow:0px 0px 7px rgba(0, 0, 0, 1);
	}

	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink .iconBox > div{
		font-size:3rem;
	}
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink .iconBox > div .fa{
		height:44px;
	}
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink .iconBox > p{
		font-size:1.1rem;
		font-weight:600;
	}

	/* ------------------------------------------------------------- */
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink .imgBox{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
	}

	/* ======================================================================= */
	.block.first .wrapper > .inner .performersBox{
		display:flex;
		flex-wrap:wrap;
	}

	/* ======================================================================= */
	.block.first .wrapper > .inner .performersBox > .items{
		padding:5%;
		border-radius:25px;
		background-color: #ffffff;
	}

	/* ======================================================================= */
	.block.first .wrapper > .inner .performersBox > .items .ttlBox{
		background-color: #a44545;
		box-shadow: 3px 4px 3px rgba(0, 0, 0, .2);
		background-image: url(../images/ttlBg01_1-min.png), url(../images/ttlBg01_2-min.png);
		background-size: 140px auto, 108px auto;
		background-repeat: no-repeat, no-repeat;
		background-position:-10px 15px, 100% 12px;
	}

	/* ------------------------------------------------------------- */
	.block.first .wrapper > .inner .performersBox > .items .timeSche{
		margin-top:4%;
		text-align:center;
		color:#a44545;
		font-size:1.0rem;
		font-weight:800;
	}
	.block.first .wrapper > .inner .performersBox > .items .timeSche span{
		display:inline-block;
		font-size:0.8rem;
		padding-right:0.3em;
	}


	/* ======================================================================= */
	.block.first .wrapper > .inner .performersBox > .items{
		width:100%;
		margin:5% auto 0;
	}
	.block.first .wrapper > .inner .performersBox > .items .dtlBox{
		width:94%;
		margin:4% auto 0;
	}

	.block.first .wrapper > .inner .performersBox > .items.full .dtlBox .imgBox{}
	.block.first .wrapper > .inner .performersBox > .items.full .dtlBox .txtBox{
		width:96%;
		margin:5% auto 0;
	}
	.block.first .wrapper > .inner .performersBox > .items.full .dtlBox .txtBox .wrapBox .catch{
		font-size:1.0rem;
		line-height:1.3;
	}
	.block.first .wrapper > .inner .performersBox > .items.full .dtlBox .txtBox .wrapBox .lectureTheme{
		margin-top:5%;
		font-size:1.6rem;
		font-weight:700;
		text-align:center;
	}
	.block.first .wrapper > .inner .performersBox > .items.full .dtlBox .txtBox .wrapBox .nameBox{
		margin-top:5%;
	}
	.block.first .wrapper > .inner .performersBox > .items.full .dtlBox .txtBox .wrapBox .nameBox > .title{
		width:70%;
		margin:0 auto 0;
		font-size:0.70rem;
		line-height:1.3;
		text-align:center;
	}
	.block.first .wrapper > .inner .performersBox > .items.full .dtlBox .txtBox .wrapBox .nameBox > .name{
		margin-top:2%;
		font-size:1.4rem;
		font-weight:500;
		text-align:center;
	}
	.block.first .wrapper > .inner .performersBox > .items.full .dtlBox .txtBox .wrapBox .nameBox > .name > span{
		font-size:1.0rem;
	}

	/* ======================================================================= */
	.block.first .wrapper > .inner .performersBox > .items.half .dtlBox{
		width:94%;
		margin:4% auto 0;
	}
	.block.first .wrapper > .inner .performersBox > .items.half .dtlBox .txtBox{
		margin-top:5%;
	}
	.block.first .wrapper > .inner .performersBox > .items.half .dtlBox .txtBox .title{
		font-size:1rem;
		text-align:center;
	}
	.block.first .wrapper > .inner .performersBox > .items.half .dtlBox .txtBox .name{
		margin-top:1%;
		font-size:1.4rem;
		font-weight:500;
		text-align:center;
	}
	.block.first .wrapper > .inner .performersBox > .items.half .dtlBox .txtBox .desc{
		margin-top:10px;
		line-height:1.3;
		font-size:0.75rem;
	}


	/* //////////////////////////////////////////////////////////////////////////////////// */
	.block.third .wrapper{
		padding-top:5%;
		padding-bottom:23%;
	}

	/* ======================================================================= */	
	.block.third .wrapper > .inner .ttlBox{
		background-color:#6a8294;
		box-shadow: 3px 4px 3px rgba(0, 0, 0, .2);
		background-image: url(../images/ttlBg02_1-min.png), url(../images/ttlBg02_2-min.png);
		background-size: 140px auto, 108px auto;
		background-repeat: no-repeat, no-repeat;
		background-position:-10px 15px, 100% 12px;
	}

	/* ======================================================================= */	
	/*.block.third .wrapper > .inner .outlineBox{
		width:90%;
		margin:0 auto 0;
	}*/

	/* ------------------------------------------------------------- */
	.block.third .wrapper > .inner .outlineBox .outlineTbl{
		width:92%;
		margin:8% auto 0;
	}

	/* ------------------------------------------------------------- */
	.block.third .wrapper > .inner .outlineBox .outlineTbl .items{
		margin:6% 0 0 0;
		padding:0 0 3% 0;
		border-bottom:1px solid #b4b194;
	}
	.block.third .wrapper > .inner .outlineBox .outlineTbl > div:first-child{
		margin:0 0 0 0;
	}
	.block.third .wrapper > .inner .outlineBox .outlineTbl .items .itemTtlBox,
	.block.third .wrapper > .inner .outlineBox .outlineTbl .items .itemBdyBox{
		width:95%;
		margin:0 auto 0;
	}
	.block.third .wrapper > .inner .outlineBox .outlineTbl .items .itemBdyBox{
		margin-top:2%;
	}
	.block.third .wrapper > .inner .outlineBox .outlineTbl .items .itemTtlBox p{
		font-weight:700;
		font-size:1.0rem;
	}
	.block.third .wrapper > .inner .outlineBox .outlineTbl .items .itemBdyBox p{
		line-height:1.4;
		font-size:0.8rem;
		margin-top:5%;
	}
	.block.third .wrapper > .inner .outlineBox .outlineTbl .items .itemBdyBox > p:first-child{
		margin-top:0;
	}

	/* ======================================================================= */
	.block.third .wrapper > .inner .accessBox{
		width:100%;
		margin:10% auto 0;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox{
		width:92%;
		margin:8% auto 0;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .imgBox{}
	.block.third .wrapper > .inner .accessBox .wrapBox .imgBox > p{
		margin-top:2%;
		text-align:center;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .imgBox > p a{
		color:#ff871d;
		font-weight:500;
	}

	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox{
		margin-top:5%;
		padding-top:5%;
		border-top:1px solid #b4b194;
	}

	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .venueBox p:nth-child(1){
		font-size:1.3rem;
		font-weight:500;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .venueBox p:nth-child(2){
		margin-top:2.5%;
		font-size:0.9rem;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .dtlBox .dtlTtl{
		margin-top:5%;
		padding:5px 10px;
		background-color:#a4a079;
		color:#ffffff;
		font-size:0.9rem;
		font-weight:600;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox{
		padding:0 3% 0 3%;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .typeTtl{
		margin-top:7%;
		border-top:1px solid #000000;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .typeTtl p{
		display:inline-block;
		padding-right:0.8em;
		transform:translateY(-0.7em);
		font-size:0.9rem;
		font-weight:600;
		background-color:#fffef4;
	}

	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .means p{
		width:99%;
		margin-left:1%;
		font-size:0.80rem;
		line-height:1.25;
		margin-top:1%;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .means p:first-child{
		margin-top:0;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .means p span{
		font-size:0.80rem;
	}

	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .jr p,
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .haneda p{
		padding-left:1em;
		text-indent:-1em;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .subway p{}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .subway p span{
		display:inline-block;
		width:6.5em;
	}


	/* ======================================================================= */
	.block.third .wrapper > .inner .archiveBox{
		width:100%;
		margin:10% auto 0;
	}

	.block.third .wrapper > .inner .archiveBox .btnBox{
		width:90%;
		max-width:380px;
		margin:6% auto 0;
	}
	.block.third .wrapper > .inner .archiveBox .btnBox > a{
		display:block;
		width:100%;
		padding:1px;
		margin-top:3%;
		background:rgb(182,175,86);
		background:linear-gradient(0deg, rgba(182,175,86,1) 0%, rgba(255,255,255,1) 50%);
		border-radius:50px;
		box-shadow:0px 3px 5px rgba(0, 0, 0, .2);
	}
	.block.third .wrapper > .inner .archiveBox .btnBox > a:nth-child(1){
		margin-top:0;
	}

	.block.third .wrapper > .inner .archiveBox .btnBox > a > p{
		position:relative;
		padding:4% 0 5% 0;
		background-color:#ffffff;
		text-align:center;
		font-size:1.0rem;
		font-weight:600;
		color:#b6af56;
		border-radius:50px;
	}
	.block.third .wrapper > .inner .archiveBox .btnBox > a > p::before{
		display:flex;
		justify-content:center;
		align-items:center;
		position:absolute;
		content:"\f0da";
		font-family: "FontAwesome";
		color:#ffffff;
		width:30px;
		height:30px;
		background-color:#b6af56;
		top:50%;
		transform: translateY(-50%);
		right:8px;
		border-radius:50px;
	}

	/* ======================================================================= */
	.bnrBox{
		width:100%;
	}
	.bnrBox a{
		display:block;
	}
	.bnrBox a:last-child{
		margin-top:3%;
	}

	/* ======================================================================= */
	.fixedAppBtnBox{
		width:100%;
		height:50px;
		position:fixed;
		bottom:0;
		left:0;
		z-index:29;
		transition:all 0.4s ease-in-out;
		opacity:0;
		visibility:hidden;
	}
	.fixedAppBtnBox.show{
		opacity:1;
		visibility:visible;
	}

	.fixedAppBtnBox .inner{
		display:flex;
		width:100%;
		height:100%;
		margin:0 auto 0;
	}
	.fixedAppBtnBox .inner a{
		display:flex;
		align-items:center;
		justify-content:center;
		padding:0 0;
		height:100%;
		font-size:1.0rem;
		font-weight:700;
		text-align:center;
		color:#ffffff;
		position:relative;
		letter-spacing:-1px;
	}
	.fixedAppBtnBox .inner a:nth-child(1){
		width:42%;
		background:rgb(44,103,66);
		background:linear-gradient(0deg, rgba(44,103,66,1) 0%, rgba(29,146,73,1) 100%);
	}
	.fixedAppBtnBox .inner a:nth-child(2){
		width:58%;
		background: rgb(24,91,154);
		background: linear-gradient(0deg, rgba(24,91,154,1) 0%, rgba(48,119,186,1) 100%);
	}
	.fixedAppBtnBox .inner a::before{
		display:flex;
		content:"\f0da";
		font-family: "FontAwesome";
		font-size:1.0rem;
		position:absolute;
		right:0.4em;
		top:50%;
		transform: translateY(-50%);
	}
	.fixedAppBtnBox .inner a:nth-child(2)::after{
		content:"";
		display:block;
		width:1px;
		height:100%;
		background-color:#444444;
		position:absolute;
		top:0;
		left:0;
	}

	.rtt{
		bottom:60px;
	}
	/* //////////////////////////////////////////////////////////////////////////////////// */
	.videoModal .videoModal_inner{
		width:95%;
		height:auto;
		background-color:rgba(0,0,0,1);
		box-shadow:0px 0px 20px rgba(0,0,0,.5);
		position:fixed;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		z-index:9002;
	}
	.videoModal .videoModal_inner .videoBox{
		position:relative;
		padding-top:56.25%;
	}
	.videoModal .videoModal_inner .videoBox iframe{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		right:0;
	}

	.videoModal .modalBtnBox{
		width:95%;
		height:auto;
		position:fixed;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		z-index:9001;
	}
	.videoModal .modalBtnBox .modalClsBtnBox{
		position:relative;
		padding-top:56.25%;
		display:flex;
		justify-content:flex-end;
	}
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn{
		width:40px;
		height:40px;
		position:absolute;
		top:-40px;
	}
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn::before,
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn::after{
		content:"";
		display:block;
		width:100%;
		height:3px;
		position:absolute;
		top:50%;
		transform:translateX(-50%);
		background-color:#ffffff;
	}
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn::before{
		transform:rotate(45deg);
	}
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn::after{
		transform:rotate(-45deg);
	}

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For Desktop & Tablet
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (min-width:768px){

	/* //////////////////////////////////////////////////////////////////////////////////// */
	.mainVisWrap{
		width:100%;
		height:768px;
		background-image: url(../images/mainVis_bg_pc-min.png);
		background-position:top center;
		/*background-size:100% auto;*/
		background-repeat:no-repeat;
		background-color:#9dcaec;
	}
	.mainVisWrap .btmBg{
		width:100%;
		height:100%;
		/*background:rgba(255,0,0,.3);*/
		background-image:url(../images/waveBg01-min.png);
		background-position:50% 100%;
		background-size:auto 100px;
		background-repeat: repeat-x;
	}
	.mainVisWrap .btmBg .mainVis{
		position:relative;
		max-width:1366px;
		width:100%;
		height:100%;
		margin:0 auto 0;
		/*background:rgba(255,0,0,.3);
		overflow: hidden;*/
	}

	.mainVisWrap .btmBg .mainVis .islandBox{
		position:absolute;
		top:0;
		left:50%;
		transform:translateX(-95%);
		width:65%;
	}

	.mainVisWrap .btmBg .mainVis .wrapBox{
		width:44%;
		position:absolute;
		top:48%;
		left:46%;
		transform:translate(15%, -55%);
		/*background-color:rgba(255,0,0,.3);*/
	}
	.mainVisWrap .btmBg .mainVis .wrapBox .wrapInner{
		width:100%;
		height:100%;
		position:relative;
	}
	.mainVisWrap .btmBg .mainVis .wrapBox .wrapInner::before{
		content:"";
		display:block;
		padding-top:92%;
	}
	.mainVisWrap .btmBg .mainVis .wrapBox .wrapInner .logoBox{
		width:100%;
		position:absolute;
		top:0;
		left:0;
	}
	.mainVisWrap .btmBg .mainVis .wrapBox .wrapInner .txtImg01{
		width:100%;
		position:absolute;
		top:42%;
		left:0;
	}
	.mainVisWrap .btmBg .mainVis .txtImg03{
		position:absolute;
		bottom:8%;
		left:47.5%;
		transform:translateX(-70%);
		width:14%;
	}

	/* //////////////////////////////////////////////////////////////////////////////////// */
	/*section > .block:nth-child(even){
		background-color:#c2dff4;

		background-image:url(../images/contentBg01-min.png);
		background-position:top center;
		background-size:auto auto;
		background-repeat:repeat-y;
	}
	section > .block:nth-child(odd){*/
	section > .block{
		background-color:#fffef4;

		background-image:url(../images/contentBg02-min.png);
		background-position:top center;
		background-size:auto auto;
		background-repeat:repeat-y;
	}

	/* ======================================================================= */
	.block > .wrapper{
		padding-bottom:180px;
	}
	section > .block > .wrapper{
		width:100%;
		height:100%;
		background-image:url(../images/waveBg01-min.png);
		background-position:50% 100%;
		background-size:auto 100px;
		background-repeat:repeat-x;
	}
	/*section > .block:nth-child(odd) > .wrapper{
		width:100%;
		height:100%;
		background-image:url(../images/waveBg02-min.png);
		background-position:50% 100%;
		background-size:auto 100px;
		background-repeat:repeat-x;
	}*/
	section > .block:last-child > .wrapper{
		width:100%;
		height:100%;
		background-image:url(../images/waveBg03-min.png);
		background-position:50% 100%;
		background-size:auto 100px;
		background-repeat:repeat-x;
	}

	/* ======================================================================= */
	.block .wrapper > .inner{
		max-width:1100px;
		width:95%;
		min-width:900px;
		margin:0 auto 0;
	}
	
	/* ======================================================================= */
	.block .wrapper > .inner .ttlBox{
		padding:15px 0;
		border-radius:25px;
	}
	.block .wrapper > .inner .ttlBox h3{
		color:#ffffff;
		font-size:1.8rem;
		text-align:center;
		letter-spacing:2px;
	}

	/* //////////////////////////////////////////////////////////////////////////////////// */
	.block .wrapper .appBtnBox{
		display:flex;
		width:100%;
		max-width:1000px;
		margin:0 auto 0;
	}
	.block .wrapper .appBtnBox.tm{
		margin-top:60px;
	}
	.block .wrapper .appBtnBox a{
		display:block;
		padding:30px 0;
		font-size:1.8rem;
		font-weight:700;
		text-align:center;
		color:#ffffff;
		border-radius:45px;
		box-shadow: 0px 2px 5px rgba(0,0,0,.5);
		position:relative;
	}
	.block .wrapper .appBtnBox a:nth-child(1){
		width:48%;
		margin-right:4%;
		background:rgb(44,103,66);
		background:linear-gradient(0deg, rgba(44,103,66,1) 0%, rgba(29,146,73,1) 100%);
	}
	.block .wrapper .appBtnBox a:nth-child(2){
		width:48%;
		background: rgb(24,91,154);
		background: linear-gradient(0deg, rgba(24,91,154,1) 0%, rgba(48,119,186,1) 100%);
	}
	.block .wrapper .appBtnBox a::before{
		display:flex;
		content:"\f0da";
		font-family: "FontAwesome";
		font-size:1.8rem;
		position:absolute;
		right:1em;
		top:50%;
		transform: translateY(-50%);
	}


	/* //////////////////////////////////////////////////////////////////////////////////// */
	.block.first .wrapper{
		padding-bottom:30px !important;
	}
	.block.first .wrapper > .inner .leadTxt{
		margin:50px 0 0 0;
	}
	.block.first .wrapper > .inner .leadTxt h2{
		line-height:1.6;
		text-align:center;
		font-size:3.5rem;
		font-weight:800;
		color:#484419;
		letter-spacing:-2px;
	}

	/* //////////////////////////////////////////////////////////////////////////////////// */
	.block.first .wrapper > .inner .archiveDistBox{
		margin-top:40px;
		padding:20px 20px 40px 20px;
		border-radius:30px;
		background-color: #ffffff;
		box-shadow: 0px 0px 15px rgba(164, 69, 69, 0.4);
	}

	/* ======================================================================= */
	.block.first .wrapper > .inner .archiveDistBox .ttlBox{
		background-color: #a44545;
		box-shadow: 4px 5px 3px rgba(0, 0, 0, .2);
		background-image: url(../images/ttlBg01_1-min.png), url(../images/ttlBg01_2-min.png);
		background-size: 210px auto, 160px auto;
		background-repeat: no-repeat, no-repeat;
		background-position:-2% 20px, 100% 18px;
	}

	/* ======================================================================= */
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap{
		display:flex;
		flex-wrap:wrap;
		width:94%;
		margin:40px auto 0;
	}
	
	/* ------------------------------------------------------------- */
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item:nth-child(1),
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item:nth-child(2){
		width:49%;
	}
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item:nth-child(1){
		margin-right:2%;
	}
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item:nth-child(3),
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item:nth-child(4),
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item:nth-child(5){
		width:32%;
		margin-top:3%;
	}
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item:nth-child(3),
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item:nth-child(4){
		margin-right:2%;
	}

	/* ------------------------------------------------------------- */
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item h4{
		text-align:center;
		font-size:1.3rem;
		color:#a44545;
	}

	/* ------------------------------------------------------------- */
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink{
		position:relative;
		margin-top:10px;
		height:auto;
		/*background-color:rgba(255, 0, 0, .5);*/
	}
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink::before{
		content:"";
		display:block;
	}
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item:nth-child(1) .movLink::before,
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item:nth-child(2) .movLink::before{
		padding-top:55.7%;
	}
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item:nth-child(3) .movLink::before,
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item:nth-child(4) .movLink::before,
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item:nth-child(5) .movLink::before{
		padding-top:55.76%;
	}

	/* ------------------------------------------------------------- */
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink .iconBox{
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		background-color:rgba(0, 0, 0, .65);

		cursor:pointer;
		transition: all 0.4s ease;
	}
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink .iconBox:hover{
		background-color:rgba(0, 0, 0, .3);
	}

	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink .iconBox *{
		color:#ffffff;
		transition: all 0.4s ease;
	}
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink .iconBox:hover *{
		color:#ff002e;
		/*color:#0075b9;*/
		text-shadow:0px 0px 7px rgba(0, 0, 0, 1);
	}

	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink .iconBox > div{
		font-size:3rem;
	}
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink .iconBox > div .fa{
		height:44px;
	}
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink .iconBox > p{
		font-size:1.1rem;
		font-weight:600;
	}

	/* ------------------------------------------------------------- */
	.block.first .wrapper > .inner .archiveDistBox .itemsWrap > .item .movLink .imgBox{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
	}


	/* //////////////////////////////////////////////////////////////////////////////////// */
	.block.first .wrapper > .inner .performersBox{
		display:flex;
		flex-wrap:wrap;
		margin-top:40px;
	}

	/* ======================================================================= */
	.block.first .wrapper > .inner .performersBox > .items{
		padding: 20px;
		border-radius: 30px;
		background-color: #ffffff;
	}

	/* ======================================================================= */
	.block.first .wrapper > .inner .performersBox > .items .ttlBox{
		background-color: #a44545;
		box-shadow: 4px 5px 3px rgba(0, 0, 0, .2);
		background-image: url(../images/ttlBg01_1-min.png), url(../images/ttlBg01_2-min.png);
		background-size: 210px auto, 160px auto;
		background-repeat: no-repeat, no-repeat;
		background-position:-2% 20px, 100% 18px;
	}

	/* ------------------------------------------------------------- */
	.block.first .wrapper > .inner .performersBox > .items .timeSche{
		margin-top:15px;
		text-align:center;
		color:#a44545;
		font-size:1.1rem;
		font-weight:800;
	}
	.block.first .wrapper > .inner .performersBox > .items .timeSche span{
		display:inline-block;
		font-size:0.9rem;
		padding-right:0.3em;
	}


	/* ======================================================================= */
	.block.first .wrapper > .inner .performersBox > .items.full{
		width:100%;
	}
	.block.first .wrapper > .inner .performersBox > .items.full .dtlBox{
		display:flex;
		width:94%;
		margin:20px auto 0;
	}

	.block.first .wrapper > .inner .performersBox > .items.full .dtlBox .imgBox{
		width:40%;
		margin-right:2%;
	}
	.block.first .wrapper > .inner .performersBox > .items.full .dtlBox .txtBox{
		display:flex;
		flex-direction:column;
		justify-content:end;
		width:58%;
		padding-bottom:20px;
	}
	.block.first .wrapper > .inner .performersBox > .items.full .dtlBox .txtBox .wrapBox .catch{
		font-size:1.5rem;
		line-height:1.3;
	}
	.block.first .wrapper > .inner .performersBox > .items.full .dtlBox .txtBox .wrapBox .lectureTheme{
		margin-top:25px;
		font-size:2rem;
		font-weight:700;
	}
	.block.first .wrapper > .inner .performersBox > .items.full .dtlBox .txtBox .wrapBox .nameBox{
		margin-top:25px;
	}
	.block.first .wrapper > .inner .performersBox > .items.full .dtlBox .txtBox .wrapBox .nameBox > .title{
		font-size:0.9rem;
	}
	.block.first .wrapper > .inner .performersBox > .items.full .dtlBox .txtBox .wrapBox .nameBox > .name{
		margin-top:10px;
		font-size:1.8rem;
		font-weight:500;
	}
	.block.first .wrapper > .inner .performersBox > .items.full .dtlBox .txtBox .wrapBox .nameBox > .name > span{
		font-size:1.4rem;
	}

	/* ======================================================================= */
	.block.first .wrapper > .inner .performersBox > .items.half{
		width:48.5%;
		margin-top:3%;
	}
	.block.first .wrapper > .inner .performersBox > .items.half.mr{
		margin-right:3%;
	}
	.block.first .wrapper > .inner .performersBox > .items.half .dtlBox{
		width:94%;
		margin:20px auto 0;
	}
	.block.first .wrapper > .inner .performersBox > .items.half .dtlBox .txtBox{
		margin-top:15px;
	}
	.block.first .wrapper > .inner .performersBox > .items.half .dtlBox .txtBox .title{
		font-size:1.1rem;
		text-align:center;
	}
	.block.first .wrapper > .inner .performersBox > .items.half .dtlBox .txtBox .name{
		margin-top:5px;
		font-size:1.7rem;
		font-weight:500;
		text-align:center;
	}
	.block.first .wrapper > .inner .performersBox > .items.half .dtlBox .txtBox .desc{
		margin-top:10px;
		line-height:1.3;
		font-size:0.9rem;
	}


	/* //////////////////////////////////////////////////////////////////////////////////// */
	.block.third .wrapper{
		padding-top:50px;
	}

	/* ======================================================================= */	
	.block.third .wrapper > .inner .ttlBox{
		background-color:#6a8294;
		box-shadow: 4px 5px 3px rgba(0, 0, 0, .2);

		background-image: url(../images/ttlBg02_1-min.png), url(../images/ttlBg02_2-min.png);
		background-size: 210px auto, 160px auto;
		background-repeat: no-repeat, no-repeat;
		background-position:-2% 20px, 100% 18px;
	}

	/* ======================================================================= */	
	.block.third .wrapper > .inner .outlineBox{
		width:90%;
		margin:0 auto 0;
	}

	/* ------------------------------------------------------------- */
	.block.third .wrapper > .inner .outlineBox .outlineTbl{
		width:90%;
		margin:40px auto 0;
	}
	/* ------------------------------------------------------------- */
	.block.third .wrapper > .inner .outlineBox .outlineTbl .items{
		display:flex;
		flex-wrap:wrap;
		margin:30px 0 0 0;
		padding:0 0 10px 0;
		border-bottom:1px solid #b4b194;
	}
	.block.third .wrapper > .inner .outlineBox .outlineTbl > div:first-child{
		margin:0 0 0 0;
	}
	.block.third .wrapper > .inner .outlineBox .outlineTbl .items .itemTtlBox{
		width:120px;
		padding-left:1em;
	}
	.block.third .wrapper > .inner .outlineBox .outlineTbl .items > div p{
		line-height:1.5;
		font-size:0.9rem;
		margin-top:20px;
	}
	.block.third .wrapper > .inner .outlineBox .outlineTbl .items > div p:first-child{
		margin-top:0px;
	}
	.block.third .wrapper > .inner .outlineBox .outlineTbl .items .itemTtlBox p{
		letter-spacing:2em;
	}
	.block.third .wrapper > .inner .outlineBox .outlineTbl .items .itemBdyBox{
		width:calc(100% - 120px);
		padding-right:1em;
	}
	.block.third .wrapper > .inner .outlineBox .outlineTbl .items .itemBdyBox p{}


	/* ======================================================================= */
	.block.third .wrapper > .inner .accessBox{
		width:90%;
		margin:80px auto 0;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox{
		display:flex;
		width:90%;
		margin:40px auto 0;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .imgBox{
		width:48%;
		margin-right:4%;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .imgBox > p{
		margin-top:5px;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .imgBox > p a{
		color:#ff871d;
	}

	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox{
		width:48%;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .venueBox{}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .venueBox p:nth-child(1){
		font-size:1.5rem;
		font-weight:500;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .venueBox p:nth-child(2){
		margin-top:7px;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .dtlBox{
		
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .dtlBox .dtlTtl{
		margin-top:30px;
		padding:5px 10px;
		background-color:#a4a079;
		color:#ffffff;
		font-size:0.9rem;
		font-weight:600;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox{
		padding:0 2% 0 3%;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .typeTtl{
		margin-top:20px;
		border-top:1px solid #000000;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .typeTtl p{
		display:inline-block;
		padding-right:0.8em;
		transform:translateY(-0.7em);
		font-size:0.9rem;
		font-weight:600;
		background-color:#fffef4;
	}

	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .means p{
		width:99%;
		margin-left:1%;
		font-size:0.85rem;
		line-height:1.3;
		margin-top:4px;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .means p:first-child{
		margin-top:0;
	}
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .means p span{
		font-size:0.85rem;
	}

	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .jr p,
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .haneda p{
		padding-left:1em;
		text-indent:-1em;
	}
	/*.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .subway p{
		padding-left:6em;
		text-indent:-6em;
	}*/
	.block.third .wrapper > .inner .accessBox .wrapBox .txtBox .typeBox .subway p span{
		display:inline-block;
		width:6em;
	}


	/* ======================================================================= */
	.block.third .wrapper > .inner .archiveBox{
		width:90%;
		margin:80px auto 0;
	}

	.block.third .wrapper > .inner .archiveBox .btnBox{
		display:flex;
		flex-wrap: wrap;
		width:90%;
		min-width:800px;
		margin:40px auto 0;
	}
	.block.third .wrapper > .inner .archiveBox .btnBox > a{
		display:block;
		width:48%;
		padding:1px;
		margin-top:2%;
		background:rgb(182,175,86);
		background:linear-gradient(0deg, rgba(182,175,86,1) 0%, rgba(255,255,255,1) 50%);
		border-radius:50px;
		box-shadow:0px 3px 5px rgba(0, 0, 0, .2);
	}
	.block.third .wrapper > .inner .archiveBox .btnBox > a:nth-child(1),
	.block.third .wrapper > .inner .archiveBox .btnBox > a:nth-child(2){
		margin-top:0;
	}
	.block.third .wrapper > .inner .archiveBox .btnBox > a:nth-child(odd){
		margin-right:4%;
	}
	.block.third .wrapper > .inner .archiveBox .btnBox > a > p{
		position:relative;
		padding:20px;
		background-color:#ffffff;
		text-align:center;
		font-size:1.4rem;
		font-weight:700;
		color:#b6af56;
		border-radius:50px;
	}
	.block.third .wrapper > .inner .archiveBox .btnBox > a > p::before{
		display:flex;
		justify-content:center;
		align-items:center;
		position:absolute;
		content:"\f0da";
		font-family: "FontAwesome";
		color:#ffffff;
		width:40px;
		height:40px;
		background-color:#b6af56;
		top:50%;
		transform: translateY(-50%);
		right:10px;
		border-radius:50px;
	}

	/* ======================================================================= */
	.bnrBox{
		display:flex;
		width:100%;
	}
	.bnrBox a{
		display:block;
		width:48%;
	}
	.bnrBox a:first-child{
		margin-right:4%;
	}

	/* ======================================================================= */
	.fixedAppBtnBox{
		width:100%;
		height:100px;
		padding:15px 0;
		position:fixed;
		bottom:0;
		left:0;
		z-index:29;
		/*background-color:rgba(255, 254, 244, .8);*/
		background-color:rgba(255, 255, 255, .8);
		transition:all 0.4s ease-in-out;
		opacity:0;
		visibility:hidden;
	}
	.fixedAppBtnBox.show{
		opacity:1;
		visibility:visible;
	}

	.fixedAppBtnBox .inner{
		display:flex;
		width:1000px;
		height:100%;
		margin:0 auto 0;
	}
	.fixedAppBtnBox .inner a{
		display:flex;
		align-items:center;
		justify-content:center;
		padding:0 0;
		width:48%;
		height:100%;
		font-size:1.8rem;
		font-weight:700;
		text-align:center;
		color:#ffffff;
		border-radius:45px;
		box-shadow: 0px 2px 5px rgba(0,0,0,.5);
		position:relative;
	}
	.fixedAppBtnBox .inner a:nth-child(1){
		margin-right:4%;
		background:rgb(44,103,66);
		background:linear-gradient(0deg, rgba(44,103,66,1) 0%, rgba(29,146,73,1) 100%);
	}
	.fixedAppBtnBox .inner a:nth-child(2){
		background: rgb(24,91,154);
		background: linear-gradient(0deg, rgba(24,91,154,1) 0%, rgba(48,119,186,1) 100%);
	}
	.fixedAppBtnBox .inner a::before{
		display:flex;
		content:"\f0da";
		font-family: "FontAwesome";
		font-size:1.8rem;
		position:absolute;
		right:1em;
		top:50%;
		transform: translateY(-50%);
	}

	/* //////////////////////////////////////////////////////////////////////////////////// */
	.videoModal .videoModal_inner{
		width:95%;
		height:auto;
		background-color:rgba(0,0,0,1);
		box-shadow:0px 0px 20px rgba(0,0,0,.5);
		position:fixed;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		z-index:9002;
	}
	.videoModal .videoModal_inner .videoBox{
		position:relative;
		padding-top:56.25%;
	}
	.videoModal .videoModal_inner .videoBox iframe{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		right:0;
	}

	.videoModal .modalBtnBox{
		width:95%;
		height:auto;
		position:fixed;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		z-index:9001;
	}
	.videoModal .modalBtnBox .modalClsBtnBox{
		position:relative;
		padding-top:56.25%;
		display:flex;
		justify-content:flex-end;
	}
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn{
		width:40px;
		height:40px;
		position:absolute;
		top:-40px;
	}
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn::before,
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn::after{
		content:"";
		display:block;
		width:100%;
		height:3px;
		position:absolute;
		top:50%;
		transform:translateX(-50%);
		background-color:#ffffff;
	}
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn::before{
		transform:rotate(45deg);
	}
	.videoModal .modalBtnBox .modalClsBtnBox .modalClsBtn::after{
		transform:rotate(-45deg);
	}

	/* ======================================================================= */
	/* ------------------------------------------------------------- */
}

@media (min-width:769px) and (max-width:1366px){
	.mainVisWrap .btmBg .mainVis{
		overflow: hidden;
	}
	.mainVisWrap .btmBg .mainVis .islandBox{
		width:887.9px;
	}
	.mainVisWrap .btmBg .mainVis .txtImg03{
		width:185px;
		bottom:10%;
		left:47.5%;
	}
}