@charset "UTF-8";
html {
  font-family: 'Noto Sans JP', sans-serif;
}

h2 {
  font-size: 4rem;
  font-weight: 800;
  color: #ED1C24;
  text-shadow: 1px 1px 0 #fff;
}

h3 {
  font-size: 3.2rem;
  font-weight: 600;
  color: #ED1C24;
}

h4 {
  font-size: 3.2rem;
  font-weight: 600;
}

h5 {
  font-size: 2.4rem;
  font-weight: 600;
}

h6 {
  font-size: 1.6rem;
  font-weight: 600;
}

@media (max-width: 735px) {
  h2 {
    font-size: 2.4rem;
    font-weight: 800;
  }
  h3 {
    font-size: 1.8rem;
  }
  h4 {
    font-size: 1.8rem;
  }
  h5 {
    font-size: 1.6rem;
  }
  h6 {
    font-size: 1.6rem;
  }
  p {
    font-size: 1.4rem;
  }
}

html {
  font-size: 62.5%;
}

img {
  width: 100%;
  height: auto;
}

body {
  font-size: 1.6rem;
  color: #333;
}

/*========= 背景動画設定のCSS ===============*/
/*fv設定*/
.fv {
  position: relative;
  /*ローディング画像などを表示す際の基点とするため指定*/
  height: 100vh;
  /*高さを全画面にあわせる*/
  text-align: center;
  color: #fff;
  /*ローディング画面時＆動画が表示されないときに表示する背景画像のレスポンシブ化*/
  background: url("../img/movie.jpg") no-repeat;
  background-size: cover;
}

/* ローディングアイコン設定 */
#loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-weight: bold;
}

/*jQueryで付与されたdisappearクラスがついたらロゴエリアを非表示*/
#loading.disappear {
  display: none;
}

/* youtube設定 */
#youtube-area {
  position: absolute;
  z-index: 1;
  /*最背面に設定*/
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0;
}

/*jQueryで付与されたappearクラスがついたらYoutubeエリアをふわっと表示*/
#youtube-area.appear {
  -webkit-animation-name: PageAnimeAppear;
          animation-name: PageAnimeAppear;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes PageAnimeAppear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes PageAnimeAppear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#youtube {
  /*天地中央配置*/
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*縦横幅指定*/
  width: 177.77777778vh;
  /* 16:9 の幅→16 ÷ 9＝ 177.77% */
  height: 56.25vw;
  /* 16:9の幅 → 9 ÷ 16 = 56.25% */
  min-height: 100%;
  min-width: 100%;
}

/*youtubeがクリックされないためのマスク*/
#youtube-mask {
  position: absolute;
  z-index: 2;
  /*下から2番目に表示*/
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.2;
}

/*youtube 上のロゴ */
.fv-text {
  display: block;
  position: absolute;
  z-index: 3;
  /*下から3番目に表示*/
  /*天地中央配置*/
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1280px;
  margin: 0 auto;
  /*色指定*/
  color: #fff;
  text-shadow: 0 0 15px #666;
}

.fv-text .fv-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

.fv-text img {
  max-width: 200px;
}

.fv-text h1 {
  font-size: 3.2rem;
  padding: 0 16px;
}

.fv-text p {
  font-size: 1.6rem;
  text-align: left;
  padding: 16px;
}

/*下のコンテンツ*/
.fv__wrapper {
  background-color: #FFF0F0;
  padding: 80px 0;
}

.fv__content {
  max-width: 1280px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.sv {
  width: 100%;
  padding: 0 0 120px;
}

.sv__img-sp {
  display: none;
}

.sv__img-pc {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}

.movie {
  width: 100%;
  background-color: #FFF0F0;
  padding: 80px 0;
}

.movie__title {
  text-align: center;
}

.movie__main {
  width: 90%;
  max-width: 880px;
  margin: 40px auto;
}

.movie__main p {
  margin-left: 16px;
  padding: 8px;
  border-left: solid 2px #ED1C24;
}

.movie__sub {
  width: 70%;
  max-width: 540px;
  margin: 0 auto;
}

.movie__sub p {
  margin-left: 16px;
  padding: 8px;
  border-left: solid 2px #ED1C24;
}

.action {
  width: 100%;
  position: relative;
  margin-top: 120px;
  padding: 120px 0 140px;
}

.action__ttl {
  position: relative;
  z-index: 10;
  text-align: center;
}

.action__ttl-sub {
  font-size: 2.4rem;
  font-weight: 800;
  color: #ED1C24;
  text-shadow: 1px 1px 0 #fff;
}

.action__ttl-txt::after {
  content: "";
  margin: 8px auto;
  display: block;
  width: 240px;
  height: 2px;
  border-radius: 2px;
  background-color: #ED1C24;
}

.action__ttl-lead {
  font-size: 1.6rem;
  font-weight: 600;
  text-shadow: 1px 1px 0 #fff;
}

.action__wrapper {
  max-width: 1300px;
  margin: 0 auto;
}

.action__content {
  padding: 80px 0;
}

.action__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 10;
  padding-bottom: 80px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
}

.action__list-item {
  width: 240px;
}

.action__list-item:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.action__list li {
  margin: 0 5px;
}

.img-1 {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: contain;
  top: 5%;
  left: 65%;
  width: 400px;
  height: auto;
}

.img-h1 {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: contain;
  top: 4%;
  left: 10%;
  width: 200px;
}

.tool {
  width: 100%;
  padding: 120px 0 80px;
  position: relative;
  z-index: 0;
}

.tool__ttl {
  position: relative;
  z-index: 10;
  text-align: center;
}

.tool__ttl-sub {
  font-size: 2.4rem;
  font-weight: 800;
  color: #ED1C24;
  text-shadow: 1px 1px 0 #fff;
}

.tool__ttl-txt::after {
  content: "";
  margin: 8px auto;
  display: block;
  width: 240px;
  height: 2px;
  border-radius: 2px;
  background-color: #ED1C24;
}

.tool__ttl-lead {
  font-size: 1.6rem;
  font-weight: 600;
  text-shadow: 1px 1px 0 #fff;
}

.tool__wrapper {
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

.tool__content {
  padding: 80px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}

.tool__content-text {
  max-width: 120px;
  margin: 0 auto 8px;
  padding: 3px 5px;
  background-color: #EFBF22;
  color: #fff;
}

.tool__content-img {
  width: 200px;
}

.tool__content-img-2 {
  width: 300px;
  padding: 0 0 10px;
  gap: 20px;
}

.tool__content-btn {
  width: 180px;
  margin: 16px auto 16px;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  background-color: #ED1C24;
  -webkit-box-shadow: 1px 1px 6px #707070;
          box-shadow: 1px 1px 6px #707070;
}

.tool__content-btn a {
  color: #fff;
  text-decoration: none;
}

.tool__content-btn:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.img-2 {
  content: "";
  display: inline-block;
  position: absolute;
  width: 400px;
  height: auto;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: contain;
  top: 20%;
  left: 8%;
}

.img-h2 {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: contain;
  top: 10%;
  right: 10%;
  width: 200px;
  height: auto;
}

.quiz {
  width: 100%;
  position: relative;
  padding: 120px 0;
}

.quiz__wrapper {
  max-width: 1000px;
  margin: 0 auto;
  padding: 60px 120px 80px;
  background-color: #FFF0F0;
  border: solid 5px #ED1C24;
  border-radius: 50px;
}

.quiz__ttl {
  max-width: 700px;
  margin: 0 auto;
  padding: 5px;
  text-align: center;
  background-color: #ED1C24;
  color: #fff;
  text-shadow: none;
}

.quiz .ttl-red {
  font-size: 3.2rem;
  color: #ED1C24;
}

.quiz__content {
  padding: 40px 0;
  text-align: center;
}

.quiz__content-text {
  font-size: 1.6rem;
  font-weight: 600;
}

.quiz__content-ttl {
  color: #333;
}

.quiz__content-ttl h4 {
  padding-top: 40px;
  text-align: center;
  font-size: 2.4rem;
  color: #333;
}

.quiz__content-ttl .red {
  margin-right: 16px;
  font-size: 3.2rem;
  color: #ED1C24;
}

.answer {
  padding: 16px 32px;
  text-align: center;
  color: #333;
}

.correct-answer {
  max-width: 750px;
  margin: 0 auto;
  padding: 8px 32px;
}

.commentary {
  max-width: 750px;
  margin: 0 auto;
  font-size: 1.6rem;
  padding: 8px 32px;
}

.quiz__btn-next {
  max-width: 600px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.quiz__btn-next button {
  margin: 40px auto;
  padding: 5px 40px;
  font-size: 1.8rem;
  background-color: #fff;
  border: solid 5px #ED1C24;
  border-radius: 35px;
  -webkit-box-shadow: 1px 1px 6px #707070;
          box-shadow: 1px 1px 6px #707070;
  text-align: center;
  cursor: pointer;
}

.quiz__btn-next button:hover {
  background-color: #ED1C24;
  color: #fff;
}

.quiz__btn {
  padding: 40px 0;
}

.quiz__btn div {
  max-width: 500px;
  margin: 40px auto;
  padding: 6px 40px;
  font-size: 3.2rem;
  background-color: #fff;
  border: solid 5px #ED1C24;
  border-radius: 35px;
  -webkit-box-shadow: 1px 1px 6px #707070;
          box-shadow: 1px 1px 6px #707070;
  text-align: center;
}

.quiz__btn button {
  cursor: pointer;
  border: none;
  background-color: #fff;
  color: #333;
}

.quiz__btn div:hover {
  background-color: #ED1C24;
}

.quiz__btn div:hover button {
  color: #fff;
  background-color: #ED1C24;
}

.quiz__btn-2 {
  max-width: 710px;
  margin: 0 auto;
  padding: 24px 0;
}

.quiz__btn-2 div {
  max-width: 300px;
  margin: 24px auto;
  padding: 6px 12px;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  background-color: #fff;
  border: solid 5px #ED1C24;
  border-radius: 35px;
  -webkit-box-shadow: 1px 1px 6px #707070;
          box-shadow: 1px 1px 6px #707070;
  text-align: center;
}

.quiz__btn-2 div a {
  color: #333;
  text-decoration: none;
}

.quiz__btn-2 .back {
  color: #333;
}

.quiz__content-e1 {
  display: none;
}

.quiz__content-item-a {
  display: none;
}

.img-3 {
  content: "";
  display: inline-block;
  position: absolute;
  width: 200px;
  height: auto;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: contain;
  top: 63%;
  left: 14%;
}

.img-4 {
  content: "";
  display: inline-block;
  position: absolute;
  width: 300px;
  height: auto;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: contain;
  top: 55%;
  right: 14%;
}

.img-h3 {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  left: 5%;
  width: 200px;
  height: auto;
}

.senryu {
  width: 100%;
  padding: 120px 0;
}

.senryu__ttl {
  text-align: center;
}

.senryu__ttl-sub {
  font-size: 2.4rem;
  font-weight: 800;
  color: #ED1C24;
  text-shadow: 1px 1px 0 #fff;
}

.senryu__ttl-txt::after {
  content: "";
  margin: 8px auto;
  display: block;
  width: 240px;
  height: 2px;
  border-radius: 2px;
  background-color: #ED1C24;
}

.senryu__ttl-lead {
  font-size: 1.6rem;
  font-weight: 600;
  text-shadow: 1px 1px 0 #fff;
}

.senryu__ttl-lead .pc-none {
  display: none;
}

.senryu__link {
  max-width: 640px;
  margin: 0 auto;
  padding: 80px 40px;
}

.senryu__link a {
  text-decoration: none;
  color: #333;
}

.senryu__slider {
  padding: 40px 40px 56px;
  background-color: #FFF0F0;
}

.senryu__slider h5 {
  text-align: center;
}

.senryu__slider-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px;
  gap: 24px;
}

.senryu__slider-item {
  width: calc(100%/4);
  list-style: none;
}

.senryu__slider-item span {
  display: block;
  text-align: right;
  color: #333;
}

.senryu__slider-item span button {
  cursor: pointer;
  border: none;
  background-color: none;
}

.senryu__content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px;
}

.senryu__content-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.senryu__content-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.senryu__content-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.senryu__content-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.senryu__content-l {
  width: 100%;
  padding: 20px;
}

.senryu__content-l img {
  padding: 100px 0;
}

.senryu__content-person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 24px;
}

.senryu__content-person img {
  width: 120px;
  height: 120px;
}

.senryu__content-person p {
  padding-left: 40px;
}

.senryu__content-r {
  width: 100%;
  padding: 20px;
}

@media (max-width: 1199px) {
  .senryu .senryu__slider-content {
    display: none;
  }
}

.senryu__flow {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px;
}

.senryu__flow h5 {
  margin-bottom: 24px;
  text-align: center;
}

.senryu__flow .step {
  color: #ED1C24;
  font-size: 1.8rem;
}

.senryu__flow-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
}

.senryu__flow-text {
  margin-left: 40px;
}

.senryu__flow-text p {
  font-size: 1.6rem;
  margin-top: 8px;
}

.campaign {
  width: 100%;
}

.campaign__ttl {
  text-align: center;
}

.campaign__ttl-sub {
  font-size: 2.4rem;
  font-weight: 800;
  color: #ED1C24;
  text-shadow: 1px 1px 0 #fff;
}

.campaign__ttl-txt::after {
  content: "";
  margin: 8px auto;
  display: block;
  width: 240px;
  height: 2px;
  border-radius: 2px;
  background-color: #ED1C24;
}

.campaign__ttl-lead {
  font-size: 1.6rem;
  font-weight: 600;
  text-shadow: 1px 1px 0 #fff;
}

.campaign__slider {
  margin-top: 80px;
  padding: 80px 40px;
  background-color: #FFF0F0;
}

.campaign__slider-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.campaign__slider-item {
  margin: 0 1%;
  list-style: none;
}

.campaign__slider-item p {
  padding-top: 8px;
}

.campaign .pc-none {
  display: none;
}

.campaign__coming_soon {
  max-width: 980px;
  margin: 0 auto;
  padding: 80px 40px;
}

.c-slider {
  /*横幅94%で左右に余白を持たせて中央寄せ*/
  width: 94%;
  margin: 0 auto;
}

.c-slider p {
  padding-top: 24px;
}

.c-slider-img {
  width: 100%;
  height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-slider-img03 {
  background-color: #fff;
}

.c-slider img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
.c-slider .slick-slide {
  margin: 0 10px;
}

/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.slick-prev,
.slick-next {
  position: absolute;
  /*絶対配置にする*/
  top: 42%;
  cursor: pointer;
  /*マウスカーソルを指マークに*/
  outline: none;
  /*クリックをしたら出てくる枠線を消す*/
  border-top: 2px solid #666;
  /*矢印の色*/
  border-right: 2px solid #666;
  /*矢印の色*/
  height: 15px;
  width: 15px;
}

.slick-prev {
  /*戻る矢印の位置と形状*/
  left: -1.5%;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.slick-next {
  /*次へ矢印の位置と形状*/
  right: -1.5%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/
.slick-dots {
  text-align: center;
  margin: 20px 0 0 0;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.slick-dots button {
  color: transparent;
  outline: none;
  width: 8px;
  /*ドットボタンのサイズ*/
  height: 8px;
  /*ドットボタンのサイズ*/
  display: block;
  border-radius: 50%;
  background: #ccc;
  /*ドットボタンの色*/
}

.slick-dots .slick-active button {
  background: #333;
  /*ドットボタンの現在地表示の色*/
}

.sub-movie {
  width: 100%;
  background-color: #FFF0F0;
  margin-top: 120px;
  padding: 80px 0;
}

.sub-movie__title {
  text-align: center;
}

.sub-movie__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 40px 0;
  gap: 24px;
}

@media (max-width: 1199px) {
  .sub-movie__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sub-movie__content-item {
    max-width: 540px;
    width: 80%;
    margin: 0 auto;
  }
}

.history {
  width: 100%;
  padding: 120px 0 0;
}

.history__ttl {
  text-align: center;
}

.history__ttl-sub {
  font-size: 2.4rem;
  font-weight: 800;
  color: #ED1C24;
  text-shadow: 1px 1px 0 #fff;
}

.history__ttl-txt::after {
  content: "";
  margin: 8px auto;
  display: block;
  width: 240px;
  height: 2px;
  border-radius: 2px;
  background-color: #ED1C24;
}

.history__ttl-lead {
  font-size: 1.6rem;
  font-weight: 600;
  text-shadow: 1px 1px 0 #fff;
}

.history__ttl-lead .pc-none {
  display: none;
}

/*アコーディオン全体*/
.accordion-area {
  list-style: none;
  width: 96%;
  max-width: 900px;
  margin: 80px auto;
  background-color: #ED1C24;
}

.accordion-area section {
  border: 1px solid #ccc;
}

/*アコーディオンタイトル*/
.title {
  position: relative;
  /*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: normal;
  padding: 3%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  color: #fff;
}

/*アイコンの＋と×*/
.title::before,
.title::after {
  position: absolute;
  content: '';
  width: 15px;
  height: 2px;
  background-color: #fff;
}

.title::before {
  top: 48%;
  right: 20px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.title::after {
  top: 48%;
  right: 20px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

/*　closeというクラスがついたら形状変化　*/
.title.close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.title.close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.box {
  display: none;
  /*はじめは非表示*/
  background: #FFF0F0;
  padding: 3%;
}

.box img {
  width: 60%;
  max-width: 350px;
  margin: 40px auto 0;
  display: block;
}

.contact {
  width: 100%;
  padding: 40px 0;
}

.contact__img {
  position: relative;
  z-index: 0;
  max-width: 1200px;
  margin: 0 auto;
}

.contact__btn {
  max-width: 400px;
  padding: 30px;
  margin: 0 auto;
  border-radius: 50px;
  background-color: #ED1C24;
  -webkit-box-shadow: 2px 2px 6px #707070, -1px -1px 6px #707070 inset;
          box-shadow: 2px 2px 6px #707070, -1px -1px 6px #707070 inset;
}

.contact__btn p {
  font-size: 2.4rem;
  font-weight: 800;
  text-align: center;
}

.contact__btn p a {
  text-decoration: none;
  color: #fff;
}

.contact__btn:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.contact__link {
  max-width: 350px;
  margin: 120px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contact__link img {
  width: 160px;
}

.contact__link img:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.fadeIn_item.offs,
.offs .fadeIn_item {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}

.fadeIn_item.ons,
.ons .fadeIn_item {
  -webkit-transition: all 1s cubic-bezier(0, 0, 0.13, 0.79);
  transition: all 1s cubic-bezier(0, 0, 0.13, 0.79);
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media (max-width: 1599px) {
  .action {
    padding: 100px 0;
  }
}

@media (max-width: 1199px) {
  .action {
    margin-top: 200px;
  }
  .action__content {
    padding: 150px 0 0;
    display: block;
  }
  .action__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 0;
  }
  .action__list-item {
    width: 350px;
  }
  .action__list-item img {
    margin: 10px auto;
  }
  .img-1 {
    width: 220px;
    top: -4%;
    left: 0;
    right: 0;
    margin: auto;
  }
  .img-h1 {
    top: -5%;
    left: 10%;
    width: 140px;
  }
}

@media (max-width: 1599px) {
  .tool {
    padding: 100px 0 40px;
  }
  .img-2 {
    width: 400px;
    top: -10%;
    left: 8%;
  }
  .img-h2 {
    top: 10%;
    right: 10%;
    width: 140px;
  }
}

@media (max-width: 1199px) {
  .tool__content {
    padding: 140px 0 80px;
  }
  .img-2 {
    width: 220px;
    top: -2%;
    left: 0;
    right: 0;
    margin: auto;
  }
}

@media (max-width: 1599px) {
  .quiz {
    padding: 100px 0;
  }
  .quiz__wrapper {
    padding: 60px 80px 80px;
  }
  .img-3 {
    top: 68%;
    left: 3%;
  }
  .img-4 {
    top: 60%;
    right: 3%;
  }
  .img-h3 {
    top: -10%;
    width: 140px;
  }
}

@media (max-width: 1199px) {
  .quiz {
    max-width: 700px;
    margin: 0 auto;
    padding: 100px 0 180px;
  }
  .img-3 {
    width: 150px;
    top: 75%;
    left: 3%;
  }
  .img-4 {
    width: 220px;
    top: 70%;
    right: 3%;
  }
}

@media (max-width: 1599px) {
  .senryu__link {
    max-width: 640px;
    margin: 0 auto;
  }
  .senryu__content {
    max-width: 800px;
    padding: 16px;
  }
  .senryu__content-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .senryu__content-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .senryu__content-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .senryu__content-4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .senryu__content-l {
    width: 100%;
    padding: 0;
  }
  .senryu__content-l img {
    padding: 0;
  }
  .senryu__content-person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 24px;
  }
  .senryu__content-person img {
    width: 120px;
  }
  .senryu__content-person p {
    padding-left: 40px;
  }
  .senryu__content-r {
    width: 100%;
    padding: 16px 0 0;
  }
}

.senryu .slider {
  display: none;
}

@media (max-width: 1199px) {
  .senryu {
    /*矢印の設定*/
    /*ドットナビゲーションの設定*/
  }
  .senryu .slider {
    display: block;
    position: relative;
    z-index: 1;
    max-width: 600px;
    height: 100%;
    margin: 0 auto;
    padding: 40px 0;
  }
  .senryu .slider span {
    color: #333;
  }
  .senryu .slider span button {
    cursor: pointer;
  }
  .senryu .slider-item {
    width: 100%;
    /*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height: 100%;
    /*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    max-height: 100%;
    background-repeat: no-repeat;
    /*背景画像をリピートしない*/
    background-position: center;
    /*背景画像の位置を中央に*/
    background-size: cover;
    /*背景画像が.slider-item全体を覆い表示*/
    text-align: right;
  }
  .senryu .slick-prev,
  .senryu .slick-next {
    position: absolute;
    z-index: 3;
    top: 42%;
    cursor: pointer;
    /*マウスカーソルを指マークに*/
    outline: none;
    /*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;
    /*矢印の色*/
    border-right: 2px solid #fff;
    /*矢印の色*/
    height: 25px;
    width: 25px;
  }
  .senryu .slick-prev {
    /*戻る矢印の位置と形状*/
    left: 2.5%;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .senryu .slick-next {
    /*次へ矢印の位置と形状*/
    right: 2.5%;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .senryu .slick-dots {
    position: relative;
    z-index: 3;
    text-align: center;
    margin: -80px 0 0 0;
    /*ドットの位置*/
  }
  .senryu .slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 7px;
  }
  .senryu .slick-dots button {
    color: transparent;
    outline: none;
    width: 8px;
    /*ドットボタンのサイズ*/
    height: 8px;
    /*ドットボタンのサイズ*/
    display: block;
    border-radius: 50%;
    background: white;
    /*ドットボタンの色*/
  }
  .senryu .slick-dots .slick-active button {
    background: #333;
    /*ドットボタンの現在地表示の色*/
  }
}

@media (max-width: 735px) {
  .sv {
    padding: 0 0 80px;
  }
  .sv__img-sp {
    display: block;
  }
  .sv__img-pc {
    display: none;
  }
}

@media (max-width: 735px) {
  .action__content {
    padding: 200px 0 0;
  }
  .action__ttl-sub {
    font-size: 1.8rem;
  }
  .action__ttl-lead {
    font-size: 1.4rem;
  }
  .action__list {
    padding: 0 24px;
  }
  .action__list-item {
    width: 280px;
  }
  .action .img-h1 {
    top: 0%;
    left: 10%;
    width: 100px;
  }
}

@media (max-width: 735px) {
  .tool__ttl-sub {
    font-size: 1.8rem;
  }
  .tool__ttl-lead {
    font-size: 1.4rem;
  }
  .tool .img-h2 {
    top: 0;
    right: 0;
    width: 100px;
  }
}

@media (max-width: 735px) {
  .tool {
    padding: 80px 0 40px;
  }
  .tool__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 200px 0 0;
  }
  .tool__content-item {
    padding-bottom: 40px;
    margin: 0;
  }
  .tool__content-img {
    width: 150px;
    margin: 0 auto;
  }
  .tool__content-img-2 {
    width: 300px;
    margin: 0 auto;
  }
}

@media (max-width: 735px) {
  .quiz {
    max-width: 350px;
    margin: 0 auto;
    padding: 60px 0 160px;
  }
  .quiz__wrapper {
    padding: 60px 16px;
  }
  .quiz__content {
    padding: 24px 0;
  }
  .quiz__content-text {
    font-size: 1.4rem;
  }
  .quiz__content-ttl {
    color: #333;
  }
  .quiz__content-ttl h4 {
    padding-top: 40px;
    text-align: center;
    font-size: 1.8rem;
    color: #333;
  }
  .quiz__content-ttl .red {
    margin-right: 16px;
    font-size: 2rem;
    color: #ED1C24;
  }
  .quiz .correct-answer {
    padding: 16px 0;
  }
  .quiz .commentary {
    padding: 16px 0;
  }
  .quiz__btn div {
    max-width: 350px;
    padding: 10px 40px;
    font-size: 1.8rem;
  }
  .img-3 {
    top: 75%;
    left: 0;
    width: 130px;
  }
  .img-4 {
    top: 70%;
    right: 0;
    width: 180px;
  }
  .img-h3 {
    top: -10%;
    width: 100px;
  }
  .quiz__btn-next {
    max-width: 450px;
  }
  .quiz__btn-next button {
    margin: 40px auto 120px;
    padding: 3px 15px;
    font-size: 1.4rem;
    background-color: #fff;
    border: solid 5px #ED1C24;
    border-radius: 35px;
    -webkit-box-shadow: 1px 1px 6px #707070;
            box-shadow: 1px 1px 6px #707070;
    text-align: center;
  }
  .quiz__btn-2 div {
    max-width: 350px;
    margin-bottom: 120px;
    padding: 10px 24px;
    font-size: 1.6rem;
  }
  .quiz__btn-2 div a {
    color: #333;
    text-decoration: none;
  }
}

@media (max-width: 735px) {
  .senryu__ttl-sub {
    font-size: 1.8rem;
  }
  .senryu__ttl-lead {
    font-size: 1.4rem;
  }
  .senryu__link {
    padding: 40px;
  }
  .senryu__flow-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .senryu__flow-text {
    margin-top: 24px;
    margin-left: 0;
  }
}

@media (max-width: 735px) {
  .campaign__ttl-sub {
    font-size: 1.8rem;
  }
  .campaign__ttl-lead {
    font-size: 1.4rem;
  }
  .campaign .pc-none {
    display: block;
  }
}

@media (max-width: 735px) {
  .contact {
    padding: 0;
  }
  .contact__btn {
    max-width: 280px;
    padding: 16px;
    margin: 0 auto;
    border-radius: 50px;
    background-color: #ED1C24;
    -webkit-box-shadow: 2px 2px 6px #707070, -1px -1px 6px #707070 inset;
            box-shadow: 2px 2px 6px #707070, -1px -1px 6px #707070 inset;
  }
  .contact__btn p {
    font-size: 1.8rem;
    font-weight: 800;
    text-align: center;
  }
  .contact__btn p a {
    text-decoration: none;
    color: #fff;
  }
}

.main {
  background-color: #fff;
}

.main .wrap {
  width: auto;
  margin: 0 auto;
  padding: 0;
}

ul, ol {
  padding-left: 0;
}

button {
  border: none;
  background-color: none;
}

.slick-prev:before {
  content: none;
}

.slick-next:before {
  content: none;
}

.slick-dots li button::before {
  content: none !important;
}
/*# sourceMappingURL=style.css.map */