@charset "utf-8";
/*
 * style.css
 *
 *  version --- 1.0
 *  updated --- 2017/9/3
 */


/*index*/
.indexSec01{
  padding-top: 40px;
}
.indexSec01 .ul01{margin-left: -13px}
.indexSec01 .ul01 li{
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding-left: 13px;
  margin-bottom: 9px;
  position: relative;
}
.indexSec01 .ul01 dl{
  border: 3px solid #ecebeb;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  height: 75px;
}
.indexSec01 .ul01 li:hover > a,
.indexSec01 .ul01 li:hover > a.active{
  background: #ecebeb;
}
.indexSec01 .ul01 dl:hover{
  opacity: 1;
}
.indexSec01 .ul01 dt{
  width: 80px;
  text-align: center;
}
.indexSec01 .ul01 dt img{
  max-height: 75px;
  padding: 3px 0;
}
.indexSec01 .ul01 a{
  color: #333333;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.33;
  display: block;
}
.indexSec01 .ul01 .showChild{
  display: none;
}
.indexSec01 .searchMemu {
  position: absolute;
  box-sizing: border-box;
  width: calc(100% - 13px);
  top: 100%;
  left: 13px;
  z-index: 2;
  border: 2px solid #ecebeb;
  border-top: 0;
  display: none;
}
.indexSec01 .ul01 li:hover .searchMemu {
  display: block;
}
.indexSec01 .searchMemu dl {
  border: 0;
  height: 65px;
  background: #fff;
}
.indexSec01 .searchMemu a{
  font-weight: normal;
}
.indexSec01 .searchMemu dl:hover{
  background: #ecebeb;
}
.indexSec02{
  padding-top: 40px;
}
.itemSlider .slick-prev,
.ftSlider .slick-prev,
.blogSlider .slick-prev {
  left: -45px;
}
.itemSlider .slick-next,
.ftSlider .slick-next,
.blogSlider .slick-next {
  right: -45px;
}
.itemList{
  padding: 0 5px;
}
.itemList .box{
  border: 1px solid #d9d7d7;
}
.itemList .box .cont{
  padding:0 10px 16px;
}
.itemList .p01{
  font-size: 1.4rem;
  line-height: 1.33;
  padding: 10px 0;
}
.itemList .p01 a{
  color: #333333;
}
.itemList .p02{
  font-size: 1.2rem;
  line-height: 1.6;
  padding-bottom: 10px;
  word-break: break-all;
}
.itemList .p02_size{
  font-size: 1.25rem;
  line-height: 1.9;
  font-weight: bold;
  padding: 5px 0 10px;
  word-break: break-all;
}
.itemList .p03{
  font-size: 1.4rem;
  line-height: 1.33;
  font-weight: bold;
  color: #d3163a;
  padding-bottom: 10px;
}
.itemList .p03 span{font-size: 1.8rem}
.itemList .p04{
  font-size: 1.2rem;
  line-height: 18px;
}

/* 商品画像高さ統一　*/
.itemList .img {
  position: relative;
  overflow: hidden;
  padding-top: 100%; /* 比率 */
}
.itemList .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}


.indexSec03{padding-top: 50px}
.ftSlider.slick-slider,
.blogSlider.slick-slider{margin-bottom: 0px;}
.ftList,.blogList{padding: 0 7px}
.ftList .img{padding-bottom: 8px}

.ftList,
.blogList {
  width: 280px;
}
.ftList .img,
.blogList .img {
  padding-top: 63.7%;
  overflow: hidden;
  position: relative;
}
.ftList .img img,
.blogList .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ftList .p01,
.blogList .p01{
  font-size: 1.8rem;
  line-height: 1.33;
  font-weight: bold;
  padding-bottom: 10px;
}
.ftList .p02,
.blogList .p02{
  font-size: 1.5rem;
  line-height: 1.6;
  color: #6b6b6b;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ftList .link{
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: bold;
  padding-top: 10px;
}

.indexSec04{padding: 60px 0 120px}
.blogList .date{
  font-size: 1.2rem;
  line-height: 14px;
  padding: 15px 0 5px;
  color: #6b6b6b;
}
.forward{
  position: absolute;
  top: 60px;
  right: 20px;
  z-index: 2;
  font-size: 1.5rem;
  font-weight: bold;
}
.forward a:hover{text-decoration: underline;}
.forward img{
  margin-right: 8px;
  margin-bottom:3px;
}

.indexSec05{
  background: #73a82b;
  padding: 50px 0 55px;
}
.indexSec05 .hdM .jp{color: #fff;}
.indexSec05 .hdM .en{color: #446e0c;}
.indexSec05 .p01{
  color: #fff;
  text-align: center;
  font-size: 2rem;
  letter-spacing: 0.05em;
  padding-bottom: 40px;
}
.indexSec05 .ul02 li{
  float: left;
  width: 33.33%;
  box-sizing: border-box;
  padding: 0 25px;
}
.indexSec05 .ul02 .text{
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  padding-top: 20px;
}
.indexSec05 .link{padding-top: 45px;}
.indexSec05 .link a{
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  color: #fff;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 360px;
  height: 60px;
  background: #446e0c
}
.indexSec05 .link a:hover{opacity: .7}

.indexSec06{
  background: #eeeeee;
  padding: 50px 0;
}
.indexSec06 .hd{
  border-bottom: 1px solid #c9c9c9;
  font-size: 2.6rem;
  letter-spacing: 0.05em;
  font-weight: bold;
  padding-bottom: 8px;
  margin-bottom: 30px!important;
}
.indexSec06 .ul03{margin-left: -20px}
.indexSec06 .ul03 li{
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding-left: 20px;
  margin-bottom: 20px;
}
.indexSec06 .ul03 li.two{width: 100%}
.indexSec06 .box{
  background: #fff;
  padding: 20px 28px;
}
.indexSec06 .box .title{
  font-size: 1.8rem;
  padding-bottom: 10px;
  font-weight: bold;
}
.indexSec06 .box .link,.flowLink{
  text-align: right;
  font-size: 1.4rem;
  padding-top: 10px;
}
.indexSec06 .box .link a:hover,.flowLink a:hover{text-decoration: underline;}
.indexSec06 .ul03 li.two .title{padding-bottom: 20px}
.indexSec06 .box .text{
  font-size: 14px;
  line-height: 24px;
}
.indexSec06 .box dl{
  width: calc(50% - 20px);
  float: left;
}
.indexSec06 .box dl + dl{margin-left: 40px}
.indexSec06 .box dt{
  border-bottom: 1px solid #c9c9c9;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  font-weight: bold;
  padding-bottom: 3px;
  margin-bottom: 10px!important;
}

/* -------------- ご利用ガイドリンク ------------------------- */
.indexSec06 .nav_guide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.indexSec06 .nav_guide li {
  width: 30%;
  margin-right: 5%;
}
.indexSec06 .nav_guide li:last-child {
  margin-right: 0;
}
.indexSec06 .nav_guide a {
  padding: 15px 5px;
  display: block;
  border-radius: 5px;
  color: #fff;
  text-align: center;
}
.indexSec06 .nav_guide li:nth-child(1) a {
  background: #287ab4;
}
.indexSec06 .nav_guide li:nth-child(2) a {
  background: #f38726;
}
.indexSec06 .nav_guide li:nth-child(3) a {
  background: #531c86;
}
.indexSec06 .nav_guide a:hover {
  opacity: .7;
}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  .indexSec06 .nav_guide {
    flex-wrap: wrap;
    font-size: 1.4rem;
  }
  .indexSec06 .nav_guide li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

/* -------------- /ご利用ガイドリンク ------------------------- */


.flowWrap{

}
.flowLf{
  float: left;
  background: url(../img/index/bg_flow01.png)no-repeat left top;
  background-size: 100% 100%;
  width: 270px;
  margin-right: 5px;
}
.flowUl li{
  text-align: center;
  position: relative;
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 8px 12px!important;
  margin-bottom: 0!important;
}
.flowRt .flowUl li:before{
  content: '';
  position: absolute;
  width: 25px;
  height: 100%;
  right: 0;
  transform: translateX(50%);
  top: 0;
  background: url(../img/index/line_flow.png)no-repeat right center;
  background-size: 100% 100%;
}
.flowRt .flowUl li:last-of-type:before{content: none;}
.flowLf .flowUl li{padding-top: 60px!important}
.flowRt .flowUl li{height: 100%;}
.flowLi01{width: 122px!important;}
.flowLi03{width: 11.5%!important;}
.flowLi04{width: 17.5%!important;}
.flowLi05{width: 23.5%!important;}
.flowLi06{width: 17%!important;}
.flowLi07{width: 29.5%!important;}
.flowLi08{width: 29.5%!important;}
.flowLi09{width: 23.5%!important;}
.flowLi10{width: 17%!important;}
.flowLi11{width: 14%!important;}
.flowLi12{width: 15%!important;}
.flowLi08{
  display: flex;
  justify-content: center;
  align-items: center;
}
.flowLi08 .spcBox{
  width: 200px;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 2px;
  border: 2px dashed #767774;
  font-size: 1.4rem;
  line-height: 20px;
}
.flowUl li .point span{
  display: inline-block;
  width: 24px;
  line-height: 24px;
  font-size: 1.4rem;
  border-radius: 50%;
  color: #fff;
  background: #73a82b;
  font-weight: bold;
}
.flowUl li .img{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
}
.flowLf .flowUl li .img{
  height: 80px;
}
.flowUl li .ttle{
  font-size: 1.5rem;
  line-height: 20px;
  padding-bottom: 4px;
  font-weight: bold;
}
.flowLf .flowUl li .ttle{padding-bottom: 12px}
.flowUl li .txt{
  font-size: 1.2rem;
  line-height: 16px;
  text-align: left;
}
.flowLf .flowUl li .txt{line-height: 18px}
.flowRt{
  overflow: hidden;
}
.flowItem {
  background: #eceee9;
  border-top: 5px solid #73a82b;
}
.flowItem + .flowItem{
  margin-top: 10px;
  border-color: #446e0c;
}
.flowItemHd{
  background: #73a82b;
  width: 40px;
  height: 175px;
  box-sizing: border-box;
  padding: 0 10px;
  color: #fff;
  float: left;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  padding-top: 40px;
}
.flowItem + .flowItem .flowItemHd{background: #446e0c}
.flowItemHd font{
  display: inline-block;
  font-size: 1.2rem;
}
.flowItem .flowUl{overflow: hidden;}
@media screen and (max-width: 1180px) {
  .flowUl li .ttle{font-size: 1.2rem}
}
@media screen and (max-width: 959px) {
  /*index*/
  .indexSec01{
    padding-top: 25px;
  }
  .indexSec01 .ul01{margin-left: -15px}
  .indexSec01 .ul01 li{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-left: 15px;
    margin-bottom: 9px;
  }
  .indexSec01 .ul01 dl{
    border: 1.5px solid #ecebeb;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    height: 47px;
  }
  .indexSec01 .ul01 dt{
    width: 45px;
    text-align: center;
  }
  .indexSec01 .ul01 dt img{max-width: 25px;max-height: 30px}
  .indexSec01 .ul01 dd{
    padding-right: 20px;
  }
  .indexSec01 .ul01 a{
    color: #333333;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.25;
    position: relative;
  }
  .indexSec01 .ul01 .showChild{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 47px;
    z-index: 1;
  }
  .indexSec01 .ul01 .showChild:before{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    transform: translate(-50%,-50%) rotate(45deg);
    content: '';
    z-index: 2;
  }
  .indexSec01 .ul01 .showChild.is_active:before{
    transform: translate(-50%,-50%) rotate(-135deg);
    margin-top: 5px;
  }
  .indexSec01 .ul01 li > dl.active,
  .indexSec01 .ul01 li:hover > dl，
  .indexSec01 .ul01 li:hover > dl.active{
    background: #ecebeb;
  }
  .indexSec01 .searchMemu {
    width: calc(100% - 15px);
    left: 15px;
    border: 1px solid #ecebeb;
    border-top: 0;
  }
  .indexSec01 .ul01 li:hover .searchMemu {
    display: none;
  }
  .indexSec01 .searchMemu dl {
    height: 47px;
    border: 0;
  }
  .indexSec01 .searchMemu a{
    font-weight: normal;
  }
  .indexSec01 .searchMemu dl:hover{
    background: #fff;
  }

  .indexSec02{
    padding: 20px 0 25px;
  }
  .itemSlider .slick-prev,
  .ftSlider .slick-prev,
  .blogSlider .slick-prev {
    left: -8px;
  }
  .itemSlider .slick-next,
  .ftSlider .slick-next,
  .blogSlider .slick-next {
    right: -8px;
  }
  .itemList{
    padding: 0 5px;
  }
  .itemList .box{
    border: 1px solid #d9d7d7;
  }
  .itemList .box .cont{
    padding:0 4px 15px;
  }
  .itemList .p01{
    font-size: 1.2rem;
    line-height: 1.33;
    padding: 7px 0;
  }
  .itemList .p02{
    font-size: 1rem;
    line-height: 1.3;
    padding-bottom: 3px;
    word-break: break-all;
  }
  .itemList .p02_size {
    line-height: 1.6;
  }
  .itemList .p03{
    font-size: 1rem;
    line-height: 1.33;
    font-weight: bold;
    color: #d3163a;
    padding-bottom: 7px;
  }
  .itemList .p03 span{
    font-size: 1.4rem;
  }
  .itemList .p04{
    font-size: 1rem;
    line-height: 1.3;
  }

  .indexSec03{padding: 25px 0;background: #eeeeee;}
  .kaitoriSec{padding: 25px 0;background: #fff; !important;}
  .ftSlider.slick-slider,
  .blogSlider.slick-slider{margin-bottom: 24px;}
  .ftList,.blogList{padding: 0 12px}
  .ftList .img{padding-bottom: 3px}
  .ftList .p01,
  .blogList .p01{
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: bold;
    padding-bottom: 7px;
  }
  .ftList .p02,
  .blogList .p02{
    font-size: 1.2rem;
    line-height: 1.5;
    color: #6b6b6b;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .ftList .link{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: bold;
    padding-top: 7px;
  }


  .indexSec04{padding: 25px 0}
  .blogList .date{
    font-size: 0.9rem;
    line-height: 1.3;
    padding: 7px 0 2px;
    color: #6b6b6b;
  }
  .forward{
    position: static;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: right;
    padding-top: 18px;
  }
  .forward a{display: inline-block;}
  .forward a:hover{text-decoration: underline;}
  .forward img{
    margin-right: 6px;
    margin-bottom:1px;
    width: 12px;
  }

  .indexSec05{
    background: #73a82b;
    padding: 23px 0 64px;
  }
  .indexSec05 .hdM .jp{color: #fff;}
  .indexSec05 .hdM .en{color: #446e0c;}
  .indexSec05 .p01{
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.38;
    letter-spacing: 0.05em;
    padding-bottom: 27px;
  }
  .indexSec05 .ul02 li{
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0 25px;
    margin-bottom: 30px;
  }
  .indexSec05 .ul02 .img{text-align: center;}
  .indexSec05 .ul02 .text{
    font-size: 1.3rem;
    line-height: 1.6;
    letter-spacing: 0.05em;
    padding-top: 10px;
  }
  .indexSec05 .link{padding-top: 20px;}
  .indexSec05 .link a{
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 245px;
    height: 43px;
    background: #446e0c
  }
  .indexSec05 .link a:hover{opacity: 1}

  .indexSec06{
    background: #eeeeee;
    padding: 25px 0 12px;
  }
  .indexSec06 .hd{
    border-bottom: 0;
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    font-weight: bold;
    padding-bottom: 20px;
    margin-bottom: 0px!important;
    text-align: center;
  }
  .indexSec06 .ul03{margin-left: 0px}
  .indexSec06 .ul03 li{
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding-left: 0px;
    margin-bottom: 10px;
  }
  .indexSec06 .ul03 li.two{width: 100%}
  .indexSec06 .box{
    background: #fff;
    padding: 18px 15px;
  }
  .indexSec06 .box .title{
    font-size: 1.3rem;
    padding-bottom: 7px;
    font-weight: bold;
  }
  .indexSec06 .ul03 li.two .title{padding-bottom: 12px}
  .indexSec06 .box .text{
    font-size: 12px;
    line-height: 21px;
  }
  .indexSec06 .box dl{
    width: 100%;
    float: none;
  }
  .indexSec06 .box dl + dl{margin-left: 0px;margin-top: 10px}
  .indexSec06 .box dt{
    border-bottom: 1px solid #c9c9c9;
    font-size: 1.3rem;
    letter-spacing: 0.05em;
    font-weight: bold;
    padding-bottom: 4px;
    margin-bottom: 5px!important;
  }

  .flowLf{
    float: none;
    background: url(../img/index/bg_flow01_sp.png)no-repeat left top;
    background-size: 100% 100%;
    width: auto;
    margin-right: 0px;
    margin-bottom: 7px;
  }
  .flowUl li{
    text-align: center;
    position: relative;
    padding: 12px 7px 25px!important;
    margin-bottom: 0!important;
    overflow: hidden;
    width: 100%!important;
  }
  .flowUl li.flowLi07{
    padding-top: 35px!important
  }
  .flowLf .flowUl li{padding: 18px 16px 18px 0!important;}

  .flowRt .flowUl li.flowLi03 {
    height: 59px;
  }
  .flowRt .flowUl li.flowLi04 {
    height: 116px;
  }
  .flowRt .flowUl li.flowLi08{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 175px;
  }
  .flowRt .flowUl li.flowLi05,
  .flowRt .flowUl li.flowLi09{
    height: 116px;
  }
  .flowRt .flowUl li.flowLi09{
    padding-top: 40px!important;
  }
  .flowLi08 .spcBox{
    width: 140px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 2px;
    border: 2px dashed #767774;
    font-size: 1.1rem;
    line-height: 18px;
  }
  .flowUl li .ttle span{
    display: inline-block;
    width: 16px;
    line-height: 16px;
    font-size: 1rem;
    border-radius: 50%;
    color: #fff;
    background: #73a82b;
    font-weight: bold;
    margin-right: 4px;
    text-align: center;
    text-indent: 0;
  }
  .flowUl li .img{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: auto;
    width: 36px;
    float: left;
  }
  .flowUl li .img img{max-width: 24px;max-height: 25px;}
  .flowLf .flowUl li .img{
    height: auto;
    width: 72px;
    justify-content: center;
  }
  .flowUl li.flowLi11 .img{}
  .flowUl li.flowLi11 .img img{width: 15px;margin-left: 5px}
  .flowUl li .cont{text-align: left;overflow: hidden;}
  .flowUl li .ttle{
    font-size: 1.25rem;
    line-height: 1.4;
    padding-left: 20px;
    text-indent: -20px;
    padding-bottom: 5px;
    font-weight: bold;
  }
  .flowLf .flowUl li .ttle{padding-bottom: 8px}
  .flowUl li .txt{
    font-size: 1.1rem;
    line-height: 15px;
    text-align: left;
  }
  .flowLf .flowUl li .txt{line-height: 18px}
  .flowRt{
    overflow: hidden;
  }
  .flowItem {
    background: #eceee9;
    float: left;
    width: calc(50% - 3px);
    border-top: 0;
    border-left: 4px solid #73a82b;
  }
  .flowItem + .flowItem{
    margin-top: 0px;
    margin-left: 6px;
    border-color: #446e0c;
  }
  .flowItemHd{
    background: #73a82b;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 0 10px;
    color: #fff;
    float: none;
    font-size: 1.2rem;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
    padding-top: 0px;
    margin-bottom: 2px
  }
  .flowItem + .flowItem .flowItemHd{background: #446e0c}
  .flowItemHd font{
    display: inline-block;
    font-size: 1.2rem;
  }
  .flowItem .flowUl{overflow: hidden;}

  .flowRt .flowUl li:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 12px;
    right: 0;
    transform: translate(0%,-5px);
    top: auto;
    bottom: 0;
    background: url(../img/index/line_flow_sp.png)no-repeat bottom center;
    background-size: 100% 100%;
  }
  .flowRt .flowUl li:last-of-type:before{content: none;}

  .indexSec01 .hdM img{width: 26px;}
  .indexSec02 .hdM img{width: 31px;}
  .indexSec03 .hdM img{width: 21px;}
  .indexSec04 .hdM img{width: 16px;}
  .indexSec05 .hdM img{width: 22px;}

}
@media screen and (max-width:374px) {
  .ftList, .blogList{margin: 0 6px}
  .flowUl li .ttle span{width: 13px;line-height: 13px;margin-right: 3px}
  .flowUl li .ttle {
    font-size: 1.1rem;
    line-height: 1.4;
    padding-left: 16px;
    text-indent: -16px;
    padding-bottom: 4px;}
  .flowUl li.flowLi07{padding-top: 25px!important}
  .flowUl li .img{width: 32px}
}

/*list*/
.listTop{
  padding: 9px 0;
  box-shadow: 0 2px 7px rgba(4,0,0,0.2);
  margin-bottom: 24px;
}
.listTopHd{
  font-size: 1.8rem;
  font-weight: bold;
  padding-top: 4px;
  float: left;
}
.listSelectBox{
  float: right;
  margin-left: 17px;
  position: relative;
}
.listSelectBox:before{
  content: '';
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 10px;
  height: 6px;
  background: url(../img/common/select02.png)no-repeat right center;
  background-size: 10px auto;
}
select.listSelect{
  border-radius: 3px;
  border: 1px solid #e1e1e1;
  font-size: 1.1rem;
  height: 32px;
  padding: 0 40px 0 20px;
  width: auto;
  box-sizing: border-box;
  background: linear-gradient(to bottom, #fbfbfb , #f2f2f2);
}
#page_product_list #main{
  float: right;
  width: calc(100% - 235px - 18px);
  min-height: 899px;
}
#page_product_list_cate #main{
  float: right;
  width: calc(100% - 235px - 18px);
  min-height: 899px;
}
#page_product_list #sidebar{
  float: left;
  position: relative;
}
#page_product_list_cate #sidebar{
  float: left;
  position: relative;
}
#page_product_list .sidebarIn {
  position: absolute;
  top: 0;
  width: 235px;
  height: calc(100vh - 149px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#page_product_list_cate .sidebarIn {
  position: absolute;
  top: 0;
  width: 235px;
  height: calc(100vh - 149px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#page_product_list .sidebarIn::-webkit-scrollbar {
  display: none;
}
#page_product_list_cate .sidebarIn::-webkit-scrollbar {
  display: none;
}
#page_product_list .sidebarIn.active{position: fixed;top: 149px;}
#page_product_list_cate .sidebarIn.active{position: fixed;top: 149px;}
#page_product_list .sidebarIn.scrollBtm{position: absolute;bottom: 10px;top: auto}
#page_product_list_cate .sidebarIn.scrollBtm{position: absolute;bottom: 10px;top: auto}
.sideItem{
  border-top: 6px solid #6ba022;
  border-radius: 3px;
  padding: 21px 10px 28px;
  background: #eceee9;
  margin-bottom: 23px;
}
.sideItem.sideMore, .sideItem.sideMore2{display: none;}
.sideItem .title{
  font-size: 1.4rem;
  font-weight: bold;
  padding-bottom: 11px;
}
select.sideSelect{
  background: url(../img/common/select03.png)no-repeat right 14px center #fff;
  background-size: 12px auto;
  font-size: 1.2rem;
  height: 43px;
  padding: 0 40px 0 17px;
  width: 100%;
  box-sizing: border-box;
}
select.sideSelect.small{
  background: url(../img/common/select03.png)no-repeat right 8px center #fff;
  background-size: 8px auto;
  height: 37px;
  font-size: 1rem;
  padding: 0 18px 0 8px;
}
.sideDl + .sideDl{margin-top: 9px}
.sideDl{font-size: 1.1rem}
.sideDl dt{
  float: left;
  width: 50px;
  line-height: 37px;
}
.sideDl.one dt{
  width: 60px
}
.sideDl dd{overflow: hidden;}
.sideDl.two select.sideSelect.small{
  display: inline-block;
  width: 73px;
}
.sideDl.one select.sideSelect.small{
  max-width: 150px
}
.checkboxWrap{
  font-size: 1.3rem;
  line-height: 20px;
  padding-bottom: 15px;
}
.checkboxWrap input[type='checkbox']{
  position: absolute;
  opacity: 0;
}
.checkboxWrap input[type="checkbox"] + label{
  display: block;
  font-weight: bold;
  box-sizing: border-box;
  padding-left: 34px;
  background: url(../img/common/checkbox_no.png)no-repeat left top;
  background-size: 20px auto;
}
.checkboxWrap input[type="checkbox"]:checked + label{
  background: url(../img/common/checkbox.png)no-repeat left top;
  background-size: 20px auto;
}
.checkboxWrap.white-checkbox input[type="checkbox"] + label{
  display: block;
  font-weight: bold;
  box-sizing: border-box;
  padding-left: 30px;
  background: url(../img/common/checkbox_no_white.png) no-repeat left center;
  background-size: 20px auto;
}
.checkboxWrap.white-checkbox input[type="checkbox"]:checked + label{
  background: url(../img/common/checkbox_checked_white.png) no-repeat left center;
  background-size: 20px auto;
}
.sideBtn01,.sideBtn02{
  padding: 19px 10px;
}
.sideBtn01{
  background: #eceee9;
}
.sideBtn01 input.inp,
.sideBtn02 input.inp{
  display: block;
  border-radius: 3px;
  background: #446e0c;
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  width: 100%;
  height: 43px;
}
.sideBtn01 input.inp:hover,
.sideBtn02 input.inp:hover{opacity: .7}
.sideBtn02 input.inp{
  border: 1px solid #bab9b9;
  background: #fff;
  color: #414140
}

.resultTop{padding-bottom: 9px}
.listUl{margin-left: -7px}
.listUl li{
  float: left;
  width: 20%;
  box-sizing: border-box;
  padding-left: 7px;
  margin: 0 0 50px;
}
.listUl .slick-slide li {
  margin: 0;
}
.listUl .p04{padding-bottom: 10px}
.listUl .p04 .stock_num	{
  font-weight: bold;
}
.listUl .p05{
  font-size: 1.2rem;
  line-height: 1.1;
}
.itemList .p06{
  font-size: 1.1rem;
  line-height: 1.33;
  font-weight: bold;
  color: #531c86;
  padding-bottom: 10px;
}
.listUl .itemList .p03{font-size: 1.1rem;}
.listUl .itemList .p03 span,.itemList .p06 span{
  min-width: 92px;
  display: inline-block;
  font-size: 1.8rem
}
.listUl .itemList .p03 span.no,.itemList .p06 span.no{
  min-width: auto;margin-right: 5px;
}
.itemList .hlg08{margin-bottom: 14px}
.itemList .p07{margin-bottom: 9px;font-size: 1.2rem;}
.itemList .p07 dt{
  float: left;
  margin-right: 10px;
  line-height: 30px;
}
.itemList .p07 dd{overflow: hidden;}
.itemList .p07 .inp{
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  height: 30px;
  width: calc(100% - 10px);
  box-sizing: border-box;
  text-align: left;
  padding: 0 10px;
}
.itemList .p08 a,
.itemList .p09 a,
.itemList .p08 button[type='submit'],
.itemList .p09 button[type='submit']{
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 38px;
  line-height: 38px;
  background: #d3163a;
  color: #fff;
  font-weight: bold;
  font-size: 1.3rem;
  margin-bottom: 5px;
}
.itemList .p08 a:hover,
.itemList .p09 a:hover,
.itemList .p08 button[type='submit']:hover,
.itemList .p09 button[type='submit']:hover{
  opacity: .7
}
.itemList .p09 a,
.itemList .p09 button[type='submit']{
  background: #fff;
  color: #531c86;
  border: 1px solid;
}

/* GLP価格用 */
.itemList .p10{
  font-size: 1.2rem;
  line-height: 1.33;
  font-weight: bold;
}
.itemList .p11{
  font-size: 1.1rem;
  line-height: 1.33;
  padding-bottom: 10px;
}
.itemList .p11 span{
  font-size: 1.4rem;
  margin-left: 5px;
  margin-right: 5px;
}

.pagers {
  text-align: center;
  display: flex;
  padding: 25px 0 100px;
  align-items: center;
  justify-content: center;
}
.pagers a{
  display: inline-block;
  vertical-align: top;
  font-size: 1.3rem;
  line-height: 30px;
  width: 40px;
  box-sizing: border-box;
  color: #000;
  border: 1px solid #000;
  font-weight: bold;
}
.pagers a + a{
  border-left: 0;
}
.pagers a.next{}
.pagers a.active{
  pointer-events: none;
  color: #fff;
  background: #000
}
.pagers a:hover{
  color: #fff;
  background: #000
}


@media screen and (max-width:959px) {
  #page_product_list #main{
    float: none;
    width: 100%;
  }
  #page_product_list_cate #main{
    float: none;
    width: 100%;
  }
  .fixSbBtn{
    position: fixed;
    z-index: 9999;
    right: 12px;
    bottom: 120px;
    width: 70px;
  }
  .fixSbBtn .closeBtn{display: none;}
  .fixSbBtn.active .closeBtn{display: block;}
  .fixSbBtn.active .openBtn{display: none;}
  #page_product_list #sidebar{
    float: none;
    height: auto!important
  }
  #page_product_list_cate #sidebar{
    float: none;
    height: auto!important
  }
  #page_product_list .sidebarIn{
    position: absolute;
    top: 0;
    width: 235px;
  }
  #page_product_list_cate .sidebarIn{
    position: absolute;
    top: 0;
    width: 235px;
  }
  #page_product_list .sidebarIn.active{position: fixed;top: 10px;}
  #page_product_list_cate .sidebarIn.active{position: fixed;top: 10px;}
  #page_product_list .sidebarIn.scrollBtm{position: absolute;bottom: 10px;top: auto}
  #page_product_list_cate .sidebarIn.scrollBtm{position: absolute;bottom: 10px;top: auto}
  #page_product_list .sidebarIn{
    display: none;
    z-index: 9998;
    width: 100%;
    height: 100vh;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    padding: 0 0 100px;/* 0 >>> 0 0 100px */
    box-sizing: border-box;
    position: fixed!important;
    top: 0px!important;
    bottom: auto!important;
    left: 0;
    background: #fff;
  }
  #page_product_list_cate .sidebarIn{
    display: none;
    z-index: 9998;
    width: 100%;
    height: 100vh;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    padding: 0 0 100px;/* 0 >>> 0 0 100px */
    box-sizing: border-box;
    position: fixed!important;
    top: 0px!important;
    bottom: auto!important;
    left: 0;
    background: #fff;
  }
  #page_product_list #contents.active{z-index: 4;}
  #page_product_list_cate #contents.active{z-index: 4;}
  .sideItem.sideMore{display: block;}
  .sideItem.sideMore2{display: block;}
  /*
	.sideBtn01,.sideBtn02 {
		display: none;
	}
*/
  .sideBtn01 {
    display: none;
  }
  .sideBtn02 {
    background: #f2f2f2;
  }

  .sideTopHd{
    font-size: 1.2rem;
    padding: 18px 15px;
  }
  .sideTopHd span{
    font-size: 1.3rem;
    font-weight: bold;
  }
  .sideItem{
    border-top: 3px solid #6ba022;
    border-radius: 0;
    padding: 0px 15px 0px;
    background: #fff;
    margin-bottom: 20px;
  }
  .sideItem .title{
    font-size: 1.3rem;
    padding: 12px 15px;
    margin: 0 -15px!important;
    background: #eceee9
  }
  select.sideSelect{
    background: url(../img/common/select03.png)no-repeat right 12px center;
    background-size: 7px auto;
    font-size: 1.2rem;
    height: 38px;
    padding: 0 30px 0 15px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #c9c9c9;
  }
  select.sideSelect.small{
    background: url(../img/common/select03.png)no-repeat right 12px center;
    background-size: 7px auto;
    height: 38px;
    font-size: 1.2rem;
    padding: 0 30px 0 15px;
  }
  .sideDl + .sideDl{margin-top: 0px}
  .sideDl{font-size: 1.1rem}
  .sideDl dt{
    float: none;
    width: auto;
    line-height: 1.5;
    padding: 12px 0 7px;
  }
  .sideDl.one dt{
    width: auto;
  }
  .sideDl dd{overflow: hidden;}
  .sideDl.two select.sideSelect.small{
    display: inline-block;
    width: calc(50% - 18px);
  }
  .sideDl.two dd{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .sideDl.one select.sideSelect.small{
    max-width: 100%;
  }
  .sideP01{padding-top: 15px}
  .checkboxWrap{
  }
  .checkboxWrap{
    font-size: 1.2rem;
    line-height: 15px;
    padding:0 15px 20px;/* 0 15px 120px >>> 0 15px 20px;*/
  }
  .checkboxWrap input[type='checkbox']{
    position: absolute;
    opacity: 0;
  }
  .checkboxWrap input[type="checkbox"] + label{
    display: block;
    font-weight: bold;
    box-sizing: border-box;
    padding-left: 22px;
    background: url(../img/common/checkbox_no.png)no-repeat left top;
    background-size: 15px auto;
  }
  .checkboxWrap input[type="checkbox"]:checked + label{
    background: url(../img/common/checkbox.png)no-repeat left top;
    background-size: 15px auto;
  }


  .listTop{
    padding: 12px 0;
    box-shadow: 0 1px 4px rgba(4,0,0,0.2);
    margin-bottom: 18px;
  }
  .listTopHd{
    font-size: 1.3rem;
    font-weight: bold;
    padding-top: 4px;
    float: left;
  }
  .listSelectBox{
    float: right;
    margin-left: 0px;
    position: relative;
  }
  .listSelectBox:before{
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 5px;
    height: 3px;
    background: url(../img/common/select02.png)no-repeat right center;
    background-size: 5px auto;
  }
  select.listSelect{
    border-radius: 2px;
    border: 1px solid #e1e1e1;
    font-size: 0.9rem;
    height: 34px;
    padding: 0 35px 0 10px;
    width: auto;
    margin-left: 0px;
    box-sizing: border-box;
  }
  .resultTop{padding-bottom: 29px}
  .resultTitle{
    float: left;
    font-size: 1rem;
    padding-top: 9px;
  }
  .listUl{margin-left: -15px}
  .listUl li{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-left: 15px;
    margin: 0 0 40px;
  }
  .listUl .slick-slide li {
    margin: 0;
  }
  .listUl li img{width: 100%}
  .listUl .p04{padding-bottom: 5px}
  .listUl .p05{
    font-size: 1.2rem;
    line-height: 1.1;
  }
  .itemList .p06{
    font-size: 0.9rem;
    line-height: 1.33;
    font-weight: bold;
    color: #531c86;
    padding-bottom: 12px;
  }
  .listUl .itemList .p02,
  .listUl .itemList .p04{
    font-size: 1rem;
    line-height: 1.3;
    padding-bottom: 6px
  }
  .listUl .itemList .p03{font-size: 0.9rem;;}
  .listUl .itemList .p03 span,.itemList .p06 span{
    min-width: 90px;
    display: inline-block;
    font-size: 1.5rem;
  }
  .listUl .itemList .p03 span.no,.itemList .p06 span.no{
    min-width: auto;margin-right: 5px;
  }
  .itemList .hlg08{margin-bottom: 15px}
  .itemList .p07{margin-bottom: 6px;font-size: 0.9rem;}
  .itemList .p07 dt{
    float: left;
    margin-right: 10px;
    line-height: 34px;
  }
  .itemList .p07 dd{overflow: hidden;}
  .itemList .p07 .inp{
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    height: 34px;
    width: calc(100% - 5px);
    box-sizing: border-box;
    text-align: left;
    padding: 0 10px;
  }
  .itemList .p08 a,
  .itemList .p09 a,
  .itemList .p08 button[type='submit'],
  .itemList .p09 button[type='submit']{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 38px;
    background: #d3163a;
    color: #fff;
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 12px;
  }
  .itemList .p09 a,
  .itemList .p09 button[type='submit']{
    background: #fff;
    color: #531c86;
    border: 1px solid;
  }

  .pagers{
    text-align: center;
    padding: 20px 0 30px;
  }
  .pagers a{
    display: inline-block;
    vertical-align: top;
    font-size: 1.2rem;
    line-height: 30px;
    width: 35px;
    box-sizing: border-box;
    color: #000;
    border: 1px solid #000;
    font-weight: bold;
  }
  .pagers a + a{
    border-left: 0;
  }
  .pagers a.next{}
  .pagers a.active{
    pointer-events: none;
    color: #fff;
    background: #000
  }
  .pagers a:hover{
    color: #fff;
    background: #000
  }
}
@media screen and (max-width: 374px) {
  select.listSelect{padding: 0 20px 0 10px}
}

/*list_detail*/
.listDetailWrap{padding: 35px 0 90px;}
.listDetailTop{
  position: relative;
  padding-left: 44.5%;
  padding-bottom: 40px;
}
.ldSliderWrap{
  position: absolute;
  left: 0;
  top: 0;
  width: 41.6%;
}
.ldSliderWrap .sfList{
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
  position: relative;
}
.ldSliderWrap .sfList img{
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  z-index: 2;
  transform: translate(-50%,-50%);
  width: auto;
}
.snList span{
  display: block;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
.snList img{
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%,-50%);
  z-index: 1;
}
.sliderFor.slick-slider{margin-bottom: 17px}
.sliderNav .slick-track{margin-left: 0}
.sliderFor .slick-prev{
  background: url(../img/common/prev02.png)no-repeat;
  background-size: 100% auto;
  width: 30px;
  height: 30px;
  left: 8px;
}
.sliderFor .slick-next{
  background: url(../img/common/next02.png)no-repeat;
  background-size: 100% auto;
  width: 30px;
  height: 30px;
  left: auto;
  right: 8px;
}
.sfList img,.snList img{width: 100%}
.sliderNav{margin: 0 -3px}
.snList{
  padding: 0 3px!important;
  float: left;
  width: 25%;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 6px;
}
.sliderNav .slick-current{position: relative;}
.snList.current:before{
  content: '';
  position: absolute;
  width: calc(100% - 6px);
  height:calc(100% - 0px);
  z-index: 2;
  box-sizing: border-box;
  border: 2px solid #446e0c;
  left: 3px;
}
.ldt01{
  font-size: 1.2rem;
  padding-bottom: 5px;
}
.ldt02{
  font-size: 2rem;
  font-weight: bold;
  padding-bottom:12px;
  border-bottom: 1px solid #dadada;
}
.ldt03{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-size: 1.3rem;
  color: #143b62;
  border: 1px solid;
  padding: 3px 21px 3px 35px;
  background: url(../img/list_detail/favr_no.png)no-repeat left 16px center;
  background-size: 14px auto;
  border-radius: 15px;
  cursor: pointer;
  box-sizing: border-box;
}
.ldt03.active{
  background: url(../img/list_detail/favr.png)no-repeat left 16px center;
  background-size: 12px auto;
  background-color: #143b62;
  color: #fff;
}
.ldt04{
  font-size: 1.4rem;
  padding:16px 0 0px;
}
.ldt05 li {
  display: inline-block;
  position: relative;
  padding-right: 22px;
  font-size: 1.4rem;
}
.ldt05 li:before {
  position: absolute;
  right: 4px;
  top: 0;
  z-index: 2;
  content: ">";
}
.ldt05 li:last-of-type{}
.ldt05 li:last-of-type:before{content: none;}
.ldt05 li a:hover{text-decoration: underline;}
.ldt06{padding: 9px 0 30px}
.ldt06 a{
  display: flex;
  float: left;
  min-width: 80px;
  height: 24px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  font-size: 1.1rem;
  border: 1px solid #d2d2d2;
  border-bottom-width : 3px;
  border-radius: 2px;
  margin-right: 10px;
  color: #333333;
  font-weight: bold;
}
.ldt14{
  font-size: 1.4rem;
  padding:12px 0 0;
}
.ldt15{
  font-size: 1.4rem;
  padding-bottom: 17px;
}
.ldt15 a{
  background: url(../img/list_detail/ques.png)no-repeat left  center;
  background-size: 14px auto;
  padding-left: 20px;
  display: inline-block;
}
.ldt06 a:hover{
  opacity: .7
}

.priceList{}
.priceHd{
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 2px solid #446e0c;
}
.priceList .img{
  padding: 25px 0 28px;
}
.priceList .txt{
  font-size: 1.6rem;
}
.priceList .txt + .txt{padding-top: 24px}
.priceList .notice{padding-bottom: 24px;}

@media screen and (max-width: 959px) {
  .listDetailWrap{padding: 20px 0 20px;}
  .listDetailTop{
    position: relative;
    padding-left: 0;
    padding-bottom: 20px;
  }
  .ldSliderWrap{
    position: static;
    width: auto;
  }
  .sliderFor.slick-slider{margin-bottom: 12px}
  .sfList img,.snList img{width: 100%}
  .sliderNav{margin: 0 -2px 20px}
  .snList{
    padding: 0 2px!important;
    float: left;
    width: 20%;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 4px;
  }
  .sliderNav .slick-current{position: relative;}
  .snList.current:before{
    content: '';
    position: absolute;
    width: calc(100% - 4px);
    height:calc(100% - 0px);
    z-index: 2;
    box-sizing: border-box;
    border: 2px solid #446e0c;
    left: 2px;
  }
  .ldt01{
    font-size: 1rem;
    padding-bottom: 3px;
  }
  .ldt02{
    font-size:1.6rem;
    font-weight: bold;
    padding-bottom:8px;
    border-bottom: 1px solid #dadada;
    padding-right: 60px;
  }
  .ldt03{
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 2;
    font-size: 0.8rem;
    color: #143b62;
    border: 0;
    padding: 20px 0 0;
    background: url(../img/list_detail/favr_no_sp.png)no-repeat top center;
    background-size: 18px auto;
    border-radius: 15px;
    cursor: pointer;
    box-sizing: border-box;
  }
  .ldt03.active{
    background: url(../img/list_detail/favr_sp.png)no-repeat top center;
    background-size: 18px auto;
    color: #143b62;
  }
  .ldt04{
    font-size: 1rem;
    padding:8px 0 0px;
  }
  .ldt05 li {
    display: inline-block;
    position: relative;
    padding-right: 22px;
    font-size: 1.3rem;
  }
  .ldt05 li:before {
    position: absolute;
    right: 4px;
    top: 0;
    z-index: 2;
    content: ">";
  }
  .ldt05 li:last-of-type{}
  .ldt05 li:last-of-type:before{content: none;}
  .ldt05 li a:hover{text-decoration: underline;}
  .ldt06{padding: 8px 0 15px}
  .ldt06 a{
    display: flex;
    float: left;
    min-width: 70px;
    height: 24px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    border: 1px solid #d2d2d2;
    border-bottom-width: 3px;
    border-radius: 2px;
    margin-right: 5px;
    color:
      #333333;
    font-weight: 500;
  }
  .ldt14{
    font-size: 1.2rem;
    padding:18px 0 12px;
  }
  .ldt15{
    font-size: 1.4rem;
    padding-bottom: 10px;
  }
  .ldt15 a{
    background: url(../img/list_detail/ques.png)no-repeat left  center;
    background-size: 14px auto;
    padding-left: 20px;
    line-height: 21px;
  }
  .priceList{}
  .priceHd{
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 2px;
    border-bottom: 2px solid #446e0c;
  }
  .priceList .img{
    padding: 12px 0 20px;
  }
  .priceList .txt{
    font-size: 1.3rem;
    line-height: 18px;
  }
  .priceList .txt + .txt{padding-top: 18px}
  .priceList .notice{padding-bottom: 18px;}
  .indexSec02.listDetailBtm01 .hdM img{width: 19px}
  .indexSec02.listDetailBtm02 .hdM img{width: 17px}
}





/*guide*/
.guideWrap{padding-bottom: 170px}
.guideWrap .inner{max-width: 1180px;}
.guideWrap .hdM{padding: 57px 0 0}
.hd01{
  margin: 50px 0 24px!important;
  font-size: 2rem;
  letter-spacing: 0.05em;
  padding-bottom: 8px;
  border-bottom: 2px solid #e8e8e8;
  position: relative;
  box-sizing: border-box;
}
.hd01:before{
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 24.5%;
  height: 2px;
  z-index: 2;
  background:  #73a82b;
}
.hd02{
  padding-bottom: 8px;
  font-size: 1.8rem;
  letter-spacing: 0.025em;
  color: #73a82b;
  font-weight: bold;
}
.comTxt{
  font-size: 1.6rem;
  line-height: 1.7;
  letter-spacing: 0.025em;
}
.comTxt a{font-weight: bold;}
.comTxt + .hd02,
.comUl + .hd02{padding-top: 29px}
.comTxt + .comTxt{padding-top: 20px;}
.guideBox01{
  padding: 70px 0
}
.guideDl01{
  float: left;
  width: 50%;
}
.guideDl01 dt{
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 80px 30px;
}
.guideDl01 dd{
  overflow: hidden;
}
.guideP01{
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: 0.025em;
}
.guideDl02{padding-bottom: 40px}
.guideDl02 dt{
  float: right;
  margin-left: 50px
}
.guideDl02 dt .title{
  text-align: center;
  font-size: 1.6rem;
  padding-top: 5px;
}
.guideDl02 dd{overflow: hidden;}
.guideP01 span{
  display: inline-block;
  border-bottom: 1px solid #d6d6d6;
  margin: 80px 0 50px!important
}
.guideP02{font-size: 1.6rem;padding-bottom: 40px}
.guideUl01 li{
  float: left;
  width: 33.33%;
  text-align: center;
}
.guideUl01 li .title{
  text-align: center;
  font-size: 1.6rem;
  padding-top: 30px;
}

@media screen and (max-width: 959px) {
  .guideWrap{padding-bottom:0px}
  .guideWrap .hdM{padding: 30px 0 0}
  .hd01{
    margin:25px 0 12px!important;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    padding-bottom: 4px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    box-sizing: border-box;
  }
  .hd01:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 24.5%;
    height: 1px;
    z-index: 2;
    background:  #73a82b;
  }
  .hd02{
    padding-bottom: 4px;
    font-size: 1.5rem;
    letter-spacing: 0.025em;
    color: #73a82b;
    font-weight: bold;
  }
  .comTxt{
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.025em;
  }
  .comTxt + .hd02,
  .comUl + .hd02{padding-top: 15px}
  .comTxt + .comTxt{padding-top: 10px;}
  .guideBox01{
    padding: 25px 0
  }
  .guideDl01{
    float: none;
    width: auto;
    margin-bottom: 20px;
    font-size: 1.3rem
  }
  .guideDl01 dt{
    float: none;
    width: auto;
    box-sizing: border-box;
    padding:0 0 15px;
  }
  .guideDl01 dd{
    overflow: hidden;
    text-align: center;
  }
  .guideP01{
    font-weight: bold;
    font-size: 1.6rem;
    letter-spacing: 0.025em;
  }
  .guideDl02{padding-bottom: 20px}
  .guideDl02 dt{
    float: none;
    margin-left: 0px;
    margin-bottom: 20px;
    text-align: center;
  }
  .guideDl02 dt .title{
    text-align: center;
    font-size: 1.3rem;
    padding-top: 3px;
  }
  .guideDl02 dd{overflow: hidden;}
  .guideDl02 .img img{ width: 80%;}
  .guideP01 span{
    display: inline-block;
    border-bottom: 1px solid #d6d6d6;
    margin: 40px 0 25px!important
  }
  .guideP02{font-size: 1.3rem;padding-bottom: 20px}
  .guideUl01 li{
    float: none;
    width: auto;
    text-align: center;
  }
  .guideUl01 li .title{
    text-align: center;
    font-size: 1.3rem;
    padding-top: 15px;
  }

}


/*contact*/
.contactTop{position: relative;}
.contactTop .box{
  float: left;
  width: 33.33%;
  box-sizing: border-box;
  background: #ebf7fc;
  text-align: center;
  padding: 50px 20px 110px;
}
.contactTop .title{
  font-size: 4.8rem;
  letter-spacing: 0.025em;
  line-height: 1.2;
  font-weight: bold;
  color: #4faedf;
  padding-bottom: 5px;
}
.contactTop .title span {
  display: block;
  font-size: 2rem;
}
.contactTop .box:nth-of-type(2){background: #fef2e7}
.contactTop .box:nth-of-type(2) .title{color: #f38726}
.contactTop .box:nth-of-type(3){background: #f3f0f7}
.contactTop .box:nth-of-type(3) .title{color: #8766a5}
.contactTop .absP{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.2em;
  padding: 9px;
  background: #73a82b;
  text-align: center;
}

.contactCont{
  padding: 30px 0 160px;
  font-size: 15px
}
.contactCont .inner{max-width: 1090px;}
.ec-para-normal{padding-bottom: 20px}
.ec-para-normal .txt_red {
  color: #DE5D50;
}
.ec-borderedDefs {
  width: 100%;
  border-top: 1px dotted #ccc;
}
.ec-borderedDefs dl {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px dotted #ccc;
  margin: 0;
  padding: 10px 0 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ec-borderedDefs dt {
  font-weight: normal;
  width: 100%;
  padding-top: 0;
}
.ec-borderedDefs dd {
  padding: 0;
  width: 100%;
  line-height: 2.5;
}
.ec-hope select,.ec-zipInputAuto input,.ec-select select,.ec-input textarea,.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input{
  display: block;
  width: 100%;
  height: 38px;
  padding: 6px 12px;
  line-height: 1.42857;
  color: #1c1a1a;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-appearance: none;
  box-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 3px;
  resize: none;
}
input::placeholder, textarea::placeholder {
  color: #cdcdcd;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #cdcdcd;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #cdcdcd;
}
.ec-hope select,.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
  height: 48px;
  margin-bottom: 10px;
}
.ec-hope select{
  background: url(../img/common/select03.png)no-repeat right 14px center #fff;
  background-size: 12px auto;
}
#page_contact .ec-halfInput,
#page_buyout_contact .ec-halfInput,
.fixWrap .ec-halfInput,
#page_mypage_change .ec-halfInput,
#page_mypage_delivery_edit .ec-halfInput,
#page_entry .ec-halfInput,
#page_shopping_nonmember .ec-halfInput,
#page_mypage_delivery_new .ec-halfInput,
#page_shopping_shipping_multiple_edit .ec-halfInput,
#page_shopping_shipping_edit .ec-halfInput{
  font-size: 0;
}
.ec-halfInput input[type='text'] {
  display: inline-block;
  width: 49%;
  margin-left: 2%;
  font-size: 15px;
}
.ec-halfInput input[type='text']:first-child {
  margin-left: 0;
}
.ec-required {
  display: inline-block;
  margin-left: .8em;
  vertical-align: 2px;
  color: #DE5D50;
  font-size: 12px;
  font-weight: normal;
}
.ec-label {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 5px;
}
.ec-zipInput {
  display: inline-block;
}
.ec-zipInput span,
.ec-telInput span{
  display: inline-block;
  padding: 0 5px 0 3px;
  margin-left: 5px;
}
.ec-zipInput input,.ec-telInput input{
  display: inline-block;
  text-align: left;
  width: auto;
  /* max-width: 8em; */
  font-size: 16px;
}
.ec-zipInput input{
  min-width: 9em;
}
.ec-telInput input{
  min-width: 11em;
}
/* .ec-telInput input{max-width: 7em} */
.ec-zipInput input.short{max-width: 6em}
.ec-zipInputHelp {
  display: inline-block;
  margin-left: 10px;
}
.ec-zipInputHelp span {
  margin-left: 8px;
  display: inline-block;
  color: #333333;
  margin-top: 1px;
  font-weight: bold;
}
.ec-zipInputAuto{margin-bottom:5px}
.ec-select{
  margin-bottom: 10px;
}
.ec-select select,.ec-zipInputAuto input{
  display: inline-block;
  width: auto;
  background-color: #f8f8f8;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
}
.ec-contactRole textarea {
  font-family: sans-serif;
}
.ec-input textarea{
  /* height: auto!important;
    min-height: 500px; */
  padding: 12px 12px;
  box-sizing: border-box;
  line-height: 1.6;
}
.ec-off4Grid .ec-off4Grid__cell {
  /* margin: 0; */
}
.ec-blockBtn--action {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 16px;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  color: #fff;
  background-color: #446e0c;
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
}

.ec-blockBtn--action:hover{opacity: .8}
.ec-personal{
  font-size: 14px;
  margin: 30px 0 15px;
  font-weight: bold;
}
.ec-blockBtn--action[disabled] {
  pointer-events: none; /* aタグのリンクを無効にする */
}
.ec-off4Grid {
  text-align: center;
}
@media only screen and (min-width: 768px){
  .ec-borderedDefs dl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 16px 0 0px;
  }
  .ec-borderedDefs dt {
    padding-top: 14px;
    width: 30%;
  }
  .ec-borderedDefs dd {
    width: 70%;
    line-height: 3;
  }
  .ec-hope select,.ec-input textarea,.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
    margin-bottom: 16px;
    padding: 6px 18px;
  }
  .ec-input textarea{padding: 14px 18px}
  .ec-required {
    margin-left: 1em;
  }
  .ec-off4Grid .ec-off4Grid__cell {
    position: relative;
    min-height: 1px;
  }
  .ec-blockBtn--action{
    /* max-width: 33.33%; */
    margin: 0 auto;
  }
}
@media only screen and (max-width: 959px){
  .contactCont{padding: 20px 0 0}
  .contactTop .img02{padding-top: 5px;}
  .contactTop .img03 img{max-width: 75%}
}
@media only screen and (max-width: 767px){
  .ec-hope select, .ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
    height: 40px;
  }
  .ec-input textarea{
    min-height: 320px;
    box-sizing: border-box;
    padding: 12px 12px;
    line-height: 1.3;
    font-size: 13px;
    margin-bottom: 10px;
  }
  .ec-zipInputAuto{margin-bottom: 10px}
  .contactTop .box{
    float: left;
    width: 33.33%;
    padding: 20px 0 40px;
  }
  .contactTop .title{
    font-size: 2rem;
  }
  .contactTop .title span {
    font-size: 1rem;
  }
  .contactTop .img  {
    padding: 0 10px;
  }
  .contactTop .absP{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    font-size: 1.2rem;
    white-space: nowrap;
    padding: 6px;
  }
  .ec-blockBtn--action{height: 50px;line-height: 50px;}
  .ec-personal{font-size: 12px}
  .ec-telInput input{max-width: 27%}
}
@media only screen and (max-width: 374px){
  .ec-input textarea{
    min-height: 300px;
    font-size: 11px;
  }
  .contactCont,.ec-halfInput input[type='text']{font-size: 13px;}
}

/*marketlist*/
.marketWrap .inner{max-width: 1090px}
.marketWrap .marketTop{
  text-align: center;
  font-size: 3rem;
  padding: 52px 0 32px;
  font-weight: bold;
}
.markeTable{width: 100%;text-align: center;}
.markeTable.pc{display: table!important}
.markeTable.sp{display: none!important}
.markeTable th,
.markeTable td{
  box-sizing: border-box;
  border: 1px solid #d9d7d7;
  font-size: 1.4rem;
  line-height: 1.3;
  padding: 0 10px;
}
.markeTable th{
  font-size: 1.6rem;
  vertical-align: middle;
  font-weight: normal;
  height: 240px;
}
.markeTable td span{
  font-size: 2rem
}
.markeTable thead th{
  height: 60px;
}
.markeTable .th01{
  color: #fff;
  background: #446e0c;
}
.markeTable .th02{
  color: #fff;
  background: #73a82b;
}
.markeTable .td01{
  background: #ebf1e9;
}
.markeTable .td02{
  background: #e8f2d9;
}
.markeTable .img{
  padding: 28px 0
}
.markeTable th .img {
  text-align: center;
}
.markeTable th .goodsName {
  text-align: center;
}
.marketWrap .noticeP{
  padding-top: 7px;
  font-size: 1.2rem;
}
.marketWrap .btnP01{
  text-align: center;
  font-size: 1.5rem;
  padding: 82px 0 16px;
}
.marketWrap .btnP02{
  text-align: center;
  padding-bottom: 215px
}
.btnLink01{
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding-right: 24px;
  color: #fff;
  background: url(../img/common/btn01.png)no-repeat right 32px center #f38726;
  background-size: 16px auto;
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  width: 360px;
  height: 60px;
  margin: 0 auto;
}
.btnLink01:hover{
  color: #fff;
  opacity: .8;
}
.markeTable .th01,
.markeTable .th02{
  width: 24%;
}
@media only screen and (max-width: 767px){
  .marketWrap .marketTop{
    text-align: center;
    font-size: 1.5rem;
    padding: 20px 0;
    font-weight: bold;
    position: relative;
  }
  .markeTable.sp{display: table!important}
  .markeTable.pc{display: none!important}
  .markeTable th{
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 1.1rem;
    min-width: 26%;
  }
  .markeTable td{
    padding: 3px;
    font-size: 0.9rem;
  }
  .markeTable thead th{height: 35px;}
  .markeTable tbody td{height: 45px;}
  .markeTable tbody th{height: auto;}
  .markeTable .tr01 td{font-size: 1.1rem}
  .markeTable td span{font-size: 1.1rem}
  .markeTable tbody td:last-of-type span{font-size: 1.2rem}
  .markeTable .img{padding: 10px 0;}
  .markeTable .img img{max-width: 75px;max-height: 75px;}
  .marketWrap .noticeP{
    padding-top: 5px;
    font-size: 1rem;
  }
  .marketWrap .btnP01{
    text-align: center;
    font-size: 1.2rem;
    padding: 35px 0 16px;
  }
  .marketWrap .btnP02{
    text-align: center;
    padding-bottom: 15px
  }
  .btnLink01{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding-right: 4px;
    color: #fff;
    background: url(../img/common/btn01.png)no-repeat right 20px center #f38726;
    background-size: 8px auto;
    font-weight: bold;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
    width: 265px;
    height: 43px;
    margin: 0 auto;
  }
  .btnLink01:hover{
    color: #fff;
    opacity: 1;
  }
}


/*buyout*/
.buyoutTop{
  background: url(../img/buyout/top_img.jpg)no-repeat bottom 40% center;
  background-size: cover;
  height: 640px;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 10px rgba(115,115,115,0.7);
}
.buyoutTop .icon{
  position: absolute;
  width: 132px;
  left: calc(50% + 490px);
  top: 36px;
  z-index: 1;
}
.buyoutTop .title{
  font-size: 6rem;
  line-height: 86px;
  letter-spacing: 0.05em;
  font-weight: bold;
  padding: 130px 0 47px
}
.buyoutTop .title font{
  font-size: 8rem;
  color: #ffdf2b;
}
.buyoutTop .text{
  font-size: 2rem;
  line-height: 1.8;
}

.buyoutSec01 .hd{
  background: #73a82b;
  text-align: center;
  color: #fff;
  font-size: 3rem;
  line-height: 1.4;
  padding: 21px 10px 17px;
  font-weight: bold;
  margin-bottom: 82px;
}
.buyoutSec01 .hd font{color: #ffef3c}
.dotS{position: relative;}
.dotS:before{
  content: '';
  position: absolute;
  left: 0;
  top: -10px;
  z-index: 1;
  width: 100%;
  height: 7px;
  background: url(../img/buyout/dot.png)repeat left center;
  background-size: 1em auto;
}
.buyUl01{margin-left: -33px}
.buyUl01 li{
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding-left: 33px;
  margin-bottom: 30px;
}
.buyUl01 .box{
  border-radius: 10px;
  border: 3px solid #446e0c;
  position: relative;
  text-align: center;
  background: #446e0c;
}
.buyUl01 .point{
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%,-70%);
  z-index: 1;
}
.buyUl01 .title{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 61px;
  box-sizing: border-box;
  padding-top: 9px;
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  background: #446e0c;
}
.buyUl01 .text{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 103px;
  font-size: 1.8rem;
  line-height: 1.66;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #fff !important;
}
.buyUl01 .dotS:before{
  height: 6px;
  background: url(../img/buyout/dot02.png)repeat left center;
  background-size: 1em auto;
}
.buyUl01 li:nth-of-type(2) .box{border-color: #73a82b; background-color: #73a82b}
.buyUl01 li:nth-of-type(2) .title{background-color: #73a82b}
.buyUl01 li:nth-of-type(3) .box{border-color: #673f8c; background-color: #673f8c}
.buyUl01 li:nth-of-type(3) .title{background-color: #673f8c}
.buyUl01 li:nth-of-type(4) .box{border-color: #8da9b6; background-color: #8da9b6}
.buyUl01 li:nth-of-type(4) .title{background-color: #8da9b6}
.buyoutSec01 .hdS{
  padding-top: 50px;
}
.buyUl02{
  border: 1px solid #d9d7d7;
  border-left: none;
  border-top: none;
}
.buyUl02 li{
  float: left;
  width: 17.5%;
  box-sizing: border-box;
  text-align: center;
}
.buyUl02 li.first{
  width: 12.5%
}
.buyUl02 .td01,
.buyUl02 .td02,
.buyUl02 .td03{
  border: 1px solid #d9d7d7;
  border-right: none;
  border-bottom: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  font-size: 1.4rem;
  line-height: 24px;
}
.buyUl02 .td01{
  font-size: 1.6rem;
}
.buyUl02 li.first .td01{border: none;}
.buyUl02 li.first .td02,
.buyUl02 li.first .td03{
  font-size: 1.6rem;
  color: #fff;
}
.buyUl02 span{font-size: 2rem;display: block;}
.buyUl02 .td01{
  height: 240px;
}
.buyUl02 .img{
  padding: 25px 0;
  height: 185px;
}
.buyUl02 .td02{background: #ebf1e9;}
.buyUl02 .td03{background: #e8f2d9}
.buyUl02 li.first .td02{background: #446e0c}
.buyUl02 li.first .td03{background: #73a82b}

.buyoutSec01 .noticeP{
  padding-top: 7px;
  font-size: 1.2rem;
}
.buyoutSec01 .btnP{padding: 47px 0 57px}
.buyoutSec01 .btnP a{width: 420px}

.buyoutSec02{
  background: #faf7ee;
  margin-top: -140px;
  padding: 213px 0 60px;
}
.buyoutSec02 .inner{max-width: 1090px}
.buyoutSec02 .ec-borderedDefs dl,.ec-borderedDefs{border: none;}
.buyoutSec02 .ec-input input.nob{margin-bottom: 0}
.buyoutSec02 .ec-inputP{padding-top: 4px;line-height: 1.5;font-size: 1.6rem;}
.buyoutSec02 .ec-telInput input{width: 35%;max-width: 100%;}
.buyoutSec02 .ec-input textarea {
  height: auto!important;
  min-height: 170px;
}
.ec-file .fileP{
  position: relative;
  overflow: hidden;
  line-height: 1.5;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 5px 0 18px;
}
.ec-file .fileP span.fileName{
  display: inline-block;
  vertical-align: middle;
  width: 216px;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #bab9b9;
  background: #fff;
  text-align: center;
  line-height: 41px;
}
.ec-file .fileP span.fileName02{
  display: inline-block;
  vertical-align: middle;
  line-height: 43px;
  margin-left: 20px;
}
.ec-file .fileP input{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  width:216px;
  height: 43px;
  cursor: pointer;
}
.ec-file .notice{
  font-size: 1.4rem;
  line-height: 1.71;
  white-space: nowrap;
}
.ec-file .notice font{color: #de5d50}
.buyoutSec02 .ec-blockBtn--action {
  background: #f38726;
  max-width: 500px;
}
.confirmForm .ec-off4Grid__cell {
  margin-top: 40px;
  margin-left: auto;
  width: 100%;
}
.buyoutSec02 .confirmForm .ec-blockBtn--action {
  display: inline-block;
  max-width: 250px;
}
.telSec{
  background: #f9d351;
  padding: 30px 0;
  font-size: 1.8rem;
  line-height: 1.25;
  font-weight: bold;
  text-align: center;
}
.telSec .inner{max-width: 690px}
.telSec dl{
  display: flex;
  justify-content: space-between;
}
.telSec dt{
  float: left;
  display: flex;
  align-items: center;
  padding-top: 10px;
}
.telSec .telP01 a{
  font-size: 3.4rem;
  font-weight: 900;
  padding-left: 32px;
  background: url(../img/common/tel.png)no-repeat left center;
  background-size: 24px auto;
  color: #333333;
}
.telSec .telP02{
  font-size: 1.4rem;
}
.telSec .telP02 span{display: inline-block;}
.telSec .telP02 span.red{color: #e8200b;margin: 0 13px;}

.buyoutSec03{
  padding: 73px 0 50px;
}
.buyoutSec03 .noticeP{font-size: 1.4rem;text-align: right;}
.buyBox01{margin-left: -16px}
.buyBox01 .item{
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding-left: 16px;
  margin-bottom: 45px;
}
.buyBox01 dl{
  box-sizing: border-box;
  background: #f6f6f6;
  height: 65px;
  color: #333333;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.33;
  margin-bottom: 6px;
}
.buyBox01 dt{
  float: right;
  width: 75px;
  justify-content: center;
  display: flex;
  align-items: center;
  height: 100%;
}
.buyBox01 dt img{max-width: 44px;}
.buyBox01 dd{
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 15px;
}
.buyBox01 li{
  padding: 8px 0;
}
.buyBox01 li a{
  display: inline-block;
  font-size: 1.6rem;
  padding-left: 30px;
  background: url(../img/buyout/arrow01.png)no-repeat left 7px center;
  background-size: 15px auto;
  color: #333333;
}
.buyBox01 li a:hover{opacity: .7}

.buyoutSec04{
  padding: 60px 0;
  background: #faf7ee;
}
.buyoutSec04 .boxInner{
  background: #fff;
  padding: 40px 30px 55px;
}
.buyFlowUl{
  background: url(../img/buyout/bg_flow01.jpg)no-repeat right center #f9ece1;
  background-size: auto 100%;
}
.buyFlowUl li{
  width: 14.28%;
  padding: 18px 20px 15px!important;
}
.buyFlowUl li:before {
  content: '';
  position: absolute;
  width: 25px;
  height: 100%;
  right: 0;
  transform: translateX(50%);
  top: 0;
  background: url(../img/index/line_flow.png)no-repeat right center;
  background-size: 100% 100%;
}
.buyFlowUl li .point span{
  background: #f38726;
  width: 32px;
  line-height: 32px;
  font-size: 1.6rem;
}
.buyFlowUl li .ttle{
  font-size: 1.5rem;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
}
.buyFlowUl li .txt{
  line-height: 18px;
}
.buyoutSec04 .flowLink{text-align: left;}
.buyoutSec04 .flowLink a{font-weight: bold;}

.buyoutSec04 .item + .item{margin-top: 70px}
.buyoutSec04 #anchor02 {
  padding-top: 210px;
  margin-top: -140px;
}
.hd03{
  font-size: 2rem;
  font-weight: bold;
  padding: 6px 20px;
  border-radius: 3em;
  background: #f9ece1;
}
.hd03.tc{text-align: center;}
.buyoutSec04 .hd03.mg01{
  margin: 40px 0 20px;
}
.bankImg01{
  text-align: center;
  padding: 30px 0;
}
.bankImg02{
  text-align: center;
  padding: 55px 0 25px;
}
.comTxt02{
  font-size: 1.4rem;
}

.buyoutSec05{
  padding: 38px 0 250px;
}
.buyoutSec05 .inner{max-width: 1190px;}
.buyoutSec05 .topP{
  text-align: center;
  font-size: 1.8rem;
  padding-bottom: 75px;
}
.buyoutSec05 .hdM .en,
.buyoutSec05 .hd02{color: #f38726}
.buyoutSec05 .hd01:before{background:#f38726 }
.comTxt + .comUl{padding-top: 12px}
.comUl ul{display: inline-block;vertical-align: top;}
.comUl ul + ul{margin-left:80px }
.comUl li{
  font-size: 1.4rem;
  line-height: 30px;
  font-weight: bold;
}

.kaitoriBanners {
  display: flex;
  flex-wrap: wrap;
}
.kaitoriBanners a {
  width: 33.33%;
  padding: 0 20px 40px;
}
@media screen and (max-width: 1500px) {
  .buyoutTop{
    height: 42.66vw;
  }
  .buyoutTop .icon{
    position: absolute;
    width: 8.8vw;
    left: calc(50% + 32.66vw);
    top: 2.4vw;
    z-index: 1;
  }
  .buyoutTop .title{
    font-size: 4vw;
    line-height: 5.73vw;
    padding: 8.66vw 0 3.13vw;
  }
  .buyoutTop .title font{
    font-size: 5.3vw;
  }
  .buyoutTop .text{
    font-size: 1.33vw;
  }
}
@media screen and (max-width: 959px) {
  .kaitoriBanners  {
    margin-left: -5px;
    margin-right: -5px;
  }
  .kaitoriBanners a {
    width: 50%;
    padding: 0 5px 10px;
  }

  .buyoutTop{
    background: url(../img/buyout/top_img_sp.jpg)no-repeat 35% center;
    background-size: cover;
    height: 69.33vw;
  }
  .buyoutTop .inner{
    max-width: 100%;
  }
  .buyoutTop .icon{
    position: absolute;
    width: 11.73vw;
    left: auto;
    right: 4vw;
    top: 4.8vw;
    z-index: 1;
  }
  .buyoutTop .title{
    font-size: 5.86vw;
    line-height: 1.44;
    letter-spacing: 0.05em;
    font-weight: bold;
    padding: 5.86vw 0 2.66vw;
  }
  .buyoutTop .title font{
    font-size: 7.46vw;
    color: #ffdf2b;
  }
  .buyoutTop .text{
    font-size: 2.66vw;
    line-height: 1.8;
    color: #000;
    text-shadow: 0px 1px 1px rgba(255,255,255,1);
  }
  .buyoutSec01 .hd{
    background: #73a82b;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.4;
    padding: 20px 10px 8px;
    font-weight: bold;
    margin-bottom: 35px;
  }
  .buyoutSec01 .hd font{color: #ffef3c}
  .dotS{position: relative;}
  .dotS:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 110%;
    z-index: 1;
    width: 100%;
    height: 3.5px;
    background: url(../img/buyout/dot.png)repeat left center;
    background-size: 1em auto;
  }
  .buyUl01{margin-left: -15px}
  .buyUl01 li{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-left: 15px;
    margin-bottom: 22px;
  }
  .buyUl01 .box{
    border-radius: 5px;
    border: 2px solid #446e0c;
    position: relative;
    text-align: center;
    background: #446e0c;
  }
  .buyUl01 .point{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-70%);
    z-index: 1;
    width: 22px;
  }
  .buyUl01 .title{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    box-sizing: border-box;
    padding-top: 2px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    background: #446e0c;
  }
  .buyUl01 .text{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    font-size: 1.1rem;
    line-height: 1.66;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .buyUl01 .dotS:before{
    top: -5px;
    height: 3px;
    background: url(../img/buyout/dot02.png)repeat left center;
    background-size: 1em auto;
  }
  .buyUl01 li:nth-of-type(2) .box{border-color: #73a82b}
  .buyUl01 li:nth-of-type(2) .title{background-color: #73a82b}
  .buyUl01 li:nth-of-type(3) .box{border-color: #673f8c}
  .buyUl01 li:nth-of-type(3) .title{background-color: #673f8c}
  .buyUl01 li:nth-of-type(4) .box{border-color: #8da9b6}
  .buyUl01 li:nth-of-type(4) .title{background-color: #8da9b6}
  .buyoutSec01 .hdS{
    padding-top: 10px;
  }
  .buyUl02 li{
    float: none;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
  .buyUl02 li.first{
    width: 100%
  }
  .buyUl02 .td01,
  .buyUl02 .td02,
  .buyUl02 .td03{
    border: 1px solid #d9d7d7;
    border-right: none;
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 110px;
    font-size: 0.9rem;
    line-height: 15px;
    width: 33.33%;
    float: left;
  }
  .buyUl02 .td01{
    font-size: 1rem;
  }
  .buyUl02 li.first .td01{border: none;height: 40px;}
  .buyUl02 li.first .td02,
  .buyUl02 li.first .td03{
    font-size: 1.2rem;
    color: #fff;
    height: 40px;
  }
  .buyUl02 span{font-size: 1.2rem;display: block;}
  .buyUl02 .td01{
    height: 110px;
  }
  .buyUl02 .img{
    padding: 6px 10px;
    height: auto;
  }
  .buyUl02 .img img{max-height:66px;max-width: 72px; }
  .buyUl02 .td02{background: #ebf1e9;}
  .buyUl02 .td03{background: #e8f2d9}
  .buyUl02 li.first .td02{background: #446e0c}
  .buyUl02 li.first .td03{background: #73a82b}

  .buyoutSec01 .noticeP{
    padding-top: 4px;
    font-size: 1rem;
  }
  .buyoutSec01 .btnP{padding: 33px 0 28px}
  .buyoutSec01 .btnP a{width: 265px;font-size: 1.2rem}

  .buyoutSec02{
    background: #faf7ee;
    padding: 23px 0 30px;
    font-size: 1.3rem;
    margin-top: 0;
  }
  .buyoutSec02 .ec-required{font-size: 9px}
  .buyoutSec02 .ec-borderedDefs dl,.ec-borderedDefs{border: none;}
  .buyoutSec02 .ec-input input.nob{margin-bottom: 0}
  .buyoutSec02 .ec-inputP{padding-top: 2px;line-height: 1.5;font-size: 1rem;}
  .buyoutSec02 .ec-telInput input{width: 100%;max-width: 100%;}
  .buyoutSec02 .ec-input textarea {
    height: auto!important;
    min-height: 100px;
  }
  .ec-file .fileP{
    position: relative;
    overflow: hidden;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: bold;
    margin: 5px 0 10px;
  }
  .ec-file .fileP span.fileName{
    display: block;
    width: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #bab9b9;
    background: #fff;
    text-align: center;
    line-height: 38px;
  }
  .ec-file .fileP span.fileName02{
    display: block;
    line-height: 1.5;
    padding: 8px 0;
    margin-left: 0px;
  }
  .ec-file .fileP input{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    width:100%;
    height: 40px;
    cursor: pointer;
  }
  .ec-file .notice{
    font-size: 1rem;
    line-height: 1.71;
    white-space: break-spaces;
  }
  .ec-file .notice font{color: #de5d50}
  .buyoutSec02 .ec-blockBtn--action {
    background: #f38726;
    max-width: 265px;
    line-height: 43px;
    margin: 10px auto;
    font-size: 1.2rem
  }

  .telSec{
    background: #f9d351;
    padding: 23px 0;
    font-size: 1.2rem;
    line-height: 1.25;
    font-weight: bold;
    text-align: center;
  }
  .telSec dl{
    display: block;
  }
  .telSec dt{
    float: none;
    display: block;
    padding:0px 0 10px;
  }
  .telSec .telP01 a{
    font-size: 2.4rem;
    font-weight: 900;
    padding-left: 23px;
    background: url(../img/common/tel.png)no-repeat left center;
    background-size: 18px auto;
    color: #333333;
  }
  .telSec .telP02{
    font-size: 1rem;
  }
  .telSec .telP02 span{display: inline-block;}
  .telSec .telP02 span.red{color: #e8200b;margin: 0 10px;}

  .buyoutSec03{
    padding: 23px 0 15px;
  }
  .buyoutSec03 .noticeP{font-size: 1rem;text-align: right;}
  .buyBox01{margin-left: -7px}
  .buyBox01 .item{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-left: 7px;
    margin-bottom: 20px;
  }
  .buyBox01 dl{
    box-sizing: border-box;
    background: #f6f6f6;
    height: 42px;
    color: #333333;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 4px;
  }
  .buyBox01 dt{
    float: right;
    width: 50px;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 100%;
  }
  .buyBox01 dt img{max-width: 22px;max-height: 26px;}
  .buyBox01 dd{
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 8px;
  }
  .buyBox01 li{
    padding: 3px 0;
  }
  .buyBox01 li a{
    display: inline-block;
    font-size: 1.1rem;
    padding-left: 15px;
    background: url(../img/buyout/arrow01.png)no-repeat left 3px center;
    background-size: 10px auto;
    color: #333333;
  }
  .buyBox01 li a:hover{opacity: .7}

  .buyoutSec04{
    padding: 30px 0;
    background: #faf7ee;
  }
  .buyoutSec04 .boxInner{
    background: #fff;
    padding: 25px 20px 25px;
  }
  .buyFlowUl{
    background: url(../img/buyout/bg_flow01_sp.jpg)no-repeat bottom center #f9ece1;
    background-size: 100% auto;
    padding-top: 5px;
  }
  .buyFlowUl li{
    width: 100%;
    text-align: left;
    padding: 9px 14px 20px!important;
  }
  .buyFlowUl li:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 12px;
    right: 0;
    transform: translate(0%,0px);
    top: auto;
    bottom: 0;
    background: url(../img/index/line_flow_sp.png)no-repeat bottom center;
    background-size: 100% 100%;
  }
  .buyFlowUl li:last-of-type:before{content: none;}
  .buyFlowUl li .point span{
    background: #f38726;
    width: 16px;
    line-height: 16px;
    font-size: 1rem;
    text-align: center;
    margin-right: 5px;
  }
  .buyFlowUl dl{margin-bottom: 5px}
  .buyFlowUl dl br{display: none;}
  .buyFlowUl li .point{display: inline-block;font-size: 0}
  .buyFlowUl li .ttle{
    display: inline-block;
    vertical-align: middle;
    font-size: 1.25rem;
    line-height: 16px;
    height: auto;
    padding-bottom: 0
  }
  .buyFlowUl li .txt{
    line-height: 15px;
  }
  .flowLink{font-size: 1rem}

  .buyoutSec04 .item + .item{margin-top: 35px}
  .hd03{
    font-size: 1.4rem;
    line-height: 1.15;
    font-weight: bold;
    padding: 5px 15px;
    border-radius: 3em;
    background: #f9ece1;
    text-align: center;
  }
  .hd03.tc{text-align: center;}
  .buyoutSec04 .comTxt {
    font-size: 1.2rem;
    line-height: 1.75;
  }
  .buyoutSec04 .hd03.mg01{
    margin: 40px 0 20px;
  }
  .bankImg01{
    text-align: center;
    padding: 15px 0;
  }
  .bankImg02{
    text-align: center;
    padding: 25px 0 12px;
  }
  .comTxt02{
    font-size: 1rem;
  }

  .buyoutSec05{
    padding: 28px 0 10px;
  }
  .buyoutSec05 .topP{
    text-align: center;
    font-size: 1.25rem;
    padding-bottom: 15px;
  }
  .buyoutSec05 .hdM .en,
  .buyoutSec05 .hd02{color: #f38726}
  .buyoutSec05 .hd01:before{background:#f38726 }
  .buyoutSec05 .hd01{font-size: 1.35rem;letter-spacing: 0}
  .buyoutSec05 .hd02{font-size: 1.3rem}
  .buyoutSec05 .comTxt{font-size: 1.2rem;line-height: 1.75}
  .comTxt + .comUl{padding-top: 8px}
  .comUl ul{display: inline-block;vertical-align: top;}
  .comUl ul + ul{margin-left:10px }
  .comUl li{
    font-size: 1.2rem;
    line-height: 21px;
    font-weight: bold;
  }
  .marketWrap .btnP02{padding-bottom: 15px}
}
@media screen and (max-width:374px) {
  .buyoutSec01 .hd,
  .buyUl01 .title{font-size: 1.4rem}
  .hd03{font-size: 1.25rem}
  .buyoutSec05 .topP{font-size: 1.2rem}
  .buyBox01 dl{font-size: 1.1rem}
  .buyUl01 .text{font-size: 1rem}
}

/*rental*/
.rentalTop{
  background: url(../img/rental/top_img.jpg)no-repeat center center;
  background-size: cover;
  height: 680px;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
}
.rentalTop .topP{
  color: #fff;
  font-size: 4.6rem;
  font-weight: bold;
  line-height: 1.65;
  text-shadow: 0px 3px 7px rgba(0,0,0,0.7);
  padding: 95px 0 20px;
}
.rentalTop .boxUl li{
  display: inline-block;
  vertical-align: top;
  background: rgba(255,255,255,0.95);
  border-radius: 10px;
  width: 440px;
  height: 300px;
  box-sizing: border-box;
  padding-top: 40px;
}
.rentalTop .boxUl li + li{margin-left: 40px}
.rentalTop .boxP01{
  font-size: 3.6rem;
  font-weight: 900;
  color: #531c86;
  padding-bottom: 23px;
}
.rentalPoint{
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  margin-right: 12px;
  width: 64px;
  height: 64px;
  background: url(../img/rental/bg_point.png)no-repeat;
  background-size: 100% 100%;
  line-height: 64px;
  color: #fff;
  font-size: 1.4rem;
}
.rentalTop .boxP02{
  color: #531c86;
  font-size: 1.8rem;
  line-height: 1.66;
  padding-bottom: 36px;
}
.rentalTop .boxP03{
  font-size: 1.5rem;
  line-height: 24px;
}
.rentalTop .boxP03.pt{padding-top: 8px}
.rentalTop .boxP03 font{color: #d3163a;font-weight: bold;}
.rentalTop .boxP03 font.big{font-size: 2.4rem}

.rentalWrap .hdM .rentalHd{
  display: inline-block;
  vertical-align: middle;
}
.rentalWrap .hdM .en{color:#531c86 }
.rentalWrap .hdS:before,
.rentalWrap .hd01:before{background: #531c86}
.rentalWrap .hd02{color: #531c86}
.rentalWrap .hd02.big{font-size: 2rem}
.rentalWrap .hd03{background: #eee9f3;}
.rentalSec01{
  padding-top: 70px;
}
.rentalWrap .topP02{
  text-align: center;
  font-size: 1.6rem;
  padding: 0 0 40px;
}
.rentalSec01 .box01{
  background: #f0f0f0;
  border-radius: 5px;
  padding: 44px 15px 30px 60px;
  margin-bottom: 12px;
}
.rentalSec01 .box01 .lf{
  float: left;
  width: 12%;
  margin-right: 5%;
  text-align: center;
}
.rentalSec01 .box01 .lf .name{
  font-size: 1.5rem;
  padding-top: 16px;
}
.rentalSec01 .box01 .rt{
  overflow: hidden;
}
.rentalSec01 #anchor02 {
  padding-top: 70px;
  margin-top: -70px;
}
.rentalSec01 #anchor02 .hd02 {
  padding-top: 30px;
}

.rentalList{
  border-radius: 10px;
  border: 4px solid #eee9f3;
  position: relative;
  padding: 60px 5% 32px;
  margin-top: 100px;
}
.rlPoint{
  position: absolute;
  left: -24px;
  top: -32px;
  z-index: 1;
  background: #531c86;
  color: #fff;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  box-sizing: border-box;
  font-size: 1.6rem;
  font-weight: bold;
  padding-top: 22px;
  text-align: center;
}
.rlPoint .en{
  font-size: 3.6rem;
  line-height: 1.1;
}
.rlHd{
  font-size: 2.6rem;
  padding-bottom: 42px;
  font-weight: bold;
}
.rlBox{
  padding:30px 10px 48px;
  box-sizing: border-box;
  max-width: 1000px;
  margin: 0 auto;
}
.rlUl li{
  float: left;
}
.rlUl li.rlLi01,
.rlUl li.rlLi04{
  width: 19%;
}
.rlUl li.rlLi04 + li.rlLi04{margin-left: 20px}
.rlUl li.rlLi02{
  border-left: 0;
  padding-left: 30px;
  margin-left: 30px;
}
.rlUl li.rlLi03{
  float: none;
  overflow: hidden;
  padding-left: 4%;
}
.rlUl li:last-of-type{
  overflow: hidden;
}
.rlUl .ttle{
  font-size: 1.6rem;
  padding-bottom: 23px;
  font-weight: bold;
}
.rlUl .txt{
  font-size: 1.4rem;
  line-height: 1.71
}
.rlTable{width: 100%}
.rlTable th,
.rlTable td{
  text-align: center;
  vertical-align: middle;
  border: 1px solid #e6e6e6;
  font-size: 1.6rem
}
.rlTable .hid{border: none!important;background: none!important}
.rlTable th{
  background: #f0f0f0;
  font-size: 1.4rem;
  font-weight: normal;
}
.rlTable .tr01 th{height: 40px}
.rlTable .tr02 td{height: 50px;}
.rlTable .tr03 td{height: 80px;}
.rlTable td.td01,
.rlTable td.td02,
.rlTable td.td03{
  font-size: 2.6rem;
  font-weight: bold;
  background: #f6f3f9;
}
.rlTable td.td02{background: #e5dded}
.rlTable td.td03{background: #ddd2e7}
.rentalSec01 .noticeP{
  padding: 25px 30px 0;
}
.rentalWrap .item + .item{padding-top: 70px}
.rentalSec01 .topP03{
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 30px;
  padding-bottom: 50px;
}
.rentalSec01 .hd03.dot{
  padding-left: 45px;
  position: relative;
}
.rentalSec01 .hd03.dot span{font-size: 1.5rem;}
.rentalSec01 .hd03.dot:before{
  content: '';
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #531c86
}
.graph{padding: 25px 0 60px;text-align: center;}
.rentalSec01 .comTxt .bigF{font-size: 1.8rem;line-height: 30px;}

.rentalSec02,
.rentalSec03{padding-top: 70px;}
.rentalSec02 .ulBox{
  max-width: 1070px;
  margin: 0 auto;
  padding-bottom: 20px
}
.rtUl02{margin-left: -13px}
.rtUl02 li{
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding-left: 13px;
  margin-bottom: 25px;
  position: relative;
}
.rtUl02 dl{
  border: 3px solid #ecebeb;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 93px;
  padding-left: 50px;
}
.rtUl02 li:hover > a{
  background: #ecebeb;
}
.rtUl02 dt{
  position: absolute;
  left: 17.6%;
  width: 80px;
  text-align: center;
}
.rtUl02 dt img{max-width: 64px;max-height: 64px}
.rtUl02 a{
  color: #333333;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.33;
  display: block;
}
.comTxt .bold{font-weight: bold;}
.rentalWrap .btnP{padding-top: 33px;}
.rentalWrap .btnP .btnLink01{background-color: #531c86}
.rtFlowUl{
  background: none;
}

.fixRental {
  position: fixed;
  bottom: 10px;
  left: 10px;
  z-index: 998;
  opacity: 0;
  pointer-events: none;
}
.fixRental.active{
  opacity: 1;
  pointer-events: auto;
}
.fixRental.scrollBtm{
  bottom: 60px;
  position: absolute;
}
.fixRental a {
  background-color: #531c86;
  color: #fff !important;
}
@media screen and (max-width: 959px) {
  .fixRental {
    bottom: 19vh;
  }
  .fixRental.scrollBtm{
    bottom: calc(100% + 10px);
    position: absolute;
  }
  .fixRental a {
    width: 240px;
  }
}



@media screen and (max-width: 1160px) {
  .rtFlowUl li .ttle{font-size: 1.4rem}
}
.rtFlowUl li{
  width: 14.28%;
  padding: 18px 24px 15px 12px!important;
  background: url(../img/rental/bg_flow02.jpg)no-repeat right center #eee9f3;
  background-size: auto 100%;
}
.rtFlowUl li:before {
  content: none;
}
.rtFlowUl li .point span{
  background: #531c86;
}
.rtFlowUl li.last,
.rtFlowUl li.last02{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  background: #eee9f3;
}
.rtFlowUl li.last02{
  background: #6d3e98;
  color: #fff;
}
.rtFlowWrap .hd02{padding-bottom: 15px}
.rtFlowRt{padding: 35px 0 11px}
.rtFlowUl li.three{
  width: 42.84%;
  padding:0px!important;
  background:none;
}
.rtFlowBox{
  padding: 18px 24px 15px 12px!important;
  background: url(../img/rental/bg_flow02.jpg)no-repeat right center #eee9f3;
  background-size: auto 100%;
  height: calc(100% - 50px);
  box-sizing: border-box;
}
.rtFlowP{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: calc(100% - 20px);
  height: 36px;
  font-size: 1.6rem;
  color: #fff;
  background: #6d3e98;
  margin-bottom: 14px;
  font-weight: bold;
}
.rtFlowBox .rtFlowP{display: none}
#ac01,#ac02,#ac03,#ac04{
  padding-top: 1px;
  margin-top: -1px;
}
@media screen and (min-width: 960px) {
  #ac01,#ac02,#ac03,#ac04,#buyoutFlow {
    padding-top: 140px;
    margin-top: -140px;
  }
  #rentalFlow {
    padding-top: 210px;
    margin-top: -140px;
  }
}
.rentalSec04{padding: 70px 0 250px;}
@media screen and (max-width: 959px) {
  .rentalTop{
    background: url(../img/rental/top_img_sp.jpg)no-repeat center center;
    background-size: cover;
    height: 440px;
  }
  .rentalTop .topP{
    color: #fff;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.43;
    text-shadow: 0px 3px 7px rgba(0,0,0,0.7);
    padding: 28px 0 12px;
  }
  .rentalTop .boxUl li{
    display: block;
    margin: 0 auto;
    border-radius: 5px;
    width: 100%;
    height: 130px;
    box-sizing: border-box;
    padding-top: 15px;
  }
  .rentalTop .boxUl li + li{margin-left:auto;margin-top: 15px}
  .rentalTop .boxP01{
    font-size: 1.8rem;
    font-weight: 900;
    color: #531c86;
    padding-bottom: 8px;
  }
  .rentalPoint{
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    margin-right: 6px;
    width: 32px;
    height: 32px;
    background: url(../img/rental/bg_point.png)no-repeat;
    background-size: 100% 100%;
    line-height: 32px;
    color: #fff;
    font-size: 0.7rem;
  }
  .rentalTop .boxP02{
    color: #531c86;
    font-size: 1.2rem;
    line-height: 1.5;
    padding-bottom: 6px;
  }
  .rentalTop .boxP03{
    font-size: 0.9rem;
    line-height: 12px;
  }
  .rentalTop .boxP03.pt{padding-top: 2px}
  .rentalTop .boxP03 font{color: #d3163a;font-weight: bold;}
  .rentalTop .boxP03 font.big{font-size:1.5rem}
  .rentalSec01,
  .rentalSec02,
  .rentalSec03{
    padding-top: 35px;
  }
  .rentalWrap .topP02 {
    text-align: center;
    font-size: 1.2rem;
    padding: 0 0 20px;
  }
  .rentalSec01 .box01{
    background: #f0f0f0;
    border-radius: 3px;
    padding: 22px 10px 10px 15px;
    margin-bottom: 12px;
  }
  .rentalSec01 .box01 .lf{
    float: none;
    width: 100%;
    margin-right: 0%;
    text-align: center;
  }
  .rentalSec01 .box01 .lf p{display: inline-block;vertical-align: middle;}
  .rentalSec01 .box01 .lf img{width: 65px;}
  .rentalSec01 .box01 .lf .name{
    font-size: 1.2rem;
    padding: 0 0 10px 12px;
  }
  .rentalSec01 .box01 .rt{
    overflow: hidden;
  }
  .rentalSec01 #anchor02 {
    padding-top: 35px;
    margin-top: -35px;
  }
  .rentalSec01 #anchor02 .hd02 {
    padding-top: 15px;
  }

  .rentalWrap .comTxt{font-size: 1.2rem;line-height: 1.75}
  .rentalWrap .hd02.big{font-size: 1.3rem}
  .rentalList{
    border-radius: 5px;
    border: 2px solid #eee9f3;
    position: relative;
    padding: 30px 5% 0px;
    margin-top: 50px;
  }
  .rlPoint{
    position: absolute;
    left: -12px;
    top: -22px;
    z-index: 1;
    background: #531c86;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    font-size: 0.8rem;
    font-weight: bold;
    padding-top: 11px;
    text-align: center;
  }
  .rlPoint .en{
    font-size: 1.8rem;
    line-height: 1.1;
  }
  .rlHd{
    font-size: 1.5rem;
    padding-bottom: 10px;
    font-weight: bold;
  }
  .rlBox{
    padding:20px 10px 35px;
    box-sizing: border-box;
    max-width: 1000px;
    margin: 0 auto;
  }
  .rlUl li{
    float: left;
  }
  .rlUl li img{width: 95px;}
  .rlUl li.rlLi01{
    width: 100%;
    text-align: center;
  }
  .rlUl li.rlLi04{
    width: calc(33.33% - 6px);
    text-align: center;
  }
  .rlUl li.rlLi04 img{width: 100%}
  .rlUl li.rlLi04 + li.rlLi04{margin-left: 9px}
  .rlUl li.rlLi02{
    border-left: none;
    border-top: 1px dashed;
    padding-left: 0px;
    margin-left: 0px;
    padding-top: 12px;
    margin-top: 15px;
    width: 100%;
  }
  .rlUl li.rlLi03{
    float: none;
    overflow: visible;
    padding-left: 0;
    width: 100%;
    padding-top: 10px;
  }
  .rlUl li:last-of-type{
    overflow: hidden;
  }
  .rlUl .ttle{
    font-size: 1.6rem;
    padding-bottom: 3px;
    font-weight: bold;
  }
  .rlUl .txt{
    font-size: 1.2rem;
    line-height: 1.71
  }
  .rlTable{width: 100%}
  .rlTable th,
  .rlTable td{
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    font-size: 1rem
  }
  .rlTable .hid{border: none!important;background: none!important}
  .rlTable th{
    background: #f0f0f0;
    font-size:0.9rem;
    font-weight: normal;
  }
  .rlTable .tr01 th{height: 20px}
  .rlTable .tr02 td{height: 35px;}
  .rlTable .tr03 td{height: 40px;}
  .rlTable td.td01,
  .rlTable td.td02,
  .rlTable td.td03{
    font-size: 1.3rem;
    font-weight: bold;
    background: #f6f3f9;
  }
  .rlTable td.td02{background: #e5dded}
  .rlTable td.td03{background: #ddd2e7}
  .rentalSec01 .noticeP{
    padding: 10px 0px 0;
  }
  .rentalWrap .item + .item{padding-top: 35px}
  .rentalSec01 .topP03{
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 21px;
    padding-bottom: 25px;
  }
  .rentalSec01 .hd03.dot{
    padding-left: 35px;
    position: relative;
    text-align: left;
  }
  .rentalSec01 .hd03.dot span{font-size: 1rem;display: block;}
  .rentalSec01 .hd03.dot:before{
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #531c86
  }
  .graph{padding: 11px 0 10px;text-align: center;}
  .rentalSec01 .comTxt .bigF{font-size: 1.3rem;line-height: 21px;}

  .rentalSec02 .ulBox{
    max-width: 1070px;
    margin: 0 auto;
    padding-bottom: 5px
  }
  .rtUl02{margin-left: -13px}
  .rtUl02 li{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-left: 13px;
    margin-bottom: 13px;
    position: relative;
  }
  .rtUl02 dl{
    border: 2px solid #ecebeb;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 48px;
    padding-left: 45px;
  }
  .rtUl02 li:hover > a{
    background: #ecebeb;
  }
  .rtUl02 dt{
    position: absolute;
    left: 15%;
    width: 40px;
    text-align: center;
  }
  .rtUl02 dt img{max-width: 32px;max-height: 32px}
  .rtUl02 a{
    color: #333333;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.33;
    display: block;
    text-align: center;
  }
  .rtFlowWrap .hd02{padding-bottom: 0}
  .rtFlowLf,.rtFlowRt{
    float: left;
    width: calc(50% - 8px);
  }
  .rtFlowRt{
    padding:0;
    margin-left: 16px;
  }
  .rtFlowUl li dt{
    float: left;
  }
  .rtFlowUl li .ttle{
    overflow: hidden;
    display: block;
    padding-left: 0;
    text-indent: 0
  }
  .rtFlowUl li{
    padding: 9px 12px 20px!important;
    background: url(../img/rental/bg_flow02_sp.jpg)no-repeat bottom center #eee9f3;
    background-size: 100% auto ;
  }
  .rtFlowUl li:before {
    content: none;
  }
  .flowIt01 { height: 146px; }
  .flowIt02 { height: 115px; }
  .flowIt03 { height: 100px; }
  .flowIt04,.flowIt09 { height: 130px; }
  .flowIt05,.flowIt10 { height: 145px; }
  .flowIt06,.flowIt11 { height: 130px; }
  .flowIt08 { height: 361px; }
  .rtFlowUl li .point span{
    background: #531c86;
  }
  .rtFlowUl li.last,
  .rtFlowUl li.last02{
    border-radius: 10px;
    padding: 0!important;
    height: 75px;
  }
  .rtFlowUl dl br{display: block;}
  .rtFlowUl li .ttle{font-size: 1.25rem}
  .rtFlowUl li.three{
    padding:0px!important;
    background:none;
  }
  .rtFlowBox{
    padding: 9px 12px 20px!important;
    background: url(../img/rental/bg_flow02_sp.jpg)no-repeat bottom center #eee9f3;
    background-size: 100% auto;
    height: 361px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }
  .rtFlowP{
    display: none;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 105px;
    height: 18px;
    font-size: 0.9rem;
    color: #fff;
    background: #6d3e98;
    font-weight: bold;
    margin: 0 auto 5px;
  }
  .rtFlowBox .rtFlowP{display: flex;}

  .rentalSec04{padding:35px 0 10px;}
  .rentalSec04 .hd01{font-size: 1.4rem}
  .rtFlowUl{float: left;width: 100%}
}

@media screen and (max-width: 375px) {
  .rtFlowUl li{padding: 9px 10px 20px!important;}
}
@media screen and (max-width: 359px) {
  .rtFlowUl li{padding: 14px 10px 20px!important;}
  .rentalTop .topP{font-size: 2rem}
  .rlUl .ttle{font-size: 1.4rem}
  .rlUl .txt{font-size: 1.1rem}

}

/*about*/
.aboutWrap .topP{
  text-align: center;
  padding: 42px 0 37px;
  font-size: 1.6rem;
  line-height: 30px;
}
.aboutSec01{
  background: url(../img/about/bg_sec01.jpg)no-repeat center center;
  background-size: cover;
  position: relative;
  padding: 46px 0 30px;
  text-align: center;
}
.aboutSec01 .inner{max-width: 1160px;}
.aboutSec01 .down{
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%,-50%);
  z-index: 1;
  width: 80px;
}
.aboutSec01 .hd{
  font-size: 3.6rem;
  color: #73a82b;
  margin-bottom: 20px;
  font-weight: bold;
}
.aboutSec01 .hd .dotS{color: #f38726}
.aboutSec01 .hd .dotS:before{
  bottom: 105%;
  height: 6px;
  background: url(../img/about/dot03.png)repeat left center;
  background-size: 1em auto;
}
.aboutSec01 li{
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.aboutSec01 li .box{
  max-width: 360px;
  height: 165px;
  margin: 0 auto;
  background: url(../img/about/pao.png)repeat center center;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 25px 0 0;
}
.aboutSec01 .p01{
  font-size: 1.5rem;
  line-height: 20px;
  padding-bottom: 17px;
}
.aboutSec01 .p02{
  font-size: 1.8rem;
  line-height: 24px;
  color: #f38726;
  font-weight: bold;
}
.aboutSec01 .p02.blue{color: #4db3e8}
.aboutSec01 .img{
  padding-top: 5px;
}
.aboutSec01 .p03{margin-top: -2px}
.aboutSec01 .p03 span{
  display: inline-block;
  font-size: 1.5rem;
  color: #fff;
  line-height: 2;
  width: 250px;
  border-radius: 3em;
  background: #f38726;
}
.aboutSec01 .p03.blue span{background:#4db3e8 }

.bankImg{text-align: center;}
.aboutSec02{
  padding: 75px 0;
  text-align: center;
}
.aboutSec02 .p01{
  font-size: 2.6rem;
  padding-bottom: 30px;
}
.aboutSec02 .p01 img{vertical-align: sub;padding: 0 15px}
.aboutSec02 .p02{
  font-size: 1.8rem;
  line-height: 30px;
}
.aboutSec02 .p03{
  padding: 66px 0 74px;
}
.hd03.green{
  background: #73a82b;
}
.aboutSec02 .hd03{
  font-size: 3rem;
  color: #fff;
  margin-bottom: 67px;
}
.aboutSec02 .itmBox{font-size: 0}
.aboutSec02 .itm01{
  display: inline-block;
  vertical-align: top;
  width: 31%;
  max-width: 360px;
  box-sizing: border-box;
  padding: 51px 0 38px;
  background: #f9ece1;
  border-radius: 20px;
  font-size: 1.8rem;
  position: relative;
}
.aboutSec02 .itm01.blue{background: #e8f3f8}
.aboutSec02 .itmP01{
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%,-50%);
  z-index: 1;
  width: 77.78%;
  line-height: 40px;
  border-radius: 3em;
  background: #f38726;
  color: #fff;
}
.aboutSec02 .blue .itmP01{background:#4db3e8 }
.aboutSec02 .itmP01 font{font-size: 2.4rem}
.aboutSec02 .itmP03,
.aboutSec02 .itmP05{
  font-weight: bold;
  color: #f38726;
  font-size: 3.6rem;
  line-height: 1.3;
}
.aboutSec02 .blue .itmP03,
.aboutSec02 .blue .itmP05{color:#4db3e8 }
.aboutSec02 .itmP04{padding-top: 35px;}
.aboutSec02 .itm01 .smFt{font-size: 3rem}
.aboutSec02 .itm01 span{
  background: url(../img/about/bg_ft.png)no-repeat bottom center;
  background-size: 100% 28px;
}
.aboutSec02 .itm02{
  display: inline-block;
  width: 300px;
  margin: 0 40px;
}
.aboutSec02 .itm02.s{display: none;}
.aboutSec02 .itmP06{
  font-size: 1.8rem;
  line-height: 1.4;
  padding: 20px 0 30px;
}
.aboutSec02 .itmP06 span{
  font-weight: bold;
  font-size: 3rem;
}
.aboutSec02 .itmP06 font{
  font-size: 2.4rem;
  font-weight: normal;
}

.aboutSec03{
  background: #faf7ee;
  padding: 70px 0;
  text-align: center;
}
.aboutWrap .hdS:before{background: #73a82b}
.aboutFlex{
  display: flex;
  justify-content: space-between;
}
.aboutFlex.pd{padding: 20px 0px 10px;max-width: 1100px;margin: 0 auto}
.aboutSec03 .p01{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 460px;
  height: 64px;
  background: #fff;
  border-radius: 33px;
  font-size: 1.4rem;
  line-height: 1.25;
}
.aboutSec03 .p01 span{
  display: block;
  font-size: 2.4rem;
  color: #f38726;
  font-weight: bold;
}
.aboutSec03 .rt .p01 span{color: #4db3e8}
.aboutSec03 .p02{
  font-size: 1.6rem;
  padding: 15px 0 41px;
}
.aboutSec03 .p04{
  background: url(../img/about/pao02.png)no-repeat top center;
  background-size: 100% auto;
  width: 170px;
  height: 100px;
  box-sizing: border-box;
  padding-top: 10px;
  font-size: 1.5rem;
  line-height: 20px;
}
.aboutSec03 .rt .p04{
  background: url(../img/about/pao03.png)no-repeat top center;
  background-size: 100% auto;
}
.aboutSec03 .hd03{
  color: #fff;
  font-size: 2.6rem;
}
.hd03.purple{background: #8766a5}
.aboutSec03 .p05{
  padding: 23px 0 57px;
  font-size: 1.6rem;
  line-height: 30px;
}

.aboutSec04{
  padding: 74px 0 0;
  text-align: center;
}
.aboutSec04 .p01{
  font-size: 1.6rem;
  line-height: 30px;
  padding-bottom: 70px;
}
.aboutSec04 li{
  float: left;
  width: 16.66%;
  box-sizing: border-box;
  margin-bottom: 85px;
}
.aboutSec04 li .img{
  display: flex;
  justify-content: center;
  align-items: center;
}
.aboutSec04 li .name{
  padding-top: 15px;
  font-size: 1.6rem;
  font-weight: bold;
}

.aboutSec05 .hd03{margin-bottom: 30px}
.aboutSec05 .p01{
  font-size: 1.6rem;
  line-height: 30px;
  text-align: center;
  padding-bottom: 33px;
}
.aboutSec05 .box01{
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
}
.aboutSec05 .p02{
  font-size: 1.6rem;
  padding-bottom: 10px;
}
.aboutSec05 .tbBox{
  position: relative;
  width: 76%;
  max-width: 880px;
}
.aboutSec05 .p03{
  position: absolute;
  left: calc(100% + 9px);
  bottom: 20px;
  z-index: 1;
  width: 150px;
}
.aboutSec05 .p05{
  position: absolute;
  left: calc(100% + 9px);
  top: 45px;
  z-index: 1;
  background: #faf7ee;
  border-radius: 20px;
  padding: 15px;
  font-size: 1.5rem;
  line-height: 24px;
  white-space: nowrap;
}
.aboutSec05 .p05 .s01{color: #f38726}
.aboutSec05 .p05 .s02{color: #73a82b}
.aboutSec05 .p05 .f01{font-size: 1.4rem;font-weight: bold;}
.aboutSec05 .p05 .f02{font-size: 2.0rem;font-weight: bold;}
.aboutTable02{display: none;}
.aboutTable01{
  width: 100%;
  text-align: center;
}
.aboutTable01 th,
.aboutTable01 td{
  font-size: 1.6rem;
  height: 60px;
  border: 1px solid #d9d7d7;
  padding: 0 13px;
  border-left: none;
  font-weight: normal;
}
.aboutTable01 th{text-align: left;}
.aboutTable01 .tr01 th{
  height: 250px;
}
.aboutTable01 td:last-of-type{border-right: none;}
.aboutTable01 .tbTh{
  position: relative;
  background: url(../img/about/bg_th.png)no-repeat;
  background-size: 100% 100%;
}
.aboutTable01 .tbTh .rt{
  position: absolute;
  top: 55px;
  right: 42px;
}
.aboutTable01 .tbTh .lf{
  position: absolute;
  bottom: 85px;
  left: 13px;
}
.aboutTable01 .img{
  margin:25px 0 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aboutTable01 .tr03{background: #f9ece1}
.aboutTable01 .tr04{background: #e8f2d9}
.aboutSec05 .noticeP{
  padding: 8px 0 30px;
  font-size: 1.4rem;
}
.aboutSec05 .p06{padding-bottom: 80px}
.aboutSec05 .box02{text-align: center;}
.aboutSec05 .box02 .lf{
  float: left;
  width: 65%;
}
.aboutSec05 .box02 .rt{
  float: right;
  width: 31.66%;
}
.aboutSec05 .btnP{padding: 80px 0 100px}

.aboutSec06{
  background: #faf7ee;
  padding: 75px 0 15px;
}
.aboutItem{
  background: #fff;
  position: relative;
  border-radius: 5px;
  padding: 55px 5%;
  margin-bottom: 75px
}
.aboutItem .rlPoint{
  background: #73a82b
}
.aboutItem .lf{
  float: left;
  width: 50%;
}
.aboutItem .lf.nof{
  float: none;
  width: auto;
  margin-bottom: 23px;
}
.aboutItem .rt{overflow: hidden;}
.aboutItem .hd{
  font-size: 2.6rem;
  padding-bottom: 30px;
  font-weight: bold;
}
.aboutItem .box01{
  float: left;
  border:1px solid #8da9b6;
  padding: 15px 20px 8px;
  width: 360px;
}
.aboutItem .box01 .title01{
  font-size: 1.6rem;
  line-height: 1.5;
  padding-bottom: 30px;
  font-weight: bold;
  text-align: center;
}
.aboutItem .box01 li,
.aboutItem .box02 li{
  display: flex;
  font-size: 1.4rem;
  justify-content: space-between;
  margin-bottom: 9px;
}
.aboutItem .box02 li.bold{font-weight: bold;}
.aboutItem .box02{
  float: left;
  background: #f4f4f4;
  padding: 20px 20px 15px;
  width: 300px;
  margin-left: 20px;
  position: relative;
}
.aboutItem .box02 ul{padding-bottom: 10px;min-height: 90px}
.aboutItem .box02 .title02{
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  color: #fff;
  background: #61696c;
  margin-bottom: 14px;
}
.aboutItem .box02.blue .title02{background: #73a82b}
.aboutItem .box02 .result{
  display: flex;
  font-size: 1.8rem;
  font-weight: bold;
  justify-content: space-between;
  padding-top: 11px;
  border-top: 2px solid #61696c;
}
.aboutItem .box02.blue .result{color: #f38726}
.aboutItem .box02 .result font{font-size: 1.6rem}
.abitm01 .rt,
.abitm04 .rt{
  display: flex;
  justify-content: space-between;
}
.abitm02 .hd{white-space: nowrap;}
.abitm02 .lf,
.abitm03 .lf{
  width: 420px;
  margin-right: 5%;
}
.abitm02 .rt,
.abitm03 .rt{padding-top: 25px}
.abitm04 .lf{width: 395px;margin-right: 20px}
.abitm04 .rt{
  padding-top: 75px;
  overflow: visible;
}
.abitm04 .box02{font-weight: bold;}
.abitm04 .box02 .result{
  text-align: right;
  line-height: 1.3;
}
.abitm04 .box02 .result font{
  display: block;
  font-weight: normal;
  font-size: 1.4rem
}
.abitm04 .box02.blue .result{color: currentColor;}
.aboutItem .boxPao{
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  height: 99px;
  background: url(../img/about/boxpao.png)no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 27px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
}
.aboutItem .boxPao span{color: #f38726}
.aboutItem .boxPao .f01{font-size: 2.4rem}
.aboutItem .boxPao .f02{font-size: 1.8rem}
@media screen and (max-width: 1200px) {
  .abitm02 .lf,
  .abitm03 .lf{
    width: 380px;
    margin-right: 20px;
  }
  .abitm02 .rt,
  .abitm03 .rt{padding-top: 35px}
  .abitm04 .lf{width: 350px;margin-right: 0px}
  .abitm04 .rt{
    padding-top: 75px;
    overflow: visible;
  }
  .aboutItem{padding: 55px 3%}
  .aboutItem .rlPoint{left: -18px;top: -43px}
  .aboutSec05 .hd03{font-size: 1.8rem}
  .aboutSec02 .itm02{margin: 0 20px}

}
@media screen and (max-width: 959px) {
  .aboutWrap .topP{
    text-align: left;
    padding: 15px 0 20px;
    font-size: 1.2rem;
    line-height: 21px;
  }
  .aboutSec01{
    background: url(../img/about/bg_sec01.jpg)no-repeat center center;
    background-size: cover;
    position: relative;
    padding: 23px 0 15px;
    text-align: center;
  }
  .aboutSec01 .inner{max-width: 500px;padding: 0}
  .aboutSec01 .down{
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%,-50%);
    z-index: 1;
    width: 40px;
  }
  .aboutSec01 .hd{
    font-size: 1.75rem;
    color: #73a82b;
    margin-bottom: 10px;
    font-weight: bold;
  }
  .aboutSec01 .hd .dotS{color: #f38726}
  .aboutSec01 .hd .dotS:before{
    bottom: 105%;
    height: 3px;
    background: url(../img/about/dot03.png)repeat left center;
    background-size: 1em auto;
  }
  .aboutSec01 li{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 10px;
  }
  .aboutSec01 li .box{
    max-width: 170px;
    height: auto;
    min-height: 12em;
    /*height: 83px;*/
    margin: 0 auto;
    background: url(../img/about/pao.png)repeat center center;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 12px 5px 20px;
  }
  .aboutSec01 .p01{
    font-size: 1rem;
    line-height: 1.6;
    padding-bottom: 8px;
  }
  .aboutSec01 .p02{
    font-size: 1.2rem;
    line-height: 1.4;
    color: #f38726;
    font-weight: bold;
  }
  .aboutSec01 .p02.blue{color: #4db3e8}
  .aboutSec01 .img{
    padding-top: 3px;
  }
  .aboutSec01 .img img{height: 90px}
  .aboutSec01 .p03{margin-top: -4px}
  .aboutSec01 .p03 span{
    display: inline-block;
    font-size: 1rem;
    color: #fff;
    line-height: 2;
    /*width: 125px;*/
    width: 16em;
    border-radius: 3em;
    background: #f38726;
  }
  .aboutSec01 .p03.blue span{background:#4db3e8 }

  .aboutSec02{
    padding: 37px 0;
    text-align: center;
  }
  .aboutSec02 .p01{
    font-size: 1.3rem;
    padding-bottom: 15px;
  }
  .aboutSec02 .p01 img{display: block; padding: 5px 0;margin: 0 auto;width: 135px}
  .aboutSec02 .p02{
    font-size: 1.2rem;
    line-height: 15px;
  }
  .aboutSec02 .p03{
    padding: 33px 0 62px;
  }
  .hd03.green{
    background: #73a82b;
  }
  .aboutSec02 .hd03{
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 20px;
  }
  .aboutSec02 .itmBox{font-size: 0}
  .aboutSec02 .itm01{
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 3px);
    max-width: none;
    box-sizing: border-box;
    padding: 25px 0 19px;
    background: #f9ece1;
    border-radius: 10px;
    font-size: 0.9rem;
    position: relative;
  }
  .aboutSec02 .itm01.blue{background: #e8f3f8;margin-left: 6px;}
  .aboutSec02 .itmP01{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
    z-index: 1;
    width: 77.78%;
    line-height: 20px;
    border-radius: 3em;
    background: #f38726;
    color: #fff;
  }
  .aboutSec02 .blue .itmP01{background:#4db3e8 }
  .aboutSec02 .itmP01 font{font-size: 1.2rem}
  .aboutSec02 .itmP03,
  .aboutSec02 .itmP05{
    font-weight: bold;
    color: #f38726;
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .aboutSec02 .blue .itmP03,
  .aboutSec02 .blue .itmP05{color:#4db3e8 }
  .aboutSec02 .itmP04{padding-top: 18px;}
  .aboutSec02 .itm01 .smFt{font-size: 1.5rem}
  .aboutSec02 .itm01 span{
    background: url(../img/about/bg_ft.png)no-repeat bottom center;
    background-size: 100% 14px;
  }
  .aboutSec02 .itm02{
    display: block;
    width: 100%;
    margin: 0;
  }
  .aboutSec02 .itm02.s{display: block;}
  .aboutSec02 .itm02.p{display: none;}
  .aboutSec02 .itmP06{
    font-size: 1.2rem;
    line-height: 1.4;
    padding: 30px 0 15px;
  }
  .aboutSec02 .itmP06 span{
    font-weight: bold;
    font-size: 1.8rem;
  }
  .aboutSec02 .itmP06 font{
    font-size: 1.5rem;
    font-weight: normal;
  }
  .aboutSec02 .itmP07 img{width: 90px}

  .aboutSec03{
    background: #faf7ee;
    padding: 35px 0;
    text-align: center;
  }
  .aboutWrap .hdS:before{background: #73a82b}
  .aboutFlex{
    display: flex;
    justify-content: space-between;
  }
  .aboutFlex .flexItem01.rt{margin-left: 10px}
  .aboutFlex.pd{padding: 10px 0px 5px;}
  .aboutSec03 .p01{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 32px;
    background: #fff;
    border-radius: 16px;
    font-size: 0.7rem;
    line-height: 1.25;
  }
  .aboutSec03 .p01 span{
    display: block;
    font-size: 1.2rem;
    color: #f38726;
    font-weight: bold;
  }
  .aboutSec03 .p02{
    font-size: 0.9rem;
    padding: 7px 0 20px;
  }
  .aboutSec03 .p04{
    background: url(../img/about/pao02.png)no-repeat top center;
    background-size: 100% auto;
    width: 85px;
    height: 50px;
    box-sizing: border-box;
    padding-top: 5px;
    font-size: 0.8rem;
    line-height: 10px;
  }
  .aboutSec03 .rt .p04{
    background: url(../img/about/pao03.png)no-repeat top center;
    background-size: 100% auto;
  }
  .aboutSec03 .hd03{
    color: #fff;
    font-size: 1.3rem;
  }
  .hd03.purple{background: #8766a5}
  .aboutSec03 .p05{
    padding: 12px 0 15px;
    font-size: 1.2rem;
    line-height: 21px;
    text-align: left;
  }
  .aboutSec04{
    padding: 30px 0;
    text-align: center;
  }
  .aboutSec04 .p01{
    font-size: 1.2rem;
    line-height: 21px;
    padding-bottom: 30px;
  }
  .aboutSec04 li{
    float: left;
    width: 25%;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
  .aboutSec04 li .img{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .aboutSec04 li .img img{max-width: 64px;max-height: 64px}
  .aboutSec04 li .name{
    padding-top: 7px;
    font-size: 0.7rem;
    font-weight: bold;
  }

  .aboutSec05 .hd03{margin-bottom: 15px;font-size: 1.4rem}
  .aboutSec05 .p01{
    font-size: 1.2rem;
    line-height: 21px;
    text-align: center;
    padding-bottom: 16px;
  }
  .aboutSec05 .box01{
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
  }
  .aboutSec05 .p02{
    font-size: 1.2rem;
    padding-bottom: 20px;
  }
  .aboutSec05 .tbBox{
    position: relative;
    width: 100%;
    max-width: none;
  }
  .aboutSec05 .p03{
    display: none;
  }
  .aboutSec05 .p05{
    position: static;
    background: #faf7ee;
    border-radius: 10px;
    padding: 8px;
    font-size: 1.2rem;
    line-height: 18px;
    white-space: nowrap;
    text-align: center;
  }
  .aboutSec05 .p05 .s01{color: #f38726}
  .aboutSec05 .p05 .s02{color: #73a82b}
  .aboutSec05 .p05 .f01{font-size: 1.3rem;font-weight: bold;}
  .aboutSec05 .p05 .f02{font-size: 1.5rem;font-weight: bold;}
  .aboutTable01{display: none;}
  .aboutTable02{
    width: 100%;
    text-align: center;
    display: table;
  }
  .aboutTable02 th,
  .aboutTable02 td{
    font-size: 1.1rem;
    line-height: 1.1;
    height: 110px;
    border: 1px solid #d9d7d7;
    padding: 0px;
    font-weight: normal;
  }
  .aboutTable02 .tr01 th,
  .aboutTable02 .tr02 td{
    height: 35px;
  }
  .aboutTable02 .img{
    margin:5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .aboutTable02 .img img{max-width: 64px;max-height: 64px}
  .aboutTable02 .tr03{background: #f9ece1}
  .aboutTable02 .tr04{background: #e8f2d9}
  .aboutTable02 td span{
    border-radius: 50%;
    background: #f38726;
    color: #fff;
    font-size: 0.7rem;
    display: inline-block;
    margin-left: 3px;
    width: 23px;
    line-height: 23px;
    text-align: center;
    /*position: relative;
		top: -2px;*/
  }
  .aboutTable02 td span.s02{
    width: 28px;
    line-height: 28px;
    background: #73a82b
  }
  .aboutTable02 td span font{font-size: 0.8rem;}
  .aboutSec05 .noticeP{
    padding: 8px 0 15px;
    font-size: 1rem;
  }
  .aboutSec05 .p06{padding:18px 0 40px;font-size: 1.2rem}
  .aboutSec05 .box02{text-align: center;}
  .aboutSec05 .box02 .lf{
    float: none;
    width: auto;
    padding-bottom: 35px;
  }
  .aboutSec05 .box02 .rt{
    float: none;
    width: auto;
    padding-bottom: 30px;
  }
  .aboutSec05 .btnP{
    padding: 0 0 50px;
  }

  .aboutSec06{
    background: #faf7ee;
    padding: 35px 0 8px;
  }
  .aboutItem{
    background: #fff;
    position: relative;
    border-radius: 5px;
    padding: 30px 14px;
    margin-bottom: 50px
  }
  .aboutItem .rlPoint{
    background: #73a82b
  }
  .aboutItem .lf{
    float: none;
    width: auto;
    margin-bottom: 25px;
  }
  .aboutItem .lf.nof{
    float: none;
    width: auto;
    margin-bottom: 25px;
  }
  .aboutItem .rt{overflow: hidden;}
  .aboutItem .hd{
    font-size: 1.5rem;
    padding-bottom: 15px;
    font-weight: bold;
  }
  .aboutItem .box01{
    float: none;
    border:1px solid #8da9b6;
    padding: 7px 15px 8px;
    width: auto;
  }
  .aboutItem .box01 .title01{
    font-size: 1.2rem;
    line-height: 1.5;
    padding-bottom: 10px;
    font-weight: bold;
    text-align: center;
  }
  .aboutItem .box01 li,
  .aboutItem .box02 li{
    display: flex;
    font-size: 1.1rem;
    justify-content: space-between;
    margin-bottom: 4px;
  }
  .aboutItem .box02 li.bold{font-weight: bold;}
  .aboutItem .box02{
    float: none;
    background: #f4f4f4;
    padding: 10px 15px 7px;
    width: auto;
    margin-left: 0px;
    margin-top: 10px;
    position: relative;
  }
  .aboutItem .box02 ul{padding-bottom: 4px;min-height: auto}
  .aboutItem .box02 .title02{
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    color: #fff;
    background: #61696c;
    margin-bottom: 6px;
  }
  .aboutItem .box02.blue .title02{background: #73a82b}
  .aboutItem .box02 .result{
    display: flex;
    font-size: 1.2rem;
    font-weight: bold;
    justify-content: space-between;
    padding-top: 6px;
    border-top: 1px solid #61696c;
  }
  .aboutItem .box02.blue .result{color: #f38726}
  .aboutItem .box02 .result font{font-size: 0.9rem}
  .abitm01 .rt,
  .abitm04 .rt{
    display: block;
  }
  .abitm02 .hd{white-space: normal;}
  .abitm02 .lf,
  .abitm03 .lf{
    width: auto;
    margin-right: 0%;
  }
  .abitm02 .rt,
  .abitm03 .rt{padding-top: 0px}
  .abitm04 .lf{width: auto;margin-right: 0px}
  .abitm04 .rt{
    padding-top: 0px;
    overflow: visible;
  }
  .abitm04 .box02{font-weight: bold;width: calc(100% - 100px)}
  .abitm04 .box02 .result{
    text-align: right;
    line-height: 1.3;
  }
  .abitm04 .box02 .result font{
    display: block;
    font-weight: normal;
    font-size: 0.9rem
  }
  .abitm04 .box02.blue .result{color: currentColor;}
  .aboutItem .boxPao{
    position: absolute;
    top: auto;
    bottom: 0;
    left: calc(100% + 5px);
    width: 93px;
    height: 60px;
    background: url(../img/about/boxpao_sp.png)no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: 8px;
    padding-left: 10px;
    font-size: 0.8rem;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
  }
  .aboutItem .boxPao span{color: #f38726}
  .aboutItem .boxPao .f01{font-size: 1.4rem}
  .aboutItem .boxPao .f02{font-size: 0.9rem}
  .aboutItem .boxPao .f03{font-size: 1.2rem}
  .aboutItem .rlPoint{left: -10px;top: -22px}
  .aboutItem .comTxt{font-size: 1.2rem}
  .aboutItem .smImg{text-align: center;}
  .aboutItem .smImg img{width: 220px}
}
@media screen and (max-width: 374px) {
  .aboutItem .boxPao{width: 70px;padding-left: 5px}
  .abitm04 .box02{width: calc(100% - 75px)}
  .aboutItem.abitm04 .box02 li{font-size: 1rem}
  .aboutSec05 .hd03{font-size: 1.3rem}
  .aboutSec04 .p01,
  .aboutSec03 .p01 span{font-size: 0.95rem}
  .aboutSec02 .itmP03,
  .aboutSec02 .itmP05{font-size: 1.6rem}
  .aboutSec01 li{padding: 0 4px;}
  .aboutSec01 .p01{font-size: 1rem}
  .aboutSec01 .p02,
  .aboutSec02 .p02{font-size: 1.2rem;}
  .aboutSec03 .p02{font-size: 0.8rem}
  .aboutSec03 .hd03{font-size: 1.1rem}
  .aboutSec01 .hd{font-size: 1.65rem}
}
.error {
  color: #DE5D50;
}
.mtop {
  margin-top: -15px !important;
}
@media screen and (max-width: 959px){
  .mtop {
    margin-top: -10px !important;
  }
}

/* modal window */
.modal{
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.modal__bg{
  background: rgba(0,0,0,0.8);
  height: 100vh;
  position: fixed;
  width: 100%;
  z-index: 999;
  text-indent: -9999px;
}
.modal__content{
  background: #fff;
  left: 50%;
  padding: 40px;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 1000;
}
a.js-modal-close {
  position: absolute;
  right: 15px;
  top: 15px;
}

.modal .guideBox01 {
  padding: 20px 0 0;
}
.modal .guideDl01 {
  width: 49%;
}
.modal .guideDl01 dt {
  padding: 0 10px 0 0;
}
.modal .guideDl01:nth-child(2) {
  margin-left: 2%;
}
@media screen and (max-width: 959px){
  .modal__content {
    padding: 40px 20px 30px;
    width: 80%;
    height: 80vh;
    overflow: auto;
  }
  .modal .guideDl01 {
    width: 100%;
  }
  .modal .guideDl01 dt {
    padding: 0 0 15px;
  }
}

/* cartFlow */
.cartFlow_note {
  margin: 30px auto;
}
.cartFlow_note dl + dl {
  margin-top: 30px;
}
.cartFlow_note dt {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2;
}
.cartFlow_note .comTxt {
  letter-spacing: 0;
}
.cartFlowImg {
  margin: 10px auto;
}
@media screen and (max-width: 959px){
  .cartFlow_note dt {
    font-size: 1.4rem;
  }
}

/* sitemap */
#page_sitemap {
  margin-bottom: 50px;
}
#page_sitemap .sitemapList li {
  margin-bottom: 5px;
}
#page_sitemap .sitemapList li::before {
  content: '└';
  padding-right: 5px;
}
#page_sitemap .sitemapList a {
  color: #2f2410;
}
#page_sitemap .sitemapList a:hover {
  text-decoration: underline;
}

/* page_rental_contact */
#page_rental_contact .ec-off1Grid__cell {
  margin-bottom: 50px;
}
#page_rental_contact .ec-RegisterRole__actions .ec-off4Grid__cell {
  width: 100%;
  margin: 0 auto;
}
#page_rental_contact .ec-RegisterRole__actions .ec-off4Grid__cell .ec-blockBtn--action,
#page_rental_contact .ec-RegisterRole__actions .ec-off4Grid__cell .ec-blockBtn--cancel {
  max-width: 33.33%;
  margin: 0 auto 10px;
}
#page_rental_contact .ec-halfInput #contact_quantity,
#page_rental_contact .ec-halfInput #contact_quantity_link,
#page_rental_contact .ec-halfInput #contact_quantity_unit,
#page_rental_contact .ec-halfInput #contact_rental_period {
  width: 20%;
}
#page_rental_contact .ec-halfInput input[type='text'] {
  width: 48%;
}
#page_rental_contact .ec-borderedDefs dd {
  padding-bottom: 10px;
}
@media screen and (max-width: 959px){
  #page_rental_contact .ec-off1Grid__cell {
    margin-bottom: 0;
  }
  #page_rental_contact .ec-RegisterRole__actions .ec-off4Grid__cell .ec-blockBtn--action,
  #page_rental_contact .ec-RegisterRole__actions .ec-off4Grid__cell .ec-blockBtn--cancel {
    max-width: 100%;
  }
}


/* QdProductList */
#qd_list .qd_Tit {
  font-size: 1.4rem;
}
#qd_list .qd_Tit + .qd-Table {
  margin-top: 7px;
}
@media screen and (max-width: 959px) {
  #qd_list .qd_Tit {
    font-size: 1.1rem;
  }
}

.span_tax {
  font-size: 13px !important;
  color: #333333 !important;
  min-width: 0px !important;
}
.span_tax_color {
  color: #d3163a !important;
  font-size: 20px !important;
}
.no_tax {
  font-size: 1.2rem !important;
  color: #333333 !important;
}
.span_price_inline {
  display: initial !important;
  font-size: 1.8rem !important;
}
.span_bold {
  font-weight: bold;
}
.span_back {
  color: #333333 !important;
}
.span_price02_min {
  font-size: 13px !important;
  color: #333333 !important;
  font-weight: bold;
}
.span_no_bold {
  font-size: 1.2rem !important;
  font-weight: 500 !important;
}
.thousandPack .title {
  font-size: 6rem;
  text-shadow: 0 0 10px rgb(115 115 115);
  background-size: cover;
}
.thousandPackWrap .hd02 {
  color: #f38726;
}
.thousandPackWrap .hd01:before {
  background: #f38726;
}
.text-left-im {
  text-align: left !important;
}
.pack-title {
  text-align: center;
  font-size: 2.6rem;
  padding-bottom: 11px;
  font-weight: bold;
  position: relative;
  margin-bottom: 40px;
}
.pack-title:before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 100px;
  height: 3px;
  z-index: 2;
  background: #f38726;
}
.pack-title.no-before:before {
  content: unset !important;
}
.content1 {
  margin-top: 25px;
}
table.table-effect {
  border: none;
  /*border-collapse: unset !important;*/
}
table.table-effect thead {
  color: #fff !important;
}
table.table-effect td.gray-bg {
  background-color: #757575;
}
table.table-effect td.green-bg {
  background-color: #35A318;
}

table.table-effect td {
  border-top: none !important;
}

table.table-effect tfoot>tr>td {
  border-top: 4px double !important;
  font-weight: bold;
}
.transfer {
  position: absolute;
  right: -10px;
  top: 10px;
  color: #903D40;
  font-size: 20px;
}
.position-relative {
  position: relative;
}
.main-number-effect {
  font-size: 2rem;
  color: #903D40;
  font-weight: bold;
}
@media screen and (min-width: 900px) {
  .effect-explain-area {
    position: relative;
    width: 100%;
    min-height: 200px;
    font-size: 1.8rem;
    padding-top: 40px;
  }
  .effect-explain-text {
    position: absolute;
    top: 130px;
    left: 25%;
    padding: 10px;
    text-align: center;
  }
  .effect-explain-image {
    position: absolute;
    top: 53px;
    margin: 0 auto;
    left: 4%;
    background: url(/html/template/matebank/assets/project/img/thousand_package/highlight.png)no-repeat bottom center;
    width: 330px;
    height: 265px;
    background-size: cover;
  }
  .position-relative {
    position: relative;
  }
  .middle-row {
    margin-top: 80px !important;
  }
  td.td-number-2 {
    width: 555px;
  }
}
@media screen and (max-width: 800px) {
  .anhtt-td-highlight-gray, .anhtt-td-highlight {
    font-size: 18px !important;
  }
  .highlight-td-number-gray, .highlight-td-number {
    font-size: 20px !important;
  }
  .table.table-effect > tbody > tr > td {
    font-size: 16px !important;
  }
  .effect-explain-area {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
  }
  .effect-explain-text {
  }

  .content1 .markeTable td span {
    font-size: 1.2rem !important;
  }
  .content1 .markeTable td {
    text-align: left;
  }
  td.td-number-2 {
    width: 33% !important;
  }
  .markeTable.product-tb .td-img {
    width: 33% !important;
  }
  .pack-title {
    font-size: 1.5rem !important;
  }
  .thousandPackWrap p.comTxt {
    font-size: 1.2rem !important;
  }
  .noticeP-pack {
    font-size: 1rem !important;
  }
  .markeTable2 td .header-td1 {
    font-size: 1.5rem !important;
  }
  .markeTable2 td .header-td3 {
    font-size: 1.5rem !important;
  }
  .markeTable2 td .header-td4 {
    font-size: 1.5rem !important;
  }
  .header-td2 {
    font-size: 1.5rem !important;
  }
  .bg-img-unset {
    /* background-image: unset !important; */
    /* height: 60px !important; */
    /* padding-right: 15px !important; */
    width: 95%;
    font-size: 1rem;
    padding: 5px;
    height: unset !important;
    background-image: unset;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    display: inline-block;
  }
}
.img-full-width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
}
.purple-btn {
  background-color: #29018f;
}
.m-t-15 {
  margin-top: 15px !important;
}
.bg-img-unset {
  height: 50px;
  padding-right: 0 !important;
  margin: 0 auto;

}
.p-l-15 {
  padding-left: 15px !important;
}
.markeTable.product-tb .td-img {
  background-color: #FFEAC9;
  width: 250px;
}
.form-iframe iframe {
  width: 100%;
  height: 790px;
}
body.thousand-package .ec-layoutRole__contents {
  max-width: none !important;
}
body.thousand-package .ec-layoutRole__main {
  margin-top: 0 !important;
}
body.thousand-package .content1.inner {
  max-width: 1240px !important;
}
body.thousand-package .buyoutSec02 {
  margin-top: 0;
  padding: 140px 0 60px;
}
body.thousand-package .ec-halfInput input[type='text'] {
  margin-left: calc(2% - 5px);
}
body.thousand-package .ec-halfInput input[type='text']:first-child {
  margin-left: 0;
}
.thousandPack {
  background: url(/html/template/matebank/assets/project/img/thousand_package/banner.jpeg)no-repeat bottom 40% center;
  background-size: cover !important;
}
.table-box {
  padding-left: 15px;
  padding-right: 15px;
}
.content1 .markeTable td span {
  font-size: 1.6rem;
}
.content1 .markeTable td {
  text-align: left;
}
.noticeP-pack {
  padding-top: 7px;
  font-size: 1.4rem;
}
.thousandPackWrap p.comTxt  {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: unset;
}
.markeTable2 th{
  background-color: #595959;
  color: #fff;
  text-align: center;
  padding: 10px;
}
.markeTable2 a.btn-custom{
  background-color: #f38726;
  background-image: unset;
  margin-bottom: 15px;
  width: 200px;
}
.markeTable2 a.btn-custom2{
  background-color: #29018f;
  background-image: unset;
  width: 200px;
}
.markeTable2 td.td-action {
  width: 220px;
  padding-left: unset;
}
.markeTable2 td {
  padding-left: 5px;
}
.markeTable2 td .header-td1 {
  font-size: 20px;
  font-weight: bold;
  color: #008679;
}
.markeTable2 td .header-td3 {
  font-size: 20px;
  font-weight: bold;
  color: #0048ba;
}
.markeTable2 td .header-td4 {
  font-size: 20px;
  font-weight: bold;
  color: #803618;
}
.markeTable2 td .header-td2 {
  font-size: 20px;
  font-weight: bold;
}
.text-bold {
  font-weight: bold;
  font-size: 20px;
}
span.font-weight-normal {
  font-weight: normal;
}
.markeTable2.sp td {
  text-align: center;
}

.markeTable2.sp td.td-img {
  width: 120px;
}
.markeTable2.pc{
  border-collapse: separate;
  border: 0;
}
.m-w-60 {
  width: 60px;
}
.text-bold-mobile {
  font-weight: bold;
}
.thousandPackWrap .hd03 {
  font-size: 2rem;
  color: #fff;
  margin-bottom: 67px !important;
  text-align: center;
}
.product-tb.table-bordered.pc tbody tr{
  /*border-top: 1px solid #ddd;*/
}
.product-tb.table-bordered.pc tbody tr td{
  border: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  /*border-bottom: 1px solid #ddd;*/
}
.group-tr {
  background-color: #e0e0e0;
  border-bottom: 1px solid #ddd;
}
.anhtt-highlight-td {
  border-left: solid 5px #35A318 !important;
  border-right: solid 5px #35A318 !important;
}
.color-red {
  color: red !important;
}
@media screen and (max-width: 959px) {
  .markeTable2.sp {
    display: table !important;
    width: 100%;
  }
  .m-t-35-mb {
    margin-top: 35px !important;
  }
  .m-b-20-mb {
    margin-bottom: 20px;
  }
}
.m-t-100 {
  margin-top: 100px;
}
.anhtt-td-highlight {
  color: #fff;
  padding-top: 15px;
  width: 100px;
  text-align: center;
  margin: 0px auto;
  background-color: #35A318;
  height: 60px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  min-width: 50%;
  font-size: 2.5rem;
  font-weight: bold;
}
.anhtt-td-highlight-gray{
  color: #fff;
  padding-top: 15px;
  width: 100px;
  text-align: center;
  margin: 0px auto;
  background-color: #757575;
  height: 60px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  min-width: 50%;
  font-size: 2.5rem;
  font-weight: bold;
}
.table.table-effect > tbody > tr > td{
  font-weight: bold;
  font-size: 1.8rem;
}
.highlight-td-number {
  font-size: 2.5rem; font-weight: bold; background-color: #35A318; color: #fff; height: 65px; vertical-align: middle !important;
}

.highlight-td-number-gray {
  font-size: 2.5rem; font-weight: bold; background-color: #757575; color: #fff; height: 65px; vertical-align: middle !important;
}
.banner-lp-1000, .banner-lp-1000 img {
  width: 100%;
  height: auto;
}
.banner-lp-1000-last {
  padding-bottom: 60px;
}
.li-lp-1000 a {
  background: unset !important;
  width: 100%;
  padding: 0 !important;
}
.li-lp-1000 img {
  width: 100%;
}
@media screen and (max-width: 959px) {
  #quantitySearch, #priceSearch {
    margin-top: 15px;
  }
}
.inline-text {
  width: 155px;
  display: inline-block;
}

#class_name_single_wrap {
  display: none;
}
.recommend-anhtt {
  font-size: 12px;
  font-weight: bold;
  color: #D3163A;
}
.recommend-anhtt2 {
  font-weight: bold;
  color: #D3163A;
}
.ldtFlex.recommend.pc {
  display: flex !important;
}
@media screen and (max-width: 959px)
{
  .recommend-anhtt2 {
    font-size: 14px;
  }

  .recommend-anhtt {
    font-size: 9px;
  }
  .align-right-sp {
    text-align: right !important;
  }
  #class_name_single_wrap {
    margin-top: 9px;
    padding-left: 0;
    line-height: 20px;
  }
  .inline-text {
    width: 80%;
  }
}
.dailyWrap-bd-none {
  border-top: none !important;
}
#class_name_single_wrap input[type="checkbox"] + label{
  background: url(../img/common/checkbox_white.jpg)no-repeat left top ;
}
#class_name_single_wrap input[type="checkbox"]:checked + label {
  background: url(../img/common/checkbox.png)no-repeat left top;
  background-size: 20px auto;
}
.kaitoriSec p.link {
  padding-bottom: 50px;
  padding-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto !important;
}
.kaitoriSec p.link a {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  color: #fff;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  height: 60px;
  background: #446e0c;
  width: 450px;
  position: relative;
}
.kaitoriSec p.link a img {
  position: absolute;
  left: 20px;
}
@media screen and (max-width: 959px) {

  .kaitoriSec p.link {
    padding-bottom: 50px;
    padding-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1100px;
    margin: 0 auto !important;
  }
  .kaitoriSec p.link a {
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 245px;
    height: 43px;
    background: #446e0c;
    position: relative;
    max-width: 48%;
  }
  .kaitoriSec p.link a img {
    position: absolute;
    left: 10px;
    width: 15px;
  }
  .anhtt-hdM .big-anhtt {
    border-bottom: 0;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    font-weight: bold;
    padding-bottom: 20px;
    margin-bottom: 0px!important;
    text-align: center;
    position: relative;
  }
  .anhtt-hdM .big-anhtt > i {
    position: absolute;
    width: 55px;
    height: 3px;
    background-color: #446E0C;
    bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }
  .anhtt-hdM .small-anhtt {
    border-bottom: 0;
    font-size: 1rem;
    letter-spacing: 0.05em;
    font-weight: normal;
    padding-bottom: 20px;
    margin-bottom: 0px!important;
    text-align: center;
  }
}
.headerSubNavAnhtt {
  min-width: 700px;
}
.headerSubNavAnhtt .headerSubNaviList {
  display: flex;
  flex-wrap: wrap;
}

.headerSubNavAnhtt .headerSubNaviList02 {
  padding-right: 20px;
  min-width: 230px;
}

.headerSubNavAnhtt h4{
  padding-top: 30px;
  font-size: 1.5rem;
}
.headerSubNavAnhtt .headerSubNaviList h2 a {
  font-size: 1.6rem;
  line-height: 1.25;
  display: flex;
  align-items: center;
  padding-left: 7px;
  padding-right: 7px;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  background-color: #fff;
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: 18%;
}
.headerSubNavAnhtt .headerSubNaviList h2 a img {
  margin-left: auto;
  max-width: 36px;
  max-height: 36px;
}
.headerSubNavAnhtt .headerSubNaviList h2 {
  min-width: 210px;
  padding-right: 20px;
  margin-bottom: 0;
}
.preview img {
  width: 100% !important;
}
.dropzone-preview .btn {
  font-size: 1.3rem !important;
  padding: 5px 10px;
}

.dropzone-preview .btn-group {
  vertical-align: top;
}
.dz-complete .progress-bar-success {
  background-color: #5cb85c;
  background-image: none;
}

@media screen and (min-width: 960px) {
  .td02.td02-rowspan2 {
    height: 160px;
  }
}
@media screen and (max-width: 959px) {
  .td02.td02-rowspan2 {
    width: 66.66%;
  }
}


#page_product_list_cate #main.fullwidth-anhtt {
  width: 100%;
  float: unset;
}
@media screen and (min-width: 960px) {
  #page_product_list_cate #main.fullwidth-anhtt .listUl li{
    width: 16.6%;
  }
}

.top-right-img-rental {
  max-width: 450px;
  width: 100%;
}
.centerd-anhtt {
  max-width: 1070px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.centerd-cate-item {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  align-items: center;
  padding-top: 20px;
}
.centerd-cate-item>div {
  display: flex;
  width: 100%;
  max-width: 515px;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  border: solid 3px #ECEBEB;
  padding-top: 12px;
  padding-bottom: 12px;
}
.centerd-cate-item a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.centerd-cate-item a>div {
  text-align: left;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333333;
  padding-left: 20px;

}
.centerd-cate-item a.multi-a {
  justify-content: start;
  padding-left: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.centerd-cate-item a img.mt-img {
  padding: 0 5px;
  max-height: 48px;
}
.comTxt03 {
  font-size: 1.4rem;
  margin-top: -10px !important;
}
.comTxt05 {
  font-size: 1.8rem;
}
.comTxt04 {
  font-size: 1.4rem;
}
.m-t-20{
  margin-top: 20px !important;
}

.m-b-20{
  margin-bottom: 20px !important;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.img-rental-used {
  margin-top: 30px;
  margin-bottom: 30px;
}
.rlUl .txt-big {
  font-size: 20px;
}
.rental-nestainer .rentalList {
  margin-top: 0;
}
.m-t-50 {
  margin-top: 50px !important;
}
.p-0 {
  padding: 0 !important;
}
.p-t-30 {
  padding-top: 30px !important;
}
.p-t-5 {
  padding-top: 5px !important;
}

.rental-nestainer .rentalTop .boxUl li{
  height: 370px;
}

@media screen and (max-width: 959px) {
  .rental-nestainer .rentalTop{
    background: url(../img/rental/bg_sp_top.png)no-repeat center center;
    background-size: cover;
    height: 350px;
  }
  .rentalTop .topP{
    color: #fff;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.43;
    text-shadow: 0px 3px 7px rgba(0,0,0,0.7);
    padding: 28px 0 12px;
  }
  .rental-nestainer .rentalTop .inner {
    padding-top: 20px;
  }
  .rental-nestainer .rentalTop .boxUl {
    width: 100%;
  }
  .rental-nestainer .rentalTop .boxUl li{
    display: block;
    margin: 0 auto;
    border-radius: 5px;
    width: 100%;
    height: 305px;
    box-sizing: border-box;
    padding-top: 15px;
  }
  .rentalTop .boxUl li + li{margin-left:auto;margin-top: 15px}
  .rental-nestainer .rentalTop .boxP01{
    font-size: 2rem;
    font-weight: 900;
    color: #531c86;
    padding-bottom: 10px;
    line-height: 24px;
  }
  .rental-nestainer .rentalTop .inner img.logoTop {
    width: 70%;
    max-width: 300px;
    padding-top: 10px;
  }
  .rental-nestainer .rentalTop .boxP011 {
    font-size: 2.5rem;
    line-height: 36px;
  }
  .rentalPoint{
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    margin-right: 6px;
    width: 32px;
    height: 32px;
    background: url(../img/rental/bg_point.png)no-repeat;
    background-size: 100% 100%;
    line-height: 32px;
    color: #fff;
    font-size: 0.7rem;
  }
  .rental-nestainer .rentalTop .boxP02{
    color: #531c86;
    font-size: 1.5rem;
    line-height: 1.3;
    padding-bottom: 15px;
  }
  .rental-nestainer .rentalTop .boxP03{
    font-size: 1.5rem;
    line-height: 12px;
  }
  .rentalTop .boxP03.pt{padding-top: 2px}
  .rentalTop .boxP03 font{color: #d3163a;font-weight: bold;}
  .rental-nestainer .rentalTop .boxP03 font.big{font-size:2.4rem}
  .rentalSec01,
  .rentalSec02,
  .rentalSec03{
    padding-top: 15px;
  }
  .rental-nestainer .rentalWrap .topP02 {
    text-align: left;
    font-size: 1.2rem;
    padding: 0 0 20px;
  }
  .rental-nestainer .rentalWrapAnhtt .hdM .jp{font-size: 1.5rem}

  .rentalSec01 .box01{
    background: #f0f0f0;
    border-radius: 3px;
    padding: 22px 10px 10px 15px;
    margin-bottom: 12px;
  }
  .rentalSec01 .box01 .lf{
    float: none;
    width: 100%;
    margin-right: 0%;
    text-align: center;
  }
  .rentalSec01 .box01 .lf p{display: inline-block;vertical-align: middle;}
  .rentalSec01 .box01 .lf img{width: 65px;}
  .rentalSec01 .box01 .lf .name{
    font-size: 1.2rem;
    padding: 0 0 10px 12px;
  }
  .rentalSec01 .box01 .rt{
    overflow: hidden;
  }
  .rentalSec01 #anchor02 {
    padding-top: 35px;
    margin-top: -35px;
  }
  .rentalSec01 #anchor02 .hd02 {
    padding-top: 15px;
  }

  .rentalWrap .comTxt{font-size: 1.2rem;line-height: 1.75}
  .rental-nestainer .rentalWrap .comTxt.comTxtsmall-anhtt{padding-top: 0; font-size: 1.4rem}
  .rentalWrap .hd02.big{font-size: 1.3rem}
  .rentalList{
    border-radius: 5px;
    border: 2px solid #eee9f3;
    position: relative;
    padding: 30px 5% 0px;
    margin-top: 50px;
  }
  .rlPoint{
    position: absolute;
    left: -12px;
    top: -22px;
    z-index: 1;
    background: #531c86;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    font-size: 0.8rem;
    font-weight: bold;
    padding-top: 11px;
    text-align: center;
  }
  .rlPoint .en{
    font-size: 1.8rem;
    line-height: 1.1;
  }
  .rlHd{
    font-size: 1.5rem;
    padding-bottom: 10px;
    font-weight: bold;
  }
  .rlBox{
    padding:20px 10px 35px;
    box-sizing: border-box;
    max-width: 1000px;
    margin: 0 auto;
  }
  .rlUl li{
    float: left;
  }
  .rlUl li img{width: 95px;}
  .rlUl li.rlLi01{
    width: 100%;
    text-align: center;
  }
  .rlUl li.rlLi04{
    width: calc(33.33% - 6px);
    text-align: center;
  }
  .rlUl li.rlLi04 img{width: 100%}
  .rlUl li.rlLi04 + li.rlLi04{margin-left: 9px}
  .rlUl li.rlLi02{
    border-left: none;
    border-top: 1px dashed;
    padding-left: 0px;
    margin-left: 0px;
    padding-top: 12px;
    margin-top: 15px;
    width: 100%;
  }
  .rlUl li.rlLi03{
    float: none;
    overflow: visible;
    padding-left: 0;
    width: 100%;
    padding-top: 10px;
  }
  .rlUl li:last-of-type{
    overflow: hidden;
  }
  .rlUl .ttle{
    font-size: 1.6rem;
    padding-bottom: 3px;
    font-weight: bold;
  }
  .rlUl .txt{
    font-size: 1.2rem;
    line-height: 1.71
  }
  .rlTable{width: 100%}
  .rlTable th,
  .rlTable td{
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    font-size: 1rem
  }
  .rlTable .hid{border: none!important;background: none!important}
  .rlTable th{
    background: #f0f0f0;
    font-size:0.9rem;
    font-weight: normal;
  }
  .rlTable .tr01 th{height: 20px}
  .rlTable .tr02 td{height: 35px;}
  .rlTable .tr03 td{height: 40px;}
  .rlTable td.td01,
  .rlTable td.td02,
  .rlTable td.td03{
    font-size: 1.3rem;
    font-weight: bold;
    background: #f6f3f9;
  }
  .rlTable td.td02{background: #e5dded}
  .rlTable td.td03{background: #ddd2e7}
  .rentalSec01 .noticeP{
    padding: 10px 0px 0;
  }
  .rentalWrap .item + .item{padding-top: 35px}
  .rental-nestainer .rentalWrap .item.item-anhtt1{padding-top: 15px}
  .rentalSec01 .topP03{
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 21px;
    padding-bottom: 25px;
  }
  .rentalSec01 .hd03.dot{
    padding-left: 35px;
    position: relative;
    text-align: left;
  }
  .rentalSec01 .hd03.dot span{font-size: 1rem;display: block;}
  .rentalSec01 .hd03.dot:before{
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #531c86
  }
  .graph{padding: 11px 0 10px;text-align: center;}
  .rentalSec01 .comTxt .bigF{font-size: 1.3rem;line-height: 21px;}

  .rentalSec02 .ulBox{
    max-width: 1070px;
    margin: 0 auto;
    padding-bottom: 5px
  }
  .rtUl02{margin-left: -13px}
  .rtUl02 li{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-left: 13px;
    margin-bottom: 13px;
    position: relative;
  }
  .rtUl02 dl{
    border: 2px solid #ecebeb;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 48px;
    padding-left: 45px;
  }
  .rtUl02 li:hover > a{
    background: #ecebeb;
  }
  .rtUl02 dt{
    position: absolute;
    left: 15%;
    width: 40px;
    text-align: center;
  }
  .rtUl02 dt img{max-width: 32px;max-height: 32px}
  .rtUl02 a{
    color: #333333;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.33;
    display: block;
    text-align: center;
  }
  .rtFlowWrap .hd02{padding-bottom: 0}
  .rtFlowLf,.rtFlowRt{
    float: left;
    width: calc(50% - 8px);
  }
  .rtFlowRt{
    padding:0;
    margin-left: 16px;
  }
  .rtFlowUl li dt{
    float: left;
  }
  .rtFlowUl li .ttle{
    overflow: hidden;
    display: block;
    padding-left: 0;
    text-indent: 0
  }
  .rtFlowUl li{
    padding: 9px 12px 20px!important;
    background: url(../img/rental/bg_flow02_sp.jpg)no-repeat bottom center #eee9f3;
    background-size: 100% auto ;
  }
  .rtFlowUl li:before {
    content: none;
  }
  .flowIt01 { height: 146px; }
  .flowIt02 { height: 115px; }
  .flowIt03 { height: 100px; }
  .flowIt04,.flowIt09 { height: 130px; }
  .flowIt05,.flowIt10 { height: 145px; }
  .flowIt06,.flowIt11 { height: 130px; }
  .flowIt08 { height: 361px; }
  .rtFlowUl li .point span{
    background: #531c86;
  }
  .rtFlowUl li.last,
  .rtFlowUl li.last02{
    border-radius: 10px;
    padding: 0!important;
    height: 75px;
  }
  .rtFlowUl dl br{display: block;}
  .rtFlowUl li .ttle{font-size: 1.25rem}
  .rtFlowUl li.three{
    padding:0px!important;
    background:none;
  }
  .rtFlowBox{
    padding: 9px 12px 20px!important;
    background: url(../img/rental/bg_flow02_sp.jpg)no-repeat bottom center #eee9f3;
    background-size: 100% auto;
    height: 361px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }
  .rtFlowP{
    display: none;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 105px;
    height: 18px;
    font-size: 0.9rem;
    color: #fff;
    background: #6d3e98;
    font-weight: bold;
    margin: 0 auto 5px;
  }
  .rtFlowBox .rtFlowP{display: flex;}

  .rentalSec04{padding:35px 0 10px;}
  .rentalSec04 .hd01{font-size: 1.4rem}
  .rtFlowUl{float: left;width: 100%}
  .hdS {
    font-size: 1.6rem;
  }
  .m-t-20-sp {
    margin-top: 20px;
  }
  .m-t-15-sp {
    margin-top: 15px;
  }
  .m-b-10-sp {
    margin-bottom: 10px !important;
  }
  .centerd-anhtt {
    margin-top: 0;
  }
  .centerd-cate-item {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    margin-bottom: 10px;
  }
  .centerd-cate-item a {
  }
  .centerd-cate-item a>div {
    padding-right: 0;
    font-size: 1.4rem;
    font-weight: normal;
  }
  .centerd-cate-item a>img {
    max-height: 42px;
  }

  .centerd-cate-item a.multi-a {
    justify-content: start;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .centerd-cate-item a img.mt-img {
    padding: 0 5px;
    max-height: 38px;
  }

  .centerd-cate-item a.multi-a>div {
    padding-left: 10px;

  }
  .size-11-sp {
    font-size: 1.1rem !important;
  }
  .rentalWrap .comTxt.comTxt03 {
    font-size: 1rem;
  }
  .rentalWrap .btnP .btnLink01 {
    width: 100%;
    max-width: 450px;
    height: 60px;
    font-weight: bold;
    font-size: 1.8rem;
  }
  .m-t-10-sp {
    margin-top: 10px !important;
  }
  .img-rental-used {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .rlUl li.rlLi01 {
    width: 19% !important;
  }
  .rlUl li.rlLi02 {
    border-left: none;
    border-top: none;
    padding-left: 0px;
    margin-left: 0px;
    padding-top: 12px;
    margin-top: 15px;
    width: 75%;
  }
  .rentalWrap .hd02.big {
    font-size: 1.4rem;
  }
  .rentalWrap .comTxt.comTxt04 {
    font-size: 1rem;
  }
}

@media screen and (max-width: 375px) {
  .rtFlowUl li{padding: 9px 10px 20px!important;}
}
@media screen and (max-width: 359px) {
  .rtFlowUl li{padding: 14px 10px 20px!important;}
  .rentalTop .topP{font-size: 2rem}
  .rlUl .ttle{font-size: 1.4rem}
  .rlUl .txt{font-size: 1.1rem}

}