@charset "UTF-8";

.c5-4krecorder {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', 'Hiragino Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .05em;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  .c5-4krecorder {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

@media screen and (max-width: 768px) {
  .c5-4krecorder {
    margin: 0 -20px;
  }
}

@media screen and (max-width: 768px) {
  .c5-4krecorder .c5-only-pc {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .c5-4krecorder .c5-only-sp {
    display: none;
  }
}

.c5-4krecorder .c5-clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.c5-4krecorder__img {
  max-width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  vertical-align: bottom;
}

.c5-4krecorder__txt {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.9;
  max-width: 492px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .c5-4krecorder__txt {
    font-size: 13px;
    line-height: 1.8;
  }
}

.c5-4krecorder .c5-sectionCommon__heading {
  margin: 0;
  color: #008fd3;
  font-size: 30px;
  text-align: center;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .c5-4krecorder .c5-sectionCommon__heading {
    font-size: 20px;
  }
}

.c5-4krecorder .c5-sectionCommon__heading .sectionCommon__icon {
  display: block;
  margin-bottom: 2.6%;
}

@media screen and (max-width: 768px) {
  .c5-4krecorder .c5-sectionCommon__heading .sectionCommon__icon {
    width: 27%;
    margin: 0 auto 4.1%;
  }
}

.c5-4krecorder .c5-sectionCommon__advice {
  width: 25%;
  margin: 4.5% auto 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .c5-4krecorder .c5-sectionCommon__advice {
    width: 40%;
    margin: 8.9% auto 0;
  }
}

.c5-4krecorder__heading {
  margin: 4.6% 0 0;
}

.c5-4krecorder__lead {
  margin-top: 4.6%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .c5-4krecorder__lead {
    width: 84%;
    margin: 4.6% auto 0;
  }
}

.c5-4krecorder__conversation {
  margin-top: 4.6%;
  text-align: center;
}

.c5-4krecorder__text {
  margin: 4% auto 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .c5-4krecorder__text {
    width: 90%;
  }
}

.c5-section01 {
  margin-top: 5%;
}

@media screen and (max-width: 768px) {
  .c5-section01 {
    margin-top: 4%;
  }
}

.c5-section01__heading {
  width: 59%;
  margin: 2.6% auto 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .c5-section01__heading {
    width: 72.7%;
  }
}

.c5-section01__overview {
  width: 90%;
  margin: 5.2% auto 0;
}

@media screen and (max-width: 768px) {
  .c5-section01__overview {
    width: 86.7%;
    margin: 12.5% auto 0;
  }
}

.c5-section02 {
  margin-top: 4%;
}

.c5-section02__conversation {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .c5-section02__conversation {
    margin-top: 3.1%;
  }
}

.c5-section02__band {
  background-color: #b8b8b8;
}

.c5-section02__band-text {
  position: relative;
  width: 80.5%;
  margin: 5.7% auto 0;
  padding: 3.5% 0 3.5% 24.2%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 27px;
  font-weight: 600;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .c5-section02__band-text {
    width: 90.5%;
    padding: 5.2% 0 4.7% 26.1%;
    font-size: 13.5px;
  }
}

.c5-section02__band-text:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 7%;
  width: 20.7%;
  padding-top: 40.2%;
  background: url(../../4krecorder/images/bg-human_pc.png) no-repeat center bottom;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .c5-section02__band-text:before {
    left: -2%;
    width: 28.8%;
    padding-top: 34.8%;
    background: url(../../4krecorder/images/bg-human_sp.png) no-repeat center center;
    background-size: contain;
  }
}

.c5-section02__title {
  margin-top: 2.9%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .c5-section02__title {
    font-size: 20.5px;
  }
}

.c5-section02_overview {
  width: 70.5%;
  margin: 4.2% auto 0;
}

@media screen and (max-width: 768px) {
  .c5-section02_overview {
    width: 90.5%;
    margin-top: 6.6%;
  }
}

.c5-section02__point {
  width: 85%;
  margin: 5.5% auto 0;
}

@media screen and (max-width: 768px) {
  .c5-section02__point {
    margin-top: 4.6%;
  }
}

.c5-section02__table {
  width: 85%;
  margin: 4.2% auto 0;
}

@media screen and (max-width: 768px) {
  .c5-section02__table {
    width: 79.3%;
    margin: 8% auto 0;
  }
}

.c5-section03 {
  margin-top: 7.1%;
}

.c5-section03__conversation {
  width: 71.9%;
  margin: 4.2% auto 0;
}

@media screen and (max-width: 768px) {
  .c5-section03__conversation {
    width: 86.7%;
    margin: 4.5% auto 0;
  }
}

.c5-section03__point {
  width: 72.5%;
  margin: 4% auto 0;
}

@media screen and (max-width: 768px) {
  .c5-section03__point {
    width: 79.3%;
    margin: 9.9% auto 0;
  }
}

.c5-section03__overview {
  width: 90%;
  margin: 5.6% auto 0;
}

@media screen and (max-width: 768px) {
  .c5-section03__overview {
    width: 86.7%;
    margin: 9.3% auto 0;
  }
}

.c5-section03__notes {
  display: block;
  width: 90%;
  margin: 1.3% auto 0;
  font-size: 12px;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .c5-section03__notes {
    width: 86.7%;
    margin: 1.3% auto 0;
    font-size: 10px;
    text-align: left;
  }
}

.c5-section04 {
  margin-top: 7.5%;
}

.c5-section04__conversation {
  width: 71.9%;
  margin: 3.3% auto 0;
}

@media screen and (max-width: 768px) {
  .c5-section04__conversation {
    width: 86.7%;
    margin: 6.7% auto 0;
  }
}

.c5-section04__point {
  width: 80.5%;
  margin: 5% auto 0;
}

@media screen and (max-width: 768px) {
  .c5-section04__point {
    width: 100%;
    margin: 6.7% auto 0;
  }

  .c5-section04__point .c5-4krecorder__txt a {
    width: 86.7%;
    margin: 6.6% auto 0;
    font-size: 13px;
  }
}

.c5-section04__point .c5-section04__button {
  margin-top: 3.3%;
  font-size: 19px;
  text-align: center;
}

.c5-section04__further {
  width: 80.5%;
  margin: 6.8% auto 0;
}

@media screen and (max-width: 768px) {
  .c5-section04__further {
    width: 100%;
    margin: 12.4% auto 0;
  }

  .c5-section04__further .c5-4krecorder__txt a {
    width: 86.7%;
    margin: 6.6% auto 0;
    font-size: 13px;
  }
}

.c5-section04__further picture:nth-child(2) {
  display: block;
  width: 85%;
  margin: 0 auto;
}

.c5-section04__further picture:nth-child(2) .c5-4krecorder__img {
  margin-top: 1.6%;
}

@media screen and (max-width: 768px) {
  .c5-section04__further picture:nth-child(2) .c5-4krecorder__img {
    margin-top: .7%;
  }
}

.c5-section04__further picture:nth-child(3) .c5-4krecorder__img {
  margin-top: 4.2%;
}

@media screen and (max-width: 768px) {
  .c5-section04__further picture:nth-child(3) .c5-4krecorder__img {
    margin-top: 5.2%;
  }
}

.c5-section04__further .c5-section04__button {
  margin-top: 3.3%;
  font-size: 19px;
  text-align: center;
}

.c5-section04__summary {
  width: 70%;
  margin: 6.4% auto 0;
}

@media screen and (max-width: 768px) {
  .c5-section04__summary {
    width: 77.7%;
    margin: 13.6% auto 0;
  }
}

.c5-section04__notes {
  display: block;
  margin: 1.3% 0 0;
  width: 100%;
  font-size: 12px;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .c5-section04__notes {
    width: 86.7%;
    margin: 1.3% auto 0;
    font-size: 10px;
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
  }
}

.c5-section05 {
  margin: 0;
  padding: 5.9% 0 7.2%;
  background-color: #e5f4fb;
}

@media screen and (max-width: 768px) {
  .c5-section05 {
    padding: 14.5% 0 18%;
  }

  .c5-section05 .c5-section04__notes {
    width: 100%;
  }
}

.c5-section05__heading {
  margin: 0;
  font-size: 28.5px;
  line-height: 1.4;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .c5-section05__heading {
    font-size: 16.8px;
  }
}

.c5-section05__product {
  width: 66.8%;
  margin: 4.3% auto 0;
}

@media screen and (max-width: 768px) {
  .c5-section05__product {
    width: 87.1%;
    margin: 3.9% auto 0;
  }
}

.c5-section05__row {
  width: 66.8%;
  margin: 2.2% auto 0;
  padding: 0;
  list-style-type: none;
}

@media screen and (max-width: 768px) {
  .c5-section05__row {
    width: 66.7%;
    margin: 8.7% auto 0;
  }
}

.c5-section05__col {
  width: 47.7%;
  float: left;
}

@media screen and (max-width: 768px) {
  .c5-section05__col {
    width: 100%;
    float: none;
  }
}

.c5-section05__col:nth-child(2) {
  margin-left: 4.6%;
}

@media screen and (max-width: 768px) {
  .c5-section05__col:nth-child(2) {
    margin: 10.8% 0 0 0;
  }
}

.c5-section05__button {
  margin-top: 6.6%;
  font-size: 19px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .c5-section05__button {
    font-size: 13px;
  }
}

.c5-section05__bnr {
  margin-top: 3.3%;
}

.c5-section05__bnr p {
  font-size: 28px;
  text-align: center;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .c5-section05__bnr p {
    font-size: 16px;
  }
}

.c5-section05__bnr picture a {
  display: block;
  width: 91.66%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .c5-section05__bnr picture a {
    width: 78.93%;
  }
}

.c5-section05__bnr picture a:hover {
  opacity: .7;
}

.s5-listItem4__store {
  padding: 0;
}

.s5-listItem4__store.c5-listItem4__right {
  margin-top: 32px;
}

.s5-listItem4__store .s5-storeButton {
  font-size: 19px;
}

@media screen and (max-width: 768px) {
  .s5-listItem4__store .s5-storeButton {
    font-size: 13px;
  }
}

.c5-section06__wrap {
  width: 80.5%;
  margin: 80px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .c5-section06__wrap {
    width: 86.7%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.c5-section06__pic {
  width: 48.033%;
}

@media screen and (max-width: 768px) {
  .c5-section06__pic {
    width: 100%;
  }
}

.c5-section06__pic img {
  width: 100%;
}

.c5-section06__right {
  width: 48.033%;
}

@media screen and (max-width: 768px) {
  .c5-section06__right {
    width: 100%;
  }
}

.c5-section06__txt {
  font-size: 24px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .c5-section06__txt {
    font-size: 16px;
  }
}

.c5-section06__lead {
  font-size: 18px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .c5-section06__lead {
    font-size: 14px;
  }
}

.c5-section06__link {
  display: block;
  width: 51%;
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .c5-section06__link {
    width: 56.5%;
  }
}

.c5-section06__link .c5-section06__button {
  background: #000;
  color: #fff;
}

.c5-section1__link {
  width: 90%;
  margin: 5.2% auto 0;
  background: #e5f4fb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .c5-section1__link {
    width: 86.7%;
  }
}

.c5-section1__link ul {
  margin: 0;
  list-style: none;
  padding: 3.703%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .c5-section1__link ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 3.07%;
  }
}

.c5-section1__link ul li {
  width: 48%;
}

@media screen and (max-width: 768px) {
  .c5-section1__link ul li {
    width: 100%;
  }
}

.c5-section1__link ul li figure {
  display: block;
  width: 100%;
  margin: 0;
}

.c5-section1__link ul li figure img {
  max-width: 100%;
  vertical-align: bottom;
}

.c5-section1__link ul li .c5-section1__link__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 4.1666%;
}

.c5-section1__link ul li .c5-section1__link__btn.c5-mg {
  margin-top: 11.6666%;
}

@media screen and (max-width: 768px) {
  .c5-section1__link ul li .c5-section1__link__btn.c5-mg {
    margin-top: 4.1666%;
  }
}

.c5-section1__link ul li .c5-section1__link__btn .s5-button {
  margin: 0;
  width: 47.9166%;
}

@media screen and (max-width: 768px) {
  .c5-section1__link ul li .c5-section1__link__btn .s5-button {
    font-size: 12px;
    padding: 8px 10px;
  }
}

.c5-section1__link ul li .c5-section1__link__btn .s5-storeButton {
  width: 47.9166%;
}

@media screen and (max-width: 768px) {
  .c5-section1__link ul li .c5-section1__link__btn .s5-storeButton {
    font-size: 12px;
    padding: 8px 10px;
  }
}

.c5-section1__link ul li .c5-link__notes {
  font-size: 12px;
  margin: 1.3% 0 0;
  color: #83838f;
}

@media screen and (max-width: 768px) {
  .c5-section1__link ul li .c5-link__notes {
    font-size: 10px;
  }
}

@media screen and (max-width: 768px) {
  .c5-section1__link ul li:nth-child(2) {
    margin-top: 7.69%;
  }
}

.c5-section05__col__center {
  margin: 0 auto;
  float: none;
  width: 100%;
}

.c5-4krecorder__img__large {
  max-width: 801px;
  width: 100%;
  display: block;
  margin: 0 auto;
}


.c5-section05__flexWrap {
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: 100%;
  gap: 20px;
}

.c5-section05__flexItem {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .c5-section05__flexWrap {
    flex-direction: column;
    gap: 0;
  }

  .c5-section05__flexItem {
    width: 100%;
  }
}