@charset "UTF-8";
.page_faq-mv {
  position: relative;
  height: 240px;
  background: 95% 95% / cover no-repeat;
  padding-top: 6.4rem
}

@media (max-width:1023px) {
  .page_faq-mv {
    margin-top: 0;  
    padding-top: 9.6rem
  }
}

@media only screen and (max-width:480px), only screen and (max-width:321px) {
  .page_faq-mv {
    height: 200px;
    padding-top: 7.6rem
  }
}

.page_faq-mv:after {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  z-index: 90;
  width: 100%;
  height: 100%;
  top: 0
}

.page_faq-mv-title {
  z-index: 95;
  position: relative
}

.page_faq-mv-title-sub {
  width: 64px;
  margin: 0 auto;
  margin-bottom: 0.4rem
}

.page_faq-mv-title-sub img {
  width: 100%
}

.page_faq-mv-title-main {
  width: 180px;
  margin: 0 auto
}

.page_faq-mv-title-main img {
  width: 100%
}

.page_faq {
  padding-top: 5rem;
  padding-bottom: 4rem
}

@media only screen and (max-width:480px), only screen and (max-width:321px) {
  .page_faq {
    background-color: rgba(60, 182, 250, 0.3);
    padding: 3.2rem 0
  }
}

.page_faq-wrapper {
  text-align: center;
  color: #5f5d60
}

.page_faq-wrapper-list {
  margin: 0 auto;
  padding: 0;
  list-style: none
}

.page_faq-wrapper-list-item {
  margin: 10px;
  position: relative;
  cursor: pointer;
  text-align: left;
  background: #f9688f;
  color: white
}

.page_faq-wrapper-list-item .question {
  padding: 1.6rem
}

.page_faq-wrapper-list-item .question_title {
  font-size: 1.6rem
}

@media only screen and (min-width:481px) and (max-width:769px), only screen and (max-width:480px), only screen and (max-width:321px) {
  .page_faq-wrapper-list-item .question_title {
    width: 88%;
    font-size: 1.4rem
  }
}

.page_faq-wrapper-list-item .question_icon {
  position: absolute;
  top: 8px;
  right: 24px;
  color: #fff;
  font-size: 24px
}

.page_faq-wrapper-list-item .answer {
  font-size: 16px;
  display: none;
  padding: 1.6rem;
  margin-bottom: 15px;
  background: #f5f5f5;
  color: #1a1a1a
}

.page_terms {
  padding-bottom: 4rem
}

@media only screen and (max-width:321px) {
  .page_terms {
    padding-bottom: 0rem
  }
}

.page_terms-container {
  padding-bottom: 4rem
}

@media only screen and (max-width:480px), only screen and (max-width:321px) {
  .page_terms-container {
    padding-bottom: 3.2rem
  }
}

.page_terms-container:nth-of-type(2) {
  padding: 0rem
}

@media only screen and (max-width:480px), only screen and (max-width:321px) {
  .page_terms-container:nth-of-type(2) {
    padding-bottom: 3.2rem
  }
}

.page_terms-container-list {
  line-height: 32px
}

.page_terms-container-list li {
  margin-bottom: 0.8rem
}

.page_terms-container-list-deco {
  width: 2%;
  color: #fb9602;
  margin-right: 4px
}

@media only screen and (max-width:321px) {
  .page_terms-container-list-deco {
    width: 6%
  }
}

.page_terms-container-list-text {
  width: 97%;
  font-size: 1.6rem
}

@media only screen and (max-width:321px) {
  .page_terms-container-list-text {
    width: 92%
  }
}

.page_terms-container:nth-of-type(2) {
  margin-bottom: 0
}

@media only screen and (max-width:321px), only screen and (max-width:480px) {
  .page_terms {
    padding-top: 3.2rem;
    padding-bottom: 0rem
  }
}

.page_terms-container-list {
  line-height: 32px
}

.page_terms-container-list .list_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #cdcdcd;
  justify-content: space-between
}

.page_terms-container-list li {
  margin-bottom: 0.8rem
}

.page_terms-container-list-deco {
  width: 2%;
  color: #fb9602;
  margin-right: 4px
}

@media only screen and (max-width:321px) {
  .page_terms-container-list-deco {
    width: 6%
  }
}

.page_terms-container-list-text {
  width: 97%;
  font-size: 1.6rem
}

@media only screen and (max-width:321px), only screen and (max-width:480px) {
  .page_terms-container-list-text {
    width: 93%
  }
}

.page_terms-container:nth-of-type(2) {
  margin-bottom: 0
}

@media only screen and (max-width:480px), only screen and (max-width:321px) {
  .page_company {
    /*background-color: rgba(60, 182, 250, 0.3);*/
    padding-top: 3.2rem
  }
}

.page_company{
    padding-bottom: 5rem;
}

.page_company .company_information-table {
  width: 100%;
  border: 1px solid #c3c4c4;
  border-collapse: collapse;
  margin-bottom: 4rem
}

.page_company .company_information-table-tr {
  align-items: center
}

.page_company .company_information-table-tr-th {
  border: 1px solid #c3c4c4;
  width: 24%;
  justify-content: space-between;
  font-size: 1.4rem;
  background: #f5f5f5;
  padding: 2rem 1.6rem 1.6rem 1.6rem;
  text-align: initial
}

@media (max-width:1060px) {
  .page_company .company_information-table-tr-th {
    width: 32%
  }
}

@media (max-width:960px) {
  .page_company .company_information-table-tr-th {
    width: 100%;
    display: block;
    border: initial
  }
}

.page_company .company_information-table-tr-th-name {
  display: inline
}

.page_company .company_information-table-tr-th-required {
  background: #f9688f;
  color: white;
  font-size: 1.4rem;
  padding-top: 0.4rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  padding-bottom: 0.6rem;
  float: right;
  margin-top: -4px
}

@media (max-width:960px) {
  .page_company .company_information-table-tr-th-required {
    float: initial;
    margin-left: 2.4rem
  }
}

.page_company .company_information-table-tr td {
  border: 1px solid #c3c4c4;
  width: 67%;
  background: #fff;
  text-align: left;
  padding: 1.6rem
}

@media (max-width:960px) {
  .page_company .company_information-table-tr td {
    width: 100% !important;
    display: block;
    padding: 1.6rem;
    border-top: 1px solid #c3c4c4;
    border-bottom: 1px solid #c3c4c4;
    border-right: initial;
    border-left: initial
  }
}

.page_company .company_information-table-tr td input {
  width: 100%;
  padding: 0.8rem;
  border: 1px solid #c3c4c4
}

.page_company .r_contact_form-table {
  margin-bottom: 0rem
}

.page_company-container {
  padding-top: 4rem
}

@media only screen and (max-width:480px), only screen and (max-width:321px) {
  .page_company-container {
    padding-top: 3.2rem
  }
}

@media only screen and (max-width:480px), only screen and (max-width:321px) {
  .page_company-container .common-title {
    font-size: 1.8rem
  }
}