@charset "UTF-8";
* {
  letter-spacing: 0;
}

body {
  background-color: white;
  font-family: Arial, Helvetica, "游ゴシック Medium", "游ゴシック", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  color: #525252;
}

/*global */
.outerWrapper {
  background-color: white;
}

/*common tag */
h2.default {
  font-size: 2em;
  font-weight: normal;
  padding: 0 0 1.5em 0;
  text-align: center;
  word-break: keep-all;
}
h2 em {
  color: #00b27a;
  font-size: 1.1rem;
}

.sharing-economy section {
  max-width: 1282px;
  margin: auto;
  padding: 5em 0;
}

/*contents */
header.maseSiteHeader {
  width: 100%;
  padding: 1em;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
header.maseSiteHeader h1 {
  margin: 0;
}
@media (max-width: 459px) {
  header.maseSiteHeader h1 {
    padding: 0 2.5em;
  }
}
header.maseSiteHeader .menuOpen {
  display: none;
  cursor: pointer;
  padding: 0.9em 1em;
  margin-left: auto;
  position: absolute;
  top: 0;
  right: 0;
}
header.maseSiteHeader .menuOpen:before {
  content: "\f0c9";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  font-size: 2em;
}
@media (max-width: 999px) {
  header.maseSiteHeader .menuOpen {
    display: block;
  }
}
header.maseSiteHeader .navWrap:not(.hide) {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
  margin-left: auto;
  text-align: right;
}
header.maseSiteHeader .navWrap:not(.hide) .globalNav a {
  display: inline-block;
  margin-left: 0.9em;
  font-size: 0.9em;
  letter-spacing: 0;
}
header.maseSiteHeader .navWrap.hide {
  color: white;
  background-color: #222222;
  width: 100vw;
  max-width: 300px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -100%;
  bottom: 0;
  z-index: 9;
}
header.maseSiteHeader .navWrap.hide .menuClose {
  display: block;
  font-size: 1.5em;
  cursor: pointer;
  text-align: right;
  padding: 1rem 1.5rem;
}
header.maseSiteHeader .navWrap.hide .menuClose:before {
  content: "\f00d";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
}
header.maseSiteHeader .navWrap.hide .globalNav a {
  display: block;
  padding: 1em 1.5em;
  font-size: 1em;
  letter-spacing: 0;
  border-bottom: solid black 1px;
}
header.maseSiteHeader .navWrap.hide .globalNav a:before {
  content: "\f054";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-right: 0.2em;
  font-size: 0.9em;
}
header.maseSiteHeader .telephone {
  margin: 0 1.5em;
  white-space: nowrap;
  text-align: center;
}
@media (max-width: 999px) {
  header.maseSiteHeader .telephone {
    margin: 1.5em 0;
  }
}
header.maseSiteHeader .telephone span {
  display: block;
  line-height: 1.2em;
}
header.maseSiteHeader .telephone span.time {
  font-size: 0.9em;
}
header.maseSiteHeader .telephone span.telNum {
  color: #00b27a;
  font-size: 1.4em;
  font-weight: bold;
}
header.maseSiteHeader .inqWrap {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-justify-content: center;
  /* no prefix */
  display: flex;
  justify-content: center;
}
header.maseSiteHeader .inqWrap .headerInquiry {
  display: block;
  background-color: #d90000;
  color: white;
  border-radius: 0.5em;
  padding: 0.5em 1em;
  white-space: nowrap;
  font-size: 1.5em;
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}
header.maseSiteHeader .inqWrap .headerInquiry:after {
  content: "\f138";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-left: 0.5em;
}

.articleHeader {
  background-color: #00b27a;
  padding: 3em 1em;
  color: white;
}
.articleHeader .contentWrap {
  position: relative;
  max-width: 1282px;
  margin: auto;
}
.articleHeader .contentWrap > p {
  font-size: 2.5em;
  text-align: center;
  padding: 0 0 1em;
  word-break: keep-all;
}
@media (max-width: 1049px) {
  .articleHeader .contentWrap > p {
    font-size: 2em;
  }
}
@media (max-width: 849px) {
  .articleHeader .contentWrap > p {
    font-size: 1.5em;
  }
}
@media (max-width: 649px) {
  .articleHeader .contentWrap > p span {
    display: block;
  }
}
.articleHeader .contentWrap .wrap {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
}
@media (max-width: 999px) {
  .articleHeader .contentWrap .wrap {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-direction: column-reverse;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: center;
    /* no prefix */
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
}
.articleHeader .contentWrap .wrap h1 strong {
  display: block;
  margin: 0.5em 0;
  font-size: 1.2em;
  font-weight: normal;
  word-break: keep-all;
}
.articleHeader .contentWrap .wrap h1 p {
  padding: 1em 0;
  font-size: 1em;
  font-weight: normal;
}
.articleHeader .contentWrap .wrap .inquiry {
  display: inline-block;
  background-color: #d90000;
  color: white;
  border-radius: 0.5em;
  margin: 1em 0;
  padding: 0.5em;
  font-size: 1.6em;
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}
.articleHeader .contentWrap .wrap .inquiry:after {
  content: "\f138";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-left: 0.5em;
}

.sharing-economy .section05 {
  max-width: 100%;
  padding-bottom: 0;
}
.sharing-economy .section05 > p {
  text-align: center;
  word-break: keep-all;
}
.sharing-economy .section05 .contentWrap {
  background-color: #eeeeee;
  margin-top: 4em;
}
.sharing-economy .section05 .contentWrap .flexWrap {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 60px 0 60px;
}
.sharing-economy .section05 .contentWrap .flexWrap .block {
  -webkit-flex-basis: 24%;
  flex-basis: 24%;
  max-width: 24%;
  position: relative;
  max-width: 310px;
  margin: 1em 0.25em;
  padding: 60px 0 2em;
  background-color: white;
  text-align: center;
}
@media (max-width: 899px) {
  .sharing-economy .section05 .contentWrap .flexWrap .block {
    -webkit-flex-basis: 48%;
    flex-basis: 48%;
    max-width: 48%;
    margin-bottom: 3em;
  }
}
@media (max-width: 599px) {
  .sharing-economy .section05 .contentWrap .flexWrap .block {
    -webkit-flex-basis: 96%;
    flex-basis: 96%;
    max-width: 96%;
  }
}
.sharing-economy .section05 .contentWrap .flexWrap .block .image {
  width: 100%;
  text-align: center;
  position: absolute;
  top: -45px;
}
.sharing-economy .section05 .contentWrap .flexWrap .block h3 {
  font-size: 1.3em;
  font-weight: normal;
  text-align: center;
}
.sharing-economy .section05 .contentWrap .flexWrap .block h3 span {
  display: block;
  font-size: 0.8rem;
  padding: 0.5em 0;
}
.sharing-economy .section05 .contentWrap .flexWrap .block h3 span.service {
  color: #eb7297;
}
.sharing-economy .section05 .contentWrap .flexWrap .block h3 span.sale {
  color: #00b27a;
}
.sharing-economy .section05 .contentWrap .flexWrap .block h3 span.time {
  color: #47a7df;
}
.sharing-economy .section05 .contentWrap .flexWrap .block h3 span.cf {
  color: #eba047;
}
.sharing-economy .section05 .contentWrap .flexWrap .block p {
  padding: 1em;
  text-align: left;
}
.sharing-economy .section05 .contentWrap .flexWrap .block .example {
  position: absolute;
  right: 1em;
  bottom: 1em;
}
.sharing-economy .section06 {
  position: relative;
}
.sharing-economy .section06 .iconPlus {
  position: absolute;
  width: 100%;
  top: -53px;
  text-align: center;
}
.sharing-economy .section06 > p {
  text-align: center;
  margin-bottom: 4em;
  word-break: keep-all;
}
.sharing-economy .section06 .flexWrap {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
.sharing-economy .section06 .flexWrap .block:first-child {
  -webkit-flex-basis: 40%;
  flex-basis: 40%;
  max-width: 40%;
}
@media (max-width: 999px) {
  .sharing-economy .section06 .flexWrap .block:first-child {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    text-align: center;
    margin-bottom: 1em;
  }
}
.sharing-economy .section06 .flexWrap .block:last-child {
  -webkit-flex-basis: 60%;
  flex-basis: 60%;
  max-width: 60%;
}
@media (max-width: 999px) {
  .sharing-economy .section06 .flexWrap .block:last-child {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0 2em;
  }
}
.sharing-economy .section06 .flexWrap .block:last-child h3 {
  color: #00b27a;
  font-size: 1.1em;
}
.sharing-economy .section06 .flexWrap .block img {
  border: solid #eeeeee 3px;
  padding: 3em 8em;
}
.sharing-economy .section07 {
  padding-bottom: 0;
}
.sharing-economy .section07 > p {
  text-align: center;
  margin-bottom: 8em;
  word-break: keep-all;
}
.sharing-economy .section07 div .block .type {
  font-size: 0.8em;
  color: white;
  display: inline-block;
  padding: 0 0.5em;
  margin-right: 0.5em;
}
.sharing-economy .section07 div .block .type.service {
  background-color: #eb7297;
}
.sharing-economy .section07 div .block .type.sale {
  background-color: #00b27a;
}
.sharing-economy .section07 div .block .type.time {
  background-color: #47a7df;
}
.sharing-economy .section07 div .block .type.cf {
  background-color: #eba047;
}
.sharing-economy .section07 div .block h3 {
  font-size: 1.25em;
  font-weight: normal;
  margin: 1em 0;
  text-align: center;
}
.sharing-economy .section07 .resultLarge .block {
  margin-bottom: 10em;
}
.sharing-economy .section07 .resultLarge .block:nth-child(even) {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-direction: row-reverse;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
@media (max-width: 799px) {
  .sharing-economy .section07 .resultLarge .block:nth-child(even) {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-direction: column-reverse;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    margin-bottom: 4em;
  }
}
.sharing-economy .section07 .resultLarge .block:nth-child(odd) {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 799px) {
  .sharing-economy .section07 .resultLarge .block:nth-child(odd) {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-direction: column-reverse;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    margin-bottom: 4em;
  }
}
.sharing-economy .section07 .resultLarge .block .image {
  -webkit-flex-basis: 40%;
  flex-basis: 40%;
  max-width: 40%;
  margin-bottom: 1em;
}
@media (max-width: 799px) {
  .sharing-economy .section07 .resultLarge .block .image {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    text-align: center;
  }
}
.sharing-economy .section07 .resultLarge .block .info {
  -webkit-flex-basis: 60%;
  flex-basis: 60%;
  max-width: 60%;
  margin-bottom: 1em;
  padding: 0 5em;
}
@media (max-width: 799px) {
  .sharing-economy .section07 .resultLarge .block .info {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0 1em;
  }
}
.sharing-economy .section07 .resultSmall {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sharing-economy .section07 .resultSmall .block {
  -webkit-flex-basis: 25%;
  flex-basis: 25%;
  max-width: 25%;
  padding: 1em;
  margin-bottom: 4em;
}
@media (max-width: 899px) {
  .sharing-economy .section07 .resultSmall .block {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media (max-width: 599px) {
  .sharing-economy .section07 .resultSmall .block {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.sharing-economy .section08 {
  max-width: 100%;
  background-image: url(../img/page/sharing-economy-new/bg_photo.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
.sharing-economy .section08 p {
  word-break: keep-all;
}
.sharing-economy .section08 .contentWrap {
  max-width: 1282px;
  margin: auto;
  padding: 4em;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
@media (max-width: 999px) {
  .sharing-economy .section08 .contentWrap {
    padding: 2em;
  }
}
.sharing-economy .section08 .contentWrap .illust {
  margin: 2em auto;
}
.sharing-economy .section08 .contentWrap .illust .sp {
  display: none;
}
@media (max-width: 699px) {
  .sharing-economy .section08 .contentWrap .illust .pc {
    display: none;
  }
  .sharing-economy .section08 .contentWrap .illust .sp {
    display: inline-block;
  }
}
.sharing-economy .section08 .contentWrap .company {
  display: inline-block;
  background-color: #00b27a;
  color: white;
  border-radius: 1.5em;
  padding: 0.5em 1.5em;
  white-space: nowrap;
  margin-bottom: 2em;
}
.sharing-economy .section08 .contentWrap h2[class] {
  padding: 0 0 1em;
}
.sharing-economy .section08 .contentWrap .flexWrap {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sharing-economy .section08 .contentWrap .flexWrap .block {
  -webkit-flex-basis: 30%;
  flex-basis: 30%;
  max-width: 30%;
  background-color: white;
  padding: 1em 1em;
  margin: 0 0.5em 1em;
}
@media (max-width: 899px) {
  .sharing-economy .section08 .contentWrap .flexWrap .block {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.sharing-economy .section08 .contentWrap .flexWrap .block .tag {
  background-color: #00b27a;
  display: inline-block;
  margin: 0 auto 1em;
  padding: 0.25em 1em;
  font-size: 0.8em;
  color: white;
}
.sharing-economy .section08 .contentWrap .flexWrap .block h3 {
  min-height: 3.5em;
  font-size: 1.3em;
  font-weight: normal;
  word-break: keep-all;
}
.sharing-economy .section08 .contentWrap .flexWrap .block h3 span {
  font-size: 1rem;
}
.sharing-economy .section08 .contentWrap .flexWrap .block p {
  text-align: left;
  word-break: normal;
}
.sharing-economy .section09 h2[class] {
  white-space: nowrap;
}
.sharing-economy .section09 > p {
  text-align: center;
  margin-bottom: 4em;
  word-break: keep-all;
}
.sharing-economy .section09 .functionWrap {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sharing-economy .section09 .functionWrap .block {
  -webkit-flex-basis: 16.66667%;
  flex-basis: 16.66667%;
  max-width: 16.66667%;
  text-align: center;
  margin-bottom: 3em;
  word-break: keep-all;
}
@media (max-width: 599px) {
  .sharing-economy .section09 .functionWrap .block {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
    font-size: 0.8em;
  }
}
.sharing-economy .section09 .functionWrap .block img {
  margin-bottom: 1em;
}
.sharing-economy .section09 .functionWrap .block.etc {
  padding-top: 2em;
}
.sharing-economy .section09 .underWrap {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.sharing-economy .section09 .underWrap div {
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
  max-width: 360px;
  margin: 0 1em 1em;
}
@media (max-width: 799px) {
  .sharing-economy .section09 .underWrap div {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.sharing-economy .section09 .underWrap div h3 {
  margin: 1em 0;
  font-size: 1.1em;
  font-weight: normal;
}
.sharing-economy .section09 .option {
  margin-top: 4em;
  padding: 2em;
  background-color: #eeeeee;
}
@media (max-width: 599px) {
  .sharing-economy .section09 .option {
    padding: 2em 0;
  }
}
.sharing-economy .section09 .option h3 {
  font-size: 1.3em;
  font-weight: normal;
  text-align: center;
  word-break: keep-all;
}
.sharing-economy .section09 .option ul {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 6em;
  margin-top: 2em;
}
@media (max-width: 1099px) {
  .sharing-economy .section09 .option ul {
    height: 10em;
  }
}
@media (max-width: 799px) {
  .sharing-economy .section09 .option ul {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 70%;
    margin: 2em auto;
  }
}
@media (max-width: 599px) {
  .sharing-economy .section09 .option ul {
    width: 100%;
  }
}
.sharing-economy .section09 .option ul li {
  height: 2em;
  width: 33%;
}
@media (max-width: 1099px) {
  .sharing-economy .section09 .option ul li {
    width: 50%;
  }
}
@media (max-width: 799px) {
  .sharing-economy .section09 .option ul li {
    width: 100%;
    height: 100%;
  }
}
.sharing-economy .section10 {
  max-width: 100%;
  background-color: #00b27a;
  padding-bottom: 2em;
}
.sharing-economy .section10 h2[class] {
  color: white;
}
.sharing-economy .section10 > p {
  text-align: center;
  margin-bottom: 4em;
  color: white;
  word-break: keep-all;
}
.sharing-economy .section10 .priceWrap {
  max-width: 1282px;
  margin: auto;
  background-image: url(../img/page/sharing-economy-new/bg_price.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-color: white;
  padding: 2em 4em;
}
@media (max-width: 699px) {
  .sharing-economy .section10 .priceWrap {
    background-position: right -8em bottom;
  }
}
@media (max-width: 499px) {
  .sharing-economy .section10 .priceWrap {
    background-position: right -4em bottom;
    background-size: 80%;
  }
}
.sharing-economy .section10 .priceWrap h3 {
  color: #00b27a;
  font-size: 1.4em;
  font-weight: bold;
  white-space: nowrap;
}
.sharing-economy .section10 .priceWrap .flexWrap {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  margin: 1em 0;
  max-width: 630px;
}
.sharing-economy .section10 .priceWrap .flexWrap .block {
  -webkit-flex-basis: 45%;
  flex-basis: 45%;
  max-width: 45%;
  margin: 0 1em 1em 0;
}
@media (max-width: 949px) {
  .sharing-economy .section10 .priceWrap .flexWrap .block {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    min-width: 260px;
  }
}
@media (max-width: 499px) {
  .sharing-economy .section10 .priceWrap .flexWrap .block {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}
.sharing-economy .section10 .priceWrap .flexWrap .block .priceBox {
  border: solid #00b27a 2px;
  background-color: white;
  margin: 0.5em 0;
  padding: 1.5em 0;
  text-align: center;
}
.sharing-economy .section10 .priceWrap .flexWrap .block .priceBox .price {
  display: inline-block;
  color: #00b27a;
  font-weight: bold;
}
.sharing-economy .section10 .priceWrap .flexWrap .block .priceBox .price em {
  font-size: 2em;
}
.sharing-economy .section10 .priceWrap .flexWrap .block span {
  font-size: 0.9em;
}
.sharing-economy .section10 .priceWrap .flexWrap .block strong {
  font-size: 0.9em;
}
.sharing-economy .section10 .inquiryWrap {
  margin: 2em 0 0;
  text-align: center;
  width: 100%;
}
.sharing-economy .section10 .inquiryWrap .inquiry {
  display: inline-block;
  background-color: #d90000;
  color: white;
  margin: 1em;
  width: calc(100% - 2em);
  max-width: 25em;
  padding: 1em 0em;
  border-radius: 0.25em;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
  font-size: 2em;
  font-weight: bold;
  position: relative;
}
@media (max-width: 399px) {
  .sharing-economy .section10 .inquiryWrap .inquiry {
    font-size: 1.2em;
  }
}
.sharing-economy .section10 .inquiryWrap .inquiry:after {
  content: "\f138";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  position: absolute;
  right: 0.5em;
}
.sharing-economy .section11 > p {
  margin-bottom: 4em;
  text-align: center;
  word-break: keep-all;
}
.sharing-economy .section11 .contentWrap {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sharing-economy .section11 .contentWrap .block {
  -webkit-flex-basis: 33%;
  flex-basis: 33%;
  max-width: 33%;
  text-align: center;
  margin: 0 0 2em;
}
@media (max-width: 699px) {
  .sharing-economy .section11 .contentWrap .block {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.sharing-economy .section11 .contentWrap .block h3 {
  margin-bottom: 1em;
  color: #00b27a;
  font-size: 1.5em;
  font-weight: normal;
}
.sharing-economy .section11 .contentWrap .block h4 {
  margin: 1em 0;
  font-size: 1.5em;
  font-weight: normal;
}
.sharing-economy .section11 .contentWrap .block p {
  max-width: 15em;
  margin: auto;
  word-break: keep-all;
}
@media (max-width: 699px) {
  .sharing-economy .section11 .contentWrap .block p {
    max-width: 100%;
  }
}
.sharing-economy .section11 .inquiryWrap {
  margin: 2em 0 0;
  text-align: center;
  width: 100%;
}
.sharing-economy .section11 .inquiryWrap .inquiry {
  display: inline-block;
  background-color: #d90000;
  color: white;
  margin: 1em;
  width: calc(100% - 2em);
  max-width: 25em;
  padding: 1em 0em;
  border-radius: 0.25em;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
  font-size: 2em;
  font-weight: bold;
  position: relative;
}
@media (max-width: 399px) {
  .sharing-economy .section11 .inquiryWrap .inquiry {
    font-size: 1.2em;
  }
}
.sharing-economy .section11 .inquiryWrap .inquiry:after {
  content: "\f138";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  position: absolute;
  right: 0.5em;
}
.sharing-economy .section01 {
  padding-bottom: 0;
}
.sharing-economy .section01 h2[class] {
  color: #00b27a;
}
.sharing-economy .section02 h2[class] {
  color: #00b27a;
}
.sharing-economy .section02 .flexWrap {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-align-items: flex-start;
  /* no prefix */
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 599px) {
  .sharing-economy .section02 .flexWrap {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix */
    display: flex;
    flex-wrap: wrap;
  }
}
.sharing-economy .section02 .flexWrap .block {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  /* no prefix */
  display: flex;
  -webkit-flex-basis: 33%;
  flex-basis: 33%;
  max-width: 33%;
}
@media (max-width: 599px) {
  .sharing-economy .section02 .flexWrap .block {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.sharing-economy .section02 .flexWrap .block div {
  max-width: 360px;
  margin: auto;
  font-size: 0.9em;
}
.sharing-economy .section02 .flexWrap .chev {
  padding-top: 8rem;
}
@media (max-width: 599px) {
  .sharing-economy .section02 .flexWrap .chev {
    width: 100%;
    text-align: center;
    padding-top: 0;
  }
}
.sharing-economy .section02 .flexWrap .chev:before {
  content: "\f054";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  color: #00b27a;
  font-size: 2em;
  margin: 0 0.5em;
}
@media (max-width: 599px) {
  .sharing-economy .section02 .flexWrap .chev:before {
    content: "\f078";
    font-family: "FontAwesome solid";
    vertical-align: baseline;
  }
}
.sharing-economy .section03 {
  background-color: #eeeeee;
  max-width: 100%;
  position: relative;
  padding-bottom: 150px;
}
.sharing-economy .section03 .contentWrap {
  max-width: 1282px;
  margin: auto;
}
.sharing-economy .section03 .contentWrap .flexWrap {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
.sharing-economy .section03 .contentWrap .flexWrap .block {
  margin-bottom: 1em;
}
.sharing-economy .section03 .contentWrap .flexWrap .block:first-child {
  -webkit-flex: 0 1 50%;
  flex: 0 1 50%;
  max-width: 50%;
  line-height: 2em;
}
@media (max-width: 799px) {
  .sharing-economy .section03 .contentWrap .flexWrap .block:first-child {
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.sharing-economy .section03 .contentWrap .flexWrap .block:last-child {
  -webkit-flex: 0 1 45%;
  flex: 0 1 45%;
  max-width: 45%;
  max-width: 540px;
  margin-left: auto;
  text-align: center;
}
@media (max-width: 799px) {
  .sharing-economy .section03 .contentWrap .flexWrap .block:last-child {
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.sharing-economy .section03 .contentWrap .flexWrap .block:last-child figure {
  background-color: white;
  padding: 0.5em 1em;
  margin-bottom: 1em;
}
.sharing-economy .section03 .contentWrap .flexWrap .block:last-child strong {
  margin: 0.5em 0;
}
.sharing-economy .section03 .contentWrap .flexWrap .block:last-child p {
  font-size: 0.8em;
  margin: 1em 0;
  word-break: keep-all;
}
.sharing-economy .section03 .contentWrap .flexWrap .block:last-child .caption {
  display: block;
  font-size: 0.8em;
  text-align: right;
}
.sharing-economy .section03 .sangyoImage {
  position: absolute;
  bottom: -110px;
  width: 100%;
  margin: auto;
  text-align: center;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-justify-content: center;
  /* no prefix */
  display: flex;
  justify-content: center;
}
@media (max-width: 799px) {
  .sharing-economy .section03 .sangyoImage {
    bottom: -90px;
  }
}
@media (max-width: 599px) {
  .sharing-economy .section03 .sangyoImage {
    bottom: -70px;
  }
}
@media (max-width: 499px) {
  .sharing-economy .section03 .sangyoImage {
    bottom: -50px;
  }
}
.sharing-economy .section03 .sangyoImage div {
  padding: 0 0.5em;
  -webkit-flex-basis: 230px;
  flex-basis: 230px;
  max-width: 230px;
}
.sharing-economy .section04 {
  max-width: 100%;
  background-image: url(../img/page/sharing-economy-new/bg_logos.png);
  background-position: center center;
  background-color: #00b27a;
  padding-top: 150px;
  color: white;
  text-align: center;
}
.sharing-economy .section04 > p {
  word-break: keep-all;
}
.sharing-economy .section04 .flexWrap {
  max-width: 1282px;
  margin: 2em auto 0;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sharing-economy .section04 .flexWrap .block {
  -webkit-flex-basis: 20%;
  flex-basis: 20%;
  max-width: 20%;
  margin-bottom: 2em;
  font-weight: bold;
}
@media (max-width: 699px) {
  .sharing-economy .section04 .flexWrap .block {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media (max-width: 499px) {
  .sharing-economy .section04 .flexWrap .block {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}
.sharing-economy .section04 .etc {
  max-width: 1282px;
  margin: auto;
  text-align: right;
}
.sharing-economy .section12 {
  max-width: 100%;
  background-color: #eeeeee;
}
.sharing-economy .section12 .content {
  max-width: 1282px;
  margin: auto;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
.sharing-economy .section12 .content > div {
  display: block;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
@media (max-width: 699px) {
  .sharing-economy .section12 .content > div {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.sharing-economy .section12 .qaWrap {
  background: white;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 2px;
  margin: 1%;
  padding: 0;
}
.sharing-economy .section12 .qaWrap header {
  display: table;
  width: 100%;
  background: url(../img/page/sharing-economy-new/q.png) no-repeat 1.3em 1em;
  background-size: 1.5em auto;
  padding: 1em;
  padding-left: 3.3em;
}
.sharing-economy .section12 .qaWrap header > * {
  display: table-cell;
  vertical-align: middle;
}
.sharing-economy .section12 .qaWrap header h3 {
  max-width: 20em;
  padding: 0.5em;
  padding-right: 1em;
}
.sharing-economy .section12 .qaWrap header .js-nextShow {
  cursor: pointer;
  text-align: right;
}
.sharing-economy .section12 .qaWrap header .js-nextShow:after {
  content: "\f055";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  display: inline-block;
  color: #00b27a;
  font-size: 1.5rem;
}
.sharing-economy .section12 .qaWrap .js-hide {
  font-size: 0.9em;
  background: #fafafa;
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  line-height: 2;
  padding: 2em;
}
.sharing-economy .section12 .qaWrap .js-hide p:not(:last-of-type) {
  margin-bottom: 1em;
}

footer {
  background-color: #333333;
  color: white;
  padding: 2em;
}
footer .footerWrap {
  max-width: 1282px;
  margin: auto;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 899px) {
  footer .footerWrap > * {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    text-align: center;
    margin: 1em 0;
  }
}
footer .footerWrap .companyInfo {
  font-size: 0.8em;
  margin-left: 1em;
}
footer .footerWrap .inquiryWrap {
  margin-left: auto;
}
footer .footerWrap .inquiryWrap .inquiry {
  display: inline-block;
  background-color: #d90000;
  color: white;
  border-radius: 0.5em;
  padding: 0.5em 1em;
  font-size: 1.6em;
  font-weight: bold;
}
footer .footerWrap .inquiryWrap .inquiry:after {
  content: "\f138";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-left: 0.5em;
}
footer .copyright {
  font-size: 0.9em;
  padding: 1em;
  text-align: center;
}

.goToTop {
  display: none;
  position: fixed;
  right: 1em;
  bottom: 2em;
  cursor: pointer;
  font-size: 0.8em;
}
.goToTop:before {
  content: "\f062";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  font-size: 2em;
}

html {
  scroll-behavior: smooth;
}

.campaign {
  max-width: 100% !important;
  background: -moz-linear-gradient(top, #28ab7b, #00b27a);
  background: -webkit-linear-gradient(top, #28ab7b, #00b27a);
  background: linear-gradient(to bottom, #28ab7b, #00b27a);
  padding: 6em 0 5em;
  position: relative;
}
.campaign:before {
  content: url(../img/page/cp/corner_top.png);
  position: absolute;
  left: 0;
  top: 0;
  line-height: 0;
}
.campaign:after {
  content: url(../img/page/cp/corner_bottom.png);
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 0;
}
.campaign .contentWrap {
  max-width: 1282px;
  margin: auto;
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-justify-content: center;
  /* no prefix */
  display: flex;
  justify-content: center;
  padding: 2.5em 0 0;
  position: relative;
}
@media (max-width: 699px) {
  .campaign .contentWrap {
    display: -ms-flexbox;
    /* prefix -> -webkit- */
    display: -webkit-flex;
    -webkit-flex-direction: column-reverse;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    /* no prefix */
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .campaign .contentWrap .cp2 {
    margin-bottom: 1em;
  }
}
.campaign .contentWrap .date {
  position: absolute;
  top: -12em;
  right: 0em;
  text-align: center;
}
@media (max-width: 599px) {
  .campaign .contentWrap .date {
    top: -14em;
  }
}
.campaign .contentWrap .date img {
  max-width: 60em;
}
@media (max-width: 899px) {
  .campaign .contentWrap .date img {
    width: 80%;
  }
}
.campaign .inquiryWrap {
  margin: 0em 0 0;
  text-align: center;
  width: 100%;
}
.campaign .inquiryWrap .inquiry {
  display: inline-block;
  background-color: #d90000;
  color: white;
  margin: 0em 0 0;
  width: calc(100% - 2em);
  max-width: 25em;
  padding: 1em 0em;
  border-radius: 0.25em;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
  font-size: 2em;
  font-weight: bold;
  position: relative;
}
@media (max-width: 399px) {
  .campaign .inquiryWrap .inquiry {
    font-size: 1.2em;
  }
}
.campaign .inquiryWrap .inquiry:after {
  content: "\f138";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  position: absolute;
  right: 0.5em;
}
.campaign .inquiryWrap .inquiry span {
  position: absolute;
  bottom: 1em;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1rem;
}
.campaign .attention {
  font-size: 1.2em;
  font-weight: bold;
  color: white;
  text-align: center;
  word-break: keep-all;
}
.campaign .caption {
  text-align: center;
  color: white;
}

.campaign2 {
  background-color: #00b27a;
}

.banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 1em 0;
  transition: 0.3s;
}
@media (max-width: 499px) {
  .banner {
    padding: 0;
  }
}
.banner:hover {
  background-color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
}
.banner .bannerWrap {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
  max-width: 1282px;
  margin: auto;
}
.banner .bannerWrap * {
  transition: 0.3s;
}
.banner .bannerWrap:after {
  content: "\f13a";
  font-family: "FontAwesome solid";
  vertical-align: baseline;
  margin-left: auto;
  margin-right: 0.25em;
  font-size: 2em;
  color: #eba047;
}
.banner .bannerWrap .date {
  -webkit-flex-basis: 150px;
  flex-basis: 150px;
  max-width: 150px;
  min-width: 6em;
}
@media (max-width: 374px) {
  .banner .bannerWrap .date {
    min-width: 0em;
  }
}
.banner .bannerWrap .date img {
  position: absolute;
  max-width: 100px;
  bottom: 0;
}
@media (max-width: 799px) {
  .banner .bannerWrap .date img {
    max-width: 100px;
  }
}
@media (max-width: 374px) {
  .banner .bannerWrap .date img {
    max-width: 80px;
  }
}
.banner .bannerWrap .flexWrap {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
@media (max-width: 499px) {
  .banner .bannerWrap .flexWrap {
    padding-top: 1em;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .banner .bannerWrap .flexWrap div {
    -webkit-flex-basis: 45%;
    flex-basis: 45%;
    max-width: 45%;
  }
  .banner .bannerWrap .flexWrap div.bn3 {
    position: relative;
    top: -1.3em;
  }
}
.banner .bannerWrap .flexWrap .bn2 {
  margin: 0 0.5em;
}

.siteFooter {
  margin-top: 0;
}

.bn-title {
  text-align: center;
  color: white;
  font-size: 1.5em;
  font-weight: bold;
}
@media (max-width: 599px) {
  .bn-title {
    font-size: 1em;
  }
}

.goToTop {
  bottom: 5em;
}
