@charset "UTF-8";

a{ color:#111; text-decoration:none; -webkit-transition: all .2s; transition: all .2s;}
a:hover{ opacity: .7; text-decoration:none;}
img.imgalpha, .svg path, .svg polygon{ -webkit-transition: all .2s; transition: all .2s;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}
.mb120{margin-bottom: 120px;}
.mb200{margin-bottom: 200px;}

/*--------------------------------------------------------------------------------------------------------------------
header
---------------------------------------------------------------------------------------------------------------------*/
header {
  width: 100%;
  padding: 0 0 0.8vw;
  background-color: #fff;
}
header .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}
header .header_logo {
  width: 100%;
}
header .header_logo img {
  width: 100%;
}

/* SP */
@media screen and (max-width:768px) {
  header .header_logo {
    width: 100%;
  }
}


/*--------------------------------------------------------------------------------------------------------------------
mv
---------------------------------------------------------------------------------------------------------------------*/
.mv {
  width: 100%;
  display: block;
  position: relative;
}
.mv .inner{
}

.mv .mv_txt1 {
  margin:0 auto;

}

/* SP */
@media screen and (max-width:768px) {
  .mv .mv_txt1 {
    width: 90vw;
    padding: 5.467vw 0 31.267vw;
  }
}


/*--------------------------------------------------------------------------------------------------------------------
cv
---------------------------------------------------------------------------------------------------------------------*/
.cv .inner{
  position: relative;
}
.cv.cv-first .inner{
  top: -32px;
  position: relative;
  z-index: 100;
}
.cv .cv_txt1{
  margin-bottom: 12px;
  padding: 0 26px;
}
.cv .cv_txt2{
  margin-bottom: 32px;
  padding: 0 28px;
}
.cv .btn{
  padding: 0 16px 0 26px;
}

/* SP */
@media screen and (max-width:768px) {
  .cv.cv-first .inner{
    top: -3.4vw;
  }
  .cv .cv_txt1{
    margin-bottom: 1.6vw;
    padding: 0 3.467vw;
  }
  .cv .cv_txt2{
    margin-bottom: 4.267vw;
    padding: 0 3.733vw;
  }
  .cv .btn{
    padding: 0 2.133vw 0 3.467vw;
  }
}


/************************************
３つのポイントswiper
************************************/
.relative {
  position: relative;
}
.slider01 {
  position: absolute;
  width: 100%;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
}

.slider01 .swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px !important;
  position: relative;
  overflow: hidden;
}
.slider01 .swiper-wrapper{
  padding-bottom: 60px !important;
}
.slider01 .swiper-slide {
  text-align: center;
  padding: 0 105px !important;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.slider01 .swiper-button-next, .slider01 .swiper-button-prev{
  top: 32% !important;
  width: 58px !important;
  height: 137px !important;
}
/* 次ページボタンのスタイル */
.slider01 .swiper-button-next {
	background-image: url("../img/next.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
/* 前ページボタンのスタイル */
.slider01 .swiper-button-prev {
	background-image: url("../img/prev.png");
  background-size: 100%;
  background-repeat: no-repeat;
}

.slider01 .swiper-button-prev:after,
.slider01 .swiper-container-rtl .swiper-button-next:after {
 content: none !important;
}

.slider01 .swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: none !important;
}
.slider01 .swiper-button-prev, .slider01 .swiper-container-rtl .swiper-button-next {
  left: 80px !important;
}
.slider01 .swiper-button-next, .slider01 .swiper-container-rtl .swiper-button-prev {
  right: 80px !important;
}

.slider01 .swiper-button-next.swiper-button-disabled,.slider01 .swiper-button-prev.swiper-button-disabled {
  opacity: 0!important;
}
/* SP */
@media screen and (max-width:768px) {
  .slider01 .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
  }
  .slider01 .swiper-container  {
    margin-bottom: 0 !important;
  }
  .slider01 .swiper-wrapper{
    padding-bottom: 9.333vw !important;
  }
  .slider01 .swiper-slide{
    padding: 0 14vw !important;
    margin: 0 auto;
  }
  .slider01 .swiper-button-next, .slider01 .swiper-button-prev{
    top: 38% !important;
    width: 30px !important;
    height: 70.86px !important;
  }
  .slider01 .swiper-button-prev, .slider01 .swiper-container-rtl .slider01 .swiper-button-next {
    left: 38px !important;
  }
  .slider01 .swiper-button-next, .slider01 .swiper-container-rtl .swiper-button-prev {
    right: 38px !important;
  }
}

/************************************
actor swiper
************************************/
.slider02 .swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px !important;
  position: relative;
  overflow: hidden;
}
.slider02 .swiper-wrapper{
  padding-bottom: 60px !important;
}
.slider02 .swiper-slide {
  text-align: center;
  padding: 0 105px !important;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.slider02 .swiper-button-next, .slider02 .swiper-button-prev{
  top: 42% !important;
  width: 88px !important;
  height: 88px !important;
}
/* 次ページボタンのスタイル */
.slider02 .swiper-button-next {
	background-image: url("../img/next2.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
/* 前ページボタンのスタイル */
.slider02 .swiper-button-prev {
	background-image: url("../img/prev2.png");
  background-size: 100%;
  background-repeat: no-repeat;
}

.slider02 .swiper-button-prev:after,
.slider02 .swiper-container-rtl .swiper-button-next:after {
 content: none !important;
}

.slider02 .swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: none !important;
}
.slider02 .swiper-button-prev, .slider02 .swiper-container-rtl .swiper-button-next {
  left: 80px !important;
}
.slider02 .swiper-button-next, .slider02 .swiper-container-rtl .swiper-button-prev {
  right: 80px !important;
}
.slider02 .swiper-pagination-bullet-active {
  background: #24a373 !important;
}
.slider02 .swiper-button-next.swiper-button-disabled, .slider02 .swiper-button-prev.swiper-button-disabled {
  opacity: 0!important;
}
.slider02 .swiper-pagination-bullet {
  width: 26px !important;
  height: 26px !important;
  background: none;
  border: 4px solid #a1b838;
  opacity: 1;
}
.slider02 .swiper-pagination-bullet-active {
  background: #a1b838 !important;
}
/* SP */
@media screen and (max-width:768px) {
  .slider02 .swiper-pagination-bullet {
    width: 18px !important;
    height: 18px !important;
  }
  .slider02 .swiper-container  {
    margin-bottom: 0 !important;
  }
  .slider02 .swiper-wrapper{
    padding-bottom: 9.333vw !important;
  }
  .slider02 .swiper-slide{
    padding: 0 14vw !important;
    margin: 0 auto;
  }
  .slider02 .swiper-button-next, .slider02 .swiper-button-prev{
    top: 45% !important;
    width: 40px !important;
    height: 40px !important;
  }
  .slider02 .swiper-button-prev, .slider02 .swiper-container-rtl .slider02 .swiper-button-next {
    left: 35px !important;
  }
  .slider02 .swiper-button-next, .slider02 .swiper-container-rtl .swiper-button-prev {
    right: 35px !important;
  }
}

.swiper-button-next svg,
.swiper-button-prev svg {
  display: none !important;
}




/*--------------------------------------------------------------------------------------------------------------------
footer
---------------------------------------------------------------------------------------------------------------------*/

footer {
  padding: 32px 1%;
	margin-bottom: 25%;
}
footer ul li a {
  color: #333333;
  display: block;
  text-decoration: none;
  padding: 5% 4% 5% 4%;
  font-size: 14px;
}
footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
footer li {
  background: #eeeeee;
  text-align: center;
  width: 32.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
}
footer li a {
  color: #ffffff;
  font-size: 14.66px;
}
footer .footer_linkWrap .footer_link:last-child a::after {
  display: none;
}
footer .copyright {
  padding-top: 40px;
  font-size: 14px;
  text-align: center;
}

@media screen and (max-width: 550px) {
  footer {
    padding: 4.267vw 1%;
  }
  footer ul li a {
    font-size: 0.875em;
  }
  footer .copyright {
    padding-top: 5.333vw;
    font-size: 0.875em;
  }
}


/*pagetop*/
#page-top {
  width: 60px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 999;
}

@media screen and (max-width: 550px) {
  #page-top {
    width: 16vw;
    bottom: 2vw;
    right: 2vw;
  }
}


/*fadeIn*/
/* fade-個別 */
.sa {opacity: 0;transition: all .6s ease-in;}
.sa.show {opacity: 1;transform: none;}
.sa--lr {transform: translateX(-25px);}
.sa--rl {transform: translateX(25px);}
.sa--up {transform: translateY(25px);}
.sa--down {transform: translateY(-25px);}
.sa--down15 {transform: translateY(-15px);}
.sa--scaleUp {transform: scale(.3);}
.sa--scaleDown {transform: scale(1.4);}
.sa--rotateL {transform: rotate(180deg);}
.sa--rotateR {transform: rotate(-180deg);}

.sa,.sa.show,.sa--lr,.sa--rl,.sa--up,.sa--down,.sa--down15,.sa--scaleUp,
.sa--scaleDown,.sa--rotateL,.sa--rotateR {
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  overflow:hidden
}










/* フローティングボタン-------*/
#fixed__btn__area{
	position: fixed;
	width: 100%;
    margin: 0 auto;
	bottom: 0; 
	right: 0;
	padding: 2% 0;
background-color: #eaf0ce;
}
.fixed__btn {
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
}
.fixed__btn img {
    width: 94.4%;
}
.fixed__btn a:hover {
	cursor: pointer;
}


.point {
  background-image: -moz-linear-gradient( 90deg, rgb(186,236,202) 0%, rgb(236,237,162) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(186,236,202) 0%, rgb(236,237,162) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(186,236,202) 0%, rgb(236,237,162) 100%);
  margin: 0;
  padding: 0;
}
.step {
  background: #f8f6ef;
}



.actor{background-color: #f8f6ef;}
.voice{background: url("../img/voice_bg.png") center top; background-size: cover;}