@charset "UTF-8";
/* Scss Document */
.fvHeader_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: url(../img/face_voice/bg_head.jpg) no-repeat center top;
  height: 82rem;
}
@media only screen and (max-width: 640px) {
  .fvHeader_container {
    height: 128.125vw;
    justify-content: center;
    background: url(../img/face_voice/bg_head_sp.jpg) no-repeat center top;
    background-size: cover;
  }
}
.fvHeader_container.-secondary {
  height: 41rem;
  justify-content: center;
}
.fvHeader_container.-secondary .fv_header {
  width: 32.8125%;
}
@media only screen and (max-width: 640px) {
  .fvHeader_container.-secondary .fv_header {
    width: 70%;
  }
}
.fvHeader_container.-secondary .fv_logo {
  margin: 0;
}
.fv_header {
  padding: 5rem;
  border-radius: 1.6rem;
  background: #fff;
  width: 43.75%;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .fv_header {
    padding: 7.8125vw;
    border-radius: 2.5vw;
    width: 71.25vw;
  }
}
.fv_logo {
  margin-bottom: 1em;
}
.fv_container {
  display: flex;
  flex-wrap: wrap;
}
.fv_title {
  width: 33.3333333333%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 1580px) {
  .fv_title {
    margin-bottom: 6.25vw;
    width: 40%;
  }
}
.fv_title .jp {
  font-size: 3rem;
}
@media only screen and (max-width: 1580px) {
  .fv_title .jp {
    font-size: 2.4rem;
  }
}
.fv_title .en {
  width: 38rem;
}
@media only screen and (max-width: 640px) {
  .fv_title .en {
    width: 31.25vw;
  }
}
@media only screen and (max-width: 640px) {
  .fv_title {
    width: 100%;
  }
}
.fv_title.-secondary {
  padding: 1em;
  width: 16.6666666667%;
}
@media only screen and (max-width: 1580px) {
  .fv_title.-secondary {
    width: 20%;
  }
}
@media only screen and (max-width: 640px) {
  .fv_title.-secondary {
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 640px) {
  .fv_title.-secondary .jp {
    font-size: 1.6rem;
  }
}
.fv_item {
  width: 16.6666666667%;
}
@media only screen and (max-width: 1580px) {
  .fv_item {
    width: 20%;
  }
}
@media only screen and (max-width: 640px) {
  .fv_item {
    width: 33.3333333333%;
  }
}
.fv_body {
  position: relative;
}
.fv_body .fvCategory_list {
  position: absolute;
  bottom: 1.2rem;
  left: 0;
}
.fv_body > a .fvBody_image {
  margin: 0;
  overflow: hidden;
}
.fv_body > a .fvBody_image img {
  transition: transform 0.3s ease;
}
.fv_body > a:hover {
  opacity: 1;
}
.fv_body > a:hover .fvBody_image img {
  transform: scale(1.1);
}
.fvCategory_container {
  margin: 0 auto;
  padding: 4.8rem 3rem;
  width: 100%;
  max-width: 158rem;
}
.fvCategory_list {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 640px) {
  .fvCategory_list {
    gap: 0.625vw;
  }
}
.fvCategory_list.-justify-center {
  justify-content: center;
}
.fvCategory_list.-square .fvCategory_item span,
.fvCategory_list.-square .fvCategory_item a {
  background: #fff;
}
.fvCategory_list.-rounded {
  border-radius: 2em;
}
.fvCategory_list.-rounded .fvCategory_item span,
.fvCategory_list.-rounded .fvCategory_item a {
  border-radius: 2em;
}
.fvCategory_item {
  font-size: 1.5rem;
}
@media only screen and (max-width: 640px) {
  .fvCategory_item {
    font-size: 2.34375vw;
  }
}
.fvCategory_item span,
.fvCategory_item a {
  padding: 0.25em 0.5em;
  display: block;
  background: #F2F8E6;
  text-decoration: none;
  line-height: 1.3;
}
.fv_modal {
  padding: 5rem;
  border-radius: 1.6rem;
  width: 85.2rem;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
@media only screen and (max-width: 640px) {
  .fv_modal {
    width: 90%;
  }
}
.fvModal_inner {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  .fvModal_inner {
    flex-direction: column;
    gap: 4.6875vw;
  }
}
.fvModal_image {
  width: 30.4rem;
}
@media only screen and (max-width: 640px) {
  .fvModal_image {
    width: auto;
  }
}
.fvModal_image img {
  width: 100%;
  max-width: initial;
}
.fvModal_text {
  width: 39.6rem;
}
@media only screen and (max-width: 640px) {
  .fvModal_text {
    width: auto;
  }
}
.fvModal_name {
  margin-bottom: 0.5em;
  font-size: 4rem;
  font-weight: 400;
}
@media only screen and (max-width: 640px) {
  .fvModal_name {
    font-size: 6.25vw;
  }
}
.fvModal_name span {
  font-size: 2.4rem;
}
@media only screen and (max-width: 640px) {
  .fvModal_name span {
    font-size: 3.75vw;
  }
}
.fvModal_comment {
  margin-top: 2em;
}

.caution_modal {
  display: none;
  border-radius: 1.6rem;
}

/* フィールド名が違う場合は voice_term を実名に */
.acf-field-taxonomy[data-name=voice_term] .acf-checkbox-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.acf-field-taxonomy[data-name=voice_term] input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.acf-field-taxonomy[data-name=voice_term] .acf-checkbox-list li label {
  display: inline-block;
  cursor: pointer;
}

.acf-field-taxonomy[data-name=voice_term] .acf-checkbox-list li label span {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  line-height: 1;
  font-size: 1.5rem;
  background: #f7f7f7;
  color: #333;
  transition: 0.15s;
  position: relative;
  padding-left: 16px;
}
@media only screen and (max-width: 640px) {
  .acf-field-taxonomy[data-name=voice_term] .acf-checkbox-list li label span {
    font-size: 2.34375vw;
  }
}

.acf-field-taxonomy[data-name=voice_term] .acf-checkbox-list li label span::before {
  content: "#";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.8;
}

.fv_title.-term27 {
  color: rgb(0, 150, 100);
}

.fvCategory_item.term27 span,
.fvCategory_item.term27 a {
  background: rgba(0, 150, 100, 0.1);
  color: rgb(0, 150, 100);
}

.acf-field-taxonomy[data-name=voice_term] li[data-id="27"] label input:not(:checked) + span {
  background: rgba(0, 150, 100, 0.1);
  color: rgb(0, 150, 100);
}
.acf-field-taxonomy[data-name=voice_term] li[data-id="27"] label input:checked + span {
  background: rgb(0, 150, 100);
  color: #fff;
}

.fv_title.-term26 {
  color: rgb(195, 30, 121);
}

.fvCategory_item.term26 span,
.fvCategory_item.term26 a {
  background: rgba(195, 30, 121, 0.1);
  color: rgb(195, 30, 121);
}

.acf-field-taxonomy[data-name=voice_term] li[data-id="26"] label input:not(:checked) + span {
  background: rgba(195, 30, 121, 0.1);
  color: rgb(195, 30, 121);
}
.acf-field-taxonomy[data-name=voice_term] li[data-id="26"] label input:checked + span {
  background: rgb(195, 30, 121);
  color: #fff;
}

.fv_title.-term25 {
  color: rgb(255, 128, 30);
}

.fvCategory_item.term25 span,
.fvCategory_item.term25 a {
  background: rgba(255, 128, 30, 0.1);
  color: rgb(255, 128, 30);
}

.acf-field-taxonomy[data-name=voice_term] li[data-id="25"] label input:not(:checked) + span {
  background: rgba(255, 128, 30, 0.1);
  color: rgb(255, 128, 30);
}
.acf-field-taxonomy[data-name=voice_term] li[data-id="25"] label input:checked + span {
  background: rgb(255, 128, 30);
  color: #fff;
}

.fv_title.-term24 {
  color: rgb(80, 175, 240);
}

.fvCategory_item.term24 span,
.fvCategory_item.term24 a {
  background: rgba(80, 175, 240, 0.1);
  color: rgb(80, 175, 240);
}

.acf-field-taxonomy[data-name=voice_term] li[data-id="24"] label input:not(:checked) + span {
  background: rgba(80, 175, 240, 0.1);
  color: rgb(80, 175, 240);
}
.acf-field-taxonomy[data-name=voice_term] li[data-id="24"] label input:checked + span {
  background: rgb(80, 175, 240);
  color: #fff;
}

.fv_title.-term23 {
  color: rgb(150, 80, 150);
}

.fvCategory_item.term23 span,
.fvCategory_item.term23 a {
  background: rgba(150, 80, 150, 0.1);
  color: rgb(150, 80, 150);
}

.acf-field-taxonomy[data-name=voice_term] li[data-id="23"] label input:not(:checked) + span {
  background: rgba(150, 80, 150, 0.1);
  color: rgb(150, 80, 150);
}
.acf-field-taxonomy[data-name=voice_term] li[data-id="23"] label input:checked + span {
  background: rgb(150, 80, 150);
  color: #fff;
}

.fv_title.-term22 {
  color: rgb(120, 190, 0);
}

.fvCategory_item.term22 span,
.fvCategory_item.term22 a {
  background: rgba(120, 190, 0, 0.1);
  color: rgb(120, 190, 0);
}

.acf-field-taxonomy[data-name=voice_term] li[data-id="22"] label input:not(:checked) + span {
  background: rgba(120, 190, 0, 0.1);
  color: rgb(120, 190, 0);
}
.acf-field-taxonomy[data-name=voice_term] li[data-id="22"] label input:checked + span {
  background: rgb(120, 190, 0);
  color: #fff;
}

.fv_title.-term21 {
  color: rgb(255, 123, 130);
}

.fvCategory_item.term21 span,
.fvCategory_item.term21 a {
  background: rgba(255, 123, 130, 0.1);
  color: rgb(255, 123, 130);
}

.acf-field-taxonomy[data-name=voice_term] li[data-id="21"] label input:not(:checked) + span {
  background: rgba(255, 123, 130, 0.1);
  color: rgb(255, 123, 130);
}
.acf-field-taxonomy[data-name=voice_term] li[data-id="21"] label input:checked + span {
  background: rgb(255, 123, 130);
  color: #fff;
}

.fv_title.-term20 {
  color: rgb(199, 90, 36);
}

.fvCategory_item.term20 span,
.fvCategory_item.term20 a {
  background: rgba(199, 90, 36, 0.1);
  color: rgb(199, 90, 36);
}

.acf-field-taxonomy[data-name=voice_term] li[data-id="20"] label input:not(:checked) + span {
  background: rgba(199, 90, 36, 0.1);
  color: rgb(199, 90, 36);
}
.acf-field-taxonomy[data-name=voice_term] li[data-id="20"] label input:checked + span {
  background: rgb(199, 90, 36);
  color: #fff;
}

.fv_title.-term19 {
  color: rgb(63, 128, 203);
}

.fvCategory_item.term19 span,
.fvCategory_item.term19 a {
  background: rgba(63, 128, 203, 0.1);
  color: rgb(63, 128, 203);
}

.acf-field-taxonomy[data-name=voice_term] li[data-id="19"] label input:not(:checked) + span {
  background: rgba(63, 128, 203, 0.1);
  color: rgb(63, 128, 203);
}
.acf-field-taxonomy[data-name=voice_term] li[data-id="19"] label input:checked + span {
  background: rgb(63, 128, 203);
  color: #fff;
}

.fv_title.-term3 {
  color: rgb(255, 29, 37);
}

.fvCategory_item.term3 span,
.fvCategory_item.term3 a {
  background: rgba(255, 29, 37, 0.1);
  color: rgb(255, 29, 37);
}

.acf-field-taxonomy[data-name=voice_term] li[data-id="3"] label input:not(:checked) + span {
  background: rgba(255, 29, 37, 0.1);
  color: rgb(255, 29, 37);
}
.acf-field-taxonomy[data-name=voice_term] li[data-id="3"] label input:checked + span {
  background: rgb(255, 29, 37);
  color: #fff;
}

.acf-form-submit {
  text-align: center;
}
.acf-form-submit .acf-button {
  padding: 0.25em 1em;
  border: none;
  color: #fff;
  background: #009564;
}

.acf-form-container {
  transition: all 0.5s 0s ease;
  border-radius: 0 0 0 2.4rem;
  padding: 3rem 5rem 5rem;
  position: fixed;
  right: -54rem;
  top: 10rem;
  width: 54rem;
  background: #fff;
  z-index: 10;
}
@media only screen and (max-width: 640px) {
  .acf-form-container {
    border-radius: 0 0 0 3.75vw;
    padding: 3.75vw 6.875vw 6.875vw;
    position: fixed;
    right: -85vw;
    top: 15.625vw;
    width: 85vw;
  }
}
.acf-form-container .acf-form-title {
  margin-bottom: 0.5em;
  font-size: 2.4rem;
}
@media only screen and (max-width: 640px) {
  .acf-form-container .acf-form-title {
    font-size: 4.375vw;
  }
}
.acf-form-container .acf-taxonomy-field .categorychecklist-holder {
  border: none !important;
}
.acf-form-container .acf-fields > .acf-field {
  padding: 0 0 2.4rem;
  border: none !important;
}
@media only screen and (max-width: 640px) {
  .acf-form-container .acf-fields > .acf-field {
    padding: 0 0 2.8125vw;
  }
}
.acf-form-container .acf-field-image {
  display: flex;
  gap: 0 1em;
}
.acf-form-container .acf-field-image .acf-label {
  margin-right: 0.5em;
}
.acf-form-container .button-post {
  padding: 0.5em 0 1em;
  width: 3.6em;
  position: absolute;
  top: 0;
  left: -3.6em;
  writing-mode: vertical-rl;
  border-radius: 1.2rem 0 0 1.2rem;
  background: #009564;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.acf-form-container .button-post:before {
  margin-bottom: 0.5em;
  content: "";
  display: block;
  font-weight: 700;
  width: 3.6em;
  height: 3.6rem;
  background: url(../img/common/arrow_bold_w_r.svg) no-repeat center center;
  background-size: 75% 75%;
  transform: rotate(180deg);
}
.acf-form-container.-open {
  right: 0;
}
.acf-form-container.-open .button-post:before {
  transform: rotate(0);
}

.acf-fields .acf-field .acf-label {
  vertical-align: top;
  margin: 0 0 0.15em;
}

.show-if-value.image-wrap img {
  max-height: 12rem !important;
}

.acf-field .acf-notice.-error {
  display: inline-block;
}

.acf-field-text .acf-notice.-error.acf-error-message,
.acf-field-textarea .acf-notice.-error.acf-error-message {
  position: absolute;
  top: -3em;
  right: 0;
}/*# sourceMappingURL=face_voice.css.map */