.first-view {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(../images/common/bg_fv-sp.png) bottom right/360px no-repeat, -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), color-stop(0.01%, #f6f6f6), color-stop(66.67%, rgba(249, 249, 249, 0.68)), to(rgba(255, 255, 255, 0)));
  background: url(../images/common/bg_fv-sp.png) bottom right/360px no-repeat, linear-gradient(360deg, #f6f6f6 0%, #f6f6f6 0.01%, rgba(249, 249, 249, 0.68) 66.67%, rgba(255, 255, 255, 0) 100%);
  padding: 30px 0 194px;
}
@media screen and (min-width: 768px) {
  .first-view {
    background: url(../images/common/bg_fv-pc.png) bottom right/1366px no-repeat, -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), color-stop(0.01%, #f6f6f6), color-stop(66.67%, rgba(249, 249, 249, 0.68)), to(rgba(255, 255, 255, 0)));
    background: url(../images/common/bg_fv-pc.png) bottom right/1366px no-repeat, linear-gradient(360deg, #f6f6f6 0%, #f6f6f6 0.01%, rgba(249, 249, 249, 0.68) 66.67%, rgba(255, 255, 255, 0) 100%);
    padding: 74px 0 96px;
  }
}

.first-view--blue {
  background: url(../images/common/bg_fv-blue-sp.png) bottom right/360px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#0173a6), color-stop(36.56%, #187ca9), to(#5495b2));
  background: url(../images/common/bg_fv-blue-sp.png) bottom right/360px no-repeat, linear-gradient(180deg, #0173a6 0%, #187ca9 36.56%, #5495b2 100%);
}
@media screen and (min-width: 768px) {
  .first-view--blue {
    background: url(../images/common/bg_fv-blue-pc.png) bottom right/1366px no-repeat, -webkit-gradient(linear, right top, left top, from(#5595b1), to(#0072a5));
    background: url(../images/common/bg_fv-blue-pc.png) bottom right/1366px no-repeat, linear-gradient(270deg, #5595b1 0%, #0072a5 100%);
  }
}

.first-view__inner {
  max-width: 1032px;
  margin: 0 auto;
  padding: 0 28px;
}
@media screen and (min-width: 768px) {
  .first-view__inner {
    padding: 0 5vw;
  }
}

.first-view__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  color: #00364f;
}
@media screen and (min-width: 768px) {
  .first-view__title {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .first-view__title {
    font-size: 3rem;
    font-weight: 900;
  }
}
.first-view__title span {
  display: block;
}
@media screen and (min-width: 768px) {
  .first-view__title span {
    display: inline;
  }
}

.first-view__title--blue {
  color: #fff;
}

.first-view__copy {
  font-weight: bold;
}

.first-view__copy--blue {
  color: #fff;
}

.about__contents {
  padding: 37px 0 0;
}
@media screen and (min-width: 768px) {
  .about__contents {
    padding: 96px 0 0;
  }
}

.about__title {
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.8;
  color: #fff;
  background-color: #00364f;
  border-radius: 30px;
  position: relative;
  max-width: 268px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 24px;
  margin-left: 40px;
}
@media screen and (min-width: 768px) {
  .about__title {
    font-size: 2rem;
    text-align: center;
    border-radius: 100px;
    max-width: 782px;
    display: inline-block;
    padding: 40px 48px 40px 94px;
    margin-left: 28px;
  }
}
@media screen and (min-width: 768px) {
  .about__title span {
    display: inline-block;
  }
}
.about__title strong {
  margin: 0 10px;
}
.about__title::after {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(../images/common/icon_yamayasan-deepblue.svg) center/42px no-repeat, #fff;
  border: 2px solid #00364f;
  border-radius: 50%;
  position: absolute;
  left: -50px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  padding: 8px 10px;
}
@media screen and (min-width: 768px) {
  .about__title::after {
    width: 111px;
    height: 111px;
    background: url(../images/common/icon_yamayasan-deepblue.svg) center/73px no-repeat, #fff;
    border-width: 4px;
    right: -12px;
    bottom: -26px;
    padding: 14px 20px;
  }
}

.about__bg-sub {
  background-color: #f3f3f3;
}

.about__button {
  text-align: center;
  margin: 24px auto 0;
}
@media screen and (min-width: 1024px) {
  .about__button {
    margin: 40px auto 0;
  }
}

.about-intro {
  padding: 0 0 32px;
}
@media screen and (min-width: 768px) {
  .about-intro {
    padding: 0;
  }
}

.about-rounded-rectangle {
  position: relative;
}

.about-rounded-rectangle__wrap {
  background-color: #fff;
  border: 2px solid #00364f;
  border-radius: 0px 30px 30px 30px;
  padding: 52px 24px;
  margin-top: -36px;
}
@media screen and (min-width: 768px) {
  .about-rounded-rectangle__wrap {
    border-radius: 0px 60px 60px 60px;
    margin-top: -24px;
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .about-rounded-rectangle__wrap--1 {
    padding: 139px 80px 70px;
    margin-top: -69px;
  }
}

@media screen and (min-width: 768px) {
  .about-rounded-rectangle__wrap--2 {
    padding: 196px 80px 70px;
    margin-top: -126px;
  }
}

@media screen and (min-width: 768px) {
  .about-rounded-rectangle__wrap--3 {
    padding: 168px 80px 70px;
    margin-top: -98px;
  }
}

.about-rounded-rectangle__title-warp {
  position: relative;
  z-index: 1;
  margin-right: -24px;
}

.about-rounded-rectangle__text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .about-rounded-rectangle__text {
    font-size: 1rem;
  }
}
.about-rounded-rectangle__text strong {
  font-weight: 700;
  color: #0072a6;
}
@media screen and (min-width: 768px) {
  .about-rounded-rectangle__text span {
    display: block;
  }
}
.about-rounded-rectangle__text + .about-rounded-rectangle__text {
  margin-top: 24px;
}

.about-mvv {
  padding: 2rem 0;
}
@media screen and (min-width: 768px) {
  .about-mvv {
    background-color: #fff;
    padding: 8.125rem 0 15rem;
  }
}

@media screen and (min-width: 768px) {
  .about-mvv__inner {
    background-color: #f3f3f3;
    border-radius: 60px;
    padding: 160px 160px;
  }
}
@media screen and (min-width: 1024px) {
  .about-mvv__inner {
    padding: 160px 192px;
  }
}

.about-mvv__head {
  text-align: center;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .about-mvv__head {
    width: 222px;
    position: relative;
    z-index: 1;
    margin-bottom: 122px;
  }
}

.about-mvv__title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .about-mvv__title {
    font-size: 2rem;
    line-height: 1.25;
  }
}

.about-mvv__logo {
  text-align: center;
  width: 118px;
  height: 118px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 41px 32px 37px;
  margin: 8px auto;
}
@media screen and (min-width: 768px) {
  .about-mvv__logo {
    width: 222px;
    height: 222px;
    padding: 77px 66px 71px;
    margin: 16px 0 0;
  }
}

.about-mvv__logo-image {
  width: 52px;
}
@media screen and (min-width: 768px) {
  .about-mvv__logo-image {
    width: 98px;
  }
}

.about-mvv__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .about-mvv__list {
    margin-left: 94px;
    gap: 40px;
  }
}
@media screen and (min-width: 768px) {
  .about-mvv__list::after {
    content: "";
    display: block;
    width: 6px;
    height: 982px;
    background-color: #f9f9f9;
    position: absolute;
    bottom: 40px;
    left: 12px;
  }
}

.about-mvv__item {
  position: relative;
  padding-top: 42px;
}
@media screen and (min-width: 768px) {
  .about-mvv__item {
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-template-columns: 30px auto;
    gap: 0 48px;
  }
}
.about-mvv__item::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-color: #f9f9f9;
  border-radius: 50%;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 768px) {
  .about-mvv__item::before {
    grid-column: 1/2;
    grid-row: 1/3;
  }
}
.about-mvv__item + .about-mvv__item {
  margin-top: 8px;
}

.about-mvv__item--has-child {
  position: relative;
}
@media screen and (min-width: 768px) {
  .about-mvv__item--has-child::before {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .about-mvv__item--has-child .about-mvv__content::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-color: #f9f9f9;
    border-radius: 50%;
    position: absolute;
    left: 0;
  }
}

.about-mvv__item-title {
  font-size: 2rem;
  font-weight: 400;
  line-height: normal;
}

.about-mvv__item-title--jp {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.8;
}
.about-mvv__item-title--jp span {
  display: block;
}

.about-mvv__item-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .about-mvv__item-head {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}

@media screen and (min-width: 768px) {
  .about-mvv__main {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}

.about-mvv__content {
  color: #0072a6;
  background-color: #fff;
  display: inline-block;
  padding: 0 16px;
  margin-bottom: 4px;
}

.about-mvv__content-text {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.8;
  display: inline-block;
}
.about-mvv__content-text span {
  display: inline-block;
}

.about-mvv__text {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.8;
}

.about-mvv__main-child-item + .about-mvv__main-child-item {
  margin-top: 16px;
}

.about-mind {
  padding: 32px 0;
}
@media screen and (min-width: 768px) {
  .about-mind {
    padding: 0 0 240px;
  }
}

.about-profile {
  padding: 32px 0 96px;
}
@media screen and (min-width: 768px) {
  .about-profile {
    padding: 240px 0 168px;
  }
}

.about-profile__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .about-profile__head {
    gap: 16px;
    margin-bottom: 16px;
  }
}

.about-profile__head-icon {
  width: 32px;
}
@media screen and (min-width: 768px) {
  .about-profile__head-icon {
    width: 52px;
  }
}

.about-profile__main {
  margin-bottom: 40px;
}

.about-profile__name {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .about-profile__name {
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 16px;
  }
}
.about-profile__name span {
  display: block;
}
@media screen and (min-width: 768px) {
  .about-profile__name span {
    display: inline-block;
  }
}

.about-profile__text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .about-profile__text {
    font-size: 1rem;
    line-height: 1.8;
  }
}

.about-profile__figure {
  text-align: center;
  margin-top: 38px;
}
@media screen and (min-width: 768px) {
  .about-profile__figure {
    margin-top: 96px;
  }
}

.about-profile__image {
  width: 240px;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .about-profile__image {
    width: 486px;
  }
}

.about-details {
  margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  .about-details {
    margin-top: 32px;
  }
}

.about-details__head {
  background-color: #f5f5f5;
  border: 4px solid #fff;
  border-radius: 50%;
  width: 140px;
  height: 140px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 48px 40px 54px;
  margin: 0 auto -24px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .about-details__head {
    width: 162px;
    height: 162px;
    padding: 58px 40px 60px;
  }
}
@media screen and (min-width: 1024px) {
  .about-details__head {
    margin: 0 52px -24px auto;
  }
}

.about-details__title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .about-details__title {
    font-size: 2rem;
    line-height: 1.25;
  }
}

.about-details__text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .about-details__text {
    font-size: 1rem;
    line-height: 1.8;
  }
}

.about-details__body {
  background-color: #fff;
  border-radius: 30px;
  padding: 56px 32px;
}
@media screen and (min-width: 768px) {
  .about-details__body {
    padding: 56px;
  }
}

.about-details__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px 32px;
}
@media screen and (min-width: 768px) {
  .about-details__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 40px 32px;
  }
}
@media screen and (min-width: 1024px) {
  .about-details__list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .about-details__list--license {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.about-details__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .about-details__item {
    letter-spacing: 0.25rem;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-orientation: upright;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
}

@media screen and (min-width: 768px) {
  .about-details__item--hobby {
    width: calc(33.3333333333% - 24px);
  }
}
@media screen and (min-width: 1024px) {
  .about-details__item--hobby {
    width: auto;
  }
}

.about-details__item--sauna {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (min-width: 768px) {
  .about-details__item--sauna {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media screen and (min-width: 1024px) {
  .about-details__item--sauna {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
}

.about-details__item--marathon {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (min-width: 768px) {
  .about-details__item--marathon {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (min-width: 1024px) {
  .about-details__item--marathon {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}

.about-details__item--baseball {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
@media screen and (min-width: 768px) {
  .about-details__item--baseball {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (min-width: 1024px) {
  .about-details__item--baseball {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.about-details__item--radio {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
@media screen and (min-width: 768px) {
  .about-details__item--radio {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
@media screen and (min-width: 1024px) {
  .about-details__item--radio {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.about-details__item--coffee-shop {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
@media screen and (min-width: 768px) {
  .about-details__item--coffee-shop {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
}
@media screen and (min-width: 1024px) {
  .about-details__item--coffee-shop {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.about-details__item-name {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.33;
}
@media screen and (min-width: 768px) {
  .about-details__item-name {
    font-size: 1.5rem;
    margin-left: 4px;
  }
}

.about-details__item-text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .about-details__item-text {
    font-size: 1rem;
  }
}
.about-details__item-text span {
  display: block;
}

.about-details__item-link {
  color: inherit;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.about-details__item-link .icon__external-link {
  width: 16px;
  -webkit-filter: invert(11%) sepia(68%) saturate(3201%) hue-rotate(180deg) brightness(94%) contrast(102%);
          filter: invert(11%) sepia(68%) saturate(3201%) hue-rotate(180deg) brightness(94%) contrast(102%);
  margin-left: 8px;
}
@media screen and (min-width: 768px) {
  .about-details__item-link .icon__external-link {
    margin-left: 0;
    margin-top: 4px;
  }
}
.about-details__item-link:hover {
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
}

.about-license {
  margin-bottom: 0;
}

.about-message {
  padding: 0 0 32px;
}
@media screen and (min-width: 768px) {
  .about-message {
    padding: 0;
  }
}

.cta {
  background-color: #f3f3f3;
  padding: 65px 0;
}
@media screen and (min-width: 768px) {
  .cta {
    padding: 240px 0;
  }
}

.cta__head {
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-template-columns: 56px auto;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  padding-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .cta__head {
    grid-template-columns: 88px auto;
    padding-bottom: 0;
  }
}

.cta__title-icon {
  width: 56px;
  grid-column: 1/2;
  grid-row: 1/3;
}
@media screen and (min-width: 768px) {
  .cta__title-icon {
    width: 88px;
  }
}

.cta__title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25;
  color: #0072a6;
  grid-column: 2/3;
  grid-row: 1/2;
}
@media screen and (min-width: 768px) {
  .cta__title {
    font-size: 2rem;
  }
}
.cta__title span {
  display: block;
}
@media screen and (min-width: 768px) {
  .cta__title span {
    display: inline-block;
  }
}
.cta__title .pc-only {
  display: none;
}
@media screen and (min-width: 768px) {
  .cta__title .pc-only {
    display: inline-block;
  }
}

.cta__text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.8;
  color: #0072a6;
  grid-column: 2/3;
  grid-row: 2/3;
}
@media screen and (min-width: 768px) {
  .cta__text {
    font-size: 1.5rem;
  }
}

.cta__button {
  text-align: center;
  margin-top: 11px;
}
@media screen and (min-width: 768px) {
  .cta__button {
    margin-top: 32px;
  }
}/*# sourceMappingURL=about.css.map */