body {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.popup {
  position: fixed;
  z-index: 100;
  width: 37rem;
  height: 12rem;
  background: rgba(255, 255, 255, 0.8);
  top: 30%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 10px;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  box-shadow: 0px 0px 5px #888;
}
@media screen and (max-width: 599px) {
  .popup {
    width: 20rem;
    height: 20rem;
  }
}
.popup .popText {
  margin-top: 4.5rem;
}
@media screen and (max-width: 599px) {
  .popup .popText {
    margin-top: 6rem;
  }
}
.popup .popText p {
  width: 100%;
  justify-content: center;
  text-align: center;
  font-size: 1.1rem;
}
@media screen and (max-width: 599px) {
  .popup .popText p {
    width: 95%;
    margin: auto;
    line-height: 2;
  }
}
.popup a {
  display: block;
}
.popup a i.fa-regular {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

nav {
  display: block;
  width: calc(100% - 10vw);
  height: 100vh;
  position: absolute;
  right: 0;
  z-index: 99;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  nav {
    width: 100% !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  nav {
    width: 100% !important;
  }
}
@media screen and (max-width: 599px) {
  nav {
    width: 100% !important;
  }
}
nav .menu {
  display: flex;
  background-color: #333;
  height: 100vh;
  width: 100%;
  position: fixed;
  right: 0;
  z-index: 30;
  left: 10vw;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  nav .menu {
    left: 0;
    top: 60px;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  nav .menu {
    left: 0;
    top: 60px;
  }
}
@media screen and (max-width: 599px) {
  nav .menu {
    left: 0;
    top: 60px;
  }
}
nav .menu .list {
  margin: auto 3vw;
  width: 55%;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  nav .menu .list {
    width: 100%;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  nav .menu .list {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  nav .menu .list {
    width: 100%;
  }
}
nav .menu .list span {
  cursor: pointer;
}
nav .menu .list span:hover {
  text-decoration: underline;
}
nav .menu .nav {
  background-color: #fff;
  height: 100vh;
  width: 30vw;
  z-index: 99;
  position: absolute;
  right: 0;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  nav .menu .nav {
    background: none;
    width: 100%;
    top: 60px;
  }
  nav .menu .nav form {
    display: none;
  }
  nav .menu .nav a {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  nav .menu .nav {
    background: none;
    width: 100%;
    top: 60px;
  }
  nav .menu .nav form {
    display: none;
  }
  nav .menu .nav a {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
  }
}
@media screen and (max-width: 599px) {
  nav .menu .nav {
    background: none;
    width: 100%;
    top: 60px;
  }
  nav .menu .nav form {
    display: none;
  }
  nav .menu .nav a {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
  }
}
nav .menu .nav .navInner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3vw;
}
nav .menu .nav .navInner form input {
  border: none;
  border-bottom: 1px solid #333;
  font-size: 1.1rem;
  width: 13vw;
  padding: 0.5rem;
}
nav .menu .nav .navInner form i.fa-solid {
  font-size: 1.4rem;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  nav .menu .nav .navInner {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  nav .menu .nav .navInner {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 599px) {
  nav .menu .nav .navInner {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
nav .menu .nav .navInner .navText {
  padding-top: 2rem;
}
nav .menu .nav .navInner .navText p {
  font-weight: 600;
  font-size: 1.4rem;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  nav .menu .nav .navInner .navText {
    display: flex;
    gap: 2rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  nav .menu .nav .navInner .navText {
    display: flex;
    gap: 2rem;
  }
}
@media screen and (max-width: 599px) {
  nav .menu .nav .navInner .navText {
    display: flex;
    gap: 2rem;
  }
}
nav .ham {
  position: fixed;
  right: 3.5vw;
  top: 50%;
  transform: translate(-50%);
  z-index: 99;
  cursor: pointer;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  nav .ham {
    top: 1.2rem;
    right: 0.7rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  nav .ham {
    top: 1.2rem;
    right: 0.7rem;
  }
}
@media screen and (max-width: 599px) {
  nav .ham {
    top: 1.2rem;
    right: 0.7rem;
  }
}
nav .ham span {
  display: block;
  width: 1.7rem;
  border-top: 4px solid #333;
  padding-bottom: 0.4rem;
  position: relative;
}
nav .ham span:first-child.active {
  position: absolute;
  top: 0;
  left: 0.25rem;
  transform: rotate(-135deg);
  transition: all 0.2s;
}
nav .ham span:last-child.active {
  position: absolute;
  top: 0;
  transform: rotate(135deg);
  transition: all 0.2s;
}
nav .ham span.sRight.active {
  border-color: transparent;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  nav .ham span {
    border-top: 3px solid #333;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  nav .ham span {
    border-top: 3px solid #333;
  }
}
@media screen and (max-width: 599px) {
  nav .ham span {
    border-top: 3px solid #333;
  }
}
nav .ham:hover .sRight {
  position: relative;
  right: 0.3rem;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  nav .ham:hover .sRight {
    position: initial;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  nav .ham:hover .sRight {
    position: initial;
  }
}
@media screen and (max-width: 599px) {
  nav .ham:hover .sRight {
    position: initial;
  }
}

header {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
header .wrap {
  width: 100%;
  display: flex;
}
header .wrap .left {
  width: 10%;
  background: #fff;
  position: fixed;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  header .wrap .left {
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  header .wrap .left {
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
  }
}
@media screen and (max-width: 599px) {
  header .wrap .left {
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
  }
}
header .wrap .left .logo {
  height: 16px;
  width: 165px;
  margin: auto;
  margin-top: calc(50vh - 16px);
  cursor: pointer;
}
header .wrap .left .logo h1 {
  width: 120px;
  margin: auto;
}
header .wrap .left .logo h1 img {
  width: 6.5vw;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  header .wrap .left .logo {
    margin: 0;
  }
  header .wrap .left .logo h1 {
    width: auto;
    margin: 0;
  }
  header .wrap .left .logo h1 img {
    width: 120px;
    margin: 1.5rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  header .wrap .left .logo {
    margin: 0;
  }
  header .wrap .left .logo h1 {
    width: auto;
    margin: 0;
  }
  header .wrap .left .logo h1 img {
    width: 120px;
    margin: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  header .wrap .left .logo {
    margin: 0;
  }
  header .wrap .left .logo h1 {
    width: auto;
    margin: 0;
  }
  header .wrap .left .logo h1 img {
    width: 120px;
    margin: 1.5rem;
  }
}
header .wrap .left .collection {
  text-align: center;
  padding-top: 22rem;
  cursor: pointer;
}
header .wrap .left .collection i {
  display: none;
}
header .wrap .left .collection span:first-child {
  font-size: 0.9rem;
}
header .wrap .left .collection span:last-child {
  font-size: 0.9rem;
  color: #fff;
  padding: 0.2rem 0.5rem;
  background-color: #333;
  border-radius: 100%;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  header .wrap .left .collection {
    padding: 0;
    text-align: end;
    margin-right: 6rem;
  }
  header .wrap .left .collection i {
    display: inline-block;
    position: absolute;
    top: 1.3rem;
    right: 4.2rem;
  }
  header .wrap .left .collection span:first-child {
    font-size: 0;
  }
  header .wrap .left .collection span:last-child {
    position: absolute;
    padding: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 1.5;
    right: 3.9rem;
    top: 0.8rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  header .wrap .left .collection {
    padding: 0;
    text-align: end;
    margin-right: 6rem;
  }
  header .wrap .left .collection i {
    display: inline-block;
    position: absolute;
    top: 1.3rem;
    right: 4.2rem;
  }
  header .wrap .left .collection span:first-child {
    font-size: 0;
  }
  header .wrap .left .collection span:last-child {
    position: absolute;
    padding: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 1.5;
    right: 3.9rem;
    top: 0.8rem;
  }
}
@media screen and (max-width: 599px) {
  header .wrap .left .collection {
    padding: 0;
    text-align: end;
    margin-right: 6rem;
  }
  header .wrap .left .collection i {
    display: inline-block;
    position: absolute;
    top: 1.3rem;
    right: 4.2rem;
  }
  header .wrap .left .collection span:first-child {
    font-size: 0;
  }
  header .wrap .left .collection span:last-child {
    position: absolute;
    padding: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 1.5;
    right: 3.9rem;
    top: 0.8rem;
  }
}
header .wrap .banner {
  width: 80%;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  header .wrap .banner {
    width: 95%;
    margin: auto;
    margin-top: 60px;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  header .wrap .banner {
    width: 95%;
    margin: auto;
    margin-top: 60px;
  }
}
@media screen and (max-width: 599px) {
  header .wrap .banner {
    width: 95%;
    margin: auto;
    margin-top: 60px;
  }
}
header .wrap .banner .b-img-img {
  width: 100%;
  background: url(../img/bannerImg/bannerImg0.jpg) no-repeat center top/cover;
  margin-left: 10vw;
  height: 95vh;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  header .wrap .banner .b-img-img {
    margin-left: 0;
    height: 85vw;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  header .wrap .banner .b-img-img {
    margin-left: 0;
    height: 85vw;
  }
}
@media screen and (max-width: 599px) {
  header .wrap .banner .b-img-img {
    margin-left: 0;
    height: 85vw;
  }
}
header .wrap .banner .b-img-text {
  margin-left: 10vw;
  width: 100%;
  height: 10vh;
  background-color: #fff;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  header .wrap .banner .b-img-text {
    margin-left: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  header .wrap .banner .b-img-text {
    margin-left: 0;
    line-height: 1.333;
  }
}
@media screen and (max-width: 599px) {
  header .wrap .banner .b-img-text {
    margin-left: 0;
    line-height: 1.333;
  }
}
header .wrap .banner .b-img-text-inner {
  margin-left: 18vw;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  header .wrap .banner .b-img-text-inner {
    width: 100%;
    margin: 0;
    text-align: center;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  header .wrap .banner .b-img-text-inner {
    width: 100%;
    margin: 0;
    text-align: center;
  }
}
@media screen and (max-width: 599px) {
  header .wrap .banner .b-img-text-inner {
    width: 100%;
    margin: 0;
    text-align: center;
  }
}
header .wrap .right {
  position: absolute;
  top: 0;
  right: 0;
  width: 10%;
  background: #fff;
  height: 100vh;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  header .wrap .right {
    display: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  header .wrap .right {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  header .wrap .right {
    display: none;
  }
}

main {
  width: 100%;
  height: 100%;
  background: #fff;
}
main .inner {
  width: 80%;
  margin: auto;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  main .inner {
    width: 95% !important;
    margin: auto;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  main .inner {
    width: 95% !important;
    margin: auto;
  }
}
@media screen and (max-width: 599px) {
  main .inner {
    width: 95% !important;
    margin: auto;
  }
}
main .inner .section1 h2, main .inner .section2 h2, main .inner .section3 h2, main .inner .section4 h2, main .inner .section5 h2, main .inner .section6 h2, main .inner .section7 h2, main .inner .section8 h2 {
  display: none;
}
main .inner .section4 .img9 span {
  display: block;
}
main .inner .section6 .img14 .img-text span:nth-child(2) {
  font-weight: 600 !important;
  font-size: 14px !important;
  font-style: normal;
}
main .inner .section6 .img14 .img-text p {
  font-weight: 600 !important;
  font-size: 14px !important;
}
main .inner .section7 {
  height: initial !important;
}
main .img {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  width: inherit;
  display: block;
}
main .img .img-hover {
  display: none;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
main .img .img-hover .img-hover-text p {
  width: 100%;
  cursor: pointer;
  color: #fff;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
main .img .boxS {
  box-sizing: border-box;
  overflow: hidden;
  width: inherit;
  display: block;
  height: 100%;
}
main .img .boxS img:hover {
  filter: grayscale(100%) brightness(40%);
  transition: all 0.4s ease-out;
  scale: 120% 120%;
  cursor: pointer;
}

footer {
  width: 100%;
}
footer .inner {
  width: 80%;
  margin: auto;
  margin-left: 10vw;
  height: 10rem;
  background-color: #fafafa;
  display: flex;
  justify-content: space-around;
  font-size: 0.9rem;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  footer .inner {
    width: 95%;
    margin: auto;
    flex-direction: column;
    text-align: center;
    height: 18rem;
    padding-top: 1rem;
  }
  footer .inner div {
    padding-top: 1.5rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  footer .inner {
    width: 95%;
    margin: auto;
    flex-direction: column;
    text-align: center;
    height: 18rem;
    padding-top: 1rem;
  }
  footer .inner div {
    padding-top: 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  footer .inner {
    width: 95%;
    margin: auto;
    flex-direction: column;
    text-align: center;
    height: 18rem;
    padding-top: 1rem;
  }
  footer .inner div {
    padding-top: 1.5rem;
  }
}
footer .inner .copy:before,
footer .inner .info:before {
  content: "";
  border-left: 1px solid #cccccc;
  font-size: 1.6rem;
  position: relative;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  footer .inner .copy:before,
  footer .inner .info:before {
    display: block;
    width: 5rem;
    border-top: 1px solid #cccccc !important;
    font-size: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  footer .inner .copy:before,
  footer .inner .info:before {
    display: block;
    width: 5rem;
    border-top: 1px solid #cccccc !important;
    font-size: 0;
  }
}
@media screen and (max-width: 599px) {
  footer .inner .copy:before,
  footer .inner .info:before {
    display: block;
    width: 5rem;
    border-top: 1px solid #cccccc !important;
    font-size: 0;
  }
}
footer .inner .copy:before {
  left: 17vw;
  top: 3rem;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  footer .inner .copy:before {
    left: 50%;
    transform: translate(-50%);
    top: 5.5rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  footer .inner .copy:before {
    left: 50%;
    transform: translate(-50%);
    top: 5.5rem;
  }
}
@media screen and (max-width: 599px) {
  footer .inner .copy:before {
    left: 50%;
    transform: translate(-50%);
    top: 5.5rem;
  }
}
footer .inner .info:before {
  left: 35vw;
  top: 3rem;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  footer .inner .info:before {
    left: 50%;
    transform: translate(-50%);
    top: 5.8rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  footer .inner .info:before {
    left: 50%;
    transform: translate(-50%);
    top: 5.8rem;
  }
}
@media screen and (max-width: 599px) {
  footer .inner .info:before {
    left: 50%;
    transform: translate(-50%);
    top: 7rem;
  }
}
footer .inner .info span {
  color: #f29833;
  font-weight: 500;
  cursor: pointer;
}
footer .inner .sns {
  display: flex;
  gap: 2rem;
}
footer .inner .sns a {
  margin-top: 3rem;
}
footer .inner .sns a img {
  width: 25px;
  margin-top: 0.8rem;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  footer .inner .sns {
    margin: auto;
  }
  footer .inner .sns a {
    font-size: 1.1rem;
    margin-top: 0;
  }
  footer .inner .sns a img {
    width: 20px;
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  footer .inner .sns {
    margin: auto;
  }
  footer .inner .sns a {
    font-size: 1.1rem;
    margin-top: 0;
  }
  footer .inner .sns a img {
    width: 20px;
    margin-top: 0.4rem;
  }
}
@media screen and (max-width: 599px) {
  footer .inner .sns {
    margin: auto;
  }
  footer .inner .sns a {
    font-size: 1.1rem;
    margin-top: 0;
  }
  footer .inner .sns a img {
    width: 20px;
    margin-top: 0.4rem;
  }
}
footer .test {
  width: 80%;
  margin-left: 10vw;
  background-color: #fafafa;
  text-align: center;
}

main .inner .section2 .img-text span:not(:last-child), main .inner .section4 .img-text span:not(:last-child), main .inner .section6 .img-text span:not(:last-child), main .inner .section8 .img-text span:not(:last-child), main .inner .section1 .img-text span:not(:last-child), main .inner .section3 .img-text span:not(:last-child), main .inner .section5 .img-text span:not(:last-child), main .inner .section7 .img-text span:not(:last-child), header .wrap .banner .b-img-text-inner span:not(:last-child) {
  font-style: italic;
  font-size: 12px;
}
main .inner .section2 .img-text span:last-child, main .inner .section4 .img-text span:last-child, main .inner .section6 .img-text span:last-child, main .inner .section8 .img-text span:last-child, main .inner .section1 .img-text span:last-child, main .inner .section3 .img-text span:last-child, main .inner .section5 .img-text span:last-child, main .inner .section7 .img-text span:last-child, header .wrap .banner .b-img-text-inner span:last-child {
  font-weight: 600;
  font-size: 14px;
}

nav .menu .list-Photographer h2, nav .menu .list-Stylist h2, nav .menu .list-HairStylist h2, nav .menu .list-MakeupArtist h2 {
  font-weight: 600;
  color: #666;
}
nav .menu .list-Photographer span, nav .menu .list-Stylist span, nav .menu .list-HairStylist span, nav .menu .list-MakeupArtist span {
  color: #fff;
  font-size: 0.9rem;
  padding-right: 1vw;
}

main .img .img-hover {
  text-align: center;
  line-height: 1.5;
}
main .img .img-hover p:first-child {
  font-size: 1.4rem;
  font-weight: 600;
}
main .img .img-hover p:last-child {
  font-size: 0.9rem;
  font-weight: 500;
}

main .inner .section1, main .inner .section3, main .inner .section5, main .inner .section7 {
  width: 100%;
  margin-top: 2rem;
  background: #fff;
  display: flex;
  align-items: flex-end;
  gap: 1.5vw;
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  main .inner .section1, main .inner .section3, main .inner .section5, main .inner .section7 {
    flex-direction: column;
    width: 100%;
    gap: 0;
    margin-top: 0;
    line-height: 1;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  main .inner .section1, main .inner .section3, main .inner .section5, main .inner .section7 {
    flex-direction: column;
    width: 100%;
    gap: 0;
    margin-top: 0;
    line-height: 1;
  }
}
@media screen and (max-width: 599px) {
  main .inner .section1, main .inner .section3, main .inner .section5, main .inner .section7 {
    flex-direction: column;
    width: 100%;
    gap: 0;
    margin-top: 0;
    line-height: 1;
  }
}

main .inner .section1 img, main .inner .section3 img, main .inner .section5 img, main .inner .section7 img {
  width: 39vw;
  text-align: center;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  main .inner .section1 img, main .inner .section3 img, main .inner .section5 img, main .inner .section7 img {
    width: 48vw;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  main .inner .section1 img, main .inner .section3 img, main .inner .section5 img, main .inner .section7 img {
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  main .inner .section1 img, main .inner .section3 img, main .inner .section5 img, main .inner .section7 img {
    flex-direction: column;
    width: 100%;
  }
}
main .inner .section1 .img-text, main .inner .section3 .img-text, main .inner .section5 .img-text, main .inner .section7 .img-text {
  text-align: center;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  main .inner .section1 .img-text, main .inner .section3 .img-text, main .inner .section5 .img-text, main .inner .section7 .img-text {
    line-height: 1;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  main .inner .section1 .img-text, main .inner .section3 .img-text, main .inner .section5 .img-text, main .inner .section7 .img-text {
    line-height: 1;
  }
}
@media screen and (max-width: 599px) {
  main .inner .section1 .img-text, main .inner .section3 .img-text, main .inner .section5 .img-text, main .inner .section7 .img-text {
    line-height: 1;
  }
}

main .inner .section2, main .inner .section4, main .inner .section6, main .inner .section8 {
  width: 100%;
  margin-top: 2rem;
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(3, 25.3vw);
  gap: 1.5vw;
  align-items: flex-end;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  main .inner .section2, main .inner .section4, main .inner .section6, main .inner .section8 {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  main .inner .section2, main .inner .section4, main .inner .section6, main .inner .section8 {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    line-height: 1.333;
  }
}
@media screen and (max-width: 599px) {
  main .inner .section2, main .inner .section4, main .inner .section6, main .inner .section8 {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    line-height: 1.333;
  }
}

main .inner .section2 img, main .inner .section4 img, main .inner .section6 img, main .inner .section8 img {
  width: 25.3vw;
}
@media screen and (min-width: 780px) and (max-width: 999px) {
  main .inner .section2 img, main .inner .section4 img, main .inner .section6 img, main .inner .section8 img {
    width: 100%;
  }
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  main .inner .section2 img, main .inner .section4 img, main .inner .section6 img, main .inner .section8 img {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  main .inner .section2 img, main .inner .section4 img, main .inner .section6 img, main .inner .section8 img {
    width: 100%;
  }
}
main .inner .section2 .img-text, main .inner .section4 .img-text, main .inner .section6 .img-text, main .inner .section8 .img-text {
  text-align: center;
}
@media screen and (min-width: 600px) and (max-width: 779px) {
  main .inner .section2 .img-text, main .inner .section4 .img-text, main .inner .section6 .img-text, main .inner .section8 .img-text {
    line-height: 1;
  }
}
@media screen and (max-width: 599px) {
  main .inner .section2 .img-text, main .inner .section4 .img-text, main .inner .section6 .img-text, main .inner .section8 .img-text {
    line-height: 1;
  }
}/*# sourceMappingURL=index.css.map */