@media screen and (max-width: 768px) {
  .pc-only {
    display: none;
  }

  .sp-only {
    display: block;
  }

  .main-top {
    padding: 2.38rem 3.13rem 63.69rem;
    position: relative;
  }

  .sphere-container {
    display: flex;
    align-items: center;
  }

  .sphere-text {
    color: #00B9AD;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.1875rem;
    flex-direction: row;
    margin-left: 0.56rem;
    padding: 0.25rem 0;
  }



  .sphere-img {
    width: 1.875rem;
    height: 1.875rem;
    background: #FD892A;
    border-radius: 50%;
  }

  .main-top-title {
    color: #00B9AD;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 5.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.3375rem;
    margin-top: 1.69rem;
  }

  .company-name-line-1 {
    border: 1.5px solid #D9D9D9;
    width: 40.625rem;
    height: 0rem;
    top: 36.25rem;
    margin-top: 2rem;

  }

  .company-name-line-2 {
    border: 1.5px solid #D9D9D9;
    width: 40.625rem;
    height: 0rem;
    top: 36.25rem;
    margin-top: 1.88rem;

  }

  .company-name-text {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.105rem;
    margin-top: 2.5rem;
  }



  .company-name-sub-line {
    width: 6.25rem;
    height: 0.1875rem;
    flex-shrink: 0;
    background: #00B9AD;
    margin-top: 0.63rem;
  }

  .company-name-text-sub {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.105rem;
    margin-top: 0.81rem;
  }

  .location-text {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.105rem;
    margin-top: 2.5rem;
  }

  .location-sub-line {
    width: 6.25rem;
    height: 0.1875rem;
    flex-shrink: 0;
    background: #00B9AD;
    margin-top: 0.63rem;
  }

  .location-text-sub-container-1 {
    text-align: left;
  }

  .location-text-sub-1 {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.5rem;
    /* 142.857% */
    letter-spacing: 0.105rem;
    margin-top: 0.88rem;
  }

  .location-text-sub-2 {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.5rem;
    letter-spacing: 0.0825rem;
    padding-left: 1.5rem;
  }

  .location-img-1 {
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-top: 1.75rem;
    width: 34.375rem;
    height: 18.75rem;
    flex-shrink: 0;
  }

  .location-text-sub-container-2 {
    text-align: left;
  }

  .location-text-sub-3 {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.5rem;
    /* 142.857% */
    letter-spacing: 0.105rem;
    margin-top: 3.13rem;
  }

  .location-text-sub-4 {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.5rem;
    letter-spacing: 0.0825rem;
    padding-left: 1.5rem;
  }

  .location-img-2 {
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-top: 1.75rem;
    width: 34.375rem;
    height: 18.75rem;
    flex-shrink: 0;
  }

  .location-text-sub-container-3 {
    text-align: left;
  }


  
  .location-text-sub-5 {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.5rem;
    /* 142.857% */
    letter-spacing: 0.105rem;
    margin-top: 3.13rem;
  }

  .location-text-sub-6 {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.5rem;
    letter-spacing: 0.0825rem;
    padding-left: 1.5rem;
  }

  .location-img-3 {
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-top: 1.62rem;
    width: 34.375rem;
    height: 18.75rem;
    flex-shrink: 0;
  }

  .establishment-line-1 {
    border: 1.5px solid #D9D9D9;
    width: 40.625rem;
    height: 0rem;
    top: 36.25rem;
    margin-top: 6.25rem;
  }

  .establishment-text {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.105rem;
    margin-top: 2.5rem;
  }

  .establishment-sub-line {
    width: 6.25rem;
    height: 0.1875rem;
    background: #00B9AD;
    margin-top: 0.62rem;
  }

  .establishment-text-sub {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.105rem;
    margin-top: 0.81rem;
  }

  .capital-line-1 {
    border: 1.5px solid #D9D9D9;
    width: 40.625rem;
    height: 0rem;
    top: 36.25rem;
    margin-top: 1.87rem;
  }

  .capital-text {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.105rem;
    margin-top: 2.5rem;
  }

  .capital-sub-line {
    width: 6.25rem;
    height: 0.1875rem;
    background: #00B9AD;
    margin-top: 0.63rem;
  }

  .capital-text-sub {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.105rem;
    margin-top: 0.81rem;
  }

  .sales-line-1 {
    border: 1.5px solid #D9D9D9;
    width: 40.625rem;
    height: 0rem;
    top: 36.25rem;
    margin-top: 1.88rem;
  }

  .sales-text {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.105rem;
    margin-top: 2.5rem;
  }

  .sales-sub-line {
    width: 6.25rem;
    height: 0.1875rem;
    background: #00B9AD;
    margin-top: 0.63rem;
  }

  .sales-text-sub {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.105rem;
    margin-top: 0.81rem;
  }

  .boardmember-line-1 {
    border: 1.5px solid #D9D9D9;
    width: 40.625rem;
    height: 0rem;
    top: 36.25rem;
    margin-top: 1.94rem;
  }

  .boardmember-sub-line {
    width: 6.25rem;
    height: 0.1875rem;
    background: #00B9AD;
    margin-top: 0.62rem;
  }

  .boardmember-text {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.105rem;
    margin-top: 0.81rem;
  }

  .boardmember-text-sub {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.105rem;
    margin-top: 0.81rem;
  }

  .mainbanks-line-1 {
    border: 1.5px solid #D9D9D9;
    width: 40.625rem;
    height: 0rem;
    top: 36.25rem;
    margin-top: 2.19rem;
  }

  .mainbanks-text {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.105rem;
    margin-top: 2.5rem;
  }

  .mainbanks-sub-line {
    width: 6.25rem;
    height: 0.1875rem;
    background: #00B9AD;
    margin-top: 0.62rem;
  }

  .mainbanks-text-sub {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.105rem;
    margin-top: 0.81rem;
  }

  .inquiry-sp-img {
    position: absolute;
    top: 251.6rem;
  }

}

@media screen and (min-width: 768px) {
  .pc-only {
    display: block;
  }

  .sp-only {
    display: none;
  }

  html {
    font-size: 0.83vw;
  }

  .sphere {
    flex-direction: row;
    width: 1.5625rem;
    height: 1.5625rem;
    background: #FD892A;
    border-radius: 50%;
  }

  .company-main-img {
    display: flex;
    align-items: center;
  }

  .sphere-text {
    margin-left: 0.62rem;
    flex-direction: row;
    left: 17.8125rem;
    color: #00B9AD;
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }

  .company-main-text {
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    width: 37.625rem;
    height: 9.375rem;
    top: 22.8125rem;
    left: 15.625rem;
    font-size: 6.25rem;
    font-weight: 600;
    letter-spacing: 0.375rem;
    color: #00B9AD;
    line-height: 6.25rem;
    margin-top: 0.44rem;
    padding: 2.0rem 0 0 0;
  }

  .company-main {
    box-sizing: border-box;
    width: 88.125rem;
    padding: 10.19rem 0 6.69rem;
    max-width: 100vw;
    position: relative;
    margin: 0 auto;
    overflow-x: hidden;
    background: #fff;
  }

  .company-name-lines {
    position: relative;

  }

  .company-name-main-line,
  .location-main-line {
    border: 2px solid #D9D9D9;
    width: 88.75rem;
    height: 0rem;
    top: 36.25rem;
    margin-top: 2.06rem;
  }

  .company-name-sub-line {
    background: #00B9AD;
    position: absolute;
    left: 0rem;
    top: 0.15rem;
    width: 18.75rem;
    height: 0.3125rem;
    flex-shrink: 0;
  }

  .company-name-line-text-container {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .location-line-office-name-2{
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.0825rem;
    font-weight: 600;
    margin-top: 4.37rem;
  }

  .company-name-line-text {
    top: 37.5rem;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    color: #3E3A39;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 2.12rem;
    padding-left: 2.25rem;
    display: flex
  }

  .company-name-line-text-sub {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0825rem;
    margin-top: 2.12rem;
    margin-left: 16.81rem;
  }

  .location-lines {
    position: relative;
  }

  .location-sub-line {
    background: #00B9AD;
    position: absolute;
    left: 0rem;
    top: 0.13rem;
    width: 18.75rem;
    height: 0.3125rem;
    flex-shrink: 0;

  }

  .location-line-text-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 88.125rem;
  }

  .location-line-text {
    color: #3E3A39;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0825rem;
    margin-top: 2.12rem;
    padding-left: 2.25rem;
  }

  .location-line-office-name-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 16.81rem;
    margin-top: 2.44rem;
    width: 29.125rem;
  }

  .location-line-office-name {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0825rem;
    font-weight: 600;

  }

  .location-line-office-name-sub {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0675rem;
    height: 6.8rem;
    margin-left: 1.25rem;
  }

  .location-line-office-name-container-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 3.06rem;
    margin-top: 2.44rem;
    width: 29.125rem;
  }

  .location-line-office-name-sub-img {
    margin-top: 1.75rem;
    width: 28.125rem;
    height: 18.75rem;
  }

  .location-line-office-name-sub-img2 {
    margin-top: 3.44rem;
  }

  .location-line-office-name-taiwan {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0825rem;
    margin-top: 4.37rem;
  }

  .establishment-line-text-container {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .establishment-lines {
    position: relative;
  }

  .establishment-main-line {
    border: 2px solid #D9D9D9;
    width: 88.75rem;
    height: 0rem;
    top: 36.25rem;
    margin-top: 6.25rem;
  }

  .establishment-sub-line {
    background: #00B9AD;
    position: absolute;
    left: 0rem;
    top: 0.13rem;
    width: 18.75rem;
    height: 0.3125rem;
    flex-shrink: 0;
  }

  .establishment-line-text1 {
    color: #3E3A39;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0825rem;
    margin-top: 2.12rem;
    padding-left: 2.25rem;
  }

  .establishment-line-text2 {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0825rem;
    margin-top: 2.12rem;
    margin-left: 18.25rem;
  }

  .capital-lines {
    position: relative;
  }

  .capital-line-text-container {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .capital-main-line {
    border: 2px solid #D9D9D9;
    width: 88.75rem;
    height: 0rem;
    top: 36.25rem;
    margin-top: 2.13rem;
  }

  .capital-sub-line {
    background: #00B9AD;
    position: absolute;
    left: 0rem;
    top: 0.13rem;
    width: 18.75rem;
    height: 0.3125rem;
    flex-shrink: 0;
  }

  .capital-line-text1 {
    color: #3E3A39;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0825rem;
    padding-left: 2.25rem;
    margin-top: 1.81rem;
  }

  .capital-line-text2 {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0825rem;
    margin-left: 16.81rem;
    margin-top: 2.12rem;
  }

  .sales-lines {
    position: relative;
  }

  .sales-line-text-container {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .sales-main-line {
    border: 2px solid #D9D9D9;
    width: 88.75rem;
    height: 0rem;
    top: 36.25rem;
    margin-top: 2.25rem;
  }

  .sales-sub-line {
    background: #00B9AD;
    position: absolute;
    left: 0rem;
    top: 0.13rem;
    width: 18.75rem;
    height: 0.3125rem;
    flex-shrink: 0;
  }

  .sales-line-text1 {
    color: #3E3A39;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0825rem;
    padding-left: 2.25rem;
    margin-top: 2.12rem;
  }

  .sales-line-text2 {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0825rem;
    padding-left: 16.81rem;
    margin-top: 2.12rem;
  }

  .boardmember-lines {
    position: relative;
  }

  .boardmember-main-line {
    border: 2px solid #D9D9D9;
    width: 88.75rem;
    height: 0rem;
    top: 36.25rem;
    margin-top: 2rem;
  }

  .boardmember-sub-line {
    background: #00B9AD;
    position: absolute;
    left: 0rem;
    top: 0.13rem;
    width: 18.75rem;
    height: 0.3125rem;
    flex-shrink: 0;
  }


  .boardmember-line-text-container {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .boardmember-line-text1 {
    color: #3E3A39;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0825rem;
    padding-left: 2.25rem;
    margin-top: 2.13rem;
  }

  .boardmember-line-text2 {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0825rem;
    padding-left: 18.25rem;
    margin-top: 2.12rem;
  }

  .mainbanks-lines {
    position: relative;
  }

  .mainbanks-main-line {
    border: 2px solid #D9D9D9;
    width: 88.75rem;
    height: 0rem;
    top: 36.25rem;
    margin-top: 2.13rem;
  }

  .mainbanks-sub-line {
    background: #00B9AD;
    position: absolute;
    left: 0rem;
    top: 0.13rem;
    width: 18.75rem;
    height: 0.3125rem;
    flex-shrink: 0;
  }

  .mainbanks-line-text-container {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .mainbanks-line-text1 {
    color: #3E3A39;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    margin-top: 2.12rem;
    padding-left: 2.25rem;
  }

  .mainbanks-line-text2 {
    color: #575554;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0825rem;
    padding-left: 12.44rem;
    margin-top: 2.12rem;
  }

  .inquiry-img {
    margin-top: 8.56rem;
    margin-left: auto;
    margin-right: auto;
  }

}