/*Reset-----------------------------*/
#content {
	padding-bottom: 60px;	
}
	.csection-cells .cell {
		margin-bottom: 75px;
	}
#csection figure {
	z-index: -1;
}
#relationLinkSections {
	display: none;
}
@media screen and (max-width: 750px) {
	#content {
		padding-bottom: 20px;	
	}
	.csection-cells .cell {
		margin-bottom: 50px;
	}
	.csection-cells [data-type="acord-text"][data-prefix="true"] .open-node {
		font-size: 15px;
	}
}
.csection-cells .cell, p {	
	font-size: var(--font-base);
	line-height: 2;
	letter-spacing: 0.04em;
}
.csection-cells .cell {
	margin-bottom: 75px;
}
ul.list li {
	margin-bottom: 10px;
}
/*section owari*/
.csection-cells [data-type="space"][data-level=""]::before, 
.csection-cells [data-type="space"][data-level="3"]::before {
	height: 10px;
}
@media screen and (max-width: 1280px) {
	.only-max-w {
		display: none;
	}
}
@media screen and (max-width: 750px) {
	#content {
		margin-bottom: var(--space-s);
	}
	.csection-cells .cell,	p {	
		font-size: calc(var(--font-base) - 1px);
	}
	.csection-cells .cell {
		margin-bottom: 50px;
	}
	.csection-cells [data-type="space"][data-level=""]::before, 
	.csection-cells [data-type="space"][data-level="3"]::before {
		height: 0px;
	}
}

/*Table*/
.cell[data-type="table"] table {
	background-color: #FFFFFF;
	border-collapse: collapse;
}
	#content .cell[data-type="table"] tbody tr > * {
		background-color: #FFFFFF;
		border-bottom: 1px solid var(--color-border-pale);
		padding: 20px 0;
		font-size: 16px;
		color: var(--color-primary);
		line-height: 2;
	}

/*Button*/
.bt.block {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

/*Page Cover Image-----------------------------*/
.bindwrap {
    height: 680px;
}
@media screen and (min-width: 1281px) {
	
}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 750px) {
	.bindwrap {
		height: 100vw;
		/*max-height: 500px;*/
	}
}

/*Page Title-----------------------------*/
.page_title {
	margin-bottom: 155px;
}
	.page_title .sub_heading {
		margin-bottom: 30px;
		font-size: 13px;
	}
@media screen and (min-width: 1281px) {
	.csection-cells > .cell[data-wrap=""]:nth-child(1) {
		padding-left: 0;
	}
}
@media screen and (max-width: 1280px) {
	.csection-cells > .cell[data-wrap=""]:nth-child(1) {
		padding-left: var(--base-padding-side);
	}
}
@media screen and (max-width: 750px) {
	.csection-cells > .cell[data-wrap=""]:nth-child(1) {
		padding-left: var(--share-smp-padding);
	}
	.page_title {
		margin-bottom: var(--space-s);
		text-align: center;
	}
		.page_title h1 {
			font-size: 23px;
		}
		.page_title .sub_heading {
			margin-bottom: 17.5px;
			font-size: 9.5px;
		}
}

/*Sitebar style-----------------------------*/
#sidebar > ul > li {
	display: block;
	position: relative;
	width: 285px;
	margin-bottom: 0;
	border-left: 3px solid var(--color-border-pale);
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.06em;
}
	#sidebar > ul > li:hover,
	#sidebar > ul > li:active,
	#sidebar > ul > li:focus {
		border-left: 3px solid var(--color-accent-a);
	}
	#sidebar > ul > li::after {
		content: url("/share/im/ui/click.svg");
		position: absolute;
		z-index: -1;
		display: inline-block;
		width: 18px;
		height: 18px;
		top: 50%;		
		right: 0;
		line-height: 1;
		transform: translate(0, -50%);
	}
#sidebar > ul > li > a {
    display: block;
  	padding: 1.375em;
}
@media screen and (min-width: 751px) {
	#sidebar {
		display: inline-block;
		scroll-behavior: smooth;
	}
	.vis-face {
		margin-bottom: 70px;
	}
	#csection {
		position: relative;
		--sidebar-nheight: -300px;
	}
		.csection-cells > .cell[data-wrap=""] {
			padding-left: 400px;
		}
			.csection-cells > .cell[data-wrap=""]:nth-child(2) {
				position: -webkit-sticky;
				position: sticky;
				top: 120px;
				z-index: 0;
				padding-left: 0;
			}
				.csection-cells > .cell[data-wrap=""]:nth-child(3) {
                    margin-top: var(--sidebar-nheight);
				}
				.csection-cells .cell.sidebar-parent {
					margin-bottom: 0;
				}
}
@media screen and (max-width: 1280px) {
	.csection-cells > .cell[data-wrap=""]:nth-child(2) {
		padding-left: var(--base-padding-side);
	}
}
@media screen and (max-width: 750px) {
	#sidebar {
		display: block;
	}
	#sidebar > ul > li {
		width: 100%;
		font-size: 14px;
	}
	.csection-cells > .cell[data-wrap=""]:nth-child(2) {
		padding-left: var(--share-smp-padding);
	}
	#sidebar > ul > li::after {
		right: 13px;
	}
}

/*Main Content------------------------------*/
/*Content heading*/
.h2-special {
	margin-bottom: 100px;
	opacity: 0.5;
}
.h-underline {
	border-bottom: 2px solid var(--color-border-dark);
}
/*Note: 
h3-underline: 
	padding-bottom: 30px;
	margin-bottom: 40px; 

h4-underline: 
	padding-bottom: 25px;
	margin-bottom: 35px; 
*/
#csection h2.heading.h2-over {
	position: relative;
	padding-top: var(--space-s);
	margin-bottom: 0;
}
	#csection h2.heading.h2-over::before,
	#csection h2.heading.h2-over::after {
		content: "";
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
	}
		#csection h2.heading.h2-over::before {
			z-index: 1;
			border-top: 2px solid var(--color-border-pale);
			width: 100%;
			height: 10px;
		}
		#csection h2.heading.h2-over::after {
			z-index: 2;
			border-top: 2px solid var(--color-border-dark);
			width: 80px;
			height: 10px;
		}
.csection-cells > .cell[data-type="hgroup"][data-level="3"] {
	margin-bottom: 50px;
}
.csection-cells > .cell[data-type="hgroup"][data-level="4"] h5,
.csection-cells > .cell[data-type="hgroup"][data-level="4"] .hgroup-wrap {
	font-size: 18px;
	padding-bottom: 25px;
	border-bottom: solid 2px var(--color-border-dark);
	margin-bottom: 35px;
	letter-spacing: 0.12em;
	line-height: 1.5;
}
@media screen and (max-width: 750px) {
	.h2-special {
		margin-bottom: 60px;
	}
	.h-underline {
		border-bottom: 1.3px solid var(--color-border-dark);
	}
	#csection h2.heading.h2-over {
		text-align: center;
		font-size: 20px;
	}
		#csection h2.heading.h2-over::before {
			z-index: 1;
			border-top: 2px solid var(--color-border-pale);
			width: 140px;
			height: 10px;
			left: 50%;
			transform: translate(-50%, 0);
		}
		#csection h2.heading.h2-over::after {
			width: 70px;
			left: 50%;
			translate: calc(50% - 105px);
		}
	.csection-cells > .cell[data-type="hgroup"][data-level="3"] {
		margin-bottom: 30px;
		font-size: 16.5px;
	}
	.csection-cells > .cell[data-type="hgroup"][data-level="4"] h5,
	.csection-cells > .cell[data-type="hgroup"][data-level="4"] .hgroup-wrap {
		padding-bottom: 20px;
		border-bottom: solid 1.3px var(--color-border-dark);
		margin-bottom: 30px;
		font-size: 16.5px;
		letter-spacing: 0.1em;
	}
}

/*Image + content*/
.csection-cells [data-type="imset-A"]{
	margin-bottom: 40px;
}
	.csection-cells [data-type="imset-A"] .content {
		font-size: var(--font-base);
		width: calc(100% - 40% - 40px);
		float: right;
		line-height: 2;
		letter-spacing: 0.06em;
		margin-top: -0.5em;
	}
	.csection-cells [data-type="imset-A"] figure {
		width: 40%;
		margin-left: var(--space-s);
		margin-top: 0;
		margin-bottom: 0;
		display: inline-block;
		text-align: center;
		float: right;
	}
		.csection-cells [data-type="imset-A"][data-float="left"] figure {
			margin-left: 0em;
			margin-right: var(--space-s);
			float: left;
		}
@media screen and (max-width: 750px) {
	.csection-cells [data-type="imset-A"]{
		margin-bottom: 40px;
	}
		.csection-cells [data-type="imset-A"] .content {
			font-size: var(--font-base);
			width: calc(100% - 40% - 40px);
			float: right;
			line-height: 2;
			letter-spacing: 0.06em;
			margin-top: -0.5em;
		}
		.csection-cells [data-type="imset-A"] figure {
			width: 40%;
			margin-left: var(--space-s);
			margin-top: 0;
			margin-bottom: 0;
			display: inline-block;
			text-align: center;
			float: right;
		}
			.csection-cells [data-type="imset-A"][data-float="left"] figure {
				margin-left: 0em;
				margin-right: var(--space-s);
				float: left;
			}
}
.cell[data-type="image-tile"] .image-cells {
	margin-left: -20px;
	margin-right: -20px;
}
	.cell[data-type="image-tile"] .image-cells .imcell {
		padding: 0 20px;
	}
.cell[data-type="image-tile"] .captions,
.cell[data-type="image-tile"][data-clength="2"] .captions {
	margin-top: 25px;
}
	.cell[data-type="image-tile"] .captions p,
	.cell[data-type="image-tile"][data-clength="2"] .captions p {
		font-size: 15px;
		letter-spacing: 0.06em;
		line-height: 2;
	}
@media screen and (max-width: 750px) {
	.cell[data-type="image-tile"] .image-cells {
		margin-left: -13px;
		margin-right: -13px;
	}
	.cell[data-type="image-tile"] .image-cells .imcell {
		padding: 0 13px;
	}
	.cell[data-type="image-tile"] .captions,
	.cell[data-type="image-tile"][data-clength="2"] .captions {
		margin-top: 20px;
	}
		.cell[data-type="image-tile"] .captions p,
		.cell[data-type="image-tile"][data-clength="2"] .captions p {
			font-size: 14px;
		}
}

/*Img collection*/
.cell[data-type="image-tile"][data-enablecaption=""] .image-cells .imcell {
    padding: 0 20px;
    margin-bottom: 0;
    width: 50%; 
}
.cell[data-type="image-tile"][data-enablecaption=""] .image-cells {
    margin: 0 -20px;
}

/**/
.color_box {
	padding: 20px;
	margin-bottom: 40px;
}
.box_c {
	background-color: var(--color-bg-01);
}
.box_w {
	background-color: #FFFFFF;
}
/*
.csection-cells > .cell[data-isfullwideimage=""] .content::first-line {
	font-size: 18px;
}
	#csec169025295642 > .cell[data-isfullwideimage=""] .content::first-line {
		font-size: 16px;
	}
	.csection-cells [data-type="imset-A"] .content::first-line {
		font-size: 21px;
		font-family: var(--font-heading);
		line-height: 3.3;
	}
*/
@media screen and (max-width: 1100px) {
    .csection-cells [data-type="imset-A"] .im-wrap, 
    .csection-cells [data-type="imset-A"][data-level="3"] figure {
        width: 100%;
    }
	.csection-cells [data-type="imset-A"][data-level="3"] figure {
		margin-bottom: 55px;
	}
	.csection-cells [data-type="imset-A"][data-float="left"] figure {
		margin-right: 0;
	}
	.csection-cells [data-type="imset-A"] .content {
		margin-top: -0.5em;
		width: 100%;
	}
}
@media screen and (max-width: 950px) {
	.cell[data-type="image-tile"][data-clength="2"] .imcell {
		width: 100%;
	}
	.cell[data-type="image-tile"][data-clength="2"] .imcell .captions {
		margin-top: 30px;
	}
}
@media screen and (max-width: 750px) {
	.csection-cells [data-type="imset-A"] .content,
	.cell[data-type="image-tile"] .captions .description {
		font-size: 15px;
	}
	.csection-cells [data-type="imset-A"][data-level="3"] figure {
		margin-bottom: 45px;
	}
}
/*Image with title*/
.topic_with_img {
	margin-bottom: 60px;
	justify-content: space-between;
}
	.topic_with_img img {
		width: 40%;
		height: 300px;
		object-fit: cover;
		object-position: center;
	}
	.topic_with_img .topic_content {
		width: calc(100% - 40% - 40px);
	}
		.topic_with_img h3 {
			margin-bottom: 40px;
		}
@media screen and (min-width: 950px) {
	/*
	.topic_with_img:nth-of-type(even) img {
		order: 2;
		margin-right: 0;
		margin-left: var(--space-s);
	}
	.topic_with_img:nth-of-type(even) .topic_content {
		order: 1;
	}
	*/
}
@media screen and (max-width: 950px) {
	.topic_with_img img,
	.topic_with_img .topic_content {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	.topic_with_img img {
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 750px) {
	.topic_with_img {
		margin-bottom: 45px;
	}
		.topic_with_img img {
			margin-bottom: 30px;
		}
		.topic_with_img h3 {
			margin-bottom: 30px;
		}
		.topic_with_img h4 {
			text-align: center;
			margin-bottom: 20px;
		}
}

/**/
.csection-cells [data-type="acord-text"][data-displaytype="qanda"] summary .prefix::before,
.csection-cells [data-type="acord-text"][data-displaytype="qanda"] summary .prefix::after,
.csection-cells [data-type="acord-text"][data-displaytype="qanda"] .open-node .prefix::before  {
    color: var(--color-accent-a);
    opacity: 0.8;
}
.csection-cells [data-type="acord-text"][open] summary {
    border-bottom: solid 2px var(--color-border-dark);
    padding-bottom: 1em;
}
#csection details.cell {
	margin-bottom: 40px;
}

/**/
.csection-cells [data-isfullwideimage="false"] .cover {
    border-radius: 0;
    padding: 0;
}


/**/
.cell[data-type="table"][data-clength="2"] tr td,
.cell[data-type="table"][data-clength="2"] tr th,
.csection-cells [data-type="acord-text"] .content,
.csection-cells summary > * {
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.06em;
	color: #2d2d2d;
}
@media screen and (max-width: 750px) {
	.cell[data-type="table"][data-clength="2"] tr td,
	.cell[data-type="table"][data-clength="2"] tr th,
	.csection-cells [data-type="acord-text"] .content,
	.csection-cells summary > * {
		font-size: 15px;
	}
}

/**/
.csection-cells [data-isfullwideimage="false"] .cover {
	background-color: #FFFFFF;
	border-radius: 0;
	padding: 0;
}

/*Q&A　追加*/
:root {
	--faq-pad-left: 3.8em;
}
#csection .faq_add {
	border: solid 1px #f6f6f6;
	border-top: none;
	background-color: #fafafa;
}
	#csection .faq_add > * {
		padding-left: var(--faq-pad-left);
		padding-right: 1.2em;
	}
	#csection .faq_add > li {
		margin-bottom: 0.5em;
	}
	#csection .faq_add li:last-of-type,
	#csection .faq_add > p:last-of-type {
		padding-bottom: 0.8em;
	}
	#csection .faq_add ul {
		padding-left: calc(var(--faq-pad-left) + 1em);
	}
	#csection .faq_add h5 {
		font-size: 1em;
	}
	#csection .faq_add h5:first-of-type {
		padding-top: 0.8em;
	}