@charset "utf-8";

/* =====================
  body
===================== */
body {
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}



/* =====================
  fontOswald
===================== */
.fontOswald {
  font-family: 'Oswald', sans-serif;
}



/* =====================
  fontItalic
===================== */
.fontItalic {
  font-style: italic;
  margin-right: .15em;
}


/* =====================
  bgLine
===================== */
.bgLine {
  padding: 0 .25em;
}



/* =====================
  header
===================== */
/*  header__inner
------------------------*/
#header__inner {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: space-between;
  -ms-align-items: flex-end;
      align-items: flex-end;
  position: relative;
  z-index: 0;
  width: 82.857143vw; /* 1160/14 */
  max-width: 1160px;
  margin: 0 auto;
  padding: 15px 0;
}
@media screen and (max-width:1400px) {
  #header__inner {
    padding: 1.071429vw 0; /* 15/14 */
  }
}
@media screen and (max-width:768px) {
  #header__inner {
    width: auto;
    padding: 15px;
    padding-top: 42px;
  }
}
@media screen and (max-width:600px) {
  #header__inner {
    padding: 10px;
    padding-top: 32px;
  }
}



/* =====================
  logo
===================== */
@media screen and (max-width:768px) {
  #logo:before {
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 248px;
    padding-top: 12px;
    background-image: url("../img/header/logo/sp/caption.png");
    background-position: 50% 50%;
    -webkit-background-size: contain;
            background-size: contain;
    background-repeat: no-repeat;
    content: " ";
  }
}
@media screen and (max-width:600px) {
  #logo:before {
    top: 10px;
  }
}

#logo a {
  display: block;
  position: relative;
  z-index: 0;
  width: 42.5vw; /*595/14 */
  max-width: 595px;
  padding-top: 17.310924%; /* 103/5.95 */
  overflow: hidden;
  background-image: url("../img/header/logo/pc/logo.png");
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-indent: 200%;
  white-space: nowrap;
}
@media screen and (max-width:768px) {
  #logo a {
    max-width: 108px;
    padding-top: 62.962963%; /* 68/1.08 */
    background-image: url("../img/header/logo/sp/logo.png");
  }
}
@media screen and (max-width:600px) {
  #logo a {
    width: 18vw; /* 108/6 */
    min-width: 80px;
  }
}

#logo a:hover {
  opacity: .8;
}



/* =====================
  headerSns
===================== */
#headerSns a {
  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;
  color: #000;
  text-decoration: none;
}

#headerSns a:after {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 52px;
  height: 52px;
  margin-left: 25px;
  border-radius: 5px;
  background-image: url("../img/header/sns/x.png");
  background-position: 50% 50%;
  -webkit-background-size: 32px auto;
          background-size: 32px auto;
  background-repeat: no-repeat;
  background-color: #000000;
  content: " ";
}
@media screen and (max-width:1400px) {
  #headerSns a:after {
    width: 3.714286vw; /* 52/14 */
    height: 3.714286vw;
    -webkit-background-size: 2.285714vw auto; /* 32/14 */
            background-size: 2.285714vw auto;
  }
}
@media screen and (max-width:768px) {
  #headerSns a:after {
    width: 52px;
    height: 52px;
    margin-left: 25px;
    -webkit-background-size: 32px auto;
            background-size: 32px auto;
  }
}
@media screen and (max-width:600px) {
  #headerSns a:after {
    width: 8.666667vw; /* 52/6 */
    height: 8.666667vw;
    -webkit-background-size: 5.333333vw auto; /* 32/6 */
            background-size: 5.333333vw auto;
  }
}
@media screen and (max-width:425px) {
  #headerSns a:after {
    margin-left: 19px;
  }
}

#headerSns a:hover {
  opacity: .8;
}


/*  headerSns__speech
------------------------*/
.headerSns__speech {
  display: block;
  position: relative;
  z-index: 0;
  padding: 10px 25px;
  border: 3px solid #000000;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: .04em;
}
@media screen and (max-width:1400px) {
  .headerSns__speech {
    padding: .714286vw 1.785714vw; /* 10/14 : 25/14 */
    font-size: 1.071429vw; /* 15/14 */
  }
}
@media screen and (max-width:768px) {
  .headerSns__speech {
    padding: 10px 2.604167vw; /* 20/7.68 */
    font-size: 12.8px
  }
}
@media screen and (max-width:600px) {
  .headerSns__speech {
    font-size: 2.133333vw; /* 12.8/6 */
  }
}
@media screen and (max-width:425px) {
  .headerSns__speech {
    border-width: 2px;
  }
}

.headerSns__speech:after {
  display: block;
  position: absolute;
  top: 5px;
  bottom: 0;
  right: -22px;
  width: 22px;
  height: 22px;
  margin: auto 0;
  background-image: url("../img/header/sns/arrow.png");
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}
@media screen and (max-width:425px) {
  .headerSns__speech:after {
    right: -16px;
    width: 16px;
    height: 16px;
  }
}



/* =====================
  mainBoard
===================== */
#mainBoard {
  background-image: url("../img/main/board/bg.jpg");
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-color: #3a0900;
}
#mainBoard.mainBoard2 {
  background-image: url("../img/main/board/bg_2.jpg");
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-color: #3a0900;
}


/*  mainBoard__inner
------------------------*/
#mainBoard__inner {
  position: relative;
  z-index: 0;
  width: 82.857143vw; /* 1160/14 */
  max-width: 1160px;
  margin: 0 auto;
  padding: 25px 40px 55px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:1400px) {
  #mainBoard__inner {
    padding: 1.785714vw 2.857143vw 3.928571vw; /* 25/14 : 40/14 : 55/14 */
  }
}
@media screen and (max-width:768px) {
  #mainBoard__inner {
    width: auto;
    padding: 3.255208vw 5.208333vw 7.161458vw; /* 25/7.68 : 40/7.68 : 55/7.68 */
  }
}
@media screen and (max-width:600px) {
  #mainBoard__inner {
    width: 90%;
    padding: 7.161458vw 5.208333vw; /* 25/7.68 : 40/7.68 : 55/7.68 */
  }
}



/* =====================
  mainBoardCatch
===================== */
#mainBoardCatch {
  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: 37.428571vw; /* 440/ 14*/
  max-width: 520px;
  margin-right: auto;
}
@media screen and (max-width:768px) {
  #mainBoardCatch {
    width: 37.931034vw;
  }
}
@media screen and (max-width:600px) {
  #mainBoardCatch {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
}


/*  mainBoardCatch__item
------------------------*/
.mainBoardCatch__item {
  width: -webkit-calc( ( 100% - 20px ) / 2 );
  width:         calc( ( 100% - 20px ) / 2 );
  padding-top: 47.727273%; /* 210/4.4 */
  background-position: 50% 50%;
  overflow: hidden;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-indent: 200%;
  white-space: nowrap;
}
@media screen and (max-width:1400px) {
  .mainBoardCatch__item {
    width: -webkit-calc( ( 100% - 1.428571vw ) / 2 ); /* 20/14 */
    width:         calc( ( 100% - 1.428571vw ) / 2 );
  }
}
@media screen and (max-width:768px) {
  .mainBoardCatch__item {
    width: -webkit-calc( ( 100% - 2.604167vw ) / 2 ); /* 20/7.68 */
    width:         calc( ( 100% - 2.604167vw ) / 2 );
  }
}
@media screen and (max-width:600px) {
  .mainBoardCatch__item {
    width: -webkit-calc( ( 100% - 3.333333vw ) / 2 ); /* 20/6 */
    width:         calc( ( 100% - 3.333333vw ) / 2 );
  }
}

.mainBoardCatch__item + .mainBoardCatch__item {
  margin-left: 20px;
}
@media screen and (max-width:1400px) {
  .mainBoardCatch__item + .mainBoardCatch__item {
    margin-left: 1.428571vw; /* 20/14 */
  }
}
@media screen and (max-width:768px) {
  .mainBoardCatch__item + .mainBoardCatch__item {
    margin-left: 2.604167vw; /* 20/7.68 */
  }
}
@media screen and (max-width:600px) {
  .mainBoardCatch__item + .mainBoardCatch__item {
    margin-left: 3.333333vw; /* 20/6 */
  }
}

.mainBoardCatch__item img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}


/*  mainBoardCatch__item--01
------------------------*/
.mainBoardCatch__item--01 {
  background-image: url("../img/main/board/catch/01.png");
}


/*  mainBoardCatch__item--02
------------------------*/
.mainBoardCatch__item--02 {
  background-image: url("../img/main/board/catch/02.png");
}

/*  キャンペーン用バックアップ mainBoardCatch__item
------------------------*/
cp.mainBoardCatch__item {
  width: -webkit- 100%;
  width:          100%;
  padding-top: 55%; /* 210/4.4 */
  background-position: 50% 50%;
  overflow: hidden;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-indent: 200%;
  white-space: nowrap;
}
@media screen and (max-width:1400px) {
  cp.mainBoardCatch__item {
    width: -webkit- 100%; /* 20/14 */
    width:          100%;
  }
}
@media screen and (max-width:768px) {
  cp.mainBoardCatch__item {
    width: -webkit- 100%; /* 20/7.68 */
    width:          100%;
  }
}
@media screen and (max-width:600px) {
  cp.mainBoardCatch__item {
    width: -webkit- 100%; /* 20/6 */
    width:          100%;
  }
}

cp.mainBoardCatch__item + .mainBoardCatch__item {
  margin-left: 20px;
}
@media screen and (max-width:1400px) {
  cp.mainBoardCatch__item + .mainBoardCatch__item {
    margin-left: 1.428571vw; /* 20/14 */
  }
}
@media screen and (max-width:768px) {
  cp.mainBoardCatch__item + .mainBoardCatch__item {
    margin-left: 2.604167vw; /* 20/7.68 */
  }
}
@media screen and (max-width:600px) {
  cp.mainBoardCatch__item + .mainBoardCatch__item {
    margin-left: 3.333333vw; /* 20/6 */
  }
}

cp.mainBoardCatch__item img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}


/*  mainBoardCatch__item--01
------------------------*/
cp.mainBoardCatch__item--01 {
  background-image: url("../img/main/board/catch/01.png");
}
/*  mainBoardCatch__item--01_b
------------------------*/
cp.mainBoardCatch__item--01_b {
  background-image: url("../img/main/board/catch/03_b.png");
  margin-bottom: 20px;
}


/*  mainBoardCatch__item--02
------------------------*/
cp.mainBoardCatch__item--02 {
  background-image: url("../img/main/board/catch/02.png");
}



#mainPic{
  position: absolute;
  top: 20px;
  right: 40px;
  width: 37.857143vw;
  max-width: 530px;
  padding: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  line-height: 0;
}
#mainBoardMovie video,
#mainBoardMovie p img {
  width: 100%;
  max-width: 100%;
}
#mainPic p img{
  width: 100%;
  max-width: 100%;
}
.mainPic_sp {
  display: none;
}
@media screen and (max-width:1400px) {
  #mainBoardMovie {
    top: 1.428571vw; /* 20/14 */
    right: 2.857143vw; /* 40/14 */
    padding: .7142857vw; /* 10/14 */
    border-radius: .7142857vw; /* 10/14 */
  }
  #mainPic{
    top: 1.428571vw; /* 20/14 */
    right: 2.857143vw; /* 40/14 */
    padding: .7142857vw; /* 10/14 */
    border-radius: .7142857vw; /* 10/14 */
  }
}
@media screen and (max-width:768px) {
  #mainBoardMovie {
    top: 20px;
    right: 5.208333vw; /* 40/7.68 */
    width: 45.689655vw;
    padding: .862069vw;
    border-radius: .862069vw;
  }
  #mainPic {
    top: 20px;
    right: 5.208333vw; /* 40/7.68 */
    width: 45.689655vw;
    padding: .862069vw;
    border-radius: .862069vw;
  }
  .mainPic_sp{
    display: none;
  }
  #mainPic{
    top: 20px;
    right: 5.208333vw; /* 40/7.68 */
    width: 45.689655vw;
    border-radius: .862069vw;
  }
}
@media screen and (max-width:600px) {
  #mainBoardMovie {
    position: static;
    width: auto;
    max-width: none;
    margin-top: 3.333333vw; /* 20/6 */
  }
  #mainPic{
    position: static;
    width: auto;
    max-width: none;
    margin-top: 3.333333vw; /* 20/6 */
  }
  .mainPic_sp{
    display: block;
    width: 100%;
  }
  #mainBoardMovie .mainPic_pc {
    display: none;
  }
}


/* =====================
  mainBoardTitle
===================== */
#mainBoardTitle {
  margin: 10px -40px 0 -5px;
}
@media screen and (max-width:1400px) {
  #mainBoardTitle {
    margin: -.1vw -2.857143vw 0 -.357143vw; /* 8/14 : 40/14 : 5/14 */
  }
}
@media screen and (max-width:768px) {
  #mainBoardTitle {
    margin: -.3vw -5.208333vw 0 -.651042vw; /* 8/7.68 : 40/7.68 : 5/7.68 */
  }
}
@media screen and (max-width:600px) {
  #mainBoardTitle {
    margin: 0
  }
}
.mainBoardTitle2 {
  margin-top: 15px!important;
}
.mainBoardTitle3 {
  margin-top: 30px!important;
}


/*  mainBoardTitle__sub
------------------------*/
#mainBoardTitle__sub {
  position: relative;
  z-index: 9;
  width: 34.142857vw; /* 478/14 */
  max-width: 478px;
  margin: 0 auto;
  margin-left: 20px;
  padding-top: 9.6%; /* 108/11.25 */
  overflow: hidden;
  background-image: url("../img/main/board/title/sub.png");
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-indent: 200%;
  white-space: nowrap;
}
.mainBoardTitle__sub02 {
  background-image: url("../img/main/board/title/sub_02.png")!important;
}
.mainBoardTitle__sub03 {
  background-image: url("../img/main/board/title/sub_03.png")!important;
}
@media screen and (max-width:1400px) {
  #mainBoardTitle__sub {
    margin-left: 1.428571vw; /* 20/14 */
  }
}
@media screen and (max-width:768px) {
  #mainBoardTitle__sub {
    width: 41.206897vw;
    margin-left: 2.604167vw; /* 20/7.68 */
  }
}
@media screen and (max-width:600px) {
  #mainBoardTitle__sub {
    /*width: 79.666667vw;  478/6 */
    width: 80%;
    margin: 0 auto;
    padding-top: 20.111732%; /* 108/5.37 */
  }
}


/*  mainBoardTitle__main
------------------------*/
#mainBoardTitle__main {
  position: relative;
  z-index: 9;
  margin-top: 2px;
}
@media screen and (max-width:1400px) {
  #mainBoardTitle__main {
    margin-top: .142857vw; /* 2/14 */
  }
}
@media screen and (max-width:768px) {
  #mainBoardTitle__main {
    margin-top: .260417vw; /* 2/7.68 */
  }
}
@media screen and (max-width:600px) {
  #mainBoardTitle__main {
    margin-top: .333333vw; /* 2/6 */
  }
}



/* =====================
  mainBoardTitleMain
===================== */
.mainBoardTitleMain {
  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:600px) {
  .mainBoardTitleMain {
    display: block;
  }
}


/*  mainBoardTitleMain__item
------------------------*/
.mainBoardTitleMain__item {
  display: block;
  overflow: hidden;
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-indent: 200%;
  white-space: nowrap;
}

.mainBoardTitleMain__item + .mainBoardTitleMain__item {
  margin-left: -12px;
}
@media screen and (max-width:1400px) {
  .mainBoardTitleMain__item + .mainBoardTitleMain__item {
    margin-left: -.857143vw; /* 12/14 */
  }
}
@media screen and (max-width:768px) {
  .mainBoardTitleMain__item + .mainBoardTitleMain__item {
    margin-left: -1.5625vw; /* 12/7.68 */
  }
}
@media screen and (max-width:600px) {
  .mainBoardTitleMain__item + .mainBoardTitleMain__item {
    margin-top: -2vw; /* 12/6 */
    margin-left: 0;
  }
}


/*  mainBoardTitleMain__item--01
------------------------*/
.mainBoardTitleMain__item--01 {
  width: 39.071429vw;  /* 547/14 */
  max-width: 547px;
  padding-top: 20%; /* 225/11.25 */
  background-image: url("../img/main/board/title/main/01.png");
}
/*  mainBoardTitleMain__item--01_b
------------------------*/
.mainBoardTitleMain__item--01_b {
  width: 39.071429vw;  /* 547/14 */
  max-width: 547px;
  padding-top: 20%; /* 225/11.25 */
  background-image: url("../img/main/board/title/main/01_02.png");
}
/*  mainBoardTitleMain__item--01_c
------------------------*/
.mainBoardTitleMain__item--01_c {
  width: 39.071429vw;  /* 547/14 */
  max-width: 547px;
  padding-top: 20%; /* 225/11.25 */
  background-image: url("../img/main/board/title/main/01_03.png");
}

@media screen and (max-width:768px) {
  .mainBoardTitleMain__item--01 {
    width: 47.155172vw;
  }
  .mainBoardTitleMain__item--01_b {
    width: 47.155172vw;
  }
  .mainBoardTitleMain__item--01_c {
    width: 47.155172vw;
  }
}
@media screen and (max-width:600px) {
  .mainBoardTitleMain__item--01 {
    width: 100%;
    padding-top: 41.154562%; /* 221/5.37 */
  }
  .mainBoardTitleMain__item--01_b {
    width: 100%;
    padding-top: 41.154562%; /* 221/5.37 */
  }
  .mainBoardTitleMain__item--01_c {
    width: 100%;
    padding-top: 41.154562%; /* 221/5.37 */
  }
}


/*  mainBoardTitleMain__item--02
------------------------*/
.mainBoardTitleMain__item--02 {
  width: 42.142857vw; /* 590/14 */
  max-width: 590px;
  padding-top: 20%; /* 225/11.25 */
  background-image: url("../img/main/board/title/main/02.png");
}
.mainBoardTitleMain__item--02_b {
  width: 42.142857vw; /* 590/14 */
  max-width: 590px;
  padding-top: 20%; /* 225/11.25 */
  background-image: url("../img/main/board/title/main/02_02.png");
  margin-top: 0!important;
}
.mainBoardTitleMain__item--02_c {
  width: 42.142857vw; /* 590/14 */
  max-width: 590px;
  padding-top: 20%; /* 225/11.25 */
  background-image: url("../img/main/board/title/main/02_03.png");
  margin-top: 0!important;
}
@media screen and (max-width:768px) {
  .mainBoardTitleMain__item--02 {
    width: 50.862069vw;
  }
}
@media screen and (max-width:600px) {
  .mainBoardTitleMain__item--02 {
    width: 100%;
    padding-top: 38.175047%; /* 205/5.37 */
  }
  .mainBoardTitleMain__item--02_b {
    width: 100%;
    padding-top: 38.175047%; /* 205/5.37 */
  }
  .mainBoardTitleMain__item--02_c {
    width: 100%;
    padding-top: 38.175047%; /* 205/5.37 */
  }
}



/* =====================
  mainBoardPush
===================== */
#mainBoardPush {
  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;
  list-style: none;
  position: relative;
  z-index: 0;
  margin: 5px 0 -10px -10px;
}
@media screen and (max-width:1400px) {
  #mainBoardPush {
    margin: 0.357143vw 0 -.714286vw -.714286vw; /* 5/14 : 10/14 */
  }
}
@media screen and (max-width:768px) {
  #mainBoardPush {
    margin: .651042vw 0 -1.302083vw -1.302083vw; /* 5/7.68 : 10/7.68 : 10/7.68 */
  }
}
@media screen and (max-width:600px) {
  #mainBoardPush {
    display: block;
    margin: 0;
    margin-top: 1.666667vw; /* 10/6 */
  }
}


/*  mainBoardPush__item
------------------------*/
.mainBoardPush__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  position: relative;
  z-index: 0;
  margin: 0 0 10px 10px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}
@media screen and (max-width:1400px) {
  .mainBoardPush__item {
    margin: 0 0 .7142857vw .7142857vw; /* 10/14 */
    border-radius: .357143vw; /* 5/14 */
  }
}
@media screen and (max-width:768px) {
  .mainBoardPush__item {
    margin: 0 0 1.302083vw 1.302083vw; /* 10/7.68 */
    border-radius: 5px;
  }
}
@media screen and (max-width:600px) {
  .mainBoardPush__item {
    margin: 0;
  }
}

.mainBoardPush__item:nth-of-type(-n+3) {
  width: -webkit-calc( ( ( 100% - .01px ) - ( 10px * 3 ) ) / 3 );
  width:         calc( ( ( 100% - .01px ) - ( 10px * 3 ) ) / 3 );
  padding: 15px 10px;
}
@media screen and (max-width:1400px) {
  .mainBoardPush__item:nth-of-type(-n+3) {
    width: -webkit-calc( ( ( 100% - .01px ) - ( .7142857vw * 3 ) ) / 3 ); /* 10/14 */
    width:         calc( ( ( 100% - .01px ) - ( .7142857vw * 3 ) ) / 3 );
    padding: 1.071429vw .7142857vw; /* 15/14 : 10/14 */
  }
}
@media screen and (max-width:768px) {
  .mainBoardPush__item:nth-of-type(-n+3) {
    width: -webkit-calc( ( ( 100% - .01px ) - ( 1.302083vw * 3 ) ) / 3 ); /* 10/7.68 */
    width:         calc( ( ( 100% - .01px ) - ( 1.302083vw * 3 ) ) / 3 );
    padding: 1.953125vw 1.302083vw; /* 15/7.68 : 10/7.68 */
  }
}
@media screen and (max-width:600px) {
  .mainBoardPush__item:nth-of-type(-n+3) {
    width: auto;
    padding: 2.5vw 1.666667vw; /* 15/6 : 10/6 */
  }
}

.mainBoardPush__item:nth-of-type(n+4) {
  width: -webkit-calc( ( ( 100% - .01px ) - ( 10px * 2 ) ) / 2 );
  width:         calc( ( ( 100% - .01px ) - ( 10px * 2 ) ) / 2 );
  padding: 10px;
}
@media screen and (max-width:1400px) {
  .mainBoardPush__item:nth-of-type(n+4) {
    width: -webkit-calc( ( ( 100% - .01px ) - ( .7142857vw * 2 ) ) / 2 ); /* 10/14 */
    width:         calc( ( ( 100% - .01px ) - ( .7142857vw * 2 ) ) / 2 );
    padding: .7142857vw; /* 10/14 */
  }
}
@media screen and (max-width:768px) {
  .mainBoardPush__item:nth-of-type(n+4) {
    width: -webkit-calc( ( ( 100% - .01px ) - ( 1.302083vw * 2 ) ) / 2 ); /* 10/7.68 */
    width:         calc( ( ( 100% - .01px ) - ( 1.302083vw * 2 ) ) / 2 );
    padding: 1.302083vw; /* 10/7.68 */
  }
}
@media screen and (max-width:600px) {
  .mainBoardPush__item:nth-of-type(n+4) {
    width: auto;
    padding: 1.666667vw; /* 10/6 */
  }
}

@media screen and (max-width:600px) {
  .mainBoardPush__item + .mainBoardPush__item {
    margin-top: 1.666667vw; /* 10/6 */
  }
}

.mainBoardPush__item span {
  display: block;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  overflow: hidden;
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-indent: 200%;
  white-space: nowrap;
}


/*  mainBoardPush__item--fast
------------------------*/
.mainBoardPush__item--fast span {
  padding-top: 16.500165%; /* 55/3.3333 */
  background-image: url("../img/main/board/push/01.png");
}
@media screen and (max-width:600px) {
  .mainBoardPush__item--fast span {
    padding-top: 55px;
  }
}
@media screen and (max-width:425px) {
  .mainBoardPush__item--fast span {
    padding-top: 15.003137%; /* 55/3.6659 */
  }
}


/*  mainBoardPush__item--cm
------------------------*/
.mainBoardPush__item--cm span {
  padding-top: 16.500165%; /* 55/3.3333 */
  background-image: url("../img/main/board/push/02.png");
}
@media screen and (max-width:600px) {
  .mainBoardPush__item--cm span {
    padding-top: 55px;
  }
}
@media screen and (max-width:425px) {
  .mainBoardPush__item--cm span {
    padding-top: 15.003137%; /* 55/3.6659 */
  }
}


/*  mainBoardPush__item--recording
------------------------*/
.mainBoardPush__item--recording span {
  padding-top: 16.500165%; /* 55/3.3333 */
  background-image: url("../img/main/board/push/03.png");
}
@media screen and (max-width:600px) {
  .mainBoardPush__item--recording span {
    padding-top: 55px;
  }
}
@media screen and (max-width:425px) {
  .mainBoardPush__item--recording span {
    padding-top: 15.003137%; /* 55/3.6659 */
  }
}


/*  mainBoardPush__item--lineup
------------------------*/
.mainBoardPush__item--lineup {
  padding-left: 153px !important; /* 133+(10*2) */
}
@media screen and (max-width:1400px) {
  .mainBoardPush__item--lineup {
    padding-left: -webkit-calc( 9.5vw + ( .7142857vw * 2 ) ) !important; /* 133/14 : 10/14 */
    padding-left:         calc( 9.5vw + ( .7142857vw * 2 ) ) !important;
  }
}
@media screen and (max-width:768px) {
  .mainBoardPush__item--lineup {
    padding-left: -webkit-calc( 11.465517vw + ( 1.302083vw * 2 ) ) !important; /* 10/7.68 */
    padding-left:         calc( 11.465517vw + ( 1.302083vw * 2 ) ) !important;
  }
}
@media screen and (max-width:600px) {
  .mainBoardPush__item--lineup {
    padding-left: -webkit-calc( 22.166667vw + ( 1.666667vw * 2 ) ) !important; /* 133/6 : 10/6 */
    padding-left:         calc( 22.166667vw + ( 1.666667vw * 2 ) ) !important;
  }
}

.mainBoardPush__item--lineup:before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  width: 9.5vw; /* 133/14 */
  max-width: 133px;
  padding: 10px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url("../img/main/board/push/04-2.png");
  background-position: 50% 50%;
  -webkit-background-size: calc( 100% - ( 10px * 2 ) ) auto;
          background-size: calc( 100% - ( 10px * 2 ) ) auto;
  background-repeat: no-repeat;
  background-color: #530606;
  content: " ";
}
@media screen and (max-width:1400px) {
.mainBoardPush__item--lineup:before {
    top: .7142857vw; /* 10/14 */
    bottom: .7142857vw; /* 10/14 */
    left: .7142857vw; /* 10/14 */
    padding: .7142857vw; /* 10/14 */
    border-radius: .357143vw; /* 5/14 */
    -webkit-background-size: calc( 100% - ( .7142857vw * 2 ) ) auto; /* 10/14 */
            background-size: calc( 100% - ( .7142857vw * 2 ) ) auto;
  }
}
@media screen and (max-width:768px) {
  .mainBoardPush__item--lineup:before {
    top: 1.302083vw; /* 10/7.68 */
    bottom: 1.302083vw; /* 10/7.68 */
    left: 1.302083vw; /* 10  .68 */
    width: 11.465517vw;
    padding: 1.302083vw; /* 10/7.68 */
    border-radius: 5px;
    -webkit-background-size: calc( 100% - ( 1.302083vw * 2 ) ) auto; /* 10/7.68 */
            background-size: calc( 100% - ( 1.302083vw * 2 ) ) auto; /* 10/7.68 */
  }
}
@media screen and (max-width:600px) {
  .mainBoardPush__item--lineup:before {
    top: 1.666667vw; /* 10/6 */
    bottom: 1.666667vw; /* 10/6 */
    left: 1.666667vw; /* 10/7.68 */
    width: 22.166667vw; /* 133/6 */
    padding: 1.666667vw; /* 10/6 */
    -webkit-background-size: calc( 100% - ( 1.666667vw * 2 ) ) auto; /* 10/6 */
            background-size: calc( 100% - ( 1.666667vw * 2 ) ) auto; /* 10/6 */
  }
}

.mainBoardPush__item--lineup span {
  padding-top: 21.506533%; /* 80/3.7198 */
  background-image: url("../img/main/board/push/04-1.png");
}
@media screen and (max-width:600px) {
  .mainBoardPush__item--lineup span {
    padding-top: 21.360105%; /* 80/3.7453 */
  }
}


/*  mainBoardPush__item--limit
------------------------*/
.mainBoardPush__item--limit {
  padding-left: 178px !important; /* 168+10 */
  overflow: hidden;
}
@media screen and (max-width:1400px) {
  .mainBoardPush__item--limit {
    padding-left: -webkit-calc( 12vw + .7142857vw ) !important; /* 168/14 : 10/14 */
    padding-left:         calc( 12vw + .7142857vw ) !important;
  }
}
@media screen and (max-width:768px) {
  .mainBoardPush__item--limit {
    padding-left: -webkit-calc( 14.482759vw + 1.302083vw ) !important; /* 10/7.68 */
    padding-left:         calc( 14.482759vw + 1.302083vw ) !important; /* 10/7.68 */
  }
}
@media screen and (max-width:600px) {
  .mainBoardPush__item--limit {
    padding-left: -webkit-calc( 28vw + 1.666667vw ) !important; /* 168/6 : 10/6 */
    padding-left:         calc( 28vw + 1.666667vw ) !important; /* 168/6 : 10/6 */
  }
}

.mainBoardPush__item--limit:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 12vw; /* 168/14 */
  max-width: 168px;
  background-image: url("../img/main/board/push/05-2.png");
  background-position: 100% 100%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  content: " ";
}
@media screen and (max-width:768px) {
  .mainBoardPush__item--limit:before {
    width: 14.482759vw;
  }
}
@media screen and (max-width:600px) {
  .mainBoardPush__item--limit:before {
    width: 28vw; /* 168/6 */
    background-position: 50% 50%;
  }
}

.mainBoardPush__item--limit span {
  padding-top: 25.648415%; /* 89/3.47 */
  background-image: url("../img/main/board/push/05-1.png");
}
@media screen and (max-width:600px) {
  .mainBoardPush__item--limit span {
    padding-top: 25.462764%; /* 89/3.4953 */
  }
}



/* =====================
  mainBoardMovie
===================== */
#mainBoardMovie {
  position: absolute;
  top: 20px;
  right: 40px;
  width: 37.857143vw; /* 530/14 */
  max-width: 530px;
  padding: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  line-height: 0;
}
@media screen and (max-width:1400px) {
  #mainBoardMovie {
    top: 1.428571vw; /* 20/14 */
    right: 2.857143vw; /* 40/14 */
    padding: .7142857vw; /* 10/14 */
    border-radius: .7142857vw; /* 10/14 */
  }
}
@media screen and (max-width:768px) {
  #mainBoardMovie {
    top: 20px;
    right: 5.208333vw; /* 40/7.68 */
    width: 45.689655vw;
    padding: .862069vw;
    border-radius: .862069vw;
  }
}
@media screen and (max-width:600px) {
  #mainBoardMovie {
    position: static;
    width: auto;
    max-width: none;
    margin-top: 3.333333vw; /* 20/6 */
  }
}

#mainBoardMovie video {
  width: 100%;
  max-width: 100%;
}


/* =====================
  cp
===================== */
.cp {
  padding: 30px 0 30px;
  background-color: #fff;
}
@media screen and (max-width:1400px) {
  .cp {
    padding: 6.785714vw 0 7.142857vw; /* 95/14 : 100/14 */
  }
}

.cp__inner {
  width: 95%; /* 1200/14 */
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .cp__inner {
    width: 100%;
  }
}

/*  cp__main
------------------------*/
.cppc {
  width: 100%;
}

.cppc:hover {
  opacity: .8;
}


/* =====================
  sliderTitle
===================== */
#sliderTitle {
  width: 48.571429vw; /* 680/14 */
  max-width: 680px;
  margin: 0 auto;
  padding: 75px 0;
  padding-bottom: 60px;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  #sliderTitle {
    padding: 5.357143vw 0; /* 75/14 */
    padding-bottom: 4.285714vw; /* 60/14 */
  }
}
@media screen and (max-width:768px) {
  #sliderTitle {
    width: 70.833333vw; /* (680*.8)/7.68 */
    min-width: 256px;
  }
}

#sliderTitle img {
  max-width: 100%;
}



/* =====================
  sliderList
===================== */
/*#sliderList .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;
}*/

/*  sliderList_item
------------------------*/
/*.slick-initialized .sliderList__item.slick-slide {
  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;
  float: none;
  height: auto;
  min-height: auto;
}*/

.sliderList__item img {
  display: block;
  height: 19.285714vw; /* 270/14 */
  min-height: 135px;
  max-height: 270px;
  margin: 0 auto;
}



/* =====================
  service
===================== */
.service {
  background-color: #eee;
}



/* =====================
  aboutCh
===================== */
.aboutCh {
  background-color: #fff;
}

.aboutCh p {
  width: 63.857143vw; /* 894/14 */
  max-width: 894px;
  margin: 0 auto;
  padding: 50px 0;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  .aboutCh p {
    padding: 3.571429vw 0; /* 50/14 */
  }
}
@media screen and (max-width:768px) {
  .aboutCh p {
    width: 90%;
    padding: 27px 0;
  }
}

.aboutCh img {
  max-width: 100%;
}



/* =====================
  balloonList
===================== */
.balloonList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
      align-items: flex-start;
  width: 70vw; /* 980/14 */
  max-width: 980px;
  margin: 0 auto;
  padding: 60px 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  .balloonList {
    padding: 4.285714vw 0; /* 60/14 */
  }
}
@media screen and (max-width:768px) {
  .balloonList {
    width: 90%;
    padding: 32px 0 22px;
  }
}


/*  balloonList__item
------------------------*/
.balloonList__item {
  width: -webkit-calc( ( ( 100% - .01px ) - ( 35px * 2 ) ) / 3 );
  width:         calc( ( ( 100% - .01px ) - ( 35px * 2 ) ) / 3 );
  line-height: 0;
}
@media screen and (max-width:1400px) {
  .balloonList__item {
    width: -webkit-calc( ( ( 100% - .01px ) - ( 2.5vw * 2 ) ) / 3 );
    width:         calc( ( ( 100% - .01px ) - ( 2.5vw * 2 ) ) / 3 );
  }
}

.balloonList__item img {
  max-width: 100%;
}

.balloonList__item + .balloonList__item {
  margin-left: 35px;
}
@media screen and (max-width:1400px) {
  .balloonList__item + .balloonList__item {
    margin-left: 2.5vw; /* 35/14 */
  }
}



/* =====================
  problem
===================== */
.problem {
  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;
  position: relative;
  z-index: 9;
  width: 77.142857vw; /* 1080/14 */
  max-width: 1080px;
  margin: 0 auto;
  line-height: 0;
}
@media screen and (max-width:768px) {
  .problem {
    width: 90%;
  }
}
@media screen and (max-width:600px) {
  .problem {
    display: block;
    width: auto;
  }
}


/*  problem__item
------------------------*/
.problem__item + .problem__item {
  margin-left: 40px;
}
@media screen and (max-width:1400px) {
  .problem__item + .problem__item {
    margin-left: 2.857143vw; /* 40/14 */
  }
}
@media screen and (max-width:600px) {
  .problem__item + .problem__item {
    margin: auto;
    margin-top: 30px;
  }
}

.problem__item img {
  max-width: 100%;
}


/*  problem__thumb
------------------------*/
.problem__thumb {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: -webkit-calc( ( 440 / 1080 ) * 100% );
  width:         calc( ( 440 / 1080 ) * 100% );
}
@media screen and (max-width:600px) {
  .problem__thumb {
    width: 60%;
    margin: 0 auto;
  }
}


/*  problem__text
------------------------*/
.problem__text {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  padding: 0 45px;
  text-align: center;
}
@media screen and (max-width:1400px) {
  .problem__text {
    padding: 0 2.857143vw; /* 45/14 */
  }
}
@media screen and (max-width:600px) {
  .problem__text {
    width: 68vw; /* (510*.8)/6 */
    min-width: 256px;
    padding: 0;
    margin: 0 auto;
  }
}



/* =====================
  solution
===================== */
.solution {
  margin-top: -120px;
  padding-top: 215px;
  overflow: hidden;
  background-color: #fff;
}
@media screen and (max-width:1400px) {
  .solution {
    margin-top: -8.571429vw; /* 120/14 */
    padding-top: 15.357143vw; /* 215/14 */
  }
}
@media screen and (max-width:768px) {
  .solution {
    margin-top: -10.416667vw; /* 80/7.68 */
    padding-top: 18.880208vw; /* 145/7.68 */
  }
}
@media screen and (max-width:600px) {
  .solution {
    margin-top: -15.833333vw; /* 95/6 */
    padding-top: 28.333333vw; /* 170/6 */
  }
}
@media screen and (max-width:375px) {
  .solution {
    margin-top: -60px;
  }
}


/*  .solution__inner
------------------------*/
.solution__inner {
  position: relative;
  z-index: 0;
  width: 100vw; /* 1400/14 */
  max-width: 1400px;
  margin: 0 auto;
}

.solution__inner:before ,
.solution__inner:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  margin: 0 auto;
  content: " ";
}

.solution__inner:before {
  bottom: 0;
  width: 85.714286vw; /* 1200/14 */
  max-width: 1200px;
  background-color: #ab1100;
}
@media screen and (max-width:768px) {
  .solution__inner:before {
    width: 90%;
  }
}

.solution__inner:after {
  width: 0;
  height: 0;
  border-width: 34px 50px 0 50px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
@media screen and (max-width:1400px) {
  .solution__inner:after {
    border-width: 2.4285714vw 3.571429vw 0 3.571429vw; /* 34/14 : 50/14 */
  }
}
@media screen and (max-width:768px) {
  .solution__inner:after {
    border-width: 3.515625vw 5.2083333vw 0 5.2083333vw; /* 27/7.68 : 40/7.68 */
  }
}



/* =====================
  solutionTitle
===================== */
.solutionTitle {
  width: 55.714286vw; /* 780/14 */
  max-width: 780px;
  margin: 0 auto;
  padding: 95px 0 45px;
  text-align: center;
}
@media screen and (max-width:1400px) {
  .solutionTitle {
    padding: 6.785714vw 0 3.214286vw; /* 95/14 : 45/14 */
  }
}
@media screen and (max-width:768px) {
  .solutionTitle {
    width: 70%;
    padding: 52px 0 24px;
  }
}
@media screen and (max-width:425px) {
  .solutionTitle {
    padding: 12.2353vw 0 5.647058823529412vw; /* 52/4.24 : 24/4.25 */
  }
}

.solutionTitle img {
  max-width: 100%;
}



/* =====================
  solutionDescription
===================== */
.solutionDescription {
  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;
  position: relative;
  z-index: 9;
  line-height: 0;
}
@media screen and (max-width:600px) {
  .solutionDescription {
    display: block;
  }
}

.solutionDescription img {
  max-width: 100%;
}


/*  solutionDescription__thumb
------------------------*/
.solutionDescription__thumb {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: -webkit-calc( ( 883 / 1400 ) * 100% );
  width:         calc( ( 883 / 1400 ) * 100% );
}
@media screen and (max-width:600px) {
  .solutionDescription__thumb {
    width: 80%;
  }
}


/*  solutionDescription__text
------------------------*/
.solutionDescription__text {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  position: relative;
  z-index: 0;
  width: -webkit-calc( ( 700 / 1400 ) * 100% );
  width:         calc( ( 700 / 1400 ) * 100% );
  background-color: #fff;
  margin-top: 115px;
  margin-left: -183px;
  padding: 45px 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:1400px) {
  .solutionDescription__text {
    margin-top: 8.214286vw; /* 115/14 */
    margin-left: -13.071429vw; /* 183/14 */
    padding: 3.214286vw 3.571429vw; /* 45/14 : 50/14 */
  }
}
@media screen and (max-width:600px) {
  .solutionDescription__text {
    width: 70%;
    margin-top: -8.333333vw; /* 50/6 */
    margin-left: auto;
    padding: 5.833333vw 6.666667vw; /* 35/6 : 40/6 */
  }
}



/* =====================
  solutionDescriptionText
===================== */
.solutionDescriptionText {
  width: 35.857143vw; /* 502/14 */
  max-width: 502px;
}
@media screen and (max-width:600px) {
  .solutionDescriptionText {
    width: 90%;
  }
}


/*  solutionDescriptionText__item
------------------------*/
.solutionDescriptionText__item img {
  max-width: 100%;
}

.solutionDescriptionText__item + .solutionDescriptionText__item {
  margin-top: 65px;
}
@media screen and (max-width:1400px) {
  .solutionDescriptionText__item + .solutionDescriptionText__item {
    margin-top: 4.642857vw; /* 65/14 */
  }
}


/*  solutionDescriptionText__logo
------------------------*/
.solutionDescriptionText__logo {
  width: 31.474104%; /* (158/502)*100% */
  max-width: 158px;
  margin-left: auto;
}



/* =====================
  solutionThumb
===================== */
.solutionThumb {
  width: 68.571429vw; /* 960/14 */
  max-width: 960px;
  margin: 0 auto;
  margin-top: -157px;
  line-height: 0;
}
@media screen and (max-width:1400px) {
  .solutionThumb {
    margin-top: -11.214286vw; /* 157/14 */
  }
}
@media screen and (max-width:600px) {
  .solutionThumb {
    width: 80%;
    margin-top: 0;
  }
}

.solutionThumb img {
  max-width: 100%;
}



/* =====================
  solutionBalloon
===================== */
.solutionBalloon {
  position: relative;
  z-index: 0;
  width: 62.857143vw;
  max-width: 880px;
  margin: 0 auto;
  margin-top: -120px;
  padding: 55px 75px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  .solutionBalloon {
    margin-top: -8.571429vw; /* 120/14 */
    padding: 3.928571vw 5.357143vw; /* 55/14 : 75/14 */
  }
}
@media screen and (max-width:600px) {
  .solutionBalloon {
    width: 75%;
  }
}

.solutionBalloon:after {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-width: 20px 15px 0 15px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  content: " ";
}
@media screen and (max-width:1400px) {
  .solutionBalloon:after {
    border-width: 1.4285714vw 1.071429vw 0 1.071429vw; /* 20/14 : 15/14 */
  }
}
@media screen and (max-width:600px) {
  .solutionBalloon:after {
    border-width: 2.5vw 1.666667vw 0 1.666667vw; /* 15/6 : 10/6 */
  }
}

.solutionBalloon img {
  max-width: 100%;
}



/* =====================
  solutionBtn
===================== */
.solutionBtn {
  width: 35.714286vw; /* 500/14 */
  max-width: 500px;
  margin: 0 auto;
  padding: 60px 0;
  padding-top: 65px;
}
@media screen and (max-width:1400px) {
  .solutionBtn {
    padding: 4.285714vw 0; /* 60/14 */
    padding-top: 4.642857vw; /* 65/14 */
  }
}
@media screen and (max-width:600px) {
  .solutionBtn {
    width: 60%;
  }
}

.solutionBtn a {
  display: block;
  padding: 20px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  .solutionBtn a {
    padding: 1.428571vw; /* 20/14 */
  }
}
@media screen and (max-width:600px) {
  .solutionBtn a {
    padding: 3.333333vw; /* 20/6 */
  }
}

.solutionBtn a:hover {
  opacity: .8;
}

.solutionBtn img {
  width: 23.214286vw; /* 325/14 */
  max-width: 325px;
}
@media screen and (max-width:600px) {
  .solutionBtn img {
    width: 80%;
  }
}


/* =====================
  push
===================== */
.push {
  margin-top: 20px;
  margin-bottom: 75px;
  padding: 20px 0 50px;
  background-color: #fff;
  display: flex;
  flex-flow: row wrap;
}
@media screen and (max-width:1400px) {
  .push {
    margin-bottom: 4vw; /* 95/14 */
    padding: 3vw 0 7.142857vw; /* 95/14 : 100/14 */
  }
}

.push__inner {
  width: 85.714286vw; /* 1200/14 */
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .push__inner {
    width: 100%;
  }
}

.push__inner2_1 {
  width: 42.5%;
  margin-right: 2.5%;
  margin-left: 5%;
}

.push__inner2_2 {
  width: 42.5%;
  margin-right: 5%;
  margin-left: 2.5%;
}

@media screen and (max-width:768px) {
  .push__inner2_1 {
  width: 90%;
  margin-right: 5%;
  margin-left: 5%;
  margin-bottom: 10px;
  }

  .push__inner2_2 {
  width: 90%;
  margin-right: 5%;
  margin-left: 5%;
  }
}


/*  push__main
------------------------*/
.pushpc {
  width: 100%;
}

.pushpc:hover {
  opacity: .8;
}



/* =====================
  apply
===================== */
.apply {
  margin-top: -95px;
  padding: 95px 0 100px;
  background-color: #eee;
}
@media screen and (max-width:1400px) {
  .apply {
    margin-top: -6.785714vw; /* 95/14 */
    padding: 6.785714vw 0 7.142857vw; /* 95/14 : 100/14 */
  }
}


/*  apply__inner
------------------------*/
.apply__inner {
  width: 85.714286vw; /* 1200/14 */
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .apply__inner {
    width: 90%;
  }
}



/* =====================
  applyTitle
===================== */
.applyTitle {
  width: 37.142857vw; /* 520/14 */
  max-width: 520px;
  margin: 0 auto;
  padding: 45px 0 35px;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  .applyTitle {
    padding: 3.214286vw 0 2.5vw; /* 45/14 : 35/14 */
  }
}
@media screen and (max-width:768px) {
  .applyTitle {
    width: 54.166667vw; /* (520*.6)/7.68 */
    min-width: 192px;
    padding: 24px 0 19px;
  }
}

.applyTitle img {
  max-width: 100%;
}



/* =====================
  applyList
===================== */
/*  applyList__item
------------------------*/
.applyList__item > a ,
.applyList__item > div {
  display: block;
  padding: 30px;
  background-color: #bbb;
  text-decoration: none;
  color: #fff;
}
@media screen and (max-width:1400px) {
  .applyList__item > a ,
  .applyList__item > div {
    padding: 2.142857vw; /* 30/14 */
  }
}
@media screen and (max-width:768px) {
  .applyList__item > a ,
  .applyList__item > div {
    padding: 16px;
  }
}

.applyList__item > a:hover {
  opacity: .8;
}

.applyList__item + .applyList__item {
  margin-top: 30px;
}
@media screen and (max-width:1400px) {
  .applyList__item + .applyList__item {
    margin-top: 2.142857vw; /* 30/14 */
  }
}


/*  applyList__item--sptv
------------------------*/
.applyList__item--sptv > a {
  background-color: #0094ff;
}

/*  applyList__item--sptvsp
------------------------*/
.applyList__item--sptvsp > div {
  background-color: #afeeee;
  color: #696969;
}

/*  applyList__item--jcom
------------------------*/
.applyList__item--jcom > a {
  background-color: #e83314;
}


/*  applyList__item--catv
------------------------*/
.applyList__item--catv > a {
  background-color: #169521;
}


/*  applyList__item--hikari
------------------------*/
.applyList__item--hikari > div {
  background-color: #535050;
}


/* =====================
  applyListDetail
===================== */
.applyListDetail {
  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) {
  .applyListDetail {
    display: block;
  }
}


/*  applyListDetail__title
------------------------*/
.applyListDetail__title {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  position: relative;
  z-index: 0;
  width: -webkit-calc( ( 470 / 1140 ) * 100% );
  width:         calc( ( 470 / 1140 ) * 100% );
  padding: 30px;
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
  background-color: #fff;
  text-align: center;
}
@media screen and (max-width:1400px) {
  .applyListDetail__title {
    padding: 2.142857vw; /* 30/14 */
  }
}
@media screen and (max-width:768px) {
  .applyListDetail__title {
    width: auto;
  }
}
@media screen and (max-width:600px) {
  .applyListDetail__title {
    padding: 16px;
  }
}

.applyListDetail__title:after {
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  width: 0;
  height: 0;
  margin: auto 0;
  border-width: 14px 0 14px 16px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  content: " ";
}
@media screen and (max-width:1400px) {
  .applyListDetail__title:after {
    border-width: 1vw 0 1vw 1.14285714vw; /* 14/14 : 16/14 */
  }
}
@media screen and (max-width:768px) {
  .applyListDetail__title:after {
    content: none;
  }
}

.applyListDetail__title > div {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  line-height: 0;
}

.applyListDetail__title img {
  width: 24.571429vw; /* 344/14 */
  max-width: 344px;
}
@media screen and (max-width:768px) {
  .applyListDetail__title img {
    width: 35.833333vw; /* (344*.8)/7.68 */
    min-width: 208px;
  }
}


/*  applyListDetail__body
------------------------*/
.applyListDetail__body {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  margin-left: 60px;
}
@media screen and (max-width:1400px) {
  .applyListDetail__body {
    margin-left: 4.285714vw; /* 60/14 */
  }
}
@media screen and (max-width:768px) {
  .applyListDetail__body {
    margin-left: 0;
    margin-top: 1.302083vw; /* 10/7.68 */
  }
}



/* =====================
  applyListDetailText
===================== */
.applyListDetailText {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.389;
  letter-spacing: .08em;
}
@media screen and (max-width:1400px) {
  .applyListDetailText {
    font-size: 1.285714vw; /* 18/14 */
  }
}
@media screen and (max-width:768px) {
  .applyListDetailText {
    font-size: 14px;
  }
}
@media screen and (max-width:600px) {
  .applyListDetailText {
    font-size: 12px;
  }
}

.applyList__item > a .applyListDetailText {
  position: relative;
  z-index: 0;
  padding-right: 5.555556em; /* 100/18 */
}
@media screen and (max-width:768px) {
  .applyList__item > a .applyListDetailText {
    padding-right: 3.571429em; /* 50/14 */
  }
}

.applyList__item > a .applyListDetailText:after {
  position: absolute;
  top: 0;
  right: .277778em; /* 5/18 */
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 1.166667em; /* 21/18 */
  height: 1.166667em; /* 21/18 */
  margin: auto 0;
  border-top: .277778em solid #fff; /* 5/18 */
  border-right: .277778em solid #fff; /* 5/18 */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
}


/*  applyListDetailText__main
------------------------*/
.applyListDetailText__main {
  font-weight: 700;
  font-size: 1.666667em; /* 30/18 */
  letter-spacing: .1em;
  line-height: 1.3;
}
@media screen and (max-width:600px) {
  .applyListDetailText__main {
    font-size: 18px;
    letter-spacing: 0;
  }
}

.applyListDetailText__main .fontOswald {
  display: inline-block;
  -webkit-transform: translateY(.05em);
      -ms-transform: translateY(.05em);
       -o-transform: translateY(.05em);
          transform: translateY(.05em);
  font-weight: 400;
  font-size: 1.266667em; /* 38/30 */
}

.applyListDetailText__main .fontItalic {
  margin: 0;
}


/*  applyListDetailText__sub
------------------------*/
.applyListDetailText__sub {
  margin-top: .555556em; /* 10/18 */
  padding-top: .555556em; /* 10/18 */
  border-top: 1px solid #fff;
}


/*  applyListDetailText__main__sptv
------------------------*/
.applyListDetailText__main__sptvtitle {
  margin-bottom: .555556em; /* 10/18 */
  font-weight: 700;
  font-size: 1.5em; /* 30/18 */
  letter-spacing: .1em;
  line-height: 1.3;
  color: #ff4500;
}

.applyListDetailText__main__sptv {
  font-weight: 700;
  font-size: 1.2em; /* 30/18 */
  letter-spacing: .1em;
  line-height: 1.3;
}

.applyListDetailText__main__sptvcatch {
  font-weight: 700;
  font-size: 1.333333em; /* 30/18 */
  letter-spacing: .1em;
  line-height: 1.3;
}

sup {
  vertical-align:text-top;
  font-size:small;
}

@media screen and (max-width:600px) {
.applyListDetailText__main__sptvtitle {
    font-size: 18px;
    letter-spacing: 0;
}

.applyListDetailText__main__sptv {
    font-size: 15px;
    letter-spacing: 0;
}

.applyListDetailText__main__sptvcatch {
    font-size: 16px;
    letter-spacing: 0;
}

}


/*  applyListDetailText__sub__sptv
------------------------*/
.applyListDetailText__sub__sptv {
  margin-top: .333333em; /* 10/18 */
  margin-bottom: .666667em; /* 10/18 */
  border-top: 0px solid #fff;
}

.applyListDetailText__sub__sptvday {
  margin-top: .333333em; /* 10/18 */
  margin-bottom: .666667em; /* 10/18 */
  font-weight: 700;
  font-size: 1.333333em; /* 30/18 */
}

@media screen and (max-width:600px) {
.applyListDetailText__sub__sptvday {
    font-size: 16px;
}
}


/* =====================
  applyListDetailBtn
===================== */
.applyListDetailBtn {
  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;
  margin-top: .833333em; /* 15/18 */
}
@media screen and (max-width:600px) {
  .applyListDetailBtn {
    display: block;
  }
}


/*  applyListDetailBtn__item
------------------------*/
.applyListDetailBtn__item {
  width: -webkit-calc( ( ( 100% - .01px ) - .555556em ) / 2 ); /* 10/18 */
  width:         calc( ( ( 100% - .01px ) - .555556em ) / 2 ); /* 10/18 */
}
@media screen and (max-width:600px) {
  .applyListDetailBtn__item {
    width: auto;
  }
}

.applyListDetailBtn__item a {
  display: block;
  position: relative;
  z-index: 0;
  padding: .652174em; /* 15/23 */
  padding-right: 1.565217em; /* 36/23 */
  background-color: #888;
  color: #fff;
  font-weight: 700;
  font-size: 1.277778em; /* 23/18 */
  text-decoration: none;
  text-align: center;
  text-indent: .08em;
}

.btncatch{
  color: #fff;
  font-weight: 700;
  font-size: 12px; /* 23/18 */
  text-decoration: none;
  text-align: center;
  text-indent: .08em;
}

@media screen and (max-width:600px) {
  .applyListDetailBtn__item a {
    padding: .652174em 1.565217em;
  }
}

.applyListDetailBtn__item a:after {
  display: block;
  position: absolute;
  top: 0;
  right: .652174em; /* 15/23 */
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: .5217391em; /* 12/23 */
  height: .5217391em; /* 12/23 */
  margin: auto 0;
  border-top: .17391304em solid #fff; /* 4/23 */
  border-right: .17391304em solid #fff; /* 4/23 */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
}

.applyListDetailBtn__item a:hover {
  opacity: .8;
}

.applyListDetailBtn__item + .applyListDetailBtn__item {
  margin-left: .555556em; /* 10/18 */
}
@media screen and (max-width:600px) {
  .applyListDetailBtn__item + .applyListDetailBtn__item {
    margin: auto;
    margin-top: .555556em; /* 10/18 */
  }
}


/*  applyList__item--sptv
------------------------*/
.applyList__item--sptv .applyListDetailBtn__item a {
  background-color: #ff4500;
}

.applyList__item--sptv .applyListDetailBtn__item + .applyListDetailBtn__item a {
  background-color: #d2691e;
}

/*  applyList__item--hikari
------------------------*/
.applyList__item--hikari .applyListDetailBtn__item a {
  background-color: #00a2e6;
}



/* =====================
  campaign
===================== */
#campaign {
  background-color: #b8e0f7;
}



/* =====================
  campaignTitle
===================== */
#campaignTitle {
  position: relative;
  z-index: 0;
  padding: 72px 0;
  overflow: hidden;
  background-color: #fff;
}
@media screen and (max-width:1400px) {
  #campaignTitle {
    padding: 5.142857vw 0; /* 72/14 */
  }
}
@media screen and (max-width:600px) {
  #campaignTitle {
    padding: 30px 0;
  }
}

#campaignTitle:before ,
#campaignTitle:after {
  display: block;
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #b8e0f7 transparent;
  content: " ";
}

#campaignTitle:before {
  border-width: 0 50vw 72px 0;
  left: 50%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
       -o-transform: translateX(-100%);
          transform: translateX(-100%);
}
@media screen and (max-width:1400px) {
  #campaignTitle:before {
    border-width: 0 50vw 5.142857vw 0; /* 72/14 */
  }
}
@media screen and (max-width:600px) {
  #campaignTitle:before {
    border-width: 0 50vw 30px 0; /* 72/14 */
  }
}

#campaignTitle:after {
  border-width: 0 0 72px 50vw;
  right: 50%;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
}
@media screen and (max-width:1400px) {
  #campaignTitle:after {
    border-width: 0 0 5.142857vw 50vw; /* 72/14 */
  }
}
@media screen and (max-width:600px) {
  #campaignTitle:after {
    border-width: 0 0 30px 50vw; /* 72/14 */
  }
}


/*  campaignTitle__main
------------------------*/
#campaignTitle__main {
  width: 75.785714vw; /* 1061/14 */
  max-width: 1061px;
  margin: 0 auto;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:768px) {
  #campaignTitle__main {
    width: 80%;
  }
}

#campaignTitle__main img {
  max-width: 100%;
}



/* =====================
  campaign__inner
===================== */
#campaign__inner {
  width: 77.142857vw; /* 1080/14 */
  max-width: 1080px;
  margin: 0 auto;
  padding: 20px 0 70px;
}
@media screen and (max-width:1400px) {
  #campaign__inner {
    padding: 1.428571vw 0 5vw; /* 70/14 */
  }
}
@media screen and (max-width:768px) {
  #campaign__inner {
    width: 90%;
    padding: 20px 0 5vw; /* 70/14 */
  }
}
@media screen and (max-width:600px) {
  #campaign__inner {
    padding: 20px 0 30px;
  }
}



/* =====================
  campaignContainer
===================== */
/*  campaignContainer__item
------------------------*/
.campaignContainer__item + .campaignContainer__item {
  margin-top: 30px;
}
@media screen and (max-width:1400px) {
  .campaignContainer__item + .campaignContainer__item {
    margin-top: 2.142857vw; /* 30/14 */
  }
}
@media screen and (max-width:768px) {
  .campaignContainer__item + .campaignContainer__item {
    margin-top: 16px;
  }
}



/* =====================
  campaignTargetList
===================== */
.campaignTargetList {
  list-style: none;
  font-weight: 700;
  text-align: left;
}


/*  campaignTargetList__item
------------------------*/
.campaignTargetList__item {
  position: relative;
  z-index: 0;
  padding-left: 1.25em;
}

.campaignTargetList__item:before {
  position: absolute;
  top: .5em;
  left: 0;
  width: .555556em; /* 10/18 */
  height: .555556em;
  border-radius: 50%;
  background-color: #000;
  content: " ";
}



/* =====================
  campaignDescription
===================== */
#campaignDescription {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.72;
  letter-spacing: .04em;
  text-align: center;
  text-indent: .04em;
}
@media screen and (max-width:1400px) {
  #campaignDescription {
    font-size: 1.285714vw; /* 18/14 */
  }
}
@media screen and (max-width:768px) {
  #campaignDescription {
    font-size: 14px;
  }
}
@media screen and (max-width:600px) {
  #campaignDescription {
    text-align: left;
  }
}

#campaignDescription .fontBold {
  font-weight: 700;
}

#campaignDescription .bgLine {
  padding-left: 0;
  background-color: #ffcf28;
}

@media screen and (max-width:768px) {
  #campaignDescription br {
    display: none;
  }
}

#campaignDescription .largeText {
  display: block;
  width: 49.5vw; /* 693/14 */
  max-width: 693px;
  margin: 0 auto;
  margin-top: 20px;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  #campaignDescription .largeText {
    margin-top: 1.428571vw; /* 20/14 */
  }
}
@media screen and (max-width:768px) {
  #campaignDescription .largeText {
    width: 80%;
    margin-top: 20px;
  }
}

#campaignDescription .largeText img {
  max-width: 100%;
}


/*  campaignDescription__item
------------------------*/
.campaignDescription__item + .campaignDescription__item {
  margin-top: 20px;
}
@media screen and (max-width:1400px) {
  .campaignDescription__item + .campaignDescription__item {
    margin-top: 1.428571vw; /* 20/14 */
  }
}
@media screen and (max-width:768px) {
  .campaignDescription__item + .campaignDescription__item {
    margin-top: 20px;
  }
}



/* =====================
  campaignTarget
===================== */
.campaignTarget {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  padding: 20px;
  background-color: #09f;
  color: #fff;
}
@media screen and (max-width:1400px) {
  .campaignTarget {
    padding: 1.428571vw; /* 20/14 */
  }
}
@media screen and (max-width:768px) {
  .campaignTarget {
    padding: 20px;
  }
}
@media screen and (max-width:600px) {
  .campaignTarget {
    display: block;
  }
}

.campaignTarget:before {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  -ms-align-self: center;
      align-self: center;
  width: 18.857143vw; /* 245/14 */
  max-width: 245px;
  margin-right: 90px;
  padding-top: 7.788462%; /* 81/10.4 */
  background-image: url("../img/main/campaign/description/target/logo.png");
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}
@media screen and (max-width:1400px) {
  .campaignTarget:before {
    margin-right: 6.428571vw; /* 90/14 */
  }
}
@media screen and (max-width:600px) {
  .campaignTarget:before {
    width: 100%;
    max-width: none;
    margin: 0;
    margin-bottom: 10px;
    padding-top: 50px;
  }
}

@media screen and (max-width:600px) {
  .campaignTarget .campaignTargetList {
    display: table;
    margin: 0 auto;
  }
}

.campaignTarget .campaignTargetList__item:before {
  top: .65em;
  width: .555556em; /* 10/18 */
  height: .555556em;
  background-color: #fff;
}



/* =====================
  campaignArea
===================== */
.campaignArea {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: .04em;
  text-indent: .04em;
}
@media screen and (max-width:1400px) {
  .campaignArea {
    font-size: 1vw; /* 14/14 */
  }
}
@media screen and (max-width:768px) {
  .campaignArea {
    font-size: 14px;
  }
}

.campaignDescription__item + .campaignArea {
  margin-top: 0;
}

.campaignDescription__item + .campaignArea:before {
  display: block;
  width: 22.857143em; /* 320/14 */
  height: .14285714em; /* 2/14 */
  margin: 2.857143em auto; /* 40/14 */
  background-color: #000;
  content: " ";
}
@media screen and (max-width:768px) {
  .campaignDescription__item + .campaignArea:before {
    width: 35%;
  }
}



/* =====================
  campaignAreaDetail
===================== */
.campaignAreaDetail {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: flex-start;
      align-items: flex-start;
  text-align: left;
}
@media screen and (max-width:600px) {
  .campaignAreaDetail {
    display: block;
  }
}


/*  campaignAreaDetail__title
------------------------*/
.campaignAreaDetail__title {
  background-color: #000;
  padding: 0 .75em;
  color: #fff;
  white-space: nowrap;
  text-align: center;
}


/*  campaignAreaDetail__body
------------------------*/
.campaignAreaDetail__body {
  margin-left: .75em;
}
@media screen and (max-width:600px) {
  .campaignAreaDetail__body {
    margin: 0;
    margin-top: .75em;
  }
}



/* =====================
  campaignAreaCaution
===================== */
.campaignAreaCaution {
  margin-top: .5em;
}
@media screen and (max-width:600px) {
  .campaignAreaCaution {
    text-align: left;
  }
}



/* =====================
  campaignCondition
===================== */
.campaignCondition {
  list-style: none;
  margin-top: 25px;
  padding: 35px 25px;
  background-color: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 2;
  letter-spacing: .04em;
}
@media screen and (max-width:1400px) {
  .campaignCondition {
    margin-top: 1.785714vw; /* 25/14 */
    padding: 2.285714vw 1.785714vw; /* 32/14 : 25/14 */
    font-size: 1vw; /* 14/14 */
  }
}
@media screen and (max-width:768px) {
  .campaignCondition {
    margin-top: 25px;
    padding: 17px 13px;
    font-size: 12px;
  }
}

.campaignCondition__item + .campaignCondition__item {
  margin-top: 1em;
}


/*  campaignCondition__item
------------------------*/
.campaignCondition__item {
  position: relative;
  z-index: 0;
  padding-left: 1.5em;
}

.campaignCondition__item:before {
  display: block;
  position: absolute;
  top: .65em;
  left: 0;
  width: .714286em; /* 10/14 */
  height: .714286em;
  border-radius: 50%;
  background-color: #000;
  content: " ";
}

@media screen and (max-width:600px) {
  .campaignCondition__item br {
    display: none;
  }
}



/* =====================
  viewingFee
===================== */
.viewingFee {
  padding: 35px 25px;
  background-color: #fff;
}
@media screen and (max-width:1400px) {
  .viewingFee {
    padding: 2.5vw 1.785714vw; /* 35/14 : 25/14 */
  }
}
@media screen and (max-width:768px) {
  .viewingFee {
    padding: 19px 13px;
  }
}


/*  viewingFee__title
------------------------*/
.viewingFee__title {
  width: 28vw; /* .392/14 */
  max-width: 392px;
  margin: 0 auto;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:768px) {
  .viewingFee__title {
    width: 40.755208vw; /* 313/14 */
    min-width: 209px;
  }
}

.viewingFee__title img {
  max-width: 100%;
}


/*  viewingFee__body
------------------------*/
.viewingFee__body {
  margin-top: 15px;
}
@media screen and (max-width:1400px) {
  .viewingFee__body {
    margin-top: 1.071429vw; /* 15/14 */
  }
}
@media screen and (max-width:768px) {
  .viewingFee__body {
    margin-top: 15px;
  }
}



/* =====================
  viewingPlan
===================== */
.viewingPlan {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: space-between;
  -ms-align-items: center;
      align-items: center;
  padding: 30px;
  background-color: #e2eff7;
  font-size: 18px;
  letter-spacing: .04em;
}
@media screen and (max-width:1400px) {
  .viewingPlan {
    padding: 2.142857vw; /* 30/14 */
    font-size: 1.285714vw; /* 18/14 */
  }
}
@media screen and (max-width:768px) {
  .viewingPlan {
    padding: 16px;
    font-size: 14px;
  }
}
@media screen and (max-width:600px) {
  .viewingPlan {
    display: block;
  }
}


/*  viewingPlan__item
------------------------*/
.viewingPlan__item + .viewingPlan__item {
  margin-left: 30px;
}
@media screen and (max-width:1400px) {
  .viewingPlan__item + .viewingPlan__item {
    margin-left: 2.142857vw; /* 30/14 */
  }
}
@media screen and (max-width:768px) {
  .viewingPlan__item + .viewingPlan__item {
    margin-left: 16px;
  }
}
@media screen and (max-width:600px) {
  .viewingPlan__item + .viewingPlan__item {
    margin: 0;
    margin-top: 16px;
  }
}



/* =====================
  monthlyFee
===================== */
.monthlyFee {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  justify-content: flex-start;
  -ms-align-items: flex-end;
      align-items: flex-end;
  width: 378px;
}
@media screen and (max-width:1400px) {
  .monthlyFee {
    width:27vw ; /* 378/14 */
  }
}
@media screen and (max-width:768px) {
  .monthlyFee {
    display: block;
    width: 24.088542vw; /* 185/7.68 */
  }
}
@media screen and (max-width:600px) {
  .monthlyFee {
    width: auto;
  }
}


/*  monthlyFee__title
------------------------*/
.monthlyFee__title {
  width: 182px;
  padding: 5px 10px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #09f;
}
@media screen and (max-width:1400px) {
  .monthlyFee__title {
    width: 13vw; /* 182/14 */
  }
}
@media screen and (max-width:768px) {
  .monthlyFee__title {
    width: auto;
  }
}

.monthlyFee__title span {
  display: block;
  padding-top: 11.111111%; /* 18/1.62 */
  overflow: hidden;
  background-image: url("../img/main/campaign/fee/monthly/title.png");
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-indent: 200%;
  white-space: nowrap;
}
@media screen and (max-width:600px) {
  .monthlyFee__title span {
    padding-top: 18px;
  }
}



/*  monthlyFee__body
------------------------*/
.monthlyFee__body {
  width: 185px;
  margin-left: 10px;
  padding-top: 10.582011%; /* 40/3.78 */
  overflow: hidden;
  background-image: url("../img/main/campaign/fee/monthly/price.png");
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-indent: 200%;
  white-space: nowrap;
}
@media screen and (max-width:1400px) {
  .monthlyFee__body {
    width: 13.214286vw; /* 185/14 */
    margin-left: .714286vw; /* 10/14 */
  }
}
@media screen and (max-width:768px) {
  .monthlyFee__body {
    width: auto;
    margin: 0;
    margin-top: 7px;
    padding-top: 21.621622%; /* 40/1.85 */
  }
}
@media screen and (max-width:600px) {
  .monthlyFee__body {
    margin-top: 10px;
  }
}
@media screen and (max-width:600px) {
  .monthlyFee__body {
    padding-top: 40px;
  }
}



/* =====================
  viewingNotes
===================== */
.viewingNotes {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: .04em;
}
@media screen and (max-width:1400px) {
  .viewingNotes {
    font-size: 1vw; /* 14/14 */
  }
}
@media screen and (max-width:768px) {
  .viewingNotes {
    font-size: 12px;
  }
}

.viewingPlan + .viewingNotes {
  margin-top: 15px;
}
@media screen and (max-width:1400px) {
  .viewingPlan + .viewingNotes {
    margin-top: 1.071429vw; /* 15/14 */
  }
}
@media screen and (max-width:768px) {
  .viewingPlan + .viewingNotes {
    margin-top: 10px;
  }
}



/* =====================
  howJoin
===================== */
.howJoin {
  padding: 25px;
  background-color: #fff;
}
@media screen and (max-width:1400px) {
  .howJoin {
    padding: 1.785714vw; /* 25/14 */
  }
}
@media screen and (max-width:768px) {
  .howJoin {
    padding: 13px;
  }
}


/*  howJoin__title
------------------------*/
.howJoin__title {
  padding: 15px 0;
  background-color: #09f;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  .howJoin__title {
    padding: 1.071429vw 0; /* 15/14 */
  }
}
@media screen and (max-width:768px) {
  .howJoin__title {
    padding: 8px;
  }
}

.howJoin__title span {
  display: block;
  width: 11.428571vw; /* 160/14 */
  max-width: 160px;
  margin: 0 auto;
  line-height: 0;
}
@media screen and (max-width:768px) {
  .howJoin__title span {
    width: 16.666667vw; /* 128/7.68 */
    min-width: 100px;
  }
}

.howJoin__title img {
  max-width: 100%;
}


/*  howJoin__body
------------------------*/
.howJoin__body {
  margin-top: 20px;
}
@media screen and (max-width:1400px) {
  .howJoin__body {
    margin-top: 1.428571vw; /* 20/14 */
  }
}
@media screen and (max-width:768px) {
  .howJoin__body {
    margin-top: 10px;
  }
}



/* =====================
  howJoinText
===================== */
.howJoinText {
  margin-bottom: 1.388889em; /* 25/18 */
  font-weight: 500;
  font-size: 18px;
  line-height: 1.45;
  letter-spacing: .04em;
  text-align: center;
}
@media screen and (max-width:1400px) {
  .howJoinText {
    font-size: 1.285714vw; /* 18/14 */
  }
}
@media screen and (max-width:768px) {
  .howJoinText {
    font-size: 14px;
  }
}
@media screen and (max-width:600px) {
  .howJoinText {
    text-align: left;
  }
}

@media screen and (max-width:600px) {
  .howJoinText br {
    display: none;
  }
}

.howJoinText:after {
  display: block;
  width: 5.833334em;
  height: 1px;
  margin: 0 auto;
  margin-top: 1.388889em; /* 25/18 */
  background-color: #000;
  content: " ";
}



/* =====================
  howApply
===================== */
/*  howApply__item
------------------------*/
.howApply__item + .howApply__item {
  margin-top: 30px;
}
@media screen and (max-width:1400px) {
  .howApply__item + .howApply__item {
    margin-top: 2.142857vw; /* 30/14 */
  }
}
@media screen and (max-width:768px) {
  .howApply__item + .howApply__item {
    margin-top: 16px;
  }
}



/* =====================
  applyDetail
===================== */
/*  applyDetail__title
------------------------*/
.applyDetail__title {
  position: relative;
  z-index: 0;
  padding-left: 1.25em;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: .04em;
}
@media screen and (max-width:1400px) {
  .applyDetail__title {
    font-size: 1.285714vw; /* 18/14 */
  }
}
@media screen and (max-width:768px) {
  .applyDetail__title {
    font-size: 14px;
  }
}

.applyDetail__title:before {
  display: block;
  position: absolute;
  top: .6em;
  left: 0;
  width: .611112em; /* 11/18 */
  height: .611112em;
  background-color: #000;
  content: "";
}


/*  applyDetail__body
------------------------*/
.applyDetail__body {
  margin-top: 10px;
  background-color: #e2eff7;
}
@media screen and (max-width:1400px) {
  .applyDetail__body {
    margin-top: .714286vw; /* 10/14 */
  }
}
@media screen and (max-width:768px) {
  .applyDetail__body {
    margin-top: 5px;
  }
}


/*  applyDetail__body--phone
------------------------*/
.applyDetail__body--phone {
  padding: 25px 30px;
}
@media screen and (max-width:1400px) {
  .applyDetail__body--phone {
    padding: 1.785714vw 2.142857vw; /* 25/14 : 30/14 */
  }
}
@media screen and (max-width:768px) {
  .applyDetail__body--phone {
    padding: 13px 16px;
  }
}


/*  applyDetail__body--site
------------------------*/
.applyDetail__body--site {
  padding: 30px;
}
@media screen and (max-width:1400px) {
  .applyDetail__body--site {
    padding: 2.142857vw; /* 30/14 */
  }
}
@media screen and (max-width:768px) {
  .applyDetail__body--site {
    padding: 16px;
  }
}


/*  applyDetail__body--disabled
------------------------
.applyDetail__body--disabled {
  position: relative;
  z-index: 0;
  font-size: 16px;
}
@media screen and (max-width:768px) {
  .applyDetail__body--disabled {
    font-size: 14px;
  }
}
@media screen and (max-width:600px) {
  .applyDetail__body--disabled {
    font-size: 12px;
  }
}

.applyDetail__body--disabled:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9;
  border-radius: 10px;
  background-color: rgba(0,0,0,.8);
  content: " ";
}

.applyDetail__body--disabled:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  left: 5px;
  z-index: 99;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  font-weight: 900;
  font-size: -webkit-calc( 1em * 1.8 );
  font-size:         calc( 1em * 1.8 );
  letter-spacing: .04em;
  text-indent: .04em;
  text-align: center;
  content: "※12月1日(水)よりアクセス可能です";
}
@media screen and (max-width:500px) {
  .applyDetail__body--disabled:after {
    white-space: pre;
    content: "※12月1日(水)より\Aアクセス可能です";
  }
}*/



/* =====================
  applyPhone
===================== */
.applyPhone {
  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;
}
@media screen and (max-width:600px) {
  .applyPhone {
    display: block;
  }
}


/*  applyPhone__item
------------------------*/
.applyPhone__item {
  position: relative;
  z-index: 0;
}

.applyPhone__item + .applyPhone__item {
  margin-left: 66px;
}
@media screen and (max-width:1400px) {
  .applyPhone__item + .applyPhone__item {
    margin-left: 4.714286vw; /* 66/14 */
  }
}
@media screen and (max-width:600px) {
  .applyPhone__item + .applyPhone__item {
    margin: 0;
    margin-top: 36px;
  }
}

.applyPhone__item + .applyPhone__item:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
       -o-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 4.714286vw; /* 66/14 */
  max-width: 66px;
  background-image: radial-gradient(circle farthest-corner at center, #fff 40%, transparent 40%);
  background-position: 50% 50%;
  -webkit-background-size: 12px 12px;
          background-size: 12px 12px;
  background-repeat: repeat-y;
  content: " ";
}
@media screen and (max-width:1400px) {
  .applyPhone__item + .applyPhone__item:before {
    -webkit-background-size: .857143vw .857143vw; /* 12/14 */
            background-size: .857143vw .857143vw;
  }
}
@media screen and (max-width:768px) {
  .applyPhone__item + .applyPhone__item:before {
    -webkit-background-size: 8px 8px;
            background-size: 8px 8px;
  }
}
@media screen and (max-width:600px) {
  .applyPhone__item + .applyPhone__item:before {
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    -webkit-transform: translateY(-95%);
        -ms-transform: translateY(-95%);
         -o-transform: translateY(-95%);
            transform: translateY(-95%);
    width: auto;
    max-width: none;
    height: 36px;
    background-repeat: repeat-x;
  }
}


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

.applyPhone__item--number a {
  display: block;
  width: 29vw; /* 406/14 */
  max-width: 406px;
  padding-top: 16.995074%; /* 69/4.06 */
  overflow: hidden;
  background-image: url("../img/main/campaign/join/apply/phone/number.png");
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-indent: 200%;
  white-space: nowrap;
}
@media screen and (max-width:600px) {
  .applyPhone__item--number a {
    width: auto;
    max-width: none;
    padding-top: 17.012448%; /* 76/4.82 */
  }
}

.applyPhone__item--number a:hover {
  opacity: .8;
}


/*  applyPhone__item--link
------------------------*/
.applyPhone__item--link {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .04em;
}
@media screen and (max-width:1400px) {
  .applyPhone__item--link {
    font-size: 1vw; /* 14/14 */
  }
}
@media screen and (max-width:768px) {
  .applyPhone__item--link {
    font-size: 12px;
  }
}

.applyPhone__item--link a {
  border-bottom: 1px solid #000;
  color: #000;
  text-decoration: none;
}

.applyPhone__item--link a:hover {
  border-bottom: none;
}



/* =====================
  applySite
===================== */
/*  applySite__item
------------------------*/
.applySite__item {
  position: relative;
  z-index: 0;
}

.applySite__item + .applySite__item {
  margin-top: 50px;
}
@media screen and (max-width:1400px) {
  .applySite__item + .applySite__item {
    margin-top: 3.571429vw; /* 50/14 */
  }
}
@media screen and (max-width:768px) {
  .applySite__item + .applySite__item {
    margin-top: 27px;
  }
}

.applySite__item + .applySite__item:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
  height: 50px;
  background-image: radial-gradient(circle farthest-corner at center, #fff 40%, transparent 40%);
  background-position: 50% 50%;
  -webkit-background-size: 12px 12px;
          background-size: 12px 12px;
  background-repeat: repeat-x;
  content: " ";
}
@media screen and (max-width:1400px) {
.applySite__item + .applySite__item:before {
    height: 3.571429vw; /* 50/14 */
    -webkit-background-size: .857143vw .857143vw; /* 12/14 */
            background-size: .857143vw .857143vw;
  }
}
@media screen and (max-width:768px) {
.applySite__item + .applySite__item:before {
    height: 27px;
    -webkit-background-size: 8px 8px;
            background-size: 8px 8px;
  }
}



/* =====================
  applyLink
===================== */
.applyLink {
  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:600px) {
  .applyLink {
    display: block;
  }
}


/*  applyLink__item
------------------------*/
.applyLink__item {
  width: -webkit-calc( ( ( 100% - .01px ) - 20px ) / 2 );
  width:         calc( ( ( 100% - .01px ) - 20px ) / 2 );
}
@media screen and (max-width:1400px) {
  .applyLink__item {
    width: -webkit-calc( ( ( 100% - .01px ) - 1.428571vw ) / 2 );
    width:         calc( ( ( 100% - .01px ) - 1.428571vw ) / 2 );
  }
}
@media screen and (max-width:768px) {
  .applyLink__item {
    width: -webkit-calc( ( ( 100% - .01px ) - 10px ) / 2 );
    width:         calc( ( ( 100% - .01px ) - 10px ) / 2 );
  }
}
@media screen and (max-width:600px) {
  .applyLink__item {
    width: auto;
  }
}

.applyLink__item + .applyLink__item {
  margin-left: 20px;
}
@media screen and (max-width:1400px) {
  .applyLink__item + .applyLink__item {
    margin-left: 1.428571vw; /* 20/14 */
  }
}
@media screen and (max-width:768px) {
  .applyLink__item + .applyLink__item {
    margin-left: 10px;
  }
}
@media screen and (max-width:600px) {
  .applyLink__item + .applyLink__item {
    margin: 0;
    margin-top: 10px;
  }
}



/* =====================
  applyLinkBtn
===================== */
.applyLinkBtn {
  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;
}

.applyLinkBtn > 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;
  min-width: 0;
  padding: .740741em 1.111111em; /* 20/27 : 30/27 */
  overflow: hidden;
  border-radius: .3703704em; /* 10/27 */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #09f;
  color: #fff;
  font-weight: 700;
  font-size: 27px;
  letter-spacing: .04em;
  text-decoration: none;
  text-align: center;
  text-indent: .04em;
}
@media screen and (max-width:1400px) {
  .applyLinkBtn > a {
    font-size: 1.928571vw; /* 27/14 */
  }
}
@media screen and (max-width:768px) {
  .applyLinkBtn > a {
    padding: 17px 25px;
    font-size: 2.994792vw; /* 23/7.68 */
  }
}
@media screen and (max-width:600px) {
  .applyLinkBtn > a {
    font-size: 21px;
  }
}

.applyLinkBtn > a:hover {
  opacity: .8;
}


/* =====================
  applyLinkBtnWrap
===================== */
.applyLinkBtnWrap {
  display: block;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  min-width: 0;
}


/*  applyLinkBtnWrap__main
------------------------*/
.applyLinkBtnWrap__main {
  display: block;
}

.applyLinkBtnWrap__main span {
  display: block;
  width: 16.357143vw; /* 229/14 */
  max-width: 229px;
  margin: 0 auto;
  line-height: 0;
}
@media screen and (max-width:768px) {
  .applyLinkBtnWrap__main span {
    width: auto;
  }
}

.applyLinkBtnWrap__main img {
  max-width: 100%;
}


/*  applyLinkBtnWrap__sub
------------------------*/
.applyLinkBtnWrap__sub {
  display: block;
  margin-top: 5px;
  padding: 6px 12px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  line-height: 0;
}
@media screen and (max-width:1400px) {
  .applyLinkBtnWrap__sub {
    margin-top: .357143vw; /* 5/14 */
    padding: .42857142vw .857143vw; /* 6/14 : 12/14 */
  }
}
@media screen and (max-width:768px) {
  .applyLinkBtnWrap__sub {
    margin-top: 5px;
    padding: 6px 12px;
  }
}

.applyLinkBtnWrap__sub img {
  display: block;
  width: 17vw; /* 238/14 */
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .applyLinkBtnWrap__sub img {
    width: auto;
  }
}



/* =====================
  applyLinkPremium
===================== */
/*  applyLinkPremium__item
------------------------*/
.applyLinkPremium__item > a {
  display: block;
  padding: 1.047619em .952381em; /* 22/21 : 20/21 */
  border-radius: 0.4761904em; /* 10/21 */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #66c2ff;
  color: #fff;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: .04em;
  text-decoration: none;
}
@media screen and (max-width:1400px) {
  .applyLinkPremium__item > a {
    font-size: 1.5vw; /* 21/14 */
  }
}
@media screen and (max-width:768px) {
  .applyLinkPremium__item > a {
    font-size: 2.213542vw; /* 17/7.68 */
  }
}
@media screen and (max-width:600px) {
  .applyLinkPremium__item > a {
    font-size: 15px;
  }
}

.applyLinkPremium__item > a:hover {
  opacity: .8;
}

.applyLinkPremium__item > a > span {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
}
@media screen and (max-width:768px) {
  .applyLinkPremium__item > a > span {
    display: table;
    width: 10.588235em; /* 180/17 */
    margin: 0 auto;
    text-align: center;
  }
}

.applyLinkPremium__item > a > span:before {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 10.857143vw; /* 152/14 */
  max-width: 152px;
  margin-right: 15px;
  padding-top: 8.72529%; /* 32/3.6675 */
  background-image: url("../img/main/campaign/join/apply/site/logo.png");
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";;
}
@media screen and (max-width:1400px) {
  .applyLinkPremium__item > a > span:before {
    margin-right: 1.071429vw; /* 15/14 */
  }
}
@media screen and (max-width:768px) {
  .applyLinkPremium__item > a > span:before {
    width: auto;
    margin: 0 auto;
    margin-bottom: 5px;
    padding-top: 32px;
  }
}

.applyLinkPremium__item + .applyLinkPremium__item {
  margin-top: 15px;
}
@media screen and (max-width:1400px) {
  .applyLinkPremium__item + .applyLinkPremium__item {
    margin-top: 1.071429vw; /* 15/14 */
  }
}
@media screen and (max-width:768px) {
  .applyLinkPremium__item + .applyLinkPremium__item {
    margin-top: 8px;
  }
}



/* =====================
  appliedLink
===================== */
.appliedLink {
  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: 14px;
}
@media screen and (max-width:1400px) {
  .appliedLink {
    font-size: 1vw; /* 14/14 */
  }
}
@media screen and (max-width:768px) {
  .appliedLink {
    font-size: 12px;
  }
}
@media screen and (max-width:600px) {
  .appliedLink {
    display: block;
  }
}


/*  appliedLink__item
------------------------*/
.appliedLink__item {
  width: -webkit-calc( ( ( 100% - .01px  ) - 20px ) / 2 );
  width:         calc( ( ( 100% - .01px  ) - 20px ) / 2 );
}
@media screen and (max-width:1400px) {
  .appliedLink__item {
    width: -webkit-calc( ( ( 100% - .01px  ) - 1.428571vw ) / 2 );
    width:         calc( ( ( 100% - .01px  ) - 1.428571vw ) / 2 );
  }
}
@media screen and (max-width:768px) {
  .appliedLink__item {
    width: -webkit-calc( ( ( 100% - .01px  ) - 10px ) / 2 );
    width:         calc( ( ( 100% - .01px  ) - 10px ) / 2 );
  }
}
@media screen and (max-width:600px) {
  .appliedLink__item {
    width: auto;
  }
}

.appliedLink__item + .appliedLink__item {
  margin-left: 20px;
}
@media screen and (max-width:1400px) {
  .appliedLink__item + .appliedLink__item {
    margin-left: 1.428571vw; /* 20/14 */
  }
}
@media screen and (max-width:768px) {
  .appliedLink__item + .appliedLink__item {
    margin-left: 10px;
  }
}
@media screen and (max-width:600px) {
  .appliedLink__item + .appliedLink__item {
    margin: 0;
    margin-top: 10px;
  }
}


/*  appliedLink__item--arrow
------------------------*/
.appliedLink__item--arrow {
  position: relative;
  z-index: 0;
  background-color: #fff;
  padding: .714286em 1.428571em; /* 10/14 : 20/14 */
  border-radius: .714286em; /* 10/14 */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: .04em;
  text-align: center;
  text-indent: .04em;
}
@media screen and (max-width:850px) {
  .appliedLink__item--arrow {
    text-align: left;
  }
}

.appliedLink__item--arrow:after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 0;
  height: 0;
  margin: auto 0;
  border-width: .571429em 0 .571429em .857143em; /* 8/14 : 12/14 */
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  content: " ";
}
@media screen and (max-width:768px) {
  .appliedLink__item--arrow:after {
    border-width: 6px 0 6px 10px; /* 8/14 : 12/14 */
  }
}
@media screen and (max-width:600px) {
  .appliedLink__item--arrow:after {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0;
    margin: 0 auto;
    border-width: 10px 6px 0 6px;
    border-color: #fff transparent transparent transparent;
  }
}

@media screen and (max-width:850px) {
  .appliedLink__item--arrow br {
    display: none;
  }
}


/*  appliedLink__item--btn
------------------------*/
.appliedLink__item--btn {
  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;
}

.appliedLink__item--btn > 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: .714286em 1.428571em; /* 10/14 : 20/14 */
  border-radius: .714286em; /* 10/14 */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #09f;
}
@media screen and (max-width:600px) {
  .appliedLink__item--btn > a {
    display: block;
    padding: 10px 20px;
  }
}

.appliedLink__item--btn a:hover {
  opacity: .8;
}

.appliedLink__item--btn > a > span {
  display: block;
  width: 16.285714em; /* 228/14 */
  max-width: 228px;
  padding-top: 8.965%; /* (39/435.05)*100 */
  overflow: hidden;
  background-image: url("../img/main/campaign/join/apply/site/applied.png");
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  white-space: nowrap;
  text-indent: 200%;
}
@media screen and (max-width:768px) {
  .appliedLink__item--btn > a > span {
    width: 25.390625vw; /* 195/7.68 */
    padding-top: 11.900469%; /* (33/277.3)*100 */
  }
}
@media screen and (max-width:600px) {
  .appliedLink__item--btn > a > span {
    width: 155px;
    margin: 0 auto;
    padding-top: 27px;
  }
}



/* =====================
  applyBtn
===================== */
.applyBtn {
  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) {
  .applyBtn {
    display: block;
  }
}


/*  applyBtn__item
------------------------*/
.applyBtn__item {
  width: -webkit-calc( ( ( 100% - .01px ) - 15px ) / 2 );
  width:         calc( ( ( 100% - .01px ) - 15px ) / 2 );
}
@media screen and (max-width:1400px) {
  .applyBtn__item {
    width: -webkit-calc( ( ( 100% - .01px ) - 1.071429vw ) / 2 ); /* 15/14 */
    width:         calc( ( ( 100% - .01px ) - 1.071429vw ) / 2 );
  }
}
@media screen and (max-width:768px) {
  .applyBtn__item {
    width: auto;
  }
}

.applyBtn__item + .applyBtn__item {
  margin-left: 15px;
}
@media screen and (max-width:1400px) {
  .applyBtn__item + .applyBtn__item {
    margin-left: 1.071429vw;
  }
}
@media screen and (max-width:768px) {
  .applyBtn__item + .applyBtn__item {
    margin: 0;
    margin-top: 10px;
  }
}

.applyBtn__item a {
  display: block;
  padding: 1.764706em 1.470588em; /* 30/17 : 25/17 */
  border-radius: .588235em; /* 10/17 */
  background-color: #000;
  color: #fff;
  font-weight: 900;
  font-size: 17px;
  letter-spacing: .04em;
  text-decoration: none;
}
@media screen and (max-width:1400px) {
  .applyBtn__item a {
    font-size: 1.214286vw; /* 17/14 */
  }
}
@media screen and (max-width:768px) {
  .applyBtn__item a {
    font-size: 14px
  }
}

.applyBtn__item a:hover {
  opacity: .8;
}


/*  applyBtn__item--unused
------------------------*/
.applyBtn__item--unused a {
  background-color: #09f;
}


/*  applyBtn__item--used
------------------------*/
.applyBtn__item--used a {
  background-color: #66c2ff;
}



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


/*  applyBtnWrap__item
------------------------*/
.applyBtnWrap__item + .applyBtnWrap__item {
  margin-left: 1.176471em; /* 20/17 */
}
@media screen and (max-width:600px) {
  .applyBtnWrap__item + .applyBtnWrap__item {
    margin: 0;
    margin-top: 10px;
  }
}



/* =====================
  applyBtnWrapLogo
===================== */
.applyBtnWrapLogo {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
      align-items: flex-start;
  line-height: 1.5;
}
@media screen and (max-width:600px) {
  .applyBtnWrapLogo {
    justify-content: center;
  }
}


/*  applyBtnWrapLogo__item
------------------------*/
.applyBtnWrapLogo__item + .applyBtnWrapLogo__item {
  margin-left: .588235em; /* 10/17 */
}


/*  applyBtnWrapLogo__logo
------------------------*/
.applyBtnWrapLogo__logo {
  line-height: 0;
}

.applyBtnWrapLogo__logo img {
  max-width: 100%;
}



/* =====================
  applyBtnWrapBtn
===================== */
.applyBtnWrapBtn {
  position: relative;
  z-index: 0;
  width: 15.714286vw; /* 220/14 */
  max-width: 220px;
  padding: .2692307em .461538em; /* 7/26 : 12/26 */
  padding-right: 1.346154em; /* 35/26 */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  font-size: 1.529412em; /* 26/17 */
  text-align: center;
}
@media screen and (max-width:768px) {
  .applyBtnWrapBtn {
    width: 200px;
    max-width: none;
  }
}
@media screen and (max-width:600px) {
  .applyBtnWrapBtn {
    width: auto;
  }
}

.applyBtnWrapBtn:after {
  display: block;
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  width: 1.91667em; /* 23/12 */
  height: 1.91667em; /* 23/12 */
  margin: auto 0;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  font-weight: 400;
  font-size: .461538em; /* 12/26 */
  font-family: 'icomoon';
  line-height: 2.083333em; /* 25/12 */
  text-indent: 0;
  text-align: center;
  letter-spacing: 0;
  content: "\e900";
}

.applyBtn__item--unused .applyBtnWrapBtn {
  color: #09f;
}

.applyBtn__item--unused .applyBtnWrapBtn:after {
  background-color: #09f;
}

.applyBtn__item--used .applyBtnWrapBtn {
  color: #66c2ff;
}

.applyBtn__item--used .applyBtnWrapBtn:after {
  background-color: #66c2ff;
}



/* =====================
  campaign--jc
===================== */
#campaign.campaign--jc {
  background-color: #ffe8bb;
}

.campaign--jc #campaign__inner {
  width: 85.714286vw; /* 1200/14 */
  max-width: 1200px;
}
@media screen and (max-width:768px) {
  .campaign--jc #campaign__inner {
    width: 90%;
  }
}

.campaign--jc #campaignTitle:before ,
.campaign--jc #campaignTitle:after {
  border-color: transparent transparent #ffe8bb transparent;
}

.campaign--jc #campaignTitle__main {
  width: 62.785714vw; /* 879/14 */
  max-width: 879px;
}
@media screen and (max-width:768px) {
  .campaign--jc #campaignTitle__main {
    width: 80%;
  }
}

.campaign--jc .campaignTarget {
  background-color: #e93817;
}

.campaign--jc .campaignTarget:before {
  width: 11.928571vw; /* 167/14 */
  max-width: 167px;
  margin-right: 196px;
  padding-top: 4.482759%; /* 52/11.6 */
  background-image: url("../img/main/campaign/description/target/logo-jc.png");
}
@media screen and (max-width:1400px) {
  .campaign--jc .campaignTarget:before {
    margin-right: 14vw; /* 196/14 */
  }
}
@media screen and (max-width:600px) {
  .campaign--jc .campaignTarget:before {
    width: 100%;
    max-width: none;
    padding-top: 40px;
    margin-right: 0;
  }
}

.campaign--jc #campaignDescription .largeText {
  width: 58.857143vw; /* 824/14 */
  max-width: 824px;
}
@media screen and (max-width:768px) {
  .campaign--jc #campaignDescription .largeText {
    width: 80%;
  }
}

.campaign--jc .campaignCondition {
  margin-top: 30px;
  padding: 40px 60px;
}
@media screen and (max-width:1400px) {
  .campaign--jc .campaignCondition {
    margin-top: 2.142857vw; /* 30/14 */
    padding: 2.857143vw 4.285714vw; /* 40/14 : 60/14 */
  }
}
@media screen and (max-width:600px) {
  .campaign--jc .campaignCondition {
    margin-top: 12px;
    padding: 17px 25px;
  }
}

.campaign--jc .campaignCondition__item + .campaignCondition__item {
  margin-top: 0;
}

.campaign--jc .viewingFee {
  padding: 35px 60px;
}
@media screen and (max-width:1400px) {
  .campaign--jc .viewingFee {
    padding: 2.5vw 4.285714vw; /* 35/14 : 60/14 */
  }
}
@media screen and (max-width:768px) {
  .campaign--jc .viewingFee {
    padding: 19px 4.285714vw;
  }
}
@media screen and (max-width:600px) {
  .campaign--jc .viewingFee {
    padding: 19px 25px;
  }
}

.campaign--jc .viewingPlan {
  background-color: #ffe8bb;
}

.campaign--jc .viewingPlan__item + .viewingPlan__item {
  position: relative;
  z-index: 0;
  padding-left: 38px;
}
@media screen and (max-width:1400px) {
  .campaign--jc .viewingPlan__item + .viewingPlan__item {
    padding-left: 2.714286vw; /* 38/14 */
  }
}
@media screen and (max-width:768px) {
  .campaign--jc .viewingPlan__item + .viewingPlan__item {
    padding-left: 38px;
  }
}
@media screen and (max-width:600px) {
  .campaign--jc .viewingPlan__item + .viewingPlan__item {
    margin-top: 15px;
    padding: 0;
    padding-top: 38px;
  }
}

.campaign--jc .viewingPlan__item + .viewingPlan__item:before {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 19px;
  height: 19px;
  margin: auto 0;
  color: #000;
  font-size: 19px;
  line-height: 1em;
  font-family: 'icomoon';
  letter-spacing: 0;
  text-align: center;
  content: "\e905";
}
@media screen and (max-width:1400px) {
  .campaign--jc .viewingPlan__item + .viewingPlan__item:before {
    width: 1.6428571vw; /* 12/14 */
    height: 1.6428571vw; /* 12/14 */
    font-size: 1.6428571vw; /* 12/14 */
  }
}
@media screen and (max-width:768px) {
  .campaign--jc .viewingPlan__item + .viewingPlan__item:before {
    width: 19px;
    height: 19px;
    font-size: 19px;
  }
}
@media screen and (max-width:600px) {
  .campaign--jc .viewingPlan__item + .viewingPlan__item:before {
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}

.campaign--jc .monthlyFee {
  -ms-align-items: center;
      align-items: center;
  width: 378px;
}
@media screen and (max-width:1400px) {
  .campaign--jc .monthlyFee {
    width:27vw ; /* 378/14 */
  }
}
@media screen and (max-width:768px) {
  .campaign--jc .monthlyFee {
    width: 24.088542vw; /* 185/7.68 */
  }
}@media screen and (max-width:600px) {
  .campaign--jc .monthlyFee {
    width: auto;
  }
}

.campaign--jc .monthlyFee__title {
  background-color: #e93817;
}

.campaign--jc .monthlyFee__body {
  background-image: url("../img/main/campaign/fee/monthly/price-jc.png");
}

.campaign--jc .howJoin {
  padding: 40px 60px;
}
@media screen and (max-width:1400px) {
  .campaign--jc .howJoin {
    padding: 2.857143vw 4.285714vw; /* 40/14 : 60/14 */
  }
}
@media screen and (max-width:768px) {
  .campaign--jc .howJoin {
    padding: 21px 4.285714vw; /* 60/14 */
  }
}
@media screen and (max-width:600px) {
  .campaign--jc .howJoin {
    padding: 21px 25px;
  }
}

.campaign--jc .howJoin__title {
  background-color: #e93817;
}

.campaign--jc .howJoin__body {
  margin-top: 25px;
}
@media screen and (max-width:1400px) {
  .campaign--jc .howJoin__body {
    margin-top: 1.785714vw; /* 25/14 */
  }
}
@media screen and (max-width:768px) {
  .campaign--jc .howJoin__body {
    margin-top: 13px;
  }
}

.campaign--jc .applyDetail__body--phone {
  border: 2px solid #cfcfcf;
  background-color: transparent;
}

.campaign--jc .applyPhone__item + .applyPhone__item {
  margin-left: 85px;
}
@media screen and (max-width:1400px) {
  .campaign--jc .applyPhone__item + .applyPhone__item {
    margin-left: 6.071429vw; /* 85/14 */
  }
}
@media screen and (max-width:600px) {
  .campaign--jc .applyPhone__item + .applyPhone__item {
    margin: 0;
    margin-top: 36px;
  }
}

.campaign--jc .applyPhone__item + .applyPhone__item:before {
  width: 6.071429vw; /* 85/14 */
  max-width: 85px;
  background-image: radial-gradient(circle farthest-corner at center, #cfcfcf 40%, transparent 40%);
}
@media screen and (max-width:600px) {
  .campaign--jc .applyPhone__item + .applyPhone__item:before {
    width: auto;
    max-width: none;
    height: 36px;
  }
}

.campaign--jc .applyPhone__item--number a {
  width: 28.785714vw; /* 403/14 */
  max-width: 403px;
  background-image: url("../img/main/campaign/join/apply/phone/number-jc.png");
}
@media screen and (max-width:600px) {
  .campaign--jc .applyPhone__item--number a {
    width: auto;
    max-width: none;
    padding-top: 16.519825%; /* 75/4.54 */
  }
}

.campaign--jc .applyDetail__body--site {
  padding: 0;
  background-color: transparent;
}

.campaign--jc .applyBtnWrapLogo__logo {
  width: 5.647059em; /* 96/17 */
}

.campaign--jc .applyBtn__item--unused a {
  background-color: #e93817;
}

.campaign--jc .applyBtn__item--unused .applyBtnWrapBtn {
  color: #e93817;
}

.campaign--jc .applyBtn__item--unused .applyBtnWrapBtn:after {
  background-color: #e93817;
}

.campaign--jc .applyBtn__item--used a {
  background-color: #e40077;
}

.campaign--jc .applyBtn__item--used .applyBtnWrapBtn {
  color: #e40077;
}

.campaign--jc .applyBtn__item--used .applyBtnWrapBtn:after {
  background-color: #e40077;
}



/* =====================
  campaign--ct
===================== */



/* =====================
  campaign--ht
===================== */



/* =====================
  feature
===================== */
#feature {
  background-color: #fff;
}



/* =====================
  featureTitle
===================== */
#featureTitle {
  width: 55.857143vw; /* 782/14 */
  max-width: 782px;
  margin: 0 auto;
  padding: 100px 0 60px;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  #featureTitle {
    padding: 7.142857vw 0 4.285714vw; /* 100/14 : 60/14 */
  }
}
@media screen and (max-width:768px) {
  #featureTitle {
    width: 80%;
  }
}
@media screen and (max-width:600px) {
  #featureTitle {
    padding: 42px 0 25px;
  }
}

#featureTitle img {
  max-width: 100%;
}



/* =====================
  featureBody
===================== */
#featureBody {
  padding: 40px 0 80px;
  background-color: #c2c2c2;
}
@media screen and (max-width:1400px) {
  #featureBody {
    padding: 2.857143vw 0 5.714286vw; /* 40/14 : 80/14 */
  }
}
@media screen and (max-width:768px) {
  #featureBody {
    padding: 21px 0 43px;
  }
}


/*  featureBody__inner
------------------------*/
#featureBody__inner {
  width: 85.714286vw; /* 1200/14 */
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width:1400px) {
  #featureBody__inner {
    width: 90%;
  }
}



/* =====================
  featureFrame
===================== */
#featureFrame {
  padding: 75px 95px;
  border: 2px solid #000;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}
@media screen and (max-width:1400px) {
  #featureFrame {
    padding: 5.357143vw 6.785714vw; /* 75/14 : 95/14 */
  }
}
@media screen and (max-width:425px) {
  #featureFrame {
    padding: 22px 28px;
  }
}



/* =====================
  featureList
===================== */
#featureList {
  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;
  list-style: none;
  margin: 0 0 -115px -135px;
}
@media screen and (max-width:1400px) {
  #featureList {
    margin: 0 0 -8.214286vw -8.214286vw; /* 115/14 : 135/14 */
  }
}
@media screen and (max-width:600px) {
  #featureList {
    display: block;
  }
}


/*  featureList__item
------------------------*/
.featureList__item {
  width: -webkit-calc( ( ( 100% - .01px ) - ( 135px * 2 ) ) / 2 );
  width:         calc( ( ( 100% - .01px ) - ( 135px * 2 ) ) / 2 );
  margin: 0 0 115px 135px;
}
@media screen and (max-width:1400px) {
  .featureList__item {
    width: -webkit-calc( ( ( 100% - .01px ) - ( 8.214286vw * 2 ) ) / 2 );
    width:         calc( ( ( 100% - .01px ) - ( 8.214286vw * 2 ) ) / 2 );
    margin: 0 0 8.214286vw 8.214286vw; /* 115/14 : 135/14 */
  }
}
@media screen and (max-width:600px) {
  .featureList__item {
    width: auto;
  }
}



/* =====================
  featureListDetail
===================== */
.featureListDetail {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: .06em;
  line-height: 1.6;
  -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width:1400px) {
  .featureListDetail {
    font-size: 1.428571vw; /* 20/14 */
  }
}
@media screen and (max-width:768px) {
  .featureListDetail {
    font-size: 2.083333vw; /* 16/7.68 */
  }
}
@media screen and (max-width:600px) {
  .featureListDetail {
    font-size: 14px;
  }
}

.featureListDetail .bgLine {
  background-color: #000;
  color: #fff;
}


/*  featureListDetail__title
------------------------*/
.featureListDetail__title {
  line-height: 0;
}

.featureListDetail__title img {
  max-width: 100%;
}


/*  featureListDetail__body
------------------------*/
.featureListDetail__body:before {
  display: block;
  padding-top: 194px;
  background-position: 50% 50%;
  -webkit-background-size: auto;
          background-size: auto;
  background-repeat: no-repeat;
  content: " ";
}
@media screen and (max-width:1400px) {
  .featureListDetail__body:before {
    padding-top: 13.857143vw; /* 194/14 */
  }
}
@media screen and (max-width:600px) {
  .featureListDetail__body:before {
    padding-top: 32.333333vw; /* 194/6 */
  }
}

.featureListDetail--repeat .featureListDetail__body:before {
  background-image: url("../img/main/feature/01/img.png");
  -webkit-background-size: 50.280584% auto; /* (224/445.5)*100 */
          background-size: 50.280584% auto;
}

.featureListDetail--adult .featureListDetail__body:before {
  background-image: url("../img/main/feature/02/img.png");
  -webkit-background-size: 38.608305% auto; /* (172/445.5)*100 */
          background-size: 38.608305% auto;
}

.featureListDetail--lineup .featureListDetail__body:before {
  background-image: url("../img/main/feature/03/img.png");
    -webkit-background-size: 87.766554% auto; /* (391/445.5)*100 */
            background-size: 87.766554% auto;
}

.featureListDetail--staff .featureListDetail__body:before {
  background-image: url("../img/main/feature/04/img.png");
  -webkit-background-size: 63.299663% auto; /* (282/445.5)*100 */
          background-size: 63.299663% auto;
}



/* =====================
  watch
===================== */
#watch {
  padding: 70px 0 80px;
  background-color: #e3e3e3;
}
@media screen and (max-width:1400px) {
  #watch {
    padding: 5vw 0 5.714286vw; /* 70/14 : 80/14 */
  }
}
@media screen and (max-width:768px) {
  #watch {
    padding: 38px 0 43px;
  }
}


/*  watch__inner
------------------------*/
#watch__inner {
  width: 77.142857vw; /* 1080/14 */
  max-width: 1080px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  #watch__inner {
    width: 90%;
  }
}



/* =====================
  watchTitle
===================== */
#watchTitle {
  width: 46.357143vw; /* 649/14 */
  max-width: 649px;
  margin: 0 auto;
  margin-bottom: 60px;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  #watchTitle {
    margin-bottom: 4.285714vw; /* 60/14 */
  }
}
@media screen and (max-width:768px) {
  #watchTitle {
    width: 67.578125vw; /* 389/7.68 */
    min-width: 230px;
    margin-bottom: 32px;
  }
}

#watchTitle img {
  max-width: 100%;
}



/* =====================
  howWatch
===================== */
#howWatch {
  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:600px) {
  #howWatch {
    display: block;
  }
}


/*  howWatch__item
------------------------*/
.howWatch__item + .howWatch__item {
  margin-left: -webkit-calc( ( 50 / 1080 ) * 100% );
  margin-left:         calc( ( 50 / 1080 ) * 100% );
}
@media screen and (max-width:600px) {
  .howWatch__item + .howWatch__item {
    margin: 0;
    margin-top: 25px;
  }
}



/* =====================
  watchMethod
===================== */
.watchMethod {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  -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;
  width: -webkit-calc( ( 580 / 1080 ) * 100% );
  width:         calc( ( 580 / 1080 ) * 100% );
  border: .178571428em solid #09f; /* 5/28 */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #09f;
  font-weight: 700;
  font-size: 28px;
  letter-spacing: .04em;
  line-height: 1.4;
}
@media screen and (max-width:1400px) {
  .watchMethod {
    font-size: 2vw; /* 28/14 */
  }
}
@media screen and (max-width:768px) {
  .watchMethod {
    font-size: 2.34375vw; /* 18/7.68 */
  }
}
@media screen and (max-width:600px) {
  .watchMethod {
    width: auto;
    font-size: 4vw; /* 24/6 */
  }
}
@media screen and (max-width:425px) {
  .watchMethod {
    width: auto;
    font-size: 16px;
  }
}


/*  watchMethod__title
------------------------*/
.watchMethod__title {
  padding: 1.607143em; /* 45/28 */
  background-color: #09f;
  color: #fff;
  line-height: 0;
  text-align: center;
}

.watchMethod__title img {
  width: 14.714286em; /* 412/28 */
  max-width: 100%;
}


/*  watchMethod__body
------------------------*/
.watchMethod__body {
  background-color: #fff;
}



/* =====================
  watchFlow
===================== */
.watchFlow {
  -webkit-flex: 1 0 auto;
     -moz-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
       -o-flex: 1 0 auto;
          flex: 1 0 auto;
  list-style: none;
  counter-reset: step;
}


/*  watchFlow__item
------------------------*/
.watchFlow__item {
  position: relative;
  z-index: 0;
  padding: 1.25em 1.607143em; /* 35/28 : 45/28 */
}

.watchFlow__item + .watchFlow__item {
  border-top: .178571428em solid #09f; /* 5/28 */
}

.watchFlow__item + .watchFlow__item:before ,
.watchFlow__item + .watchFlow__item:after {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-width: .571429em .571429em 0; /* 16/28 */
  border-style: solid;
  content: " ";
}

.watchFlow__item + .watchFlow__item:before {
  top: -.178571428em;  /* 5/28 */
  border-color: #09f transparent transparent transparent;
}

.watchFlow__item + .watchFlow__item:after {
  top: -.428571em; /* 12/28 */
  border-color: #fff transparent transparent transparent;
}



/* =====================
  watchFlowDetail
===================== */
/*  watchFlowDetail__title
------------------------*/
.watchFlowDetail__title {
  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;
  font-weight: 900;
  -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

.watchFlowDetail__title:before {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  margin-right: .75em; /* 15/20 */
  width: 6.4em; /* 128/20 */
  padding: .2em .5em; /* 4/20 : 10/20 */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #09f;
  color: #fff;
  font-weight: 700;
  font-size: .714286em; /* 20/28 */
  font-family: 'Oswald', sans-serif;
  text-align: center;
  text-indent: .04em;
  text-transform: uppercase;
  counter-increment: step;
  content:" step.0"counter(step);
}

.watchFlowDetail__title > span {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}


/*  watchFlowDetail__body
------------------------*/
.watchFlowDetail__body {
  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: center;
      align-items: center;
  margin-top: 1.052632em; /* 20/19 */
  font-size: .678571em; /* 19/28 */
}

.watchFlowDetail__body:before {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  /*width: 11.73685em;  223/19 */
  width: -webkit-calc( ( 223 / 480 ) * 100% );
  width:         calc( ( 223 / 480 ) * 100% );
  margin-right: 1.315789em; /* 25/19 */
  /*padding-top: 5.42106em;  103/223 */
  padding-top: -webkit-calc( ( 103 / 480 ) * 100% );
  padding-top:         calc( ( 103 / 480 ) * 100% );
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}

.watchFlow__item:first-of-type .watchFlowDetail__body:before {
  background-image: url("../img/main/watch/method/flow/01.jpg");
}

.watchFlow__item:nth-of-type(2) .watchFlowDetail__body:before {
  background-image: url("../img/main/watch/method/flow/02.jpg");
}

.watchFlow__item:last-of-type .watchFlowDetail__body:before {
  background-image: url("../img/main/watch/method/flow/03.jpg");
}

.watchFlowDetail__body p {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}

@media screen and (max-width:600px) {
  .watchFlowDetail__body br {
    display: none;
  }
}



/* =====================
  watchFlowDetailBtn
===================== */
.watchFlowDetailBtn {
  flex-basis: 100%;
  max-width: 16.4001em; /* 410/25 */
  margin: 0 auto;
  margin-top: 1.2em; /* 30/25 */
  font-size: 1.315789em; /* 25/19 */
}

.watchFlowDetailBtn a {
  display: block;
  padding: .52em .6em .68em; /* 13/25 : 15/25 : 17/25 */
  border-radius: 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #09f;
  color: #fff;
  text-decoration: none;
  text-align: center;
}

.watchFlowDetailBtn a:hover {
  opacity: .8;
}

.watchFlowDetailBtn a > span {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
}

.watchFlowDetailBtn a > span:before {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 2.25001em; /* 27/12 */
  height: 2.25001em;
  margin-right: 1.666667em; /* 20/12 */
  border-radius: 50px;
  background-color: #fff;
  color: #09f;
  font-weight: normal;
  font-size: .48em; /* 12/25 */
  font-family: 'icomoon';
  line-height: 2.416667em; /* 29/12 */
  text-align: center;
  content: "\e900";
}

.watchFlowDetailBtn .fontItalic {
  margin: 0;
  margin-left: -.25em;
}



/* =====================
  watchVideo
===================== */
.watchVideo {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  -ms-align-self: flex-end;
      align-self: flex-end;
  width: -webkit-calc( ( 450 / 1080 ) * 100% );
  width:         calc( ( 450 / 1080 ) * 100% );
}
@media screen and (max-width:600px) {
  .watchVideo {
    width: auto;
  }
}


/*  watchVideo__title
------------------------*/
.watchVideo__title {
  width: -webkit-calc( ( 324 / 450 ) * 100% );
  width:         calc( ( 324 / 450 ) * 100% );
  max-width: 324px;
  margin: 0 auto;
  margin-top: -webkit-calc( ( ( 20 / 450 ) * 100% ) * -1 );
  margin-top:         calc( ( ( 20 / 450 ) * 100% ) * -1 );
  margin-bottom: -webkit-calc( ( 15 / 450 ) * 100% );
  margin-bottom:         calc( ( 15 / 450 ) * 100% );
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:600px) {
  .watchVideo__title {
    width: 60%;
    margin-top: 0;
  }
}

.watchVideo__title img {
  max-width: 100%;
}


/*  watchVideo__body
------------------------*/
.watchVideo__body {
  line-height: 0;
}

.watchVideo__body video {
  width: 100%;
}



/* =====================
  watchNotes
===================== */
#watchNotes {
  list-style: none;
  margin-top: 1.785714em; /* 25/14 */
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: .04em;
}
@media screen and (max-width:1400px) {
  #watchNotes {
    font-size: 1vw; /* 14/14 */
  }
}
@media screen and (max-width:768px) {
  #watchNotes {
    font-size: 12px;
  }
}


/*  watchNotes__item
------------------------*/
.watchNotes__item {
  position: relative;
  z-index: 0;
  padding-left: 1.25em;
}

.watchNotes__item a {
  color: #000;
  border-bottom: 1px solid #000;
  text-decoration: none;
}

.watchNotes__item a:hover {
  border-bottom: none;
}

.watchNotes__item:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}

.watchNotes__item + .watchNotes__item {
  margin-top: .25em;
}



/* =====================
  watchOthers
===================== */
#watchOthers {
  margin-top: 1.363636em; /* 30/22 */
  font-weight: 700;
  font-size: 22px;
  letter-spacing: .04em;
}
@media screen and (max-width:1400px) {
  #watchOthers {
    font-size: 1.571429vw; /* 22/14 */
  }
}
@media screen and (max-width:768px) {
  #watchOthers {
    font-size: 18px;
  }
}
@media screen and (max-width:600px) {
  #watchOthers {
    font-size: 16px;
  }
}


/*  watchOthers__item
------------------------*/
.watchOthers__item + .watchOthers__item {
  margin-top: 1.363636em; /* 30/22 */
}



/* =====================
  watchOthersMethod
===================== */
.watchOthersMethod {
  overflow: hidden;
  border: .22727273em solid #666; /* 5/22 */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}

.watchOthersMethod.watchOthersMethod--jcom {
  border-color: #e83314;
  background-color: #e83314;
}

.watchOthersMethod.watchOthersMethod--catv {
  border-color: #169521;
  background-color: #169521;
}

.watchOthersMethod.watchOthersMethod--hikari {
  border-color: #535050;
  background-color: #535050;
}



/*  watchOthersMethod__title
------------------------*/
.watchOthersMethod__title {
  border-bottom: .22727273em solid #666; /* 5/22 */
  background-color: #666;
  color: #fff;
}

.watchOthersMethod--jcom .watchOthersMethod__title {
  padding: .409091em .4545454em; /* 9/22 : 10/22 */
  border-color: #e83314;
  background-color: #e83314;
}

.watchOthersMethod--catv .watchOthersMethod__title {
  padding: .27272727em .4545454em .22727272em; /* 6/22 : 10/22 : 5/22 */
  border-color: #169521;
  background-color: #169521;
}

.watchOthersMethod--hikari .watchOthersMethod__title {
  padding: .409091em .4545454em; /* 9/22 : 10/22 */
  border-color: #535050;
  background-color: #535050;
}


/*  watchOthersMethod__body
------------------------*/
.watchOthersMethod__body {
  padding: 1.363636em; /* 30/22 */
  background-color: #fff;
}



/* =====================
  watchOthersMethodTitle
===================== */
.watchOthersMethodTitle {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: space-between;
  -ms-align-items: center;
      align-items: center;
}


/*  watchOthersMethodTitle__main
------------------------*/
.watchOthersMethodTitle__main {
  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: flex-start;
  -ms-align-items: center;
      align-items: center;
  padding-left: 1.363636em; /* 30/22 */
  -webkit-font-feature-settings: "palt";
     -moz-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width:600px) {
  .watchOthersMethodTitle__main {
    display: block;
    padding-left:0;
  }
}

.watchOthersMethodTitle__main > span {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  margin-right: .4545454em; /* 10/22 */
}
@media screen and (max-width:600px) {
  .watchOthersMethodTitle__main > span {
    margin-right: 0;
  }
}

.watchOthersMethod--jcom .watchOthersMethodTitle__main > span {
  width: 4.636364em; /* 102/22 */
  padding-top: 1.45454545em; /* 32/22 */
  overflow: hidden;
  background-image: url("../img/main/watch/logo/jcom.png");
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-indent: 200%;
  white-space: nowrap;
}

.watchOthersMethod--catv .watchOthersMethodTitle__main > span {
  width: 4.1818182em; /* 92/22 */
  padding-top: 1.818182em; /* 40/22 */
  overflow: hidden;
  background-image: url("../img/main/watch/logo/catv.png");
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-indent: 200%;
  white-space: nowrap;
}

.watchOthersMethod--hikari .watchOthersMethodTitle__main > span {
  font-size: 1.5em; /* 33/22 */
  line-height: 1em;
}

.watchOthersMethod--hikari .watchOthersMethodTitle__main > span > span {
  color: #3fbcf0;
}


/*  watchOthersMethodTitle__sub
------------------------*/
.watchOthersMethodTitle__sub {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 12.5em; /* 225/18 */
  font-weight: 900;
  font-size: .818182em; /* 18/22 */
}
@media screen and (max-width:425px) {
  .watchOthersMethodTitle__sub {
    width: auto;
  }
}

.watchOthersMethodTitle__sub a {
  display: block;
  padding: .3333333em .833333em .4444444em; /* 6/18 : 15/18 : 8/18 */
  border-radius: 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  color: #666;
  text-decoration: none;
  text-align: center;
}

.watchOthersMethod--jcom .watchOthersMethodTitle__sub a {
  color: #e83314;
}

.watchOthersMethod--catv .watchOthersMethodTitle__sub a {
  color: #169521;
}

.watchOthersMethod--hikari .watchOthersMethodTitle__sub a {
  color: #535050;
}

.watchOthersMethodTitle__sub a:hover {
  opacity: .8;
}

.watchOthersMethodTitle__sub a > span {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  position: relative;
  z-index: 0;
}

.watchOthersMethodTitle__sub a > span:before {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 2.3em; /* 23/10 */
  height: 2.3em; /* 23/10 */
  margin: auto 0;
  margin-right: 1em; /* 10/10 */
  border-radius: 50px;
  background-color: #666;
  color: #fff;
  font-weight: normal;
  font-size: .555556em; /* 10/18 */
  font-family: 'icomoon';
  line-height: 2.5em; /* 25/10 */
  text-align: center;
  content: "\e900";
}

.watchOthersMethod--jcom .watchOthersMethodTitle__sub a > span:before {
  background-color: #e83314;
}

.watchOthersMethod--catv .watchOthersMethodTitle__sub a > span:before {
  background-color: #169521;
}

.watchOthersMethod--hikari .watchOthersMethodTitle__sub a > span:before {
  background-color: #535050;
}

.watchOthersMethodTitle__sub .fontItalic {
  margin-right: 0;
}



/* =====================
  watchOthersFlow
===================== */
.watchOthersFlow {
  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;
  list-style: none;
  margin-left: -1.666667em; /* 30/18 */
  font-size: .818182em; /* 18/22 */
  line-height: 1.4;
  counter-reset: flow;
}
@media screen and (max-width:600px) {
  .watchOthersFlow {
    display: block;
    margin: 0;
  }
}


/*  watchOthersFlow__item
------------------------*/
.watchOthersFlow__item {
  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;
  margin-left: 1.666667em; /* 30/18 */
}
@media screen and (max-width:600px) {
  .watchOthersFlow__item {
    margin-left: 0;
  }
}

.watchOthersFlow__item:before {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  width: 5.375em; /* 86/16 */
  height: 5.375em;
  margin-right: 1.5625em; /* 25/16 */
  padding: .625em; /* 10/16 */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #666;
  color: #fff;
  font-size: .888889em; /* 16/18 */
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  counter-increment: flow;
  content: "step.0"counter(flow);
}

.watchOthersMethod--jcom .watchOthersFlow__item:before {
  background-color: #e83314;
}

.watchOthersMethod--catv .watchOthersFlow__item:before {
  background-color: #169521;
}

.watchOthersMethod--hikari .watchOthersFlow__item:before {
  background-color: #535050;
}


.watchOthersFlow__item:first-of-type {
  width: -webkit-calc( ( ( ( 100% - .01px ) - ( 1.666667em * 3 ) ) / 5 ) * 1.9 ); /* 30/18 */
  width:         calc( ( ( ( 100% - .01px ) - ( 1.666667em * 3 ) ) / 5 ) * 1.9 );
}
@media screen and (max-width:600px) {
  .watchOthersFlow__item:first-of-type {
    width: auto;
  }
}

.watchOthersFlow__item + .watchOthersFlow__item {
  width: -webkit-calc( ( ( ( 100% - .01px ) - ( 1.666667em * 3 ) ) / 5 ) * 1.55 ); /* 30/18 */
  width:         calc( ( ( ( 100% - .01px ) - ( 1.666667em * 3 ) ) / 5 ) * 1.55 );
}
@media screen and (max-width:600px) {
  .watchOthersFlow__item + .watchOthersFlow__item {
    width: auto;
    margin-top: 10px
  }
}

@media screen and (max-width:768px) {
  .watchOthersFlow__item br {
    display: none;
  }
}



/* =====================
  reason
===================== */
#reason {
  padding: 100px 0 75px;
  background-color: #aa1101;
}
@media screen and (max-width:1400px) {
  #reason {
    padding: 7.142857vw 0 5.357143vw; /* 100/14 : 75/14 */
  }
}
@media screen and (max-width:600px) {
  #reason {
    padding: 42px 0 32px;
  }
}



/* =====================
  reasonTitle
===================== */
#reasonTitle {
  width: 26.571429vw; /* 372/14 */
  max-width: 372px;
  margin: 0 auto;
  margin-bottom: 60px;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  #reasonTitle {
    margin-bottom: 4.285714vw; /* 60/14 */
  }
}
@media screen and (max-width:768px) {
  #reasonTitle {
    width: 29.036458vw; /* 223/7.68 */
    min-width: 192px;
    margin-bottom: 35px;
  }
}

#reasonTitle img {
  max-width: 100%;
}


/*  reason__inner
------------------------*/
.reason__inner {
  width: 77.142857vw; /* 1080/14 */
  max-width: 1080px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .reason__inner {
    width: 90%;
  }
}



/* =====================
  reasonList
===================== */
.reasonList {
  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: center;
  -ms-align-items: stretch;
      align-items: stretch;
  list-style: none;
  margin: 0 0 -10px -10px;
}
@media screen and (max-width:1400px) {
  .reasonList {
    margin: 0 0 -.714286vw -.714286vw; /* 10/14 */
  }
}
@media screen and (max-width:768px) {
  .reasonList {
    margin: 0 0 -5px -5px;
  }
}


/*  reasonList__item
------------------------*/
.reasonList__item {
  position: relative;
  z-index: 0;
  width: -webkit-calc( ( ( 100% - .01px ) - ( 10px * 4 ) ) / 4 );
  width:         calc( ( ( 100% - .01px ) - ( 10px * 4 ) ) / 4 );
  margin: 0 0 10px 10px;
  padding-bottom: 20px;
  background-color: #fff;
}
@media screen and (max-width:1400px) {
  .reasonList__item {
    width: -webkit-calc( ( ( 100% - .01px ) - ( .714286vw * 4 ) ) / 4 ); /* 10/14 */
    width:         calc( ( ( 100% - .01px ) - ( .714286vw * 4 ) ) / 4 );
    margin: 0 0 .714286vw .714286vw; /* 10/14 */
    padding-bottom: 1.428571vw; /* 66/14 : 20/14 */
  }
}
@media screen and (max-width:768px) {
  .reasonList__item {
    width: -webkit-calc( ( ( 100% - .01px ) - ( 5px * 4 ) ) / 4 );
    width:         calc( ( ( 100% - .01px ) - ( 5px * 4 ) ) / 4 );
    margin: 0 0 5px 5px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width:600px) {
  .reasonList__item {
    width: -webkit-calc( ( ( 100% - .01px ) - ( 5px * 3 ) ) / 3 );
    width:         calc( ( ( 100% - .01px ) - ( 5px * 3 ) ) / 3 );
  }
}
@media screen and (max-width:425px) {
  .reasonList__item {
    width: -webkit-calc( ( ( 100% - .01px ) - ( 5px * 2 ) ) / 2 );
    width:         calc( ( ( 100% - .01px ) - ( 5px * 2 ) ) / 2 );
  }
}



/* =====================
  reasonNo
===================== */
.reasonNo {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  width: 2.0625em; /* 66/32 */
  height: 2.0625em;
  padding-top: .09375em; /* 3/32 */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #aa1101;
  color: #fff;
  font-size: 32px;
  line-height: 1.3;
  font-family: 'Oswald', sans-serif;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width:1400px) {
  .reasonNo {
    font-size: 2.28571428vw; /* 32/14 */
  }
}
@media screen and (max-width:768px) {
  .reasonNo {
    font-size: 28px;
  }
}
@media screen and (max-width:600px) {
  .reasonNo {
    font-size: 5.333333vw; /* 32/6 */
  }
}


/*  reasonNo__cap
------------------------*/
.reasonNo__cap {
  font-weight: 600;
  font-size: .375em; /* 12/32 */
}


/*  reasonNo__count
------------------------*/
.reasonNo__count {
  margin-top: -.15em;
}



/* =====================
  reasonText
===================== */
.reasonText {
  line-height: 0;
  text-align: center;
}

.reasonText img {
  max-width: 100%;
}



/* =====================
  reasonListNotes
===================== */
.reasonListNotes {
  margin-top: 5px;
  color: #fff;
  font-size: 14px;
  text-align: right;
}
@media screen and (max-width:1400px) {
  .reasonListNotes {
    margin-top: .357143vw; /* 5/14 */
    font-size: 1vw; /* 14/14 */
  }
}
@media screen and (max-width:768px) {
  .reasonListNotes {
    margin-top: 5px;
    font-size: 12px;
  }
}



/* =====================
  reasonDescription
===================== */
.reasonDescription {
  max-width: 1400px;
  margin: 40px auto;
  margin-bottom: 70px;
}
@media screen and (max-width:1400px) {
  .reasonDescription {
    margin: 2.857143vw auto;
    margin-bottom: 5vw;
  }
}
@media screen and (max-width:768px) {
  .reasonDescription {
    margin: 20px auto;
    margin-bottom: 40px;
  }
}

.reasonDescription img {
  max-width: 100%;
}


/*  reasonDescription__item
------------------------*/
.reasonDescription__item + .reasonDescription__item {
  margin-top: -80px;
}
@media screen and (max-width:1400px) {
  .reasonDescription__item + .reasonDescription__item {
    margin-top: -5.714286vw;
  }
}
@media screen and (max-width:600px) {
  .reasonDescription__item + .reasonDescription__item {
    margin-top: 6.666667vw; /* 40/6 */
  }
}



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


/*  reasonDescriptionTop__thumb
------------------------*/
.reasonDescriptionTop__thumb {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: -webkit-calc( ( 790 / 1400 ) * 100% );
  width:         calc( ( 790 / 1400 ) * 100% );
  line-height: 0;
}
@media screen and (max-width:600px) {
  .reasonDescriptionTop__thumb {
    width: 90%;
  }
}


/*  reasonDescriptionTop__text
------------------------*/
.reasonDescriptionTop__text {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  padding: 55px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:1400px) {
  .reasonDescriptionTop__text {
    padding: 3.928571vw; /* 55/14 */
  }
}
@media screen and (max-width:600px) {
  .reasonDescriptionTop__text {
    width: 56.666667%; /* (340/600)*100 */
    margin: 0 auto;
    margin-top: 25px;
    padding: 0;
    text-align: center;
  }
}

.reasonDescriptionTop__text img {
  width: 27.857143vw; /* 390/14 */
  max-width: 390px;
}
@media screen and (max-width:600px) {
  .reasonDescriptionTop__text img {
    width: auto;
    max-width: 100%;
  }
}



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


/*  reasonDescriptionBottom__text
------------------------*/
.reasonDescriptionBottom__text {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  padding: 30px 60px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right;
}
@media screen and (max-width:1400px) {
  .reasonDescriptionBottom__text {
    padding: 2.142857vw 4.285714vw; /* 30/14 : 60/14 */
  }
}
@media screen and (max-width:600px) {
  .reasonDescriptionBottom__text {
    width: 84.333333%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
}

.reasonDescriptionBottom__text img {
  width: 36.142857vw; /* 506/14 */
  max-width: 506px;
}
@media screen and (max-width:600px) {
  .reasonDescriptionBottom__text img {
    width: auto;
    max-width: 100%;
  }
}


/*  reasonDescriptionBottom__thumb
------------------------*/
.reasonDescriptionBottom__thumb {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: -webkit-calc( ( 635 / 1400 ) * 100% );
  width:         calc( ( 635 / 1400 ) * 100% );
  line-height: 0;
}
@media screen and (max-width:600px) {
  .reasonDescriptionBottom__thumb {
    width: auto;
    margin-top: 12px;
  }
}



/* =====================
  reasonSection
===================== */
.reasonSection {
  background-color: #fff;
}

.reasonSection + .reasonSection {
  margin-top: 50px;
}
@media screen and (max-width:1400px) {
  .reasonSection + .reasonSection {
    margin-top: 3.571429vw; /* 50/14 */
  }
}
@media screen and (max-width:600px) {
  .reasonSection + .reasonSection {
    margin-top: 21px;
  }
}


/*  reasonSection__inner
------------------------*/
.reasonSection__inner {
  margin-top: 25px;
}
@media screen and (max-width:1400px) {
  .reasonSection__inner {
    margin-top: 1.785714vw; /* 25/14 */
  }
}
@media screen and (max-width:768px) {
  .reasonSection__inner {
    margin-top: 13px;
  }
}



/* =====================
  reasonSurvey
===================== */
.reasonSurvey {
  padding: 70px 60px 80px;
}
@media screen and (max-width:1400px) {
  .reasonSurvey {
    padding: 5vw 4.285714vw 5.714286vw; /* 70/14 : 60/14 : 80/14 */
  }
}
@media screen and (max-width:600px) {
  .reasonSurvey {
    padding: 30px 12px 34px;
  }
}



/* =====================
  reasonSurveyTitle
===================== */
.reasonSurveyTitle {
  width: 36vw; /* 504/14 */
  max-width: 504px;
  margin: 0 auto;
  margin-bottom: 40px;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  .reasonSurveyTitle {
    margin-bottom: 2.857143vw; /* 40/14 */
  }
}
@media screen and (max-width:768px) {
  .reasonSurveyTitle {
    width: 52.473958vw; /* 403/7.68 */
    min-width: 190px;
    margin-bottom: 21px;
  }
}

.reasonSurveyTitle img {
  max-width: 100%;
}



/* =====================
  reasonSurveyGraf
===================== */
.reasonSurveyGraf {
  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: center;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -53px -53px;
}
@media screen and (max-width:1400px) {
  .reasonSurveyGraf {
    margin: 0 0 -3.785714vw -3.785714vw; /* 53/14 */
  }
}


/*  reasonSurveyGraf__item
------------------------*/
.reasonSurveyGraf__item {
  width: -webkit-calc( ( ( 100% - .1px ) - ( 53px * 3 ) ) / 3 );
  width:         calc( ( ( 100% - .1px ) - ( 53px * 3 ) ) / 3 );
  margin: 0 0 53px 53px;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  .reasonSurveyGraf__item {
    width: -webkit-calc( ( ( 100% - .1px ) - ( 3.785714vw * 3 ) ) / 3 ); /* 53/14 */
    width:         calc( ( ( 100% - .1px ) - ( 3.785714vw * 3 ) ) / 3 );
    margin: 0 0 3.785714vw 3.785714vw; /* 53/14 */
  }
}

.reasonSurveyGraf__item img {
  max-width: 100%;
}


/* =====================
  reasonComparison
===================== */
.reasonComparison {
  padding: 75px 30px 60px;
}
@media screen and (max-width:1400px) {
  .reasonComparison {
    padding: 5.357143vw 2.1428571vw 4.285714vw; /* 75/14 : 30/14 : 60/14 */
  }
}
@media screen and (max-width:600px) {
  .reasonComparison {
    padding: 32px 12px 25px;
  }
}



/* =====================
  reasonComparisonTitle
===================== */
.reasonComparisonTitle {
  width: 41.642857vw; /* 583/14 */
  max-width: 583px;
  margin: 0 auto;
  margin-bottom: 55px;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  .reasonComparisonTitle {
    margin-bottom: 3.928571vw; /* 55/14 */
  }
}
@media screen and (max-width:768px) {
  .reasonComparisonTitle {
    width: 60.677083vw; /* 466/7.68 */
    min-width: 211px;
    margin-bottom: 30px;
  }
}

.reasonComparisonTitle img {
  max-width: 100%;
}



/* =====================
  reasonComparisonTableScroll
===================== */
@media screen and (max-width:600px) {
 .reasonComparisonTableScroll {
   overflow-x: scroll;
 }
}



/* =====================
  reasonComparisonTable
===================== */
.reasonComparisonTable {
  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;
  list-style: none;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: .06em;
  text-align: center;
  text-indent: .06em;
}
@media screen and (max-width:1400px) {
  .reasonComparisonTable {
    font-size: 1.2857142vw; /* 18/14 */
  }
}
@media screen and (max-width:600px) {
  .reasonComparisonTable {
    display: block;
    width: 1100px;
    font-size: 14px;
  }
}


/* reasonComparisonTable__title
------------------------*/
.reasonComparisonTable__title {
  width: -webkit-calc( ( 285 / 1020 ) * 100% );
  width:         calc( ( 285 / 1020 ) * 100% );
}
@media screen and (max-width:600px) {
  .reasonComparisonTable__title {
    width: auto;
  }
}


/* reasonComparisonTable__body
------------------------*/
.reasonComparisonTable__body {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  font-size: .888889em; /* 16/18 */
}



/* =====================
  reasonComparisonTableBody
===================== */
.reasonComparisonTableBody {
  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;
}
@media screen and (max-width:600px) {
  .reasonComparisonTableBody {
    display: block;
  }
}


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



/* =====================
  reasonComparisonTableCell
===================== */
.reasonComparisonTableCell {
  list-style: none;
  border: solid #ffcf28;
  background-color: #ffcf28;
}
@media screen and (max-width:600px) {
  .reasonComparisonTableCell {
    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;
  }
}

.reasonComparisonTable__title .reasonComparisonTableCell {
  border-right: none;
  border-width: .277778em; /* 5/18 */
}
@media screen and (max-width:600px) {
  .reasonComparisonTable__title .reasonComparisonTableCell {
    border-right: solid .277778em #ffcf28;
    border-bottom: none;
  }
}

.reasonComparisonTable__body .reasonComparisonTableCell {
  border-width: .3125em; /* 5/16 */
}

.reasonComparisonTable__body .reasonComparisonTableCell + .reasonComparisonTableCell {
  border-left: none;
}
@media screen and (max-width:600px) {
  .reasonComparisonTable__body .reasonComparisonTableCell + .reasonComparisonTableCell {
    border-left: solid .277778em #ffcf28;
    border-top: none;
  }
}

.reasonComparisonTableCell .stamp {
  display: block;
  position: relative;
  z-index: 0;
}

.reasonComparisonTableCell .stamp:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: auto;
  border: solid #ee6907;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
}

.reasonComparisonTable__body .reasonComparisonTableCell .stamp:before {
  width: 2.25em; /* 36/16 */
  height: 2.25em; /* 36/16 */
  border-width: .3125em; /* 5/16 */
}

.reasonComparisonTableCell .prise {
  display: block;
}

.reasonComparisonTable__body .reasonComparisonTableCell .prise {
  font-size: .75em; /* 12/16 */
}


/*  reasonComparisonTableCell__item
------------------------*/
.reasonComparisonTableCell__item {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}
@media screen and (max-width:600px) {
  .reasonComparisonTableCell__item {
    display: -webkit-flex;
    display:    -moz-flex;
    display:     -ms-flex;
    display:      -o-flex;
    display:         flex;
    -webkit-flex-direction: column;
      -moz-flex-direction: column;
       -ms-flex-direction: column;
        -o-flex-direction: column;
           flex-direction: column;
    justify-content: center;
    -ms-align-items: center;
        align-items: center;
  }
}

@media screen and (max-width:600px) {
  .reasonComparisonTableCell__item:first-of-type {
    width: 150px;
  }
}

@media screen and (max-width:600px) {
  .reasonComparisonTableCell__item + .reasonComparisonTableCell__item {
    width: -webkit-calc( ( ( 100% - .01px ) - 150px ) / 5 );
    width:         calc( ( ( 100% - .01px ) - 150px ) / 5 );
  }
}

.reasonComparisonTableCell__item:nth-of-type(2n+1) {
  background-color: #ffeca9;
}

.reasonComparisonTableCell__item:nth-of-type(2n+0) {
  background-color: #fff;
}

.reasonComparisonTable__title .reasonComparisonTableCell__item:empty {
  height: 3.3333333em; /* 60/18 */
}

.reasonComparisonTable__title .reasonComparisonTableCell__item {
  padding: 1em 0.555556em; /* 18/18 : 10/ 18 */
  line-height: 1.333333em; /* 24/18 */
}

.reasonComparisonTable__body .reasonComparisonTableCell__item {
  padding: 1.125em 0.625em; /* 18/16 : 10/ 16 */
  line-height: 1.5em; /* 24/16 */
}


/*  reasonComparisonTableCell__logo
------------------------*/
.reasonComparisonTableCell__logo img {
  max-width: 100%;
  vertical-align: middle;
}



/* =====================
  reasonComparisonTableCell--atx
===================== */
/*  reasonComparisonTableCell__logo
------------------------*/
.reasonComparisonTableCell--atx .reasonComparisonTableCell__logo {
  position: relative;
  z-index: 0;
  padding: 1.1875em .625em; /* 19/16 : 10/16 */
}

.reasonComparisonTableCell--atx .reasonComparisonTableCell__logo:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-2.1875em); /* 35/16 */
      -ms-transform: translateY(-2.1875em);
       -o-transform: translateY(-2.1875em);
          transform: translateY(-2.1875em);
  width: 10.75em; /* 172/16 */
  margin: 0 auto;
  padding-top: 3em; /* 48/16 */
  background-image: url("../img/main/reason/comparison/table/balloon.png");
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}

.reasonComparisonTableCell--atx .reasonComparisonTableCell__logo img {
  width: 4.6875em; /* 75/16 */
}



/* =====================
  reasonComparisonText
===================== */
.reasonComparisonText {
  width: 49.285714vw; /* 690/14 */
  max-width: 690px;
  margin: 0 auto;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:768px) {
  .reasonComparisonText {
    width: 80%;
  }
}

.reasonComparisonText img {
  max-width: 100%;
}



/* =====================
  reasonComparisonPoint
===================== */
.reasonComparisonPoint {
  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;
  width: 53.142857vw; /* 744/14 */
  max-width: 744px;
  margin: 0 auto;
  margin-top: 25px;
}
@media screen and (max-width:1400px) {
  .reasonComparisonPoint {
    margin-top: 1.785714vw; /* 25/14 */
  }
}
@media screen and (max-width:768px) {
  .reasonComparisonPoint {
    width: 85%;
    margin-top: 13px;
  }
}


/*  reasonComparisonPoint__item
------------------------*/
.reasonComparisonPoint__item {
  width: -webkit-calc( ( ( 100% - .01px ) - ( 45px * 2 ) ) / 3 );
  width:         calc( ( ( 100% - .01px ) - ( 45px * 2 ) ) / 3 );
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  .reasonComparisonPoint__item {
    width: -webkit-calc( ( ( 100% - .01px ) - ( 3.214286vw * 2 ) ) / 3 ); /* 45/14 */
    width:         calc( ( ( 100% - .01px ) - ( 3.214286vw * 2 ) ) / 3 );
  }
}

.reasonComparisonPoint__item img {
  max-width: 100%;
}

.reasonComparisonPoint__item + .reasonComparisonPoint__item {
  margin-left: 45px;
}
@media screen and (max-width:1400px) {
  .reasonComparisonPoint__item + .reasonComparisonPoint__item {
    margin-left: 3.214286vw; /* 45/14 */
  }
}



/* =====================
  reasonClosingText
===================== */
.reasonClosingText {
  width: 55vw;
  max-width: 770px;
  margin: 0 auto;
  margin-top: 60px;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  .reasonClosingText {
    margin-top: 4.285714vw; /* 60/14 */
  }
}
@media screen and (max-width:768px) {
  .reasonClosingText {
    width: 80%;
  }
}
@media screen and (max-width:600px) {
  .reasonClosingText {
    margin-top: 25px;
  }
}

.reasonClosingText img {
  max-width: 100%;
}



/* =====================
  voice
===================== */
#voice {
  padding: 90px 0 80px;
  background-color: #eee;
}
@media screen and (max-width:1400px) {
  #voice {
    padding: 6.428571vw 0 5.714286vw; /* 90/14 : 80/14 */
  }
}
@media screen and (max-width:600px) {
  #voice {
    padding: 38px 0 34px;
  }
}



/* =====================
  voice__inner
===================== */
#voice__inner {
  width: 77.142857vw; /* 1080/14 */
  max-width: 1080px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  #voice__inner {
    width: 90%;
  }
}



/* =====================
  voiceTitle
===================== */
#voiceTitle {
  width: 31.071429vw; /* 435/14 */
  max-width: 435px;
  margin: 0 auto;
  margin-bottom: 50px;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  #voiceTitle {
    margin-bottom: 3.571429vw; /* 50/14 */
  }
}
@media screen and (max-width:768px) {
  #voiceTitle {
    width: 45.3125vw; /* 348/7.68 */
    min-width: 230px;
    margin-bottom: 30px;
  }
}

#voiceTitle img {
  max-width: 100%;
}



/* =====================
  voiceList
===================== */
#voiceList {
  list-style: none;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: .06em;
}
@media screen and (max-width:1400px) {
  #voiceList {
    font-size: 1.714286vw; /* 24/14 */
  }
}
@media screen and (max-width:768px) {
  #voiceList {
    font-size: 20px;
  }
}
@media screen and (max-width:600px) {
  #voiceList {
    font-size: 18px;
  }
}


/*  voiceList__item
------------------------*/
.voiceList__item + .voiceList__item {
  margin-top: 1.666667em; /* 40/24 */
}



/* =====================
  voiceDetail
===================== */
/*  voiceDetail__title
------------------------*/
.voiceDetail__title {
  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;
  position: relative;
  z-index: 9;
  letter-spacing: .12em;
}

.voiceDetail__title .point {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  position: relative;
  z-index: 0;
  -webkit-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
          transform: rotate(-10deg);
  -webkit-transform-origin: right bottom;
     -moz-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
       -o-transform-origin: right bottom;
          transform-origin: right bottom;
  width: 9.421053em; /* 179/19 */
  margin-left: -1.842105em; /* 35/19 */
  padding: 0.263158em 0.789474em; /* 5/19 : 15/19 */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #000;
  color: #fff;
  font-size: .791667em; /* 19/24 */
  font-family: 'Oswald', sans-serif;
  text-align: center;
  text-indent: .06em;
  text-transform: uppercase;
}
@media screen and (max-width:600px) {
  .voiceDetail__title .point {
    font-size: 12px;
  }
}

.voiceDetail__title .point:after {
  display: block;
  position: absolute;
  top: 99%;
  left: 2.368421em; /* 45/19 */
  width: 0;
  height: 0;
  border-width: .842105em .842105em 0 0; /* 16/19 */
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  content: " ";
}

.voiceDetail__title .point + span {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  margin-left: .625em; /* 15/24 */
}

.voiceDetail__title .bgLine {
  padding: 0;
  padding-left: .12em;
  background-color: #ffcf28;
  text-indent: .12em;
}

.voiceDetail__title .fontItalic {
  margin-right: 0;
}


/*  voiceDetail__body
------------------------*/
.voiceDetail__body {
  margin-top: .882353em; /* 15/17 */
  font-size: .708333em; /* 17/24 */
  letter-spacing: .01em;
}



/* =====================
  voiceDetailBalloon
===================== */
.voiceDetailBalloon {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: row-reverse;
     -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
       -o-flex-direction: row-reverse;
          flex-direction: row-reverse;
  justify-content: flex-start;
  -ms-align-items: flex-start;
      align-items: flex-start;
}

.voiceDetailBalloon + .voiceDetailBalloon {
  margin-top: 1.764706em; /* 30/17 */
}


/*  voiceDetailBalloon__icon
------------------------*/
.voiceDetailBalloon__icon {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 6.26667em; /* 94/15 */
  font-size: .882353em; /* 15/17 */
  letter-spacing: .06em;
  text-align: center;
  text-indent: .06em;
}

.voiceDetailBalloon__icon:before {
  display: block;
  margin-bottom: .3333333em; /* 5/15 */
  padding-top: 100%;
  border-radius: 50px;
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
  content: " ";
}

.voiceList__item:nth-of-type(1) .voiceDetailBalloon__icon:before {
  background-image: url("../img/main/voice/list/icon/01.png");
}

.voiceList__item:nth-of-type(2) .voiceDetailBalloon__icon:before {
  background-image: url("../img/main/voice/list/icon/02.png");
}

.voiceList__item:nth-of-type(3) .voiceDetailBalloon__icon:before {
  background-image: url("../img/main/voice/list/icon/03.png");
}

.voiceList__item:nth-of-type(4) .voiceDetailBalloon__icon:before {
  background-image: url("../img/main/voice/list/icon/04.png");
}

.voiceList__item:nth-of-type(5) .voiceDetailBalloon:nth-of-type(1) .voiceDetailBalloon__icon:before {
  background-image: url("../img/main/voice/list/icon/05-1.png");
}

.voiceList__item:nth-of-type(5) .voiceDetailBalloon:nth-of-type(2) .voiceDetailBalloon__icon:before {
  background-image: url("../img/main/voice/list/icon/05-2.png");
}

.voiceList__item:nth-of-type(6) .voiceDetailBalloon__icon:before {
  background-image: url("../img/main/voice/list/icon/06.png");
}

.voiceList__item:nth-of-type(7) .voiceDetailBalloon__icon:before {
  background-image: url("../img/main/voice/list/icon/07.png");
}

.voiceList__item:nth-of-type(8) .voiceDetailBalloon__icon:before {
  background-image: url("../img/main/voice/list/icon/08.png");
}


/*  voiceDetailBalloon__text
------------------------*/
.voiceDetailBalloon__text {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  position: relative;
  z-index: 0;
  padding: 1.941176em 1.764706em; /* 33/17 : 30/17 */
  margin-right: 3.529412em; /* 60/17 */
  border: .177em solid #000; /* 3/17 */
  border-radius: .58823529em; /* 10/17 */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: .58823529em .58823529em 0 #dedede; /* 10/17 */
          box-shadow: .58823529em .58823529em 0 #dedede;
  background-color: #fff;
  line-height: 1.47;
}
@media screen and (max-width:600px) {
  .voiceDetailBalloon__text {
    margin-right: 35px;
  }
}

/* ie11 */
@media all and (-ms-high-contrast: none) {
  .voiceDetailBalloon__text {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.voiceDetailBalloon__text:after {
  display: block;
  position: absolute;
  top: 2.764706em; /* 47/17 */
  left: 100%;
  width: 2.0001em; /* 34/17 */
  padding-top: 1.470588em; /* 25/17 */
  background-image: url("../img/main/voice/list/arrow.png");
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
  -ms-filter: drop-shadow(.58823529em .58823529em 0 #dedede); /* 10/17 */
   -o-filter: drop-shadow(.58823529em .58823529em 0 #dedede);
      filter: drop-shadow(.58823529em .58823529em 0 #dedede);
}

.voiceDetailBalloon__text .fontColor {
  color: #ab1100;
}



/* =====================
  faq
===================== */
#faq {
  padding: 90px 0 100px;
  background-color: #ab1100;
}
@media screen and (max-width:1400px) {
  #faq {
    padding: 6.428571vw 0 7.142857vw; /* 90/14 : 100/*14 */
  }
}
@media screen and (max-width:600px) {
  #faq {
    padding: 38px 0 42px;
  }
}


/*  faq__inner
------------------------*/
#faq__inner {
  width: 77.142857vw; /* 1080/14 */
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 15px;
}
@media screen and (max-width:768px) {
  #faq__inner {
    width: 90%;
  }
}



/* =====================
  faqTitle
===================== */
#faqTitle {
  width: 23.285714vw; /* 326/14 */
  max-width: 326px;
  margin: 0 auto;
  margin-bottom: 45px;
  line-height: 0;
  text-align: center;
}
@media screen and (max-width:1400px) {
  #faqTitle {
    margin-bottom: 3.214286vw; /* 45/14 */
  }
}
@media screen and (max-width:768px) {
  #faqTitle {
    width: 25.390625vw; /* 195/7.68 */
    min-width: 172px;
    margin-bottom: 25px;
  }
}

#faqTitle img {
  max-width: 100%;
}



/* =====================
  faqList
===================== */
#faqList {
  font-weight: 700;
  font-size: 22px;
  letter-spacing: .06em;
  line-height: 1.3;
}
@media screen and (max-width:1400px) {
  #faqList {
    font-size: 1.571429vw; /* 22/14 */
  }
}
@media screen and (max-width:768px) {
  #faqList {
    font-size: 18px;
  }
}
@media screen and (max-width:600px) {
  #faqList {
    font-size: 16px;
  }
}


/*  faqList__item
------------------------*/
.faqList__item + .faqList__item {
  margin-top: .909091em; /* 20/22 */
}



/* =====================
  faqDetail
===================== */
.faqDetail {
  overflow: hidden;
  background-color: #fff;
}


/*  faqDetail__title
------------------------*/
.faqDetail__title {
  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;
  position: relative;
  z-index: 0;
  padding: .681818em .909091em; /* 15/22 : 20/22 */
  padding-right: 2.636364em; /* 58/22 */
}

.faqDetail__title:before {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 1em;
  margin-right: .375em; /* 15/40 */
  border-radius: 50px;
  background-color: #ab1100;
  color: #fff;
  font-weight: normal;
  font-size: 1.818182em; /* 40/22 */
  font-family: 'icomoon';
  line-height: 1em;
  letter-spacing: 0;
  text-align: center;
  content: "\e903";
}

.faqDetail__title.JS-toggleBtn:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 1.111111em; /* 20/18 */
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: normal;
  font-size: .818182em; /* 18/22 */
  line-height: 1;
  font-family: 'icomoon';
  letter-spacing: 0;
  text-align: center;
  content: "\e902";
}

.faqDetail__title.JS-toggleBtn--isOpen:after {
  content: "\e901";
}

.faqDetail__title:hover {
  cursor: pointer;
}


/*  faqDetail__body
------------------------*/
.faqDetail__body {
  margin: 1.111111em; /* 20/18 */
  margin-top: 0;
  padding: 1.111111em; /* 20/18 */
  background-color: #eee;
  font-size: .818182em; /* 18/22 */
  line-height: 1.666667;
}

.faqDetail__body:before {
  display: table;
  margin-bottom: .5882352em; /* 10/17 */
  padding: 0 1.176471em; /* 20/17 */
  background-color: #ab1100;
  color: #fff;
  font-weight: 700;
  font-size: .944444em; /* 17/18 */
  font-family: 'Oswald', sans-serif;
  text-align: center;
  text-transform: uppercase;
  content: "answer";
}

.faqDetail__body.JS-toggleBtnBody {
  display: none;
}

.faqList__item:first-of-type .faqDetail__body.JS-toggleBtnBody {
  display: block;
}

.faqDetail__body a {
  border-bottom: 1px solid #000;
  color: #000;
  text-decoration: none;
}

.faqDetail__body a:hover {
  border-bottom: none;
}



/* =====================
  faqNotes
===================== */
.faqNotes {
  list-style: none;
  margin-top: 1.071429em; /* 15/14 */
  font-size: .777778em; /* 14/18 */
}

/*  faqNotes__item
------------------------*/
.faqNotes__item {
  position: relative;
  z-index: 0;
  padding-left: 1.5em;
}

.faqNotes__item:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}



/* =====================
  inquiryForm
===================== */
.inquiryForm {
  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;
  padding: 1.666667em 1.111111em; /* 30/18 : 20/18 */
  background-color: #fff;
  font-size: .818182em; /* 18/22 */
}
@media screen and (max-width:600px) {
  .inquiryForm {
    display: block;
  }
}

.faqList__item + .inquiryForm {
  margin-top: 1.111111em; /* 20/18 */
}


/*  inquiryForm__text
------------------------*/
.inquiryForm__text {
  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: flex-start;
  -ms-align-items: center;
      align-items: center;
}

.inquiryForm__text:before {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 1.6111111em; /* 29/18 */
  height: 1.4444444em; /* 26/18 */
  margin-right: 1.111111em; /* 20/18 */
  background-image: url("../img/main/faq/caution.png");
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}


/*  inquiryForm__btn
------------------------*/
.inquiryForm__btn {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: -webkit-calc( ( 324 / 1040 ) * 100% );
  width:         calc( ( 324 / 1040 ) * 100% );
  max-width: 324px;
  margin-left: 1.764706em; /* 30/17 */
  font-size: .944444em; /* 17/18 */
  letter-spacing: .04em;
  text-indent: .04em;
}
@media screen and (max-width:768px) {
  .inquiryForm__btn {
    width: auto;
  }
}
@media screen and (max-width:600px) {
  .inquiryForm__btn {
    max-width: none;
    margin: 0 auto;
    margin-top: 1.111111em;
  }
}

.inquiryForm__btn a {
  display: block;
  padding: .882353em 1.470588em; /* 15/17 : 25/17 */
  border-radius: 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ab1100;
  color: #fff;
  text-decoration: none;
}

.inquiryForm__btn a:hover {
  opacity: .8;
}

.inquiryForm__btn a > span {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
}

.inquiryForm__btn a > span:before {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 1em; /* 20/20 */
  margin-right: .75em; /* 15/20 */
  font-weight: normal;
  font-size: 1.176471em; /* 20/17 */
  line-height: 1;
  font-family: 'icomoon';
  text-align: center;
  content: "\e904";
}



/* =====================
  footer
===================== */
#footer {
  background-color: #222;
}


/*  footer__inner
------------------------*/
#footer__inner {
  width: 77.142857vw; /* 1080/14 */
  max-width: 1080px;
  margin: 0 auto;
  padding: 40px 0;
}
@media screen and (max-width:1400px) {
  #footer__inner {
    padding: 2.857143vw 0; /* 40/14 */
  }
}
@media screen and (max-width:768px) {
  #footer__inner {
    width: auto;
    max-width: 90%;
    padding: 20px 0;
  }
}



/* =====================
  copyright
===================== */
#copyright {
  background-color: #222;
}


/*  copyright__item
------------------------*/
.copyright__item + .copyright__item {
  margin-top: 40px;
}
@media screen and (max-width:1400px) {
  .copyright__item + .copyright__item {
    margin-top: 2.857143vw; /* 40/14 */
  }
}
@media screen and (max-width:768px) {
  .copyright__item + .copyright__item {
    margin-top: 20px;
  }
}



/* =====================
  copyrightAtx
===================== */
#copyrightAtx {
  color: #e1e1e1;
  font-size: 16px;
  text-align: center;
}
@media screen and (max-width:1400px) {
  #copyrightAtx {
    font-size: 1.142857vw; /* 16/14 */
  }
}
@media screen and (max-width:768px) {
  #copyrightAtx {
    font-size: 14px;
  }
}



/* =====================
  copyrightSlider
===================== */
#copyrightSlider {
  color: #999;
  font-size: 14px;
  line-height: 1.6;
  word-break: break-word;
  word-wrap: normal;
}
@media screen and (max-width:1400px) {
  #copyrightSlider {
    font-size: 1vw; /* 14/14 */
  }
}
@media screen and (max-width:768px) {
  #copyrightSlider {
    font-size: 12px;
  }
}

#copyrightSlider small + small {
  /*margin-left: 2em;*/
  margin-left: 1.85em;
}



/* =====================
  webFonts
===================== */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?ozr7hj');
  src:  url('../fonts/icomoon.eot?ozr7hj#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?ozr7hj') format('truetype'),
        url('../fonts/icomoon.woff?ozr7hj') format('woff'),
        url('../fonts/icomoon.svg?ozr7hj#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow:before {
  content: "\e900";
}

.icon-closs:before {
  content: "\e901";
}

.icon-downArrow:before {
  content: "\e902";
}

.icon-Q:before {
  content: "\e903";
}

.icon-mail:before {
  content: "\e904";
}

.icon-plus:before {
  content: "\e905";
}











/* =====================
  mainBoard_20230215
===================== */

/*  mainBoard__inner
------------------------*/
.mainBoard2 #mainBoard__inner {
  position: relative;
  z-index: 0;
  width: 82.857143vw; /* 1160/14 */
  max-width: 1160px;
  margin: 0 auto;
  padding: 25px 40px 55px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:1400px) {
  .mainBoard2 #mainBoard__inner {
    padding: 1.785714vw 2.857143vw 3.928571vw; /* 25/14 : 40/14 : 55/14 */
  }
}
@media screen and (max-width:768px) {
  .mainBoard2 #mainBoard__inner {
    width: auto;
    padding: 3.255208vw 5.208333vw 7.161458vw; /* 25/7.68 : 40/7.68 : 55/7.68 */
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 #mainBoard__inner {
    width: 90%;
    padding: 7.161458vw 5.208333vw; /* 25/7.68 : 40/7.68 : 55/7.68 */
  }
}



/* =====================
  mainBoardCatch
===================== */
.mainBoard2 #mainBoardCatch {
  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: 37.428571vw; /* 440/ 14*/
  max-width: 520px;
  margin-right: auto;
}
@media screen and (max-width:768px) {
  .mainBoard2 #mainBoardCatch {
    width: 37.931034vw;
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 #mainBoardCatch {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
}


/*  mainBoardCatch__item
------------------------*/
.mainBoard2 .mainBoardCatch__item {
  width:          100%;
  padding-top: 50%; /* 210/4.4 */
  background-position: 50% 50%;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-indent: 200%;
  white-space: nowrap;
}
@media screen and (max-width:1400px) {
  .mainBoard2 .mainBoardCatch__item {
    width: -webkit- 100%; /* 20/14 */
    width:          100%;
  }
}
@media screen and (max-width:768px) {
  .mainBoard2 .mainBoardCatch__item {
    width: -webkit- 100%; /* 20/7.68 */
    width:          100%;
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardCatch__item {
    width: -webkit- 100%; /* 20/6 */
    width:          100%;
  }
}

.mainBoard2 .mainBoardCatch__item + .mainBoardCatch__item {
  margin-left: 20px;
}
@media screen and (max-width:1400px) {
  .mainBoard2 .mainBoardCatch__item + .mainBoardCatch__item {
    margin-left: 1.428571vw; /* 20/14 */
  }
}
@media screen and (max-width:768px) {
  .mainBoard2 .mainBoardCatch__item + .mainBoardCatch__item {
    margin-left: 2.604167vw; /* 20/7.68 */
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardCatch__item + .mainBoardCatch__item {
    margin-left: 3.333333vw; /* 20/6 */
  }
}

.mainBoard2 .mainBoardCatch__item img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}


/*  mainBoardCatch__item--01
------------------------*/
.mainBoard2 .mainBoardCatch__item--01 {
  background-image: url("../img/main/board/catch/03.png");
}

/*  mainBoardCatch__item--01-1<LPO案 1>
------------------------*/
.mainBoard2 .mainBoardCatch__item--01-1 {
  background-image: url("../img/main/board/catch/03_1.png");
}

/*  mainBoardCatch__item--01-2<LPO案 2>
------------------------*/
.mainBoard2 .mainBoardCatch__item--01-2 {
  background-image: url("../img/main/board/catch/03_2.png");
}

/*  mainBoardCatch__item--01-3<LPO案 3>
------------------------*/
.mainBoard2 .mainBoardCatch__item--01-3 {
  background-image: url("../img/main/board/catch/03_3.png");
}


/*  mainBoardCatch__item--02
------------------------*/
.mainBoard2 .mainBoardCatch__item--02 {
  background-image: url("../img/main/board/catch/02.png");
}


.mainBoard2 .mainBoardCatch_fix{position: relative;top: -5px;}
.mainBoard2 .mainBoardCatch_fix .mainBoardCatch__item{padding-top: 59%;}
/*  mainBoardCatch__item--05
------------------------*/
.mainBoard2 .mainBoardCatch__item--05 {background-image: url("../img/main/board/catch/05.png");}

/*  mainBoardCatch__item--06
------------------------*/
.mainBoard2 .mainBoardCatch__item--06 {background-image: url("../img/main/board/catch/06.png");}

/*  mainBoardCatch__item--07
------------------------*/
.mainBoard2 .mainBoardCatch__item--07 {background-image: url("../img/main/board/catch/07.png");}

/*  mainBoardCatch__item--08
------------------------*/
.mainBoard2 .mainBoardCatch__item--08 {background-image: url("../img/main/board/catch/08.png");}

/*  mainBoardCatch__item--09
------------------------*/
.mainBoard2 .mainBoardCatch__item--09 {background-image: url("../img/main/board/catch/09.png");}

/*  mainBoardCatch__item--10
------------------------*/
.mainBoard2 .mainBoardCatch__item--10 {background-image: url("../img/main/board/catch/10.png");}

/*  mainBoardCatch__item--11
------------------------*/
.mainBoard2 .mainBoardCatch__item--11 {background-image: url("../img/main/board/catch/11.png");}

/*  mainBoardCatch__item--12
------------------------*/
.mainBoard2 .mainBoardCatch__item--12 {background-image: url("../img/main/board/catch/12.png");}

/*  mainBoardCatch__item--13
------------------------*/
.mainBoard2 .mainBoardCatch__item--13 {background-image: url("../img/main/board/catch/13.png");}
/*  mainBoardCatch__item--13
------------------------*/
.mainBoard2 .mainBoardCatch__item--14 {background-image: url("../img/main/board/catch/14.png");}

@media screen and (max-width: 768px) {
.mainBoard2 .mainBoard2 .mainBoardCatch_fix{position: relative;top: 10px;}
.mainBoard2 .mainBoardCatch_fix .mainBoardCatch__item{padding-top: 85%;}
.mainBoard2 .mainBoardCatch_fix .mainBoardCatch__item--14{padding-top: 61%;}
.mainBoard2 .mainBoardCatch__item--05 {background: url("../img/main/board/catch/05_sp.png") center /contain no-repeat;padding-top:80%}
.mainBoard2 .mainBoardCatch__item--06 {background: url("../img/main/board/catch/06_sp.png") center /contain no-repeat;padding-top:80%}
.mainBoard2 .mainBoardCatch__item--07 {background: url("../img/main/board/catch/07_sp.png") center /contain no-repeat;padding-top:80%}
.mainBoard2 .mainBoardCatch__item--08 {background: url("../img/main/board/catch/08_sp.png") center /contain no-repeat;padding-top:80%}
.mainBoard2 .mainBoardCatch__item--09 {background: url("../img/main/board/catch/09_sp.png") center /contain no-repeat;padding-top:80%}
.mainBoard2 .mainBoardCatch__item--10 {background: url("../img/main/board/catch/10_sp.png") center /contain no-repeat;padding-top:80%}
.mainBoard2 .mainBoardCatch__item--11 {background: url("../img/main/board/catch/11_sp.png") center /contain no-repeat;padding-top:80%}
.mainBoard2 .mainBoardCatch__item--12 {background: url("../img/main/board/catch/12_sp.png") center /contain no-repeat;padding-top:80%}
.mainBoard2 .mainBoardCatch__item--13 {background: url("../img/main/board/catch/13_sp.png") center /contain no-repeat;padding-top:80%}
.mainBoard2 .mainBoardCatch__item--14 {background: url("../img/main/board/catch/14.png") center /contain no-repeat;padding-top:80%}
}

/* =====================
  mainBoardTitle
===================== */
.mainBoard2 #mainBoardTitle {
  margin: -8px -40px 0 -5px;
}
@media screen and (max-width:1400px) {
  .mainBoard2 #mainBoardTitle {
    margin: -.5714285vw -2.857143vw 0 -.357143vw; /* 8/14 : 40/14 : 5/14 */
  }
}
@media screen and (max-width:768px) {
  .mainBoard2 #mainBoardTitle {
    margin: -1.041667vw -5.208333vw 0 -.651042vw; /* 8/7.68 : 40/7.68 : 5/7.68 */
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 #mainBoardTitle {
    margin: 0
  }
}


/*  mainBoardTitle__sub
------------------------*/
.mainBoard2 #mainBoardTitle__sub {
  position: relative;
  z-index: 9;
  width: 34.142857vw; /* 478/14 */
  max-width: 478px;
  margin: 0 auto;
  margin-left: 20px;
  padding-top: 9.6%; /* 108/11.25 */
  overflow: hidden;
  background-image: url("../img/main/board/title/sub.png");
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-indent: 200%;
  white-space: nowrap;
}
@media screen and (max-width:1400px) {
  .mainBoard2 #mainBoardTitle__sub {
    margin-left: 1.428571vw; /* 20/14 */
  }
}
@media screen and (max-width:768px) {
  .mainBoard2 #mainBoardTitle__sub {
    width: 41.206897vw;
    margin-left: 2.604167vw; /* 20/7.68 */
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 #mainBoardTitle__sub {
    /*width: 79.666667vw;  478/6 */
    width: 80%;
    margin: 0 auto;
    padding-top: 20.111732%; /* 108/5.37 */
  }
}


/*  mainBoardTitle__main
------------------------*/
.mainBoard2 #mainBoardTitle__main {
  position: relative;
  z-index: 9;
  margin-top: 2.642857vw;
}
.mainBoard2 #mainBoardTitle__main.main2 {
  position: relative;
  z-index: 9;
  margin-top: 0;
}
@media screen and (max-width:1400px) {
  .mainBoard2 #mainBoardTitle__main {
    margin-top: 3.142857vw; /* 2/14 */
  }
}
@media screen and (max-width:768px) {
  .mainBoard2 #mainBoardTitle__main {
    margin-top: .260417vw; /* 2/7.68 */
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 #mainBoardTitle__main {
    margin-top: .333333vw; /* 2/6 */
    margin-left: -6vw;
  }
}
.mainBoard2 #mainBoardTitle__main {
  position: relative;
  z-index: 9;
  margin-top: 2.642857vw;
}
.mainBoard2 #mainBoardTitle__main.main2 {
  position: relative;
  z-index: 9;
  margin-top: 0;
}
@media screen and (max-width:1400px) {
  .mainBoard2 #mainBoardTitle__main {
    margin-top: 3.142857vw; /* 2/14 */
  }
  .mainBoard2 #mainBoardTitle__main.main2 {
    margin-top: 0;
  }
}
@media screen and (max-width:768px) {
  .mainBoard2 #mainBoardTitle__main {
    margin-top: .260417vw; /* 2/7.68 */
  }
  .mainBoard2 #mainBoardTitle__main.main2 {
    margin-top: 0;
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 #mainBoardTitle__main {
    margin-top: .333333vw; /* 2/6 */
    margin-left: -6vw;
  }
  .mainBoard2 #mainBoardTitle__main.main2 {
    margin-top: 0;
  }
}



/* =====================
  mainBoardTitleMain
===================== */
.mainBoard2 .mainBoardTitleMain {
  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;
}
/* <LPO案 1〜3> */
.mainBoard2 .mainBoardTitleMain-1 {
  display: block;
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardTitleMain {
    display: block;
  }
}



/*  mainBoardTitleMain__item
------------------------*/
.mainBoardTitleMain__item {
  display: block;
  overflow: hidden;
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-indent: 200%;
  white-space: nowrap;
}

.mainBoard2 .mainBoardTitleMain__item + .mainBoardTitleMain__item {
  margin-left: -12px;
}
@media screen and (max-width:1400px) {
  .mainBoard2 .mainBoardTitleMain__item + .mainBoardTitleMain__item {
    margin-left: -.857143vw; /* 12/14 */
  }
}
@media screen and (max-width:768px) {
  .mainBoard2 .mainBoardTitleMain__item + .mainBoardTitleMain__item {
    margin-left: -1.5625vw; /* 12/7.68 */
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardTitleMain__item + .mainBoardTitleMain__item {
    margin-top: -2vw; /* 12/6 */
    margin-left: 0;
  }
}


/*  mainBoardTitleMain__item--01
------------------------*/
.mainBoard2 .mainBoardTitleMain__item--01 {
  width: 39.071429vw;  /* 547/14 */
  max-width: 547px;
  padding-top: 20%; /* 225/11.25 */
  background-image: url("../img/main/board/title/main/01.png");
}
@media screen and (max-width:768px) {
  .mainBoard2 .mainBoardTitleMain__item--01 {
    width: 47.155172vw;
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardTitleMain__item--01 {
    width: 100%;
    padding-top: 41.154562%; /* 221/5.37 */
  }
}


/*  mainBoardTitleMain__item--01-1<LPO案 1>
------------------------*/
.mainBoard2 .mainBoardTitleMain__item--01-1 {
  width: 76.92857vw;  /* 1077/14 */
  max-width: 1077px;
  padding-top: 33%;
  background-image: url("../img/main/board/title/main/01_1.png");
}
@media screen and (max-width:768px) {
  .mainBoard2 .mainBoardTitleMain__item--01-1 {
    width: 91vw;
    padding-top: 40%;
    margin-bottom: -6%
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardTitleMain__item--01-1 {
    width: 92vw;
    height: 83.6vw;  /* 627/750 */
    padding-top: 5%;
    margin: 4vw auto;
    background-image: url("../img/main/board/title/main/01_1_sp.png");
  }
}


/*  mainBoardTitleMain__item--01-2<LPO案 2>
------------------------*/
.mainBoard2 .mainBoardTitleMain__item--01-2 {
  width: 76.92857vw;  /* 1077/14 */
  max-width: 1077px;
  padding-top: 33%;
  background-image: url("../img/main/board/title/main/01_2.png");
}
@media screen and (max-width:768px) {
  .mainBoard2 .mainBoardTitleMain__item--01-2 {
    width: 91vw;
    padding-top: 40%;
    margin-bottom: -6%
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardTitleMain__item--01-2 {
    width: 93vw;
    height: 71.47vw;  /* 536/750 */
    padding-top: 5%;
    margin: 4vw auto;
    background-image: url("../img/main/board/title/main/01_2_sp.png");
  }
}


/*  mainBoardTitleMain__item--01-3<LPO案 3>
------------------------*/
.mainBoard2 .mainBoardTitleMain__item--01-3 {
  width: 77.57143vw;  /* 1086/14 */
  max-width: 1086px;
  padding-top: 40%;
  background-image: url("../img/main/board/title/main/01_3.png");
}
@media screen and (max-width:768px) {
  .mainBoard2 .mainBoardTitleMain__item--01-3 {
    width: 91vw;
    padding-top: 46%;
    margin-bottom: -6%
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardTitleMain__item--01-3 {
    width: 92.8vw;
    height: 80.93vw;  /* 607/750 */
    padding-top: 5%;
    margin: 4vw auto;
    background-image: url("../img/main/board/title/main/01_3_sp.png");
  }
}


/*  mainBoardTitleMain__item--02
------------------------*/
.mainBoard2 .mainBoardTitleMain__item--02 {
  width: 42.142857vw; /* 590/14 */
  max-width: 590px;
  padding-top: 20%; /* 225/11.25 */
  background-image: url("../img/main/board/title/main/02.png");
}
@media screen and (max-width:768px) {
  .mainBoard2 .mainBoardTitleMain__item--02 {
    width: 50.862069vw;
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardTitleMain__item--02 {
    width: 100%;
    padding-top: 38.175047%; /* 205/5.37 */
  }
}


/*  mainBoardTitleMain__item--01-14<LPO案 2>
------------------------*/
.mainBoard2 .mainBoardTitleMain__item--01-14 {
  width: 76.92857vw;  /* 1077/14 */
  max-width: 1077px;
  padding-top: 33%;
  background-image: url("../img/main/board/title/main/01_14.png");
}
@media screen and (max-width:768px) {
  .mainBoard2 .mainBoardTitleMain__item--01-14 {
    width: 91vw;
    padding-top: 40%;
    margin-bottom: -6%
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardTitleMain__item--01-14 {
    width: 93vw;
    height: 41.47vw;  /* 536/750 */
    padding-top: 5%;
    margin: 4vw auto;
    background-image: url("../img/main/board/title/main/01_14_sp.png");
  }
}



/* =====================
  mainBoardPush
===================== */
.mainBoard2 #mainBoardPush {
  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;
  list-style: none;
  position: relative;
  z-index: 0;
  margin: 5px 0 -10px -10px;
}
@media screen and (max-width:1400px) {
  .mainBoard2 #mainBoardPush {
    margin: 0.357143vw 0 -.714286vw -.714286vw; /* 5/14 : 10/14 */
  }
}
@media screen and (max-width:768px) {
  .mainBoard2 #mainBoardPush {
    margin: .651042vw 0 -1.302083vw -1.302083vw; /* 5/7.68 : 10/7.68 : 10/7.68 */
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 #mainBoardPush {
    display: block;
    margin: 0;
    margin-top: 1.666667vw; /* 10/6 */
  }
}


/*  mainBoardPush__item
------------------------*/
.mainBoard2 .mainBoardPush__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  position: relative;
  z-index: 0;
  margin: 0 0 10px 10px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}
@media screen and (max-width:1400px) {
  .mainBoard2 .mainBoardPush__item {
    margin: 0 0 .7142857vw .7142857vw; /* 10/14 */
    border-radius: .357143vw; /* 5/14 */
  }
}
@media screen and (max-width:768px) {
  .mainBoard2 .mainBoardPush__item {
    margin: 0 0 1.302083vw 1.302083vw; /* 10/7.68 */
    border-radius: 5px;
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardPush__item {
    margin: 0;
  }
}

.mainBoard2 .mainBoardPush__item:nth-of-type(-n+3) {
  width: -webkit-calc( ( ( 100% - .01px ) - ( 10px * 3 ) ) / 3 );
  width:         calc( ( ( 100% - .01px ) - ( 10px * 3 ) ) / 3 );
  padding: 15px 10px;
}
@media screen and (max-width:1400px) {
  .mainBoard2 .mainBoardPush__item:nth-of-type(-n+3) {
    width: -webkit-calc( ( ( 100% - .01px ) - ( .7142857vw * 3 ) ) / 3 ); /* 10/14 */
    width:         calc( ( ( 100% - .01px ) - ( .7142857vw * 3 ) ) / 3 );
    padding: 1.071429vw .7142857vw; /* 15/14 : 10/14 */
  }
}
@media screen and (max-width:768px) {
  .mainBoard2 .mainBoardPush__item:nth-of-type(-n+3) {
    width: -webkit-calc( ( ( 100% - .01px ) - ( 1.302083vw * 3 ) ) / 3 ); /* 10/7.68 */
    width:         calc( ( ( 100% - .01px ) - ( 1.302083vw * 3 ) ) / 3 );
    padding: 1.953125vw 1.302083vw; /* 15/7.68 : 10/7.68 */
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardPush__item:nth-of-type(-n+3) {
    width: auto;
    padding: 2.5vw 1.666667vw; /* 15/6 : 10/6 */
  }
}

.mainBoard2 .mainBoardPush__item:nth-of-type(n+4) {
  width: -webkit-calc( ( ( 100% - .01px ) - ( 10px * 2 ) ) / 2 );
  width:         calc( ( ( 100% - .01px ) - ( 10px * 2 ) ) / 2 );
  padding: 10px;
}
@media screen and (max-width:1400px) {
  .mainBoard2 .mainBoardPush__item:nth-of-type(n+4) {
    width: -webkit-calc( ( ( 100% - .01px ) - ( .7142857vw * 2 ) ) / 2 ); /* 10/14 */
    width:         calc( ( ( 100% - .01px ) - ( .7142857vw * 2 ) ) / 2 );
    padding: .7142857vw; /* 10/14 */
  }
}
@media screen and (max-width:768px) {
  .mainBoard2 .mainBoardPush__item:nth-of-type(n+4) {
    width: -webkit-calc( ( ( 100% - .01px ) - ( 1.302083vw * 2 ) ) / 2 ); /* 10/7.68 */
    width:         calc( ( ( 100% - .01px ) - ( 1.302083vw * 2 ) ) / 2 );
    padding: 1.302083vw; /* 10/7.68 */
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardPush__item:nth-of-type(n+4) {
    width: auto;
    padding: 1.666667vw; /* 10/6 */
  }
}

@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardPush__item + .mainBoardPush__item {
    margin-top: 1.666667vw; /* 10/6 */
  }
}

.mainBoard2 .mainBoardPush__item span {
  display: block;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  overflow: hidden;
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-indent: 200%;
  white-space: nowrap;
}


/*  mainBoardPush__item--fast
------------------------*/
.mainBoard2 .mainBoardPush__item--fast span {
  padding-top: 16.500165%; /* 55/3.3333 */
  background-image: url("../img/main/board/push/01.png");
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardPush__item--fast span {
    padding-top: 55px;
  }
}
@media screen and (max-width:425px) {
  .mainBoard2 .mainBoardPush__item--fast span {
    padding-top: 15.003137%; /* 55/3.6659 */
  }
}


/*  mainBoardPush__item--cm
------------------------*/
.mainBoard2 .mainBoardPush__item--cm span {
  padding-top: 16.500165%; /* 55/3.3333 */
  background-image: url("../img/main/board/push/02.png");
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardPush__item--cm span {
    padding-top: 55px;
  }
}
@media screen and (max-width:425px) {
  .mainBoard2 .mainBoardPush__item--cm span {
    padding-top: 15.003137%; /* 55/3.6659 */
  }
}


/*  mainBoardPush__item--recording
------------------------*/
.mainBoard2 .mainBoardPush__item--recording span {
  padding-top: 16.500165%; /* 55/3.3333 */
  background-image: url("../img/main/board/push/03.png");
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardPush__item--recording span {
    padding-top: 55px;
  }
}
@media screen and (max-width:425px) {
  .mainBoard2 .mainBoardPush__item--recording span {
    padding-top: 15.003137%; /* 55/3.6659 */
  }
}


/* 以下、LPO案用 */
/*  mainBoardPush__item--works
------------------------*/
.mainBoard2 .mainBoardPush__item--works span {
  padding-top: 16.500165%; /* 55/3.3333 */
  background-image: url("../img/main/board/push/01_1.png");
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardPush__item--works span {
    padding-top: 55px;
  }
}
@media screen and (max-width:425px) {
  .mainBoard2 .mainBoardPush__item--works span {
    padding-top: 15.003137%; /* 55/3.6659 */
  }
}


/*  mainBoardPush__item--satisfaction
------------------------*/
.mainBoard2 .mainBoardPush__item--satisfaction span {
  padding-top: 16.500165%; /* 55/3.3333 */
  background-image: url("../img/main/board/push/02_1.png");
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardPush__item--satisfaction span {
    padding-top: 55px;
  }
}
@media screen and (max-width:425px) {
  .mainBoard2 .mainBoardPush__item--satisfaction span {
    padding-top: 15.003137%; /* 55/3.6659 */
  }
}

.mainBoard2 .mainBoardPush__item--satisfaction span {
  padding-top: 16.500165%; /* 55/3.3333 */
  background-image: url("../img/main/board/push/02_1.png");
}
.mainBoard2 .mainBoardPush__item--satisfaction_14 span {
  padding-top: 16.500165%; /* 55/3.3333 */
  background-image: url("../img/main/board/push/02_14.png");
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardPush__item--satisfaction span {
    padding-top: 55px;
  }
}
@media screen and (max-width:425px) {
  .mainBoard2 .mainBoardPush__item--satisfaction span {
    padding-top: 15.003137%; /* 55/3.6659 */
  }
}


/*  mainBoardPush__item--radical
------------------------*/
.mainBoard2 .mainBoardPush__item--radical span {
  padding-top: 16.500165%; /* 55/3.3333 */
  background-image: url("../img/main/board/push/03_1.png");
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardPush__item--radical span {
    padding-top: 55px;
  }
}
@media screen and (max-width:425px) {
  .mainBoard2 .mainBoardPush__item--radical span {
    padding-top: 15.003137%; /* 55/3.6659 */
  }
}


/*  mainBoardPush__item--lineup
------------------------*/
.mainBoard2 .mainBoardPush__item--lineup {
  padding-left: 153px !important; /* 133+(10*2) */
}
@media screen and (max-width:1400px) {
  .mainBoard2 .mainBoardPush__item--lineup {
    padding-left: -webkit-calc( 9.5vw + ( .7142857vw * 2 ) ) !important; /* 133/14 : 10/14 */
    padding-left:         calc( 9.5vw + ( .7142857vw * 2 ) ) !important;
  }
}
@media screen and (max-width:768px) {
  .mainBoard2 .mainBoardPush__item--lineup {
    padding-left: -webkit-calc( 11.465517vw + ( 1.302083vw * 2 ) ) !important; /* 10/7.68 */
    padding-left:         calc( 11.465517vw + ( 1.302083vw * 2 ) ) !important;
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardPush__item--lineup {
    padding-left: -webkit-calc( 22.166667vw + ( 1.666667vw * 2 ) ) !important; /* 133/6 : 10/6 */
    padding-left:         calc( 22.166667vw + ( 1.666667vw * 2 ) ) !important;
  }
}

.mainBoard2 .mainBoardPush__item--lineup:before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  width: 9.5vw; /* 133/14 */
  max-width: 133px;
  padding: 10px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url("../img/main/board/push/04-2.png");
  background-position: 50% 50%;
  -webkit-background-size: calc( 100% - ( 10px * 2 ) ) auto;
          background-size: calc( 100% - ( 10px * 2 ) ) auto;
  background-repeat: no-repeat;
  background-color: #530606;
  content: " ";
}
@media screen and (max-width:1400px) {
.mainBoard2 .mainBoardPush__item--lineup:before {
    top: .7142857vw; /* 10/14 */
    bottom: .7142857vw; /* 10/14 */
    left: .7142857vw; /* 10/14 */
    padding: .7142857vw; /* 10/14 */
    border-radius: .357143vw; /* 5/14 */
    -webkit-background-size: calc( 100% - ( .7142857vw * 2 ) ) auto; /* 10/14 */
            background-size: calc( 100% - ( .7142857vw * 2 ) ) auto;
  }
}
@media screen and (max-width:768px) {
  .mainBoard2 .mainBoardPush__item--lineup:before {
    top: 1.302083vw; /* 10/7.68 */
    bottom: 1.302083vw; /* 10/7.68 */
    left: 1.302083vw; /* 10  .68 */
    width: 11.465517vw;
    padding: 1.302083vw; /* 10/7.68 */
    border-radius: 5px;
    -webkit-background-size: calc( 100% - ( 1.302083vw * 2 ) ) auto; /* 10/7.68 */
            background-size: calc( 100% - ( 1.302083vw * 2 ) ) auto; /* 10/7.68 */
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardPush__item--lineup:before {
    top: 1.666667vw; /* 10/6 */
    bottom: 1.666667vw; /* 10/6 */
    left: 1.666667vw; /* 10/7.68 */
    width: 22.166667vw; /* 133/6 */
    padding: 1.666667vw; /* 10/6 */
    -webkit-background-size: calc( 100% - ( 1.666667vw * 2 ) ) auto; /* 10/6 */
            background-size: calc( 100% - ( 1.666667vw * 2 ) ) auto; /* 10/6 */
  }
}

.mainBoard2 .mainBoardPush__item--lineup span {
  padding-top: 21.506533%; /* 80/3.7198 */
  background-image: url("../img/main/board/push/04-1.png");
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardPush__item--lineup span {
    padding-top: 21.360105%; /* 80/3.7453 */
  }
}


/*  mainBoardPush__item--limit
------------------------*/
.mainBoard2 .mainBoardPush__item--limit {
  padding-left: 178px !important; /* 168+10 */
  overflow: hidden;
}
@media screen and (max-width:1400px) {
  .mainBoard2 .mainBoardPush__item--limit {
    padding-left: -webkit-calc( 12vw + .7142857vw ) !important; /* 168/14 : 10/14 */
    padding-left:         calc( 12vw + .7142857vw ) !important;
  }
}
@media screen and (max-width:768px) {
  .mainBoard2 .mainBoardPush__item--limit {
    padding-left: -webkit-calc( 14.482759vw + 1.302083vw ) !important; /* 10/7.68 */
    padding-left:         calc( 14.482759vw + 1.302083vw ) !important; /* 10/7.68 */
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardPush__item--limit {
    padding-left: -webkit-calc( 28vw + 1.666667vw ) !important; /* 168/6 : 10/6 */
    padding-left:         calc( 28vw + 1.666667vw ) !important; /* 168/6 : 10/6 */
  }
}

.mainBoard2 .mainBoardPush__item--limit:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 12vw; /* 168/14 */
  max-width: 168px;
  background-image: url("../img/main/board/push/05-2.png");
  background-position: 100% 100%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  content: " ";
}
@media screen and (max-width:768px) {
  .mainBoard2 .mainBoardPush__item--limit:before {
    width: 14.482759vw;
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardPush__item--limit:before {
    width: 28vw; /* 168/6 */
    background-position: 50% 50%;
  }
}

.mainBoard2 .mainBoardPush__item--limit span {
  padding-top: 25.648415%; /* 89/3.47 */
  background-image: url("../img/main/board/push/05-1.png");
}
@media screen and (max-width:600px) {
  .mainBoard2 .mainBoardPush__item--limit span {
    padding-top: 25.462764%; /* 89/3.4953 */
  }
}



/* =====================
  mainBoardMovie
===================== */
.mainBoard2 #mainBoardMovie {
  position: absolute;
  top: 20px;
  right: 40px;
  width: 37.857143vw; /* 530/14 */
  max-width: 530px;
  padding: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  line-height: 0;
}
.mainBoard2 #mainPic{
  position: absolute;
  top: 20px;
  right: 40px;
  width: 37.857143vw;
  max-width: 530px;
  padding: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  line-height: 0;
}

.mainBoard2 .mainPic_sp{
  display: none;
}

@media screen and (max-width:1400px) {
  .mainBoard2 #mainBoardMovie {
    top: 1.428571vw; /* 20/14 */
    right: 2.857143vw; /* 40/14 */
    padding: .7142857vw; /* 10/14 */
    border-radius: .7142857vw; /* 10/14 */
  }
  .mainBoard2 #mainPic{
    top: 1.428571vw; /* 20/14 */
    right: 2.857143vw; /* 40/14 */
    padding: .7142857vw; /* 10/14 */
    border-radius: .7142857vw; /* 10/14 */
  }
}
@media screen and (max-width:768px) {
  .mainBoard2 #mainBoardMovie {
    top: 20px;
    right: 5.208333vw; /* 40/7.68 */
    width: 45.689655vw;
    padding: .862069vw;
    border-radius: .862069vw;
  }
  .mainBoard2 #mainPic {
    top: 20px;
    right: 5.208333vw; /* 40/7.68 */
    width: 45.689655vw;
    padding: .862069vw;
    border-radius: .862069vw;
  }
  .mainBoard2 .mainPic_sp{
    display: none;
  }
  .mainBoard2 #mainPic{
    top: 20px;
    right: 5.208333vw; /* 40/7.68 */
    width: 45.689655vw;
    border-radius: .862069vw;
  }
}
@media screen and (max-width:600px) {
  .mainBoard2 #mainBoardMovie {
    position: static;
    width: auto;
    max-width: none;
    margin-top: 3.333333vw; /* 20/6 */
  }
  .mainBoard2 #mainPic{
    position: static;
    width: auto;
    max-width: none;
    margin-top: 3.333333vw; /* 20/6 */
  }
  .mainBoard2 .mainPic_sp{
    display: block;
    width: 100%;
  }
}

.mainBoard2 #mainBoardMovie video {
  width: 100%;
  max-width: 100%;
}
.mainBoard2 #mainPic p img{
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: 2;
}

@media screen and (max-width:600px) {
  .mainBoard2 #mainPic {
    margin-top: 0;
  }
  .mainBoard2 #mainPic .mainPic_pc{
    display: none;
  }
}

/*20230426----------------------------------------------------------- */
.btm_fix {
  position: fixed;
  left: 0;
  bottom: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  padding: 10px 15px 5px;
  z-index: 998;
  box-sizing: border-box;
}
.btm_fix div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.btm_fix2 div {
  margin-top: -60px;
}
.btm_fix a {
  transition: all .3s;
}
.btm_fix a:hover {
  opacity: .8;
}

@media screen and (max-width: 767px) {
  .btm_fix2 div {
    margin-top: -35px;
  }
  .btm_fix img {
    width: 100%;
  }
}
.pagetop {
  display: none;
  position: fixed;
  bottom: 180px;
  right: 30px;
  z-index: 9999;
}
.pagetop a {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  background-color: #aa1101;
  border-radius: 50%;
  -moz-opacity: 1;
  opacity: 1;
  filter: drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.3));
}
.pagetop a:before {
  position: absolute;
  content: "";
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 12px solid #fff;
  top: 50%;
  right: 50%;
  transform: translateX(50%) translateY(-60%);
}
.pagetop a:hover {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.pagetop a:link,
.pagetop a:visited {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .pagetop {
    bottom: 110px;
    right: 5px;
  }
  .pagetop a {
    width: 50px;
    height: 50px;
  }
}

/*20240126 スカパーCP----------------------------------------------------------- */
.slider_care {
  text-align: right;
  width: calc(100% - 5px);
  margin-right: 5px;
  padding-top: 5px;
  font-size: 0.9em;
}

@media screen and (max-width:700px) {
.slider_care {
  font-size: 0.5em;
}
}

.content {
  width: 100%;
  margin: 0 auto;
  background-color: #4169e1;
  margin-bottom: 30px;
}

@media screen and (max-width:1400px) {
  .content {
     margin-bottom: 2.142857vw;
  }
}

.content_main {
  font-size: 1.5em;
  margin-bottom: 5px;
  font-weight: bold;
}

@media screen and (max-width:700px) {
.content_main {
  font-size: 1.2em;
}
}

.short-text,.short-text2 {
  overflow: hidden;
  padding: 30px;
  color: #fff;
}

.full-text,.full-text2 {
  display: none;
  padding: 30px;
  color: #fff;
}

.expand-button,
.collapse-button,
.expand-button2,
.collapse-button2 {
  background: none;
  border: none;
  cursor: pointer;
  color: #fff;
  text-decoration: underline;
  margin: 10px auto;
  display: block;
  font-size: 20px;
}

.btm_fix p{
  text-align: center;
}

.btm_fix p img{
  width: 60%;
}

@media screen and (max-width:700px) {
.btm_fix p img{
  width: 100%
}
}

.cp_img {
  width: 100%;
  background-color: #fff;
  text-align: center;
  margin-bottom: 7px;
}

.cp_img img{
    width: 50%;
  }

@media screen and (max-width:1400px) {
.short-text,.short-text2,.full-text,.full-text2 {
    padding: 2.142857vw; /* 30/14 */
  }
}

@media screen and (max-width:768px) {
.short-text,.short-text2,.full-text,.full-text2 {
    padding: 16px;
  }
.cp_img img{
    width: 100%;
  }
}

.s_none {display: block;}
.pt_none{display: none;}
@media screen and (max-width:768px) {
  .s_none {display: none;}
  .pt_none{display: block;}
  .btm_fix {padding: 0;}
}