@charset "UTF-8";
@font-face {
  font-family: "bold";
  src: url("https://carrot.itembox.design/item/images/feature/alf/fonts/YuGothB.ttf") format("truetype"); }
@font-face {
  font-family: "mid";
  src: url("https://carrot.itembox.design/item/images/feature/alf/fonts/YuGothM.ttf") format("truetype"); }
@font-face {
  font-family: "italic";
  src: url("https://carrot.itembox.design/item/images/feature/alf/fonts/BodoniModa-Italic.ttf") format("truetype"); }
@font-face {
  font-family: "BodoniModa";
  src: url("https://carrot.itembox.design/item/images/feature/alf/fonts/BodoniModa.ttf") format("truetype"); }
@font-face {
  font-family: "DM";
  src: url("https://carrot.itembox.design/item/images/feature/alf/fonts/DMSerif-Italic.ttf") format("truetype"); }
@font-face {
  font-family: "Dela";
  src: url("https://carrot.itembox.design/item/images/feature/alf/fonts/DelaGothic-Regular.ttf") format("truetype"); }
/*--------------------
共通設定
----------------------*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

a {
  text-decoration: none;
  color: #513B36;
  transition: .4s; }
  a.disabled {
    pointer-events: none;
    text-decoration: none; }
  a:hover, a:visited {
    color: #513B36; }

ul, ol {
  list-style: none; }

.pc {
  display: block; }
  @media screen and (max-width: 1080px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media screen and (max-width: 1080px) {
    .sp {
      display: block; } }

body {
  overflow-x: visible;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  height: -webkit-fill-available;
  min-height: -webkit-fill-available; }

.fs-l-page {
  overflow-x: visible; }

p {
  margin: 0;
  padding: 0; }

.wrapper {
  margin: 0 auto !important; }

main {
  max-width: 100%; }

.mainBox {
  margin: 0 auto !important; }

footer {
  position: relative;
  z-index: 9999; }

.fadeIn {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity .8s,transform 0.8s; }
  .fadeIn.visible {
    opacity: 1;
    transform: translateY(0); }

/*--------------------------------------------*/
/*--------------------------------------------*/
#future {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  height: -webkit-fill-available;
  min-height: -webkit-fill-available; }
  #future.lp_wrapper {
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0;
    letter-spacing: 0;
    color: #513B36;
    font-size: 16px;
    text-align: center;
    font-family: "mid";
    font-weight: 300;
    font-style: normal;
    line-height: 1.5;
    background: #EAE6DC; }
  #future .lp_header {
    overflow-x: hidden;
    border-bottom: 2px solid #513B36;
    padding-top: 2.0em;
    position: fixed;
    width: 100%;
    min-height: 90px;
    z-index: 9999;
    top: 0;
    left: 0;
    background: #EAE6DC; }
    @media screen and (max-width: 1080px) {
      #future .lp_header {
        display: none; } }
    #future .lp_header .swiperLoop_pc {
      margin-bottom: 2.0em; }
      #future .lp_header .swiperLoop_pc .swiper-wrapper {
        transition-timing-function: linear; }
  #future .sidearea {
    position: fixed;
    height: 100vh;
    width: calc((100% - 550px)/2);
    background: #EAE6DC;
    z-index: 1002;
    top: 90px;
    /*boxright*/ }
    @media screen and (max-width: 1080px) {
      #future .sidearea {
        display: none;
        top: 0; } }
    #future .sidearea.boxleft {
      left: 0; }
      #future .sidearea.boxleft .pc_box {
        position: absolute;
        top: calc(60px + 10%);
        left: 50%;
        transform: translateX(-50%);
        width: 80%; }
        @media screen and (max-width: 1950px) {
          #future .sidearea.boxleft .pc_box {
            top: calc(50% - 60px);
            transform: translate(-50%, -50%); } }
    #future .sidearea.boxright {
      right: 0; }
      #future .sidearea.boxright .pcBox {
        width: 70%;
        height: calc(80vh - 60px);
        position: absolute;
        text-align: left;
        top: calc(60px + 10%);
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        /*anchorlink*/ }
        @media screen and (max-width: 1950px) {
          #future .sidearea.boxright .pcBox {
            width: 90%;
            top: calc(50% - 60px);
            transform: translate(-50%, -50%); } }
        #future .sidearea.boxright .pcBox .images img {
          max-width: 400px; }
          @media screen and (max-width: 1950px) {
            #future .sidearea.boxright .pcBox .images img {
              max-width: 190px; } }
        #future .sidearea.boxright .pcBox .anchorlink p {
          color: #513B36;
          font-family: "Dela";
          font-size: 1.0em;
          font-weight: 400;
          margin: 1.0em auto 0.5em; }
          #future .sidearea.boxright .pcBox .anchorlink p.category {
            margin-bottom: 1.0em; }
        #future .sidearea.boxright .pcBox .anchorlink a {
          font-size: 0.9em;
          display: block;
          text-align: left;
          width: fit-content;
          line-height: 1.0;
          margin-bottom: 0.5em;
          position: relative;
          font-family: "Dela";
          color: #513B36;
          font-weight: 400;
          border: 1px solid #513B36;
          border-radius: 0.5em;
          padding: 0.2em 0.5em; }
          #future .sidearea.boxright .pcBox .anchorlink a.view {
            background: #513B36;
            color: #ffffff;
            transition: .5s; }
        #future .sidearea.boxright .pcBox .pc_sns {
          width: fit-content; }
          #future .sidearea.boxright .pcBox .pc_sns .online {
            max-width: 200px;
            display: block; }
          #future .sidearea.boxright .pcBox .pc_sns .sns {
            margin: 2.0em 0 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 65%; }
            #future .sidearea.boxright .pcBox .pc_sns .sns a {
              display: block;
              margin-right: 10%; }
              #future .sidearea.boxright .pcBox .pc_sns .sns a img {
                height: 20px;
                width: auto; }
  #future #box-content {
    position: relative;
    z-index: 1000;
    /* drawer */ }
    #future #box-content #drawer {
      position: relative;
      max-width: 550px;
      top: 90px;
      padding-top: 60px;
      min-height: 100vh;
      margin: 0 auto;
      background: #EAE6DC;
      overflow-x: hidden;
      border-left: 2px solid #513B36;
      border-right: 2px solid #513B36;
      /* //mv */ }
      @media screen and (max-width: 1080px) {
        #future #box-content #drawer {
          margin: 0 auto;
          padding-top: 0;
          top: 0; } }
      @media screen and (max-width: 600px) {
        #future #box-content #drawer {
          max-width: none; } }
      #future #box-content #drawer .top {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 0.2em;
        border-bottom: 2px solid #513B36; }
        @media screen and (max-width: 1080px) {
          #future #box-content #drawer .top {
            padding-top: 60px; } }
        #future #box-content #drawer .top div {
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-bottom: 5px solid #513B36;
          padding-bottom: 0.5em; }
          @media screen and (max-width: 600px) {
            #future #box-content #drawer .top div img:last-child {
              width: 50%; } }
      #future #box-content #drawer .swiperLoop {
        margin: 2.0em auto; }
        @media screen and (max-width: 600px) {
          #future #box-content #drawer .swiperLoop {
            margin: 1.0em auto; } }
        #future #box-content #drawer .swiperLoop .swiper-wrapper {
          transition-timing-function: linear; }
      #future #box-content #drawer .mv {
        width: 90%;
        margin: 0 auto;
        border-bottom: 5px solid #513B36; }
        #future #box-content #drawer .mv .ttl {
          margin: 2.0em auto;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          @media screen and (max-width: 600px) {
            #future #box-content #drawer .mv .ttl {
              margin: 1.5em auto; } }
          #future #box-content #drawer .mv .ttl div {
            padding: 0 1.0em; }
            #future #box-content #drawer .mv .ttl div:first-child {
              padding-left: 0; }
            #future #box-content #drawer .mv .ttl div:nth-child(2) {
              border-left: 1px solid #513B36;
              border-right: 1px solid #513B36; }
            #future #box-content #drawer .mv .ttl div:last-child {
              padding-right: 0; }
        #future #box-content #drawer .mv .kv {
          border: 1px solid #513B36;
          box-sizing: border-box; }
        #future #box-content #drawer .mv .main_txt {
          margin: 5.0em auto 0.2em;
          border-bottom: 2px solid #513B36; }
          @media screen and (max-width: 600px) {
            #future #box-content #drawer .mv .main_txt {
              margin-top: 4.0em; } }
          #future #box-content #drawer .mv .main_txt p {
            font-size: .9em;
            line-height: 2.0;
            margin-bottom: 5.0em;
            font-family: "bold"; }
            @media screen and (max-width: 600px) {
              #future #box-content #drawer .mv .main_txt p {
                font-size: 3.0vw;
                margin-bottom: 4.5em; } }
            #future #box-content #drawer .mv .main_txt p span {
              font-size: 70%; }
      #future #box-content #drawer section {
        display: block;
        margin: 0 auto 2.0em;
        /* //lineup */
        /* itemBox */
        /* lp_footer */ }
        @media screen and (max-width: 600px) {
          #future #box-content #drawer section .swiperLoop {
            margin-top: 2.0em; } }
        #future #box-content #drawer section h3 {
          font-family: "DM";
          font-weight: 400;
          font-size: 2.2em;
          letter-spacing: 0.1em;
          color: #513B36;
          line-height: 1.0;
          margin: 1.5em auto 1.0em; }
          @media screen and (max-width: 600px) {
            #future #box-content #drawer section h3 {
              font-size: 5.4vw; } }
        #future #box-content #drawer section#point {
          width: 90%;
          padding-bottom: 0.2em;
          border-bottom: 5px solid #513B36; }
          #future #box-content #drawer section#point ul {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            flex-wrap: wrap;
            border-bottom: 2px solid #513B36;
            margin: 0;
            padding: 0; }
            #future #box-content #drawer section#point ul li {
              width: calc(100%/2 - 2%);
              margin-bottom: 2.0em; }
              @media screen and (max-width: 600px) {
                #future #box-content #drawer section#point ul li {
                  width: calc(100%/2 - 1.5%); } }
              #future #box-content #drawer section#point ul li img {
                border: 1px solid #513B36; }
              #future #box-content #drawer section#point ul li p {
                font-size: 0.7em;
                margin: 1.0em auto;
                letter-spacing: 0; }
                @media screen and (max-width: 600px) {
                  #future #box-content #drawer section#point ul li p {
                    font-size: 2.7vw; } }
                #future #box-content #drawer section#point ul li p br.sp {
                  display: none; }
                  @media screen and (max-width: 600px) {
                    #future #box-content #drawer section#point ul li p br.sp {
                      display: block; } }
                #future #box-content #drawer section#point ul li p span {
                  font-family: "bold";
                  font-size: 140%; }
                  @media screen and (max-width: 600px) {
                    #future #box-content #drawer section#point ul li p span {
                      font-size: 120%; } }
                  #future #box-content #drawer section#point ul li p span span {
                    font-size: 60%; }
        #future #box-content #drawer section#lineup {
          width: 90%;
          margin: 0 auto 2.0em; }
          #future #box-content #drawer section#lineup .itemList {
            border-top: 1px solid #513B36; }
            #future #box-content #drawer section#lineup .itemList ul {
              display: flex;
              justify-content: center;
              align-items: center;
              padding: 1.0em 0;
              border-bottom: 1px solid #513B36;
              margin: 0; }
              @media screen and (max-width: 600px) {
                #future #box-content #drawer section#lineup .itemList ul {
                  padding: 0.7em 0; } }
              #future #box-content #drawer section#lineup .itemList ul li {
                padding: 0.5em 1.0em;
                border-right: 1px solid #513B36; }
                @media screen and (max-width: 600px) {
                  #future #box-content #drawer section#lineup .itemList ul li {
                    padding: 0.2em 0.5em; } }
                #future #box-content #drawer section#lineup .itemList ul li:last-child {
                  border-right: none; }
                #future #box-content #drawer section#lineup .itemList ul li a {
                  font-family: "bold";
                  font-size: 0.9em;
                  display: block;
                  white-space: nowrap; }
                  @media screen and (max-width: 600px) {
                    #future #box-content #drawer section#lineup .itemList ul li a {
                      font-size: 3.0vw; } }
                  #future #box-content #drawer section#lineup .itemList ul li a:hover {
                    text-decoration: underline; }
          #future #box-content #drawer section#lineup .itemimg {
            border-bottom: 1px solid #513B36; }
            #future #box-content #drawer section#lineup .itemimg div {
              display: flex;
              justify-content: space-between;
              align-items: flex-end;
              margin: 2.0em auto;
              width: 90%; }
              @media screen and (max-width: 600px) {
                #future #box-content #drawer section#lineup .itemimg div {
                  width: 95%; } }
              #future #box-content #drawer section#lineup .itemimg div a {
                transition: transform 1s; }
                #future #box-content #drawer section#lineup .itemimg div a img {
                  transform: scale(1); }
                #future #box-content #drawer section#lineup .itemimg div a:hover {
                  transform: scale(1.1); }
        #future #box-content #drawer section.itemBox {
          padding-top: 90px;
          margin-top: calc(-90px - 2.0em); }
          @media screen and (max-width: 1080px) {
            #future #box-content #drawer section.itemBox {
              padding-top: 0;
              margin-top: 0; } }
          #future #box-content #drawer section.itemBox .ttlbox {
            width: 90%;
            margin: 2.0em auto;
            border-top: 1px solid #513B36;
            position: relative; }
            #future #box-content #drawer section.itemBox .ttlbox::after {
              content: "";
              position: absolute;
              top: 0.2em;
              left: 0;
              width: 100%;
              height: 1px;
              background: #513B36; }
            #future #box-content #drawer section.itemBox .ttlbox img {
              display: block;
              padding: 2.0em 1.0em 0; }
              @media screen and (max-width: 600px) {
                #future #box-content #drawer section.itemBox .ttlbox img {
                  width: auto;
                  height: 70px; } }
          #future #box-content #drawer section.itemBox .swiper_kv {
            position: relative; }
            #future #box-content #drawer section.itemBox .swiper_kv .swiper-button-prev, #future #box-content #drawer section.itemBox .swiper_kv .swiper-button-next {
              height: 50px;
              width: 70px; }
              @media screen and (max-width: 600px) {
                #future #box-content #drawer section.itemBox .swiper_kv .swiper-button-prev, #future #box-content #drawer section.itemBox .swiper_kv .swiper-button-next {
                  width: 40px;
                  height: 28px; } }
              #future #box-content #drawer section.itemBox .swiper_kv .swiper-button-prev::after, #future #box-content #drawer section.itemBox .swiper_kv .swiper-button-next::after {
                background-repeat: no-repeat;
                background-size: contain;
                content: "";
                bottom: 0;
                height: 50px;
                margin: auto;
                position: absolute;
                top: 0;
                width: 70px; }
                @media screen and (max-width: 600px) {
                  #future #box-content #drawer section.itemBox .swiper_kv .swiper-button-prev::after, #future #box-content #drawer section.itemBox .swiper_kv .swiper-button-next::after {
                    width: 40px;
                    height: 28px; } }
            #future #box-content #drawer section.itemBox .swiper_kv .swiper-button-prev {
              left: 45px; }
              @media screen and (max-width: 600px) {
                #future #box-content #drawer section.itemBox .swiper_kv .swiper-button-prev {
                  left: 50px; } }
              #future #box-content #drawer section.itemBox .swiper_kv .swiper-button-prev::after {
                background-image: url("https://carrot.itembox.design/item/images/feature/alf/images/SVG/back.svg"); }
            #future #box-content #drawer section.itemBox .swiper_kv .swiper-button-next {
              right: 45px; }
              @media screen and (max-width: 600px) {
                #future #box-content #drawer section.itemBox .swiper_kv .swiper-button-next {
                  right: 50px; } }
              #future #box-content #drawer section.itemBox .swiper_kv .swiper-button-next::after {
                background-image: url("https://carrot.itembox.design/item/images/feature/alf/images/SVG/after.svg"); }
            #future #box-content #drawer section.itemBox .swiper_kv .swiper-slide {
              border-top: 1px solid #513B36;
              border-bottom: 1px solid #513B36;
              border-right: 1px solid #513B36;
              height: auto; }
              #future #box-content #drawer section.itemBox .swiper_kv .swiper-slide img {
                width: 100%;
                height: 100%;
                object-fit: cover; }
          #future #box-content #drawer section.itemBox .item_detail {
            width: 90%;
            margin: 2.0em auto; }
            @media screen and (max-width: 600px) {
              #future #box-content #drawer section.itemBox .item_detail {
                margin: 1.0em auto; } }
            #future #box-content #drawer section.itemBox .item_detail .box {
              display: flex;
              align-items: stretch;
              justify-content: space-between; }
              #future #box-content #drawer section.itemBox .item_detail .box div {
                padding: 0 2.0em; }
                @media screen and (max-width: 600px) {
                  #future #box-content #drawer section.itemBox .item_detail .box div {
                    padding: 0 1.5em; } }
                #future #box-content #drawer section.itemBox .item_detail .box div:first-child {
                  width: 40%;
                  border-right: 1px solid #513B36;
                  display: flex;
                  align-items: flex-end; }
                #future #box-content #drawer section.itemBox .item_detail .box div:last-child {
                  width: 60%;
                  padding-right: 1.0em; }
                #future #box-content #drawer section.itemBox .item_detail .box div dl {
                  text-align: left;
                  display: flex;
                  align-items: center;
                  justify-content: flex-start;
                  font-size: 1.0em;
                  line-height: 1.8;
                  margin: 0; }
                  @media screen and (max-width: 600px) {
                    #future #box-content #drawer section.itemBox .item_detail .box div dl {
                      font-size: 3.2vw; } }
                  #future #box-content #drawer section.itemBox .item_detail .box div dl dt, #future #box-content #drawer section.itemBox .item_detail .box div dl dd {
                    width: 50%;
                    white-space: nowrap; }
                    #future #box-content #drawer section.itemBox .item_detail .box div dl dt span, #future #box-content #drawer section.itemBox .item_detail .box div dl dd span {
                      font-size: 80%; }
                  #future #box-content #drawer section.itemBox .item_detail .box div dl dt {
                    font-family: "bold";
                    margin-right: 1.0em; }
          #future #box-content #drawer section.itemBox .item_point {
            width: 90%;
            margin: 2.0em auto 0;
            border-top: 1px solid #513B36;
            padding: 2.0em .5em; }
            @media screen and (max-width: 600px) {
              #future #box-content #drawer section.itemBox .item_point {
                padding: 1.0em 0;
                margin-top: 1.0em; } }
            #future #box-content #drawer section.itemBox .item_point .box {
              display: flex;
              align-items: stretch;
              justify-content: space-between; }
              #future #box-content #drawer section.itemBox .item_point .box div:first-child {
                width: 27%;
                border-right: 1px solid #513B36; }
              #future #box-content #drawer section.itemBox .item_point .box div:last-child {
                width: 70%; }
              #future #box-content #drawer section.itemBox .item_point .box div h4 {
                font-family: "BodoniModa";
                font-size: 1.7em;
                font-weight: 400;
                margin: 0;
                text-align: left; }
                @media screen and (max-width: 600px) {
                  #future #box-content #drawer section.itemBox .item_point .box div h4 {
                    font-size: 4.2vw; } }
              #future #box-content #drawer section.itemBox .item_point .box div p {
                font-size: 0.7em;
                text-align: left;
                line-height: 1.5;
                padding-left: 1.5em; }
                @media screen and (max-width: 600px) {
                  #future #box-content #drawer section.itemBox .item_point .box div p {
                    font-size: 2.6vw;
                    padding-left: 1.0em; } }
          #future #box-content #drawer section.itemBox .item_color {
            width: 90%;
            margin: 0 auto;
            border-top: 1px solid #513B36;
            border-bottom: 1px solid #513B36;
            padding: 2.0em .5em; }
            @media screen and (max-width: 600px) {
              #future #box-content #drawer section.itemBox .item_color {
                padding: 1.0em 0; } }
            #future #box-content #drawer section.itemBox .item_color .box {
              display: flex;
              align-items: stretch;
              justify-content: space-between; }
              @media screen and (max-width: 600px) {
                #future #box-content #drawer section.itemBox .item_color .box div {
                  display: flex;
                  align-items: center;
                  justify-content: center; } }
              #future #box-content #drawer section.itemBox .item_color .box div:first-child {
                width: 30%;
                border-right: 1px solid #513B36;
                display: flex;
                align-items: center;
                justify-content: flex-start; }
              #future #box-content #drawer section.itemBox .item_color .box div:nth-child(2) {
                width: 50%;
                border-right: 1px solid #513B36;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center; }
                #future #box-content #drawer section.itemBox .item_color .box div:nth-child(2)::after {
                  content: "";
                  position: absolute;
                  top: 0;
                  right: 0.2em;
                  width: 1px;
                  height: 100%;
                  background: #513B36; }
              #future #box-content #drawer section.itemBox .item_color .box div:last-child {
                width: 30%; }
              #future #box-content #drawer section.itemBox .item_color .box div h4 {
                font-family: "BodoniModa";
                font-size: 1.7em;
                font-weight: 400;
                text-align: left;
                margin: auto 0; }
                @media screen and (max-width: 600px) {
                  #future #box-content #drawer section.itemBox .item_color .box div h4 {
                    font-size: 4.2vw; } }
              #future #box-content #drawer section.itemBox .item_color .box div img {
                width: 70%; }
                @media screen and (max-width: 600px) {
                  #future #box-content #drawer section.itemBox .item_color .box div img {
                    width: 60%;
                    vertical-align: middle;
                    min-width: 100px; } }
              #future #box-content #drawer section.itemBox .item_color .box div a {
                font-family: "Dela";
                font-size: 2.0em;
                text-decoration-line: underline;
                text-decoration-thickness: 1px; }
                @media screen and (max-width: 600px) {
                  #future #box-content #drawer section.itemBox .item_color .box div a {
                    font-size: 5.0vw; } }
        #future #box-content #drawer section#lp_footer {
          border-top: 1px solid #513B36;
          width: 90%;
          position: relative; }
          #future #box-content #drawer section#lp_footer::before {
            position: absolute;
            content: "";
            top: 0.2em;
            left: 0;
            width: 100%;
            height: 1px;
            background: #513B36; }
          #future #box-content #drawer section#lp_footer .box1 {
            margin: 200px auto 100px; }
            @media screen and (max-width: 600px) {
              #future #box-content #drawer section#lp_footer .box1 {
                margin: 100px auto 100px; } }
            #future #box-content #drawer section#lp_footer .box1 img {
              display: block;
              margin: 0 auto 10%; }
              @media screen and (max-width: 600px) {
                #future #box-content #drawer section#lp_footer .box1 img {
                  width: 55%; } }
              #future #box-content #drawer section#lp_footer .box1 img.txt {
                width: 80%; }
              #future #box-content #drawer section#lp_footer .box1 img.f_img {
                width: 70%; }
                @media screen and (max-width: 600px) {
                  #future #box-content #drawer section#lp_footer .box1 img.f_img {
                    width: 60%; } }
          #future #box-content #drawer section#lp_footer .f_list {
            width: 80%;
            margin: 0 auto 100px;
            text-align: left;
            padding: 30px 30px 10px;
            background: #751A29;
            border-radius: .7em;
            position: relative; }
            #future #box-content #drawer section#lp_footer .f_list::before {
              content: "";
              background: url(https://carrot.itembox.design/item/images/feature/alf/images/SVG/anello_back.svg);
              background-repeat: no-repeat;
              top: -31px;
              right: 0;
              width: 150px;
              height: 37.5px;
              background-size: cover;
              position: absolute; }
            @media screen and (max-width: 600px) {
              #future #box-content #drawer section#lp_footer .f_list {
                padding: 30px 1.5em 1.0em;
                margin-bottom: 70px; } }
            #future #box-content #drawer section#lp_footer .f_list .inner .ttl {
              margin-bottom: 2.0em; }
              @media screen and (max-width: 600px) {
                #future #box-content #drawer section#lp_footer .f_list .inner .ttl {
                  width: 50%;
                  margin-bottom: 1.0em; } }
            #future #box-content #drawer section#lp_footer .f_list .inner .listBox {
              border-top: 1px solid #ffffff;
              border-bottom: 1px solid #ffffff;
              padding-bottom: 2.0em; }
              @media screen and (max-width: 600px) {
                #future #box-content #drawer section#lp_footer .f_list .inner .listBox {
                  padding-bottom: 1.0em; } }
              #future #box-content #drawer section#lp_footer .f_list .inner .listBox p {
                color: #ffffff;
                font-family: "BodoniModa";
                font-weight: 400;
                font-size: 1.0em;
                margin: 1.0em auto; }
                @media screen and (max-width: 600px) {
                  #future #box-content #drawer section#lp_footer .f_list .inner .listBox p {
                    font-size: 3.0vw; } }
                #future #box-content #drawer section#lp_footer .f_list .inner .listBox p.sub {
                  font-family: "Dela";
                  margin-bottom: 0.5em; }
              #future #box-content #drawer section#lp_footer .f_list .inner .listBox a {
                font-size: 1.0em;
                display: block;
                text-align: left;
                width: fit-content;
                line-height: 1.0;
                margin-bottom: 0.5em;
                position: relative;
                font-family: "Dela";
                color: #ffffff;
                font-weight: 400;
                border: 1px solid #ffffff;
                border-radius: 0.5em;
                padding: 0.2em 0.5em; }
                @media screen and (max-width: 600px) {
                  #future #box-content #drawer section#lp_footer .f_list .inner .listBox a {
                    font-size: 3.2vw; } }
              #future #box-content #drawer section#lp_footer .f_list .inner .listBox div {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                flex-wrap: wrap; }
                #future #box-content #drawer section#lp_footer .f_list .inner .listBox div a {
                  margin-right: 0.5em; }
            #future #box-content #drawer section#lp_footer .f_list .inner .online {
              margin: 10% auto;
              text-align: center;
              border-bottom: 1px solid #ffffff;
              position: relative;
              padding-bottom: 10%; }
              @media screen and (max-width: 600px) {
                #future #box-content #drawer section#lp_footer .f_list .inner .online {
                  margin: 1.2em auto;
                  padding-bottom: 1.0em; } }
              #future #box-content #drawer section#lp_footer .f_list .inner .online::after {
                position: absolute;
                content: "";
                bottom: 0.2em;
                left: 0;
                width: 100%;
                height: 1px;
                background: #ffffff; }
              #future #box-content #drawer section#lp_footer .f_list .inner .online a {
                margin-bottom: 1.0em;
                font-size: .9em;
                font-family: "BodoniModa";
                font-weight: 400;
                display: block;
                color: #ffffff; }
                @media screen and (max-width: 600px) {
                  #future #box-content #drawer section#lp_footer .f_list .inner .online a {
                    font-size: 3.0vw; } }
                @media screen and (max-width: 600px) {
                  #future #box-content #drawer section#lp_footer .f_list .inner .online a .logo {
                    width: 45%; } }
                #future #box-content #drawer section#lp_footer .f_list .inner .online a p {
                  font-size: 100%; }
            #future #box-content #drawer section#lp_footer .f_list .inner .sns {
              margin: 2.0em auto;
              display: flex;
              align-items: center;
              justify-content: space-between;
              width: 65%;
              max-width: 150px;
              text-align: center; }
              @media screen and (max-width: 600px) {
                #future #box-content #drawer section#lp_footer .f_list .inner .sns {
                  margin: 0 auto;
                  max-width: 110px; } }
              #future #box-content #drawer section#lp_footer .f_list .inner .sns a {
                display: block; }
                #future #box-content #drawer section#lp_footer .f_list .inner .sns a img {
                  height: 20px;
                  width: auto; }
                  @media screen and (max-width: 600px) {
                    #future #box-content #drawer section#lp_footer .f_list .inner .sns a img {
                      height: 15px;
                      vertical-align: top; } }
          #future #box-content #drawer section#lp_footer .swiperLoop {
            position: relative;
            padding-top: 4.0em;
            margin-top: 0;
            margin-bottom: 4.0em; }
            #future #box-content #drawer section#lp_footer .swiperLoop::before {
              content: "";
              width: 90%;
              height: 1px;
              background: #513B36;
              top: 0;
              left: 5%;
              position: absolute; }
            #future #box-content #drawer section#lp_footer .swiperLoop::after {
              content: "";
              width: 90%;
              height: 5px;
              background: #513B36;
              top: 0.2em;
              left: 5%;
              position: absolute; }