.sub-nokotsudo-plan-card-layout {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
}

.nokotsudo_position_wrapper {
	text-align: left;
	margin-top: 2rem;
	position: relative;
}

.sub-section-inner-section .sub-minilist1-parag-section-img .nokotsudo_position_wrapper img {
	width: 40%;
}

.sub-accordion-container {
	max-width: 980px;
	margin: 0 auto;
}

.sub-accordion-item {
	background: rgba(255, 255, 255, 1);
	border-radius: 2rem;
	margin-bottom: 1rem;
	overflow: hidden;
	/*border: 4px solid #902b29;*/
}

.sub-accordion-header {
	padding: 1rem 2rem;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: background-color 0.3s ease;
	border: none;
	width: 100%;
	text-align: left;
	background: transparent;
}

.sub-accordion-header:hover {
	background: rgb(212 175 55 / 40%);
}

.sub-accordion-header.active {
	background: rgb(212 55 55 / 25%);
}

.sub-accordion-title {
	font-family: 'Noto Serif JP', serif;
	font-size: 1.25rem;
	color: white;
	font-weight: 500;
	letter-spacing: 0.05em;
}

.sub-accordion-icon {
	width: 1.5rem;
	height: 1.5rem;
	transition: transform 0.3s ease;
	color: #902b29
}

.sub-accordion-header.active .sub-accordion-icon {
	transform: rotate(180deg);
}

.sub-accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.6s ease;
}

.sub-accordion-body {
	padding: 1.5rem 2rem;
	color: black;
	line-height: 1.7;
}

.feature-point-img-wrapper {
	text-align: center;
	margin-bottom: 0.5rem;
}

.feature-point-img-wrapper img {
	width: 33%;
	min-width: 66px;
	max-width: 80px;
	margin-top: 0.5rem
}

.nokotsudo-plan-name{
	height: 60px;
}

.nokotsudo-plan-type-red, .nokotsudo-plan-type-black{
	color: white;
	border-radius: 0.4rem;
	padding: 0.1rem 0.5rem;
	display: inline-block;
	font-size: 0.9rem;
	margin-right: 0.5rem;
}
.nokotsudo-plan-type-red{
	background: #cc0000;
}
.nokotsudo-plan-type-black{
	background: #000000;
}

.sub-section .sub-minilist1-parag-section-parag p.nokotsudo-plan-name-wrapper {
	margin-bottom: 0.5rem;
}

.sub-section-inner-section h3 {
	text-align: center; font-size: 1.6rem; margin-bottom: 3rem; letter-spacing: 0.05em;
}
.sub-section-inner-section iframe {
	max-width: 100%; aspect-ratio: 16/9; vertical-align: bottom; position: relative; top: 1px;
}
.sub-section-inner-section .sub-minilist1-parag-section {
	grid-template-columns: 32% 62%;
	display: grid;
	margin-top: 4rem;
	gap: 4%;
	align-items: start;
}
.sub-section-inner-section .sub-minilist1-parag-section.nokotsu-plan {
	grid-template-columns: 44% 52%;
	align-items: flex-start;
	margin-bottom: 6rem;
}

.sub-section-inner-section .sub-minilist1-parag-section.nokotsu-plan:last-of-type {
	margin-bottom: 2rem;
}

.sub-section-inner-section .sub-minilist1-parag-section.nokotsu-plan .sub-minilist1-parag-section-parag {
	text-align: left;
}
.sub-section-inner-section .sub-minilist1-parag-section-img {
	position: relative;
	line-height: 0;
}
.sub-section-inner-section .sub-minilist1-parag-section-img:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	background: #cc0000;
	transform: rotate(6deg);
	z-index: -1;
}
.sub-section-inner-section .sub-minilist1-parag-section-img#enmado:before { background: #cc0000; }
.sub-section-inner-section .sub-minilist1-parag-section-img#kannondo:before { background: var(--gold); }
.sub-section-inner-section .sub-minilist1-parag-section-img#hondo-nokotsudo:before { background: #333333; }
.sub-section-inner-section .sub-minilist1-parag-section-img.nokotsu-plan-img:before {
	width: 50%;
	aspect-ratio: 1 / 1;
	height: inherit;
	top: -1rem;
	left: -1rem;
	transform: none;
}
.sub-section-inner-section .sub-minilist1-parag-section-img img {
	width: 100%;
}
.sub-section-inner-section .sub-minilist1-parag-section-parag p{
	margin-bottom: 2rem;
}
.sub-section-inner-section .sub-minilist1-list-section {
	margin-top: 2rem;
}

.sub-item-content .sub-nokotsudo-customers-comment {
	text-align: right;
}

#nokotsudo-black .sub-section .fukidashi-01-12 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 12px 16px 0;
}
#nokotsudo-black .sub-section .fukidashi-01-12::before {
    content: "";
    width: 30px;
    height: 2px;
    transform: rotate(60deg);
    box-sizing: border-box;
    background-color: #ffffff;
}
#nokotsudo-black .sub-section .fukidashi-01-12::after {
    content: "";
    width: 30px;
    height: 2px;
    transform: rotate(-60deg);
    box-sizing: border-box;
    background-color: #ffffff;
}
#nokotsudo-black .sub-section .fukidashi-01-12 div {
    font-size: 1.2rem;
    letter-spacing: 2px;
    font-weight: 600;
}
#nokotsudo-black .sub-simple-list#nokotsudo-simple-list1 img {
    width: 80%;
    min-width: 240px;
    margin-bottom: 1.5rem;
}
#nokotsudo-black .sub-simple-list#nokotsudo-simple-list1 .sub-item-content h4 {
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #fff;
    color: var(--gold);
}

#nokotsudo-black .sub-simple-list#nokotsudo-simple-list2 .sub-simple-item {
    border: none;
    padding: 0;
    flex: calc(33.3333333333% - 1.5rem);
    flex-grow: 0;
    padding: 1rem;
    border: 2px solid #ffffff;
    background: rgb(255 255 255 / 10%);
    border-radius: 1rem;
}
#nokotsudo-black .sub-simple-list#nokotsudo-simple-list2 .sub-simple-item .sub-item-content h4 {
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ffffff;
    color: var(--gold);
}

#nokotsudo-black .sub-nokotsudo-plan-card-label {
    color: #ffffff;
    font-size: 1rem;
}

#nokotsudo-black .sub-nokotsudo-plan-card-value {
    font-weight: 500;
    color: #ffffff;
    font-size: 0.9rem;
}

#nokotsudo-black .sub-nokotsudo-plan-note {
    color: #ffffff;
}

#nokotsudo-black .sub-section h3.nokotsudo-plan-name-wrapper {
    text-align: left;
    margin-bottom: 0.5rem;
    margin-top: 1.5rem;
}

#nokotsudo-black .sub-section h4.nokotsudo-plan-name-minititle {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    letter-spacing: 1px;
}
#nokotsudo-black .sub-section h4 {
    color: var(--gold);
}

#nokotsudo-black .nokotsudo-plan-type-black {
    background: var(--deep-gold);
}

#nokotsudo-black .sub-simple-list#nokotsudo-simple-list3 li {
    border: 2px solid #666666;
    text-align: left;
    position: relative;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 1rem;
}

#nokotsudo-black .sub-simple-list#nokotsudo-simple-list3 li h4 {
    background: linear-gradient(135deg, var(--gold), var(--deep-gold));
    color: white;
    padding: 0.5rem 1rem 0.6rem;
    line-height: 1;
    border-radius: 0.5rem;
    position: absolute;
    top: -1.2rem;
    font-size: 1.1rem;
}

#nokotsudo-black .sub-accordion-item {
    background: #555555; /*#656257*/
    border-radius: 2rem;
    margin-bottom: 1rem;
    overflow: hidden;
}

#nokotsudo-black .sub-section.sub-pattern-accordion h3 {
    color: #ffffff;
}

#nokotsudo-black .sub-accordion-header:hover {
    background: rgb(212 175 55 / 60%);
    background: var(--deep-gold);
}

#nokotsudo-black .sub-accordion-header.active {
    background: #990000;
}

#nokotsudo-black .sub-accordion-body {
    padding: 1.5rem 2rem;
    color: white;
    line-height: 1.7;
}

#nokotsudo-black .sub-accordion-icon {
    width: 1.5rem;
    height: 1.5rem;
    transition: transform 0.3s ease;
    color: #ffffff;
}

#nokotsudo-black .feature-point-img-wrapper img {
    width: 33%;
    min-width: 66px;
    max-width: 80px;
    margin-top: 1rem;
}


.nokotsu-plan-slider {
	position: relative;
	max-width: 100%;
}

.nokotsu-plan-slider .slideshow-wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	touch-action: pan-y;
}

.nokotsu-plan-slider .slides {
	display: flex;
	width: 100%;
	transition: transform 0.3s ease-in-out;
}

.nokotsu-plan-slider .slide {
	min-width: 100%;
	width: 100%;
	flex-shrink: 0;
}

.nokotsu-plan-slider .slide img {
	width: 100%;
	object-fit: cover;
	user-select: none;
	-webkit-user-drag: none;
}

.nokotsu-plan-slider .arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: rgba(255, 255, 255, 0.8);
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	cursor: pointer;
	transition: all 0.2s ease;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nokotsu-plan-slider .arrow:hover {
	background-color: rgba(255, 255, 255, 1);
	transform: translateY(-50%) scale(1.1);
}

.nokotsu-plan-slider .arrow:disabled {
	transform: translateY(-50%) scale(1);
}

.nokotsu-plan-slider .arrow.prev {
	left: 15px;
}

.nokotsu-plan-slider .arrow.next {
	right: 15px;
}

.nokotsu-plan-slider .arrow::before {
	content: '';
	border: solid #333;
	border-width: 0 3px 3px 0;
	padding: 6px;
}

.nokotsu-plan-slider .arrow.prev::before {
	transform: rotate(135deg);
	margin-left: 3px;
}

.nokotsu-plan-slider .arrow.next::before {
	transform: rotate(-45deg);
	margin-right: 3px;
}

.nokotsu-plan-slider .indicators {
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
}

.nokotsu-plan-slider .indicator {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
}

.nokotsu-plan-slider .indicator.active {
	background-color: rgba(255, 255, 255, 1);
}

.nokotsu-plan-slider .indicator:hover {
	background-color: rgba(255, 255, 255, 0.8);
}

.nokotsu-plan-slider .counter {
	position: absolute;
	top: 15px;
	right: 15px;
	background-color: rgba(0, 0, 0, 0.6);
	color: white;
	padding: 5px 12px;
	border-radius: 15px;
	font-size: 14px;
	line-height: 1;
}

.nokotsu-plan-slider .slides.transitioning {
	pointer-events: none;
}

.caption-output {
	max-width: calc(100% - 2rem);
	background-color: #00000091;
	padding: 0.6rem 1rem;
	border-radius: 8px;
	font-size: 1rem;
	line-height: 1;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 2;
	bottom: 2.5rem;
	left: 1rem;
}
.caption-output:empty::before {
	content: ' ';
	color: #999;
	font-style: italic;
}

.sub-nokotsudo-plan-content {
	font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
	line-height: 1.6;
	color: #333;
	padding: 2.5rem 1.875rem;
	max-width: 75rem;
	margin: 0 auto;
}

.sub-nokotsudo-plan-note {
	color: #333333;
}

.sub-nokotsudo-plan-plan-card {
	margin-bottom: 0.9375rem;
}

.sub-nokotsudo-plan-card-title {
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    background: #333333;
    padding: 0.3rem 0.75rem;
    border-radius: 0.5rem;
}

.sub-nokotsudo-plan-card-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #999;
}

.sub-nokotsudo-plan-card-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.sub-nokotsudo-plan-card-label {
	color: #333333;
	font-size: 1rem;
}

.sub-nokotsudo-plan-card-value {
	font-weight: 500;
	color: #333;
	font-size: 0.9rem;
}

@media (max-width: 980px) {
    #nokotsudo-black .sub-simple-list#nokotsudo-simple-list2 .sub-simple-item {
        flex: calc(50% - 1.5rem);
        flex-grow: 0;
    }
}


/* モバイル対応 */
@media (max-width: 820px) {

	.sub-section-inner-section h3 {
		text-align: left; font-size: 1.5rem;
	}
	.sub-section-inner-section .sub-minilist1-parag-section.nokotsu-plan {
		grid-template-columns: none;
		gap: 0%;
	}
	.sub-section-inner-section .sub-minilist1-parag-section-img {
		text-align: center;
		margin: 2rem auto;
	}
	.sub-section-inner-section .sub-minilist1-parag-section-img:before {
		width: 60%;
		left: 20%;
	}
	.sub-section-inner-section .sub-minilist1-parag-section-img:after {
		padding: 1.25rem 1.2rem;
		font-size: 1rem;
		left: calc(10px + 20%);
		letter-spacing: 2px;
	}
	.sub-section-inner-section .sub-minilist1-parag-section-img img {
		/*width: 60%;*/
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#nokotsudo-special-background .sub-section .nokotsudo-plan-type-wrapper h3.nokotsudo-plan-name-wrapper {
		text-align: center;
	}
	#nokotsudo-special-background .sub-section .nokotsudo-plan-type-wrapper h4 {
		text-align: center;
	}
	#nokotsudo-special-background .sub-section .nokotsudo-plan-type-wrapper p {
		text-align: center;
	}
	
	#nokotsudo-black .sub-section h3.nokotsudo-plan-name-wrapper {
		text-align: center;
	}
	
	#nokotsudo-black .sub-section .nokotsudo-plan-type-wrapper h4 {
		text-align: center;
		margin-bottom: 4rem;
	}

	#nokotsudo-black .nokotsudo_position_wrapper {
		text-align: center;
	}

	#nokotsudo-black .nokotsudo-plan-type {
		text-align: center;
	}
	
	.nokotsu-plan-slider .slideshow-wrapper {
	    width: 90%;
	    margin-left: 5%;
	}
	
	.sub-section-inner-section .sub-minilist1-parag-section-img.nokotsu-plan-img:before {
	    left: calc(5% - 1rem);
	}

}

@media (max-width: 640px) {

	.sub-section-inner-section h3 {
		font-size: 1.2rem;
	}
	.sub-section-inner-section iframe {
		max-width: calc(100% + 4rem);
		width: calc(100% + 4rem);
		margin-left: -2rem;
	}

    #nokotsudo-black .sub-simple-list#nokotsudo-simple-list1 img {
        width: 67%;
    }
}

@media (max-width: 500px) {

	#nokotsudo-special-background .sub-section {
		padding: 4rem 1.5rem;
	}
	.sub-section-inner-section .sub-minilist1-parag-section-img:before {
		width: 80%;
		left: 10%;
	}
	.sub-section-inner-section .sub-minilist1-parag-section-img:after {
		padding: 1.25rem 1.2rem;
		font-size: 1rem;
		left: calc(10px + 10%);
		letter-spacing: 2px;
	}
	.sub-section-inner-section .sub-minilist1-parag-section-img img {
		width: 100%;
	}
	.nokotsudo-plan-name {
		height: 53px;
	}
	.sub-nokotsudo-plan-card-layout {
	    grid-template-columns: none;
	}

    #nokotsudo-black .sub-accordion-item {
        border-radius: 1rem;
    }

    #nokotsudo-black .sub-simple-list#nokotsudo-simple-list2 .sub-simple-item {
        flex: inherit;
    }

    #nokotsudo-black .sub-section {
        padding: 4rem 1.5rem;
    }
    
	.nokotsu-plan-slider .slideshow-wrapper {
	    width: 100%;
	    margin-left: 0%;
	}
	
	.sub-section-inner-section .sub-minilist1-parag-section-img.nokotsu-plan-img:before {
	    left: -1rem;
	}

}