@charset "UTF-8";


@media screen and (max-width: 767px) {
	#wrapper{
		margin-top:70px;
	}
}

/* ----------
lpMainVisual
   ---------- */
.lpMainVisual{
}
.lpMainVisual .inner{
	padding:0 10px;
	position:relative;
}



/* ========== ベース（既存そのまま） ========== */
.lpMainVisual .pic{
  position: relative;
  z-index: 1;
}
.lpMainVisual .pic img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* ========== 添付2の9枚モザイク レイアウト ========== */
/* コンテナをグリッド化。高さは親幅に依存（比率で制御） */
.lpMainVisual .pic{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 10px;
  width: 100%;
  /*max-width: 1400px;*/
  margin: 0 auto;
  aspect-ratio: 3 / 2;/* 以前より少し背高＝全体を大きく見せる */
	max-height: calc(100vh - 140px);
	/* heightはautoにすることでaspect-ratioが有効になる */
	height: auto; 
}

.lpMainVisual .pic > span{
  display: block;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0,0,0,.1);
}

/* 画像はセルいっぱいにトリミング（ベースの height:auto を限定上書き） */
.lpMainVisual .pic > span > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* --- アイテム配置（レイアウトは現状の見た目で固定） --- */
/* 1・2 = 小タイル */
.lpMainVisual .pic > span:nth-child(1){ grid-column: 1 / 2; grid-row: 1 / 2; }
.lpMainVisual .pic > span:nth-child(2){ grid-column: 2 / 3; grid-row: 1 / 2; }

/* 3・4 = 左側の横長 */
.lpMainVisual .pic > span:nth-child(3){ grid-column: 1 / 3; grid-row: 2 / 3; }
.lpMainVisual .pic > span:nth-child(4){ grid-column: 1 / 3; grid-row: 3 / 4; }

/* 5 = 上段中央（3列分） */
.lpMainVisual .pic > span:nth-child(5){ grid-column: 3 / 6; grid-row: 1 / 2; }

/* 6 = 右上の小タイル */
.lpMainVisual .pic > span:nth-child(6){ grid-column: 6 / 7; grid-row: 1 / 2; }

/* 7・8 = 1・2 と同じ“小タイル”サイズに調整 */
.lpMainVisual .pic > span:nth-child(7){ grid-column: 3 / 4; grid-row: 2 / 3; }
.lpMainVisual .pic > span:nth-child(8){ grid-column: 3 / 4; grid-row: 3 / 4; }

/* 9 = 右下の大パネル（横3列×縦2段に拡張） */
.lpMainVisual .pic > span:nth-child(9){ grid-column: 4 / 7; grid-row: 2 / 4; }

/* 1400px未満で左右に少し余白 */
@media (max-width: 1400px){
}

/* ========== スマホ最適化（2列の整列） ========== */
/*
@media (max-width: 480px){
  .lpMainVisual .pic{
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    aspect-ratio: auto;
    padding: 0 10px;
  }
  .lpMainVisual .pic > span{
    grid-column: auto !important;
    grid-row: auto !important;
    aspect-ratio: 4 / 3;
  }
  .lpMainVisual .pic > span:nth-child(3n){
    grid-column: 1 / -1 !important;
    aspect-ratio: 16 / 9;
  }
}
*/












/* ---- */
.lpMainVisual .cnt{
	width:100%;
	max-width:550px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	z-index:10;
}
.lpMainVisual .cnt a{
	display:block;
	width:100%;
	background:#fff;
	border-radius:15px;
	padding:50px 20px;
}

/**/
.lpMainVisual .cnt .tit{
}

/**/
.lpMainVisual .cnt .tit .line01{
	display:block;
	text-align:center;

	color:#153E0E;
	font-size: clamp(21.0000px, calc(2.7344vw + 0.0000px), 28.0000px);
	font-weight:bold;
}
.lpMainVisual .cnt .tit .line02{
	display:block;
	text-align:center;

	font-size: clamp(25.0000px, calc(5.8594vw + -20.0000px), 40.0000px);
	font-weight:700;
	color:#153E0E;
	line-height:1.3;
}

.lpMainVisual .cnt .tit .line03{
	display:block;
	text-align:center;

	font-size: clamp(23.0000px, calc(8.5938vw + -43.0000px), 45.0000px);
	font-weight:700;
	color:#258C56;
	line-height:1.3;

	margin-bottom:20px;
}
/**/
.lpMainVisual .cnt .tit .line01 .lbl01{
	color:#AA9850;
	font-size: clamp(18.0000px, calc(2.4038vw + -6.6154px), 28.0000px);
	font-weight:bold;
}
.lpMainVisual .cnt .tit .line01 .lbl02{
	font-size: clamp(16.0000px, calc(2.1635vw + -6.1538px), 25.0000px);
}

/**/
.lpMainVisual .cnt .mainVisual_btn{
}
.lpMainVisual .cnt .mainVisual_btn span{
	display:block;
	width:100%;
	max-width:400px;
	margin:0 auto;
	border-radius:15px;
	background:#AA9850 url(../img/teienLstSect__bottom_arrow_off.png) no-repeat right 15px center;
	color:#fff;
	padding:13px 20px 16px;
	line-height:1;
	text-align:center;
}
.lpMainVisual .cnt a:hover .mainVisual_btn span{
	background-color:#786C3D;
	background-image:url(../img/teienLstSect__bottom_arrow_on.png);
  transition: all 0.2s;
}



/* Wide Breakpoint */
@media screen and (max-width: 1100px){
}

/* SP */
@media screen and (max-width: 767px){
	.lpMainVisual .cnt{
		width:60%;
		max-width:calc(100% - 30px);
	}
	.lpMainVisual .cnt a{
		padding:20px 10px;
	}

	.lpMainVisual .cnt .mainVisual_btn span{
		max-width:90%;
		padding:12px 20px 16px;
	}
	.lpMainVisual .cnt .mainVisual_btn span{
		background-size:20px 20px;
	}

	.lpMainVisual .cnt .tit .line03{
		line-height:inherit;
	}

}
@media screen and (max-width: 500px){
	.lpMainVisual .cnt{
		width:80%;
	}
	.lpMainVisual .cnt a{
		padding:10px 5px 13px;
	}

	.lpMainVisual .cnt .tit .line01{
		font-size: 21px;
	}
	.lpMainVisual .cnt .tit .line02{
		font-size: 21px;
	}

	.lpMainVisual .cnt .tit .line03{
		font-size: 22px;
		margin-bottom:10px;
	}
	/**/
	.lpMainVisual .cnt .tit .line01 .lbl01{
		font-size: 21px;
	}
	.lpMainVisual .cnt .tit .line01 .lbl02{
		font-size: 14px;
	}



	.lpMainVisual .cnt .mainVisual_btn span{
		font-size:15px;
	}

}



/* ----------
page-links
   ---------- */
.page-links{
	background:#F9F8F4;
}
.page-links .inner{
	width:100%;
	max-width:1190px;
	margin:0 auto;
}

/* ---- */
.page-links .page-links__list{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:10px 0;
	padding-bottom: clamp(50.0000px, calc(16.8269vw + -122.3077px), 120.0000px);
}
.page-links .page-links__list .page-links__item{
	border-left:solid 1px #153E0E;
	padding:1em clamp(20.0000px, calc(4.8077vw + -29.2308px), 40.0000px);
}
.page-links .page-links__list .page-links__item:last-child{
	border-right:solid 1px #153E0E;
}

.page-links .page-links__list .page-links__item .page-links__link{
	color:#258C56;
}

.page-links .page-links__list .page-links__item .page-links__link:hover{
	color:#153E0E;
}
.page-links .page-links__list .page-links__item .page-links__link .page-links__text{
	display:inline-block;
	background:url(../img/page-links-arrow.png) no-repeat left center;
	padding-left:25px;
}

/* Wide Breakpoint */
@media screen and (max-width: 1190px){
	.page-links .inner{
		width: calc(100% - 30px);
	}
}

/* SP */
@media screen and (max-width: 767px){
	.page-links .page-links__list{
		display:flex;
		justify-content:flex-start;
		flex-direction:
	}
	.page-links .page-links__list .page-links__item{
		border:none;
		padding:5px 10px;
		width:100%;
		border-bottom:dashed 1px #D9D9D9;
	}
	.page-links .page-links__list .page-links__item:last-child{
		border:none;
	}
}



/* ----------
teienLstSect
   ---------- */
.teienLstSect{
	background:#F9F8F4;
}
.teienLstSect .inner{
	width:100%;
	max-width:1190px;
	margin:0 auto;
}

/* ---- */
.teienLstSect .teienLstSect__head{
	margin-bottom:100px;
}
.teienLstSect .teienLstSect__head .tit{
	font-size: clamp(25.0000px, calc(5.5288vw + -31.6154px), 48.0000px);
	font-weight:700;
	text-align:center;
	color:#258C56;
	position:relative;
	margin-bottom:30px;
}
.teienLstSect .teienLstSect__head .tit span.tit_inner {
	display:inline-block;
	padding-bottom:5px;
	border-bottom:solid 2px #258C56;
}
.teienLstSect .teienLstSect__head .tit span.tit_inner strong{
	font-size: clamp(27.0000px, calc(6.2500vw + -37.0000px), 53.0000px);
	color:#AA9850;
}
.teienLstSect .teienLstSect__head .txt{
	text-align:center;
}

/* Wide Breakpoint */
@media screen and (max-width: 1190px){
	.teienLstSect .inner{
		max-width:calc( 100% - 30px);
	}
}

/* SP */
@media screen and (max-width: 767px){
}

.teienLstSect .teienLst__content{
}

/* ---- */
.teienLstSect .teienLst__content .setTitBlock{
}
.teienLstSect .teienLst__content .setTitBlock__title{
}

.teienLstSect .teienLst__content .teienLst__content__lst{
	display:flex;
	flex-direction:column;
	gap:80px;
	margin-bottom:100px;
}
.teienLstSect .teienLst__content .teienLst__content__lst .item{
}

/* ---- */
.teienLstSect .teienLst__content .teienLst__content__lst .item .teienLst__content__lst__cnt{
	display:flex;
	flex-wrap:wrap;
	gap:15px 3%;

	margin-bottom:15px;
}

/**/
.teienLstSect .teienLst__content .teienLst__content__lst .item .pics{
	width:47%;
	position:relative;
	order:2;

}
.teienLstSect .teienLst__content .teienLst__content__lst .item .pics img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}
/**/
.teienLstSect .teienLst__content .teienLst__content__lst .item .cnt{
	width:50%;
	position:relative;
	order:1;
}
/**/
.teienLstSect .teienLst__content .teienLst__content__lst .item .cnt_head{
	display:flex;
	flex-wrap:wrap;
	gap:15px;
	border-radius:5px;
	margin-bottom:25px;
}
.teienLstSect .teienLst__content .teienLst__content__lst .item .cnt_head__area{
	width:17%;

	background:#AA9850;
	color:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:5px;
}
.teienLstSect .teienLst__content .teienLst__content__lst .item .cnt_head__info{
	width:calc( 100% - (17% + 15px) );
	color:#258C56;

}
.teienLstSect .teienLst__content .teienLst__content__lst .item .cnt_head__info .tit{
	line-height:1.2;
	padding:5px 0;
}
.teienLstSect .teienLst__content .teienLst__content__lst .item .cnt_head__info .tit .jiin{
	font-size: 20px;
}
.teienLstSect .teienLst__content .teienLst__content__lst .item .cnt_head__info .tit .teien{
	font-size: clamp(29.0000px, calc(1.2723vw + 19.2417px), 34.0000px);
}

/**/
.teienLstSect .teienLst__content .teienLst__content__lst .item .cnt_access{
	background:url(../img/icon_map.png) no-repeat left 3px;
	padding-left:30px;
	margin-bottom:clamp(10.0000px, calc(2.4038vw + -14.6154px), 20.0000px);
}
/**/
.teienLstSect .teienLst__content .teienLst__content__lst .item .cnt_price{
	margin-bottom:clamp(10.0000px, calc(2.4038vw + -14.6154px), 20.0000px);
}
.teienLstSect .teienLst__content .teienLst__content__lst .item .cnt_price .lbl01{
	display:inline-block;
	background:url(../img/icon_price.png) no-repeat left 5px;
	padding-left:30px;
}
.teienLstSect .teienLst__content .teienLst__content__lst .item .cnt_price .val{
	display:inline-block;
	font-weight:bold;
	font-size: clamp(25.0000px, calc(2.6442vw + -2.0769px), 36.0000px);
	padding-left:5px;
}
.teienLstSect .teienLst__content .teienLst__content__lst .item .cnt_price .lbl02{
	display:inline-block;
	font-weight:bold;
	font-size:20px;
}

/**/
.teienLstSect .teienLst__content .teienLst__content__lst .item .cnt_catLst{
	display:flex;
	flex-wrap:wrap;
	gap:5px;
}
.teienLstSect .teienLst__content .teienLst__content__lst .item .cnt_catLst__item{
	color:#5A5543;
	background:#fff;
	border:solid 1px #5A5543;
	border-radius:5px;
	padding:3px 0.5em 5px;
}

.teienLstSect .teienLst__content .teienLst__content__lst .item .msg{
	display:inline-block;
	margin-top:10px;
	font-size: 0.875rem; /* 14 ÷ 16 = 0.875 */
	border:solid 1px #CF1F2E;
	color:#CF1F2E;
	background:#fff;
	border-radius:5px;
	padding:5px 0.5em 5px;
	text-align:center;
}


/**/
.teienLstSect .teienLst__content .teienLst__content__lst .item .item_button{
	/*border-top:dashed 1px #D9D9D9;*/
	border-bottom:solid 1px #D9D9D9;
	text-align:center;
	padding:0px 10px 20px;
}
.teienLstSect .teienLst__content .teienLst__content__lst .item .item_button a.btn{
	max-width:300px;
	margin:0 auto;
	padding-top:5px !important;
	padding-bottom:8px !important;
}






.teienLstSect .teienLstSect__bottom{
}
.teienLstSect .teienLstSect__bottom h3.tit{
	font-size: clamp(25.0000px, calc(1.6827vw + 7.7692px), 32.0000px);
	font-weight:bold;
	text-align:center;
	margin-bottom:40px;
}
.teienLstSect .teienLstSect__bottom p.teienLstSect__bottom_btn{
}
.teienLstSect .teienLstSect__bottom p.teienLstSect__bottom_btn a{
	display:block;
	width:100%;
	max-width:400px;
	margin:0 auto;
	border-radius:15px;
	background:#AA9850 url(../img/teienLstSect__bottom_arrow_off.png) no-repeat right 15px center;
	color:#fff;
	padding:17px 20px 19px;
	line-height:1;
	text-align:center;
}
.teienLstSect .teienLstSect__bottom p.teienLstSect__bottom_btn a:hover{
	background-color:#786C3D;
	background-image:url(../img/teienLstSect__bottom_arrow_on.png);
  transition: all 0.2s;
}

/* Wide Breakpoint */
@media screen and (max-width: 1100px){
  .example{
    width: calc(100% - 30px);
  }
}

/* SP */
@media screen and (max-width: 767px){


	.teienLstSect .teienLst__content .teienLst__content__lst .item .teienLst__content__lst__cnt{
		flex-direction:column;
		gap:15px 3%;
	}

	.teienLstSect .teienLst__content .teienLst__content__lst .item .cnt_head__info .tit .jiin{
		font-weight:500;
		letter-spacing:0.05em;
		margin-bottom:8px;
	}
	.teienLstSect .teienLst__content .teienLst__content__lst .item .cnt_head__info .tit .teien{
		font-weight:500;
		letter-spacing:0.05em;
	}
	/**/
	.teienLstSect .teienLst__content .teienLst__content__lst .item .pics{
		width:100%;
		position:relative;
		order:1;

	}
	/**/
	.teienLstSect .teienLst__content .teienLst__content__lst .item .cnt{
		width:100%;
		order:2;
	}
	.lpMainVisual .pic{
		gap:5px;
	}
	.teienLstSect .teienLst__content .teienLst__content__lst .item .item_button{
		padding:20px 10px 20px !important;
	}

	.teienLstSect .teienLstSect__bottom h3.tit{
		font-size: 18px;
		margin-bottom:30px;
	}

	.teienLstSect .teienLstSect__bottom{
		margin:0 auto 80px;
		width:80%;
		padding:10px;
		padding-bottom:80px;
	}
	.teienLstSect .teienLstSect__bottom span{
		font-size:15px;
	}
	.teienLstSect .teienLstSect__bottom p.teienLstSect__bottom_btn a{
		padding:12px 20px 17px;
	}
}






/* ----------
reasonSec
  ---------- */
.reasonSec{
	background:#fff;
}
/* ----------
pointSec
  ---------- */
.pointSec{
	background:#fff;
}

/* ----------
buttonAreaSec
  ---------- */
.buttonAreaSec {
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	z-index:999999;
}
.buttonAreaSec .inner {
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

/* ---- */
.buttonAreaSec .buttonArea__lst {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	gap:10px 2.5%;
}
.buttonAreaSec .buttonArea__lst .item {
	width:calc( (100% - 2.5%) / 2);
}

.buttonAreaSec .buttonArea__lst .item a {
	display:block;
	background:#258C56;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	padding:8px 10px;
	color:#fff;
	border-radius:8px 8px 0 0;
	 box-shadow: 0px -3px 5px 3px rgba(0, 0, 0, 0.15);
}
.buttonAreaSec .buttonArea__lst .item a span {
	display:inline-block;
	background:url(/modules/img/teien/buttonAreaSec_icon_haka.png) no-repeat left center;
	padding-left:40px;
}
.buttonAreaSec .buttonArea__lst .item.item-haka a{
	/*background:#258C56;*/
	background:#ff8025;
	
}
.buttonAreaSec .buttonArea__lst .item.item-document a{
	background:#399D27;
	/*background:#914fd1;*/
}



.buttonAreaSec .buttonArea__lst .item.item-haka span{
	background:url(/modules/img/teien/buttonAreaSec_icon_haka.png) no-repeat left center;
}
.buttonAreaSec .buttonArea__lst .item.item-document span{
	background:url(/modules/img/teien/buttonAreaSec_icon_document.png) no-repeat left center;
}

/* Wide Breakpoint */
@media screen and (max-width: 1000px) {
	.buttonAreaSec .inner {
		width: calc(100% - 30px);
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.buttonAreaSec .buttonArea__lst .item a span {
		background-size:25px !important;
		padding-left:30px;
	}
	.buttonAreaSec .buttonArea__lst .item a {
		font-size:18px;
		padding:8px 10px;
	}
}

/* ----------
teienVoiceSec
  ---------- */
.teienVoiceSec {
	padding:80px 0;
	background:#F9F8F4;
}
.teienVoiceSec .inner {
	width:100%;
	max-width:1080px;
	margin:0 auto;
}

/* ---- */
.teienVoiceSec .setTitBlock .setTitBlock__title {
}

/* ---- */
.teienVoiceSec .teienVoiceSec__list {
	display:flex;
	flex-direction: column;
	gap:20px;
	margin-bottom:30px;
}
.teienVoiceSec .teienVoiceSec__list .teienVoiceSec__item {
	width:100%;
	padding:20px;
	background:#fff;

	display:flex;
	flex-wrap:warp;
	gap:25px;
}
.teienVoiceSec .teienVoiceSec__list .teienVoiceSec__item .teienVoiceSec__body {
	width:calc( 100% - ( 0px + 0px));

	display:flex;
	flex-direction: column;
	gap:10px;
}
.teienVoiceSec .teienVoiceSec__list .teienVoiceSec__item .teienVoiceSec__body .teienVoiceSec__title {
	color:#258C56;
	font-weight:bold;
}
.teienVoiceSec .teienVoiceSec__list .teienVoiceSec__item .teienVoiceSec__body .teienVoiceSec__text {
}

/* Wide Breakpoint */
@media screen and (max-width: 1080px) {
	.teienVoiceSec .inner {
		width: calc(100% - 30px);
	}
}

/* ----------
buttonAreaSec
  ---------- */
.footer__copyright {
	padding-bottom:100px;
}

/* ----------
contactSec
  ---------- */
.contactSec{
	margin-bottom:0;
	background:#F9F8F4;
}

/* ----------
fixed-banner
  ---------- */
.fixed-banner{
	display:none;
}