@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 JP", sans-serif;
    margin: 0;
    padding: 0;
    color: #1A211E;
    background-color: #fff;
	line-height:1.8;
}

a{
	color:#000;
	text-decoration:none;
	text-underline-offset: 0.4ex;
}
a:hover{
	color:#0055aa;
}



/* ----------------
   ---------------- */
.sectionHead{
	margin-bottom:40px;
}
.sectionHead__title{
	text-align:center;
	font-size: clamp(35px, 1.6092vw + 22.6897px, 42px); /* Vary between 765px and 1200px */
	font-weight:bold;
	position:relative;
}
.sectionHead__title:before{
	content:"";
	width:70px;
	height:3px;
	background:#389D47;
	position: absolute;
	left: 50%;
	bottom:-10px;
	transform: translateX(-50%);
	border-radius:100px;
}
.sectionHead__subtitle{
	padding-top:20px;
	text-align:center;
	font-size: clamp(16px, 0.4619vw + 12.4573px, 18px); /* Vary between 767px and 1200px */
}

/* ---- */
.sectionCatch{
	margin-bottom:30px;
}
.sectionCatch__title{
	text-align:center;
	font-size: clamp(23px, 1.6092vw + 10.6897px, 30px); /* Vary between 765px and 1200px */
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;

}
.sectionCatch__title:before{
	content:"";
	display:inline-block;
	background:url(../img/sectionCatch__title_left.png) no-repeat;
	background-size:auto 100%;
	width:14px;
	height:26px;
}
.sectionCatch__title:after{
	content:"";
	display:inline-block;
	background:url(../img/sectionCatch__title_right.png) no-repeat;
	background-size:auto 100%;
	width:14px;
	height:26px;
}


/* ---- */
.sectionLine{
	display:block;
	height:10px;
	border:none;
	background: linear-gradient(145deg, #389D47 50%, #87C590 50%);
}

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

	.sectionHead{
		margin-bottom:30px;
	}
	.sectionHead__title{
		font-size: 25px;
	}
	.sectionHead__subtitle{
		padding-top:20px;
		text-align:center;
		font-size: 15px;
	}

	.sectionCatch__title{
		font-size: 18px;
		font-weight:bold;
	}
	.sectionCatch__title:before{
		width:14px;
		height:20px;
	}
	.sectionCatch__title:after{
		width:14px;
		height:20px;
	}
	.sectionLine{
		height:5px;
	}
}




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

@media screen and (max-width: 890px) {
	#spheader.pcOFF {
		display:block !important;
	}
}

#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;
	box-shadow: 0px 6px 10px 0px rgba(209, 209, 209, 0.30);
}
#spheader .header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
}

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

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

#spheader .drawer__nav__inner .logo img {
	width:auto;
	height: 50px;
}

/* ハンバーガーボタンのデザイン */
#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;
}


.spMenu-btn a{
	display:block;
	background:#FFB10E;
	border-radius:5px;
	padding:10px 15px;
	text-align:center;
	font-size:16px;
	color:#fff;
}
.spMenu-btn a span{
	display:block;
	background:url(../img/arrow01.png) no-repeat right 10px center;
	width:100%;
}
.spMenu-btn a:hover {
  background: #e89c00; /* 少し濃いオレンジ */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* ふわっと影 */
  transition: background 0.3s, box-shadow 0.3s; /* アニメーション */
  cursor: pointer;
}


/* ---------------- 
 * header 
 * ---------------- */
.pcHeader {
	width:100%;
	padding:10px 0;
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	box-shadow: 0px 6px 10px 0px rgba(209, 209, 209, 0.30);
}
.pcHeader .inner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;

	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0 30px;
}

/* ---- */
.pcHeader .logo {
	width:222px;
}
.pcHeader .logo img{
	width:100%;
	max-width:207px;
	height:auto;
}

.pcHeader .logo .header-title {
}

/* ---- */
.pcHeader .headerNav {
	width:calc( 100% - 252px);
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:0px 10px;
}

.pcHeader .headerNav .headerNav_lst {
	width:calc( 100% - 360px);
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	gap:15px;
}
.pcHeader .headerNav .headerNav_lst .item {
	width:calc( (100% - 60px ) / 5);
	font-size:13px;
}
.pcHeader .headerNav .headerNav_lst .item a{
	display:block;
	text-align:center;
	line-height:1.3;
}
.pcHeader .headerNav .headerNav_lst .item a br{
	display:none;
}
.pcHeader .headerNav .headerNav_lst .item a:hover{
	text-decoration:underline;
	text-underline-offset: 6px;
}
@media screen and (max-width: 1045px) {
	.pcHeader .headerNav .headerNav_lst .item a br{
		display:block;
	}
}

/* ---- */
.pcHeader .headerNav .tel {
	width:170px;
}
.pcHeader .headerNav .tel .tel_num {
}
.pcHeader .headerNav .tel .tel_num img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}



/* ---- */
.pcHeader .headerNav .btn {

	font-size:13px;
	text-align:center;
	border-radius:10px;
	padding:7px 4px 7px 2px;
	color:#fff;
	width:160px;

	background:#FFB10E;

	border-radius:10px;
	text-align:center;
	color:#fff;
	border-bottom:solid 2px #C88803;

}.pcHeader .headerNav .btn span{
	display:block;
	background:url(../img/arrow01.png) no-repeat right 7px center;
	width:100%;
}
/* hover時 */
.pcHeader .headerNav .btn:hover {
  background: #eeac25; /* 少し濃いオレンジ */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* ふわっと影 */
  transition: background 0.3s, box-shadow 0.3s; /* アニメーション */
  cursor: pointer;
}




.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}


@media screen and (max-width: 1100px) {
    .pcHeader .inner {
        max-width: calc(100% - 30px);
    }
	
	.pcHeader .headerNav .headerNav_lst {
		width:calc( 100% - 305px);
	}

	.pcHeader .headerNav .headerNav_lst {
		gap:5px;
	}
	.pcHeader .headerNav .headerNav_lst .item {
		width:calc( (100% - 20px ) / 5);
	}
	.pcHeader .headerNav .tel {
		width:150px;
	}
	.pcHeader .headerNav .btn {
		width:115px;
	}
}
@media screen and (max-width: 890px) {
	.pcHeader{
		display:none;
	}
}


/* ---------------- 
 * content-area
 * ---------------- */
.content-area{
	margin-top:88px;
}

@media screen and (max-width: 890px) {
	.content-area{
		margin-top:65px;
	}
}
/* ---------------- 
 * content-area
 * ---------------- */
body:not(.topPage) .pageContent {
    margin-bottom: 88px;
}

@media screen and (max-width: 890px) {
	body:not(.topPage) .pageContent {
		margin-bottom: 50px;
	}
}

/* ---------------- 
 * mainVisual 
 * ---------------- */
.mainVisual{
	background:#EEF9EF;
	padding-top: clamp(30px, 1.8182vw + 23.1818px, 45px); /* Vary between 375px and 1200px */
	padding-bottom: clamp(30px, 1.8182vw + 23.1818px, 45px); /* Vary between 375px and 1200px */
	margin-bottom:80px;
}

.mainVisual .inner{
	width:100%;
	max-width:960px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:15px 4.45%;
}

.mainVisual .inner .cnt{
	width:45.55%;
	text-align:center;
}
.mainVisual .inner .cnt img{
	width:100%;
	max-width:437px;
	height:auto;
}

.mainVisual .inner .pic{
	width:50%;
	text-align:center;
}
.mainVisual .inner .pic img{
	width:100%;
	max-width:497px;
	height:auto;
}

@media screen and (max-width: 960px) {
	.mainVisual .inner{
		max-width:calc( 100% - 30px);
	}
}
@media screen and (max-width: 767px) {
	.mainVisual{
		margin-bottom:40px;
	}

	.mainVisual .inner{
		flex-direction: column; /* ← これがポイント */
		gap:15px;
	}

	.mainVisual .inner .cnt{
		width:100%;
		margin-left:-10%;
	}

	.mainVisual .inner .pic{
		width:100%;
	}
}

/* ---------------- 
 * pageHeader
 * ---------------- */
.pageHeader{
	background: linear-gradient(to bottom right, #389D47, #6BAF7D);
	padding:20px 0;
	margin-bottom: clamp(30px, 7.5862vw + 1.5517px, 85px); /* Vary between 375px and 1100px */
}
.pageHeader_tit{
	text-align:center;
	font-size: clamp(21px, 3.3103vw + 8.5862px, 45px); /* Vary between 375px and 1100px */
	color:#fff;
}


/* ---------------- 
 * featureSec 
 * ---------------- */
.featureSec{
	margin-bottom:90px;
}

.featureSec .inner{
	width:100%;
	max-width:950px;
	margin:0 auto;
}

.featureSec .inner .featureSec_lst{
	display:flex;
	flex-wrap:wrap;
	gap:15px 15px;
	margin-bottom:20px;
}

.featureSec .inner .featureSec_lst .item{
	width:calc( (100% - 60px) / 5);
	border:solid 2px #B4B4B4;
	border-radius:10px;
	text-align:center;
	padding:0 15px 5px;
	position:relative;
}
.featureSec .inner .featureSec_lst .item:before{
	content:"";
	display:block;
	background-color:#fff;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjEuNDM5OCAzLjk0NjI3QzIyLjA3NzUgMy4xODk5NiAyMy42MjIgMi40MzcyIDI0LjAxODcgMy43NjM4NEMyNC4zNDY0IDQuODYxOTkgMjMuMDUzNCA1LjI3ODIyIDIzLjA4NzEgNS44MDQyN0MyNy44MjMzIDEyLjU0NzMgMjMuOTA1NCAyMi4zOTM1IDE2LjA4MTkgMjQuNTQwMkMyLjUxOTc0IDI4LjI2MTUgLTUuODg2NDQgMTEuNjg0NyA0Ljk2MDQ3IDIuNzkxNDRDOS41NjIwOCAtMC45ODEyNDIgMTUuNzA2NCAtMC42ODAxNCAyMC4zNTc2IDIuODA5MTVDMjAuNzM0OSAzLjA5MjU0IDIxLjM0OTUgMy41MDM0NyAyMS40Mzk4IDMuOTQ0NVYzLjk0NjI3Wk0xMS4zMDE0IDIuNDAxNzdDNy4xNzgwMyAyLjg2NTgzIDIuNzE0NTcgNy4xMjkxNCAyLjMwODk3IDExLjI5ODZDMS41MTU0NiAxOS40NjM5IDguODMyMzUgMjQuOTI4MSAxNi41MjMgMjEuOTcwMUMyMS45MDU3IDE5LjkwMTQgMjQuODkzNyAxMi4zNDM2IDIxLjM0NzcgNy40OTIyNEMxOC4zMzMxIDEwLjczODkgMTUuMzg5NCAxNC4wNDIyIDEyLjEzNzQgMTcuMDUzMkMxMS41MTIyIDE3LjQ5NDMgMTEuMzEyIDE3LjUyNzkgMTAuNjQwOCAxNy4xMzNDOS43MzM5IDE2LjU5OTggNi4xMDExMyAxMy4zNzk4IDUuNDk3MTUgMTIuNTM2N0M0LjU3NDM1IDExLjI1MDggNC45ODg4MSA5Ljk1NDIzIDYuNjI1NDEgMTAuNTI0NkwxMS4yNTM2IDE0Ljc0ODlMMjAuMDE3NiA1LjYzMDdDMTcuOTA0NSAzLjI4Mzg0IDE0LjQzODIgMi4wNDkzIDExLjMwMTQgMi40MDM1NVYyLjQwMTc3WiIgZmlsbD0iIzM4OUQ0NyIvPjxwYXRoIGQ9Ik0xMS4zMDE2IDIuNDAxNzlDMTQuNDM4NSAyLjA0OTMyIDE3LjkwNDcgMy4yODIwOCAyMC4wMTc4IDUuNjI4OTRMMTEuMjUzOCAxNC43NDcxTDYuNjI1NjIgMTAuNTIyOEM0Ljk4OTAyIDkuOTUyNDcgNC41NzQ1NiAxMS4yNDkgNS40OTczNiAxMi41MzQ5QzYuMTAzMTIgMTMuMzc4IDkuNzM0MTEgMTYuNTk4MSAxMC42NDEgMTcuMTMxMkMxMS4zMTIzIDE3LjUyNjIgMTEuNTEyNCAxNy40OTI1IDEyLjEzNzYgMTcuMDUxNUMxNS4zODk2IDE0LjA0MDQgMTguMzMzMyAxMC43MzcxIDIxLjM0NzkgNy40OTA0OUMyNC44OTM5IDEyLjM0MTggMjEuOTA1OSAxOS44OTk2IDE2LjUyMzIgMjEuOTY4NEM4LjgzMDc5IDI0LjkyNDUgMS41MTU2NyAxOS40NjIxIDIuMzA5MTggMTEuMjk2OEMyLjcxNDc5IDcuMTI1NjEgNy4xNzY0OCAyLjg2NDA3IDExLjMwMTYgMi40MDAwMlYyLjQwMTc5WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:25px auto;
	height:25px;
	width:80%;
	position:relative;
	top:-22px;

	right: 0;
	left: 0;
	margin: auto;
}

.featureSec .inner .featureSec_lst .item .pic{
	text-align:center;
}
.featureSec .inner .featureSec_lst .item .pic img{
	width:100%;
	max-width:120px;
	height:auto;
}

.featureSec .inner .featureSec_lst .item .tit{
	font-size:14px;
	font-weight:bold;
	color
}
.featureSec .inner .featureSec_lst .item .tit span{
	color:#E69C01;
}

.featureSec .inner .featureSec_consultation{
	text-align:center;
	font-size:20px;
}
/* ----- */
.featureSec .inner .featureSec_tit{
	text-align:center;
	margin-bottom:60px;
	position:relative;
}
.featureSec .inner .featureSec_tit:before{
	content:"";
	display:block;
	background:url(../img/featureSec_person.png) no-repeat;
	background-position:left;
	width:151px;
	height:117px;
	position:absolute;
	top:10%;
	left:10%;
}
.featureSec .inner .featureSec_tit .feature__title{
}

.featureSec .inner .featureSec_tit .feature__title .feature__heading{
	color:#006835;
	font-size: clamp(18px, 1.6092vw + 5.6897px, 25px); /* Vary between 765px and 1200px */
	font-weight:bold;
	text-decoration: underline #006835;
	text-underline-offset: 6px;
	margin-bottom:25px;
}

.featureSec .inner .featureSec_tit .feature__title .feature__lead{
}

.featureSec .inner .featureSec_tit .feature__title .feature__lead .feature__lead-line.lead-line01{
	display:block;
	font-size: clamp(16px, 0.9195vw + 8.9655px, 20px); /* Vary between 765px and 1200px */
	font-weight:bold;
}
.featureSec .inner .featureSec_tit .feature__title .feature__lead .feature__lead-line.lead-line02{
	display:block;
	font-size: clamp(28px, 1.6092vw + 15.6897px, 35px); /* Vary between 765px and 1200px */
}
.featureSec .inner .featureSec_tit .feature__title .feature__lead .feature__lead-line.lead-line02 .feature__highlight{
	color:#E69C01;
}

@media screen and (max-width: 950px) {
	.featureSec .inner{
		max-width:calc( 100% - 30px);
	}
}

@media screen and (max-width: 767px) {
	.featureSec{
		margin-bottom:30px;
	}
	.featureSec .inner .featureSec_tit:before{
		background-position:center center;
		width:100%;
		height:117px;
		position:static;
		left:0;
	}
	.featureSec_tit{
		margin-bottom:30px;
	}
	.featureSec .inner .featureSec_lst{
		gap:20px 8px;
	}

	.featureSec .inner .featureSec_lst .item{
		width:calc( (100% - 8px) / 2);
		padding:0 8px 5px;
	}
	.featureSec .inner .featureSec_lst .item:before{
		width:60%;
		top:-8px;
	}
}
/* ---------------- 
 * introBanner 
 * ---------------- */
.introBanner{
	background: linear-gradient(to bottom right, #389D47, #6BAF7D);
}

.introBanner .inner{
	width:100%;
	max-width:630px;
	margin:0 auto;
}
.introBanner_cnt{
	position:relative;
	padding:55px 0;
}
.introBanner_cnt:before{
	content:"";
	display:block;
	width:36px;
	height:115px;
	background:url(../img/introBanner_deco_left.png) no-repeat;
	background-position:center center;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.introBanner_cnt:after{
	content:"";
	display:block;
	width:36px;
	height:115px;
	background:url(../img/introBanner_deco_right.png) no-repeat;
	background-position:center center;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.introBanner .inner .introBanner__headline{
	text-align:center;
	font-size: clamp(25px, 1.6092vw + 12.6897px, 32px); /* Vary between 765px and 1200px */
	font-weight:bold;
	color:#fff;
}

.introBanner .inner .introBanner__subtitle{
	text-align:center;
	font-size: clamp(17px, 0.6897vw + 11.7241px, 20px); /* Vary between 765px and 1200px */
	font-weight:bold;
	color:#fff;
}



@media screen and (max-width: 900px) {
	.introBanner .inner{
		max-width:calc( 100% - 30px);
	}
}

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

	.introBanner_cnt{
		padding:35px 0;
	}
	.introBanner_cnt:before{
		width:30px;
		height:115px;
		background-size:auto 90%;
	}
	.introBanner_cnt:after{
		width:30px;
		height:115px;
		background-size:auto 90%;
	}
	.introBanner .inner .introBanner__headline{
		text-align:center;
		font-size: 23px;
		padding:0 15px;
	}

	.introBanner .inner .introBanner__subtitle{
		font-size:16px;
	}
}

/* ---------------- 
 * troubleSection 
 * ---------------- */
.troubleSection{
}
.troubleSection .troubleSection_main{
	background:url(../img/troubleSection_bk.png) no-repeat;
	background-position:center center;
	background-size:cover;
	padding:80px 0;
}

/* ----- */
.troubleSection .troubleSection_main .inner{
	width:100%;
	max-width:1100px;
	margin:0 auto;
}


.troubleSection .troubleSection_main .inner .sectionHead{
}

/* ----- */
.troubleSection .troubleSection_sub {
	padding: 50px 0 70px;
}


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

	/*
	background-image: url('../img/troubleSection_sub_left.png'), url('../img/troubleSection_sub_right.png');
	background-position: 10% center, right 10% center;
	background-repeat: no-repeat, no-repeat;
	background-size: auto;
	*/
}
.troubleSection .troubleSection_sub .inner .pic{
	text-align:center;
	margin-bottom:20px;
}
.troubleSection .troubleSection_sub .inner .troubleSection_catch{
	font-size: clamp(23px, 1.6092vw + 10.6897px, 30px); /* Vary between 765px and 1200px */
	font-weight:bold;
	text-align:center;
}

.troubleSection .troubleSection_sub .inner .troubleSection_copy{
	font-size: clamp(16px, 0.4598vw + 12.4828px, 18px); /* Vary between 765px and 1200px */
	font-weight:bold;
	text-align:center;
}

.troubleSection .troubleSection_sub .inner .troubleSection_logo{
	font-size: clamp(40px, 4.5977vw + 4.8276px, 60px); /* Vary between 765px and 1200px */
	font-weight:bold;
	color:#006835;
	text-align:center;
}

.troubleSection .troubleSection_sub .inner .troubleSection_action{
	font-size: clamp(17px, 0.6897vw + 11.7241px, 20px); /* Vary between 765px and 1200px */
	font-weight:bold;
	text-align:center;
}
.troubleSection .troubleSection_main .inner .sectionHead .sectionHead__title{
}
/* ---- */
.troubleSection .troubleSection_main .inner .troubleSection_lst{
	display:flex;
	flex-wrap:wrap;
	gap:15px 15px;
	margin-bottom:50px;
}

.troubleSection .troubleSection_main .inner .troubleSection_lst .item{
	width:calc( (100% - 45px) / 4);
	border-radius:5px;
	background:#fff;
	padding:15px 8px;
}

.troubleSection .troubleSection_main .inner .troubleSection_lst .item .case{
	display:block;
	text-align:center;
	color:#006835;
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size:16px;

	text-decoration: underline #006835;
	text-underline-offset: 6px;
	margin-bottom:10px;
}

.troubleSection .troubleSection_main .inner .troubleSection_lst .item .txt{
	display:block;
	text-align:center;
	font-size:16px;
}
.troubleSection .troubleSection_main .inner .troubleSection_lst .item .txt span{
	font-weight:bold;
}
.troubleSection .troubleSection_main .inner .troubleSection_pic{
	text-align:center;
}
.troubleSection .troubleSection_main .inner .troubleSection_pic img{
	width:100%;
	max-width:516px;
	height:auto;
}

@media screen and (max-width: 1150px) {
	.troubleSection .troubleSection_main .inner{
		max-width:calc( 100% - 30px);
	}
	.troubleSection .troubleSection_sub .inner{
		max-width:calc( 100% - 30px);
	}
}

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


	.troubleSection .troubleSection_main{
		padding:30px 0;
	}

	/* ---- */
	.troubleSection .troubleSection_main .inner .troubleSection_lst{
		gap:10px 0px;
		margin-bottom:50px;
	}

	.troubleSection .troubleSection_main .inner .troubleSection_lst .item{
		width:calc( (100% - 0px) / 1);
		border:solid 1px #ccc;
	}

	.troubleSection .troubleSection_sub {
		padding: 30px 0 40px;
	}
	.troubleSection .troubleSection_sub .inner .pic img{
		width:30px;
		height:auto;
	}

	.troubleSection .troubleSection_sub .inner{
		/*
		background-position: -50% center, right -230% center;
		*/
	}
}

/* ---------------- 
 * pointSection 
 * ---------------- */
.pointSection{
	padding:100px 0;
}

.pointSection .inner{
	width:100%;
	max-width:1100px;
	margin:0 auto;
}



.pointSection .inner .pointSection__head{
	margin-bottom:80px;
	position:relative;
}
.pointSection .inner .pointSection__head:before{
	content:"";
	width:70px;
	height:3px;
	background:#389D47;
	position: absolute;
	left: 50%;
	bottom:-20px;
	transform: translateX(-50%);
	border-radius:100px;
}

.pointSection .inner .pointSection__head .pointSection__label{
	text-align:center;
	font-size: clamp(20px, 1.1494vw + 11.2069px, 25px); /* Vary between 765px and 1200px */
	font-weight:bold;
	color:#006835;
}

.pointSection .inner .pointSection__head .pointSection__title{
	text-align:center;
	font-size: clamp(30px, 1.8391vw + 15.9310px, 38px); /* Vary between 765px and 1200px */
	font-weight:bold;
	line-height:1;
}
.pointSection__num{
	font-size: clamp(45px, 3.4483vw + 18.6207px, 60px); /* Vary between 765px and 1200px */
	font-weight:bold;
	color:#389D47;
}


/* ---- */ 
.pointSection .inner .pointBox{
	display:flex;
	flex-wrap:wrap;
	gap:45px 0;
}

/* ---- */ 
.pointSection .inner .pointBox .pointBox__content{
	width:100%;
	border:solid 5px #87C590;
	border-radius:20px;

	padding: clamp(20px, 4.5977vw + -15.1724px, 40px); /* Vary between 765px and 1200px */
	padding-left: clamp(40px, 17.2414vw + -91.8966px, 115px); /* Vary between 765px and 1200px */
	
	display:flex;
	flex-wrap:wrap;
	gap:15px 0;
	position:relative;
}
.pointSection .inner .pointBox .pointBox__content:before{
	content:"";
	display:block;
	aspect-ratio: 190 / 105;
	width: 190px;
	background:url(../img/pointBox__content_point01.png) no-repeat;
	background-position:center center;
	background-size:auto 100%;
	position:absolute;
	left:-20px;
	top:20px;
}

.pointSection .inner .pointBox .pointBox__content.content01:before{ background-image:url(../img/pointBox__content_point01.png); }
.pointSection .inner .pointBox .pointBox__content.content02:before{ background-image:url(../img/pointBox__content_point02.png); }
.pointSection .inner .pointBox .pointBox__content.content03:before{ background-image:url(../img/pointBox__content_point03.png); }


/* ----- */
.pointSection .inner .pointBox .pointBox__content .cnt{
	width:49%;
	position:relative;
	order:1;
	padding-left:80px;
}

.pointSection .inner .pointBox .pointBox__content .pic{
	width:51%;
	position:relative;
	order:2;
}

/* content01 */
.pointSection .inner .pointBox .pointBox__content.content01 .cnt{
}
.pointSection .inner .pointBox .pointBox__content.content01 .pic{
}
.pointSection .inner .pointBox .pointBox__content.content01 .pic img{
	width:100%;
	max-width:400px;
	height:auto;
}

/* content02 */
.pointSection .inner .pointBox .pointBox__content.content02 .cnt{
	width:100%;
	order:1;
	margin-bottom:30px;
}
.pointSection .inner .pointBox .pointBox__content.content02 .pointBox__designTypeLst{
	width:100%;
	position:relative;
	order:2;
}

/* content03 */
.pointSection .inner .pointBox .pointBox__content.content03 .cnt{
	width:70%;
}
.pointSection .inner .pointBox .pointBox__content.content03 .pic{
	width:30%;
}
.pointSection .inner .pointBox .pointBox__content.content03 .pic img{
	width:100%;
	max-width:332px;
	height:auto;
}



/* --- */
.pointSection .inner .pointBox .pointBox__content .cnt .pointBox__title{
	font-size: clamp(25px, 1.1494vw + 16.2069px, 30px); /* Vary between 765px and 1200px */
	font-weight:bold;
	margin-bottom:15px;
}

.pointSection .inner .pointBox .pointBox__content .cnt .pointBox__lead{
	font-size: clamp(16px, 0.4598vw + 12.4828px, 18px); /* Vary between 765px and 1200px */
	font-weight:bold;
	color:#E69C01;
	margin-bottom:15px;
}

.pointSection .inner .pointBox .pointBox__content .cnt .pointBox__text{
	font-size: clamp(14px, 0.2299vw + 12.2414px, 15px); /* Vary between 765px and 1200px */
	font-weight:bold;
}
/* --- */
.pointSection .inner .pointBox .pointBox__content .pointBox__designTypeLst{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:15px 0;
}
.pointSection .inner .pointBox .pointBox__content .pointBox__designTypeLst li{
	width:33.33%;
}
.pointSection .inner .pointBox .pointBox__content .pointBox__designTypeLst li a{
	display:block;
}

.pointSection .inner .pointBox .pointBox__content .pointBox__designTypeLst li a .lbl{
	font-weight:bold;
	display:block;
	text-align:center;
	color:#006835;
	margin-bottom:20px;
	position:relative;
	border-bottom:solid 1px #389D47;
	width:calc(100% - 80px);
	margin:0 auto 20px;
}

.pointSection .inner .pointBox .pointBox__content .pointBox__designTypeLst li a .lbl:after{
	content:"";
	width:12px;
	height:10px;
	position:absolute;
	background:url(../img/pointSection_tit_arrow.png) no-repeat;
	background-size:auto 100%;
	background-position:no-repeat;
}


.pointSection .inner .pointBox .pointBox__content .pointBox__designTypeLst li a .lbl span{
	display:block;
}
.pointSection .inner .pointBox .pointBox__content .pointBox__designTypeLst li a .pic{
	display:block;
	width:100%;
	text-align:center;
}
.pointSection .inner .pointBox .pointBox__content .pointBox__designTypeLst li a .pic img{
	display:block;
	width:100%;
	max-width:287px;
	height:auto;
}

@media screen and (max-width: 1100px) {
	.pointSection .inner{
		max-width:calc( 100% - 30px);
	}
}

@media screen and (max-width: 1100px) {
	.pointSection .inner .pointBox .pointBox__content:before{
		left:-80px;
	}
}
@media screen and (max-width: 767px) {
	.pointSection{
		padding:40px 0;
	}

	/* ---- */ 
	.pointSection .inner .pointBox .pointBox__content{
		padding: 15px;
		padding-left:20px;		
	}

	.pointSection .inner .pointBox .pointBox__content:before{
		width: 90px;
		left:-45px;
		top:20px;
	}
	.pointSection .inner .pointBox .pointBox__content .cnt{
		padding-left:30px;
	}
	/* ----- */
	.pointSection .inner .pointBox .pointBox__content.content03 .cnt,
	.pointSection .inner .pointBox .pointBox__content .cnt{
		width:100%;
		order:1;
	}
	.pointSection .inner .pointBox .pointBox__content .cnt .pointBox__text br{
		display:none;
	}

	.pointSection .inner .pointBox .pointBox__content.content03 .pic,
	.pointSection .inner .pointBox .pointBox__content .pic{
		width:100%;
		order:2;
		text-align:center;
	}
	.pointSection .inner .pointBox .pointBox__content .pointBox__designTypeLst li{
		width:50%;
	}

	.pointSection .inner .pointBox .pointBox__content .pointBox__designTypeLst li a .lbl{
		margin-bottom:15px;
		width:calc(100% - 20px);
		margin:0 auto 10px;
	}

	.pointSection .inner .pointBox .pointBox__content .cnt .pointBox__title{
		font-size: 18px;
		margin-bottom:15px;
	}

	.pointSection .inner .pointBox .pointBox__content .cnt .pointBox__lead{
		font-size: 15px;
		margin-bottom:15px;
	}
	.pointSection .inner .pointBox .pointBox__content .cnt .pointBox__lead br{
		display:none;
	}

}

/* ---------------- 
 * aboutCompanySection 
 * ---------------- */
.aboutCompanySection{
	background: linear-gradient(to bottom right, #389D47, #6BAF7D);
	margin-bottom:80px;
}

.aboutCompanySection .inner{
	width:100%;
	max-width:900px;
	margin:0 auto;
	padding:80px 0;
}
.aboutCompanySection .aboutCompanySection_cnt{
	background:#fff;
	border-radius:20px;
	padding: clamp(15px, 12.6437vw + -81.7241px, 70px); /* Vary between 765px and 1200px */

	display:flex;
	flex-wrap:wrap;
	gap:15px 0;

}

.aboutCompanySection .inner .cnt{
	width:78%;
}

.aboutCompanySection .inner .pic{
	width:22%;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
}
.aboutCompanySection .inner .pic img{
	width:100%;
	max-width:166px;
	height:auto;
}


/* --- */
.aboutCompanySection .inner .cnt .aboutCompanySection__intro{
	text-align:center;
	font-size: clamp(27px, 0.9195vw + 19.9655px, 31px); /* Vary between 765px and 1200px */
	font-weight:bold;
	margin-bottom:15px;
}
.aboutCompanySection .inner .cnt .aboutCompanySection__intro span{
	display:inline-block;
	background-image: url('../img/aboutCompanySection__introleftline.png'), url('../img/aboutCompanySection__introrightline.png');
	background-position: left center, right center;
	background-repeat: no-repeat, no-repeat;
	background-size: auto; /* または具体的に例：10px auto */
	padding: 0 40px; /* 背景が文字にかぶらないように左右に余白 */
}



.aboutCompanySection .inner .cnt .aboutCompanySection__title{
	text-align:center;
	font-size: clamp(19px, 1.3793vw + 8.4483px, 25px); /* Vary between 765px and 1200px */
	font-weight:bold;
	margin-bottom:15px;
}
.aboutCompanySection .inner .cnt .aboutCompanySection__title .aboutCompanySection__highlight{
	color:#E69C01;
}
.aboutCompanySection .inner .cnt .aboutCompanySection__description{
	text-align:center;
	font-size: clamp(15px, 0.4598vw + 11.4828px, 17px); /* Vary between 765px and 1200px */
	margin-bottom:15px;
}
.aboutCompanySection .inner .cnt .aboutCompanySection__tagline{
	font-size: clamp(25px, 2.2989vw + 7.4138px, 35px); /* Vary between 765px and 1200px */
	text-align:center;
	font-weight:bold;
	color:#006835;
}



@media screen and (max-width: 900px) {
	.aboutCompanySection .inner{
		max-width:calc( 100% - 30px);
	}
}
@media screen and (max-width: 767px) {
	.aboutCompanySection{
		margin-bottom:50px;
	}

	.aboutCompanySection .inner{
		padding: 20px 0;
		gap:15px 0;
		flex-direction: column; /* ← これがポイント */

	}

	.aboutCompanySection .aboutCompanySection_cnt{
		padding: 25px 12px 0;
		overflow:hidden;
	}
	.aboutCompanySection .inner .cnt{
		width:100%;
	}

	.aboutCompanySection .inner .pic{
		width:100%;
		text-align:center;
	}
	.aboutCompanySection .inner .pic img{
		display:block;
		margin:0 auto -1px;
		text-align:center;
		max-width:140px;
	}


	/* --- */
	.aboutCompanySection .inner .cnt .aboutCompanySection__intro{
		font-size: 22px;
	}
	.aboutCompanySection .inner .cnt .aboutCompanySection__intro span{
		background-image: url('../img/aboutCompanySection__introleftline.png'), url('../img/aboutCompanySection__introrightline.png');
		background-size: auto 20px;
		padding: 0 18px; /* 背景が文字にかぶらないように左右に余白 */
	}

	.aboutCompanySection .inner .cnt .aboutCompanySection__title{
		text-align:center;
		font-size: 17px;
	}
	.aboutCompanySection .inner .cnt .aboutCompanySection__description{
		font-size: 14px;
		margin-bottom:15px;
	}
	.aboutCompanySection .inner .cnt .aboutCompanySection__tagline{
		font-size: 18px;
	}
}

/* ---------------- 
 * priceSection 
 * ---------------- */
.priceSection{
	margin-bottom:100px;
}

.priceSection .inner{
	width:100%;
	max-width:1100px;
	margin:0 auto;
}
.priceSection .sectionHead{
	margin-bottom:80px;
}
/**/
.priceSection .inner .priceSection__body{
	display:flex;
	flex-wrap:wrap;
	gap:15px 3%;
}

.priceSection .inner .priceSection__body .priceCard{
	width:45%;
	position:relative;
	border:solid 1px #389D47;
	border-radius:20px;
}
.priceSection .inner .priceSection__body .priceCard:last-child{
	width:52%;
}

/**/
.priceSection__body .priceCard .priceCard__badge{
    position: absolute;
    top: -37px;
    width: 100%;
}
.priceSection__body .priceCard .priceCard__badge span.lbl {
    display: block;
    background: #FFB10E;
    padding: 7px 20px;
    font-size: 20px;
    border-radius: 100px;
    margin: 0 auto;
    width: 90%;
    text-align: center;
    color: #fff;
    line-height: 1.4;
    /* font-weight: bold; */
}
.priceSection__body .priceCard .priceCard__badge span.lbl b{
    display: block;
    font-size: 14px;
	font-weight:bold;
}




/* ---*/
.priceSection__body .priceCard .priceCard__planName{
	background:#389D47;
	border-radius:19px 19px 0 0 ;
	text-align:center;
	font-size: clamp(25px, 3.9080vw + -4.8966px, 42px); /* Vary between 765px and 1200px */
	padding:20px 0;
	color:#fff;
}

.priceSection .inner .priceSection__body .priceCard.priceCard--full{
	border-color:#018A47;
}
.priceSection__body .priceCard.priceCard--full .priceCard__planName{
	background-color:#018A47;
}

/**/
.priceCard__content{
	padding:20px 10%;
}

/**/
.priceSection__body .priceCard .priceCard__description{
	font-size:16px;
	margin-bottom:10px;
}
.priceSection__body .priceCard .priceCard__description strong{
	color:#E69C01;
	font-weight:bold;
}

/* --- */
.priceSection__body .priceCard .priceCard__price{
	text-align:center;
	color:#006835;
	font-weight:bold;
	margin-bottom:20px;
}
.priceSection__body .priceCard .priceCard__price strong{
	font-size: clamp(40px, 9.1954vw + -30.3448px, 80px); /* Vary between 765px and 1200px */
	line-height:1;
	magin-bottom:5px;
}
.priceSection__body .priceCard .priceCard__price strong span{
	font-size: clamp(25px, 3.4483vw + -1.3793px, 40px); /* Vary between 765px and 1200px */
}
.priceSection__body .priceCard .priceCard__price .tax{
	font-size: clamp(16px, 1.3793vw + 5.4483px, 22px); /* Vary between 765px and 1200px */
	display:block;
	color:#1A211E;
	font-weight:normal;
}

/* --- */
.priceSection__body .priceCard .priceCard__features{
	margin-bottom:25px;
	padding:0 10%;
}
.priceSection__body .priceCard .priceCard__features li{
	background:url(../img/priceSection_icon_server.png) no-repeat left 4px;
	background-size:36px 36px;
	padding:5px 0 5px 45px;
	font-size: clamp(17px, 0.6897vw + 11.7241px, 20px); /* Vary between 765px and 1200px */
	margin-bottom:5px;
	
}
.priceSection__body .priceCard .priceCard__features li:nth-child(1){ background-image:url(../img/priceSection_icon_server.png); }
.priceSection__body .priceCard .priceCard__features li:nth-child(2){ background-image:url(../img/priceSection_icon_domain.png); }
.priceSection__body .priceCard .priceCard__features li:nth-child(3){ background-image:url(../img/priceSection_icon_mail.png); }
.priceSection__body .priceCard .priceCard__features li:nth-child(4){ background-image:url(../img/priceSection_icon_contact.png); }
.priceSection__body .priceCard .priceCard__features li:nth-child(5){ background-image:url(../img/priceSection_icon_blog.png); }

/* --- */
.priceSection__body .priceCard .priceCard__notes{
	background:#F3F6F4;
	padding:15px;
}
.priceSection__body .priceCard .priceCard__notes li{
	font-size:15px;
	background:url(../img/priceSection_icon_check.png) no-repeat left 4px;
	padding-left:20px;
}


/* --- */
.priceSection__body .priceCard .priceCard__include{
	border:solid 1px #87C590;
	border-radius:10px;
	padding:15px;
	width:100%;
	max-width:305px;
	margin:0 auto 5px;
}
.priceSection__body .priceCard .priceCard__include__icons{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	justify-content:center;
}
.priceSection__body .priceCard .priceCard__include__icons li{
}
.priceSection__body .priceCard .priceCard__include__icons li img{
	width:100%;
	max-width:36px;
	height:auto;
}
.priceSection__body .priceCard .priceCard__include_txt{
	text-align:center;
	font-size: clamp(17px, 0.6897vw + 11.7241px, 20px); /* Vary between 765px and 1200px */
}

/* ---- */
.priceSection__body .priceCard .plusmark{
	display:block;
	margin-bottom:15px;
	text-align:center;
	color:#006835;
	font-weight:bold;
	font-size:40px;
	line-height:1;
}


/* ---- */
.priceSection__body .priceCard .priceCard__option{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px;
	margin-bottom:15px;
}
.priceSection__body .priceCard .priceCard__option__item{
	width:100%;
}
.priceSection__body .priceCard .priceCard__optionTitle {
	background:url(../img/priceSection_icon_interview.png) no-repeat left 5px;
	background-size:36px 36px;
	padding:5px 0 5px 45px;
	font-size: clamp(17px, 0.6897vw + 11.7241px, 20px); /* Vary between 765px and 1200px */
}
.priceSection__body .priceCard .priceCard__optionText{
	font-size:14px;
	padding-left:45px;
}

.priceSection__body .priceCard__option__item:nth-child(1) .priceCard__optionTitle { background-image:url(../img/priceSection_icon_interview.png); }
.priceSection__body .priceCard__option__item:nth-child(2) .priceCard__optionTitle { background-image:url(../img/priceSection_icon_revision.png); }



@media screen and (max-width: 1100px) {
	.priceSection .inner{
		max-width:calc( 100% - 30px);
	}
}
@media screen and (max-width: 950px) {
	.priceSection__body .priceCard .priceCard__badge{
		top: -37px;
	}
	.priceSection__body .priceCard .priceCard__badge span.lbl {
		padding: 7px 15px;
		font-size: 18px;
		width: 95%;
	}
	.priceSection__body .priceCard .priceCard__badge span.lbl b{
		display: block;
		font-size: 13px;
		font-weight:bold;
	}
}
@media screen and (max-width: 810px) {

	.priceSection{
		margin-bottom:40px;
	}
	.priceSection .sectionHead{
		margin-bottom:40px;
	}
	.priceSection .inner .priceSection__body{
		display:flex;
		flex-wrap:wrap;
		flex-direction: column; /* ← これがポイント */
		gap:20px;
	}

	.priceSection .inner .priceSection__body .priceCard{
		width:100%;
	}
	.priceSection .inner .priceSection__body .priceCard:last-child{
		width:100%;
	}
	/**/
	.priceCard__content{
		padding:10px 10px;
	}
	.priceSection__body .priceCard .priceCard__planName{
		font-size:18px;
		padding:5px 0;
	}
	.priceSection__body .priceCard .priceCard__features li{
		background-position:left 2px;
	}
	.priceSection__body .priceCard__content .badge{
		width:class(100% - 20px);
		margin:5px auto 15px;
		display:block !important;
		background:#FFB10E;
		padding:7px;
		border-radius:10px;
		color:#fff;
	}
	.priceSection__body .priceCard__content .badge .badge_main{
		display:block;
		text-align:center;
		font-weight:bold;
		margin-bottom:5px;
		padding-bottom:5px;
		border-bottom:solid 1px #fff;
	}
	.priceSection__body .priceCard__content .badge .badge_lst{
		display:block;
		font-size:13px;
		font-weight:bold;
	}
	.priceSection__body .priceCard .priceCard__badge{
		display:none;
	}
	/*
	.priceSection__body .priceCard .priceCard__badge span.lbl {
		padding: 7px 15px;
		font-size: 15px;
		width: 95%;
	}
	.priceSection__body .priceCard .priceCard__badge.lbl span b{
		display: block;
		font-size: 12px;
		font-weight:bold;
	}
	.priceSection__body .priceCard .priceCard__badge span.lbl b span.mark{
		display:none;
	}
	.priceSection__body .priceCard .priceCard__badge span.lbl b span.txt{
		display:block;
		text-align:center;
	}
	*/
}

/* ---------------- 
 * supportSection 
 * ---------------- */
.supportSection{
	margin-bottom:100px;
}

.supportSection .inner{
	width:100%;
	max-width:900px;
	margin:0 auto;
}

/* --- */
.supportSection .inner .supportSection__head{


	border:solid 4px #389D47;
	margin-bottom:30px;
	border-radius:100px;
	padding:10px 10px;

	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:15px 15px;
}

.supportSection .inner .supportSection__head .supportSection__title{
	font-size: clamp(19px, 1.3793vw + 8.4483px, 25px); /* Vary between 765px and 1200px */
}
.supportSection .inner .supportSection__head .supportSection__price{
	position:relative;
}


.supportSection__free{
	background:#FFB10E;
	color:#fff;
	border-radius:100px;
	width:80px;
	height:80px;
	text-align:center;

	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0;

	position:absolute;
	position: absolute;
	top:50%;
	right:-80px;
	transform: translateY(-50%);
}
.supportSection__free span{
	display:block;
	width:100%;
	font-size:20px;
}

/* --- */
.supportSection .inner .supportSection__plus{
	display:block;
	margin-bottom:15px;
	text-align:center;
	color:#006835;
	font-weight:bold;
	font-size:40px;
	line-height:1;
}

/* --- */
.supportSection .inner .supportSection__basicList{
	margin-bottom:30px;

	display:flex;
	flex-wrap:wrap;
	gap:25px;
	justify-content:center;
}
.supportSection .inner .supportSection__basicList li{
	background:url(../img/priceSection_icon_support_server.png) no-repeat left 7px;
	background-size:33px 33px;
	padding:5px 0 5px 40px;
	font-size: clamp(17px, 0.6897vw + 11.7241px, 20px); /* Vary between 765px and 1200px */
}

.supportSection .inner .supportSection__basicList li:nth-child(1){ background-image:url(../img/priceSection_icon_support_server.png);}
.supportSection .inner .supportSection__basicList li:nth-child(2){ background-image:url(../img/priceSection_icon_support_domain.png);}
.supportSection .inner .supportSection__basicList li:nth-child(3){ background-image:url(../img/priceSection_icon_support_upate.png);}


/* --- */
.supportSection .inner .supportSection__extended{
	margin-bottom:50px;
}

.supportSection .inner .supportSection__extended .supportSection__subtitle{
	text-align:center;
	font-size: clamp(19px, 1.1494vw + 10.2069px, 24px); /* Vary between 765px and 1200px */
	color:#006835;
}
.supportSection .inner .supportSection__extended .supportSection__description{
	text-align:center;
	margin-bottom:30px;
	font-size:16px;
}

/* --- */
.supportSection .inner .supportSection__extended .supportSection__serviceList{
	width:100%;
	max-width:775px;
	margin:0 auto;;
	display:flex;
	flex-wrap:wrap;
	gap:15px 6%;
}
.supportSection .inner .supportSection__extended .supportSection__serviceList li{
	width:47%;
}
.supportSection .inner .supportSection__extended .supportSection__serviceList li img{
	width:100%;
	height:auto;
}


/* --- */
.supportSection .inner .supportSection__options{
	margin-bottom:30px;
}
.supportSection .inner .supportSection__optionsTitle{
	margin-bottom:30px;
	border:solid 4px #389D47;
	border-radius:100px;
	padding:10px 10px;
	text-align:center;
	font-size: clamp(19px, 1.3793vw + 8.4483px, 25px); /* Vary between 765px and 1200px */

}


/* --- */
.supportSection__options__cnt{
	width:100%;
	max-width:750px;
	margin:0 auto;

	display: grid; 
	grid-template-columns: auto;
	gap: 0px 0px; 
	grid-template-areas: 
	"item01 item02"
	"item01 item03";
	gap:15px;
}
.supportSection__options__cnt .optionItem01{ grid-area: item01; }
.supportSection__options__cnt .optionItem02{ grid-area: item02; }
.supportSection__options__cnt .optionItem03{ grid-area: item03; }



.supportSection .inner .supportSection__options .supportSection__optionItem{
}

.supportSection .inner .supportSection__options .supportSection__optionItem .supportSection__note{
	font-size:15px;
	line-height:1.5;
	padding-left:45px;
}
.supportSection .inner .supportSection__options .supportSection__optionItem .supportSection__note + .supportSection__note {
		margin-top:15px;
}
.supportSection .inner .supportSection__options .supportSection__optionItem .supportSection__note.note02{
	padding:10px;
	background:#fff0d0;
	border:solid 1px #FFB10E;
	border-radius:5px;
}

.supportSection .inner .supportSection__options .supportSection__optionItem .supportSection__optionDetail{
	margin-top:10px;
	font-size:15px;
	line-height:2;
	padding-left:45px;
}

.supportSection .inner .supportSection__options .supportSection__optionItem .supportSection__optionName{
	background:url(../img/priceSection_icon_support_businesstrip.png) no-repeat left 6px;
	background-size:36px 36px;
	padding:5px 0 5px 45px;
	font-size: clamp(17px, 0.6897vw + 11.7241px, 20px); /* Vary between 765px and 1200px */
	margin-bottom:5px;
}
.supportSection .inner .supportSection__options .supportSection__optionItem:nth-child(1) .supportSection__optionName{ background-image:url(../img/priceSection_icon_support_businesstrip.png); }
.supportSection .inner .supportSection__options .supportSection__optionItem:nth-child(2) .supportSection__optionName{ background-image:url(../img/priceSection_icon_support_illust.png); }
.supportSection .inner .supportSection__options .supportSection__optionItem:nth-child(3) .supportSection__optionName{ background-image:url(../img/priceSection_icon_support_addpages.png); }


@media screen and (max-width: 900px) {
	.supportSection .inner{
		max-width:calc( 100% - 30px);
	}
}
@media screen and (max-width: 767px) {

	.supportSection{
		margin-bottom:60px;
	}


	/* --- */
	.supportSection .inner .supportSection__head{

		margin-bottom:30px;
		border-radius:10px;
		padding:0px 10px;

		display:block;
		text-align:center;
	}

	.supportSection .inner .supportSection__head .supportSection__title{
		font-size: clamp(19px, 1.3793vw + 8.4483px, 25px); /* Vary between 765px and 1200px */
	}
	.supportSection .inner .supportSection__head .supportSection__price{
		position:relative;
	}
	.supportSection .inner .supportSection__head .supportSection__price > span{
		display:block;
	}

	.supportSection__free{
		width:100px;
		height:auto;
		display:block;
		margin:15px auto 0px;
		position: relative;
		top:auto;
		right:auto;

	}
	.supportSection__free span{
		font-size:15px;
	}
	.supportSection__free span br{
		display:none;
	}

	/* --- */
	.supportSection .inner .supportSection__plus{
		margin-bottom:15px;
		font-size:20px;
	}

	/* --- */
	.supportSection .inner .supportSection__basicList{
		margin-bottom:0px;
		gap:1px 5px;
	}
	.supportSection .inner .supportSection__basicList li{
		background-size:25px 25px;
		background-position:left 6px;
		padding:5px 0 5px 29px;
		font-size: 15px;
		font-weight:bold;
	}

	/* --- */
	.supportSection .inner .supportSection__extended{
		margin-bottom:30px;
	}

	.supportSection .inner .supportSection__extended .supportSection__subtitle{
		font-size: 17px;
	}
	.supportSection .inner .supportSection__extended .supportSection__description{
		font-size:15px;
	}

	/* --- */
	.supportSection .inner .supportSection__extended .supportSection__serviceList{
	}
	.supportSection .inner .supportSection__extended .supportSection__serviceList li{
		width:100%;
		padding:0 15px;
		text-align:center;
	}
	.supportSection .inner .supportSection__extended .supportSection__serviceList li img{
		width:100%;
		max-width:364px;
		height:auto;
	}

	/* --- */
	.supportSection .inner .supportSection__options{
		margin-bottom:30px;
	}
	.supportSection .inner .supportSection__optionsTitle{
		margin-bottom:30px;
		border:solid 4px #389D47;
		border-radius:10px;
		padding:7px 10px;
		text-align:center;
		font-size: 17px;

	}


	/* --- */
	.supportSection__options__cnt{
		grid-template-areas: 
		"item01"
		"item02"
		"item03";
		gap:10px;
	}

	.supportSection .inner .supportSection__options .supportSection__optionItem .supportSection__note{
		font-size:15px;
		line-height:1.5;
		padding-left:30px;
	}

	.supportSection .inner .supportSection__options .supportSection__optionItem .supportSection__optionDetail{
		margin-top:0px;
		font-size:15px;
		line-height:2;
		padding-left:30px;
	}

	.supportSection .inner .supportSection__options .supportSection__optionItem .supportSection__optionName{
		background-size:25px 25px;
		background-position:left 6px;
		padding:5px 0 5px 29px;
		font-size: 15px;
		font-weight:bold;
	}



}

/* ---------------- 
 * ctaSection 
 * ---------------- */
.ctaSection{
	background: linear-gradient(to bottom right, #389D47, #6BAF7D);
	margin-bottom:100px;
}

.ctaSection .inner{
	width:100%;
	max-width:700px;
	margin:0 auto;
	padding:60px 0;
}

.ctaSection .inner .ctaSection__caption{
	text-align:center;
	color:#fff;

	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:5px 10px;

	margin-bottom:25px;

}
.ctaSection .inner .ctaSection__caption .line{
	font-size:20px;
}
.ctaSection .inner .ctaSection__caption .txt{
	font-size:16px;
}


.ctaSection .inner .ctaSection__button{
	display:block;
	/*
	background: linear-gradient(
	  to bottom,
	  #FFC243 20%,
	  #FFB10E 50%
	);
	*/
	background:#FFB10E;

	border-radius:10px;
	padding:14px 20px;
	text-align:center;
	font-size:16px;
	color:#fff;

	border-bottom:solid 2px #C88803;

}
.ctaSection .inner .ctaSection__button span{
	display:block;
	background:url(../img/ctaSection_icon_next.png) no-repeat right 20px center;
	width:100%;
}
.ctaSection .inner .ctaSection__button:hover {
	/*
  background: linear-gradient(
    to bottom,
    #e8a800 20%,
    #d99400 50%
  );
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: background 0.3s, box-shadow 0.3s;
  */
  background: #eeac25; /* 少し濃いオレンジ */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* ふわっと影 */
  transition: background 0.3s, box-shadow 0.3s; /* アニメーション */
  cursor: pointer;



}





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

@media screen and (max-width: 700px) {
	.ctaSection{
		margin-bottom:50px;
	}
	.ctaSection .inner{
		max-width:calc( 100% - 30px);
	}
	.ctaSection .inner{
		padding:30px 0;
	}

	.ctaSection .inner .ctaSection__caption{
		text-align:center;
		color:#fff;

		display:flex;
		flex-wrap:nowrap;
		gap:0px 5px;

		margin-bottom:25px;

	}
	.ctaSection .inner .ctaSection__caption .line{
		font-size:10px;
	}



}

/* ---------------- 
 * choseDesing 
 * ---------------- */
.choseDesing{
	margin-bottom:100px;
}

.choseDesing .inner{
	width:100%;
	max-width:1100px;
	margin:0 auto;
}

/* ---- */
.choseDesing .inner .sectionHead{
}
.choseDesing .inner .sectionHead .sectionHead__title{
}

/* ---- */
.choseDesing .inner .choseDesing__steps {
	margin-bottom: 100px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.choseDesing .inner .choseDesing__steps .choseDesing__stepItem {
	width:calc( (100% - 60px) / 4);
	position: relative;
	background: white;
	border: 3px solid #389D47;
	border-radius: 10px;
	padding: 30px 10px 15px;
	box-sizing: border-box;
	box-shadow: 5px 5px 0 #389D47; /* 右下に淡い影風 */

	position:relative;
	z-index:1;
}
.choseDesing .inner .choseDesing__steps .choseDesing__stepItem:after{
	content:"";
	display:block;
	width:33px;
	height:15px;
	background:url(../img/choseDesing_arrow.png) no-repeat;
	background-position:center center;
	background-size:auto 100%;

	position: absolute;
	right: calc(-33px + 8px);
	top:50%;
	transform: translateY(-50%);
	z-index:10;

}
.choseDesing .inner .choseDesing__steps .choseDesing__stepItem:last-child:after{
	content:none;
}
.choseDesing .inner .choseDesing__steps .choseDesing__stepItem .choseDesing__stepNum {
	position: absolute;
	top: -10px;
	left: -3px;
	background: #006835;
	color: #fff;
	font-size: 20px;
	font-family: futura-pt, sans-serif;
	font-weight: bold;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.choseDesing .inner .choseDesing__steps .choseDesing__stepItem .choseDesing__stepTitle {
	font-size: clamp(19px, 1.1494vw + 10.2069px, 24px); /* Vary between 765px and 1200px */
	font-weight: bold;
	color: #006400;
	text-align: center;
	margin-bottom: 10px;
}

.choseDesing .inner .choseDesing__steps .choseDesing__stepItem .choseDesing__stepDesc {
	font-size: 15px;
	color: #000;
	text-align: center;
}


/* ---- */
.templateTypes__cnt{
	padding:20px 40px 20px;
}

/* ---- */
.templateTypes__cnt .sectionHead__subtitle{
	font-size:16px;
	margin-bottom:20px;
}
/* ---- */
.choseDesing .inner .templateTypes{
	margin-bottom:100px;
	border-radius:20px;
	overflow:hidden;
	position:relative;
}

.choseDesing .inner .templateTypes::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-radius: 20px;
  padding: 3px; /* ボーダー幅 */
  background: linear-gradient(to bottom right, #389D47, #6BAF7D);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
}



.choseDesing .inner .templateTypes .sectionHead{
	margin-bottom:0;
}
.choseDesing .inner .templateTypes .sectionHead .templateTypes__title{
	background: linear-gradient(to bottom right, #389D47, #6BAF7D);
	text-align:center;
	padding:5px 10px 8px;
	font-size: clamp(22px, 3.0023vw + -1.0277px, 35px); /* Vary between 767px and 1200px */
	color:#fff;
}


/* ---- */
.templateTypes__list{

	display:grid;
	grid-template-columns: repeat(3, 3fr);
	gap:15px 2%;

	margin-bottom:15px;
}
.templateTypes__list .templateTypes__item{

	display: grid;
	grid-template-rows: subgrid;  /* rows に subgrid を指定することで親要素の高さに揃う */
	grid-row: span 4; /* subgrid が指定されることで 親要素の4行分の高さになる */
	row-gap:10px;

}
.templateTypes__list .templateTypes__item .templateTypes__image{
	text-align:center;
}
.templateTypes__list .templateTypes__item .templateTypes__image img {
	width:100%;
	max-width:285px;
	height:auto;
}
.templateTypes__list .templateTypes__item .templateTypes__title{
	font-size: clamp(17px, 0.6897vw + 11.7241px, 20px); /* Vary between 765px and 1200px */
	color:#006835;
	text-align:center;
	margin-bottom:5px;
}
.templateTypes__list .templateTypes__item .templateTypes__desc{
	margin-bottom:5px;
	text-align:center;
	font-size:14px;
}
.templateTypes__list .templateTypes__item .templateTypes__button{
	display:block;
	background:#FFB10E;
	border-radius:5px;
	padding:10px 15px;
	text-align:center;
	font-size:16px;
	color:#fff;
	border-bottom:solid 2px #C88803;
}
.templateTypes__list .templateTypes__item .templateTypes__button > span{
	display:block;
	/*background:url(../img/arrow01.png) no-repeat right 10px center;*/
	background:url(../img/ctaSection_icon_next.png) no-repeat right 10px center;
	width:100%;
}
.templateTypes__list .templateTypes__item .templateTypes__button:hover {
  background: #e89c00; /* 少し濃いオレンジ */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* ふわっと影 */
  transition: background 0.3s, box-shadow 0.3s; /* アニメーション */
  cursor: pointer;
}
.templateTypes__list .templateTypes__item .templateTypes__button > span i{
	font-style:none;
}


/* ---- */
.templateTypes__note{
	font-size:15px;
	text-align:center;
}

@media screen and (max-width: 1100px) {
	.choseDesing .inner{
		max-width:calc( 100% - 30px);
	}
}
@media screen and (max-width: 767px) {
	.choseDesing{
		margin-bottom:50px;
	}
	.choseDesing .inner .choseDesing__steps {
		gap: 15px;
		margin-bottom:50px;
	}

	/* ---- */
	.templateTypes__cnt{
		padding:15px 15px 15px;
		margin-bottom:50px !important;
	}

	.templateTypes__list .templateTypes__item{
		display: block;
		background:#ECEEEC;
		padding:15px;
		border-radius:10px;
		border:solid 1px #ddd;
	}
	.templateTypes__list .templateTypes__item:nth-child(even){
		background:none;
	}
	.choseDesing .inner .choseDesing__steps .choseDesing__stepItem {
		width:calc( (100% - 15px ) / 2);
		padding: 10px 10px 15px;
		box-sizing: border-box;
	}
	.choseDesing .inner .choseDesing__steps .choseDesing__stepItem:after{
		content:none;
	}
	.choseDesing .inner .choseDesing__steps .choseDesing__stepItem .choseDesing__stepNum {
		font-size: 15px;
		width: 30px;
		height: 30px;
	}

	/* ---- */
	.templateTypes__list{
		display:grid;
		grid-template-columns: repeat(1, 1fr);
		gap:25px 2%;
	}
	.templateTypes__list .templateTypes__item .templateTypes__title{
		font-weight:bold;
	}
	.templateTypes__list .templateTypes__item .templateTypes__desc{
	}
	.templateTypes__list .templateTypes__item .templateTypes__desc br{
		display:none;
	}
}
@media screen and (max-width: 600px) {
	.templateTypes__list .templateTypes__item .templateTypes__button{
		padding:10px 5px;
		font-size:15px;
	}
	.templateTypes__list .templateTypes__item .templateTypes__button > span{
		background:url(../img/ctaSection_icon_next.png) no-repeat right 5px top 5px;
		background-size:auto 70%;
	}
}
@media screen and (max-width: 355px) {
	.templateTypes__list .templateTypes__item .templateTypes__button > span i{
		display:none;
	}
}
/* ---------------- 
 * troubleVisualSection 
 * ---------------- */
.troubleVisualSection{
	margin-bottom:100px;
}

.troubleVisualSection .inner{
	width:100%;
	max-width:880px;
	margin:0 auto;

}

.troubleVisualSection .inner .pic{
}

.troubleVisualSection .inner .sectionCatch{
}

.troubleVisualSection .inner .sectionCatch .sectionCatch__title{
}

.troubleVisualSection .inner .pic.troubleVisualSection__image{
}
.troubleVisualSection .inner .pic.troubleVisualSection__image img{
	width:100%;
	height:auto;
}


@media screen and (max-width: 880px) {
	.troubleVisualSection .inner{
		max-width:calc( 100% - 30px);
	}
}
@media screen and (max-width: 767px) {
	.troubleVisualSection{
		margin-bottom:40px;
	}
}

/* ---------------- 
 * featurePagesSection 
 * ---------------- */
.featurePagesSection{
	margin-bottom:80px;
}

.featurePagesSection .inner{
	width:100%;
	max-width:900px;
	margin:0 auto;

}
/* ---- */
.featurePagesSection .inner .sectionCatch{
}
.featurePagesSection .inner .sectionCatch .sectionCatch__title{
}

.featurePagesSection .inner .featurePagesSelect{
}

/* ---- */
.featurePagesSection .inner .featurePagesSelect .featurePagesSelect__lead{
	text-align:center;
	color:#1A211E;
	margin-bottom:30px;
}
.featurePagesSection .inner .featurePagesSelect .featurePagesSelect__lead .lbl{
	font-size:18px;
	display:inline-block;
	text-align:center;
	margin-bottom:20px;
	position:relative;
	border-bottom:solid 2px #FFB10E;
	margin:0 auto 20px;
}
.featurePagesSection .inner .featurePagesSelect .featurePagesSelect__highlight{
	font-size:23px;
}
.featurePagesSection .inner .featurePagesSelect .featurePagesSelect__lead .lbl:after{
	content:"";
	width:25px;
	height:13px;
	background:url(../img/featurePagesSelect__lead_arrow.png) no-repeat;
	background-size:auto 100%;
	background-position:no-repeat;

	position:absolute;
	bottom:-13px;
	left: 50%;
	transform: translateX(-50%);

}


/* ---- */
.featurePagesSection .inner .featurePagesSelect .featurePagesSelect__list{
	display:flex;
	flex-wrap:wrap;
	gap:14px 7px;
	margin-bottom:20px;
}
.featurePagesSection .inner .featurePagesSelect .featurePagesSelect__list .item{
	width:calc( (100% - 28px) / 5);

	border:solid 2px #87C590;
	border-radius:13px;
	padding:5px;
	font-size:15px;
	text-align:center;
}

/* ---- */
.featurePagesSection .inner .featurePagesSelect .featurePagesSelect__notes{
	font-size:14px;
	padding-left:1em;
	text-indent:-1em;
}

@media screen and (max-width: 900px) {
	.featurePagesSection .inner{
		max-width:calc( 100% - 30px);
	}
}

@media screen and (max-width: 767px) {
	/* ---- */
	.featurePagesSection .inner .featurePagesSelect .featurePagesSelect__list{
		gap:7px 7px;
		margin-bottom:20px;
	}
	.featurePagesSection .inner .featurePagesSelect .featurePagesSelect__list .item{
		width:calc( (100% - 7px) / 2);

		border-radius:5px;
		padding:5px;
		font-size:14px;
	}
}


/* ---------------- 
 * contactCtaSection 
 * ---------------- */
.contactCtaSection{
	padding:0px 0 80px;
	margin-bottom:100px;
	background: linear-gradient(to bottom right, #389D47, #6BAF7D);
}

.contactCtaSection .inner{
	width:100%;
	max-width:900px;
	margin:0 auto;
	padding-top:50px;

}

/* ---- */
.contactCtaSection .inner .contactCtaSection__head{
	margin-bottom:30px;
}
.contactCtaSection .inner .contactCtaSection__head .contactCtaSection__title{
	font-size: clamp(23px, 1.6092vw + 10.6897px, 30px); /* Vary between 765px and 1200px */
	font-weight:bold;
	color:#fff;

	display:flex;
	justify-content:center;
	align-items:center;
	gap:20px;

}
.contactCtaSection .inner .contactCtaSection__head .contactCtaSection__title:before{
	content:"";
	display:inline-block;
	width:16%;
	height:2px;
	background:#fff;
}
.contactCtaSection .inner .contactCtaSection__head .contactCtaSection__title:after{
	content:"";
	display:inline-block;
	width:16%;
	height:2px;
	background:#fff;
}
.contactCtaSection .inner .contactCtaSection__head .contactCtaSection__txt{
	margin-top:15px;
	text-align:center;
	color:#fff;
	font-size: clamp(15px, 0.4598vw + 11.4828px, 17px); /* Vary between 765px and 1200px */
	font-weight:bold;
}
/* ---- */
.contactCtaSection .inner .contactCtaSection__body{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:20px 8%;
}


.contactCtaSection .inner .contactCtaSection__body .contactCtaSection__telBlock{
	width:42%;
}
 
.contactCtaSection .inner .contactCtaSection__body .contactCtaSection__telBlock .contactCtaSection__tel {
	margin-bottom:5px;
	text-align:center;
}
.contactCtaSection .inner .contactCtaSection__body .contactCtaSection__telBlock .contactCtaSection__tel a{
	font-family: "lato", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: clamp(20px, 4.5977vw + -15.1724px, 40px); /* Vary between 765px and 1200px */
	color:#fff !important;

	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:10px;

	transition: all 0.3s;
}
.contactCtaSection .inner .contactCtaSection__body .contactCtaSection__telBlock .contactCtaSection__tel a img{
	width:100%;
	max-width:366px;
	height:auto;
	vertical-align:bottom;
}
.contactCtaSection .inner .contactCtaSection__body .contactCtaSection__telBlock .contactCtaSection__tel a:hover{
	color:#fff8c8;
}

/* ---- */
.contactCtaSection .inner .contactCtaSection__body .contactCtaSection__buttonWrap{
	width:50%;
}
.contactCtaSection .inner .contactCtaSection__body .contactCtaSection__buttonWrap .contactCtaSection__button{
}

.contactCtaSection__buttonWrap .contactCtaSection__button{
	display:block;
	/*
	background: linear-gradient(
	  to bottom,
	  #FFC243 20%,
	  #FFB10E 50%
	);
	*/
	background:#FFB10E;

	border-radius:10px;
	padding:10px 15px;
	text-align:center;
	font-size:16px;
	color:#fff;
	border-bottom:solid 2px #C88803;
}
.contactCtaSection__buttonWrap .contactCtaSection__button span{
	display:block;
	background:url(../img/arrow01.png) no-repeat right 10px center;
	width:100%;
}
.contactCtaSection__buttonWrap .contactCtaSection__button:hover{
	/*
  background: linear-gradient(
    to bottom,
    #e8a800 20%,
    #d99400 50%
  );
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: background 0.3s, box-shadow 0.3s;
  */
  background: #eeac25; /* 少し濃いオレンジ */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* ふわっと影 */
  transition: background 0.3s, box-shadow 0.3s; /* アニメーション */
  cursor: pointer;
}





@media screen and (max-width: 900px) {
	.contactCtaSection .inner{
		max-width:calc( 100% - 30px);
	}
}

@media screen and (max-width: 767px) {
	.contactCtaSection{
		padding:0px 0 30px;
		margin-bottom:40px;
	}
	.contactCtaSection .inner{
		padding-top:30px;
	}
	/* ---- */
	.contactCtaSection .inner .contactCtaSection__head .contactCtaSection__title{
		font-size: 20px;
		gap:10px;

	}
	.contactCtaSection .inner .contactCtaSection__head .contactCtaSection__title:before{
		width:10%;
	}
	.contactCtaSection .inner .contactCtaSection__head .contactCtaSection__title:after{
		width:10%;
	}
	/* ---- */
	.contactCtaSection .inner .contactCtaSection__body{
		flex-direction: column;
		gap:20px 0;
	}
	.contactCtaSection .inner .contactCtaSection__body .contactCtaSection__telBlock{
		width:100%;
	}
	.contactCtaSection .inner .contactCtaSection__body .contactCtaSection__buttonWrap{
		width:100%;
	}
	.contactCtaSection .inner .contactCtaSection__body .contactCtaSection__telBlock .contactCtaSection__tel a img{
		width:250px;
	}
}

/* ---------------- 
 * worksSection 
 * ---------------- */
.worksSection{
	margin-bottom:100px;
	overflow-x: hidden;
	padding-bottom: 20px;
}

.worksSection .inner{
	width:100%;
	max-width:1100px;
	margin:0 auto;

}

.worksSection .inner .sectionHead{
}

.worksSection .inner .sectionHead .sectionHead__subtitle{
}

.worksSection .inner .sectionHead .sectionHead__title{
}

/* ---- */
.worksSection .inner .worksSlider{
	margin: 0 -15px;
}

.worksSection .inner .worksSlider .item{
	margin: 0 15px;

	background:#fff;
	box-shadow: 0px 6px 6px 0px rgba(199, 199, 199, 0.45);
	border-radius:15px;
	overflow:hidden;
	margin-bottom:10px;
}

.worksSection .inner .worksSlider .item .pic{
}
.worksSection .inner .worksSlider .item .pic img{
	width:100%;
	height:100%;
	aspect-ratio: 267 / 170;
	vertical-align:bottom;
}

.worksSection .inner .worksSlider .item .cnt{
	padding:15px;
}

.worksSection .inner .worksSlider .item .cnt .tit{
	color:#006835;
	font-size: clamp(15px, 0.4598vw + 11.4828px, 17px); /* Vary between 765px and 1200px */
	margin-bottom:5px;
	font-weight:bold;
	letter-spacing:2px;
}
.worksSection .inner .worksSlider .item .cnt .meta{
	font-size:14px;
	color:#6E726F;
}

/* カスタム矢印ボタン位置調整（必要に応じて） */
.worksSlider .slick-prev,
.worksSlider .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-45%);
  z-index: 2;
  background: none;
  border: none;
  cursor: pointer;
}
.worksSlider .slick-prev {
	left: -40px;
}
.worksSlider .slick-next {
	right: -40px;
}

/* ドットのデザイン */
.worksSlider .slick-dots {
  display: flex;
  justify-content: center;
  gap: 16px; /* ドット間の間隔 */
  margin-top: 20px;
  padding: 0;
  list-style: none;
}

.worksSlider .slick-dots li {
  width: 16px;
  height: 16px;
}

.worksSlider .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  background: #D4D6D3; /* 非アクティブ時の色 */
  border-radius: 50%;
  text-indent: -9999px; /* テキスト非表示 */
  overflow: hidden;
  cursor: pointer;
  transition: background 0.3s;
}

.worksSlider .slick-dots li.slick-active button {
  background: #FFB10E; /* アクティブ時の色 */
}



@media screen and (max-width: 1200px) {
	.worksSlider .slick-prev {
		left: -10px;
	}
	.worksSlider .slick-next {
		right: -10px;
	}
}
@media screen and (max-width: 1100px) {
	.worksSection .inner{
		max-width:calc( 100% - 30px);
	}
}

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

/* ---------------- 
 * flowSection 
 * ---------------- */
.flowSection{
	margin-bottom:100px;
}

.flowSection .inner{
	width:100%;
	max-width:1100px;
	margin:0 auto;
}

/* ---- */
.flowSection .inner .sectionHead{
}
.flowSection .inner .sectionHead .sectionHead__title{
}

/* ---- */
.flowSection .inner .flowList{
	display:flex;
	flex-wrap:wrap;
	gap:45px;
}

.flowSection .inner .flowList .flowItem{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	gap:10px 4%;
}

/* ---- */
.flowSection .inner .flowList .flowItem .flowItem__step{
	width:10%;	
}

.flowSection .inner .flowList .flowItem .flowItem__step .stepArrow{
	clip-path: polygon(0 0, 100% 0%, 100% 70%, 52% 100%, 0 70%);
	background: linear-gradient(to bottom, #389D47, #6BAF7D);
	color:#fff;
	font-weight:bold;
	height:100px;
	display:flex;
	flex-direction: column; /* ← これがポイント */
	align-items: center;     /* 横方向にも中央に */
	gap:0px 0;
}
.flowSection .inner .flowList .flowItem .flowItem__step .stepArrow .eng{
	padding-top:15px;
	width:100%;
	display:block;
	text-align:center;
	line-height:1;
	font-size:20px;
}
.flowSection .inner .flowList .flowItem .flowItem__step .stepArrow .num{
	width:100%;
	display:block;
	text-align:center;
	line-height:1;
	font-size:35px;
}
/* ---- */
.flowItem__main{
	width:calc( 100% - (4% + 10%));
	display:flex;
	flex-wrap:wrap;
	gap:10px 2%;

}
/* --- */
.flowSection .inner .flowList .flowItem .flowItem__content{
	width:calc( 100% - (2% + 25%) );
}
/* ---- */
.flowSection .inner .flowList .flowItem .flowItem__content .flowItem__title{
	font-size: clamp(19px, 1.1494vw + 10.2069px, 24px); /* Vary between 765px and 1200px */
	font-weight:bold;
	color:#006835;
	margin-bottom:10px;

	background:url(../img/flowList_icon01.png) no-repeat;
	background-size:37px 37px;
	background-position:left 3px;
	padding-left:45px;
}
.flowSection .inner .flowList .flowItem:nth-child(1) .flowItem__title{ background-image:url(../img/flowList_icon01.png);}
.flowSection .inner .flowList .flowItem:nth-child(2) .flowItem__title{ background-image:url(../img/flowList_icon02.png);}
.flowSection .inner .flowList .flowItem:nth-child(3) .flowItem__title{ background-image:url(../img/flowList_icon03.png);}
.flowSection .inner .flowList .flowItem:nth-child(4) .flowItem__title{ background-image:url(../img/flowList_icon04.png);}
.flowSection .inner .flowList .flowItem:nth-child(5) .flowItem__title{ background-image:url(../img/flowList_icon05.png);}


/* --- */
.flowSection .inner .flowList .flowItem .flowItem__content .flowItem__text{
	font-size:16px;
}
.flowSection .inner .flowList .flowItem .flowItem__content .flowItem__text strong{
	color:#E69C01;
}
/* --- */
.flowSection .inner .flowList .flowItem .flowItem__image{
	width:25%;
}
.flowSection .inner .flowList .flowItem .flowItem__image img{
	width:100%;
	max-width:240px;
	height:auto;
}

@media screen and (max-width: 1100px) {
	.flowSection .inner{
		max-width:calc( 100% - 30px);
	}
}
@media screen and (max-width: 767px) {

	.flowSection{
		margin-bottom:50px;
	}

	.flowSection .inner .flowList .flowItem{
	}

	/* ---- */
	.flowSection .inner .flowList .flowItem .flowItem__step{
		width:12%;	
	}

	.flowSection .inner .flowList .flowItem .flowItem__step .stepArrow{
		height:70px;
	}
	.flowSection .inner .flowList .flowItem .flowItem__step .stepArrow .eng{
		padding-top:10px;
		font-size:14px;
	}
	.flowSection .inner .flowList .flowItem .flowItem__step .stepArrow .num{
		font-size:25px;
	}
	/* ---- */
	.flowItem__main{
		width:calc( 100% - (4% + 12%));
	}
	/* --- */
	.flowSection .inner .flowList .flowItem .flowItem__content{
		width:100%;
	}
	/* ---- */
	.flowSection .inner .flowList .flowItem .flowItem__content .flowItem__title{
	}


	/* --- */
	.flowSection .inner .flowList .flowItem .flowItem__content .flowItem__text{
		font-size:15px;
	}
	/* --- */
	.flowSection .inner .flowList .flowItem .flowItem__image{
		width:100%;
		text-align:center;
	}

}

/* ---------------- 
 * faqSection 
 * ---------------- */

.faqSection{
	padding-top:100px;
	padding-bottom:100px;
}

.faqSection .inner{
	width:100%;
	max-width:1100px;
	margin:0 auto;

}

/* ---- */
.faqSection .inner .sectionHead{
}

.faqSection .inner .sectionHead .sectionHead__title{
}

/* ---- */
.faqSection .inner .faqList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.faqSection .inner .faqList .faqItem {
  width: 100%;
  background: #F5F5F5;
  padding: 10px 15px 10px;
  border-radius: 10px;
}

.faqSection .inner .faqList .faqItem .faqItem__answer__cnt {
	padding-top:15px;
	display: flex;
	gap: 10px;
}
.faqSection .inner .faqList .faqItem .faqItem__answer .faqItem__icon{
	width:29px;
}
.faqSection .inner .faqList .faqItem .faqItem__answer .faqItem__cnt{
	width:calc( 100% - (29px + 10px) );
}
.faqSection .inner .faqList .faqItem .faqItem__answer .faqItem__cnt a{
	text-decoration:underline;
	text-underline-offset: 6px;
}

.faqSection .inner .faqList .faqItem .faqItem__question .faqItem__icon{
	margin-top:10px;
}
.faqSection .inner .faqList .faqItem .faqItem__question .faqItem__tit{
	font-size:18px;
	padding-top:7px;
	color:#006835;
}
	
/* ▼ アコーディオン：初期で非表示にする */
.faqSection .inner .faqList .faqItem .faqItem__answer {
  display: none;
  animation: fadeIn 0.3s ease;
}


/* ▼ 質問部分にクリックカーソル＆整列 */
.faqSection .inner .faqList .faqItem .faqItem__question {
  cursor: pointer;
  display: flex;
  gap: 10px;
}

/* ▼ 質問内の矢印アイコン */
.faqSection .inner .faqList .faqItem .faqItem__arrow {
  margin-left: auto;
  width: 24px;
  height: 27px;
  background: url("/modules/img/qa_arrow_down.png") no-repeat center 19px;
  flex-shrink: 0;
}

/* ▼ 開いたときの矢印アイコン差し替え */
.faqSection .inner .faqList .faqItem.is-open .faqItem__arrow {
  background: url("/modules/img/qa_arrow_up.png") no-repeat center 10px;
}

/* ▼ フェードインアニメーション */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ▼ 回転は不要なので削除またはコメントアウト（念のため残す） */
/*
.faqSection .inner .faqList .faqItem.is-open .faqItem__icon img {
  transform: rotate(90deg);
  transition: transform 0.3s;
}
*/

/* ▼ 空セレクター：必要に応じて内容追加できます */
.faqSection .inner .faqList .faqItem .faqItem__answer .faqItem__icon--a {
}

.faqSection .inner .faqList .faqItem .faqItem__answer .faqItem__icon--q {
}

.faqSection .inner .faqList .faqItem .faqItem__question .faqItem__icon {
}



@media screen and (max-width: 1100px) {
	.faqSection .inner{
		max-width:calc( 100% - 30px);
	}
}
@media screen and (max-width: 767px) {

	.faqSection{
		padding-top:50px;
		padding-bottom:50px;
	}
	.faqSection .inner .faqList .faqItem .faqItem__question .faqItem__tit{
		font-size:16px;
		font-weight:bold;
		line-height:1.5;
		padding-top:5px;
	}
}

/* ---------------- 
 * serviceSection 
 * ---------------- */

.serviceSection{
	margin-bottom:100px;
}

.serviceSection .inner{
	width:100%;
	max-width:1100px;
	margin:0 auto;

}

.serviceSection .inner .sectionHead{
}

.serviceSection .inner .sectionHead .sectionHead__subtitle{
}

.serviceSection .inner .sectionHead .sectionHead__title{
}

.serviceSection .inner .serviceSlider .serviceSlider__nav{
}

/* --- */
.serviceSection .inner .serviceSlider{
}

/* --- */
.serviceSection .inner .serviceSlider .serviceSlider__wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
}

.serviceSection .inner .serviceSlider .serviceSlider__item {
  box-sizing: border-box;
  padding: 0 10px;  /* ← 左右各10pxずつ、計20pxのギャップ */
}

.serviceSection .inner .serviceSlider .serviceSlider__item img {
  display: block;
  width: 100%;
  height: auto;
}

/* prev/nextボタン */
.serviceSection .inner .serviceSlider .slick-prev,
.serviceSection .inner .serviceSlider .slick-next {
  position: absolute;
  top: 43%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 2;
}

.serviceSection .inner .serviceSlider .slick-prev {
  left: 10px;
}
.serviceSection .inner .serviceSlider .slick-next {
  right: 10px;
}

/* img をそのまま使うので、追加の擬似要素は不要 */
.slick-prev img,
.slick-next img {
  display: block;
  width: 80%;
  height: auto;
}


/* 3) ドットナビゲーション */
.serviceSection .inner .serviceSlider .slick-dots {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 16px;
  padding: 0;
  list-style: none;
}

.serviceSection .inner .serviceSlider .slick-dots li {
  width: 12px;
  height: 12px;
}

.serviceSection .inner .serviceSlider .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #D4D6D3;  /* 非アクティブ色 */
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
}

.serviceSection .inner .serviceSlider .slick-dots li.slick-active button {
  background: #FFB10E;  /* アクティブ色 */
}





@media screen and (max-width: 1100px) {
	.serviceSection .inner{
		max-width:calc( 100% - 30px);
	}
}
@media screen and (max-width: 767px) {
	.serviceSection{
		margin-bottom:50px;
	}
}

/* ---------------- 
 * footerCtaSection 
 * ---------------- */
.footerCtaSection{
	background:#ECEEEC;
	padding:60px 0;
}

.footerCtaSection .inner{
	width:100%;
	max-width:900px;
	margin:0 auto;

}

.footerCtaSection .inner .footerCtaSection__body{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	gap:10px 20px;
	margin-bottom:30px;
}

/* ---- */
.footerCtaSection .inner .footerCtaSection__body .footerCtaSection__logoBlock{
}

.footerCtaSection .inner .footerCtaSection__body .footerCtaSection__logoBlock .footerCtaSection__logo{
}

.footerCtaSection .inner .footerCtaSection__body .footerCtaSection__logoBlock .footerCtaSection__siteName{
}

/* ---- */
.footerCtaSection .inner .footerCtaSection__body .footerCtaSection__telBlock{
}

.footerCtaSection .inner .footerCtaSection__body .footerCtaSection__telBlock .footerCtaSection__hours{
	font-size: clamp(17px, 0.6897vw + 11.7241px, 20px); /* Vary between 765px and 1200px */
	text-align:center;
	color:#006835;
	padding-left:20px;
}

.footerCtaSection .inner .footerCtaSection__body .footerCtaSection__telBlock .footerCtaSection__tel{
	margin-bottom:5px;
	text-align:center;
}

.footerCtaSection .inner .footerCtaSection__body .footerCtaSection__telBlock .footerCtaSection__tel a{
	font-family: "lato", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: clamp(20px, 4.5977vw + -15.1724px, 40px); /* Vary between 765px and 1200px */
	color:#006835 !important;

	transition: all 0.3s;
}
.footerCtaSection .inner .footerCtaSection__body .footerCtaSection__telBlock .footerCtaSection__tel a img{
	width:100%;
	max-width:366px;
	height:auto;
	vertical-align:bottom;
}
.footerCtaSection .inner .footerCtaSection__body .footerCtaSection__telBlock .footerCtaSection__tel a:hover{
	color:#10472c;
}
.footerCtaSection .inner .footerCtaSection__body .footerCtaSection__telBlock .footerCtaSection__tel a rt{
	font-size:40%;
}


/* ---- */
.footerCtaSection .inner .footerCtaSection__buttonWrap{
}
.footerCtaSection .inner .footerCtaSection__buttonWrap .footerCtaSection__button{
	width:100%;
	max-width:435px;
	margin:0 auto;
	display:block;
	/*
	background: linear-gradient(
	  to bottom,
	  #FFC243 20%,
	  #FFB10E 50%
	);
	*/
	background:#FFB10E;

	border-radius:10px;
	padding:10px 15px;
	text-align:center;
	font-size:16px;
	color:#fff;
	border-bottom:solid 2px #C88803;
}
.footerCtaSection .inner .footerCtaSection__buttonWrap .footerCtaSection__button span{
	display:block;
	background:url(../img/arrow01.png) no-repeat right 10px center;
	width:100%;
}
.footerCtaSection .inner .footerCtaSection__buttonWrap .footerCtaSection__button:hover{
	/*
  background: linear-gradient(
    to bottom,
    #e8a800 20%,
    #d99400 50%
  );
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: background 0.3s, box-shadow 0.3s;
  */

  background: #e89c00; /* 少し濃いオレンジ */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* ふわっと影 */
  transition: background 0.3s, box-shadow 0.3s; /* アニメーション */
  cursor: pointer;


}



@media screen and (max-width: 900px) {
	.footerCtaSection .inner{
		max-width:calc( 100% - 30px);
	}
}
@media screen and (max-width: 767px) {
	.footerCtaSection{
		padding:35px 0;
	}
	.footerCtaSection .inner .footerCtaSection__body{
		justify-content:center;
		gap:20px;
	}
	.footerCtaSection .inner .footerCtaSection__body .footerCtaSection__telBlock .footerCtaSection__tel a img{
		max-width:250px;
	}

}

/* ---------------- 
 * footerSection 
 * ---------------- */

.footerSection{

	/*background:#389D47;*/
	background:#E7E6DF;

	padding-top: clamp(20px, 0.6061vw + 17.7273px, 25px); /* Vary between 375px and 1200px */
	padding-bottom: clamp(20px, 0.6061vw + 17.7273px, 25px); /* Vary between 375px and 1200px */
}

.footerSection .inner{
	width:100%;
	max-width:900px;
	margin:0 auto;
}

.footerSection .inner .copyright{
	/*color:#fff;*/
	color:#1A211E;
	font-size:14px;
	text-align:center;
}
.footerSection .inner .footerLogo{
	text-align:center;
	margin-bottom:10px;
}
.footerSection .inner .footerLnks{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:20px;
	margin-bottom:20px;
}

.footerSection .inner .footerLnks .item{
}
.footerSection .inner .footerLnks .item a{
	font-size:16px;
	/* color:#fff !important; */
	color:#1A211E !important;
}


@media screen and (max-width: 767px) {
	.footerSection .inner{
		max-width:clac(100% - 30px);
	}
}
@media screen and (max-width: 767px) {
}
/* ---------------- 
 * pageTop
 * ---------------- */
.pageTop{
}
.pageTop img{
	width:40px;
	height:40px;
}

/* ---------------- 
 * term-section
 * ---------------- */
.term-section {
}

.term-section .inner {
	width:100%;
	max-width:1100px;
  margin: 0 auto;
}

.term-title {
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 24px;
  position: relative;
}
.term-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  background: #1abc9c;
  margin: 16px auto 0 auto;
  border-radius: 2px;
}

.term-section .inner p {
  font-size: 16px;
  margin-bottom: 32px;
  text-align: left;
  line-height: 1.5;
}

.term-section .inner h3 {
  font-size: 1.3em;
  font-weight: bold;
  margin: 36px 0 12px 0;
  line-height: 1.4;
}

.term-section .inner ol {
  list-style: decimal;
  margin-left: 1.3em;
  margin-bottom: 28px;
  line-height: 2;
  padding-left: 0;  /* inside指定なら0でOK */
}
.term-section .inner ol > li {
  margin-bottom: 12px;
}


.term-section ul.circle-list {
  list-style-type: circle;
  margin-left: 1.3em;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 0;
}

.term-section ul.circle-list li {
  margin-bottom: 6px;
  font-size: 1em;
}
@media screen and (max-width: 1100px) {
	.term-section .inner {
		max-width:calc( 100% - 30px);
	}
}

@media (max-width: 600px) {
  .term-title {
    font-size: 1.3em;
  }
  .term-section .inner h3 {
    font-size: 1.1em;
  }
}



/* ---------------- 
 * contact-section
 * ---------------- */
.contact-section {
}

.contact-section .inner {
	width:100%;
	max-width:1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1100px) {
	.contact-section .inner {
		max-width:calc( 100% - 30px);
	}
}

@media (max-width: 600px) {
}


/* ---------------- 
 * detail-section
 * ---------------- */
.detail-section {
}

.detail-section .inner {
	display:flex;
	flex-direction: column; /* ← これがポイント */
	flex-wrap:wrap;
	gap:100px 0;

	width:100%;
	max-width:1100px;
	margin: 0 auto;
}

.detailPlanMainBox{
}

@media (max-width: 767px) {
	.detail-section .inner {
		gap:40px 0;
	}
}



/* ---- */
.detailTbl-wrap{
	border:solid 5px #389D47;
	border-radius:20px;
	margin-bottom: 20px;
}

/* ---- */
.detailTbl{
	position:relative;
	z-index:10;
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}
.detailTbl caption{
	font-size:clamp( 17px , 2.2vw ,  20px);
	font-weight:bold;
	text-align:left;
	margin-bottom:15px;
}
.detailTbl tr:first-child th{
	border-radius:20px 0 0 0 ;
}
.detailTbl tr:first-child td{
	border-radius:0 20px 0px 0 ;
}
.detailTbl tr:last-child th{
	border-radius:0px 0 0 20px ;
}
.detailTbl tr:last-child td{
	border-radius:0 0 20px 0 ;
}



.detailTbl th{
	color: #333;
	width: 22%;
	padding:10px 15px;
	text-align:left;
	vertical-align: middle;
	background:#F3FAF4;
	border-bottom:solid 1px #ACAEAC;
	font-weight:normal;
	position:relative;
	font-weight:bold;
	font-size: clamp(16px, 0.9195vw + 8.9655px, 20px); /* Vary between 765px and 1200px */
}
.detailTbl td{
	color: #333;
	padding: 25px 15px;
	vertical-align: middle;
	background:#fff;
	border-bottom:solid 1px #ACAEAC;
}
.detailTbl td+td{
	border-left:solid 1px #ACAEAC;
}

.detailTbl tr:last-child th,
.detailTbl tr:last-child td{
	border-bottom:none;
}




@media (max-width: 500px) {
	.detailTbl-wrap{
		border-width:3px;
	}
	.detailTbl th{
		width:25%;
		padding:8px 8px;
		font-size:14px;
	}
	.detailTbl td{
		padding:8px 8px;
	}
}




/* ---- */
.plan-detail .sectionHead{
	margin-bottom:150px;
}

.detailTbl td.plan-td{
	position:relative;
}

.detailTbl td.plan-td .plan-tab{
	/*background:#F5F5F5;*/
	/*background:#ccc;*/
	background:#F3FAF4;
	padding:20px 20px;
	border-radius:10px 10px 0 0;
	position:absolute;
	top:-92%;
	z-index:1;
	font-weight:bold;
}
.detailTbl td .plan-basic{
}
.detailTbl td.plan-td.plan-omakase .plan-tab{
	color:#fff;
	background:#389D47 !important;
}
.plan-tab-tit{
	font-size: clamp(16px, 0.9195vw + 8.9655px, 20px); /* vary between 765px and 1200px */
	line-height:1;
	display:block;
	margin-bottom:10px;
}
.plan-tab-num{
	display:block;
	font-family: futura-pt, sans-serif;
	line-height:1;
	font-size: clamp(20px, 1.3793vw + 14.8276px, 30px); /* Vary between 375px and 1100px */
}
.plan-tab-num span{
	font-size: clamp(14px, 0.2759vw + 12.9655px, 16px); /* Vary between 375px and 1100px */
}

@media (max-width: 767px) {
	.plan-detail .sectionHead{
		margin-bottom:30px;
	}
	.detailTbl td.plan-td{
		padding-top:0;
		vertical-align:top;
	}
	.detailTbl td.plan-td .plan-tab{
		position:relative;
		border-radius:0 0 10px 10px;
		top:0%;
		width:100%;
		margin-bottom:10px;
	}
}


@media (max-width: 655px) {
	.detailTbl td.plan-td .plan-tab{
		padding:10px 15px;
	}
}


@media (max-width: 625px) {

	.detailTbl td.plan-td .plan-tab{
		padding:10px 15px;
	}
}

@media (max-width: 500px) {

	.detailTbl-wrap{
		border-radius:4px;
	}
	.detailTbl tr:first-child th{
		border-radius:4px 0 0 0 ;
	}
	.detailTbl tr:first-child td{
		border-radius:0 4px 0px 0 ;
	}
	.detailTbl tr:last-child th{
		border-radius:0px 0 0 4px ;
	}
	.detailTbl tr:last-child td{
		border-radius:0 0 4px 0 ;
	}



	.detailTbl td.plan-td{
	}

	.detailTbl td.plan-td .plan-tab{
		padding:10px 5px;
	}
	.detailTbl td .plan-basic{
	}
	.detailTbl td.plan-td.plan-omakase .plan-tab{
	}
	.plan-tab-tit{
		font-size: 14px;
		margin-bottom:5px;
		text-align:center;
		line-height:1.2;
	}
	.plan-tab-num{
		line-height:1.2;
		display:block;
		font-family: futura-pt, sans-serif;
		line-height:1;
		text-align:center;
		font-size: 15px;
	}
	.plan-tab-num span{
		font-size: 13px;
	}

}
@media (max-width: 430px) {
	.detailTbl td.plan-td .plan-tab{
	}
	.plan-tab-tit span{
		display:block;
	}
	.plan-tab-num span{
		display:block;
	}
}
@media (max-width: 370px) {
	.detailTbl td.plan-td .plan-tab{
		width:100%;
		position:relative;
		border-radius:0 0 7px 7px;
	}

}


/* ---- */
.detailTbl td .detail-ttl{
	font-weight:bold;
	color:#006835;
	font-size: clamp(16px, 0.9195vw + 8.9655px, 20px); /* vary between 765px and 1200px */
}
.detailTbl td .detail-ttl span{
}

.detailTbl td p{
	font-size: clamp(16px, 0.9195vw + 8.9655px, 20px); /* Vary between 765px and 1200px */
}
.detailTbl td .small{
	font-size: clamp(14px, 0.2759vw + 12.9655px, 16px); /* Vary between 375px and 1100px */
}
.detailTbl td ul{
	font-size: clamp(14px, 0.2759vw + 12.9655px, 16px); /* Vary between 375px and 1100px */
	list-style:disc;
	padding-left:1.5em;
}
@media (max-width: 500px) {
	.detailTbl td .detail-ttl{
		font-size: 15px;
	}
	.detailTbl td .detail-ttl span{
	}
	.detailTbl td p{
		font-size: 15px;
	}
	.detailTbl td .small{
		font-size: 13px;
	}
	.detailTbl td ul{
		font-size: 13px;
	}
}


/* ---- */

.detailAttention p{
	background:url(../img/detailAttention_marker.png) no-repeat left 5px;
	padding-left:25px;
}



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

@media (max-width: 600px) {
}