@charset "UTF-8";
@media print, (min-width: 768px) {
  main {
    background: #00a7ff url("../img/company/thumbnail_bg_01.png") center bottom/cover no-repeat;
  }
}
@media only screen and (max-width: 767.98px) {
  main {
    background: url("../img/company/number/sp/thumbnail_bg_01.png") top center/100% auto no-repeat, url("../img/company/number/sp/thumbnail_bg_02.png") bottom center/100% auto no-repeat;
    background-color: #00a7ff;
  }
}

.section-number-keyvisual {
  position: relative;
  overflow: hidden;
}
.section-number-keyvisual .decor {
  position: absolute;
}
.section-number-keyvisual .keyvisual-title {
  position: relative;
  margin: 0 auto;
}
.section-number-keyvisual .keyvisual-text {
  position: relative;
  margin: 0;
  color: #fff;
  font-weight: 700;
  line-height: 2;
  text-align: center;
}
@media print, (min-width: 768px) {
  .section-number-keyvisual {
    min-height: 832px;
    padding-top: 127px;
    padding-bottom: 301px;
    background: url("../img/company/keyvisual_bg_01.png") center bottom/cover no-repeat;
  }
  .section-number-keyvisual .keyvisual-title {
    width: 640px;
    margin-bottom: 123px;
  }
  .section-number-keyvisual .keyvisual-text {
    font-size: 0.24rem;
    letter-spacing: 0.1em;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-number-keyvisual {
    padding-top: 0.51rem;
    padding-bottom: 0.46rem;
  }
  .section-number-keyvisual .keyvisual-title {
    width: 3.06rem;
    margin-bottom: 0.48rem;
  }
  .section-number-keyvisual .keyvisual-text {
    font-size: 0.18rem;
    letter-spacing: 0.05em;
  }
}

.section-number {
  position: relative;
}
.section-number .number-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #1b54aa;
}
.section-number .title-wrapper {
  margin: 0;
}
.section-number .title-wrapper img {
  width: auto;
  height: 100%;
}
.section-number .number-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  color: #1b54aa;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.section-number .number-content p:last-child {
  margin-bottom: 0;
}
.section-number .number-label {
  position: relative;
  margin: 0;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.section-number .label-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  background: #1b54aa;
}
.section-number .detail-info {
  margin: 0;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
.section-number .detail-info .is-small {
  letter-spacing: 0;
}
.section-number .detail-text {
  margin: 0;
  letter-spacing: 0.05em;
}
.section-number .detail-notes {
  margin: 0;
  letter-spacing: 0.05em;
  text-align: center;
}
.section-number .detail-notes span {
  position: relative;
}
.section-number .detail-notes span::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.section-number .number-wrapper {
  background: rgba(255, 255, 255, 0.9);
}
.section-number .number-inner {
  position: relative;
}
@media print, (min-width: 768px) {
  .section-number {
    margin-top: -165px;
    padding-bottom: 160px;
  }
  .section-number .wrapper {
    padding: 0 79px;
  }
  .section-number .number-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
  }
  .section-number .number-heading.is-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .section-number .number-heading.is-reverse .number-title {
    margin-left: 24px;
  }
  .section-number .number-heading:not(.is-reverse) .number-title {
    margin-right: 24px;
  }
  .section-number .number-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .section-number .number-group:not(:last-child) {
    margin-bottom: 125px;
  }
  .section-number .number-group:last-child .number-wrapper {
    min-height: 420px;
  }
  .section-number .number-group:last-child .number-thumbnail {
    margin-bottom: 0;
  }
  .section-number .number-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 40px 29px;
  }
  .section-number .number-wrapper {
    margin-bottom: 24px;
    border-radius: 120px;
  }
  .section-number .number-wrapper.is-full {
    min-height: 464px;
  }
  .section-number .number-wrapper.is-full .number-thumbnail {
    width: 1044px;
  }
  .section-number .number-wrapper.is-half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 48.8505747126%;
    min-height: 476px;
  }
  .section-number .number-wrapper.is-modify {
    background: url("../img/company/number/thumbnail_bg_02.png") top left/100% 100% no-repeat;
  }
  .section-number .number-wrapper.is-modify .number-thumbnail {
    width: 964px;
    margin-bottom: 26px;
  }
  .section-number .number-wrapper.is-modify .number-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .section-number .number-wrapper.is-modify .detail-info {
    width: calc(50% - 54px);
  }
  .section-number .number-wrapper.is-modify .detail-notes {
    margin-top: 8px;
    padding: 0 175px 0 60%;
    text-align: right;
  }
  .section-number .number-label {
    font-size: 0.24rem;
    line-height: 1.5;
  }
  .section-number .label-wrapper {
    min-height: 56px;
    padding: 2px 18px 4px;
    border-radius: 120px;
  }
  .section-number .number-title {
    width: 31.8007662835%;
    min-height: 332px;
    padding: 50px;
    border-radius: 120px;
  }
  .section-number .title-wrapper {
    height: 126px;
  }
  .section-number .title-wrapper.is-modify {
    height: 196px;
  }
  .section-number .number-content {
    width: 65.9003831418%;
    min-height: 332px;
    padding: 50px;
    border-radius: 120px;
    font-size: 0.2rem;
    line-height: 1.75;
  }
  .section-number .detail-info {
    margin-bottom: 11px;
    font-size: 0.3rem;
    line-height: 1.6;
  }
  .section-number .detail-info.is-small {
    margin: 0 -25px;
    font-size: 0.25rem;
    line-height: 1.92;
  }
  .section-number .detail-info.is-medium {
    margin-bottom: 5px;
    font-size: 0.26rem;
    line-height: 1.8461538462;
  }
  .section-number .detail-text {
    margin-bottom: 16px;
    font-size: 0.18rem;
    line-height: 1.75;
    text-align: center;
  }
  .section-number .detail-text.is-medium {
    margin-bottom: 18px;
    font-size: 0.16rem;
    line-height: 1.75;
  }
  .section-number .number-thumbnail {
    width: 430px;
    margin: -56px auto 18px;
  }
  .section-number .number-thumbnail.is-margin {
    margin-bottom: 0;
  }
  .section-number .number-thumbnail.is-offset {
    width: 460px;
    margin: -56px -15px -43px;
  }
  .section-number .detail-notes {
    font-size: 0.14rem;
    line-height: 1.5;
  }
  .section-number .detail-notes span {
    padding-left: 14px;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-number {
    padding-bottom: 0.8rem;
  }
  .section-number .number-group:not(:last-child) {
    margin-bottom: 0.61rem;
  }
  .section-number .number-title {
    position: relative;
    width: 1.72rem;
    height: 1.72rem;
    padding: 0.2rem;
    border-radius: 0.6rem;
  }
  .section-number .number-content {
    min-height: 1.6rem;
    margin-top: -0.3rem;
    padding: 0.38rem 0.3rem;
    border-radius: 0.6rem;
    font-size: 0.16rem;
    line-height: 1.75;
  }
  .section-number .title-wrapper {
    height: 0.66rem;
  }
  .section-number .title-wrapper.is-modify {
    height: 1.02rem;
  }
  .section-number .number-heading {
    margin-bottom: 0.3rem;
  }
  .section-number .number-heading.is-reverse {
    margin-bottom: 0.2rem;
  }
  .section-number .number-heading.is-reverse .number-title {
    margin-left: auto;
  }
  .section-number .number-label {
    margin-left: -0.24rem;
    font-size: 0.18rem;
  }
  .section-number .label-wrapper {
    min-height: 0.47rem;
    margin: 0 -0.06rem;
    padding: 0.08rem 0.2rem 0.07rem;
    border-radius: 1.2rem;
  }
  .section-number .number-wrapper {
    margin-bottom: 0.2rem;
    padding: 0 0.3rem 0.49rem;
    border-radius: 0.8rem;
  }
  .section-number .number-wrapper.is-top {
    position: relative;
    background: none;
  }
  .section-number .number-wrapper.is-top::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0.48rem;
    left: 0;
    width: 100%;
    height: calc(100% - 0.48rem);
    border-radius: 0.8rem;
    background: rgba(255, 255, 255, 0.9);
  }
  .section-number .number-wrapper.is-top .detail-info {
    margin: 0 -0.1rem 0.1rem;
  }
  .section-number .number-wrapper.is-modify {
    background: url("../img/company/number/sp/thumbnail_bg_02.png") top left/100% 100% no-repeat;
  }
  .section-number .number-wrapper.is-modify::before {
    background: none;
  }
  .section-number .number-thumbnail {
    width: 3rem;
    margin: 0 auto;
  }
  .section-number .number-thumbnail.is-offset {
    width: 3.3rem;
    margin: 0 -0.15rem;
  }
  .section-number .number-image {
    margin: 0.25rem -0.3rem;
    overflow-x: auto;
  }
  .section-number .number-image.is-first .number-thumbnail {
    width: 5.78rem;
  }
  .section-number .number-image.is-second .number-thumbnail {
    width: 6.22rem;
  }
  .section-number .number-explain {
    margin: 0.3rem -0.01rem 0.26rem;
  }
  .section-number .detail-info {
    margin: 0 -0.1rem 0.13rem;
    font-size: 0.26rem;
    line-height: 1.75;
  }
  .section-number .detail-info.is-modify {
    margin: 0 -0.15rem 0.08rem;
  }
  .section-number .info-note {
    display: block;
    margin: -0.01rem 0 0.27rem;
    font-size: 0.12rem;
    letter-spacing: 0.05em;
  }
  .section-number .detail-text {
    margin: 0;
    font-size: 0.16rem;
    line-height: 1.75;
  }
  .section-number .detail-text.is-first {
    margin: -0.04rem 0 -0.02rem;
    font-size: 0.18rem;
    line-height: 1.75;
  }
  .section-number .detail-text.is-sp-expand {
    margin: 0.15rem -0.2rem -0.01rem -0.06rem;
  }
  .section-number .detail-notes {
    margin: 0.19rem 0 -0.31rem;
    font-size: 0.14rem;
    line-height: 1.5;
  }
  .section-number .detail-notes.is-sp-large {
    font-size: 0.16rem;
  }
  .section-number .detail-notes span {
    padding-left: 0.16rem;
  }
}

@media print, (min-width: 768px) {
  .section-link-common {
    padding-top: 66px;
    padding-bottom: 250px;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-link-common {
    padding-top: 0.4rem;
    padding-bottom: 1.5rem;
  }
  .section-link-common .link-wrapper {
    border-radius: 0.6rem;
  }
}

.list-number-static {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.05em;
}
.list-number-static .list-wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-number-static .element-viewport {
  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-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.list-number-static .element-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -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;
  color: #fff;
  font-weight: 700;
}
.list-number-static .label-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1b54aa;
}
.list-number-static .label-text {
  display: block;
  position: relative;
}
.list-number-static .element-wrapper {
  display: block;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
}
.list-number-static .element-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.list-number-static .info-title {
  display: block;
  position: relative;
  margin: 0;
  font-size: 0.26rem;
  font-weight: 700;
  line-height: 1.8461538462;
}
.list-number-static .info-notice {
  display: block;
  position: relative;
  font-size: 0.14rem;
}
@media print, (min-width: 768px) {
  .list-number-static {
    margin-bottom: 24px;
  }
  .list-number-static .list-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -12px -13px;
  }
  .list-number-static .list-element {
    width: 50%;
    padding: 12px;
  }
  .list-number-static .element-label {
    margin-bottom: -55px;
    font-size: 0.24rem;
    line-height: 1.4583333333;
  }
  .list-number-static .label-wrapper {
    min-height: 55px;
    padding: 10px 20px;
  }
  .list-number-static .label-text {
    top: -1px;
  }
  .list-number-static .element-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 61px 30px 10px;
    border-radius: 120px;
  }
  .list-number-static .element-thumbnail {
    margin: 0 -30px;
  }
  .list-number-static .element-info {
    min-height: 90px;
  }
  .list-number-static .info-title {
    margin: 8px 0;
  }
  .list-number-static .info-notice {
    margin-top: -5px;
  }
}
@media only screen and (max-width: 767.98px) {
  .list-number-static {
    margin-bottom: 0.3rem;
  }
  .list-number-static .list-element:not(:last-child) {
    margin-bottom: 0.2rem;
  }
  .list-number-static .element-label {
    margin: 0 0.06rem -0.47rem;
    font-size: 0.18rem;
    line-height: 2.0555555556;
  }
  .list-number-static .label-wrapper {
    min-height: 0.47rem;
    padding: 0.05rem 0.2rem;
  }
  .list-number-static .label-text {
    top: -0.01rem;
  }
  .list-number-static .element-wrapper {
    padding: 0.6rem 0.15rem 0.34rem;
    border-radius: 0.8rem;
  }
  .list-number-static .element-thumbnail {
    margin: 0 -0.15rem;
  }
  .list-number-static .info-title {
    margin-top: 0.25rem;
  }
  .list-number-static .info-notice {
    margin: 0.12rem 0 -0.16rem;
  }
}

@media print, (min-width: 768px) {
  .section-number .number-label.is-spacing {
    letter-spacing: -0.02em;
  }
}