@charset "utf-8";
/* CSS Document */

.main-visual{
  position: relative;
  width:100%;
  height:230px;
  background-size:cover;
  background-position:50% 0;
  z-index: 3;
  -webkit-transition:0.2s;
  transition:0.2s;
}
.main-visual-inner{
  position: relative;
  max-width: 1200px;
  width:100%;
  margin:0 auto;
  height: 100%;
}

.main-visual .title-box{
  position: absolute;
  top:50%;left:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
.main-visual .title-box .page-title{
  line-height: 1.4;
  margin-left: 30px;
  font-weight: normal;
  color:#231815;
}
.main-visual .title-box .page-title__main{
  display: block;
  font-size:46px;
}
.main-visual .title-box .page-title__sub{
  display: block;
  font-size:20px;
}

.head-ttl-area{
  background-color:#F7FAFC;
  padding:50px 0;
}
.head-ttl-area .head-ttl{
  line-height: 1.4;
  text-align: center;
}
.head-ttl-area .head-ttl .head-ttl__main{
  display: block;
  font-size:34px;
  font-weight: normal;
  padding-bottom: 5px;
}
.head-ttl-area .head-ttl .head-ttl__main.line{
  position: relative;
  padding-bottom: 10px;
}
.head-ttl-area .head-ttl .head-ttl__main.line::after{
  content:'';
  position: absolute;
  left:0;right:0;bottom:0;
  margin:auto;
  height: 2px;
  width:3em;
  background-color:#5C9DB6;
}
.head-ttl-area .head-ttl .head-ttl__sub{
  display: block;
  font-size:1.2em;
}

/*コンテンツブロック
---------------------------------------------*/
.section {
  position: relative;
  width:100%;
}
.section .section-inner{
  width:90%;
  max-width:1200px;
  margin: 0 auto;
  padding:50px 0;
}

/*----- SECTION TITLE -----*/
.section-title{
  line-height: 1.4;
  font-weight: normal;
  margin-bottom: 40px;
}
.section-title .section-title__main{
  display: block;
  font-size:36px;
}
.section-title .section-title__main.line{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.section-title .section-title__main.line::after{
  content:'';
  border-top:solid 1px rgba(35,24,21,0.6);
  height: 1px;
  width:1em;
  margin-left:0.8em;
}
.section-title .section-title__sub{
  display: block;
  font-size:18px;
}

.section-head{
  margin-bottom: 40px;
}
.section-head .section-title{
  margin-bottom: 0;
}

/*----- BUTTON -----*/
.section .btn{
  width:100%;
  max-width: 200px;
  text-align: center;
  font-size:18px;
}
.section .btn a{
  display: block;
  padding:0.4em 2em;
  background-color:#EFF5F7;
}

/*----- ARROW -----*/
.arrow{
  position: relative;
}
.arrow::before{
  content:'';
  position: absolute;
  display: block;
  top:50%;right:-15px;
  width:2.3em;
  border-bottom:solid 1px rgba(35,24,21,0.3);
}
.arrow::after{
  content: '';
  background-color:rgba(35,24,21,0.3);
  display: block;
  position: absolute;
  top:40%;right:-17px;
  width: 12px;
  height: 1px;
  -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.link.arrow{
  display: inline-block;
  padding-right: 2em;
}

/*ICON LINK*/
.icon-link{

}
.icon-link::after{
  content:'';
  display: inline-block;
  width:0.8em;
  height:0.8em;
  margin-left:5px;
  background:url(../img/common/icon_link.png) center no-repeat;
  background-size:contain;
}


.text{
  line-height: 1.8;
}
.text span{
  line-height: 1.8;
}

/*----- TABLE -----*/
.tbl{
  border-collapse: collapse;
  width:100%;
}
.tbl th,
.tbl td{
  padding:1em 0.5em;
  line-height: 1.6;
  letter-spacing: 0;
  vertical-align: middle;
  border-bottom:dashed 1px #5C9DB6;
}
.tbl th{
  color:#5C9DB6;
  width:10em;
}

.txt-list{}
.txt-list .txt-list__item{
  padding-left:1.3em;
  text-indent: -1.3em;
  line-height: 1.4;
  margin-bottom: 5px;
}
.txt-list .txt-list__item.en {
 font-size:75%;
}

.txt-list.err-list .txt-list__item{
  padding-left:25px;
  text-indent: -25px;
}
.txt-list.err-list .txt-list__item::before{
  content:'\025cf';
  color:#5C9DB6;
  margin-right: 8px;

}

/*TABS*/
.tabs{
  margin-bottom: 50px;
  border-bottom: solid 1px #5C9DB6;
}
.tabs .tab{
  cursor: pointer;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  padding:10px 5px 20px;
  position: relative;
  text-align: center;
}
.tabs .tab-title{
  color:#5C9DB6;
  line-height: 1.4;
  -webkit-transition:0.2s;
  transition:0.2s;
}
.tabs .tab:hover .tab-title,
.tabs .tab.select .tab-title{
  color:#231815;
}
.tabs .tab.select::after{
  content:'';
  position: absolute;
  left:0;right:0;bottom:-4px;
  height: 8px;
  width:30%;
  margin:0 auto;
  background-color:#5C9DB6;
}
.tabs .tab.select::after{
  width:40%;
}
.img-box{
  max-width: 1200px;
  width:100%;
}
.no-lts{
  letter-spacing: 0;
}

/*----- PAGER -----*/
.pager {
  padding: 30px 0;
  text-align: center;
}
.pager .page-numbers {
  display: inline-block;
  padding: 5px;
  color:#5C9DB6;
  font-size:0.9em;
  border:solid 1px #5C9DB6;
}
.pager .page-numbers.current {
  color: #FFF;
  background-color: #5C9DB6;
  text-decoration: none;
}

/*----- en_sidenavi(footer.php)   -----*/
.en_navi {
  writing-mode: vertical-rl;
}

@media (max-width: 1024px) {
  .section-title .section-title__main{
    font-size:2.5em;
  }
}
@media (max-width: 768px) {
  .main-visual{
    height: 150px;
  }
  .main-visual .title-box .page-title__main{
    font-size:2.8em;
  }
  .head-ttl-area .head-ttl .head-ttl__main{
    font-size:1.6em;
  }
  .text{
    font-size:0.9em;
  }
  .tbl th,
  .tbl td{
    font-size:0.9em;
  }
  .section .btn{
    font-size:1em;
    margin-bottom: 1em;
  }
  .txt-list .txt-list__item{
    font-size:0.9em;
  }
  /*----- en_sidenavi(footer.php)   -----*/
  .en_navi {
    writing-mode: horizontal-tb;
    /* display: flex; */
}
}
@media (max-width: 767px) { /*Tablet以下*/
  .head-ttl-area{
    padding:30px 0;
  }
  .no-lts--sp{
    letter-spacing: 0;
  }
.section-title{
  margin-bottom: 20px;
}
.section-title .section-title__sub{
  display: none;
}
}

@media (max-width: 480px) {
  .main-visual{
    height: 120px;
  }
  .main-visual .title-box .page-title__main{
    font-size: 2.3em;
  }
  .main-visual .title-box .page-title__sub{
    font-size:1.1em;
  }
  .head-ttl-area .head-ttl .head-ttl__main{
    font-size:1.4em;
  }
  .section .section-inner{
    padding:8% 0;
  }
  .section-title .section-title__main{
    font-size:1.8em;
  }
  .section-title .section-title__sub{
    font-size:1.2em;
  }
  .tbl th{
    width:8em;
    padding-right: 0;
  }
}
@media (max-width: 414px) {
  .text{
    font-size:0.7em;
  }
  .tbl th,
  .tbl td{
    font-size:0.8em;
  }
}
@media (max-width: 375px) {
  .text{
    font-size:0.7em;
  }
  .tbl th,
  .tbl td{
    font-size:0.8em;
  }
}


/*----------------------------------------------------
  TOP PAGE
----------------------------------------------------*/

/*----- MAIN VISUAL -----*/
#main-visual__top {
  width: 100%;
  height: 800px;
  /* margin-bottom: 50px; */
  xbackground-size:auto 800px;
}
/*
#main-visual__top .slider{
  width:100%;
  height: 100%;
  background-size:cover;
  background-position:50% 100%;
  background-repeat: no-repeat;
}
*/

/*SLIDER*/
#main-visual__top,
#main-visual__top .slick-slider .slick-slide{
  height:100vh;
}
#main-visual__top .slick-slider .slick-track{
  overflow: hidden;
}
#main-visual__top .slick-slider .slick-slide{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 100%;
  margin: 0;
  overflow: hidden;
}
#main-visual__top .slider-sp{
  display: none;
  margin-bottom: 0;
  overflow: hidden;
}

#main-visual__top .main-visual-container{
  display: none;
  position: absolute;
  top:40%;left:0;right:0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
  text-align: center;
}
#main-visual__top .main-visual-container .logo{
  width:65%;
  max-width: 300px;
  margin:auto;
}

/* 202406. ADD application calender [NO.01336 TKHS] */
#application_contents {
  background-color: #5c9cb8;
  color: #fff;

  & .apply__title {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;

    border-bottom: 1px solid #fff;
  }
  & .apply__calender_wrapper {
    text-align: center;
  }

  & .dept_in,& .dept_return {
    margin-top: 25px;
  }


  & .btn_search {
    border: 2px solid #fff;
    appearance: none;
    color: #fff;
    background-color: #5c9cb8;
    display: block;
    text-align: center;
    width: 100%;
  }

  & .relative {
    margin-top: 15px;
    position: relative;

  }
  & svg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1em;
    margin: auto;
    width: 24px;
    height: fit-content;
    fill: #5c9cb8;
  }

  & input {
    /* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;


    padding: 11px;
    padding-right: 2em;
    max-width: 352px;
    width: 100%;

    text-align: center;

    &:focus {
      outline: none;
    }
  }

  & button {
    cursor: pointer;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-top: 25px;
    padding: 10px;

    transition: all .4s;

    &:hover {
      background-color: #fff;
      color: #5c9cb8;
    }
  }

}
/* data picker */
.ui-datepicker.ui-widget.ui-widget-content.ui-corner-all {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
  margin-top: 0.5em;
}
.ui-datepicker .ui-datepicker-header {background-color: #fff;border: none;}
.ui-state-default {
  /* border: none!important; */
  /* background: #fff!important; */
}
.ui-state-disabled {padding: 0!important;}
.ui-state-disabled .ui-state-default {
  background: #d2d2d2!important;
}
.ui-datepicker td {padding: 0!important;}
.ui-datepicker td span, .ui-datepicker td a {
  padding: .3em!important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  /* background: none!important; */
  border: none!important;
}

/* .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background-color: #fff!important;
} */

.ui-datepicker-week-end:nth-of-type(1) span,
.ui-datepicker-week-end:nth-of-type(1) a {
  color: #cc0012!important;
}
.ui-datepicker-week-end:nth-of-type(1) a {
  background: #fbf2f2!important;
}
td:nth-of-type(7).ui-datepicker-week-end span,
td:nth-of-type(7).ui-datepicker-week-end a {
  color: #3393a6!important;
  
}
/* td:nth-of-type(7).ui-datepicker-week-end a {
  background: #eaf3f7;
} */
.ui-widget-content .ui-state-default {
  background: #fff!important;
}
.ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
  background: #d2d2d2!important;
}
.ui-datepicker-unselectable.ui-state-disabled.ui-datepicker-other-month .ui-state-default {
  background: #ebebeb!important;
}
.ui-widget-content .ui-state-default.ui-state-highlight {
  background: inherit;
}
.ui-widget-content td:nth-of-type(7).ui-datepicker-week-end a.ui-state-default {
  background: #eaf3f7!important;
}
.ui-widget-content td:nth-of-type(1).ui-datepicker-week-end.ui-datepicker-current-day a.ui-state-default.ui-state-active {
  background: #fffa90!important;
}
.ui-widget-content td:nth-of-type(7).ui-datepicker-week-end.ui-datepicker-current-day a.ui-state-default.ui-state-active {
  background: #fffa90!important;
}


.ui-state-default.ui-state-active {
  background: #fffa90!important;
  color: #454545!important;
}

@media (max-width: 768px) {
  #application_contents {
    margin-bottom: 10%;
  }
}
@media (min-width: 768px) {
  #application_contents {
    margin-bottom: 0;
    & .section-inner {padding: 30px 0;}
    & .apply__title {
      max-width: 280px;
      width: 100%;
      font-size: 18px;
      border-bottom: none;
      padding-bottom: 0;
      /* border-right: 1px solid #fff; */
      position: relative;

      &:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;

        height: 50px;
        width: 2px;
        background-color: #fff;
      }
    }

    & .apply__calender_wrapper {
      display: flex;
      justify-content: flex-start;
      flex-grow: 1;
      grid-column-gap: 40px;
      text-align: left;

      font-size: 18px;
    }

    & .dept_in {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      grid-column-gap: 1em;
      margin-top: 0;
      margin-left: 40px;

      max-width: 255px;
      width: 100%;
    }

    & .dept_return {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      grid-column-gap: 1em;
      margin-top: 0;
      max-width: 255px;
      width: 100%;
    }

    & .btn_search {
      max-width: 180px;
    }

    & .relative {
      margin-top: 0;
    }

    & svg {
      right: .5em;
    }

    & input {
      padding: 11px;
      padding-right: 2.5em;
      max-width: 176px;
      text-align: right;
    }

    & button {
      margin-top: 0;
    }
  }

  .flex-md {
    display: flex;
    align-items: center;
    justify-content: flex-start
  }

  #members-info {
    margin-top: 50px;
  }
}

#ui-datepicker-div {
  z-index: 10!important;
}

/* END 202406. ADD application calender */

/*----- MEMBERS INFO SECTION -----*/
#members-info.section .section-inner{
  xmargin-top:-170px;
  padding:0 0 50px;
  position: relative;
  z-index: 3;
}
#members-info.section .members-topics-box{
  background-color:#5C9DB6;
  -webkit-box-shadow:5px 5px 10px 0px rgba(35,24,21,0.5);
  box-shadow:5px 5px 10px 0px rgba(35,24,21,0.5);
  padding:20px;
  position: relative;
  margin-bottom: 30px;
}
#members-info.section .members-topics-box >a{
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
}
#members-info.section .members-topics-box .topics__thumb{
  width:42%;
  background-size: cover;
  height: 100%;
  min-height: 230px;
}
#members-info.section .members-topics-box .topics-body{
  xwidth:55%;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  padding-left:60px;
  color:#FFF;
}
#members-info.section .members-topics-box .topics__title{
  font-size:40px;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 20px;
}
#members-info.section .members-topics-box .btn__more a{
  background-color:#FFF;
}

#members-info.section .members-site-box{
  padding:20px 10px;
/*  position: relative;
  background:url(../img/top/txt_members_site.png) 100% center no-repeat;
  background-size:auto 90%;*/
  background-color:#C9BC9C;
  width: 61%;
  margin-right: 20px;
  height: 176px;
}
#members-info.section .members-site-box >a{
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  display:block;
}
#members-info.section .members-site-box >.flex-item{
/*  width:50%;*/
  color:#FFF;
}
#members-info.section .members-site-box .text{
  font-size:36px;
  line-height: 1.2;
}
#members-info.section .members-site-box .flex-item--l{
  padding:0 20px;
}
#members-info.section .members-site-box .flex-item--l .text{
  padding-left:50px;
}
#members-info.section .members-site-box .flex-item--r .text{
  margin-bottom: 10px;
  font-size:32px;
}
#members-info.section .members-site-box .tabs-list .tab-item{
  display: inline-block;
  margin-right: 10px;
  background-color: #EFF5F7;
  padding:0.5em 1em;
  color:#231815;
  font-size:16px;
}
#members-info #ex-info {
  background-color:#fff3f3;
  font-weight:bold;
  text-align: center;
  width: 90%;
  max-width: 1200px;
  margin: 0 auto 50px;
  padding:30px 0;
  border: 2px solid #E83828;
  font-size:180%;
/*  box-shadow: 2px 2px 8px 0 rgba(255,0,0,0.25);*/
}
#members-info #ex-info a {
  color:#E83828;
}

/*----- LINEUP SECTION -----*/
#lineup{
  background-color:#EFF5F7;
  background-image: url(../img/top/bg_flower_l.png),url(../img/top/bg_flower_r.png);
  background-position: left top, right bottom;
  background-repeat: no-repeat;
  background-size: 20% auto;
}

.tabs__lineup .tab-title .tab-title__main{
  display: inline-block;
  vertical-align: middle;
  font-size:34px;
}
.tabs__lineup .tab-title .tab-title__sub{
  display: inline-block;
  font-size:20px;
  padding-left:10px;
  vertical-align: middle;
}

body.home .tabs__lineup .tab-title .tab-title__main{
  display: block;
}
body.home .tabs__lineup .tab-title .tab-title__sub{
  display: block;
  padding-left: 0;
}

/*PICKUP CONTENTS*/
.pickup-contents-area {
  margin-bottom: 60px;
}
.pickup-contents-area .car-list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.pickup-contents-area .car-list .car-list-item{
  background-color:#FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1.6;
  padding:20px;
  position: relative;
  width:calc(25% - 30px / 4);
  margin:0 10px 50px 0;
  cursor: pointer;
}
.pickup-contents-area .car-list .car-list-item:last-child{
  margin-right:0;
}
.pickup-contents-area .car-list-item .car_pic{
  width:100%;
  margin-bottom: 20px;
}
.pickup-contents-area .car-list-item .car_pic >img{
  width:100%;
  height: 170px;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: 'object-fit: contain;';  /*IE対策*/
}
.pickup-contents-area .car-list-item .txt{
  margin-top:auto;
  margin-bottom: 5px;
}
.pickup-contents-area .car-list-item .car_price{
  margin-bottom: 20px;
}
.pickup-contents-area .car-list-item .car_price .price{
  display: inline-block;
}
.pickup-contents-area .car-list-item .car_price .price.arrow{
  padding-right: 2em;
}
.pickup-contents-area .car-list-item .car_price .price.arrow::before{
  right:0;
  width:1.3em;
}
.pickup-contents-area .car-list-item .car_price .price.arrow::after{
  right:0;
  width:6px;
}
.pickup-contents-area .car-list-item .car_price .txt-strike{
  text-decoration: line-through;
  color:#E83828;
}
.pickup-contents-area .car-list-item .car_price .txt-strike span{
  color:#231815;
}
.pickup-contents-area .car-list-item .car_price .price_sale{
  color:#E83828;
  display: inline-block;
  font-size:26px;
  font-style:italic;
}
.pickup-contents-area .car-list-item .btn{
  position: absolute;
  left:0; right:0;bottom:-20px;
  margin:auto;
  max-width: 130px;
}
.pickup-contents-area .car-list-item .btn a{
  background-color:#5C9DB6;
  color:#FFF;
}
.pickup-contents-area .car-list .car-list-item >a{
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
}


#lineup .cat-title{
  background-color:#5C9DB6;
  color:#FFF;
  display: inline-block;
  font-weight: normal;
  line-height: 1.2;
  padding:10px;
  position: relative;
  margin-bottom: 10px;
}
#lineup .cat-title::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top:0;
  left:100%;
  border-top: 3.7em solid transparent;
  border-left: 25px solid #5C9DB6;
}
#lineup .cat-title .cat-title__main{
  display: inline-block;
  font-size:20px;
  vertical-align: middle;
}
#lineup .cat-title .cat-title__sub{
  display: inline-block;
  padding-left:15px;
  vertical-align: middle;
}

#lineup .type-list-area{
  margin-bottom: 30px;
}
#lineup .type-list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width:100%;
}
#lineup .type-list .type-item{
  background-color:#FFF;
  margin:0 10px 20px 0;
  color:#5C9DB6;
  width:calc(25% - 30px / 4);
}
#lineup .type-list .type-item:last-child{
  margin-right: 0;
}
#lineup .type-list .type-item a{
  color:#5C9DB6;
  padding:20px;
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
#lineup .type-list .type-item .type_name{
  display:block;
  font-size:18px;
  line-height: 1.2;
  margin-top:auto;
  padding-top:10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  height: 2em;
}

#lineup #search .car-list .car-list-item > a{
  pointer-events: none;
}

/*MAKER LIST*/
#lineup .maker-list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#lineup .maker-list .maker-item{
  width:calc(12.5% - 70px / 8);
  margin:0 10px 10px 0;
  text-align: center;
}
#lineup .maker-list .maker-item:nth-child(8n){
  margin-right:0;
}
#lineup .maker-list .maker-item a{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color:#FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding:20px 10px;
}
.info__text {}
.info__text h4 {
	color: #5C9DB6;
	font-size: 1.3em;
	margin-bottom: 10px;
}
.info__text h5 {
	font-size: 1em;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: 1px #5C9DB6 dotted;
}
.info__text p {
	font-size:0.85em; 
	margin-bottom:30px;
}

/*SCHEDULE*/
.schedule{
  margin-bottom: 50px;
}
.schedule .schedule-container >div{
  width:50%;
  padding:0 30px;
}
.schedule .schedule-container .calender-head{
  font-size:34px;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 30px;
  color:#5C9DB6;
  text-align: center;
}
.schedule .schedule-container .calender-head >span{
  display: inline-block;
  padding:0 1em;
  border-left:solid 2px #5C9DB6;
  border-right:solid 2px #5C9DB6;
}

.schedule .calender-title{
  position: relative;
  background-color:#5C9DB6;
  color: #FFF;
  line-height: 1.2;
  padding:10px;
  font-weight:normal;
  font-size:24px;
  margin-bottom: 20px;
  text-align: center;
}
.schedule .calender-title .link{
  position: absolute;
  top:50%;right:10px;
  width:1em;
  height: 1em;
  margin:auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.schedule .calender-title .link::before{
  content:'';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width:10px 0 10px 15px;
  border-color: transparent transparent transparent #FFF;
}
.schedule .calender-title .link-prev{
  left:5px;right:auto;
}
.schedule .calender-title .link-prev::before{
  border-width:10px 15px 10px 10px;
  border-color: transparent #FFF transparent transparent;
}

.schedule .calender{
  width:100%;
  max-width:540px;
  margin:0;
  border-collapse: collapse;
}
.schedule .calender th,
.schedule .calender td{
  width:calc(100% / 7);
  line-height: 1;
  padding:15px;
  text-align: center;
  vertical-align: middle;
}
.schedule .calender td{
  padding:0;
}
.schedule .calender thead{
  border-bottom: solid 1px #5C9DB6;
}
.schedule .calender thead th{
  padding:10px 5px;
  background-color:#5C9DB6;
  color:#FFF;
  border-right:solid 2px #FFF;
}
.schedule .calender thead th:nth-child(6){
  background-color: #62B0E3;
}
.schedule .calender thead th:nth-child(7){
  background-color:#F29C97;
  border-right-color: #F29C97;
}
.schedule .calender tbody{
  border:solid 1px #5C9DB6;
}
.schedule .calender tbody td{
  color:#5C9DB6;
  font-size:24px;
  background-color:#FFF;
  border:solid 2px #EFF5F7;
}
#lineup.section-cars .schedule .calender tbody td:nth-child(n+1):not(:nth-child(n+6)){
  background-color:#EFF5F7;
}
#lineup.section-cars .schedule .calender thead th,
#lineup.section-cars .schedule .calender tbody td{
  border-color:#FFF;
}
.schedule .calender tbody td:nth-child(6){
  color: #62B0E3;
  background-color:#EFF7FC;
}
.schedule .calender tbody td:nth-child(7){
  color:#F29C97;
  background-color:#FEF5F4;
}

.schedule .calender td >span{
  display: block;
  padding:22px 10px;
}
.schedule .calender td >.open{
  padding:0;
}

.schedule .calender input[type='checkbox']{
  display: none;
}
.schedule .calender label{
  position: relative;
  width:100%;
  height: 100%;
  display: block;
  padding:22px 10px;
  cursor: pointer;
  -webkit-transition:0.3s;
  transition:0.3s;
}
.schedule .calender td:not(.close) label::before{
  content:'';
  position: absolute;
  border:solid 2px #5C9DB6;
  border-radius: 50%;
  top:50%;left:50%;
  width:2em;
  height:2em;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}
.schedule .calender .close{
  position: relative;
}
.schedule .calender .close::before,
.schedule .calender .close::after{
  content:'';
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left:0;right:0;
  width:2.2em;
  height:2px;
  margin:0 auto;
  background: #5C9DB6;
}
.schedule .calender .close::before{
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.schedule .calender .close::after{
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.schedule .calender input:checked+label{
  background-color:#A1CBED;
  color:#FFF;
}
.schedule .calender input:checked+label::before{
  content:none;
}

/*monthly_campaign*/
#members-info.section #monthly_cam .section-inner{
  padding-bottom: 30px;
}
#monthly_cam .campaign-bnr-list .campaign-bnr {
  width:calc(50% - 25px / 2);
  margin:0 20px 0 0;
}
#monthly_cam .campaign-bnr-list .campaign-bnr:last-child{
  margin-right: 0;
}

/*CAMPAIGN BANNERS*/
#lineup.section-top .campaign-bnr-list{}
#lineup.section-top .campaign-bnr-list .campaign-bnr{
  width:calc(25% - 30px / 4);
  margin:0 10px 0 0;
}
#lineup.section-top .campaign-bnr-list .campaign-bnr:nth-child(4n){
  margin-right: 0;
}
#lineup.section-top .campaign-bnr-list .campaign-bnr a{
  display: block;
}
#lineup.section-top .campaign-bnr-list .month {
  max-width:600px;
  width:calc(50% - 15px / 2);
}

/*----- INFORMATION SECTION -----*/
#information.section #section-title--information{
  text-align: center;
}
#information.section .info-item-list .info-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position:relative;
  margin:0 15px 0 0;
  width:calc(25% - 45px / 4);
}
#information.section .info-item-list .info-item:nth-child(4n){
  margin-right: 0;
}
#information.section .info-item-list .info-item .info-item-head{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color:#EFF5F7;
  xheight: 100%;
  padding:20px 5px;
}
#information.section .info-item-list .info-item .info-item-title{
  color:#5C9DB6;
  font-size:22px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.4;
  text-align: center;
  -webkit-transition:0.3s;
  transition:0.3s;
}
#information.section .info-item-list .info-item .info-item-content{
  padding:10px 10px 0;
  background-color:#EFF5F7;
  height: 100%;
}
#information.section .info-item-list .info-item .info_image{
  margin-bottom:30px;
  text-align: center;
}
#information.section .info-item-list .info-item .info_txt{
  line-height: 1.6;
  padding:0 10px;
}
#information.section .info-item-list .info-item >a{
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
}
#information.section .info-item-list .info-item:hover .info-item-title{
  color:#231815;
}

/*----- INATAGRAM SECTION -----*/
#instagram.section{
  background-color:#EFF5F7;
}
/*#instagram.section .section-inner{
  max-width: none;
}*/
#instagram.section .section-title{
  margin-left:30px;
}
#instagram.section .instagram-area{
  position: relative;
  z-index: 2;
}
#instagram.section .instagram-area .sb_instagram_header{
  display: none;
}
#instagram.section #sb_instagram #sbi_load .sbi_load_btn,
#instagram.section #sb_instagram .sbi_follow_btn a{
  background-color:#595757;
}
#instagram.section #sb_instagram #sbi_load{
  opacity: 0!important;
}

/*----- Youtube SECTION -----*/
#instagram .youtube {
  position: relative;
}
#instagram .youtube:after {
  content: "";
  display: inline-block;
  opacity: 0.8;
  width: 64px;
  height: 45px;
  background: url(../img/common/youtube_social_icon_red.png), no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}


@media (max-width: 1024px) {
  #members-info.section .members-topics-box .topics-body{
    padding-left:40px;
  }
  #members-info.section .members-topics-box .topics__title,
  #members-info.section .members-site-box .flex-item--l .text,
  #members-info.section .members-site-box .flex-item--r .text{
    font-size:30px;
  }
  #members-info.section .members-site-box .flex-item--l{
    padding:0 10px;
  }
  #members-info.section .members-site-box .flex-item--l .text{
    padding-left:30px;
  }

  .pickup-contents-area .car-list-item .car_name{
    font-size:18px;
  }
  .tabs__lineup .tab-title .tab-title__main{
    font-size:30px;
  }
  .tabs__lineup .tab-title .tab-title__sub{
    font-size:1em;
  }
  .pickup-contents-area .car-list-item .car_name{
    font-size:18px;
  }
  .pickup-contents-area .txt{
    font-size:1em;
  }

  #information.section .info-item-list .info-item .info-item-title{
    font-size:1.2em;
  }
  #information.section .info-item-list .info-item .info_txt{
    font-size:0.9em;
  }

  /*CALENDER*/
  .schedule .calender-title{
    font-size:1.3em;
  }
  .schedule .schedule-container > div{
    padding:0 2%;
  }
  .schedule .calender thead th{
    font-size:1em;
  }
  .schedule .calender tbody td{
    font-size:1em;
  }
  .schedule .calender td > span,
  .schedule .calender label{
    padding:15px 5px;
  }

}
@media (max-width: 896px) {
  #members-info.section .members-topics-box .topics-body{
    padding-left:5%;
  }
  #members-info.section .members-topics-box .topics__thumb{
    min-height: 180px;
  }
  #members-info.section .members-site-box{
    background-size:auto 60%;
    background-position: 99% 85%;
  }
  #members-info.section .members-site-box .flex-item--l .text{
    padding:0 3% 0 5%;
    width:88%;
  }
  #members-info.section .members-site-box .tabs-list .tab-item{
    font-size:0.8em;
  }

  .tabs__lineup .tab-title .tab-title__main{
    font-size:1.3em;
  }
  .tabs__lineup .tab-title .tab-title__sub{
    font-size:0.9em;
  }

  .pickup-contents-area .car-list{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .pickup-contents-area .car-list .car-list-item{
    width:calc(50% - 2% / 2);
    margin:0 2% 8% 0;
  }
  .pickup-contents-area .car-list .car-list-item:nth-child(even){
    margin-right: 0;
  }
  .pickup-contents-area .car_name{
    font-size:0.9em;
  }
  #lineup .type-list .type-item .type_name{
    font-size:1em;
  }
  #lineup .maker-list .maker-item a{
    padding:10px;
  }

  #information.section .info-item-list .info-item{
    width:calc(50% - 4% / 2);
    margin:0 2% 5% 0;
  }
  #information.section .info-item-list .info-item:nth-child(2),
  #information.section .info-item-list .info-item:last-child{
  }

  .schedule .calender thead th{
    font-size:0.8em;
  }
}
@media (max-width: 896px) and (min-width: 481px) {
  #members-info.section .members-topics-box .topics__title{
    font-size:1.5em;
  }
  #members-info.section .members-site-box .flex-item--l .text{
    font-size:1.3em;
  }
  #members-info.section .members-site-box .flex-item--r .text{
    font-size:1.8em;
  }
}
@media (min-width: 768px) {
  #main-visual__top .slider{
    background-attachment: fixed;
  }
}
@media (min-width: 641px) {
  #sb_instagram #sbi_load{
    position: absolute;
    top:-100px;right:0;
    width:auto;
    float: none;
  }
}
@media (max-width: 640px) {
  #main-visual__top{
    margin-bottom: 0;
  }
  #main-visual__top .slider{
    display:none;
  }
  #main-visual__top .slider-sp{
    display: block;
    pointer-events: none;
  }
  #main-visual__top .slick-slider.slider-sp .slick-slide{
    background-position: 50%;
  }
  #main-visual__top .main-visual-container{
    display: block;
  }
  #members-info.section .section-inner{
    margin-top:0;
    padding-bottom: 0;
    width:100%;
    display: block;
  }
  #members-info.section .members-site-box{
    padding:3%;
  }
  #members-info.section .members-site-box{
/*    background-image: url(../img/top/txt_members_site_sp.png);
    background-size:auto 80%;
    background-position: 98% 50%;*/
    width:100%;
    height:100%;
  }
  #members-info.section .members-site-box .flex-item--l{
    padding:0 3% 0 0;
    width:20%;
  }
  #members-info.section .members-site-box .flex-item--l .text{
    display: none;
  }
  #members-info.section .members-site-box .flex-item--r{
    width:auto;
  }
  #members-info.section .members-site-box .flex-item--r .text{
    font-size:1.8em;
  }

  .schedule .schedule-container{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .schedule .schedule-container > div{
    width:100%;
  }
  .schedule .schedule-container > div:first-child{
    margin-bottom: 10%;
  }
  .pickup-contents-area .car-list .car-list-item{
    box-shadow: none;
  }
  #lineup .type-list .type-item a{
    padding:15px;
  }
  #lineup .type-list .type-item .type_name{
    font-size:0.8em;
  }

  /*monthly_campaign*/
  #monthly_cam .flex-container{
    display:block;
  }
  #members-info.section #monthly_cam .section-inner{
    padding-bottom: 0;
  }
  #monthly_cam .campaign-bnr-list .campaign-bnr {
    width:100%;
    margin:0;
  }
  #monthly_cam .campaign-bnr-list .campaign-bnr a img {
    width:100%;
  }

}
@media (min-width: 481px) {
  #information.section .section-inner{
    padding:80px 0;
  }
  #information.section #section-title--information{
    text-align: center;
    margin-bottom: 80px;
  }
}

@media (max-width: 640px) {
  #main-visual__top {
  }
  #members-info.section .members-topics-box{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding:5%;
  }
  #members-info.section .members-topics-box .topics__title{
    font-size:1.5em;
  }
  #members-info.section .members-topics-box .flex-item{
    width:100%;
    padding:0;
  }
  #members-info.section .members-topics-box .topics__thumb{
    margin-bottom: 5%;
    min-height:160px;
  }

  #members-info.section .members-site-box .flex-item--r .text{
    font-size:1.3em;
  }
  #members-info #ex-info {
    line-height: 1.4;
    width: 100%;
    margin: 0 auto 10%;
    padding:5%;
    font-size:130%;
  }

  .tabs__lineup .tab-title .tab-title__main{
    font-size:1.1em;
  }
  .tabs__lineup .tab-title .tab-title__sub{
    font-size:0.8em;
  }
  .tabs__lineup{
    margin-bottom: 8%;
  }

  .pickup-contents-area .car-list .car-list-item{
    padding:3%;
    margin-bottom: 12%;
    letter-spacing: 0;
  }
  .pickup-contents-area .car-list-item .car_pic{
    margin-bottom: 3%;
  }
  .pickup-contents-area .car-list-item .car_pic > img{
    height: 110px;
  }
  .pickup-contents-area .car-list-item .car_name{
    font-size:1em;
  }
  .pickup-contents-area .car-list-item .txt,
  .pickup-contents-area .car-list-item .car_price .price{
    font-size:0.9em;
  }
  .pickup-contents-area .car-list-item .car_price{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .pickup-contents-area .car-list-item .car_price .price_sale{
    width:100%;
    display: block;
    text-align:right;
  }

  #lineup .cat-title::after{
    border-top-width: 3.1em;
    border-left-width:14px;
  }
  #lineup .cat-title .cat-title__main{
    font-size:1.1em;
  }
  #lineup .type-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #lineup .type-list .type-item{
    width:calc(50% - 2% / 2);
    margin:0 2% 2% 0;
  }
  #lineup .type-list .type-item:nth-child(even){
    margin-right: 0;
  }

  #lineup .maker-list .maker-item{
    width:calc(25% - 6% / 4);
    margin:0 2% 2% 0;
  }
  #lineup .maker-list .maker-item:nth-child(4n){
    margin-right: 0;
  }

  #lineup.section .campaign-bnr-list{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #lineup.section-top .campaign-bnr-list .campaign-bnr{
    width:calc(50% - 2% / 2);
    margin:0 2% 2% 0;
  }
  #lineup.section-top .campaign-bnr-list .campaign-bnr:nth-child(even){
    margin-right: 0;
  }

  .tabs__lineup .tab{
    padding:10px 0 15px;
  }
  .tabs__lineup .tab-title .tab-title__main{
    letter-spacing: 0;
  }
  .tabs__lineup .tab-title .tab-title__sub{
    font-size:0.6em;
    letter-spacing: 0;
  }
  body.home .tabs__lineup .tab-title .tab-title__main{
    font-size:0.8em;
  }

  #information.section .section-inner{
    padding:8% 0;
  }
  #information.section .info-item-list .info-item .info-item-head{
    background-color: transparent;
    padding:10px 0;
    height: auto;
  }
  #information.section .info-item-list .info-item .info-item-content{
    padding:10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #information.section .info-item-list .info-item .info_image{
    margin-bottom: 0;
  }
  #information.section .info-item-list .info-item .info-item-title{
    font-size:0.9em;
  }
  #information.section .info-item-list .info-item .info_txt{
    display: none;
  }
  #information.section .section-title .section-title__main.line,
  #instagram.section .section-title .section-title__main.line{
    display: block;
  }
  #information.section .section-title .section-title__main.line::after,
  #instagram.section .section-title .section-title__main.line::after{
    margin-left: 0;
  }
  #information.section .section-title,
  #instagram.section .section-title{
    margin-left: 0;
    text-align: center;
  }
  #instagram.section .section-inner{
    padding-bottom: 0;
  }

}
@media (max-width: 414px) {
  #members-info.section .members-topics-box .topics__title{
    font-size:1.4em;
  }
  #information.section .info-item-list .info-item .info-item-title{
    font-size:0.8em;
  }
}
@media (max-width: 375px) {
  #lineup .cat-title::after{
    border-top-width: 3.05em;
  }
  #members-info.section .members-topics-box .topics__title{
    font-size:1.3em;
  }
  #members-info.section .members-site-box .flex-item--l >p:first-child img{
    width:120px;
  }
  #members-info.section .members-site-box .tabs-list .tab-item{
    font-size:0.7em;
  }
}


/*----------------------------------------------------
  LINEUP PAGE ************
----------------------------------------------------*/
#search .section-inner{
  width:94%;
}
.car-list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.car-list .car-list-item{
  background-color:#FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1.6;
  padding:30px;
  position: relative;
  width:calc(33.333% - 40px / 3);
  margin:0 20px 30px 0;
  -webkit-box-shadow:2px 2px 8px 0 #a6ceee;
  box-shadow:2px 2px 8px 0 #a6ceee;
  cursor: pointer;
}
.car-list-item .car_pic{
  width:100%;
  margin-top:auto;
  margin-bottom: 20px;
}
.car-list-item .car_pic >img{
  width:100%;
  height: 170px;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: 'object-fit: contain;';  /*IE対策*/
}
.car-list .car-list-item .car_name{
  height: 100%;
  font-size:22px;
  line-height: 1.4;
  margin-bottom: 5px;
}
.car-list .car-list-item .car-item-body{
  margin-top:auto;
}
.car-list .car-list-item .txt{
  display: inline-block;
  white-space: nowrap;
}
.car-list .car-list-item .txt span.en{
 font-size:75%
}
.car-list .car-list-item .car_price{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.car-list .car-list-item .car_price .price{
  display: inline-block;
}
.car-list .car-list-item .car_price .price.arrow{
  padding-right: 2em;
}
.car-list .car-list-item .car_price .price.arrow::before{
  right:0;
  width:1.3em;
}
.car-list .car-list-item .car_price .price.arrow::after{
  right:0;
  width:6px;
}
.car-list .car-list-item .car_price .txt-strike{
  text-decoration: line-through;
  color:#E83828;
}
.car-list .car-list-item .car_price .txt-strike span{
  color:#231815;
}
.car-list .car-list-item .car_price .price_sale{
  color:#E83828;
  display: inline-block;
  font-size:26px;
  font-style:italic;
}
.car-list .car-list-item .btn{
  position: absolute;
  left:0; right:0;bottom:-20px;
  margin:auto;
}
.car-list .car-list-item .btn a{
  background-color:#5C9DB6;
  color:#FFF;
}
#search .car-list .car-list-item >a{
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
}

@media (min-width: 897px) {
  body:not(.home) .car-list .car-list-item:nth-child(3n){
    margin-right:0;
  }
}
@media (max-width: 1200px) {
  .car-list .car-list-item .car_price{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .car-list .car-list-item .car_price .price_sale{
    text-align:right;
    width:100%;
  }
}
@media (max-width: 1024px) {
  .car-list .car-list-item .car_name{
    font-size:18px;
  }
  .car-list .car-list-item .car_name{
    font-size:18px;
  }
  .car-list .car-list-item .txt{
    font-size:1em;
  }
}
@media (min-width: 897px) {

}
@media (max-width: 896px) {
  .car-list{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .car-list .car-list-item{
    width:calc(50% - 3% / 2);
    margin:0 3% 4% 0;
    padding:3%;
  }
  .car-list .car-list-item:nth-child(even){
    margin-right: 0;
  }
  .pickup-contents-area .car_name{
    font-size:0.9em;
  }
  .car-list .car-list-item .car_name,
  .car-list .car-list-item .txt{
    font-size:0.9em;
  }
  .car-list .car-list-item .car_price{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (max-width: 640px) {
  .pickup-contents-area .car-list .car-list-item .car_price{
    display: block;
    text-align:right;
    margin-top:-2.7em;
	-webkit-margin-top:-2.7em;
    -ms-margin-top:-2.7em;
    -moz-margin-top:-2.7em;
  }
  .pickup-contents-area .car-list .car-list-item .car_price .price.arrow{
    padding-right: 0;
  }
  .pickup-contents-area .car-list .car-list-item .car_price .price.arrow::before,
  .pickup-contents-area .car-list .car-list-item .car_price .price.arrow::after{
    content:none;
  }
  .pickup-contents-area .car-list .car-list-item .car_price .price_sale{
    line-height: 1;
  }
}
@media (max-width: 480px) {
  .car-list .car-list-item{
    padding:2%;
    margin-bottom: 6%;
    letter-spacing: 0;
  }
  .car-list .car-list-item .car_pic > img{
    height: 110px;
  }
  .car-list .car-list-item .car_name{
    font-size:0.7em;
    color:#5C9DB6;
	width:55%;
	display:inline-block;
  }
  .car-list .car-list-item .car_price .price_sale{
    font-size:1.2em;
  }
  .car-list .car-list-item .txt,
  .car-list .car-list-item .car_price .price{
    font-size:0.9em;
  }
  .car-list .car-list-item .car_price{
    margin-bottom: 5px;
    margin-top: -1.5em;
  }
  .car-list .car-list-item .btn{
    bottom:-15px;
    font-size:0.8em;
    width:60%;
  }
  .car-list .car-list-item .btn a{
    padding:0.2em 2em;
  }

  #information.section-top .article-list .article-item:first-child .article_title{
    font-size:0.8em;
  }
  #information.section-top .article-list .article-item:first-child .article-thumb{
    height: 120px;
  }
}
@media (max-width: 414px) {
  .car-list .car-list-item .txt{
    font-size: 0.6em;
  }
  .car-list .car-list-item .car_price .price_sale{
    font-size:1.0em;
  }
}



/*----------------------------------------------------
  CARS PAGE
----------------------------------------------------*/
#cars{
  letter-spacing: 0;
}

#cars .section-title__sub {
  display: block;
}


/*SLIDER*/
#slider.container__slider{
  margin-bottom: 50px;
}
#slider.container__slider .slider-main{
  xwidth:100%;
  width:50%;
  padding:5px;
  margin-bottom: 0;
}
#slider.container__slider .slider-main .slick-slide img{
  margin:auto;
}

#slider.container__slider .thumbnail-list{
  width:50%;
  padding:5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
/*   justify-content: space-between; */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#slider.container__slider .thumbnail-item{
  position: relative;
  width:calc(33.33% - 20px / 3);
  margin:0 10px 10px 0;
}
#slider.container__slider .thumbnail-item:not(.thumbnail-current){
  cursor: pointer;
}
#slider.container__slider .thumbnail-item:nth-child(3n){
  margin-right: 0;
}
#slider.container__slider .thumbnail-item:nth-child(n+7){
  margin-bottom: 0;
}
#slider.container__slider .thumbnail-item::after{
  content:'';
  background-color: rgba(92,156,181,0.6);
  position:absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: .3s opacity linear;
  transition: .3s opacity linear;
}
#slider.container__slider .thumbnail-item.thumbnail-current::after{
  opacity:0;
}

#cars .car-info{
  margin-bottom: 30px;
}
#cars .car-info .info-area{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  padding-right: 50px;
  letter-spacing: 0.1em;
}
#cars .car-info .info-area .info__lead{
  color:#5C9DB6;
  font-size:30px;
  line-height: 1.4;
  letter-spacing: 0.2em;
  margin-bottom: 20px;
}
#cars .car-info .info-area .info__lead.pricedown{
  color: #E83828;
  font-size: 25px;
/*   padding: 10px; */
}
#cars .car-info .info-area .text{
  line-height: 1.8;
  font-size:18px;
}
#cars .car-info .options-area{
  max-width:200px;
  padding:5px;
  width:17%;
}
#cars .car-info .options-item-list .item{
  width:calc(33.33% - 20px / 3);
  margin:0 10px 10px 0;
}
#cars .car-info .options-item-list .item:nth-child(3n){
  margin-right: 0;
}

/*SPEC*/
#cars #spec .flex-container .flex-item{
  width:50%;
}
#cars #spec .flex-container .flex-item:first-child{
  padding-right: 30px;
}
#cars #spec .tbl__spec th{
  width:10.5em;
}

#cars .tbl{
  border:solid 1px #5C9DB6;
}
#cars .tbl th{
  padding:0.5em;
  line-height: 1.4;
  background-color:#5C9DB6;
  border-bottom:solid 1px #FFF;
  color:#FFF;
  width:9em;
}
#cars .tbl td{
  padding:0.5em 0.8em;
  line-height: 1.4;
  background-color:#FFF;
  border-bottom:solid 1px #5C9DB6;
}
#cars .tbl tr:last-child th,
#cars .tbl tr:last-child td{
  border-bottom: none;
}

/* PRICE INFO */

#cars .tbl__price.tbl th {
  width: 12em;
}
#cars .tbl__price.tbl tr th {
  border-bottom: solid 1px #FFF;
}
#cars .tbl__price.tbl td {
  text-align: center;
  border-bottom: solid 1px #5C9DB6;
}
#cars .tbl__price.tbl tr td {
  border-bottom: solid 1px #5C9DB6;
  line-height: 1;
}
#cars .tbl__price.tbl td:not(:last-child) {
  border-right: solid 1px #5C9DB6;
}
#cars .tbl__price.tbl th .txt-s {
  font-size: 0.7em;
  line-height: 1.2;
}
#cars .tbl__price.tbl tr span.en {
 font-size:70%;
}
@media (max-width: 640px) {
  #cars .tbl__price.tbl th .txt-s {
    font-size: -0.2em;
  }
}

@media (max-width: 640px) {
  #cars .tbl__price.tbl th,
  #cars .tbl__price.tbl td {
    font-size: 0.6em;
    padding: 0.5em 0.3em;
  }
  #cars .tbl__price.tbl th {
    text-align: center;
  }
  #cars .tbl__price.tbl th:not(:last-child) {
    border-right: solid 1px #FFF;
  }
}

#cars .tbl__price th.blank {
  background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #FFF 50%, #FFF calc(50% + 0.5px), transparent calc(50% + 1px));
}

.accordion-box-header {
  position: relative;
}
.accordion-box-header .accordion-arrow {
  color: #5C9DB6;
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  top:1em; right:0;
}
.accordion-box-header .accordion-arrow__txt::after {
  content: '\025bc';
  display: inline-block;
  transition: all 0.2s ease;
}
.accordion-box-header.open .accordion-arrow__txt::after {
  content: '\025b2';
}
@media (max-width: 640px) {
  .accordion-box-header .accordion-arrow {
    font-size: 12px;
    top: 0.5em;
  }
}

.price-remarsk-txt {
  font-size: 16px;
  line-height: 1.4;
  padding-top: 0.5em;
}
@media (max-width: 640px) {
  .price-remarsk-txt {
    font-size: 12px;
  }
}

/* EARLY RESERVE */
#cars #early_reserve {
  
}




/*INSURANCE FEE*/
#insurance_fee .flex-container .flex-item:nth-child(1){
  width:45%;
  max-width: 350px;
  margin-right: 2%;
  align-items: center;
  display: flex;
}
#insurance_fee .flex-container .flex-item:nth-child(2){
  width:50%;
}
#insurance_fee .tbl__insurance_fee{
  width:80%;
}
#insurance_fee .tbl__insurance_fee .car_price{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
#insurance_fee .tbl__insurance_fee .car_price .price{
  display: inline-block;
}
#insurance_fee .tbl__insurance_fee .car_price .price.arrow{
  padding-right: 2em;
}
#insurance_fee .tbl__insurance_fee .car_price .price.arrow::before{
  right:0;
  width:1.3em;
}
#insurance_fee .tbl__insurance_fee .car_price .price.arrow::after{
  right:0;
  width:6px;
}
#insurance_fee .tbl__insurance_fee .car_price .txt-strike{
  text-decoration: line-through;
  color:#E83828;
}
#insurance_fee .tbl__insurance_fee .car_price .txt-strike span{
  color:#231815;
}
#insurance_fee .tbl__insurance_fee .car_price .price_sale{
  color:#E83828;
  display: inline-block;
  font-style:italic;
  font-size:1.2em;
}
#insurance_fee .plus{
  width:20%;
  text-align: center;
}
#insurance_fee .plus .txt-plus{
  font-size:3.5em;
  font-weight: bold;
  line-height: 1;
  color:#5C9DB6;
}
#insurance_fee .frm__insurance_fee{
  border:solid 1px #5C9DB6;
  padding:20px;
  line-height: 1.6;
}
#insurance_fee .frm__insurance_fee .ttl{
  background-color: #5C9DB6;
  color:#FFF;
  line-height: 1.2;
  padding:5px;
  margin-bottom: 30px;
  font-size:30px;
  text-align: center;
}
#insurance_fee .frm__insurance_fee .insurance_fee{
  text-align: center;
  font-size:30px;
  margin-bottom: 20px;
}
#insurance_fee .frm__insurance_fee .insurance_fee .fee{
  font-size:1.1em;
}

#schedule .btns{
  text-align: right;
  padding-right: 30px;
  margin-bottom: 30px;
}
#schedule .btns button,
#schedule .btns input[type='reset']{
  display: inline-block;
  margin-bottom:1em;
  border-radius: 0;
  -webkit-border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
}
#schedule .btns button span.en,
#schedule .btns input.en[type='reset']{
  font-size:75%;
}

#schedule.section-inner .text-err{
  margin-bottom: 5%;
  line-height:2.1em;
}
#schedule.section-inner .text-err span.en {
  font-size:75%;
}

/*CARS TOTAL PRICE*/
#schedule .cars-total-price{
  padding:30px;
  margin-bottom: 50px;
  background-color:#EFF5F7;
  line-height: 1.6;
}
#schedule .cars-total-price .calc{
  margin-bottom: 20px;
}
#schedule .cars-total-price .calc .calc-item{
  border:solid 1px #5C9DB6;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
}
#schedule .cars-total-price .calc .calc-item__head{
  padding:10px;
  text-align: center;
  color:#FFF;
  font-size:22px;
  background-color:#5C9DB6;
}
#schedule .cars-total-price .calc .calc-item__head span.en {
	font-size:75%;
}
#schedule .cars-total-price .calc .calc-item__body{
  padding:10px;
  text-align: center;
  background-color:#FFF;
}
#schedule .cars-total-price .calc .calc-item .basic_price .price{
  display: inline-block;
}
#schedule .cars-total-price .calc .calc-item .basic_price .price.arrow{
  padding-right: 2em;
}
#schedule .cars-total-price .calc .calc-item .basic_price .price.arrow::before{
  right:0;
  width:1.3em;
}
#schedule .cars-total-price .calc .calc-item .basic_price .price.arrow::after{
  right:0;
  width:6px;
}
#schedule .cars-total-price .calc .calc-item .basic_price .txt-strike{
  text-decoration: line-through;
  color:#E83828;
}
#schedule .cars-total-price .calc .calc-item .basic_price .txt-strike span{
  color:#5C9DB6;
}
#schedule .cars-total-price .calc .calc-item .basic_price .price_sale{
  color:#E83828;
  display: inline-block;
  font-style:italic;
  font-size:1.3em;
}
#schedule .cars-total-price .calc .insurance_fee,
#schedule .cars-total-price .calc .total_price{
  color:#E83828;
  font-style:italic;
  font-size:1.3em;
}

#schedule .cars-total-price .calc .plus{
  width:4em;
  text-align: center;
}
#schedule .cars-total-price .calc .plus span{
  display: inline-block;
  font-size:2.5em;
  font-weight: bold;
  line-height: 1;
  color:#5C9DB6;
}

#schedule .cars-total-price .calc .equal{
  position: relative;
  width:4em;
}
#schedule .cars-total-price .calc .equal span{
  position: absolute;
  top:50%;left:0;right:0;
  width:25px;
  height: 30px;
  margin:auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#schedule .cars-total-price .calc .equal span::before{
  content:'';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width:15px 0 15px 25px;
  border-color: transparent transparent transparent #5C9DB6;
}

#schedule .cars-total-price .txt-list{
  margin-bottom: 30px;
}

#schedule .cars-total-price .btns{
  margin-bottom: 0;
}
#schedule .cars-total-price .btns .btn{
  max-width: none;
  width:auto;
}
#schedule .cars-total-price .btns .btn__reserve a{
  color:#5C9DB6;
}
#schedule .cars-total-price .btns .btn__flow{
  margin:0 10px;
}
#schedule .cars-total-price .btns .btn__member{
  background-color:#FFF;
  color:#5C9DB6;
}
#schedule .cars-total-price .btns .btn__flow a{
  background-color:#5C9DB6;
  color:#FFF;
  border:solid 1px #5C9DB6;
}
#schedule .cars-total-price .btns .btn__flow a span.en {
  font-size:75%;
}
#schedule .cars-total-price .btns .btn__member a{
  background-color:#FFF;
  color:#5C9DB6;
  border:solid 1px #5C9DB6;
}
#schedule .cars-total-price .btns .btn__member a span.en {
  font-size:75%;
}




#cars .search-link-area{
  margin-bottom: 20px;
}
#cars .ttl__search{
  display: none;
  max-width: 140px;
  width:17%;
  z-index: 2;
  -webkit-transition : all 300ms;
  transition : all 300ms;
  position: absolute;
  bottom:0;left:2%;
  -webkit-transition:0.3s;
  transition:0.3s;
}
#cars .search-link-area .ttl__search.fixed{
  position: fixed;
  bottom:50px;
}
#cars .search-link-area .ttl__search.fixed .scroll{
  height:50px;
}
#cars .ttl__search a{
  display: block;
}
#cars .ttl__search .scroll{
  border:1px solid #5C9DB6;
  position: absolute;
  top:96%;left:0;right:0;
  text-align: center;
  height:100px;
  width:0;
  margin:auto;
  -webkit-animation: 2s arrow-animation infinite ease-in-out;
  animation: 2s arrow-animation infinite ease-in-out;
  z-index: 2;
}
#cars .ttl__search .scroll::after {
  content: '';
  display: block;
  position: absolute;
  background-color:#5C9DB6;
  top:calc(100% - 4px);right:-12px;
  width: 14px;
  height: 1px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
@-webkit-keyframes arrow-animation {
  0% {
    height: 1em;
  }
}
@keyframes arrow-animation {
  0% {
    height: 1em;
  }
}

#lineup.section-cars .schedule{
  background-color:#FFF;
  padding:50px;
  text-align: center;
}
#lineup.section-cars .schedule .schedule-container{
  margin-bottom:50px;
}
#lineup.section-cars .schedule .calender{
  max-width: 490px;
}
#lineup.section-cars .schedule .calender thead th{
  padding:10px 5px;
}
#lineup.section-cars .schedule .calender thead th,
#lineup.section-cars .schedule .calender tbody td{
  border-color:#FFF;
}
#lineup.section-cars .schedule .calender tbody td:nth-child(n+1):not(:nth-child(n+6)){
  background-color:#EFF5F7;
}



@media (max-width: 1200px) {
  #cars .car-info .info-area .text{
    font-size:1em;
  }
}
@media (max-width: 1024px) {
  #cars .car-info .info-area .info__lead{
    font-size:1.5em;
  }
}
@media (max-width: 768px) {
  #cars .car-info .info-area{
    padding-right: 30px;
  }
  #cars .car-info .info-area .info__lead{
    font-size:1.3em;
  }
  #cars .car-info .info-area .text{
    font-size:0.9em;
  }
  #insurance_fee .flex-container .flex-item:nth-child(1){
    width:50%;
  }
  #insurance_fee .flex-container .flex-item:nth-child(2){
    width:47%;
  }
  #insurance_fee .frm__insurance_fee .ttl{
    margin-bottom: 3%;
    font-size:1.3em;
  }
  #insurance_fee .frm__insurance_fee .insurance_fee{
    margin-bottom: 3%;
    font-size:1.5em;
  }
  #schedule .cars-total-price .calc .calc-item__head{
    font-size: 1em;
    padding:5px;
  }
  #schedule .cars-total-price .calc .plus{
    width:3em;
  }
  #schedule .cars-total-price .calc .plus span{
    font-size:2em;
  }
  #schedule .cars-total-price .calc .equal{
    width:3em;
  }
  #schedule .cars-total-price .calc .equal span{
    height: 20px;
    width:20px;
  }
  #schedule .cars-total-price .calc .equal span::before{
    border-width:10px 0 10px 20px;
  }
  #lineup.section-cars .schedule{
    padding:30px 10px;
  }
  .schedule .schedule-container .calender-head{
    font-size:1.5em;
    margin-bottom: 20px;
  }
}
@media (max-width: 640px) {
  #main-visual__cars.main-visual{
    display: none;
  }
  #cars .section .section-inner:first-child{
    padding-top:0;
  }
  #slider.container__slider{
    width:110%;
    margin-left:-5%;
  }
  #slider.container__slider .slider-main{
    width:100%;
    padding:0;
    margin-bottom: 15px;
  }
  #slider.container__slider .slick-dots{
    bottom:-30px;
  }
  #slider.container__slider .slick-dots li{
    margin:0 3px;
  }
  #slider.container__slider .slick-dots li button:before{
    content:'●';
    font-size:15px!important;
  }
  #slider.container__slider .thumbnail-list{
    display: none;
  }

  #insurance_fee .flex-container .flex-item:nth-child(1){
    width:75%;
	margin: 0 0 3% 0 ;
  }
  #insurance_fee .frm__insurance_fee{
    padding:3%;
  }
  #insurance_fee .tbl__insurance_fee,
  #insurance_fee .plus{
    width:100%;
  }
  #insurance_fee .flex-container .flex-item:nth-child(2){
    width:100%;
  }
  #lineup.section-cars .schedule{
    padding:8% 3%;
  }
  #cars .car-info{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #cars .car-info .info-area{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:100%;
    padding:0 0 5%;
  }
  #cars .car-info .info-area .info__lead{
    font-size:1.2em;
    margin-bottom: 3%;
  }
	#cars .car-info .info-area .info__lead.pricedown{
    font-size:1.2em;
  }
  #cars .car-info .options-area{
    width:100%;
    max-width: none;
  }
  #cars .car-info .options-item-list .item{
    width:calc(20% - 40px / 5);
    margin:0 10px 10px 0!important;
  }
  #cars .car-info .options-item-list .item:nth-child(5n){
    margin-right: 0!important;
  }
  #schedule.section-inner .text-err .fsr20{
    font-size:1.1em!important;
  }
  #schedule .btns{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-right: 0;
	text-align: center;
  }
  #schedule .cars-total-price .btns .btn{
    font-size:0.9em;
    margin:0 auto 10px;
    width:90%;
  }
  #schedule .cars-total-price .btns .btn__reserve a{
    display: inline;
  }
}
@media (max-width: 480px) {
  #cars #spec .flex-container .flex-item{
    width:100%;
  }
  #cars #spec .flex-container .flex-item:first-child{
    padding:0 0 5%;
  }
  #schedule.section-inner{
    padding-bottom: 0;
  }
  #schedule .cars-total-price{
    margin-bottom: 7%;
  }
  #schedule .cars-total-price .calc{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #schedule .cars-total-price .calc .calc-item{
    width:100%;
  }
  #schedule .cars-total-price .calc .plus,
  #schedule .cars-total-price .calc .equal{
    height:40px;
  }
  #schedule .cars-total-price .calc .plus span{
    padding-top: 5px;
  }
  #schedule .cars-total-price .calc .equal span{
    width:24px;
    height: 20px;
  }
  #schedule .cars-total-price .calc .equal span::before{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    border-width:12px 5px 12px 20px;
  }
  #cars .search-link-area .ttl__search.fixed{
    bottom:100px;
  }
  #cars .ttl__search .scroll{
    height:60px;
  }
}
@media (max-width: 414px) {
}

/*----------------------------------------------------
  SERVICE PAGE
----------------------------------------------------*/
#service .service-list .service-list-item{
  margin:0 0 50px;
}
#service .service-list-item figure{
  max-width: 270px;
  width:43%;
}
#service .service-list-item figure img{
  height: 100%;
  width:100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';  /*IE対策*/
}
#service .service-list-item .service-list-item__body{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  padding-left:20px;
  line-height: 1.2;
}
#service .service-list-item .service-item__ttl{
  margin-bottom: 15px;
  font-size:20px;
  line-height: 1.4;
}
#service .service-list-item .service-item__txt{
  line-height: 1.6;
  letter-spacing: 0;
  margin-bottom: 20px;
}
#service .service-list-item .service-list-item__body .btn__more a{
  background-color:#5C9DB6;
  color:#FFF;
}
#service .service-list-item .service-list-item__body .btn__more.mgt-auto{
  margin:auto auto 0;
}

@media (min-width: 769px) {
  #service .service-list .service-list-item{
    width:calc(50% - 30px / 2);
    margin-right:30px;
  }
  #service .service-list .service-list-item:nth-child(even){
    margin-right: 0;
  }
}
@media (max-width: 1024px) {
  #service .service-list-item .service-item__ttl{
    font-size:1em;
  }
}
@media (max-width: 768px) {
  #service .service-list .service-list-item{
    width:100%;
  }
  #service .service-list-item .service-list-item__body{
    padding:0 0 0 5%;
  }
  #service .service-list-item .service-item__ttl{
    font-size:20px;
  }
}
@media (max-width: 767px) {
  #service .service-list-item .service-item__ttl{
    font-size:1em;
    letter-spacing: 0;
  }
  #service .service-list-item .service-item__txt{
    font-size:0.9em;
  }
}
@media (max-width: 414px) {
  #service .service-list-item .service-list-item__body{
    padding-left:3%;
  }
  #service .service-list-item .service-item__txt{
    font-size:0.8em;
  }
}


/*----------------------------------------------------
  FLOW PAGE
----------------------------------------------------*/
#flow.section .section-inner{
  max-width:1080px;
}
#flow .tabs__flow .tab .tab-title{
  font-size:20px;
  color:#231815;
}
#flow .flow-list .flow-item{
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom:dashed 1px #5C9DB6;
}
#flow .flow-list .flow-item .flow-item-row{
  text-align: left;
  padding-bottom: 10px;
}
#flow .flow-list .flow-item .flow-item-row-col2{
  padding-bottom: 0;
}
#flow .flow-item .flow-item__ttl{
  margin-bottom:0.5em;
  font-size:22px;
  line-height: 1.4;
  color:#5C9DB6;
}
#flow .flow-item figure{
  max-width: 320px;
  text-align: center;
  width:45%;
  x-webkit-box-shadow:3px 2px 4px 1px rgba(82,171,225,0.3);
  xbox-shadow:3px 2px 4px 1px rgba(82,171,225,0.3);
  overflow: hidden;
}
#flow .flow-item figure.w-full{
  max-width: none;
  width:100%;
  margin-bottom: 10px;
}
/*
#flow .flow-item figure img{
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#flow .flow-item figure:hover img{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
*/
#flow .flow-item .flow-item__txt{
  line-height: 2;
  letter-spacing: 0;
  margin-bottom: 20px;
}

#flow .frm{
  background-color:#F7FAFC;
  padding:30px;
  margin-top:40px;
}
#flow .frm .frm-ttl{
  margin-bottom:1em;
  font-size:24px;
  line-height: 1.4;
  color:#5C9DB6;
  text-align: center;
}
#flow .tbl th,
#flow .tbl td{
  border-bottom:solid 1px #CCC;
  background-color:#FFF;
}
#flow .tbl tr:first-child th,
#flow .tbl tr:first-child td{
  border-top:solid 1px #CCC;
}

@media (min-width: 768px) {
  #flow .tab-contents-area{
    padding:0 40px;
  }
  #flow .flow-item-row-col2.flow-item-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
  }
  #flow .flow-item-row-col2.flow-item-row .flow-item-body{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding-left:3%;
  }
  #flow .flow-item .flow-item-body .flow-item__ttl{
    margin-bottom:1em;
  }
  #flow #tab-contents-departure .flow-item figure:not(.w-full){
    max-width: 300px;
  }
}
@media (max-width: 1024px) {
  #flow .flow-item .flow-item__ttl{
    font-size:1.2em;
  }
}
@media (max-width: 768px) {
  #flow .flow-item .flow-item__txt{
    font-size:0.9em;
  }
  #flow .frm .frm-ttl{
    font-size:1.1em;
  }
  #flow .frm th{
    width:7em;
  }
}
@media (max-width: 767px) {
  #flow .flow-item figure{
    width:100%;
    max-width: none;
    margin:0 auto 5%;
    text-align: center;
  }
  #flow .flow-item .flow-item-body{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    padding:0;
  }
  #flow .frm{
    padding:5%;
    margin-top:8%;
  }
}
@media (max-width: 480px) {
  #flow .tabs__flow .tab .tab-title{
    font-size:1.0em;
  }
  #flow .flow-list .flow-item{
    padding-bottom: 5%;
    margin-bottom: 10%;
  }
  #flow .flow-item .flow-item__ttl{
    font-size:1.1em;
  }
  #flow .flow-item figure{
    margin-bottom: 7%;
  }
  #flow .flow-item .flow-item__txt{
    font-size:0.8em;
  }
  #flow .frm th,
  #flow .frm td{
    padding:1em 0.3em 1em 0.5em;
    font-size:0.6em;
  }
}
@media (max-width: 375px) {
  #flow .flow-item .flow-item__ttl{
    font-size:0.9em;
    letter-spacing: 0;
  }
  #flow .flow-item .flow-item__txt{
    font-size:0.7em;
    margin-bottom: 10px;
  }
}


/*----------------------------------------------------
  INFORMATION PAGE
----------------------------------------------------*/
#information .tbl__information th{
  width:12em;
}
#access .map{
  width:100%;
  height: 400px;
  overflow: hidden;
}
#access .map iframe{
  width:100%!important;
  height: 100%!important;
}

@media (max-width: 1024px) {
  #access .map{
    height: 450px;
  }
}
@media (max-width: 640px) {
  #information .tbl__information th,
  #information .tbl__information td{
    font-size:0.9em;
  }
  #access .map{
    height: 350px;
  }
}
@media (max-width: 480px) {
  #information .tbl__information th{
    width:10em;
  }
}


/*----------------------------------------------------
  FAQ PAGE
----------------------------------------------------*/
#faq{
  background-color:#EFF5F7;
  background-image: url(../img/top/bg_flower_l.png),url(../img/top/bg_flower_r.png);
  background-position: left top, right bottom;
  background-repeat: no-repeat;
  background-size: 20% auto;
}
#faq .tabs__faq.tabs .tab{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#faq .faq-box{
  margin-bottom: 20px;
}
#faq .faq-box .faq-box__head{
  padding:0 5px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: dashed 1px #5C9DB6;
  cursor: pointer;
}
#faq .faq-box .faq-item{
  line-height: 1.8;
}
#faq .faq-box .faq-box__head .faq-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  line-height: 1.4;
  padding-right: 5px;
}
#faq .faq-box .faq-box__head .accordion_icon{
  display: inline-block;
  vertical-align: middle;
  border-right: 8px solid transparent;
  border-top: 15px solid #5C9DB6;
  border-left: 8px solid transparent;
}
#faq .faq-box .faq-box__body{
  display: none;
  background-color:#FFF;
  padding:10px 20px;
}
#faq .faq-box .faq-item::before{
  content:'';
  font-size:1.5em;
}
#faq .faq-box .faq__question::before{
  margin-right:0.5em;
  color:#5C9DB6;
  content:'Q';
}
#faq .faq-box .faq__answer::before{
  color:#231815;
  content:'A';
  display:block;
  content:none;
}
@media (max-width: 768px) {
  #faq .tabs__faq .tab-title,
  #faq .faq-box .faq-item{
    font-size:0.9em;
  }
}
@media (max-width: 640px) {
  #faq .tabs__faq .tab-title,
  #faq .faq-box .faq-item{
    font-size:0.8em;
  }
  #faq .faq-box .faq__question::before{
    font-size:1.3em;
  }
}
@media (max-width: 414px) {
  #faq .tabs__faq .tab-title{
    font-size:0.6em;
  }
}

/*----------------------------------------------------
  CAMPAIGN PAGE
----------------------------------------------------*/
#campaign .remarks{
  color:#E60012;
  line-height: 1.6;
  margin-bottom: 30px;
  text-align: left;
}

/*LINE UP BOX*/
.lineupBox{
  margin-bottom: 50px;
}
/*
.lineupBox .typeTitleBox{
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color:#5C9DB6;
  color:#FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding:15px 20px;
  margin-bottom: 30px;
}
.lineupBox .typeTitleBox h4{
  max-width: 550px;
  width:50%;
}
.lineupBox .typeTitleBox .en{
  color:#FFF;
}
*/
.lineupBox .typeTitleBox{
  line-height: 1.4;
  font-weight: normal;
  margin-bottom: 40px;
}
.lineupBox .typeTitleBox h4{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size:36px;
  font-weight: bold;
}
.lineupBox .typeTitleBox h4 img{
  display: none;
}
.lineupBox .typeTitleBox h4::before{
  content:'';
}
.lineupBox .typeTitleBox h4::after {
  content: '';
  border-top: solid 1px rgba(35,24,21,0.6);
  height: 1px;
  width: 1em;
  margin-left: 0.8em;
}
.lineupBox .typeTitleBox .en{
  display: block;
  font-size: 18px;
}
#special.lineupBox .typeTitleBox h4::before{
  content:'スペシャルタイプ';
}
#open.lineupBox .typeTitleBox h4::before{
  content:'オープンタイプ';
}
#sedan.lineupBox .typeTitleBox h4::before{
  content:'セダン／クーペタイプ';
}
#wagon.lineupBox .typeTitleBox h4::before{
  content:'RV／ワゴンタイプ';
}

.lineupBox ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.lineupBox ul > li{
  background-color:#FFF;
  -webkit-box-shadow:2px 2px 8px 0 #a6ceee;
  box-shadow:2px 2px 8px 0 #a6ceee;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1.6;
  margin:0 20px 30px 0;
  padding:30px;
  position: relative;
  -webkit-transition:0.3s all;
  transition:0.3s all;
  width:calc(33.333% - 40px / 3);
}
.lineupBox ul > li:hover{
  -webkit-box-shadow:5px 5px 15px 0 #a6ceee;
  box-shadow:5px 5px 15px 0 #a6ceee;
}
.lineupBox ul > li > a{
  position: absolute;
  top: 0; left: 0;
  height: 100%;
  text-indent: -999px;
  width: 100%;
}
.lineupBox ul > li h4 {
  height: 100%;
  font-size: 22px;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom:1em;
}
.lineupBox ul > li .carImg {
  width: 100%;
  margin-top: auto;
  margin-bottom: 20px;
}
.lineupBox ul > li .carImg > img {
  width: 100%;
  height: 170px;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: 'object-fit: contain;';
}
.lineupBox ul > li .carInfoBox .price{
  color:#E83828;
  font-size:26px;
  font-style: italic;
}
.lineupBox ul > li .btnMore{
  display: none;
}

@media (min-width: 897px) {
  .lineupBox ul > li:nth-child(3n){
    margin-right:0;
  }
  .lineupBox ul > li .priceBox{
    text-align: center;
  }
}
@media (max-width: 896px) {
  .lineupBox .typeTitleBox h4{
    font-size:1.5em;
  }
  .lineupBox .typeTitleBox .en{
    font-size:16px;
  }

  .lineupBox ul > li{
    width:calc(50% - 3% / 2);
    margin:0 3% 4% 0;
    padding:3%;
  }
  .lineupBox ul > li:nth-child(even){
    margin-right:0;
  }
  .lineupBox ul > li h4,
  .lineupBox ul > li .priceBox{
    font-size:0.9em;
  }
  .lineupBox ul > li .priceBox .price{
    text-align: right;
  }
}
@media (max-width: 640px) {
  .lineupBox .typeTitleBox{
    padding:2%;
  }
  .lineupBox .typeTitleBox .en{
    font-size:12px;
  }
}
@media (max-width: 480px) {
  .lineupBox ul > li h4{
    color:#5C9DB6;
    font-size:0.7em;
  }
  .lineupBox ul > li .carImg > img{
    height: 110px;
  }
  .lineupBox ul > li .priceBox .price{
    font-size:1.2em;
  }
}
@media (max-width: 375px) {
  .lineupBox ul > li .priceBox >p:not(.price){
    font-size:0.7em;
  }
}

#campaign .car-list .car-list-item .txt{
  text-align: center;
}
#campaign .car-list .car-list-item .car_price{
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#campaign .type-title{
  line-height: 1.4;
  font-weight: normal;
  margin-bottom: 40px;
}
#campaign .type-title__main{
  display: block;
  font-size:36px;
}
#campaign .type-title__main.line{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#campaign .type-title__main.line::after{
  content:'';
  border-top:solid 1px rgba(35,24,21,0.6);
  height: 1px;
  width:1em;
  margin-left:0.8em;
}
#campaign .type-title .type-title__sub{
  display: block;
  font-size:18px;
}

@media (max-width: 1024px) {
  #campaign .type-title__main{
    font-size:2.5em;
  }
}
@media (max-width: 768px) {
  #campaign .car-list .car-list-item .car_price .price_sale{
    text-align: center;
  }
}
@media (max-width: 480px) {
  #campaign .tabs .tab{
    padding:10px 2px 15px;
  }
  #campaign .tabs .tab-title{
    font-size:0.7em;
  }
  #campaign .type-title__main{
    font-size:2em;
  }
  #campaign .type-title__sub{
    font-size:1.2em;
  }
}

/*----------------------------------------------------
  RULE PAGE
----------------------------------------------------*/
.rule-list .rule-list-item,
.privacy-list .privacy-list-item{
  border-bottom: dashed 1px #5C9DB6;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.rule-list .rule-list-item:last-child{
  border-bottom:none;
}
.rule-list .rule-list-item .rule-list-head,
.privacy-list .privacy-list-item .privacy-list-head{
  margin-bottom: 20px;
  color:rgba(92,157,182,0.8);
  font-size:24px;
}
.rule-list .rule-list-item .rule-list-desc,
.privacy-list .privacy-list-item .privacy-list-desc{
  line-height: 1.6;
}
#rule .tbl__rule{
  width:auto;
  margin-bottom:30px;
  border:solid 2px rgba(92,157,182,0.8);
}
#rule .tbl__rule th{
  padding:0.5em;
  color:#FFF;
  background-color:#5C9DB6;
  border:solid 2px rgba(92,157,182,0.8);
}
#rule .tbl__rule td{
  padding:0.5em 3em 0.5em 1em;
  border:solid 2px rgba(92,157,182,0.8);
}
#rule .tbl__rule tbody tr:not(:last-child) th{
  border-bottom-color:#FFF;
}
#rule .tbl__rule thead th:not(:last-child) {
  border-right-color:#FFF;
}
#rule .tbl__rule_cancel th{
  width:auto;
  padding:0.5em 1em;
}
#rule .tbl__rule .txt-strike{
  color:#E60012;
  text-decoration:line-through;
}
#rule .tbl__rule .txt-strike span{
  color:#231815;
}
@media (max-width: 768px) {
  .rule-list .rule-list-item .rule-list-head,
  .privacy-list .privacy-list-item .privacy-list-head{
    font-size:1.2em;
  }
  .rule-list .rule-list-item .rule-list-desc,
  .privacy-list .privacy-list-item .privacy-list-desc{
    font-size:0.9em;
  }
  .rule-list .rule-list-item .rule-list-desc .txt-list .txt-list__item{
    font-size:1em;
  }
}
@media (max-width: 480px) {
  #rule .tbl__rule td{
    padding-right: 0.5em;
  }
  .rule-list .rule-list-item .rule-list-head,
  .privacy-list .privacy-list-item .privacy-list-head{
    font-size:1.0em;
  }
  .rule-list .rule-list-item .rule-list-desc,
  .privacy-list .privacy-list-item .privacy-list-desc{
    font-size:0.7em;
  }
}

/*----------------------------------------------------
  TOPICS PAGE
----------------------------------------------------*/
.article-list{
  margin-bottom: 30px;
}
.article-list .article-item{
  position: relative;
  line-height: 1.6;
  border-bottom: solid 1px #C9CACA;
  padding:20px;
}
.article-list .article-item .article-item-head{
  margin-bottom:20px;
}
.article-list .article-item .article_date{
  margin-right: 10px;
}
.article-list .article-item .article_cat{
  background-color:#EFF5F7;
  font-size:0.9em;
  padding:5px 15px;
}
.article-list .article-item .article_title{
  font-size:16px;
  font-weight: normal;
}
.article-list .article-item >a{
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
}

.article-list-area > .btn__more{
  margin-left: 20px;
}

/*ARTICLE*/
.article {
  text-align: left;
}
.article .article__head{
  margin-bottom:50px;
}
.article .article__title{
  border-bottom: solid 1px #5C9DB6;
  font-size:24px;
  line-height: 1.4;
  margin-bottom: 10px;
  padding-bottom: 5px;
  text-align: left;
  width:100%;
}
.article .article__date{
  display: inline-block;
  margin:0 10px 20px 0;
  font-size:14px;
}
.article .article__cat{
  color:#231815;
  background-color:#EFF5F7;
  display: inline-block;
  font-size:14px;
  line-height: 1.4;
  margin:0 10px 10px 0;
  padding:5px;
}


article .article_content img.alignright { display: block; margin: 0 0 0 auto!important;}
article .article_content img.alignleft { display: block; margin: 0 auto 0 0!important;}
article .article_content img.aligncenter { display: block; margin: 0 auto!important;}

/* img */
.article .aligncenter {
    display: block;
    margin: 0 auto;
}
.article .alignright { float: right; }
.article .alignleft { float: left; }


@media (max-width: 480px) {
  .article-list .article-item{
    padding:20px 0;
  }
  .article-list .article-item .article-item-head{
    margin-bottom: 10px;
  }
  .article-list .article-item .article_title{
    font-size:1em;
  }
  .article-list-area > .btn__more{
    margin: 0 auto;
  }
  .article .article__title{
    font-size:1.3em;
  }
}
@media (max-width: 414px) {
  .article-list .article-item .article_title{
    font-size:0.8em;
  }
  .article-list .article-item .article_date{
    font-size:0.8em;
  }
  .article-list .article-item .article_cat{
    font-size:0.8em;
    padding:3px 10px;
  }
}


/*----------------------------------------------------
  CONTACT PAGE
----------------------------------------------------*/
#contact .telephone-container .section-title{
  margin-bottom: 0;
}
#contact .telephone-container .text-area{
  color:#5C9DB6;
}
#contact .telephone-container .tel{
  font-size:32px;
  line-height: 1.2;
}
#contact .telephone-container .tel::before{
  content:'';
  display: inline-block;
  width:1em;
  height:0.7em;
  margin-right: 0.3em;
  background:url(../img/common/icon_free_dial.png) center no-repeat;
  background-size:contain;
}
#contact .telephone-container .tel a{
  color:#5C9DB6;
}

#contact .form-box {
  width: 100%;
  margin: 0 auto;
  padding:5% 10%;
  background-color:#EFF5F7;
}
#contact .form-box .text {
  margin-bottom: 1em;
}
#contact .form-box .tbl__contact.tbl{
  margin-bottom: 30px;
}
#contact .form-box .tbl__contact.tbl th {
  width: 20em;
  color:#231815;
  border-bottom: none;
}
#contact .form-box .tbl__contact.tbl td {
  border-bottom: none;
}
#contact .form-box .tbl__contact.tbl th span{
  display: inline-block;
  padding:5px 10px;
  font-size:0.8em;
  line-height: 1;
  width:4em;
}


/*----------------------------------------------------
  ACCIDENT PAGE（事故報告フォーム）用
----------------------------------------------------*/
#contact .text span.aid {
  font-size:75%;
}
#contact p.acci_ttl{
  font-size: 170%;
  margin:70px 0 20px 0;
}
#contact p.acci_ttl:nth-of-type(1) {
  margin-top:0;
}
#contact p.others_caution {
  font-size:75%;
}
#contact .telephone-container {
	margin-bottom:10px;
}
#contact .telephone-container .red{
  font-size:32px;
  line-height: 1.2;
}
#contact .telephone-container a.red::before{
  content:'';
  display: inline-block;
  width:1em;
  height:0.7em;
  margin-right: 0.3em;
  background:url(../img/common/icon_free_dial_red.png) center no-repeat;
  background-size:contain;
}
#contact .telephone-container .red a{
  color:#5C9DB6;
}
@media (max-width: 768px) {
  #contact .text span.aid {
    font-size:100%;
  }
  #contact p.acci_ttl{
    font-size: 120%;
    margin:20px 0 10px 0;
    line-height:1.3em;
  }
  #contact form select {
    margin-bottom: 2%;
  }
  #contact .telephone-container {
	margin-bottom:3%;
  }
}


/*ボタン*/
#contact .form-box .btn-box {
  width: 100%;
  margin: 0 auto 2em;
  text-align: center;
}
#contact .form-box #btn-reset{
  margin-right: 20px;
}
#contact .form-box input[name="submitConfirm"]{
  margin:0 auto;
}
#contact .form-box .mw_wp_form_confirm #btn-reset {
  display: none;
}
#contact .form-box .mw_wp_form .error{
  padding-top:5px;
  color: #e83828;
}
/*[入力画面]*/
.form-box .mw_wp_form_input .txt__input {
  display: block;
}
.form-box .mw_wp_form_input .txt__confirm {
  display: none;
}
/*[確認画面]*/
.form-box button, .form-box input.btn{
  display: inline-block;
}
.form-box .mw_wp_form_confirm .txt__input {
  display: none;
}
.form-box .mw_wp_form_confirm .txt__confirm {
  display: block;
}
.form-box .mw_wp_form_confirm .form__remarks {
  display: none;
}

/*サンクスページ*/
#contact .text-area .text__thanks{
  text-align:center;
}

@media (max-width: 768px) {
  #contact .form-box{
    padding:5%;
  }
}
@media (max-width: 766px) {
  #contact .form-box .tbl__contact.tbl th{
    display: block;
    padding-bottom: 0;
    width:100%;
  }
  #contact .form-box .tbl__contact.tbl td{
    display: block;
    width:100%;
    border-bottom: dashed 1px #5C9DB6;
  }
}
@media (max-width: 640px) {
  #contact .telephone-container{
    flex-direction: column;
  }
}

/*----------------------------------------------------
  RESERVE PAGE
----------------------------------------------------*/
.form-wrapper{
  background-color:#EFF5F7;
  padding:50px 0;
}
.form-wrapper .tbl{
  width:95%;
  max-width: 850px;
  margin:0 auto 20px;
}
.form-wrapper .tbl th{
  width:12em;
  color:#231815;
  border-bottom: none;
  vertical-align: top;
}
.form-wrapper .tbl td{
  border-bottom: none;
}
.form-wrapper .btn-submit{
  margin: 1em auto 0 auto;
  padding-right: 3em;
}
.form-wrapper .btn-submit span.en{
  font-size:75%;
}

/*FORM ITEMS SETTING*/
.form-wrapper .tbl input{
  margin:0 0 10px;
  padding:0 0.5em;
}
.form-wrapper .btn-submit.arrow::before {
  right:10px;
  width:1.3em;
  border-bottom-color:#FFF;
}
.form-wrapper .btn-submit.arrow::after {
  background-color:#FFF;
  top:42%;right:10px;
  width:7px;
}

#reserve .tbl__reserve .price{
  font-size:0.9em;
}
#reserve .tbl__reserve .total-price{
  font-size:1.2em;
  color:#E83828;
}
.form-wrapper form .row__name .label,
.form-wrapper form .row__name-furigana .label{
  display: inline-block;
  width:3em;
  padding:0;
  text-align: center;
}

#reserve form .tbl__reserve .label{
  padding-right:10px;
}
#reserve form .tbl__reserve input.w-medium{
  margin-right: 30px;
}
#reserve form .tbl__reserve .note-box{
  margin:10px 0 0 0;
  display: block;
}
#reserve form .tbl__reserve .note-box p.en {
  font-size:75%;
}

#reserve .link__privacy{
  float:right;
  display: inline-block;
  margin-top:-1.9em;
  padding-left:1em;
}
#reserve .section-inner  .txt-center p.en {
  font-size:75%;
  color: #888888;
	line-height: 1.6;
}


@media (min-width: 768px) {
  .form-wrapper .tbl .is-err:not(.non-message) th{
    padding-top:3em;
  }
  #reserve .form-wrapper .tbl__reserve th{
    width:11em;
  }
  #reserve form .tbl__reserve input.w-medium{
    margin-right: 15px;
  }
  .form-wrapper form .row__name-furigana th,
  .form-wrapper form .row__name-furigana td{
    padding-top:0!important;
  }
}
@media (max-width: 766px) {
  .form-wrapper{
    padding:12% 3%;
  }
  .form-wrapper .tbl th{
    display: block;
    width:100%;
    padding:0;
    font-size:1em;
  }
  .form-wrapper .tbl td{
    display: block;
    width:100%;
    padding:3% 0 8%;
  }
  #reserve form .tbl__reserve input.w-medium{
    margin-right: 15px;
  }
  #reserve form .row__name input.w-medium,
  #reserve form .row__name-furigana input.w-medium{
    margin-right: 0;
  }
  #reserve form .select-wrap{
    margin-right: 5px;
  }
  #reserve form .select-wrap select{
    padding-right: 2em;
  }
  #reserve form .tbl__reserve .label{
    padding-right: 5px;
  }
  #reserve form .tbl__reserve .note{
    font-size:0.9em;
  }
  #reserve form .tbl__reserve .note p.en {
    font-size:75%;
  }
  #reserve form .tbl__reserve input[type="password"]{
    max-width:none;
  }
}
@media (max-width:640px) {
  #reserve .link__privacy{
    float:none;
    margin:1em 0 0;
  }
}


/*----------------------------------------------------
  LOGIN PAGE
----------------------------------------------------*/
#login .tbl__login{
  max-width: 620px;
}
#login .tbl__login th{
  width:auto;
}
#login .tbl__login td{
  padding:0;
}
#login .form-wrapper .text{
  padding:0 20px;
}

/*CHECK BOX*/
#login form input[type="checkbox"] {
  display: none;
}
#login form .chk-label {
position: relative;
padding: 0 0 0 25px;
}
#login form .chk-label:hover:after {
  border-color: #5C9DB6;
}
#login form .chk-label:after, #login form .chk-label:before{
  position: absolute;
  content: "";
  display: block;
  top: 50%;
}
#login form .chk-label:after {
  left:0;
  margin-top: -10px;
  width:1.1em;
  height:1.1em;
  border: 1px solid #5C9DB6;

}
#login form .chk-label:before {
  left:2px;
  margin-top: -13px;
  width: 9px;
  height:18px;
  border-right: 3px solid #5C9DB6;
  border-bottom: 3px solid #5C9DB6;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
}
#login form input[type=checkbox]:checked + .chk-label:before {
  opacity: 1;
}

#login .tbl__repassword th{
  width:14em;
}

@media (max-width: 766px) {
  #login .tbl__login td{
    padding:0.5em 0 2em;
  }
}


/*----------------------------------------------------
  MEMBER PAGE
----------------------------------------------------*/
#main-visual__member.main-visual{
  background-image: url(../img/members/bg_head.png);
  background-position: 50% 50%;
  height:450px;
}
#main-visual__member.main-visual .title-box .page-title{
  color:#FFF;
}
#main-visual__member.main-visual .pic{
  position: absolute;
  right:3%;bottom:2%;
  max-width:540px;
  width:68%;
}

/*MAIN LEAD TEXT*/
#member #member-top.section-inner{
  max-width: none;
  width:100%;
}
#member #member-top .lead-text-area{
  position: relative;
  padding:50px 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(230,241,244,0.6)), to(#FFF));
  background: linear-gradient(to bottom, rgba(230,241,244,0.6) 80%, #FFF);
}
#member #member-top .lead-text-area .text{
  max-width:1200px;
  margin:0 auto;
}
#member #member-top .lead-text-area .lead-h1{
  color:#0092B4;
}
#member #member-top .lead-text-area .img{
  position: absolute;
  height:auto;
  z-index: 2;
}
#member #member-top .lead-text-area .img-1{
  width:170px;
  top:35%;right:calc(65% + 170px);
}
#member #member-top .lead-text-area .img-2{
  top:17%;left:calc(62% + 180px);
  width:180px;
}
#member #member-top .lead-text-area .img-3{
  bottom:6%;left:calc(69% + 160px);
  width:160px;
}
#member #member-top .lead-text-area .circle{
  position: absolute;
  height:auto;
  z-index: 1;
  background-color:rgba(166,217,217,0.8);
  -webkit-transition:1s all;
  transition:1s all;
  -webkit-animation: uneune 5s linear infinite;
  animation: uneune 5s linear infinite; /* 5秒アニメーションをループ */
}
@-webkit-keyframes uneune {
  0% {
    border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%;
  }
  25% {
    border-radius: 70% 60% 60% 90% / 70% 80% 40% 90%;
  }
  50% {
    border-radius: 60% 40% 70% 60% / 40% 60% 50% 60%;
  }
  75% {
    border-radius: 90% 60% 40% 70% / 70% 50% 80% 40%;
  }
  100% {
    border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%;
  }
}
@keyframes uneune {
  0% {
    border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%;
  }
  25% {
    border-radius: 70% 60% 60% 90% / 70% 80% 40% 90%;
  }
  50% {
    border-radius: 60% 40% 70% 60% / 40% 60% 50% 60%;
  }
  75% {
    border-radius: 90% 60% 40% 70% / 70% 50% 80% 40%;
  }
  100% {
    border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%;
  }
}
#member #member-top .lead-text-area .circle:hover{
  -webkit-transform:scale(1.2,1.2);
  transform:scale(1.2,1.2);
  -webkit-transition:1s all;
  transition:1s all;
  -webkit-transform: translate(20px20px);
  transform: translate(20px,20px);
}
#member #member-top .lead-text-area .circle-1{
  width:150px;
  height:130px;
  top:44%;right:calc(64% + 150px);
}
#member #member-top .lead-text-area .circle-2{
  width:110px;
  height:100px;
  top:10%;left:calc(65% + 120px);
  background-color:rgba(255,255,255,0.8);
  z-index: 2;
}
#member #member-top .lead-text-area .circle-3{
  width:160px;
  height:140px;
  top:28%;left:calc(65% + 160px);
}
#member #member-top .lead-text-area .circle-4{
  width:110px;
  height:100px;
  bottom:18%;left:calc(69% + 100px);
}

/*BENEFITS LIST*/
#member .benefits-list{display:none;}
#member .benefits-list .benefits-list__item{
  margin-bottom: 80px;
}
#member .benefits-list .benefits-list__item .benefits-item-head{
  text-align: center;
}
#member .benefits-list__item .benefits-item-ttl{
  display: inline-block;
  margin-bottom: 30px;
  padding:3px 0;
  color:rgba(92,157,182,0.8);
  font-size:1.5em;
  font-weight: bold;
  line-height: 1.4;
  border-top:solid 2px rgba(92,157,182,0.8);
  border-bottom:solid 2px rgba(92,157,182,0.8);
}
#member .benefits-list__item .benefits-item-ttl .ttl-inner{
  display: block;
  padding:0.5em 1em;
  border-top:solid 2px rgba(92,157,182,0.8);
  border-bottom:solid 2px rgba(92,157,182,0.8);
}
#member .benefits-list__item .benefits-item-ttl .num{
  display: inline-block;
  padding-left:0.2em;
  font-size:1.4em;
  line-height: 1;
  vertical-align:bottom
}

/*BONUS LIST*/
#member .bonus-list-item{
  width:calc(33.33% - 80px / 3);
  margin:0 40px 20px 0;
  background-color:#EFF5F7;
}
#member .bonus-list-item{
  margin-right: 0;
}
#member .bonus-list-item .bonus-item__img{
  position: relative;
  width:100%;
  height: 190px;
  overflow: hidden;
  background-size:cover;
  background-position: 50% 0;
}
#member .bonus-list-item .bonus-item__img .bonus-item__num{
  position: absolute;
  top:0;left:0;
}
#member .bonus-list-item .bonus-item__img .bonus-item__num::before{
  content:"";
  position: absolute;
  top: 0;left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width:0 0 70px 75px;
  border-color: transparent transparent transparent #5C9DB6;
}
#member .bonus-list-item .bonus-item__img .bonus-item__num .num{
  position: relative;
  display: inline-block;
  padding:8px 0 0 13px;
  font-size:1.8em;
  line-height: 1;
  color:#FFF;
}
#member #bonus-list-item-1 .bonus-item__img{
  background-image:url(../img/members/img_bonus_1.png);
}
#member #bonus-list-item-2 .bonus-item__img{
  background-image:url(../img/members/img_bonus_2.png);
}
#member #bonus-list-item-3 .bonus-item__img{
  background-image:url(../img/members/img_bonus_3.png);
}
#member .bonus-list-item .bonus-item-body{
  background-color:#EFF5F7;
  padding:0.5em 0.8em;
}
#member .bonus-list-item .bonus-item-body .text{
  min-height: 3em;
}

/*
#member .tbl__rank{
  width:100%;
  border:solid 2px #5C9DB6;
  border-collapse: collapse;
}
#member .tbl__rank th,
#member .tbl__rank td{
  padding:0.3em 1em;
  text-align: center;
  vertical-align: middle;
  font-size:1.2em;
  line-height: 1.6;
  border-bottom: solid 2px #5C9DB6;
}
#member .tbl__rank th:first-child{
  width:8em;
}
#member .tbl__rank thead th:not(:first-child),
#member .tbl__rank tbody td{
  border-right: dashed 1px #5C9DB6;
}
#member .tbl__rank tbody td{
  border-bottom: none;
}
#member .tbl__rank thead th{
  padding:0.8em 1em;
}
#member .tbl__rank th{
  border-right: solid 2px #5C9DB6;
}
#member .tbl__rank tbody .bg{
  padding:0.8em 1em;
  background-color:#5C9DB6;
  color:#FFF;
  text-align: left;
}
#member .tbl__rank .row__rank{
  padding:1em;
}
#member .tbl__rank .row__rank th:not(:first-child){

}
#member .tbl__rank .plus{
  font-size:2.0em;
  font-weight: bold;
  line-height: 1;
  color:#5C9DB6;
}
#member .tbl__rank .row__rank .rank-name::before{
  content:'';
  display:block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width:4em;
  height: 2.2em;
  margin:0 auto 10px;
}
#member .tbl__rank .row__rank .rank__normal{
  background-color:rgba(234,153,143,0.2);
}
#member .tbl__rank .row__rank .rank__normal .rank-name::before{
  background-image: url(../img/members/icon_normal.png);
}
#member .tbl__rank .row__rank .rank__bronze{
  background-color:rgba(199,141,75,0.2);
}
#member .tbl__rank .row__rank .rank__bronze .rank-name::before{
  background-image: url(../img/members/icon_bronze.png);
}
#member .tbl__rank .row__rank .rank__silver{
  width:17%;
  background-color:rgba(201,202,202,0.2);
}
#member .tbl__rank .row__rank .rank__silver .rank-name::before{
  background-image: url(../img/members/icon_silver.png);
}
#member .tbl__rank .row__rank .rank__gold{
  width:21%;
  background-color:rgba(213,180,81,0.2);
}
#member .tbl__rank .row__rank .rank__gold .rank-name::before{
  background-image: url(../img/members/icon_gold.png);
}
#member .tbl__rank .row__rank .rank__platinum{
  width:22%;
  background-color:rgba(176,148,196,0.2);
}
#member .tbl__rank .row__rank .rank__platinum .rank-name::before{
  background-image: url(../img/members/icon_platinum.png);
}
*/

#registerForm .tabs .tab{
  padding-bottom: 15px;
}
#registerForm .tabs .tab  .tab-title{
  font-size:1.2em;
}
#registerForm .form-wrapper{
  padding:50px;
}
#registerForm .form-wrapper .tbl__register th{
  width:17em;
}

#registerForm form input[type='reset']{
  margin-bottom: 10px;
  padding-left:3em;
  background:url(../img/common/icon_clear.png) 13% center no-repeat;
  background-size:5% auto;
}

#member.section-member .flex-container__finish{

}
/*
#member.section-member .flex-container__finish .text{
  display: inline-block;
}
*/

@media (max-width: 1350px) {
  #main-visual__member.main-visual{
    height: 350px;
  }
}
@media (max-width: 1200px) {
  #member .tbl__rank th,
  #member .tbl__rank td{
    font-size:1em;
  }
}
@media (max-width: 1024px) {
  #registerForm .form-wrapper{
    padding:30px;
  }
  #registerForm form  input.w-medium{
    max-width: 160px;
  }
  #member .bonus-list-item .bonus-item__img{
    height: 130px;
  }
}
@media (max-width: 900px) {
  #member #member-top .lead-text-area{
    padding:27% 0 30%;
  }
  #member #member-top .lead-text-area .img-1{
    width:150px;
    top:2%;right:15%;
  }
  #member #member-top .lead-text-area .img-2{
    width:180px;
    top:auto;bottom:1%;left:55%;
  }
  #member #member-top .lead-text-area .img-3{
    width:130px;
    bottom:0;left:20%;
  }
  #member #member-top .lead-text-area .circle-1{
    top:7%;right:5%;
  }
  #member #member-top .lead-text-area .circle-2{
    top:8%;left:-1%;
  }
  #member #member-top .lead-text-area .circle-3{
    width:120px;
    height:110px;
    top:auto;bottom:17%;left:auto;right:5%;
    background-color:rgba(255,255,255,0.7);
    z-index: 2;
  }
  #member #member-top .lead-text-area .circle-4{
    top:auto;bottom:15%;left:-1%;
  }
}
@media (max-width: 768px) {
  /*
  #member .tbl__rank th,
  #member .tbl__rank td{
    font-size:0.9em;
  }
  #member .tbl__rank th:first-child{
    width: 1em;
  }
  */

  #registerForm .form-wrapper{
    padding:5%;
  }
  #registerForm form .tbl__register input.w-medium{
    margin-right: 15px;
  }
}
@media (max-width: 766px) {
  /*
  #member .tbl__rank thead th,#member .tbl__rank tbody th{
    width:2em;
    padding:1em 0.5em;
  }
  #member .tbl__rank thead th .cell-text{
    display:block;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
  #member .tbl__rank th .text-combine {
    -webkit-text-combine: horizontal;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all;
  }
  #member .tbl__rank th:first-child{
    width:2em;
  }
  #member .tbl__rank .row__rank .rank-name{
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
  #member .tbl__rank .row__rank .rank-name::before{
    width:2em;
    height: 1em;
    display: inline-block;
  }
  #registerForm .tabs .tab-title{
    font-size:0.9em;
  }
  */

  #registerForm form .tbl__register input.w-medium{
    margin-right: 15px;
    max-width:none;
  }
  #registerForm form .row__name input.w-medium,
  #registerForm form .row__name-furigana input.w-medium{
    margin-right: 0;
  }
  #registerForm form .row__name .label,
  #registerForm form .row__name-furigana .label{
    display: block;
  }
  #registerForm form input + .label{
    padding-left: 0;
  }
  #registerForm form .select-wrap{
    margin-right: 5px;
  }
  #registerForm form .select-wrap select{
    padding-right: 2em;
  }
  #registerForm form .select-wrap__zip{
    margin-bottom: 5px;
  }
  #member .bonus-list{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #member .bonus-list-item{
    width:100%;
    margin:0 0 8%;
  }
  #member .bonus-list-item .bonus-item__img{
    height: 330px;
  }
  #member .benefits-list__item .benefits-item-ttl{
    border-width: 1px;
    font-size:1.3em;
  }
  #member .benefits-list__item .benefits-item-ttl .ttl-inner{
    border-width: 1px;
  }
}
@media (max-width: 640px) {
  #member #member-top .lead-text-area{
    padding:37% 0 40%;
  }
  #registerForm .tabs .tab .tab-title{
    font-size:1em;
  }
  #registerForm form input[type="reset"]{
    padding-left: 2em;
    background-position: 10% 50%;
  }
}
@media (max-width: 480px) {
  #member #member-top .lead-text-area{
    padding:40% 0 47%;
  }
  #member #member-top .lead-text-area .img-1{
    width:120px;
  }
  #member #member-top .lead-text-area .img-2{
    width:150px;
  }
  #member #member-top .lead-text-area .img-3{
    width:110px;
    left:15%;
  }
  #member #member-top .lead-text-area .circle-1{
    width:90px;
    height:80px;
    right:-1%;
  }
  #member #member-top .lead-text-area .circle-2{
    width:100px;
    height:90px;
    top:5%;
  }
  #member #member-top .lead-text-area .circle-3{
    width:90px;
    height:90px;
    bottom:13%;
  }
  #member #member-top .lead-text-area .circle-4{
    width:90px;
    height:80px;
    bottom:10%;
  }
  #member .bonus-list-item .bonus-item__img{
    height: 250px;
  }
  #registerForm .tabs .tab .tab-title{
    font-size:0.7em;
  }

}


/*----------------------------------------------------
  MEMBER PAGE
----------------------------------------------------*/
#mypage{}
#mypage .section-title .section-title__main{
  color:#5C9DB6;
}

#mypage .link__logout a{
  position: relative;
  color:#5C9DB6;
}
#mypage .link__logout a::before{
  content:'';
  display: inline-block;
  border: 6px solid transparent;
  border-left: 10px solid #5C9DB6;
}

#mypage .link__top a{
  position: relative;
  padding-left:20px;
  color:#5C9DB6;
}
#mypage .link__top a::before{
  content:'';
  position: absolute;
  display: inline-block;
  border: 8px solid transparent;
  border-left: 12px solid #5C9DB6;
  top: 50%;left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
}
#mypage .link__top a::after{
  content:'';
  position: absolute;
  display: inline-block;
  border: 6px solid transparent;
  border-left: 9px solid #FFF;
  top: 50%;left: 1px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
}



/*CLIENT DATA*/
.client-data-wrapper{
  margin-bottom: 50px;
  padding:50px;
  background-color:#EFF5F7;
}
.client-data-wrapper.bg--gray{
  background-color:#F7F8F8;
}
.client-data-wrapper .client-data-item:not(:last-child){
  margin-bottom: 80px;
}
.client-data-wrapper .client-data{
  margin-bottom: 30px;
}
.client-data .tbl th,
.client-data .tbl td{
  padding:0.5em;
  border-bottom-color:#B5B5B6;
  vertical-align: top;
  font-size:18px;
}
.client-data .tbl th{
  color:#231815;
}
.client-data-wrapper .btn__upd{
  margin:auto;
}
.client-data-wrapper .btn__upd a{
  background-color:#5C9DB6;
  color:#FFF;
  padding:1em;
}
.client-data-wrapper .btn__upd a.arrow::before{
  border-color:#FFF;
  right:20px;
  width:1em;
}
.client-data-wrapper .btn__upd a.arrow::after{
  background-color:#FFF;
  right:20px;
  width:6px;
  top:46%;
}

.client-data{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.client-data .client-data-l{
  padding-right:40px;
}
.client-data .client-data-r{
  -webkit-box-flex:1;
  -ms-flex:auto;
  flex:auto;
}
.client-data .rank{
  margin-bottom:20px;
  line-height: 1.2;
}
.client-data .rank .rank-name{
  position: relative;
  display: block;
  font-size:24px;
  font-weight: bold;
  text-align: center;
  color:#EA998F;
}
.client-data .rank .rank-ico{
  display: block;
  max-width:50px;
  margin:0 auto 20px;
  text-align: center;
  background-position: center;
  background-size: contain;
}
.client-data .rank__bronze.rank .rank-name{color:#C78D4B;}
.client-data .rank__silver.rank .rank-name{color:#C9CACA;}
.client-data .rank__gold.rank .rank-name{color:#D5B451;}
.client-data .rank__platinum.rank .rank-name{color:#B094C4;}
.client-data figure{
  max-width:220px;
  margin:0 auto;
}
.client-reserve-data.client-data .client-data-l{
  max-width: 350px;
  width:40%;
}
.client-reserve-data.client-data figure{
  max-width:none;
  width:100%;
  height: 100%;
}

#mypage.section-mypage .client-data-wrapper{
  margin-bottom: 0;
}
#mypage.section-mypage .form-wrapper .section-title{
  padding:0 50px;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#mypage.section-mypage .form-wrapper .section-title:before,
#mypage.section-mypage .form-wrapper .section-title:after {
  content: '';
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 10px;
  border-top: solid 2px #5C9DB6;
  border-bottom: solid 2px #5C9DB6;
}
#mypage.section-mypage .form-wrapper .section-title:before {
  margin-right: 2rem;
}
#mypage.section-mypage .form-wrapper .section-title:after {
  margin-left: 2rem;
}
#mypage.section-mypage .form-wrapper .section-title .section-title__main{
  text-align: center;
}


@media (max-width: 1024px) {
  .client-data-wrapper{
    padding:8% 5% 5%;
    margin-bottom: 5%;
  }
  .client-data .client-data-l{
    padding-right: 5%;
  }
  .client-data .tbl th,
  .client-data .tbl td{
    font-size:1em;
  }
}
@media (min-width: 768px) {
  #mypage .section-title{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #mypage .section-title .section-title__main{
    font-size:28px;
  }
  #mypage .section-title .section-title__sub{
    margin-left:1em;
  }

  #mypage.section-mypage .form-wrapper{
    padding-top:0;
  }

}
@media (max-width: 767px) {
  .client-data-wrapper .client-data{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 5%;
  }
  .client-data .client-data-l{
    padding: 0 0 5%;
  }
  .client-data .tbl th,
  .client-data .tbl td{
    font-size:0.9em;
  }
  .client-reserve-data.client-data .client-data-l{
    max-width: none;
    width:100%;
    text-align: center;
  }

  #mypage.section-mypage .form-wrapper .section-title{
    padding:0 3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #mypage.section-mypage .form-wrapper .section-title:before,
  #mypage.section-mypage .form-wrapper .section-title:after {
    border-width: 1px;
  }
}



/*----------------------------------------------------
  SITEMAP PAGE
----------------------------------------------------*/
#sitemap .sitemap-list:not(:last-child){
  padding-right: 50px;
}
#sitemap .sitemap-list li{
  margin-bottom: 20px;
  line-height: 1.4;
  font-size:22px;
}
#sitemap .sitemap-list a{
  color:#5C9DB6;
}
#sitemap .sitemap-list a::before{
  content:'';
  display: inline-block;
  margin-right:10px;
  margin-bottom: 5px;
  vertical-align: middle;
  border-top: 6px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 12px solid #5C9DB6;
}
#sitemap .sitemap-list .sub-menu{
  margin:15px 0 30px 1em;
}
#sitemap .sitemap-list .sub-menu > li{
  font-size:20px;
  margin-bottom: 15px;
}
#sitemap .sitemap-list .sub-menu > li > a{
}
#sitemap .sitemap-list .sub-menu > li > a::before{
  background-color:#5C9DB6;
  border:none;
  height:1px;
  margin:0 0.3em 5px 0;
  width:0.6em;
}

@media (max-width: 768px) {
  #sitemap .sitemap-list li{
    font-size:1.2em;
  }
  #sitemap .sitemap-list .sub-menu > li{
    font-size:1.2em;
  }
}
@media (max-width: 480px) {
  #sitemap .sitemap-container{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
  #sitemap .sitemap-list{
    width:100%;
    padding:0 0 5%;
  }
  #sitemap .sitemap-list li{
    font-size:0.9em;
  }
  #sitemap .sitemap-list .sub-menu > li{
    font-size:0.9em;
  }
}



/*----------------------------------------------------
  HIRE PAGE
----------------------------------------------------*/
#hire.bg_img {
  background-color: #EFF5F7;
  background-image: url(../img/top/bg_flower_l.png),url(../img/top/bg_flower_r.png);
  background-position: left top, right bottom;
  background-repeat: no-repeat;
  background-size: 20% auto;
}
#hire.bg_img02 {
  background-image: url(../img/hire/img_hire_bg.jpg);
  background-color:rgba(255,255,255,0.85);
  background-blend-mode:lighten;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-attachment: fixed;
  background-position: center;
}
#hire .hire-list .hire-list-item{
  margin:0 0 50px;
}
#hire .hire-list-item figure{
  max-width: 580px;
  width:100%;
  margin-bottom: 25px;
}
#hire .hire-list-item figure img{
  height: 100%;
  width:100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';  /*IE対策*/
  -webkit-box-shadow: 2px 2px 8px 0 #a6ceee;
  box-shadow: 2px 2px 8px 0 #a6ceee;
}
#hire .hire-list-item .hire-list-item__body{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  line-height: 1.2;
}
#hire .hire-list-item .hire-item__ttl{
  margin-bottom: 10px;
  font-size:22px;
  line-height: 1.4;
}
#hire .hire-list-item .hire-item__txt{
  line-height: 1.6;
  letter-spacing: 0;
  margin-bottom: 20px;
}
/*#hire .tbl__hire {
  margin-bottom: 30px;
  border: solid 2px rgba(92,157,182,0.8);
}*/
#hire .tbl__hire th {
  padding: 0.5em;
  color: #FFF;
  width:28%;
  background-color: #5C9DB6;
  border: solid 2px rgba(92,157,182,0.8);
}
#hire .tbl__hire th.top {
  width:15%;
}
#hire .tbl__hire tbody tr:not(:last-child) th {
  border-bottom-color: #FFF;
}
#hire .tbl__hire td {
  padding: 0.5em 3em 0.5em 1em;
  border: solid 2px rgba(92,157,182,0.8);
  background-color: #fff;
}
#hire .text p {
  line-height: 2.0;
}
#hire .text span {
  color:#5C9DB6;
  font-size:1.8em;
  margin-bottom:1em;
  line-height: 1.2em;
}
#hire .mgr00 {
  margin-right:0!important;
}
#hire table.reserve tbody tr td{
  padding-top: 1.2em;
  padding-bottom: 1.2em;
}
#hire table.reserve tbody tr td span {
  color:#ff0000;
}
#hire .hire-list .text a {
  margin-top: 0.5em;
  display: inline-block;
  background-color: #5C9DB6;
  color: #fff;
  font-size: 1.7em;
  padding: 0.1em 0.8em 0;
}
#hire .hire-list .text a:first-of-type {
  margin-right: 1em;
}
#hire .hire-list .text a.tel_block::before{
  content: '';
  display: inline-block;
  background-image: url(../img/hire/icon_free_dial.svg);
  background-size:cover;
  width:30px;
  height:20px;
  margin-right:0.2em;
}
#hire .hire-list .text a.mail_block::before{
  content: '';
  display: inline-block;
  background-image: url(../img/hire/icon_mail.svg);
  background-size:cover;
  width:30px;
  height:20px;
  margin-right:0.2em;
}
#hire .hire-list .hire-list-item .hire-item__txt ul li {
  border: 1px solid #5C9DB6;
  width: calc(33% - 36px / 3);
  padding: 1.2em 1em;
  text-align: center;
  margin: 0 2% 2% 0;
}
#hire .hire-list .hire-list-item .hire-item__txt ul li:nth-child(3n) {
  margin-right: 0;
}
#hire .hire-list .hire-list-item .hire-item__txt ul li::before {
  content: '';
  display: inline-block;
  background-size:cover;
  width:35px;
  height:35px;
  margin-right:0.5em;
  vertical-align: middle;
}
#hire .hire-list .hire-list-item .hire-item__txt ul li.icon01::before{
  background: url(../img/hire/img_icon01.svg) center no-repeat;
}
#hire .hire-list .hire-list-item .hire-item__txt ul li.icon02::before{
  background: url(../img/hire/img_icon02.svg) center no-repeat;
}
#hire .hire-list .hire-list-item .hire-item__txt ul li.icon03::before{
  background: url(../img/hire/img_icon03.svg) center no-repeat;
}
#hire .hire-list .hire-list-item .hire-item__txt ul li.icon04::before{
  background: url(../img/hire/img_icon04.svg) center no-repeat;
}
#hire .hire-list .hire-list-item .hire-item__txt ul li.icon05::before{
  background: url(../img/hire/img_icon05.svg) center no-repeat;
}
#hire .hire-list .hire-list-item .hire-item__txt ul li.icon06::before{
  background: url(../img/hire/img_icon06.svg) center no-repeat;
}
#hire .hire-list .hire-list-item .hire-item__txt ul.rules li {
  border: 0;
  width: calc(32% - 20px / 3);
  padding: 0;
  text-align: center;
  margin: 0;
}
#hire .hire-list .hire-list-item .hire-item__txt ul.rules li a::before{
  content: '';
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
  vertical-align: middle;
  border-top: 6px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 12px solid #5C9DB6;
}
.pc {display:block;}
.sp {display:none;}
#hire .br {display:none;}
#hire .hire-list-item .hire-list-item__body .btn__more a{
  background-color:#5C9DB6;
  color:#FFF;
}
#hire .hire-list-item .hire-list-item__body .btn__more.mgt-auto{
  margin:auto auto 0;
}

@media (min-width: 769px) {
  #hire .hire-list .hire-list-item{
    /*width:calc(50% - 30px / 2);*/
    width:100%;
    margin-right:30px;
  }
  #hire .hire-list .hire-list-item:nth-child(even){
    margin-right: 0;
  }
  #hire .hire-list .wid50{
    width:calc(50% - 30px / 2);
  }
}
@media (max-width: 1024px) {
  .pc {display:none;}
  .sp {display:block;}

  #hire.bg_img02 {
    background-color: #EFF5F7;
    background-image: url(../img/top/bg_flower_l.png),url(../img/top/bg_flower_r.png);
    background-position: left top, right bottom;
    background-repeat: no-repeat;
    background-size: 20% auto;
    background-attachment: scroll;
  }
  #hire .hire-list-item figure{
    max-width: 580px;
    width:100%;
    margin-bottom: 1.2em;
  }
  #hire .hire-list-item .hire-item__ttl{
    font-size:1em;
  }
  #hire .br {display:block;}
  #hire .tbl__hire tbody tr th {
    border-bottom-color: #5C9DB6!important;
  }
    #hire .tbl__hire tbody tr th:first-child {
    border-right-color: #fff!important;
  }
  #hire .tbl__hire tbody tr th:nth-child(2) {
    border-right-color: #fff;
  }
  #hire .hire-list .hire-list-item {
    margin: 0 0 5%;
  }
  #hire .hire-list .text a.tel_block:before,
  #hire .hire-list .text a.mail_block:before {
    display: none;
  }
  #hire .hire-list .hire-list-item .hire-item__txt ul.rules li {
    border: 0;
    width: 100%;
    padding: 0;
    text-align: left;
    margin: 0 0 4% 6%;
  }
  #hire .hire-list .hire-list-item .hire-item__txt ul.rules li::before {
    display: none;
    margin:1% 0;
  }
  #hire .hire-list .hire-list-item .hire-item__txt ul li {
    width: 100%;
    padding: 0.5em 1em;
    text-align: left;
    margin: 0 0 3% 0;
  }
}
@media (max-width: 768px) {
  #hire .hire-list .hire-list-item{
    width:100%;
  }
  #hire .hire-list-item .hire-list-item__body{
    padding:0 0 0 0%;
  }
  #hire .hire-list-item .hire-item__ttl{
    font-size:20px;
  }
}
@media (max-width: 767px) {
  #hire .hire-list-item .hire-item__ttl{
    font-size:1em;
    letter-spacing: 0;
  }
  #hire .hire-list-item .hire-item__txt{
    font-size:0.9em;
  }
}
@media (max-width: 414px) {
  #hire .hire-list-item .hire-list-item__body{
    padding-left:0%;
  }
  #hire .hire-list-item .hire-item__txt{
    font-size:0.8em;
  }
}

/*----------------------------------------------------
  HIRE RULE PAGE
----------------------------------------------------*/
.hirerule-list .hirerule-list-item{
  border-bottom: dashed 1px #5C9DB6;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.hirerule-list .hirerule-list-item .hirerule-list-head{
  margin-bottom: 20px;
  color:rgba(92,157,182,0.8);
  font-size:24px;
}
.hirerule-list .hirerule-list-item h4.hirerule-list-head02 {
  margin: 15px 0;
  color:rgba(0,0,0,0.8);
  font-size:18px;
}
.hirerule-list .hirerule-list-item .hirerule-list-desc{
  line-height: 1.6;
  margin-bottom: 15px;
}
.hirerule-list .hirerule-list-item .hirerule-list-desc::last-child{
  margin-bottom: 0;
}
.hirerule-list .hirerule-list-item .hirerule-list-desc > p{
  margin-bottom: 5px;
}
.hirerule-list .hirerule-list-item .hirerule-list-desc > p::last-child{
  margin-bottom: 0px;
}
.hirerule-list .hirerule-list-item .hirerule-list-desc ul {
  margin-bottom: 15px;
}
.hirerule-list .hirerule-list-item .hirerule-list-desc ul li {
  margin-bottom: 7px;
  list-style: decimal outside;
  margin-left: 43px;
}
.hirerule-list .hirerule-list-item .hirerule-list-desc ul li ul {
  margin:10px 0 0 0;
}
.hirerule-list .hirerule-list-item .hirerule-list-desc ul li ul li{
  margin-left: 20px;
}

@media (max-width: 768px) {
  .hirerule-list .hirerule-list-item .hirerule--list-head{
    font-size:1.2em;
  }
  .hirerule-list .hirerule-list-item .hirerule-list-desc{
    font-size:0.9em;
  }
  .hirerule-list .hirerule-list-item h4.hirerule-list-head02 {
    margin-bottom: 0.6em;
    font-size:0.8em;
  }
  .hirerule-list .hirerule-list-item .hirerule-list-desc ul li {
  margin-bottom: 0.4em;
  margin-left: 3em;
}
}
@media (max-width: 480px) {
  .hirerule-list .hirerule-list-item .hirerule-list-head{
    font-size:1.0em;
  }
  .hirerule-list .hirerule-list-item .hirerule-list-desc{
    font-size:0.7em;
  }
}