body,html {
	/*height: initial!important;*/
}



.b--mn {
	overflow: initial;
}

.m--ph[data-vs-st="1"],
.nd--ct[data-vs-st="1"],
.m--dpg[data-vs-st="1"],
.b--ft[data-vs-st="1"] {
	transform: none!important;
}
.b--nv,
.js-nv,
.js-nv-in {
	transform: none!important;
}

.pc .b--wrap {
	position: relative;
}


.pc [data-vs-st="0"] {
	opacity: 1;
}



.article-area {
	display: flex;
	flex-direction: row-reverse;
	position: relative;
	gap: 0 60px;
}

.article-area .article {
	width: calc(100% - 400px);
}

.article-area .article .movie {
	margin: 20px 0 20px;
  width: 100%;
  aspect-ratio: 16 / 9;
}

.article-area .article .movie iframe {
  width: 100%;
  height: 100%;
}



.article-area .toc-area {
	/*padding-top: 40px;
	padding-right: 3.625rem;*/
	position: relative;
	width: 100%;
	max-width: 400px;
}



.article-section {
	color: #666666;
	margin-bottom: 40px;
	/*padding: 20px;*/
}
.article-section .header-thumb {
	margin-bottom: 20px;
	width: 100%;
}
.article-section .header-thumb img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	max-height: 600px;
}
.article-section h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 34px;
	letter-spacing: 0.4px;
	margin-bottom: 24px;
}
.article-section h3,
.article-section h4,
.article-section h5,
.article-section h6 {
	font-size: 18px;
	letter-spacing: 0.4px;
	margin-bottom:10px;
}
.article-section p {
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 0.3px;
	margin-bottom:40px;
}

.article-section p img {
	border: 1px solid #000;
}

.article-section span.bold {
	font-weight: bold;
}

.article-section a {
	text-decoration: underline;
}

.article-section a:hover {
	color:#a82b43;
	font-weight: bold;
	text-decoration-color:#a82b43;
}




.nd--ct {
	padding-top: initial;
	padding-left: initial;
	padding-right: initial;
}

.nd--ct__in {
    width: 100%;
    margin: 100px auto 0;
}

.nd--ct .description {
	background-color: #F2F2F2;
	padding: 103px 0 70px;
}

.nd--ct .description > p {
	color: #444444;
	font-size: 26px;
	line-height: 44px;
	margin-bottom: 30px;
	text-align: center;
}

.nd--ct .description > span {
	color: #666666;
	display: block;
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 0.3px;
	text-align: center;
}


@media screen and (min-width: 64.0625em) {
	.m--ph__ttl {
		font-size: 40px;
	}
	.m--dpg {
			padding: 140px 16.66667% 140px;
	}
}
@media screen and (min-width: 64.0625em) {

}



@media screen and (min-width: 1025px) {

	.sns-list-sp {
		display: none;
	}

	.movie-sp {
		display: none;
	}
	.title-image-sp-header {
		display: none;
	}

	.article-area .article .sns-list {
		margin-bottom: 24px;
	}
	
	.article-area .article .sns-list ul {
		display: flex;
		gap: 0 15px;
		justify-content: end;
	}




	.article .title-image {
		display: block;
		margin-bottom: 24px;
	}

	.article .title-image img {
		max-width: initial;
		width: 100%;
	}

	.toc-area .index-title {
		display: none;
	}

	#toc {
		/*padding: 1.8125rem 1.625rem;*/
		position: sticky;
		top: 100px;
		left: 0;
		z-index: 100;
	}
	#toc ul {
		border-bottom: 1px solid rgba(0, 0, 0, 0);
		flex: 1 1 0%;
		position: relative;
		overflow-y: auto;
		-ms-scroll-chaining: none;
		overscroll-behavior: contain;
		max-height: 600px;
		height: 100%;
	}
	#toc ul::-webkit-scrollbar {
		width: 10px;
		height: 10px;
	}
	#toc ul::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #a82b43;
	}
	#toc ul li:last-child a::after {
		content: "";
		display: none;
	}

	#toc ul li {
		font-size: 12px;
		margin-bottom: 20px;
	}
	#toc ul li a {
		display: flex;		
		align-items: center;
		padding: .40625rem .8125rem .40625rem calc(.8125rem + 10px);
		position: relative;
	}
	#toc ul li a::before {
		margin-right: 10px;
	}
	#toc ul li a.nav-h2 {
		font-weight: bold;
	}


	#toc ul li a.nav-h2::before {
		content: "";
		width: 15px;
		height: 15px;
		border: 3px solid #c9c6c5;
		border-radius: 50%;
		display: inline-block;
	}
	#toc ul li a.nav-h2.active::before,
	#toc ul li a.nav-h2.complete::before {
		border: 3px solid #a82b43;
	}
	#toc ul li a.nav-h3::before,
	#toc ul li a.nav-h4::before,
	#toc ul li a.nav-h5::before,
	#toc ul li a.nav-h6::before {
		content: "";
		display: inline-block;
		margin-left: 2px;
		width: 10px;
		height: 10px;
		border-radius: 100%;
		background: silver;
	}
	#toc ul li a.nav-h3.active::before, 
	#toc ul li a.nav-h3.complete::before, 
	#toc ul li a.nav-h4.active::before, 
	#toc ul li a.nav-h4.complete::before, 
	#toc ul li a.nav-h5.active::before,
	#toc ul li a.nav-h5.complete::before,
	#toc ul li a.nav-h6.active::before,
	#toc ul li a.nav-h6.complete::before {
		background: #a82b43;
	}
	#toc ul li a.active {
		font-weight: bold;
	}
	#toc ul li a.complete::after {
		background-position: 0 -100%;
	}

	.ce--one__ico {
		display: none;
	}

}/*1025px-*/

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

	.sns-list-sp {
		/*display: block;*/
		margin-bottom: 24px;
		padding: 0 26px;
	}
	
	.sns-list-sp ul {
		display: flex;
		gap: 0 15px;
		justify-content: end;
	}

	.article-area .article .sns-list {
		display: none;
	}

	.movie-sp {
		display: block;
	}

	.movie-sp {
		padding: 0 26px;
		margin: 20px 0 20px;
		width: 100%;
		aspect-ratio: 16 / 9;
	}
	
	.movie-sp iframe {
		width: 100%;
		height: 100%;
	}


	.article-area .article .movie {
		display: none;
	}


	
	.title-image-sp-header {
		display: block;
		margin-bottom: 40px;
		padding: 0 26px;
	}

	.title-image-sp-header img {
		max-width: initial;
		width: 100%;
	}

	.article .title-image {
		display: none;
	}

	.article-area {
		padding: 0 26px;
	}
	.toc-area {
		border-top: 1px solid rgba(102, 102, 102, 0.3);
		border-bottom: 1px solid rgba(102, 102, 102, 0.3);
		/*margin-bottom: 30px;*/
		/*display: none;*/
	}


	.article-area {
		flex-direction: column-reverse;
	}
	.article-area .article {
		width: initial;
	}

	.article-area .toc-area {
		max-width: initial;
	}

	.toc-area .index-title {
    cursor: pointer;
		color: #A82B43;
		display: block;
		font-size: 18px;
	}

	.toc-area .index-title.close {
		margin-bottom: 30px;
	}

	.toc-area .index-title.open {
		margin-bottom: 18px;
	}

	#toc {
		color: #666666;
    /*height: 0;*/
		display: none;
    overflow: hidden;
    transition: max-height 0.3s ease; /* トランジションを設定 */
	}

	#toc.is-open {
		/*height: auto;*/
		display: block;
		overflow: hidden;
	}

	#toc ul li {
		font-size: 14px;
		margin-bottom: 15px;
	}

	#toc ul li a {
		display: block;
		line-height: 1.4;
		padding-right: 25px;
		position: relative;
	}
	
	#toc ul li a.nav-h2 {
		font-weight: bold;
	}



	.dli-chevron-down {
		display: inline-block;
		vertical-align: middle;
		color: #333;
		line-height: 1;
		width: 8px;
		height: 8px;
		border: 0.1em solid currentColor;
		border-left: 0;
		border-bottom: 0;
		box-sizing: border-box;
		transform: translateY(-25%) rotate(135deg);
		position: absolute;
		right: 10px;
		top: 2px;
	}


	.ce--one__ico {
		display: block;
	}


	/*記事スタイル*/
	.article-section {
		margin-bottom: initial;
	}

	.article-section h2,
	.article-section h3,
	.article-section h4,
	.article-section h5,
	.article-section h6 {
		margin-bottom: 20px;
		padding-top: 80px;
	}

	.article-section p {
		margin-top: 20px;
		margin-bottom: initial;
	}


/*
	.article-section p:last-child {
		margin-bottom: initial;
	}
*/
/*
	.toc-area #toc {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.5s ease, padding 0.5s ease;
		padding: 0; 
	}

	.toc-area.active #toc {
		padding: 10px 0; 
	}
*/


	/*
	.article-section h3, .article-section h4, .article-section h5, .article-section h6 {
		display: none;
	}
	.article-section .header-thumb {
		display: none;
	}

	.article-section p,
	.article-section img {
		display: none;
	}

	.article-section.active h3, .article-section.active h4, .article-section.active h5, .article-section.active h6 {
		display: block;
	}

	.article-section.active .header-thumb {
		display: block;
	}

	.article-section.active p,
	.article-section.active img  {
		display: block;
	}
*/
/*
	.article-section .content {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.5s ease, padding 0.5s ease;
		padding: 0; 
	}

	.article-section.active .content {
		padding: 10px 0; 
	}

	.article-section h2 {
    cursor: pointer;
	}
*/

}/**1024px*/



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


}/*-799px*/

@media screen and (max-width: 699px) {
	.m--ph__ttl {
		font-size: 20px;
		line-height: 30px;
	}
	.nd--ct .description > p {
		font-size: 15px;
		line-height: 30px;
	}
	.nd--ct .description > span {
		font-size: 12px;
		letter-spacing: 0.24px;
	}
}/*-600px*/