@charset "UTF-8";
/*! index/css/index.css */
.kv {
  background: #f7e9c7; }
  .kv .inner {
    width: 100%;
    max-width: 1460px;
    height: 1042px;
    margin: 0 auto;
    background: url(/scarlet/index/img/kv.jpg) top center/100% auto no-repeat;
    position: relative; }
    @media only screen and (max-width: 1920px) and (min-width: 769px) {
      .kv .inner {
        width: 76.05%;
        height: auto;
        padding-top: 54.27083333333333%; } }
    @media only screen and (max-width: 768px) {
      .kv .inner {
        width: 100%;
        height: auto;
        margin: 0 auto;
        background: none; } }
    .kv .inner .title {
      width: 100%;
      margin: 0 auto;
      padding: 0;
      position: absolute;
      left: 0;
      bottom: 0; }
      .kv .inner .title .logo {
        max-width: 710px;
        margin: 0 auto;
        padding: 0 0 15px; }
        @media only screen and (max-width: 1920px) and (min-width: 769px) {
          .kv .inner .title .logo {
            width: 48.64%;
            padding: 0 0 1.03%; } }
        @media only screen and (max-width: 768px) {
          .kv .inner .title .logo {
            width: 70%;
            max-width: 525px;
            padding: 0 0 4%; } }

@media only screen and (max-width: 768px) {
  .menu-box {
    background: #fdfcf0; }
  .menu-box .index-menu ul.index-list {
    width: 100%;
    margin: 0;
    padding: 4% 0 0;
    text-align: center; }
  .menu-box .index-menu ul.index-list li {
    display: inline-block;
    margin: 0 0.5% 2.5%;
    width: 30.67%; }
  .menu-box .index-menu ul.index-list li > a,
  .menu-box .index-menu ul.index-list li > span {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative; }
    .menu-box .index-menu ul.index-list li > a:after,
    .menu-box .index-menu ul.index-list li > span:after {
      content: '';
      width: 17.4%;
      max-width: 40px;
      padding-top: 18%;
      position: absolute;
      left: 50%;
      bottom: 18%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
    .menu-box .index-menu ul.index-list li > a.arrow01:after,
    .menu-box .index-menu ul.index-list li > span.arrow01:after {
      background: url(/scarlet/common/img/menu_btn_arrow01.svg) 0 0/100% no-repeat; }
    .menu-box .index-menu ul.index-list li > a.arrow02:after,
    .menu-box .index-menu ul.index-list li > span.arrow02:after {
      background: url(/scarlet/common/img/menu_btn_arrow02.svg) 0 0/100% no-repeat; }
  .menu-box .index-menu ul li a i,
  .menu-box .index-menu ul li span i {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 5.87vw;
    color: #e72422;
    text-align: center;
    font-style: normal;
    font-family: '黎ミンY40 H','ＭＳ Ｐ明朝';
    position: absolute;
    top: 20%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .menu-box .index-menu .index-list li.no-link {
    opacity: .2; }
    .menu-box .index-menu .index-list li.no-link > a {
      pointer-events: none; }
      .menu-box .index-menu .index-list li.no-link > a i {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .menu-box .index-menu .index-list li.no-link > a:after {
        background: none !important; } }

.contents section .inner {
  width: 100%;
  max-width: 1060px;
  margin: 0 auto; }
  .contents section .inner .ttl {
    width: 100%;
    margin: 0 auto;
    position: relative; }
    .contents section .inner .ttl b {
      display: inline-block;
      width: 100%;
      margin: 0 auto;
      padding: 0;
      font-size: 45px;
      text-align: center;
      line-height: .6;
      word-spacing: 10px;
      font-family: '黎ミンY30 EB','ＭＳ Ｐ明朝';
      position: absolute;
      top: 40%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      @media only screen and (max-width: 1060px) {
        .contents section .inner .ttl b {
          font-size: 4.25vw;
          word-spacing: 0.95vw; } }
      @media only screen and (max-width: 768px) {
        .contents section .inner .ttl b {
          font-size: 8.27vw;
          word-spacing: 1.07vw;
          line-height: .8; } }
      .contents section .inner .ttl b i {
        font-size: 14px;
        font-style: normal;
        word-spacing: 3px; }
        @media only screen and (max-width: 1060px) {
          .contents section .inner .ttl b i {
            font-size: 1.33vw;
            word-spacing: 0.29vw; } }
        @media only screen and (max-width: 768px) {
          .contents section .inner .ttl b i {
            font-size: 3.2vw;
            word-spacing: 0vw; } }

.contents .next {
  margin: 0 auto;
  padding: 0;
  background: #fdfcf0; }
  .contents .next .inner {
    width: 84.91%;
    max-width: 900px;
    padding: 60px 0; }
    @media only screen and (max-width: 1060px) {
      .contents .next .inner {
        padding: 5.67% 0; } }
    @media only screen and (max-width: 768px) {
      .contents .next .inner {
        width: 88%;
        max-width: 660px;
        padding: 10.67% 0; } }
    .contents .next .inner .ttl {
      margin: 0 auto 4%;
      padding-top: 11.22222222222222%;
      background: url(/scarlet/index/img/next_ttl.png) top center/100% auto no-repeat; }
      .contents .next .inner .ttl b {
        color: #e72422; }
      @media only screen and (max-width: 768px) {
        .contents .next .inner .ttl {
          margin: 0 auto 4%;
          padding-top: 17.80821917808219%;
          background: url(/scarlet/index/img/next_ttl_sp.png) top center/100% auto no-repeat; } }
    .contents .next .inner .video {
      width: 100%;
      margin: 0 auto;
      padding-top: 56.66666666666667%;
      background: url(/scarlet/index/img/next_video_bg.jpg) top center/100% auto no-repeat;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .contents .next .inner .video {
          padding-top: 57.12121212121212%;
          background: url(/scarlet/index/img/next_video_bg_sp.jpg) top center/100% auto no-repeat; } }
      .contents .next .inner .video .video_frame {
        width: 99.12%;
        height: 98.44%;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
        @media only screen and (max-width: 768px) {
          .contents .next .inner .video .video_frame {
            width: 98.49%;
            height: 95.76%;
            top: 49.25%; } }
        .contents .next .inner .video .video_frame:after {
          content: '';
          width: 40%;
          height: auto;
          padding-top: 11.7%;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          background: url(/scarlet/common/img/logo_scarlet.svg) top center/100% auto no-repeat;
          z-index: 0;
          opacity: .8; }
        .contents .next .inner .video .video_frame iframe {
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          position: relative;
          z-index: 1; }
    .contents .next .inner .sub-title {
      margin: 2% auto 0;
      padding: 0 2.6%; }
      @media only screen and (max-width: 768px) {
        .contents .next .inner .sub-title {
          margin: 3% auto 0;
          padding: 0; } }
      .contents .next .inner .sub-title dt {
        display: inline-block;
        width: 100%;
        max-width: 99px;
        height: 99px;
        vertical-align: top;
        background: url(/scarlet/index/img/next_week_bg.png) top center/100% auto no-repeat;
        position: relative; }
        @media only screen and (max-width: 768px) {
          .contents .next .inner .sub-title dt {
            width: 18.27%;
            max-width: 137px;
            height: auto;
            padding-top: 19%;
            background: url(/scarlet/index/img/next_week_bg_sp.png) top center/100% auto no-repeat; } }
        .contents .next .inner .sub-title dt span {
          display: inline-block;
          width: 100%;
          text-align: center;
          position: absolute;
          top: 60%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
          @media only screen and (max-width: 768px) {
            .contents .next .inner .sub-title dt span {
              top: 56%; } }
          .contents .next .inner .sub-title dt span i {
            font-size: 24px;
            color: #fff;
            font-weight: bold;
            font-style: normal;
            font-family: '黎ミンY30 EB','ＭＳ Ｐ明朝'; }
            @media only screen and (max-width: 768px) {
              .contents .next .inner .sub-title dt span i {
                font-size: 4.27vw; } }
          .contents .next .inner .sub-title dt span u {
            font-size: 34px;
            color: #fff;
            font-weight: bold;
            text-decoration: none;
            font-family: '黎ミンY30 EB','ＭＳ Ｐ明朝'; }
            @media only screen and (max-width: 768px) {
              .contents .next .inner .sub-title dt span u {
                font-size: 5.6vw; } }
      .contents .next .inner .sub-title dd {
        display: inline-block;
        max-width: 704px;
        margin: 0;
        padding: 1% 0 0 1%;
        font-size: 20px;
        color: #713a00;
        font-family: 'ゴシックMB101 H', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        line-height: 1.4; }
        .contents .next .inner .sub-title dd b {
          display: block;
          font-size: 40px; }
          @media only screen and (max-width: 768px) {
            .contents .next .inner .sub-title dd b {
              font-size: 6.67vw; } }
        @media only screen and (max-width: 1024px) {
          .contents .next .inner .sub-title dd {
            max-width: 500px; } }
        @media only screen and (max-width: 768px) {
          .contents .next .inner .sub-title dd {
            max-width: 80%;
            padding: 1% 0 0 .3%;
            font-size: 4vw;
            letter-spacing: -.5px; } }
    .contents .next .inner .description {
      margin: 2% auto 4%;
      padding: 0 2.6%;
      font-size: 18px;
      color: #713a00;
      line-height: 1.6; }
      @media only screen and (max-width: 768px) {
        .contents .next .inner .description {
          padding: 0 1.34%;
          font-size: 4.27vw; } }
    .contents .next .inner .outline {
      margin: 6% auto 0;
      padding: 0; }
      @media only screen and (max-width: 768px) {
        .contents .next .inner .outline {
          margin: 8% auto 0; } }
      .contents .next .inner .outline li.head {
        max-width: 842px;
        margin: 0 auto;
        text-align: center;
        border-radius: 20px;
        border: #e72421 solid 4px;
        background: #fff;
        -webkit-box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.2);
                box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        cursor: pointer;
        position: relative;
        z-index: 2;
        overflow: hidden;
        -webkit-transition: opacity .2s,border-radius .2s;
        transition: opacity .2s,border-radius .2s; }
        @media only screen and (max-width: 768px) {
          .contents .next .inner .outline li.head {
            max-width: 700px;
            border-radius: 2.67vw;
            border: #e72421 solid 0.67vw;
            -webkit-box-shadow: 0px 1.07vw 0px 0px rgba(0, 0, 0, 0.2);
                    box-shadow: 0px 1.07vw 0px 0px rgba(0, 0, 0, 0.2); } }
        .contents .next .inner .outline li.head.show {
          border-radius: 20px 20px 0 0; }
          @media only screen and (max-width: 768px) {
            .contents .next .inner .outline li.head.show {
              border-radius: 2.67vw 2.67vw 0 0; } }
        .contents .next .inner .outline li.head img {
          width: 7.72%;
          max-width: 65px;
          margin-right: 10px;
          padding: 10px 0;
          vertical-align: middle; }
          @media only screen and (max-width: 768px) {
            .contents .next .inner .outline li.head img {
              width: 14.01%;
              max-width: 98px;
              margin-right: 0;
              padding: 3%; } }
        .contents .next .inner .outline li.head i {
          font-size: 32px;
          color: #e72422;
          font-style: normal;
          font-family: '黎ミンY40 H','ＭＳ Ｐ明朝';
          vertical-align: middle;
          letter-spacing: 6px; }
          @media only screen and (max-width: 768px) {
            .contents .next .inner .outline li.head i {
              font-size: 6vw;
              letter-spacing: 0.8vw; } }
        @media only screen and (min-width: 769px) {
          .contents .next .inner .outline li.head:hover ~ li.open {
            opacity: .8; }
            .contents .next .inner .outline li.head:hover ~ li.open:before {
              bottom: -80%; }
            .contents .next .inner .outline li.head:hover ~ li.open:after {
              bottom: -115%; } }
      .contents .next .inner .outline li.cont {
        max-width: 842px;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 1;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        @media only screen and (max-width: 768px) {
          .contents .next .inner .outline li.cont {
            max-width: 700px; } }
      .contents .next .inner .outline li:nth-of-type(2) {
        display: none;
        margin: -3% auto 0;
        padding: 6% 13.775% 4%;
        border-left: #e72421 solid 4px;
        border-right: #e72421 solid 4px;
        background: #fff; }
        @media only screen and (max-width: 768px) {
          .contents .next .inner .outline li:nth-of-type(2) {
            padding: 6% 3.57% 8%;
            border-left: #e72421 solid 0.67vw;
            border-right: #e72421 solid 0.67vw; } }
        .contents .next .inner .outline li:nth-of-type(2) .outline-ttl {
          margin: 0 auto 4%;
          text-align: center; }
          @media only screen and (max-width: 768px) {
            .contents .next .inner .outline li:nth-of-type(2) .outline-ttl {
              margin: 0 auto 3%; } }
          .contents .next .inner .outline li:nth-of-type(2) .outline-ttl i {
            font-size: 40px;
            color: #e72422;
            font-style: normal;
            font-family: '黎ミンY40 H','ＭＳ Ｐ明朝';
            letter-spacing: 6px; }
            @media only screen and (max-width: 768px) {
              .contents .next .inner .outline li:nth-of-type(2) .outline-ttl i {
                font-size: 7.74vw; } }
        .contents .next .inner .outline li:nth-of-type(2) .outline-des {
          margin: 0 auto 4%;
          padding: 0;
          font-size: 18px;
          color: #713a00;
          text-align: center;
          line-height: 1.6;
          letter-spacing: -1px; }
          @media only screen and (max-width: 768px) {
            .contents .next .inner .outline li:nth-of-type(2) .outline-des {
              padding: 0 1.34%;
              text-align: left;
              font-size: 4.27vw; } }
        .contents .next .inner .outline li:nth-of-type(2) .video {
          padding-top: 56.72131147540984%;
          background: url(/scarlet/index/img/next_outline_video_bg.jpg) top center/100% auto no-repeat; }
          @media only screen and (max-width: 768px) {
            .contents .next .inner .outline li:nth-of-type(2) .video {
              padding-top: 56.15384615384615%;
              background: url(/scarlet/index/img/next_outline_video_bg_sp.jpg) top center/100% auto no-repeat; } }
          .contents .next .inner .outline li:nth-of-type(2) .video .video_frame {
            width: 99.02%;
            height: 98.27%;
            left: 50.1%; }
            @media only screen and (max-width: 768px) {
              .contents .next .inner .outline li:nth-of-type(2) .video .video_frame {
                width: 98.47%;
                height: 97.27%;
                top: 50%; } }
        .contents .next .inner .outline li:nth-of-type(2) .sub-title {
          margin: 3% auto; }
          @media only screen and (max-width: 768px) {
            .contents .next .inner .outline li:nth-of-type(2) .sub-title {
              margin: 3% auto 0; } }
          .contents .next .inner .outline li:nth-of-type(2) .sub-title dt span i {
            font-size: 24px; }
            @media only screen and (max-width: 768px) {
              .contents .next .inner .outline li:nth-of-type(2) .sub-title dt span i {
                font-size: 4vw; } }
          .contents .next .inner .outline li:nth-of-type(2) .sub-title dt span u {
            font-size: 34px; }
            @media only screen and (max-width: 768px) {
              .contents .next .inner .outline li:nth-of-type(2) .sub-title dt span u {
                font-size: 5.07vw;
                letter-spacing: -.2vw; } }
          .contents .next .inner .outline li:nth-of-type(2) .sub-title dd {
            width: 100%;
            max-width: 450px;
            font-size: 20px;
            line-height: 1.4; }
            .contents .next .inner .outline li:nth-of-type(2) .sub-title dd b {
              font-size: 40px; }
              @media only screen and (max-width: 768px) {
                .contents .next .inner .outline li:nth-of-type(2) .sub-title dd b {
                  font-size: 6.67vw; } }
            @media only screen and (max-width: 1024px) {
              .contents .next .inner .outline li:nth-of-type(2) .sub-title dd {
                max-width: 326px; } }
            @media only screen and (max-width: 768px) {
              .contents .next .inner .outline li:nth-of-type(2) .sub-title dd {
                max-width: 80%;
                padding: 1% 0 0 .3%;
                font-size: 3.74vw;
                letter-spacing: -.5px; } }
        .contents .next .inner .outline li:nth-of-type(2) .description {
          margin: 0 auto 4%;
          font-size: 18px; }
          @media only screen and (max-width: 768px) {
            .contents .next .inner .outline li:nth-of-type(2) .description {
              padding: 0 2%;
              font-size: 4.27vw; } }
        .contents .next .inner .outline li:nth-of-type(2) .btn.b_ondemand {
          max-width: 610px; }
          .contents .next .inner .outline li:nth-of-type(2) .btn.b_ondemand a:before {
            width: 1.48%;
            padding: 2.5% 0;
            right: 1%; }
          .contents .next .inner .outline li:nth-of-type(2) .btn.b_ondemand a:after {
            width: 16.4%;
            padding: 6% 0;
            background: #e72422;
            right: -11.5%; }
          @media only screen and (max-width: 768px) {
            .contents .next .inner .outline li:nth-of-type(2) .btn.b_ondemand a:before {
              width: 2.43%;
              padding: 2.5% 0;
              right: 1%; }
            .contents .next .inner .outline li:nth-of-type(2) .btn.b_ondemand a:after {
              width: 21.43%;
              padding: 9% 0;
              background: #e72422;
              right: -15%; } }
          .contents .next .inner .outline li:nth-of-type(2) .btn.b_ondemand a .img {
            width: 47.87%;
            margin: 15px 15px 15px 15px;
            border-radius: 20px; }
            @media only screen and (max-width: 768px) {
              .contents .next .inner .outline li:nth-of-type(2) .btn.b_ondemand a .img {
                width: 45.43%;
                margin: 4.29% 0.72% 4.29% 2.86%;
                border-radius: 2.67vw; } }
          .contents .next .inner .outline li:nth-of-type(2) .btn.b_ondemand a .txt {
            width: 37.71%;
            padding: 0 0 0 1%; }
            @media only screen and (max-width: 768px) {
              .contents .next .inner .outline li:nth-of-type(2) .btn.b_ondemand a .txt {
                width: 44.6%;
                padding: 0; } }
            .contents .next .inner .outline li:nth-of-type(2) .btn.b_ondemand a .txt i {
              font-size: 26px;
              line-height: 1.2;
              letter-spacing: 0;
              font-family: 'ゴシックMB101 H', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
              @media only screen and (max-width: 1050px) {
                .contents .next .inner .outline li:nth-of-type(2) .btn.b_ondemand a .txt i {
                  font-size: 2.48vw; } }
              @media only screen and (max-width: 768px) {
                .contents .next .inner .outline li:nth-of-type(2) .btn.b_ondemand a .txt i {
                  font-size: 4vw;
                  line-height: 1.2; } }
            .contents .next .inner .outline li:nth-of-type(2) .btn.b_ondemand a .txt img {
              width: 97.4%;
              margin-top: 5%; }
              @media only screen and (max-width: 768px) {
                .contents .next .inner .outline li:nth-of-type(2) .btn.b_ondemand a .txt img {
                  width: 100%; } }
          @media only screen and (min-width: 769px) {
            .contents .next .inner .outline li:nth-of-type(2) .btn.b_ondemand:hover a:before {
              right: 2%; }
            .contents .next .inner .outline li:nth-of-type(2) .btn.b_ondemand:hover a:after {
              right: -10.5%; } }
        .contents .next .inner .outline li:nth-of-type(2) .btn.outline_more {
          max-width: 610px;
          margin-top: 4%;
          border: #e72421 solid 4px;
          background: #e72421; }
          @media only screen and (max-width: 768px) {
            .contents .next .inner .outline li:nth-of-type(2) .btn.outline_more {
              margin-top: 8%;
              border: #e72421 solid 0.67vw; } }
          .contents .next .inner .outline li:nth-of-type(2) .btn.outline_more a:before {
            width: 1.81%;
            padding: 2.5% 0;
            background: url(/scarlet/common/img/btn_arrow_horizontal_red.svg) center center/100% auto no-repeat;
            right: 1%; }
          .contents .next .inner .outline li:nth-of-type(2) .btn.outline_more a:after {
            width: 16.4%;
            padding: 5% 0;
            background: #fff;
            right: -11.5%; }
          @media only screen and (max-width: 768px) {
            .contents .next .inner .outline li:nth-of-type(2) .btn.outline_more a:before {
              width: 2.43%;
              padding: 2.5% 0;
              right: 1.5%; }
            .contents .next .inner .outline li:nth-of-type(2) .btn.outline_more a:after {
              width: 21.43%;
              padding: 7% 0;
              right: -15%; } }
          .contents .next .inner .outline li:nth-of-type(2) .btn.outline_more a .txt i {
            color: #fff; }
          @media only screen and (min-width: 769px) {
            .contents .next .inner .outline li:nth-of-type(2) .btn.outline_more:hover a:before {
              right: 2%; }
            .contents .next .inner .outline li:nth-of-type(2) .btn.outline_more:hover a:after {
              right: -10.5%; } }
      .contents .next .inner .outline li:nth-of-type(3) {
        margin-top: -1.5%;
        padding-top: 1%;
        background: #e72421;
        border-radius: 0 0 20px 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;
        -webkit-box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.2);
                box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.2);
        position: relative;
        z-index: 0;
        cursor: pointer; }
        @media only screen and (max-width: 768px) {
          .contents .next .inner .outline li:nth-of-type(3) {
            margin-top: -5%;
            padding-top: 5%;
            background: #e72421;
            border-radius: 0 0 2.67vw 2.67vw;
            -webkit-box-shadow: 0px 1.07vw 0px 0px rgba(0, 0, 0, 0.2);
                    box-shadow: 0px 1.07vw 0px 0px rgba(0, 0, 0, 0.2); } }
        @media only screen and (max-width: 720px) {
          .contents .next .inner .outline li:nth-of-type(3) {
            padding-top: 4.5%; } }
        @media only screen and (max-width: 680px) {
          .contents .next .inner .outline li:nth-of-type(3) {
            padding-top: 4%; } }
        @media only screen and (max-width: 640px) {
          .contents .next .inner .outline li:nth-of-type(3) {
            padding-top: 3.5%; } }
        @media only screen and (max-width: 600px) {
          .contents .next .inner .outline li:nth-of-type(3) {
            padding-top: 3%; } }
        @media only screen and (max-width: 560px) {
          .contents .next .inner .outline li:nth-of-type(3) {
            padding-top: 2.5%; } }
        @media only screen and (max-width: 520px) {
          .contents .next .inner .outline li:nth-of-type(3) {
            padding-top: 2%; } }
        @media only screen and (max-width: 480px) {
          .contents .next .inner .outline li:nth-of-type(3) {
            padding-top: 1.5%; } }
        @media only screen and (max-width: 440px) {
          .contents .next .inner .outline li:nth-of-type(3) {
            padding-top: 1%; } }
        @media only screen and (max-width: 400px) {
          .contents .next .inner .outline li:nth-of-type(3) {
            padding-top: 0; } }
        @media only screen and (max-width: 360px) {
          .contents .next .inner .outline li:nth-of-type(3) {
            padding-top: 0;
            margin-top: -6%; } }
        @media only screen and (max-width: 320px) {
          .contents .next .inner .outline li:nth-of-type(3) {
            padding-top: 0;
            margin-top: -7%; } }
        .contents .next .inner .outline li:nth-of-type(3):before {
          content: '';
          width: 2.97%;
          padding: 1% 0;
          background: url(/scarlet/common/img/btn_arrow_vertical.svg) center center/100% auto no-repeat;
          position: absolute;
          left: 50%;
          bottom: -65%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          -webkit-transition: bottom .2s,-webkit-transform .2s;
          transition: bottom .2s,-webkit-transform .2s;
          transition: bottom .2s,transform .2s;
          transition: bottom .2s,transform .2s,-webkit-transform .2s;
          z-index: 2; }
          @media only screen and (max-width: 768px) {
            .contents .next .inner .outline li:nth-of-type(3):before {
              width: 5.15%;
              padding: 1.5% 0;
              bottom: -65%; } }
        .contents .next .inner .outline li:nth-of-type(3):after {
          content: '';
          width: 9.98%;
          padding: 6% 0;
          border-radius: 50px;
          background: #e72421;
          position: absolute;
          left: 50%;
          bottom: -100%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          -webkit-transition: bottom .2s;
          transition: bottom .2s;
          z-index: 1; }
          @media only screen and (max-width: 768px) {
            .contents .next .inner .outline li:nth-of-type(3):after {
              width: 17.15%;
              padding: 9% 0;
              bottom: -100%; } }
        @media only screen and (min-width: 769px) {
          .contents .next .inner .outline li:nth-of-type(3):hover {
            opacity: .8; }
            .contents .next .inner .outline li:nth-of-type(3):hover:before {
              bottom: -80%; }
            .contents .next .inner .outline li:nth-of-type(3):hover:after {
              bottom: -115%; } }
        .contents .next .inner .outline li:nth-of-type(3).show:before {
          -webkit-transform: translateX(-50%) rotate(180deg);
                  transform: translateX(-50%) rotate(180deg); }
    .contents .next .inner .bnr {
      max-width: 842px;
      margin: 8% auto 0; }
      @media only screen and (max-width: 768px) {
        .contents .next .inner .bnr {
          margin: 12% auto 0; } }
      .contents .next .inner .bnr a {
        position: relative; }
        .contents .next .inner .bnr a img:nth-of-type(1) {
          position: relative;
          z-index: 1;
          -webkit-transition: opacity .2s;
          transition: opacity .2s; }
          @media only screen and (min-width: 769px) {
            .contents .next .inner .bnr a img:nth-of-type(1) {
              display: block; } }
        .contents .next .inner .bnr a img:nth-of-type(2) {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 0; }
          @media only screen and (min-width: 769px) {
            .contents .next .inner .bnr a img:nth-of-type(2) {
              display: block; } }
        .contents .next .inner .bnr a:hover img:nth-of-type(1) {
          opacity: .6; }

.contents .news {
  margin: 0 auto;
  padding: 0;
  background: #fef4e7; }
  .contents .news .inner {
    width: 100%;
    max-width: 1050px;
    padding: 60px 0; }
    @media only screen and (max-width: 1060px) {
      .contents .news .inner {
        padding: 5.72% 0; } }
    @media only screen and (max-width: 768px) {
      .contents .news .inner {
        width: 88%;
        max-width: 660px;
        padding: 10.67% 0; } }
    .contents .news .inner .ttl {
      margin: 0 auto 4%;
      padding-top: 9.047619047619048%;
      background: url(/scarlet/index/img/news_ttl.png) top center/100% auto no-repeat; }
      .contents .news .inner .ttl b {
        color: #fabe00; }
      @media only screen and (max-width: 768px) {
        .contents .news .inner .ttl {
          margin: 0 auto 4%;
          padding-top: 17.96042617960426%;
          background: url(/scarlet/index/img/news_ttl_sp.png) top center/100% auto no-repeat; } }
    .contents .news .inner ol {
      margin: 0 auto 3%; }
      .contents .news .inner ol:after {
        content: "";
        display: block;
        clear: both; }
      .contents .news .inner ol li {
        -webkit-transition: opacity .2s;
        transition: opacity .2s; }
        @media only screen and (min-width: 769px) {
          .contents .news .inner ol li {
            width: 47.62%;
            max-width: 500px;
            float: left; }
            .contents .news .inner ol li:nth-of-type(even) {
              float: right; } }
        .contents .news .inner ol li a {
          display: block;
          padding: 3% 0 0;
          text-decoration: none;
          position: relative;
          overflow: hidden; }
          .contents .news .inner ol li a:before {
            content: '';
            width: 2.2%;
            padding: 2.5% 0;
            background: url(/scarlet/common/img/btn_arrow_horizontal.svg) center center/100% auto no-repeat;
            position: absolute;
            top: 50%;
            right: 1%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            -webkit-transition: right .2s;
            transition: right .2s;
            z-index: 1; }
          .contents .news .inner ol li a:after {
            content: '';
            width: 20%;
            padding: 6.5% 0;
            border-radius: 50px;
            background: #ffc85d;
            position: absolute;
            top: 50%;
            right: -14%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            -webkit-transition: right .2s;
            transition: right .2s;
            z-index: 0; }
          .contents .news .inner ol li a span {
            display: inline-block; }
            .contents .news .inner ol li a span.img {
              width: 32%;
              max-width: 160px;
              margin: 0 3% 0 0;
              vertical-align: top; }
              @media only screen and (max-width: 768px) {
                .contents .news .inner ol li a span.img {
                  width: 37.88%;
                  max-width: 250px;
                  margin: 0 3% 0 0; } }
              .contents .news .inner ol li a span.img u {
                display: block;
                width: 100%;
                margin: 0 auto 4%;
                padding: .5% 0 2.5%;
                font-size: 18px;
                color: #fff;
                font-weight: bold;
                text-align: center;
                text-decoration: none;
                word-spacing: 5px;
                border-radius: 5px;
                position: relative; }
                @media only screen and (max-width: 1050px) {
                  .contents .news .inner ol li a span.img u {
                    font-size: 1.72vw; } }
                @media only screen and (max-width: 768px) {
                  .contents .news .inner ol li a span.img u {
                    margin: 0 auto 4%;
                    font-size: 3.87vw;
                    word-spacing: 0.67vw;
                    border-radius: 0.67vw; } }
                .contents .news .inner ol li a span.img u.program {
                  background: #e72422; }
                .contents .news .inner ol li a span.img u.release {
                  background: #ba9300; }
                .contents .news .inner ol li a span.img u.event {
                  background: #009096; }
                .contents .news .inner ol li a span.img u.info {
                  background: #ef7b41; }
              .contents .news .inner ol li a span.img b {
                display: block;
                border-radius: 10px;
                position: relative;
                overflow: hidden; }
                .contents .news .inner ol li a span.img b.new:before {
                  content: '';
                  width: 28.13%;
                  padding-top: 34%;
                  background: url(/scarlet/index/img/news_new.png) 0 0/100% auto no-repeat;
                  position: absolute;
                  top: 0;
                  left: 0; }
                  @media only screen and (max-width: 768px) {
                    .contents .news .inner ol li a span.img b.new:before {
                      width: 34.4%; } }
            .contents .news .inner ol li a span.txt {
              width: 58%;
              max-width: 290px;
              font-size: 20px;
              color: #713a00;
              font-weight: bold;
              line-height: 1.2;
              vertical-align: top;
              font-family: 'ゴシックMB101 H', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
              @media only screen and (max-width: 1050px) {
                .contents .news .inner ol li a span.txt {
                  font-size: 1.91vw; } }
              @media only screen and (max-width: 768px) {
                .contents .news .inner ol li a span.txt {
                  width: 49.7%;
                  max-width: 328px;
                  font-size: 4.27vw; } }
              .contents .news .inner ol li a span.txt i {
                display: block;
                margin: 0 auto 4%;
                font-size: 16px;
                font-style: normal; }
                @media only screen and (max-width: 1050px) {
                  .contents .news .inner ol li a span.txt i {
                    font-size: 1.53vw; } }
                @media only screen and (max-width: 768px) {
                  .contents .news .inner ol li a span.txt i {
                    font-size: 3.2vw;
                    letter-spacing: -1px; } }
            .contents .news .inner ol li a span.line {
              width: 100%;
              margin: 0 auto;
              padding: 3% 0 0; }
        @media only screen and (min-width: 769px) {
          .contents .news .inner ol li:hover {
            opacity: .8; }
            .contents .news .inner ol li:hover a:before {
              right: 2%; }
            .contents .news .inner ol li:hover a:after {
              right: -13%; } }

.contents .blog {
  margin: 0 auto;
  padding: 0;
  background: #fff5f5; }
  .contents .blog .inner {
    width: 100%;
    max-width: 1050px;
    padding: 60px 0; }
    @media only screen and (max-width: 1050px) {
      .contents .blog .inner {
        padding: 5.72% 0; } }
    @media only screen and (max-width: 768px) {
      .contents .blog .inner {
        width: 88%;
        max-width: 660px;
        padding: 10.67% 0; } }
    .contents .blog .inner .ttl {
      margin: 0 auto 4%;
      padding-top: 9.333333333333333%;
      background: url(/scarlet/index/img/blog_ttl.png) top center/100% auto no-repeat; }
      .contents .blog .inner .ttl b {
        color: #ef7b41; }
      @media only screen and (max-width: 768px) {
        .contents .blog .inner .ttl {
          margin: 0 auto 4%;
          padding-top: 19.06202723146747%;
          background: url(/scarlet/index/img/blog_ttl_sp.png) top center/100% auto no-repeat; } }
    .contents .blog .inner ol {
      margin: 0 auto 6%;
      text-align: center; }
      @media only screen and (min-width: 769px) {
        .contents .blog .inner ol {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      .contents .blog .inner ol li {
        display: inline-block;
        width: 30.48%;
        max-width: 320px;
        border-radius: 10px;
        text-align: left;
        background: #fff;
        -webkit-box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.2);
                box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;
        overflow: hidden;
        /* blog new mark */
        /* &:nth-of-type(1) is true */
        /* //&:nth-of-type(1) is false */ }
        @media only screen and (min-width: 769px) {
          .contents .blog .inner ol li {
            margin-right: 4%; }
            .contents .blog .inner ol li:last-child {
              margin-right: 0; } }
        @media only screen and (max-width: 768px) {
          .contents .blog .inner ol li {
            display: block;
            width: 100%;
            max-width: 660px;
            margin: 6% auto 0;
            border-radius: 2.67vw;
            -webkit-box-shadow: 0px 1.07vw 0px 0px rgba(0, 0, 0, 0.2);
                    box-shadow: 0px 1.07vw 0px 0px rgba(0, 0, 0, 0.2); } }
        .contents .blog .inner ol li a {
          text-decoration: none; }
          .contents .blog .inner ol li a .img {
            position: relative;
            /*
              &.new {
                &:before {
                  content: '';
                  @include w-percentage (58/320);
                  padding-top: 18%;
                  background: url(/scarlet/index/img/news_new.png) 0 0/100% auto no-repeat;
                  position: absolute;
                  top: 0;
                  left: 0;
                  @media only screen and (max-width: 768px) {
                    @include w-percentage (118/660);
                  }
                }
              }
              */ }
          .contents .blog .inner ol li a .txt {
            display: block;
            padding: 15px;
            font-size: 22px;
            line-height: 1.2;
            color: #713a00;
            font-weight: bold;
            vertical-align: top;
            font-family: 'ゴシックMB101 H', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
            @media only screen and (max-width: 768px) {
              .contents .blog .inner ol li a .txt {
                padding: 6%;
                font-size: 5.6vw; } }
            .contents .blog .inner ol li a .txt b {
              display: inline-block;
              margin: 0 0 4%;
              padding: 1% 3% 2% 10%;
              font-size: 14px;
              color: #fff;
              font-weight: bold;
              text-align: right;
              vertical-align: top;
              font-family: 'ゴシックMB101 H', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
              border-radius: 50px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box; }
              @media only screen and (max-width: 768px) {
                .contents .blog .inner ol li a .txt b {
                  margin: 0 0 5%;
                  padding: 1% 3% 1.5% 10.5%;
                  font-size: 3.87vw; } }
              .contents .blog .inner ol li a .txt b.kimiko {
                background: url(/scarlet/index/img/kimichan_icon.svg) 5% center/auto 78.58% no-repeat #e72422; }
              .contents .blog .inner ol li a .txt b.tokushu {
                background: url(/scarlet/index/img/tokushu_icon.svg) 5% center/auto 78.58% no-repeat #009096; }
              .contents .blog .inner ol li a .txt b.uchida {
                background: url(/scarlet/index/img/uchida_icon.svg) 5% center/auto 78.58% no-repeat #ba9300; }
            .contents .blog .inner ol li a .txt i {
              display: block;
              margin: 0 0 3%;
              font-size: 16px;
              font-style: normal; }
              @media only screen and (max-width: 768px) {
                .contents .blog .inner ol li a .txt i {
                  margin: 0 0 4%;
                  font-size: 4.14vw; } }
        @media only screen and (min-width: 769px) {
          .contents .blog .inner ol li:hover {
            opacity: .8; } }
        .contents .blog .inner ol li:nth-of-type(1) a .img:before, .contents .blog .inner ol li:nth-of-type(2) a .img:before, .contents .blog .inner ol li:nth-of-type(3) a .img:before {
          content: '';
          width: 18.13%;
          padding-top: 18%;
          background: url(/scarlet/index/img/news_new.png) 0 0/100% auto no-repeat;
          position: absolute;
          left: 0; }
          @media only screen and (max-width: 768px) {
            .contents .blog .inner ol li:nth-of-type(1) a .img:before, .contents .blog .inner ol li:nth-of-type(2) a .img:before, .contents .blog .inner ol li:nth-of-type(3) a .img:before {
              width: 17.88%; } }

.contents .btm-cont {
  width: 100%;
  position: relative;
  text-align: center; }
  @media only screen and (min-width: 769px) {
    .contents .btm-cont {
      background: -webkit-gradient(linear, left top, right top, from(#f6ffed), color-stop(50%, #f6ffed), color-stop(50%, #fffbd9), to(#fffbd9));
      background: -webkit-linear-gradient(left, #f6ffed 0%, #f6ffed 50%, #fffbd9 50%, #fffbd9 100%);
      background: linear-gradient(90deg, #f6ffed 0%, #f6ffed 50%, #fffbd9 50%, #fffbd9 100%); } }
  .contents .btm-cont section {
    margin: 0 auto;
    padding: 0; }
    @media only screen and (min-width: 769px) {
      .contents .btm-cont section {
        display: inline-block;
        width: 47.62%;
        max-width: 500px;
        vertical-align: top;
        background: none; } }
    .contents .btm-cont section .inner {
      padding: 60px 0; }
      @media only screen and (max-width: 1050px) {
        .contents .btm-cont section .inner {
          padding: 5.72% 0; } }
      @media only screen and (max-width: 768px) {
        .contents .btm-cont section .inner {
          width: 88%;
          max-width: 660px;
          padding: 10.67% 0; } }
      .contents .btm-cont section .inner .ttl {
        padding-top: 17.8%; }
      @media only screen and (min-width: 769px) {
        .contents .btm-cont section .inner ol li {
          height: 390px; } }
      .contents .btm-cont section .inner ol li p {
        margin: 0;
        padding: 0; }
  @media only screen and (min-width: 769px) {
    .contents .btm-cont .gallery {
      margin-right: 10px; } }
  @media only screen and (max-width: 768px) {
    .contents .btm-cont .gallery {
      background: #f6ffed; } }
  .contents .btm-cont .gallery .inner .ttl {
    margin: 0 auto 4%;
    background: url(/scarlet/index/img/gallery_ttl.png) bottom center/100% auto no-repeat; }
    .contents .btm-cont .gallery .inner .ttl b {
      color: #006063; }
    @media only screen and (max-width: 768px) {
      .contents .btm-cont .gallery .inner .ttl {
        margin: 0 auto 4%;
        padding-top: 20.39573820395738%;
        background: url(/scarlet/index/img/gallery_ttl_sp.png) top center/100% auto no-repeat; } }
  .contents .btm-cont .gallery .inner ol {
    margin: 0 auto 6%;
    text-align: center; }
    .contents .btm-cont .gallery .inner ol li {
      display: inline-block;
      width: 100%;
      margin: 3% auto 0;
      border-radius: 10px;
      text-align: left;
      background: #fff;
      -webkit-box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.2);
              box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.2);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-transition: opacity .2s;
      transition: opacity .2s;
      position: relative;
      cursor: pointer;
      overflow: hidden; }
      @media only screen and (max-width: 768px) {
        .contents .btm-cont .gallery .inner ol li {
          display: block;
          width: 100%;
          max-width: 660px;
          margin: 6% auto 0;
          border-radius: 2.67vw;
          -webkit-box-shadow: 0px 1.07vw 0px 0px rgba(0, 0, 0, 0.2);
                  box-shadow: 0px 1.07vw 0px 0px rgba(0, 0, 0, 0.2); } }
      @media only screen and (min-width: 769px) {
        .contents .btm-cont .gallery .inner ol li:hover {
          opacity: .8; } }
      .contents .btm-cont .gallery .inner ol li a {
        text-decoration: none; }
      .contents .btm-cont .gallery .inner ol li u {
        display: block;
        width: 13%;
        margin: 0 auto;
        padding: .5% 0 1%;
        font-size: 14px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        word-spacing: -1px;
        border-radius: 5px;
        position: absolute;
        top: 3.2%;
        right: 2.8%; }
        @media only screen and (max-width: 1050px) {
          .contents .btm-cont .gallery .inner ol li u {
            font-size: 1.34vw;
            word-spacing: -0.09vw; } }
        @media only screen and (max-width: 768px) {
          .contents .btm-cont .gallery .inner ol li u {
            width: 15.84%;
            font-size: 2.94vw;
            word-spacing: -0.4vw;
            border-radius: 0.67vw;
            top: 3.53%;
            right: 4.12%; } }
      .contents .btm-cont .gallery .inner ol li[name="360"] u {
        background: #009096; }
      .contents .btm-cont .gallery .inner ol li[name="video"] u {
        background: #fabe00; }
      .contents .btm-cont .gallery .inner ol li[name="cooking"] u {
        background: #ef7b41; }
      .contents .btm-cont .gallery .inner ol li .img b {
        display: block;
        position: relative;
        vertical-align: middle; }
      .contents .btm-cont .gallery .inner ol li.new .img:before {
        content: '';
        width: 12.5%;
        padding-top: 18%;
        background: url(/scarlet/index/img/news_new.png) 0 0/100% auto no-repeat;
        position: absolute;
        top: 0;
        left: 0; }
        @media only screen and (max-width: 768px) {
          .contents .btm-cont .gallery .inner ol li.new .img:before {
            width: 17.88%; } }
      .contents .btm-cont .gallery .inner ol li .txt {
        display: block;
        padding: 15px;
        font-size: 22px;
        line-height: 1.2;
        color: #713a00;
        font-weight: bold;
        vertical-align: top;
        font-family: 'ゴシックMB101 H', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        @media only screen and (max-width: 768px) {
          .contents .btm-cont .gallery .inner ol li .txt {
            padding: 6%;
            font-size: 5.6vw; } }
        .contents .btm-cont .gallery .inner ol li .txt i {
          display: block;
          margin: 0 0 3%;
          font-size: 16px;
          font-style: normal; }
          @media only screen and (max-width: 768px) {
            .contents .btm-cont .gallery .inner ol li .txt i {
              margin: 0 0 4%;
              font-size: 4.14vw; } }
  @media only screen and (min-width: 769px) {
    .contents .btm-cont .end5 {
      margin-left: 10px; } }
  @media only screen and (max-width: 768px) {
    .contents .btm-cont .end5 {
      background: #fffbd9; } }
  .contents .btm-cont .end5 .inner .ttl {
    margin: 0 auto 4%;
    background: url(/scarlet/index/img/end5_ttl.png) bottom center/100% auto no-repeat; }
    .contents .btm-cont .end5 .inner .ttl b {
      color: #e8441f; }
    @media only screen and (max-width: 768px) {
      .contents .btm-cont .end5 .inner .ttl {
        margin: 0 auto 4%;
        padding-top: 19.02587519025875%;
        background: url(/scarlet/index/img/end5_ttl_sp.png) top center/100% auto no-repeat; }
        .contents .btm-cont .end5 .inner .ttl b {
          word-spacing: 0.14vw; } }
  .contents .btm-cont .end5 .inner ol {
    margin: 0 auto 6%;
    text-align: center; }
    .contents .btm-cont .end5 .inner ol li {
      display: inline-block;
      width: 100%;
      margin: 3% auto 0;
      border-radius: 10px;
      text-align: left;
      background: #fff;
      -webkit-box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.2);
              box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.2);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-transition: opacity .2s;
      transition: opacity .2s;
      overflow: hidden; }
      @media only screen and (max-width: 768px) {
        .contents .btm-cont .end5 .inner ol li {
          display: block;
          width: 100%;
          max-width: 660px;
          margin: 6% auto 0;
          border-radius: 2.67vw;
          -webkit-box-shadow: 0px 1.07vw 0px 0px rgba(0, 0, 0, 0.2);
                  box-shadow: 0px 1.07vw 0px 0px rgba(0, 0, 0, 0.2); } }
      .contents .btm-cont .end5 .inner ol li .img b {
        display: block;
        position: relative;
        vertical-align: middle; }
      .contents .btm-cont .end5 .inner ol li a {
        display: block;
        text-decoration: none;
        -webkit-transition: opacity .2s;
        transition: opacity .2s; }
        @media only screen and (min-width: 769px) {
          .contents .btm-cont .end5 .inner ol li a:hover {
            opacity: .8; } }
      .contents .btm-cont .end5 .inner ol li .txt {
        display: block;
        padding: 15px;
        font-size: 22px;
        line-height: 1.2;
        color: #713a00;
        font-weight: bold;
        vertical-align: top;
        font-family: 'ゴシックMB101 H', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        @media only screen and (max-width: 768px) {
          .contents .btm-cont .end5 .inner ol li .txt {
            padding: 6%;
            font-size: 5.6vw; } }
        .contents .btm-cont .end5 .inner ol li .txt i {
          display: block;
          margin: 0 0 3%;
          font-size: 16px;
          font-style: normal; }
          @media only screen and (max-width: 768px) {
            .contents .btm-cont .end5 .inner ol li .txt i {
              margin: 0 0 4%;
              font-size: 4.14vw; } }
  @media only screen and (min-width: 769px) {
    .contents .btm-cont .end5 .inner .btn-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  @media only screen and (min-width: 769px) {
    .contents .btm-cont .end5 .inner .btn-box .b_end5 a:before {
      width: 3.41%;
      padding: 2.5% 0;
      position: absolute;
      top: auto;
      right: 2%;
      bottom: 6%;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .contents .btm-cont .end5 .inner .btn-box .b_end5 a:after {
      width: 21.28%;
      padding: 8% 0;
      border-radius: 50px;
      top: auto;
      right: -11%;
      bottom: -20%;
      -webkit-transform: translateY(0);
              transform: translateY(0); } }
  .contents .btm-cont .end5 .inner .btn-box .b_end5 a .txt {
    padding: 18px 0; }
    .contents .btm-cont .end5 .inner .btn-box .b_end5 a .txt i {
      font-size: 22px;
      letter-spacing: 0; }
      @media only screen and (max-width: 1050px) {
        .contents .btm-cont .end5 .inner .btn-box .b_end5 a .txt i {
          padding: percentage 0.01714 0;
          font-size: 2.1vw; } }
      @media only screen and (max-width: 768px) {
        .contents .btm-cont .end5 .inner .btn-box .b_end5 a .txt i {
          font-size: 5.34vw;
          letter-spacing: 0.67vw; } }
  @media only screen and (min-width: 769px) {
    .contents .btm-cont .end5 .inner .btn-box .b_end5 {
      width: 47%; } }
  @media only screen and (max-width: 768px) {
    .contents .btm-cont .end5 .inner .btn-box .b_end5:nth-of-type(1) {
      margin: 0 auto 4%; } }
  @media only screen and (min-width: 769px) {
    .contents .btm-cont .end5 .inner .btn-box .b_end5:hover {
      opacity: .8; }
      .contents .btm-cont .end5 .inner .btn-box .b_end5:hover a:before {
        right: 4%; }
      .contents .btm-cont .end5 .inner .btn-box .b_end5:hover a:after {
        right: -9%; } }

/*# sourceMappingURL=index.css.map */