@charset "UTF-8";

/* --------------------------------------------
CREDENTIAL
--------------------------------------------- */
.credential{
	@media print , screen and ( width > 767px ){
		.filter{
			button{
				min-width : calc( 100 * var( --remBase ) );
			}
		}
	}
}


/* --------------------------------------------
history
--------------------------------------------- */

.history-wrap {
	display: block;
}

	.timeline-year {
		min-width: 10em;
		padding: .4em 0;
	}
	.year_01 {
		color: var(--bs-primary);

	}
	.year_02 {
		font-weight: normal;

	}
	.timeline-content {

	}
	.div_list_wrap {

	}
	.div_date {
		min-width: 6em;
		text-align: right;
		padding-right: 1em;

	}
	.div_comment{

	}
	.timeline-item {
		display: flex;
		flex-direction: row;
	}
	.timeline-content {
		display: flex;
		flex-direction: column;
		border-left:2px solid #ccc;
	}
	.div_list_wrap {
		display: flex;
		padding: .4em 0;
	}

@media ( max-width : 768px ){
	.timeline-item {
		flex-direction: column;
	}
}



@media ( min-width : 768px ){
	#disclosure {
		ul.list {
			display: flex;
			gap: 1.5rem ! important;
			padding-left: 0;
			list-style: none;
		}
		li a {
			padding: 1em 5em 1em 1em;
			min-width: 16em;
			display: inline-block;
			background: #EEEEEE;
			background-image: url(../images/ui/icon/icon_pdf.svg);
			background-size: contain;
			background-repeat: no-repeat;
			background-position: right 1em top 1em;
		}
	}
}
@media ( max-width : 768px ){
	#disclosure {
		ul.list {
			display: flex;
			gap: 1em ! important;
			padding-left: 0;
			list-style: none;
			flex-wrap: wrap !important;
		}
		li a {
			padding: 1em 55px 1em 1em;
			min-width: 10em;
			display: inline-block;
			background: #EEEEEE;
			background-image: url(../images/ui/icon/icon_pdf.svg);
			background-size: 40px auto;
			background-repeat: no-repeat;
			background-position: right 5px top 1em;
		}
	}
}

ol.flow .flow-title {
	padding: 1em;
	background-color: var(--bs-primary);
	color: #fff;
}
ol.flow li {
}
ol.flow li .text {
	padding-left: 7em;
	background-image: url(../images/support/aboutus_03_r6_c2.jpg);
	background-repeat: repeat-y;;
	background-position: left 2em top;
	padding-bottom: 1em;
	padding-top: 1em;
	margin-bottom: 0;
}
ol.flow li .text-ng {
	padding-left: 0em;
	background-image: none;
	background-repeat: repeat-y;;
	background-position: left 2em top;
	padding-bottom: 1em;
	padding-top: 1em;
	margin-bottom: 0;
}


/*-- organization
--------------------------------*/
.organization-table {
		border: 1px solid #ccc;
		margin-top: 1em !important;
	div {
		border-bottom: 1px solid #ccc;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}
	
	dt{
		padding: .5em ;
	    background:#fafafa;
	}
	dd{
		padding: .5em ;
		margin-bottom: 0;
		border-left: 1px solid #ccc;
	}
}
.organization-table  .row:nth-child(odd){
}

/*-- contact
--------------------------------*/

.contact-wrap {
  max-width: 1000px;
}

/* 行間と見出しの軽い強調 */
.lead { line-height: 1.8; }

/* ラベル末尾の必須アスタ（赤） */
.required::after {
  content: "＊";
  color: #dc3545; /* Bootstrap danger */
  margin-left: .25rem;
  font-weight: 700;
}

/* テキストエリア縦リサイズのみ */
textarea.form-control { resize: vertical; }

/* スマホ時は上下の余白を少し広めに */
@media (max-width: 575.98px) {
  .col-form-label { margin-bottom: .25rem; }
}

/* 参考ページ風に、フォーム全体の行間と密度を微調整 */
form .row.mb-3, form .row.mb-4 { margin-bottom: 1.1rem !important; }