@charset "UTF-8";

.home {
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../images/v2/front/top-background.png');
  background-position: center 27vw;
}
@media screen and (max-width: 750px) {
  .home {
    background-size: cover;
    background-image: url('../../images/v2/front/sp-top-background.png');
    background-position: center 70vh;
  }
}

.top-main {
  margin: 0 60px;
}
@media screen and (max-width: 750px) {
  .top-main {
    margin: 0 5%;
  }
}

.top-main img {
  height: auto;
  max-width: 100%;
}

.first-view {
  position: relative;
  margin-left: calc(50% - 50vw);
  margin-bottom: 40px;
}

@media screen and (max-width: 750px) {
  .first-view {
    margin-bottom: 40px;
  }
}

.first-place-builder {
  position: absolute;
  z-index: 2;
  left: 60px;
  width: 14.8%;
}
@media screen and (max-width: 750px) {
  .first-place-builder {
    left: 5%;
    min-width: 52px;
  }
}

.first-place-builder picture{
  display: block;
  margin-bottom: 24px;
  filter: drop-shadow(0 10px 10px rgb(255, 255, 255, 0.5));
}
@media screen and (max-width: 750px) {
  .first-place-builder picture{
  margin-bottom: 8px;
}
}

@media screen and (max-width: 750px) {
  .first-view-wrapper {
    margin-bottom: 40px;
  }
}

.first-view-slider {
  overflow: inherit;
}

.first-view-slide-first p {
  position: absolute;
  color: #fff;
  white-space: nowrap;
  z-index: 10;
  font-size: 36px;
  top: 47%;
  left: 52%;
  transform: translate(-50%, -50%);
  text-shadow: 1px 1px 10px #000;
}
@media screen and (max-width: 750px) {
  .first-view-slide-first p {
    font-size: 16px;
  }
}

.main-visual img {
  width: 100%;
  height: 41.5vw;
  border-top-right-radius: 60px;
  object-fit: cover;
}
@media screen and (max-width: 750px) {
  .main-visual img {
    height: 60.6vw;
    border-top-right-radius: 45px;
  }
}

.first-view__infectious-countermeasures a {
  position: absolute;
  bottom: 6%;
  left: 5%;
  z-index: 2;
  width: 484px;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 50px;
}
@media screen and (max-width: 750px) {
  .first-view__infectious-countermeasures a {
    position: initial;
    background-color: transparent;
    width: 100%;
    justify-content: center;
    margin-left: 5%;
  }
}

.first-view__infectious-countermeasures p {
  padding: 0px 2.6%;
  font-size: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 750px) {
  .first-view__infectious-countermeasures p {
    padding: 0 2.6%;
    line-height: 2;
  }
}

.first-view__infectious-countermeasures span {
  font-size: 15px;
  font-weight: 600;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.first-view__infectious-countermeasures img {
  width: 90px;
  height: 78.5px;
  border-radius: 50px;
  object-fit: cover;
}
@media screen and (max-width: 750px) {
  .first-view__infectious-countermeasures img {
    border-radius: 21px;
  }
}

.top-slider {
  position: relative;
}

.case-slider {
  width: 100%;
  max-width: none;
  background: #fcf6d4;
  padding: 2% 0 3.5%;
  margin: 0;
  margin-bottom: 80px;
}
@media screen and (max-width: 750px) {
  .case-slider {
    width: 100vw;
    margin: 0 calc(50% - 50vw) 60px;
    padding: 5.2% 0 9.5%;
    margin-bottom: 60px;
  }
}

.case-slider-wrapper {
  transition-timing-function: linear !important;
}

.case-slider-slide,
.case-slider-slide-active {
  width: 28.5% !important;
  margin-right: 2.4% !important;
}
@media screen and (max-width: 750px) {
  .case-slider-slide,
  .case-slider-slide-active {
    width: 68.7% !important;
  }
}

.swiper-slide {
  position: relative;
}

.case-slider-slide a {
  display: inline-block;
  width: 100%;
}

.case-slider-slide img {
  width: 100% !important;
  object-fit: cover;
}

.case-slider-slide div {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  background-color: rgb(255, 241, 74);
}

.case-slider-pagination {
  bottom: 3% !important;
}

.swiper-pagination-bullet,
.swiper-pagination-bullet-active {
  border-radius: inherit !important;
  margin: 0 4px !important;
  width: 5px !important;
  height: 5px !important;
  background: #595757 !important;
  opacity: 0.3 !important;
}

.swiper-pagination-bullet-active {
  background: #595757 !important;
  opacity: 1 !important;
}

.top-event {
  margin: 0 auto;
  width: 100%;
  max-width: 730px;
  margin-bottom: 80px;
}
@media screen and (max-width: 750px) {
  .top-event {
    margin: 0 auto 60px;
    width: auto;
  }
}

.top-event__title {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
  .top-event__title {
    justify-content: space-between;
  }
}

.top-event__title::after {
  content: '';
  border-top: 0.05px solid #000;
  width: 70%;
}

.top-event__title h2 {
  font-size: 25px;
  font-weight: bold;
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-right: 14px;
}
@media screen and (max-width: 750px) {
  .top-event__title h2 {
    font-size: 16px;
    white-space: nowrap;
  }
}

.calender-icon {
  width: 28px;
  margin-right: 8px;
}

.top-event__content {
  padding: 0;
}

#top .modelhouse-event__content--item {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 750px) {
  #top .modelhouse-event__content--item {
    display: block;
  }
}

#top .modelhouse-event__content--item a {
  width: 50%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  #top .modelhouse-event__content--item a {
    width: 100%;
    font-size: 15px;
  }
}

#top .modelhouse-event__content--item div {
  width: 50%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 750px) {
  #top .modelhouse-event__content--item div {
    margin-bottom: 20px;
    display: block;
    width: auto;
    font-size: 15px;
  }
}

#top .modelhouse-event__content--item span {
  border: 1px solid #000;
  border-left-width: 9px;
  display: inline-block;
  text-align: center;
  min-width: 82px;
  padding: 6px 0;
  margin-right: 9.4%;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  #top .modelhouse-event__content--item span {
    padding: 1.5% 0;
  }
}

.top-event__link {
  text-align: right;
}

.category__link,
.case__link,
.column__link {
  text-align: center;
}

.top-event__link a,
.category__link a,
.case__link a,
.top-news__link a,
.top-blog__link a,
.column__link a {
  text-align: right;
  display: inline-block;
  font-weight: bold;
  color: #000;
  text-decoration: underline solid #000 1px;
  text-underline-offset: 0.3em;
}

.top-event__link span,
.category__link span,
.case__link span,
.top-news__link span,
.top-blog__link span,
.column__link span {
  font-weight: lighter;
}

.site-item__content {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  max-width: 772px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .site-item__content--item {
    height: 92px;
  }
}

.site-item__content:last-child {
  margin-bottom: 80px;
}

.site-item__content--item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% / 3 - 1.3%);
  height: 155px;
  background-color: #fff2b3;
  margin-right: 3px;
}
@media screen and (max-width: 750px) {
  .site-item__content--item {
    height: 92px;
  }
}

.box1,
.box2,
.box3 {
  margin-bottom: 3px;
}

.box3,
.box7 {
  margin-right: 0;
}

.box4,
.box5,
.box6,
.box7 {
  width: calc(100% / 4 - 1.1%);
  background-color: #fcf6d4;
}
@media screen and (max-width: 750px) {
  .box4,
  .box5,
  .box6,
  .box7 {
    width: calc(108% / 4 - 3.2%);
  }
}

.site-item__content--item img {
  height: 50%;
  width: 100%;
}
@media screen and (max-width: 750px) {
  .site-item__content--item img {
    height: 70%;
  }
}

.top-build-house,
.custom-house-case,
.ongoing-event {
  margin-bottom: 110px;
}

.top-build-house__content {
  position: relative;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.top-build-house__content img {
  width: 100%;
  height: 35.3vw;
  object-fit: cover;
  object-position: 0 75%;
}
@media screen and (max-width: 750px) {
  .top-build-house__content img {
    height: 55vw;
  }
}

.top-build-house__text {
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  left: 70px;
}
@media screen and (max-width: 750px) {
  .top-build-house__text {
    left: 7%;
  }
}

.top-build-house__text p {
  color: #fff;
  font-size: 36px;
  display: block;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  .top-build-house__text p {
    font-size: 16px;
  }
}

.top-build-house__text p:last-child {
  margin: 2.4vw 0 0 6.9vw;
}
@media screen and (max-width: 750px) {
  .top-build-house__text p:last-child {
    margin: 10px 0 0 55%;
  }
}

.beginner-guide {
  position: absolute;
  z-index: 2;
  bottom: 4.5%;
  right: 60px;
  display: block;
  background-color: #f39b00;
  color: #fff;
  font-weight: 600;
  padding: 0.8% 3.4% 0.8% 2.8%;
  border-radius: 50px;
}
@media screen and (max-width: 750px) {
  .beginner-guide {
    right: 5%;
    padding: 0.8% 1.6%;
  }
}

.beginner-guide span {
  font-weight: lighter;
}

.case-block {
  margin-bottom: 80px;
}

.case__title,
.ongoing-event__title,
.custom__title,
.shop__title,
.service-media__title,
.column__title {
  margin-bottom: 97px;
  position: relative;
  margin-left: 40px;
}
@media screen and (max-width: 750px) {
  .case__title,
  .ongoing-event__title,
  .custom__title,
  .shop__title,
  .service-media__title,
  .column__title {
    margin-bottom: 40px;
    margin-left: 15px;
  }
}

.case__title::before,
.ongoing-event__title::before,
.custom__title::before,
.shop__title::before,
.service-media__title::before,
.column__title::before {
  content: '';
  background-color: #f39b00;
  display: inline-block;
  position: absolute;
  top: -44%;
  left: -40px;
  z-index: -1;
  width: 58px;
  height: 58px;
  border-radius: 50px;
}
@media screen and (max-width: 750px) {
  .case__title::before,
  .ongoing-event__title::before,
  .custom__title::before,
  .shop__title::before,
  .service-media__title::before,
  .column__title::before {
    top: -20%;
    left: -17px;
    width: 34px;
    height: 34px;
  }
}

.case__title h2,
.ongoing-event__title h2,
.custom__title h2,
.service-media__title h2,
.shop__title h2,
.column__title h2 {
  font-weight: bold;
  font-size: 28px;
}
@media screen and (max-width: 750px) {
  .case__title h2,
  .ongoing-event__title h2,
  .custom__title h2,
  .service-media__title h2,
  .shop__title h2,
  .column__title h2 {
    font-size: 18px;
  }
}

.case__title h3,
.ongoing-event__title h3,
.custom__title h3,
.shop__title h3,
.column__title h3 {
  font-weight: bold;
  display: block;
  color: #f39b00;
  font-size: 16px;
}

#top .cases {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  margin-bottom: 60px;
}
@media screen and (max-width: 750px) {
  #top .cases {
    grid-template-columns: 1fr;
    margin: 0 auto 45px;
  }
}

#top .cases__item {
  position: relative;
  background-color: #fff;
  border-top-right-radius: 16px;
}

#top .cases__item--new::after {
  content: 'NEW';
  position: absolute;
  top: -20px;
  display: inline-block;
  background-color: #f39b00;
  border-radius: 50px;
  width: 38px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 9px 0;
  line-height: 1.7;
}
@media screen and (max-width: 750px) {
  #top .cases__item--new::after {
    border-radius: 0;
    top: 0;
    padding: 0 2px;
    width: auto;
    font-size: 16px;
  }
}

#top .case-thumbnail {
  display: block;
  width: 100%;
  height: 24.7vw;
  border-top-right-radius: 16px;
  object-fit: cover;
}
@media screen and (max-width: 750px) {
  #top .case-thumbnail {
    height: 60vw;
    object-position: 0 30%;
  }
}

#top .case-info {
  padding: 12% 11% 0;
}
@media screen and (max-width: 750px) {
  #top .case-info {
    padding: 6% 7.6% 0;
  }
}

#top .case-title {
  font-weight: bold;
  font-size: 19px;
  margin-bottom: 5.6%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  #top .case-title {
    font-size: 12px;
    margin-bottom: 4%;
  }
}

#top .case-address {
  font-size: 18px;
  font-style: normal;
  color: #595757;
  display: block;
  margin-bottom: 10.4%;
}
@media screen and (max-width: 750px) {
  #top .case-address {
    font-size: 12px;
    margin-bottom: 0;
  }
}

#top .case-tags {
  padding: 0 11% 9.6%;
}
@media screen and (max-width: 750px) {
  #top .case-tags {
    padding: 0 7.6% 6.6%;
  }
}

#top .case-tags__item {
  display: inline-block;
  margin-right: 8px;
}

#top .tag-link {
  font-size: 10px;
}
#top .tag-link::before {
  content: '#';
  display: inline-block;
}

#top .show-more {
  display: none;
}

#top .term {
  background-color: #fcf6d4;
  padding: 11px 12px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  margin: 0 auto 40px;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  #top .term {
    padding: 3%;
    width: auto;
  }
}

#top .price-term {
  margin: 0 auto 12px;
}

#top .category-price p{
  margin: 0 auto 20px;
  font-size: 12px;
}

.category {
  margin-bottom: 40px;
}
@media screen and (max-width: 750px) {
  .category {
    margin-bottom: 60px;
  }
}

.category-popular,
.price,
.area {
  text-align: center;
  width: auto;
}

#top .category-popular-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 11px;
  margin-bottom: 32px;
}
@media screen and (max-width: 750px) {
  #top .category-popular-list {
    grid-template-columns: 1fr 1fr;
  }
}

#top .category-popular-thumbnail {
  width: 100%;
  height: 15.3vw;
  border-top-right-radius: 15px;
  object-fit: cover;
  margin-bottom: 12px;
}
@media screen and (max-width: 750px) {
  #top .category-popular-thumbnail {
    height: 32.8vw;
  }
}

#top .category-popular-text {
  font-size: 12px;
  font-weight: 300;
  text-align: left;
}

.price {
  margin-bottom: 40px;
  text-align: center;
}

.area {
  text-align: center;
}

#top .category-price-list,
#top .category-area-list {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  #top .category-price-list,
  #top .category-area-list {
    flex-flow: row wrap;
  }
}

@media screen and (max-width: 750px) {
  #top .category-price-list__item {
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 750px) {
  #top .category-price-list__item:nth-child(2n) {
    width: 45%;
    justify-content: flex-start;
  }
}

#top .category-area-list__item {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 750px) {
  #top .category-area-list__item:first-child {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 750px) {
  #top .category-area-list__item:nth-child(3) {
    width: 100%;
    justify-content: center;
  }
}

#top .category-price-list__item::after,
#top .category-area-list__item::after {
  content: '|';
  padding: 0 20px;
  font-size: 19px;
}
@media screen and (max-width: 750px) {
  #top .category-area-list__item:after {
    padding: 0 10px;
  }
}

#top .category-price-list__item:last-child:after,
#top .category-area-list__item:last-child:after {
  content: none;
}

@media screen and (max-width: 750px) {
  #top .category-price-list__item:nth-child(2n + 1)::before,
  #top .category-price-list__item:last-child::after {
    content: '|';
    padding-right: 20px;
    font-size: 19px;
  }
}

@media screen and (max-width: 750px) {
  #top .category-area-list__item:nth-child(2n + 1)::before,
  #top .category-area-list__item:nth-child(n + 3)::before,
  #top .category-area-list__item:nth-child(n + 3)::after {
    content: '|';
    padding-right: 10px;
    font-size: 19px;
  }
}

@media screen and (max-width: 750px) {
  #top .category-price-list__item:nth-child(2n)::after,
  #top .category-area-list__item:nth-child(2)::after {
    padding-right: 0;
  }
}

@media screen and (max-width: 750px) {
  #top .category-area-list__item:nth-child(n + 3)::after {
    padding-right: 0;
  }
}

.area-event li {
  list-style-type: '|';
  font-size: 19px;
  padding: 0 2%;
  word-break: keep-all;
}

#top .category-price-link,
#top .category-area-link {
  color: #000;
  font-size: 19px;
}

.ongoing-event__content {
  display: flex;
  margin-bottom: 80px;
}

@media screen and (max-width: 750px) {
  .ongoing-event__content {
    flex-direction: column;
  }
}

.ongoing-event__content--item {
  margin-left: 18px;
  width: 34%;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .ongoing-event__content--item {
    margin-left: 0;
    width: 100%;
    margin-bottom: 20px;
  }
}

.ongoing-event__content--item:first-child {
  margin-left: 0;
}

.ongoing-event__content--item img {
  width: 100%;
  height: 22.6vw;
  border-top-right-radius: 24px;
  object-fit: cover;
  margin-bottom: 6.2%;
}
@media screen and (max-width: 750px) {
  .ongoing-event__content--item img {
    height: 70vw;
    margin-bottom: 6.2%;
  }
}

.ongoing-event__content--item time {
  display: inline-block;
  margin-bottom: 5.2%;
}

.ongoing-event__content--text {
  background-color: #eeeeef;
  padding: 5% 0 3.6%;
}

.ongoing-event__content--text h4 {
  display: block;
  font-weight: bold;
  margin-bottom: 6%;
}
@media screen and (max-width: 750px) {
  .ongoing-event__content--text h4 {
    font-size: 19px;
  }
}

#top .ongoing-event-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
}
@media screen and (max-width: 750px) {
  #top .ongoing-event-list {
    margin-bottom: 64px;
  }
}

.ongoing-event-list .event-list__item {
  width: calc((100% - 51px) / 3);
  margin: 0 6px 21px;
}

@media screen and (max-width: 750px) {
  .ongoing-event-list .event-list__item {
    width: calc(100% - 12px);
    margin: 0 6px 21px 6px;
  }
}

.ongoing-event-list .event-list__item .event-link {
  display: block;
}

.ongoing-event-list .event-list__item .event-image {
  width: 100%;
  border-radius: 0 15px 0 0;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.ongoing-event-list .event-list__item .event-date {
  font-size: 21px;
  line-height: 1;
  margin: 23px 0 18px 0;
  display: block;
  text-align: center;
}

.ongoing-event-list .event-list__item .event-description {
  background: #dbdcdc;
  padding: 12px 16px;
  text-align: center;
}

.ongoing-event-list
  .event-list__item
  .event-description
  .event-description__title {
  font-size: 20px;
  line-height: 1.45;
  margin: 0 0 20px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.ongoing-event-list
  .event-list__item
  .event-description
  .event-description__store {
  font-size: 16px;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

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

.area-event h2 {
  display: block;
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .area-event h2 {
    font-size: 16px;
  }
}

.area-event__content {
  background-color: #dbdcdc;
  border-radius: 50px;
  width: 58%;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .area-event__content {
    width: 95%;
  }
}

#top .area-event ul {
  padding: 2% 0;
  display: flex;
  justify-content: center;
}

.area-event li {
  margin-right: 2%;
}
.area-event li:last-child {
  margin-right: 0;
}

.area-event li:first-child {
  list-style-type: none;
}

.area-event a {
  font-weight: bold;
  font-size: 19px;
  letter-spacing: 0.34rem;
  white-space: nowrap;
  padding: 4% 6%;
}
@media screen and (max-width: 750px) {
  .area-event a {
    font-size: 16px;
    letter-spacing: 0.1rem;
    padding: 2% 6%;
  }
}

.custom__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.custom__list .custom__list__item {
  width: 45%;
  margin: 0 60px 60px 0;
}
@media screen and (max-width: 750px) {
  .custom__list .custom__list__item {
    width: 100%;
    margin: 0 0 60px 0;
  }
}

.custom__list .custom__list__item:nth-child(2n) {
  margin: 0 0 60px 0;
}

.custom__list .list__flex {
  display: flex;
  margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
  .custom__list .list__flex {
    flex-direction: column;
  }
}

.custom__list .custom__list__item h2 {
  font-size: 21px;
  margin-bottom: 10px;
}

.custom__list .list__flex img:first-child {
  border-top-right-radius: 25px;
  object-fit: cover;
}

.custom__list .list__flex img {
  width: 50%;
  height: 32vh;
  object-fit: contain;
}
@media screen and (max-width: 750px) {
  .custom__list .list__flex img {
    width: 100%;
    height: auto;
  }
}

.list__flex__text {
  display: flex;
  justify-content: space-between;
}

.list__flex__text .flex__text {
  width: 80%;
}

.info__price {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.info__price__label {
  text-align: center;
  display: block;
  color: #fff;
  font-size: 15px;
  background-color: #575757;
  width: 60px;
  padding: 10px;
  margin-right: 10px;
}

.info__price__item {
  text-align: left;
}

.info__price__item p {
  font-weight: bold;
  font-size: 18px;
}
.info__price__item p:last-child {
  font-size: 14px;
}

.info__price__item span {
  font-size: 28px;
}

.list__flex__text .flex__button {
  display: inline-block;
}

.shop {
  margin-bottom: 80px;
}

.shop__content {
  display: flex;
  justify-content: center;
}

.shop__content img {
  max-width: 100%;
}

.shop__content--left-item {
  width: 75.2%;
  display: grid;
  grid-template-rows: 408px auto;
  grid-template-columns: 1.5fr 5% 0.78fr;
}
@media screen and (max-width: 750px) {
  .shop__content--left-item {
    width: 100%;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

.shop-left-image {
  margin-top: 8%;
  grid-row: 1 / 2;
}
@media screen and (max-width: 750px) {
  .shop-left-image {
    width: 100%;
    margin: 0 auto 20px;
    grid-row: inherit;
  }
}

.shop-left-text {
  padding-left: 9.2%;
  grid-row: 3 / 3;
}
@media screen and (max-width: 750px) {
  .shop-left-text {
    padding-left: 0;
  }
}

.shop-left-text a {
  display: inline-block;
  font-weight: bold;
  text-decoration: underline solid #000 1px;
  text-underline-offset: 0.3em;
  margin-bottom: 20px;
}

.shop-left-text a:last-child {
  margin-bottom: 0;
}

.shop-left-text h4 {
  margin-bottom: 12px;
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 0.3em;
}
@media screen and (max-width: 750px) {
  .shop-left-text h4 {
    margin-bottom: 4px;
  }
}

.shop-left-text p {
  display: block;
  margin-bottom: 20px;
}

.shop-left-text span {
  font-weight: 300;
}

.shop-center-text {
  margin-top: 4%;
  grid-column: 3 / 4;
  grid-row: 2 / 1;
}
@media screen and (max-width: 750px) {
  .shop-center-text {
    margin: 0 auto 30px;
    grid-row: inherit;
    grid-column: inherit;
  }
}

.shop-center-text h3 {
  display: block;
  font-size: 21px;
  line-height: 1.7;
  margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
  .shop-center-text h3 {
    font-size: 16px;
    line-height: inherit;
    margin-bottom: 20px;
  }
}

.shop-center-image {
  padding-left: 11.6%;
  grid-row: 2 / 4;
  grid-column: 3 / 3;
}
@media screen and (max-width: 750px) {
  .shop-center-image {
    display: none;
  }
}

.shop__content--right-item {
  width: 21%;
  margin-left: 3.8%;
}
@media screen and (max-width: 750px) {
  .shop__content--right-item {
    display: none;
  }
}
.service-media {
  margin-bottom: 60px;
}

.service-media__content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  justify-items: center;
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 10px;
}

@media screen and (max-width: 750px) {
  .service-media__content {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    padding: 0 8px;
  }
}

.service-item {
  display: block;
  width: 100%;
  transition: opacity 0.3s ease;
}

.service-item:hover {
  opacity: 0.8;
}

.service-item img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

@media screen and (max-width: 750px) {
  .service-item img {
    border-radius: 4px;
  }
}

#contact .contact {
  width: 87%;
  margin: 0 auto 74px;
  padding: 32px 0 26px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 750px) {
  #contact .contact {
    width: 100%;
  }
}

#contact .contact__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1000px;
  margin: 0 auto 28px;
}
@media screen and (max-width: 750px) {
  #contact .contact__content {
    text-align: center;
    flex-direction: column;
  }
}

#contact .contact__text {
  width: 53%;
}
@media screen and (max-width: 750px) {
  #contact .contact__text {
    width: 100%;
    margin-bottom: 20px;
  }
}

#contact .contact__text h2 {
  display: block;
  font-size: 32px;
  line-height: 1.75em;
  letter-spacing: 0.1em;
  margin-bottom: 42px;
}
@media screen and (max-width: 750px) {
  #contact .contact__text h2 {
    text-align: left;
    font-size: 18px;
    margin-bottom: 16px;
  }
}

#contact .contact__text p {
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #contact .contact__text p {
    text-align: left;
  }
}

#contact .contact__call {
  width: 45%;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #contact .contact__call {
    width: 100%;
  }
}

#contact .contact__call a {
  display: inline-block;
  text-align: center;
}

#contact .contact__call p {
  display: block;
  font-size: 21px;
  font-weight: 300;
}

#contact .contact__call p:first-child {
  max-width: 396px;
  background-color: #f39b00;
  color: #fff;
  font-size: 21px;
  font-weight: 600;
  padding: 4.8% 3.4%;
  border-radius: 50px;
  margin: 0 auto 30px;
}
#contact .contact__call p:nth-child(3) {
  color: #000;
}
@media screen and (max-width: 750px) {
  #contact .contact__call p:nth-child(3) {
    font-size: 16px;
  }
}

#contact .contact__call__content {
  display: flex;
  justify-content: center;
  margin-bottom: 34px;
}

#contact .contact__call__content p {
  color: #f39b00;
  text-align: left;
  font-size: 46px;
  font-weight: 600;
  margin-left: 8px;
}
@media screen and (max-width: 750px) {
  #contact .contact__call__content p {
    font-size: 38px;
  }
}

#contact .contact__button-area {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 750px) {
  #contact .contact__button-area {
    flex-direction: column;
  }
}

#contact .contact__button-area a {
  background-color: #fff2b3;
  text-align: center;
  width: 33%;
  padding: 23px 0;
  margin-right: 8px;
}
@media screen and (max-width: 750px) {
  #contact .contact__button-area a {
    width: 90%;
    margin: 0 0 8px 0;
  }
}

#contact .contact__button-area a:last-child {
  margin-right: 0;
}
@media screen and (max-width: 750px) {
  #contact .contact__button-area a:last-child {
    margin-bottom: 0;
  }
}

#contact .contact__button-area img {
  height: 83px;
}

#contact .contact__banner {
  margin: 0 auto 74px;
  text-align: center;
}

#contact .contact__banner a {
  display: inline-block;
}

.news-blog {
  margin-bottom: 110px;
}

.top-news,
.top-blog {
  padding: 17px 0 22.5px;
  background-color: #dbdcdc;
  width: 100%;
}
@media screen and (max-width: 750px) {
  .top-news,
  .top-blog {
    padding: 17px 3.4% 22.5px;
  }
}

.top-news {
  margin-bottom: 20px;
}
/* 
#top .news__content,
#top .blog__content {

}
@media screen and (max-width: 750px) {
  #top .news__content,
  #top .blog__content {
    flex-direction: column;
  }
} */

.top-news__title,
.top-blog__title {
  display: flex;
  justify-content: space-between;
  margin: 0 5% 30px;
}
@media screen and (max-width: 750px) {
  .top-news__title,
  .top-blog__title {
    margin: 0 0 30px;
  }
}

.top-news__title__flex,
.top-blog__title__flex {
  display: flex;
  width: 90%;
  align-items: flex-end;
}

.top-news__title h2,
.top-blog__title h2 {
  font-weight: bold;
  font-size: 25px;
}

.top-news__title__flex::after,
.top-blog__title__flex::after {
  content: '';
  border-top: 0.05px solid #000;
  width: 70%;
  display: block;
}

#top .news-list,
#top .blog-list {
  display: flex;
}
@media screen and (max-width: 750px) {
  #top .news-list,
  #top .blog-list {
    flex-direction: column;
  }
}

#top .news-list__item,
#top .blog-list__item {
  width: 33%;
  margin-right: 1%;
}
@media screen and (max-width: 750px) {
  #top .news-list__item,
  #top .blog-list__item {
    width: 100%;
  }
}

#top .news-list__item:last-child,
#top .blog-list__item:last-child {
  margin-right: 0;
}

#top .news-list__item .content,
#top .blog-list__item .content {
  padding: 11.5px;
}

#top .link {
  padding: 11.5px 0;
}
@media screen and (max-width: 750px) {
  .top-news__article-link a,
  .top-blog__article-link a {
    flex-direction: column;
    margin-bottom: 23px;
  }
}

#top .thumbnail__text {
  display: none;
}

#top .thumbnail__img {
  height: 18vw;
  width: -webkit-fill-available;
  border-top-right-radius: 25px;
  object-fit: cover;
}
@media screen and (max-width: 750px) {
  #top .thumbnail__img {
    height: 50vw;
    border-top-right-radius: 15px;
  }
}

#top .datetime {
  font-size: 12px;
  width: 110px;
  margin-right: 4%;
}
@media screen and (max-width: 750px) {
  #top .datetime {
    font-size: 16px;
    width: auto;
  }
}

#top .title,
#top .blog-list__item .content h4 {
  font-size: 16px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  #top .title,
  #top .blog-list__item .content h4 {
    width: auto;
  }
}

#top .text {
  display: none;
}

#top .read-more {
  display: none;
}

#top .news__link,
#top .blog__link {
  text-align: right;
}

#top .news__link__item,
#top .blog__link__item {
  display: inline-block;
  font-weight: bold;
  color: #000;
  text-decoration: underline solid #000 1px;
  text-underline-offset: 0.3em;
  white-space: nowrap;
}

#top .news__link__item span,
#top .blog__link__item span {
  font-weight: lighter;
}

.column {
  margin-bottom: 80px;
}
@media screen and (max-width: 750px) {
  .column {
    margin-bottom: 60px;
  }
}

.column__title {
  margin-bottom: 24px;
}

.column__wrap {
  background-color: #eeeeef;
  margin: 0 calc(50% - 50vw);
  width: 100vw;

  padding: 34px 0;
}

.column__content {
  display: flex;
  justify-content: center;
  margin: 0 auto 40px;
  width: 80%;
  max-width: 1500px;
}
@media screen and (max-width: 750px) {
  .column__content {
    flex-direction: column;
  }
}

.column__content--item {
  margin-right: 2%;
  width: 34%;
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  .column__content--item {
    margin: 0 0 20px 0;
    width: 100%;
    border-top-right-radius: 15px;
  }
}

.column__content--item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 750px) {
  .column__content--item:last-child {
    margin: 0;
  }
}

.column__content--item img {
  width: 100%;
  height: 18vw;
  object-fit: cover;
}
@media screen and (max-width: 750px) {
  .column__content--item img {
    height: 50vw;
    border-top-right-radius: 15px;
    object-fit: cover;
  }
}

.column__text {
  padding: 3.8% 4.5%;
}

.column__content--item span {
  border: 1px solid #000;
  padding: 1.6% 3.8%;
  display: inline-block;
  margin-bottom: 11px;
}
@media screen and (max-width: 750px) {
  .column__content--item span {
    padding: 1.2% 2.2%;
    line-height: 1;
  }
}

.column__content--item h4 {
  display: block;
  font-weight: bold;
  font-size: 16px;
}