@charset "utf-8";

/* =======================================================================================
	COMMON
======================================================================================= */



/* =======================================================================================
	PAGE
======================================================================================= */

/* outlineContbox
------------------------------------------------------------------------ */
	.outlineContbox {
	}
	[data-outline_section="zentai"] {}
	[data-outline_section="honkoku"] {}
	[data-outline_section="yokoku"] {}

	.outlineContbox .outlineHeading {
		color: rgba(var(--site-themeColor-base_text), 1);
		font-size: 1.35em;
		font-weight: 500;
		text-align: center;
		margin-bottom: .5em;
	}
	.outlineContbox .outlineHeading .name {
		display: block;
		font-size: .85em;
	}
@media screen and (max-width: 600px) {
	.outlineContbox {
		max-width: 600px;
	}
}


/* outlineList
------------------------------------------------------------------------ */
	.outlineList {
		line-height: 1.65;
		font-weight: 400;
		letter-spacing: .03em;
	}
	.outlineList > div {
		display: flex;
		justify-content: space-between;
		border: 0 solid rgba(var(--site-themeColor-base_text), .25);
		border-width: 0 0 1px;
	}
	.outlineList > div:where(:nth-of-type(1)) {
		border-width: 1px 0;
	}
	.outlineList dt,
	.outlineList dd {
		padding-top: 17px;
		padding-bottom: 17px;
	}
	.outlineList dt {
		flex: 0 0 clamp(130px, (290 / 1150 * 100vw), 290px);
		color: rgba(var(--site-themeColor-base_text), 1);
		background: rgba(var(--site-themeColor-base_text), .08);
		padding-left: 1em;
		padding-right: 1em;
	}
	.outlineList dd {
		flex: 1 1;
		margin-left: 30px;
		padding-left: .2em;
		padding-right: .2em;
	}
	.outlineList a {
		text-decoration: underline;
	}
	/* hover, focus */
	@media (hover: hover) and (pointer: fine) {
		.outlineList a[href]:hover {
			color: #36e;
			text-decoration: none;
		}
	}
	.outlineList a[href]:focus-visible {
			color: #36e;
			text-decoration: none;
	}
@media screen and (max-width: 600px) {
	.outlineList {
		line-height: 1.55;
	}
	.outlineList > div {
		display: block;
		padding: 0;
		border-width: 0;
	}
	.outlineList div:nth-of-type(n+2) {
		margin-top: .7em;
	}
	.outlineList dt {
		/*color: #fff;
		background: rgba(var(--site-themeColor-base_text), .8);*/
		background: rgba(var(--site-themeColor-base_text), .1);
		padding: .35em .75em;
	}
	.outlineList dd {
		margin-left: 0;
		padding: .6em .7em;
	}
}


/* outlineNote
------------------------------------------------------------------------ */
	.outlineNote {
		font-size: max(1.05rem, .875em);
		margin-top: 30px;
	}
	.outlineNoteUnit + .outlineNoteUnit {
		margin-top: 1.1em;
	}

/* yokokukoukokuBox
---------------------------------------------------- */
	.yokokukoukokuBox {}
	.yokokukoukokuTitle {
		display: block;
	}
	.yokokukoukokuTitle > * {
		display: inline-block;
		font-weight: 480;
		letter-spacing: .1em;
		margin-bottom: .2em;
		padding: .05em .6em .05em .7em;
		border: 1px solid #aaa;
	}
	.yokokukoukokuText {
		display: block;
	}


/* updateContbox
------------------------------------------------------------------------ */
	.updateContbox {
		display: grid;
		grid-template-columns: auto;
		justify-content: end;
	}
	.updateContbox > * {
		display: block;
	}
@media screen and (max-width: 600px) {
	.updateContbox {
		max-width: 600px;
	}
}


/* note | 備考・補足
------------------------------------------------------------------------ */
	[data-outline_section="note"] strong {
		font-weight: normal;
	}
	.noteBox {
		line-height: 1.65;
		font-size: .9em;
		letter-spacing: .04em;
		text-align: justify;
	}
	.hensaireiLoanList {
		line-height: 1.65;
		font-size: .9em;
		letter-spacing: .04em;
		text-align: justify;
	}
	.hensaireiLoanList dt {
		font-size: 1.2em;
		margin-bottom: .4em;
	}
	.hensaireiLoanList dt strong {
		display: inline-block;
		padding: .1em .55em .15em .6em;
		border: 1px solid #000;
	}
@media screen and (max-width: 600px) {
	[data-outline_section="note"] {
		padding: 2em .5em;
		border: 0 solid rgba(var(--site-themeColor-base_text), .25);
		border-width: 1px 0;
	}
}