@charset "utf-8";
/* ---------------------
  - mainBoard
    - mainBoard--top
    - mainBoard--video
    - mainBoard--img
    - mainBoard__absolute
    - mainBoard__fixed
  - mainBoardTop
  - mainBoardMessage
  - mainBoardCatch
    - mainBoardCatch__sub
    - mainBoardCatch__main
  - mainBoardText
  - mainBoardVideo
    - mainBoardVideo__pc
    - mainBoardVideo__sp
  - mainBoardImg
  
  - mainContents
    - mainContents__inner

  - mainTitle
    - mainTitle__sub
    - mainTitle__main

  - mainMiddleTitle

  - mainSubTitle

  - mainText

  - viewMore
    - viewMore--left
    - viewMore--right
    - viewMore--company
    - viewMore__item

  - viewAll
    - viewALL__item

  - viewButton

  - information
  - informationList
    - informationList__item
  - informationDetail
    - informationDetail__item
    - informationDetail__date
    - informationDetail__icon
    - informationDetail__body
    - informationDetailIcon
      - informationDetailIcon__item
        - informationDetailIcon__item--new
    - informationDetailTag
      - informationDetailTag--corporate
      - informationDetailTag--recruit
      - informationDetailTag--product
      - informationDetailTag--other
    - informationDetailText
      - informationDetailText--pdf

  - notice

  - aboutUs
  - aboutUsContainer
    - aboutUsContainer__item
  - aboutUsContents
    - aboutUsContents__thumb
    - aboutUsContents__detail
      - aboutUsContents--reverse
      - aboutUsContents--origin
      - aboutUsContents--field
  - originList
    - originList__item

  - product
  - productContainer
    - productContainer__item
  - productList
    - productList__item
  - productListArrow
    - productListArrow--prev
    - productListArrow--next
  - productContents
    - productContents__thumb
    - productContents__detail
  - productDetail
    - productDetail__title
    - productDetail__body
  - productMore
    - productMore__item
  - productMoreContents
    - productMoreContents__title
    - productMoreContents__body

  - company
  - companyContainer
    - companyContainer__item
  - companyContents
    - companyContents__thumb
    - companyContents__detail
      - companyContents--reverse
      - companyContents--summary
      - companyContents--network

  - recruit
  - recruitContainer
    - recruitContainer__item
  - recruitBoard
    - recruitBoard__text
    - recruitBoard__bnr

  - recruitSlide
   - recruitSlide__item

  - sns
  - snsContainer
    - snsContainer__item
      - snsContainer--twitter
      - snsContainer--youtube

  - twitterContents
    - twitterContents__widget
    - twitterContents__frame
  - twitterIE
    - twitterIE__title
    - twitterIE__body

  - youtubeContents
    - youtubeContents__item
    - youtubeContents__movie
    - youtubeContents__caption
      - youtubeContents__caption--more
--------------------- */



/* =====================
  mainBoard
===================== */
#mainBoard {
  position: relative;
  z-index: 0;
}


/*  mainBoard--top
------------------------*/
.mainBoard--top {
  padding-top: 722px;
}
@media screen and (max-width:1366px) {
  .mainBoard--top {
    padding-top: 52.855051%; /* 722px */
  }
}
@media screen and (max-width:768px) {
  .mainBoard--top {
    padding-top: 405.922px;
  }
}
@media screen and (max-width:600px) {
  .mainBoard--top {
    padding-top: 136.231884%;
  }
}


/*  mainBoard--video
------------------------*/
.mainBoard--video {
  padding-top: -webkit-calc( 540px + 112px );
  padding-top:         calc( 540px + 112px );
}
@media screen and (max-width:1440px) {
  .mainBoard--video {
    /*padding-top: 56.25%;*/
    padding-top: -webkit-calc( 37.5% + 112px ); /* 540px + 112px */
    padding-top:         calc( 37.5% + 112px );
  }
}
@media screen and (max-width:1150px) {
  .mainBoard--video {
    padding-top: -webkit-calc( 37.5% + 109px );
    padding-top:         calc( 37.5% + 109px );
  }
}
@media screen and (max-width:1050px) {
  .mainBoard--video {
    padding-top: -webkit-calc( 37.5% + 106px );
    padding-top:         calc( 37.5% + 106px );
  }
}
@media screen and (max-width:950px) {
  .mainBoard--video {
    padding-top: -webkit-calc( 37.5% + 92px );
    padding-top:         calc( 37.5% + 92px );
  }
}
@media screen and (max-width:850px) {
  .mainBoard--video {
    padding-top: -webkit-calc( 37.5% + 82px );
    padding-top:         calc( 37.5% + 82px );
  }
}
@media screen and (max-width:768px) {
  .mainBoard--video {
    padding-top: -webkit-calc( 37.5% + 55px );
    padding-top:         calc( 37.5% + 55px );
  }
}
@media screen and (max-width:600px) {
  .mainBoard--video {
    padding-top: 136.231884%;
  }
}


/*  mainBoard--img
------------------------*/
.mainBoard--img {
  /*padding-top: 540px;*/
  padding-top: 37.5%;
}
/*@media screen and (max-width:480px) {
  .mainBoard--img {
    padding-top: 180px;
  }
}*/


/*  mainBoard__absolute
------------------------*/
#mainBoard__absolute {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}


/*  mainBoard__fixed
------------------------*/
#mainBoard__fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
}

.mainBoard--video #mainBoard__fixed {
  padding-top: calc( 540px + 112px );
}
@media screen and (max-width:1440px) {
  .mainBoard--video #mainBoard__fixed {
    /*padding-top: 56.25%;*/
    padding-top: -webkit-calc( 37.5% + 112px ); /* 540px + 112px */
    padding-top:         calc( 37.5% + 112px );
  }
}
@media screen and (max-width:1150px) {
  .mainBoard--video #mainBoard__fixed {
    padding-top: -webkit-calc( 37.5% + 109px );
    padding-top:         calc( 37.5% + 109px );
  }
}
@media screen and (max-width:1050px) {
  .mainBoard--video #mainBoard__fixed {
    padding-top: -webkit-calc( 37.5% + 106px );
    padding-top:         calc( 37.5% + 106px );
  }
}
@media screen and (max-width:950px) {
  .mainBoard--video #mainBoard__fixed {
    padding-top: -webkit-calc( 37.5% + 92px );
    padding-top:         calc( 37.5% + 92px );
  }
}
@media screen and (max-width:850px) {
  .mainBoard--video #mainBoard__fixed {
    padding-top: -webkit-calc( 37.5% + 82px );
    padding-top:         calc( 37.5% + 82px );
  }
}
@media screen and (max-width:768px) {
  .mainBoard--video #mainBoard__fixed {
    padding-top: -webkit-calc( 37.5% + 55px );
    padding-top:         calc( 37.5% + 55px );
  }
}
@media screen and (max-width:600px) {
  .mainBoard--video #mainBoard__fixed {
    padding-top: 136.231884%; /* 817.39px */
  }
}

.mainBoard--img #mainBoard__fixed {
  /*padding-top: 540px;*/
  padding-top: 37.5%; /* 540px */
}
/*@media screen and (max-width:480px) {
  .mainBoard--img #mainBoard__fixed {
    padding-top: 180px;
  }
}*/

.underLayer #mainBoard__fixed {
  top: 112px;
}
@media screen and (max-width:1150px) {
  .underLayer #mainBoard__fixed {
    top: 109px;
  }
}
@media screen and (max-width:1050px) {
  .underLayer #mainBoard__fixed {
    top: 106px;
  }
}
@media screen and (max-width:950px) {
  .underLayer #mainBoard__fixed {
    top: 92px;
  }
}
@media screen and (max-width:850px) {
  .underLayer #mainBoard__fixed {
    top: 82px;
  }
}
@media screen and (max-width:768px) {
  .underLayer #mainBoard__fixed {
    top: 55px;
  }
}


/*  mainBoardTop
------------------------*/
#mainBoardTop {
  position: relative;
  z-index: 0;
  background-image: url("/assets/corporate/images/main/index/mainBoard/bg/pc.jpg");
  background-position: 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  padding-top: 722px;
}
@media screen and (max-width:1366px) {
  #mainBoardTop {
    padding-top: 52.855051%; /* 722px */
  }
}
@media screen and (max-width:768px) {
  #mainBoardTop {
    padding-top: 405.922px;
  }
}
@media screen and (max-width:600px) {
  #mainBoardTop {
    background-image: url("/assets/corporate/images/main/index/mainBoard/bg/sp.jpg");
    padding-top: 136.231884%;
  }
}


/*  mainBoardMessage
------------------------*/
#mainBoardMessage {
  position: absolute;
  right: 0;
  bottom: 132px;
  left: 0;
  width: 100%;
  max-width: 1098px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-size: 60px;
  font-family: 'Noto Serif JP', serif;
  text-shadow: 3px 3px 6px rgba(43,68,92,.6);
}
@media screen and (max-width:1366px) {
  #mainBoardMessage {
    bottom: 18.282548%;
    font-size: 4.392387vw; 
  }
}
@media screen and (max-width:1097px) {
  #mainBoardMessage {
    padding: 0 20px;
  }
}
@media screen and (max-width:768px) {
  #mainBoardMessage {
    bottom: 74.2031px;
    font-size: 40px;
  }
}
@media screen and (max-width:600px) {
  #mainBoardMessage {
    bottom: 18.282548%;
    font-size: 6.666667vw;
  }
}



/* =====================
  mainBoardCatch
===================== */
/*  mainBoardCatch__sub
------------------------*/
#mainBoardCatch__sub {
  font-size: .4em; /* 24px */
}


/*  mainBoardCatch__main
------------------------*/
#mainBoardCatch__main {
  letter-spacing: .18em;
  -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-left: -.23em;
  font-family: YakuHanMP, 'Noto Serif JP', serif;
}

#mainBoardCatch__main span {
  font-size: 1.233333em;/* 74px */
}



/* =====================
  mainBoardText
===================== */
#mainBoardText {
  margin-top: 10px;
  font-size: .283333em; /* 17px */
  line-height: 1.647059;
  letter-spacing: .06em;
}



/* =====================
  mainBoardVideo
===================== */
#mainBoardVideo {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
}

#mainBoardVideo video {
  width: 100%;
}


/*  mainBoardVideo__pc
------------------------*/
@media screen and (max-width:600px) {
  #mainBoardVideo__pc {
    display: none;
  }
}



/*  mainBoardVideo__sp
------------------------*/
#mainBoardVideo__sp {
  display: none;
}
@media screen and (max-width:600px) {
  #mainBoardVideo__sp {
    display: block;
  }
}



/* =====================
  mainBoardImg
===================== */
#mainBoardImg {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
}

#mainBoardImg img {
  display: block;
  width: 100%;
  margin: 0 auto;
}



/* =====================
  mainContents
===================== */
.mainContents{
  padding: 60px 0 65px;
  overflow: hidden;
}
@media screen and (max-width:1366px) {
  .mainContents{
    padding: 4.392387vw 0 4.758419vw; /* 60px 0 65px */
  }
}
@media screen and (max-width:768px) {
  .mainContents {
    padding: 40px 0 45px;
  }
}


/*  mainContents__inner
------------------------*/
.mainContents__inner {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:1365px) {
  .mainContents__inner {
    padding: 0 20px;
  }
}



/* =====================
  mainTitle
===================== */
.mainTitle {
  position: relative;
  margin-bottom: 70px;
  padding-bottom: 10px;
  font-size: 46px;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
}
@media screen and (max-width:1366px) {
  .mainTitle {
    margin-bottom: 5.124451vw; /* 70px */
    font-size: 3.367496vw; /* 46px */
  }
}
@media screen and (max-width:768px) {
  .mainTitle {
    margin-bottom: 50px;
    font-size: 40px;
  }
}
@media screen and (max-width:600px) {
  .mainTitle {
    font-size: 34px;
  }
}
@media screen and (max-width:425px) {
  .mainTitle {
    font-size: 28px;
  }
}

.mainTitle:after {
  position: absolute;
  /*right: 0;*/
  bottom: 0;
  left: -webkit-calc( ( 100% - 3.043479em ) / 2 );
  left:         calc( ( 100% - 3.043479em ) / 2 );
  width: 3.043479em; /* 140px */
  height: 5px;
  margin: 0 auto;
  background-color: #060606;
  content: " ";
}


/*  mainTitle__sub
------------------------*/
.mainTitle__sub {
  font-size: .347826em; /* 16px */
}


/*  mainTitle__main
------------------------*/
.mainTitle__main {
  font-weight: 600;
  font-size: 1em;
}



/* =====================
  mainMiddleTitle
===================== */
.mainMiddleTitle {
  margin-bottom: 30px;
  color: #303030;
  font-weight: 600;
  font-size: 42px;
  font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width:1366px) {
  .mainMiddleTitle {
    margin-bottom: 2.196193vw; /* 30px */
    font-size: 3.074671vw; /* 42px */ 
  }
}
@media screen and (max-width:768px) {
  .mainMiddleTitle {
    margin-bottom: 30px;
    font-size: 36px;
  }
}
@media screen and (max-width:600px) {
  .mainMiddleTitle {
    font-size: 30px;
  }
}
@media screen and (max-width:425px) {
  .mainMiddleTitle {
    font-size: 24px;
  }
}



/* =====================
  mainSubTitle
===================== */
.mainSubTitle {
  margin-bottom: 30px;
  color: #575757;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.545455;
  font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width:1366px) {
  .mainSubTitle {
    margin-bottom: 2.196193vw; /* 30px */
    font-size: 1.610542vw; /* 22px */
  }
}
@media screen and (max-width:768px) {
  .mainSubTitle {
    margin-bottom: 30px;
    font-size: 20px;
  }
}
@media screen and (max-width:600px) {
  .mainSubTitle {
    font-size: 18px;
  }
}



/* =====================
  mainText
===================== */
.mainText {
  color: #5b5b5b;
  font-size: 14px;
  line-height: 2;
}
@media screen and (max-width:1366px) {
  .mainText {
    font-size: 1.02489vw; /* 14px */
  }
}
@media screen and (max-width:768px) {
  .mainText {
    font-size: 12px;
  }
}



/* =====================
  viewMore
===================== */
.viewMore {
  width: 100%;
  max-width: 23.071429em; /* 323px */
  margin-top: 60px;
  font-size: 14px;
  font-family: 'Noto Serif JP', serif;
  text-transform: uppercase;
}
@media screen and (max-width:1366px) {
  .viewMore {
    margin-top: 4.392387vw; /* 60px */
    font-size: 1.02489019vw; /* 14px */
  }
}
@media screen and (max-width:768px) {
  .viewMore {
    margin-top: 40px;
    font-size: 12px;
  }
}

.viewMore a ,
.viewMore span {
  display: block;
  position: relative;
  padding-bottom: 8px;
  border-bottom: 1px solid #9e8878;
  color: #9e8878;
  text-decoration: none;
}

.viewMore a:after ,
.viewMore span:after {
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
       -o-transform: translateY(50%);
          transform: translateY(50%);
  width: 3.1428571em; /* 44px */
  height: 5px;
  background-color: #867669;
  content: " ";
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.viewMore a:hover:after {
  width: 100%;
}


/*  viewMore--left
------------------------*/
.viewMore--left a:after ,
.viewMore--left span:after {
  left: 0;
}


/*  viewMore--right
------------------------*/
.viewMore--right {
  margin-left: auto;
  text-align: right;
}

.viewMore--right a:after ,
.viewMore--right span:after {
  right: 0;
}


/*  viewMore--company
------------------------*/
.viewMore--company {
  margin-left: auto;
  font-size: 18px;
}
@media screen and (max-width:1366px) {
  .viewMore--company {
    font-size: 1.317716vw; /* 18px */
  }
}
@media screen and (max-width:768px) {
  .viewMore--company {
    font-size: 16px;
  }
}

.viewMore--company a {
  border-color: #878a8f;
  color: #bebebe;
}

.viewMore--company a:before {
  display: block;
  position: absolute;
  right: 0;
  bottom: 8px;
  color: #9e8878;
  font-size: .777778em; /* 14px */
  content: "view more";
}

.viewMore--company a:after {
  right: 0;
}


/*  viewMore__item
------------------------*/
.viewMore__item + .viewMore__item {
  margin-top: 25px;
}



/* =====================
  viewAll
===================== */
.viewAll {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  margin-top: 60px;
  font-size: 14px;
  font-family: 'Noto Serif JP', serif;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width:1366px) {
  .viewAll {
    margin-top: 4.392387vw; /* 60px */
    font-size: 1.02489019vw; /* 14px */
  }
}
@media screen and (max-width:768px) {
  .viewAll {
    margin-top: 40px;
    font-size: 12px;
  }
}
@media screen and (max-width:600px) {
  .viewAll {
    display: block;
  }
}


/*  viewAll__item
------------------------*/
.viewAll__item {
  width: 25%;
  min-width: 260px;
  max-width: 280px;
}
@media screen and (max-width:600px) {
  .viewAll__item {
    margin: 0 auto;
  }
}

.viewALL__item + .viewALL__item {
  margin-left: 30px;
}
@media screen and (max-width:600px) {
  .viewALL__item + .viewALL__item {
    margin-top: 15px;
    margin-left: auto;
  }
}

.viewAll__item a {
  display: block;
  padding: 1em 1.5em;
  border-radius: 3px;
  background-color: #fff;
  color: #9e8878;
  text-decoration: none;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.viewAll__item a:hover {
  background-color: #867669;
  color: #fff;
}

.viewAll__item a > span {
  display: block;
  position: relative;
  z-index: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #9e8878;
}

.viewAll__item a:hover > span {
  border-bottom-color: #fff;
}

.viewAll__item a > span:after {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
       -o-transform: translateY(50%);
          transform: translateY(50%);
  width: 3.142859em; /* 44px */
  height: 5px;
  margin: 0 auto;
  background-color: #867669;
  content: " ";
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.viewAll__item a:hover > span:after {
  width: 100%;
  background-color: #fff;
}



/* =====================
  viewButton
===================== */
.viewButton {
  max-width: 346px;
  margin: 0 auto;
  margin-top: 60px;
  text-align: center;
  font-size: 15px;
}
@media screen and (max-width:1366px) {
  .viewButton {
    max-width: 25.329429vw; /* 346px */
    margin-top: 4.392387vw; /* 60px */
    font-size: 1.098097vw; /* 15px */
  }
}
@media screen and (max-width:768px) {
  .viewButton {
    max-width: 346px;
    margin-top: 40px;
    font-size: 13px;
  }
}

.basicContents .viewButton {
  max-width: 346px;
  margin-top: 50px;
  font-size: 15px;
}
@media screen and (max-width:768px) {
  .basicContents .viewButton {
    margin-top: 30px;
    font-size: 13px;
  }
}

.viewButton a ,
.viewButton span {
  display: block;
  padding: 10px;
  border-radius: 3px;
  background: -moz-linear-gradient(top,  rgba(223,223,223,0.5) 0%, rgba(58,150,161,0.8) 60%, rgba(58,150,161,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(223,223,223,0.5) 0%,rgba(58,150,161,0.8) 60%,rgba(58,150,161,1) 100%);
  background: linear-gradient(to bottom,  rgba(223,223,223,0.5) 0%,rgba(58,150,161,0.8) 60%,rgba(58,150,161,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80dfdfdf', endColorstr='#3a96a1',GradientType=0 );
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}



/* =====================
  information
===================== */
#information {
  background-color: #e5e5e5;
}

#information .mainContents__inner {
  max-width: 1000px;
  padding: 0;
}
@media screen and (max-width:999px) {
  #information .mainContents__inner {
    padding: 0 20px;
  }
}

#information .mainTitle {
  margin-bottom: 35px;
  padding-bottom: 0;
  font-size: 40px;
}
@media screen and (max-width:1366px) {
  #information .mainTitle {
    margin-bottom: 2.562225vw;
    font-size: 2.928258vw;
  }
}
@media screen and (max-width:768px) {
  #information .mainTitle {
    margin-bottom: 35px;
    font-size: 34px;
  }
}
@media screen and (max-width:600px) {
  #information .mainTitle {
    font-size: 28px;
  }
}
@media screen and (max-width:425px) {
  #information .mainTitle {
    font-size: 22px;
  }
}

#information .mainTitle:after {
  content: none;
}

#information .mainTitle__sub {
  color: #858585;
  font-size: .4em; /* 16px */
}

#information .mainTitle__main {
  font-weight: 400;
}

#information .viewMore {
  margin-top: 40px;
}
@media screen and (max-width:1366px) {
  #information .viewMore {
    margin-top: 2.928258vw;
  }
}
@media screen and (max-width:768px) {
  #information .viewMore {
    margin-top: 40px;
  }
}

#information .viewMore a {
  border-color: #fff;
}



/* =====================
  informationList
===================== */
.informationList {
  border-top: 1px solid #8f8f8f;
  border-bottom: 1px solid #8f8f8f;
  font-family: 'Noto Serif JP', serif;
}


/*  informationList__item
------------------------*/
.informationList__item + .informationList__item {
  border-top: 1px solid #8f8f8f;
}

.informationList__item a {
  display: block;
  padding: 26px 75px 24px;
  color: #060606;
  text-decoration: none;
}
@media screen and (max-width:1366px) {
  .informationList__item a {
    padding: 1.903367vw 5.490483vw 1.756955vw;
  }
}
@media screen and (max-width:768px) {
  .informationList__item a {
    padding: 26px 55px 24px;
  }
}
@media screen and (max-width:600px) {
  .informationList__item a {
    padding: 26px 35px 24px;
  }
}
@media screen and (max-width:425px) {
  .informationList__item a {
    padding: 26px 20px 24px;
  }
}



/* =====================
  informationDetail
===================== */
.informationDetail {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
         -o-flex-wrap: wrap;
            flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  font-size: 18px;
}
@media screen and (max-width:1366px) {
  .informationDetail {
    font-size: 1.317716vw;
  }
}
@media screen and (max-width:768px) {
  .informationDetail {
    font-size: 16px;
  }
}
@media screen and (max-width:600px) {
  .informationDetail {
    font-size: 14px;
  }
}


/*  informationDetail__item
------------------------*/
.informationDetail__item + .informationDetail__item {
  margin-left: 160px;
}
@media screen and (max-width:1366px) {
  .informationDetail__item + .informationDetail__item {
    margin-left: 11.713031vw;
  }
}
@media screen and (max-width:768px) {
  .informationDetail__item + .informationDetail__item {
    margin-left: 110px;
  }
}
@media screen and (max-width:600px) {
  .informationDetail__item + .informationDetail__item {
    margin: 0;
    margin-top: 5px;
  }
}


/*  informationDetail__date
------------------------*/
.informationDetail__date {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  /*width: 5em;*/
  width: 5.5em;
  white-space: nowrap;
}


/*  informationDetail__icon
------------------------*/
.informationDetail__icon {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
}

.informationDetail__item + .informationDetail__icon {
  margin-left: 47px;
}
@media screen and (max-width:1366px) {
  .informationDetail__item + .informationDetail__icon {
    margin-left: 3.440703vw;
  }
}
@media screen and (max-width:768px) {
  .informationDetail__item + .informationDetail__icon {
    margin-left: 27px;
  }
}
@media screen and (max-width:600px) {
  .informationDetail__item + .informationDetail__icon {
    margin: 0;
    margin-left: 10px;
  }
}

.informationDetail__icon + .informationDetail__item {
  margin-left: 47px;
}
@media screen and (max-width:1366px) {
  .informationDetail__icon + .informationDetail__item {
    margin-left: 3.440703vw;
  }
}
@media screen and (max-width:768px) {
  .informationDetail__icon + .informationDetail__item {
    margin-left: 27px;
  }
}
@media screen and (max-width:600px) {
  .informationDetail__icon + .informationDetail__item {
    margin: 0;
    margin-top: 5px;
  }
}


/*  informationDetail__body
------------------------*/
.informationDetail__body {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}
@media screen and (max-width:600px) {
  .informationDetail__body {
    -webkit-flex: auto;
       -moz-flex: auto;
        -ms-flex: auto;
         -o-flex: auto;
            flex: auto;
    width: 100%;
  }
}



/* =====================
  informationDetailIcon
===================== */
.informationDetailIcon {
  color: #fff;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width:1366px) {
  .informationDetailIcon {
    font-size: 1.171303vw;
  }
}
@media screen and (max-width:768px) {
  .informationDetailIcon {
    font-size: 14px;
  }
}
@media screen and (max-width:600px) {
  .informationDetailIcon {
    display: -webkit-flex;
    display:    -moz-flex;
    display:     -ms-flex;
    display:      -o-flex;
    display:         flex;
    justify-content: flex-start;
    -ms-align-items: stretch;
        align-items: stretch;
    font-size: 12px;
  }
}


/*  informationDetailIcon__item
------------------------*/
.informationDetailIcon__item {
  width: 66px;
  padding: 1px 0 2px;
  border-radius: 8px;
  -webkit-box-shadow: 3px 3px 7px rgba(90,90,90,.3);
          box-shadow: 3px 3px 7px rgba(90,90,90,.3);
}
@media screen and (max-width:1366px) {
  .informationDetailIcon__item {
    width: 4.831625vw;
  }
}
@media screen and (max-width:768px) {
  .informationDetailIcon__item {
    width: 56px;
  }
}

.informationDetailIcon__item + .informationDetailIcon__item {
  margin-top: 5px;
}
@media screen and (max-width:600px) {
  .informationDetailIcon__item + .informationDetailIcon__item {
    margin: 0;
    margin-left: 5px;
  }
}

/* informationDetailIcon__item--new */
.informationDetailIcon__item--new {
  background: rgb(58,150,161);
  background: -moz-linear-gradient(left,  rgba(58,150,161,1) 40%, rgba(151,190,195,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(58,150,161,1) 40%,rgba(151,190,195,1) 100%);
  background: linear-gradient(to right,  rgba(58,150,161,1) 40%,rgba(151,190,195,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a96a1', endColorstr='#97bec3',GradientType=1 );
}



/* =====================
  informationDetailTag
===================== */
.informationDetailTag {
  display: table;
  padding: 0 10px 1px;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
}


/*  informationDetailTag--corporate
------------------------*/
.informationDetailTag--corporate {
  background-color: #1763b5;
}


/*  informationDetailTag--recruit
------------------------*/
.informationDetailTag--recruit {
  background-color: #0494bd;
}


/*  informationDetailTag--product
------------------------*/
.informationDetailTag--product {
  background-color: #4ba518;
}


/*  informationDetailTag--other
------------------------*/
.informationDetailTag--other {
  background-color: #ce8015;
}




/* =====================
  informationDetailText
===================== */
.informationList__item a:hover .informationDetailText {
  text-decoration: underline;
}


/*  .informationDetailText__pdf
------------------------*/
.informationDetailText__pdf {
  display: inline-block;
  width: 24px;
  margin-left: 6px;
  padding-top: 24px;
  overflow: hidden;
  background-image: url("/assets/corporate/images/main/news/pdf.png");
  background-position: 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-indent: 100%;
  white-space: nowrap;
}



/* =====================
  notice
===================== */
#notice {
  position: relative;
  background-color: #e5e5e5;
}

#notice:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(left,  rgba(58,150,161,0.67) 0%, rgba(58,150,161,0.69) 50%, rgba(223,223,223,0.7) 100%);
  background: -webkit-linear-gradient(left,  rgba(58,150,161,0.67) 0%,rgba(58,150,161,0.69) 50%,rgba(223,223,223,0.7) 100%);
  background: linear-gradient(to right,  rgba(58,150,161,0.67) 0%,rgba(58,150,161,0.69) 50%,rgba(223,223,223,0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab3a96a1', endColorstr='#b3dfdfdf',GradientType=1 );
  content: " ";
}

#notice .informationList {
  position: relative;
  z-index: 9;
  border: none;
}

#notice .informationList__item + .informationList__item {
  border: none;
}

#notice .informationList__item a {
  padding: 13px 20px 12px;
  color: #fff;
}

#notice .informationDetail {
  -webkit-flex-direction: row-reverse;
     -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
       -o-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-flex-wrap: nowrap;
     -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
       -o-flex-wrap: nowrap;
          flex-wrap: nowrap;
  justify-content: center;
}

#notice .informationDetail__item + .informationDetail__item {
  margin: 0;
}

#notice .informationDetail__date {
  width: auto;
  margin-left: 30px;
}
@media screen and (max-width:1366px) {
  #notice .informationDetail__date {
    margin-left: 2.196193vw;
  }
}
@media screen and (max-width:768px) {
  #notice .informationDetail__date {
    margin-left: 20px;
  }
}

#notice .informationDetail__body {
  -webkit-flex: 0 1 auto;
     -moz-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
       -o-flex: 0 1 auto;
          flex: 0 1 auto;
}



/* =====================
  aboutUs
===================== */
#aboutUs {
  padding: 70px 0 90px;
  background-color: #171e27;
}
@media screen and (max-width:1366px) {
  #aboutUs {
    padding: 5.124451vw 0 6.58858vw;
  }
}
@media screen and (max-width:768px) {
  #aboutUs {
    padding: 50px 0 70px;
  }
}

#aboutUs .mainContents__inner {
  padding: 0;
}

#aboutUs .mainTitle {
  margin-bottom: 60px;
}
@media screen and (max-width:1366px) {
  #aboutUs .mainTitle {
    margin-bottom: 4.392387vw;
  }
}
@media screen and (max-width:768px) {
  #aboutUs .mainTitle {
    margin-bottom: 40px;
  }
}

#aboutUs .mainTitle:after {
  background-color: #b4b4b4;
}

#aboutUs .mainTitle__sub {
  color: #fff;
}

#aboutUs .mainTitle__main {
  color: #9e8878;
}

#aboutUs .mainSubTitle {
  margin-bottom: 65px;
}
@media screen and (max-width:1366px) {
  #aboutUs .mainSubTitle {
    margin-bottom: 4.758419vw;
  }
}
@media screen and (max-width:768px) {
  #aboutUs .mainSubTitle {
    margin-bottom: 45px;
  }
}



/* =====================
  aboutUsContainer
===================== */
/*  aboutUsContainer__item
------------------------*/
.aboutUsContainer__item {
  position: relative;
  z-index: 0;
}

.aboutUsContainer__item + .aboutUsContainer__item {
  margin-top: 120px;
}
@media screen and (max-width:1366px) {
  .aboutUsContainer__item + .aboutUsContainer__item {
    margin-top: 8.784773vw;
  }
}
@media screen and (max-width:768px) {
  .aboutUsContainer__item + .aboutUsContainer__item {
    margin-top: 100px;
  }
}

.aboutUsContainer__item + .aboutUsContainer__item:after {
  display: block;
  position: absolute;
  top: 32px;
  right: 25%;
  bottom: 32px;
  left: 0;
  z-index: -1;
  background-color: #e2e2e2;
  content: " ";
}
@media screen and (max-width:1366px) {
  .aboutUsContainer__item + .aboutUsContainer__item:after {
    top: 2.342606vw;
    bottom: 2.342606vw;
  }
}
@media screen and (max-width:768px) {
  .aboutUsContainer__item + .aboutUsContainer__item:after {
    top: 32px;
    right: 0;
    bottom: 0;
  }
}



/* =====================
  aboutUsContents
===================== */
.aboutUsContents {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:768px) {
  .aboutUsContents {
    display: block;
  }
}


/*  aboutUsContents__thumb
------------------------*/
.aboutUsContents__thumb {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
}

.aboutUsContents__thumb img {
  display: block;
  width: 100%;
  max-width: 100%;
}


/*  aboutUsContents__detail
------------------------*/
.aboutUsContents__detail {
  position: relative;
  z-index: 0;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}


/*  aboutUsContents--reverse
------------------------*/
.aboutUsContents--reverse {
  -webkit-flex-direction: row-reverse;
     -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
       -o-flex-direction: row-reverse;
          flex-direction: row-reverse;
}


/*  aboutUsContents--origin
------------------------*/
.aboutUsContents--origin {
  padding: 0 20px;
  padding-right: 0;
}
@media screen and (max-width:768px) {
  .aboutUsContents--origin {
    padding: 0;
  }
}

.aboutUsContents--origin .aboutUsContents__thumb {
  width: 730px;
}
@media screen and (max-width:1366px) {
  .aboutUsContents--origin .aboutUsContents__thumb {
    width: 53.440703vw; /* 730px */
  }
}
@media screen and (max-width:768px) {
  .aboutUsContents--origin .aboutUsContents__thumb {
    width: auto;
    margin-left: -9%;
    padding-right: 10%;
  }
}

.aboutUsContents--origin .aboutUsContents__detail {
  padding: 0 50px;
  padding-right: 80px;
}
@media screen and (max-width:1366px) {
  .aboutUsContents--origin .aboutUsContents__detail {
    padding: 0 3.660322vw;
    padding-right: 5.856515vw;
  }
}
@media screen and (max-width:768px) {
  .aboutUsContents--origin .aboutUsContents__detail {
    margin-top: 30px;
    padding: 0 20px;
  }
}

.aboutUsContents--origin .mainMiddleTitle {
  color: #fff;
  font-family: YakuHanMP, 'Noto Serif JP', serif;
}

.aboutUsContents--origin .mainSubTitle ,
.aboutUsContents--origin .mainText {
  color: #e3e3e3;
}

.aboutUsContents--origin .viewMore {
  margin-top: 50px;
}
@media screen and (max-width:1366px) {
  .aboutUsContents--origin .viewMore {
    margin-top: 3.660322vw;
  }
}
@media screen and (max-width:768px) {
  .aboutUsContents--origin .viewMore {
    margin-top: 30px;
  }
}

.aboutUsContents--origin .viewMore a {
  border-color: #878a8f;
}


/*  aboutUsContents--field
------------------------*/
.aboutUsContents--field {
  padding: 32px 10px;
  padding-left: 0;
  font-size: 32px;
}
@media screen and (max-width:1366px) {
  .aboutUsContents--field {
    padding: 2.342606vw 10px;
    padding-left: 0;
    font-size: 2.342606vw;
  }
}
@media screen and (max-width:768px) {
  .aboutUsContents--field {
    padding: 32px 0;
    font-size: 28px;
  }
}
@media screen and (max-width:600px) {
  .aboutUsContents--field {
    font-size: 24px;
  }
}
@media screen and (max-width:425px) {
  .aboutUsContents--field {
    font-size: 20px;
  }
}

.aboutUsContents--field .aboutUsContents__thumb {
  width: 760px;
  margin: -32px 0;
}
@media screen and (max-width:1366px) {
  .aboutUsContents--field .aboutUsContents__thumb {
    width: 55.636896vw; /* 760px */
    margin: -2.342606vw 0;
  }
}
@media screen and (max-width:768px) {
  .aboutUsContents--field .aboutUsContents__thumb {
    width: auto;
    margin: -32px 0 0;
    margin-right: -6%;
    padding-left: 10%;
  }
}

.aboutUsContents--field .aboutUsContents__detail {
  padding: 0 50px;
  padding-left: 115px;
}
@media screen and (max-width:1366px) {
  .aboutUsContents--field .aboutUsContents__detail {
    padding: 0 3.660322vw;
    padding-left: 8.418741vw;
  }
}
@media screen and (max-width:768px) {
  .aboutUsContents--field .aboutUsContents__detail {
    margin-top: 30px;
    padding: 0 20px;
    padding-left: 95px;
  }
}
@media screen and (max-width:600px) {
  .aboutUsContents--field .aboutUsContents__detail {
    padding-left: 75px;
  }
}
@media screen and (max-width:425px) {
  .aboutUsContents--field .aboutUsContents__detail {
    padding-left: 55px;
  }
}

.aboutUsContents--field .aboutUsContents__detail:before ,
.aboutUsContents--field .aboutUsContents__detail:after {
  display: block;
  position: absolute;
  color: #303030;
  font-weight: 600;
  font-size: 1em;
  font-family: 'Noto Serif JP', serif;
}

.aboutUsContents--field .aboutUsContents__detail:before {
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
       -o-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  padding: 1.0625em 0;
  background-color: #e2e2e2;
  white-space: nowrap;
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
     -moz-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  content: "News for Value";
}

.aboutUsContents--field .aboutUsContents__detail:after {
  top: -48px;
  bottom: -48px;
  z-index: -1;
  left: .75em;
  width: 1px;
  background-color: #303030;
  content: " ";
}
@media screen and (max-width:1366px) {
  .aboutUsContents--field .aboutUsContents__detail:after {
    top: -3.513909vw;
    bottom: -3.513909vw;
  }
}
@media screen and (max-width:999px) {
  .aboutUsContents--field .aboutUsContents__detail:after {
    top: 0;
    bottom: 0;
  }
}

.aboutUsContents--field .mainMiddleTitle {
  font-family: YakuHanMP, 'Noto Serif JP', serif;
}

.aboutUsContents--field .viewMore {
  margin-top: 80px;
}
@media screen and (max-width:1366px) {
  .aboutUsContents--field .viewMore {
    margin-top: 5.856515vw;
  }
}
@media screen and (max-width:768px) {
  .aboutUsContents--field .viewMore {
    margin-top: 60px;
  }
}

.aboutUsContents--field .viewMore a {
  border-color: #303030;
}



/* =====================
  originList
===================== */
.originList {
  list-style: none;
  color: #fff;
  font-weight: 600;
  font-size: 40px;
  font-family: 'Noto Serif JP', serif;
  counter-reset: origin;
}
@media screen and (max-width:1366px) {
  .originList {
    font-size: 2.928258vw;
  }
}
@media screen and (max-width:768px) {
  .originList {
    font-size: 34px;
  }
}
@media screen and (max-width:600px) {
  .originList {
    font-size: 28px;
  }
}
@media screen and (max-width:425px) {
  .originList {
    font-size: 22px;
  }
}


/*  originList__item
------------------------*/
.originList__item {
  position: relative;
}

.originList__item img {
  display: block;
  width: 100%;
  max-width: 100%;
}

.originList__item span {
  position: absolute;
  top: 50%;
  right: 90px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-left: 2.261905em;
}
@media screen and (max-width:1366px) {
  .originList__item span {
    right: 2.142857em;
  }
}

.originList__item span:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.1em; /* 44px */
  content: "0"counter(origin);
  counter-increment: origin;
}

.originList__item span:after {
  display: block;
  position: absolute;
  top: .125em; /* 5px */
  bottom: 0;
  left: 1.75em; /* 70px */
  width: 1px;
  height: 1em;
  margin: auto 0;
  background-color: #fff;
  content: " ";
}



/* =====================
  product
===================== */
#product {
  padding: 70px 0 100px;
  background-color: #e5e5e5;
}
@media screen and (max-width:1366px) {
  #product {
    padding: 5.124451vw 0 7.320644vw; /* 70px 0 100px */
  }
}
@media screen and (max-width:768px) {
  #product {
    padding: 50px 0 80px;
  }
}

#product .mainContents__inner {
  padding: 0;
}

#product .mainTitle {
  margin-bottom: 40px;
}
@media screen and (max-width:1366px) {
  #product .mainTitle {
    margin-bottom: 2.928258vw; /* 40px */
  }
}
@media screen and (max-width:768px) {
  #product .mainTitle {
    margin-bottom: 40px;
  }
}

#product .mainTitle:after {
  background-color: #707070;
}

#product .mainTitle__sub {
  color: #747474;
}

#product .mainTitle__main {
  color: #867669;
}

#product .viewMore {
  margin-top: auto;
}

#product .viewMore span {
  border-color: #707070;
}

.productContents a:hover .viewMore span:after {
  width: 100%;
}



/* =====================
  productContainer
===================== */
/*  productContainer__item
------------------------*/
.productContainer__item + .productContainer__item {
  margin-top: 90px;
  padding: 80px 20px;
  background-image: url("/assets/corporate/images/main/index/product/bg.jpg");
  background-position: 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width:1366px) {
  .productContainer__item + .productContainer__item {
    margin-top: 6.58858vw; /* 90px */
    padding: 5.856515vw 0; /* 80px 0 */
  }
}
@media screen and (max-width:1059px) {
  .productContainer__item + .productContainer__item {
    padding: 5.856515vw 20px; /* 80px 20px */
  }
}
@media screen and (max-width:768px) {
  .productContainer__item + .productContainer__item {
    margin-top: 70px;
    padding: 60px 20px;
  }
}

.productContainer__item + .productContainer__item .mainContents__inner {
  max-width: 1060px;
}



/* =====================
  productList
===================== */
.productList {
  position: relative;
  z-index: 0;
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}
@media screen and (max-width:768px) {
  .productList {
    display: block;
  }
}

.productList .slick-list {
  padding: 0 6.510417vw !important; /* 50px */
}
@media screen and (max-width:600px) {
  .productList .slick-list {
    padding: 0 8.333333vw !important; /* 50px */
  }
}

.productList .slick-track {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}


.productList.slick-initialized .productContents.slick-slide {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  float: none;
  height: auto;
  min-height: auto;
}


/*  productList__item
------------------------*/
.productList__item {
  width: -webkit-calc( ( 100% - .01px ) / 3 );
  width:         calc( ( 100% - .01px ) / 3 );
}
@media screen and (max-width:768px) {
  .productList__item {
    width: auto;
  }
}



/* =====================
  productListArrow
===================== */
.productListArrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 9;
  width: 6.510417vw; /* 50px */
  /*background-color: rgba(229,229,229,.25);*/
}
@media screen and (max-width:600px) {
  .productListArrow {
    width: 8.333333vw; /* 50px */
  }
}

.productListArrow:hover {
  cursor: pointer;
}

.productListArrow:before {
  position: absolute;
  z-index: 9;
  top: 14.192708vw; /* 218/2=109/7.68 */
  width: 2.604167vw; /* 20px */
  height: 2.604167vw; /* 20px */
  margin: 0 auto;
  border-top: 5px solid #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
}
@media screen and (max-width:600px) {
  .productListArrow:before {
    top: 27.25vw; /* 327/2=163.5/6 */
    width: 3.333333vw; /* 20px */
    height: 3.333333vw; /* 20px */
    border-top-width: .833334vw; /* 5px */
  }
}

/*  productListArrow--prev
------------------------*/
.productListArrow--prev {
  left: 0;
}

.productListArrow--prev:before {
  right: 0;
  left: 8px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
       -o-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  border-left: 5px solid #fff;
}
@media screen and (max-width:600px) {
  .productListArrow--prev:before {
    left: 1.333333vw; /* 8px */
    border-left-width: .833334vw; /* 5px */
  }
}

/*  productListArrow--next
------------------------*/
.productListArrow--next {
  right: 0;
}

.productListArrow--next:before {
  right: 8px;
  left: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
       -o-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  border-right: 5px solid #fff;
}
@media screen and (max-width:600px) {
  .productListArrow--next:before {
    right: 1.333333vw; /* 8px */
    border-right-width: .833334vw; /* 5px */
  }
}



/* =====================
  productContents
===================== */
.productContents {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.productContents a {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  padding: 0 50px;
  text-decoration: none;
}
@media screen and (max-width:1366px) {
  .productContents a {
    padding: 0 3.660322vw; /* 0 50px */
  }
}
@media screen and (max-width:768px) {
  .productContents a {
    padding: 0 20px;
  }
}


/*  productContents__thumb
------------------------*/
.productContents__thumb {
  margin: 0 -50px;
  overflow: hidden;
}
@media screen and (max-width:1366px) {
  .productContents__thumb {
    margin: 0 -3.660322vw; /* 0 -50px */
  }
}
@media screen and (max-width:768px) {
  .productContents__thumb {
    margin: 0 -20px;
  }
}

.productContents__thumb img {
  display: block;
  width: 100%;
  max-width: 100%;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.productContents a:hover .productContents__thumb img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}


/*  productContents__detail
------------------------*/
.productContents__detail {
  margin-top: 25px;
}
@media screen and (max-width:1366px) {
  .productContents__detail {
    margin-top: 1.830161vw; /* 25px */
  }
}
@media screen and (max-width:768px) {
  .productContents__detail {
    margin-top: 25px;
  }
}



/* =====================
  productDetail
===================== */
.productDetail {
  font-size: 30px;
}
@media screen and (max-width:1366px) {
  .productDetail {
    font-size: 2.196193vw; /* 30px */
  }
}
@media screen and (max-width:768px) {
  .productDetail {
    font-size: 22px;
  }
}
@media screen and (max-width:425px) {
  .productDetail {
    font-size: 18px;
  }
}


/*  productDetail__title
------------------------*/
.productDetail__title {
  color: #343434;
  font-weight: 600;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
}


/*  productDetail__body
------------------------*/
.productDetail__body {
  padding: 20px 0 30px;
  color: #7f7f7f;
  font-size: .533333em; /* 16px */
  line-height: 1.75;
}
@media screen and (max-width:1366px) {
  .productDetail__body {
    padding: 1.464129vw 0 2.196193vw; /* 20px 0 30px */
  }
}
@media screen and (max-width:768px) {
  .productDetail__body {
    padding: 20px 0 30px;
    font-size: 14px;
  }
}
@media screen and (max-width:425px) {
  .productDetail__body {
    font-size: 12px;
  }
}



/* =====================
  productMore
===================== */
.productMore {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: space-between;
  -ms-align-items: stretch;
      align-items: stretch;
  font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width:600px) {
  .productMore {
    display: block;
  }
}


/*  productMore__item
------------------------*/
.productMore__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  width: -webkit-calc( ( ( 100% - .1px ) - 120px ) / 2 );
  width:         calc( ( ( 100% - .1px ) - 120px ) / 2 );
}
@media screen and (max-width:1060px) {
  .productMore__item {
    width: -webkit-calc( ( ( 100% - .1px ) - 11.320755% ) / 2 );
    width:         calc( ( ( 100% - .1px ) - 11.320755% ) / 2 );
  }
}
@media screen and (max-width:768px) {
  .productMore__item {
    width: -webkit-calc( ( ( 100% - .1px ) - 20px ) / 2 );
    width:         calc( ( ( 100% - .1px ) - 20px ) / 2 );
  }
}
@media screen and (max-width:600px) {
  .productMore__item {
    width: auto;
  }
}

.productMore__item + .productMore__item {
  margin-left: 120px;
}
@media screen and (max-width:1060px) {
  .productMore__item + .productMore__item {
    margin-left: 11.320755%;
  }
}
@media screen and (max-width:768px) {
  .productMore__item + .productMore__item {
    margin-left: 20px;
  }
}
@media screen and (max-width:600px) {
  .productMore__item + .productMore__item {
    margin: 0 auto;
    margin-top: 20px;
  }
}

.productMore__item a {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  padding: 90px 50px;
  background-color: #5b6373;
  text-decoration: none;
}
@media screen and (max-width:1366px) {
  .productMore__item a {
    padding: 6.58858vw 3.660322vw;
  }
}
@media screen and (max-width:768px) {
  .productMore__item a {
    padding: 70px 20px;
  }
}



/* =====================
  productMoreContents
===================== */
.productMoreContents {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  font-size: 23px;
  text-align: center;
}
@media screen and (max-width:1366px) {
  .productMoreContents {
    font-size: 1.683748vw;
  }
}
@media screen and (max-width:768px) {
  .productMoreContents {
    font-size: 17px;
  }
}


/*  productMoreContents__title
------------------------*/
.productMoreContents__title {
  color: #d9bfa9;
  font-weight: 600;
}


/*  productMoreContents__body
------------------------*/
.productMoreContents__body {
  position: relative;
  z-index: 0;
  margin-top: 1.5625em; /* 25px */
  padding-top: 2.1875em; /* 35px */
  border-top: 1px solid #fff;
  color: #fff;
  font-size: .695652em; /* 16px */
}

.productMoreContents__body:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
  width: 5.376em; /* 86px */
  height: 3px;
  margin: 0 auto;
  background-color: #867669;
  content: " ";
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.productMore__item a:hover .productMoreContents__body:before {
  width: 100%;
}



/* =====================
  company
===================== */
#company {
  padding: 70px 0 120px;
  background-color: #171e27;
}
@media screen and (max-width:1366px) {
  #company {
    padding: 5.124451vw 0 8.784773vw; /* 70px 0 120px */
  }
}
@media screen and (max-width:768px) {
  #company {
    padding: 50px 0 100px;
  }
}

#company .mainContents__inner {
  padding: 0;
}

#company .mainTitle:after {
  background-color: #b4b4b4;
}

#company .mainTitle__sub {
  color: #fff;
}

#company .mainTitle__main {
  color: #9e8878;
}

#company .mainMiddleTitle {
  color: #fff;
}

#company .mainSubTitle {
  color: #e3e3e3;
}

#company .mainText {
  color: #e3e3e3;
}

#company .viewMore a {
  border-color: #878a8f;
}



/* =====================
  companyContainer
===================== */
/*  companyContainer__item
------------------------*/
.companyContainer__item + .companyContainer__item {
  margin-top: 105px;
}
@media screen and (max-width:1366px) {
  .companyContainer__item + .companyContainer__item {
    margin-top: 7.686676vw; /* 105px */
  }
}
@media screen and (max-width:768px) {
  .companyContainer__item + .companyContainer__item {
    margin-top: 85px;
  }
}



/* =====================
  companyContentscontents
===================== */
.companyContents {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}
@media screen and (max-width:768px) {
  .companyContents {
    display: block;
  }
}


/*  companyContents__thumb
------------------------*/
.companyContents__thumb {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 740px;
}
@media screen and (max-width:1366px) {
  .companyContents__thumb {
    width: 54.172767%;
  }
}
@media screen and (max-width:768px) {
  .companyContents__thumb {
    width: auto;
  }
}

.companyContents__thumb img {
  display: block;
  width: 100%;
  max-width: 100%;
}


/*  companyContents__detail
------------------------*/
.companyContents__detail {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  padding: 0 60px;
}
@media screen and (max-width:1366px) {
  .companyContents__detail {
    padding: 0 4.392387%; /* 60px */
  }
}
@media screen and (max-width:768px) {
  .companyContents__detail {
    margin-top: 30px;
    padding: 0 20px;
  }
}


/*  companyContents--reverse
------------------------*/
.companyContents--reverse {
  -webkit-flex-direction: row-reverse;
     -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
       -o-flex-direction: row-reverse;
          flex-direction: row-reverse;
}


/*  companyContents--summary
------------------------*/
@media screen and (max-width:768px) {
  .companyContents--summary .companyContents__thumb {
    padding-right: 10%;
  }
}

.companyContents--summary .companyContents__detail {
  padding-right: 100px;
}
@media screen and (max-width:1366px) {
  .companyContents--summary .companyContents__detail {
    padding-right: 7.320644%; /* 100px */
  }
}
@media screen and (max-width:768px) {
  .companyContents--summary .companyContents__detail {
    padding-right: 20px;
  }
}

.companyContents--summary .mainMiddleTitle {
  margin-bottom: 0;
}

.companyContents--summary .viewMore {
  margin-top: 0;
}

.companyContents--summary .mainText {
  margin-top: 40px;
}
@media screen and (max-width:1366px) {
  .companyContents--summary .mainText {
    margin-top: 2.928258vw;
  }
}
@media screen and (max-width:768px) {
  .companyContents--summary .mainText {
    margin-top: 40px;
  }
}

.companyContents--summary .viewMore--company {
  margin-top: 40px;
}
@media screen and (max-width:1366px) {
  .companyContents--summary .viewMore--company {
    margin-top: 2.928258vw;
  }
}
@media screen and (max-width:768px) {
  .companyContents--summary .viewMore--company {
    margin-top: 40px;
  }
}


/*  companyContents--network
------------------------*/
@media screen and (max-width:768px) {
  .companyContents--network .companyContents__thumb {
    padding-left: 10%;
  }
}

.companyContents--network .companyContents__detail {
  padding-left: 100px;
}
@media screen and (max-width:1366px) {
  .companyContents--network .companyContents__detail {
    padding-left: 7.320644%;
  }
}
@media screen and (max-width:768px) {
  .companyContents--network .companyContents__detail {
    padding-left: 20px;
  }
}

.companyContents--network .viewMore {
  margin-top: 80px;
}
@media screen and (max-width:1366px) {
  .companyContents--network .viewMore {
    margin-top: 5.856515vw;
  }
}
@media screen and (max-width:768px) {
  .companyContents--network .viewMore {
    margin-top: 60px;
  }
}



/* =====================
  recruit
===================== */
#recruit {
  padding: 70px 0 0;
  background-color: #5b6373;
}
@media screen and (max-width:1366px) {
  #recruit {
    padding: 5.124451vw 0 0; /* 70px 0 0 */
  }
}
@media screen and (max-width:768px) {
  #recruit {
    padding: 50px 0 0;
  }
}

#recruit .mainContents__inner {
  max-width: 1276px;
  padding: 0;
}
@media screen and (max-width:1366px) {
  #recruit .mainContents__inner {
    max-width: 93.41142vw;
  }
}
@media screen and (max-width:768px) {
  #recruit .mainContents__inner {
    max-width: 1276px;
    padding: 0 20px;
  }
}

#recruit .mainTitle:after {
  background-color: #b4b4b4;
}

#recruit .mainTitle__sub {
  color: #fff;
}

#recruit .mainTitle__main {
  color: #aa8c75;
}



/* =====================
  recruitContainer
===================== */
/*  recruitContainer__item
------------------------*/
.recruitContainer__item + .recruitContainer__item {
  margin-top: 100px;
}
@media screen and (max-width:1366px) {
  .recruitContainer__item + .recruitContainer__item {
    margin-top: 7.320644vw; /* 100px */
  }
}
@media screen and (max-width:768px) {
  .recruitContainer__item + .recruitContainer__item {
    margin-top: 80px;
  }
}



/* =====================
  recruitBoard
===================== */
#recruitBoard {
  position: relative;
  z-index: 0;
}

#recruitBoard.JS-animation--stand_by:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  width: 100%;
  background-color: #5b6373;
  content: " ";
}

#recruitBoard.JS-animation--action:before {
  animation-name: recruitCover;
  animation-duration: .5s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
@keyframes recruitCover {
  0% {
    width: 100%;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}

#recruitBoard > a {
  display: block;
}

/*  recruitBoard__text
------------------------*/
.recruitBoard__text {
  position: absolute;
  right: 0;
  bottom: 24.0625%; /* 77px */
  left: 0;
  width: 56.426332%; /* 720px */
  margin: 0 auto;
  padding-top: 5.877743%; /* 75px */
  overflow: hidden;
  background-image: url("/assets/corporate/images/main/index/recruit/text.png");
  background-position: 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-indent: 100%;
  white-space: nowrap;
}


/*  recruitBoard__bnr
------------------------*/
.recruitBoard__bnr img {
  display: block;
  width: 100%;
  max-width: 100%;
}



/* =====================
  recruitSlide
===================== */
#recruitSlide .slick-list {
  padding-right: 85px;
}


/*  recruitSlide__item
------------------------*/
.recruitSlide__item img {
  display: block;
  width: 100%;
}



/* =====================
  sns
===================== */
#sns {
  padding: 85px 0 100px;
  background-color: #e5e5e5;
}
@media screen and (max-width:1366px) {
  #sns {
    padding: 6.222548vw 0 7.320644vw; /* 85px 0 100px */
  }
}
@media screen and (max-width:768px) {
  #sns {
    padding: 65px 0 80px;
  }
}
@media screen and (max-width:600px) {
  #sns {
    padding: 45px 0 60px;
  }
}

#sns .mainContents__inner {
  max-width: 1020px;
  padding: 0;
}
@media screen and (max-width:1019px) {
  #sns .mainContents__inner {
    padding: 0 20px;
  }
}

#sns .mainTitle {
  margin-bottom: 60px;
}
@media screen and (max-width:1366px) {
  #sns .mainTitle {
    margin-bottom: 4.392387vw; /* 60px */
  }
}
@media screen and (max-width:768px) {
  #sns .mainTitle {
    margin-bottom: 40px;
  }
}

#sns .mainTitle:after {
  background-color: #707070;
}

#sns .mainTitle__sub {
  color: #747474;
}

#sns .mainTitle__main {
  color: #867669;
  letter-spacing: .2em;
  text-indent: .2em;
}



/* =====================
  snsContainer
===================== */
.snsContainer {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: space-between;
  -ms-align-items: stretch;
      align-items: stretch;
}
@media screen and (max-width:600px) {
  .snsContainer {
    display: block;
  }
}


/*  snsContainer__item
------------------------*/
.snsContainer__item {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
}

.snsContainer__item + .snsContainer__item {
  margin-left: 50px;
}
@media screen and (max-width:1020px) {
  .snsContainer__item + .snsContainer__item {
    margin-left: 4.901961%; /* 50px */
  }
}
@media screen and (max-width:600px) {
  .snsContainer__item + .snsContainer__item {
    margin: 0;
    margin-top: 30px;
  }
}

/* snsContainer--twitter */
.snsContainer--twitter {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  width: 355px;
}
@media screen and (max-width:1020px) {
  .snsContainer--twitter {
    width: 34.803922%; /* 355px */
  }
}
@media screen and (max-width:600px) {
  .snsContainer--twitter {
    width: auto;
  }
}

.snsContainer--twitter div:not(.twitterIE__title):not(.twitterIE) {
  width: 100% !important;
  height: 100% !important;
}

/* snsContainer--youtube */
.snsContainer--youtube {
  width: 615px;
}
@media screen and (max-width:1020px) {
  .snsContainer--youtube {
    width: 60.294118%; /* 615px */
  }
}
@media screen and (max-width:600px) {
  .snsContainer--youtube {
    width: auto;
  }
}



/* =====================
  twitterContents
===================== */
.twitterContents {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  -webkit-box-shadow: 4px 4px 8px rgba(90,90,90,.4);
          box-shadow: 4px 4px 8px rgba(90,90,90,.4);
  overflow: hidden;
  background-color: #fff;
}


/*  twitterContents__widget
------------------------*/
.twitterContents__widget {
  line-height: 0;
}
@media all and (-ms-high-contrast: none) {
  .twitterContents__widget {
    display: none;
  }
}

@media screen and (min-width:601px) {
  .twitterContents__widget iframe {
    height: 100% !important;
  }
}


/*  twitterContents__frame
------------------------*/
.twitterContents__frame {
  display: none;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  position: relative;
  z-index: 0;
  margin: 20px;
  padding: 22px;
  border: 6px solid #f1f3f5;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:768px) {
  .twitterContents__frame {
    margin: 15px;
    padding: 17px;
  }
}
@media screen and (max-width:600px) {
  .twitterContents__frame {
    margin: 20px;
    padding: 42px 22px;
  }
}
@media all and (-ms-high-contrast: none) {
  .twitterContents__frame {
    display: -webkit-flex;
    display:    -moz-flex;
    display:     -ms-flex;
    display:      -o-flex;
    display:         flex;
  }
}

.twitterContents__frame:before ,
.twitterContents__frame:after {
  display: block;
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  z-index: -1;
  background-color: #fff;
  margin: auto;
  content: " ";
}

.twitterContents__frame:before {
  width: -webkit-calc( ( 100% + ( 6px * 2 ) ) - ( 40px * 2 ) );
  width:         calc( ( 100% + ( 6px * 2 ) ) - ( 40px * 2 ) );
}
@media screen and (max-width:1019px) {
  .twitterContents__frame:before {
    width: -webkit-calc( ( 100% + ( 6px * 2 ) ) - ( 3.925417vw * 2 ) );
    width:         calc( ( 100% + ( 6px * 2 ) ) - ( 3.925417vw * 2 ) );
  }
}
@media screen and (max-width:768px) {
  .twitterContents__frame:before {
    width: -webkit-calc( ( 100% + ( 6px * 2 ) ) - ( 30px * 2 ) );
    width:         calc( ( 100% + ( 6px * 2 ) ) - ( 30px * 2 ) );
  }
}

.twitterContents__frame:after {
  height: -webkit-calc( ( 100% + ( 6px * 2 ) ) - ( 40px * 2 ) );
  height:         calc( ( 100% + ( 6px * 2 ) ) - ( 40px * 2 ) );
}
@media screen and (max-width:1019px) {
  .twitterContents__frame:after {
    height: -webkit-calc( ( 100% + ( 6px * 2 ) ) - ( 3.925417vw * 2 ) );
    height:         calc( ( 100% + ( 6px * 2 ) ) - ( 3.925417vw * 2 ) );
  }
}
@media screen and (max-width:768px) {
  .twitterContents__frame:after {
    height: -webkit-calc( ( 100% + ( 6px * 2 ) ) - ( 30px * 2 ) );
    height:         calc( ( 100% + ( 6px * 2 ) ) - ( 30px * 2 ) );
  }
}




/* =====================
  twitterIE
===================== */
.twitterIE {
  font-size: 20px;
}
@media screen and (max-width:1019px) {
  .twitterIE {
    font-size: 1.962709vw; /* 20px */
  }
}
@media screen and (max-width:768px) {
  .twitterIE {
    font-size: 18px;
  }
}

/*  twitterIE__title
------------------------*/
.twitterIE__title {
  display: table;
  margin: 0 auto;
  font-weight: 700;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: .08em;
  text-align: center;
  text-indent: .08em;
}


/*  twitterIE__body
------------------------*/
.twitterIE__body {
  margin-top: 15px;
  font-size: .7em; /* 14px */
  line-height: 1.785714;
}



/* =====================
  youtubeContents
===================== */
/*  youtubeContents__item
------------------------*/
.youtubeContents__item + .youtubeContents__item {
  margin-top: 20px;
}


/*  youtubeContents__movie
------------------------*/
.youtubeContents__movie {
  position: relative;
  width: 100%;
  padding-top: 58.04878%;
  -webkit-box-shadow: 4px 4px 8px rgba(90,90,90,.4);
          box-shadow: 4px 4px 8px rgba(90,90,90,.4);
}

.youtubeContents__movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*  youtubeContents__caption
------------------------*/
.youtubeContents__caption {
  color: #7f7f7f;
  font-size: 14px;
  line-height: 1.857143;
}
@media screen and (max-width:1019px) {
  .youtubeContents__caption {
    font-size: 1.373896vw;
  }
}
@media screen and (max-width:768px) {
  .youtubeContents__caption {
    font-size: 12px;
  }
}

/* youtubeContents__caption--more */
.youtubeContents__caption--more a[data-ctrl] {
  display: inline-block;
  position: relative;
  margin-left: 1.666667em; /* 20px */
  padding: .25em 1.666667em; /* 3px 20px */
  padding-right: 2.5em; /* 30px */
  border-radius: 8px;
  -webkit-box-shadow: 3px 3px 7px rgba(90,90,90,.3);
          box-shadow: 3px 3px 7px rgba(90,90,90,.3);
  background: rgb(58,150,161);
  background: -moz-linear-gradient(left,  rgba(58,150,161,1) 40%, rgba(151,190,195,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(58,150,161,1) 40%,rgba(151,190,195,1) 100%);
  background: linear-gradient(to right,  rgba(58,150,161,1) 40%,rgba(151,190,195,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a96a1', endColorstr='#97bec3',GradientType=1 );
  color: #fff;
  font-size: .857143em; /* 12px */
  line-height: 1.5;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.youtubeContents__caption--more a[data-ctrl]:after {
  display: inline-block;
  position: absolute;
  right: 1em; /* 12px */
  bottom: 0;
  width: .416667em; /* 5px */
  height: .416667em; /* 5px */
  margin: auto 0;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: " ";
}

.youtubeContents__caption--more.hide-class a[data-ctrl]:after {
  top: -.416667em; /* -5px */
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.youtubeContents__caption--more.show-class a[data-ctrl]:after {
  top: .166667em; /* 1px */
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
       -o-transform: rotate(135deg);
          transform: rotate(135deg);
}