@import'https://fonts.googleapis.com/css?family=Roboto:700&display=swap';
@charset "utf-8";

@media(min-width: 768px),
print {
  .btn-slide a.btn-slide__inner {
    font-family: 'UD譁ｰ繧ｴ M', UD Shin Go Medium
  }

  .mv {
    position: relative;
    min-width: 100%;
    height: 100vh;
    overflow: hidden
  }

  .mv__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding-top: 8.6%;
    padding-left: 34px
  }

  .mv__img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(../images/index/mv_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }

  .mv__text {
    color: #fff
  }

  .mv__text-en {
    font-family: DIN Next W01 Bold;
    font-size: 1.125rem;
    line-height: 1
  }

  .mv__text-jp {
    margin-top: 10px;
    font-size: 3.875rem;
    line-height: 1.1;
    text-shadow: 0 5px 15px rgba(0, 0, 0, .35)
  }

  .mv__text__sub {
    margin-top: 12px;
    font-size: 1.375rem;
    line-height: 1.6;
    text-shadow: 0 5px 15px rgba(0, 0, 0, .35)
  }

  .mv .btn-slide {
    width: 200px;
    height: 54px;
    margin-top: 60px;
    font-size: 1.125rem
  }

  .mv .btn-slide i {
    margin-right: 10px;
    font-size: 1.5rem
  }

  .mv__scroll {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 130px;
    height: 46px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(../images/index/mv_scroll_bg.png) center bottom no-repeat;
    color: #0076bd;
    font-size: 1.375rem
  }

  .mv__scroll a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
  }

  .mv__scroll a i {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
    transition: .3s ease 0s;
    will-change: transform
  }

  .mv__scroll a:hover i {
    -webkit-transform: translate(-50%, 4px);
    transform: translate(-50%, 4px)
  }

  .merit {
    position: relative;
    padding: 65px 0 15px
  }

  .merit:after {
    display: block;
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    height: 380px;
    background-color: #fff;
    content: ''
  }

  .merit_title {
    margin-bottom: 50px;
    font-size: 1.75rem;
    line-height: 1.5;
    text-align: center
  }

  .merit_title .big {
    font-size: 2.5rem
  }

  .merit_title .blue {
    color: #0076bd
  }

  .merit_title .red {
    color: #e72c2a
  }

  .merit_inner {
    box-sizing: border-box;
    padding: 65px 50px 90px
  }

  .merit_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .merit_point {
    box-sizing: border-box;
    width: 280px;
    height: 280px;
    padding-top: 82px;
    border-radius: 50%;
    text-align: center
  }

  .merit_point--gray {
    background-color: #f2f2f2
  }

  .merit_point--pink {
    background-color: #faeded
  }

  .merit_point--pink .merit_order {
    color: #e72c2a
  }

  .merit_point--blue {
    background-color: #ebf3f7
  }

  .merit_point--blue .merit_order {
    color: #0076bd
  }

  .merit_order {
    font-family: DIN Next W01 Bold;
    font-size: 1.875rem;
    letter-spacing: -2.5px;
    line-height: 1
  }

  .merit_text {
    margin-top: 10px;
    font-size: 1.125rem;
    line-height: 1.35
  }

  .merit_text .big {
    font-size: 1.5rem
  }

  .merit_text .lh {
    line-height: 1.8
  }

  .various {
    padding: 70px 0 50px
  }

  .various__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 35px;
    font-weight: 400
  }

  .various__title-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    margin-right: 20px;
    border-radius: 50%;
    background-color: #e72c2a;
    color: white;
    font-size: 2rem
  }

  .various__title__text span {
    display: block
  }

  .various__title__text--en {
    color: #e72c2a;
    font-family: DIN Next W01 Bold;
    font-size: 1.25rem;
    letter-spacing: 0
  }

  .various__title__text--small {
    margin: 8px 0;
    font-size: 1.125rem !important
  }

  .various__title__text--jp {
    font-size: 2.375rem
  }

  .various-slide {
    margin-top: 50px
  }

  .various-slide__item {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 67.46031746031747vw;
    min-width: 850px;
    max-width: 1340px;
    overflow: hidden;
    -webkit-transform: scale(.85);
    transform: scale(.85);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    cursor: default;
    opacity: .5;
    pointer-events: none;
    transition: -webkit-transform .4s linear .1s;
    transition: transform .4s linear .1s;
    transition: transform .4s linear .1s, -webkit-transform .4s linear .1s;
    will-change: transform, opacity
  }

  .various-slide a {
    display: block;
    width: 100%
  }

  .various-slide a:hover .various-slide__img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  .various-slide a:hover .btn-slide:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
  }

  .various-slide a:hover .btn-slide .glyphs-arrow_dotted_r {
    -webkit-transform: translate(4px, -50%);
    transform: translate(4px, -50%)
  }

  .various-slide__img {
    z-index: 1;
    position: relative;
    width: 100%;
    padding-top: 42.35%;
    overflow: hidden;
    background-color: #fff
  }

  .various-slide__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: .3s ease 0s;
    will-change: transform
  }

  .various-slide__text {
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% - 80px);
    height: 222px;
    margin: 0 40px;
    margin-top: -80px;
    border: solid 1px #e5e5e5;
    background-color: #fff;
    text-align: center
  }

  .various-slide__head-en {
    display: block;
    color: #e72c2a;
    font-family: DIN Next W01 Bold;
    font-size: 1.125rem;
    line-height: 1
  }

  .various-slide__head-jp {
    display: block;
    margin-top: 15px;
    font-size: 1.625rem
  }

  .various-slide .btn-slide {
    width: 298px;
    height: 54px;
    margin-top: 25px;
    font-size: 1rem
  }

  .various .swiper-slide-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    cursor: pointer;
    opacity: 1;
    pointer-events: all
  }

  .various .swiper-container {
    overflow: visible
  }

  .various .swiper-pagination {
    z-index: 3;
    position: relative;
    margin-top: 32px
  }

  .various .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 9px !important;
    background-color: #dcdcdc;
    cursor: pointer;
    opacity: 1
  }

  .various .swiper-pagination-bullet-active {
    background-color: #0076bd
  }

  .various .swiper-button {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 51px;
    height: 51px;
    margin-top: -51px;
    padding-left: 5px;
    border-radius: 50%;
    background-color: #0076bd;
    background-image: none;
    color: #fff;
    font-size: 1.625rem;
    line-height: 51px;
    transition: background .3s ease 0s;
    will-change: background
  }

  .various .swiper-button:hover {
    background-color: #01629c
  }

  .various .swiper-button-prev {
    left: 1.4285714285714286vw;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .various .swiper-button-next {
    right: 1.4285714285714286vw
  }

  .mainSlide {
    background: url(../images/utils/deco_line_l_f.png) repeat;
    background-size: 96px 1px
  }

  .mainSlide .inner {
    width: 1160px;
    margin: 0 auto;
    padding: 74px 0 80px
  }

  .mainSlide .mainSlide_slider {
    position: relative
  }

  .mainSlide .mainSlide_slider .swiper-container {
    width: 79.36507936507937vw;
    min-width: 964px;
    max-width: 1000px;
    height: 415px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 6px
  }

  .mainSlide .mainSlide_slider .swiper-slide a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transition: opacity .4s ease 0s;
    will-change: opacity
  }

  .mainSlide .mainSlide_slider .swiper-slide a:hover {
    opacity: .64
  }

  .mainSlide .mainSlide_slider .swiper-slide a img {
    width: 100%
  }

  .mainSlide .mainSlide_slider .swiper-button-prev,
  .mainSlide .mainSlide_slider .swiper-button-next {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    background: #4e4e4e;
    background-image: none
  }

  .mainSlide .mainSlide_slider .swiper-button-prev .glyphs-arrow_r,
  .mainSlide .mainSlide_slider .swiper-button-next .glyphs-arrow_r {
    color: #fff;
    font-size: 1.25rem
  }

  .mainSlide .mainSlide_slider .swiper-button-prev {
    left: -57px
  }

  .mainSlide .mainSlide_slider .swiper-button-prev .glyphs-arrow_r {
    margin-top: 2px;
    margin-right: 4px;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
  }

  .mainSlide .mainSlide_slider .swiper-button-next {
    right: -57px
  }

  .mainSlide .mainSlide_slider .swiper-button-next .glyphs-arrow_r {
    margin-top: 2px;
    margin-left: 2px
  }

  .searchCar {
    position: relative;
    padding: 98px 0 110px;
    background-color: #fff
  }

  .searchCar:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 18px;
    background: url(../images/utils/deco_line_l_f.png) repeat;
    background-size: 96px 1px;
    content: ''
  }

  .searchCar__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 56px;
    font-weight: 400
  }

  .searchCar__title-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin-right: 18px;
    border-radius: 50%;
    background-color: #e72c2a;
    color: white;
    font-size: 2.125rem
  }

  .searchCar__title-icon [class^=glyphs] {
    padding-top: 6px
  }

  .searchCar__title__text span {
    display: block
  }

  .searchCar__title__text--en {
    margin-bottom: 10px;
    color: #e72c2a;
    font-family: DIN Next W01 Bold;
    font-size: 1.125rem;
    letter-spacing: 0
  }

  .searchCar__title__text--jp {
    font-size: 2.5rem
  }

  .searchCar__title__text--jp span {
    display: inline-block;
    font-size: 2.875rem
  }

  .searchCar__box {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 748px;
    height: 80px;
    margin: 0 auto
  }

  .searchCar__box .txt__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 120px 0 40px;
    border: none;
    border: 2px solid #e5e5e5;
    border-radius: 10px;
    outline: none;
    background-color: #fff;
    font-family: '繝偵Λ繧ｮ繝手ｧ偵ざ Pro', Hiragino Kaku Gothic Pro, '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', Hiragino Kaku Gothic Pro, '繝｡繧､繝ｪ繧ｪ', Meiryo, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
    font-size: 1.125rem;
    transition: background .3s ease 0s;
    will-change: background
  }

  .searchCar__box .txt__input:hover {
    background-color: #eaf4f9
  }

  .searchCar__box .txt__input:focus {
    background-color: #eaf4f9
  }

  .searchCar__box .txt__input::-webkit-input-placeholder {
    color: #b2b2b2
  }

  .searchCar__box .txt__input:-ms-input-placeholder {
    color: #b2b2b2
  }

  .searchCar__box .txt__input::-ms-input-placeholder {
    color: #b2b2b2
  }

  .searchCar__box .txt__input::placeholder {
    color: #b2b2b2
  }

  .searchCar__box .btn__area {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%
  }

  .searchCar__box .btn__area a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 0 10px 10px 0;
    background-color: #0076bd;
    text-align: center;
    transition: background .3s ease 0s;
    will-change: background
  }

  .searchCar__box .btn__area a:hover {
    background-color: #3391ca
  }

  .searchCar__box .btn__area a i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 35px;
    margin: auto;
    padding-top: 1px;
    color: #fff;
    font-size: 2.125rem
  }

  .searchCar__btnList {
    width: 1000px;
    margin: 60px auto 0
  }

  .searchCar__btnList-ttl {
    font-size: 1.5rem;
    text-align: center
  }

  .searchCar__btnList-ctt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px
  }

  .searchCar__btnList-ctt li .searchCar__btnList-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 116px;
    height: 112px;
    border-radius: 6px;
    background: #e9f3f9;
    font-size: 1rem;
    transition: opacity .4s ease 0s;
    will-change: opacity
  }

  .searchCar__btnList-ctt li .searchCar__btnList-btn:hover {
    opacity: .64
  }

  .searchCar .btn-slide {
    width: 748px;
    height: 80px;
    margin: 60px auto 0;
    font-size: 1.375rem
  }

  .recommended {
    padding: 80px 0 0;
    background-color: #fff
  }

  .recommended>.bg {
    margin-top: 60px;
    padding: 70px 0;
    background: repeating-linear-gradient(90deg, #e7f2f9 0, #e7f2f9 4px, #e1eff7 4px, #e1eff7 6px)
  }

  .recommended>.bg>.inner>.btn-slide {
    width: 748px;
    height: 80px;
    margin: 60px auto 0;
    font-size: 1.375rem
  }

  .recommended__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px;
    font-weight: 400
  }

  .recommended__title-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin-right: 18px;
    border-radius: 50%;
    background-color: #e72c2a;
    color: white;
    font-size: 2.875rem
  }

  .recommended__title-icon i {
    padding-top: 10px;
    padding-left: 4%
  }

  .recommended__title__text span {
    display: block
  }

  .recommended__title__text--en {
    margin-bottom: 10px;
    color: #e72c2a;
    font-family: DIN Next W01 Bold;
    font-size: 1.125rem;
    letter-spacing: 0
  }

  .recommended__title__text--jp {
    font-size: 2.5rem
  }

  .recommended__title__text--jp span {
    display: inline-block;
    font-size: 2.875rem
  }

  .recommended .recommended_slider {
    position: relative
  }

  .recommended .recommended_slider .swiper-container {
    width: 79.36507936507937vw;
    min-width: 1000px;
    max-width: 1800px;
    margin: 0 auto;
    overflow: hidden
  }

  .recommended .recommended_slider .swiper-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }

  .recommended .recommended_slider .swiper-slide {
    width: 39.682539682539684vw;
    min-width: 500px;
    max-width: 700px;
    height: 36.98412698412699vw;
    min-height: 466px;
    max-height: 652.4px;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: opacity .6s ease 0s, -webkit-transform .6s ease 0s;
    transition: transform .6s ease 0s, opacity .6s ease 0s;
    transition: transform .6s ease 0s, opacity .6s ease 0s, -webkit-transform .6s ease 0s;
    will-change: transform, opacity
  }

  .recommended .recommended_slider .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active) {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: .64;
    pointer-events: none
  }

  .recommended .recommended_slider .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active).swiper-slide-next,
  .recommended .recommended_slider .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active).swiper-slide-duplicate-next {
    -webkit-transform: scale(.8) translateX(-40px);
    transform: scale(.8) translateX(-40px)
  }

  .recommended .recommended_slider .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active).swiper-slide-prev,
  .recommended .recommended_slider .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active).swiper-slide-duplicate-prev {
    -webkit-transform: scale(.8) translateX(40px);
    transform: scale(.8) translateX(40px)
  }

  .recommended .recommended_slider .swiper-slide .box {
    position: relative;
    right: auto;
    left: auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    background: #fff
  }

  .recommended .recommended_slider .swiper-slide .box_tag {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 32px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 180px;
    height: 38px;
    border-radius: 0 0 10px 10px;
    color: #fff;
    font-family: 'UD譁ｰ繧ｴ B', UD Shin Go Bold;
    font-size: .875rem;
    text-align: center
  }

  .recommended .recommended_slider .swiper-slide .box_tag.color_01 {
    background: #e86d00
  }

  .recommended .recommended_slider .swiper-slide .box_tag.color_02 {
    background: #0065a1
  }

  .recommended .recommended_slider .swiper-slide .box_tag.color_03 {
    background: #47afee
  }

  .recommended .recommended_slider .swiper-slide .box_tag.color_04 {
    background: #ff8181
  }

  .recommended .recommended_slider .swiper-slide .box_tag.color_05 {
    background: #dbaf28
  }

  .recommended .recommended_slider .swiper-slide .box_image {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 22.857142857142858vw;
    min-height: 288px;
    max-height: 403.2px;
    padding: 34px 66px 0;
    overflow: hidden;
    border-bottom: 5px solid #f6f6f6
  }

  .recommended .recommended_slider .swiper-slide .box_image img {
    width: 100%
  }

  .recommended .recommended_slider .swiper-slide .box_txt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: calc(36.98412698412699vw - 22.857142857142858vw);
    min-height: calc(466px - 288px);
    max-height: calc(652.4px - 403.2px);
    text-align: center
  }

  .recommended .recommended_slider .swiper-slide .box_txt .sub {
    font-size: 1rem
  }

  .recommended .recommended_slider .swiper-slide .box_txt .main {
    margin-top: 4px;
    font-size: 1.375rem
  }

  .recommended .recommended_slider .swiper-slide .box_btn {
    width: 192px;
    margin: 10px auto 0
  }

  .recommended .recommended_slider .swiper-slide .box_btn .btn-slide--blue {
    height: 40px
  }

  .recommended .recommended_slider .swiper-slide .box_btn .btn-slide--blue:before {
    content: none
  }

  .recommended .recommended_slider .swiper-slide .box_btn .btn-slide--blue .btn-slide__inner {
    padding-right: 0;
    font-family: 'UD譁ｰ繧ｴ M', UD Shin Go Medium;
    font-size: .875rem
  }

  .recommended .recommended_slider .swiper-slide a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transition: opacity .4s ease 0s;
    will-change: opacity
  }

  .recommended .recommended_slider .swiper-slide a:hover {
    opacity: .64
  }

  .recommended .recommended_slider .swiper-button-prev,
  .recommended .recommended_slider .swiper-button-next {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #4e4e4e;
    background-image: none
  }

  .recommended .recommended_slider .swiper-button-prev .glyphs-arrow_r,
  .recommended .recommended_slider .swiper-button-next .glyphs-arrow_r {
    color: #fff;
    font-size: .875rem
  }

  .recommended .recommended_slider .swiper-button-prev {
    left: -57px
  }

  .recommended .recommended_slider .swiper-button-prev .glyphs-arrow_r {
    margin-top: 3px;
    margin-right: 4px;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
  }

  .recommended .recommended_slider .swiper-button-next {
    right: -57px
  }

  .recommended .recommended_slider .swiper-button-next .glyphs-arrow_r {
    margin-top: 2px;
    margin-left: 3px
  }

  .ranking {
    padding: 80px 0;
    background-color: #fff
  }

  .ranking__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px;
    font-weight: 400
  }

  .ranking__title-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin-right: 18px;
    border-radius: 50%;
    background-color: #e2ba2e;
    color: white;
    font-size: 1.875rem
  }

  .ranking__title-icon i {
    padding-top: 10px
  }

  .ranking__title__text span {
    display: block
  }

  .ranking__title__text--en {
    margin-bottom: 10px;
    color: #e2ba2e;
    font-family: DIN Next W01 Bold;
    font-size: 1.125rem;
    letter-spacing: 0
  }

  .ranking__title__text--jp {
    font-size: 2.5rem
  }

  .ranking__title__text--jp span {
    display: inline-block;
    font-size: 2.875rem
  }

  .ranking .ranking__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 66px
  }

  .ranking .ranking__list_item {
    width: 24.761904761904763vw;
    min-width: 312px;
    max-width: 578px;
    height: 25.873015873015877vw;
    min-height: 326px
  }

  .ranking .ranking__list .box {
    overflow: hidden;
    border: 2px solid #e5e5e5;
    border-radius: 10px;
    border-bottom: 5px solid #f6f6f6
  }

  .ranking .ranking__list .box_image {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px 22px 0;
    overflow: hidden;
    border-bottom: 5px solid #f6f6f6
  }

  .ranking .ranking__list .box_image img {
    width: 100%
  }

  .ranking .ranking__list .box_txt {
    margin-top: 6.41025641025641%;
    font-size: 1.125rem;
    text-align: center
  }

  .ranking .ranking__list .box_btn {
    width: 19.841269841269842vw;
    min-width: 250px;
    margin: 6.41025641025641% auto 9.615384615384615%
  }

  .ranking .ranking__list .box_btn .btn-slide--blue {
    height: 3.1746031746031744vw;
    min-height: 40px
  }

  .ranking .ranking__list .box_btn .btn-slide--blue .btn-slide__inner {
    padding-right: 0;
    font-family: 'UD譁ｰ繧ｴ M', UD Shin Go Medium;
    font-size: .875rem
  }

  .ranking .ranking__list .box_btn .btn-slide--blue .glyphs-arrow_dotted_r {
    padding-top: 2px
  }

  .ranking .ranking__list .box_btn .btn-slide--blue .glyphs-arrow_dotted_r:before {
    font-size: .75rem
  }

  .ranking__note {
    margin-top: 40px;
    color: #444;
    font-size: .75rem
  }

  .days {
    background: url(../images/index/days_bg_pc.jpg) center center no-repeat;
    background-size: cover
  }

  .days .inner {
    position: relative;
    width: 1000px;
    padding: 94px 0 100px
  }

  .days_ctt {
    z-index: 9;
    position: absolute;
    top: 162px;
    left: 20px;
    color: #fff
  }

  .days_ctt .ttl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .days_ctt .ttl .main {
    font-family: DIN Next W01 Bold;
    font-size: 3.1875rem;
    letter-spacing: 1px
  }

  .days_ctt .ttl .sub {
    margin-top: 8px;
    font-family: 'UDﾃｦ窶督ｰﾃ｣窶堋ｴ DB', UD Shin Go DeBold;
    font-size: 1.125rem
  }

  .days_ctt .txt {
    margin-top: 27px;
    font-family: 'UD譁ｰ繧ｴ R', UD Shin Go Regular;
    font-size: 1rem
  }

  .days .btn-slide--blue {
    position: absolute;
    top: 342px;
    left: 20px;
    width: 253px;
    height: 54px;
    margin-top: 28px
  }

  .days .btn-slide--blue .btn-slide__inner {
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 24px;
    font-family: 'UDﾃｦ窶督ｰﾃ｣窶堋ｴ DB', UD Shin Go DeBold;
    font-size: 1rem
  }

  .days .btn-slide--blue .glyphs-arrow_dotted_r {
    right: 12px
  }

  .days .days_slider {
    width: 650px;
    margin-right: 0;
    margin-left: auto
  }

  .days .days_slider_inner {
    position: relative
  }

  .days .days_slider .swiper-pagination {
    bottom: -50px;
    width: 100%
  }

  .days .days_slider .swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    margin: 0 8px;
    background: #fff;
    opacity: 1
  }

  .days .days_slider .swiper-pagination .swiper-pagination-bullet-active {
    background: #0076bd
  }

  .days .days_slider .swiper-slide {
    box-sizing: border-box;
    position: static;
    overflow: hidden;
    border-radius: 10px
  }

  .days .days_slider_ctt {
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff
  }

  .days .days_slider_ctt:hover .days_slider_ctt_txt:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
  }

  .days .days_slider_ctt_inner {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .days .days_slider_ctt_image {
    height: 309px
  }

  .days .days_slider_ctt_image.case_01 {
    background: url(../images/index/days01.jpg) no-repeat
  }

  .days .days_slider_ctt_image.case_02 {
    background: url(../images/index/days02.jpg) no-repeat
  }

  .days .days_slider_ctt_txt {
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    position: relative;
    height: 80px;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
    background: #fff
  }

  .days .days_slider_ctt_txt span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }

  .days .days_slider_ctt_txt .case {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 104px;
    background: #e5f1f8;
    color: #0076bd;
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    letter-spacing: 0
  }

  .days .days_slider_ctt_txt .ttl {
    width: calc(100% - 104px);
    padding-left: 28px;
    font-size: 1.375rem
  }

  .days .days_slider_ctt_txt [class^=glyphs] {
    padding-top: 0
  }

  .days .days_slider_ctt_txt .glyphs-arrow_dotted_r {
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    height: 22px;
    margin: auto;
    transition: -webkit-transform .4s ease 0s;
    transition: transform .4s ease 0s;
    transition: transform .4s ease 0s, -webkit-transform .4s ease 0s;
    will-change: transform
  }

  .days .days_slider_ctt_txt .glyphs-arrow_dotted_r:before {
    color: #0076bd;
    font-size: 1.375rem
  }

  .days .days_slider_ctt_txt:before {
    display: block;
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    background: #e5f1f8;
    content: '';
    transition: -webkit-transform .8s ease 0s;
    transition: transform .8s ease 0s;
    transition: transform .8s ease 0s, -webkit-transform .8s ease 0s;
    will-change: transform
  }

  .lease {
    box-sizing: border-box;
    padding: 90px 0 40px;
    background: url(../images/index/lease_bg.jpg) center center no-repeat;
    background-size: cover
  }

  .lease .inner {
    padding-left: 34px
  }

  .lease__title {
    z-index: 3;
    position: absolute;
    top: 17%;
    left: 0;
    color: #fff;
    font-weight: 400
  }

  .lease__title-en {
    display: block;
    font-family: DIN Next W01 Bold;
    font-size: 3.125rem
  }

  .lease__title-jp {
    display: block;
    margin-top: 15px;
    font-size: 1.125rem
  }

  .lease__catch {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 1rem
  }

  .lease-slide {
    width: calc(100% - 348px);
    margin-left: 348px
  }

  .lease-slide__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    margin: 0 40px;
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff
  }

  .lease-slide a:hover .lease-slide__img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  .lease-slide a:hover .lease-slide__text {
    opacity: .7
  }

  .lease-slide__img {
    position: relative;
    width: 100%;
    padding-top: 40.7%;
    overflow: hidden
  }

  .lease-slide__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: .3s ease 0s
  }

  .lease-slide__text {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 123px;
    padding: 30px 60px;
    font-size: 1.125rem;
    transition: .3s ease 0s;
    will-change: opacity
  }

  .lease-slide__text p {
    word-break: break-all
  }

  .lease-slide__text-more em {
    color: #0076bd;
    font-size: .875rem;
    font-style: normal;
    text-decoration: underline
  }

  .lease .btn-slide {
    position: absolute;
    bottom: 25%;
    left: 0;
    width: 254px;
    height: 54px;
    font-size: 1rem
  }

  .lease .swiper-pagination {
    z-index: 3;
    position: relative;
    margin-top: 35px
  }

  .lease .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 9px !important;
    background-color: #fff;
    cursor: pointer;
    opacity: 1
  }

  .lease .swiper-pagination-bullet-active {
    background-color: #0076bd
  }

  .plan {
    position: relative;
    padding: 98px 0 110px;
    background-color: #fff
  }

  .plan:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 18px;
    background: url(../images/utils/deco_line_l_f.png) repeat;
    background-size: 96px 1px;
    content: ''
  }

  .plan__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px;
    font-weight: 400
  }

  .plan__title-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin-right: 18px;
    border-radius: 50%;
    background-color: #e72c2a;
    color: white;
    font-size: 2rem
  }

  .plan__title-icon i {
    padding-top: 10%
  }

  .plan__title__text span {
    display: block
  }

  .plan__title__text--en {
    margin-bottom: 10px;
    color: #e72c2a;
    font-family: DIN Next W01 Bold;
    font-size: 1.125rem;
    letter-spacing: 0
  }

  .plan__title__text--jp {
    font-size: 2.5rem
  }

  .plan__title__text--jp span {
    display: inline-block;
    font-size: 2.875rem
  }

  .plan-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 60px auto 0
  }

  .plan-list__item {
    position: relative;
    width: calc((100% - 60px)/3);
    padding: 45px 20px;
    border-width: 3px;
    border-style: solid;
    border-radius: 10px;
    background-color: #fff;
    font-size: 1.125rem;
    line-height: 1.5;
    text-align: center
  }

  .plan-list__item:nth-child(n+2) {
    margin-left: 30px
  }

  .plan-list__item:nth-of-type(1) {
    border-color: #e2ba2e
  }

  .plan-list__item:nth-of-type(1) .plan-list__title {
    border-bottom-color: #f5e7b6;
    color: #e2ba2e
  }

  .plan-list__item:nth-of-type(2) {
    border-color: #e72c2a
  }

  .plan-list__item:nth-of-type(2) .plan-list__title {
    border-bottom-color: #f7b8b5;
    color: #e72c2a
  }

  .plan-list__item:nth-of-type(3) {
    border-color: #0076bd
  }

  .plan-list__item:nth-of-type(3) .plan-list__title {
    border-bottom-color: #a6cfe8;
    color: #0076bd
  }

  .plan-list__recommend {
    position: absolute;
    top: -6px;
    left: -6px;
    width: 132px;
    height: 92px;
    overflow: hidden
  }

  .plan-list__recommend span {
    -webkit-transform: rotate(-45deg);
    display: inline-block;
    position: absolute;
    top: 20px;
    left: -47px;
    width: 160px;
    padding: 7px 0;
    transform: rotate(-45deg);
    background: #e86d00;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    color: #fff;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center
  }

  .plan-list__recommend span:before,
  .plan-list__recommend span:after {
    position: absolute;
    bottom: -4px;
    border-top: 4px solid #b95700;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: ""
  }

  .plan-list__recommend span:before {
    left: 16px
  }

  .plan-list__recommend span:after {
    right: 14px
  }

  .plan-list__title {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    font-size: 1.5rem;
    line-height: 1
  }

  .plan .btn-slide {
    width: 748px;
    height: 80px;
    margin: 60px auto 0;
    font-size: 1.375rem
  }

  .flow {
    position: relative;
    padding: 90px 0 0;
    background-color: #fff
  }

  .flow__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 45px;
    font-weight: 400
  }

  .flow__title-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin-right: 18px;
    border-radius: 50%;
    background-color: #e72c2a;
    color: white;
    font-size: 1.625rem
  }

  .flow__title__text span {
    display: block
  }

  .flow__title__text--en {
    margin-bottom: 10px;
    color: #e72c2a;
    font-family: DIN Next W01 Bold;
    font-size: 1.125rem;
    letter-spacing: 0
  }

  .flow__title__text--jp {
    font-size: 2.5rem
  }

  .flow__bg {
    padding: 70px 0 87px;
    background: repeating-linear-gradient(90deg, #e7f2f9 0, #e7f2f9 4px, #e1eff7 4px, #e1eff7 6px)
  }

  .flow-tab-list,
  .flow-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 79.36507936507937vw;
    min-width: 1000px;
    margin: 0 auto
  }

  .flow-store.custom {
    margin-top: 92px
  }

  .flow-store-item {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 65px;
    border-radius: 6px;
    background-color: #fff;
    font-size: 1.375rem
  }

  .flow-store-item:before {
    box-sizing: border-box;
    display: none;
    position: absolute;
    bottom: -14px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-top: 14px solid #0076bd;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    content: ''
  }

  .flow-content {
    position: relative;
    margin-top: 52px
  }

  .flow-list {
    z-index: 1;
    position: relative;
    top: 0;
    left: 0;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 1800px;
    overflow: hidden;
    text-align: center
  }

  .flow-list__item {
    box-sizing: border-box;
    position: relative;
    width: 17.063492063492063vw;
    min-width: 215px;
    max-width: 378px;
    height: 22.22222222222222vw;
    min-height: 422px;
    border-radius: 10px;
    background-color: #fff
  }

  .flow-list__item:nth-of-type(1) .flow-list__title {
    line-height: 1.5
  }

  .flow-list__item:nth-of-type(1) .gray-area img {
    width: 90px
  }

  .flow-list__item:nth-of-type(2) .gray-area {
    padding-top: 16px;
    padding-left: 10px
  }

  .flow-list__item:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 17%;
    left: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.8095238095238098vw;
    min-width: 48px;
    height: 20px;
    font-family: glyphs !important;
    font-size: 1.0625rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-align: center;
    text-transform: none;
    content: '\f102'
  }

  .flow-list__item:nth-last-of-type(1):after {
    display: none
  }

  .flow-list__item:last-of-type .gray-area img {
    max-width: 172px;
    max-height: 172px
  }

  .flow-list__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 90px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1
  }

  .flow-list__title .pc_flow {
    display: none
  }

  .flow-list p {
    padding: 0 10px;
    font-family: 'UD譁ｰ繧ｴ R', UD Shin Go Regular;
    font-size: 111%;
    text-align: left;
  }

  .flow-list .gray-area {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 12.698412698412698vw;
    min-height: 160px;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    background-color: #f1f1f1
  }

  .flow-list .gray-area img {
    max-width: 142px;
    max-height: 102px
  }

  .flow-estimate {
    position: relative;
    width: 748px;
    margin: 85px auto 0
  }

  .flow-estimate__title {
    margin: 20px auto 0;
    font-size: 1.5rem;
    text-align: center
  }

  .flow-estimate .btn-slide {
    height: 80px;
    margin-top: 40px;
    font-size: 1.375rem
  }

  .flow-estimate .btn-slide i {
    margin-right: 10px;
    color: #fff;
    font-size: 1.375rem
  }

  .beginner {
    position: relative;
    padding: 90px 0 134px;
    background-color: #fff
  }

  .beginner:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 18px;
    background: url(../images/utils/deco_line_l_f.png) repeat;
    background-size: 96px 1px;
    content: ''
  }

  .beginner__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px;
    font-weight: 400
  }

  .beginner__title-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin-right: 18px;
    border-radius: 50%;
    background-color: #e72c2a;
    color: white;
    font-size: 2rem
  }

  .beginner__title-icon i {
    padding-top: 14%
  }

  .beginner__title-icon i:before {
    font-size: 2.25rem
  }

  .beginner__title__text span {
    display: block
  }

  .beginner__title__text--jp {
    font-size: 2.5rem
  }

  .beginner__title__text--jp span {
    display: inline-block;
    font-size: 2.875rem
  }

  .beginner__btn__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 60px 0 0
  }

  .beginner .btn-slide {
    width: 410px;
    height: 80px;
    font-size: 1.375rem
  }

  .beginner .btn-slide:not(:first-of-type) {
    margin-left: 22px
  }

  .contact {
    padding: 62px 0;
    background: repeating-linear-gradient(90deg, #e7f2f9 0, #e7f2f9 4px, #e1eff7 4px, #e1eff7 6px)
  }

  .contact_inner {
    box-sizing: border-box;
    width: 750px;
    margin: 0 auto;
    padding: 35px 46px 54px;
    border-radius: 12px;
    background-color: #fff
  }

  .contact__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    font-weight: 400
  }

  .contact__title-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 118px;
    height: 100px;
    margin-right: 18px;
    background-image: url(../images/utils/contact_icon.png)
  }

  .contact__title__text span {
    display: block
  }

  .contact__title__text--en {
    margin-bottom: 10px;
    color: #e72c2a;
    font-family: DIN Next W01 Bold;
    font-size: 1.125rem;
    letter-spacing: 0
  }

  .contact__title__text--jp {
    font-size: 2.5rem
  }

  .contact_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .contact .btn-slide {
    width: 316px;
    height: 80px;
    font-size: 1.375rem
  }

  .contact .btn-slide i {
    margin-right: 10px
  }

  .contact .btn-slide--shop i {
    font-size: 2.03125rem
  }

  .contact .btn-slide--tel i {
    font-size: 2.5rem
  }

  .contact .btn-slide--tel i:before {
    width: 25px;
    height: 28px
  }

  .topics {
    padding: 103px 0 119px;
    background-color: #f1f1f1
  }

  .topics .title-iconSet {
    text-align: left
  }

  .topics .title-iconSet__en {
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 5px;
    color: #000
  }

  .topics .title-iconSet i {
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #0076bd;
    font-size: 1.75rem
  }

  .topics__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .topics__head .btn-slide {
    width: 160px;
    height: 54px;
    background-color: #444;
    font-size: 1rem
  }

  .topics__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 55px
  }

  .topics-list {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc(100% - 470px)
  }

  .topics-list__item {
    border-bottom: 1px solid #dadada;
    font-size: .9375rem
  }

  .topics-list__item:nth-of-type(1) {
    border-top: 1px solid #dadada
  }

  .topics-list a {
    display: -ms-flexbox;
    display: flex;
    padding: 24px 0
  }

  .topics-list a:hover .topics-list__title {
    color: #01629c
  }

  .topics-list__data {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 110px;
    font-family: DIN Next W01 Regular
  }

  .topics-list__title {
    transition: .3s ease 0s
  }

  .topics-banner {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 430px;
    margin-left: 40px
  }

  .topics-banner__item:nth-of-type(n+2) {
    margin-top: 23px
  }

  .news {
    padding: 87px 0 89px;
    border-bottom: 1px solid #e5e5e5;
    background: url(../images/utils/deco_line_l_f.png) repeat;
    background-size: 96px 1px
  }

  .news_inner {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    width: 1000px;
    margin: 0 auto;
    padding: 40px 60px;
    border-radius: 12px;
    background-color: #fff
  }

  .news__title__ctt {
    width: 172px
  }

  .news__title__ctt .news__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400
  }

  .news__title__ctt .news__title__text span {
    display: block
  }

  .news__title__ctt .news__title__text--en {
    margin-bottom: 10px;
    color: #0076bd;
    font-family: DIN Next W01 Bold;
    font-size: 1.125rem;
    letter-spacing: 0
  }

  .news__title__ctt .news__title__text--jp {
    font-size: 2.5rem
  }

  .news__title__ctt .btn-slide {
    width: 168px;
    height: 40px;
    margin: 30px auto 0;
    font-size: .875rem
  }

  .news__list__ctt {
    width: calc(100% - (172px + 58px));
    margin-top: 16px;
    margin-left: 58px
  }

  .news__list__ctt .news__list li {
    border-bottom: 1px solid #e5e5e5
  }

  .news__list__ctt .news__list li+li:last-of-type {
    border-bottom: none
  }

  .news__list__ctt .news__list li a {
    display: -ms-flexbox;
    display: flex;
    padding: 30px 14px;
    transition: opacity .4s ease 0s;
    will-change: opacity
  }

  .news__list__ctt .news__list li a:hover {
    opacity: .64
  }

  .news__list__ctt .news__list li a:hover {
    opacity: .5
  }

  .news__list__ctt .news__list li a .date {
    width: 102px;
    color: #818285;
    font-size: 1rem;
    letter-spacing: .4px
  }

  .news__list__ctt .news__list li a .txt {
    -ms-flex: 1 0;
    flex: 1 0;
    margin-left: 18px;
    font-size: 1rem
  }

  .special {
    position: relative;
    padding: 70px 0 0
  }

  .special__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 35px;
    font-weight: 400
  }

  .special__title-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 85px;
    height: 85px;
    margin-right: 18px;
    border-radius: 50%;
    background-color: #e2ba2e;
    color: white
  }

  .special__title-icon i {
    padding-top: 12%;
    font-size: 3.375rem
  }

  .special__title__text span {
    display: block
  }

  .special__title__text--en {
    margin-bottom: 10px;
    color: #e2ba2e;
    font-family: DIN Next W01 Bold;
    font-size: 1.125rem;
    letter-spacing: 0
  }

  .special__title__text--jp {
    font-size: 2.5rem
  }

  .special-tab {
    padding: 24px 0 62px;
    background: repeating-linear-gradient(90deg, #e7f2f9 0, #e7f2f9 4px, #e1eff7 4px, #e1eff7 6px)
  }

  .special-tab__content {
    position: relative;
    width: 79.36507936507937vw;
    min-width: 1000px
  }

  .special-tab__block {
    position: relative;
    width: 100%;
    max-width: 1800px;
    padding: 40px 0
  }

  .special-tab__block:nth-child(n+2) {
    position: relative
  }

  .special-tab__block:nth-child(n+2):before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: .7936507936507936vw;
    width: calc(100% - 1.5873015873015872vw);
    height: 1px;
    margin: auto;
    background-color: #fff;
    content: ""
  }

  .special-tab__name {
    margin: 0 1.2698412698412698vw;
    font-size: 1.125rem
  }

  .special-slide {
    margin-top: 20px;
    margin-left: .6349206349206349vw
  }

  .special-slide__item {
    box-sizing: border-box;
    z-index: -1;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 17.46031746031746vw;
    min-width: 222px;
    max-width: calc((1800px - 2.5396825396825395vw*4)/4);
    margin: 0 1.2698412698412698vw;
    overflow: hidden;
    border-radius: 10px;
    background-color: #fff
  }

  .special-slide a {
    display: block;
    height: 100%;
    padding-bottom: 16px
  }

  .special-slide a:before {
    box-sizing: border-box;
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    width: calc(100% - .5px);
    height: 100%;
    border: 2px solid transparent;
    border-radius: 10px;
    content: "";
    transition: border .4s ease 0s;
    will-change: border
  }

  .special-slide a:hover {
    transition: opacity .4s ease 0s;
    will-change: opacity
  }

  .special-slide a:hover:hover {
    opacity: .64
  }

  .special-slide a:hover:before {
    border-color: #3391ca
  }

  .special-slide a:hover .btn-area {
    background-color: #3391ca
  }

  .special-slide__img {
    position: relative;
    width: 100%;
    padding-top: 63%;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f6f6f6;
    text-align: center
  }

  .special-slide__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    transition: .3s ease 0s;
    will-change: transform
  }

  .special-slide__planing {
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    text-align: center
  }

  .special-slide__plan {
    width: 50%;
    padding: 10px
  }

  .special-slide__plan--standard {
    background-color: #faeded;
    color: #e72c2a
  }

  .special-slide__plan--wide {
    background-color: #fdf4d5;
    color: #d9ac0e
  }

  .special-slide__plan--basic {
    background-color: #ebf3f7;
    color: #0076bd
  }

  .special-slide__text {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 24px 0;
    text-align: center
  }

  .special-slide__name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 2.5em;
    font-size: 1rem;
    line-height: 1.3
  }

  .special-slide__economy {
    color: #444;
    font-size: .875rem
  }

  .special-slide .btn-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 192px;
    height: 40px;
    margin: 18px auto 0;
    border-radius: 5px;
    background-color: #0076bd;
    font-size: 1rem;
    text-align: center
  }

  .special-slide .btn-area span {
    color: #fff;
    line-height: 1
  }

  .special-slide .btn-area__inner {
    padding-right: 0
  }

  .special-slide .btn-area i {
    margin-right: 10px;
    font-size: 1.875rem
  }

  .special__note {
    width: 100%;
    max-width: calc(1800px - .6349206349206349vw);
    margin: 38px 0 0
  }

  .special__note__inner {
    padding-left: 1.9047619047619049vw
  }

  .special__note__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .special__note__list__content {
    width: 24.444444444444443vw;
    min-width: 308px;
    max-width: 550px;
    min-height: 250px;
    overflow: hidden;
    border-radius: 6px
  }

  .special__note__list__content a {
    display: block;
    height: 100%
  }

  .special__note__list__content a:hover .special__note__list__content__txt:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
  }

  .special__note__list__content a .special__note__list__content__img {
    width: 100%
  }

  .special__note__list__content a .special__note__list__content__txt {
    position: relative;
    width: 100%;
    height: 5.079365079365079vw;
    min-height: 64px;
    overflow: hidden;
    border-radius: 0 0 6px 6px;
    background-color: #fff;
    color: #000;
    font-size: 1.125rem
  }

  .special__note__list__content a .special__note__list__content__txt:before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    background-color: #e9f3f9;
    content: '';
    transition: -webkit-transform .4s ease 0s;
    transition: transform .4s ease 0s;
    transition: transform .4s ease 0s, -webkit-transform .4s ease 0s;
    will-change: transform
  }

  .special__note__list__content a .special__note__list__content__txt__inner {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden
  }

  .special__note__list__content a .special__note__list__content__txt__inner [class^=glyphs] {
    padding-top: 2px
  }

  .special__note__list__content a .special__note__list__content__txt .glyphs-arrow_dotted_r {
    position: absolute;
    top: 50%;
    right: 18px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: -webkit-transform .4s ease 0s;
    transition: transform .4s ease 0s;
    transition: transform .4s ease 0s, -webkit-transform .4s ease 0s;
    will-change: transform
  }

  .special__note__list__content a .special__note__list__content__txt .glyphs-arrow_dotted_r:before {
    color: #0076bd;
    font-size: .875rem
  }

  .special__note__box {
    margin: 38px 0 0
  }

  .special__note__box__attention {
    color: #444;
    font-size: .75rem;
    text-align: center
  }

  .special__note__box__txt {
    margin-top: 22px;
    color: #444;
    font-size: 1.125rem;
    text-align: center
  }

  .special__note__btn-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -5px
  }

  .special__note .btn-slide--l {
    width: 410px;
    height: 80px;
    margin: 24px 0 0;
    font-size: 1.375rem
  }

  .special__note .btn-slide--l a {
    font-family: 'UD譁ｰ繧ｴ M', UD Shin Go Medium
  }

  .special__note .btn-slide--l:not(:first-of-type) {
    margin-left: 22px
  }

  .special__attention2 {
    margin-top: 20px;
    color: #444;
    font-size: .75rem;
    text-align: center
  }

  .special .store_btn2 {
    width: 748px;
    height: 80px;
    margin: 30px auto 0;
    border-radius: 6px;
    font-size: 1.375rem
  }

  .special .store_btn2 a {
    font-family: 'UD譁ｰ繧ｴ M', UD Shin Go Medium
  }

  .special .swiper-pagination {
    z-index: 3;
    position: relative;
    margin-top: 25px
  }

  .special .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 9px !important;
    background-color: #d0d0d0;
    cursor: pointer;
    opacity: 1
  }

  .special .swiper-pagination-bullet-active {
    background-color: #0076bd
  }

  .special .swiper-button {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-top: 3px;
    padding-top: 3px;
    padding-left: 5px;
    border-radius: 50%;
    background-color: #444;
    background-image: none;
    color: #fff;
    font-size: .875rem;
    transition: background .3s ease 0s;
    will-change: background
  }

  .special .swiper-button:hover {
    background-color: #404040
  }

  .special .swiper-button-prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
}

@media(min-width: 1230px) {
  .flow-list__item {
    height: 23.809523809523807vw
  }

  .flow-list__item:after {
    top: 5.952380952380952vw
  }
}

@media(max-width: 1286px) {

  .mainSlide .mainSlide_slider .swiper-button-prev,
  .mainSlide .mainSlide_slider .swiper-button-next {
    width: 47px;
    height: 47px
  }
}

@media(max-width: 1130px) and (min-width:768px) {
  .mainSlide .mainSlide_slider .swiper-button-prev {
    left: 0
  }

  .mainSlide .mainSlide_slider .swiper-button-next {
    right: 0
  }

  .recommended .recommended_slider .swiper-button-prev {
    left: -24px
  }

  .recommended .recommended_slider .swiper-button-next {
    right: -24px
  }
}

@media(max-width: 1070px) and (min-width:768px) {
  .recommended .recommended_slider .swiper-button-prev {
    left: 0
  }

  .recommended .recommended_slider .swiper-button-next {
    right: 0
  }
}

@media only screen and (max-width: 767px) {
  .mv {
    position: relative;
    height: 102.66666666666666vw
  }

  .mv__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 12%
  }

  .mv__img {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../images/index/mv_img_sp.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }

  .mv__text {
    position: absolute;
    bottom: 44vw;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: white;
    text-align: center
  }

  .mv__text-en {
    font-family: DIN Next W01 Bold;
    font-size: 2.666666666666667vw;
    letter-spacing: 0;
    line-height: 1.2;
    white-space: nowrap;
    word-break: keep-all
  }

  .mv__text-jp {
    margin-top: 2.666666666666667vw;
    font-size: 7.466666666666668vw;
    line-height: 1.3;
    text-shadow: 0 5px 15px rgba(0, 0, 0, .35)
  }

  .mv__text__sub {
    margin-top: 3.2vw;
    font-size: 3.2vw;
    line-height: 1.6
  }

  .mv__scroll {
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 16vw;
    height: 6.133333333333333vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(../images/index/mv_scroll_bg.png) center bottom no-repeat;
    background-size: 100% 100%;
    color: #0076bd;
    font-size: 2.933333333333333vw
  }

  .mv__scroll a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
  }

  .mv__scroll a i {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px)
  }

  .mv .btn-slide {
    width: 45.33333333333333vw;
    height: 12.533333333333333vw;
    margin-top: 8.666666666666668vw;
    font-size: 4vw
  }

  .mv .btn-slide i {
    margin-right: 2.4vw;
    font-size: 4.533333333333333vw
  }

  .merit {
    position: relative;
    padding: 8vw 0 1.3333333333333335vw
  }

  .merit:after {
    display: block;
    position: absolute;
    bottom: 1.3333333333333335vw;
    left: 0;
    width: 100%;
    height: 87.73333333333333vw;
    background-color: #fff;
    content: ''
  }

  .merit:before {
    background-size: 12.8vw .13333333333333333vw
  }

  .merit_title {
    margin-bottom: 8vw;
    font-size: 4vw;
    line-height: 1.3;
    text-align: center
  }

  .merit_title .big {
    font-size: 6.133333333333333vw
  }

  .merit_title .blue {
    color: #0076bd;
    font-size: 8.533333333333333vw
  }

  .merit_title .red {
    color: #e72c2a
  }

  .merit_inner {
    box-sizing: border-box;
    width: 86.66666666666667vw;
    margin: 0 auto;
    padding: 8vw 0 9.333333333333334vw;
    border-radius: 1.6vw;
    background-color: #fff
  }

  .merit_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
  }

  .merit_point {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 37.333333333333336vw;
    height: 37.333333333333336vw;
    border-radius: 50%;
    text-align: center
  }

  .merit_point--gray {
    margin: 0 2vw;
    background-color: #f2f2f2
  }

  .merit_point--pink {
    margin: 0 2vw;
    background-color: #faeded
  }

  .merit_point--pink .merit_order {
    color: #e72c2a
  }

  .merit_point--blue {
    background-color: #ebf3f7
  }

  .merit_point--blue .merit_order {
    margin-top: -3.2vw;
    color: #0076bd
  }

  .merit_order {
    font-family: DIN Next W01 Bold;
    font-size: 5.333333333333334vw;
    letter-spacing: -.33333333333333337vw;
    line-height: 1
  }

  .merit_text {
    margin-top: 2vw;
    font-size: 3.2vw;
    line-height: 1.4
  }

  .merit_text .big {
    font-size: 4vw;
    line-height: 1.3
  }

  .merit_text .lh {
    line-height: 1.8
  }

  .various {
    padding: 12vw 0 10.666666666666668vw
  }

  .various:before {
    display: none
  }

  .various__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 35px;
    font-weight: 400
  }

  .various__title-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12.666666666666668vw;
    height: 12.666666666666668vw;
    margin-right: 2.666666666666667vw;
    border-radius: 50%;
    background-color: #e72c2a;
    color: white;
    font-size: 5.333333333333334vw
  }

  .various__title__text span {
    display: block
  }

  .various__title__text--en {
    color: #e72c2a;
    font-family: DIN Next W01 Bold;
    font-size: 2.666666666666667vw;
    letter-spacing: 0
  }

  .various__title__text--small {
    margin: 1.3333333333333335vw 0;
    font-size: 3.4666666666666663vw !important
  }

  .various__title__text--jp {
    font-size: 5.866666666666666vw
  }

  .various-slide {
    margin-top: 9.333333333333334vw
  }

  .various-slide__item {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 86.66666666666667vw;
    height: 80.66666666666666vw;
    margin: 0 .6666666666666667vw;
    padding: 0 4.933333333333334vw;
    overflow: hidden;
    -webkit-transform: scale(.95);
    transform: scale(.95);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: .5;
    transition: -webkit-transform .4s linear .1s;
    transition: transform .4s linear .1s;
    transition: transform .4s linear .1s, -webkit-transform .4s linear .1s;
    will-change: transform, opacity
  }

  .various-slide a {
    display: block
  }

  .various-slide__img {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 49.333333333333336vw
  }

  .various-slide__text {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 76vw;
    height: 43.86666666666667vw;
    padding: 0 6vw;
    background-color: #fff;
    text-align: center
  }

  .various-slide__head-en {
    display: block;
    color: #e72c2a;
    font-family: DIN Next W01 Bold;
    font-size: 3.2vw;
    line-height: 1
  }

  .various-slide__head-jp {
    display: block;
    margin-top: 2.666666666666667vw;
    font-size: 4vw;
    line-height: 1.3
  }

  .various-slide .swiper-slide-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  .various-slide .btn-slide {
    width: 64vw;
    height: 12vw;
    margin-top: 4vw;
    font-size: 3.4666666666666663vw
  }

  .various .swiper-container {
    overflow: visible
  }

  .various .swiper-pagination {
    position: relative;
    margin-top: 6.666666666666667vw
  }

  .various .swiper-pagination-bullet {
    width: 2.1333333333333333vw;
    height: 2.1333333333333333vw;
    margin: 0 1.6vw !important;
    background-color: #dcdcdc;
    opacity: 1
  }

  .various .swiper-pagination-bullet-active {
    background-color: #0076bd
  }

  .mainSlide {
    background: url(../images/utils/deco_line_l_f.png) repeat;
    background-size: 12.8vw .13333333333333333vw
  }

  .mainSlide .inner {
    padding: 10.133333333333333vw 0
  }

  .mainSlide .mainSlide_slider {
    position: relative
  }

  .mainSlide .mainSlide_slider .swiper-container {
    width: 89.06666666666668vw;
    height: 102.66666666666666vw;
    overflow: hidden;
    border-radius: .8vw
  }

  .mainSlide .mainSlide_slider .swiper-button-prev,
  .mainSlide .mainSlide_slider .swiper-button-next {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 7.6vw;
    height: 7.6vw;
    border-radius: 50%;
    background: #4e4e4e;
    background-image: none
  }

  .mainSlide .mainSlide_slider .swiper-button-prev .glyphs-arrow_r,
  .mainSlide .mainSlide_slider .swiper-button-next .glyphs-arrow_r {
    color: #fff;
    font-size: 2.666666666666667vw
  }

  .mainSlide .mainSlide_slider .swiper-button-prev {
    left: 2.666666666666667vw
  }

  .mainSlide .mainSlide_slider .swiper-button-prev .glyphs-arrow_r {
    margin-top: .5333333333333333vw;
    margin-right: .8vw;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
  }

  .mainSlide .mainSlide_slider .swiper-button-next {
    right: 2.666666666666667vw
  }

  .mainSlide .mainSlide_slider .swiper-button-next .glyphs-arrow_r {
    margin-top: .5333333333333333vw;
    margin-left: .8vw
  }

  .searchCar {
    position: relative;
    padding: 9.866666666666667vw 0 8.533333333333333vw;
    background-color: #fff
  }

  .searchCar:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.3333333333333335vw;
    background: url(../images/utils/deco_line_l_f.png) repeat;
    background-size: 12.8vw .13333333333333333vw;
    content: ''
  }

  .searchCar .inner {
    padding: 0 5.333333333333334vw
  }

  .searchCar__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 6.666666666666667vw;
    font-weight: 400
  }

  .searchCar__title-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12.8vw;
    height: 12.8vw;
    margin-right: 2.1333333333333333vw;
    border-radius: 50%;
    background-color: #e72c2a;
    color: white;
    font-size: 5.6000000000000005vw
  }

  .searchCar__title-icon i {
    padding-top: .8vw
  }

  .searchCar__title__text span {
    display: block
  }

  .searchCar__title__text--en {
    margin-bottom: 1.6vw;
    color: #e72c2a;
    font-family: DIN Next W01 Bold;
    font-size: 2.666666666666667vw;
    letter-spacing: 0
  }

  .searchCar__title__text--jp {
    font-size: 6.133333333333333vw
  }

  .searchCar__title__text--jp span {
    display: inline;
    font-size: 8.533333333333333vw
  }

  .searchCar__box {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 10.666666666666668vw;
    margin-top: 6.933333333333333vw
  }

  .searchCar__box .txt__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 15.733333333333333vw 0 5.066666666666666vw;
    border: none;
    border: 2px solid #e5e5e5;
    border-radius: 1.3333333333333335vw;
    outline: none;
    background-color: #fff;
    font-family: '繝偵Λ繧ｮ繝手ｧ偵ざ Pro', Hiragino Kaku Gothic Pro, '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', Hiragino Kaku Gothic Pro, '繝｡繧､繝ｪ繧ｪ', Meiryo, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
    font-size: 16px;
    transition: background .3s ease 0s;
    will-change: background
  }

  .searchCar__box .txt__input:focus {
    background-color: #eaf4f9
  }

  .searchCar__box .txt__input::-webkit-input-placeholder {
    color: #b2b2b2
  }

  .searchCar__box .txt__input:-ms-input-placeholder {
    color: #b2b2b2
  }

  .searchCar__box .txt__input::-ms-input-placeholder {
    color: #b2b2b2
  }

  .searchCar__box .txt__input::placeholder {
    color: #b2b2b2
  }

  .searchCar__box .btn__area {
    position: absolute;
    top: 0;
    right: 0;
    width: 10.666666666666668vw;
    height: 100%;
    border-radius: 0 1.3333333333333335vw 1.3333333333333335vw 0;
    background-color: #0076bd
  }

  .searchCar__box .btn__area a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
  }

  .searchCar__box .btn__area a i {
    padding-top: .8vw;
    color: #fff;
    font-size: 4.533333333333333vw
  }

  .searchCar__btnList {
    width: 100%;
    margin: 7.466666666666668vw auto 0
  }

  .searchCar__btnList-ttl {
    font-size: 3.733333333333334vw;
    text-align: center
  }

  .searchCar__btnList-ctt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 5.333333333333334vw
  }

  .searchCar__btnList-ctt li:nth-of-type(n+5) {
    margin-top: 1.866666666666667vw
  }

  .searchCar__btnList-ctt li .searchCar__btnList-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20.8vw;
    height: 20.8vw;
    border-radius: .8vw;
    background: #e9f3f9;
    font-size: 3.2vw
  }

  .searchCar .btn-slide {
    width: 100%;
    height: 14.666666666666666vw;
    margin-top: 6.933333333333333vw;
    font-size: 3.733333333333334vw
  }

  .recommended {
    padding: 9.866666666666667vw 0 0;
    background-color: #fff
  }

  .recommended>.bg {
    margin-top: 6.933333333333333vw;
    padding: 9.333333333333334vw 0;
    background: repeating-linear-gradient(90deg, #e7f2f9 0, #e7f2f9 4px, #e1eff7 4px, #e1eff7 6px)
  }

  .recommended>.bg>.inner {
    padding: 0
  }

  .recommended>.bg>.inner>.btn-slide {
    width: 89.33333333333333vw;
    height: 14.666666666666666vw;
    margin: 8.799999999999999vw auto 0;
    font-size: 3.733333333333334vw
  }

  .recommended__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 6.666666666666667vw;
    font-weight: 400
  }

  .recommended__title-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12.8vw;
    height: 12.8vw;
    margin-right: 2.1333333333333333vw;
    border-radius: 50%;
    background-color: #e72c2a;
    color: white;
    font-size: 7.466666666666668vw
  }

  .recommended__title-icon i {
    padding-top: .8vw;
    padding-left: .8vw
  }

  .recommended__title__text span {
    display: block
  }

  .recommended__title__text--en {
    margin-bottom: 1.6vw;
    color: #e72c2a;
    font-family: DIN Next W01 Bold;
    font-size: 2.666666666666667vw;
    letter-spacing: 0
  }

  .recommended__title__text--jp {
    font-size: 6.4vw
  }

  .recommended__title__text--jp span {
    display: inline;
    font-size: 8.533333333333333vw
  }

  .recommended .recommended_slider {
    position: relative
  }

  .recommended .recommended_slider .swiper-container {
    margin: 0 auto;
    overflow: hidden
  }

  .recommended .recommended_slider .swiper-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }

  .recommended .recommended_slider .swiper-slide {
    width: 70.66666666666667vw;
    height: 77.33333333333333vw;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: opacity .6s ease 0s, -webkit-transform .6s ease 0s;
    transition: transform .6s ease 0s, opacity .6s ease 0s;
    transition: transform .6s ease 0s, opacity .6s ease 0s, -webkit-transform .6s ease 0s;
    will-change: transform, opacity
  }

  .recommended .recommended_slider .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active) {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: .64;
    pointer-events: none
  }

  .recommended .recommended_slider .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active).swiper-slide-next,
  .recommended .recommended_slider .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active).swiper-slide-duplicate-next {
    -webkit-transform: scale(.8) translateX(-3.4666666666666663vw);
    transform: scale(.8) translateX(-3.4666666666666663vw)
  }

  .recommended .recommended_slider .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active).swiper-slide-prev,
  .recommended .recommended_slider .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active).swiper-slide-duplicate-prev {
    -webkit-transform: scale(.8) translateX(3.4666666666666663vw);
    transform: scale(.8) translateX(3.4666666666666663vw)
  }

  .recommended .recommended_slider .swiper-slide .box {
    position: relative;
    right: auto;
    left: auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 1.3333333333333335vw;
    background: #fff
  }

  .recommended .recommended_slider .swiper-slide .box_tag {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 4.533333333333333vw;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 41.6vw;
    height: 7.199999999999999vw;
    border-radius: 0 0 1.3333333333333335vw 1.3333333333333335vw;
    color: #fff;
    font-family: 'UD譁ｰ繧ｴ B', UD Shin Go Bold;
    font-size: 2.933333333333333vw;
    text-align: center
  }

  .recommended .recommended_slider .swiper-slide .box_tag.color_01 {
    background: #e86d00
  }

  .recommended .recommended_slider .swiper-slide .box_tag.color_02 {
    background: #0065a1
  }

  .recommended .recommended_slider .swiper-slide .box_tag.color_03 {
    background: #47afee
  }

  .recommended .recommended_slider .swiper-slide .box_tag.color_04 {
    background: #ff8181
  }

  .recommended .recommended_slider .swiper-slide .box_tag.color_05 {
    background: #dbaf28
  }

  .recommended .recommended_slider .swiper-slide .box_image {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 43.2vw;
    padding: 8.266666666666666vw 8.799999999999999vw 0;
    overflow: hidden;
    border-bottom: 5px solid #f6f6f6
  }

  .recommended .recommended_slider .swiper-slide .box_image img {
    width: 100%
  }

  .recommended .recommended_slider .swiper-slide .box_txt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: calc(77.33333333333333vw - 43.2vw);
    text-align: center
  }

  .recommended .recommended_slider .swiper-slide .box_txt .sub {
    font-size: 3.733333333333334vw
  }

  .recommended .recommended_slider .swiper-slide .box_txt .main {
    font-size: 4.3999999999999995vw
  }

  .recommended .recommended_slider .swiper-slide .box_btn {
    width: 42.66666666666667vw;
    margin: 2.666666666666667vw auto 0
  }

  .recommended .recommended_slider .swiper-slide .box_btn .btn-slide--blue {
    height: 9.333333333333334vw
  }

  .recommended .recommended_slider .swiper-slide .box_btn .btn-slide--blue:before {
    content: none
  }

  .recommended .recommended_slider .swiper-slide .box_btn .btn-slide--blue .btn-slide__inner {
    padding-right: 0;
    font-family: 'UD譁ｰ繧ｴ M', UD Shin Go Medium;
    font-size: 3.4666666666666663vw
  }

  .recommended .recommended_slider .swiper-slide a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
  }

  .recommended .recommended_slider .swiper-button-prev,
  .recommended .recommended_slider .swiper-button-next {
    display: none
  }

  .ranking {
    padding: 8.533333333333333vw 0 12vw;
    background-color: #fff
  }

  .ranking .inner {
    padding: 0 5.333333333333334vw
  }

  .ranking__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: 400
  }

  .ranking__title-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12.8vw;
    height: 12.8vw;
    margin-right: 2.1333333333333333vw;
    border-radius: 50%;
    background-color: #e2ba2e;
    color: white;
    font-size: 4.8vw
  }

  .ranking__title-icon i {
    padding-top: 8%;
    padding-left: 2%
  }

  .ranking__title__text span {
    display: block
  }

  .ranking__title__text--en {
    margin-bottom: 1.6vw;
    color: #e2ba2e;
    font-family: DIN Next W01 Bold;
    font-size: 2.666666666666667vw;
    letter-spacing: 0
  }

  .ranking__title__text--jp {
    font-size: 6.133333333333333vw
  }

  .ranking__title__text--jp span {
    display: inline;
    font-size: 8.533333333333333vw
  }

  .ranking .ranking__list {
    margin-top: 6.666666666666667vw
  }

  .ranking .ranking__list_item+.ranking__list_item {
    margin-top: 4.8vw
  }

  .ranking .ranking__list .box {
    width: 77.33333333333333vw;
    height: 69.86666666666666vw;
    margin: 0 auto;
    overflow: hidden;
    border: 2px solid #e5e5e5;
    border-radius: 1.3333333333333335vw;
    background: #fff
  }

  .ranking .ranking__list .box_image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 42.66666666666667vw;
    padding: 0 9.6vw;
    overflow: hidden;
    border-bottom: 5px solid #f6f6f6
  }

  .ranking .ranking__list .box_image img {
    width: 100%
  }

  .ranking .ranking__list .box_txt {
    margin-top: 4.266666666666667vw;
    font-size: 3.733333333333334vw;
    text-align: center
  }

  .ranking .ranking__list .box_btn {
    width: 53.333333333333336vw;
    margin: 2.666666666666667vw auto 0
  }

  .ranking .ranking__list .box_btn .btn-slide--blue {
    width: 100%;
    height: 9.333333333333334vw
  }

  .ranking .ranking__list .box_btn .btn-slide--blue .btn-slide__inner {
    font-size: 3.4666666666666663vw
  }

  .ranking .ranking__list .box_btn .btn-slide--blue .glyphs-arrow_dotted_r {
    padding-top: .5333333333333333vw
  }

  .ranking .ranking__list .box_btn .btn-slide--blue .glyphs-arrow_dotted_r:before {
    font-size: 3.2vw
  }

  .ranking__note {
    margin-top: 7.199999999999999vw;
    color: #444;
    font-size: 3.2vw
  }

  .ranking__note_ctt {
    padding-left: 1em;
    text-indent: -1em
  }

  .days {
    background: url(../images/index/days_bg_sp.jpg) center center no-repeat;
    background-size: cover
  }

  .days .inner {
    position: relative;
    padding: 16.53333333333333vw 0
  }

  .days_ctt {
    color: #fff
  }

  .days_ctt .ttl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
  }

  .days_ctt .ttl .main {
    font-family: DIN Next W01 Bold;
    font-size: 8.533333333333333vw;
    letter-spacing: 0
  }

  .days_ctt .ttl .sub {
    margin-top: .8vw;
    font-family: 'UDﾃｦ窶督ｰﾃ｣窶堋ｴ DB', UD Shin Go DeBold;
    font-size: 3.2vw
  }

  .days_ctt .txt {
    margin-top: 9.333333333333334vw;
    font-family: 'UD譁ｰ繧ｴ R', UD Shin Go Regular;
    font-size: 3.4666666666666663vw;
    text-align: center
  }

  .days .btn-slide--blue {
    width: 86.66666666666667vw;
    height: 14.666666666666666vw;
    margin: 6.666666666666667vw auto 0
  }

  .days .btn-slide--blue .btn-slide__inner {
    box-sizing: border-box;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 22.666666666666664vw;
    font-family: 'UDﾃｦ窶督ｰﾃ｣窶堋ｴ DB', UD Shin Go DeBold;
    font-size: 3.733333333333334vw
  }

  .days .btn-slide--blue .glyphs-arrow_dotted_r {
    right: 3.733333333333334vw;
    font-size: 4.266666666666667vw
  }

  .days .days_slider {
    margin-top: 6.4vw;
    margin-left: -2.666666666666667vw
  }

  .days .days_slider_inner {
    position: relative;
    padding-bottom: 10.133333333333333vw
  }

  .days .days_slider .swiper-pagination {
    bottom: 0;
    left: 1.0666666666666667vw;
    width: 100%
  }

  .days .days_slider .swiper-pagination .swiper-pagination-bullet {
    width: 2.4vw;
    height: 2.4vw;
    margin: 0 1.3333333333333335vw;
    background: #fff;
    opacity: 1
  }

  .days .days_slider .swiper-pagination .swiper-pagination-bullet-active {
    background: #0076bd
  }

  .days .days_slider .swiper-container {
    position: static
  }

  .days .days_slider .swiper-slide {
    box-sizing: border-box;
    width: 86.66666666666667vw;
    margin-left: 3.4666666666666663vw;
    overflow: hidden;
    border-radius: 1.3333333333333335vw
  }

  .days .days_slider_ctt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff
  }

  .days .days_slider_ctt_inner {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .days .days_slider_ctt_image {
    height: 41.333333333333336vw
  }

  .days .days_slider_ctt_image.case_01 {
    background: url(../images/index/days01.jpg) no-repeat;
    background-size: contain
  }

  .days .days_slider_ctt_image.case_02 {
    background: url(../images/index/days02.jpg) no-repeat;
    background-size: contain
  }

  .days .days_slider_ctt_txt {
    position: relative;
    height: 11.733333333333333vw;
    background: #fff
  }

  .days .days_slider_ctt_txt span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }

  .days .days_slider_ctt_txt .case {
    position: absolute;
    top: -6.533333333333332vw;
    left: 2.666666666666667vw;
    -ms-flex-pack: center;
    justify-content: center;
    width: 14.933333333333335vw;
    height: 6.4vw;
    border-radius: 1.3333333333333335vw 1.3333333333333335vw 0 0;
    background: #e5f1f8;
    color: #0076bd;
    font-family: Roboto, sans-serif;
    font-size: 2.666666666666667vw;
    letter-spacing: 0
  }

  .days .days_slider_ctt_txt .ttl {
    height: 100%;
    padding-left: 4.533333333333333vw;
    font-size: 4vw
  }

  .days .days_slider_ctt_txt .glyphs-arrow_dotted_r {
    position: absolute;
    top: 0;
    right: 1.866666666666667vw;
    bottom: 0;
    height: 4vw;
    margin: auto
  }

  .days .days_slider_ctt_txt .glyphs-arrow_dotted_r:before {
    color: #0076bd;
    font-size: 4vw
  }

  .lease {
    box-sizing: border-box;
    padding: 16vw 0 14.666666666666666vw;
    background: url(../images/index/lease_bg_sp.jpg) center center no-repeat;
    background-size: cover
  }

  .lease .inner {
    padding: 0
  }

  .lease__title {
    z-index: 3;
    position: relative;
    color: #fff;
    font-weight: 400;
    text-align: center
  }

  .lease__title-en {
    display: block;
    font-family: DIN Next W01 Bold;
    font-size: 8.533333333333333vw
  }

  .lease__title-jp {
    display: block;
    margin-top: 2.666666666666667vw;
    font-size: 3.2vw
  }

  .lease__catch {
    margin-top: 10vw;
    color: #fff;
    text-align: center
  }

  .lease-slide {
    margin-top: 6.666666666666667vw
  }

  .lease-slide__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 86.66666666666667vw;
    margin: 0 1.6vw;
    border-radius: 1.3333333333333335vw;
    background-color: #fff
  }

  .lease-slide a {
    display: block
  }

  .lease-slide__img {
    position: relative;
    width: 100%;
    height: 39.6vw;
    overflow: hidden
  }

  .lease-slide__text {
    box-sizing: border-box;
    padding: 2.666666666666667vw 5.333333333333334vw;
    color: #000;
    font-size: 3.4666666666666663vw
  }

  .lease-slide__text-more {
    color: #0076bd
  }

  .lease-slide__text-more em {
    font-size: 2.666666666666667vw;
    font-style: normal;
    text-decoration: underline
  }

  .lease .btn-slide {
    width: 86.66666666666667vw;
    height: 14.666666666666666vw;
    margin: 2.666666666666667vw auto 0;
    font-size: 3.4666666666666663vw
  }

  .lease .btn-slide .glyphs-arrow_dotted_r {
    position: absolute;
    top: 50%;
    right: 3.733333333333334vw;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 4vw
  }

  .lease .swiper-pagination {
    z-index: 3;
    position: relative;
    margin-top: 5.333333333333334vw
  }

  .lease .swiper-pagination-bullet {
    width: 2.1333333333333333vw;
    height: 2.1333333333333333vw;
    margin: 0 1.6vw !important;
    background-color: #fff;
    cursor: pointer;
    opacity: 1
  }

  .lease .swiper-pagination-bullet-active {
    background-color: #0076bd
  }

  .plan {
    position: relative;
    padding: 14.000000000000002vw 0 13.333333333333334vw;
    background-color: #fff
  }

  .plan:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.3333333333333335vw;
    background: url(../images/utils/deco_line_l_f.png) repeat;
    background-size: 12.8vw .13333333333333333vw;
    content: ''
  }

  .plan .inner {
    padding: 0 5.333333333333334vw
  }

  .plan__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 6.666666666666667vw;
    font-weight: 400
  }

  .plan__title-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12.8vw;
    height: 12.8vw;
    margin-right: 2.1333333333333333vw;
    border-radius: 50%;
    background-color: #e72c2a;
    color: white;
    font-size: 5.866666666666666vw
  }

  .plan__title-icon i {
    padding-top: 12%
  }

  .plan__title__text span {
    display: block
  }

  .plan__title__text--en {
    margin-bottom: 1.6vw;
    color: #e72c2a;
    font-family: DIN Next W01 Bold;
    font-size: 2.666666666666667vw;
    letter-spacing: 0
  }

  .plan__title__text--jp {
    font-size: 6.133333333333333vw
  }

  .plan__title__text--jp span {
    display: inline;
    font-size: 8.533333333333333vw
  }

  .plan-list {
    margin-top: 8.666666666666668vw
  }

  .plan-list__item {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 4.266666666666667vw 0;
    border-width: .5333333333333333vw;
    border-style: solid;
    border-radius: 1.6vw;
    background-color: #fff;
    font-size: 3.2vw;
    line-height: 1.5
  }

  .plan-list__item:nth-child(n+2) {
    margin-top: 2.666666666666667vw
  }

  .plan-list__item:nth-of-type(1) {
    border-color: #e2ba2e
  }

  .plan-list__item:nth-of-type(1) .plan-list__title {
    color: #e2ba2e
  }

  .plan-list__item:nth-of-type(1) .plan-list__title:after {
    background-color: #f5e7b6
  }

  .plan-list__item:nth-of-type(2) {
    border-color: #e72c2a
  }

  .plan-list__item:nth-of-type(2) .plan-list__title {
    color: #e72c2a
  }

  .plan-list__item:nth-of-type(2) .plan-list__title:after {
    background-color: #f7b8b5
  }

  .plan-list__item:nth-of-type(3) {
    border-color: #0076bd
  }

  .plan-list__item:nth-of-type(3) .plan-list__title {
    color: #0076bd
  }

  .plan-list__item:nth-of-type(3) .plan-list__title:after {
    background-color: #a6cfe8
  }

  .plan-list__title {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
    margin-right: 3.733333333333334vw;
    color: #0076bd;
    font-size: 4vw;
    line-height: 1;
    text-align: center
  }

  .plan-list__title:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: .26666666666666666vw;
    height: 8.666666666666668vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
  }

  .plan-list__recommend {
    position: absolute;
    top: -1.4666666666666666vw;
    left: -1.2vw;
    width: 17.599999999999998vw;
    height: 17.066666666666666vw;
    overflow: hidden
  }

  .plan-list__recommend span {
    -webkit-transform: rotate(-45deg);
    display: inline-block;
    position: absolute;
    top: 4vw;
    left: -5.333333333333334vw;
    width: 24vw;
    padding: .9333333333333335vw 0;
    transform: rotate(-45deg);
    background: #e86d00;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    color: #fff;
    font-size: 2.933333333333333vw;
    letter-spacing: 0;
    line-height: 3.2vw;
    text-align: center
  }

  .plan-list__recommend span:before,
  .plan-list__recommend span:after {
    position: absolute;
    bottom: -.8vw;
    border-top: 4px solid #b95700;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: ""
  }

  .plan-list__recommend span:before {
    left: 0
  }

  .plan-list__recommend span:after {
    right: .4vw
  }

  .plan .btn-slide {
    width: 100%;
    height: 14.666666666666666vw;
    margin-top: 6.4vw;
    font-size: 4vw
  }

  .flow {
    position: relative;
    padding: 9.066666666666666vw 0 0;
    background-color: #fff
  }

  .flow .inner {
    padding: 0
  }

  .flow__bg {
    padding: 4.666666666666667vw 0 14.266666666666666vw;
    background: repeating-linear-gradient(90deg, #e7f2f9 0, #e7f2f9 4px, #e1eff7 4px, #e1eff7 6px)
  }

  .flow__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 8vw;
    padding: 0 5.333333333333334vw;
    font-weight: 400
  }

  .flow__title-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12vw;
    height: 12vw;
    margin-right: 2.666666666666667vw;
    border-radius: 50%;
    background-color: #e72c2a;
    color: white;
    font-size: 4vw
  }

  .flow__title-icon i {
    padding-top: 12%
  }

  .flow__title__text span {
    display: block
  }

  .flow__title__text--en {
    margin-bottom: 1.3333333333333335vw;
    color: #e72c2a;
    font-family: DIN Next W01 Bold;
    font-size: 2.666666666666667vw;
    letter-spacing: 0
  }

  .flow__title__text--jp {
    font-size: 6.133333333333333vw
  }

  .flow-tab-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 86.66666666666667vw;
    margin: 0 auto
  }

  .flow-store.custom {
    margin-top: 14.266666666666666vw
  }

  .flow-store-item {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 86.66666666666667vw;
    height: 10.666666666666668vw;
    margin: 0 auto;
    border-radius: 1.6vw;
    background-color: #fff;
    font-size: 3.4666666666666663vw
  }

  .flow-store-item:before {
    box-sizing: border-box;
    display: none;
    position: absolute;
    bottom: -2.1333333333333333vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-top: 2.1333333333333333vw solid #0076bd;
    border-right: 1.6vw solid transparent;
    border-left: 1.6vw solid transparent;
    content: ''
  }

  .flow-content {
    position: relative;
    width: 86.66666666666667vw;
    margin: 4.533333333333333vw auto 0
  }

  .flow-list {
    box-sizing: border-box;
    position: relative
  }

  .flow-list__item {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 10.666666666666668vw;
    border: .26666666666666666vw solid #e5e5e5;
    border-radius: 1.6vw;
    background-color: #fff;
    font-size: 3.2vw;
    line-height: 1.5
  }

  .flow-list__item:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: -7.333333333333333vw;
    left: 50%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translate(-50%, 1.3333333333333335vw);
    transform: translate(-50%, 1.3333333333333335vw);
    font-family: glyphs !important;
    font-size: 4.933333333333334vw;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-align: center;
    text-transform: none;
    content: '\f101'
  }

  .flow-list__item:nth-of-type(1) .flow-list__title {
    line-height: 1.4
  }

  .flow-list__item:nth-of-type(1) .gray-area img {
    width: 14.133333333333335vw
  }

  .flow-list__item:nth-of-type(2) .gray-area {
    box-sizing: border-box;
    padding-top: 1.3333333333333335vw;
    padding-left: 3.4666666666666663vw
  }

  .flow-list__item:nth-last-of-type(1) {
    margin-bottom: 0
  }

  .flow-list__item:nth-last-of-type(1):after {
    display: none
  }

  .flow-list__item:last-of-type .gray-area img {
    max-width: 20.266666666666666vw;
    max-height: 20vw
  }

  .flow-list__item .gray-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 26.13333333333333vw;
    background-color: #f1f1f1
  }

  .flow-list__item .gray-area img {
    max-width: 16.266666666666666vw;
    max-height: 16vw
  }

  .flow-list__item .white-area {
    padding: 4.533333333333333vw 4vw
  }

  .flow-list__title {
    margin-bottom: 2.666666666666667vw;
    font-size: 3.4666666666666663vw;
    font-weight: 400;
    line-height: 1
  }

  .flow-list p {
    font-family: 'UD譁ｰ繧ｴ R', UD Shin Go Regular;
    font-size: 3.2vw
  }

  .flow-estimate {
    z-index: 2;
    position: relative;
    width: 86.66666666666667vw;
    margin: 10vw auto 0
  }

  .flow-estimate__title {
    position: relative;
    margin: 0 auto 5.333333333333334vw;
    font-size: 4vw;
    text-align: center
  }

  .flow-estimate__list {
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 6.666666666666667vw
  }

  .flow-estimate .btn-slide {
    height: 14.666666666666666vw;
    font-size: 3.733333333333334vw
  }

  .flow-estimate .btn-slide span {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 7.466666666666668vw;
    height: 7.466666666666668vw;
    margin-right: 6vw;
    padding-top: .6666666666666667vw;
    border-radius: 50%;
    background-color: #fff
  }

  .flow-estimate .btn-slide span i {
    margin-right: 0;
    color: #0076bd;
    font-size: 4vw
  }

  .beginner {
    position: relative;
    padding: 8vw 0 13.866666666666665vw;
    background-color: #fff
  }

  .beginner:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.3333333333333335vw;
    background: url(../images/utils/deco_line_l_f.png) repeat;
    background-size: 12.8vw .13333333333333333vw;
    content: ''
  }

  .beginner .inner {
    padding: 0 5.333333333333334vw
  }

  .beginner__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 6.666666666666667vw;
    font-weight: 400
  }

  .beginner__title-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12.8vw;
    height: 12.8vw;
    margin-right: 2.1333333333333333vw;
    border-radius: 50%;
    background-color: #e72c2a;
    color: white;
    font-size: 5.866666666666666vw
  }

  .beginner__title-icon i {
    padding-top: 14%;
    padding-left: 2%
  }

  .beginner__title-icon i:before {
    font-size: 6.4vw
  }

  .beginner__title__text span {
    display: block
  }

  .beginner__title__text--jp {
    font-size: 6.133333333333333vw
  }

  .beginner__title__text--jp span {
    display: inline;
    font-size: 8.533333333333333vw
  }

  .beginner .btn-slide {
    width: 100%;
    height: 14.666666666666666vw;
    margin-top: 6.4vw;
    font-size: 4vw
  }

  .beginner .btn-slide+.btn-slide {
    margin-top: 3.4666666666666663vw
  }

  .contact {
    padding: 8vw 0;
    background: repeating-linear-gradient(90deg, #e7f2f9 0, #e7f2f9 4px, #e1eff7 4px, #e1eff7 6px)
  }

  .contact_inner {
    box-sizing: border-box;
    width: 89.60000000000001vw;
    margin: 0 auto;
    padding: 5.333333333333334vw 5.066666666666666vw;
    border-radius: 1.6vw;
    background-color: #fff
  }

  .contact__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4vw;
    padding-left: 1.3333333333333335vw;
    font-weight: 400
  }

  .contact__title-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 15.733333333333333vw;
    height: 13.333333333333334vw;
    margin-right: 4vw;
    background-image: url(../images/utils/contact_icon.png);
    background-repeat: no-repeat;
    background-size: contain
  }

  .contact__title__text span {
    display: block
  }

  .contact__title__text--en {
    margin-bottom: 1.6vw;
    color: #e72c2a;
    font-family: DIN Next W01 Bold;
    font-size: 2.933333333333333vw;
    letter-spacing: 0
  }

  .contact__title__text--jp {
    font-size: 6.133333333333333vw;
    line-height: 1.2
  }

  .contact_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .contact .btn-slide {
    width: 38vw;
    height: 12.266666666666666vw;
    font-size: 2.933333333333333vw
  }

  .contact .btn-slide i {
    margin-right: 1.6vw
  }

  .contact .btn-slide--shop i {
    font-size: 4vw
  }

  .contact .btn-slide--tel i {
    margin-top: .9333333333333335vw;
    font-size: 4.8vw
  }

  .topics {
    padding: 21.333333333333336vw 0;
    background-color: #f1f1f1
  }

  .topics .title-iconSet__en {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 0;
    color: #000
  }

  .topics .title-iconSet i {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-right: 1.3333333333333335vw;
    color: #0076bd;
    font-size: 4vw
  }

  .topics__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .topics__head .btn-slide {
    width: 32vw;
    height: 12vw;
    background-color: #444;
    font-size: 3.4666666666666663vw
  }

  .topics__row {
    margin-top: 8.666666666666668vw
  }

  .topics-list__item {
    border-bottom: 1px solid #dadada;
    font-size: 3.4666666666666663vw
  }

  .topics-list__item:nth-of-type(1) {
    border-top: 1px solid #dadada
  }

  .topics-list a {
    display: block;
    padding: 5.6000000000000005vw 0
  }

  .topics-list__data {
    margin-bottom: 1.0666666666666667vw;
    font-family: DIN Next W01 Regular;
    font-size: 3.2vw
  }

  .topics-banner {
    margin-top: 8vw
  }

  .topics-banner__item:nth-of-type(n+2) {
    margin-top: 4vw
  }

  .news {
    padding: 13.333333333333334vw 0 11.200000000000001vw;
    background: url(../images/utils/deco_line_l_f.png) repeat;
    background-size: 12.8vw .13333333333333333vw
  }

  .news_inner {
    box-sizing: border-box;
    position: relative;
    width: 93.33333333333333vw;
    margin: 0 auto;
    padding: 7.733333333333333vw 4vw 22.666666666666664vw;
    border-radius: 1.6vw;
    background-color: #fff
  }

  .news__title__ctt {
    margin-bottom: 2.666666666666667vw
  }

  .news__title__ctt .news__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.3333333333333335vw;
    font-weight: 400
  }

  .news__title__ctt .news__title__text span {
    display: block
  }

  .news__title__ctt .news__title__text--en {
    margin-bottom: 1.6vw;
    color: #0076bd;
    font-family: DIN Next W01 Bold;
    font-size: 2.933333333333333vw;
    letter-spacing: 0
  }

  .news__title__ctt .news__title__text--jp {
    font-size: 6.133333333333333vw;
    line-height: 1.2
  }

  .news__title__ctt .btn-slide {
    position: absolute;
    right: 0;
    bottom: 9.333333333333334vw;
    left: 0;
    width: 53.333333333333336vw;
    height: 9.333333333333334vw;
    margin: 0 auto;
    font-size: 3.733333333333334vw
  }

  .news__list__ctt .news__list li {
    border-bottom: 1px solid #e5e5e5
  }

  .news__list__ctt .news__list li+li:last-of-type {
    border-bottom: none
  }

  .news__list__ctt .news__list li:first-of-type {
    padding-top: 5.066666666666666vw
  }

  .news__list__ctt .news__list li:first-of-type a {
    padding-top: 0
  }

  .news__list__ctt .news__list li:last-of-type {
    padding-bottom: 5.066666666666666vw
  }

  .news__list__ctt .news__list li:last-of-type a {
    padding-bottom: 0
  }

  .news__list__ctt .news__list li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5.066666666666666vw 0
  }

  .news__list__ctt .news__list li a .date {
    color: #818285;
    font-size: 3.2vw
  }

  .news__list__ctt .news__list li a .txt {
    margin-top: .8vw;
    font-size: 3.4666666666666663vw
  }

  .special {
    position: relative;
    padding: 9.066666666666666vw 0 0
  }

  .special__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: left;
    justify-content: left;
    margin-bottom: 4vw;
    padding: 0 5.333333333333334vw;
    font-weight: 400
  }

  .special__title-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12.8vw;
    height: 12.8vw;
    margin-right: 2.933333333333333vw;
    border-radius: 50%;
    background-color: #e2ba2e;
    color: white
  }

  .special__title-icon i {
    padding-top: 12%;
    font-size: 9.066666666666666vw
  }

  .special__title__text span {
    display: block
  }

  .special__title__text--en {
    margin-bottom: 1.6vw;
    color: #e2ba2e;
    font-family: DIN Next W01 Bold;
    font-size: 2.666666666666667vw;
    letter-spacing: 0
  }

  .special__title__text--jp {
    font-size: 6.133333333333333vw
  }

  .special-tab {
    padding: 0 0 8.666666666666668vw;
    background: repeating-linear-gradient(90deg, #e7f2f9 0, #e7f2f9 4px, #e1eff7 4px, #e1eff7 6px)
  }

  .special-tab .inner {
    padding: 0 0 0 5.333333333333334vw
  }

  .special-tab__name {
    margin-bottom: 5.333333333333334vw;
    font-size: 4vw;
    font-weight: 700
  }

  .special-tab__content {
    position: relative;
    margin-top: 6.666666666666667vw
  }

  .special-tab__block {
    position: relative;
    padding: 8.266666666666666vw 0
  }

  .special-tab__block:nth-child(n+2) {
    position: relative
  }

  .special-tab__block:nth-child(n+2):before {
    display: block;
    position: absolute;
    top: 0;
    width: calc(100% - 4vw);
    height: 1px;
    background-color: #fff;
    content: ""
  }

  .special-slide__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 42.66666666666667vw;
    margin: 0 .9333333333333335vw;
    overflow: hidden;
    border-radius: 1.0666666666666667vw;
    background-color: #fff
  }

  .special-slide a {
    display: block;
    position: relative
  }

  .special-slide__img {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f6f6f6;
    color: #000
  }

  .special-slide__img img {
    width: 100%
  }

  .special-slide__planing {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-weight: 700;
    text-align: center
  }

  .special-slide__plan {
    width: 50%;
    padding: 2.666666666666667vw;
    font-size: 3.2vw
  }

  .special-slide__plan--standard {
    background-color: #faeded;
    color: #e72c2a
  }

  .special-slide__plan--wide {
    background-color: #fdf4d5;
    color: #d9ac0e
  }

  .special-slide__plan--basic {
    background-color: #ebf3f7;
    color: #0076bd
  }

  .special-slide__lease {
    width: 50%;
    padding: 10px;
    background-color: #f6f6f6;
    font-size: 2.933333333333333vw
  }

  .special-slide__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 18.133333333333333vw;
    text-align: center
  }

  .special-slide__name {
    font-size: 3.4666666666666663vw;
    line-height: 1.3
  }

  .special-slide__economy {
    margin-top: 1.0666666666666667vw;
    color: #444;
    font-family: 'UD譁ｰ繧ｴ R', UD Shin Go Regular;
    font-size: 3.2vw
  }

  .special-slide .btn-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36.266666666666666vw;
    height: 8.533333333333333vw;
    margin: 0 auto 3.2vw;
    border-radius: 1.0666666666666667vw;
    background-color: #0076bd;
    color: white;
    font-size: 3.2vw
  }

  .special__note {
    padding-right: 5.333333333333334vw
  }

  .special__note__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .special__note__list__content {
    height: 24.8vw;
    overflow: hidden;
    border-radius: .8vw
  }

  .special__note__list__content:not(:first-of-type) {
    margin-top: 5.333333333333334vw
  }

  .special__note__list__content a {
    display: block;
    display: -ms-flexbox;
    display: flex;
    height: 100%
  }

  .special__note__list__content a .special__note__list__content__img {
    width: 41.733333333333334vw
  }

  .special__note__list__content a .special__note__list__content__txt {
    position: relative;
    width: calc(100% - 41.733333333333334vw);
    overflow: hidden;
    background-color: #fff;
    color: #000
  }

  .special__note__list__content a .special__note__list__content__txt__inner {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-right: 8.666666666666668vw;
    padding-left: 2.933333333333333vw;
    overflow: hidden;
    border-radius: inherit;
    font-size: 4vw;
    line-height: 1.4
  }

  .special__note__list__content a .special__note__list__content__txt .glyphs-arrow_dotted_r {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 6.666666666666667vw;
    margin: auto;
    background: #0076bd
  }

  .special__note__list__content a .special__note__list__content__txt .glyphs-arrow_dotted_r:before {
    color: #fff;
    font-size: 2.4vw
  }

  .special__note__box {
    margin-top: 4.8vw
  }

  .special__note__box__attention {
    color: #444;
    font-size: 2.4vw;
    text-align: center
  }

  .special__note__box__txt {
    margin-top: 3.2vw;
    color: #444;
    font-size: 3.2vw;
    text-align: center
  }

  .special__note__box .btn-slide {
    margin-top: 5.066666666666666vw
  }

  .special__note__box .btn-slide--l a {
    font-family: 'UD譁ｰ繧ｴ M', UD Shin Go Medium
  }

  .special .btn-slide.store_btn {
    width: 100%;
    height: 12.8vw;
    margin-top: 3.4666666666666663vw;
    font-size: 4vw
  }

  .special__attention2 {
    color: #444;
    font-size: 2.4vw;
    text-align: center
  }

  .special .store_btn2 {
    height: 12.8vw;
    margin-top: 3.4666666666666663vw;
    margin-left: 1.3333333333333335vw;
    font-size: 4vw
  }

  .special .swiper-button {
    display: none
  }
}

@media(min-width: 1100px) {
  .special .swiper-button-prev {
    left: -3.3333333333333335vw
  }

  .special .swiper-button-next {
    right: calc(-3.3333333333333335vw - 19px)
  }
}