/* ******************************
 *
 * RESPONSIVE MIXIN
 *
 * ****************************** */
/* ******************************
 *
 * FONT SETTINGS
 *
 * ****************************** */
@font-face {
  font-family: "tsukuhou";
  src: url("../font/Tsukuhou-35Point-Gothic.ttf") format("truetype");
}
/* ******************************
 *
 * FONT SETTINGS
 *
 * ****************************** */
@-webkit-keyframes loopCl {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes loopCl {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes loopClRv {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes loopClRv {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@-webkit-keyframes headRotaion {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes headRotaion {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.topHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 320px) {
  .topHead {
    gap: 2.5vw;
  }
}
@media screen and (min-width: 600px) {
  .topHead {
    gap: 16px;
  }
}
.topHead_icon svg {
  display: block;
  -webkit-animation: headRotaion 10000ms linear infinite both;
          animation: headRotaion 10000ms linear infinite both;
}
@media screen and (min-width: 320px) {
  .topHead_icon svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}
@media screen and (min-width: 600px) {
  .topHead_icon svg {
    width: 11.2rem;
    height: 11.2rem;
  }
}
.topHead_icon .cls-1 {
  fill: none;
  stroke: var(--color-accent);
  stroke-width: 8px;
}
.topHead_en {
  font-family: var(--font-unique);
  font-weight: 400;
  color: var(--color-accent);
}
@media screen and (min-width: 320px) {
  .topHead_en {
    font-size: 3.2rem;
    line-height: 0.98;
  }
}
@media screen and (min-width: 600px) {
  .topHead_en {
    font-size: 18rem;
    line-height: 0.92;
  }
}

.topHero {
  width: 100%;
  height: 100vh;
  height: 100svh;
}
.topHero .sectionInner {
  position: relative;
  width: 100%;
  height: 100%;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.topHero_top {
  display: grid;
  height: 100%;
}
@media screen and (min-width: 320px) {
  .topHero_top {
    grid-template-columns: repeat(1, 1fr);
    padding: calc(4rem + 48px) 0 0;
  }
}
@media screen and (min-width: 600px) {
  .topHero_top {
    grid-template-columns: repeat(3, 1fr);
    padding: 0;
  }
}
@media screen and (min-width: 320px) {
  .topHero_topCol {
    padding: 0;
  }
}
@media screen and (min-width: 600px) {
  .topHero_topCol {
    padding: calc(8rem + 48px) 0 0;
  }
}
@media screen and (min-width: 600px) {
  .topHero_topCol:nth-child(2) {
    border-right: solid 1px;
    border-left: solid 1px;
  }
}
@media screen and (min-width: 320px) {
  .topHero_topCol:nth-child(2) .topHero_topCol_wrapper {
    padding-top: 24px;
    margin-bottom: -32px;
    border-top: solid 1px;
  }
}
@media screen and (min-width: 600px) {
  .topHero_topCol:nth-child(2) .topHero_topCol_wrapper {
    padding-top: 0;
    margin-bottom: 0;
    border-top: none;
  }
}
.topHero_topCol_wrapper {
  width: 100%;
  height: 100%;
  padding: 0 2.5vw 32px;
}
.topHero_topCol_wrapper.copy {
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 16px;
}
.topHero_topCopyJa {
  font-weight: 400;
}
@media screen and (min-width: 320px) {
  .topHero_topCopyJa {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 600px) {
  .topHero_topCopyJa {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 320px) {
  .topHero_topCopyDesc {
    font-size: 1.24rem;
  }
}
@media screen and (min-width: 600px) {
  .topHero_topCopyDesc {
    font-size: 1.6rem;
  }
}
.topHero_topCopyEn {
  font-family: var(--font-unique);
  text-align: right;
}
@media screen and (min-width: 320px) {
  .topHero_topCopyEn {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 600px) {
  .topHero_topCopyEn {
    font-size: 4.8rem;
  }
}
.topHero_topCopyEn span {
  font-style: italic;
  font-weight: 700;
}
.topHero_topList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.topHero_topListitem a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}
.topHero_topListitem a:hover {
  -webkit-transform: translateX(8px);
          transform: translateX(8px);
}
.topHero_topListitem a:hover .topHero_topListitem_text::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: center left;
          transform-origin: center left;
}
.topHero_topListitem_icon {
  overflow: hiden;
}
.topHero_topListitem_icon svg {
  display: block;
  stroke: var(--color-main);
}
@media screen and (min-width: 320px) {
  .topHero_topListitem_icon svg {
    width: 1.4rem;
    height: 1.4rem;
  }
}
@media screen and (min-width: 600px) {
  .topHero_topListitem_icon svg {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.topHero_topListitem_text {
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 320px) {
  .topHero_topListitem_text {
    font-size: 1.24rem;
  }
}
@media screen and (min-width: 600px) {
  .topHero_topListitem_text {
    font-size: 1.8rem;
  }
}
.topHero_topListitem_text::after {
  content: "";
  position: absolute;
  inset: auto auto -2px 0;
  display: block;
  width: 100%;
  height: 1px;
  background: var(--color-main);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: center right;
          transform-origin: center right;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}
.topHero_bottom {
  border-top: solid 1px;
  border-bottom: solid 1px;
}
@media screen and (min-width: 320px) {
  .topHero_bottom {
    padding: 6px 2.5vw 8px;
  }
}
@media screen and (min-width: 600px) {
  .topHero_bottom {
    padding: 16px 2.5vw;
  }
}
.topHero_bottom_copy {
  font-family: var(--font-unique);
  font-weight: 400;
  line-height: 0.82;
  color: var(--color-accent);
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 320px) {
  .topHero_bottom_copy {
    font-size: 8.2rem;
  }
}
@media screen and (min-width: 600px) {
  .topHero_bottom_copy {
    font-size: 41.2rem;
  }
}

@media screen and (min-width: 320px) {
  .topAbout .sectionInner {
    padding: 48px 2.5vw 64px;
  }
}
@media screen and (min-width: 600px) {
  .topAbout .sectionInner {
    padding: 2.5vw 2.5vw 64px;
  }
}
.topAbout_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.topAbout_topCol {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 320px) {
  .topAbout_topDesc {
    font-size: 1.2rem;
    padding: 48px 0 0 calc(2.4rem + 2.5vw);
  }
}
@media screen and (min-width: 600px) {
  .topAbout_topDesc {
    font-size: 1.8rem;
    padding: 0 0 0 calc(11.2rem + 16px);
  }
}
@media screen and (min-width: 320px) {
  .topAbout_top .img {
    position: absolute;
    inset: 32rem 2.5vw auto auto;
    width: 18rem;
  }
}
@media screen and (min-width: 600px) {
  .topAbout_top .img {
    position: static;
    inset: auto;
    width: 38rem;
  }
}
@media screen and (min-width: 600px) {
  .topAbout_top .imgWrapper {
    padding-bottom: 146%;
  }
}
.topAbout_bottom {
  display: grid;
}
@media screen and (min-width: 320px) {
  .topAbout_bottom {
    grid-template-columns: repeat(1, 1fr);
    padding: 32px 2.5vw 0 calc(2.4rem + 2.5vw);
  }
}
@media screen and (min-width: 600px) {
  .topAbout_bottom {
    grid-template-columns: repeat(2, 1fr);
    padding: 64px 2.5vw 0 calc(11.2rem + 16px);
  }
}
@media screen and (min-width: 320px) {
  .topAbout_bottomCol .img {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .topAbout_bottomCol .img {
    width: 64%;
  }
}
.topAbout_bottomList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 320px) {
  .topAbout_bottomList {
    gap: 64px;
    margin-top: 48px;
  }
}
@media screen and (min-width: 600px) {
  .topAbout_bottomList {
    gap: 64px;
    margin-top: 12.4rem;
  }
}
.topAbout_bottomListitem {
  position: relative;
}
@media screen and (min-width: 320px) {
  .topAbout_bottomListitem {
    padding-left: 4.2rem;
  }
}
@media screen and (min-width: 600px) {
  .topAbout_bottomListitem {
    padding-left: 6.4rem;
  }
}
.topAbout_bottomList_icon, .topAbout_bottomList_en {
  font-family: var(--font-unique);
}
.topAbout_bottomList_icon {
  position: absolute;
  inset: 1rem auto auto 0;
  text-decoration: underline;
}
@media screen and (min-width: 320px) {
  .topAbout_bottomList_icon {
    font-size: 1.24rem;
  }
}
@media screen and (min-width: 600px) {
  .topAbout_bottomList_icon {
    font-size: 2.6rem;
  }
}
.topAbout_bottomList_en {
  line-height: 1.04;
}
@media screen and (min-width: 320px) {
  .topAbout_bottomList_en {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 600px) {
  .topAbout_bottomList_en {
    font-size: 6.4rem;
  }
}
.topAbout_bottomList_name {
  font-weight: 400;
  margin: 24px 0 16px;
}
@media screen and (min-width: 320px) {
  .topAbout_bottomList_name {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 600px) {
  .topAbout_bottomList_name {
    font-size: 2.4rem;
  }
}
.topAbout_bottomList_desc {
  opacity: 0.8;
}
@media screen and (min-width: 320px) {
  .topAbout_bottomList_desc {
    font-size: 1.24rem;
  }
}
@media screen and (min-width: 600px) {
  .topAbout_bottomList_desc {
    font-size: 1.6rem;
  }
}

.linkSlider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.linkSlider:hover .linkSlider_icon::before {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}
.linkSlider:hover .linkSlider_icon svg {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.linkSlider:hover .linkSlider_copy span::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: center left;
          transform-origin: center left;
}
.linkSlider_wrapper, .linkSlider_itemWrapper, .linkSlider_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.linkSlider_itemWrapper {
  -webkit-animation: loopCl 40000ms linear infinite both;
          animation: loopCl 40000ms linear infinite both;
}
.linkSlider_icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 320px) {
  .linkSlider_icon {
    width: 9.4rem;
    height: 9.4rem;
  }
}
@media screen and (min-width: 600px) {
  .linkSlider_icon {
    width: 26.4rem;
    height: 26.4rem;
  }
}
.linkSlider_icon::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--color-accent);
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}
.linkSlider_icon svg {
  position: relative;
  z-index: 1;
  display: block;
  width: 40%;
  height: 40%;
  stroke: var(--color-base);
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}
.linkSlider_text {
  font-family: var(--font-unique);
  font-style: italic;
}
@media screen and (min-width: 320px) {
  .linkSlider_text {
    font-size: 6.4rem;
    width: 35rem;
    padding-left: 3rem;
  }
}
@media screen and (min-width: 600px) {
  .linkSlider_text {
    font-size: 26.4rem;
    width: 136rem;
    padding-left: 8rem;
  }
}
.linkSlider_copy {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 320px) {
  .linkSlider_copy {
    font-size: 1.6rem;
    padding: 16px 0 32px;
  }
}
@media screen and (min-width: 600px) {
  .linkSlider_copy {
    font-size: 3.2rem;
    padding: 0 0 64px;
  }
}
.linkSlider_copy span {
  position: relative;
  display: inline-block;
}
.linkSlider_copy span::after {
  content: "";
  display: block;
  position: absolute;
  inset: auto auto -4px 0;
  width: 100%;
  height: 1px;
  background: var(--color-main);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: center right;
          transform-origin: center right;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.topVideo {
  border-top: solid 1px;
  border-bottom: solid 1px;
}
.topVideo .img {
  mix-blend-mode: luminosity;
}
.topVideo .imgWrapper {
  padding-bottom: 45%;
}

.topCompany .sectionInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 320px) {
  .topCompany .sectionInner {
    padding: 8rem 0 64px 2.5vw;
  }
}
@media screen and (min-width: 600px) {
  .topCompany .sectionInner {
    padding: 2.5vw 0 64px 2.5vw;
  }
}
@media screen and (min-width: 320px) {
  .topCompany .topCompany_col:first-child {
    width: 100%;
    position: sticky;
    inset: 8rem 0 0;
  }
}
@media screen and (min-width: 600px) {
  .topCompany .topCompany_col:first-child {
    width: 50%;
    position: static;
    inset: auto;
  }
}
@media screen and (min-width: 320px) {
  .topCompany .topCompany_col:last-child {
    width: 100%;
    padding: 12.4rem 0 0 2.5vw;
  }
}
@media screen and (min-width: 600px) {
  .topCompany .topCompany_col:last-child {
    width: 50%;
    padding: 12.4rem 0 0 2.5vw;
  }
}
@media screen and (min-width: 320px) {
  .topCompany .topCompany_colSticky {
    position: relative;
    top: auto;
  }
}
@media screen and (min-width: 600px) {
  .topCompany .topCompany_colSticky {
    position: sticky;
    top: 9.4rem;
  }
}
@media screen and (min-width: 320px) {
  .topCompany_section {
    margin-bottom: 6.4rem;
  }
}
@media screen and (min-width: 600px) {
  .topCompany_section {
    margin-bottom: 12.4rem;
  }
}
.topCompany_sectionTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 320px) {
  .topCompany_sectionTitle {
    font-size: 1.8rem;
    padding: 0 2.5vw 24px;
  }
}
@media screen and (min-width: 600px) {
  .topCompany_sectionTitle {
    font-size: 2.4rem;
    padding: 0 2.5vw 24px;
  }
}
.topCompany_sectionTitle h3 {
  font-weight: 400;
  font-size: 90%;
}
.topCompany_sectionTitle h3::before {
  content: "[";
  margin-right: 8px;
}
.topCompany_sectionTitle h3::after {
  content: "]";
  margin-left: 8px;
}
.topCompany_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 320px) {
  .topCompany_nav {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: 1.24rem;
    margin-top: 4px;
    padding: 2.5vw 2.5vw 2.5vw 9.5vw;
  }
}
@media screen and (min-width: 600px) {
  .topCompany_nav {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    font-size: 2.4rem;
    margin-top: 12rem;
    padding: 0 6.4rem 0 0;
  }
}
.topCompany_navTitle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 320px) {
  .topCompany_navTitle {
    display: none;
  }
}
@media screen and (min-width: 600px) {
  .topCompany_navTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.topCompany_navTitle::after {
  content: ":";
  margin: 0 12px;
}
.topCompany_navList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 320px) {
  .topCompany_navList {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999vw;
    -webkit-backdrop-filter: blur(16px) saturate(140%);
            backdrop-filter: blur(16px) saturate(140%);
    background: rgba(0, 0, 0, 0.24);
  }
}
@media screen and (min-width: 600px) {
  .topCompany_navList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    padding: 0;
    border-radius: 0;
    -webkit-backdrop-filter: unset;
            backdrop-filter: unset;
    background: transparent;
  }
}
.topCompany_navListitem {
  opacity: 0.4;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.topCompany_navListitem.active {
  opacity: 1;
}
@media screen and (min-width: 320px) {
  .topCompany_dlWrapper {
    padding: 0 0 0 2.5vw;
  }
}
@media screen and (min-width: 600px) {
  .topCompany_dlWrapper {
    padding: 0 0 0 2.5vw;
  }
}
.topCompany_dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: solid 1px;
}
@media screen and (min-width: 320px) {
  .topCompany_dl {
    font-size: 1.24rem;
    padding-top: 16px;
    margin-top: 16px;
  }
}
@media screen and (min-width: 600px) {
  .topCompany_dl {
    font-size: 2.1rem;
    padding-top: 24px;
    margin-top: 24px;
  }
}
@media screen and (min-width: 320px) {
  .topCompany_dt {
    width: 20%;
  }
}
@media screen and (min-width: 600px) {
  .topCompany_dt {
    width: 30%;
  }
}
.topCompany_dd {
  padding: 0 2.5vw 0 0;
}
@media screen and (min-width: 320px) {
  .topCompany_dd {
    width: 70%;
  }
}
@media screen and (min-width: 600px) {
  .topCompany_dd {
    width: 65%;
  }
}
@media screen and (min-width: 320px) {
  .topCompany_map {
    padding-right: 2.5vw;
  }
}
@media screen and (min-width: 600px) {
  .topCompany_map {
    padding-right: 0;
  }
}
.topCompany_map iframe {
  display: block;
  width: 100%;
}
@media screen and (min-width: 320px) {
  .topCompany_map iframe {
    height: 24rem;
  }
}
@media screen and (min-width: 600px) {
  .topCompany_map iframe {
    height: 48rem;
  }
}
@media screen and (min-width: 320px) {
  .topCompany_profile {
    padding-right: 2.5vw;
  }
}
@media screen and (min-width: 600px) {
  .topCompany_profile {
    padding-right: 0;
  }
}
@media screen and (min-width: 320px) {
  .topCompany_profile .img {
    width: 100%;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 600px) {
  .topCompany_profile .img {
    width: 56%;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 320px) {
  .topCompany_message, .topCompany_name {
    padding: 0 2.5vw;
  }
}
@media screen and (min-width: 600px) {
  .topCompany_message, .topCompany_name {
    padding: 0 2.5vw;
  }
}
@media screen and (min-width: 320px) {
  .topCompany_message {
    font-size: 1.24rem;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 600px) {
  .topCompany_message {
    font-size: 1.8rem;
    margin-bottom: 48px;
  }
}
.topCompany_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (min-width: 320px) {
  .topCompany_name {
    font-size: 1.24rem;
  }
}
@media screen and (min-width: 600px) {
  .topCompany_name {
    font-size: 1.8rem;
  }
}
.topCompany_name span:last-child {
  font-size: 140%;
  letter-spacing: 0.04em;
}/*# sourceMappingURL=top.css.map */