@charset "UTF-8";
/* CSS Document */
.mv{
  overflow: hidden;
  position: relative;
  padding-bottom: 50px;
  text-align: center;min-width: 1200px;margin: auto
}
.mv h2{position: absolute;left: 0;right: 0;margin: auto;top: 23%;z-index: 10; font-weight: bold; font-size: 2.8rem;letter-spacing: 0.1em;text-indent: 0.1em; line-height: 1.9;color: #006ea3;text-shadow: 2px 2px 3px rgba(255,255,255,1);}
.mv img{border-radius: 0  0 80px 80px}
@media screen and (max-width: 1200px) {/*小さい画面*/
.mv{ min-width: 100%;}
.mv img{height: 40vh!important;min-height: 300px; object-fit: cover;border-radius: 0  0 30px 30px}
.mv h2{font-size: calc(0.25vw + 1.5rem);top: 12%;}
}
.mv .swiper {  overflow: visible;}
/* ページネーションの余白 */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px 10px;
}
/* ページネーションのサイズと色 */
.swiper-pagination-bullet {  background-color: #d9d9da;  opacity: 1;  height: 14px;  width: 14px;}
.swiper-pagination-bullet-active {  opacity: 1;  background: #f7b455;}
/* 画像サイズ調整 */
.mv .swiper-slide img {  height: auto;  width: 100%;}
.mv .swiper-pagination {  bottom: -10px !important;z-index: 1}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.swiper-pagination-bullet { height: 10px;  width: 10px;}
}


.page_home h3{font-weight: bold; font-size: 3.6rem;letter-spacing: 0.1em;text-indent: 0.1em;line-height: 1;}
.page_home h3 span{font-size: 1.2rem}
@media screen and (max-width: 1200px) {/*小さい画面*/
.page_home h3{font-size: calc(0.25vw + 2.5rem);line-height: 1.5;}
.page_home h3 span{font-size: calc(0.25vw + 1rem);}
}




.bt{width: 250px;margin: 50px auto 0}
.bt a{display: block;background: #fff; border: 1px solid  #595757;border-radius: 50px;padding: 8px 0;position: relative}
.bt a:after {    content: "";    position: absolute;    left: 90%;top: 50%; width: 11px;height: 11px;transform: translateY(-50%);	background: url("../images/arrow1.svg")}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.bt{width: 80%;}
}


.card{text-align: center;margin-top: 120px;}
.card .title-line {  position: relative;    display: inline-block;    padding: 0 55px;	font-size: 2.1rem;margin-top: 30px;letter-spacing: 0.1em;text-indent: 0.1em;}
.card .title-line::before,
.card .title-line::after {  content: '';    position: absolute;    top: 50%;    display: inline-block;    width: 50px;    height: 1px;    background-color: #666;}
.card .title-line::before {  left: 0;}
.card .title-line::after {  right: 0;}
.card .box{margin-top: 30px; background: #f2e8de;border-radius: 80px;padding: 50px 90px}
.card .box .txt{text-align: left}
.card .box .txt .coution{font-size: 1.3rem;margin: 20px 0}
.card .box .txt h5{font-weight: bold}
.card .box .col3_2{width: 54%}
.card .box .col3{width: 38%}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.card{margin-top: 80px;}
.card .box{border-radius: 50px;padding: 30px}
.card .box .col3_2{width: 100%;margin-bottom: 30px}
.card .box .col3{width: 100%}
}

.about{margin-top: 120px;background: url("../images/about_main.jpg") no-repeat left center;background-size: cover;border-radius: 0 80px 80px 0; margin-right: 10%;padding: 170px 0; }
.about .block{margin-right: 0;margin-left: auto;width:500px;text-align: center}
.about .block .copy{font-size: 1.8rem;margin-top: 30px;margin-bottom: 50px}
.about .block .bt{margin-top:15px }
.about .block .bt a{ background:rgba(255,255,255,0.5);}
.about .block .bt a:after {    content: "";    position: absolute;    left: 86%;top: 50%; width: 20px;height: 20px;transform: translateY(-50%);	background: url("../images/arrow2.svg");background-size: cover;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.about{border-radius: 50px; margin-right: 0%;padding: 100px 0;width: 90%;margin: 80px auto 0;background-position: 40% center }
.about .block{margin:auto;margin-left: auto;width:100%;text-align: center}
.about h3 b,
.about .block .copy span{ background:rgba(255,255,255,0.6);}

}


.shoppig{text-align: center;margin-top: 120px;background: #f5f2ec;padding: 80px 0 220px;position: relative}
.shoppig:before {content: '';  position: absolute;  bottom: 0%;  left: 0%;  box-sizing: border-box;  border-right: 50vw solid transparent;  border-left: 50vw solid transparent; border-bottom: 200px solid #fff;  border-top: none;}
.shoppig .copy,
.service .copy{margin-top: 30px;letter-spacing: 0.1em;text-indent: 0.1em;}
.shoppig .copy span,
.service .copy span{font-size: 2.4rem}
.shoppig ul.takuhai,
.service ul.takuhai{margin: 50px 0;display: flex;  flex-wrap: wrap;  gap: 0px;  width: 100%;border-radius: 80px;overflow: hidden;transition: transform 0.3s ease-out;}
.shoppig ul.takuhai:hover,
.service .takuhai:hover {  transform: scale(1.1);   z-index: 10;}
.shoppig .takuhai li,
.service .takuhai li{align-items: center;  background-color: #ccc;  display: flex; }
.shoppig .takuhai li:nth-child(1),
.service .takuhai li:nth-child(1){width: 55%;}
.shoppig .takuhai li:nth-child(2),
.service .takuhai li:nth-child(2){width: 45%;background: #f5a61a;color: #fff;align-items: center;justify-content: center;}

.service .takuhai.sougi li:nth-child(2){background: #b391c2;}
.service .takuhai.kaigo li:nth-child(2){background: #73be66;}

.shoppig h4,
.service h4{font-weight: bold;font-size: 4rem;letter-spacing: 0.1em;text-indent: 0.1em;}
.shoppig .copy,
.service .copy{margin-top: 10px;}
.shoppig .bt,
.service .bt{margin: 30px auto 0}
.link-box {  cursor: pointer;}

.service{text-align: center;padding: 0px 0;position: relative;background: none}
.service h3{margin-top: -50px;position: relative}

@media screen and (max-width: 1200px) {/*スマホのスタイル*/
.shoppig .takuhai li:nth-child(1),
.service .takuhai li:nth-child(1){width: 40%;}
.shoppig .takuhai li:nth-child(2),
.service .takuhai li:nth-child(2){width: 60%;padding: 30px 0}
.shoppig .takuhai li img,
.service .takuhai li img{object-fit:cover;height: 100%}
}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.shoppig{margin-top: 80px;padding: 50px 0 120px;position: relative}
.shoppig:before {border-bottom: 100px solid #fff; }

.shoppig ul.takuhai,
.service ul.takuhai{margin: 50px 0;border-radius: 50px;}
.shoppig .takuhai li:nth-child(1),
.service .takuhai li:nth-child(1){width: 100%;}
.shoppig .takuhai li:nth-child(2),
.service .takuhai li:nth-child(2){width: 100%;}
.shoppig h4,
.service h4{font-size: calc(0.25vw + 2.3rem);line-height: 1.5;}
.service h3{margin-top: -20px;}
}


.bnt_slide{position: relative;}
.bnt_slide .swiper-slide{border-radius: 80px;overflow: hidden;margin: 60px 0; padding: 100px 0;color: #fff;transition: transform 0.3s ease-out; /* 動きをスムーズに */}
.bnt_slide .swiper-slide:hover {  transform: scale(1.1);   z-index: 10;}
.bnt_slide .swiper-wrapper:hover .swiper-slide {  opacity: 0.3;}
.bnt_slide .swiper-wrapper:hover .swiper-slide:hover {  opacity: 1;}
.bnt_slide .store{background: url("../images/bnt_store.jpg");background-size: cover}
.bnt_slide .meal{background: url("../images/bnt_meal.jpg");background-size: cover}
.bnt_slide .move{background: url("../images/bnt_move.jpg");background-size: cover}
.bnt_slide .kyosi{background: url("../images/bnt_kyosi.jpg");background-size: cover}
.bnt_slide .gus{background: url("../images/bnt_gus.jpg");background-size: cover}
.bnt_slide .care{background: url("../images/bnt_care.jpg");background-size: cover}
.bnt_slide .support{background: url("../images/bnt_support.jpg");background-size: cover}


.bnt_slide .swiper-button-prev,
.bnt_slide .swiper-button-next {  height: 50px;  width: 50px;  opacity: 0.8}
/* 前へ次への矢印カスタマイズ */
.bnt_slide .swiper-button-prev::after,
.bnt_slide .swiper-button-next::after {
  background-repeat: no-repeat;  background-size: cover;  content: "";  height: 50px;  margin: auto;  width: 50px;}
/* 前への矢印カスタマイズ */
.bnt_slide .swiper-button-prev::after {  background-image: url("../images/prev.png");}
/* 次への矢印カスタマイズ */
.bnt_slide .swiper-button-next::after {  background-image: url("../images/next.png");}
.bnt_slide .swiper-button-prev:hover,
.bnt_slide .swiper-button-next:hover{opacity: 1}
/* ページネーションのサイズと色 */
.bnt_slide .swiper-pagination-bullet {  background-color: #d9d9da;  opacity: 1;  height: 14px;  width: 14px;}
.bnt_slide .swiper-pagination-bullet-active {  opacity: 1;  background: #f7b455; /* 例：赤色 */}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.bnt_slide .swiper-slide{border-radius: 50px;margin: 60px 0; padding: 60px 0;}
}