body {
 background: #000;
 overflow: hidden
}

#top-contents {
 height: 100vh;
 padding: 0;
 overflow-x: scroll;
 display: flex;
 scroll-snap-type: proximity;
 scroll-snap-points-y: repeat(100vw);
 scroll-snap-type: x proximity
}

.top-section {
 overflow: auto;
 height: 100%;
 min-width: 100vw;
 display: inline-flex;
 position: relative;
 overflow: hidden;
 scroll-snap-align: start;
 scroll-snap-stop: always
}

.top-section .section-inner {
 position: absolute;
 top: 10vh;
 left: 0;
 height: calc(100% - 10vh)
}

.top-section.contact .section-inner {
 position: absolute;
 top: 16vh;
 left: 0;
 height: calc(100% - 16vh)
}

@media (max-width: 989px) {
 .top-section.contact .section-inner {
  position: absolute;
  top: 10vh;
  left: 0;
  height: calc(100% - 10vh)
 }
}




.top-section.who_we_are {
 background: rgba(0, 0, 0, .7)
}

.top-section.our_works {
 background: #fff
}

.top-section.business::before {
 content: '';
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: #000;
 z-index: -1
}


.top-section.offices::before {
 content: '';
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: #000;
 z-index: -1
}

.top-section.recruit {
 background-size: cover
}

.top-section.news {
 background: #000
}

.top-section.ir {
 background: #000
}

.top-section.contact {
 background: rgba(0, 0, 0, .7)
}

/*
.top-section.contact .section-inner {
 align-items:flex-start
} */


.content-wrap {
 overflow: visible
}

.main_video {
 position: relative
}

.main_video .main-text {
 display: flex;
 align-items: flex-end;
 padding-bottom: 14vh
}

.main_video .main-text dl {
 color: #fff
}

.main_video .main-text dl dt {
 font-size: 3vh;
 font-weight: 700;
 margin-bottom: 2vh
}

.main_video .main-text dl dd {
 font-size: 1.8vh;
 font-weight: 700;
 line-height: 2
}

.main_video .main-text dl dd+dd {
 margin-top: 5vh;
 font-size: 1rem
}

.main_video .tpm-logo {
 display: none;
 position: absolute;
 right: 2vw;
 bottom: 3vw;
 width: 6vw;
 height: auto
}

.main_video .tpm-logo img {
 display: block;
 width: 100%
}

.who_we_are .left-navi {
 margin-top: -10vh
}

.c-top-n-margin {
 margin-top: -60px;
}

@media (max-width: 768px) {
 .c-top-n-margin {
  margin-top: 0px;
 }

 .c-top-n-margin-sp {
  margin-top: -16px;
 }
}

.vision-text {
 line-height: 3em;
 font-size: 1.7vh
}

.vision .vision-text p {
 text-align: center;
}

.vision-text p {
 font-size: 1.7vh;
 line-height: 1.8em
}

.vision-text p span {
 font-size: 2.4vh;
 font-weight: 700;
}

.vision-text span {
 font-size: 3.2vh;
 line-height: 1.8em;
 display: block;
 margin: 0 0 2vh;
 line-height: 2em
}

.vision-text__flex-box {
 display: flex;
 align-items: flex-start;
}

.vision-text__flex-box>*+* {
 margin: 0 40px;
}

.vision-text__flex-box p {
 width: 60%;
}

.vision-text__flex-box img {
 width: 40%;
 height: auto;
 object-fit: contain;
}

@media screen and (max-width: 768px) {
 .vision-text__flex-box {
  display: block;
 }

 .vision-text__flex-box>*+* {
  margin: 0px 0px;
 }

 .vision-text__flex-box p {
  width: 100%;
 }

 .vision-text__flex-box img {

  text-align: center;
  width: 100%;
  margin: 40px auto 0;
  height: auto;
 }

}




ul.corporate-data-list {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap
}

ul.corporate-data-list li {
 width: 100%;
 /* width: 49%; */
 margin-bottom: 3.5vh
}

ul.corporate-data-list li dl {
 color: #fff
}

ul.corporate-data-list li dl dt {
 font-size: 2vh;
 margin-bottom: .5vh
}

ul.corporate-data-list li dl dd {
 font-size: 1.5vh
}

ul.corporate-data-list li.corporate-data-main {
 width: 100%;
 font-weight: 500;
 display: flex;
 justify-content: space-between
}

ul.corporate-data-list li.corporate-data-main dl {
 width: 80%
}

ul.corporate-data-list li.corporate-data-main dl dt {
 font-size: 2.6vh;
 margin-bottom: 1vh
}

ul.corporate-data-list li.corporate-data-main dl dd {
 display: flex;
 justify-content: space-between
}


ul.corporate-data-list li.corporate-data-main .tpm-logo {
 width: 7%;
 background-size: contain
}

.corporate img {
 width: auto;
 height: 45%;

}

@media screen and (max-width: 768px) {
 .corporate img {
  margin-top: 20px;
  width: 100%;
  max-width: 380px;
  height: auto;

 }
}

.privacy-list {
 width: 30%
}

.privacy-list li {
 margin-bottom: 3vh
}

.privacy-list li a {
 color: #fff;
 font-size: 2vh;
 display: inline-block;
 padding: .1em 0;
 border-bottom: 1px solid #fff
}

.privacy-window-wrap {
 width: 90%;
 height: 80vh;
 transform: translateX(0vw);
}

.privacy-container {
 display: flex;
 gap: 2em;
}

@media screen and (max-width: 768px) {
 .privacy-container {
  flex-wrap: wrap;
 }
}

.privacy-container__link {
 flex-shrink: 0;
 margin-top: 10vh;
}

@media screen and (max-width: 768px) {
 .privacy-container__link {
  margin-top: 2vh;
 }
}

.privacy-container__link li {
 margin-bottom: 1.4em;
}

.privacy-container__link a {
 color: #fff;
 font-weight: bold;
 font-size: 2.4vh;
}

.scroll-container {
 margin-top: 10vh;
 height: 75vh;
 overflow-y: auto;
 transform: translateX(0vw);
}

@media screen and (max-width: 768px) {
 .scroll-container {
  margin-top: 0vh;
 }


 #privacy .scroll-container {
  overflow-y: visible;
 }
}

.scroll-container::-webkit-scrollbar {
 width: 4px;
}

.scroll-container::-webkit-scrollbar-track {
 background: transparent;
}

.scroll-container::-webkit-scrollbar-thumb {
 background: rgba(255, 255, 255, 0.3);
 border-radius: 2px;
}

.scroll-container::-webkit-scrollbar-thumb:hover {
 background: rgba(255, 255, 255, 0.6);
}

.scroll-container {
 scrollbar-width: thin;
 scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

.privacy-window-wrap div {
 width: 100%;
 height: 100%;
 padding: 4vh 0;
}

.vision-mb-main-text {
 width: 100%;
 height: 100%;
 display: block;
 position: relative;
 margin-bottom: 10vh;
 scroll-snap-align: start
}

.vision-mb-main-text p {
 display: block;
 position: absolute;
 top: 42%;
 left: 0;
 transform: translateY(-50%);
 margin: auto 0;
 width: 100%;
 font-size: 8vw;
 font-weight: 900;
 color: #fff;
 line-height: 1.9em
}

.vision-mb-main-text p span.under-ver {
 display: inline-block;
 width: 8vw;
 height: 2px;
 margin-left: -10px;
 background: #fff;
 animation: tenmetsu 1s infinite
}

.vision-mb-main-text p span.typerighter {
 display: none
}

.vision-mb-main-text::before {
 content: '';
 position: absolute;
 bottom: 0;
 left: 50%;
 transform: translateX(-50%);
 width: 1px;
 height: 32px;
 background: #fff;
 animation: nagareru 1.5s both infinite
}

.vision-mb-main-text::after {
 content: 'SCROLL';
 position: absolute;
 bottom: 40px;
 left: 50%;
 font-size: 1.2rem;
 transform: translateX(-46%);
 letter-spacing: 3px;
 color: #fff
}

@keyframes tenmetsu {
 0% {
  opacity: 1
 }

 10% {
  opacity: .5
 }

 20% {
  opacity: 0
 }

 50% {
  opacity: 0
 }

 60% {
  opacity: .5
 }

 70% {
  opacity: 1
 }

 100% {
  opacity: 1
 }
}

@keyframes nagareru {
 0% {
  transform: translateX(-50%) scale(0);
  transform-origin: top
 }

 40% {
  transform: translateX(-50%) scale(1);
  transform-origin: top
 }

 60% {
  transform: translateX(-50%) scale(1);
  transform-origin: bottom
 }

 99% {
  transform: translateX(-50%) scale(0);
  transform-origin: bottom
 }

 100% {
  transform: translateX(-50%) scale(0);
  transform-origin: top
 }
}

.section-inner.works-thumb {
 top: 0;
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 0;
 background: #000;
 display: block
}

.section-inner.works-thumb .works-thumb-wrap {
 height: 75vh;
 width: 100vw;
 margin-top: 10vh;
 overflow: hidden
}

.section-inner.works-thumb .works-thumb-wrap .works-thumb-list {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 width: 100vw;
 transition: all .5s ease-out .1s;
 transform-origin: 50% 50%;
 padding: 1vh 0 0;
 background: #ddd
}

.section-inner.works-thumb .works-thumb-wrap .works-thumb-list li {
 position: relative;
 transition: all .2s ease .1s;
 margin: .25vh 2px
}

.section-inner.works-thumb .works-thumb-wrap .works-thumb-list li a {
 display: block;
 height: 18vh;
 position: relative;
 font-size: 2px;
 box-shadow: 0 0 20px rgba(0, 0, 0, .3)
}

.section-inner.works-thumb .works-thumb-wrap .works-thumb-list li a img {
 display: block;
 height: 100%
}

.section-inner.works-thumb .works-thumb-wrap .works-thumb-list li a .works-thumb-caption {
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
 width: 100%;
 height: 2em;
 position: absolute;
 bottom: 0;
 left: 0;
 color: #fff;
 font-size: 2px;
 transition: all .2s ease
}

.section-inner.works-thumb .works-thumb-wrap .works-thumb-list li a .works-thumb-caption span {
 display: block
}

.section-inner.works-thumb .works-thumb-wrap .works-thumb-list li a .works-thumb-caption .year {
 font-size: 1.2rem
}

.section-inner.works-thumb .works-thumb-wrap .works-thumb-list li a .works-thumb-caption .client {
 font-size: 1.8rem
}

.section-inner.works-thumb .works-thumb-wrap .works-thumb-list li a .works-thumb-caption .tool {
 font-size: 1.4rem
}

.section-inner.works-thumb .works-thumb-wrap .works-thumb-list li a:hover {
 opacity: 1;
 z-index: 5
}

.section-inner.works-thumb .works-thumb-wrap .works-thumb-list li a:hover .works-thumb-caption {
 opacity: 1;
 visibility: visible;
 pointer-events: auto;
 bottom: -2em;
 font-size: 2px;
 transition: all .1s ease 1.4s
}

.section-inner.works-thumb .works-thumb-wrap .works-thumb-list li:hover {
 transform: scale(1.7);
 z-index: 5;
 transition: all .2s ease .2s;
 box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.section-inner.works-thumb .works-thumb-wrap .works-thumb-list li.not-active {
 pointer-events: none;
 filter: grayscale(100%);
 transition: all .2s ease .1s
}

.section-inner.works-thumb .works-thumb-wrap .works-thumb-list li:nth-of-type(n + 38) {
 display: none
}

.section-inner.works-thumb .selector-wrap {
 width: 100vw;
 display: flex;
 justify-content: space-between;
 position: relative
}

.section-inner.works-thumb .selector-wrap .works-selector {
 width: 25vw;
 height: 5vh;
 margin: 5vh 0 0 5vw;
 position: relative;
 display: flex
}

.section-inner.works-thumb .selector-wrap .works-selector::before {
 content: '';
 position: absolute;
 width: 15vw;
 height: 1px;
 background: #fff;
 top: 5px;
 left: 2.5vw
}

.section-inner.works-thumb .selector-wrap .works-selector li {
 width: 5vw;
 color: rgba(255, 255, 255, .4);
 text-align: center;
 font-size: 1.3rem;
 cursor: pointer
}

.section-inner.works-thumb .selector-wrap .works-selector li::before {
 content: '';
 width: 10px;
 height: 10px;
 border-radius: 50%;
 background: #fff;
 margin-left: calc(2.5vw - 5px);
 display: block;
 margin-bottom: .5em
}

.section-inner.works-thumb .selector-wrap .works-selector li.current {
 color: #fff;
 font-weight: 600
}

.section-inner.works-thumb .selector-wrap .works-selector li:hover {
 color: #fff
}

.section-inner.works-thumb .selector-wrap .tag-selector-popup {
 width: 12vw;
 height: 5vh;
 margin: 5vh 5vw 0 0;
 color: #fff;
 cursor: pointer;
 display: flex;
 justify-content: center;
 align-items: center;
 border: 1px solid #fff
}

.section-inner.works-thumb .selector-wrap .tag-selector {
 display: flex;
 position: absolute;
 flex-wrap: wrap;
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
 top: -30vh;
 left: 0;
 height: 35vh;
 background: rgba(0, 0, 0, .7);
 padding: 5vh 10vw;
 transition: all .3s ease .1s
}

.section-inner.works-thumb .selector-wrap .tag-selector.is-show {
 opacity: 1;
 visibility: visible;
 pointer-events: auto;
 position: absolute;
 top: -35vh
}

.section-inner.works-thumb .selector-wrap .tag-selector li {
 font-size: 2rem;
 color: #fff;
 margin-right: 2em;
 cursor: pointer
}

.section-inner.works-thumb .works-thumb-wrap {
 pointer-events: none
}

.section-inner.works-thumb .works-thumb-wrap .works-thumb-list li a {
 transform: scale(0);
 transition: all .2s ease .4s
}

.is-active .section-inner.works-thumb .works-thumb-wrap {
 pointer-events: auto
}

.is-active .section-inner.works-thumb .works-thumb-wrap .works-thumb-list li a {
 transform: scale(1)
}

.top.cms .modaal-wrapper {
 overflow: hidden;
 top: 10vh;
 height: 90vh
}

.top.cms .modaal-outer-wrapper {
 display: table;
 position: relative;
 width: 100vw;
 height: 71vh;
 margin: 2vh 0 0
}

.top.cms .modaal-inner-wrapper {
 display: table-cell;
 width: 100%;
 height: 70%;
 position: relative;
 vertical-align: middle;
 text-align: center;
 padding: 0
}

.top.cms .modaal-overlay {
 position: fixed;
 top: 10vh;
 left: 0;
 width: 100%;
 height: 90vh;
 z-index: 999
}

.top.cms .modaal-close {
 position: fixed;
 right: 5px;
 top: 12vh;
 cursor: pointer;
 opacity: 1;
 width: 50px;
 height: 50px;
 background: rgba(0, 0, 0, 0);
 border-radius: 100%;
 -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out
}

.top.cms .modaal-close:after,
.top.cms .modaal-close:before {
 display: block;
 content: " ";
 position: absolute;
 top: 14px;
 left: 23px;
 width: 2px;
 height: 40px;
 border-radius: 2px;
 background: #fff;
 -webkit-transition: background .2s ease-in-out;
 transition: background .2s ease-in-out
}

.top.cms .modaal-container {
 background: #000
}

.works-single .content-wrap {
 overflow: hidden
}

.works-single .content-wrap .works-section-wrap {
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 100%;
 height: 100%;
 padding: 0 5%
}

.works-single .content-wrap .works-section-wrap img {
 display: block;
 width: 100%
}

.works-single .content-wrap .works-section-wrap .works-main-section {
 width: 40%;
 position: relative;
 pointer-events: none
}

.works-single .content-wrap .works-section-wrap .works-main-section::after {
 content: '';
 width: 100%;
 height: 100%;
 display: block;
 z-index: 2;
 position: absolute;
 top: 0;
 left: 0
}

.works-single .content-wrap .works-section-wrap .works-sub-section {
 width: 37%;
 display: flex;
 justify-content: space-between;
 align-items: center;
 pointer-events: none;
 position: relative
}

.works-single .content-wrap .works-section-wrap .works-sub-section::after {
 content: '';
 width: 100%;
 height: 100%;
 display: block;
 z-index: 2;
 position: absolute;
 top: 0;
 left: 0
}

.works-single .content-wrap .works-section-wrap .works-sub-section ul.img_four {
 width: 49%;
 margin-right: 1%
}

.works-single .content-wrap .works-section-wrap .works-sub-section ul.img_four li {
 width: 100%;
 margin: 5vh 0
}

.works-single .content-wrap .works-section-wrap .works-sub-section ul.img_four+.img_four {
 margin-right: 0;
 margin-left: 1%
}

.works-single .content-wrap .works-section-wrap .works-sub-section ul.img_two {
 width: 68%;
 margin: 0
}

.works-single .content-wrap .works-section-wrap .works-sub-section ul.img_two li {
 width: 76%;
 margin: 5vh auto
}

.works-single .content-wrap .works-section-wrap .works-text-section {
 width: 16%;
 margin-left: 1%;
 color: #fff;
 padding-bottom: 15vh
}

.works-single .content-wrap .works-section-wrap .works-text-section .works-type {
 font-size: 1.4rem;
 margin-bottom: 15vh;
 text-align: right;
 font-weight: 600
}

.works-single .content-wrap .works-section-wrap .works-text-section h3.works-title {
 font-size: 2.2rem;
 font-weight: 600;
 border-bottom: 1px solid #fff;
 padding-bottom: 1em;
 margin-bottom: 1em
}

.works-single .content-wrap .works-section-wrap .works-text-section h3.works-title span {
 font-size: 1.6rem;
 font-weight: 600;
 display: block
}

.works-single .content-wrap .works-section-wrap .works-text-section .works-year {
 font-size: 1.5rem
}

.works-single .content-wrap .works-section-wrap .works-text-section dl.works-concept {
 margin: 3vh 0
}

.works-single .content-wrap .works-section-wrap .works-text-section dl.works-concept dt {
 font-size: 1.5rem;
 margin-bottom: 1.5em
}

.works-single .content-wrap .works-section-wrap .works-text-section dl.works-concept dd {
 font-size: 1.4rem
}

.works-single .content-wrap .works-section-wrap .works-text-section .works-tag {
 font-size: 1.3rem
}

.works-single .content-wrap .works-section-wrap.graphic .works-main-section {
 width: 27%
}

.works-single .content-wrap .works-section-wrap.graphic .works-sub-section {
 width: 51%
}

.offices .section-inner,
.business .section-inner {
 transition: .1s all ease .5s;
 top: 0;
 left: 0;
 padding: 0 5vh;
 height: 100vh
}

.offices .section-inner .offices-wrap,
.business .section-inner .business-wrap {
 width: 100%;
 height: 100vh;
 display: flex;
 padding: 0 5vh
}

.offices .section-inner .offices-wrap::before,
.business .section-inner .business-wrap::before {
 content: '';
 width: 100%;
 height: 100vh;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2
}

.offices .section-inner .offices-wrap::after,
.business .section-inner .business-wrap::after {
 content: '';
 width: 100%;
 height: 100vh;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 0;
 transition: .3s all ease .1s
}

.offices .section-inner .offices-wrap.branding::before {
 animation: frame_anime .2s linear both .4s
}

.offices .section-inner .offices-wrap.specific::before {
 animation: frame_anime .2s linear both .4s
}

.business .section-inner .business-wrap.banc01::before {
 animation: frame_anime .2s linear both .4s
}

.offices .section-inner .offices-wrap.branding::after {
 content: '';
 background: url(https://stanly.jp/img/offices-img01.jpg) no-repeat center center;
 background-size: cover
}

.offices .section-inner .offices-wrap.specific::after {
 content: '';
 background: url(https://stanly.jp/img/offices-img01.jpg) no-repeat center center;
 background-size: cover
}

.business .section-inner .business-wrap.banc01::after {
 content: '';
 background: url(https://stanly.jp/img/bg-business01.jpg) no-repeat center center;
 background-size: cover
}

.offices .section-inner .offices-wrap.maeketing::before {
 animation: frame_anime .2s linear both .4s
}

.business .section-inner .business-wrap.banc02::before {
 animation: frame_anime .2s linear both .4s
}

.offices .section-inner .offices-wrap.maeketing::after {
 content: '';
 background: url(https://stanly.jp/img/offices-img02.jpg) no-repeat center center;
 background-size: cover
}

.business .section-inner .business-wrap.banc02::after {
 content: '';
 background: url(https://stanly.jp/img/bg-business01.jpg) no-repeat center center;
 background-size: cover
}

.business .section-inner .business-wrap.banc03::before {
 animation: frame_anime .2s linear both .4s
}

.business .section-inner .business-wrap.banc03::after {
 content: '';
 background: url(https://stanly.jp/img/bg-business03.jpg) no-repeat center center;
 background-size: cover
}



.offices .section-inner .right-content-inner,
.business .section-inner .right-content-inner {
 height: 100vh;
 transition: all .3s ease .1s;
 padding-left: 0;
 display: flex;
 align-items: center;
}

.offices .section-inner .right-content-inner a {
 color: #fff
}

@keyframes frame_anime {
 0% {
  border: 20vh solid #000;
  background: rgba(0, 0, 0, 0)
 }

 100% {
  border: 0 solid #000;
  background: rgba(0, 0, 0, .5)
 }
}

.offices-navi {
 position: fixed;
 opacity: 0;
 transition: .2s all ease 0s;
 z-index: 10;
 height: 100vh;
 width: 20%;
 left: 5vh;
 top: 0;
 display: none
}

.offices-navi .section-inner {
 height: 100%;
 padding: 0
}

.offices-navi .section-inner .left-navi {
 height: 100%
}

.offices-navi.is-show {
 opacity: 1;
 transition: .3s all ease .1s;
 display: block
}

.offices-navi .left-navi {
 width: 100%
}

.offices-text dt {
 font-size: 2rem;
 margin-bottom: 4vh
}

.offices-text dt span {
 display: block
}

.offices-text dd {
 font-size: 1.5rem;
 line-height: 2.2em
}

.offices-text .map {
 margin-top: .5em
}

.offices-text .map a {
 display: flex;
 align-items: center;
 color: #fff
}

.offices-text .map a::before {
 content: '📍';
 background: no-repeat center center;
 background-size: contain;
 width: 1.8em;
 height: 1.8em;
 margin-right: .5em
}

.vision-text .map a {
 display: flex;
 align-items: center;
 color: #fff
}

.vision-text .map a::before {
 content: '';
 background: url(https://stanly.jp/img/offices-icon.png) no-repeat center center;
 background-size: contain;
 width: 1.8em;
 height: 1.8em;
 margin-right: 0em
}


.recruit .section-inner {
 align-items: center;
 justify-content: center
}

.recruit .section-inner .recruit-text-area {
 width: 50vw;
 height: 60vh;
 background: #20418a;
 position: absolute;
 overflow: hidden;
 opacity: 0
}

.recruit .section-inner .recruit-text-area .recruit-text-inner {
 width: 50vw;
 height: 60vh;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-25vw, -30vh);
 color: #fff;
 padding: .8em 5em;
 font-size: 2vh;
 line-height: 1.9em;
 letter-spacing: .2em;
 overflow: hidden;
 display: flex;
 align-items: center;
 flex-direction: column
}

.recruit .section-inner .recruit-text-area .recruit-text-inner p {
 margin: .3em 0;
 display: block;
 width: 100%;
 text-align: left
}

.recruit .section-inner .recruit-title-area {
 width: 50vw;
 height: 60vh;
 background: #20418a
}

.recruit .section-inner .recruit-title-area a {
 display: flex;
 align-items: center;
 justify-content: center;
 color: #fff;
 background-size: 55%;
 width: 100%;
 height: 50vh;
 padding-top: 52vh;
 font-size: 2rem;
 opacity: 0
}

.recruit.is-active .section-inner .recruit-text-area {
 animation: text_hide_anime 5s ease both
}

.recruit.is-active .section-inner .recruit-title-area a {
 animation: logo_anime .6s ease both 5.3s
}

.recruit.is-active::after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 height: 0;
 width: 0;
 animation: mawarusen 8s ease both reverse infinite;
 background: #fff
}

@keyframes mawarusen {
 0% {
  width: 0%;
  height: 1px;
  top: 0;
  left: 0;
  opacity: 0
 }

 10% {
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
  opacity: 1
 }

 11% {
  width: 100%;
  height: 1px;
  top: 0;
  left: auto;
  right: 0;
  opacity: 1
 }

 20% {
  width: 0%;
  height: 1px;
  top: 0;
  left: auto;
  right: 0;
  opacity: 0
 }

 25% {
  width: 1px;
  height: 0%;
  top: 0;
  left: auto;
  right: 0;
  opacity: 0
 }

 35% {
  width: 1px;
  height: 100%;
  top: 0;
  left: auto;
  right: 0;
  opacity: 1
 }

 36% {
  width: 1px;
  height: 100%;
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  opacity: 1
 }

 45% {
  width: 1px;
  height: 0%;
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  opacity: 0
 }

 50% {
  width: 0%;
  height: 1px;
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  opacity: 0
 }

 60% {
  width: 100%;
  height: 1px;
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  opacity: 1
 }

 61% {
  width: 100%;
  height: 1px;
  top: auto;
  left: 0;
  bottom: 0;
  opacity: 1
 }

 70% {
  width: 0%;
  height: 1px;
  top: auto;
  left: 0;
  bottom: 0;
  opacity: 0
 }

 75% {
  width: 1px;
  height: 0%;
  top: auto;
  left: 0;
  bottom: 0;
  opacity: 0
 }

 85% {
  width: 1px;
  height: 100%;
  top: auto;
  left: 0;
  bottom: 0;
  opacity: 1
 }

 86% {
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1
 }

 95% {
  width: 1px;
  height: 0%;
  top: 0;
  left: 0;
  opacity: 0
 }

 100% {
  width: 0%;
  height: 1px;
  top: 0;
  left: 0;
  opacity: 0
 }
}

@keyframes text_hide_anime {
 0% {
  padding-left: 7em;
  opacity: 0
 }

 10% {
  padding-left: 5em;
  opacity: 1
 }

 80% {
  border-left: 0 solid #20418a;
  border-right: 0 solid #20418a;
  border-top: 0 solid #20418a;
  border-bottom: 0 solid #20418a;
  opacity: 1
 }

 100% {
  opacity: 0;
  border-left: 0 solid #20418a;
  border-right: 0 solid #20418a;
  border-top: 30vh solid #20418a;
  border-bottom: 30vh solid #20418a
 }
}

@keyframes logo_anime {
 0% {
  opacity: 0
 }

 100% {
  opacity: 1
 }
}

.top-section.ir .section-inner {
 flex-direction: column;
 padding: 7vh 10% 3vh
}

.top-section.ir .section-inner .eir {
 width: 100%;
 padding: 0 5% 6vh;
 position: relative
}

h3.ir-title {
 font-size: 1.8rem;
 font-weight: 500;
 margin-bottom: 1em;
 margin-bottom: 2vh;
 color: #fff
}

.ir-pdf-list {
 width: 100%;
 margin-right: auto;
 margin-bottom: 10vh;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between
}

.ir-pdf-list li {
 width: 49.5%;
 margin-bottom: 1vh
}

.ir-pdf-list li a {
 border: 1px solid #fff;
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 0 3%;
 width: 100%;
 height: 4vw;
 color: #fff;
 position: relative
}

.ir-pdf-list li a::after {
 content: '';
 width: 1.2vw;
 height: 1.2vw;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 transform: rotate(-45deg)
}

.ir-pdf-list li a:hover {
 background: #fff;
 color: #000;
 opacity: 1
}

.ir-pdf-list li a:hover::after {
 content: '';
 border-right: 1px solid #000;
 border-bottom: 1px solid #000
}

.ir-news-list {
 width: 90%;
 margin: 0 auto
}

.ir-news-list li {
 width: 100%;
 padding: .4vh 2% 1vh;
 border-bottom: 1px solid #aaa;
 color: #fff
}

.top-section.ir .s_yearController {
 position: absolute;
 top: -6vh;
 right: calc(5% - 2px)
}

.top-section.ir .s_yearController .s_eirSelect {
 padding: 0 40px 0 10px;
 max-width: 100%;
 height: 4.5vh
}

.top-section.ir .s_newsTypeController {
 margin-bottom: 2vh
}

.top-section.ir ul.s_eirTab li.activeTarget {
 border: 1px solid #fff;
 color: #fff;
 background: 0 0
}

.top-section.ir ul.s_eirTab li.activeTarget a {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 100%;
 height: 6vh;
 color: #fff;
 text-decoration: none;
 outline: 0;
 -webkit-transition: all .3s ease
}

.top-section.ir ul.s_eirTab li.activeTarget.active a {
 background: #fff;
 color: #000
}

.top-section.ir .s_eirList {
 border-bottom: 1px solid #fff;
 overflow-y: auto;
 height: 35vh
}

.top-section.ir .s_eirList li.s_eirList_item {
 display: flex;
 align-items: center;
 height: 7vh;
 margin-top: 0;
 padding: 0 2vw;
 border-top: 1px solid #fff
}

.top-section.ir .s_eirList li.s_eirList_item .s_eirModule_date_time {
 color: #dfdfdf
}

.top-section.ir .s_eirList li.s_eirList_item .s_eirModule_category_icon {
 background: #ddd;
 color: #000
}

.top-section.ir .s_eirList li.s_eirList_item .eirItem_title a {
 color: #fff
}

.top-section.ir .noDataText {
 display: block;
 color: #fff;
 padding: 4vh 2vw 8vh
}

.top-section.ir .eir_pdfNote {
 margin-top: 2vh
}

.top-section.ir .eir_pdfNote_item {
 margin-left: 20px;
 color: #fff;
 font-size: 1rem
}

.top-section.ir .eir_pdfNote_item:first-child {
 margin-left: 0
}

.top-section.ir .eir_pdfNote img,
.top-section.ir .eir_pnexNote img {
 width: 7vw;
 height: auto
}

@media (max-aspect-ratio: 5 / 3) {
 .vision-text {
  font-size: 1.2rem
 }

 .vision-text span {
  font-size: 2rem
 }

 .offices-navi {
  width: 300px
 }

 .offices-navi .left-navi {
  width: 300px
 }

 .offices.is-active .navi-fixed {
  margin-left: 300px
 }
}

@media screen and (max-width: 768px) {
 #top-contents {
  height: 100%;
  scroll-snap-type: mandatory;
  scroll-snap-points-y: repeat(100vw);
  scroll-snap-type: x mandatory;
  margin: 0;

 }

 .top-section {
  overflow: auto;
  height: 100%;
  min-width: 100vw;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  scroll-snap-align: start
 }

 .top-section .section-inner {
  top: 0;
  height: 100%
 }

 .top-section.who_we_are {
  background: rgba(0, 0, 0, .7)
 }

 .top-section.our_works {
  background: #fff
 }

 .top-section.offices::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  z-index: -1
 }

 .top-section.recruit {
  background-size: cover
 }

 .top-section.news {
  background: #000
 }

 .top-section.contact {
  background: rgba(0, 0, 0, .7)
 }

 .top-section.contact .section-inner {
  align-items: flex-start;
  overflow-y: scroll;
  padding-top: 10vh
 }

 .content-wrap {
  overflow: visible
 }

 .main-text {
  padding-bottom: 5vh
 }

 .who_we_are .section-inner {
  height: 100%;
  padding: 0
 }

 .who_we_are .left-navi {
  margin-top: 0
 }

 .who_we_are .right-content {
  height: calc(100% - 25vh)
 }


 .who_we_are .right-content-inner {
  position: relative;
  padding: 5vh 0 10vh
 }

 .who_we_are .right-content-inner::before {
  content: '';
  width: 100%;
  height: 2px;
  background: #fff;
  display: block;
  position: absolute;
  top: .5em;
  right: 0
 }

 #business .who_we_are .right-content-inner::before {
  content: '';
  width: 100%;
  height: 2px;
  background: none;
  display: none;
  position: absolute;
  top: 0em;
  right: 0
 }

 .who_we_are .right-content-inner::after {
  font-size: 1.3rem;
  font-weight: 600;
  display: inline-block;
  color: #000;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 .1em
 }

 .who_we_are .right-content-inner#vision::after {
  content: 'OUR VISION'
 }

 .who_we_are .right-content-inner#solution::after {
  content: 'OUR SOLUTION'
 }

 .who_we_are .right-content-inner#corporate-data::after {
  content: 'CORPORATE PROFILE'
 }

 .who_we_are .right-content-inner#privacy {
  flex-direction: column
 }

 .who_we_are .right-content-inner#privacy::after {
  content: 'PRIVACY POLICY'
 }

 #business .who_we_are .right-content-inner#vision::after {
  content: none;
 }

 #business .who_we_are .right-content-inner#solution::after {
  content: none;
 }

 #business .who_we_are .right-content-inner#corporate-data::after {
  content: none;
 }

 .vision .vision-text p {
  text-align: left;
 }

 .vision-text p {
  text-align: left;
  font-size: 1.45rem;
  line-height: 1.8em;
 }

 .vision-text p span {
  font-size: 2rem;
 }


 .vision-text {
  line-height: 1.8em;
  font-size: 1.45rem
 }

 .vision-text span {
  font-size: 2rem;
  line-height: 1.8em;
  display: block;
  margin: .8em 0;
  line-height: 2em
 }

 ul.corporate-data-list li {
  width: 100%;
  margin-bottom: 2vh
 }

 ul.corporate-data-list li dl dt {
  font-size: 1.4rem
 }

 ul.corporate-data-list li dl dd {
  font-size: 1.2rem
 }

 ul.corporate-data-list li dl dd a {
  color: #fff;
  display: inline-block
 }

 ul.corporate-data-list li.corporate-data-main {
  padding-bottom: 2.5vh;
  margin-bottom: 2.5vh
 }

 ul.corporate-data-list li.corporate-data-main dl {
  width: 80%
 }

 ul.corporate-data-list li.corporate-data-main dl dt {
  font-size: 2.6vh;
  margin-bottom: 1vh
 }

 ul.corporate-data-list li.corporate-data-main dl dd {
  flex-direction: column
 }

 ul.corporate-data-list li.corporate-data-main dl dd p {
  width: 100%
 }

 ul.corporate-data-list li.corporate-data-main dl dd p+p {
  width: 100%
 }

 ul.corporate-data-list li.corporate-data-main .tpm-logo {
  width: 14%;
  background-size: contain
 }

 .privacy-list {
  width: 100%
 }

 .privacy-list li {
  margin-bottom: 1vh
 }

 .privacy-list li a {
  color: #fff;
  font-size: 1.7vh
 }

 .privacy-window-wrap {
  width: 100%;
  height: 60vh;
  transform: translateX(0);
  margin-top: 20px
 }

 .privacy-window-wrap iframe {
  width: 100%;
  height: 100%;
  padding: 0
 }

 .section-inner.works-thumb .works-thumb-wrap {
  height: 86vh;
  width: 100vw;
  margin-top: 14vh;
  overflow: hidden
 }

 .section-inner.works-thumb .works-thumb-wrap .works-thumb-list {
  width: 100vw
 }

 .section-inner.works-thumb .works-thumb-wrap .works-thumb-list li {
  margin: .25vh 0
 }

 .section-inner.works-thumb .works-thumb-wrap .works-thumb-list li a {
  height: 10.5vh
 }

 .section-inner.works-thumb .works-thumb-wrap .works-thumb-list li a:hover {
  opacity: 1;
  z-index: 5
 }

 .section-inner.works-thumb .works-thumb-wrap .works-thumb-list li a:hover .works-thumb-caption {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  bottom: -2em;
  font-size: 2px;
  transition: all .1s ease 1.4s
 }

 .section-inner.works-thumb .works-thumb-wrap .works-thumb-list li:hover {
  transform: scale(1.7);
  z-index: 5;
  transition: all .2s ease .2s;
  box-shadow: 0 0 10px rgba(0, 0, 0, .5)
 }

 .section-inner.works-thumb .works-thumb-wrap .works-thumb-list li.not-active {
  pointer-events: none;
  filter: grayscale(100%);
  transition: all .2s ease .1s
 }

 .section-inner.works-thumb .works-thumb-wrap .works-thumb-list li:nth-of-type(n + 35) {
  display: none
 }

 .section-inner.works-thumb .selector-wrap {
  width: 48vw;
  position: absolute;
  top: 0;
  left: 0
 }

 .section-inner.works-thumb .selector-wrap .works-selector {
  width: 56vw;
  margin: 5.5vh auto 0;
  position: relative
 }

 .section-inner.works-thumb .selector-wrap .works-selector::before {
  content: '';
  position: absolute;
  width: 42vw;
  left: 7vw
 }

 .section-inner.works-thumb .selector-wrap .works-selector li {
  width: 14vw;
  font-size: 1rem
 }

 .section-inner.works-thumb .selector-wrap .works-selector li::before {
  margin-left: calc(7vw - 5px)
 }

 .section-inner.works-thumb {
  height: 100vh;
  top: 0
 }

 .section-inner.works-thumb .works-thumb-wrap {
  pointer-events: auto
 }

 .section-inner.works-thumb .works-thumb-wrap .works-thumb-list li a {
  transform: scale(1);
  transition: all .2s ease .4s
 }

 .top.cms .modaal-wrapper {
  overflow: auto;
  top: 0;
  height: 100vh
 }

 .top.cms .modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100vw;
  height: 88vh;
  margin: 12vh 0 0
 }

 .top.cms .modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 88vh;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 0
 }

 .top.cms .modaal-overlay {
  position: fixed;
  top: 14vh;
  left: 0;
  width: 100%;
  height: 86vh;
  z-index: 999
 }

 .top.cms .modaal-close {
  position: fixed;
  right: 5px;
  top: 14vh
 }

 .works-single .content-wrap {
  overflow: hidden;
  overflow-y: scroll
 }

 .works-single .content-wrap .works-section-wrap {
  flex-direction: column;
  padding: 0 10%
 }

 .works-single .content-wrap .works-section-wrap .works-main-section {
  width: 100%;
  position: relative;
  pointer-events: none;
  order: 1
 }

 .works-single .content-wrap .works-section-wrap .works-sub-section {
  width: 100%;
  padding-bottom: 8vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
  position: relative;
  order: 2
 }

 .works-single .content-wrap .works-section-wrap .works-sub-section ul.img_two {
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: space-between
 }

 .works-single .content-wrap .works-section-wrap .works-sub-section ul.img_two li {
  width: 49%;
  margin: 5vh 0
 }

 .works-single .content-wrap .works-section-wrap .works-text-section {
  width: 100%;
  margin-left: 0;
  padding-bottom: 5vh;
  order: 0
 }

 .works-single .content-wrap .works-section-wrap .works-text-section .works-type {
  margin: 2vh 0 3vh;
  text-align: left
 }

 .works-single .content-wrap .works-section-wrap .works-text-section h3.works-title {
  font-size: 2rem;
  font-weight: 600;
  border-bottom: 1px solid #fff;
  padding-bottom: .5em;
  margin-bottom: .5em
 }

 .works-single .content-wrap .works-section-wrap .works-text-section .works-tag {
  font-size: 1.3rem
 }

 .works-single .content-wrap .works-section-wrap.graphic .works-main-section {
  width: 60%;
  margin: 0 auto
 }

 .works-single .content-wrap .works-section-wrap.graphic .works-sub-section {
  width: 100%;
  margin: 0 auto
 }

 .offices .section-inner {
  top: 0;
  left: 0;
  padding: 0
 }

 .offices .section-inner .offices-wrap {
  padding: 0
 }

 /* .offices .section-inner .right-content {
  height: 480%;
 }
 */
 .offices .section-inner .right-content {
  margin-top: 200px;
 }

 .offices .section-inner .right-content-inner {
  /* height: 160%;
  max-height: 700px; */
  height: auto;
  transition: all .3s ease .1s;
  padding-left: 0;
  display: block;
  align-items: center;
 }


 .business .section-inner {
  top: 0;
  left: 0;
  padding: 0
 }

 .business .section-inner .business-wrap {
  padding: 0;
 }

 .business .section-inner .right-content {
  /* margin-top: 18vh;
   height: 480%; */
 }

 .business .section-inner .right-content {
  /* margin-top: 18vh;
   height: 480%; */
 }

 .business .section-inner .right-content-inner {
  /* height: 160%;
   max-height: 700px;
   padding-left: 0;
   display: block;
   align-items:center; */
  transition: all .3s ease .1s;
 }

 .business .section-inner .right-content-inner {
  height: auto;
  transition: all .3s ease .1s;
  padding-left: 0;
  display: flex;
  align-items: center;
 }


 .business .section-inner .right-content-inner {
  padding-bottom: 40px;

 }

 .business .section-inner .right-content-inner:last-child {
  padding-bottom: 120px;

 }

 /* .offices .section-inner .right-content {
     height: 70vh;
     margin-top: 30vh;
     padding: 0 15vw;
     overflow-y:hidden
 }

 .offices .section-inner .right-content-inner {
     height: 70vh;
     padding-bottom:10vh
 } */


 @keyframes frame_anime {
  0% {
   border: 20vh solid #000;
   background: rgba(0, 0, 0, 0)
  }

  100% {
   border: 0 solid #000;
   background: rgba(0, 0, 0, .5)
  }
 }

 .offices-text dt {
  font-size: 1.8rem;
  margin-bottom: 4vh
 }

 .offices-text dt span {
  display: block
 }

 .offices-text dd {
  font-size: 1.4rem;
  line-height: 2.2em
 }

 .offices-text .map a {
  display: flex;
  align-items: center;
  color: #fff
 }

 .offices-text .map a::before {
  content: '';
  background: url(https://stanly.jp/img/offices-icon.png) no-repeat center center;
  background-size: contain;
  width: 1.8em;
  height: 1.8em;
  margin-right: .5em
 }

 .top-section.ir {
  overflow-y: auto
 }

 .top-section.ir .section-inner {
  flex-direction: column;
  padding: 12vh 10% 3vh;
  height: auto
 }

 .top-section.ir .section-inner .eir {
  width: 100%;
  padding: 0 0 6vh;
  position: relative
 }

 h3.ir-title {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1em;
  color: #fff
 }

 .ir-pdf-list li {
  width: 100%;
  margin-bottom: 1vh
 }

 .ir-pdf-list li a {
  padding: 1vh 5%;
  width: 100%;
  height: auto;
  line-height: 1.6em
 }

 .ir-pdf-list li a::after {
  content: '';
  width: 1.2vw;
  height: 1.2vw;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg)
 }

 .ir-pdf-list li a:hover {
  background: #fff;
  color: #000;
  opacity: 1
 }

 .ir-pdf-list li a:hover::after {
  content: '';
  border-right: 1px solid #000;
  border-bottom: 1px solid #000
 }

 .ir-news-list {
  width: 100%;
  margin-right: auto
 }

 .ir-news-list li {
  width: 100%;
  padding: .4vh 2% 1vh;
  border-bottom: 1px solid #aaa;
  color: #fff
 }

 .top-section.ir .s_yearController {
  right: 0
 }

 .top-section.ir ul.s_eirTab li.activeTarget a {
  height: 4vh
 }

 .top-section.ir .s_eirList {
  border-bottom: 1px solid #fff
 }

 .top-section.ir .s_eirList li.s_eirList_item {
  height: auto;
  margin-top: 0;
  padding: 1vh 2vw
 }

 .top-section.ir .eir_pdfNote_item {
  margin-left: 0
 }

 .top-section.ir .eir_pdfNote_item:first-child {
  margin-left: 0
 }

 .top-section.ir .eir_pdfNote img,
 .top-section.ir .eir_pnexNote img {
  width: 25vw;
  height: auto
 }

 .recruit .section-inner {
  align-items: center;
  justify-content: center
 }

 .recruit .section-inner .recruit-text-area {
  width: 75vw;
  height: 42vh;
  overflow: hidden;
  animation: text_hide_anime 5s ease both;
  opacity: 1
 }

 .recruit .section-inner .recruit-text-area .recruit-text-inner {
  width: 75vw;
  height: 42vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-37.5vw, -21vh);
  color: #fff;
  padding: .8em 2.6em;
  font-size: 1.6vh;
  line-height: 1.9em;
  letter-spacing: .1em;
  overflow: hidden
 }

 .recruit .section-inner .recruit-text-area .recruit-text-inner p {
  margin-bottom: .6em
 }

 .recruit .section-inner .recruit-title-area {
  width: 75vw;
  height: 42vh;
  background: #20418a;
  animation: logo_anime .6s ease both 5.3s;
  opacity: 1
 }

 .recruit .section-inner .recruit-title-area a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: url(https://stanly.jp/img/recruit-logo.png) no-repeat center 8vh;
  background-size: 70%;
  width: 100%;
  height: 42vh;
  padding-top: 28vh;
  font-size: 2rem;
  opacity: 1
 }

 @keyframes text_hide_anime {
  0% {
   padding-left: 0;
   opacity: 0
  }

  10% {
   padding-left: 0;
   opacity: 1
  }

  80% {
   border-left: 0 solid #20418a;
   border-right: 0 solid #20418a;
   border-top: 0 solid #20418a;
   border-bottom: 0 solid #20418a;
   opacity: 1
  }

  100% {
   opacity: 0;
   border-left: 0 solid #20418a;
   border-right: 0 solid #20418a;
   border-top: 21vh solid #20418a;
   border-bottom: 21vh solid #20418a
  }
 }

 @keyframes logo_anime {
  0% {
   opacity: 0
  }

  100% {
   opacity: 1
  }
 }
}

.c-textbox {
 display: flex;
}

.c-textbox>*+* {
 margin: 0 60px;
}

.c-textbox .c-textbox__image {}

.c-textbox .c-textbox__image img {
 width: 100%;
 height: auto;
 object-fit: contain;
}

.c-textbox .vision-text {
 margin-top: -40px;
}


@media screen and (max-width: 768px) {
 .c-textbox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
 }

 .c-textbox>*+* {
  margin: 40px 0px;
 }

 .c-textbox .c-textbox__image {
  width: 100%;
  max-width: 220px;
  margin: 0 auto;
 }

 .c-textbox .c-textbox__image img {
  width: 100%;
  height: auto;
 }

 .c-textbox .vision-text {
  width: 100%;
  margin-top: 0px;
 }
}

#business .vision-text {
 border-top: none;
}

.corporate-profile dl {
 display: flex;
 line-height: 1.8em
}

.corporate-profile dt {
 font-weight: bold;
 flex-shrink: 1;
}

.corporate-profile dd {
 margin: 0;
 box-sizing: border-box;
}

.primary-text p+p {
 margin-top: 2em;
}
a {
  color: #FFFFFF; /* リンクの文字を白色に設定 */
  text-decoration: underline; /* 下線を表示 */
}

/* コンプライアンス指針セクションのリンクのスタイル */
.vision-text.primary-text a {
  color: #FFFFFF!important;
  text-decoration: underline;
}

/* マウスオーバー時のスタイル（任意） */
.vision-text.primary-text a:hover {
  color: #F0F0F0!important;
}