@charset "UTF-8";

/*--基本スタイル--*/
/* グラデーション */
/*--mixin--*/
/*共通部分*/
html {
  font-size: 100%;
  letter-spacing: 0.22em;
  visibility: hidden;
  opacity: 0;
}

html.wf-active {
  visibility: visible;
  opacity: 1;
}

.grecaptcha-badge {
  visibility: hidden;
}

body {
  font-family: "Noto Sans JP", sans-serif, apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothicM, YuGothic, Meiryo, Arial, Helvetica, "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", sans-serif;
  line-height: 1.5;
  color: #4E3A2A;
  font-weight: 400;
  letter-spacing: 0;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  body {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 576px) {
  body {
    font-size: 0.75rem;
  }
}

body.fixed {
  width: 100%;
  position: fixed;
  overflow: hidden;
}

.max-extend {
  max-width: 1920px;
  margin: 0 auto;
}

.max-extend-inner,
.concept,
.renovation,
.blog-main,
.work,
.company,
.top-blog,
.top-ideal,
.top-concept {
  max-width: 1366px;
  margin: 0 auto;
}

.content-extend {
  max-width: 1366px;
  padding-left: 80px;
  padding-right: 80px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.content-width,
.contact,
.blog-detail,
.blog-main,
.work-detail,
.work,
.company,
.top-blog,
.top-work,
.top-concept,
.common-contact {
  width: calc(100% - 100px);
}

@media screen and (max-width: 768px) {

  .content-width,
  .contact,
  .blog-detail,
  .blog-main,
  .work-detail,
  .work,
  .company,
  .top-blog,
  .top-work,
  .top-concept,
  .common-contact {
    width: 100%;
    padding-right: 5.13%;
    padding-left: 5.13%;
  }
}

.noto-serif {
  font-family: "Noto Serif JP", serif;
}

.marcellus,
.ideal__list .ideal-link__title,
.concept__title__main,
.blog-main__flex__list__title,
.work__flex__list__title,
.fv__title__main,
.pagination a,
.pagination span,
.pagination-list a,
.pagination-list span,
.common-section-title__main {
  font-family: "Marcellus", serif;
}

.wrapper {
  padding: 0 4%;
}

.content-wrapper {
  padding: 0 5%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 2rem;
  font-weight: 400;
}

@media screen and (max-width: 768px) {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 576px) {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 1.25rem;
  }
}

b {
  font-weight: 700;
}

p {
  font-size: 1rem;
}

@media screen and (max-width: 768px) {
  p {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 576px) {
  p {
    font-size: 0.75rem;
  }
}

.flex-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.sp-br {
  display: none;
}

@media screen and (max-width: 768px) {
  .sp-br {
    display: block;
  }
}

.pc-show {
  display: block;
}

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

.m-show {
  display: none;
}

@media screen and (max-width: 992px) {
  .m-show {
    display: block;
  }
}

.l-show {
  display: none;
}

@media screen and (max-width: 1280px) {
  .l-show {
    display: block;
  }
}

.sp-show {
  display: none;
}

@media screen and (max-width: 768px) {
  .sp-show {
    display: block;
  }
}

.sp-xs-none {
  display: none;
}

@media screen and (max-width: 768px) {
  .sp-xs-none {
    display: block;
  }
}

@media screen and (max-width: 576px) {
  .sp-xs-none {
    display: none;
  }
}

.sp-xs-show {
  display: none;
}

@media screen and (max-width: 576px) {
  .sp-xs-show {
    display: block;
  }
}

.xs-show {
  display: none;
}

@media screen and (max-width: 576px) {
  .xs-show {
    display: block;
  }
}

.m-none {
  display: block;
}

@media screen and (max-width: 992px) {
  .m-none {
    display: none;
  }
}

.xs-none {
  display: block;
}

@media screen and (max-width: 576px) {
  .xs-none {
    display: none;
  }
}

ul {
  list-style: none;
}

select {
  -webkit-appearance: revert;
  -moz-appearance: revert;
  appearance: revert;
}

table {
  border-collapse: collapse;
  width: 100%;
  text-align: left;
}

@media screen and (max-width: 576px) {

  table th,
  table td {
    font-size: 0.875rem;
  }
}

ol {
  padding-left: 20px;
}

ul {
  list-style: none;
}

.back-inherit {
  background-color: inherit !important;
}

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

.mr-right {
  margin-right: 4%;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

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

.flex-warp {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-as {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.justify-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify-end {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.justify-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.no-warp {
  white-space: nowrap;
}

.pointer {
  cursor: pointer;
}

/* フォントカラー */
.fc-white {
  color: #ffffff;
}

/* bottom 三角 */
.triangle-bottom {
  margin: 48px auto;
  width: 0;
  height: 0;
  border-left: 250px solid transparent;
  border-right: 250px solid transparent;
  border-top: 64px solid #2E291A;
}

@media screen and (max-width: 576px) {
  .triangle-bottom {
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 50px solid #2E291A;
  }
}

.vertical-font {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

.position-right {
  text-align: right;
}

.position-left {
  text-align: left;
}

.regular {
  font-weight: 400;
}

.medium {
  font-weight: 500;
}

.semi-bold {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.d-inline {
  display: inline-block;
}

.arrow-right:after {
  content: "";
  position: absolute;
  right: 32px;
  top: 16px;
  width: 7px;
  height: 7px;
  border: 1px solid;
  border-color: #ffffff #ffffff transparent transparent;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.transparent,
.blog,
.common-contact__flex__left__tel,
.footer__inner__logo,
.header .nav-bar .sns__icon,
.header .nav-bar .global-menu.show .menu-list li.list-sns .inner .icon,
.header .nav-bar .logo a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.transparent:hover,
.blog:hover,
.common-contact__flex__left__tel:hover,
.footer__inner__logo:hover,
.header .nav-bar .sns__icon:hover,
.header .nav-bar .global-menu.show .menu-list li.list-sns .inner .icon:hover,
.header .nav-bar .logo a:hover {
  opacity: 0.7;
}

.header {
  padding: 35px 50px 18px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .header {
    height: 75px;
    padding: 0 5.13%;
  }
}

.header .nav-bar {
  width: 100%;
  position: relative;
  padding-right: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.header .nav-bar .logo {
  width: 17.5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 992px) {
  .header .nav-bar .logo {
    width: 190px;
  }
}

.header .nav-bar .logo a {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2E291A;
}

.header .nav-bar .logo a img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.header .nav-bar .logo a:hover {
  opacity: 0.7;
}

.header .nav-bar .global-menu {
  width: calc(82.5% - 90px);
}

@media screen and (max-width: 992px) {
  .header .nav-bar .global-menu {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin-top: inherit;
    position: fixed;
    height: 0;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 105;
  }
}

.header .nav-bar .global-menu .menu-list {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 992px) {
  .header .nav-bar .global-menu .menu-list {
    display: none !important;
  }
}

.header .nav-bar .global-menu .menu-list li:nth-of-type(n+2) {
  margin-left: 52px;
}

@media screen and (max-width: 1150px) {
  .header .nav-bar .global-menu .menu-list li:nth-of-type(n+2) {
    margin-left: 24px;
  }
}

@media screen and (max-width: 992px) {
  .header .nav-bar .global-menu .menu-list li:nth-of-type(n+2) {
    margin-left: 0;
  }
}

.header .nav-bar .global-menu .menu-list li.list-sns {
  display: none;
}

.header .nav-bar .global-menu .menu-list li .link {
  position: relative;
  display: inline-block;
  color: #4E3A2A;
  font-size: 1rem;
  text-align: center;
}

.header .nav-bar .global-menu .menu-list li .link p {
  font-weight: 500;
}

.header .nav-bar .global-menu .menu-list li .link .ja {
  font-size: 0.75rem;
}

.header .nav-bar .global-menu .menu-list li .link .en {
  font-size: 1rem;
}

.header .nav-bar .global-menu .menu-list li .link.contact-btn {
  background: #BCD5C4;
  padding: 6px 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #BCD5C4;
}

.header .nav-bar .global-menu .menu-list li .link.contact-btn:before {
  display: none;
}

.header .nav-bar .global-menu .menu-list li .link:before {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  bottom: -4px;
  left: 50%;
  background-color: #4E3A2A;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header .nav-bar .global-menu .menu-list li .link:hover:before {
  width: 80%;
}

.header .nav-bar .global-menu .menu-list li .link:hover.contact-btn {
  background: #ffffff;
  color: #BCD5C4;
}

.header .nav-bar .global-menu .menu-list li .link.active:before {
  width: 100%;
}

.header .nav-bar .global-menu .menu-list li .link.active:hover:before {
  width: 100%;
}

.header .nav-bar .global-menu .menu-list li .link.active.contact-btn {
  background: #ffffff;
  color: #BCD5C4;
}

.header .nav-bar .global-menu.show {
  height: calc(var(--vh, 1vh) * 100);
  overflow: scroll;
  background: #EACC9C;
}

.header .nav-bar .global-menu.show .menu-list {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 110;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-animation: menuFadein 0.5s forwards;
  animation: menuFadein 0.5s forwards;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  padding-left: 4%;
  padding-right: 4%;
}

.header .nav-bar .global-menu.show .menu-list li {
  display: block;
  padding: 12px 0;
}

.header .nav-bar .global-menu.show .menu-list li .link {
  position: relative;
  display: inline-block;
  color: #4E3A2A;
  font-size: 1rem;
  text-align: center;
}

.header .nav-bar .global-menu.show .menu-list li .link p {
  font-weight: 500;
}

.header .nav-bar .global-menu.show .menu-list li .link .ja {
  font-size: 0.75rem;
}

.header .nav-bar .global-menu.show .menu-list li .link .en {
  font-size: 1rem;
}

.header .nav-bar .global-menu.show .menu-list li .link.contact {
  background: #BCD5C4;
  padding: 6px 20px;
}

.header .nav-bar .global-menu.show .menu-list li .link:before {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  bottom: -4px;
  left: 50%;
  background-color: #4E3A2A;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header .nav-bar .global-menu.show .menu-list li .link:hover:before {
  width: 80%;
}

.header .nav-bar .global-menu.show .menu-list li .link.active:before {
  width: 100%;
}

.header .nav-bar .global-menu.show .menu-list li .link.active:hover:before {
  width: 100%;
}

.header .nav-bar .global-menu.show .menu-list li.list-sns {
  display: block;
}

.header .nav-bar .global-menu.show .menu-list li.list-sns .inner {
  width: 100px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header .nav-bar .global-menu.show .menu-list li.list-sns .inner .icon {
  width: 29px;
  display: block;
}

.header .nav-bar .global-menu.show .menu-list li.list-sns .inner .icon img {
  display: block;
  width: 100%;
}

.header .nav-bar .sns {
  width: 90px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 992px) {
  .header .nav-bar .sns {
    display: none;
  }
}

.header .nav-bar .sns__icon {
  width: 29px;
  display: block;
}

.header .nav-bar .sns__icon img {
  display: block;
  width: 100%;
}

@-webkit-keyframes menuFadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes menuFadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.toggle-hamburger {
  display: none;
}

@media screen and (max-width: 992px) {
  .toggle-hamburger {
    position: fixed;
    display: block;
    cursor: pointer;
    width: 40px;
    height: 25px;
    padding: 7px 5px;
    z-index: 120;
    right: 48px;
    top: 44px;
  }
}

@media screen and (max-width: 768px) {
  .toggle-hamburger {
    right: 5.13%;
    top: 26px;
  }
}

.toggle-hamburger span {
  position: relative;
  display: block;
}

.toggle-hamburger span::before {
  position: absolute;
  content: "";
  width: 66.71%;
  height: 1px;
  background-color: #2E291A;
  top: 0px;
  right: 0;
  -webkit-transform: translateY(0) rotate(0);
  -ms-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.toggle-hamburger span:nth-of-type(2)::before {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  width: 100%;
}

.toggle-hamburger span:nth-of-type(3)::before {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  width: 100%;
  opacity: 1;
}

.toggle-hamburger.close span:before {
  top: 7px;
}

.toggle-hamburger.close span:nth-of-type(1)::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 100%;
}

.toggle-hamburger.close span:nth-of-type(2)::before {
  width: 100%;
  -webkit-transform: rotate(45deg) translateY(0);
  -ms-transform: rotate(45deg) translateY(0);
  transform: rotate(45deg) translateY(0);
}

.toggle-hamburger.close span:nth-of-type(3)::before {
  opacity: 0;
}

.footer {
  margin-top: 220px;
  background: #EACC9C;
  padding: 30px 50px 16px 50px;
}

@media screen and (max-width: 768px) {
  .footer {
    padding: 24px 5.13% 12px;
    margin-top: 220px;
  }
}

@media screen and (max-width: 576px) {
  .footer {
    margin-top: 160px;
  }
}

.footer__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .footer__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.footer__inner__logo {
  width: 210px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
}

@media screen and (max-width: 992px) {
  .footer__inner__logo {
    width: 180px;
  }
}

@media screen and (max-width: 768px) {
  .footer__inner__logo {
    width: 190px;
  }
}

.footer__inner__logo img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.footer__inner__list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .footer__inner__list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 16px;
  }
}

.footer__inner__list__item:nth-of-type(n+2) {
  margin-left: 52px;
}

@media screen and (max-width: 992px) {
  .footer__inner__list__item:nth-of-type(n+2) {
    margin-left: 16px;
  }
}

@media screen and (max-width: 768px) {
  .footer__inner__list__item:nth-of-type(n+2) {
    margin-left: 24px;
  }
}

@media screen and (max-width: 768px) {
  .footer__inner__list__item {
    margin-top: 16px;
  }
}

.footer__inner__list__item__link {
  position: relative;
  display: inline-block;
  color: #4E3A2A;
  font-size: 1rem;
  text-align: center;
}

.footer__inner__list__item__link p {
  font-weight: 500;
}

.footer__inner__list__item__link .ja {
  font-size: 0.75rem;
}

.footer__inner__list__item__link .en {
  font-size: 1rem;
}

.footer__inner__list__item__link.contact-btn {
  background: #ffffff;
  padding: 6px 20px;
}

.footer__inner__list__item__link:before {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  bottom: -4px;
  left: 50%;
  background-color: #4E3A2A;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.footer__inner__list__item__link:hover:before {
  width: 80%;
}

.footer__inner__list__item__link.active:before {
  width: 100%;
}

.footer__inner__list__item__link.active:hover:before {
  width: 100%;
}

.footer__small {
  margin-top: 90px;
  font-size: 0.75rem;
  display: block;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .footer__small {
    margin-top: 48px;
  }
}

.pageTop {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  position: fixed;
  z-index: 20;
  width: 60px;
  height: 60px;
  bottom: 42px;
  right: 80px;
  background: #2E291A;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.16);
}

@media screen and (max-width: 992px) {
  .pageTop {
    right: 24px;
    width: 42px;
    height: 42px;
  }
}

@media screen and (max-width: 576px) {
  .pageTop {
    right: 16px;
  }
}

.pageTop__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .pageTop__inner {
    padding-top: 14px;
  }
}

.pageTop__inner img {
  width: 21px;
  display: block;
}

@media screen and (max-width: 768px) {
  .pageTop__inner img {
    width: 16px;
  }
}

#pageTop.show {
  opacity: 1;
}

#pageTop.fixed {
  position: absolute;
}

.common-section-title {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.common-section-title__main {
  font-size: 3.75rem;
  line-height: 72px;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .common-section-title__main {
    font-size: 2rem;
    line-height: 38px;
  }
}

.common-section-title__sub {
  font-size: 1rem;
  font-weight: 500;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .common-section-title__sub {
    margin-top: 9px;
  }
}

.common-section-title__detail {
  margin-top: 40px;
  font-weight: 500;
  font-size: 1rem;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .common-section-title__detail {
    margin-top: 40px;
  }
}

.common-section-title.left {
  text-align: right;
}

.common-section-title.left .common-section-title__sub {
  text-align: left;
  margin-left: 10px;
}

.common-contact {
  margin-top: 300px;
  max-width: 810px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 992px) {
  .common-contact {
    max-width: 450px;
  }
}

@media screen and (max-width: 768px) {
  .common-contact {
    margin-top: 200px;
  }
}

@media screen and (max-width: 576px) {
  .common-contact {
    margin-top: 120px;
  }
}

.common-contact__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 110px;
  padding-top: 18px;
  padding-bottom: 26px;
  position: relative;
}

@media screen and (max-width: 992px) {
  .common-contact__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 1.5%;
  }
}

@media screen and (max-width: 768px) {
  .common-contact__flex {
    margin-top: 56px;
  }
}

.common-contact__flex__left {
  width: 33.33%;
}

@media screen and (max-width: 992px) {
  .common-contact__flex__left {
    width: 100%;
    text-align: center;
  }
}

.common-contact__flex__left__tel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4E3A2A;
}

@media screen and (max-width: 992px) {
  .common-contact__flex__left__tel {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.common-contact__flex__left__tel img {
  display: block;
  width: 21px;
  margin-top: 10px;
}

.common-contact__flex__left__tel__text {
  margin-left: 8px;
  font-size: 2.25rem;
}

@media screen and (max-width: 992px) {
  .common-contact__flex__left__tel__text {
    letter-spacing: 2px;
  }
}

.common-contact__flex__left__time {
  font-size: 1.125rem;
}

.common-contact__flex__right {
  width: 49.4%;
}

@media screen and (max-width: 992px) {
  .common-contact__flex__right {
    width: 100%;
    margin-top: 54px;
  }
}

.common-contact__flex__right a {
  display: block;
  width: 100%;
  color: #4E3A2A;
  padding: 28px 0;
  background: #BCD5C4;
  position: relative;
  font-size: 1.125rem;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #BCD5C4;
}

@media screen and (max-width: 992px) {
  .common-contact__flex__right a {
    max-width: 320px;
    margin: auto;
  }
}

.common-contact__flex__right a:after {
  content: "";
  position: absolute;
  right: -32px;
  bottom: -24px;
  background-image: url("../img/contact/icon02.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 80px;
  height: 99px;
}

@media screen and (max-width: 992px) {
  .common-contact__flex__right a:after {
    right: -20px;
    width: 65px;
    height: 84px;
    bottom: -54px;
  }
}

.common-contact__flex__right a:hover {
  background: #ffffff;
  color: #BCD5C4;
}

.common-contact__flex:after {
  content: "";
  position: absolute;
  top: 0;
  left: 42%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 2px;
  height: 100%;
  background: #4E3A2A;
}

@media screen and (max-width: 992px) {
  .common-contact__flex:after {
    display: none;
  }
}

.common-kv {
  position: relative;
  height: 335px;
  margin: auto;
  width: calc(100% - 100px);
}

@media screen and (max-width: 992px) {
  .common-kv {
    height: 300px;
  }
}

@media screen and (max-width: 768px) {
  .common-kv {
    height: 250px;
    margin: 0 5.13%;
    width: 89.74%;
  }
}

@media screen and (max-width: 576px) {
  .common-kv {
    height: 185px;
  }
}

.common-kv__title {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 70px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 305px;
  background: rgba(255, 255, 255, 0.5);
  padding: 15px 0 25px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .common-kv__title {
    padding: 8px 0 16px;
    width: 235px;
    left: 5%;
  }
}

.common-kv__title h1 {
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 52px;
}

@media screen and (max-width: 768px) {
  .common-kv__title h1 {
    font-size: 1.75rem;
    line-height: 42px;
  }
}

@media screen and (max-width: 576px) {
  .common-kv__title h1 {
    font-size: 1.5rem;
    line-height: 36px;
  }
}

.common-kv__title p {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 32px;
}

@media screen and (max-width: 768px) {
  .common-kv__title p {
    font-size: 1.125rem;
    line-height: 26px;
  }
}

@media screen and (max-width: 576px) {
  .common-kv__title p {
    font-size: 1rem;
    line-height: 24px;
  }
}

.common-kv__image {
  width: 100%;
  height: 100%;
  display: block;
}

.common-kv__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.common-lower-space {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .common-lower-space {
    margin-top: 72px;
  }
}

.top-btn {
  display: block;
  position: relative;
  font-size: 1rem;
  color: #4E3A2A;
  font-weight: 500;
  max-width: 254px;
  margin-left: auto;
  padding: 18px 0 6.8px 48px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media screen and (max-width: 768px) {
  .top-btn {
    max-width: 205px;
    padding: 14px 0 14px 42px;
    font-size: 0.875rem;
  }
}

.top-btn span {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.top-btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../img/btn/house-line.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media screen and (max-width: 768px) {
  .top-btn:after {
    background-image: url("../img/btn/house-line-sp.svg");
  }
}

.top-btn:hover {
  margin-right: -10px;
}

.top-btn:hover span {
  opacity: 0.5;
}

.top-btn:hover:after {
  opacity: 0.5;
}

.ideal-btn {
  display: block;
  text-align: center;
  width: 180px;
  padding: 12px 0;
  color: #4E3A2A;
  background: #ffffff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
}

@media screen and (max-width: 768px) {
  .ideal-btn {
    font-size: 0.75rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.ideal-btn.right {
  margin-left: auto;
}

.ideal-btn.left {
  margin-right: auto;
}

.post-btn {
  margin-top: 150px;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  padding: 12px 0;
  font-weight: 700;
  font-size: 1rem;
  background: #4E3A2A;
  color: #ffffff;
  display: block;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 768px) {
  .post-btn {
    margin-top: 88px;
  }
}

@media screen and (max-width: 576px) {
  .post-btn {
    margin-top: 64px;
    font-size: 0.875rem;
    width: 185px;
  }
}

.post-btn:after {
  content: "";
  position: absolute;
  left: -66px;
  top: -10px;
  background-image: url("../img/contact/icon.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 82px;
  height: 82px;
}

@media screen and (max-width: 576px) {
  .post-btn:after {
    width: 64px;
    height: 64px;
    left: -46px;
  }
}

.submit-area {
  position: relative;
  width: 200px;
  margin: 7rem auto 0;
}

.submit-area:after {
  content: "";
  position: absolute;
  left: -66px;
  top: -10px;
  background-image: url("../img/contact/icon.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 82px;
  height: 82px;
}

@media screen and (max-width: 576px) {
  .submit-area:after {
    width: 64px;
    height: 64px;
    left: -46px;
  }
}

.submit-btn {
  width: 100%;
  height: 50px;
  background-color: #4E3A2A;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  display: block;
}

.pagination-list {
  margin-top: 58px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.pagination-list a,
.pagination-list span {
  color: #AC9A8C;
  font-size: 1.125rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.pagination-list a:hover,
.pagination-list span:hover {
  color: #4E3A2A;
}

.pagination-list .page-numbers {
  margin-left: 18px;
}

.pagination-list .next,
.pagination-list .prev {
  margin-top: -1px;
}

.pagination-list .current,
.pagination-list .dots {
  color: #4E3A2A;
}

.pagination {
  margin-top: 58px;
}

.pagination ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.pagination ul li {
  margin-left: 18px;
}

.pagination a,
.pagination span {
  color: #AC9A8C;
  font-size: 1.125rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.pagination a:hover,
.pagination span:hover {
  color: #4E3A2A;
}

.pagination .next,
.pagination .prev {
  margin-top: -1px;
}

.pagination .current,
.pagination .dots {
  color: #4E3A2A;
}

/*----scrollFadein----*/
.scroll-fadein {
  opacity: 0;
}

.scroll-fadein.show {
  -webkit-animation: up-fadein 1s ease-out forwards;
  animation: up-fadein 1s ease-out forwards;
}

@-webkit-keyframes up-fadein {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes up-fadein {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/*時間差でフェイドイン*/
.scroll-fadein-delay1 {
  opacity: 0;
}

.scroll-fadein-delay1.show {
  -webkit-animation: up-fadein 1s ease-out forwards;
  animation: up-fadein 1s ease-out forwards;
}

.scroll-fadein-delay1.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-delay1.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-delay1.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-delay1.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-delay1.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-delay1.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-delay1.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-delay1.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-delay1.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-delay1.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-delay1.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-delay1.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-delay1.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-delay1.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-delay1.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-delay1.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-delay1.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-delay1.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-delay1.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-delay1.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-delay2 {
  opacity: 0;
}

.scroll-fadein-delay2.show {
  -webkit-animation: up-fadein 1s ease-out forwards;
  animation: up-fadein 1s ease-out forwards;
}

.scroll-fadein-delay2.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-delay2.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-delay2.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-delay2.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-delay2.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-delay2.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-delay2.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-delay2.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-delay2.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-delay2.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-delay2.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-delay2.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-delay2.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-delay2.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-delay2.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-delay2.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-delay2.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-delay2.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-delay2.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-delay2.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-delay3 {
  opacity: 0;
}

.scroll-fadein-delay3.show {
  -webkit-animation: up-fadein 1s ease-out forwards;
  animation: up-fadein 1s ease-out forwards;
}

.scroll-fadein-delay3.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-delay3.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-delay3.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-delay3.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-delay3.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-delay3.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-delay3.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-delay3.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-delay3.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-delay3.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-delay3.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-delay3.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-delay3.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-delay3.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-delay3.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-delay3.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-delay3.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-delay3.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-delay3.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-delay3.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-delay4 {
  opacity: 0;
}

.scroll-fadein-delay4.show {
  -webkit-animation: up-fadein 1s ease-out forwards;
  animation: up-fadein 1s ease-out forwards;
}

.scroll-fadein-delay4.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-delay4.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-delay4.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-delay4.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-delay4.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-delay4.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-delay4.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-delay4.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-delay4.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-delay4.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-delay4.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-delay4.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-delay4.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-delay4.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-delay4.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-delay4.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-delay4.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-delay4.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-delay4.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-delay4.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-delay5 {
  opacity: 0;
}

.scroll-fadein-delay5.show {
  -webkit-animation: up-fadein 1s ease-out forwards;
  animation: up-fadein 1s ease-out forwards;
}

.scroll-fadein-delay5.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-delay5.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-delay5.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-delay5.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-delay5.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-delay5.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-delay5.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-delay5.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-delay5.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-delay5.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-delay5.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-delay5.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-delay5.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-delay5.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-delay5.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-delay5.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-delay5.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-delay5.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-delay5.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-delay5.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-delay6 {
  opacity: 0;
}

.scroll-fadein-delay6.show {
  -webkit-animation: up-fadein 1s ease-out forwards;
  animation: up-fadein 1s ease-out forwards;
}

.scroll-fadein-delay6.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-delay6.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-delay6.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-delay6.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-delay6.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-delay6.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-delay6.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-delay6.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-delay6.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-delay6.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-delay6.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-delay6.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-delay6.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-delay6.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-delay6.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-delay6.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-delay6.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-delay6.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-delay6.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-delay6.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-delay7 {
  opacity: 0;
}

.scroll-fadein-delay7.show {
  -webkit-animation: up-fadein 1s ease-out forwards;
  animation: up-fadein 1s ease-out forwards;
}

.scroll-fadein-delay7.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-delay7.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-delay7.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-delay7.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-delay7.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-delay7.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-delay7.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-delay7.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-delay7.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-delay7.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-delay7.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-delay7.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-delay7.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-delay7.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-delay7.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-delay7.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-delay7.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-delay7.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-delay7.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-delay7.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-delay8 {
  opacity: 0;
}

.scroll-fadein-delay8.show {
  -webkit-animation: up-fadein 1s ease-out forwards;
  animation: up-fadein 1s ease-out forwards;
}

.scroll-fadein-delay8.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-delay8.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-delay8.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-delay8.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-delay8.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-delay8.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-delay8.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-delay8.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-delay8.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-delay8.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-delay8.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-delay8.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-delay8.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-delay8.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-delay8.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-delay8.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-delay8.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-delay8.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-delay8.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-delay8.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-delay9 {
  opacity: 0;
}

.scroll-fadein-delay9.show {
  -webkit-animation: up-fadein 1s ease-out forwards;
  animation: up-fadein 1s ease-out forwards;
}

.scroll-fadein-delay9.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-delay9.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-delay9.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-delay9.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-delay9.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-delay9.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-delay9.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-delay9.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-delay9.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-delay9.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-delay9.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-delay9.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-delay9.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-delay9.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-delay9.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-delay9.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-delay9.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-delay9.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-delay9.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-delay9.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-delay10 {
  opacity: 0;
}

.scroll-fadein-delay10.show {
  -webkit-animation: up-fadein 1s ease-out forwards;
  animation: up-fadein 1s ease-out forwards;
}

.scroll-fadein-delay10.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-delay10.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-delay10.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-delay10.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-delay10.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-delay10.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-delay10.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-delay10.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-delay10.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-delay10.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-delay10.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-delay10.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-delay10.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-delay10.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-delay10.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-delay10.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-delay10.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-delay10.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-delay10.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-delay10.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-left-delay1 {
  opacity: 0;
}

.scroll-fadein-left-delay1.show {
  -webkit-animation: left-fadein 1s ease-out forwards;
  animation: left-fadein 1s ease-out forwards;
}

.scroll-fadein-left-delay1.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-left-delay1.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-left-delay1.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-left-delay1.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-left-delay1.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-left-delay1.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-left-delay1.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-left-delay1.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-left-delay1.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-left-delay1.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-left-delay1.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-left-delay1.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-left-delay1.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-left-delay1.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-left-delay1.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-left-delay1.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-left-delay1.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-left-delay1.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-left-delay1.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-left-delay1.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-left-delay2 {
  opacity: 0;
}

.scroll-fadein-left-delay2.show {
  -webkit-animation: left-fadein 1s ease-out forwards;
  animation: left-fadein 1s ease-out forwards;
}

.scroll-fadein-left-delay2.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-left-delay2.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-left-delay2.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-left-delay2.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-left-delay2.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-left-delay2.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-left-delay2.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-left-delay2.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-left-delay2.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-left-delay2.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-left-delay2.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-left-delay2.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-left-delay2.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-left-delay2.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-left-delay2.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-left-delay2.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-left-delay2.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-left-delay2.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-left-delay2.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-left-delay2.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-left-delay3 {
  opacity: 0;
}

.scroll-fadein-left-delay3.show {
  -webkit-animation: left-fadein 1s ease-out forwards;
  animation: left-fadein 1s ease-out forwards;
}

.scroll-fadein-left-delay3.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-left-delay3.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-left-delay3.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-left-delay3.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-left-delay3.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-left-delay3.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-left-delay3.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-left-delay3.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-left-delay3.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-left-delay3.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-left-delay3.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-left-delay3.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-left-delay3.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-left-delay3.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-left-delay3.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-left-delay3.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-left-delay3.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-left-delay3.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-left-delay3.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-left-delay3.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-left-delay4 {
  opacity: 0;
}

.scroll-fadein-left-delay4.show {
  -webkit-animation: left-fadein 1s ease-out forwards;
  animation: left-fadein 1s ease-out forwards;
}

.scroll-fadein-left-delay4.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-left-delay4.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-left-delay4.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-left-delay4.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-left-delay4.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-left-delay4.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-left-delay4.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-left-delay4.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-left-delay4.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-left-delay4.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-left-delay4.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-left-delay4.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-left-delay4.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-left-delay4.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-left-delay4.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-left-delay4.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-left-delay4.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-left-delay4.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-left-delay4.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-left-delay4.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-left-delay5 {
  opacity: 0;
}

.scroll-fadein-left-delay5.show {
  -webkit-animation: left-fadein 1s ease-out forwards;
  animation: left-fadein 1s ease-out forwards;
}

.scroll-fadein-left-delay5.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-left-delay5.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-left-delay5.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-left-delay5.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-left-delay5.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-left-delay5.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-left-delay5.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-left-delay5.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-left-delay5.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-left-delay5.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-left-delay5.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-left-delay5.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-left-delay5.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-left-delay5.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-left-delay5.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-left-delay5.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-left-delay5.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-left-delay5.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-left-delay5.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-left-delay5.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-left-delay6 {
  opacity: 0;
}

.scroll-fadein-left-delay6.show {
  -webkit-animation: left-fadein 1s ease-out forwards;
  animation: left-fadein 1s ease-out forwards;
}

.scroll-fadein-left-delay6.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-left-delay6.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-left-delay6.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-left-delay6.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-left-delay6.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-left-delay6.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-left-delay6.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-left-delay6.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-left-delay6.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-left-delay6.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-left-delay6.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-left-delay6.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-left-delay6.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-left-delay6.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-left-delay6.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-left-delay6.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-left-delay6.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-left-delay6.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-left-delay6.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-left-delay6.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-left-delay7 {
  opacity: 0;
}

.scroll-fadein-left-delay7.show {
  -webkit-animation: left-fadein 1s ease-out forwards;
  animation: left-fadein 1s ease-out forwards;
}

.scroll-fadein-left-delay7.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-left-delay7.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-left-delay7.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-left-delay7.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-left-delay7.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-left-delay7.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-left-delay7.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-left-delay7.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-left-delay7.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-left-delay7.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-left-delay7.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-left-delay7.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-left-delay7.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-left-delay7.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-left-delay7.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-left-delay7.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-left-delay7.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-left-delay7.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-left-delay7.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-left-delay7.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-left-delay8 {
  opacity: 0;
}

.scroll-fadein-left-delay8.show {
  -webkit-animation: left-fadein 1s ease-out forwards;
  animation: left-fadein 1s ease-out forwards;
}

.scroll-fadein-left-delay8.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-left-delay8.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-left-delay8.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-left-delay8.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-left-delay8.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-left-delay8.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-left-delay8.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-left-delay8.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-left-delay8.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-left-delay8.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-left-delay8.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-left-delay8.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-left-delay8.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-left-delay8.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-left-delay8.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-left-delay8.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-left-delay8.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-left-delay8.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-left-delay8.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-left-delay8.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-left-delay9 {
  opacity: 0;
}

.scroll-fadein-left-delay9.show {
  -webkit-animation: left-fadein 1s ease-out forwards;
  animation: left-fadein 1s ease-out forwards;
}

.scroll-fadein-left-delay9.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-left-delay9.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-left-delay9.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-left-delay9.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-left-delay9.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-left-delay9.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-left-delay9.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-left-delay9.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-left-delay9.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-left-delay9.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-left-delay9.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-left-delay9.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-left-delay9.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-left-delay9.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-left-delay9.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-left-delay9.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-left-delay9.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-left-delay9.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-left-delay9.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-left-delay9.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.scroll-fadein-left-delay10 {
  opacity: 0;
}

.scroll-fadein-left-delay10.show {
  -webkit-animation: left-fadein 1s ease-out forwards;
  animation: left-fadein 1s ease-out forwards;
}

.scroll-fadein-left-delay10.show:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.scroll-fadein-left-delay10.show:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.scroll-fadein-left-delay10.show:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.scroll-fadein-left-delay10.show:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-fadein-left-delay10.show:nth-of-type(5) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.scroll-fadein-left-delay10.show:nth-of-type(6) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.scroll-fadein-left-delay10.show:nth-of-type(7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.scroll-fadein-left-delay10.show:nth-of-type(8) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.scroll-fadein-left-delay10.show:nth-of-type(9) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.scroll-fadein-left-delay10.show:nth-of-type(10) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.scroll-fadein-left-delay10.show:nth-of-type(11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.scroll-fadein-left-delay10.show:nth-of-type(12) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.scroll-fadein-left-delay10.show:nth-of-type(13) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.scroll-fadein-left-delay10.show:nth-of-type(14) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.scroll-fadein-left-delay10.show:nth-of-type(15) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.scroll-fadein-left-delay10.show:nth-of-type(16) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.scroll-fadein-left-delay10.show:nth-of-type(17) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.scroll-fadein-left-delay10.show:nth-of-type(18) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s;
}

.scroll-fadein-left-delay10.show:nth-of-type(19) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.scroll-fadein-left-delay10.show:nth-of-type(20) {
  -webkit-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

/*右から左にフェイドイン*/
.scroll-fadein-right {
  opacity: 0;
}

.scroll-fadein-right.show {
  opacity: 1;
  -webkit-animation: right-fadein 1s ease-out;
  animation: right-fadein 1s ease-out;
}

@-webkit-keyframes right-fadein {
  from {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes right-fadein {
  from {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/*左から右にフェイドイン*/
.scroll-fadein-left {
  opacity: 0;
}

.scroll-fadein-left.show {
  opacity: 1;
  -webkit-animation: left-fadein 1s ease-out;
  animation: left-fadein 1s ease-out;
}

@-webkit-keyframes left-fadein {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes left-fadein {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.side-fadein {
  overflow: hidden;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.side-fadein span {
  display: block;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.side-fadein.show,
.side-fadein.show span {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.js-one-text-up-fadein {
  opacity: 0;
}

.sp-js-span-wrap-text span,
.js-span-wrap-text span,
.js-span-wrap-bottom-text span,
.js-one-text-up-fadein span {
  opacity: 0;
  display: inline-block;
}

.sp-js-span-wrap-text span:nth-child(1),
.js-span-wrap-text span:nth-child(1),
.js-span-wrap-bottom-text span:nth-child(1),
.js-one-text-up-fadein span:nth-child(1) {
  -webkit-animation: oneFade 1s ease 0.7s forwards;
  animation: oneFade 1s ease 0.7s forwards;
}

.sp-js-span-wrap-text span:nth-child(2),
.js-span-wrap-text span:nth-child(2),
.js-span-wrap-bottom-text span:nth-child(2),
.js-one-text-up-fadein span:nth-child(2) {
  -webkit-animation: oneFade 1s ease 0.8s forwards;
  animation: oneFade 1s ease 0.8s forwards;
}

.sp-js-span-wrap-text span:nth-child(3),
.js-span-wrap-text span:nth-child(3),
.js-span-wrap-bottom-text span:nth-child(3),
.js-one-text-up-fadein span:nth-child(3) {
  -webkit-animation: oneFade 1s ease 0.9s forwards;
  animation: oneFade 1s ease 0.9s forwards;
}

.sp-js-span-wrap-text span:nth-child(4),
.js-span-wrap-text span:nth-child(4),
.js-span-wrap-bottom-text span:nth-child(4),
.js-one-text-up-fadein span:nth-child(4) {
  -webkit-animation: oneFade 1s ease 1s forwards;
  animation: oneFade 1s ease 1s forwards;
}

.sp-js-span-wrap-text span:nth-child(5),
.js-span-wrap-text span:nth-child(5),
.js-span-wrap-bottom-text span:nth-child(5),
.js-one-text-up-fadein span:nth-child(5) {
  -webkit-animation: oneFade 1s ease 1.1s forwards;
  animation: oneFade 1s ease 1.1s forwards;
}

.sp-js-span-wrap-text span:nth-child(6),
.js-span-wrap-text span:nth-child(6),
.js-span-wrap-bottom-text span:nth-child(6),
.js-one-text-up-fadein span:nth-child(6) {
  -webkit-animation: oneFade 1s ease 1.2s forwards;
  animation: oneFade 1s ease 1.2s forwards;
}

.sp-js-span-wrap-text span:nth-child(7),
.js-span-wrap-text span:nth-child(7),
.js-span-wrap-bottom-text span:nth-child(7),
.js-one-text-up-fadein span:nth-child(7) {
  -webkit-animation: oneFade 1s ease 1.3s forwards;
  animation: oneFade 1s ease 1.3s forwards;
}

.sp-js-span-wrap-text span:nth-child(8),
.js-span-wrap-text span:nth-child(8),
.js-span-wrap-bottom-text span:nth-child(8),
.js-one-text-up-fadein span:nth-child(8) {
  -webkit-animation: oneFade 1s ease 1.4s forwards;
  animation: oneFade 1s ease 1.4s forwards;
}

.sp-js-span-wrap-text span:nth-child(9),
.js-span-wrap-text span:nth-child(9),
.js-span-wrap-bottom-text span:nth-child(9),
.js-one-text-up-fadein span:nth-child(9) {
  -webkit-animation: oneFade 1s ease 1.5s forwards;
  animation: oneFade 1s ease 1.5s forwards;
}

.sp-js-span-wrap-text span:nth-child(10),
.js-span-wrap-text span:nth-child(10),
.js-span-wrap-bottom-text span:nth-child(10),
.js-one-text-up-fadein span:nth-child(10) {
  -webkit-animation: oneFade 1s ease 1.6s forwards;
  animation: oneFade 1s ease 1.6s forwards;
}

.sp-js-span-wrap-text span:nth-child(11),
.js-span-wrap-text span:nth-child(11),
.js-span-wrap-bottom-text span:nth-child(11),
.js-one-text-up-fadein span:nth-child(11) {
  -webkit-animation: oneFade 1s ease 1.7s forwards;
  animation: oneFade 1s ease 1.7s forwards;
}

.sp-js-span-wrap-text span:nth-child(12),
.js-span-wrap-text span:nth-child(12),
.js-span-wrap-bottom-text span:nth-child(12),
.js-one-text-up-fadein span:nth-child(12) {
  -webkit-animation: oneFade 1s ease 1.8s forwards;
  animation: oneFade 1s ease 1.8s forwards;
}

.sp-js-span-wrap-text span:nth-child(13),
.js-span-wrap-text span:nth-child(13),
.js-span-wrap-bottom-text span:nth-child(13),
.js-one-text-up-fadein span:nth-child(13) {
  -webkit-animation: oneFade 1s ease 1.9s forwards;
  animation: oneFade 1s ease 1.9s forwards;
}

.sp-js-span-wrap-text span:nth-child(14),
.js-span-wrap-text span:nth-child(14),
.js-span-wrap-bottom-text span:nth-child(14),
.js-one-text-up-fadein span:nth-child(14) {
  -webkit-animation: oneFade 1s ease 2s forwards;
  animation: oneFade 1s ease 2s forwards;
}

.sp-js-span-wrap-text span:nth-child(15),
.js-span-wrap-text span:nth-child(15),
.js-span-wrap-bottom-text span:nth-child(15),
.js-one-text-up-fadein span:nth-child(15) {
  -webkit-animation: oneFade 1s ease 2.1s forwards;
  animation: oneFade 1s ease 2.1s forwards;
}

.sp-js-span-wrap-text span:nth-child(16),
.js-span-wrap-text span:nth-child(16),
.js-span-wrap-bottom-text span:nth-child(16),
.js-one-text-up-fadein span:nth-child(16) {
  -webkit-animation: oneFade 1s ease 2.2s forwards;
  animation: oneFade 1s ease 2.2s forwards;
}

.sp-js-span-wrap-text span:nth-child(17),
.js-span-wrap-text span:nth-child(17),
.js-span-wrap-bottom-text span:nth-child(17),
.js-one-text-up-fadein span:nth-child(17) {
  -webkit-animation: oneFade 1s ease 2.3s forwards;
  animation: oneFade 1s ease 2.3s forwards;
}

.sp-js-span-wrap-text span:nth-child(18),
.js-span-wrap-text span:nth-child(18),
.js-span-wrap-bottom-text span:nth-child(18),
.js-one-text-up-fadein span:nth-child(18) {
  -webkit-animation: oneFade 1s ease 2.4s forwards;
  animation: oneFade 1s ease 2.4s forwards;
}

.sp-js-span-wrap-text span:nth-child(19),
.js-span-wrap-text span:nth-child(19),
.js-span-wrap-bottom-text span:nth-child(19),
.js-one-text-up-fadein span:nth-child(19) {
  -webkit-animation: oneFade 1s ease 2.5s forwards;
  animation: oneFade 1s ease 2.5s forwards;
}

.sp-js-span-wrap-text span:nth-child(20),
.js-span-wrap-text span:nth-child(20),
.js-span-wrap-bottom-text span:nth-child(20),
.js-one-text-up-fadein span:nth-child(20) {
  -webkit-animation: oneFade 1s ease 2.6s forwards;
  animation: oneFade 1s ease 2.6s forwards;
}

.sp-js-span-wrap-text span:nth-child(21),
.js-span-wrap-text span:nth-child(21),
.js-span-wrap-bottom-text span:nth-child(21),
.js-one-text-up-fadein span:nth-child(21) {
  -webkit-animation: oneFade 1s ease 2.7s forwards;
  animation: oneFade 1s ease 2.7s forwards;
}

.sp-js-span-wrap-text span:nth-child(22),
.js-span-wrap-text span:nth-child(22),
.js-span-wrap-bottom-text span:nth-child(22),
.js-one-text-up-fadein span:nth-child(22) {
  -webkit-animation: oneFade 1s ease 2.8s forwards;
  animation: oneFade 1s ease 2.8s forwards;
}

.sp-js-span-wrap-text span:nth-child(23),
.js-span-wrap-text span:nth-child(23),
.js-span-wrap-bottom-text span:nth-child(23),
.js-one-text-up-fadein span:nth-child(23) {
  -webkit-animation: oneFade 1s ease 2.9s forwards;
  animation: oneFade 1s ease 2.9s forwards;
}

.sp-js-span-wrap-text span:nth-child(24),
.js-span-wrap-text span:nth-child(24),
.js-span-wrap-bottom-text span:nth-child(24),
.js-one-text-up-fadein span:nth-child(24) {
  -webkit-animation: oneFade 1s ease 3s forwards;
  animation: oneFade 1s ease 3s forwards;
}

.sp-js-span-wrap-text span:nth-child(25),
.js-span-wrap-text span:nth-child(25),
.js-span-wrap-bottom-text span:nth-child(25),
.js-one-text-up-fadein span:nth-child(25) {
  -webkit-animation: oneFade 1s ease 3.1s forwards;
  animation: oneFade 1s ease 3.1s forwards;
}

.sp-js-span-wrap-text span:nth-child(26),
.js-span-wrap-text span:nth-child(26),
.js-span-wrap-bottom-text span:nth-child(26),
.js-one-text-up-fadein span:nth-child(26) {
  -webkit-animation: oneFade 1s ease 3.2s forwards;
  animation: oneFade 1s ease 3.2s forwards;
}

.sp-js-span-wrap-text span:nth-child(27),
.js-span-wrap-text span:nth-child(27),
.js-span-wrap-bottom-text span:nth-child(27),
.js-one-text-up-fadein span:nth-child(27) {
  -webkit-animation: oneFade 1s ease 3.3s forwards;
  animation: oneFade 1s ease 3.3s forwards;
}

.sp-js-span-wrap-text span:nth-child(28),
.js-span-wrap-text span:nth-child(28),
.js-span-wrap-bottom-text span:nth-child(28),
.js-one-text-up-fadein span:nth-child(28) {
  -webkit-animation: oneFade 1s ease 3.4s forwards;
  animation: oneFade 1s ease 3.4s forwards;
}

.sp-js-span-wrap-text span:nth-child(29),
.js-span-wrap-text span:nth-child(29),
.js-span-wrap-bottom-text span:nth-child(29),
.js-one-text-up-fadein span:nth-child(29) {
  -webkit-animation: oneFade 1s ease 3.5s forwards;
  animation: oneFade 1s ease 3.5s forwards;
}

.sp-js-span-wrap-text span:nth-child(30),
.js-span-wrap-text span:nth-child(30),
.js-span-wrap-bottom-text span:nth-child(30),
.js-one-text-up-fadein span:nth-child(30) {
  -webkit-animation: oneFade 1s ease 3.6s forwards;
  animation: oneFade 1s ease 3.6s forwards;
}

.sp-js-span-wrap-text span:nth-child(31),
.js-span-wrap-text span:nth-child(31),
.js-span-wrap-bottom-text span:nth-child(31),
.js-one-text-up-fadein span:nth-child(31) {
  -webkit-animation: oneFade 1s ease 3.7s forwards;
  animation: oneFade 1s ease 3.7s forwards;
}

.sp-js-span-wrap-text span:nth-child(32),
.js-span-wrap-text span:nth-child(32),
.js-span-wrap-bottom-text span:nth-child(32),
.js-one-text-up-fadein span:nth-child(32) {
  -webkit-animation: oneFade 1s ease 3.8s forwards;
  animation: oneFade 1s ease 3.8s forwards;
}

.sp-js-span-wrap-text span:nth-child(33),
.js-span-wrap-text span:nth-child(33),
.js-span-wrap-bottom-text span:nth-child(33),
.js-one-text-up-fadein span:nth-child(33) {
  -webkit-animation: oneFade 1s ease 3.9s forwards;
  animation: oneFade 1s ease 3.9s forwards;
}

.sp-js-span-wrap-text span:nth-child(34),
.js-span-wrap-text span:nth-child(34),
.js-span-wrap-bottom-text span:nth-child(34),
.js-one-text-up-fadein span:nth-child(34) {
  -webkit-animation: oneFade 1s ease 4s forwards;
  animation: oneFade 1s ease 4s forwards;
}

.sp-js-span-wrap-text span:nth-child(35),
.js-span-wrap-text span:nth-child(35),
.js-span-wrap-bottom-text span:nth-child(35),
.js-one-text-up-fadein span:nth-child(35) {
  -webkit-animation: oneFade 1s ease 4.1s forwards;
  animation: oneFade 1s ease 4.1s forwards;
}

.sp-js-span-wrap-text span:nth-child(5),
.sp-js-span-wrap-text span:nth-child(9),
.sp-js-span-wrap-text span:nth-child(14),
.sp-js-span-wrap-text span:nth-child(21),
.sp-js-span-wrap-text span:nth-child(26),
.sp-js-span-wrap-text span:nth-child(30),
.js-span-wrap-text span:nth-child(5),
.js-span-wrap-text span:nth-child(9),
.js-span-wrap-text span:nth-child(14),
.js-span-wrap-text span:nth-child(21),
.js-span-wrap-text span:nth-child(26),
.js-span-wrap-text span:nth-child(30),
.js-span-wrap-bottom-text span:nth-child(5),
.js-span-wrap-bottom-text span:nth-child(9),
.js-span-wrap-bottom-text span:nth-child(14),
.js-span-wrap-bottom-text span:nth-child(21),
.js-span-wrap-bottom-text span:nth-child(26),
.js-span-wrap-bottom-text span:nth-child(30),
.js-one-text-up-fadein span:nth-child(5),
.js-one-text-up-fadein span:nth-child(9),
.js-one-text-up-fadein span:nth-child(14),
.js-one-text-up-fadein span:nth-child(21),
.js-one-text-up-fadein span:nth-child(26),
.js-one-text-up-fadein span:nth-child(30) {
  margin-right: 15px;
}

@media screen and (max-width: 768px) {

  .sp-js-span-wrap-text span:nth-child(5),
  .sp-js-span-wrap-text span:nth-child(9),
  .sp-js-span-wrap-text span:nth-child(14),
  .sp-js-span-wrap-text span:nth-child(21),
  .sp-js-span-wrap-text span:nth-child(26),
  .sp-js-span-wrap-text span:nth-child(30),
  .js-span-wrap-text span:nth-child(5),
  .js-span-wrap-text span:nth-child(9),
  .js-span-wrap-text span:nth-child(14),
  .js-span-wrap-text span:nth-child(21),
  .js-span-wrap-text span:nth-child(26),
  .js-span-wrap-text span:nth-child(30),
  .js-span-wrap-bottom-text span:nth-child(5),
  .js-span-wrap-bottom-text span:nth-child(9),
  .js-span-wrap-bottom-text span:nth-child(14),
  .js-span-wrap-bottom-text span:nth-child(21),
  .js-span-wrap-bottom-text span:nth-child(26),
  .js-span-wrap-bottom-text span:nth-child(30),
  .js-one-text-up-fadein span:nth-child(5),
  .js-one-text-up-fadein span:nth-child(9),
  .js-one-text-up-fadein span:nth-child(14),
  .js-one-text-up-fadein span:nth-child(21),
  .js-one-text-up-fadein span:nth-child(26),
  .js-one-text-up-fadein span:nth-child(30) {
    margin-right: 12px;
  }
}

@-webkit-keyframes oneFade {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes oneFade {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.swiper {
  width: 100%;
}

.swiper.main-slider .swiper-wrapper .swiper-slide img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .swiper.thumbs-slider {
    display: none;
  }
}

.swiper.thumbs-slider .swiper-slide {
  display: block;
  color: #4E3A2A;
  cursor: pointer;
}

.swiper.thumbs-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 992px) {
  .swiper.thumbs-slider .swiper-slide img {
    height: 150px;
  }
}

.swiper.thumbs-slider .swiper-slide .text {
  margin-top: 6px;
  padding: 0 8px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper.thumbs-slider .swiper-slide .text .data {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* 背景画像のスタイル */
.bg-slide-image {
  width: 100%;
  height: 60vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: 0.5;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}

/* Scrollbar */
.swiper-pagination.main-pagination {
  position: relative;
  bottom: inherit;
  left: inherit;
}

.swiper-pagination.main-pagination .swiper-pagination-bullet {
  width: 18px;
  height: 2px;
  background: #4E3A2A;
  opacity: 1;
  border-radius: 0;
}

.swiper-pagination.main-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #BCD5C4;
}

.fv {
  position: relative;
}

.fv__title {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 7.7%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .fv__title {
    left: 5.13%;
    top: 45%;
  }
}

.fv__title__main {
  font-size: 3rem;
  line-height: 58px;
  width: 525px;
}

@media screen and (max-width: 768px) {
  .fv__title__main {
    width: 315px;
    font-size: 1.75rem;
    line-height: 40px;
  }
}

.fv__title__sub {
  margin-top: 18px;
  font-weight: 500;
  opacity: 0;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (max-width: 768px) {
  .fv__title__sub {
    margin-top: 15px;
    font-size: 1rem;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fv__image {
  width: 74.25%;
  margin-left: auto;
  padding-right: 50px;
  display: block;
}

@media screen and (max-width: 768px) {
  .fv__image {
    height: 667px;
    width: 100%;
    padding-right: 0;
  }
}

.fv__image img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .fv__image img {
    height: 100%;
  }
}

.top-concept {
  margin-top: 148px;
}

@media screen and (max-width: 768px) {
  .top-concept {
    margin-top: 80px;
  }
}

.top-concept__btn {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .top-concept__btn {
    margin-top: 60px;
  }
}

.top-ideal {
  margin-top: 300px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .top-ideal {
    margin-top: 200px;
  }
}

@media screen and (max-width: 576px) {
  .top-ideal {
    margin-top: 120px;
  }
}

.top-work {
  margin-top: 300px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .top-work {
    margin-top: 200px;
  }
}

@media screen and (max-width: 576px) {
  .top-work {
    margin-top: 120px;
  }
}

.top-work__slider {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .top-work__slider {
    margin-top: 50px;
  }
}

.top-work__thumbs {
  margin-top: 100px;
}

.top-work__btn {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .top-work__btn {
    margin-top: 60px;
  }
}

.top-blog {
  margin-top: 300px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .top-blog {
    margin-top: 200px;
  }
}

@media screen and (max-width: 576px) {
  .top-blog {
    margin-top: 120px;
  }
}

.top-blog__content {
  margin-top: 112px;
}

@media screen and (max-width: 768px) {
  .top-blog__content {
    margin-top: 80px;
  }
}

@media screen and (max-width: 576px) {
  .top-blog__content {
    margin-top: 60px;
  }
}

.top-blog__content__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}

@media screen and (max-width: 992px) {
  .top-blog__content__list {
    gap: 25px;
  }
}

@media screen and (max-width: 768px) {
  .top-blog__content__list {
    max-width: 450px;
    gap: 78px;
    grid-template-columns: repeat(1, 1fr);
    padding: 0 5.13%;
    margin-left: auto;
    margin-right: auto;
  }
}

.top-blog__btn {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .top-blog__btn {
    margin-top: 60px;
    max-width: 228px;
    padding: 17px 0 17px 42px;
  }
}

.top-blog.banner {
  margin-top: 120px;
}

.top-blog.banner .banner-title {
  text-align: center;
  margin-bottom: 44px;
}

.top-blog.banner .banner-title span {
  display: inline-block;
  padding-bottom: 12px;
  border-bottom: 4px solid #BCD5C4;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .top-blog.banner .banner-title {
    margin-bottom: 34px;
  }
}

.top-blog.banner .banner-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

@media screen and (max-width: 768px) {
  .top-blog.banner .banner-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.top-blog.banner .banner-grid .banner-item {
  text-align: center;
  line-height: 1;
}

.top-blog.banner .banner-grid .banner-item img {
  -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));
}

.company .space {
  margin-top: 300px;
}

@media screen and (max-width: 768px) {
  .company .space {
    margin-top: 200px;
  }
}

@media screen and (max-width: 576px) {
  .company .space {
    margin-top: 120px;
  }
}

.company__thought__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 128px;
}

@media screen and (max-width: 768px) {
  .company__thought__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 768px) {
  .company__thought__flex {
    margin-top: 80px;
  }
}

@media screen and (max-width: 576px) {
  .company__thought__flex {
    margin-top: 64px;
  }
}

.company__thought__flex__image {
  width: 41.62%;
}

@media screen and (max-width: 768px) {
  .company__thought__flex__image {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}

.company__thought__flex__image img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.company__thought__flex__content {
  width: 52.92%;
}

@media screen and (max-width: 768px) {
  .company__thought__flex__content {
    width: 100%;
    margin-top: 40px;
  }
}

.company__thought__flex__content__title {
  font-size: 1.125rem;
  font-weight: 700;
}

@media screen and (max-width: 576px) {
  .company__thought__flex__content__title {
    font-size: 1rem;
  }
}

.company__thought__flex__content__detail {
  font-size: 1rem;
  margin-top: 16px;
  line-height: 24px;
}

@media screen and (max-width: 576px) {
  .company__thought__flex__content__detail {
    font-size: 0.875rem;
    line-height: 20px;
  }
}

.company__about__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: 98px;
}

@media screen and (max-width: 768px) {
  .company__about__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .company__about__flex {
    margin-top: 64px;
  }
}

@media screen and (max-width: 576px) {
  .company__about__flex {
    margin-top: 48px;
  }
}

.company__about__flex__map {
  width: 49.21%;
  height: 335px;
}

@media screen and (max-width: 768px) {
  .company__about__flex__map {
    width: 100%;
    height: 300px;
    margin-top: 40px;
  }
}

@media screen and (max-width: 576px) {
  .company__about__flex__map {
    height: 275px;
  }
}

.company__about__flex__map iframe {
  width: 100%;
  height: 100%;
}

.company__about__flex__content {
  width: 47.55%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .company__about__flex__content {
    width: 100%;
  }
}

.company__about__flex__content dt {
  margin-top: 12px;
  padding-bottom: 12px;
  width: 205px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  font-size: 1rem;
  line-height: 20px;
  border-bottom: 1px solid #4E3A2A;
}

@media screen and (max-width: 992px) {
  .company__about__flex__content dt {
    width: 150px;
  }
}

@media screen and (max-width: 576px) {
  .company__about__flex__content dt {
    font-size: 0.875rem;
    width: 125px;
  }
}

.company__about__flex__content dd {
  margin-top: 12px;
  padding-bottom: 12px;
  width: calc(100% - 205px);
  font-size: 1rem;
  line-height: 20px;
  border-bottom: 1px solid #4E3A2A;
}

@media screen and (max-width: 992px) {
  .company__about__flex__content dd {
    width: calc(100% - 150px);
  }
}

@media screen and (max-width: 576px) {
  .company__about__flex__content dd {
    font-size: 0.875rem;
    width: calc(100% - 125px);
  }
}

.company__about__history {
  margin-top: 124px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  position: relative;
}

@media screen and (max-width: 768px) {
  .company__about__history {
    margin-top: 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 576px) {
  .company__about__history {
    margin-top: 56px;
  }
}

.company__about__history:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  height: 52px;
  width: 1px;
  background: #ffffff;
}

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

.company__about__history:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  height: calc(100% - 52px);
  width: 1px;
  background: #4E3A2A;
}

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

.company__about__history__left {
  width: 50%;
  border: 1px solid #4E3A2A;
  border-right: inherit;
}

@media screen and (max-width: 768px) {
  .company__about__history__left {
    width: 100%;
    border: 1px solid #4E3A2A;
  }
}

.company__about__history__left__list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 18px 12px 18px 54px;
}

@media screen and (max-width: 992px) {
  .company__about__history__left__list li {
    padding: 18px 12px 18px 24px;
  }
}

@media screen and (max-width: 576px) {
  .company__about__history__left__list li {
    padding: 14px 12px 14px 16px;
  }
}

.company__about__history__left__list li:nth-child(n+2) {
  border-top: 1px solid #4E3A2A;
}

.company__about__history__left__list li .title {
  font-size: 1rem;
  line-height: 20px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 576px) {
  .company__about__history__left__list li .title {
    font-size: 0.875rem;
  }
}

.company__about__history__left__list li .text {
  margin-left: 28%;
  font-size: 1rem;
  line-height: 20px;
}

@media screen and (max-width: 1150px) {
  .company__about__history__left__list li .text {
    margin-left: 32px;
  }
}

@media screen and (max-width: 576px) {
  .company__about__history__left__list li .text {
    font-size: 0.875rem;
    margin-left: 16px;
  }
}

.company__about__history__right {
  width: 50%;
  border: 1px solid #4E3A2A;
  border-left: inherit;
}

@media screen and (max-width: 768px) {
  .company__about__history__right {
    width: 100%;
    border: 1px solid #4E3A2A;
  }
}

.company__about__history__right__list {
  padding: 28px 12px 14px 46px;
}

@media screen and (max-width: 992px) {
  .company__about__history__right__list {
    padding: 14px 12px 14px 24px;
  }
}

@media screen and (max-width: 768px) {
  .company__about__history__right__list {
    padding: 14px 12px 30px 24px;
  }
}

@media screen and (max-width: 576px) {
  .company__about__history__right__list {
    padding: 14px 12px 30px 16px;
  }
}

.company__about__history__right__list li {
  font-size: 1rem;
  line-height: 20px;
  margin-top: 16px;
}

@media screen and (max-width: 576px) {
  .company__about__history__right__list li {
    font-size: 0.875rem;
  }
}

.company__about__history h3 {
  color: #ffffff;
  padding: 14px 0;
  text-align: center;
  background: #4E3A2A;
  font-size: 1rem;
}

.company__about__word {
  margin-top: 190px;
}

@media screen and (max-width: 768px) {
  .company__about__word {
    margin-top: 120px;
  }
}

@media screen and (max-width: 576px) {
  .company__about__word {
    margin-top: 100px;
  }
}

.company__about__word__title {
  text-align: center;
  font-size: 1.375rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .company__about__word__title {
    font-size: 1.25rem;
  }
}

.company__about__word__image {
  margin-top: 80px;
  max-width: 615px;
  margin-left: auto;
  margin-right: auto;
  width: 89.74%;
}

@media screen and (max-width: 768px) {
  .company__about__word__image {
    margin-top: 40px;
  }
}

.company__about__word__image img {
  display: block;
  width: 100%;
}

.work__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .work__flex {
    margin-top: 72px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 576px) {
  .work__flex {
    margin-top: 56px;
  }
}

.work__flex__content {
  width: calc(100% - 270px);
  padding-right: 7.6%;
}

@media screen and (max-width: 768px) {
  .work__flex__content {
    width: 100%;
    padding-right: 0;
  }
}

.work__flex__content__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 60px;
}

@media screen and (max-width: 992px) {
  .work__flex__content__grid {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 40px;
  }
}

@media screen and (max-width: 576px) {
  .work__flex__content__grid {
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 30px;
  }
}

.work__flex__content__grid__list a {
  display: block;
  position: relative;
  color: #4E3A2A;
}

.work__flex__content__grid__list a .image {
  width: 100%;
  height: 345px;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 1100px) {
  .work__flex__content__grid__list a .image {
    height: 300px;
  }
}

@media screen and (max-width: 992px) {
  .work__flex__content__grid__list a .image {
    height: 200px;
  }
}

@media screen and (max-width: 576px) {
  .work__flex__content__grid__list a .image {
    height: 150px;
  }
}

.work__flex__content__grid__list a .image img {
  -webkit-transition: 1s all;
  transition: 1s all;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.work__flex__content__grid__list a .text {
  margin-top: 16px;
  padding: 0 8px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .work__flex__content__grid__list a .text {
    margin-top: 8px;
  }
}

@media screen and (max-width: 576px) {
  .work__flex__content__grid__list a .text {
    font-size: 0.875rem;
  }
}

.work__flex__content__grid__list a .text p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 20px;
}

@media screen and (max-width: 576px) {
  .work__flex__content__grid__list a .text p {
    font-size: 0.875rem;
  }
}

.work__flex__content__grid__list a .text .data {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 150px;
  margin-top: 4px;
}

@media screen and (max-width: 768px) {
  .work__flex__content__grid__list a .text .data {
    width: 100%;
  }
}

.work__flex__content__grid__list a .text .right {
  display: inline-block;
  margin-top: 4px;
}

@media screen and (max-width: 768px) {
  .work__flex__content__grid__list a .text .right {
    width: 100%;
  }
}

.work__flex__content__grid__list a .text .right .address {
  margin-top: 4px;
}

.work__flex__list {
  width: 270px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
}

.work__flex__list:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("../img/common/category-icon.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 768px) {
  .work__flex__list {
    margin-top: 40px;
  }
}

.work__flex__list__title {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  padding: 13px 0 10px;
  width: 100%;
  position: relative;
}

.work__flex__list__title:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../img/common/house-line.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
}

.work__flex__list__item {
  border-bottom: 1px solid #4E3A2A;
  margin-top: 12px;
  padding-bottom: 8px;
}

.work__flex__list__item__link {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 500;
  color: #4E3A2A;
  font-size: 1rem;
}

@media screen and (max-width: 576px) {
  .work__flex__list__item__link {
    font-size: 0.875rem;
  }
}

.work-detail {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.work-detail__title {
  margin-top: 169px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .work-detail__title {
    margin-top: 88px;
    margin-bottom: 35px;
  }
}

.work-detail__title__data {
  font-size: 1.375rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 200px;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .work-detail__title__data {
    font-size: 1.125rem;
    width: 150px;
  }
}

.work-detail__title__main {
  font-size: 1.375rem;
  font-weight: 500;
  width: calc(100% - 200px);
}

@media screen and (max-width: 768px) {
  .work-detail__title__main {
    font-size: 1.125rem;
  }
}

.work-detail__detail {
  font-size: 1rem;
  line-height: 1.25;
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .work-detail__detail {
    margin-top: 36px;
  }
}

@media screen and (max-width: 576px) {
  .work-detail__detail {
    font-size: 0.875rem;
  }
}

.work-detail__detail div,
.work-detail__detail p {
  font-size: 1rem;
  line-height: 1.25;
}

@media screen and (max-width: 576px) {

  .work-detail__detail div,
  .work-detail__detail p {
    font-size: 0.875rem;
  }
}

.blog-main__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 100px;
}

@media screen and (max-width: 992px) {
  .blog-main__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .blog-main__flex {
    margin-top: 72px;
  }
}

@media screen and (max-width: 576px) {
  .blog-main__flex {
    margin-top: 56px;
  }
}

.blog-main__flex__content {
  width: calc(100% - 270px);
  padding-right: 7.6%;
}

@media screen and (max-width: 992px) {
  .blog-main__flex__content {
    width: 100%;
    padding-right: 0;
  }
}

.blog-main__flex__content__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 60px;
}

@media screen and (max-width: 992px) {
  .blog-main__flex__content__grid {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 40px;
  }
}

@media screen and (max-width: 576px) {
  .blog-main__flex__content__grid {
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  .blog-main__flex__content__grid__list .blog {
    width: 100%;
  }
}

@media screen and (max-width: 992px) {
  .blog-main__flex__content__grid__list .blog__image {
    height: 250px;
  }
}

@media screen and (max-width: 768px) {
  .blog-main__flex__content__grid__list .blog__image {
    height: 200px;
  }
}

.blog-main__flex__content__grid__list .blog:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 56px);
  background: #EACC9C;
}

@media screen and (max-width: 768px) {
  .blog-main__flex__content__grid__list .blog:after {
    height: calc(100% - 42px);
  }
}

.blog-main__flex__list {
  width: 270px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
}

.blog-main__flex__list:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("../img/common/category-icon.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 992px) {
  .blog-main__flex__list {
    margin-top: 40px;
  }
}

.blog-main__flex__list__title {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  padding: 13px 0 10px;
  width: 100%;
  position: relative;
}

.blog-main__flex__list__title:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../img/common/house-line.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
}

.blog-main__flex__list__item {
  border-bottom: 1px solid #4E3A2A;
  margin-top: 12px;
  padding-bottom: 8px;
}

.blog-main__flex__list__item__link {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 500;
  color: #4E3A2A;
  font-size: 1rem;
}

@media screen and (max-width: 576px) {
  .blog-main__flex__list__item__link {
    font-size: 0.875rem;
  }
}

.blog-detail {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.blog-detail__image {
  width: 100%;
  margin-top: 72px;
  margin-bottom: 55px;
}

@media screen and (max-width: 768px) {
  .blog-detail__image {
    margin-top: 48px;
    margin-bottom: 32px;
  }
}

.blog-detail__image img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-detail__data {
  font-size: 1rem;
  font-weight: 700;
}

@media screen and (max-width: 576px) {
  .blog-detail__data {
    font-size: 0.875rem;
  }
}

.blog-detail__title {
  font-size: 1.125rem;
  font-weight: 700;
}

@media screen and (max-width: 576px) {
  .blog-detail__title {
    font-size: 1rem;
  }
}

.blog-detail__detail {
  font-size: 1rem;
  line-height: 1.25;
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .blog-detail__detail {
    margin-top: 32px;
  }
}

@media screen and (max-width: 576px) {
  .blog-detail__detail {
    font-size: 0.875rem;
  }
}

.blog-detail__detail div,
.blog-detail__detail p {
  font-size: 1rem;
  line-height: 1.25;
}

@media screen and (max-width: 576px) {

  .blog-detail__detail div,
  .blog-detail__detail p {
    font-size: 0.875rem;
  }
}

.contact {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.contact .contact-form {
  text-align: center;
  margin-top: 3rem;
}

.contact .contact-form .hash {
  font-size: 0.875rem;
  line-height: 19px;
  color: #ea4b4b;
}

@media screen and (max-width: 576px) {
  .contact .contact-form .hash {
    font-size: 0.75rem;
  }
}

.contact .contact-form .description {
  font-size: 1rem;
}

@media screen and (max-width: 768px) {
  .contact .contact-form .description {
    font-size: 0.875rem;
  }
}

.contact .contact-form table {
  text-align: center;
  margin-top: 6rem;
}

.contact .contact-form table tr th {
  width: 160px;
  height: 36px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .contact .contact-form table tr th {
    display: block;
    width: 100%;
    text-align: left;
    padding: 1rem;
  }
}

.contact .contact-form table tr th .red {
  color: #EA4B4B;
  font-size: 0.875rem;
  margin-left: 10px;
}

.contact .contact-form table tr td {
  padding: 1.25rem;
  width: calc(100% - 250px);
}

@media screen and (max-width: 768px) {
  .contact .contact-form table tr td {
    display: block;
    width: 100%;
    padding: 1rem;
  }
}

.contact .contact-form table tr td input {
  width: 100%;
  background-color: #f0f0f0;
  border: 1px solid #4E3A2A;
  border-radius: 5px;
  height: 36px;
  padding-left: 12px;
  padding-right: 12px;
}

@media screen and (max-width: 768px) {
  .contact .contact-form table tr td input {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.contact .contact-form table tr td .radio-btn input {
  background-color: #4E3A2A;
  margin-right: 10px;
  accent-color: #4e3a2a;
  border-color: #4e3a2a;
}

.contact .contact-form table tr td textarea {
  width: 100%;
  background-color: #f0f0f0;
  border: 1px solid #4E3A2A;
  border-radius: 5px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
}

@media screen and (max-width: 768px) {
  .contact .contact-form table tr td textarea {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.contact .contact-form table tr td .sp-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.contact .contact-form table tr td .sp-block .wpcf7-list-item {
  width: auto;
  display: block;
  margin: 0;
}

.contact .contact-form table tr td .sp-block .wpcf7-list-item:nth-child(n+2) {
  margin-top: 6px;
}

.contact .contact-form table tr td .sp-block input {
  width: 16px;
  height: 16px;
  position: relative;
  font-size: 16px;
  line-height: 16px;
  padding: 0;
  margin-right: 10px;
  border: 1px solid #4E3A2A;
  color: #4E3A2A;
  border-radius: 50%;
}

.contact .contact-form table tr td .sp-block input[type=radio]:checked {
  border: 1px solid #4E3A2A;
  z-index: -1;
}

.contact .contact-form table tr td .sp-block input::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #4E3A2A;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.renovation {
  width: 100%;
}

.renovation__ideal {
  margin-top: 300px;
}

@media screen and (max-width: 768px) {
  .renovation__ideal {
    margin-top: 200px;
  }
}

@media screen and (max-width: 576px) {
  .renovation__ideal {
    margin-top: 120px;
  }
}

.renovation__ideal__content {
  margin-top: 198px;
}

@media screen and (max-width: 768px) {
  .renovation__ideal__content {
    margin-top: 120px;
  }
}

@media screen and (max-width: 576px) {
  .renovation__ideal__content {
    margin-top: 80px;
  }
}

.renovation .renovation-agenda {
  margin-top: 110px;
}

@media screen and (max-width: 768px) {
  .renovation .renovation-agenda {
    margin-top: 80px;
  }
}

.renovation .renovation-agenda .position-relative {
  position: relative;
}

.renovation .renovation-agenda .renovation-agenda-pattern1 {
  padding-top: 57px;
  width: 100%;
  max-width: 1366px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .renovation .renovation-agenda .renovation-agenda-pattern1 {
    padding-top: 0;
  }
}

.renovation .renovation-agenda .renovation-agenda-pattern1 .left {
  padding: 0 47% 0 50px;
  text-align: left;
  width: 90%;
}

@media screen and (max-width: 768px) {
  .renovation .renovation-agenda .renovation-agenda-pattern1 .left {
    width: 100%;
    padding: 50px 20px 66px 20px;
  }
}

.renovation .renovation-agenda .renovation-agenda-pattern1 .left .title {
  font-size: 1.375rem;
  line-height: 30px;
}

@media screen and (max-width: 768px) {
  .renovation .renovation-agenda .renovation-agenda-pattern1 .left .title {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.renovation .renovation-agenda .renovation-agenda-pattern1 .left .body {
  margin-top: 30px;
  letter-spacing: 0;
  line-height: 21px;
}

@media screen and (max-width: 768px) {
  .renovation .renovation-agenda .renovation-agenda-pattern1 .left .body {
    margin-top: 20px;
    font-size: 0.875rem;
  }
}

.renovation .renovation-agenda .renovation-agenda-pattern1 .position-absolute {
  position: absolute;
  top: 280px;
  left: 46%;
  z-index: 100;
}

@media screen and (max-width: 768px) {
  .renovation .renovation-agenda .renovation-agenda-pattern1 .position-absolute {
    top: inherit;
    bottom: 155px;
    left: 20px;
    width: 115px;
  }
}

.renovation .renovation-agenda .renovation-agenda-pattern1 .right {
  margin-left: -36%;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .renovation .renovation-agenda .renovation-agenda-pattern1 .right {
    margin-right: 20px;
    margin-left: 28%;
    text-align: right;
  }
}

.renovation .renovation-agenda .renovation-agenda-pattern1::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #eacc9c;
  width: 90%;
  height: 70%;
}

@media screen and (max-width: 768px) {
  .renovation .renovation-agenda .renovation-agenda-pattern1::after {
    width: 100%;
    height: 83%;
  }
}

@media screen and (max-width: 768px) {
  .renovation .renovation-agenda .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.renovation .renovation-agenda .renovation-agenda-pattern2 {
  padding-top: 57px;
  width: 100%;
  margin-left: 50px;
  max-width: 1316px;
  margin-top: 200px;
  margin-bottom: 200px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .renovation .renovation-agenda .renovation-agenda-pattern2 {
    padding-top: 0;
    margin-left: 0;
  }
}

.renovation .renovation-agenda .renovation-agenda-pattern2 .right {
  width: 62.4%;
  padding: 290px 50px 168px 65px;
  text-align: left;
  max-width: 853px;
}

@media screen and (max-width: 768px) {
  .renovation .renovation-agenda .renovation-agenda-pattern2 .right {
    padding: 50px 20px 66px 20px;
    width: 80%;
    margin-left: auto;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}

.renovation .renovation-agenda .renovation-agenda-pattern2 .right .title {
  font-size: 1.375rem;
  line-height: 30px;
}

@media screen and (max-width: 768px) {
  .renovation .renovation-agenda .renovation-agenda-pattern2 .right .title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-align: left;
  }
}

.renovation .renovation-agenda .renovation-agenda-pattern2 .right .body {
  margin-top: 30px;
  letter-spacing: 0;
  line-height: 21px;
}

@media screen and (max-width: 768px) {
  .renovation .renovation-agenda .renovation-agenda-pattern2 .right .body {
    text-align: left;
    margin-top: 20px;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.renovation .renovation-agenda .renovation-agenda-pattern2 .left {
  margin-top: 80px;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .renovation .renovation-agenda .renovation-agenda-pattern2 .left {
    margin-top: 0;
    margin-left: 20px;
    margin-bottom: 50px;
    text-align: left;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 67%;
  }
}

.renovation .renovation-agenda .renovation-agenda-pattern2 .position-absolute {
  position: absolute;
  top: 171.4px;
  left: 33%;
  z-index: 100;
}

@media screen and (max-width: 768px) {
  .renovation .renovation-agenda .renovation-agenda-pattern2 .position-absolute {
    top: inherit;
    bottom: 200px;
    right: 20px;
    left: auto;
    width: 115px;
  }
}

.renovation .renovation-agenda-pattern2::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  z-index: -1;
  background-color: #bcd5c4;
  width: 65%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .renovation .renovation-agenda-pattern2::after {
    width: 80%;
    height: 100%;
  }
}

.concept__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .concept__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.concept__title {
  width: 27%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .concept__title {
    width: 100%;
  }
}

.concept__title__icon {
  width: 70px;
  display: block;
}

@media screen and (max-width: 768px) {
  .concept__title__icon {
    width: 52px;
  }
}

.concept__title__main {
  font-size: 3.75rem;
  line-height: 72px;
}

@media screen and (max-width: 768px) {
  .concept__title__main {
    font-size: 2rem;
    line-height: 40px;
  }
}

.concept__title__sub {
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
}

.concept__content {
  width: calc(73% - 46px);
}

@media screen and (max-width: 768px) {
  .concept__content {
    width: 100%;
    margin-top: 50px;
  }
}

.concept__content__title {
  font-size: 1.5rem;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .concept__content__title {
    text-align: center;
    font-size: 1.25rem;
  }
}

.concept__content__detail {
  margin-top: 20px;
  font-size: 1rem;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .concept__content__detail {
    margin-top: 30px;
    line-height: 22px;
  }
}

.concept__flex {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 36px;
  margin-top: 112px;
}

@media screen and (max-width: 768px) {
  .concept__flex {
    margin-top: 80px;
    grid-template-columns: repeat(2, 1fr);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    gap: 0;
  }
}

.concept__flex__list {
  width: 100%;
}

.concept__flex__list img {
  display: block;
  width: 100%;
}

.ideal__list {
  position: relative;
}

.ideal__list .ideal-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

@media screen and (max-width: 768px) {
  .ideal__list .ideal-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.ideal__list .ideal-flex.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .ideal__list .ideal-flex.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.ideal__list img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ideal__list .ideal-link.right {
  text-align: right;
}

.ideal__list .ideal-link.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ideal__list .ideal-link__inner {
  display: inline-block;
}

.ideal__list .ideal-link__inner.right {
  text-align: left;
}

.ideal__list .ideal-link__title {
  font-size: 3rem;
}

@media screen and (max-width: 768px) {
  .ideal__list .ideal-link__title {
    text-align: center;
    font-size: 1.75rem;
    line-height: 34px;
  }
}

.ideal__list .ideal-link__sub {
  font-size: 1.25rem;
  font-weight: 500;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .ideal__list .ideal-link__sub {
    text-align: center;
    font-size: 1rem;
    margin-top: 0;
  }
}

.ideal__list .ideal-link__detail {
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .ideal__list .ideal-link__detail {
    line-height: 24px;
    font-size: 0.875rem;
  }
}

.ideal__list.one,
.ideal__list.three {
  max-width: 1170px;
  margin-left: auto;
  padding-left: 50px;
}

@media screen and (max-width: 768px) {

  .ideal__list.one,
  .ideal__list.three {
    padding-left: 14.1%;
    padding-right: 5.13%;
  }
}

.ideal__list.one:after,
.ideal__list.three:after {
  content: "";
  position: absolute;
  left: -119px;
  bottom: 36.2px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 237px;
  height: 83px;
}

@media screen and (max-width: 1280px) {

  .ideal__list.one:after,
  .ideal__list.three:after {
    left: 8px;
  }
}

@media screen and (max-width: 992px) {

  .ideal__list.one:after,
  .ideal__list.three:after {
    width: 159px;
    height: 56px;
  }
}

@media screen and (max-width: 768px) {

  .ideal__list.one:after,
  .ideal__list.three:after {
    left: 5.13%;
    top: -26px;
  }
}

.ideal__list.one .ideal-main,
.ideal__list.three .ideal-main {
  width: 58.3%;
}

@media screen and (max-width: 768px) {

  .ideal__list.one .ideal-main,
  .ideal__list.three .ideal-main {
    width: 100%;
  }
}

.ideal__list.one .ideal-main img,
.ideal__list.three .ideal-main img {
  height: 100%;
}

.ideal__list.one .ideal-sub,
.ideal__list.three .ideal-sub {
  width: 41.7%;
}

@media screen and (max-width: 768px) {

  .ideal__list.one .ideal-sub,
  .ideal__list.three .ideal-sub {
    width: 100%;
  }
}

.ideal__list.one .ideal-link,
.ideal__list.three .ideal-link {
  width: 100%;
  background: #EACC9C;
  padding-right: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media screen and (max-width: 768px) {

  .ideal__list.one .ideal-link,
  .ideal__list.three .ideal-link {
    padding-top: 14px;
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.ideal__list.one .ideal-link__inner,
.ideal__list.three .ideal-link__inner {
  width: 77.9%;
}

@media screen and (max-width: 768px) {

  .ideal__list.one .ideal-link__inner,
  .ideal__list.three .ideal-link__inner {
    width: 100%;
    padding: 0 6%;
  }
}

.ideal__list.one .ideal-link__title,
.ideal__list.three .ideal-link__title {
  text-align: left;
}

@media screen and (max-width: 768px) {

  .ideal__list.one .ideal-link__title,
  .ideal__list.three .ideal-link__title {
    text-align: center;
  }
}

.ideal__list.one .ideal-link__detail,
.ideal__list.three .ideal-link__detail {
  text-align: left;
}

@media screen and (max-width: 768px) {

  .ideal__list.one .ideal-link__detail,
  .ideal__list.three .ideal-link__detail {
    margin-top: 12px;
    text-align: left;
  }
}

.ideal__list.one .ideal-link__btn,
.ideal__list.three .ideal-link__btn {
  margin-top: 20px;
}

.ideal__list.two,
.ideal__list.four {
  margin-top: 250px;
  max-width: 1170px;
  margin-right: auto;
  padding-right: 50px;
}

@media screen and (max-width: 768px) {

  .ideal__list.two,
  .ideal__list.four {
    margin-top: 120px;
    padding-right: 14.1%;
    padding-left: 5.13%;
  }
}

@media screen and (max-width: 576px) {

  .ideal__list.two,
  .ideal__list.four {
    margin-top: 80px;
  }
}

.ideal__list.two:after,
.ideal__list.four:after {
  content: "";
  position: absolute;
  right: -60px;
  bottom: 58px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 250.12px;
  height: 83.04px;
}

@media screen and (max-width: 1280px) {

  .ideal__list.two:after,
  .ideal__list.four:after {
    right: 6px;
  }
}

@media screen and (max-width: 992px) {

  .ideal__list.two:after,
  .ideal__list.four:after {
    width: 168px;
    height: 56px;
  }
}

@media screen and (max-width: 768px) {

  .ideal__list.two:after,
  .ideal__list.four:after {
    right: 5.13%;
    bottom: inherit;
    top: 45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
}

.ideal__list.two .ideal-main,
.ideal__list.four .ideal-main {
  width: 58.3%;
}

@media screen and (max-width: 768px) {

  .ideal__list.two .ideal-main,
  .ideal__list.four .ideal-main {
    width: 100%;
  }
}

.ideal__list.two .ideal-main img,
.ideal__list.four .ideal-main img {
  height: 100%;
}

.ideal__list.two .ideal-sub,
.ideal__list.four .ideal-sub {
  width: 41.9%;
}

@media screen and (max-width: 768px) {

  .ideal__list.two .ideal-sub,
  .ideal__list.four .ideal-sub {
    width: 100%;
  }
}

.ideal__list.two .ideal-link,
.ideal__list.four .ideal-link {
  width: 100%;
  background: #BCD5C4;
  padding-left: 50px;
  padding-top: 36px;
  padding-bottom: 34px;
}

@media screen and (max-width: 768px) {

  .ideal__list.two .ideal-link,
  .ideal__list.four .ideal-link {
    padding-top: 14px;
    padding-bottom: 30px;
    padding-left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.ideal__list.two .ideal-link__inner,
.ideal__list.four .ideal-link__inner {
  width: 77.9%;
}

@media screen and (max-width: 768px) {

  .ideal__list.two .ideal-link__inner,
  .ideal__list.four .ideal-link__inner {
    width: 100%;
    padding: 0 6%;
  }
}

.ideal__list.two .ideal-link__title,
.ideal__list.four .ideal-link__title {
  text-align: left;
}

@media screen and (max-width: 768px) {

  .ideal__list.two .ideal-link__title,
  .ideal__list.four .ideal-link__title {
    text-align: center;
  }
}

.ideal__list.two .ideal-link__detail,
.ideal__list.four .ideal-link__detail {
  text-align: left;
}

.ideal__list.two .ideal-link__btn,
.ideal__list.four .ideal-link__btn {
  margin-top: 20px;
}

.ideal__list.one:after {
  background-image: url("../img/ideal/ideal01.svg");
}

.ideal__list.two:after {
  background-image: url("../img/ideal/ideal02.svg");
}

.ideal__list.three {
  margin-top: 250px;
}

@media screen and (max-width: 768px) {
  .ideal__list.three {
    margin-top: 120px;
  }
}

@media screen and (max-width: 576px) {
  .ideal__list.three {
    margin-top: 80px;
  }
}

.ideal__list.three:after {
  width: 250.56px;
  height: 83.04px;
  background-image: url("../img/ideal/ideal03.svg");
}

@media screen and (max-width: 992px) {
  .ideal__list.three:after {
    width: 169px;
    height: 56px;
  }
}

.ideal__list.four:after {
  width: 253.92px;
  height: 83.04px;
  background-image: url("../img/ideal/ideal04.svg");
}

@media screen and (max-width: 992px) {
  .ideal__list.four:after {
    width: 172px;
    height: 56px;
  }
}

@media screen and (max-width: 768px) {
  .ideal__list.four:after {
    top: 30%;
  }
}

.blog {
  display: block;
  position: relative;
  width: 100%;
  color: #4E3A2A;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .blog {
    width: 93.395%;
    margin: auto;
  }
}

.blog__image {
  width: 89.74%;
  height: 245px;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 992px) {
  .blog__image {
    height: 200px;
  }
}

@media screen and (max-width: 576px) {
  .blog__image {
    width: 90%;
    height: 185px;
  }
}

.blog__image img {
  -webkit-transition: 1s all;
  transition: 1s all;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog__inner {
  padding-left: 10px;
  padding-bottom: 24px;
  padding-right: 12px;
}

@media screen and (max-width: 768px) {
  .blog__inner {
    padding-left: 8px;
    padding-bottom: 18px;
  }
}

.blog__data {
  margin-top: 12px;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 21px;
}

@media screen and (max-width: 768px) {
  .blog__data {
    font-size: 0.875rem;
    line-height: 16px;
    margin-top: 6px;
  }
}

.blog__title {
  margin-top: 3px;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 21px;
}

@media screen and (max-width: 768px) {
  .blog__title {
    margin-top: 4px;
    font-size: 0.875rem;
    line-height: 16px;
  }
}

.blog__content {
  margin-top: 8px;
  width: 70%;
  font-size: 1rem;
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 21px;
}

@media screen and (max-width: 768px) {
  .blog__content {
    font-size: 0.875rem;
    margin-top: 6px;
  }
}

.blog:hover .blog__image img {
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-transition: 1s all;
  transition: 1s all;
}

.blog:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 56px);
  background: #EACC9C;
}

@media screen and (max-width: 768px) {
  .blog:after {
    height: calc(100% - 42px);
  }
}

.recruit {
  margin-top: 140px;
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 100px);
  background: #BCD5C4;
  padding: 40px 0 80px;
}

@media screen and (max-width: 768px) {
  .recruit {
    width: 89.74%;
    margin-right: 5.13%;
    margin-left: 5.13%;
    padding: 32px 0 56px;
    margin-top: 100px;
  }
}

@media screen and (max-width: 576px) {
  .recruit {
    margin-top: 80px;
  }
}

.recruit__subtitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recruit__subtitle__text {
  font-size: 1.125rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .recruit__subtitle__text {
    text-align: center;
    font-size: 1rem;
  }
}

.recruit__subtitle__image {
  display: block;
  width: 58px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 576px) {
  .recruit__subtitle__image {
    width: 40px;
  }
}

.recruit__title {
  margin-top: 50px;
  text-align: center;
  font-size: 1.375rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .recruit__title {
    font-size: 1.25rem;
    margin-top: 32px;
  }
}

.recruit__list {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  width: 92%;
  margin-top: 40px;
  border-top: 1px solid #ffffff;
}

@media screen and (max-width: 768px) {
  .recruit__list {
    margin-top: 32px;
  }
}

.recruit__list__item {
  padding: 20px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ffffff;
}

@media screen and (max-width: 768px) {
  .recruit__list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.recruit__list__item p {
  font-size: 1rem;
  font-weight: 700;
}

@media screen and (max-width: 576px) {
  .recruit__list__item p {
    font-size: 0.875rem;
  }
}

.recruit__list__item__title {
  width: 265px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .recruit__list__item__title {
    width: 100%;
  }
}

.recruit__list__item__detail {
  width: calc(100% - 265px);
}

@media screen and (max-width: 768px) {
  .recruit__list__item__detail {
    width: 100%;
    margin-top: 8px;
  }
}

@media screen and (max-width: 576px) {
  .recruit__list__item__detail {
    margin-top: 4px;
  }
}

/* YouTube動画のレスポンシブ対応 */
.page-recruit .video {
  margin: 60px auto;
  max-width: 1000px;
  padding: 0 20px;
}

.page-recruit .video .video-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9のアスペクト比 */
}

.page-recruit .video .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* スタッフ紹介セクションの画像 */
.page-recruit .staff .recruit-staff-section .grid li img {
  width: 100%;
  aspect-ratio: 6 / 4;
  object-fit: cover;
  display: block;
}

/* インタビューセクションの画像 */
.page-recruit .interview .recruit-interview-section .list .list-item .innerwrap .img img {
  width: 100%;
  aspect-ratio: 6 / 4;
  object-fit: cover;
  display: block;
}

/* 代表メッセージの画像 */
.page-recruit .message .flex .left img {
  width: 100%;
  aspect-ratio: 6 / 4;
  object-fit: cover;
  display: block;
}

/* インタビューセクションで画像がない場合のテキストコンテンツ幅調整 */
.page-recruit .interview .recruit-interview-section .list .list-item .innerwrap:not(:has(.img)) .txtcontent {
  width: 100%;
}


/* 募集セクションタイトルのスタイル */
.info .section-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 20px;
  color: #333;
  border-bottom: 2px solid #ddd;
  padding-bottom: 8px;
}

/* 2つ目のinfoセクションのマージン */
.info+.info {
  margin-top: 40px;
}

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