@charset "UTF-8";
/* ---------- ---------- ----------

00. Common Setting
01. Component Setting
02. Page SettingPage Setting

---------- ---------- ---------- */

/* ---------- ---------- ----------
:: for large screen ::
@media only screen and (min-width: 1025px) {
}
:: for medium screen ::
@media only screen and (min-width: 641px) and (max-width: 1024px) {
}
:: for small screen ::
@media only screen and (max-width: 640px) {
}
---------- ---------- ---------- */

/* -- ------------------------------
  00. Common Setting
------------------------------ --*/
/* Reset
---------- ---------- */


/* header
---------- ---------- */


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

.opt-fontfamily--01 {
  font-weight: 600;
}

/* -- ------------------------------
  01. Component Setting
------------------------------ --*/
/* Page Title (H1) */
.l-PageTitle--v2__h1 {
  font-size: 3.75rem;
}
 .l-PageTitle--v2__h1 .cmn-richtext{
  padding-left: 0;
 }
@media only screen and (max-width: 640px) {
  .l-PageTitle--v2__h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 640px) {
  .l-PageTitle__h1 .cmn-richtext,
  .l-PageTitle--v2__h1 .cmn-richtext {
    padding-left: 0;
  }
}

/* link */
.is-colorset--1 .l-ButtonUnit__link{
  border: none;
  border-bottom: 1px solid #333;

}
@media only screen and (min-width: 1025px) {
  .is-colorset--1 .l-ButtonUnit__link {
  padding: 20px 16px 20px 25px;
}
}
@media only screen and (max-width: 640px) {
  .is-colorset--1 .l-ButtonUnit__link{
    padding: 10px 0 10px 14px;
  }
}
#common_column_separator_3 .l-Column__cols {
  line-height: 1.5;
}
.l-ButtonP.is-gutter--m .l-ButtonP__list__item{
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .g-ButtonUnit__link {
    padding: 10px 15px;
    font-size: 14px;
  }
  .l-ButtonP.is-gutter--m .l-ButtonP__list__item:nth-of-type(3),.l-ButtonP.is-gutter--m .l-ButtonP__list__item:nth-of-type(4){
margin-top: 7px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .l-ButtonUnit__link{
  font-size: 14px;
  }
  .g-ButtonUnit__link{
    padding: 10px 15px;
  }
}

.l-HeadingTitle--v2__h2 {
  font-size: 1.9rem;
  margin-top: 80px;
}
@media only screen and (max-width: 640px) {
  .l-HeadingTitle--v2__h2 {
      font-size: 1.4rem;
      margin: 60px 0 0;
    }
}

.g-HeadingTitle--v2__titleBlock__titleBox__title{
  margin-bottom: 0;
}

.l-Column.is-gutter--l .l-Column__cols{
  padding-top: 0;
  padding-bottom: 0;
}

/* image carousel */
body:not(.is-authorring) .g-ImageCarouselPUnit--v2 .g-GroupBox {
  position: relative;
}
.hhs-ImageCarouselP-01 .g-ImageCarouselP__nav,
.hhs-ImageCarouselP-01 .g-ImageCarouselP__nav__dot:before {
  font-size: 1rem;
  margin-bottom: 0;
}

.hhs-ImageCarouselP-01 .g-ImageCarouselP__nav__dot {
  padding: 0 4px;
}

.hhs-ImageCarouselP-01 .slick-active .g-ImageCarouselP__nav__dot:before,
.hhs-ImageCarouselP-01 .slick-active .g-ImageCarouselP--v2__nav__dot:before {
  content: "\e020";
  color: #4c4c4c;
}

.hhs-ImageCarouselP-01 .g-ImageCarouselP__nav__dot:before,
.hhs-ImageCarouselP-01 .g-ImageCarouselP--v2__nav__dot:before {
  content: "\e019";
  color: #606060;
}

.hhs-ImageCarouselP-01 .l-ImageCarouselP__nav__dot:before,
.hhs-ImageCarouselP-01 .l-ImageCarouselP__nav__toggle:before {
  color: #4c4c4c;
}
.hhs-ImageCarouselP-01 .l-ImageCarouselP__nextArrow:before,
.hhs-ImageCarouselP-01 .l-ImageCarouselP__prevArrow:before{
  color: #4c4c4c;
  font-size: 34px;
}
.hhs-ImageCarouselP-01 .g-ImageCarouselP--v2__list{
  position: relative;
  margin-bottom: 0;
}
.hhs-ImageCarouselP-01 .g-ImageCarouselP--v2__list:before {
  content: "";
  background-image: linear-gradient(90deg, transparent, #ffffff 75%);
  position: absolute;
  width:calc(100% / 5.5);
  height: 100%;
  z-index: 1;
  right: -1px;
}
.hhs-ImageCarouselP-01 .g-ImageCarouselP--v2__list:after {
  content: "";
  background-image: linear-gradient(90deg, #ffffff 25%, transparent);
  position: absolute;
  width:calc(100% / 5.5);
  height: 100%;
  z-index: 1;
  left: 0px;
  top: 0;
}

 .hhs-ImageCarouselP-01 .g-ImageCarouselP__prevArrow {
  top: 0;
  left: -50px;
}
.hhs-ImageCarouselP-01 .g-ImageCarouselP__nextArrow {
  right: -50px;
  top: 0;
}


@media only screen and (min-width: 1025px){
.hhs-ImageCarouselP-01 .slick-list {
    padding-left: calc(100% / 5.8);
  }
}



@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .hhs-ImageCarouselP-01 .slick-list {
      padding-left: calc(100% / 4.5);
  }
  .hhs-ImageCarouselP-01 .g-ImageCarouselP--v2__list:before {
    width: 120px;
  }
    .g-TileLinkHUnit--v2__imageBlock.l-TileLinkHUnit--v2__imageBlock.opt-lg-w20p.opt-md-w50p.opt-sm-w50p{
      width: 20%;
    }
        .guide .g-Column__cols-md-2:last-of-type{
      width: 100%;
              margin-top: 20px;
    }
}

@media only screen and (max-width: 640px) {

  .hhs-ImageCarouselP-01   .g-ImageCarouselP__nav {
        padding: 0;
      }

}

.hhs-ImageCarouselP-01.l-ImageCarouselP--v2 {
  zoom: 1;
  overflow: visible;
}
.hhs-ImageCarouselP-01.l-ImageCarouselP--v2:before,
.hhs-ImageCarouselP-01.l-ImageCarouselP--v2:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.hhs-ImageCarouselP-01.l-ImageCarouselP--v2:after {
  clear: both;
}
/* -- ------------------------------
    02. Page SettingPage Setting
------------------------------ --*/
/* evangelists */
.evangelists .g-Image--v2__img img {
  border-radius: 100%;
  box-sizing: border-box;
}
.evangelists .l-Text {
  margin-top: 10px;
  font-size: 14px;
}
.evangelists .evangelists-name {
  font-size: 16px;
}
@media only screen and (max-width: 640px) {
  .evangelists .l-Text {
    margin-top: 6px;
    letter-spacing: 0.05em;
  }
}

/* guide */
.guide .l-HeadingTitle--v2__h4 {
font-size: 16px;
}
.guide .g-Text.l-Text.none.is-paddingReset {
  display: none;
}
.guide .g-HeadingTitle__titleBlock__titleBox__title{
  margin-bottom: 0;
}
.guide .step{
  background: #000;
}

.guide .step .g-HeadingTitle--v2__h4 {
  color: #fff;
  font-size: 1.1rem;
  padding: 5px 0;
}
.guide .is-colorset--7 {
  background: #fff;
}
.guide .notice{
  font-size: 14px;
}
.guide .l-ImageTextVP--v2__contentsBlock__text .l-Text{
  font-size: 18px;
}
@media only screen and (max-width: 1024px) {
  .guide .l-ImageTextVP--v2__contentsBlock__text .l-Text {
      font-size: 16px;
    }
}
@media only screen and (min-width: 1025px) {
  .viewing-steps {
    margin-bottom: 16px;
  }
}
.viewing-steps .l-Text {
  font-size: 20px;
  font-weight: bold;
}

.guide .l-Image--v2__caption{
  font-size: 14px;
}
.line .g-HeadingTitle--v2__h3 .opt-fontfamily--01{
  display: flex;
    justify-content: center;
    align-items: center;
}
.line .g-HeadingTitle--v2__h3 .opt-fontfamily--01:before,
.line .g-HeadingTitle--v2__h3 .opt-fontfamily--01:after{
    content: '';
    width: 1rem;
    height: 2px;
    display: block;
    background-color: #000;
    margin: 0 0.5rem;
}

/* live info */
.info .g-TileLinkHUnit--v2__inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.info .g-TileLinkHUnit--v2__leadBlock__title{
  font-weight: normal;
}
@media only screen and (max-width: 640px) {
  .guide .g-AnnotationListP--v2.opt-al_c .g-AnnotationListP--v2__ul{
    margin-left: 0;
  }
    .guide  .g-ImageTextVP--v2[class*="opt-sm-imageW"] .g-ImageTextVP--v2__contentsBlock__text{
                align-content: center;
                margin-bottom: 20px;
    }

  /* image carousel */
  .hhs-ImageCarouselP-01 .g-ImageCarouselP__prevArrow {
    left: -5px;
  }

  .hhs-ImageCarouselP-01 .g-ImageCarouselP__nextArrow {
    right: -5px;
  }

  .hhs-ImageCarouselP-01 .slick-list {
    padding-left: calc(100% / 2.8);
  }

  .hhs-ImageCarouselP-01 .g-ImageCarouselP__prevArrow,
  .hhs-ImageCarouselP-01 .g-ImageCarouselP__nextArrow {
    top: -130px !important;
    padding: 0;
  }

  .evangelists .evangelists-name {
    font-size: 14px;
  }


  /* ご視聴ステップ */
  .viewing-steps .l-Text {
    font-size: 18px;
  }

  /* live info */
  .info .g-TileLinkHUnit--v2__inner{
    flex-wrap: wrap;
  }
  .info .g-Image--v2__img img{
  margin: 0 auto;
  }

}