@charset "UTF-8";

sup { position:relative; top:-0.3em; font-size:0.8em; }
.t-c { text-align:center; }
.invoice_box p { text-align:center; }
@media screen and (min-width: 768px) {
.t-c { text-align:center; }
.invoice_box p { text-align:left; }
}
.fixed-width {
    max-width: 1200px;
}

header#renewal .main{
	position: unset !important;
}



/*--- 20250331 add ---*/
.full-width.hero_bg {
	height:auto !important; min-height:410px; background:url('../images/bg_kv.png') no-repeat center center; background-size:cover;
	padding: 3rem 0;
}
.hero_box {}
.hero_box h1 { display:inline-block; line-height:1; font-size:42px; font-weight:normal; text-align:center; text-shadow:none; }
.hero_box h1 b { font-weight:bold; }
.hero_box h1 small { display:block; padding:0 0 16px; text-align:center; }
.hero_box p { max-width:510px; padding:0; line-height:1.4; font-size:20px; text-align:center; background:none; }
.hero_box p br { display:none; }
.hero_banner::before { content:none; }

.hero_box div:nth-child(2) {
	justify-content: center;
	align-items: center;
}


@media screen and (min-width: 768px) {
.hero_bg { background:url('../images/bg_kv.png') no-repeat center center; background-size:cover; }
.hero_box {}
.hero_box h1 { display:inline-block; width:fit-content; line-height:1; font-size:60px; font-weight:normal; text-align:left; text-shadow:none; }
.hero_box h1 b { font-size:54px; font-weight:bold; }
.hero_box h1 small { display:block; padding:0 0 16px; text-align:center; }
.hero_box p { max-width:510px; padding:0 0 0 20px; line-height:1.4; font-size:26px; text-align:center; background:none; }
.hero_box p br { display:inline; }
.hero_banner::before { content:none; }
}
.subNav-hojokin {margin:0;padding:0;background:#181F2C;position: sticky;top: 0; z-index:2;}
.subNav-hojokin ul { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; gap:0; }
.subNav-hojokin li { width:50%; border-right:rgba(255,255,255,0.4) 1px solid; border-bottom:rgba(255,255,255,0.4) 1px solid; }
.subNav-hojokin li:nth-child(even) { border-right:0; }
.subNav-hojokin li:last-nth-child(1),.subNav-hojokin li:last-nth-child(2) { border-bottom:0; }
.subNav-hojokin a { display:flex; flex-flow:column wrap; justify-content:center; align-items:center; height:48px; padding:15px; color:#fff; line-height:1.4; font-size:13px; text-align:center; }
.subNav-hojokin a br { display:inline; }

.subNav-hojokin a span{
	display:block; color:#000; font-size:12px; text-align:center;
	font-weight:bold;
	background:#FFEA00;
	padding: 0.5rem 1rem;
	position:relative;
	border-radius: 10px;
	margin: 0 auto 10px;
	width:fit-content;
	
	}
	.subNav-hojokin a span:after{
    content: '';
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 15px solid #FFEA00;  
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.subNav-hojokin li.subNav-hojokin-contact { width:100%; }
.subNav-hojokin-contact a { width:100%; padding:24px 32px; color:#fff; font-size:16px; background:#D9534F; }
@media screen and (min-width: 960px) {
.subNav-hojokin { margin:0; padding:0 ; background:#181F2C; }
.subNav-hojokin ul { display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; gap:4rem; }
.subNav-hojokin li { width:auto; border:none; }
.subNav-hojokin a {  color:#fff; font-size:15px; text-align:center; height:auto; padding:0; transition:0.3s; height:108px; }




.subNav-hojokin a:hover { opacity:0.8; text-decoration:underline; transition:0.3s; }
.subNav-hojokin li.subNav-hojokin-contact { width:auto; }
.subNav-hojokin-contact a { width:auto; padding:24px 32px; color:#fff; background:#D9534F; transition:0.3s; }
.subNav-hojokin-contact a:hover { opacity:0.8; transition:0.3s; }
}

.Intro-Re {  }
.Intro-Re-Inner { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; }
.Intro-Re-Photo { width:100%; margin:0; padding:0 0 32px; }
.Intro-Re-Photo img { width:100%; height:auto; vertical-align:top; }
.Intro-Re-Text { width:100%; margin:0; padding:0 0 24px; }
.Intro-Re-notice { padding:16px 0 0; line-height:1.4; font-size:0.8em; text-align:right; }

@media screen and (min-width: 768px) {
.Intro-Re { padding-top:64px !important; }
.Intro-Re-Inner { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; padding:0; }
.Intro-Re-Photo { width:100/*68*/%; margin:0; padding:0; }
.Intro-Re-Photo img { width:100%; height:auto; }
.Intro-Re-Text { width:100/*27*/%; margin:0; padding:0 0 24px; }
.Intro-Re-notice { padding:16px 0 0; line-height:1.4; font-size:0.8em; text-align:right; }
}

#IT2025 h2 + p{
	font-size:1.6rem !important;
}

.hojyoritu_box {
    width: 100%;
    max-width: 950px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    margin: 30px auto 0px;
}
.hojyoritu_box > div {
    justify-content: center;
    align-items: center;
    max-width: 320px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    background: #fff;
    position: relative;
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column;
	gap:2rem;
}
.hojyoritu_box > div > p:nth-of-type(1) {
    width: 100%;
    min-height: auto;
    font-weight: bold;
    font-size: 3rem;
    color: #fff;
    background: linear-gradient(135deg, #0070c0, #1A68B2);
    border-radius: 11px 11px 0 0;
    padding: 12px;
    text-align: center;
    min-height: 75px;
}
.hojyoritu_box > div > div:nth-of-type(1) {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 0;
    text-align: center;
}
.hojyoritu_box > div:nth-of-type(1) > div:nth-of-type(1) p {
    margin: 0;
    line-height: 1.8;
	font-size: 2.5rem;
	font-weight:bold;
}
.hojyoritu_box > div:nth-of-type(3) > div img {
    max-height: 145px;
    margin-bottom: 0;
	max-width:unset;
    width: auto;
}


.hojyoritu_box > div:nth-of-type(1),
.hojyoritu_box > div:nth-of-type(3){
	width:400px;
	max-width:unset;
}
.hojyoritu_box > div:nth-of-type(2){
	max-width: 160px !important;
}
.hojyoritu_box > div > div:nth-of-type(2) {
	width: 75%;
	height: unset;
	display: flex;
	flex-flow: unset;
	justify-content: center;
	flex-direction:column;
	align-items: center;
	color: #fff;
	background: #1C8B59;
	border-radius: 15px;
	padding: 1rem 3rem 1rem; 
	position: unset;
	top: unset;
	right: unset;
	margin-bottom:1rem;
}
.hojyoritu_box > div > div:nth-of-type(2) p {
	font-weight:bold;
	font-size:2.5rem;
}
.hojyoritu_box > div > div:nth-of-type(2) p span {
	font-weight:bold;
	font-size:5rem;
}

.hojyoritu_box .plus-symbol{
	color:#1A68B2 !important;
	font-size:50px;
	font-weight:bold;
    box-shadow: unset;
	border: none;

}

.hojyorituSub{
	font-size:10px !important;
}

.hojyorituSub2{
	text-align:right;
	font-size:12px;
	line-height:1.2;
	max-width:950px;
	margin: 3rem auto;
	padding: 0 5rem;

}


.Summary-Re {  }
.Summary-Re-Inner { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; }
.Summary-Re-Text { width:100%; margin:0; padding:0 0 40px; }
.Summary-Re-Text p { padding:0 0 24px; }
.Summary-Re-Text table { width:100%; margin:0; padding:0; }
.Summary-Re-Text thead { background:#1A68B2; }
.Summary-Re-Text thead th { padding:10px 8px; color:#fff; font-size:12px; }
.Summary-Re-Text thead th:first-child { width:80px; border-right:double 3px #fff; }
.Summary-Re-Text tbody th,.Summary-Re-Text tbody td { padding:10px 8px; border-bottom:#0070C0 1px dotted; line-height:1.3; font-size:12px; text-align:center; }
.Summary-Re-Text tbody th br,.Summary-Re-Text tbody td br {  }
.Summary-Re-Text tbody th { font-size:12px; background:#F2FBFF; }
.Summary-Re-Text tbody td.bg-blue { background:#DCE0ED; }
.Summary-Re-Text tbody td.bg-green { background:#E7F5E2; }
.Summary-Re-Text tbody td.adline { border-right:#0070C0 1px dotted; }
.Summary-Re-Text tbody td sup { position:relative; top:-0.3em; font-size:0.7em; }

@media screen and (min-width: 768px) {
.Summary-Re {  }
.Summary-Re-Inner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
.Summary-Re-Text { width:100%; margin:2rem 0 0; padding:0 0 ; text-align:center; }
.Summary-Re-Text p { padding:0 0 32px; }
.Summary-Re-Text table { width:100%; margin:0; padding:0; }
.Summary-Re-Text thead { background:#1A68B2; }
.Summary-Re-Text thead th { padding:10px 16px; color:#fff; font-size:14px; }
.Summary-Re-Text thead th:first-child { width:160px; border-right:double 3px #fff; }
.Summary-Re-Text tbody th,.Summary-Re-Text tbody td { padding:10px 16px; border-bottom:#0070C0 1px dotted; line-height:1; font-size:14px; text-align:center; }
.Summary-Re-Text tbody th br,.Summary-Re-Text tbody td br { display:none; }
.Summary-Re-Text tbody th { font-size:14px; background:#F2FBFF; }
.Summary-Re-Text tbody td.bg-blue { background:#DCE0ED; }
.Summary-Re-Text tbody td.bg-green { background:#E7F5E2; }
.Summary-Re-Text tbody td.adline { border-right:#0070C0 1px dotted; }
.Summary-Re-Text tbody td sup { position:relative; top:-0.3em; font-size:0.7em; }
}

.Schedule-Re {  }
.Schedule-Re-Inner { padding:0 0 40px; }
.Schedule-Re-Inner p { padding:0 0 24px; }
.Schedule-Re-table { width:100%; margin:0; padding:0; border:#0070C0 1px solid; border-right:0; }
.Schedule-Re-table thead { background:#1A68B2; }
.Schedule-Re-table thead th { width:25%; padding:10px; border-right:#0070C0 1px solid; color:#fff; line-height:1.3; font-size:12px; }
.Schedule-Re-table tbody {  center}
.Schedule-Re-table tbody th,.Schedule-Re-table tbody td { padding:10px; border-right:#0070C0 1px solid; border-bottom:#0070C0 1px dotted; line-height:1.3; font-size:12px; text-align:center; }
.Schedule-Re-table tbody th br,.Schedule-Re-table tbody td br {  }
.Schedule-Re-table tbody th { background:#F2FBFF; }
.Schedule-Re-table tbody td {  }
.Schedule-Re-Inner .btnArea { padding:24px 0 0; text-align:center; }
.Schedule-Re-Inner .btnArea a { margin:0 auto; }
@media screen and (min-width: 768px) {
.Schedule-Re {  }
.Schedule-Re-Inner { padding:0 0 64px; }
.Schedule-Re-Inner p { padding:0 0 32px; }
.Schedule-Re-table { width:100%; margin:0; padding:0; border:#0070C0 1px solid; border-right:0; }
.Schedule-Re-table thead { background:#1A68B2; }
.Schedule-Re-table thead th { width:25%; padding:10px; border-right:#0070C0 1px solid; color:#fff; line-height:1.0; font-size:14px; }
.Schedule-Re-table tbody {  center}
.Schedule-Re-table tbody th,.Schedule-Re-table tbody td { padding:10px; border-right:#0070C0 1px solid; border-bottom:#0070C0 1px dotted; line-height:1; font-size:14px; text-align:center; }
.Schedule-Re-table tbody th br,.Schedule-Re-table tbody td br { display:none; }
.Schedule-Re-table tbody th { background:#F2FBFF; }
.Schedule-Re-table tbody td {  }
.Schedule-Re-Inner .btnArea { padding:24px 0 0; text-align:center; }
.Schedule-Re-Inner .btnArea a { margin:0 auto; }
.Schedule-Re-StartWrap { padding:0 0 16px; }
.Schedule-Re-Inner p.Schedule-Re-Start { display:inline-block; margin:0 auto; padding:8px 16px 8px 8px; font-size:20px; font-weight:bold; text-align:center; background:#F2FBFF; }
.Schedule-Re-Inner p.Schedule-Re-Start span { display:inline-block; margin:0 16px 0 0; padding:8px 16px; color:#fff; line-height:1; font-size:18px; background:#0070C0; }
}

.Flow-Re { padding:40px 0; background:#F2FBFF; }
.Flow-Re-Inner { padding:0; }
.Flow-Re-Inner ul { display:flex; flex-flow:column wrap; justify-content:flex-start; align-teims:flex-start; margin:0; padding:0; list-style:none; }
.Flow-Re-Inner li { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; align-self:inherit; position:relative; width:100%; margin:24px 0 0; padding:16px 24px; border-radius:5px; background:#fff; text-align:center; }
.Flow-Re-Inner li::after { content:''; position:absolute; bottom:-36px; left:calc(50% - 18px); border:transparent 18px solid; border-top:#1A68B2 13px solid; }
.Flow-Re-Inner li:last-child { display:flex; flex-flow:column wrap; justify-content:center; align-teims:center; width:100%; background:none; }
.Flow-Re-Inner li:last-child::after { content:none; }
.Flow-Re-Badge { display:block; position:absolute; top:-12px; left:12px; width:40px; height:40px; }
.Flow-Re-Badge img { width:48px; height:48px; }
.Flow-Re-Photo { padding:0; }
.Flow-Re-Photo img { width:100%; max-width:90px; height:auto; }
.Flow-Re-Text { font-size:14px; }
.Flow-Re-Text a { color:#0004FF; text-decoration:underline; }
.Flow-Re-Text b { font-weight:bold; }
@media screen and (min-width: 768px) {
.Flow-Re { padding:0px 0; background:#F2FBFF; }
.Flow-Re-Inner { padding:0; }
.Flow-Re-Inner ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:32px 0 0; list-style:none; }
.Flow-Re-Inner li { display:block; align-self:stretch; position:relative; width:23.6%; margin:0; padding:24px; border-radius:5px; background:#fff; text-align:center; }
.Flow-Re-Inner li::after { content:''; position:absolute; top:calc(50% - 18px); right:-43px; bottom:auto; left:auto; border:transparent 18px solid; border-left:#1A68B2 13px solid; }
.Flow-Re-Inner li:last-child { display:flex; flex-flow:column wrap; justify-content:center; align-teims:center; width:18%; background:none; }
.Flow-Re-Inner li:last-child::after { content:none; }
.Flow-Re-Badge { display:block; position:absolute; top:-24px; left:12px; width:48px; height:48px; }
.Flow-Re-Badge img { width:48px; height:48px; }
.Flow-Re-Photo { padding:0 0 16px; }
.Flow-Re-Photo img { width:100%; max-width:90px; height:auto; }
.Flow-Re-Text { font-size:14px; }
.Flow-Re-Text a { color:#0004FF; text-decoration:underline; }
.Flow-Re-Text a:hover { opacity:0.7; }
.Flow-Re-Text b { font-weight:bold; }
}

.FAQ-Re { margin:0; padding:0 0 40px 0; }
.FAQ-Re-outer { margin:0; padding:64px 0; background:#f3f3f4; }
.FAQ-Re-inner { width:90%; max-width:950px; margin:0 auto; }
.FAQ-Re-inner h2 + p { margin:0; padding:0 0 32px; text-align:center; }
.FAQ-Re-inner ul { margin:0; padding:0; list-style:none; }
.FAQ-Re-inner li { margin:0; padding:0 0 24px; }
.FAQ-Re-inner dl {  }
.FAQ-Re-inner dt { position:relative; margin:0; padding:0 48px 16px 48px; border-bottom:#E5E5E5 1px solid; line-height:20px; font-weight:bold; cursor:pointer; transition:0.3s; }
.FAQ-Re-inner dt::after { content:'＋'; display:block; position:absolute; top:calc(50% - 8px); right:24px; width:20px; height:20px; margin:0; padding:0; border:#1A68B2 1px solid; border-radius:20px; color:#1A68B2; line-height:20px; font-weight:bold; text-align:center; transform:translate(0,-50%); }
.FAQ-Re-inner dt.active::after { content:'−'; }
.FAQ-Re-inner dt:hover { opacity:0.75; transition:0.3s; }
.FAQ-Re-num { display:block; position:absolute; top:calc(50% - 8px); left:0; width:30px; height:24px; color:#1A68B2; line-height:24px; font-size:20px; font-weight:bold; text-align:center; transform:translate(0,-50%); }
.FAQ-Re-inner dd { position:relative; overflow:hidden; height:0; margin:0; padding:0 0 0 48px; line-height:1.7; font-weight:bold; transition:0.3s; }
.FAQ-Re-inner dd.active { height:auto; padding-top:16px; transition:0.3s; }
.FAQ-Re-a { display:block; position:absolute; top:calc(50% - 3px); left:0; width:30px; height:18px; color:#D9534F; line-height:1; font-size:18px; font-weight:lighter; text-align:center; transform:translate(0,-50%); }

/* ▼▼▼ POSレジセット構成セクションのスタイル ▼▼▼ */
.posset-Re {
    padding: 40px 0;
    background-color: #f8f9fa;
}
.posset-Re-inner { width:90%; max-width:950px; margin:0 auto; }
.posset-Re-inner h2 br { display:inline; }
.posset-Re-inner h2 + p { margin:0; padding:0 0 24px; text-align:center; }

.posset-Re-inner h3.headline_bg_green,
.posset-Re-inner h3.headline_bg_peacock {
    margin: 30px 0 20px;
    padding: 15px 24px;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    border-radius: 8px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.posset-Re-inner h3.headline_bg_green {
    margin-top: 0;
    background: linear-gradient(135deg, #239265 0%, #34773B 100%);
}
.posset-Re-inner h3.headline_bg_peacock {
    background: linear-gradient(135deg, #147087 0%, #1A68B2 100%);
}
.posset-Re-inner h3 small { display:inline-block; padding-left:12px; font-size:20px; font-weight: normal; }

.posset-Re-setList { margin:0; padding:0 0 20px; }

.posset-Re-setList-inner {
    display:flex;
    flex-flow:column wrap;
    justify-content:flex-start;
    align-items:flex-start;
    margin:0;
    padding: 0px 0px 20px 0px;
    background:#fff;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    border: 1px solid #e1e1e1;
}

.posset-Re-photo { width:100%; margin:0 auto; padding:0 0 16px; text-align:center; }
.posset-Re-photo img { width:auto; max-width:68%; height:auto; max-height: 220px; }
.posset-Re-photo h4 {
    margin-bottom: 16px;
    padding-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #f3f4f6;
}
.posset-Re-photo h4 br { display:inline; }
.posset-Re-text { width:calc(100% - 0px); padding:16px; background:#fff; }
.posset-Re-price { padding-right: 50px; }

.posset-Re-priceWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; padding:0 0 16px; zoom:0.65; }
.posset-Re-priceBox { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; gap:20px; position:relative; width:100%; padding:12px; letter-spacing:-0.02em; background:#F2FBFF; }
.posset-Re-priceBox p { line-height:1.3; font-size:32px; font-weight:bold; }
.posset-Re-price-real { zoom:1.2; }
.posset-Re-priceBox b { display:block; font-size:16px; font-weight:bold; }
.posset-Re-priceBox small { font-size:12px; font-weight:normal; }
.posset-Re-priceBox span { color:#D9534F; }
.posset-Re-price-normal { position:relative; zoom:0.85; }
.posset-Re-price-normal b { font-size:14px; }
.posset-Re-price-normal small { font-size:11px; }
.posset-Re-price-normal::before { content:none; display:block; position:absolute; top:1.25em; left:0; width:3em; height:3px; background:#D9534F; transform:rotate(15deg); }
.posset-Re-price-normal::after { content:''; display:block; position:absolute; top:calc(50% - 12px); right:-28px; border:transparent 12px solid; border-left:#D9D9D9 12px solid; }
.posset-Re-price-subsidy { display:flex; flex-flow:column wrap; justify-content:center; align-items:center; position:relative; z-index:2; aspect-ratio:1/1; margin:0 -24px 0 -72px; padding:0 28px; border-radius:100%; color:#fff; line-height:1.2; font-size:30px; font-weight:bold; text-align:center; background:#D9534F; }
.posset-Re-price-subsidy b { display:block; font-size:16px; font-weight:normal; }
.posset-Re-price-subsidy small { font-size:16px; font-weight:normal;}

.posset-Re-price table { display:none; }
.posset-Re-price dl { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; }
.posset-Re-price dt { width:100%; margin:0; padding:12px; border-bottom:#D4D4D4 1px solid; }
.posset-Re-price dt b { display:inline-block; margin-bottom:4px; padding:4px; color:#fff; background:#077635; }
.bgBlue .posset-Re-price dt b { background:#147087; }
.posset-Re-price dt br {  }
.posset-Re-price dd { align-self:stretch; width:50%; padding:12px 12px 12px; border-bottom:#D4D4D4 1px solid; font-size:18px; text-align:center; }
.posset-Re-price dd .posset-Re-label { display:block; min-height:2.8lh; margin:0; padding:0 0 8px; color:inherit; font-size:14px; font-weight:bold; white-space:nowrap; }
.posset-Re-price dd .posset-Re-label small { display:block; margin-top:4px; font-size:12px; }
.posset-Re-price dd .posset-Re-label.colorRed { color:#D9534F; }
.posset-Re-price dd small { font-size:12px; white-space:nowrap; }
.posset-Re-price dd span { color:#D9534F; }
.posset-Re-price .posset-Re-total { border-bottom:0; }
.posset-Re-price .posset-Re-total dt { font-weight:bold; text-align:center; background:#F5F5F5; }

.posset-Re-notice { padding:10px 0 24px; line-height:1.4; font-size:0.8em; text-align:left; }
.posset-Re-button { padding:0 0 30px;}
.posset-Re-button a {
	 font-size:2.5rem !important; font-weight:bold;
}

.posset-Re-setList-other {
    margin: 24px 0;
    padding: 24px;
    border: 1px solid #e5e7eb;
    background: #f5f7fa;
    border-radius: 12px;
}
.posset-Re-setList-other h3 {
    text-align:center;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin: 0 0 8px;
}
.posset-Re-setList-other h3 br { display:inline; }
.posset-Re-setList-other p {
    text-align:center;
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}
.posset-Re-setList-other ul {
    display:flex;
    flex-flow:row wrap;
    justify-content:center;
    align-items:center;
    gap: 16px;
    margin: 20px auto;
    padding:0;
    text-align:center;
}
.posset-Re-setList-other li {
    display:flex;
    justify-content:center;
    align-items:center;
    width:auto;
    margin:0;
    padding: 12px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    width: calc(90% / 3);
}
.posset-Re-setList-other li img {
    width:auto;
    max-width:100%;
    height:auto;
    aspect-ratio:1/1;
}
.posset-Re-setList-other .posset-Re-button { margin-top:20px; padding: 0; }

.posset-option { margin:0; padding:0 0 16px; }
.posset-option-inner { width:90%; max-width:950px; margin:0 auto; padding:22px; background:#F5F5F5; }
.posset-option h2 { margin:0; padding:0 0 24px; font-size:18px; text-align:center; }
.posset-option h2 svg { position:relative; top:0.2em; width:auto; height:1.2em; margin:0 4px 0 0;  }
.posset-option h3 { font-size:18px; }
.posset-option-inner h3 br { display:inline; }
.posset-option figure { display:block; padding:0 0 24px; text-align:center; }
.posset-option-table { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; gap:32px; }
.posset-option-table34 { width:100.0%; }
.posset-option-tableTEL { width:100.0%; }
.posset-option-table h4 { margin:0; padding:0 0 24px; font-size:1.1em; font-weight:bold; text-align:center; }
.posset-option-table h4.sizeAdjust { font-size:18px; }
.posset-option img { max-width:100%; }
.posset-option-table table { display:table; width:100%; }
.posset-option-table tr { border-bottom:#D4D4D4 1px solid; }
.posset-option-table tfoot tr { border-bottom:0; }
.posset-option-table th { padding:12px 4px; font-size:11px; }
.posset-option-table thead th { width:10em; text-align:center; }
.posset-option-table thead th small { display:block; margin-top:4px; font-size:11px; }
.posset-option-table thead th:last-child { color:#D9534F; }
.posset-option-table tbody th,.posset-option-table tfoot th { font-weight:normal; text-align:left; }
.posset-option-table tbody th b { display:inline-block; margin-bottom:4px; padding:4px; color:#fff; background:#077635; }
.posset-option-table tbody th br {  }
.posset-option-table tbody td,.posset-option-table tfoot td { padding:12px 4px; font-size:14px; text-align:center; }
.posset-option-table tbody td small,.posset-option-table tfoot td small { font-size:12px; }
.posset-option-table tbody td span,.posset-option-table tfoot td span { color:#D9534F; }
.posset-option-table tfoot th { font-size:16px; }
.posset-option-table tfoot th,.posset-option-table tfoot td { padding:12px 4px 0; }
.posset-option-notice { line-height:1.4; font-size:12px; text-align:center; padding:12px 0 0; }
.posset-option-notice2 { max-width:90%; margin:0 auto; padding:0 0 32px; line-height:1.4; font-size:0.8em; text-align:right; }
.posset-option-other { width:90%; max-width:950px; margin:0 auto; padding:0 0 32px; text-align:center; }
.posset-option-other h3 br { display:inline; }
.posset-option-other h4 { margin:0; padding:0 0 24px; line-height:1.4; font-size:20px; }
.posset-option-other p { margin:0; padding:0 0 24px; text-align:center; }
.posset-option-other picture {  }
.posset-option-other picture + .posset-Re-button { margin-top:40px; }
.posset-option-other img { width:100%; height:auto;}
.posset-option-other ul { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; margin:-40px auto; padding:0 0 32px; text-align:center; }
.posset-option-other li { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; align-self:stretch; width:30%; margin:0; padding:16px; }
.posset-option-other li img { width:auto; max-width:100%; height:auto; aspect-ratio:1/1; }
.posset-option-other ul + .posset-Re-button { margin-top:0; }
.posset-option-change { mwidth:90%; max-width:950px; margin:0 auto; padding:0 0 64px; text-align:center; }
.posset-option-change h3.headline_bg_darkGray { margin:0; padding:12px 24px; color:#fff; font-size:33px; font-weight:bold; text-align:center; background:#666; }
.posset-option-change p { margin:0; padding:40px 0 0; font-size:20px; font-weight:bold; }

.posset-Re-setList-inner h4 { order: 1; width: 100%; text-align: center; padding: 15px;
    font-size: 22px;
    background: #e8f5ee;
    color: #057521;border-radius: 10px 10px 0px 0px;}
    .bgBlue h4 { order: 1; width: 100%; text-align: center; padding: 20px;font-size: 24px;background: #cee7fb!important;
        color: #184569!important;}

/* === POSセット構成の追加スタイル === */

/* 全体のコンテナ */
.set-components {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 0px;
    margin-bottom: 10px;
}

/* 「+」記号 */
.plus-symbol {
    font-size: 36px;
    font-weight: 300;
    color: #525252;
}

/* 各構成要素の箱 */
.component-box {
    border: 2px solid; /* 枠線 */
    border-radius: 8px;
    overflow: hidden; /* 角丸を適用 */
    text-align: center;
    flex: 1; /* 横幅を均等に */
    display: flex;
    flex-direction: column;
}

/* ヘッダー部分 */
.component-header {
    padding: 8px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

/* ボディ部分 */
.component-body {
    padding: 16px 6px;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    flex-grow: 1; /* 高さを揃える */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60px;
}

/* BCPOS (Green) テーマ */
.posset-Re-setList-inner.b-green .component-box {
    border-color: #077635;
}
.posset-Re-setList-inner.b-green .component-header {
    background-color: #077635;
}
.posset-Re-setList-inner.b-green .plus-symbol {
    color: #077635;
}

/* リアレジ (Blue) テーマ */
.posset-Re-setList-inner.b-blue .component-box {
    border-color: #147087;
}
.posset-Re-setList-inner.b-blue .component-header {
    background-color: #147087;
}
.posset-Re-setList-inner.b-blue .plus-symbol {
    color: #147087;
}


/* === 新しいCTAメガバナーのスタイル (ボタンデザイン修正) === */
.cta-mega-banner {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    top: 0;
    padding: 20px 32px;
    border-radius: 14px;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    min-height: 180px;
    background: linear-gradient(105deg, #e35b3b 0%, #d9534f 100%);
    border: 1px solid #f28c74;
    border-bottom: 5px solid #b93c38;
    transition: top 0.1s ease-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.cta-mega-banner:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    color: #fff;
}

.cta-mega-banner:active {
    top: 3px;
    border-bottom-width: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.cta-mega-text {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    flex-wrap: wrap;
}

.cta-mega-text strong {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}

/* ▼▼▼ ボタンのデザインを以前のシンプルなスタイルに戻します ▼▼▼ */
.cta-mega-text span {
    display: inline-block;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: bold;
    background-color: #fff;
    border-radius: 50px; /* 丸い形状に戻す */
    white-space: nowrap;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    transition: background-color 0.2s ease;
    /* 枠線とposition関連の指定を削除 */
}

/* ホバー時のスタイル */
.cta-mega-banner:hover .cta-mega-text span {
    background-color: #f0f0f0;
}

/* ボタンの文字色をテーマカラーに合わせる */
.cta-mega-banner .cta-mega-text span {
    color: #c9302c;
}
/* ▲▲▲ ボタンのデザイン修正ここまで ▲▲▲ */


.cta-mega-image img {
    display: block;
    height: 140px;
    width: auto;
    border-radius: 4px;
    background-color: #fff;
    padding: 2px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.cta-mega-arrow svg {
    display: block;
    width: 36px;
    height: 36px;
    transition: transform 0.2s ease;
}

.cta-mega-banner:hover .cta-mega-arrow svg {
    transform: translateX(5px);
}

/* --- レスポンシブ対応 (スマホ表示) --- */
@media screen and (max-width: 767px) {
    /* hojyoritu_boxのレイアウト調整（横並び＆重なり修正） */
    .hojyoritu_box {
        flex-wrap: nowrap;
        gap: 10px;
        margin-top: 35px;
    }
    .hojyoritu_box > div,
    .hojyoritu_box > div:nth-of-type(1) {
        flex: 1;
        max-width: 50%;
        width: auto;
        margin: 0 !important;
    }
    /* タイトルとバッジの重なりを解消 */
    .hojyoritu_box > div > p:nth-of-type(1) {
        min-height: 85px;
        padding-top: 30px !important;
        padding-bottom: 5px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        box-sizing: border-box;
    }
    .hojyoritu_box > div > div:nth-of-type(2) {
        width: 80px;
        height: 80px;
        top: -15px;
        right: -10px;
    }
    .hojyoritu_box > div > div:nth-of-type(2) p:nth-of-type(1) { font-size: 1rem; }
    .hojyoritu_box > div > div:nth-of-type(2) p:nth-of-type(2) { font-size: 2.2rem; }
    .hojyoritu_box > div > div:nth-of-type(2) p:nth-of-type(3) { font-size: 0.8rem; }

    .cta-mega-banner {
        padding: 24px;
        min-height: auto;
    }
    .cta-mega-text {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 16px;
        width: 100%;
    }
    .cta-mega-text strong {
        font-size: 18px;
    }
    .cta-mega-image {
        display: none;
    }
    .cta-mega-arrow {
        display: none;
    }
}

/* --- レスポンシブ対応 (スマホ表示) --- */
@media screen and (max-width: 767px) {
    .posset-Re-price {
        padding-right: 0px;
    }
    .posset-Re-priceBox {

        gap: 40px;}
        
    .posset-Re-price-real {
        zoom: 2!important
    }
    .posset-Re-price-normal {
        zoom: 1.5;
    }

    /* set-components を横並びにする */
    .set-components {
        flex-direction: row; /* 縦並びを横並びに変更 */
        gap: 5px;        /* デスクトップ表示と合わせる */
        align-items: stretch; /* 高さを揃える */
    }
    .plus-symbol {
        font-size: 36px; /* プラス記号を元に戻す */
        font-weight: 300;
        position: static;
        margin: 0;
        display: flex;
        align-items: center;
    }
    /* プラス記号の代わりの矢印を削除 */
    .plus-symbol::before {
        content: none;
    }
    .component-body {
        min-height: 60px; /* 本文の最低限の高さを確保 */
    }
}
@media screen and (min-width: 768px) {
    .posset-Re-inner h2 br { display:none; }
    .posset-Re-inner h2 + p { margin:0; padding:0 0 24px; text-align:center; }
    .posset-Re-inner h3.headline_bg_green { margin: 0; }
    .posset-Re-inner h3.headline_bg_peacock { margin: 0px 0 0px;}
    .posset-Re-setList { padding:20px 0; }
    .posset-Re-inner h3 small { font-size:24px; }
    .posset-Re-photo img { max-width: 100%; }
    .posset-Re-photo h4 br { display:none; }
    .posset-Re-text { background:transparent; }

    .posset-Re-priceWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; padding:0 0 10px; zoom:1.0; }
    .posset-Re-priceBox { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; gap:40px; position:relative; width:100%; padding:24px; letter-spacing:0; background:#F2FBFF; }
    .posset-Re-price-normal::after { right:-40px; }
    .posset-Re-price-subsidy { margin:0 0 0 -64px; }
    
    .posset-Re-setList-other { margin: 24px 0; }
    .posset-Re-price dl { display:none; }
    .posset-Re-price table {
        display:table;
        width:100%;
        margin:0;
        padding:0;
        border-collapse:collapse;
        border: 1px solid #e9eef2;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    }
    .posset-Re-price tr { border-bottom:#e9eef2 1px solid; }
    .posset-Re-price tfoot tr { border-bottom:0; }
    .posset-Re-price th { padding:12px 8px; font-size:13px; vertical-align: middle; }
    .posset-Re-price thead { background: #f5f7fa; }
    .posset-Re-price thead th {
        width:10em;
        text-align:center;
        white-space:nowrap;
        font-weight: bold;
        color: #555;
    }
    .posset-Re-price thead th:nth-of-type(3) { color:#D9534F; }
    .posset-Re-price tbody th:first-child{ width: 40%;}
    .posset-Re-price tbody th,.posset-Re-price tfoot th { font-weight:normal; text-align:left; background: #fafcff; }
    .posset-Re-price tbody th b {
        display:inline-block;
        margin-bottom:4px;
        padding:6px 10px;
        color:#fff;
        white-space:nowrap;
        border-radius: 4px;
        font-size: 13px;
    }
    .bgBlue .posset-Re-price tbody th b { background:#147087; }
    .posset-Re-price tbody th b { background:#077635; }
    .posset-Re-price tbody th br {  }
    .posset-Re-price tbody td,.posset-Re-price tfoot td {
        padding:12px 8px;
        font-size:20px;
        text-align:center;
        font-weight:bold;
        white-space:nowrap;
        vertical-align: middle;
    }
    .posset-Re-price tbody td:nth-of-type(2),
    .posset-Re-price tbody td:nth-of-type(4){ width: 5%; color: #aaa; font-size: 16px;}
    .posset-Re-price tbody td small,.posset-Re-price tfoot td small { font-size:12px; font-weight:normal; }
    .posset-Re-price tbody td span,.posset-Re-price tfoot td span { color:#D9534F; }
    .posset-Re-price tfoot { background: #e8f0f7; }
    .posset-Re-price tfoot th { font-size:16px; font-weight: bold; text-align: center; background: transparent; }
    .posset-Re-price tfoot td { padding:16px 8px; font-size: 24px; background: transparent; }
    .posset-Re-notice { padding:0px; line-height:1.4; font-size:0.8em; text-align:right; }
    .posset-Re-button { padding:0 0 64px; }
    .posset-option-inner { padding:48px; }
    .posset-option h2 { font-size:32px; }
    .posset-option h3 { font-size:24px; }
    .posset-option-inner h3.title_black_line { margin:0 0 32px; padding:0 0 24px; }
    .posset-option-inner h3.title_black_line::after { bottom:8px; }
    .posset-option-inner h3 br { display:none; }
    .posset-option-table { flex-flow:row wrap; justify-content:space-between; }
    .posset-option-table34 { width:47.5%; }
    .posset-option-tableTEL { width:47.5%; }
    .posset-option-table h4 { font-size:20px; }
    .posset-option-table34 .adjust img { width:60%; height:auto; }
    .posset-option-tableTEL .adjust img { width:60%; height:auto; }
    .posset-option-table th { font-size:14px; }
    .posset-option-table thead th small { font-size:12px; }
    .posset-option-table tbody td,.posset-option-table tfoot td { font-size:16px; }
    .posset-option-table tbody td small,.posset-option-table tfoot td small { font-size:12px; }
    .posset-option-table tfoot th { font-size:16px; }
    .posset-option-notice2 { max-width:950px; padding:0 0 40px; }
    .posset-option-other { padding:0 0 64px; }
    .posset-option-other h3 { font-size:24px; }
    .posset-option-other h3 br { display:none; }
    .posset-option-other h4 { font-size:24px; }
    .posset-option-other p { padding:0 0 32px; }
    .posset-option-change p { padding:40px 0 0; }
    .posset-Re-button-wrapper { margin:0; padding:48px 0 64px; text-align:center; }
    .posset-Re-setList-inner { flex-flow: row wrap; }
    .posset-Re-photo { display: contents; }

    .posset-Re-photo picture { order: 2; width: 40%; text-align: center; margin: auto;}
    .posset-Re-text { order: 3; width: 58%; padding: 0; }
}
@media screen and (max-width: 767px) {
.posset-Re-setList-other li { width: 33%; padding: 0px; }
.posset-option-other li { width:33%; padding:0; }
}

@media screen and (min-width: 769px) and (max-width: 900px) {
.posset-Re-setList-inner { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:32px; }
.posset-Re-photo { width:100%; margin:0 auto; padding:0 0 24px; }
.posset-Re-photo img { width:60%; height:auto; max-height:inherit; }
.posset-Re-photo img.maxH320 { width:auto; height:auto; max-height:320px; }
.posset-Re-text { width:calc(100% - 0px); padding:24px; background:#fff; }
}
.posset-Re-price br.tab { display:none !important; }
.posset-Re-setList-other br.tab { display:none !important; }
@media screen and (min-width: 769px) and (max-width: 910px) {
.posset-Re-price br.tab { display:inline !important; }
.posset-Re-setList-other br.tab { display:inline !important; }
}
.fixed_btn.fixed_btn_Re { background:#D9534F; }
.fixed_btn_mitumori.fixed_btn_mitumori_Re { background:#34773B; }


.hero_box div {
	display: flex;
	flex-flow: unset;
}
.hero_box_re_labels{
	gap: 5rem;
}
.hero_box p {
	max-width: 500px;height: 220px;align-items: center;display: flex;padding:0 0 0 20px;line-height:1.4;font-size: 20px;text-align:center;background:none;
}

.hero_box .priceBox{
	width:auto;
	padding:2rem 4rem 1rem;
	background:#fff;
	border-radius:1rem;
    box-shadow:  0px 4px 4px rgba(0, 0, 0, 0.25);;
	justify-content: center;
	margin-top:-4rem;
}
.hero_box .hero_setBox{
    display: flex;
    width: 550px;
    gap: 2rem;
    justify-content: center;
	align-items: center;
}

.hero_box .hero_set{
    max-height: 130px;
    border: 2px solid #077635; /* 枠線 */
    border-radius: 8px;
    overflow: hidden; /* 角丸を適用 */
    text-align: center;
    flex: 1; /* 横幅を均等に */
    display: flex;
    flex-direction: column;
}
.hero_box .hero_setTit{
	background: #077635;
	    padding: 8px;
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
}
.hero_box .hero_setTxt{
    padding: 16px 6px;
    background-color: #fff;
    color: #333;
    font-size: 2rem;
    font-weight: 600;
    flex-grow: 1; /* 高さを揃える */
    display: flex;
	flex-direction: column;
	justify-content: center !important;
    align-items: center;
    min-height: 60px;
}
.hero_box .hero_setTxt span{
    font-size: 1.2rem;
}

.hero_box .plus-symbol,
.hero_box .eqo-symbol{
	color: #077635;
	font-weight:bold;
	font-size: 5rem;
}

.hero_box .hero_setPriceBox{
	color: #333 ;
}
.hero_box .hero_setPriceBox p{
	color: #333 ;
	display:block;
	height:unset;
}

.hero_box .hero_setPrice{
	line-height:1.2; font-size:32px; font-weight:bold;
		flex-direction: column;
display:flex;  justify-content:center; align-items:center; gap:20px; position:relative; width:100%; padding:0; letter-spacing:0;
}

.hero_box .hero_setPrice b{
	display:block; font-size:15px; font-weight:bold;
}
.hero_box .hero_setPrice small{
	font-size:12px; font-weight:normal;
}
.hero_box .hero_setPrice span{
	color:#D9534F;
}

.hero_box .hero_setPriceBoxNormal{
	line-height:1.3; font-size:20px; font-weight:bold;
	position:relative;
	color:#767676 !important;
}
.hero_box .hero_setPriceBoxNormal b{
	font-size:15px;
	
}
.hero_box .hero_setPriceBoxNormal small { font-size:11px; }
.hero_box .hero_setPriceBoxNormal::before { content:none; display:block; position:absolute; top:1.25em; left:0; width:3em; height:3px; background:#D9534F; transform:rotate(15deg); }
.hero_box .hero_setPriceBoxNormal::after { content:''; display:block; position:absolute; top:calc(50% - -30px); right:calc(50% - 30px); border:transparent 18px solid; border-top:#D9D9D9 16px solid; }

.hero_box .hero_setPriceBoxReal{
	color:#767676 !important;
	font-size:50px !important;
	line-height: 1.2 !important;
	padding-top: 1rem;
}
.hero_box .hero_setPriceBoxReal span{
	font-size:50px !important;
}
.hero_box .hero_setPriceBoxReal small{
	font-size:20px;
	font-weight:bold;
}


.hero_box_re_catch { margin:0; padding:16px 0 0; line-height:1.4 !important; font-size:36px !important; font-weight:bold !important; text-align:center !important; }
.hero_box_re_photo img { width:80% !important; max-width:90%; height:auto; }
.hero_box_re_labels { padding:0 0 40px 0; zoom:1; }
.hero_box_re_label {margin:8px 0 !important;padding:0 !important;color:#fff;line-height: 1.1 !important;font-size:30px !important;position:relative;justify-content: center;gap: 1rem;z-index:1;background:#D9534F !important;border-radius:50%;width: 180px !important;height: 180px !important;/* min-height: 210px; */box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}

/*.hero_box_re_label:after { content: ''; position:absolute; top:0; left:0; bottom:0; right:0; background:#D9534F !important; transform:skewX(-20deg) !important; z-index:-1; }*/
.hero_box_re_label + .hero_box_re_label { padding-top:16px !important; padding-bottom:16px !important; }
.hero_box_re_label span { display:iline-block !important; font-size:50px !important; transform:skewX(0) !important; }
.addFrame { display:block; max-width:760px; margin:auto; padding:20px 0px;
     /* border:#ccc 1px solid;  */
     border-radius:4px; text-align:center; }
.notice.max760 { max-width:760px; margin:0 auto; padding:0 0 0px; line-height:1.2 !important; }

@media screen and (max-width: 767px) {
  .hero_box_re_catch { margin:0; padding:16px 0 0; line-height:1.4 !important; font-size:18px !important; font-weight:bold !important; text-align:center !important; }
  .hero_box_re_catch br { display:none; }
  .hero_box_re_photo { top:0; }
  .hero_box_re_photo img { width:60% !important; max-width:90%; height:auto; }
  .hero_box_re_labels { padding:0; zoom:1; }
  .hero_box_re_label { margin:8px 0 !important; padding:4px 16px !important; color:#fff; line-height:1; font-size:18px !important; position:relative; z-index:1;}
  .hero_box_re_label + .hero_box_re_label { padding-top:16px !important; padding-bottom:16px !important; }
  .hero_box_re_label span { display:iline-block !important; font-size:24px !important; transform:skewX(0) !important; }

  .addFrame img { width:100%; height:auto; }
  .notice.max760 { max-width:760px; margin:0 auto; padding:0 0 0px; line-height:1.2 !important; }
}

.btn_orange.forPDF {  }
.btn_orange.forPDF svg { position:relative; top:0.1em; width:auto; height:1em; margin:0 0 0 8px; }
.btn_orange.forPDF::after { content:none; }
.btn_orange.forPDF.addGreen { background:#34773B !important; }

/* === btn_orange のデザイン修正 === */

/* 基本のボタンスタイルを上書き */
.btn_orange,
.btn_orangeJump {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background: linear-gradient(to bottom, #e35b3b, #d9534f); /* グラデーション背景 */
    border-radius: 8px; /* 角丸を少し調整 */
    border: 1px solid #f28c74; /* 上辺のハイライト */
    border-bottom: 4px solid #b93c38; /* 下辺の影で立体感を出す */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in-out;
    position: relative;
    top: 0;
}

/* ホバー時の効果（透明度変更を無効化し、浮き上がる動きに変更） */
.btn_orange:hover,
.btn_orangeJump:hover {
    opacity: 1; /* 透明度変更を無効化 */
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* クリック時の効果（沈む動き） */
.btn_orange:active,
.btn_orangeJump:active {
    top: 2px;
    border-bottom-width: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 矢印アイコンの位置調整 */
.btn_orange::after,
.btn_orangeJump::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* === オプションセクションのデザイン修正 === */
.posset-option-inner {
    background-color: #fcfcfc;
    border: 2px dashed #e0e0e0; /* 枠線を点線にしてオプション感を演出 */
    padding: 32px;
}

@media screen and (min-width: 768px) {
    .posset-option-inner {
        padding: 40px;
    }
}

/* タイトル横の補助率バッジ */
.option-badge {
    display: inline-block;
    background-color: #e35b3b;
    color: #fff;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
    vertical-align: middle;
    line-height: 1.4;
}

/* 新しい価格表示リスト */
.option-list {
    /* margin-top: 16px; */
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
}

.option-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.option-item:last-child {
    border-bottom: none;
}

.item-name {
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

.item-pricing {
    display: flex;
    align-items: center;
    gap: 12px;
}

.original-price {
    font-size: 15px;
    color: #888;
    text-decoration: line-through; /* 取り消し線 */
}

.arrow {
    font-size: 20px;
    color: #aaa;
}

.final-price {
    font-size: 22px; /* 実質負担額を大きく */
    font-weight: bold;
    color: #d9534f; /* 目立つ色に */
}

.final-price small {
    font-size: 14px;
    color: #d9534f;
}

/* 合計欄のスタイル */
.option-item-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background-color: #f5f5f5;
    font-weight: bold;
}
.option-item-total .item-name {
    font-size: 16px;
}
.option-item-total .final-price {
    font-size: 24px;
}
/* === オプション価格リストのデザイン修正（矢印削除） === */
.option-list-description {
    text-align: right;
    padding-right: 16px;
    margin-bottom: 4px;
    font-size: 13px;
    color: #6b7280;
}
.option-list-description strong {
    font-weight: bold;
    color: #d9534f;
    padding-left: 20px;
}

/* 矢印を非表示にする */
.arrow {
    display: none;
}

/* 価格表示部分のレイアウト調整 */
.item-pricing {
    justify-content: flex-end; /* 価格を右に寄せる */
    gap: 24px; /* 価格間のスペースを調整 */
}
.original-price,
.final-price {
    width: auto;
}

/* --- 2025/06/25 追加スタイル (修正版) --- */

/* POSセット見出しの余白調整 */
.posset-Re-setList-inner h4 {
	position: relative;
    padding-top: 25px;
    padding-left: 5px;
}
@media screen and (min-width: 768px) {
    .posset-Re-setList-inner h4 {
        padding-top: 20px;
        padding-left: 20px;
    }
}

/* POSセット見出しの商品番号バッジ */
.product-number-badge {
    position: absolute;
    top: -8px;
    left: 0;
    /* 色を赤系に統一 */
    background-color: #495153;
    color: white;
    padding: 6px 10px;
    border-radius: 8px;
    z-index: 1;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    text-align: center;
    line-height: 1;
}

.product-number-label {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 3px;
}

.product-number-value {
    display: block;
    font-size: 16px;
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    .product-number-badge {
        top: 10px;
        left: 5px;
    }
}

/* 「このセットで申し込む」ボタンのラッパー */
.set-apply-button-wrapper {
    order: 4;
    width: 100%;
    padding: 0px 20px;
    box-sizing: border-box;
}

/* 「このセットで申し込む」ボタン本体 */
.btn_apply_set {
    display: block; /* 横幅を100%にするためにblockに変更 */
    width: 100%;   /* 横幅を100%に指定 */
    box-sizing: border-box;
    padding: 15px 10px;
    color: #fff !important;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background: linear-gradient(to bottom, #e35b3b, #d9534f);
    border-radius: 8px;
    border: 1px solid #f28c74;
    border-bottom: 4px solid #b93c38;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    transition: all 0.15s ease;
    position: relative;
    top: 0;
}

.btn_apply_set:hover {
    opacity: 1;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
	color: #fff !important;
}

.btn_apply_set:active {
    top: 2px;
    border-bottom-width: 2px;
    box-shadow: none;
}

/* フォームの「任意」ラベル */
.form_box table tr th span.optional {
	background: #6c757d;
}


/* PC表示時（768px以上）のボタン位置調整 */
@media screen and (min-width: 768px) {
    /* 各セットのボックスの高さを揃えるための下準備 */
    .posset-Re-setList-inner {
        position: relative;
        padding-bottom: 75px; /* ボタンを配置するスペースを確保 */
    }
    
    /* ボタンのラッパーをボックス下部に絶対配置 */
    .set-apply-button-wrapper {
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%);
        width: 90%; /* ボックスの幅に対して90%の幅に */
        padding: 0; /* 余白をリセット */
    }
}

/* 2025/06/25 スマートフォン表示における商品番号バッジの表示崩れ修正 */
@media screen and (max-width: 767px) {
    /* 見出し(h4)をFlexコンテナに設定して、要素を縦に並べる */
    .posset-Re-setList-inner h4 {
      display: flex;
      flex-direction: column; /* バッジとテキストを縦並びにする */
      align-items: center;    /* 中央揃え */
      gap: 8px;               /* バッジとテキストの間の隙間を調整 */
      padding-top: 15px;      /* 上の余白を調整 */
      padding-bottom: 15px;   /* 下の余白を調整 */
      padding-left: 10px;     /* 左右の余白を調整 */
      padding-right: 10px;
    }
  
    /* 商品番号バッジの絶対配置を解除し、通常の要素として配置する */
    .product-number-badge {
      position: static; /* 絶対配置を解除 */
      transform: none;  /* 変形をリセット */
      box-shadow: 0 1px 3px rgba(0,0,0,0.15); /* 影を少し調整 */
    }
  }


  /* */
  /* === 2025/06/26 デザイン改修 (タイトルを最上部に配置・価格表示調整) === */

/* --- 既存セットの「商品番号バッジ」表示崩れ修正 --- */
.posset-Re-setList-inner h4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 20px 10px;
    text-align: center;
}

.product-number-badge {
    transform: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}


@media screen and (min-width: 768px) {
    /* PC表示でも中央揃えを維持 */
    .posset-Re-setList-inner h4 {
        align-items: center;
    }

    
}
/* --- ここまで --- */


/* --- 新しい3カラム商品グリッドのデザイン --- */
.product-grid-wrapper {
    margin: 40px 0;
}
.product-grid-wrapper>h4{       font-size: 1.5em;
    border-bottom: 2px solid #239265;
    padding: 12px 10px;
    margin-bottom: 20px;
    margin-top: 30px;
    background: #3aab78;
    color: #fff;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 10px;
}

.product-card {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.07), 0 2px 4px -2px rgb(0 0 0 / 0.07);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}



/* カードのヘッダー（タイトルと番号） */
.product-card__header {
    padding: 10px 24px;
    border-bottom: 1px solid #e5e7eb;
    background-color: #f9fafb;
}

.product-card__badge {
    display: inline-block;
    background-color: #495153;
    color: white;
    padding: 10px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
}

.product-card__title {
    font-size: 18px;
    font-weight: bold;
    color: #111827;
    line-height: 1.4;
    min-height: 50px; /* タイトルの高さをある程度確保 */
}

/* 画像エリア */
.product-card__image {
    padding: 10px;
    text-align: center;
    min-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-card__image img {
    max-width: 100%;
    height: 160px;
    object-fit: contain;
}

/* コンテンツエリア（価格とボタン） */
.product-card__content {
    padding: 0px 25px 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1; 
}

.product-card__pricing {
    margin-top: auto;
    padding-top: 5px;
    border-top: 1px solid #f3f4f6;
}

.product-card__price {
    text-align: right;
}

.product-card__price--normal {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 4px;
}
.product-card__price--normal b {
    font-weight: normal;
}

.product-card__price--actual {
    font-size: 16px;
    font-weight: bold;
    color: #374151;
    line-height: 1;
}

.product-card__price--actual span {
    font-size: 28px;
    font-weight: 700;
    color: #d9534f;
    margin-left: 0.5em;
}

.product-card__price--actual small {
    font-size: 16px;
    font-weight: bold;
    color: #d9534f;
}

.product-card__cta {
    margin-top: 10px;
}
/* === ここまで === */

/* --- 2025/06/26 スマートフォン表示における .hojyoritu_box のデザイン修正 --- */
@media screen and (max-width: 767px) {

    /* ボックス全体のレイアウト調整 */
    .hojyoritu_box {
        flex-wrap: nowrap; /* 横並びを維持 */
        gap: 12px;
        align-items: stretch; /* ボックスの高さを揃える */
        margin-top: 10px;
    }

    /* 各ボックスの調整 */
    .hojyoritu_box > div,
    .hojyoritu_box > div:nth-of-type(1) {
        position: relative;   /* バッジを配置する基準に設定 */
    
    }

    .posset-Re-setList-inner {
        padding: 0px 0px 20px 0px;}

    .posset-Re-photo {
        padding: 0px 0 0px;
 
    }
    .posset-Re-photo img {
        max-height: 160px;
    }
    .posset-Re-setList-inner h4 {
font-size: 20px;
    }
}
/* === 申請フローのデザイン === */
.flow-wrapper-v4 {
    max-width: 900px;
    margin: 0 auto 40px;
    padding: 20px 15px;
    background-color: #f8f9fa;
    text-align: center;
}
.flow-title-v4 {
    font-size: 1.9rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.flow-box-v4 {
    display: inline-block;
    padding: 0.4em 1.2em;
    border: 1px solid #cccccc;
    border-radius: 4px;
    background-color: #fff;
    font-weight: 500;
    line-height: 1.5;
    box-sizing: border-box;
    font-size: 14px;
    min-width: 450px;
}
.branch-col-v4 .flow-box-v4 {
    min-width: auto;
    width: 100%;
}
.flow-box-v4.merge-box {
    min-width: 650px;
}
.flow-box-v4.orange { background-color: #ffe8cc; border-color: #ffc97f; }
.flow-box-v4.blue { background-color: #dbeffd; border-color: #8ec9ff; }
.flow-box-v4.sub { background-color: #e2f2e3; border-color: #a0d8a4; }
.flow-box-v4.result { background-color: #ffe2e2; border-color: #ffb1b1; }

.subbox{background: #fff6f0;
font-size: 12px;
padding:5px;
color: #414141;
}
/* 矢印のスタイル */
.flow-arrow-v4 {
    font-size: 2rem;
    color: #8c8c8c;
    line-height: 1;
    margin: 3px 0;
    font-weight: bold;
}

/* 2本の矢印用コンテナ */
.flow-arrow-branch-container,
.flow-arrow-merge-container {
    display: flex;
    justify-content: center;
    gap: 30%;
    max-width: 650px;
    margin: 0 auto;
}

/* 分岐カラム */
.flow-branch-v4 {
    display: flex;
    justify-content: center;
    gap: 2%;
    align-items: flex-start;
}
.branch-col-v4 {
    width: 49%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.flow-note-v4 {
    font-size: 0.9em;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 0.8em;
    background: #f1f3f5;
    border-radius: 6px;
    display: inline-block;
    font-weight: normal;
}

/* ▼▼▼ レスポンシブ表示の修正 ▼▼▼ */
@media (max-width: 767px) {
    /* 全体的なボックスの幅と余白を調整 */
    .flow-box-v4,
    .branch-col-v4 .flow-box-v4,
    .flow-box-v4.merge-box {
        min-width: unset;
        width: 100%;
        padding: 0.8em 0.5em; /* 内側余白を詰める */
        font-size: 12px; /* テキストを小さくして収める */
    }

    /* 矢印のサイズを小さく */
    .flow-arrow-v4 {
        font-size: 1.5rem;
        margin: 4px 0;
    }

    /* 2本の矢印コンテナの間隔を詰める */
    .flow-arrow-branch-container,
    .flow-arrow-merge-container {
        gap: 30%;
    }
}

/* --- POSセットリストのブランド別コンテナ --- */
.pos-brand-section {
    padding: 30px;
    border-radius: 16px;
    margin-top: 40px;
    margin-bottom: 40px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
    border: 1px solid #e9e9e9;
    transition: all 0.3s ease;
}

/* BCPOS用コンテナのスタイル */
.pos-brand-section.brand-bcpos {
    background-color: #f7fcf8; /* 薄い緑色 */
    border-left: 5px solid #239265;
}

/* リアレジ用コンテナのスタイル */
.pos-brand-section.brand-rearegi {
    background-color: #f6f9fc; /* 薄い青色 */
    border-left: 5px solid #147087;
}

/* コンテナ内の見出しの余白を調整 */
.pos-brand-section > h3 {
    margin-top: 0; /* コンテナ上部の余白を削除 */
}

/* スマホ表示の調整 */
@media screen and (max-width: 767px) {
    .pos-brand-section {
        padding: 20px 15px;
    }
}




a.md-btn{
	color:#1A68B2;
	font-weight:600;
	font-size: 1.6rem;
	text-decoration:underline;
}
a.md-btn:hover{
	opacity:0.4;
	transition:0.3s;
}

/* モーダルを開くボタン */
.modal__trigger {
  cursor: pointer;
}

.modal__trigger:nth-child(n + 2) {
  margin-top: 60px;
}

/* モーダル本体 */
.modal__wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.modal__layer {
  height: 100%;
  background: rgba(50, 50, 50, .85);
  cursor: pointer;
}

.modal__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(calc(100% - 40px), 800px);
  height: calc(100% - 100px);
  line-height: unset;
  padding: 20px;
  background: #fff;
}

.modal__inner {
  position: relative;
  overflow-y: auto;
  height: 100%;
  padding: 80px 20px 20px;
}

/* モーダルを閉じるボタン */
.modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  background: rgba(50, 50, 50, 1);
  cursor: pointer;
  transition: opacity .6s;
}

.modal__close:hover {
  opacity: .6;
}

.modal__close:before,
.modal__close:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 1px;
  background: #fff;
  content: '';
}

.modal__close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* モーダル内のコンテンツ */
.modal__content {
}
.modal__title {
	color:#056FBD;
	text-align:center;
	font-size:2.5rem;
	font-weight:bold;
  margin-bottom: 3rem;
}
.modal__text {
  text-align:left;
  font-size:1.5rem;
  font-weight:bold;
}
.modal__text p{
  font-size:1.4rem;
  font-weight:normal;
}
.modal__content img {
	max-width: 660px;
	margin:0 auto 2rem;
	display:block;
}
/*
.modal__content ul{
	font-size:14px;
	margin: 20px 0;
}
.modal__content ul li{
	list-style:disc;
	list-style-position:inside;
	line-height: 1.4;
}
.modal__content ul li a{
	color: #133aa9;
}
*/
.md-overlay{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
  z-index: 9999;
}
 
.md-contents{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(calc(100% - 40px), 950px);
  max-height: calc(100% - 100px);
  line-height: unset;
  padding: 20px;
  background: #fff;
  overflow-y:auto;
  z-index: 10000;
}
 
 
.md-inner{
  padding: 24px 20px;
  background: #fff;
  height: auto;
}
 
 
 
.md-xmark{
  position: absolute;
  top: 34px;
  right: 20px;
  width: 25px;
  height: 22px;
  z-index: 9999;
  cursor: pointer;
}
 
.md-xmark span {
  height: auto;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
}
 
.md-xmark span:nth-of-type(1) {
  top: 0;
  transform: translateY(10px) rotate(-45deg);
}
 
 
.md-xmark span:nth-of-type(2) {
  bottom: 0;
  transform: translateY(-10px) rotate(45deg);
}


.serviceList{
    box-shadow:  0px 4px 10px rgba(0, 0, 0, 0.25);
	max-width: 950px;
    padding: 3rem 6rem 1rem;
    margin: 5rem auto;
    border-radius: 10px;
}

.serviceList h2{
	text-align:center;
	margin-bottom:2rem;
}
.serviceList h2 + p{
	text-align:center;
	margin-bottom:2rem;
}

.sListBox{
	position:relative;
}
.sListBox .osusume{
	background:#FFEA00;
	width:70px;
	height:70px;
	font-weight:600;
	font-size:12px;
	border-radius:50%;
	color:#000;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	right: -30px;
	top: -40px;

}

.sList{
	display:flex;
	flex-direction:column;
	border:1px solid #999;
	border-radius: 10px;
}


.sListItem{
	display:flex;
	align-items:center;
	position:relative;
    border-bottom:2px solid #ddd;
}
.sListItem:last-child{
    border-bottom:unset;
}

.sListName{
	display:flex;
	align-self:normal;
}
.sListName a{
	font-size:2.5rem;
	color:#fff;
	font-weight:bold;
	background:#1A68B2;
	display:block;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding: 1rem 2rem 1rem 4rem;
	width:280px;
}
.sListName a:hover{
	opacity:0.4;
	transition:0.3s;
	
}

.sListItem:first-of-type .sListName a{
	border-radius: 10px 0 0 0;
}
.sListItem:last-of-type .sListName a{
	border-radius: 0 0 0 10px;
}

.sList2{
	width:100%;
}
.sList2col{
	width:100%;
	display:flex;
	align-items:center;
	height:82px;
}
.sList2col:first-of-type{
	border:5px solid #FFEA00;
	position:relative;
}
.sListName div{
	display:flex;
	align-items:center;
}
.sListName p{
	font-size:2.5rem;
	font-weight:bold;
	line-height: 1.2;
}
.sListName span{
	font-size:1rem;
	font-weight:normal;
}
.sListPlan{
	color:#000000;
	font-weight:bold;
	font-size:1.5rem;
	text-align:center;
	width: 210px;
}

.sListPrice{
	color:#696969;
	font-weight:bold;
	font-size:1.6rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	width: 300px;
}
.sListPrice .sListNormal{
	position:relative;
	flex:1;
}
.sListPrice .sListNormal dt{
	font-size:1.4rem;
}
.sListPrice .sListNormal dd{
	padding-top:0.5rem;
	padding-left:1rem;
}
.sListPrice .sListNormal:after{
		content:'';
	display:block;
	position:absolute;
	top: calc(50% - 20px);
	left: 120px;
	border:transparent 18px solid;
	border-left: #D9D9D9 18px solid;
}

.sList2col:first-of-type .sListPlan{
	margin-left:-5px;
}


.sListPrice .sListSpecial{
	flex:1;
}
.sListPrice .sListSpecial dt{
	color:#374151;
}
.sListPrice .sListSpecial dd{
	padding-top:0.2rem;
	padding-left:1rem;
	color:#D9534F;
	font-size:2.6rem;
}
.sListSub{
	text-align:right;
	font-size:12px;
	line-height:1.2;
	max-width:950px;
	margin: 3rem auto;
	padding: 0;
}
	#navArea {
		display:none;
	}


@media screen and (max-width: 1024px) {
	header#renewal .sp{
		position:unset !important;
	}
}
@media screen and (max-width: 1023px) {

.hero_box_re_label {
		width: 120px !important;height: 120px !important;
		padding:0 !important;
		font-size:2rem !important;
		}
.hero_box_re_label span{
		font-size:3rem !important;
}


.subNav-hojokin a{
	flex-flow:unset;
	gap:1rem;
}
.subNav-hojokin a span{
	margin:0;
}
	.subNav-hojokin a span:after{
    content: '';
    position: absolute;
    top: 10%;
    right: -11%;
    transform: translateX(-50%);
    border-left: 10px solid #FFEA00;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.hero_box .priceBox{
	padding: 1rem 2rem 1rem;
	margin: -4rem 4rem 0;
}
.hero_box .hero_setBox{
	width:unset;
	gap:1rem
}




.hojyoritu_box > div:nth-of-type(1),
.hojyoritu_box > div:nth-of-type(3){
	width: 40%;
	max-width:unset;
}
.hojyoritu_box > div:nth-of-type(2){
	max-width: 10% !important;
}

.hojyorituSub2{
	padding:0;
}
.hojyoritu_box > div > div:nth-of-type(2) p span{
	font-size:4rem;
}


.serviceList{
	margin: 5rem 40px;
    padding: 3rem 3rem 1rem;
}
.sListName{
	min-width: 28%;
}
.sListName p{
	font-size:2.0rem;
}
.sListName a{
	font-size: 2.0rem;
	padding: 1rem 1rem 1rem 1rem;
	width:100%;
	max-width:280px;
}
.sListPlan{
	width: 35%;
}
.sList2col:first-of-type .sListPlan{
	margin-left:0;
}
.sListPrice{
	font-size:14px;
	width: 70%;
	padding-right: 1rem;
}

.sListPrice .sListNormal{
	flex:0.8;
}

.sListPrice .sListNormal:after{
		content:'';
	display:block;
	position:absolute;
	top: calc(50% - 20px);
	left:calc(50% - -30px);
	border:transparent 18px solid;
	border-left: #D9D9D9 18px solid;
}
.sListPrice .sListSpecial dd{
	padding-top:0.5rem;
	padding-left:1rem;
	font-size:28px;
}

.subNav-hojokin{
	position:relative !important;
}



/*============
nav
=============*/
.sNav {
  display: block !important;
  position: fixed !important;
  top: 0;
  bottom: 0;
  background: #000;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all .5s;
  z-index: 3;
  width: 100%;
  opacity: 0;
    left: -400px;
    width: 220px;
}
.sNav {
  width: 70%;
	margin:0;
}
.sNav ul a::after{
	display:none;
}
.open .sNav {
  left: 0;
  opacity: 1;
}
.sNav  ul {
  list-style: none;
  margin: 0;
  padding: 0;
  flex-direction: column;

    display: unset;
    justify-content: unset;
    flex-wrap: unset;
}
.sNav  ul li {
  position: relative;
  margin: 0;
  border-bottom: 1px solid #333;
}
.sNav  ul li a {
  display: flex;
  justify-content: flex-end;
  color: #fff;
  font-size: 14px;
  padding: 1em;
  text-decoration: none;
  transition-duration: 0.2s;
  flex-direction: row-reverse;
}

.sNav  ul li a span{
	display: flex;
	align-items: center;
	color:#000;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	background:#FFEA00;
	padding: 0.5rem 1rem;
	position:relative;
	border-radius: 10px;
	margin: 0 0 0 10px;
	width:fit-content;
	}

.sNav  ul li a:hover {
  background: #e4e4e4;
}
/*============
.toggle_btn
=============*/
#navArea {
  display: block;
  position: sticky;
  top: 0;
  width:100%;
  height:30px;
  z-index:6;
}
.toggle_btnBox {
  display: block;
  position: sticky;
  top: 0;
  width:100%;
  height:30px;
  z-index:6;
}
.toggle_btn {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  transition: all .5s;
  cursor: pointer;
  z-index: 6;
}
.toggle_btn span {
  display: block;
  position: absolute;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {
  top: 4px;
}
.toggle_btn span:nth-child(2) {
  top: 14px;
}
.toggle_btn span:nth-child(3) {
  bottom: 4px;
}
.open .toggle_btn span {
  background-color: #fff;
}
.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(315deg);
  transform: translateY(-10px) rotate(315deg);
}
/*============
#mask
=============*/
#maskNav {
  display: none;
  transition: all .5s;
}
.open #maskNav {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
  z-index: 2;
  cursor: pointer;
}


}
@media screen and (max-width: 767px) {
.hero_box div {
	justify-content: center;
}
.hero_box .hero_setBox{
	align-items: stretch;
	
}
.hero_box p br{
	display: block !important;
}
.hero_box .hero_setPriceBox{
	margin:1rem 0 0 !important;
}
.hero_box .priceBox{
	padding: 1rem 2rem 1rem;
	margin: 0rem 0rem 0;
	flex-direction: column;
}
.hero_box .hero_setPrice{
	gap:30px;
}
.hero_box .hero_setPriceBoxNormal::after {content:'';display:block;position:absolute;top: calc(50% - -30px);right: calc(50% - 15px);border:transparent 18px solid;border-top:#D9D9D9 16px solid;}
.hero_box .hero_setTit{
	padding: 8px;
	font-size: 1.4rem;
}
.hero_box .hero_setTxt{
    padding: 16px 6px;
    font-size: 1.6rem;
    min-height: 60px;
	margin:0 !important;
}
.hero_box .hero_setTxt span{
    font-size: 1.2rem;
}
.eqo-symbol{
	display:none !important;
}
.hero_box .hero_setPriceBox p{
	padding:0;
}

.subNav-hojokin a{
	flex-flow:unset;
	gap: 1rem;
	padding: 0 3px;
	font-size: 12px;
}
.subNav-hojokin a span{
	font-size:12px;
	padding: 0.2rem;
	zoom: 0.8;
	margin: 0;
	width: 70px;
	}
	.subNav-hojokin a span:after{
    top: 21%;
    right: -35px;
    left: unset;
}
.subNav-hojokin li:nth-of-type(5){
	width:100%;
}


.hojyoritu_box > div > p:nth-of-type(1){
	font-size: 1.8rem;
}
.hojyoritu_box > div:nth-of-type(1) > div:nth-of-type(1) p {
    margin: 0;
    line-height: 1.8;
    font-size: 1.4rem;
    font-weight:bold;
}
.hojyoritu_box > div:nth-of-type(3) > div img {
    max-width: 90%;
}

    .hojyoritu_box {
        gap: 5px;
    }

    .hojyoritu_box > div > p:nth-of-type(1) {
        min-height: 40px;
        padding: 0 !important;
        /* padding-top: 0; */
        /* padding-bottom: 0; */
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }
.hojyoritu_box > div:nth-of-type(2){
	max-width: 5% !important;
	font-size:30px;
}
    .hojyoritu_box > div > div:nth-of-type(2) {
        width: 80%;
        height: 70px;
        padding: 1rem;
    }
.serviceList{
	margin: 5rem 20px;
	padding: 3rem 1rem 1rem;
}
.serviceList h2{
	font-size:1.8rem;
}
.sListItem{
	flex-direction: column;
}
.sListItem:first-of-type .sListName a{
	border-radius: 10px 10px 0 0;
}
.sListItem:last-of-type .sListName a{
	border-radius: 0;
}

.sListName a{
	width: 100%;
	max-width:100%;
}
.sListPlan{
	width: 100%;
	padding: 2rem;
}
.sListPrice{
	width: 100%;
	padding-right: unset;
	justify-content:center;
	gap:6rem;
	padding-bottom:1rem;
}
.sList2{
	width:100%;
	gap: 0;
	display: flex;
	flex-direction: column;
}

.sList2col{
	width:100%;
	flex-direction: column;
	height: auto;
	
}
.sListBox .osusume{
	top: 6%;
	z-index: 1;
}

.sListPrice .sListNormal,
.sListPrice .sListSpecial{
	flex:unset;
}
.sListPrice .sListNormal{
	min-width:100px;
}
.sListPrice .sListSpecial{
	min-width:150px;
}
.sListPrice .sListNormal:after{
	left:calc(50% - -70px);
}

.posset-Re-button a{
	font-size:1.8rem !important;
}
.modal__content img{
	max-width:100%;
}
}