#m_notice{background: #313131; color: #fff; font-size: .938em; line-height: 48px;}
#m_notice .inner{position: relative; padding-left: 80px;}
#m_notice .t{position: absolute;left: 0;top:0}
#m_notice .s a{display: block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; padding-right: 4em;}
#m_notice .s a:hover{text-decoration: underline;}
#m_notice .slick-dots{position: absolute;right: 0;top:50%;  font-size: 0; transform: translateY(-50%); line-height: 1;}

#main_visual{padding: 187px 0 70px; background: url('') center center no-repeat; background-size: cover;text-align: center; color: #fff; position: relative; overflow: hidden; width: 100%;}
#main_visual .inner{position: relative; margin-bottom: 168px;max-width:100%; padding-right:10%}
#main_visual ul{float:right}
#main_visual li{background: rgba(0,0,0,.5);margin-bottom:10px;border-radius:10px;}
#main_visual li .ico{padding:0 20px;}
#main_visual li .ico img{max-width:80%;}
#main_visual .detail{background: #fff; color: #777; width: 130px; line-height: 40px; display: block; background: #fff url('../img/main/detail.png') right bottom no-repeat; font-size: 14px; margin: 40px auto 0; border:1px solid #bbb; opacity: 0; transition: all ease-in-out .3s;display:none}

#main_visual .txt{line-height: 1.35; position: relative;font-weight: 500;padding: 0 10px;font-size:16px;}
/*#main_visual .txt:before{position: absolute;left: 50%;top:0; width: 14px; height: 2px; background: #d4b35b; margin-left: -7px; content: '';display:none}*/
#main_visual li{position: relative; transition: all ease-in-out .3s; top:0;}
/* #main_visual li:hover{background: #fff; color: #333; top:-30px;box-shadow: 0 8px 0 rgba(0,0,0,.3)}
#main_visual li:hover .detail{opacity: 1} */
#main_visual a{display: flex;position: relative; padding: 20px 0;}
/* #main_visual li:hover a:before{border:2px solid #7d0101; position: absolute;left: 0;top:0; right: 0;bottom: 0; margin: auto; content: ''} */

.html5-video-player:not(.ytp-transparent){background-color: #313131 !important;}
#myvideo{background-color: #313131 !important;}

#main_visual video{
	margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}
#main_visual .iframe{    position: absolute;
    left: 0;
    top: 0;     width: 100%; height: 100%}
#main_visual iframe {
margin: auto;
position: absolute;
left: 50%;
top: 50%;
min-width: 100%;
min-height: 240%;
transform: translate(-50%,-50%);
max-width:200%
}

.scroll-down{position: relative;left: 50%;bottom: 0; transform: translateX(-50%); display: block; width: 5.688em}
.scroll-down img{display: block;margin: 0 auto;}

#main_middle{padding: 50px 0}
#m1{background: #eff0f1; padding: 20px 0; color: #555; line-height: 1.15;}
#m1 > li{float: left; width: 25%; border-left: 1px dashed #ccc;}
#m1 > li:first-child{border-left: 0;}
#m1 a{display: block; padding: 9px 1em 9px 1.5em}
#m1 .t{color: #333; margin-bottom: 10px; display: block;}
#m1 .ico{background: url('') left 10px center no-repeat; padding-left: 70px;}
#m1 .ico *{display: block;}
#m1 .i1 .ico{background-image: url('../img/main/ico1.png')}
#m1 .i2 .ico{background-image: url('../img/main/ico2.png')}
#m1 .i3 .ico{background-image: url('../img/main/ico3.png')}
#m1 .i4 .ico{background-image: url('../img/main/ico4.png')}

#m1_1{background: #eff0f1; padding: 20px 0; color: #555; line-height: 1.15;}
#m1_1 > li:first-child{border-left: 0;}
#m1_1 > li{float: left; width: 25%; border-left: 1px dashed #ccc;}
#m1_1 a{display: block; padding: 9px 1em 9px 1.5em}
#m1_1 .t{color: #333; display: block;}
#m1_1 .ico{background: url('') left 10px center no-repeat; padding-left: 70px; line-height: 45px;}
#m1_1 .ico *{display: block;}

#m2_3{margin-top: 30px; margin-left: -1%; display: -webkit-flex;
display: -ms-flex;
display: flex; flex-wrap:wrap}
#m2_3 > li{width: 49%; margin-left: 1%; float: left;}
#m2_new{padding: 30px;border:1px solid #ccc}
#m2{float: left; background: url('../img/main/banner.jpg') left bottom no-repeat; background-size: cover; padding: 20px 20px 20px 220px; position: relative;}
#m2 .t{position: absolute;left: 30px; top: 30px; font-size: 30px; font-weight: 700; color: #fff; line-height: 1.35;}
#m2 .cont{padding: 25px 30px; background: #fff; height: 253px}
#m2 .cont li{padding-right: 30px;}
#m2 .cont a{display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding: 5px 0; border-bottom: 1px solid #ccc;}
#m2 .cont a:hover{text-decoration: underline;}
#m3{border:1px solid #ccc; position: relative;}
#m3 .append{position: absolute;right: 20px; top:20px; z-index: 1}
#m3 .append > *{display: inline-block; vertical-align: middle;}
#m3 .slick-dots li{border:0; background-color: #999}
#m3 .slick-dots .slick-active{background: #cbb778}
#m3 .controls{white-space: nowrap; width: 11px; height: 13px; background: url('../img/main/stop.png') center center no-repeat; display: inline-block; text-indent: -999px; overflow: hidden; margin-left: 10px;}
#m3 img{width: 100%;display: block;}

#main_quick{text-align: center; background: #2c476b; padding: 50px 0; color: #fff}
#main_quick .t{display: block; font-size: 38px; color: #fff; margin-bottom: .87em}
#main_quick .ico{width: 5em; height: 5em; background: #fff; border-radius: 50%; position: relative; display: block; margin: 0 auto;}
#main_quick .ico img{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto; display: block;}
#main_quick .txt{margin-top: 1.25em; display: block; word-break: keep-all;}
#main_quick a:hover .ico{background-color: #d4b35b;}

#main_quick .s_w{position: relative; padding: 0 3em}
#main_quick .slick-arrow{width: 1.125em; height: 2em; background: url('') center center no-repeat; background-size: 100%; position: absolute; top: 50%; margin-top: -1em;}
#main_quick .prev{background-image: url('../img/main/prev.png'); left: 0}
#main_quick .next{background-image: url('../img/main/next.png'); right: 0}

.tabs-main{font-size: 1.25em; line-height: 1.15; font-weight: 700; border-bottom: 1px solid #ccc; color: #999; position: relative; margin-bottom: 1.5em;}
.tabs-main > li{float: left; margin-left: 1.5em; cursor: pointer}
.tabs-main > li span{display: block; padding-bottom: .75em; position: relative;}
.tabs-main > li:first-child{margin-left: 0;}
.tabs-main .active span{color: #333}
.tabs-main .active span:after{position: absolute;left: 0;bottom: -1px; width: 100%; height: 3px; background: #7d0101; content: ''}
.tabs-main a{position: absolute;right: 0; top: .3em; display: none;}
.tabs-main .active a{display: block;}
.tabs-main a img{display: block;}
#m2_3 .tab_cont{font-size: .938em; display: none;}
#m2_3 .tab_cont li{margin-top: .7em; position: relative; padding-right: 6.3em; padding-left: .7em;}
#m2_3 .tab_cont li:before{position: absolute; position: absolute;left: 0;top:50%; width: 4px; height: 4px; background: #999; content: ''; margin-top: -2px; border-radius: 50%}
#m2_3 .tab_cont li:first-child{margin-top: 0;}
#m2_3 .tab_cont a{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#m2_3 .tab_cont li .date{position: absolute;right: 0;top:0; color: #999}

#popup_layer{position: absolute;left: 0;padding: 10% 5%; width:100%;}
#popup_layer .top img{display: block; width:100%;}
#popup_layer .pop_l{border:3px solid #333; width:500px; position: absolute; z-index: 150;  margin: 0 auto; left:30%; transform: translateX(-50%); top:12%}
#popup_layer .pop_l.p2{left: calc(30% + 510px);}
#popup_layer .pop_l .top a{display:block;}
#popup_layer .pop_l .bot{background: #333;color: #fff;position: relative;padding: 5px 10px;line-height: 1.15;font-size: .938em;}
#popup_layer .pop_l .bot button{float: right; color: #fff}

@media (min-width:720px){
	#main_visual li:hover{background: #fff; color: #333; top:-30px;box-shadow: 0 8px 0 rgba(0,0,0,.3)}
	#main_visual li:hover .detail{opacity: 1}
	#main_visual li:hover a:before{border:2px solid #7d0101; position: absolute;left: 0;top:0; right: 0;bottom: 0; margin: auto; content: ''}
}
@media (max-width:1280px){
	#m_notice .t{left: .938rem}
	#m1 a{}
	#m1 .ico{background-position: left center; padding-left: 60px}
}
@media (max-width:1024px){
	#m_notice .inner{padding-left: 5em;}
	#main_visual{padding: 5em 0 3em 0}
	#main_visual .inner{margin-bottom: 5em;}
	#main_visual ul{padding: 0}
	#main_middle{padding: 0 0 1.5em}
	#main_middle > .inner{padding: 0}
	#m1, #m1_1{text-align: center;}
	#m1 a, #m1_1 a{padding: 0 .938rem}
	#m1 .ico, #m1_1 .ico{background-position: center top; padding: 0; background-size: 3em; padding-top: 3.5em;}
	#m1_1 .ico{line-height: 1;}
	#m1 .t, #m1_1 .t{margin-bottom: 0;text-align: center;}
	#m1 span{display: none !important}
	#m2_3{margin-top: 1.5em; padding: 0 .938rem}
	#m2_3 > li{float: none !important; width: 100%}
	#m3{margin-top: .938em;}
	#m3 .append{right: 10px; top:5px}
	#m3 .controls{    width: 7px;
    background-size: 100%; margin-left: 8px;}
		#main_quick{padding: 2.4em 0}
		#main_quick .t{font-size: 1.8em;}
	#main_visual ul{margin-left:0px;}

	#popup_layer .pop_l{max-width: 100%;}

	#popup_layer .pop_l{left:50%;}
	#popup_layer .pop_l.p2{left: 50%;top: calc(12% + 560px);}
}
@media (max-width:720px){
	#main_visual .inner{padding-right:.938rem}
	#main_visual ul{margin: 0;}
	#main_visual li{float: none; width: 100%; margin: 0 0 3%;}
	#main_visual .detail{display: none;}
	#main_visual li:hover{background: #fff; color: #333; box-shadow: 0 0 8px rgba(0,0,0,.3)}
	#main_visual li .ico{display: inline-block; vertical-align: middle; width: 3.5em; padding: 9px 0 0 10px;}
	#main_visual .txt{display: inline-block; vertical-align: middle; text-align: left; margin-top: 0; padding-top: 0; width: 10em; /* padding-left: .87em; */}
	#main_visual .txt:before{background: none}
	#main_visual a{padding: 1.5em 0}
	#main_visual{padding: 3em 0 1.5em 0}
	#main_visual .inner{margin-bottom: 3em;}
	#m1 .t, #m1_1 .t{font-size: 1.125rem !important;}
	#m2 .t{position: static;}
	#m2{padding: 1.5em}
	#m2 .t{text-align: center;display: block; font-size: 1.5em; margin-bottom: .8em;}
	#m2 .t br{display: none;}
	#m2 .cont{padding: 1em 1.5em; height: auto; max-height: 15em}
	#m2_new{padding: 1.5em}
	.tabs-main{margin-bottom: 1em;}
	.tabs-main > li{margin-left: 1em;}

	/* #popup_layer{left: 0;padding: 10% 2.5%} */
	#popup_layer .pop_l{margin:0 auto 10px auto; width: 80%;}
	#popup_layer .pop_l.p2{top: 92vw;}
}