@charset "utf-8";
.p-usage {

}
.p-usage__title {
  background: #305666;
}
.p-usage__title-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: calc(48/750*100%) 0;
}
.p-usage__titleBody {
  display: block;
  margin: 0 auto;
  width: calc(592/680*100%);
}
.p-usage__intro {
  padding: calc(70/750*100%) 0 calc(76/750*100%);
  background: url("../images/bg-gray.png") center center/calc(126/750*100vw) calc(126/750*100vw) repeat;
}
@media screen and (min-width: 750px) {
  .p-usage__intro {
    background: url("../images/bg-gray.png") center center/126px 126px repeat;
  }
}
.p-usage__introTxt {
  margin: 0 auto;
  width: calc(636/680*100%);
}
.p-usage__introMovie {
  position: relative;
  margin: calc(64/680*100%) 0 calc(40/680*100%);
  width: 100%;
}
.p-usage__introMovieBody {
  position: relative;
  padding-top: calc(9/16*100%);
  height: 0;
}
.p-usage__introMovieBody iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-usage__introNext {
  margin: calc(52/680*100%) auto 0;
  width: calc(664/680*100%);
}
.p-usage__thanksTitle {
  background: #305666;
}
.p-usage__thanksTitle-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-usage__thanksTitleBody {
  margin-top: calc(-40/680*100%);
  padding-bottom: calc(40/680*100%);
  width: calc(646/680*100%);
}
.p-usage__thanksImg {
  margin-bottom: calc(80/750*100%);
}
.p-usage__thanksImg img {
  margin: 0 0 0 calc(-20/680*100%);
  width: calc(700/680*100%);
}
.p-usage__consciousnessTitle {
  background: #305666;
}
.p-usage__consciousnessTitle-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-usage__consciousnessTitleBody {
  margin-top: calc(-40/680*100%);
  padding-bottom: calc(40/680*100%);
  width: calc(571/680*100%);
}
.p-usage__consciousnessBodyMessage {
  margin-top: calc(84/680*100%);
}
.p-usage__everydayTitle {
  background: #305666;
}
.p-usage__everydayTitle-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-usage__everydayTitleBody {
  margin-top: calc(-40/680*100%);
  padding-bottom: calc(40/680*100%);
  width: calc(680/680*100%);
}
.p-usage__everydayBodyIntro {
  margin: calc(56/680*100%) 0 0 calc(-13/680*100%);
  width: calc(617/680*100%);
}
.p-recommend {
  padding-bottom: calc(164/750*100%);
}
.p-recommend__listItemBody {
  display: flex;
  flex-direction: column-reverse;
}
.p-recommend__listItemBtn {
  margin-top: calc(40/750*100%);
}
.p-voice {
  padding: calc(80/680*100%) 0;
  background: #e7e7d9;
}
.p-voice__title {
  margin: 0 auto;
  width: calc(625/680*100%);
}
.p-voice__list {
  display: flex;
  flex-direction: column;
  margin-top: calc(80/680*100%);
}
.p-voice__listItem {
  padding: calc(48/680*100%) 0 calc(36/680*100%);
  background: #fff;
  border: 4px solid #b28850;
}
@media screen and (max-width: 430px) {
  .p-voice__listItem {
    border: 3px solid #b28850;
  }
}
.p-voice__listItem:not(:first-child) {
  margin-top: calc(32/680*100%);
}
.p-voice__listItem.is-hide {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.p-voice__listItem-inner {
  margin: 0 auto;
  width: calc(600/680*100%);
}
.p-voice__listItemTitle {
  line-height: 1.4;
  font-size: calc(36/750*100vw);
  font-weight: 700;
}
@media screen and (min-width: 750px) {
  .p-voice__listItemTitle {
    font-size: calc(36em/16);
  }
}
.p-voice__listItemTxt {
  margin-top: calc(16/600*100%);
  padding-top: calc(16/600*100%);
  line-height: 1.8;
  font-size: calc(26/750*100vw);
  font-weight: 500;
  border-top: 3px solid #dfd0b9;
}
@media screen and (min-width: 750px) {
  .p-voice__listItemTxt {
    font-size: calc(26em/16);
  }
}
@media screen and (max-width: 430px) {
  .p-voice__listItemTxt {
    font-size: calc(28/750*100vw);
    border-top: 2px solid #dfd0b9;
  }
}
.p-voice__btn {
  margin-top: calc(64/600*100%);
  font-size: calc(16/750*100vw);
}
@media screen and (min-width: 750px) {
  .p-voice__btn {
    font-size: 1em;
  }
}
.p-voice__btnBody {
  display: block;
  margin: 0 auto;
  width: calc(370em/27);
  height: calc(118em/27);
  font-size: calc(27em/16);
  font-weight: 700;
  background: #fff;
  border-radius: 100vmax;
  box-shadow: 0 0 20px 4px rgba(10, 10, 0, .07);
  outline: 0;
  border: 0;
  appearance: none;
  cursor: pointer;
}
.p-voice__click {
  margin-top: calc(64/600*100%);
  text-align: center;
  font-size: calc(26/750*100vw);
  font-weight: 700;
}
.p-voice__click span {
  color: #f26a20;
}
@media screen and (min-width: 750px) {
  .p-voice__click {
    font-size: calc(26em/16);
  }
}
@media screen and (max-width: 430px) {
  .p-voice__click {
    font-size: calc(28/750*100vw);
  }
}
.p-outro {
  padding-bottom: calc(132/750*100%);
}
.p-outro__btn {
  margin: calc(56/680*100%) auto 0;
  width: calc(573/680*100%);
}