/*
* about.css
*
*/
/* --------------------------------
About
-------------------------------- */
/* Common -------------------- */
.l-about-inner {
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .l-about-inner {
    width: 86.66667vw;
  }
}
@media (min-width: 768px) {
  .l-about-inner {
    padding-right: 10.9375vw;
    padding-left: 10.9375vw; 
    max-width: 1264px;
  }
}
@media (min-width: 1280px) {
  .l-about-inner {
    padding-right: 140px;
    padding-left: 140px;
  }
}

.about_heading {
  letter-spacing: 0.08em;
  text-transform: uppercase; 
  font-family: "din-2014", sans-serif;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .about_heading {
    font-size: 3.73333vw;
  }
}
@media (min-width: 768px) {
  .about_heading {
    font-size: 1.40625vw;
  }
}
@media (min-width: 1280px) {
  .about_heading {
    font-size: 18px;
  }
}

/* About --------------------- */
@media (max-width: 767.98px) {
  .about {
    padding-bottom: 32vw;
  }
}

@media (min-width: 768px) {
  .about {
    padding-bottom: 18.75vw;
  }
}

@media (min-width: 1280px) {
  .about {
    padding-bottom: 240px;
  }
}

/* Statement ----------------- */
@media (max-width: 767.98px) {
  .statement {
    padding-top: 23.33333vw;
  }
}

@media (min-width: 768px) {
  .statement {
    padding-top: 10.9375vw;
  }
}

@media (min-width: 1280px) {
  .statement {
    padding-top: 140px;
  }
}

.statement .js-fadein {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.25, 0.25, 0.75, 0.75), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s cubic-bezier(0.25, 0.25, 0.75, 0.75), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1); 
  -webkit-transform: translateY(60px); 
          transform: translateY(60px);
}
.statement .js-fadein.is-show {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media (max-width: 767.98px) {
  .statement_catchPhrase {
    margin-top: 9.06667vw;
  }
}

@media (min-width: 768px) {
  .statement_catchPhrase {
    margin-top: 5.15625vw;
  }
}

@media (min-width: 1280px) {
  .statement_catchPhrase {
    margin-top: 66px;
  }
}

@media (max-width: 767.98px) {
  .statement_lead {
    margin-top: 11.73333vw;
  }
}

@media (min-width: 768px) {
  .statement_lead {
    margin-top: 6.79688vw; 
    width: 31.71875vw;
  }
}

@media (min-width: 1280px) {
  .statement_lead {
    margin-top: 87px; 
    width: 406px;
  }
}

@media (max-width: 767.98px) {
  .statement_text {
    margin-top: 4.53333vw;
    letter-spacing: 0.06em;
    font-size: 3.2vw;
    line-height: 2.3333;
  }
}

@media (min-width: 768px) {
  .statement_text {
    margin-top: 1.5625vw;
    letter-spacing: 0.08em;
    font-size: 1.40625vw;
    line-height: 2.5;
  }
}

@media (min-width: 1280px) {
  .statement_text {
    margin-top: 20px;
    font-size: 18px;
  }
}

.statement_text span {
  display: inline-block;
  text-indent: -0.5em;
}

/* Company ------------------- */
@media (max-width: 767.98px) {
  .company {
    margin-top: 24.53333vw;
  }
}

@media (min-width: 768px) {
  .company {
    margin-top: 12.5vw;
  }
}

@media (min-width: 1280px) {
  .company {
    margin-top: 160px;
  }
}

.company_title {
  letter-spacing: 0.08em;
  text-transform: uppercase; 
  font-family: "din-2014", sans-serif;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .company_title {
    font-size: 3.73333vw;
  }
}
@media (min-width: 768px) {
  .company_title {
    font-size: 1.40625vw;
  }
}
@media (min-width: 1280px) {
  .company_title {
    font-size: 18px;
  }
}

@media (max-width: 767.98px) {
  .company_contentWrap {
    margin-top: 8vw;
  }
}

@media (min-width: 768px) {
  .company_contentWrap {
    display: flex;
    margin-top: 3.75vw; 

    justify-content: space-between;
  }
}

@media (min-width: 1280px) {
  .company_contentWrap {
    margin-top: 48px;
  }
}

@media (min-width: 768px) {
  .company_contentWrap.-left {
    width: 34.375vw;
  }
}

@media (min-width: 1280px) {
  .company_contentWrap.-left {
    width: 440px;
  }
}

@media (max-width: 767.98px) {
  .company_contentWrap.-right {
    margin-top: 12vw;
  }
}

@media (min-width: 768px) {
  .company_contentWrap.-right {
    width: 33.20312vw;
  }
}

@media (min-width: 1280px) {
  .company_contentWrap.-right {
    width: 425px;
  }
}

@media (max-width: 767.98px) {
  .company_content.-right {
    margin-top: 14.4vw;
  }
}

@media (max-width: 767.98px) {
  .company_lead {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .company_lead:nth-of-type(1) {
    width: 31.875vw;
  }
}

@media (min-width: 1280px) {
  .company_lead:nth-of-type(1) {
    width: 408px;
  }
}

@media (min-width: 768px) {
  .company_lead:nth-of-type(2) {
    width: 31.17188vw;
  }
}

@media (min-width: 1280px) {
  .company_lead:nth-of-type(2) {
    width: 399px;
  }
}

@media (max-width: 767.98px) {
  .company_text {
    margin-top: 7.46667vw;
    font-size: 3.2vw;
    line-height: 2.3333;
  }
}

@media (min-width: 768px) {
  .company_text {
    margin-top: 2.1875vw;
    letter-spacing: 0.06em;
    font-size: 1.40625vw;
    line-height: 2.5;
  }
}

@media (min-width: 1280px) {
  .company_text {
    margin-top: 28px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .company_text span {
    text-indent: -0.5em;
  }
}

/* Accordion ----------------- */
.about_accordionWrap {
  border-bottom-style: solid; 
  border-bottom-color: #b2b2b2;
}
@media (max-width: 767.98px) {
  .about_accordionWrap {
    border-bottom-width: 0.26667vw;
  }
}
@media (min-width: 768px) {
  .about_accordionWrap {
    border-bottom-width: 0.13333vw;
  }
}
@media (min-width: 1280px) {
  .about_accordionWrap {
    border-bottom-width: 1px;
  }
}

.about_accordionCheck {
  display: none;
}

.about_accordionLabel {
  display: block;
  position: relative;
  cursor: pointer;
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .about_accordionLabel {
    padding-top: 9.6vw;
    padding-bottom: 9.6vw;
    font-size: 4vw;
  }
}
@media (min-width: 768px) {
  .about_accordionLabel {
    padding-top: 3.75vw;
    padding-bottom: 3.28125vw;
    font-size: 1.71875vw;
  }
}
@media (min-width: 1280px) {
  .about_accordionLabel {
    padding-top: 48px;
    padding-bottom: 48px;
    font-size: 22px;
  }
}
.about_accordionLabel::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s; 
  background-image: url("/assets/img/about/accordion-icon_1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
@media (max-width: 767.98px) {
  .about_accordionLabel::after {
    margin-top: -1.33333vw; 
    width: 2.66667vw;
    height: 1.46667vw;
  }
}
@media (min-width: 768px) {
  .about_accordionLabel::after {
    margin-top: -0.78125vw; 
    width: 1.5625vw;
    height: 0.85938vw;
  }
}
@media (min-width: 1280px) {
  .about_accordionLabel::after {
    margin-top: -10px; 
    width: 20px;
    height: 11px;
  }
}

.about_accordionNum {
  font-family: "din-2014",sans-serif;
  font-weight: normal;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .about_accordionNum {
    margin-right: 2.13333vw;
    font-size: 3.2vw;
  }
}
@media (min-width: 768px) {
  .about_accordionNum {
    position: relative;
    top: -0.26667vw;
    margin-right: 2.13333vw;
    font-size: 1.32812vw;
  }
}
@media (min-width: 1280px) {
  .about_accordionNum {
    top: -2px;
    margin-right: 16px;
    font-size: 17px;
  }
}

.about_accordionContent {
  visibility: hidden; 
  overflow: hidden;
  opacity: 0;
  height: 0;
  transition: visibility 0.2s, opacity 0.2s, height 0.2s, padding 0.2s;
}
@media (max-width: 767.98px) {
  .about_accordionContent {
    letter-spacing: 0.06em; 
    font-size: 3.2vw;
    line-height: 2.3333;
  }
}
@media (min-width: 768px) {
  .about_accordionContent {
    padding-left: 2.96875vw;
    letter-spacing: 0.08em; 
    font-size: 2.13333vw;
    line-height: 2.1;
  }
}
@media (min-width: 1280px) {
  .about_accordionContent {
    padding-left: 38px;
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .about_accordionContent br {
    display: none;
  }
}

.about_accordionCheck:checked + .about_accordionLabel::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.about_accordionCheck:checked + .about_accordionLabel + .about_accordionContent {
  visibility: visible; 
  opacity: 1;
  height: auto;
}
@media (max-width: 767.98px) {
  .about_accordionCheck:checked + .about_accordionLabel + .about_accordionContent {
    padding-bottom: 9.6vw;
  }
}
@media (min-width: 768px) {
  .about_accordionCheck:checked + .about_accordionLabel + .about_accordionContent {
    margin-top: -0.85938vw;
    padding-bottom: 5.6vw;
  }
}
@media (min-width: 1280px) {
  .about_accordionCheck:checked + .about_accordionLabel + .about_accordionContent {
    margin-top: -11px;
    padding-bottom: 42px;
  }
}

.about_accordionLead {
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .about_accordionLead {
    margin-bottom: 2.93333vw; 
    font-size: 3.73333vw;
  }
}
@media (min-width: 768px) {
  .about_accordionLead {
    font-size: 1.40625vw;
  }
}
@media (min-width: 1280px) {
  .about_accordionLead {
    font-size: 18px;
  }
}

.more_content {
  display: none;
  overflow: hidden;
  opacity: 0; 
  height: 0;
}
.more_content.-disp {
  display: block;
  opacity: 1; 
  height: 100%;
}

/* Value --------------------- */
@media (max-width: 767.98px) {
  .value {
    margin-top: 24.26667vw;
  }
}

@media (min-width: 768px) {
  .value {
    margin-top: 12.5vw;
  }
}

@media (min-width: 1280px) {
  .value {
    margin-top: 160px;
  }
}

@media (max-width: 767.98px) {
  .value_lead {
    margin-top: 8.26667vw;
  }
}

@media (min-width: 768px) {
  .value_lead {
    margin-top: 4.0625vw;
  }
}

@media (min-width: 1280px) {
  .value_lead {
    margin-top: 52px;
  }
}

@media (max-width: 767.98px) {
  .value_content {
    margin-top: 3.73333vw;
  }
}

@media (min-width: 768px) {
  .value_content {
    margin-top: 3.75vw;
  }
}

@media (min-width: 1280px) {
  .value_content {
    margin-top: 48px;
  }
}

/* Principle ----------------- */
@media (max-width: 767.98px) {
  .principle {
    margin-top: 30.4vw;
  }
}

@media (min-width: 768px) {
  .principle {
    margin-top: 14.0625vw;
  }
}

@media (min-width: 1280px) {
  .principle {
    margin-top: 180px;
  }
}

@media (max-width: 767.98px) {
  .principle_lead {
    margin-top: 9.06667vw;
  }
}

@media (min-width: 768px) {
  .principle_lead {
    margin-top: 4.0625vw;
  }
}

@media (min-width: 1280px) {
  .principle_lead {
    margin-top: 52px;
  }
}

@media (max-width: 767.98px) {
  .principle_content {
    margin-top: 3.73333vw;
  }
}

@media (min-width: 768px) {
  .principle_content {
    margin-top: 3.90625vw;
  }
}

@media (min-width: 1280px) {
  .principle_content {
    margin-top: 50px;
  }
}

/* More ---------------------- */
.more {
  position: relative;
}
@media (max-width: 767.98px) {
  .more {
    margin-top: 16.4vw;
  }
}
@media (min-width: 768px) {
  .more {
    margin-top: 9.6875vw;
  }
}
@media (min-width: 1280px) {
  .more {
    margin-top: 124px;
  }
}
@media (min-width: 768px) {
  .more::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    margin-top: -0.5px;
    width: 100%;
    height: 1px;
    background-color: #b2b2b2;
  }
}
.more.-hide {
  display: none;
}

.more_link {
  background-color: #fff;
}
@media (max-width: 767.98px) {
  .more_link {
    margin-top: 16.53333vw;
  }
}
@media (min-width: 768px) {
  .more_link {
    margin: 0 auto; 
    width: 9.375vw;
  }
}
@media (min-width: 1280px) {
  .more_link {
    width: 120px;
  }
}
.more_link::after {
  background-image: url("/assets/img/about/more-icon_1.png");
}
@media (max-width: 767.98px) {
  .more_link::after {
    margin-left: 1.33333vw; 
    width: 2.13333vw;
  }
}
@media (min-width: 768px) {
  .more_link::after {
    margin-left: 0.625vw; 
    width: 0.9375vw;
  }
}
@media (min-width: 1280px) {
  .more_link::after {
    margin-left: 8px; 
    width: 12px;
  }
}
.more_link:hover {
  opacity: 1;
}
@media (max-width: 767.98px) {
  .more_link span {
    margin-left: -4vw;
    line-height: 10.13333vw;
  }
}
@media (min-width: 768px) {
  .more_link span {
    transition: opacity 0.3s; 
    line-height: 2.8125vw;
  }
}
@media (min-width: 1280px) {
  .more_link span {
    line-height: 36px;
  }
}
.more_link:hover span {
  opacity: 0.7;
}

/* Profile ------------------- */
@media (max-width: 767.98px) {
  .profile {
    margin-top: 22.66667vw;
  }
}

@media (min-width: 768px) {
  .profile.-typeA {
    margin-top: 11.25vw;
  }
}

@media (min-width: 1280px) {
  .profile.-typeA {
    margin-top: 144px;
  }
}

@media (min-width: 768px) {
  .profile.-typeB {
    margin-top: 14.0625vw;
  }
}

@media (min-width: 1280px) {
  .profile.-typeB {
    margin-top: 180px;
  }
}

@media (min-width: 768px) {
  .profile_title {
    margin-bottom: 4.6875vw;
    letter-spacing: 0.08em;
    text-transform: uppercase; 
    color: #999;
    font-family: "din-2014", sans-serif;
    font-size: 1.5625vw;
    line-height: 1;
  }
}

@media (min-width: 1280px) {
  .profile_title {
    margin-bottom: 60px;
    font-size: 20px;
  }
}

.profile_item {
  display: flex;
  line-height: 2;
}
@media (max-width: 767.98px) {
  .profile_item {
    margin-top: 4.8vw;
    letter-spacing: 0.09em; 
    font-size: 3.2vw;
  }
}
@media (min-width: 768px) {
  .profile_item {
    margin-top: 1.5625vw;
    letter-spacing: 0.08em; 
    font-size: 1.17188vw;
  }
}
@media (min-width: 1280px) {
  .profile_item {
    margin-top: 20px;
    font-size: 15px;
  }
}
.profile_item:first-child {
  margin-top: 0;
}

@media (max-width: 767.98px) {
  .profile_item p:nth-of-type(1) {
    width: 25.06667vw;
  }
}

@media (min-width: 768px) {
  .profile_item p:nth-of-type(1) {
    width: 15vw;
  }
}

@media (min-width: 1280px) {
  .profile_item p:nth-of-type(1) {
    width: 192px;
  }
}

@media (max-width: 767.98px) {
  .profile_item p:nth-of-type(2) {
    width: 61.6vw;
  }
}

@media (min-width: 768px) {
  .profile_item p:nth-of-type(2) {
    width: 61.875vw;
    line-height: 1.75;
  }
}

@media (min-width: 1280px) {
  .profile_item p:nth-of-type(2) {
    width: 792px;
  }
}

/* Privacy ------------------- */
@media (max-width: 767.98px) {
  .privacy {
    margin-top: 6.4vw;
  }
}

@media (min-width: 768px) {
  .privacy {
    margin-top: 1.875vw;
  }
}

@media (min-width: 1280px) {
  .privacy {
    margin-top: 24px;
  }
}

.privacy_inner {
  margin-left: auto;
  letter-spacing: 0.08em;
}
@media (max-width: 767.98px) {
  .privacy_inner {
    width: 61.6vw;
    text-align: justify; 
    font-size: 2.66667vw;
    line-height: 2.15;
  }
}
@media (min-width: 768px) {
  .privacy_inner {
    padding-right: 22.8125vw;
    width: 61.875vw;
    font-size: 0.9375vw;
    line-height: 1.8333;
  }
}
@media (min-width: 1280px) {
  .privacy_inner {
    padding-right: 292px;
    width: 792px;
    font-size: 12px;
  }
}

@media (max-width: 767.98px) {
  .privacy_image {
    margin-top: 5.86667vw; 
    width: 36.13333vw;
  }
}

@media (min-width: 768px) {
  .privacy_image {
    margin-top: 3.28125vw; 
    width: 14.76562vw;
  }
}

@media (min-width: 1280px) {
  .privacy_image {
    margin-top: 42px; 
    width: 189px;
  }
}