@charset "UTF-8";
/* CSS Document */
.slider_css-wrapper {
	top: 0px;
	margin: 0;
	width: 100%;
	height: 500px;
	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 {
	font-size: 32px;
	font-weight: 900;letter-spacing: 0.2rem;
	color: #0b3065;
	float: left;
	position: absolute;
	top: 120px;/*top: 25%;*/
	left: 10%;
	z-index: 10;
	font-style: italic;
}
@media screen and (max-width: 375px) {
	.slider_css-wrapper .title {
	font-size: 30px;
	font-weight: 900;letter-spacing: 0.2rem;
	color: #0b3065;
	float: left;
	position: absolute;
	top: 120px;/*top: 25%;*/
	left: 10%;
	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: 190px;/*top: 40%;*/
  left: 10%;}

.cc_01 {
	font-size: 16px;
	color: #0b3065;
	font-style: italic;
}
.cc_02 {font-size: 16px;color: #0b3065;
	font-style: italic;}


.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%;
}