@charset "UTF-8";
/*=============================== common ================================*/
#information h2,
#news_topics h2,
#feature h2,
#our_6_years h2,
#school_life h2,
#admission h2 {
  font-size: 15px; }
  #information h2 span,
  #news_topics h2 span,
  #feature h2 span,
  #our_6_years h2 span,
  #school_life h2 span,
  #admission h2 span {
    font-family: 'Dosis', sans-serif;
    color: #ba2a2a;
    font-style: italic;
    font-size: 42px;
    letter-spacing: 3px;
    padding-right: 25px;
    position: relative; }
    #information h2 span span,
    #feature h2 span span,
    #our_6_years h2 span span,
    #school_life h2 span span,
    #admission h2 span span {
      font-size: 30px;
      padding: 0;
      top: 0; }
#news_topics h2 br {
	display: none;
}
#news_topics h2 span span {
    font-size: 30px;
      padding: 0 0 0 3px;
      top: 0;
}

#information h2,
#news_topics h2,
#our_6_years h2 {
  line-height: 42px; }
  #information h2 span,
  #news_topics h2 span,
  #our_6_years h2 span {
    top: 9px;
    display: inline-block; }

#information h2,
#news_topics h2 {
  margin-bottom: 50px; }

#feature h2 span,
#school_life h2 span {
  display: block;
  line-height: 1;
  margin-bottom: 15px; }

#news_topics,
#feature,
#our_6_years,
#school_life,
#admission_left {
  position: relative; }
  #news_topics::after,
  #feature::after,
  #our_6_years::after,
  #school_life::after,
  #admission_left::after {
    display: block;
    content: " ";
    position: absolute;
    z-index: -1; }

#news_topics img,
#feature img,
#our_6_years img,
#school_life img,
#admission img,
#mid_banners img,
#bottom_banners img {
  vertical-align: bottom; }

#information,
#news_topics {
  margin-bottom: 50px; }

.six_years_btn::after,
.school_life_btn::after,
.adm_btn::after {
  display: block;
  content: "";
  position: absolute;
  background: url(../images/red_arrow.svg) center right no-repeat;
  height: 100%;
  width: 20px;
  top: 0;
  right: 13px; }

.blank {
    background: url(../images/blank_icon.svg) no-repeat;
    padding-right: 22px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px 20px;
		padding-top: 6px;
}



/*=======SP=======*/
@media  print, screen and (max-width: 767px) {
	
	#information h2 span,#our_6_years h2 span {
		font-size: 27px;
		display: block;
		padding:0;
	}
	#information h2, #news_topics h2 {
		text-align: center;
		margin-bottom: 15px;
	}
	#our_6_years .flex_base {
		display: block;
	}
	#our_6_years .flex_base img {
		display: none;
	}
	#information h2, #news_topics h2, #feature h2, #our_6_years h2, #school_life h2, #admission h2 {
		text-align: center;
	}
	#feature h2 span, #school_life h2 span {
		font-size: 30px;
		margin-bottom: 10px;
	}
	#information h2 span, #news_topics h2 span, #feature h2 span, #our_6_years h2 span, #school_life h2 span, #admission h2 span {
		padding:0;
	}	
	}


/*=============================== header ================================*/
#header_top {
  height: 100vh;
  position: relative; }

#video_area {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: fixed;
  overflow: hidden; }
  #video_area img {
    width: 35vw;
    min-width: 300px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 47px; }
  #video_area video,
  #video_area iframe {
    position: absolute;
    background-color: #fff;
    top: 0;
    z-index: -9;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    background-color: white;
    background-image: url(../images/preload.gif);
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: center; }
#inner_wrapper main #bnr_area {
}

@media (max-aspect-ratio: 16 / 9) {
  #video_area iframe {
    width: 400%; }
  #video_area img {
    width: 70vw; } }

@media (min-aspect-ratio: 16 / 9) {
  #video_area iframe {
    height: 300%; } }

.shutter img {
  display: none !important; }

.shutter::before {
  background-color: white;
  background-image: url(../images/preload.gif);
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: center; }

.play::before {
  background: url(../images/video_mask.png) repeat; }

#video_area::before {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#scroll {
  text-align: center;
  position: absolute;
  bottom: 35px;
  color: #ffffff;
  width: 100%;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: bold;
  z-index: 1; }
  #scroll a {
    display: inline-block;
    color: #fff;
    text-decoration: none; }
  #scroll img {
    width: 56px;
		height: 10px;
    margin-bottom: 5px; }

#scroll::after {
  display: block;
  position: absolute;
  content: " ";
  top: 100%;
  left: 50%;
  height: 0px;
  width: 1px;
  background: #fff;
  text-align: center;
  vertical-align: bottom;
  margin-top: 5px;
  -webkit-animation-name: scroll;
  animation-name: scroll;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease; }

@-webkit-keyframes scroll {
  from {
    height: 0px; }
  to {
    height: 35px; } }

@keyframes scroll {
  from {
    height: 0px; }
  to {
    height: 35px; } }

#scroll_target {
  padding-top: 90px;
  margin-top: -90px;
  background: none; }


/*=======SP=======*/
@media  print, screen and (max-width: 767px) {
	#header_top {
		display: none;
	}
	}


/*=============================== information ================================*/
#information {
  margin-top: 50px; 
}
  #information .inner_content div {
    height: 220px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
#information dl {
	border-top: 1px solid #e1e1e1;
	width: 1070px;
	margin-right: 30px;
	line-height: 26px;
}
#information dl dt {
	width: 115px;
	float: left;
	font-size: 12px;
	padding: 13px 0;
	text-align: center;
	letter-spacing: 0.5px;
	color: #a2a2a2;
	font-weight: 700;
}
#information dl dd {
	width: 950px;
	margin-right: 30px;
	padding: 13px 0 13px 115px;
	border-bottom: 1px solid #e1e1e1;
	font-size: 15px;
}

.info {
  display: inline-block;
  text-align: center;
  width: 125px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 700;
  margin-right: 30px; }

.info_cat {
  display: inline-block;
  text-align: center;
  width: 125px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #ba2a2a;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  color: #ba2a2a;
  font-weight: 700;
  margin-right: 30px; }

.bg_red {
  background-color: #ba2a2a;
  color: #fff; }

.new_info {
  background-color: #f8e352;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  padding: 3px 12px; }

.check_info {
  background-color: #ffb265;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  padding: 3px 12px; }

.info_event {
    color: #fff;
  display: inline-block;
  text-align: center;
  width: 125px;
  height: 26px;
  line-height: 26px;
  background: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 700;
  margin-right: 30px; }


/*=======SP=======*/
@media  print, screen and (max-width: 767px) {
	#information {
		margin-top: 0;
	}
	#information a {
		font-size: 0.8em;
		word-wrap: break-word;
	}
	#information .inner_content div{
		width:100%;
	}
	#information dl {
		width:100%;
	}
	#information dl dt {
		width:100%;
		float:none;
		text-align: left;
		padding:5px 0 0 10px;
	}
	#information dl dd {
		width:100%;
		padding:0 0 15px 10px;
		box-sizing: border-box;
	}
	.info {
		width:25%;
		margin-right: 10px;
	}
	}

/*=============================== news_topics ================================*/
#news_topics ul {
  margin-bottom: -25px; }

#news_topics li {
  margin-bottom: 25px;
  width: 260px;
  }
  #news_topics li a {
    display: block;
    position: relative;
    text-decoration: none;
    background-color: #fff; }

#news_topics::after {
  width: 1200px;
  height: 800px;
  background: -webkit-gradient(linear, left top, right top, from(#ecf4f3), to(#f4f8ed));
  background: linear-gradient(to right, #ecf4f3, #f4f8ed);
  top: 32px;
  left: 0; }

#news_topics .gradation_btn_01 {
  margin: 50px 0; }

.new_post a, .check_post a  {
  overflow: hidden; }
  .new_post a::before {
    display: block;
    content: "NEW";
    font-family: 'Dosis', sans-serif;
    background: #f8e352;
    width: 70px;
    height: 70px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -35px;
    left: -35px;
    line-height: 120px;
    color: #000;
    text-align: center;
    font-size: 13px;
    font-weight: 900;
	z-index: 9999;}

  .check_post a::before {
    display: block;
    content: "CHECK";
    font-family: 'Dosis', sans-serif;
    background: #ffb265;
    width: 70px;
    height: 70px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -35px;
    left: -35px;
    line-height: 120px;
    color: #000;
    text-align: center;
    font-size: 11.5px;
    font-weight: 900;
	z-index: 9999;}


.img_cut figure {
 width: 260px;
  height: 160px;
  overflow: hidden;
}
.img_cut figure .img_w {
	width: auto;
	height: 100%;}
  
.img_cut figure .img_h {
	width: 100%;
	height: auto;}


.news_conte {
  padding: 0 7px 20px 10px;
}

.news_cat {
  margin-top: -13px;
  margin-bottom: 10px; }
  .news_cat span {
    color: #fff;
    font-weight: 700;
    background-color: #ba2a2a;
    padding: 3px 10px;
    min-width: 60px;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    vertical-align: top; }

.news_date {
  color: #a2a2a2;
  font-size: 12px;
  font-weight: 700; }

.news_title {
  color: #2d2d2d;
  font-size: 14px;
  font-weight: 700;
height: 40px;}

/*=======SP=======*/
@media  print, screen and (max-width: 767px) {
	#news_topics ul {
		width:100%;
	}
	#news_topics li {
		width: 93%;
    margin: 0 auto 15px;
	}
	#news_topics h2 {
		display: block;
	}
	#news_topics h2 br {
		display: block;
	}
	#news_topics h2 span {
		font-size: 27px;
	}
	.img_cut figure {
		margin:0 auto;
	}
	.news_conte {
		padding-bottom:0;
	}
	#news_topics::after {
		height:2210px;
		top: -15px;
	}
	}

/*=============================== mid banners ================================*/
#mid_banners {
  margin-bottom: 120px; }

/*=======SP=======*/
@media  print, screen and (max-width: 767px) {
#mid_banners {
		margin-bottom: 0;
	}
}


/*=============================== feature ================================*/
#feature {
  margin-bottom: 80px; }
  #feature::after {
    width: 877px;
    height: 554px;
    background: url(../images/red_dots.png) repeat;
    top: 75px;
    left: 0;
}

#feature_left {
  width: 700px; }
  #feature_left p {
    position: relative;
    left: -70px; }

#feature_right {
  width: 400px;
  margin-top: 20px; }
  #feature_right h3 {
    font-weight: 900;
    font-size: 1.5625em;
    line-height: 1.5;
    margin: 35px 0 20px 0;
    font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", ‘Noto Sans JP’, sans-serif; }
  #feature_right p {
    font-size: 0.9em;
    margin-bottom: 1rem;
    font-weight: 700; }

#feature_btn_area {
  width: 1020px; }
  #feature_btn_area .gradation_btn_01 {
    margin: 75px 25px;
    font-weight: 700; }

.pop_up_03 {
  opacity: 0;
  -webkit-transition: all 0.8s cubic-bezier(0.12, 1.06, 0.43, 1.11);
  transition: all 0.8s cubic-bezier(0.12, 1.06, 0.43, 1.11);
  -webkit-transform: scale(0);
  transform: scale(0); }

.pop_up_03_show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }


/*=======SP=======*/
@media  print, screen and (max-width: 767px) {
	#feature {
		margin-bottom: 30px;
	}
	#feature .flex_base {
		display: block;
	}
	#feature_left {
		width:100%;
	}
	#feature_right {
		width:100%;
	}
	#feature_right p {
		font-weight: normal;
		padding:0 10px;
	}
	#feature_right p br {
		display: none;
	}
	#feature_btn_area {
		width:100%;
	}
	#feature_btn_area .gradation_btn_01 {
		width:90%;
		margin:10px 0 0;
		padding:20px 0;
	}
	feature_left p {
		position: inherit;
	}
	#feature_left .pop_up_03 {
		margin-top: 30px;
		opacity: inherit;
		-webkit-transform: inherit;
    transform: inherit;
		left:0;
	}
	#feature_left .pop_up_03 img {
		opacity: inherit;
		width:80%;
		display: block;
		margin:0 auto;
	}
	#feature_right h3 {
		font-size: 18px;
		padding:0 10px;
		margin:15px 0;
	}
	#feature_right h3 br {
		display: none;
	}
	#feature::after {
		top:-20px;
		height:730px;
	}
	}


/*=============================== our 6 years ================================*/
#our_6_years {
  position: relative;
  margin-bottom: 115px; }
  #our_6_years h2 {
    margin-bottom: 25px; }
  #our_6_years ul {
    margin-bottom: -45px; }
  #our_6_years li {
    position: relative;
    margin-bottom: 45px; }
    #our_6_years li a {
      display: block; }
  #our_6_years::after {
    width: 1563px;
    height: 702px;
    background: -webkit-gradient(linear, left top, right top, from(#f3f8f8), to(#f9ecec));
    background: linear-gradient(to right, #f3f8f8, #f9ecec);
    top: 32px;
    left: 50%;
    margin-left: -781px; }
  #our_6_years header p {
    font-weight: 700;
    margin-bottom: 40px; }

.pop_up_01 {
  position: absolute;
  right: -20px;
  top: -110px;
  opacity: 0;
  -webkit-transition: all 0.8s cubic-bezier(0.12, 1.06, 0.43, 1.11);
  transition: all 0.8s cubic-bezier(0.12, 1.06, 0.43, 1.11); }

.pop_up_01_show {
  opacity: 1;
  right: -110px;
  top: -200px; }

.six_years_text {
  position: absolute;
  bottom: -15px;
  right: 0; }

.six_years_btn {
  width: 475px;
  display: block;
  background-color: #fff;
  padding: 18px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
  position: relative; }

.grad01,
.grad02,
.grad03,
.grad04,
.grad05,
.grad06 {
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  padding: 10.5px 20px;
  width: 285px; }

.grad01 {
  background: -webkit-gradient(linear, left top, right top, from(#9ecac6), to(#df744a));
  background: linear-gradient(to right, #9ecac6, #df744a); }

.grad02 {
  background: -webkit-gradient(linear, left top, right top, from(#df744a), to(#dcb239));
  background: linear-gradient(to right, #df744a, #dcb239); }

.grad03 {
  background: -webkit-gradient(linear, left top, right top, from(#dcb239), to(#91c8d7));
  background: linear-gradient(to right, #dcb239, #91c8d7); }

.grad04 {
  background: -webkit-gradient(linear, left top, right top, from(#9ecac6), to(#827c99));
  background: linear-gradient(to right, #9ecac6, #827c99); }

.grad05 {
  background: -webkit-gradient(linear, left top, right top, from(#827c99), to(#d16363));
  background: linear-gradient(to right, #827c99, #d16363); }

.grad06 {
  background: -webkit-gradient(linear, left top, right top, from(#d16363), to(#9ecac5));
  background: linear-gradient(to right, #d16363, #9ecac5); }

/*=======SP=======*/
@media  print, screen and (max-width: 767px) {
	#our_6_years {
		margin-bottom: 65px;
	}
	#our_6_years header p {
		font-weight: normal;
		font-size: 15px;
		padding:0 10px;
		margin-bottom: 20px;
	}
	#our_6_years h2 {
		margin: 50px 0 10px;
	}
	#our_6_years .pop_up_01 {
		opacity: inherit;
		position: inherit;
		top:50px;
		right:0;
	}
	.six_years_text {
		position: inherit;
	}
	#our_6_years li {
		width:90%;
		margin:0 auto 15px;
	}
	#our_6_years li a {
		text-decoration: none;
	}
	.grad01, .grad02, .grad03, .grad04, .grad05, .grad06 {
		width:100%;
		padding:10px 0 10px 20px;
		text-decoration: none;
	}
	.six_years_btn {
		width:100%;
		font-size: 16px;
	}
	#our_6_years .pop_up_01 img {
		width:50%;
		display: block;
		margin:0 auto;
	}
	#our_6_years::after {
		height:890px;
		top:12px;
	}
	}


/*=============================== school life ================================*/
#school_life {
  margin-bottom: 150px;
  position: relative; }
  #school_life ul {
    margin-bottom: -85px; }
  #school_life li {
    position: relative;
    margin: 0 7px 85px;}
  #school_life::after {
    width: 1349px;
    height: 800px;
    background: url(../images/skew_line.png) repeat;
    top: 21px;
    right: 0; }
  #school_life header {
    text-align: center; }
    #school_life header p {
      font-weight: 700;
      margin: 45px 0 55px; }

.pop_up_02 {
  position: absolute;
  opacity: 0;
  top: 30px;
  left: -20px;
  -webkit-transition: all 0.8s cubic-bezier(0.12, 1.06, 0.43, 1.11);
  transition: all 0.8s cubic-bezier(0.12, 1.06, 0.43, 1.11); }

.pop_up_02_show {
  opacity: 1;
  top: -50px;
  left: -100px; }

.school_life_btn {
  width: 245px;
  display: block;
  background-color: #fff;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  position: absolute;
  bottom: -22px;
  right: 0; }

/*=======SP=======*/
@media  print, screen and (max-width: 767px) {
	#school_life {
		margin-bottom: 95px;
	}
#school_life li {
	width:95%;
	margin:0 auto 15px;
	}
	.school_life_btn {
		width:100%;
		padding: 0 10px;
    position: inherit;
	}
	#school_life .pop_up_02 {
		opacity: inherit;
		position: inherit;
		top:40px;
		left:0;
	}
	#school_life .pop_up_02 img {
		width:70%;
		margin:0 auto 30px;
		display: block;
	}
	#school_life header p {
		font-weight: normal;
		text-align: left;
		padding:0 10px;
		margin:10px 0 30px;
	}
	#school_life header p br {
		display: none;
	}
	#school_life .flex_base02 a {
		text-decoration: none;
		display: flex;
		align-items: center;
    background: #fff;
	} 
	#school_life .flex_base02 li img {
		float:left;
		width:25%;
	}
	#school_life::after {
		top:40px;
		height:1060px;
	}
}


/*=============================== admission ================================*/
#admission {
  margin-bottom: 85px; }
  #admission h2 span {
    display: block;
    line-height: 1;
    margin-bottom: 8px; }
  #admission ul {
    width: 490px;
    margin-bottom: -20px; }
  #admission li {
    margin-bottom: 20px; }

#admission_left {
  padding: 85px 50px; }
  #admission_left::after {
    width: 725px;
    height: 415px;
    background: -webkit-gradient(linear, left top, right top, from(#ecf4f3), to(#f4f8ed));
    background: linear-gradient(to right, #ecf4f3, #f4f8ed);
    top: 32px;
    left: 0; }
  #admission_left h2 {
    text-align: center;
    margin-bottom: 50px; }

#admission_right {
  position: relative;
  top: 85px; }

.adm_btn {
  width: 235px;
  font-size: 16px;
  font-weight: 700;
  padding: 15px 20px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #000;
  line-height: 1;
  text-decoration: none;
  position: relative; }

#side_fixed_btns {
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin-top: 40px; }
  #side_fixed_btns img {
    vertical-align: bottom; }
#side_fixed_btns .txt_vertical {
    -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
    text-align: center;
    font-size: 17px;
    letter-spacing:4px;
    display:block;
    background: #009693;
    width: 42px;
    height: 245px;
    font-weight: 700;
    padding-right:18px;
    line-height: 1.4em;
}
#side_fixed_btns .txt_vertical a {
       color:#fff;
    text-decoration: none;
}
#side_fixed_btns .txt_vertical img {
    margin-bottom:10px;
}

#side_fixed_btns .icon_area01 {
    background: #286369;
}
#side_fixed_btns .icon_area02 {
    background: #003738;
}
#side_fixed_btns .icon_area01 img {
    display:block;
    margin: 0 auto;
    padding:20px 0;
}
#side_fixed_btns .icon_area02 img {
    display:block;
    margin: 0 auto;
    padding:16px 0;
}
#side_fixed_btns .icon_area01 a,
#side_fixed_btns .icon_area02 a {
    display: block;
width: 60px;
    height: 60px;
}


#inner_wrapper main #bnr_area {
    width: 1100px;
    margin:60px auto 70px;
    text-align: center;
}
#inner_wrapper main #bnr_area p {
    width: 900px;
    margin:0 auto;
    position: relative;
    font-size: 19px;
    border: solid 1px #fff;
 outline: solid 3px #ba2a2a;
    letter-spacing:2px;
    }
#inner_wrapper main #bnr_area p a {
    padding:25px 0;
    display: block;
    color:#fff;
    background: linear-gradient(to right, #ff0000, #ba2a2a);
    text-decoration: none;
    font-weight: bold;
}
#inner_wrapper main #bnr_area p a:hover {

    display: block;
}
#inner_wrapper main #bnr_area p a:hover::after {
    transition:opacity 1s ease;
}
#inner_wrapper main #bnr_area p a::after {
display: block;
    content: "";
    position: absolute;
    background: url(../images/white_arrow.svg) center right no-repeat;
    height: 100%;
    width: 20px;
    top: 0;
    right: 33px;
    }

/*=======SP=======*/
@media  print, screen and (max-width: 767px) {
#global_nav {
	display: none;
}
	.narrow_inner_content {
		width:100%;
	}
	.narrow_inner_content li {
		margin:0 auto 10px;
	}
	a, a:hover {
		color:#000;
	}
	#side_fixed_btns {
		display: none;
	}
}


.mainvisual {
	display: none;
}

/*=======SP=======*/
@media  print, screen and (max-width: 767px) {
	.mainvisual {
		display: inherit;
		margin-top: 65px;
	}
	.mainvisual .inner {
	width: 100%;
    position: relative;
}
	.mainvisual h1 img {
	width: 80%;
    position: absolute;
	top: 50%;
	left:50%;
    transform: translateY(-50%) translateX(-50%);
	z-index: 30;
	}
	.mainvisual ul {
    position: relative;
}
}

/*@media all and (-ms-high-contrast: none) {
	#video_area {
		background-color: #999;
	}
	#video_area iframe {
		display: none;
	}
	#player {
		display: none;
	}
	.shutter {
		display: none;
	}
	
}*/