/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@600&family=Oswald:wght@500&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/style.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

a {
  color: inherit;
  cursor: pointer;
}

button {
  background-color: transparent;
  border-width: 0;
  color: inherit;
  cursor: pointer;
  padding: 0;
}

figure {
  margin: 0;
}

input::-moz-focus-inner {
  border: 0;
  margin: 0;
  padding: 0;
}

ul,
ol,
dd {
  list-style: none;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

p {
  margin: 0;
}

cite {
  font-style: normal;
}

fieldset {
  border-width: 0;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  display: block;
}

.clearfix::after {
  clear: both;
  content: "";
  display: block;
}

.over {
  opacity: 1;
  transition: 0.4s;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

body {
  background: #fff;
  color: #000;
  font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.03em;
  line-height: 1;
  text-align: left;
}
body img {
  width: 100%;
}

.ja {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
  font-style: normal;
  font-weight: 600;
}

.en {
  font-family: "Josefin Sans", sans-serif;
}

.en2 {
  font-family: "Oswald", sans-serif;
}

header {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #182a50;
  box-sizing: border-box;
  display: flex;
  height: 80px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
header h1 {
  background: #162d4f;
  left: 0;
  position: absolute;
  top: 0;
  width: 180px;
  z-index: 1000;
}

.nav-trigger {
  background: #fff;
  height: 60px;
  position: fixed;
  right: 0;
  top: 0;
  width: 60px;
  z-index: 999;
}
.nav-trigger span {
  background: #182a50;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  transition: background 0.3s;
  width: 12px;
}
.nav-trigger span::after, .nav-trigger span::before {
  background: #182a50;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  transition: background 0.3s, -webkit-transform 0.3s;
  transition: background 0.3s, transform 0.3s;
  transition: background 0.3s, transform 0.3s, -webkit-transform 0.3s;
  width: 16px;
}
.nav-trigger span::before {
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
.nav-trigger span::after {
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
  width: 16px;
}

.nav-open .nav-trigger span {
  background: transparent;
}
.nav-open .nav-trigger span::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.nav-open .nav-trigger span::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.overlay {
  background: #182a50;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.5s, visibility 0.5s;
  visibility: hidden;
  width: 100%;
  z-index: 997;
}

.nav-open .overlay {
  opacity: 0;
  visibility: visible;
}

.nav-container {
  height: 100%;
  margin-left: auto;
  width: calc(100% - 180px);
}
.nav-container .wrap {
  height: 100%;
  width: 100%;
}
.nav-container nav {
  height: 100%;
  width: 100%;
}
.nav-container nav ul {
  display: flex;
  height: 100%;
  justify-content: flex-end;
  margin-right: 1.5625vw;
}
.nav-container nav ul li {
  align-items: center;
  color: #182a50;
  display: flex;
  font-size: 0.75rem;
  height: 100%;
  padding: 0 10px;
  position: relative;
}
.nav-container nav ul li.parent .child {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 60px;
  transition: opacity 0.4s;
  width: 180px;
  z-index: 2;
}
.nav-container nav ul li.parent .child p {
  background: #e8eef4;
  font-size: 0.75rem;
  font-weight: bold;
  height: 35px;
  margin-bottom: 2px;
  position: relative;
  width: 100%;
}
.nav-container nav ul li.parent .child p::after {
  border-right: 1px solid #182a50;
  border-top: 1px solid #182a50;
  content: "";
  height: 6px;
  position: absolute;
  right: 10px;
  rotate: 45deg;
  top: 50%;
  translate: 0 -50%;
  width: 6px;
}
.nav-container nav ul li.parent .child a {
  padding-left: 1em;
}
.nav-container nav ul li.parent:hover {
  cursor: pointer;
}
.nav-container nav ul li.parent.active .child {
  opacity: 1;
}
.nav-container nav a {
  align-items: center;
  display: flex;
  height: 100%;
  position: relative;
  text-decoration: none;
  width: 100%;
}

.nav-container.touch {
  background: #182a50;
  height: 100%;
  margin: auto;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-top: 40px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  transition: -webkit-transform 0.5s cubic-bezier(0.07, 0.23, 0.34, 1);
  transition: transform 0.5s cubic-bezier(0.07, 0.23, 0.34, 1);
  transition: transform 0.5s cubic-bezier(0.07, 0.23, 0.34, 1), -webkit-transform 0.5s cubic-bezier(0.07, 0.23, 0.34, 1);
  width: 100%;
  z-index: 998;
}
.nav-container.touch .wrap {
  display: table;
  height: 100%;
  width: 100%;
}
.nav-container.touch nav {
  display: table-cell;
  vertical-align: top;
}
.nav-container.touch nav ul {
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  margin: 40px 0;
}
.nav-container.touch nav ul li {
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 1.25rem;
  height: 70px;
  padding: 0;
  width: 100%;
}
.nav-container.touch nav ul li span {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.3em;
}
.nav-container.touch nav ul li.parent {
  align-items: flex-start;
  display: block;
  flex-direction: column;
}
.nav-container.touch nav ul li.parent .parentList {
  display: flex;
  flex-direction: column;
  height: 70px;
  justify-content: center;
  padding-left: 1em;
  width: 100%;
}
.nav-container.touch nav ul li.parent .parentList::after {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  content: "";
  height: 6px;
  position: absolute;
  right: 1em;
  rotate: 135deg;
  top: 50%;
  transition: rotate 0.2s;
  translate: 0 -50%;
  width: 6px;
}
.nav-container.touch nav ul li.parent .parentList.active {
  position: relative;
}
.nav-container.touch nav ul li.parent .parentList.active + .child {
  max-height: 100vh;
  opacity: 1;
  visibility: visible;
}
.nav-container.touch nav ul li.parent .parentList.active::after {
  rotate: -45deg;
}
.nav-container.touch nav ul li.parent .child {
  max-height: 0;
  opacity: 1;
  position: relative;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.nav-container.touch nav ul li.parent .child p {
  color: #182a50;
  font-size: 0.875rem;
  height: 70px;
  margin-bottom: 0;
  width: 100%;
}
.nav-container.touch nav ul li.parent .child p:not(:last-child) {
  border-bottom: 1px solid #182a50;
}
.nav-container.touch nav ul li.parent .child p::after {
  right: 1.5em;
}
.nav-container.touch nav ul li.parent .child a {
  padding-left: 1.5em;
}
.nav-container.touch nav ul li.parent:hover {
  cursor: pointer;
}
.nav-container.touch nav ul li a {
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding-left: 1em;
}
.nav-container.touch nav ul li a::after {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  content: "";
  height: 6px;
  position: absolute;
  right: 1em;
  rotate: 45deg;
  top: 50%;
  translate: 0 -50%;
  width: 6px;
}

.nav-open .nav-container {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

footer {
  align-items: center;
  background: #182a50;
  color: #fff;
  display: flex;
  height: 270px;
  justify-content: center;
  text-align: center;
  width: 100%;
}
footer h3 {
  font-size: 2.875rem;
  letter-spacing: 0.05em;
}
footer h2 {
  margin: 25px auto;
  width: 150px;
}
footer .copy {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
}

.totop {
  float: right;
  width: 60px;
}

main {
  padding-top: 80px;
}

.ttlMain {
  color: #182a50;
  font-size: 3.125rem;
  letter-spacing: 0.1em;
  text-align: center;
}
.ttlMain span {
  display: block;
  font-size: 1rem;
  margin-bottom: 1em;
}

.ttlSub {
  color: #182a50;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  margin-bottom: 60px;
  position: relative;
  text-align: center;
}
.ttlSub::after {
  background: #182a50;
  bottom: -20px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 70px;
}

.catchMain {
  font-size: 1.5rem;
  line-height: 30px;
  margin-bottom: 3em;
  text-align: center;
}

.thumbCol2 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
}
.thumbCol2 > div {
  width: 50%;
}
.thumbCol2 > div:nth-child(2n+1).anim.active {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.thumbCol2 > div:nth-child(2n+2).anim.active {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.thumbCol3 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
}
.thumbCol3 > div {
  width: 33.3%;
}
.thumbCol3 > div:nth-child(3n+1).anim.active {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.thumbCol3 > div:nth-child(3n+2).anim.active {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.thumbCol3 > div:nth-child(3n+3).anim.active {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.thumbCol3 .thumb {
  position: relative;
}
.thumbCol3 .thumb__prof {
  align-items: center;
  background: rgba(24, 42, 80, 0.5);
  bottom: 0;
  color: #fff;
  display: flex;
  height: 90px;
  left: 0;
  position: absolute;
  width: 100%;
}
.thumbCol3 .thumb__prof > div {
  margin-left: 30px;
}
.thumbCol3 .thumb__prof--add {
  font-size: 0.75rem;
  line-height: 1.3;
  margin-bottom: 0.3em;
}
.thumbCol3 .thumb__prof--name {
  font-size: 1.125rem;
  letter-spacing: 0.04em;
}

.thumb {
  position: relative;
}
.thumb__prof {
  align-items: center;
  background: rgba(24, 42, 80, 0.5);
  bottom: 0;
  color: #fff;
  display: flex;
  height: 120px;
  left: 0;
  position: absolute;
  width: 100%;
}
.thumb__prof > div {
  margin-left: 30px;
}
.thumb__prof--add {
  font-size: 0.875rem;
  line-height: 1.3;
  margin-bottom: 0.3em;
}
.thumb__prof--name {
  font-size: 1.75rem;
  letter-spacing: 0.04em;
}

.btn {
  border: 1px solid #182a50;
  box-sizing: border-box;
  position: relative;
}
.btn p {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.btn a {
  text-decoration: none;
}
.btnL {
  height: 75px;
  margin: 80px auto 0;
  width: 450px;
}
.btnM {
  height: 140px;
  width: 100%;
}
.btnS {
  height: 55px;
  width: 100%;
}
.btnMini {
  height: 55px;
  margin: 30px auto 0;
  width: 250px;
}

@-webkit-keyframes remodal-opening-keyframes {
  from {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes remodal-opening-keyframes {
  from {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.remodal {
  background: none;
  box-sizing: border-box;
  color: #000;
  max-width: 800px !important;
  padding: 100px 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  width: 90%;
}
.remodal-overlay {
  background: #182a50 !important;
  opacity: 0.8 !important;
}
.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: none;
          animation-name: none;
}
.remodal-wrapper {
  padding: 0;
}
.remodal-wrapper::after {
  vertical-align: middle;
}
.remodal-close {
  display: none;
}
.remodal .modal {
  background: #fff;
  padding: 100px 0 60px;
  position: relative;
}
.remodal .modal__cancel {
  display: block;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
}
.remodal .modal__cancel::after, .remodal .modal__cancel::before {
  background: #000;
  content: "";
  display: block;
  height: 2px;
  left: 22px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.remodal .modal__cancel::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.remodal .modal__cancel::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.remodal .modal__cancel:hover, .remodal .modal__close:hover {
  cursor: pointer;
}
.remodal .modal .btnL {
  margin: 0 auto;
}
.remodal .modal .btnL span {
  position: relative;
}
.remodal .modal .btnL span::after, .remodal .modal .btnL span::before {
  background: #182a50;
  content: "";
  display: block;
  height: 2px;
  left: -1em;
  position: absolute;
  top: 50%;
  width: 10px;
}
.remodal .modal .btnL span::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.remodal .modal .btnL span::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.remodal .modalTop__ttl {
  font-size: 3.5625rem;
  letter-spacing: 0.05em;
  margin-bottom: 0.5em;
}
.remodal .modalTop__catch {
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  line-height: 27px;
  margin: 0 auto 5em;
  max-width: 100%;
  width: 90%;
}
.remodal .modalTop__catch2 {
  font-size: 1.125rem;
}
.remodal .modalTop ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 20px;
  max-width: 620px;
  width: 90%;
}
.remodal .modalTop ul li {
  margin-bottom: 20px;
  width: 48.5%;
}
.remodal .modalTop .btn {
  align-items: center;
  display: flex;
  justify-content: center;
}
.remodal .modalTop .btn.btnM {
  height: 155px;
}
.remodal .modalTop__scene {
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  margin-bottom: 0.2em;
}
.remodal .modalTop__scene p {
  font-size: 0.875rem;
  letter-spacing: 0.03em;
}
.remodal .modalTop__cate {
  font-size: 1rem;
  margin-bottom: 0.5em;
}
.remodal .modalTop__read {
  line-height: 22px;
}
.remodal .modalList {
  text-align: left;
}
.remodal .modalList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 660px;
  width: 90%;
}
.remodal .modalList ul li {
  margin-bottom: 60px;
  width: 46%;
}
.remodal .modalList__ttl {
  border-bottom: 1px solid #000;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: bold;
}
.remodal .modalList__read {
  line-height: 24px;
  margin-top: 0.5em;
}

#home .mainVisual {
  background: #182a50;
  overflow: hidden;
  position: relative;
}
#home .mainVisual__ttl {
  color: #fff;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  z-index: 2;
}
#home .mainVisual__ttl h2 {
  font-size: 5.859375vw;
  letter-spacing: 0.05em;
}
#home .mainVisual__ttl h3 {
  font-size: 2.1875vw;
  letter-spacing: 0.1em;
  margin-top: 1em;
}
#home .mainVisual__ttl.fadeIn {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
#home .mainVisual__ttl.fadeIn.active {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
#home .mainVisual::after {
  background: url("../images/home/wave.svg") center top no-repeat;
  background-size: cover;
  bottom: 0;
  content: "";
  left: 0;
  min-height: 140px;
  position: absolute;
  width: 100%;
  z-index: 2;
}
#home .mainVisual .arrowWrap {
  bottom: 60px;
  height: 60px;
  position: absolute;
  right: 0;
  z-index: 3;
}
#home .mainVisual p {
  color: #fff;
  letter-spacing: 0.085em;
  padding-right: 5.5em;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#home .mainVisual .arrow::before {
  -webkit-animation: elasticus 3s cubic-bezier(1, 0, 0, 1) infinite;
          animation: elasticus 3s cubic-bezier(1, 0, 0, 1) infinite;
  background: #fff;
  content: "";
  height: 60px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 1px;
}
@-webkit-keyframes elasticus {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  50.1% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
  100% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
}
@keyframes elasticus {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  50.1% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
  100% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
}
#home section {
  padding: 100px 0;
}
#home section .col {
  align-items: center;
  display: flex;
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
}
#home section .col li {
  width: 50%;
}
#home section .col li:nth-child(2n+1).anim.active {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
#home section .col li:nth-child(2n+2).anim.active {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
#home .philosophy {
  background: #182a50;
  color: #fff;
}
#home .philosophy .inr {
  margin-left: 116px;
}
#home .philosophy .ttlMain {
  color: #fff;
  margin-bottom: 0.5em;
  text-align: left;
}
#home .philosophy__catch {
  font-size: 1.75rem;
  letter-spacing: 0.04em;
  line-height: 48px;
  margin-bottom: 1em;
}
#home .philosophy__read {
  font-size: 1rem;
  line-height: 32px;
}
#home .philosophy .btn {
  border: 1px solid #fff;
}
#home .message .col {
  justify-content: space-between;
  max-width: 920px;
  width: 96%;
}
#home .message .col li img {
  width: 90%;
}
#home .message .ttlMain {
  margin-bottom: 0.5em;
  text-align: left;
}
#home .message__catch {
  font-size: 1.5rem;
  margin-bottom: 1em;
}
#home .message__read {
  line-height: 24px;
  margin-bottom: 2em;
}
#home .message__position {
  margin-bottom: 1em;
}
#home .message__name {
  font-size: 1.5rem;
}
#home .business {
  background: #182a50;
}
#home .business .ttlMain {
  color: #fff;
  margin-bottom: 2em;
}
#home .business .ttlSub {
  color: #fff;
}
#home .business .ttlSub::after {
  background: #fff;
}
#home .business .ttlDivision {
  color: #fff;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  margin-bottom: 1em;
  text-align: center;
}
#home .business .thumbCol2 {
  margin-bottom: 100px;
}
#home .business .thumb__prof > div {
  margin: 0 30px;
}
#home .business .thumb__prof--prod {
  font-size: 1.75rem;
  letter-spacing: 0.04em;
  margin-bottom: 0.3em;
}
#home .business .thumb__prof--read {
  line-height: 24px;
}
#home .business .store {
  color: #fff;
  display: flex;
  margin: 0 auto 120px;
  max-width: 1280px;
  width: 96%;
}
#home .business .store > div {
  border-right: 1px solid #4e6080;
  box-sizing: border-box;
  text-align: center;
  width: 25%;
}
#home .business .store > div:last-child {
  border: 0;
}
#home .business .store > div:nth-child(4n+1).anim.active {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
#home .business .store > div:nth-child(4n+2).anim.active {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
#home .business .store > div:nth-child(4n+3).anim.active {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
#home .business .store > div:nth-child(4n+4).anim.active {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
#home .business .store__brand {
  margin-bottom: 30px;
}
#home .business .store__list {
  font-size: 0.625rem;
  margin: 0 auto 3em;
  width: 90%;
}
#home .business .store__list li {
  margin-bottom: 1em;
}
#home .order .thumbCol2 {
  align-items: center;
  background: #ad072a;
  color: #fff;
}
#home .order .thumbCol2 .inr {
  margin: 0 auto;
  width: 90%;
}
#home .order__prod {
  font-size: 1.75rem;
  margin-bottom: 1em;
}
#home .order__read {
  line-height: 24px;
}
#home .stage .thumbCol2 {
  align-items: center;
  background: #000;
  color: #fff;
}
#home .stage .thumbCol2 .inr {
  margin: 0 auto;
  width: 90%;
}
#home .stage__prod {
  font-size: 1.75rem;
  margin-bottom: 1em;
}
#home .stage__read {
  line-height: 24px;
}
#home .stage .btn {
  border: 1px solid #fff;
  margin-top: 1em;
  width: 200px;
}
#home .recruit {
  background: #24579a;
  color: #fff;
}
#home .recruit .ttlMain {
  color: #fff;
  margin-bottom: 1em;
}
#home .recruit .ttlSub {
  color: #fff;
}
#home .recruit .ttlSub::after {
  background: #fff;
}
#home .recruit__catch {
  font-size: 1.5rem;
  margin-bottom: 1em;
  text-align: center;
}
#home .recruit__visual {
  margin: 0 auto;
  max-width: 750px;
  width: 90%;
}
#home .recruit .btn {
  border: 1px solid #fff;
}
#home .recruit .thumbCol2 {
  margin-bottom: 100px;
}
#home .recruit .thumb__prof {
  height: 70px;
}
#home .recruit .thumb__prof > div {
  margin: 0 30px;
}
#home .recruit .thumb__prof--prod {
  font-size: 1.75rem;
  letter-spacing: 0.04em;
  margin-bottom: 0.3em;
}
#home .recruit .thumb__prof--read {
  line-height: 24px;
}
#home .sponsorship .ttlMain {
  margin-bottom: 1em;
}
#home .sponsorship__catch {
  font-size: 1.125rem;
  line-height: 1.3;
  margin-bottom: 1em;
  text-align: center;
}
#home .sponsorship__visual {
  border: 1px solid rgba(102, 102, 102, 0.3);
  margin: 0 auto;
  max-width: 750px;
  width: 90%;
}
#home .store .ttlMain {
  margin-bottom: 1em;
}
#home .store__catch {
  font-size: 1.5rem;
  margin-bottom: 1em;
  text-align: center;
}
#home .store__visual {
  margin: 0 auto;
  max-width: 750px;
  width: 90%;
}
#home .press .ttlMain {
  margin-bottom: 1em;
}
#home .press a {
  text-decoration: none;
}
#home .press ul {
  margin: 0 auto;
  max-width: 900px;
}
#home .press ul li {
  border-bottom: 1px solid rgba(102, 102, 102, 0.3);
  font-size: 0.875rem;
  line-height: 1.7;
  padding: 1.5em 0;
}
#home .press .date {
  margin-right: 1em;
}
#home .infobox {
  /* スクロールバーを表示(※) */
  border: 1px solid rgba(102, 102, 102, 0.3);
  height: 30em;
  margin: 0 auto;
  max-width: 1000px;
  overflow: scroll;
  padding: 1em;
}
#home .infobox::-webkit-scrollbar {
  /* 垂直方向のスクロールバーの幅 */
  height: 10px;
  width: 10px;
  /* 水平方向のスクロールバーの幅 */
}
#home .infobox::-webkit-scrollbar-thumb {
  background-color: rgb(21, 45, 79);
}
#home .infobox::-webkit-scrollbar-corner {
  display: none;
}
#home .company {
  background: #e8eef4;
}
#home .company .ttlMain {
  margin-bottom: 1em;
}
#home .company .thumbCol2 {
  max-width: 1000px;
  width: 96%;
}
#home .company dl {
  border-top: 1px solid rgba(102, 102, 102, 0.3);
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  width: 92%;
}
#home .company dl dt {
  border-bottom: 1px solid rgba(102, 102, 102, 0.3);
  padding: 1.5em 0 1.5em 1em;
  width: 15%;
}
#home .company dl dd {
  border-bottom: 1px solid rgba(102, 102, 102, 0.3);
  padding: 1.5em 0;
  width: 85%;
}
#home .company .map {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
#home .company .map embed,
#home .company .map iframe,
#home .company .map object {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#home .company__detail {
  font-size: 0.75rem;
  line-height: 20px;
  margin-top: 1em;
}
#home .sns__main {
  display: flex;
  justify-content: space-between;
  margin: 50px auto 30px;
  max-width: 1020px;
  width: 94%;
}
#home .sns__main li {
  width: 24%;
}
#home .sns__main li p {
  margin-top: 1em;
  text-align: center;
}
#home .sns__main li a {
  text-decoration: none;
}
#home .sns__main li:nth-child(5n+1).anim.active {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
#home .sns__main li:nth-child(5n+2).anim.active {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
#home .sns__main li:nth-child(5n+3).anim.active {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
#home .sns__main .youtube {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
#home .sns__main .youtube iframe {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}
#home .sns__other {
  -webkit-column-gap: 1.3333333333%;
          column-gap: 1.3333333333%;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8125rem;
  margin: 0 auto;
  max-width: 1020px;
  row-gap: 1.5625vw;
  width: 94%;
}
#home .sns__other li {
  width: 24%;
}
#home .sns__other li > div {
  position: relative;
}
#home .sns__other li > div::before {
  content: "";
  height: 20px;
  left: 0.8em;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
}
#home .sns__other li > div.insta::before {
  background: url("../images/ico_insta.svg") no-repeat;
  background-size: contain;
}
#home .sns__other li > div.tiktok::before {
  background: url("../images/ico_tiktok.svg") no-repeat;
  background-size: contain;
}
#home .sns__other li > div.youtube::before {
  background: url("../images/ico_youtube.svg") no-repeat;
  background-size: contain;
}
#home .sns__other li > div.fb::before {
  background: url("../images/ico_fb.svg") no-repeat;
  background-size: contain;
}
#home .sns__other li > div p {
  line-height: 1.3;
  font-size: 0.875rem;
}
#home .sns__other li:nth-child(4n+1).anim.active {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
#home .sns__other li:nth-child(4n+2).anim.active {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
#home .sns__other li:nth-child(4n+3).anim.active {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
#home .sns__other li:nth-child(4n+4).anim.active {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

#list .ttlMain {
  margin: 100px 0 50px;
}
#list .thumbCol2 {
  margin-bottom: 100px;
}
#list .recruit {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  margin: 0 auto 100px;
  max-width: 1030px;
  width: 100%;
}
#list .recruit li {
  width: 100%;
}
#list .recruit li:nth-child(4n+1).anim.active {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
#list .recruit li:nth-child(4n+2).anim.active {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
#list .recruit li:nth-child(4n+3).anim.active {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
#list .recruit li:nth-child(4n+4).anim.active {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
#list .entry__wrap {
  margin: 0 auto;
  width: 600px;
}
#list .entry__wrap ul li {
  font-size: 1.09375vw;
  line-height: 1.7;
  margin-bottom: 1em;
}
#list .entry__wrap .notice {
  font-size: 0.78125vw;
  line-height: 1.7;
  margin-top: 2em;
}

#detail .ttlMain {
  margin: 100px 0 50px;
}
#detail .mainVisual {
  margin-bottom: 150px;
  position: relative;
}
#detail .mainVisual .wrap {
  bottom: 3.90625vw;
  left: 3.90625vw;
  position: absolute;
}
#detail .mainVisual__read {
  background: #fff;
  display: inline;
  font-size: 2.1875vw;
  line-height: 2;
  padding: 0.3em 0 0.3em 0.3em;
}
#detail .mainVisual__prof {
  align-items: center;
  background: #182a50;
  color: #fff;
  display: flex;
  height: 9.375vw;
  margin-top: 1em;
  width: 23.4375vw;
}
#detail .mainVisual__prof p {
  margin-left: 2.34375vw;
}
#detail .mainVisual__prof--add {
  font-size: 1.09375vw;
  line-height: 1.25vw;
  margin-bottom: 0.3em;
}
#detail .mainVisual__prof--name {
  font-size: 2.1875vw;
  letter-spacing: 0.04em;
}
#detail article {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
}
#detail article .ttl {
  font-size: 1.125rem;
  line-height: 1.3;
  margin-bottom: 1em;
}
#detail article .read {
  line-height: 24px;
  margin-bottom: 1em;
}
#detail article .read__text {
  line-height: 24px;
  margin: 0 auto;
  margin-bottom: 10em;
  width: 800px;
}
#detail article .photo {
  margin-bottom: 1em;
}
#detail article section {
  margin-bottom: 100px;
}
#detail article section.column1 {
  margin: 0 auto 100px;
  width: 90%;
}
#detail article section.column1-narrow {
  margin: 0 auto 100px;
  max-width: 600px;
  width: 90%;
}
#detail article section.column2 ul {
  align-items: center;
  display: flex;
}
#detail article section.column2 ul li {
  width: 50%;
}
#detail article section.column2 ul li:nth-child(2n+1).anim.active {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
#detail article section.column2 ul li:nth-child(2n+2).anim.active {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
#detail article section.column2 ul li .inr {
  margin: 0 auto;
  width: 84%;
}
#detail article section.reverse ul {
  flex-flow: row-reverse;
}

.sponsorship__prof {
  align-items: center;
  background: #182a50;
  color: #fff;
  display: flex;
  height: 9.375vw;
  margin-top: 1em;
  width: 39.0625vw;
}
.sponsorship__prof div {
  margin: 0 auto;
}
.sponsorship__prof div img {
  width: 29.6875vw;
}
.sponsorship__catchMain {
  font-size: 1.5rem;
  line-height: 30px;
  list-style: 1.3;
  margin-bottom: 2em;
  text-align: center;
}
.sponsorship__name {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.sponsorship__Col3 {
  display: flex;
  flex-wrap: wrap;
  margin: 2em auto 0;
  max-width: 1280px;
  width: 100%;
}
.sponsorship__Col3 li {
  width: 100%;
}
.sponsorship__Col3 li:nth-child(3n+1).anim.active {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.sponsorship__Col3 li:nth-child(3n+2).anim.active {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.sponsorship__Col3 li:nth-child(3n+3).anim.active {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.sponsorship__box {
  border: 2px solid #000;
  margin: 0 auto;
  padding: 2em;
  width: 90%;
}
.sponsorship__box ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sponsorship__box ul li {
  width: 48%;
}
.sponsorship__box ul li.photo-wrap .logo {
  margin: 0 auto;
  width: 60%;
}
.sponsorship__box ul li.text-wrap {
  line-height: 1.7;
}
.sponsorship__box ul li.text-wrap .ttl-sub {
  font-size: 0.875rem;
  font-weight: bold;
}
.sponsorship__box ul li.text-wrap .ttl-main {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1em;
}

.fadeIn {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  opacity: 0;
}
.fadeIn.active {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeInUp {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  opacity: 0;
}
.fadeInUp.active {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@media (min-width: 560px) and (max-width: 959px) {
  .nav-container.touch {
    padding-top: 100px;
  }
  .ttlMain {
    font-size: 2.75rem;
  }
  #home .philosophy .inr {
    margin-left: 20px;
  }
  #home .business .thumb__prof > div {
    margin: 0 10px;
  }
  #home .recruit .thumb__prof > div {
    margin: 0 10px;
  }
}

@media (hover: hover) and (pointer: fine) {
  .over:hover {
    opacity: 0.5;
  }
}

@media (max-width: 559px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  header {
    border-bottom: 0;
    height: 60px;
  }
  header h1 {
    width: 95px;
  }
  footer {
    padding: 20px 0;
  }
  footer h3 {
    font-size: 7.2vw;
  }
  footer .copy {
    margin: 1em 0 0 5%;
  }
  main {
    padding-top: 60px;
  }
  .ttlMain {
    font-size: 2.125rem;
  }
  .ttlMain span {
    font-size: 0.875rem;
  }
  .catchMain {
    font-size: 6.4vw;
  }
  .thumbCol2 > div {
    width: 100%;
  }
  .thumbCol2 > div.anim.active {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
  }
  .thumbCol3 > div {
    width: 50%;
  }
  .thumbCol3 > div.anim.active {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
  }
  .thumbCol3 .thumb__prof {
    height: 70px;
  }
  .thumbCol3 .thumb__prof > div {
    margin-left: 20px;
  }
  .thumbCol3 .thumb__prof--add {
    font-size: 0.625rem;
    line-height: 1.3;
  }
  .thumbCol3 .thumb__prof--name {
    font-size: 0.75rem;
  }
  .thumb__prof {
    height: 90px;
  }
  .thumb__prof > div {
    margin-left: 20px;
  }
  .thumb__prof--add {
    font-size: 0.75rem;
    line-height: 1.3;
  }
  .thumb__prof--name {
    font-size: 1.125rem;
  }
  .btnL {
    height: 60px;
    margin: 60px auto 0;
    width: 89.3333333333vw;
  }
  .btnM {
    height: 90px;
  }
  .remodal {
    padding: 20px 0;
  }
  .remodal .modal .btnL {
    width: 90%;
  }
  .remodal .modalTop__catch2 {
    text-align: left;
  }
  .remodal .modalTop ul {
    flex-direction: column;
  }
  .remodal .modalTop ul li {
    width: 100%;
  }
  .remodal .modalList ul {
    flex-direction: column;
  }
  .remodal .modalList ul li {
    width: 100%;
  }
  #home .mainVisual__ttl h2 {
    font-size: 16vw;
    line-height: 70px;
  }
  #home .mainVisual__ttl h3 {
    font-size: 4.8vw;
  }
  #home .mainVisual .arrowWrap {
    bottom: 0;
    right: -2em;
  }
  #home section {
    padding: 60px 0;
  }
  #home section .col {
    flex-direction: column;
  }
  #home section .col li {
    width: 100%;
  }
  #home section .col li.anim.active {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
  }
  #home .philosophy .col {
    flex-direction: column-reverse;
  }
  #home .philosophy .inr {
    margin: 40px auto 0;
    width: 89.3333333333vw;
  }
  #home .philosophy__catch {
    font-size: 6.4vw;
  }
  #home .message .col li {
    margin: 0 auto;
    width: 89.3333333333vw;
  }
  #home .message .col li img {
    margin: 0 auto 50px;
    width: 80vw;
  }
  #home .message .ttlMain {
    text-align: center;
  }
  #home .business .thumbCol2 {
    margin-bottom: 60px;
  }
  #home .business .thumb__prof > div {
    margin: 0 20px;
  }
  #home .business .thumb__prof--prod {
    font-size: 4.8vw;
  }
  #home .business .thumb__prof--read {
    font-size: 3.2vw;
    line-height: 15px;
  }
  #home .business .store {
    flex-direction: column;
  }
  #home .business .store > div {
    border-bottom: 1px solid #4e6080;
    border-right: 0;
    margin: 0 auto;
    width: 85.3333333333vw;
  }
  #home .business .store > div.anim.active {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
  }
  #home .order .thumbCol2 .inr {
    margin: 20px auto;
  }
  #home .order__prod {
    font-size: 1.125rem;
  }
  #home .order__read {
    font-size: 0.75rem;
    line-height: 15px;
  }
  #home .stage .thumbCol2 .inr {
    margin: 20px auto;
  }
  #home .stage__prod {
    font-size: 1.125rem;
  }
  #home .stage__read {
    font-size: 0.75rem;
    line-height: 15px;
  }
  #home .stage .btn {
    width: 100%;
  }
  #home .recruit .thumbCol2 {
    margin-bottom: 60px;
  }
  #home .recruit .thumb__prof {
    height: 50px;
  }
  #home .recruit .thumb__prof > div {
    margin: 0 20px;
  }
  #home .recruit .thumb__prof--prod {
    font-size: 4.8vw;
  }
  #home .recruit .thumb__prof--read {
    font-size: 3.2vw;
    line-height: 15px;
  }
  #home .press ul {
    width: 90%;
  }
  #home .press .date {
    display: block;
  }
  #home .infobox {
    height: 30em;
    padding: 2em;
    width: 90%;
  }
  #home .company {
    font-size: 3.2vw;
  }
  #home .company .thumbCol2 {
    margin: 0 auto;
    width: 90%;
  }
  #home .company dl {
    margin-bottom: 20px;
    width: 100%;
  }
  #home .company dl dt {
    width: 20%;
  }
  #home .company dl dd {
    width: 80%;
  }
  #home .sns__main {
    flex-direction: column;
    margin: 50px auto 0;
    width: 89.3333333333vw;
  }
  #home .sns__main li {
    margin-bottom: 40px;
    width: 100%;
  }
  #home .sns__main li.anim.active {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
  }
  #home .sns__other {
    -webkit-column-gap: 2%;
            column-gap: 2%;
    font-size: 3.2vw;
    row-gap: 2.6666666667vw;
    width: 89.3333333333vw;
  }
  #home .sns__other li {
    width: 49%;
  }
  #home .sns__other li:nth-child(2n+1).anim.active {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
  }
  #home .sns__other li:nth-child(2n+2).anim.active {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
  }
  #home .sns__other li > div p {
    margin-left: 1em;
    font-size: 0.6875rem;
  }
  #list .thumbCol2 {
    margin-bottom: 60px;
  }
  #list .recruit {
    gap: 2.6666666667vw;
    margin: 0 auto 70px;
    width: 88vw;
  }
  #list .recruit li:nth-child(2n+1).anim.active {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
  }
  #list .recruit li:nth-child(2n+2).anim.active {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
  }
  #list .entry__wrap {
    width: 90%;
  }
  #list .entry__wrap ul li {
    font-size: 3.7333333333vw;
  }
  #list .entry__wrap .notice {
    font-size: 3.2vw;
  }
  #detail .mainVisual .wrap {
    bottom: -90px;
    left: 0;
    width: 100%;
  }
  #detail .mainVisual__read {
    font-size: 6.4vw;
    line-height: 1.8;
  }
  #detail .mainVisual__prof {
    height: 24vw;
    width: 100%;
  }
  #detail .mainVisual__prof--add {
    font-size: 3.2vw;
    line-height: 16px;
  }
  #detail .mainVisual__prof--name {
    font-size: 4.8vw;
  }
  #detail article .read__text {
    width: 90%;
  }
  #detail article section {
    margin-bottom: 60px;
  }
  #detail article section.column1 {
    margin: 0 auto 60px;
  }
  #detail article section.column1-narrow {
    margin: 0 auto 60px;
  }
  #detail article section.column2 ul {
    flex-direction: column;
  }
  #detail article section.column2 ul li {
    width: 100%;
  }
  #detail article section.column2 ul li.anim.active {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
  }
  #detail article section.column2 ul li:nth-child(1) {
    margin-bottom: 2em;
  }
  #detail article section.column2 ul li .inr {
    width: 90%;
  }
  #detail article section.reverse ul {
    flex-direction: column;
  }
  .sponsorship__prof {
    height: 24vw;
    margin-top: 1em;
    opacity: 1;
    width: 100%;
  }
  .sponsorship__prof div img {
    margin: 0 auto;
    width: 90%;
  }
  .sponsorship__catchMain {
    font-size: 5.3333333333vw;
  }
  .sponsorship__Col3 li {
    flex-direction: column;
    margin-bottom: 0 !important;
    width: 100%;
  }
  .sponsorship__Col3 li.anim.active {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
  }
  .sponsorship__box ul {
    flex-direction: column;
  }
  .sponsorship__box ul li {
    width: 100%;
  }
  .sponsorship__box ul li.photo-wrap {
    margin-bottom: 2em;
  }
  .sponsorship__box ul li.photo-wrap .logo {
    width: 90%;
  }
}

/*# sourceMappingURL=style.css.map*/