@media screen and (min-width: 769px) {
  .contentInner {
    width: calc(760 / 960 * 100%); }

  #header .logo {
    display: none; } }
#mainVisual .content {
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 0;
  background-color: #ffffff;
  margin: 100vh 0 0 0;
  padding: 0 0 calc(812 / 375 * 100%) 0; }
#mainVisual .slideWrap {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 1s ease-out; }
  #mainVisual .slideWrap .bgSlide .item {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: opacity 1s ease-out; }
    #mainVisual .slideWrap .bgSlide .item .image {
      width: 100%;
      height: 100%; }
      #mainVisual .slideWrap .bgSlide .item .image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    #mainVisual .slideWrap .bgSlide .item.current {
      opacity: 1;
      z-index: 2; }
    #mainVisual .slideWrap .bgSlide .item.next {
      z-index: 1; }
  #mainVisual .slideWrap .bgSlideThumb {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    margin: 0 0 calc(55 / 375 * 100%) calc(12 / 375 * 100%); }
    #mainVisual .slideWrap .bgSlideThumb .item {
      width: 0.8rem;
      height: 0.8rem;
      background-color: #ffffff;
      text-indent: -9999em;
      margin: 0 0.8rem;
      border-radius: 50%;
      transition: background-color 0.2s ease-out; }
      #mainVisual .slideWrap .bgSlideThumb .item.current {
        background-color: #000000; }
.load_complete #mainVisual .content {
  opacity: 1; }
.load_complete #mainVisual .slideWrap {
  opacity: 1; }

@media screen and (min-width: 769px) {
  #mainVisual .content {
    position: fixed;
    left: 0;
    width: 50vw;
    height: 100vh;
    margin: 0;
    padding: 0; }
  #mainVisual .slideWrap .bgSlideThumb {
    margin: 0 0 calc(44 / 960 * 100%) calc(40 / 960 * 100%); } }
#pickupNews {
  position: fixed;
  top: 100vh;
  left: 0;
  right: 0;
  z-index: 15;
  transition: opacity 1s ease-out 0.4s; }
  #pickupNews .content {
    overflow: hidden;
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(355 / 375 * 100%);
    background-color: #ffffff;
    margin: 0 0 calc(20 / 375 * 100%) 0;
    border-radius: 5px 0 0 5px; }
    #pickupNews .content .imageWrap {
      flex-basis: calc(80 / 355 * 100%); }
    #pickupNews .content .textWrap {
      display: flex;
      align-items: center;
      flex-basis: calc(275 / 355 * 100%);
      color: #000000;
      padding: calc(5 / 355 * 100%) calc(10 / 355 * 100%) calc(4 / 355 * 100%) calc(10 / 355 * 100%);
      box-sizing: border-box; }
      #pickupNews .content .textWrap .text .date {
        font-size: 1.2rem;
        line-height: 1; }
      #pickupNews .content .textWrap .text .headline {
        height: calc(17.5 / 14 * 3em);
        font-size: 1.4rem;
        line-height: 1.25;
        margin: 0.5em 0 0 0; }

@media screen and (min-width: 769px) {
  #pickupNews .content {
    width: calc(1200 / 1920 * 100%);
    margin: 0 calc(100 / 1920 * 100%) 20px 0; }
    #pickupNews .content .imageWrap {
      flex-basis: 80px;
      min-width: 80px; }
    #pickupNews .content .textWrap {
      flex-basis: calc(1200px - 80px);
      height: 80px;
      padding: 0 20px;
      box-sizing: border-box; }
      #pickupNews .content .textWrap .text .date {
        font-size: 1.4rem;
        line-height: 1; }
      #pickupNews .content .textWrap .text .headline {
        height: auto;
        font-size: 1.6rem;
        line-height: 1.25;
        margin: 0.5em 0 0 0; } }
#mainContents {
  position: relative;
  padding: 0; }

@media screen and (min-width: 769px) {
  #mainContents {
    width: 50vw;
    margin: 0 0 0 50vw;
    padding: 0; } }
#firstContent {
  position: relative;
  height: 100vh;
  margin: 0 0 calc(812 / 375 * 100%) 0; }
  #firstContent .content {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  #firstContent .wrap {
    width: 100%;
    text-align: center; }
    #firstContent .wrap:before {
      content: "";
      display: block;
      width: calc(203 / 375 * 100%);
      background: url(../img/common/img_logo.svg) center center no-repeat;
      background-size: contain;
      margin: 0 auto calc(20 / 375 * 100%) auto;
      padding: calc(144 / 375 * 100%) 0 0 0; }
    #firstContent .wrap .company {
      font-size: 1.6rem;
      line-height: 1.25;
      letter-spacing: 0.1em;
      margin: 0 0 calc(25 / 375 * 100%) 0; }
    #firstContent .wrap .desc {
      font-size: 1.4rem;
      line-height: 1.75;
      margin: 0 0 calc(20 / 375 * 100%) 0; }
  #firstContent .scroll {
    width: 0;
    height: 0;
    text-indent: -9999em; }

@media screen and (min-width: 769px) {
  #firstContent {
    margin: 0; }
    #firstContent .content {
      z-index: 10;
      margin: 0 calc(100 / 960 * 100%) 0 0; }
    #firstContent .wrap:before {
      width: calc(270 / 860 * 100%);
      margin: 0 auto calc(20 / 860 * 100%) auto;
      padding: calc(192 / 860 * 100%) 0 0 0; }
    #firstContent .wrap .company {
      font-size: 2.4rem;
      line-height: 1;
      margin: 0 0 calc(27 / 860 * 100%) 0; }
    #firstContent .wrap .desc {
      font-size: 1.4rem;
      line-height: 1.75;
      margin: 0 0 calc(20 / 860 * 100%) 0; }
    #firstContent .scroll {
      display: flex;
      align-items: center;
      position: fixed;
      bottom: 0;
      right: 0;
      z-index: 500;
      width: calc(100 / 1920 * 100%);
      height: auto;
      color: #ffffff;
      font-size: 1.2rem;
      line-height: 1;
      text-indent: 0;
      margin: 0;
      writing-mode: vertical-lr; }
      #firstContent .scroll:after {
        display: block;
        content: "";
        width: 1px;
        height: 5em;
        background-color: #ffffff;
        margin: 0.95em auto 0 auto; } }
#newsArea .title {
  padding: calc(157 / 335 * 100%) 0 calc(40 / 335 * 100%) 0; }
#newsArea .list {
  margin: 0 0 calc(61 / 335 * 100%) 0; }
  #newsArea .list .item {
    border-bottom: 1px solid #333333; }
    #newsArea .list .item .link {
      display: block;
      padding: calc(20 / 335 * 100%) 3.1em calc(25 / 335 * 100%) 0; }
    #newsArea .list .item .date {
      font-size: 1.2rem;
      line-height: 1;
      margin: 0 0 calc(7 / 335 * 100%) 0; }
    #newsArea .list .item .headline {
      font-size: 1.4rem;
      line-height: 1.25; }
#newsArea .buttonArea {
  margin: 0 0 calc(10 / 335 * 100%) 0; }

@media screen and (min-width: 769px) {
  #newsArea .title {
    padding: calc(157 / 760 * 100%) 0 calc(40 / 760 * 100%) 0; }
  #newsArea .list {
    margin: 0 0 calc(61 / 760 * 100%) 0; }
    #newsArea .list .item .link {
      display: block;
      padding: calc(18 / 760 * 100%) 4em calc(20 / 760 * 100%) 0; }
      #newsArea .list .item .link:before, #newsArea .list .item .link:after {
        margin-right: 1.25em; }
    #newsArea .list .item .date {
      font-size: 1.4rem;
      line-height: 1;
      margin: 0 0 calc(5 / 760 * 100%) 0; }
    #newsArea .list .item .headline {
      font-size: 1.6rem;
      line-height: 1.4; }
  #newsArea .buttonArea {
    margin: 0 0 calc(10 / 760 * 100%) 0; } }
#serviceArea .title {
  padding: calc(157 / 335 * 100%) 0 calc(60 / 335 * 100%) 0; }
#serviceArea .list .item {
  position: relative;
  margin: 0 0 calc(60 / 335 * 100%) 0; }
  #serviceArea .list .item:nth-child(even):before {
    left: 0;
    right: auto;
    margin: calc(30 / 335 * 100%) 0 0 calc(-20 / 335 * 100%); }
  #serviceArea .list .item:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: calc(317 / 335 * 100%);
    background-color: #000000;
    margin: calc(30 / 335 * 100%) calc(-20 / 335 * 100%) 0 0; }
  #serviceArea .list .item .image {
    position: relative;
    z-index: 1;
    width: calc(320 / 335 * 100%);
    margin: 0 auto; }
  #serviceArea .list .item .textWrap {
    position: relative;
    z-index: 1;
    padding: calc(33 / 335 * 100%) 0 calc(45 / 335 * 100%) 0; }
    #serviceArea .list .item .textWrap .itemTitle {
      font-size: 3rem;
      line-height: 1;
      text-align: center;
      margin: 0 0 calc(20 / 335 * 100%) 0; }
    #serviceArea .list .item .textWrap .desc {
      font-size: 1.4rem;
      line-height: 1.75;
      text-align: center; }
#serviceArea .buttonArea {
  margin: 0 0 calc(10 / 335 * 100%) 0; }

@media screen and (min-width: 769px) {
  #serviceArea .title {
    padding: calc(157 / 760 * 100%) 0 calc(50 / 760 * 100%) 0; }
  #serviceArea .list .item {
    margin: 0 0 calc(60 / 760 * 100%) 0; }
    #serviceArea .list .item:nth-child(even):before {
      margin: calc(80 / 760 * 100%) 0 0 calc(-100 / 760 * 100%); }
    #serviceArea .list .item:before {
      width: calc(720 / 760 * 100%);
      margin: calc(80 / 760 * 100%) calc(-100 / 760 * 100%) 0 0; }
    #serviceArea .list .item .image {
      width: calc(640 / 760 * 100%);
      margin: 0 auto; }
    #serviceArea .list .item .textWrap {
      padding: calc(43 / 760 * 100%) 0 calc(52 / 760 * 100%) 0; }
      #serviceArea .list .item .textWrap .itemTitle {
        margin: 0 0 calc(20 / 760 * 100%) 0; }
  #serviceArea .buttonArea {
    margin: 0 0 calc(10 / 760 * 100%) 0; } }
#athleteArea .content {
  overflow: hidden; }
#athleteArea .title {
  padding: calc(157 / 335 * 100%) 0 calc(60 / 335 * 100%) 0; }
#athleteArea .slideWrap {
  position: relative;
  width: calc(325 / 375 * 100%);
  margin: 0 0 calc(120 / 375 * 100%) auto;
  padding: 0 0 calc(40 / 375 * 100%) 0; }
  #athleteArea .slideWrap:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000000;
    margin: calc(137 / 325 * 100%) 0 0 calc(-50 / 325 * 100%); }
  #athleteArea .slideWrap .slide {
    position: relative;
    z-index: 1;
    width: calc(275 / 325 * 100%); }
    #athleteArea .slideWrap .slide .slick-list {
      overflow: visible; }
    #athleteArea .slideWrap .slide .slideItem .image {
      margin: 0 0 calc(30 / 275 * 100%) 0; }
    #athleteArea .slideWrap .slide .slideItem .name {
      font-size: 2.6rem;
      line-height: 1;
      text-align: center;
      margin: 0 0 calc(30 / 275 * 100%) 0; }
    #athleteArea .slideWrap .slide .slideItem .buttonArea {
      margin: 0 0 calc(13 / 275 * 100%) 0; }
      #athleteArea .slideWrap .slide .slideItem .buttonArea .button {
        width: calc(206 / 275 * 100%); }
    #athleteArea .slideWrap .slide .slideItem .sns {
      display: flex;
      justify-content: center; }
      #athleteArea .slideWrap .slide .slideItem .sns .item {
        flex-basis: calc(40 / 275 * 100%); }
        #athleteArea .slideWrap .slide .slideItem .sns .item svg {
          aspect-ratio: 1; }

@media screen and (min-width: 769px) {
  #athleteArea .title {
    padding: calc(157 / 760 * 100%) 0 calc(60 / 760 * 100%) 0; }
  #athleteArea .slideWrap {
    width: calc(860 / 960 * 100%);
    margin: 0 0 calc(120 / 960 * 100%) auto;
    padding: 0 0 calc(40 / 960 * 100%) 0; }
    #athleteArea .slideWrap:before {
      margin: calc(137 / 860 * 100%) 0 0 calc(-100 / 860 * 100%); }
    #athleteArea .slideWrap .slide {
      width: calc(344 / 860 * 100%); }
      #athleteArea .slideWrap .slide .slideItem .image {
        margin: 0 0 calc(30 / 344 * 100%) 0; }
      #athleteArea .slideWrap .slide .slideItem .name {
        font-size: 2.8rem;
        line-height: 1;
        margin: 0 0 calc(30 / 344 * 100%) 0; }
      #athleteArea .slideWrap .slide .slideItem .buttonArea {
        margin: 0 0 calc(13 / 344 * 100%) 0; }
        #athleteArea .slideWrap .slide .slideItem .buttonArea .button {
          width: calc(100% - 10px);
          max-width: 206px; }
      #athleteArea .slideWrap .slide .slideItem .sns {
        display: flex;
        justify-content: center; }
        #athleteArea .slideWrap .slide .slideItem .sns .item {
          flex-basis: calc(40 / 344 * 100%);
          min-width: 40px; } }