/*font-family: 'Cormorant Garamond', serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;*/
/*--------------------------------
	　section-01
--------------------------------*/
.section-01 .container {
  padding: 60px 0;
  position: relative;
}
.section-01 .ob-01 {
  position: absolute;
  right: -212px;
top: -112px;
	z-index: 1;
}

.vision-box {}
.section-01 .t-01 {
  line-height: 2.8;
  margin-bottom: 30px;
}
.section-01 .t-02-wrapper {
  padding: 45px;
  color: #FFF;
  font-family: 'Noto Serif JP', serif;
  /*background: url("../img/ourvision_01.jpg") left top no-repeat;
  background-size: cover;*/
  line-height: 3;
  font-size: 20px;
}
/*.vision-box .t-02 {
  display: block;
  margin-bottom: 10px;
  color: #FFF;
  margin-left: -30px;
  font-weight: bold;
	padding: 15px;
}
.vision-box .t-02 span {
  background: linear-gradient(transparent 0%, #c7002f 0%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 10px 20px;
	line-height: 3.5;
}*/
.section-01 .t-03 {
  font-size: 20px;
  font-family: 'Noto Serif JP', serif;
  color: #c7002f;
  font-weight: bold;
  margin-bottom: 30px;
}
.section-01 .t-04 {
  font-size: 20px;
  font-family: 'Noto Serif JP', serif;
  line-height: 2;
  font-weight: bold;
}




.slide-w {
	position: relative;
	margin-bottom: 30px;
}
.outside-right{
  margin-right: calc(50% - 50vw);
}
.slide-w img {
	height: 302px;
	object-fit: cover;
}
.t-02-wrapper{
	position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.fade_image_effect {

}
.fade_image_effect:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	transform: translate3d(0%,0,0);
}
.fade_image_effect.active:after {
	animation: swipeRight 1.5s cubic-bezier(0.6,0,0.4,1);
	animation-fill-mode: forwards;
}
@keyframes swipeRight {
	0% {
		transform: translate(0);
	}
	50%, 60% {
		transform: translate3d(100%,0,0);
	}
	100% {
		transform: translate3d(100%,0,0);
	}
}
@media screen and (max-width: 640px) {
	.fade_image {
		flex-wrap: wrap;
		flex-direction: column;
	}
	.fade_image_effect {
		width: 100%;
		margin: 0 0 10px 0;
		padding: 0 0 1px 0;
	}
	.fade_image .fade_image_effect:last-child {
		margin: 0;
	}
}
















@media screen and (max-width: 991px) {
  .section-01 .container {
    position: relative;
    padding: 15px;
	  overflow-x: hidden;
  }
  .section-01 {
    padding-left: 0;
  }
	.section-01 .t-01 {
  line-height: 1.8;
}
  .section-01 .t-01, .section-01 .t-02-wrapper, .section-01 .t-03 {
    margin-bottom: 30px;
  }
  .section-01 .t-02 {
    display: block;
    color: #FFF;
    margin-left: 0;
    padding: 0;
  }
  .section-01 .t-02 span {
    padding: 5px;
    line-height: 2.6;
  }
	.section-01 .ob-01 img {
  width: 550px;
}
.section-01 .t-02-wrapper {
  padding: 20px;
  line-height: 2.2;
  font-size: 18px;
	margin-top: -5px;
}

	h2 {
		margin-bottom: 265px;
	}
	.section-01 .ob-01 {
    position: absolute;
    right: 105px;
    top: 63px;
    width: 100%;
    z-index: 1;
}
.outside-right {
  margin-right: auto;
	margin: calc(50% - 50vw);
}
	.slide-w {
  margin-bottom: 30px!important;
}
}