@charset "UTF-8";
/*--------------------------
---------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
img{
	height:auto;
}

/*--------------------------

---------------------------- */
/* [ PC - SP switch ] */
@media screen and (min-width: 768px) {
  .pcOFF {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  /* Smartphone */
  .spOFF {
    display: none !important;
  }
}
/* -------*/
* {
  box-sizing: border-box;
}

html {
  overflow-y: scroll;
  font-size:16px; /* 1rm = 16px*/
}


body {
	font-family: "Noto Sans", sans-serif;
	font-style: normal;

    margin: 0;
    padding: 0;
	line-height:1.7;
	position:relative;
}

body.teienPage {
	overflow:clip;
}

a{
	color:#153E0E;
	text-decoration:none;
	text-underline-offset: 0.4ex;
}
a:hover{
	color:#258C56;
}

a img:hover{
	opacity: 0.85;
}




/* .setTitBlock */
.setTitBlock {
	display:flex;
	flex-flow: column;
	gap:35px 0;
	margin-bottom: clamp(30px, 8.0831vw + -31.9977px, 65px); /* Vary between 767px and 1200px */
	margin-left:auto;
	margin-right:auto;
}
.setTitBlock .setTitBlock__title {
	font-size: clamp(25px, 1.6166vw + 12.6005px, 32px); /* Vary between 767px and 1200px */
	font-weight:700;
	text-align:center;
	color:#006633;
	position:relative;
}
.setTitBlock .setTitBlock__title:after{
	content:"";
	display:block;
	position:absolute;

	left: 50%;
	bottom:-10px;
	transform: translateX(-50%);

	width:70px;
	height:2px;
	background:#258C56;
}
.setTitBlock .setTitBlock__text {
	color:#153E0E;
	text-align:center;
}

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

/* SP */
@media screen and (max-width: 767px) {
	.setTitBlock {
		gap:5px 0;
	}
	.setTitBlock .setTitBlock__title {
		line-height:1.5;
		margin-bottom:40px;
	}
}




/* ----------
titBlock
 ---------- */
.titBlock {
	width:100%;
	max-width:1200px;
	display:flex;
	flex-direction:column;
	gap: clamp(15px, 5.7737vw + -29.2841px, 40px); /* Vary between 767px and 1200px */

	margin-left:auto;
	margin-right:auto;
	margin-bottom: clamp(15px, 8.0831vw + -46.9977px, 50px); /* Vary between 767px and 1200px */
}

/* ---- */
.titBlock .tit {
	font-size: clamp(23px, 3.9261vw + -7.1132px, 40px); /* Vary between 767px and 1200px */
	text-align:center;
	font-weight:500;

}
.titBlock .lead {
	font-size: clamp(18px, 1.3857vw + 7.3718px, 24px); /* Vary between 767px and 1200px */
	font-weight:500;
}

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

/* SP */
@media screen and (max-width: 767px) {
	.titBlock {
		margin-bottom:40px;
	}
	/* ---- */
	.titBlock .tit {
		font-size: 20px;

	}
	.titBlock .lead {
		font-size: 16px;
		font-weight:normal;
	}

}

.content-area{
	margin-bottom:100px;
}

/* ----------
pageTit
  ---------- */
.pageTit{
}

body .pageTit{
	margin-top:100px;
}


.pageTit .inner{
	width:100%;
	max-width:1180px;
	margin:0 auto;	width:100%;
	max-width:1180px;
	padding:150px 0;
}
.pageTit .inner .tit{
	font-size: clamp(25px, 1.6166vw + 12.6005px, 32px); /* Vary between 767px and 1200px */
	text-align:center;
	font-weight:bold;
}
@media screen and (max-width: 1100px) {
	.pageTit .inner{
		width: calc(100% - 30px);
	}
}

/* SP */
@media screen and (max-width: 767px) {
	body .pageTit{
		margin-top:60px;
	}
	.pageTit .inner{
		padding:30px 0;
	}
}







/* ----------
wrapper
   ---------- */
#wrapper{
	margin-top:84px;
}
@media screen and (max-width: 767px) {
	#wrapper{
		margin-top:69px;
	}
}

/* ----------
lpMainVisual
   ---------- */
.lpMainVisual{
}
.lpMainVisual .inner{
	padding:0 0px;
	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);
  width: 100%;
  /*max-width: 1400px;*/
  margin: 0 auto;
  aspect-ratio: 3 / 2;/* 以前より少し背高＝全体を大きく見せる */

	max-height: calc(100vh - 91px);

	/* heightはautoにすることでaspect-ratioが有効になる */
	height: auto; 
}

.lpMainVisual .pic > span{
  display: block;
  overflow: hidden;
}

/* 画像はセルいっぱいにトリミング（ベースの 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
   ---------- */
.lpMainVisual .cnt{
	width:100%;
	max-width:800px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	z-index:10;
	background:rgba( 43,114,85, 0.95);


	padding-top:clamp(20.0000px, calc(9.7656vw + -55.0000px), 45.0000px);
	padding-bottom:clamp(17.0000px, calc(8.9844vw + -52.0000px), 40.0000px);
	padding-left:clamp(10.0000px, calc(9.7656vw + -65.0000px), 35.0000px);
	padding-right:clamp(10.0000px, calc(9.7656vw + -65.0000px), 35.0000px);
}

/* ---- */
.lpMainVisual .cnt .tit{
	margin-bottom:clamp(20.0000px, calc(9.7656vw + -55.0000px), 45.0000px);
}

.lpMainVisual .cnt .tit .row01{
	text-align:center;
	font-size: clamp(19.0000px, calc(4.2969vw + -14.0000px), 30.0000px);
	font-family: "Zen Old Mincho", serif;
	color:#fff;

	margin-bottom:20px;

	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
}

.lpMainVisual .cnt .tit .row01:before {
	content:"";
	display:inline-block;
	width:27px;
	height:80px;
	background:url(../img/lpMainVisual_row01_icon_left.png) no-repeat center center;
	background-size:auto 100%;
}
.lpMainVisual .cnt .tit .row01:after{
	content:"";
	display:inline-block;
	width:27px;
	height:80px;
	background:url(../img/lpMainVisual_row01_icon_right.png) no-repeat center center;
	background-size:auto 100%;
}
.lpMainVisual .cnt .tit .row01 .row01_inner{
	padding-bottom:10px;
}


.lpMainVisual .cnt .tit .row01 .row01_inner .row01_attent{
	color:#DB950A;
}

.lpMainVisual .cnt .tit .row01 .row01_inner .row01_attent .row01_attent_num{
	font-size:150%;
}

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

.lpMainVisual .cnt .tit .row02 .row01_inner{
	color:#FFDD9A;
	font-size: clamp(22.0000px, calc(7.0313vw + -32.0000px), 40.0000px);
	font-family: "Zen Old Mincho", serif;
	line-height:1.4;
}

.lpMainVisual .cnt .tit .row02 .row01_inner .row02_attent{
	font-size:125%;
}

/* ---- */
.lpMainVisual .cnt .mainVisual_btn{
	display:flex;
	flex-wrap:wrap;
	gap:4%;
}

.lpMainVisual .cnt .mainVisual_btn a{
}
.lpMainVisual .cnt .mainVisual_btn a:first-child{
	width:52%;
	text-align:right;
}
.lpMainVisual .cnt .mainVisual_btn a:last-child{
	width:calc( 100% - (52% + 4%));
	text-align:left;
}

.lpMainVisual .cnt .mainVisual_btn a img{
}

.lpMainVisual .cnt .mainVisual_btn a:first-child img{
	width:100%;
	max-width:340px;
}
.lpMainVisual .cnt .mainVisual_btn a:last-child img{
	width:100%;
	max-width:300px;
}

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

/* SP */
@media screen and (max-width: 767px) {
	.lpMainVisual .cnt{
		padding:8px;
	}
	.lpMainVisual .pic{
		height:430px;
	}


	.lpMainVisual .cnt .tit .row01{

		margin-bottom:10px;

		gap:6px;
	}

	.lpMainVisual .cnt .tit .row01:before {
		width:22px;
		height:50px;
	}
	.lpMainVisual .cnt .tit .row01:after{
		width:22px;
		height:50px;
	}
	.lpMainVisual .cnt .mainVisual_btn a:first-child img{
		max-width:220px;
	}
	.lpMainVisual .cnt .mainVisual_btn a:last-child img{
		max-width:180px;
	}


}













/* ----------
breadcrumb
  ---------- */
.breadcrumb {
	padding:10px 0;
	margin-bottom:50px;
}

body.otherPage .breadcrumb {
	background:#F9F8F4;
	padding-bottom:100px;
}
 

.breadcrumb .inner {
	width:100%;
	max-width:1180px;
	margin:0 auto;	width:100%;
	max-width:1180px;
}

/* ---- */
.breadcrumb__list {
	display: flex;
	gap: 8px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.breadcrumb .breadcrumb__list .breadcrumb__item {
	font-size:0.75rem;
}
.breadcrumb .breadcrumb__list .breadcrumb__item .breadcrumb__link {
}
.breadcrumb .breadcrumb__list .breadcrumb__item .breadcrumb__link:after {
	content:" 〉";
	margin-left:10px;
}
/* Wide Breakpoint */
@media screen and (max-width: 1100px) {
	.breadcrumb .inner {
		width: calc(100% - 30px);
	}
}

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

	body.otherPage .breadcrumb {
		margin-bottom:0px;
		padding-bottom:30px;
	}
	.breadcrumb__list {
		overflow-x: auto;        /* 横スクロール */
		white-space: nowrap;     /* 改行しない */
		-webkit-overflow-scrolling: touch; /* iOSでスムーズ */
	}
	.breadcrumb__item {
		flex: 0 0 auto;          /* アイテムが縮まない */
	}
}

.breadcrumb-bottom{
	height:60px;
	margin-bottom:80px;
}


/* ---------------- */



#spheader .header {
  position: sticky; /* headerを追従にする */
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
	background:rgba(255, 255, 255, 0.8);
	position:fixed;
  z-index: 1111111111111111111;
}
#spheader .header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
}

/* ヘッダーのロゴ */
#spheader .logo {
}

#spheader .logo img {
  width: auto;
  max-width: 150px;
  height: auto;
  vertical-align:bottom;
}

#spheader .drawer__nav__inner .logo img {
	width:100%;
  max-width: 152px;
  height: auto;
}

/* ハンバーガーボタンのデザイン */
#spheader .drawer__button {
  position: relative;
  width: 3rem;
  height: 3rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  z-index: 999; /* メニューを開いている時もクリックできるよう設定 */
}
/* ハンバーガーボタン内の線 */
#spheader .drawer__button > span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 2px;
  background-color: black;
  transform: translateX(-50%);
}
#spheader .drawer__button > span:first-child {
  transform: translate(-50%, calc(-50% - 0.5rem));
  transition: transform 0.3s ease;
}
#spheader .drawer__button > span:nth-child(2) {
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
}
#spheader .drawer__button > span:last-child {
  transform: translate(-50%, calc(-50% + 0.5rem));
  transition: transform 0.3s ease;
}
/* 展開時のデザイン */
#spheader .drawer__button.active > span:first-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#spheader .drawer__button.active > span:nth-child(2) {
  opacity: 0;
}
#spheader .drawer__button.active > span:last-child {
  transform: translate(-50%, -50%) rotate(45deg);
}


/* メニューのデザイン */
#spheader .drawer__nav {
  position: fixed; /* 追従ヘッダーなどでも表示できるよう設定しておく */
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
#spheader .drawer__nav.active {
  opacity: 1;
  visibility: visible;
}
#spheader .drawer__nav__inner {
  position: relative;
  width: 80%;
  height: 100%;
  background-color: white;
  padding: 4rem 1.5rem 1rem;
  margin: 0 0 0 auto;
  overflow: scroll;
  transform: translateX(100%);
  transition: transform 0.3s ease;
}
#spheader .drawer__nav.active .drawer__nav__inner {
  transform: translateX(0);
}
#spheader .drawer__nav__menu {
  list-style: none;
  padding-left: 0;
  padding: 30px 0px;
}
#spheader .drawer__nav__menu a{
	display:block;
	text-decoration:none;
	font-size: 18px;
	letter-spacing: 0.1em;
	text-align: left;
	color: #333;
	padding:10px;
	border-top:solid 1px #D5D5D5;
}


#spheader .spMenu-btn a{
	display:block;
	color:#034122;
	border:solid 2px #034122;
	font-weight: bold;
	background: #fff;
	border-radius:100px;
	text-align:center;
	box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.15);
}
#spheader .spMenu-btn a span{
	display:inline-block;;
	background:url(../img/reasonLst-arrow.png) no-repeat right 10px;
	background-size:20px auto;
	padding:5px 20px;
	padding-right:26px;
}

/* ハンバーガーメニュー展開時、背景を固定 */
body.active {
  height: 100%;
  overflow: hidden;
}



/* ----------
footer
   ---------- */

.footer {
	background:#E3E3E3;
	padding:60px 0 ;
}

/* ---- */

.footer .inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

/* ---- */

.footer .footer_cnt {
	width:100%;
	max-width:1000px;
	margin:0 auto 50px;


	display:flex;
	justify-content:space-between;
	gap:0;
}

/* ---- */

.footer .footer_cnt .logo-area01 {
}
.footer .footer_cnt .logo-area02 {
}

/* ---- */

.footer .logo {
	display:block;
	margin-bottom:15px;
}

.footer .logo img {
  width: 100%;
  max-width:240px;
  height: auto;
  display: block;
}

/* ---- */

.footer .logo-pro {
	display:block;
	margin-bottom:15px;
}

.footer .logo-pro img {
  width: 100%;
  max-width:325px;
  height: auto;
  display: block;
}

.footer .pro-text {
	margin-top:15px;
	font-size:14px;
}

/* ---- */

.footerNav_corpbtn {
	width:100%;
	max-width:340px;
	text-align:center;
	display:inline-block;
	border:solid 2px #034122;
	border-radius:100px;
	padding:0 18px;
	box-shadow: 0px 0px 8px 2px rgba(108, 108, 108, 0.45);

	background:#fff url(../img/footerNav_corpbtn_arrow.png) no-repeat right 10px center;
	background-size:20px auto;
	display:flex;
	flex-direction:column;
}
.footerNav_corpbtn span{
	display:inline-block;
	padding:10px 0 10px 0;
	padding-right:25px;
	font-size:14px;
	font-weight:bold;
}




/*---- */
.footer .inner .copy {
	width:100%;
	max-width:1050px;
	margin:0 auto;
	text-align:right;
}
.footer .inner .copy span {
	color:#666666;
	font-size:14px;
}

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

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

		display:flex;
		justify-content:space-between;
		flex-direction:column;
		gap:15px;
	}

	.footer .footer_cnt .logo-area01 {
		width:100%;
		margin-bottom:20px;
	}
	.footer .footer_cnt .logo-area02 {
		width:100%;
	}

	.footer .logo {
		text-align:center;
	}
	.footer .logo img{
		margin:0 auto;
	}

	/* ---- */

	.footer .logo-pro {
		text-align:center;
	}
	.footer .logo-pro img{
		margin:0 auto;
	}

	.footerNav_corpbtn {
		margin:0 auto;
	}
	.footer .pro-text {
		width:100%;
		max-width:340px;
		margin-left:auto;
		margin-right:auto;
	}
}






/* ----------
newsSec
   ---------- */
.newsSec{
	padding-top:clamp(30.0000px, calc(29.2969vw + -195.0000px), 105.0000px);
	padding-bottom:clamp(30.0000px, calc(29.2969vw + -195.0000px), 105.0000px);
}

.newsSec .inner{
	width:100%;
	max-width:1150px;
	margin:0 auto;

	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	gap:25px 0;
}

/* ---- */
.newsSec .tit{
	width:25%;
	text-align:center;
	font-size: clamp(25.0000px, calc(5.8594vw + -20.0000px), 40.0000px);
	font-family: "Zen Old Mincho", serif;
}

/* ---- */
.newsSec .newsLst{
	width:75%;
	border-left:solid 1px #000;
	padding-left:4%;
}

.newsSec .newsLst .item{
	margin-bottom:10px;
	padding-bottom:10px;

	display:flex;
	gap:8px;
	flex-wrap:wrap;
	align-items:flex-start;

}
.newsSec .newsLst .item:last-child{
	border-bottom:none;
}

.newsSec .newsLst .item .date{
	width:100px;
	text-align:center;
	font-family: "Jost", sans-serif;
}

.newsSec .newsLst .item .cat{
	width:150px;
	background:#DDDDDD;
	text-align:center;
	padding:3px;
	font-size:14px;
}

.newsSec .newsLst .item .lnk{
	width:calc( 100% - (16px + 100px + 150px));
	font-size: clamp(15.0000px, calc(1.1719vw + 6.0000px), 18.0000px);
}

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

/* SP */
@media screen and (max-width: 767px) {
	.newsSec{
		padding-top:60px;
		padding-bottom:60px;
	}
	/* ---- */
	.newsSec .tit{
		width:100%;
		text-align:left;
	}

	/* ---- */
	.newsSec .newsLst{
		width:100%;
		border:none;
		padding-left:0;
	}
	.newsSec .newsLst .item{
		border-bottom:solid 1px #ccc;
	}
	.newsSec .newsLst .item .date{
		width:auto;
		text-align:left;
		font-weight:bold;
	}

	.newsSec .newsLst .item .cat{
		width:150px;
		background:#DDDDDD;
	}

	.newsSec .newsLst .item .lnk{
		width:100%;
		font-size: clamp(15.0000px, calc(1.1719vw + 6.0000px), 18.0000px);
	}

}


/* ----------
worrieSec
   ---------- */
.worrieSec{
	margin-bottom:clamp(30.0000px, calc(35.1563vw + -240.0000px), 120.0000px);
}

.worrieSec .inner{
	width:100%;
	max-width:1400px;
	margin:0 auto;

	display:flex;
	flex-wrap:wrap;
	gap:15px 3%;
}

/* ---- */
.worrieSec .pic{
	width:45%;
}

.worrieSec .pic img{
	width:100%;
	height:auto;
}

/* ---- */
.worrieSec .cnt{
	width:45%;
}

.worrieSec .cnt .tit{
	font-size: clamp(23px, 3.9261vw + -7.1132px, 40px); /* Vary between 767px and 1200px */
	margin-bottom:46px;
	font-family: "Zen Old Mincho", serif;
}

/* ---- */
.worrieSec .cnt .worrieLst{
}

.worrieSec .cnt .worrieLst .item{
	padding:15px 15px 15px 70px;
	font-size: clamp(17.0000px, calc(1.1719vw + 8.0000px), 20.0000px);
	background:#fff url(../img/worrie_check.png) no-repeat 15px 10px;
}

.worrieSec .cnt .worrieLst .item:nth-child(even){

	background-color:#EAF4EF;
}

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

/* SP */
@media screen and (max-width: 767px) {
	.worrieSec .pic{
		width:100%;
	}
	.worrieSec .cnt{
		width:100%;
	}

	.worrieSec .cnt .tit{
		margin-bottom:30px;
	}
	.worrieSec .cnt .worrieLst .item{
		padding:10px 10px 10px 50px;
		background-size:25px  auto;
	}

}


/* ----------
tellWarrieSec
   ---------- */
.tellWarrieSec{
	background:url(../img/tellWarrieSec_bk.png) no-repeat center center;
	background-size:cover;
	padding-top:clamp(40.0000px, calc(41.0156vw + -275.0000px), 145.0000px);
	padding-bottom:clamp(40.0000px, calc(41.0156vw + -275.0000px), 145.0000px);
}

.tellWarrieSec .inner{
	width:100%;
	max-width:1400px;
	margin:0 auto;
}

/* ---- */
.tellWarrieSec .tellWarrieSec__tit{
	text-align:center;
	 text-shadow: 2px 2px 0px rgba(80, 80, 80, 1);
	color:#fff;
	font-size: clamp(28.0000px, calc(6.6406vw + -23.0000px), 45.0000px);
	font-family: "Zen Old Mincho", serif;
}

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

@media screen and (max-width: 767px) {
	.tellWarrieSec .tellWarrieSec__tit{
		font-size: 23px;
	}
}



/* ----------
strongSec
   ---------- */

.strongSec{
	padding-top:clamp(35.0000px, calc(25.3906vw + -160.0000px), 100.0000px);
	padding-bottom:clamp(35.0000px, calc(25.3906vw + -160.0000px), 100.0000px);
}

.strongSec .inner{
	width:100%;
	max-width:1400px;
	margin:0 auto;
}

/* ---- */


.strongSec .strongSec__header{
  padding: 0 0 clamp(22px, 3.5vw, 44px);
  text-align: center;
}

/* タイトル行をフル幅にする */
.strongSec .strongSec__header .tit{
  display: flex;
  align-items: center;
  justify-content: center;

  gap: clamp(14px, 2vw, 28px);

  font-size: clamp(22px, calc(6.25vw - 26px), 38px);
  font-family: "Zen Old Mincho", serif;
  line-height: 1.15;
  margin: 0 0 25px;

  /* ここが重要：フル幅＋左右にだけ余白 */
  width: 100%;
  max-width: none;                 /* ←外す */
  color: #1E1E1E;
}

.strongSec .strongSec__header .tit::before,
.strongSec .strongSec__header .tit::after{
  content: "";
  height: 1px;
  background: #1E1E1E;
  flex: 1;           /* 余った分を全部線にする */
  max-width: none;   /* ←外す（上限を撤廃） */
}


.strongSec .strongSec__header .tit .mainTit{
}
.strongSec .strongSec__header .tit .mainTit span{
	display:inline-block;
	font-size:150%;
	color:#DB950A;
}

/* ---- */

.strongSec .strongLst .media-overlap-list__content h3{
	font-size: clamp(19.0000px, calc(3.5156vw + -8.0000px), 28.0000px);
	margin-bottom:30px;
	font-family: "Zen Old Mincho", serif;
}

.strongSec .strongLst .media-overlap-list__content span.lbl{
	display:block;
	color:#41AA34;
	font-size: clamp(16.0000px, calc(0.7813vw + 10.0000px), 18.0000px);
	font-family: "Noto Serif", serif;
	margin-bottom:30px;
}
.strongSec .strongLst .media-overlap-list__content span.lbl span{
	font-size:155%;
}
.strongSec .strongLst .media-overlap-list__content .txt01{
	font-size: clamp(16.0000px, calc(0.7813vw + 10.0000px), 18.0000px);
}

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

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











/*--------------------------
.media-overlap-list
---------------------------- */
.media-overlap-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.media-overlap-list__item {
    position: relative; /* 重なりの基準 */
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; /* 上揃え */
    margin-bottom: clamp(30px, 1.2121vw + 25.4545px, 40px); /* 375px ～ 1200px の間で可変 */
}

.media-overlap-list__item:last-child {
    margin-bottom: 0;
}

.media-overlap-list__item .media-overlap-list__image {
	z-index:10 !important;
}

.media-overlap-list__item .media-overlap-list__content {
	z-index:1 !important;
	padding:45px 35px 60px;
}

/* 偶数項目の順序を変更 */
.media-overlap-list__item:nth-child(even) .media-overlap-list__image {
    order: 2;
}

.media-overlap-list__item:nth-child(even) .media-overlap-list__content {
    order: 1;
	padding-right:100px;
}

/* 奇数項目の順序を変更 */
.media-overlap-list__item:nth-child(odd) .media-overlap-list__image {
}

.media-overlap-list__item:nth-child(odd) .media-overlap-list__content {
	padding-left:100px;
}

.media-overlap-list__image {
}

/* image と content の共通スタイル */
.media-overlap-list__image{
    width: 45%;
}
.media-overlap-list__content {
    width: 55%;
    flex-shrink: 0;
    position: relative; /* 重なりのために相対位置を設定 */
}

/* 画像のスタイル */
.media-overlap-list__image img {
    width: 100%;
    height: auto;
    display: block;
}

/* content のスタイル */
.media-overlap-list__content {
    background: #F5F5F5;
    padding: 20px;

    margin-top: 90px;
    width: 100%; /* 左右幅いっぱいに伸びる */
    max-width: calc(50% + 50px); /* シフト分を加えた最大幅 */
    transition: margin 0.3s ease; /* シフト時のスムーズなアニメーション */
}



/* 奇数項目 (.item:nth-child(odd)) の .content を左にシフト */
.media-overlap-list__item:nth-child(odd) .media-overlap-list__content {
    margin-left: -50px; /* 左に50pxシフト */
}

/* 偶数項目 (.item:nth-child(even)) の .content を右にシフト */
.media-overlap-list__item:nth-child(even) .media-overlap-list__content {
    margin-right: -50px; /* 右に50pxシフト */
}

/* レスポンシブ対応 */
@media screen and (max-width: 1200px) {
    .media-overlap-list__item:nth-child(odd) .media-overlap-list__content {
        margin-left: -30px; /* シフト量を減らす */
        max-width: calc(50% + 30px);
    }

    .media-overlap-list__item:nth-child(even) .media-overlap-list__content {
        margin-right: -30px; /* シフト量を減らす */
        max-width: calc(50% + 30px);
    }
}

@media screen and (max-width: 767px) { /* スマートフォン */
    .media-overlap-list__item {
        flex-direction: column;
        align-items: center;
        margin-bottom: 45px;
    }

    /* 偶数項目の順序を元に戻す */
    .media-overlap-list__item:nth-child(even) .media-overlap-list__image,
    .media-overlap-list__item:nth-child(even) .media-overlap-list__content {
        order: initial;
    }

    /* image と content を全幅に */
    .media-overlap-list__image,
    .media-overlap-list__content {
        width: 100%;
        margin: 0; /* 重なりを解除 */
        padding: 0;
    }

    .media-overlap-list__content {
        padding: 20px !important;
		padding-top:45px !important;
        margin: -30px auto 0 !important;
        box-shadow: none; /* 影を解除 */
        border-radius: 0; /* 角を丸めない */
        max-width: 95% !important; /* 全幅に */
        z-index: 10;
    }
}


/* ----------
caseSec
   ---------- */
.caseSec{
	background:#EAF4EF url(../img/caseSec__footer_bk.png) no-repeat center bottom;
	padding-top:clamp(35.0000px, calc(25.3906vw + -160.0000px), 100.0000px);
	padding-bottom:clamp(35.0000px, calc(25.3906vw + -160.0000px), 100.0000px);
}

.caseSec .inner{
	width:100%;
	max-width:1400px;
	margin:0 auto;
}

.caseSec .caseSec__header{
  background: #EAF4EF;
  padding: 0 0 clamp(22px, 3.5vw, 44px);
  text-align: center;
}

/* タイトル行をフル幅にする */
.caseSec .caseSec__header .tit{
  display: flex;
  align-items: center;
  justify-content: center;

  gap: clamp(14px, 2vw, 28px);

  font-size: clamp(22px, calc(6.25vw - 26px), 38px);
	font-family: "Zen Old Mincho", serif;
   
  line-height: 1.15;
  margin: 0 0 25px;

  /* ここが重要：フル幅＋左右にだけ余白 */
  width: 100%;
  max-width: none;                 /* ←外す */
  color: #1E1E1E;
}

.caseSec .caseSec__header .tit::before,
.caseSec .caseSec__header .tit::after{
  content: "";
  height: 1px;
  background: #1E1E1E;
  flex: 1;           /* 余った分を全部線にする */
  max-width: none;   /* ←外す（上限を撤廃） */
}

/* 文字側 */
.caseSec .caseSec__header .tit > span{
  padding: 0 clamp(8px, 1.2vw, 18px); /* 線と文字が近づきすぎない保険 */
  white-space: nowrap;
}

.caseSec .caseSec__header .tit span.lbl02{
  color:#DB950A;
}


/* ----------
caseSec__lst
   ---------- */
.caseSec .caseSec__lst{
	display:flex;
	flex-wrap:row;
	flex-wrap:wrap;
	gap:clamp(30.0000px, calc(23.4375vw + -150.0000px), 90.0000px);
}

/* ---- */
.caseSec .caseSec__lst .item{
	width:100%;
	background:#fff;
	padding:clamp(15.0000px, calc(13.6719vw + -90.0000px), 50.0000px);
}

/* ---- */
.caseSec .caseSec__lst .item .titArea{
	border-bottom:solid 1px #ccc;
	padding-bottom:clamp(16.0000px, calc(3.5156vw + -11.0000px), 25.0000px);
	margin-bottom: clamp(20.0000px, calc(3.9063vw + -10.0000px), 30.0000px);

	display:flex;
	flex-wrap:wrap;
	gap:10px;
	justify-content:flex-start;
	align-items:flex-end;
}

.caseSec .caseSec__lst .item .titArea .lbl{
	color:#41AA34;
	font-family: "Noto Serif", serif;
	font-size: clamp(15.0000px, calc(1.1719vw + 6.0000px), 18.0000px);
}
.caseSec .caseSec__lst .item .titArea .lbl span{
	font-size: clamp(17.0000px, calc(4.2969vw + -16.0000px), 28.0000px);
}

.caseSec .caseSec__lst .item .titArea .arrow{
	margin-bottom:8px;
}

.caseSec .caseSec__lst .item .titArea .arrow img{
}


.caseSec .caseSec__lst .item .titArea .tit{
	font-size: clamp(21.0000px, calc(4.2969vw + -12.0000px), 32.0000px);
	font-family: "Zen Old Mincho", serif;

}

/* ---- */
.caseSec .caseSec__lst .item .beforeArea{
	display:flex;
	flex-wrap:wrap;
	gap:15px 5%;
	margin-bottom:clamp(20.0000px, calc(7.8125vw + -40.0000px), 40.0000px);

	padding-left:clamp(15.0000px, calc(21.4844vw + -150.0000px), 70.0000px);
	padding-right:clamp(15.0000px, calc(21.4844vw + -150.0000px), 70.0000px);

}

.caseSec .caseSec__lst .item .beforeArea .pic{
	width:35%;
	order:2;
}

.caseSec .caseSec__lst .item .beforeArea .pic img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}

.caseSec .caseSec__lst .item .beforeArea .cnt{
	width:calc( 100% - (35% + 5%));
	order:1;
}

.caseSec .caseSec__lst .item .beforeArea .cnt .before_lbl{
	display:block;
	margin-bottom:10px;
}
.caseSec .caseSec__lst .item .beforeArea .cnt .before_lbl span{
	background:#2A7255;
	color:#fff;
	font-size: clamp(15.0000px, calc(1.1719vw + 6.0000px), 18.0000px);
	padding:2px 1.5em;
}

.caseSec .caseSec__lst .item .beforeArea .cnt p{
	font-size: clamp(15.0000px, calc(1.1719vw + 6.0000px), 18.0000px);
}
/* ---- */
.caseSec .caseSec__lst .item .afterArea{
	display:flex;
	flex-wrap:wrap;
	gap:15px 5%;
	align-items: flex-start; 

	background:#FAF2D0 url(../img/caseSec__Lst_arrow01.png) no-repeat center top;

	padding:clamp(15.0000px, calc(21.4844vw + -150.0000px), 70.0000px);
	padding-top:clamp(15.0000px, calc(13.6719vw + -90.0000px), 50.0000px);
	padding-bottom:clamp(15.0000px, calc(13.6719vw + -90.0000px), 50.0000px);
}

.caseSec .caseSec__lst .item .afterArea .pic{
	width:35%;
	order:2;
}

.caseSec .caseSec__lst .item .afterArea .pic img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}

.caseSec .caseSec__lst .item .afterArea .cnt{
	width:calc( 100% - (35% + 5%));
	order:1;

	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	gap:15px;
	align-items:start;
}

/* ---- */
.caseSec .caseSec__lst .item .afterArea .cnt .solutionCnt{
	width:100%;
}

.caseSec .caseSec__lst .item .afterArea .cnt .solutionCnt .tit{
	background:#DB950A;
	color:#fff;
	text-align:center;
	margin-bottom:10px;
	padding:2px 10px;
	font-size: clamp(15.0000px, calc(1.1719vw + 6.0000px), 18.0000px);
}

.caseSec .caseSec__lst .item .afterArea .cnt .solutionCnt .txt{
	font-size: clamp(15.0000px, calc(1.1719vw + 6.0000px), 18.0000px);
}

/* ---- */
.caseSec .caseSec__lst .item .afterArea .cnt .afterCnt{
	width:100%;
	background:#fff;
	border:solid 1px #DB950A;

}

.caseSec .caseSec__lst .item .afterArea .cnt .afterCnt .tit{
	background:#DB950A;
	color:#fff;
	text-align:center;
	padding:5px;
	font-weight:bold;
}

.caseSec .caseSec__lst .item .afterArea .cnt .afterCnt .txt{
	padding:15px 20px;
	font-size: clamp(17.0000px, calc(1.1719vw + 8.0000px), 20.0000px);
}

.after_arrow{
	width:100%;
	display:block;
	text-align:center;
}
/* Wide Breakpoint */
@media screen and (max-width: 1400px) {
	.caseSec .inner{
	width: calc(100% - 30px);
	}
}

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

	.caseSec .caseSec__lst .item .beforeArea,
	.caseSec .caseSec__lst .item .afterArea{
		padding-left:8px;
		padding-right:8px;

	}

	.caseSec .caseSec__lst .item .titArea .arrow{
		display:none;
	}

	.caseSec .caseSec__lst .item .beforeArea .pic{
		width:100%;
	}
	.caseSec .caseSec__lst .item .beforeArea .cnt{
		width:100%;
	}

	.caseSec .caseSec__lst .item .afterArea .pic{
		width:100%;
	}
	.caseSec .caseSec__lst .item .afterArea .cnt{
		width:100%;
	}



}

/* ----------
caseSec__footer
   ---------- */
.caseSec .caseSec__footer{
	padding-top:clamp(15.0000px, calc(8.9844vw + -54.0000px), 38.0000px);
	padding-bottom:clamp(15.0000px, calc(8.9844vw + -54.0000px), 38.0000px);
}

.caseSec .caseSec__footer .tit{
	font-size: clamp(19.0000px, calc(2.7344vw + -2.0000px), 26.0000px);
	font-family: "Zen Old Mincho", serif;

	text-align:center;
	margin-bottom: clamp(20.0000px, calc(5.8594vw + -25.0000px), 35.0000px);
}

.caseSec .caseSec__footer .btn{
}

.caseSec .caseSec__footer .btn a{
	display:block;
	font-size: clamp(19.0000px, calc(2.7344vw + -2.0000px), 26.0000px);
	font-family: "Zen Old Mincho", serif;
	color:#DB950A;
	border:solid 1px  #DB950A;
	background:#fff;
	text-align:center;

	width:100%;
	max-width:800px;
	margin:0 auto;
	padding:8px 10px;
}
.caseSec .caseSec__footer .btn a:hover{
	background-color:#DB950A;
	color:#fff;
}
/* Wide Breakpoint */
@media screen and (max-width: 1100px) {
  .example{
    width: calc(100% - 30px);
  }
}

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


/* ----------
stepSec
   ---------- */
.stepSec{
	padding-top:clamp(50.0000px, calc(39.0625vw + -250.0000px), 150.0000px);
	padding-bottom:clamp(50.0000px, calc(39.0625vw + -250.0000px), 150.0000px);
}

.stepSec .inner{
	width:100%;
	max-width:1400px;
	margin:0 auto;
}



.stepSec .stepSec__header{
  padding: 0 0 clamp(22px, 3.5vw, 44px);
  text-align: center;
}

/* タイトル行をフル幅にする */
.stepSec .stepSec__header .tit{
  display: flex;
  align-items: center;
  justify-content: center;

  gap: clamp(14px, 2vw, 28px);

  font-size: clamp(22px, calc(6.25vw - 26px), 38px);
	font-family: "Zen Old Mincho", serif;

  line-height: 1.15;
  margin: 0 0 30px;

  /* ここが重要：フル幅＋左右にだけ余白 */
  width: 100%;
  max-width: none;                 /* ←外す */
  color: #1E1E1E;
}

.stepSec .stepSec__header .tit::before,
.stepSec .stepSec__header .tit::after{
  content: "";
  height: 1px;
  background: #1E1E1E;
  flex: 1;           /* 余った分を全部線にする */
  max-width: none;   /* ←外す（上限を撤廃） */
}






/* ---- */
.stepSec .stepLst{
	width:100%;
	max-width:1200px;
	margin:0 auto;

	display:flex;
	flex-direction:column;
	gap:15px;
	overflow-y:clip;
}

.stepSec .stepLst .item{
	width:100%;
	background:#F5F5F5;
	padding: clamp(8.0000px, calc(8.5938vw + -58.0000px), 30.0000px);
	padding-left:80px;
	position:relative;
}
.stepSec .stepLst .item:before{
	content:"";
	display:inline-block;
	width:100px;
	height:100px;

	background:url(../img/step_01.png) no-repeat center center;
	background-size:100% auto;

	position:absolute;
	left:-70px;
	top:15px;

	z-index:10;
}
.stepSec .stepLst .item:nth-child(1):before{ background-image:url(../img/step_01.png);}
.stepSec .stepLst .item:nth-child(2):before{ background-image:url(../img/step_02.png);}
.stepSec .stepLst .item:nth-child(3):before{ background-image:url(../img/step_03.png);}
.stepSec .stepLst .item:nth-child(4):before{ background-image:url(../img/step_04.png);}

.stepSec .stepLst .item:after{
	content:"";
	width:1px;
	height:100px;
	background:#41AA34;

	position:absolute;
	left:-22px;
	bottom: calc( (0px + 15px + 20px) * -1);
	z-index:1;

}
.stepSec .stepLst .item:last-child:after{
	content:none;
}

.stepSec .stepLst .item .cnt{
}

.stepSec .stepLst .item .cnt .tit{
	color:#2A7255;
	font-size: clamp(19.0000px, calc(1.9531vw + 4.0000px), 24.0000px);
	margin-bottom: clamp(5.0000px, calc(3.9063vw + -25.0000px), 15.0000px);
	font-family: "Zen Old Mincho", serif;
	font-weight:bold;

}

.stepSec .stepLst .item .cnt .txt{
	font-size: clamp(14.0000px, calc(0.7813vw + 8.0000px), 16.0000px);
}

/* ---- */
.stepSec .stepLst .item .inform{
}
.stepSec .stepLst .item .inform .inform_contact{
	padding:10px;
	display:flex;
	gap:10px;
	align-items:center;

	background:#fff;
}
.stepSec .stepLst .item .inform .inform_contact li{
	flex:1;
	text-align:center;
}
.stepSec .stepLst .item .inform .inform_contact li img{
	width:100%;
	height:auto;
	max-width:255px;
}

.stepLst .item-tow-row {
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	align-items:center;
}
.stepLst .item-tow-row .cnt{
	width:calc( 100% - (10px + 55%));
}
.stepLst .item-tow-row .inform{
	width:55%;
}

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




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

	.stepSec .stepLst{
		overflow-y:clip;
		padding-top:5px;
		margin-left:80px;
		width:calc( 100% - 80px);

	}
	.stepSec .stepLst .item{
		padding: 6px;
		padding-left:50px;
	}

	.stepSec .stepLst .item:before{
		width:80px;
		height:80px;
		left:-48px;
		top:-5px;
	}


	.stepSec .stepLst .item:after{
		height:600px;

		position:absolute;
		left:-11px;
		bottom: calc( (0px + 15px + 20px) * -1);

	}

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

	.stepSec .stepLst{
		overflow-y:clip;
		padding-top:5px;
		margin-left:30px;
		width:calc( 100% - 30px);

	}
	.stepSec .stepLst .item{
		padding: 6px;
		padding-left:50px;
	}

	.stepSec .stepLst .item:before{
		width:50px;
		height:50px;
		left:-39px;
		top:-5px;
	}


	.stepSec .stepLst .item:after{
		height:600px;

		position:absolute;
		left:-15px;
		bottom: calc( (0px + 15px + 20px) * -1);

	}



	.stepLst .item-tow-row {
	}
	.stepLst .item-tow-row .cnt{
		width:100%;
	}
	.stepLst .item-tow-row .inform{
		width:100%;
	}

}

/* SP */
@media screen and (max-width: 530px) {
	.stepSec .stepLst .item .inform .inform_contact{
		padding:7px;
		flex-wrap:wrap;
	}
	.stepSec .stepLst .item .inform .inform_contact li{
		flex:none;
		width:100%;
	}
}


/* ----------
consulSec
   ---------- */
.consulSec{
	padding-top: clamp(30.0000px, calc(42.9688vw + -300.0000px), 140.0000px);
	padding-bottom: clamp(20.0000px, calc(31.2500vw + -220.0000px), 100.0000px);

	background:url(../img/consulSec_bk.png) no-repeat center center;
	background-size:cover;
}

.consulSec .inner{
	width:100%;
	max-width:1400px;
	margin:0 auto;
}

/* ---- */
.consulSec .consulSec__tit{
  font-size: clamp(22px, calc(6.25vw - 26px), 38px);
	font-family: "Zen Old Mincho", serif;

  color:#fff;
  margin: 0 0 30px;
  text-align:center;
}

/* ---- */
.consulSec .consulSec__infoBox{
	background:rgba( 255, 255 , 255 , 0.8);
	padding:3% 7.5%;

	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:15px 5.5%;
}

.consulSec .consulSec__infoBox .inform{
	width:44.5%;
}


.consulSec__infoBox__lst{
}
.consulSec__infoBox__lst .item{
	border-bottom:solid 1px #ccc;
	padding-bottom:5px;
	margin-bottom:5px;
}
.consulSec__infoBox__lst .item:last-child{
	border:none;
}
.consulSec__infoBox__lst .item a{
}
.consulSec__infoBox__lst .item a img{
	width:100%;
	height:auto;
}

/* ---- */
.consulSec .consulSec__infoBox .cnt{
	width:50%;
}

.consulSec .consulSec__infoBox .cnt .cnt__lst{
	display:flex;
	gap:15px;
	flex-wrap:wrap;
	flex-direction:column;

	margin-bottom:15px;
}

.consulSec .consulSec__infoBox .cnt .cnt__lst li{
	background:#fff;
	border:solid 1px #918770;
	font-size: clamp(17.0000px, calc(1.9531vw + 2.0000px), 22.0000px);
	padding:5px;
}
 .consulSec .consulSec__infoBox .cnt .cnt__lst li span{
	display:block;
	background:#fff url(../img/consulSec_num01.png) no-repeat 5px 5px;
	background-size:30px 30px;

	padding-left:40px;
}
 }
.consulSec .consulSec__infoBox .cnt .cnt__lst li:nth-child(1)  span{ background-image:url(../img/consulSec_num01.png); }
.consulSec .consulSec__infoBox .cnt .cnt__lst li:nth-child(2)  span{ background-image:url(../img/consulSec_num02.png); }

/* ---- */
.consulSec .consulSec__infoBox .cnt p.consulSec__infoBox{
}

.consulSec .consulSec__infoBox .cnt p.consulSec__infoBox span{
}


.consulSec__infoBox__attent{
	font-size: clamp(17.0000px, calc(1.9531vw + 2.0000px), 22.0000px);
}
.consulSec__infoBox__attent span.lbl{
	display:inline-block;
	position:relative;
}
.consulSec__infoBox__attent span.lbl span{
	font-size:120%;
	font-weight:bold;
	display:inline-block;
	position:relative;
	z-index:10;
}
.consulSec__infoBox__attent span.lbl:before{
	content:"";
	width:100%;
	height:8px;
	background:#E2C68F;
	position:absolute;
	left:0;
	bottom:6px;
	z-index:1;
}

/* ---- */
.consulSec .consulSec__infoBox__footer{
	text-align:center;
	padding:35px 0 0;
	font-size: clamp(17.0000px, calc(1.9531vw + 2.0000px), 22.0000px);
	color:#fff;
}

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

/* SP */
@media screen and (max-width: 767px) {
	.consulSec .consulSec__infoBox{
		padding:20px;
	}
	.consulSec .consulSec__infoBox .inform{
		width:100%;
	}

	/* ---- */
	.consulSec .consulSec__infoBox .cnt{
		width:100%;
	}
	 .consulSec .consulSec__infoBox .cnt .cnt__lst li span{
		background-size:20px 20px;
		padding-left:30px;
	}
}


/* ----------
serviceLstSec
   ---------- */
.serviceLstSec{
	overflow:clip;
	padding-top: clamp(25.0000px, calc(29.2969vw + -200.0000px), 100.0000px);
	padding-bottom: clamp(25.0000px, calc(29.2969vw + -200.0000px), 100.0000px);
}

.serviceLstSec .inner{
	width:100%;
	max-width:1200px;
	margin:0 auto 50px;
}

/* ---- */


.serviceLstSec .serviceLstSec__header{
  padding: 0 0 clamp(22px, 3.5vw, 44px);
  text-align: center;
}

/* タイトル行をフル幅にする */
.serviceLstSec .serviceLstSec__header .tit{
  display: flex;
  align-items: center;
  justify-content: center;

  gap: clamp(14px, 2vw, 28px);

  font-size: clamp(22px, calc(6.25vw - 26px), 38px);
  font-family: "Zen Old Mincho", serif;
  line-height: 1.15;
  margin: 0 0 30px;

  /* ここが重要：フル幅＋左右にだけ余白 */
  width: 100%;
  max-width: none;                 /* ←外す */
  color: #1E1E1E;
}

.serviceLstSec .serviceLstSec__header .tit::before,
.serviceLstSec .serviceLstSec__header .tit::after{
  content: "";
  height: 1px;
  background: #1E1E1E;
  flex: 1;           /* 余った分を全部線にする */
  max-width: none;   /* ←外す（上限を撤廃） */
}





/* ---- */
.serviceLstSec .serviceLstSec__header .serviceLstSec__banners{
}

.serviceLstSec__banners li {
  padding: 0 8px; /* スライド間の余白 */
}

.serviceLstSec__banners img {
  width: 100%;
  height: auto;
  display: block;
}

/* 矢印ボタンの見た目（必要に応じて調整） */
.serviceLstSec__banners .slick-prev,
.serviceLstSec__banners .slick-next {
  width: 44px;
  height: 44px;
  z-index: 2;
}

.serviceLstSec__banners .slick-prev:before,
.serviceLstSec__banners .slick-next:before {
  content: none; /* テーマ側の矢印を消す */
}

.serviceLstSec__banners .slick-prev img,
.serviceLstSec__banners .slick-next img {
  width: 30px;
  height:30px;
  display: block;
}
.serviceLstSec__banners .slick-prev {
}
.serviceLstSec__banners .slick-next {
	right:-40px;
}


/* Wide Breakpoint */
@media screen and (max-width: 1200px) {
	.serviceLstSec .inner{
		width: calc(100% - 60px);
	}
}

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







/*==============================
.pageTop
================================ */
.pageTop {
  position: fixed;       /* ここがないと浮かびません */
  top:      auto;
  right:    15px;        /* 初期は SP 用 */
  bottom:   15px;        /* 初期は SP 用 */
  left:     auto;
  z-index:  99999;
  margin:   auto;
  display:  none;        /* JS の fadeIn/fadeOut で制御 */
  transition: bottom 0.3s ease-in-out;  /* bottom 変化を滑らかに */
}
.pageTop img{
	width:58px;
	height:auto;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
}

@media screen and (max-width: 767px) {
	/* PC 用の right/bottom 初期値 */
  .pageTop {
    right: 30px;
    bottom: 30px;
  }
	.pageTop img{
		width:35px;
		height:auto;
	}
}



/* ----------
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 5px;
	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 img {
	width:100%;
	max-width:435px;
	height:auto;
	vertical-align:bottom;
}
.buttonAreaSec .buttonArea__lst .item.item-haka a{
	/*background:#258C56;*/
	background:#BE801B;
}
.buttonAreaSec .buttonArea__lst .item.item-document a{
	background:#195539;
	/*background:#914fd1;*/
}



.buttonAreaSec .buttonArea__lst .item.item-haka span{
	background:url(../img/teien/buttonAreaSec_icon_haka.png) no-repeat left center;
}
.buttonAreaSec .buttonArea__lst .item.item-document span{
	background:url(../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;
	}
	.buttonAreaSec .buttonArea__lst .item a img {
		width:100%;
		max-width:170px;
		height:auto;
	}
}