#about-5min {
  padding-bottom: min(80px, 80 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min {
    padding-bottom: calc(64 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .c-mv {
  background-image: url(/assets/images/about/5min/mv-bg_img.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto min(797px, 797 / 1440 * var(--inner-width) * 1px);
  min-height: min(800px, 800 / 1440 * var(--inner-width) * 1px);
  position: relative;
  padding-bottom: min(140px, 140 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .c-mv {
    background-image: url(/assets/images/about/5min/mv-bg_img-sp.png);
    background-size: 100% auto;
    min-height: 100vw;
    padding-bottom: calc(80 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .c-mv::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: min(544px, 544 / 1440 * var(--inner-width) * 1px);
  width: min(660px, 660 / 1440 * var(--inner-width) * 1px);
  background-image: url(/assets/images/common/mv-deco-left.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 48em) {
  #about-5min .c-mv::before {
    background-image: url(/assets/images/common/mv-deco-sp.png);
    width: calc(400 / 400 * var(--inner-width) * 1px);
    height: calc(360 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .c-mv::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: min(544px, 544 / 1440 * var(--inner-width) * 1px);
  width: min(289px, 289 / 1440 * var(--inner-width) * 1px);
  background-image: url(/assets/images/technical/index/mv-deco-right.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 48em) {
  #about-5min .c-mv::after {
    display: none;
  }
}
#about-5min .c-mv .c-mv-inner {
  width: min(1200px, 1200 / 1440 * var(--inner-width) * 1px);
  margin: 0 auto;
  padding-top: min(236px, 236 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .c-mv .c-mv-inner {
    width: 100%;
    padding: calc(200 / 400 * var(--inner-width) * 1px) calc(20 / 400 * var(--inner-width) * 1px) 0;
  }
}
#about-5min .c-mv .c-mv-inner .c-mv-ttl {
  font-size: min(56px, 56 / 1440 * var(--inner-width) * 1px);
  font-weight: bold;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: min(40px, 40 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .c-mv .c-mv-inner .c-mv-ttl {
    font-size: calc(40 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(40 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .c-mv .c-mv-inner .c-mv-ttl span {
  background: linear-gradient(90deg, #00a4a0 0%, #34d0b6 100%);
  color: #fff;
  font-weight: 500;
  height: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  padding: 0 min(24px, 24 / 1440 * var(--inner-width) * 1px);
  font-size: min(24px, 24 / 1440 * var(--inner-width) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: min(10px, 10 / 1440 * var(--inner-width) * 1px);
  margin-bottom: min(16px, 16 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .c-mv .c-mv-inner .c-mv-ttl span {
    height: calc(40 / 400 * var(--inner-width) * 1px);
    padding: 0 calc(24 / 400 * var(--inner-width) * 1px);
    font-size: calc(24 / 400 * var(--inner-width) * 1px);
    border-radius: calc(10 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(16 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .c-mv .c-mv-inner .mv-nav {
  padding: 0 0 min(40px, 40 / 1440 * var(--inner-width) * 1px) min(40px, 40 / 1440 * var(--inner-width) * 1px);
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1.75em;
  font-weight: 600;
  background-image: url(/assets/images/common/mv-nav-line.svg);
  background-repeat: no-repeat;
  background-size: min(24px, 24 / 1440 * var(--inner-width) * 1px) auto;
  background-position: left bottom;
  position: relative;
}
@media only screen and (max-width: 48em) {
  #about-5min .c-mv .c-mv-inner .mv-nav {
    padding: 0 0 calc(40 / 400 * var(--inner-width) * 1px) 0;
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    background-image: none;
  }
}
#about-5min .c-mv .c-mv-inner .mv-nav::before {
  height: calc(100% - min(40px, 40 / 1440 * var(--inner-width) * 1px));
  width: 1px;
  min-width: 1px;
  content: "";
  display: block;
  background-color: #ccc;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 48em) {
  #about-5min .c-mv .c-mv-inner .mv-nav::before {
    background-color: #00a4a0;
    width: calc(24 / 400 * var(--inner-width) * 1px);
    height: 1px;
    min-height: 1px;
    top: auto;
    bottom: 0;
  }
}
#about-5min .c-mv .c-mv-inner .mv-nav::after {
  width: min(755px, 755 / 1440 * var(--inner-width) * 1px);
  height: 1px;
  min-height: 1px;
  content: "";
  display: block;
  background-color: #ccc;
  position: absolute;
  left: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  bottom: 0;
}
@media only screen and (max-width: 48em) {
  #about-5min .c-mv .c-mv-inner .mv-nav::after {
    width: calc(320 / 400 * var(--inner-width) * 1px);
    left: calc(40 / 400 * var(--inner-width) * 1px);
    height: 1px;
    min-height: 1px;
  }
}
#about-5min .c-mv .c-mv-inner .mv-nav .c-mv-lead {
  font-size: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  line-height: 1.75em;
  font-weight: 600;
  margin-top: min(40px, 40 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .c-mv .c-mv-inner .mv-nav .c-mv-lead {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    background-image: none;
  }
}
#about-5min .contents-wrapper .contents-inner {
  width: min(1200px, 1200 / 1440 * var(--inner-width) * 1px);
  margin: 0 auto min(136px, 136 / 1440 * var(--inner-width) * 1px);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 {
  margin-bottom: min(64px, 64 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co01 {
    margin-bottom: calc(54 / 400 * var(--inner-width) * 1px);
  }
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner {
    width: calc(100% - 40 / 400 * var(--inner-width) * 1px);
    margin: 0 auto;
    padding-top: calc(64 / 400 * var(--inner-width) * 1px);
    flex-direction: column;
  }
}
#about-5min .contents-wrapper .contents-inner p.num {
  font-size: min(120px, 120 / 1440 * var(--inner-width) * 1px);
  line-height: 1em;
  background: linear-gradient(90deg, #00a4a0 0%, #34d0b6 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 500;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner p.num {
    font-size: calc(80 / 400 * var(--inner-width) * 1px);
    top: calc(10 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner .contents-text {
  width: min(592px, 592 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner .contents-text {
    width: 100%;
  }
}
#about-5min .contents-wrapper .contents-inner .contents-text .contents-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: min(40px, 40 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner .contents-text .contents-head {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: calc(32 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner .contents-text .contents-head .c-contents-ttl {
  font-size: min(32px, 32 / 1440 * var(--inner-width) * 1px);
  font-weight: bold;
  line-height: 1.4em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  white-space: nowrap;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner .contents-text .contents-head .c-contents-ttl {
    font-size: calc(30 / 400 * var(--inner-width) * 1px);
    letter-spacing: 0em;
    white-space: wrap;
  }
}
#about-5min .contents-wrapper .contents-inner .contents-text .contents-head .c-contents-ttl span {
  background: linear-gradient(90deg, #00a4a0 0%, #34d0b6 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1em;
  margin-bottom: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  color: transparent;
  font-weight: 500;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner .contents-text .contents-head .c-contents-ttl span {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(16 / 400 * var(--inner-width) * 1px);
    letter-spacing: 0;
  }
}
#about-5min .contents-wrapper .contents-inner .contents-text .contents-head .c-contents-ttl small {
  font-size: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  margin-top: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  font-weight: bold;
  line-height: 1.4em;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner .contents-text .contents-head .c-contents-ttl small {
    font-size: calc(20 / 400 * var(--inner-width) * 1px);
    margin-top: calc(16 / 400 * var(--inner-width) * 1px);
    letter-spacing: 0;
  }
}
#about-5min .contents-wrapper .contents-inner .contents-text figure {
  width: 100%;
  margin-bottom: min(40px, 40 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner .contents-text figure {
    margin-bottom: calc(32 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner .contents-text figure img {
  width: 100%;
  height: auto;
}
#about-5min .contents-wrapper .contents-inner .contents-text p {
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1.75em;
}
#about-5min .contents-wrapper .contents-inner .contents-text p:nth-of-type(n + 2) {
  margin-top: min(24px, 24 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner .contents-text p {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    line-height: 1.75em;
  }
  #about-5min .contents-wrapper .contents-inner .contents-text p:nth-of-type(n + 2) {
    margin-top: calc(24 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner > figure {
  padding-top: min(76px, 76 / 1440 * var(--inner-width) * 1px);
  width: min(549px, 549 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner > figure {
    padding-top: 0;
    width: 100%;
    margin-top: calc(40 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner > figure img {
  width: 100%;
  height: auto;
}
#about-5min .contents-wrapper .contents-inner > figure p.imglow-text {
  text-align: center;
  font-size: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  line-height: 1.5em;
  font-weight: bold;
  margin-top: min(24px, 24 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner > figure p.imglow-text {
    font-size: calc(20 / 400 * var(--inner-width) * 1px);
    line-height: 1.5em;
    font-weight: bold;
    margin-top: calc(24 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner > figure p.fukidashi {
  height: min(102px, 102 / 1440 * var(--inner-width) * 1px);
  width: min(528px, 528 / 1440 * var(--inner-width) * 1px);
  background-image: url(/assets/images/about/5min/fukidashi.svg);
  background-repeat: no-repeat;
  background-size: min(528px, 528 / 1440 * var(--inner-width) * 1px) auto;
  background-position: top center;
  color: #fff;
  text-align: center;
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1.5em;
  padding-top: min(38px, 38 / 1440 * var(--inner-width) * 1px);
  margin-top: max(-8px, -8 / 1440 * var(--inner-width) * 1px);
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner > figure p.fukidashi {
    height: calc(104 / 400 * var(--inner-width) * 1px);
    width: calc(360 / 400 * var(--inner-width) * 1px);
    background-image: url(/assets/images/about/5min/fukidashi-sp.svg);
    background-size: contain;
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    padding-top: calc(40 / 400 * var(--inner-width) * 1px);
    margin-top: calc(-8 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co02 {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co02 {
    flex-direction: column;
    margin-top: calc(72 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co02 p.num {
  position: absolute;
  right: auto;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co02 p.num {
    left: auto;
    right: 0;
    top: calc(10 / 400 * var(--inner-width) * 1px);
  }
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co03 {
    margin-top: calc(72 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 {
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co01 {
    margin-top: calc(72 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .contents-text {
  width: min(800px, 800 / 1440 * var(--inner-width) * 1px);
  margin: 0 auto min(54px, 54 / 1440 * var(--inner-width) * 1px);
  text-align: center;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co01 .contents-text {
    width: 100%;
    margin: 0 auto calc(40 / 400 * var(--inner-width) * 1px);
    text-align: left;
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .contents-text .contents-head {
  justify-content: center;
  margin-bottom: min(56px, 56 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co01 .contents-text .contents-head {
    justify-content: flex-start;
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .contents-text .contents-head .c-contents-ttl {
  align-items: center;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co01 .contents-text .contents-head .c-contents-ttl {
    align-items: flex-start;
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .contents-text p {
  text-align: left;
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: min(16px, 16 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn {
    flex-wrap: wrap;
    gap: calc(12 / 400 * var(--inner-width) * 1px);
    justify-content: flex-start;
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li {
  width: min(187px, 187 / 1440 * var(--inner-width) * 1px);
  height: min(269px, 269 / 1440 * var(--inner-width) * 1px);
  border-radius: min(8px, 8 / 1440 * var(--inner-width) * 1px);
  overflow: hidden;
  background-color: #fff;
  background-image: url(/assets/images/about/5min/co04-btnimg01.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-top: min(36px, 36 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li {
    width: calc(174 / 400 * var(--inner-width) * 1px);
    height: calc(269 / 400 * var(--inner-width) * 1px);
    border-radius: calc(8 / 400 * var(--inner-width) * 1px);
    padding-top: calc(36 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li.btn02 {
  background-image: url(/assets/images/about/5min/co04-btnimg02.jpg);
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li.btn03 {
  background-image: url(/assets/images/about/5min/co04-btnimg03.jpg);
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li.btn04 {
  background-image: url(/assets/images/about/5min/co04-btnimg04.jpg);
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li.btn05 {
  background-image: url(/assets/images/about/5min/co04-btnimg05.jpg);
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li.btn06 {
  background-image: url(/assets/images/about/5min/co04-btnimg06.jpg);
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li h3 {
  color: #fff;
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  font-weight: bold;
  min-height: 3em;
  display: flex;
  align-items: center;
  margin-bottom: min(16px, 16 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li h3 {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    min-height: 3em;
    margin-bottom: calc(16 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li a {
  font-size: min(12px, 12 / 1440 * var(--inner-width) * 1px);
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li a {
    font-size: calc(12 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li a span {
  text-decoration: underline;
  line-height: 1em;
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li a i {
  background-image: url(/assets/images/about/5min/link-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: min(13px, 13 / 1440 * var(--inner-width) * 1px);
  width: min(13px, 13 / 1440 * var(--inner-width) * 1px);
  margin-left: min(8px, 8 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li a i {
    height: calc(13 / 400 * var(--inner-width) * 1px);
    width: calc(13 / 400 * var(--inner-width) * 1px);
    margin-left: calc(8 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li .box {
  width: min(171px, 171 / 1440 * var(--inner-width) * 1px);
  height: min(106px, 106 / 1440 * var(--inner-width) * 1px);
  border-radius: min(8px, 8 / 1440 * var(--inner-width) * 1px);
  margin-bottom: min(24px, 24 / 1440 * var(--inner-width) * 1px);
  background: linear-gradient(90deg, #00a4a0 0%, #34d0b6 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li .box {
    width: calc(158 / 400 * var(--inner-width) * 1px);
    height: calc(105 / 400 * var(--inner-width) * 1px);
    border-radius: calc(8 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(24 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li .box p {
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  font-weight: 500;
  line-height: 1em;
  margin-bottom: min(5px, 5 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li .box p {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(5 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li .box h4 {
  font-size: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  line-height: 1em;
  font-weight: 500;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li .box h4 {
    font-size: calc(20 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li .box h4 strong {
  font-size: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  margin: 0 0.1em;
  font-weight: 500;
  line-height: 1em;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co01 .about5min-co04-btn li .box h4 strong {
    font-size: calc(40 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 {
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co04 {
    margin-top: calc(72 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 p.num {
  position: absolute;
  right: auto;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co04 p.num {
    left: auto;
    right: 0;
    top: calc(10 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .contents-text {
  width: min(800px, 800 / 1440 * var(--inner-width) * 1px);
  margin: 0 auto min(54px, 54 / 1440 * var(--inner-width) * 1px);
  text-align: center;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co04 .contents-text {
    width: 100%;
    margin: 0 auto calc(40 / 400 * var(--inner-width) * 1px);
    text-align: left;
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .contents-text .contents-head {
  justify-content: center;
  margin-bottom: min(56px, 56 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co04 .contents-text .contents-head {
    justify-content: flex-start;
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .contents-text .contents-head .c-contents-ttl {
  align-items: center;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co04 .contents-text .contents-head .c-contents-ttl {
    align-items: flex-start;
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .contents-text p {
  text-align: left;
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: min(16px, 16 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn {
    flex-wrap: wrap;
    gap: calc(12 / 400 * var(--inner-width) * 1px);
    justify-content: flex-start;
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li {
  width: min(187px, 187 / 1440 * var(--inner-width) * 1px);
  height: min(269px, 269 / 1440 * var(--inner-width) * 1px);
  border-radius: min(8px, 8 / 1440 * var(--inner-width) * 1px);
  overflow: hidden;
  background-color: #fff;
  background-image: url(/assets/images/about/5min/co04-btnimg01.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-top: min(36px, 36 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li {
    width: calc(174 / 400 * var(--inner-width) * 1px);
    height: calc(269 / 400 * var(--inner-width) * 1px);
    border-radius: calc(8 / 400 * var(--inner-width) * 1px);
    padding-top: calc(36 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li.btn02 {
  background-image: url(/assets/images/about/5min/co04-btnimg02.jpg);
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li.btn03 {
  background-image: url(/assets/images/about/5min/co04-btnimg03.jpg);
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li.btn04 {
  background-image: url(/assets/images/about/5min/co04-btnimg04.jpg);
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li.btn05 {
  background-image: url(/assets/images/about/5min/co04-btnimg05.jpg);
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li.btn06 {
  background-image: url(/assets/images/about/5min/co04-btnimg06.jpg);
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li h3 {
  color: #fff;
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  font-weight: bold;
  min-height: 3em;
  display: flex;
  align-items: center;
  margin-bottom: min(16px, 16 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li h3 {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    min-height: 3em;
    margin-bottom: calc(16 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li a {
  font-size: min(12px, 12 / 1440 * var(--inner-width) * 1px);
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li a {
    font-size: calc(12 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li a span {
  text-decoration: underline;
  line-height: 1em;
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li a i {
  background-image: url(/assets/images/about/5min/link-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: min(13px, 13 / 1440 * var(--inner-width) * 1px);
  width: min(13px, 13 / 1440 * var(--inner-width) * 1px);
  margin-left: min(8px, 8 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li a i {
    height: calc(13 / 400 * var(--inner-width) * 1px);
    width: calc(13 / 400 * var(--inner-width) * 1px);
    margin-left: calc(8 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li .box {
  width: min(171px, 171 / 1440 * var(--inner-width) * 1px);
  height: min(106px, 106 / 1440 * var(--inner-width) * 1px);
  border-radius: min(8px, 8 / 1440 * var(--inner-width) * 1px);
  margin-bottom: min(24px, 24 / 1440 * var(--inner-width) * 1px);
  background: linear-gradient(90deg, #00a4a0 0%, #34d0b6 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li .box {
    width: calc(158 / 400 * var(--inner-width) * 1px);
    height: calc(105 / 400 * var(--inner-width) * 1px);
    border-radius: calc(8 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(24 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li .box p {
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  font-weight: 500;
  line-height: 1em;
  margin-bottom: min(5px, 5 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li .box p {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(5 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li .box p.notes {
  font-size: min(14px, 14 / 1440 * var(--inner-width) * 1px);
  margin-top: min(6px, 6 / 1440 * var(--inner-width) * 1px);
  line-height: 1em;
  margin-bottom: 0;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li .box p.notes {
    font-size: calc(12 / 400 * var(--inner-width) * 1px);
    margin-top: calc(6 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li .box h4 {
  font-size: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  line-height: 1em;
  font-weight: 500;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li .box h4 {
    font-size: calc(20 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li .box h4 strong {
  font-size: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  margin: 0 0.1em;
  font-weight: 500;
  line-height: 1em;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co04 .about5min-co04-btn li .box h4 strong {
    font-size: calc(40 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co05 {
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co05 {
    margin-top: calc(72 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co05 .contents-text {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co05 .contents-text {
    text-align: left;
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co05 .contents-text .contents-head {
  justify-content: center;
  margin-bottom: min(56px, 56 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co05 .contents-text .contents-head {
    justify-content: flex-start;
    margin-bottom: calc(40 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co05 .contents-text .contents-head .c-contents-ttl {
  align-items: center;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co05 .contents-text .contents-head .c-contents-ttl {
    align-items: flex-start;
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co05 .about5min-co05-btn {
  width: 100%;
  height: min(280px, 280 / 1440 * var(--inner-width) * 1px);
  background-image: url(/assets/images/about/5min/co05-img.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 min(101px, 101 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co05 .about5min-co05-btn {
    width: calc(360 / 400 * var(--inner-width) * 1px);
    height: calc(360 / 400 * var(--inner-width) * 1px);
    background-image: url(/assets/images/about/5min/co05-img-sp.jpg);
    flex-direction: column;
    justify-content: center;
    padding: 0;
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co05 .about5min-co05-btn h3 {
  color: #fff;
  font-size: min(32px, 32 / 1440 * var(--inner-width) * 1px);
  font-weight: bold;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co05 .about5min-co05-btn h3 {
    font-size: calc(32 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co05 .about5min-co05-btn a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(296px, 296 / 1440 * var(--inner-width) * 1px);
  height: min(64px, 64 / 1440 * var(--inner-width) * 1px);
  border-radius: min(32px, 32 / 1440 * var(--inner-width) * 1px);
  padding: min(12px, 12 / 1440 * var(--inner-width) * 1px) min(12px, 12 / 1440 * var(--inner-width) * 1px) min(12px, 12 / 1440 * var(--inner-width) * 1px) min(32px, 32 / 1440 * var(--inner-width) * 1px);
  background-color: #fff;
  font-size: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  font-weight: bold;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co05 .about5min-co05-btn a {
    font-size: calc(20 / 400 * var(--inner-width) * 1px);
    width: calc(320 / 400 * var(--inner-width) * 1px);
    height: calc(64 / 400 * var(--inner-width) * 1px);
    border-radius: calc(32 / 400 * var(--inner-width) * 1px);
    margin-top: calc(40 / 400 * var(--inner-width) * 1px);
    padding: calc(12 / 400 * var(--inner-width) * 1px) calc(12 / 400 * var(--inner-width) * 1px) calc(12 / 400 * var(--inner-width) * 1px) calc(32 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co05 .about5min-co05-btn a i {
  width: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  height: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  background-image: url(/assets/images/common/button-next.svg);
  background-repeat: no-repeat;
  background-size: min(40px, 40 / 1440 * var(--inner-width) * 1px) auto;
  background-position: center;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co05 .about5min-co05-btn a i {
    width: calc(40 / 400 * var(--inner-width) * 1px);
    height: calc(40 / 400 * var(--inner-width) * 1px);
    background-size: calc(40 / 400 * var(--inner-width) * 1px) auto;
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co02 > figure {
  padding-top: min(174px, 174 / 1440 * var(--inner-width) * 1px);
  width: min(526px, 526 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co02 > figure {
    padding-top: 0;
    width: 100%;
  }
}
#about-5min .contents-wrapper .contents-inner#about5min-co03 > figure {
  padding-top: min(184px, 184 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper .contents-inner#about5min-co03 > figure {
    padding-top: 0;
  }
}

#about-philosophy {
  padding-bottom: min(80px, 80 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy {
    padding-bottom: calc(64 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .c-mv {
  background-image: url(/assets/images/about/philosophy/mv-bg_img.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto min(797px, 797 / 1440 * var(--inner-width) * 1px);
  min-height: min(800px, 800 / 1440 * var(--inner-width) * 1px);
  position: relative;
  padding-bottom: min(140px, 140 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .c-mv {
    background-image: url(/assets/images/about/philosophy/mv-bg_img-sp.png);
    background-size: 100% auto;
    min-height: 100vw;
    padding-bottom: calc(80 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .c-mv::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: min(544px, 544 / 1440 * var(--inner-width) * 1px);
  width: min(660px, 660 / 1440 * var(--inner-width) * 1px);
  background-image: url(/assets/images/common/mv-deco-left.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .c-mv::before {
    background-image: url(/assets/images/common/mv-deco-sp.png);
    width: calc(400 / 400 * var(--inner-width) * 1px);
    height: calc(360 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .c-mv::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: min(544px, 544 / 1440 * var(--inner-width) * 1px);
  width: min(289px, 289 / 1440 * var(--inner-width) * 1px);
  background-image: url(/assets/images/technical/index/mv-deco-right.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .c-mv::after {
    display: none;
  }
}
#about-philosophy .c-mv .c-mv-inner {
  width: min(1200px, 1200 / 1440 * var(--inner-width) * 1px);
  margin: 0 auto;
  padding-top: min(236px, 236 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .c-mv .c-mv-inner {
    width: 100%;
    padding: calc(200 / 400 * var(--inner-width) * 1px) calc(20 / 400 * var(--inner-width) * 1px) 0;
  }
}
#about-philosophy .c-mv .c-mv-inner .c-mv-ttl {
  font-size: min(56px, 56 / 1440 * var(--inner-width) * 1px);
  font-weight: bold;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: min(40px, 40 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .c-mv .c-mv-inner .c-mv-ttl {
    font-size: calc(40 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(40 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .c-mv .c-mv-inner .c-mv-ttl span {
  background: linear-gradient(90deg, #00a4a0 0%, #34d0b6 100%);
  color: #fff;
  font-weight: 500;
  height: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  padding: 0 min(24px, 24 / 1440 * var(--inner-width) * 1px);
  font-size: min(24px, 24 / 1440 * var(--inner-width) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: min(10px, 10 / 1440 * var(--inner-width) * 1px);
  margin-bottom: min(16px, 16 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .c-mv .c-mv-inner .c-mv-ttl span {
    height: calc(40 / 400 * var(--inner-width) * 1px);
    padding: 0 calc(24 / 400 * var(--inner-width) * 1px);
    font-size: calc(24 / 400 * var(--inner-width) * 1px);
    border-radius: calc(10 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(16 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .c-mv .c-mv-inner .mv-nav {
  padding: 0 0 min(40px, 40 / 1440 * var(--inner-width) * 1px) min(40px, 40 / 1440 * var(--inner-width) * 1px);
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1.75em;
  font-weight: 600;
  background-image: url(/assets/images/common/mv-nav-line.svg);
  background-repeat: no-repeat;
  background-size: min(24px, 24 / 1440 * var(--inner-width) * 1px) auto;
  background-position: left bottom;
  position: relative;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .c-mv .c-mv-inner .mv-nav {
    padding: 0 0 calc(40 / 400 * var(--inner-width) * 1px) 0;
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    background-image: none;
  }
}
#about-philosophy .c-mv .c-mv-inner .mv-nav::before {
  height: calc(100% - min(40px, 40 / 1440 * var(--inner-width) * 1px));
  width: 1px;
  min-width: 1px;
  content: "";
  display: block;
  background-color: #ccc;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .c-mv .c-mv-inner .mv-nav::before {
    background-color: #00a4a0;
    width: calc(24 / 400 * var(--inner-width) * 1px);
    height: 1px;
    min-height: 1px;
    top: auto;
    bottom: 0;
  }
}
#about-philosophy .c-mv .c-mv-inner .mv-nav::after {
  width: min(755px, 755 / 1440 * var(--inner-width) * 1px);
  height: 1px;
  min-height: 1px;
  content: "";
  display: block;
  background-color: #ccc;
  position: absolute;
  left: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  bottom: 0;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .c-mv .c-mv-inner .mv-nav::after {
    width: calc(320 / 400 * var(--inner-width) * 1px);
    left: calc(40 / 400 * var(--inner-width) * 1px);
    height: 1px;
    min-height: 1px;
  }
}
#about-philosophy .c-mv .c-mv-inner .mv-nav ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: min(800px, 800 / 1440 * var(--inner-width) * 1px);
  gap: min(32px, 32 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .c-mv .c-mv-inner .mv-nav ul {
    width: 100%;
    gap: calc(16 / 400 * var(--inner-width) * 1px);
    margin-bottom: 0;
  }
}
#about-philosophy .c-mv .c-mv-inner .mv-nav ul li a {
  font-size: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  font-weight: bold;
  height: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .c-mv .c-mv-inner .mv-nav ul li a {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    height: calc(40 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .c-mv .c-mv-inner .mv-nav ul li a::after {
  content: "";
  display: block;
  width: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  height: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  background-image: url(/assets/images/common/mv-nav-btn.svg);
  background-repeat: no-repeat;
  background-size: min(40px, 40 / 1440 * var(--inner-width) * 1px) auto;
  background-position: center;
  margin-left: min(16px, 16 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .c-mv .c-mv-inner .mv-nav ul li a::after {
    width: calc(40 / 400 * var(--inner-width) * 1px);
    height: calc(40 / 400 * var(--inner-width) * 1px);
    background-size: calc(40 / 400 * var(--inner-width) * 1px) auto;
    margin-left: calc(8 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .c-mv .c-mv-inner .mv-nav .c-mv-lead {
  font-size: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  line-height: 1.75em;
  font-weight: 600;
  margin-top: min(40px, 40 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .c-mv .c-mv-inner .mv-nav .c-mv-lead {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    background-image: none;
  }
}
#about-philosophy .contents-wrapper .contents-inner {
  width: min(1200px, 1200 / 1440 * var(--inner-width) * 1px);
  margin: 0 auto min(136px, 136 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner {
    margin-bottom: calc(80 / 400 * var(--inner-width) * 1px);
  }
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner {
    width: 100%;
    margin-bottom: calc(80 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner .c-contents-ttl {
  font-size: min(32px, 32 / 1440 * var(--inner-width) * 1px);
  font-weight: bold;
  line-height: 1.2em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner .c-contents-ttl {
    font-size: calc(32 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner .c-contents-ttl span {
  background: linear-gradient(90deg, #00a4a0 0%, #34d0b6 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1em;
  margin-bottom: min(16px, 16 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner .c-contents-ttl span {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(16 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner .contents-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: min(64px, 64 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner .contents-head {
    padding: 0 calc(20 / 400 * var(--inner-width) * 1px);
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: calc(40 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner .contents-head .c-contents-ttl {
  font-size: min(32px, 32 / 1440 * var(--inner-width) * 1px);
  font-weight: bold;
  line-height: 1.2em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  white-space: nowrap;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner .contents-head .c-contents-ttl {
    font-size: calc(32 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(24 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner .contents-head .c-contents-ttl span {
  background: linear-gradient(90deg, #00a4a0 0%, #34d0b6 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1em;
  margin-bottom: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  color: transparent;
  font-weight: 500;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner .contents-head .c-contents-ttl span {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(16 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner .contents-head p {
  text-align: right;
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1.7em;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner .contents-head p {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    line-height: 1.7em;
    text-align: left;
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co01 {
  width: min(1400px, 1400 / 1440 * var(--inner-width) * 1px);
  margin-top: max(-100px, -100 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co01 {
    width: 100%;
    margin-top: 0;
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co01 .contents-head {
  width: min(1200px, 1200 / 1440 * var(--inner-width) * 1px);
  margin: 0 auto min(36px, 36 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co01 .contents-head {
    width: 100%;
    margin-bottom: calc(40 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co01 .philosophy-co01-inner {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co01 .philosophy-co01-inner {
    flex-direction: column-reverse;
    padding: 0 calc(20 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co01 .philosophy-co01-inner figure {
  width: min(408px, 408 / 1440 * var(--inner-width) * 1px);
  margin-top: min(164px, 164 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co01 .philosophy-co01-inner figure {
    width: 100%;
    margin-top: calc(40 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co01 .philosophy-co01-inner .message-text {
  padding-right: min(120px, 120 / 1440 * var(--inner-width) * 1px);
  width: min(915px, 915 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co01 .philosophy-co01-inner .message-text {
    width: 100%;
    padding-right: 0;
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co01 .philosophy-co01-inner .message-text h3 {
  font-size: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  line-height: 1.5em;
  font-weight: bold;
  margin-bottom: min(40px, 40 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co01 .philosophy-co01-inner .message-text h3 {
    font-size: calc(40 / 400 * var(--inner-width) * 1px);
    line-height: 1.5em;
    margin-bottom: calc(40 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co01 .philosophy-co01-inner .message-text h3 small {
  font-size: min(24px, 24 / 1440 * var(--inner-width) * 1px);
  display: block;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co01 .philosophy-co01-inner .message-text h3 small {
    font-size: calc(24 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co01 .philosophy-co01-inner .message-text p {
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1.75em;
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co01 .philosophy-co01-inner .message-text p:nth-of-type(n + 2) {
  margin-top: min(24px, 24 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co01 .philosophy-co01-inner .message-text p {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    line-height: 1.75em;
  }
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co01 .philosophy-co01-inner .message-text p:nth-of-type(n + 2) {
    margin-top: calc(24 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co01 .philosophy-co01-inner .message-text p.message-name {
  text-align: right;
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-purpose {
  width: 100%;
  height: min(337px, 337 / 1440 * var(--inner-width) * 1px);
  background-image: url(/assets/images/about/philosophy/our-purpose-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  margin-bottom: min(80px, 80 / 1440 * var(--inner-width) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-purpose {
    background-image: url(/assets/images/about/philosophy/our-purpose-bg_sp.jpg);
    height: calc(400 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(64 / 400 * var(--inner-width) * 1px);
    flex-direction: column;
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-purpose h2 {
  line-height: 1em;
  position: absolute;
  left: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  top: min(32px, 32 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-purpose h2 {
    position: static;
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-purpose h3 {
  line-height: 1em;
  font-size: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  text-align: center;
  font-weight: bold;
  color: #fff;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-purpose h3 {
    font-size: calc(40 / 400 * var(--inner-width) * 1px);
    line-height: 1.3em;
    padding-left: 0.6em;
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-purpose h3 small {
  display: block;
  font-size: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  line-height: 1em;
  margin-top: min(16px, 16 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-purpose h3 small {
    font-size: calc(20 / 400 * var(--inner-width) * 1px);
    margin-top: calc(24 / 400 * var(--inner-width) * 1px);
    margin-left: -0.3em;
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-way .our-way-inner {
  margin-top: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  margin-bottom: min(80px, 80 / 1440 * var(--inner-width) * 1px);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-way .our-way-inner {
    flex-direction: column;
    margin-bottom: calc(64 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-way .our-way-inner .our-way-item {
  width: min(592px, 592 / 1440 * var(--inner-width) * 1px);
  margin-top: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  margin-bottom: min(64px, 64 / 1440 * var(--inner-width) * 1px);
  padding-bottom: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  color: #fff;
  border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-way .our-way-inner .our-way-item {
    width: 100%;
    padding-bottom: calc(40 / 400 * var(--inner-width) * 1px);
    margin-bottom: 0;
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-way .our-way-inner .our-way-item:nth-of-type(n + 3) {
  margin-top: min(40px, 40 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-way .our-way-inner .our-way-item:nth-of-type(n + 2) {
    margin-top: calc(40 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-way .our-way-inner .our-way-item h3 {
  font-size: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  font-weight: bold;
  display: flex;
  align-items: flex-start;
  line-height: 1em;
  margin-bottom: min(20px, 20 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-way .our-way-inner .our-way-item h3 {
    font-size: calc(40 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(16 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-way .our-way-inner .our-way-item h3 span {
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1em;
  font-weight: 500;
  margin-right: min(20px, 20 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-way .our-way-inner .our-way-item h3 span {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    margin-right: calc(20 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-way .our-way-inner .our-way-item p {
  font-size: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  line-height: 1.5em;
  font-weight: bold;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .our-way .our-way-inner .our-way-item p {
    font-size: calc(20 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .philosophy-btn {
  width: min(480px, 480 / 1440 * var(--inner-width) * 1px);
  height: min(64px, 64 / 1440 * var(--inner-width) * 1px);
  border-radius: min(32px, 32 / 1440 * var(--inner-width) * 1px);
  margin: 0 auto;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  font-weight: 600;
  padding: 0 min(12px, 12 / 1440 * var(--inner-width) * 1px) 0 min(32px, 32 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .philosophy-btn {
    width: calc(360 / 400 * var(--inner-width) * 1px);
    height: calc(64 / 400 * var(--inner-width) * 1px);
    border-radius: calc(32 / 400 * var(--inner-width) * 1px);
    font-size: calc(20 / 400 * var(--inner-width) * 1px);
    line-height: 1.25em;
    padding: 0 calc(12 / 400 * var(--inner-width) * 1px) 0 calc(32 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .philosophy-btn i {
  width: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  height: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  background-image: url(/assets/images/common/button-next.svg);
  background-repeat: no-repeat;
  background-size: min(40px, 40 / 1440 * var(--inner-width) * 1px) auto;
  background-position: center;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .philosophy-btn i {
    width: calc(40 / 400 * var(--inner-width) * 1px);
    height: calc(40 / 400 * var(--inner-width) * 1px);
    background-size: calc(40 / 400 * var(--inner-width) * 1px) auto;
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .c-contents-subttl {
  font-size: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  color: #fff;
  line-height: 1em;
  font-weight: 500;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co02 .c-contents-subttl {
    font-size: calc(40 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(30 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner {
  position: relative;
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner::after {
  content: "";
  display: block;
  height: min(128px, 128 / 1440 * var(--inner-width) * 1px);
  width: min(810px, 810 / 1440 * var(--inner-width) * 1px);
  background-image: url(/assets/images/about/philosophy/ownership-line.svg);
  background-repeat: no-repeat;
  background-size: min(810px, 810 / 1440 * var(--inner-width) * 1px) auto;
  background-position: center;
  position: absolute;
  top: min(390px, 390 / 1440 * var(--inner-width) * 1px);
  left: 0;
  right: 0;
  margin: auto;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner::after {
    background-image: none;
    top: calc(360 / 400 * var(--inner-width) * 1px);
    height: calc(1800 / 400 * var(--inner-width) * 1px);
    width: 1px;
    background-color: #00a4a0;
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner h2 {
  width: min(390px, 390 / 1440 * var(--inner-width) * 1px);
  height: min(390px, 390 / 1440 * var(--inner-width) * 1px);
  border-radius: 50%;
  overflow: hidden;
  background-image: url(/assets/images/about/philosophy/ownership-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  font-size: min(48px, 48 / 1440 * var(--inner-width) * 1px);
  line-height: 1.1em;
  font-weight: 500;
  margin: 0 auto min(144px, 144 / 1440 * var(--inner-width) * 1px);
  position: relative;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner h2 {
    width: calc(360 / 400 * var(--inner-width) * 1px);
    height: calc(360 / 400 * var(--inner-width) * 1px);
    font-size: calc(48 / 400 * var(--inner-width) * 1px);
    margin: 0 auto calc(64 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner h2 small {
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  margin-top: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1.1em;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner h2 small {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    margin-top: calc(16 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner h2::before {
  height: min(64px, 64 / 1440 * var(--inner-width) * 1px);
  width: 1px;
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner h2::before {
    height: calc(74 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner h2::after {
  height: min(8px, 8 / 1440 * var(--inner-width) * 1px);
  width: min(8px, 8 / 1440 * var(--inner-width) * 1px);
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  bottom: min(68px, 68 / 1440 * var(--inner-width) * 1px);
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner h2::after {
    height: calc(8 / 400 * var(--inner-width) * 1px);
    width: calc(8 / 400 * var(--inner-width) * 1px);
    bottom: calc(78 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner > p {
  width: min(290px, 290 / 1440 * var(--inner-width) * 1px);
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1.75em;
  position: absolute;
  right: max(-10px, -10 / 1440 * var(--inner-width) * 1px);
  top: min(60px, 60 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner > p {
    width: 100%;
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    line-height: 1.75em;
    position: static;
    padding: calc(24 / 400 * var(--inner-width) * 1px) calc(20 / 400 * var(--inner-width) * 1px);
    background-color: #f7f7f7;
    position: relative;
    z-index: 10;
    margin-bottom: calc(64 / 400 * var(--inner-width) * 1px);
    right: 0;
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner .ownership-lists {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner .ownership-lists {
    flex-direction: column;
    gap: calc(16 / 400 * var(--inner-width) * 1px);
    padding: 0 calc(20 / 400 * var(--inner-width) * 1px);
    position: relative;
    z-index: 10;
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner .ownership-lists .ownership-item {
  width: min(389px, 389 / 1440 * var(--inner-width) * 1px);
  background-color: #fff;
  padding: min(40px, 40 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner .ownership-lists .ownership-item {
    width: 100%;
    padding: calc(40 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner .ownership-lists .ownership-item h3 {
  font-weight: bold;
  font-size: min(32px, 32 / 1440 * var(--inner-width) * 1px);
  line-height: 1em;
  background: linear-gradient(90deg, #00a4a0 0%, #34d0b6 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-align: center;
  margin-bottom: min(20px, 20 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner .ownership-lists .ownership-item h3 {
    font-size: calc(32 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(20 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner .ownership-lists .ownership-item p {
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1.75em;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper .contents-inner#philosophy-co03 .personality-inner .ownership-lists .ownership-item p {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    line-height: 1.75em;
  }
}
#about-philosophy .contents-wrapper.green-base {
  background: linear-gradient(90deg, #00a4a0 0%, #34d0b6 100%);
  padding: min(136px, 136 / 1440 * var(--inner-width) * 1px) 0;
  position: relative;
  margin-bottom: min(136px, 136 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper.green-base {
    padding: calc(80 / 400 * var(--inner-width) * 1px) calc(20 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(116 / 400 * var(--inner-width) * 1px);
  }
}
#about-philosophy .contents-wrapper.green-base::before {
  content: "";
  display: block;
  width: min(100px, 100 / 1440 * var(--inner-width) * 1px);
  height: min(80px, 80 / 1440 * var(--inner-width) * 1px);
  background-image: url(/assets/images/career/rect01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  left: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  top: min(20px, 20 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper.green-base::before {
    width: calc(70 / 400 * var(--inner-width) * 1px);
    height: calc(56 / 400 * var(--inner-width) * 1px);
    right: calc(20 / 400 * var(--inner-width) * 1px);
    left: auto;
    top: calc(20 / 400 * var(--inner-width) * 1px);
    background-image: url(/assets/images/career/rect01-sp.svg);
  }
}
#about-philosophy .contents-wrapper.green-base::after {
  content: "";
  display: block;
  width: min(295px, 295 / 1440 * var(--inner-width) * 1px);
  height: min(160px, 160 / 1440 * var(--inner-width) * 1px);
  background-image: url(/assets/images/career/rect02.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper.green-base::after {
    width: calc(147 / 400 * var(--inner-width) * 1px);
    height: calc(80 / 400 * var(--inner-width) * 1px);
    background-image: url(/assets/images/career/rect02-sp.svg);
  }
}
#about-philosophy .contents-wrapper.green-base .contents-inner {
  margin-bottom: 0;
}
@media only screen and (max-width: 48em) {
  #about-philosophy .contents-wrapper.green-base .contents-inner .contents-head {
    padding: 0;
  }
}
#about-philosophy .contents-wrapper.green-base .contents-inner .contents-head .c-contents-ttl {
  color: #fff;
}
#about-philosophy .contents-wrapper.green-base .contents-inner .contents-head .c-contents-ttl span {
  color: #fff;
}
#about-philosophy .contents-wrapper.green-base .contents-inner .contents-head p {
  color: #fff;
}

#about-5min .contents-wrapper #jx-history.contents-inner {
  flex-wrap: wrap;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper #jx-history.contents-inner {
    padding-top: 0;
    width: 100%;
    overflow: hidden;
  }
}
#about-5min .contents-wrapper #jx-history.contents-inner > h3 {
  font-size: min(24px, 24 / 1440 * var(--inner-width) * 1px);
  width: 100%;
  margin-bottom: min(34px, 34 / 1440 * var(--inner-width) * 1px);
  line-height: 1em;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper #jx-history.contents-inner > h3 {
    font-size: calc(24 / 400 * var(--inner-width) * 1px);
    width: 100%;
    margin-bottom: calc(34 / 400 * var(--inner-width) * 1px);
    margin-left: calc(20 / 400 * var(--inner-width) * 1px);
    text-align: left;
  }
}
#about-5min .contents-wrapper #jx-history.contents-inner .history-swiper {
  overflow-x: hidden;
}
#about-5min .contents-wrapper #jx-history.contents-inner .history-slides {
  position: relative;
  width: 100%;
}
#about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide {
  width: min(288px, 288 / 1440 * var(--inner-width) * 1px);
  height: min(530px, 530 / 1440 * var(--inner-width) * 1px);
  background-color: #fff;
  border-radius: min(8px, 8 / 1440 * var(--inner-width) * 1px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide {
    width: calc(320 / 400 * var(--inner-width) * 1px);
    height: calc(530 / 400 * var(--inner-width) * 1px);
    background-color: #fff;
    border-radius: calc(8 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide h3 {
  height: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  width: 100%;
  font-size: min(24px, 24 / 1440 * var(--inner-width) * 1px);
  text-align: center;
  line-height: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  color: #fff;
  background: linear-gradient(90deg, #00a4a0 0%, #34d0b6 100%);
  margin-bottom: min(32px, 32 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide h3 {
    height: calc(40 / 400 * var(--inner-width) * 1px);
    width: 100%;
    font-size: calc(24 / 400 * var(--inner-width) * 1px);
    text-align: center;
    line-height: calc(40 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(32 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide figure {
  border-radius: min(8px, 8 / 1440 * var(--inner-width) * 1px);
  overflow: hidden;
  height: min(176px, 176 / 1440 * var(--inner-width) * 1px);
  width: min(176px, 176 / 1440 * var(--inner-width) * 1px);
  margin-bottom: min(32px, 32 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide figure {
    border-radius: calc(8 / 400 * var(--inner-width) * 1px);
    height: calc(176 / 400 * var(--inner-width) * 1px);
    width: calc(176 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(32 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide figure img {
  width: 100%;
  height: auto;
}
#about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide h4 {
  height: min(54px, 54 / 1440 * var(--inner-width) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  flex-direction: column;
  line-height: 1.2em;
  text-align: center;
  font-size: min(20px, 20 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide h4 {
    height: calc(54 / 400 * var(--inner-width) * 1px);
    font-size: calc(20 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide h4 > small {
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1.2em;
  display: block;
  margin-top: min(6px, 6 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide h4 > small {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    margin-top: calc(6 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide h4.en {
  text-align: center;
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide h4.en {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide h4.en small {
  font-size: min(13px, 13 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide h4.en small {
    font-size: calc(13 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide p {
  padding: 0 min(26px, 26 / 1440 * var(--inner-width) * 1px);
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1.6em;
  margin-top: min(16px, 16 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide p {
    padding: 0 calc(32 / 400 * var(--inner-width) * 1px);
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    line-height: 1.6em;
    margin-top: calc(16 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide p.en {
  font-size: min(14px, 14 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide p.en {
    font-size: calc(14 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide p.history-text-small {
  font-size: min(15px, 15 / 1440 * var(--inner-width) * 1px);
  padding: 0 min(20px, 20 / 1440 * var(--inner-width) * 1px);
  line-height: 1.45em;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide p.history-text-small {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    padding: 0 calc(20 / 400 * var(--inner-width) * 1px);
    line-height: 1.6em;
  }
}
#about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide h5 {
  min-height: min(230px, 230 / 1440 * var(--inner-width) * 1px);
  width: 100%;
  text-align: center;
  font-size: min(24px, 24 / 1440 * var(--inner-width) * 1px);
  line-height: 1.5em;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper #jx-history.contents-inner .history-slides .swiper-slide h5 {
    min-height: calc(230 / 400 * var(--inner-width) * 1px);
    font-size: calc(24 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper #jx-history.contents-inner .swiper-button-prev,
#about-5min .contents-wrapper #jx-history.contents-inner .swiper-button-next {
  position: absolute;
  margin: 0;
  width: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  height: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  border-radius: 50%;
  overflow: hidden;
  background-color: #ccc;
  left: max(-20px, -20 / 1440 * var(--inner-width) * 1px);
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 1;
  color: transparent;
  font-size: 1px;
  background-image: url(/assets/images/common/button-prev.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.3s;
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper #jx-history.contents-inner .swiper-button-prev,
  #about-5min .contents-wrapper #jx-history.contents-inner .swiper-button-next {
    width: calc(40 / 400 * var(--inner-width) * 1px);
    height: calc(40 / 400 * var(--inner-width) * 1px);
    left: calc(16 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper #jx-history.contents-inner .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
#about-5min .contents-wrapper #jx-history.contents-inner .swiper-button-next {
  right: max(-20px, -20 / 1440 * var(--inner-width) * 1px);
  left: auto;
  opacity: 1;
  transition: opacity 0.3s;
  background-image: url(/assets/images/common/button-next.svg);
}
@media only screen and (max-width: 48em) {
  #about-5min .contents-wrapper #jx-history.contents-inner .swiper-button-next {
    right: calc(16 / 400 * var(--inner-width) * 1px);
  }
}
#about-5min .contents-wrapper #jx-history.contents-inner .swiper-button-next.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}/*# sourceMappingURL=about.css.map */