* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul, ol {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

a {
  transition: 0.3s;
  text-decoration: none;
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  a:hover {
    opacity: 0.7;
  }
}

input, textarea, select, button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  box-shadow: none;
  background: none;
  font: inherit;
  color: inherit;
}

table {
  border-collapse: collapse;
}

.wrapper {
  overflow: hidden;
  color: #1A1A1A;
  font-family: "Noto Sans JP", sans-serif;
  background: url(../img/mv.jpg) no-repeat center -400px/1920px;
  letter-spacing: 0.1em;
  font-weight: 400;
}

.inner {
  width: 90%;
  max-width: 750px;
  margin: 0 auto;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

#mv {
  padding-top: min(16.666vw, 125px);
}
#mv p a {
  display: block;
  margin: min(13.866vw, 104px) auto min(20vw, 150px);
  background: #FFE100;
  text-align: center;
  width: min(60vw, 450px);
  font-size: min(3.466vw, 26px);
  border-radius: min(4vw, 30px);
  line-height: min(6.133vw, 46px);
  font-weight: 500;
}

#qa .list {
  padding: 0 min(6.666vw, 50px);
}
#qa .list .group:not(:last-of-type) {
  margin-bottom: min(6.666vw, 50px);
}
#qa .list .group .block {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: min(1.333vw, 10px);
}
#qa .list .group .block .img {
  width: min(13.333vw, 100px);
}
#qa .list .group .block .img img {
  width: 100%;
}
#qa .list .group .block .txt {
  font-size: min(3.466vw, 26px);
  line-height: min(6.133vw, 46px);
  font-weight: 400;
  border-radius: min(4vw, 30px);
  padding: min(0.666vw, 5px) min(3.333vw, 25px) min(0.666vw, 5px) min(4.4vw, 33px);
  position: relative;
}
#qa .list .group .block.yellow {
  justify-content: flex-start;
}
#qa .list .group .block.yellow .txt {
  background: #FFE100;
}
#qa .list .group .block.yellow .txt::before {
  content: "";
  display: block;
  width: min(6vw, 45px);
  height: min(4vw, 30px);
  background: url(../img/arrow_yellow.svg);
  position: absolute;
  top: 50%;
  left: min(-2.133vw, -16px);
  transform: translateY(-50%);
}
#qa .list .group .block.yellow .img {
  margin-right: min(6.666vw, 50px);
}
#qa .list .group .block.multiple_line {
  margin-bottom: min(4vw, 30px);
}
#qa .list .group .block.gray {
  justify-content: flex-end;
}
#qa .list .group .block.gray .txt {
  background: #E6E6E6;
  width: min(50.666vw, 380px);
}
#qa .list .group .block.gray .txt::before {
  content: "";
  display: block;
  width: min(6vw, 45px);
  height: min(4vw, 30px);
  background: url(../img/arrow_gray.svg);
  position: absolute;
  top: 50%;
  right: min(-2.133vw, -16px);
  transform: translateY(-50%);
}
#qa .list .group .block.gray .txt.narrow {
  width: min(40vw, 300px);
  font-feature-settings: "palt";
}
#qa .list .group .block.gray .img {
  margin-left: min(6.666vw, 50px);
}
#qa .list .group .block.multiple {
  margin-bottom: min(2.666vw, 20px);
}

#survey {
  padding: min(13.333vw, 100px) 0 min(6.666vw, 50px);
}
#survey h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(3.466vw, 26px);
  color: #004097;
  font-weight: 500;
  border: 1px solid #004097;
  border-radius: min(0.666vw, 5px);
  width: min(66.666vw, 500px);
  height: min(9.333vw, 70px);
  margin: 0 auto min(8vw, 60px);
  font-feature-settings: "palt";
  line-height: min(6.133vw, 46px);
}
#survey .list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#survey .list .block {
  margin-bottom: min(6vw, 45px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
#survey .list .block h3 {
  font-size: min(3.466vw, 26px);
  font-weight: 400;
  margin-bottom: min(3.2vw, 24px);
  line-height: min(6.133vw, 46px);
  font-feature-settings: "palt";
}
#survey .list .block h3.uni {
  margin-bottom: min(1.333vw, 10px);
}
#survey .list .block h3.uni2 {
  margin-bottom: min(2vw, 15px);
}
#survey .list .block .img {
  width: min(100vw, 750px);
}
#survey .list .info_area {
  display: flex;
  align-items: center;
  width: min(86.666vw, 650px);
  height: min(26.666vw, 200px);
  border-radius: min(1.333vw, 10px);
  background: #DDF5FF;
  position: relative;
  padding: min(2.666vw, 20px) 0;
  margin-bottom: min(6.666vw, 50px);
}
#survey .list .info_area p.img {
  width: min(26.666vw, 200px);
  position: absolute;
  bottom: 0;
  left: -10px;
}
#survey .list .info_area p.txt {
  padding-left: min(25.333vw, 190px);
  font-size: min(2.666vw, 20px);
  line-height: min(4.666vw, 35px);
  font-feature-settings: "palt";
}
#survey .list .info_area p.txt span.blue {
  color: #004097;
}
#survey .list .info_area p.txt span.orange {
  color: #F15A24;
}
#survey .list .info_area2 {
  display: flex;
  align-items: center;
  width: min(86.666vw, 650px);
  height: min(22.666vw, 170px);
  border-radius: min(1.333vw, 10px);
  font-feature-settings: "palt";
  background: #DDF5FF;
  position: relative;
  padding: min(2.666vw, 20px) 0;
  margin-bottom: min(6.666vw, 50px);
}
#survey .list .info_area2 p.img {
  width: min(26.666vw, 200px);
  position: absolute;
  bottom: 0;
  left: -10px;
}
#survey .list .info_area2 p.txt {
  padding-left: min(25.333vw, 190px);
  font-size: min(2.666vw, 20px);
  line-height: min(4.666vw, 35px);
  font-feature-settings: "palt";
}
#survey .list .info_area2 p.txt span.blue {
  color: #004097;
}
#survey .list .info_area2 p.txt span.orange {
  color: #F15A24;
}

#uservoice {
  padding: min(13.333vw, 100px) 0 min(6.666vw, 50px);
  background: #DDF5FF;
}
#uservoice h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(3.466vw, 26px);
  color: #004097;
  font-weight: 500;
  border: 1px solid #004097;
  border-radius: min(0.666vw, 5px);
  width: min(66.666vw, 500px);
  height: min(9.333vw, 70px);
  margin: 0 auto min(6.666vw, 50px);
  font-feature-settings: "palt";
  line-height: min(6.133vw, 46px);
  background: #fff;
}
#uservoice h2 img {
  width: min(20vw, 150px);
  display: inline-block;
  margin-right: min(1.6vw, 12px);
}
#uservoice .list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#uservoice .list .block {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  width: min(86.666vw, 650px);
  height: min(36vw, 270px);
  border-radius: min(1.333vw, 10px);
  margin-bottom: min(6.666vw, 50px);
}
#uservoice .list .block .img {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background: #E6E6E6;
  width: min(20vw, 150px);
  border-radius: min(0.666vw, 5px);
  margin-right: min(3.333vw, 25px);
}
#uservoice .list .block .img span {
  position: absolute;
  display: block;
  font-size: min(3.466vw, 26px);
  font-weight: 500;
  font-feature-settings: "palt";
  color: #fff;
  margin-bottom: min(1.866vw, 14px);
}
#uservoice .list .block .txt {
  position: relative;
  line-height: 2;
  width: min(56.666vw, 425px);
  font-size: min(2.666vw, 20px);
  font-weight: 300;
  font-feature-settings: "palt";
  background-image: linear-gradient(to top, #e6e6e6 0, #e6e6e6 1px, transparent 1px, transparent 100%);
  background-size: 100% 2em;
}
#uservoice .list .block .txt span.blue {
  color: #004097;
}
@media (max-width: 768px) {
  #uservoice .list .block .txt {
    font-size: 10px;
  }
}

#shopvoice {
  padding: min(13.333vw, 100px) 0 min(6.666vw, 50px);
}
#shopvoice h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(3.466vw, 26px);
  color: #004097;
  font-weight: 500;
  border: 1px solid #004097;
  border-radius: min(0.666vw, 5px);
  width: min(66.666vw, 500px);
  height: min(9.333vw, 70px);
  margin: 0 auto min(8vw, 60px);
  font-feature-settings: "palt";
  line-height: min(6.133vw, 46px);
}
#shopvoice .list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#shopvoice .list .block {
  display: flex;
  align-items: center;
  position: relative;
  background: #E6E6E6;
  width: min(86.666vw, 650px);
  margin-bottom: min(6.666vw, 50px);
  border-radius: min(1.333vw, 10px);
  padding: 0 min(3.333vw, 25px);
}
#shopvoice .list .block:nth-of-type(1) {
  height: min(21.333vw, 160px);
}
#shopvoice .list .block:nth-of-type(1) .img {
  width: min(18vw, 135px);
  position: absolute;
  bottom: 0;
  right: min(2.666vw, 20px);
}
#shopvoice .list .block:nth-of-type(2) {
  height: min(16vw, 120px);
}
#shopvoice .list .block:nth-of-type(2) .img {
  width: min(22.666vw, 170px);
  position: absolute;
  bottom: min(-2.666vw, -20px);
  right: 0;
}
#shopvoice .list .block:nth-of-type(3) {
  height: min(26.666vw, 200px);
}
#shopvoice .list .block:nth-of-type(3) .img {
  width: min(25.066vw, 188px);
  position: absolute;
  bottom: 0;
  right: -10px;
}
#shopvoice .list .block .txt {
  width: min(56.666vw, 425px);
  font-size: min(2.666vw, 20px);
  font-weight: 300;
  line-height: 2;
  font-feature-settings: "palt";
  background-image: linear-gradient(to top, #fff 0, #fff 1px, transparent 1px, transparent 100%);
  background-size: 100% 2em;
}
@media (max-width: 768px) {
  #shopvoice .list .block .txt {
    font-size: 10px;
  }
}

#officevoice {
  padding: min(13.333vw, 100px) 0;
  background: #DDF5FF;
}
#officevoice h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(3.466vw, 26px);
  color: #004097;
  font-weight: 500;
  border: 1px solid #004097;
  border-radius: min(0.666vw, 5px);
  width: min(66.666vw, 500px);
  height: min(9.333vw, 70px);
  margin: 0 auto min(6.666vw, 50px);
  font-feature-settings: "palt";
  line-height: min(6.133vw, 46px);
  background: #fff;
}
#officevoice .list {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#officevoice .list .block {
  background: #fff;
  border-radius: min(1.333vw, 10px);
  width: min(86.666vw, 650px);
  margin-bottom: min(6.666vw, 50px);
  padding: min(4vw, 30px) min(3.333vw, 25px);
  font-size: min(2.666vw, 20px);
  line-height: min(5.333vw, 40px);
  font-weight: 300;
  font-feature-settings: "palt";
}
#officevoice .list .block:last-child {
  margin-bottom: min(13.333vw, 100px);
}
#officevoice .list .block .ttl {
  font-size: min(3.466vw, 26px);
  line-height: min(4.8vw, 36px);
  font-weight: 500;
  font-feature-settings: "palt";
  color: #004097;
  margin-bottom: min(3.333vw, 25px);
}
#officevoice .list .block .img {
  margin-bottom: min(2vw, 15px);
}
#officevoice .list .block .property {
  margin-bottom: min(6.666vw, 50px);
  line-height: 2.3;
  background-image: linear-gradient(to top, #e6e6e6 0, #e6e6e6 1px, transparent 1px, transparent 100%);
  background-size: 100% 2.3em;
}
@media (max-width: 768px) {
  #officevoice .list .block .property {
    font-size: 10px;
  }
}
#officevoice .list .block .desc_ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(80vw, 600px);
  height: min(5.333vw, 40px);
  background: #004097;
  color: #fff;
  border-radius: min(0.666vw, 5px);
  font-size: min(2.666vw, 20px);
  line-height: 2.3;
  font-weight: 500;
  text-align: center;
  margin-bottom: min(2.666vw, 20px);
}
#officevoice .list .block .desc {
  line-height: 2.3;
  background-image: linear-gradient(to top, #e6e6e6 0, #e6e6e6 1px, transparent 1px, transparent 100%);
  background-size: 100% 2.3em;
}
#officevoice .list .block .desc:not(:last-of-type) {
  margin-bottom: min(6.666vw, 50px);
}
@media (max-width: 768px) {
  #officevoice .list .block .desc {
    font-size: 10px;
  }
}
#officevoice .totop a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background: #004097;
  color: #fff;
  border-radius: min(2.666vw, 20px);
  width: min(40vw, 300px);
  height: min(5.333vw, 40px);
  font-size: min(2.666vw, 20px);
  line-height: min(6.133vw, 46px);
  font-weight: 500;
}

@media (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  #qa .inner {
    width: 100%;
  }
  #survey .list .block {
    width: 100%;
  }
  #survey .list .block .img {
    width: 100%;
  }
  #survey .list .info_area p.img,
  #survey .list .info_area2 p.img {
    left: -15px;
  }
}/*# sourceMappingURL=style.css.map */