@charset "UTF-8";
/* CSS Document */
.slider_css-wrapper {
	top: -5px;
	margin: 0;
	width: 100%;
	height: 700px;
	position: relative;
	overflow: hidden;
	background-image: url(../img/main-visual.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
@media screen and (min-width: 1981px) {.slider_css-wrapper {
	top: -5px;
	margin: 0;
	width: 100%;
	height: 900px;
	position: relative;
	overflow: hidden;
	background-image: url(../img/main-visual.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}}
.slider_css-wrapper .title {
	/*width: 350px;
  height: 200px;*/
	font-size: 80px;
	font-weight: 900;letter-spacing: 0.5rem;
	color: #0b3065;
	float: left;
	position: absolute;
	top: 45px;
	left: 250px;
	z-index: 10;
	font-style: italic;
}
/*.slider_css-wrapper .title img {
  width: 100%;
  height: auto;
}*/
.slider_css-wrapper-sp {
  display: none;
}
.slider_css:after, .slider_css:before {
  content: "";
  display: block;
  clear: both;
}
.cc-block { width: 100%;
  float: left;
  position: absolute;
  z-index: 10;
  top: 180px;
  left: 250px;}

.cc_01 {
	font-size: 17px;
	color: #0b3065;
	font-style: italic;letter-spacing: 0.2rem;
}
.cc_02 {font-size: 17px;color: #0b3065;
	font-style: italic;letter-spacing: 0.2rem;}


.marker {
 /* background:linear-gradient(transparent 85%, rgba(255, 216, 0) 85%);*/
	background: linear-gradient(to right, #ffd461 0%, #ffff00 85%);
    
    background-position: left bottom;
  display: inline;

  /* 背景の繰り返しを停止 */
  background-repeat: no-repeat;

  /* マーカーの横方向を0にして縮める */
  background-size: 0% 20%;

  /* マーカーが引かれる速度を指定 */
  transition:background-size 1.5s;
}

/* マーカーが引かれる際に付与するクラス */
.marker.on {
  /* 横方向を100%にして、マーカーを引く */
  background-size: 100% 20%;
}