@charset "UTF-8";
/*--common--*/
/*--loading--*/
#loading {
  width: 100%;
  height: 100%;
  margin: 0;
  background: #fff;
  opacity: 1.0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
}

#loading img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mainimage {
  position: relative;
}

.mainimage .Img .bxslider li,
.mainimage .Img .bxslider li img {
  width: 100%;
}

/* news */
.news .inner {
  width: 900px;
  padding: 90px 15px 40px;
}

.news h1 {
  font-size: 3.0rem;
  text-align: center;
  letter-spacing: 0.2em;
  line-height: 2;
  color: #222;
  margin-bottom: 40px;
}

.news h1 small {
  display: block;
  font-size: 1.8rem;
  color: #13b5b1;
  font-family: 'Poppins', sans-serif;
}

.news ul li {
  padding: 20px 0;
  display: flex;
  flex-flow: row wrap;
}

.news ul li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

.news ul time {
  display: block;
  width: 120px;
  height: 25px;
  background: #13b5b1;
  color: #fff;
  text-align: center;
  line-height: 25px;
  letter-spacing: 0.05em;
  font-size: 1.3rem;
  margin-right: 60px;
}

.news ul .entry {
  flex: 1;
  font-size: 1.3rem;
  line-height: 1.538;
  letter-spacing: 0.05em;
  color: #333;
}

/* feat */
.feat .inner {
  padding: 15px 0 75px;
}

.feat .item {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 75px;
}

.feat .item li {
  width: 33.33%;
  padding: 10px 15px;
}

.feat .item li a {
  display: block;
  border: 1px solid #ddd;
  color: #333;
  background: #fff;
  padding: 4px;
}

.feat .item li a:hover {
  border-color: #13b5b1;
  color: #13b5b1;
}

.feat .item li dl {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.feat .item li dl dt {
  width: 120px;
  margin-right: 20px;
}

.feat .item li dl dd {
  flex: 1;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.feat .item li dl dd:after {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 1.8rem;
  color: #13b5b1;
}

.feat .pickup {
  display: flex;
  flex-flow: row wrap;
}

.feat .pickup li {
  width: 50%;
  padding: 15px;
}

.feat .pickup li a {
  display: block;
  border: 1px solid #ddd;
  color: #333;
  background: #fff;
  padding: 2px;
}

.feat .pickup li a:hover {
  border-color: #13b5b1;
}

/* regular_rental */
.regular_rental {
  background: #fffff6 url(../img/common/pattern01.png);
}

.regular_rental .inner {
  width: 900px;
  padding: 150px 0;
}

.regular_rental h1 {
  font-size: 5.6rem;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  color: #eb6877;
  line-height: 1.66;
  margin-bottom: 30px;
}

.regular_rental h1 small {
  display: block;
  font-size: 3.0rem;
  color: #333;
}

.ribbon {
  display: block;
  position: relative;
  width: 416px;
  max-width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 5px 0;
  background: #85d0f5;
  color: #fff;
  margin: 0 auto 45px;
}

.ribbon h2 {
  margin: 0;
  padding: 0 30px;
  border-top: dashed 2px #fff;
  border-bottom: dashed 2px #fff;
  line-height: 46px;
  font-size: 2.4rem;
  font-weight: bold;
  font-style: italic;
}

.ribbon:before,
.ribbon:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon:before {
  top: 0;
  left: 0;
  border-width: 30px 0px 30px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon:after {
  top: 0;
  right: 0;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

.regular_rental .merit {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 120px;
}

.regular_rental .merit li {
  width: 33.33%;
  padding: 30px;
}

.regular_rental .merit li figure {
  border: 1px solid #fbf7a7;
  margin-bottom: 20px;
}

.regular_rental .merit dl {
  text-align: center;
  font-weight: bold;
  font-style: italic;
}

.regular_rental .merit dl dt {
  font-size: 2.7rem;
  line-height: 1.481;
  color: #eb6877;
}

.regular_rental .merit dl dd {
  font-size: 1.8rem;
  line-height: 1.666;
  color: #333;
}

.regular_rental h3 {
  font-size: 2.4rem;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  color: #333;
  margin-bottom: 10px;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  line-height: 1.2;
}

.regular_rental h3:before,
.regular_rental h3:after {
  content: url(../img/common/dotted.png);
}

.regular_rental h3:before {
  margin-bottom: 20px;
}

.regular_rental h3:after {
  margin-top: 20px;
}

.regular_rental p {
  font-size: 1.8rem;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  line-height: 1.333;
}

.regular_rental .step {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 60px;
}

.regular_rental .step li {
  width: 33.33%;
  padding: 30px;
}

.regular_rental .step li figure {
  border: 1px solid #fbf7a7;
  margin-bottom: 20px;
}

.regular_rental .btn_entry {
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.regular_rental .btn_entry a {
  font-size: 1.8rem;
  background: #13b5b1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 570px;
  max-width: 100%;
  height: 80px;
  border: 2px solid #fff;
  color: #fff;
  box-shadow: 0px 0px 0px 1px #13b5b1;
  transition-duration: 0.4s;
  margin-bottom: 15px;
}

.regular_rental .btn_entry a:after {
  content: "\f0a9";
  font-family: FontAwesome;
  margin-left: 5px;
}

.regular_rental .btn_entry a:hover {
  background: #fff;
  color: #13b5b1;
}

.regular_rental .remarks {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: #333;
}

.regular_rental .remarks li {
  padding: 0 2px;
}

.regular_rental .remarks li:before {
  content: "※";
}

/* recommend */
.recommend.rental {
  background: url(../img/index/background_rental.png) no-repeat center bottom;
  background-size: cover;
}

.recommend.sell {
  background: url(../img/index/background_sell.png) no-repeat center bottom;
  background-size: cover;
}

.recommend .inner {
  padding: 120px 0;
}

.recommend h1 {
  font-size: 3.0rem;
  text-align: center;
  margin-bottom: 30px;
  line-height: 2;
}

.recommend h1 small {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.875;
}

.recommend h1 span {
  display: block;
  font-size: 1.8rem;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 0.2em;
  line-height: 1.66;
}

.recommend ul {
  display: flex;
  flex-flow: row wrap;
}

.recommend ul li {
  width: 33.33%;
  padding: 15px;
}

.recommend ul li a {
  display: block;
  height: 100%;
  padding: 4px 4px 25px;
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.recommend ul dl {
  padding: 15px 10px;
}

.recommend ul dl dt {
  font-size: 1.2rem;
  font-weight: bold;
  color: #999;
  line-height: 1.666;
}

.recommend ul dl dd {
  font-size: 2.4rem;
  font-weight: bold;
  color: #000;
  line-height: 0.833;
}

.recommend ul dl dd:after {
  content: "\f0a9";
  font-family: FontAwesome;
  margin-left: 5px;
}

.recommend h2 {
  font-size: 1.8rem;
  color: #13b5b1;
  font-weight: bold;
  padding: 0 10px;
  line-height: 1.666;
}

.recommend p {
  font-size: 1.2rem;
  color: #888;
  padding: 0 10px;
  line-height: 1.666;
}

.recommend.rental h1 span {
  color: #13b5b1;
}

.recommend.sell h1 {
  color: #fff;
}

/* category */
.category section {
  padding-bottom: 60px;
}

.category .inner {
  padding: 120px 15px 150px;
}

.category h1 {
  width: 100%;
  padding: 2px;
  background: #fff;
  border: 1px solid #ddd;
  margin-bottom: 30px;
}

.category .rental ul {
  display: flex;
  flex-flow: row wrap;
}

.category .rental ul li {
  width: 33.33%;
  padding: 0 30px;
  line-height: 1.666;
}

.category .rental ul li a {
  font-size: 1.8rem;
  color: #000;
  display: flex;
  align-items: baseline;
}

.category .rental ul li a:before {
  content: "\f0da";
  font-family: FontAwesome;
  margin-right: 5px;
  color: #13b5b1;
}

.category .rental ul li a small {
  font-size: 1.1rem;
}

.category .rental ul li a:hover {
  color: #13b5b1;
}

.category .sell {
  display: flex;
  flex-flow: row wrap;
}

.category .sell > ul {
  width: 50%;
  padding: 0 30px;
  line-height: 1.666;
}

.category .sell ul > li a {
  font-size: 1.8rem;
  color: #000;
}

.category .sell ul li li {
  padding-left: 15px;
}

.category .sell ul li li a {
  font-size: 1.4rem;
  color: #666;
}

.category .sell > ul > li > a:before {
  content: "\f0da";
  font-family: FontAwesome;
  margin-right: 5px;
  color: #13b5b1;
}

.category .sell ul li a small {
  font-size: 1.1rem;
}

.category .sell ul li a:hover {
  color: #13b5b1;
}

.category .visit p {
  font-size: 1.8rem;
  margin: 0 35px 40px;
}

.category .visit h2 {
  font-size: 2.1rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #ddd;
  margin: 0 35px 10px;
}

.category .visit dl {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 0 35px 15px;
}

.category .visit dl dt {
  font-weight: bold;
  padding-right: 15px;
  border-right: 1px solid #000;
}

.category .visit dl dd {
  padding-left: 15px;
  flex: 1;
}

.category .visit .entry {
  padding: 20px 35px;
}

.category .visit .entry a {
  font-size: 1.8rem;
  background: #13b5b1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 330px;
  max-width: 100%;
  height: 60px;
  border: 2px solid #fff;
  color: #fff;
  box-shadow: 0px 0px 0px 1px #13b5b1;
  transition-duration: 0.4s;
}

.category .visit .entry a:after {
  content: "\f0a9";
  font-family: FontAwesome;
  margin-left: 5px;
}

.category .visit .entry a:hover {
  background: #fff;
  color: #13b5b1;
}

/* voice */
.voice .inner {
  width: 900px;
  padding: 90px 0 120px;
}

.voice h1 {
  font-size: 3.0rem;
  text-align: center;
  letter-spacing: 0.2em;
  line-height: 2;
  color: #222;
  margin-bottom: 40px;
  font-weight: bold;
}

.voice h1 small {
  display: block;
  font-size: 1.8rem;
  color: #13b5b1;
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
}

.voice h2 {
  font-size: 3.0rem;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ Ｐ明朝','MS PMincho',serif;
  text-align: center;
  margin-bottom: 60px;
}

.voice ul li {
  display: flex;
  flex-flow: row wrap;
  padding: 15px;
}

.voice ul li figure {
  width: 130px;
  margin-right: 30px;
}

.voice ul .box {
  flex: 1;
}

.voice ul .box h3 {
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 10px;
}

.voice ul .box p {
  font-size: 1.2rem;
  color: #666;
  line-height: 1.666;
}

.voice ul .box .name {
  background: #13b5b1;
  color: #fff;
  text-align: center;
  width: 72px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}

/*****************************************************************************
 Responsive
 *****************************************************************************/
@media screen and (max-width: 768px) {
  .feat .item li dl dt {
    width: 100%;
    margin-right: 0;
  }
  .feat .item li dl dd {
    width: 100%;
    flex: auto;
  }
  .regular_rental h1 {
    font-size: 4.6rem;
  }
  .regular_rental h1 small {
    font-size: 2.4rem;
  }
  .regular_rental .merit dl dt {
    font-size: 2.4rem;
  }
  .regular_rental .merit dl dd {
    font-size: 1.6rem;
  }
  .recommend ul li {
    width: 50%;
  }
  .category .rental ul li {
    width: 50%;
  }
  .voice ul li figure {
    width: 25%;
  }
}

@media screen and (max-width: 600px) {
  .feat .pickup li {
    width: 100%;
  }
  .regular_rental .merit li,
  .regular_rental .step li {
    width: 50%;
  }
  .regular_rental h3 {
    margin: 0 15px 10px;
  }
  .regular_rental h3:before,
  .regular_rental h3:after {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background: url(../img/common/dotted.png) no-repeat center center;
    background-size: contain;
  }
  .voice h2 {
    font-size: 2.4rem;
  }
  .category .visit p {
    margin: 0 15px 40px;
  }
  .category .visit h2 {
    margin: 0 15px 10px;
  }
  .category .visit dl {
    margin: 0 15px 15px;
  }
  .category .visit .entry {
    padding: 20px 15px;
  }
  .voice ul li figure {
    width: 30%;
  }
}

@media screen and (max-width: 480px) {
  .news ul li {
    flex-flow: column wrap;
  }
  .news ul time {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .news ul .entry {
    flex: auto;
  }
  .feat .item li {
    width: 50%;
  }
  .regular_rental .inner {
    padding: 150px 15px;
  }
  .regular_rental h1 {
    font-size: 2.4rem;
  }
  .regular_rental h1 small {
    font-size: 1.6rem;
  }
  .ribbon h2 {
    font-size: 1.8rem;
  }
  .regular_rental .merit li,
  .regular_rental .step li {
    padding: 30px 15px;
  }
  .regular_rental .merit dl dt {
    font-size: 2.0rem;
  }
  .regular_rental .merit dl dd {
    font-size: 1.4rem;
  }
  .regular_rental h3 {
    font-size: 2.0rem;
    margin: 0 15px 10px;
  }
  .regular_rental h3:before,
  .regular_rental h3:after {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background: url(../img/common/dotted.png) no-repeat center center;
    background-size: contain;
  }
  .regular_rental .btn_entry {
    padding: 0;
  }
  .regular_rental .btn_entry a {
    font-size: 1.6rem;
  }
  .recommend ul li {
    width: 100%;
  }
  .category .rental ul li {
    width: 100%;
    padding: 0 15px;
  }
  .category .rental ul li a {
    font-size: 1.6rem;
  }
  .category .sell > ul {
    width: 100%;
    padding: 0 15px;
  }
  .category .sell ul > li a {
    font-size: 1.6rem;
  }
  .category .sell ul li li {
    margin-bottom: 5px;
  }
  .category .visit .entry a {
    width: 100%;
  }
  .voice h2 {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 375px) {
  .regular_rental .merit li {
    width: 100%;
    padding: 20px 0;
  }
  .regular_rental .step li {
    width: 100%;
    padding: 20px 0;
  }
  .regular_rental .btn_entry {
    padding: 0;
  }
  .regular_rental .btn_entry a {
    font-size: 1.4rem;
  }
  .category .visit p {
    font-size: 1.6rem;
  }
  .category .visit .entry a {
    font-size: 1.4rem;
  }
  .voice h2 {
    font-size: 1.4rem;
  }
  .voice ul .box h3 {
    font-size: 1.8rem;
  }
}

/* ----- 2020-06-12 追加 ----- */
.swiper-container img {
  width: 100%;
  max-width: auto;
  height: Auto;
  display: block;
  padding: 0;
  margin: 0;
}