@charset "UTF-8";
/* base
------------------------------*/
/*@import url("https://fonts.googleapis.com/css2?family=Spartan:wght@400;700&display=swap");*/
/*:root {
  --easing: cubic-bezier(.2, 1, .2, 1);
  --transition: .8s var(--easing);
  --color-base: #f8f8f8;
  --color-gray: #ddd;
  --color-theme: #E9F4F7;
  --color-theme-darken: #333;
  --box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #fff;
  --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, .08), -1rem -1rem 1.5rem #fff;
  --box-shadow-inset: inset .8rem .8rem 1.2rem rgba(0, 0, 0, .05), inset -.8rem -.8rem 1.2rem #fff;
  --box-shadow-dark: .8rem .8rem 1.2rem rgba(0, 0, 0, .1), -.8rem -.8rem 1.2rem rgba(#fff,.2);
}*/


a {
		text-decoration: none;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

::-moz-selection {
  color: #fff;
  background: var(--color-theme);
}

/*::selection {
  color: #fff;
  background: var(--color-theme);
}*/

/* 4つの場合（基準） */
.l-inner {
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 5rem;
}
@media only screen and (max-width: 1024px) {
  .l-inner {
		width: 100%;/*80%72%*/
		padding: 0;/*0 2rem*/
  }
}

.l-section {
  border-top: 1px solid #eee;
}
.l-section .l-inner {
  padding-top: 8rem;
  padding-bottom: 4rem;
}

/* 3つの場合 */
.l3-inner {
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 5rem;
}
@media only screen and (max-width: 1024px) {
  .l3-inner {
		width: 100%;/*80%72%*/
		padding: 0;/*0 2rem*/
  }
}

.l-section .l3-inner {
  padding-top: 8rem;
  padding-bottom: 4rem;
}

/* 平面図の場合（20240911） */
.l-inner_plan {
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  max-width: 1100px;
  margin: 80px auto;
/*  padding: 0 5rem;*/
}
@media only screen and (max-width: 1024px) {
  .l-inner_plan {
		width: 100%;/*80%72%*/
		padding: 0;/*0 2rem*/
  }
}

/* 予約画面の場合（20240911） */
.l-inner_reserve {
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  max-width: 910px;
  margin: 0 auto;
/*  padding: 0 5rem;*/
}
@media only screen and (max-width: 1024px) {
  .l-inner_reserve {
		width: 100%;/*80%72%*/
		padding: 0;/*0 2rem*/
  }
}

/* slider */
[class*=swiper]:focus {
  outline: none;
}

.slide-media,
.thumb-media {
  position: relative;
  overflow: hidden;
}
.slide-media img,
.thumb-media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* 前へ / 次へボタン */
/* 20240911 ボタンデザイン修正 */
.page-box {
	padding-bottom: 50px;
/*	padding-bottom: 10px;*/
}

.box-bottom {
	margin-bottom: 80px;
}

/* card01_イベント */
.card01 {
	margin: 0 auto;
	color: #333;
}
  .card01 .swiper {
/*    padding-top: 16px;*/
  }

.card01 .swiper-area {
	position: relative;
/*	width: 1100px;
	margin: 0 auto;*/
}

.card01 .swiper-slide {
	background-color: #fff;
	max-width: 251px;
	margin: 0 12px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	
}

.card01 .swiper-pagination {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	gap: 0rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	  -ms-flex-pack: center;
		  justify-content: center;
	margin-top: 3.2rem;
	text-align: center;
}
.card01 .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  vertical-align: top;
	opacity:0.9;
  background-color: #d3d3d3;
}
.card01 .swiper-pagination-bullet-active {
/*  width: 4rem;
  background-color: var(--color-theme);*/
  background-color: #adabab;
}
.card01 .swiper-button-prev, .card01 .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}
.card01 .swiper-button-prev {
    left: -1rem;
}
.card01 .swiper-button-next {
	right: -1rem;
}
.card01 .swiper-button-prev::before, .card01 .swiper-button-next::before {
	position: absolute;
	content: "";
	width: 3rem;/*2.5rem*/
	height: 5.5rem;/*2.5rem*/
	border-radius: 0;/*50%*/
	background-color: #fff;
	opacity: 0.85;
}
.card01 .swiper-button-prev::after, .card01 .swiper-button-next::after {
	width: 0.8rem;
	height: 0.8rem;
	content: "";
	border: solid rgba(37,66,86,1);
	border-width: 3px 3px 0 0;
}
.card01 .swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.card01 .swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.card01 .slide {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card01 .slide img {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card01 .slide:hover {
/*    -webkit-transform: translateY(-16px);
	transform: translateY(-16px);*/
}
.card01 .slide:hover img {
	-webkit-transform: translateY(0);
			transform: translateY(0);
}
.card01 .slide-media {
	padding-top: 62.5%;
	border-radius: 4px;
}
.card01 .slide-media img {
	height: calc(100% + 16px);
/*    -webkit-transform: translateY(-16px);
		transform: translateY(-16px);*/
}
.card01 .slide-content {
	padding: 3.2rem 0;
}
.card01 .slide-date {
	font-size: 1.2rem;
	line-height: 1;
	display: block;
	color: var(--color-theme);
}
.card01 .slide-title {
	line-height: 1.6;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 3.2em;
	margin-top: 1.6rem;
}
@media only screen and (max-width: 1024px) {
	.card01 {
		width: 100%;
		margin: 0 auto;
		color: #333;
	}

	.card01 .swiper-slide {
		background-color: #fff;
		max-width: 80%;
		margin: 0;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	
	}
	.card01 .swiper-area {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	.card01 .swiper-button-prev {
	    left: 2.5rem;
	}
	.card01 .swiper-button-next {
		right: 2.5rem;
	}
}

/* card02_モデルハウス */
.card02 {
	margin: 0 auto;
	color: #333;
}
.card02 .swiper {
	padding-top: 16px;
}
.card02 .swiper-area {
  position: relative;
}

.card02 .swiper-slide {
	background-color: #fff;
	max-width: 251px;
	margin: 0 12px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	
}

.card02 .swiper-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3.2rem;
  text-align: center;
}
.card02 .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  vertical-align: top;
	opacity:0.9;
  background-color: #d3d3d3;
}
.card02 .swiper-pagination-bullet-active {
/*  width: 4rem;
  background-color: var(--color-theme);*/
  background-color: #adabab;
}
.card02 .swiper-button-prev, .card02 .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}
.card02 .swiper-button-prev {
  left: -1rem;
}
.card02 .swiper-button-next {
  right: -1rem;
}
.card02 .swiper-button-prev::before, .card02 .swiper-button-next::before {
	position: absolute;
	content: "";
	width: 3rem;/*2.5rem*/
	height: 5.5rem;/*2.5rem*/
	border-radius: 0;/*50%*/
	background-color: #fff;
	opacity: 0.85;
}
.card02 .swiper-button-prev::after, .card02 .swiper-button-next::after {
	width: 0.8rem;
	height: 0.8rem;
	content: "";
	border: solid rgba(37,66,86,1);
	border-width: 3px 3px 0 0;
}
.card02 .swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.card02 .swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.card02 .slide {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card02 .slide img {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card02 .slide:hover {
	/*    -webkit-transform: translateY(-16px);
	transform: translateY(-16px);*/
}
.card02 .slide:hover img {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.card02 .slide-media {
	padding-top: 62.5%;
	border-radius: 4px;
}
.card02 .slide-media img {
	height: calc(100% + 16px);
/*    -webkit-transform: translateY(-16px);
	transform: translateY(-16px);*/
}
.card02 .slide-content {
	padding: 3.2rem 0;
}
.card02 .slide-date {
	font-size: 1.2rem;
	line-height: 1;
	display: block;
	color: var(--color-theme);
}
.card02 .slide-title {
	line-height: 1.6;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 3.2em;
	margin-top: 1.6rem;
}
@media only screen and (max-width: 1024px) {
	.card02 {
		width: 100%;
		margin: 0 auto;
		color: #333;
	}
	.card02 .swiper-slide {
		background-color: #fff;
		max-width: 80%;
		margin: 0;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	
	}
	.card02 .swiper-area {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	.card02 .swiper-button-prev {
	    left: 2.5rem;
	}
	.card02 .swiper-button-next {
		right: 2.5rem;
	}
}
/* card03_建売物件 */
.card03 {
	margin: 0 auto;
	color: #333;
}
.card03 .swiper {
	padding-top: 16px;
}
.card03 .swiper-area {
  position: relative;
}

.card03 .swiper-slide {
	background-color: #fff;
	max-width: 251px;
	margin: 0 12px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	
}

.card03 .swiper-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3.2rem;
  text-align: center;
}
.card03 .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  vertical-align: top;
	opacity:0.9;
  background-color: #d3d3d3;
}
.card03 .swiper-pagination-bullet-active {
/*  width: 4rem;
  background-color: var(--color-theme);*/
  background-color: #adabab;
}
.card03 .swiper-button-prev, .card03 .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}
.card03 .swiper-button-prev {
	 left: -1rem;
}
.card03 .swiper-button-next {
	 right: -1rem;
}
.card03 .swiper-button-prev::before, .card03 .swiper-button-next::before {
	position: absolute;
	content: "";
	width: 3rem;/*2.5rem*/
	height: 5.5rem;/*2.5rem*/
	border-radius: 0;/*50%*/
	background-color: #fff;
	opacity: 0.85;
}
.card03 .swiper-button-prev::after, .card03 .swiper-button-next::after {
	width: 0.8rem;
	height: 0.8rem;
	content: "";
	border: solid rgba(37,66,86,1);
	border-width: 3px 3px 0 0;
}

.card03 .swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.card03 .swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.card03 .slide {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card03 .slide img {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card03 .slide:hover {
/*    -webkit-transform: translateY(-16px);
	transform: translateY(-16px);*/
}
.card03 .slide:hover img {
	-webkit-transform: translateY(0);
			transform: translateY(0);
}
.card03 .slide-media {
	padding-top: 62.5%;
	border-radius: 4px;
}
.card03 .slide-media img {
	height: calc(100% + 16px);
	/*    -webkit-transform: translateY(-16px);
			transform: translateY(-16px);*/
}
.card03 .slide-content {
	padding: 3.2rem 0;
}
.card03 .slide-date {
	font-size: 1.2rem;
	line-height: 1;
	display: block;
	color: var(--color-theme);
}
.card03 .slide-title {
	line-height: 1.6;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 3.2em;
	margin-top: 1.6rem;
}
@media only screen and (max-width: 1024px) {
	.card03 {
		width: 100%;
		margin: 0 auto;
		color: #333;
	}

	.card03 .swiper-slide {
		background-color: #fff;
		max-width: 80%;
		margin: 0;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	
	}
	.card03 .swiper-area {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	.card03 .swiper-button-prev {
	    left: 2.5rem;
	}
	.card03 .swiper-button-next {
		right: 2.5rem;
	}
}

/* card04_土地情報 */
.card04 {
	margin: 0 auto;
	color: #333;
}
.card04 .swiper {
	padding-top: 16px;
}
.card04 .swiper-area {
  position: relative;
}

.card04 .swiper-slide {
	background-color: #fff;
	max-width: 251px;
	margin: 0 12px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	
}

.card04 .swiper-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3.2rem;
  text-align: center;
}
.card04 .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  vertical-align: top;
	opacity:0.9;
  background-color: #d3d3d3;
}
.card04 .swiper-pagination-bullet-active {
/*  width: 4rem;
  background-color: var(--color-theme);*/
  background-color: #adabab;
}
.card04 .swiper-button-prev, .card04 .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}
.card04 .swiper-button-prev {
	 left: -1rem;
}
.card04 .swiper-button-next {
	right: -1rem;
}
.card04 .swiper-button-prev::before, .card04 .swiper-button-next::before {
	position: absolute;
	content: "";
	width: 3rem;/*2.5rem*/
	height: 5.5rem;/*2.5rem*/
	border-radius: 0;/*50%*/
	background-color: #fff;
	opacity: 0.85;
}
.card04 .swiper-button-prev::after, .card04 .swiper-button-next::after {
	width: 0.8rem;
	height: 0.8rem;
	content: "";
	border: solid rgba(37,66,86,1);
	border-width: 3px 3px 0 0;
}

.card04 .swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.card04 .swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.card04 .slide {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card04 .slide img {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card04 .slide:hover {
/*    -webkit-transform: translateY(-16px);
	transform: translateY(-16px);*/
}
.card04 .slide:hover img {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.card04 .slide-media {
	padding-top: 62.5%;
	border-radius: 4px;
}
.card04 .slide-media img {
  height: calc(100% + 16px);/*    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);*/
}
.card04 .slide-content {
  padding: 3.2rem 0;
}
.card04 .slide-date {
  font-size: 1.2rem;
  line-height: 1;
  display: block;
  color: var(--color-theme);
}
.card04 .slide-title {
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3.2em;
  margin-top: 1.6rem;
}

@media only screen and (max-width: 1024px) {
	.card04 {
		width: 100%;
		margin: 0 auto;
		color: #333;
	}

	.card04 .swiper-slide {
		background-color: #fff;
		max-width: 80%;
		margin: 0;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	
	}
	.card04 .swiper-area {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	.card04 .swiper-button-prev {
	    left: 2.5rem;
	}
	.card04 .swiper-button-next {
		right: 2.5rem;
	}
}

/* card05_その他コンテンツ */
.card05 {
	margin: 0 auto;
	color: #333;
}
.card05 .swiper {
	padding-top: 16px;
}
.card05 .swiper-area {
  position: relative;
}

.card05 .swiper-slide {
	background-color: #fff;
	max-width: 251px;
	margin: 0 12px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	
}

.card05 .swiper-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3.2rem;
  text-align: center;
}
.card05 .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  vertical-align: top;
	opacity:0.9;
  background-color: #d3d3d3;
}
.card05 .swiper-pagination-bullet-active {
/*  width: 4rem;
  background-color: var(--color-theme);*/
  background-color: #adabab;
}
.card05 .swiper-button-prev, .card05 .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}
.card05 .swiper-button-prev {
	 left: -1rem;
}
.card05 .swiper-button-next {
	right: -1rem;
}
.card05 .swiper-button-prev::before, .card05 .swiper-button-next::before {
	position: absolute;
	content: "";
	width: 3rem;/*2.5rem*/
	height: 5.5rem;/*2.5rem*/
	border-radius: 0;/*50%*/
	background-color: #fff;
	opacity: 0.85;
}
.card05 .swiper-button-prev::after, .card05 .swiper-button-next::after {
	width: 0.8rem;
	height: 0.8rem;
	content: "";
	border: solid rgba(37,66,86,1);
	border-width: 3px 3px 0 0;
}

.card05 .swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.card05 .swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.card05 .slide {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card05 .slide img {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card05 .slide:hover {
/*    -webkit-transform: translateY(-16px);
	transform: translateY(-16px);*/
}
.card05 .slide:hover img {
	-webkit-transform: translateY(0);
			transform: translateY(0);
}
.card05 .slide-media {
  padding-top: 62.5%;
  border-radius: 4px;
}
.card05 .slide-media img {
  height: calc(100% + 16px);/*    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);*/
}
.card05 .slide-content {
  padding: 3.2rem 0;
}
.card05 .slide-date {
  font-size: 1.2rem;
  line-height: 1;
  display: block;
  color: var(--color-theme);
}
.card05 .slide-title {
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3.2em;
  margin-top: 1.6rem;
}
@media only screen and (max-width: 1024px) {
	.card05 {
		width: 100%;
		margin: 0 auto;
		color: #333;
	}

	.card05 .swiper-slide {
		background-color: #fff;
		max-width: 80%;
		margin: 0;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	
	}
	.card05 .swiper-area {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	.card05 .swiper-button-prev {
	    left: 2.5rem;
	}
	.card05 .swiper-button-next {
		right: 2.5rem;
	}
}

/* card06_永代ハウスの家づくり */
.card06 {
	margin: 0 auto;
	color: #333;
}
  .card06 .swiper {
    padding-top: 16px;
  }
.card06 .swiper-area {
  position: relative;
}
.card06 .swiper-slide {
	background-color: #fff;
	max-width: 251px;
	margin: 0 12px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	
}

.card06 .swiper-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3.2rem;
  text-align: center;
}
.card06 .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  vertical-align: top;
	opacity:0.9;
  background-color: #d3d3d3;
}
.card06 .swiper-pagination-bullet-active {
/*  width: 4rem;
  background-color: var(--color-theme);*/
  background-color: #adabab;
}
.card06 .swiper-button-prev, .card06 .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}
.card06 .swiper-button-prev {
	 left: -1rem;
}
.card06 .swiper-button-next {
	right: -1rem;
}
.card06 .swiper-button-prev::before, .card06 .swiper-button-next::before {
	position: absolute;
	content: "";
	width: 3rem;/*2.5rem*/
	height: 5.5rem;/*2.5rem*/
	border-radius: 0;/*50%*/
	background-color: #fff;
	opacity: 0.85;
}
.card06 .swiper-button-prev::after, .card06 .swiper-button-next::after {
	width: 0.8rem;
	height: 0.8rem;
	content: "";
	border: solid rgba(37,66,86,1);
	border-width: 3px 3px 0 0;
}

.card06 .swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.card06 .swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media only screen and (min-width: 1025px) {
  .card06 .slide {
    -webkit-transition: var(--transition);
    transition: var(--transition);
  }
  .card06 .slide img {
    -webkit-transition: var(--transition);
    transition: var(--transition);
  }
  .card06 .slide:hover {/*    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);*/
  }
  .card06 .slide:hover img {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.card06 .slide-media {
  padding-top: 62.5%;
  border-radius: 4px;
}
.card06 .slide-media img {
  height: calc(100% + 16px);/*    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);*/
}
.card06 .slide-content {
  padding: 3.2rem 0;
}
.card06 .slide-date {
  font-size: 1.2rem;
  line-height: 1;
  display: block;
  color: var(--color-theme);
}
.card06 .slide-title {
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3.2em;
  margin-top: 1.6rem;
}
@media only screen and (max-width: 1024px) {
	.card06 {
		width: 100%;
		margin: 0 auto;
		color: #333;
	}
	.card06 .swiper-slide {
		background-color: #fff;
		max-width: 251px;
		margin: 0;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	
	}
	.card06 .swiper-area {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	.card06 .swiper-button-prev {
	    left: 2.5rem;
	}
	.card06 .swiper-button-next {
		right: 2.5rem;
	}
}
/* card07_コラム+スタッフ+施工事例 */
.card07 {
	margin: 0 auto;
	color: #333;
}
.card07 .swiper {
	padding-top: 16px;
}
.card07 .swiper-area {
  position: relative;
}

.card07 .swiper-slide {
	background-color: #fff;
	max-width: 251px;
	margin: 0 12px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	
}

.card07 .swiper-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3.2rem;
  text-align: center;
}
.card07 .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  vertical-align: top;
	opacity:0.9;
  background-color: #d3d3d3;
}
.card07 .swiper-pagination-bullet-active {
/*  width: 4rem;
  background-color: var(--color-theme);*/
  background-color: #d3d3d3;
}
.card07 .swiper-button-prev, .card07 .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}
.card07 .swiper-button-prev::before, .card07 .swiper-button-next::before {
	position: absolute;
	content: "";
	width: 3rem;/*2.5rem*/
	height: 5.5rem;/*2.5rem*/
	border-radius: 0;/*50%*/
	background-color: #fff;
	opacity: 0.85;
}
.card07 .swiper-button-prev::after, .card07 .swiper-button-next::after {
	width: 0.8rem;
	height: 0.8rem;
	content: "";
	border: solid rgba(37,66,86,1);
	border-width: 3px 3px 0 0;
}

.card07 .swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.card07 .swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.card07 .swiper-button-prev {
    left: -1rem;
}
.card07 .swiper-button-next {
	right: -1rem;
}
.card07 .slide {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card07 .slide img {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card07 .slide:hover {
/*    -webkit-transform: translateY(-16px);
	transform: translateY(-16px);*/
}
.card07 .slide:hover img {
	-webkit-transform: translateY(0);
			transform: translateY(0);
}
.card07 .slide-media {
  padding-top: 62.5%;
  border-radius: 4px;
}
.card07 .slide-media img {
  height: calc(100% + 16px);/*    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);*/
}
.card07 .slide-content {
  padding: 3.2rem 0;
}
.card07 .slide-date {
  font-size: 1.2rem;
  line-height: 1;
  display: block;
  color: var(--color-theme);
}
.card07 .slide-title {
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3.2em;
  margin-top: 1.6rem;
}
@media only screen and (max-width: 1024px) {
	.card07 {
		width: 100%;
		margin: 0 auto;
		color: #333;
	}
	.card07 .swiper-slide {
		background-color: #fff;
		max-width: 251px;
		margin: 0;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	
	}
	.card07 .swiper-area {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	.card07 .swiper-button-prev {
	    left: 2.5rem;
	}
	.card07 .swiper-button-next {
		right: 2.5rem;
	}
}

/* card08_平面図1棟目 */
.card08 {
	margin: 0 auto;
	color: #333;
}
.card08 .swiper {
	padding-top: 16px;
}
.card08 .swiper-area {
	width: 720px;
	margin: 0 auto;
}
.card08 .swiper-pagination {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	gap: 0rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	  -ms-flex-pack: center;
		  justify-content: center;
	margin-top: 3.2rem;
	text-align: center;
}
.card08 .swiper-pagination-bullet {
	width: 5px;
	height: 5px;
	cursor: pointer;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	vertical-align: top;
	opacity:0.9;
	background-color: #d3d3d3;
/*	width: 1.6rem;
	height: 3px;*/
}

.card08 .swiper-pagination-bullet-active {
/*  width: 4rem;
  background-color: var(--color-theme);*/
	background-color: #6b6b6b;
}
.card08 .swiper-button-prev, .card08 .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}
.card08 .swiper-button-prev {
    left: 10rem;
}
.card08 .swiper-button-next {
	right: 10rem;
}
.card08 .swiper-button-prev::before, .card08 .swiper-button-next::before {
	position: absolute;
	content: "";
/*	width: 3rem;
	height: 5.5rem;
	border-radius: 0;
	background-color: #fff;*/
	opacity: 0.85;
}
.card08 .swiper-button-prev::after, .card08 .swiper-button-next::after {
	width: 1.25rem;
	height: 1.25rem;
	content: "";
	border: solid rgba(37,66,86,1);
	border-width: 3px 3px 0 0;
}

.card08 .swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.card08 .swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.card08 .slide {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card08 .slide img {
	width: 720px;
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card08 .slide:hover {
}
.card08 .slide:hover img {
	-webkit-transform: translateY(0);
			transform: translateY(0);
}
.card08 .slide-media {
	padding-top: 62.5%;
	border-radius: 4px;
}
.card08 .slide-media img {
	height: calc(100% + 16px);
}
.card08 .slide-content {
	padding: 3.2rem 0;
}
.card08 .slide-date {
	font-size: 1.2rem;
	line-height: 1;
	display: block;
	color: var(--color-theme);
}
.card08 .slide-title {
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3.2em;
  margin-top: 1.6rem;
}

.card08 .slide{
	width: 910px;
}
@media only screen and (max-width: 1024px) {
	.card08 {
		width: 100%;
		margin: 0 auto;
		color: #333;
	}
	.card08 .slide {
		width: 80%;
		margin: 0 auto;
	}
	.card08 .slide img {
		width: 100%;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}	
	.card08 .swiper-area {
	/*  position: relative;*/
		width: 100%;
		margin: 0 auto;
	}	
	.card08 .swiper-button-prev {
		 left: 1.5rem;
	}
	.card08 .swiper-button-next {
		right: 1.5rem;
	}
}

/* card09_お客様の声 */
.card09 {
	margin: 0 auto;
	color: #333;
}
.card09 .swiper {
	padding-top: 50px;
}
.card09 .swiper-area {
  position: relative;
}
.card09 .swiper-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3.2rem;
  text-align: center;
}
.card09 .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  vertical-align: top;
	opacity:0.9;
  background-color: #6b6b6b;
}
.card09 .swiper-pagination-bullet-active {
/*  width: 4rem;
  background-color: var(--color-theme);*/
  background-color: #d3d3d3;
}
.card09 .swiper-button-prev, .card09 .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}
.card09 .swiper-button-prev::before, .card09 .swiper-button-next::before {
	position: absolute;
	content: "";
	width: 3rem;/*2.5rem*/
	height: 5rem;/*2.5rem*/
	border-radius: 0;/*50%*/
	background-color: #fff;
	opacity: 0.85;
}
.card09 .swiper-button-prev::after, .card09 .swiper-button-next::after {
	width: 0.8rem;
	height: 0.8rem;
	content: "";
	border: solid rgba(37,66,86,1);
	border-width: 3px 3px 0 0;
}

.card09 .swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.card09 .swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.card09 .swiper-button-prev {
    left: -1rem;
}
.card09 .swiper-button-next {
	right: -1rem;
}
.card09 .slide {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card09 .slide img {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card09 .slide:hover {/*    -webkit-transform: translateY(-16px);
		transform: translateY(-16px);*/
}
.card09 .slide:hover img {
	-webkit-transform: translateY(0);
			transform: translateY(0);
}
.card09 .slide-media {
  padding-top: 62.5%;
  border-radius: 4px;
}
.card09 .slide-media img {
  height: calc(100% + 16px);/*    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);*/
}
.card09 .slide-content {
  padding: 3.2rem 0;
}
.card09 .slide-date {
  font-size: 1.2rem;
  line-height: 1;
  display: block;
  color: var(--color-theme);
}
.card09 .slide-title {
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3.2em;
  margin-top: 1.6rem;
}

.card09 .page-box {
	display: none;
}
@media only screen and (max-width: 1024px) {
	.card09 {
		width: 100%;
		margin: 0 auto;
		color: #333;
	}
	.card09 .swiper {
		padding-top: 0;
	}
	.card09 .swiper-area {
		position: relative;
		padding: 0 2.8rem;
		max-height: 353px;
	}	
	.card09 .swiper-button-prev {
		left: 2.0rem;
	}
	.card09 .swiper-button-next {
		right: 2.0rem;
	}
}

/* card10_予約方法 */
.card10 {
	margin: 0 auto;
	color: #333;
}
.card10 .swiper {
	padding-top: 16px;
}
.card10 .swiper-area {
/*  position: relative;*/
	width: 910px;
	margin: 0 auto;
	text-align: center;
}
.card10 .swiper-pagination {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	gap: 0rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	  justify-content: center;
	margin-top: 3.2rem;
	text-align: center;
}
.card10 .swiper-pagination-bullet {
	width: 5px;
	height: 5px;
	cursor: pointer;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	vertical-align: top;
	opacity:0.9;
	background-color: #d3d3d3;
}
.card10 .swiper-pagination-bullet-active {
	opacity: 1;
	background-color: #6b6b6b;
}
.card10 .swiper-button-prev, .card10 .swiper-button-next {
	top: var(--swiper-navigation-top-offset, 40%);
	display: grid;
	place-content: center;
	width: 3rem;/*2.5rem*/
	height: 5.5rem;/*2.5rem*/
	cursor: pointer;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	margin-left: 50px;
	margin-right: 50px;
}

.card10 .swiper-button-prev {
    left: -1rem;
}
.card10 .swiper-button-next {
	right: -1rem;
}
.card10 .swiper-button-prev::before, .card10 .swiper-button-next::before {
	position: absolute;
	content: "";
	border-radius: 0;/*50%*/
	opacity: 0.85;
}
.card10 .swiper-button-prev::after, .card10 .swiper-button-next::after {
	width: 1.25rem;
	height: 1.25rem;
	content: "";
	border: solid rgba(37,66,86,1);
	border-width: 3px 3px 0 0;
}

.card10 .swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.card10 .swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.card10 .slide {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card10 .slide img {
	-webkit-transition: var(--transition);
	transition: var(--transition);
	width: 30%;
}
.card10 .slide:hover {
/*	    -webkit-transform: translateY(-16px);
transform: translateY(-16px);*/
}
.card10 .slide:hover img {
	-webkit-transform: translateY(0);
			transform: translateY(0);
}
.card10 .slide-media {
	padding-top: 62.5%;
	border-radius: 4px;
}
.card10 .slide-media img {
	  height: calc(100% + 16px);
}
.card10 .slide-content {
/*  padding: 3.2rem 0;*/
  padding: 0;
}
.card10 .slide-date {
  font-size: 1.2rem;
  line-height: 1;
  display: block;
  color: var(--color-theme);
}
.card10 .slide-title {
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3.2em;
  margin-top: 1.6rem;
}

.card10 .slide {
	width: 100%;
}
@media only screen and (max-width: 1024px) {
	.card10 {
		width: 100%;
		margin: 0 auto;
		color: #333;
	}
	.card10 .swiper-area {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}	
	.card10 .swiper-slide {
		width: 100%;
	}
	.card10 .slide img {
		width: 60%;
	}
	.card10 .swiper-button-prev {
		 left: -2rem;
	}
	.card10 .swiper-button-next {
		right: -2rem;
	}
}

/* 20240911 swiper-slide修正する */
.swiper-slide {
/*	background-color: #fff;
	max-width: 251px;
	margin: 0 12px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);*/
}
@media only screen and (max-width: 1024px) {
	.swiper-slide {
/*		background-color: #fff;
		max-width: 253.333px;
		margin: 0;*//*0 15px*/
	}
}

/* card11_平面図2棟目 */
.card11 {
	margin: 0 auto;
	color: #333;
}
.card11 .swiper {
	padding-top: 16px;
}
.card11 .swiper-area {
	width: 720px;
	margin: 0 auto;
}
.card11 .swiper-pagination {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	gap: 0rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	  -ms-flex-pack: center;
		  justify-content: center;
	margin-top: 3.2rem;
	text-align: center;
}
.card11 .swiper-pagination-bullet {
	width: 5px;
	height: 5px;
	cursor: pointer;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	vertical-align: top;
	opacity:0.9;
	background-color: #d3d3d3;
/*	width: 1.6rem;
	height: 3px;*/
}

.card11 .swiper-pagination-bullet-active {
/*  width: 4rem;
  background-color: var(--color-theme);*/
	background-color: #6b6b6b;
}
.card11 .swiper-button-prev, .card11 .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}
.card11 .swiper-button-prev {
    left: 10rem;
}
.card11 .swiper-button-next {
	right: 10rem;
}
.card11 .swiper-button-prev::before, .card11 .swiper-button-next::before {
	position: absolute;
	content: "";
/*	width: 3rem;
	height: 5.5rem;
	border-radius: 0;
	background-color: #fff;*/
	opacity: 0.85;
}
.card11 .swiper-button-prev::after, .card11 .swiper-button-next::after {
	width: 1.25rem;
	height: 1.25rem;
	content: "";
	border: solid rgba(37,66,86,1);
	border-width: 3px 3px 0 0;
}

.card11 .swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.card11 .swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.card11 .slide {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card11 .slide img {
	width: 720px;
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card11 .slide:hover {
}
.card11 .slide:hover img {
	-webkit-transform: translateY(0);
			transform: translateY(0);
}
.card11 .slide-media {
	padding-top: 62.5%;
	border-radius: 4px;
}
.card11 .slide-media img {
	height: calc(100% + 16px);
}
.card11 .slide-content {
	padding: 3.2rem 0;
}
.card11 .slide-date {
	font-size: 1.2rem;
	line-height: 1;
	display: block;
	color: var(--color-theme);
}
.card11 .slide-title {
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3.2em;
  margin-top: 1.6rem;
}

.card11 .slide{
	width: 910px;
}
@media only screen and (max-width: 1024px) {
	.card11 {
		width: 100%;
		margin: 0 auto;
		color: #333;
	}
	.card11 .slide {
		width: 80%;
		margin: 0 auto;
	}
	.card11 .slide img {
		width: 100%;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}	
	.card11 .swiper-area {
	/*  position: relative;*/
		width: 100%;
		margin: 0 auto;
	}	
	.card11 .swiper-button-prev {
		 left: 1.5rem;
	}
	.card11 .swiper-button-next {
		right: 1.5rem;
	}
}
/* card12_平面図3棟目 */
.card12 {
	margin: 0 auto;
	color: #333;
}
.card12 .swiper {
	padding-top: 16px;
}
.card12 .swiper-area {
	width: 720px;
	margin: 0 auto;
}
.card12 .swiper-pagination {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	gap: 0rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	  -ms-flex-pack: center;
		  justify-content: center;
	margin-top: 3.2rem;
	text-align: center;
}
.card12 .swiper-pagination-bullet {
	width: 5px;
	height: 5px;
	cursor: pointer;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	vertical-align: top;
	opacity:0.9;
	background-color: #d3d3d3;
/*	width: 1.6rem;
	height: 3px;*/
}

.card12 .swiper-pagination-bullet-active {
/*  width: 4rem;
  background-color: var(--color-theme);*/
	background-color: #6b6b6b;
}
.card12 .swiper-button-prev, .card12 .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}
.card12 .swiper-button-prev {
    left: 10rem;
}
.card12 .swiper-button-next {
	right: 10rem;
}
.card12 .swiper-button-prev::before, .card12 .swiper-button-next::before {
	position: absolute;
	content: "";
/*	width: 3rem;
	height: 5.5rem;
	border-radius: 0;
	background-color: #fff;*/
	opacity: 0.85;
}
.card12 .swiper-button-prev::after, .card12 .swiper-button-next::after {
	width: 1.25rem;
	height: 1.25rem;
	content: "";
	border: solid rgba(37,66,86,1);
	border-width: 3px 3px 0 0;
}

.card12 .swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.card12 .swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.card12 .slide {
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card12 .slide img {
	width: 720px;
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.card12 .slide:hover {
}
.card12 .slide:hover img {
	-webkit-transform: translateY(0);
			transform: translateY(0);
}
.card12 .slide-media {
	padding-top: 62.5%;
	border-radius: 4px;
}
.card12 .slide-media img {
	height: calc(100% + 16px);
}
.card12 .slide-content {
	padding: 3.2rem 0;
}
.card12 .slide-date {
	font-size: 1.2rem;
	line-height: 1;
	display: block;
	color: var(--color-theme);
}
.card12 .slide-title {
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3.2em;
  margin-top: 1.6rem;
}

.card12 .slide{
	width: 910px;
}
@media only screen and (max-width: 1024px) {
	.card12 {
		width: 100%;
		margin: 0 auto;
		color: #333;
	}
	.card12 .slide {
		width: 80%;
		margin: 0 auto;
	}
	.card12 .slide img {
		width: 100%;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}	
	.card12 .swiper-area {
	/*  position: relative;*/
		width: 100%;
		margin: 0 auto;
	}	
	.card12 .swiper-button-prev {
		 left: 1.5rem;
	}
	.card12 .swiper-button-next {
		right: 1.5rem;
	}
}