@charset "utf-8";
/* ===========================================================

	Title: contents.css
	Created: 2017-11-30

=========================================================== */
/*

	dl-table
	date-list
	input-ui
	number-display
	account


=========================================================== */


.chartdiv { display: block; padding: 0; max-width: 100%; overflow: hidden; }





.box-display { display: block; padding: 0; }
.box-display__cell { display: block; padding: 10px 0; }
@media print, screen and (min-width: 768px) {
	.box-display { display: flex; padding: 0; margin: 0 -15px; flex-wrap: wrap; }
	.box-display__cell { display: block; padding: 15px; width: 50%; }
}

@media print, screen and (min-width: 992px) {
	.box-display { flex-wrap: nowrap; }
	.box-display__cell { width: 100%; }

}

.box-display dl {
	display: block; padding: 0; margin: 0;
	border-radius: 4px; overflow: hidden;
	text-align: center;
}
.box-display dt {
	display: flex; padding: 0.5em 1.0em; margin: 0;
	background-color: rgba(18, 46, 90,0.80);
	color: #fff; height: 5.0em;
	justify-content: center; align-items: center;
}
.box-display dt span {
	display: block; font-size: 1.8rem;
}
.box-display dd {
	display: flex; padding: 1.0em 0; margin: 0;
	background-color: rgba(18, 46, 90,0.05);
	height: 5.0em;
	justify-content: center; align-items: center;
}
/* ===========================================================

	dl-table

=========================================================== */



/* dl-table--standard */
.dl-table--standard { width: 100%; }
.dl-table--standard > dl { }
.dl-table--standard > dl > dt,
.dl-table--standard > dl > dd,
.dl-table--standard .dl-table__header > dl > dt,
.dl-table--standard .dl-table__header > dl > dd,
.dl-table--standard .dl-table__body > dl > dt,
.dl-table--standard .dl-table__body > dl > dd,
.dl-table--standard .dl-table__footer > dl > dt,
.dl-table--standard .dl-table__footer > dl > dd {
	padding: 0.5em; vertical-align: middle;
	border-top: solid 1px #ddd;
}
.dl-table--standard > dl > dt:last-child,
.dl-table--standard > dl > dd:last-child,
.dl-table--standard .dl-table__header > dl > dt:last-child,
.dl-table--standard .dl-table__header > dl > dd:last-child,
.dl-table--standard .dl-table__body > dl > dt:last-child,
.dl-table--standard .dl-table__body > dl > dd:last-child,
.dl-table--standard .dl-table__footer > dl > dt:last-child,
.dl-table--standard .dl-table__footer > dl > dd:last-child {
	border-right: none;
}

.dl-table--standard > dl > dt,
.dl-table--standard .dl-table__header > dl > dt,
.dl-table--standard .dl-table__body > dl > dt,
.dl-table--standard .dl-table__footer > dl > dt {
	color: rgba(18, 46, 90,1.00);
	background-color: rgba(18, 46, 90,0.05);
}


.dl-table--standard > dl > dd,
.dl-table--standard .dl-table__header > dl > dd,
.dl-table--standard .dl-table__body > dl > dd,
.dl-table--standard .dl-table__footer > dl > dd {
	background-color: #fff;
}



.dl-table--standard .dl-table__header > dl > dt,
.dl-table--standard .dl-table__header > dl > dd {
	color: rgba(255,255,255,1.00);
	padding: 0.5em 1.0em; text-align: center;
}
.dl-table--standard .dl-table__header > dl > dt {
	background-color: rgba(18, 46, 90,1.00);
}
.dl-table--standard .dl-table__header > dl > dd {
	background-color: rgba(18, 46, 90,0.900);
}




.dl-table--standard > p,
.dl-table--standard .dl-table__caption {
	margin: 0!important; padding: 0.5em 1.0em;
	background-color: rgba(18, 46, 90,0.80);
	color: #fff;
}
.dl-table--standard p { margin: 0.25em 0; }
.dl-table--standard ul,
.dl-table--standard ol { margin: 0.25em 0; }

.dl-table--standard > dl > dt.dl-table--standard__in,
.dl-table--standard > dl > dd.dl-table--standard__in { padding: 0; }

.dl-table--standard > dl > dt .dl-table--standard__row,
.dl-table--standard > dl > dd .dl-table--standard__row {
	display: block; padding: 1.0em;
	border-bottom: solid 1px #ddd;
}
.dl-table--standard > dl > dt .dl-table--standard__row:last-child,
.dl-table--standard > dl > dd .dl-table--standard__row:last-child {
	border-bottom: none;
}

.dl-table--standard .dl-table-responsive > dl > dt {
	background-color: rgba(18, 46, 90,0.10); padding: 0.25em 1.0em;
}
.dl-table--standard .dl-table-responsive > dl > dd { padding: 0.25em 1.0em; }

.contents-style .dl-table--standard h3 {
padding: 0.25em 0.5em 0.25em calc(0.5em + 5px);
margin: 0.5em 0;
font-size: 1.0em;
}




@media print, screen and (min-width: 768px) {
	.dl-table--standard > dl > dt,
	.dl-table--standard > dl > dd,
	.dl-table--standard .dl-table__header > dl > dt,
	.dl-table--standard .dl-table__header > dl > dd,
	.dl-table--standard .dl-table__body > dl > dt,
	.dl-table--standard .dl-table__body > dl > dd,
	.dl-table--standard .dl-table__footer > dl > dt,
	.dl-table--standard .dl-table__footer > dl > dd {
		padding: 1.0em;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		border-right: solid 1px #ddd;
		vertical-align: middle;
	}

	.dl-table--standard > dl > dt,
	.dl-table--standard .dl-table__header > dl > dt,
	.dl-table--standard .dl-table__body > dl > dt,
	.dl-table--standard .dl-table__footer > dl > dt {
		padding: 1.0em 1.5em;
		border-top: solid 1px rgba(18, 46, 90,1.0);
		border-bottom: solid 1px rgba(18, 46, 90,1.0);
		min-width: 18.0em; width: 1%; white-space: nowrap;
	}
	
	.dl-table--standard > dl > dd,
	.dl-table--standard .dl-table__header > dl > dd,
	.dl-table--standard .dl-table__body > dl > dd,
	.dl-table--standard .dl-table__footer > dl > dd {
		border-top: solid 1px rgba(18, 46, 90,1.0);
		border-bottom: solid 1px rgba(18, 46, 90,1.0);
	}
	.dl-table--standard .dl-table__header > dl > dt {
		color: rgba(255,255,255,1.00);
		background-color: rgba(18, 46, 90,1.0);
		text-align: center;
	}
	
	.dl-table--standard .dl-table-responsive > dl > dt {
		width: 1%; white-space: nowrap; min-width: 6.0em;
		background-color: rgba(18, 46, 90,0.05); text-align: center;
		border-left: solid 1px #ddd;
	}
	.dl-table--standard .dl-table-responsive > dl > dt,
	.dl-table--standard .dl-table-responsive > dl > dd { padding: 1.0em; border: none; border-bottom: solid 1px #ddd; }
	.dl-table--standard .dl-table-responsive > dl:last-child > dt,
	.dl-table--standard .dl-table-responsive > dl:last-child > dd { border-bottom: none; }
}





/* dl-table--simple */
.dl--simple > dl,
.dl--simple > dl > dt,
.dl--simple > dl > dd { display: block; }
.dl--simple > dl > dt {
	padding: 1.0em 0 0.25em 0;
}
.dl--simple > dl > dd {
	padding: 0.25em 0 1.0em 0;
	border-bottom: solid 1px #ddd;
}
.dl--simple > dl:last-child > dd { border-bottom: none; }









/* dl-table--number */
.dl-table--number,
.dl-table--number-secondary { width: 100%; }
.dl-table--number > dl,
.dl-table--number-secondary > dl { }
.dl-table--number > dl > dt,
.dl-table--number > dl > dd,
.dl-table--number-secondary > dl > dt,
.dl-table--number-secondary > dl > dd {
	padding: 0.75em 1.0em;
	border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;
}
.dl-table--number > dl > dt,
.dl-table--number-secondary > dl > dt {
	background-color: rgba(18,46,90,0.05);
	width: 50%;
}
.dl-table--number > dl > dt { background-color: rgba(18,46,90,1.00); color: #fff; }
.dl-table--number > dl > dd,
.dl-table--number-secondary > dl > dd { background-color: #fff; text-align: right; width: 50%; }

.big-number--primary,
.big-number--secondary {
	font-size: 1.875em; line-height: 1.2;
	font-weight: bold;
	font-family: 'Source Serif Pro', serif;
	font-weight: 400;
}
.big-number--primary { color: rgba(18,46,90,1.00); }
.big-number--secondary { color: rgba(18,46,90,0.80); }


/* dl-table--form */
.dl-table--form { width: 100%; }
.dl-table--form > dl { }
.dl-table--form > dl > dt,
.dl-table--form > dl > dd { padding: 5px; border: solid 1px #ddd; }
.dl-table--form > dl > dt {
	background-color: rgba(18,46,90,0.05); padding: 5px 1.0em;
	min-width: 10.0em; width: 1%; white-space: nowrap;
}
.dl-table--form > dl > dd { background-color: #fff; }




/* ===========================================================

	date-list

=========================================================== */


/* news-list */
.news-list { width: 100%; font-size: 1.4rem; }
.news-list dl { }
.news-list dt { }
.news-list dd { border-bottom: solid 1px #ddd; }
.news-list dl:first-child dt { border-top: solid 1px #ddd;  }

.news-list dt { padding: 1.0em 1.0em 0.25em 0!important; }
.news-list__date { display: inline-block; padding: 0 1.0em 0 0; margin: 0; }
.is_en .news-list__date { min-width: 8.0em }
.news-list dd { padding: 1.0em 0 0.25em 0!important; }
.news-list dd a { }
.news-list dd a[target="_blank"]:after {
	display: inline-block; padding: 0; margin: 0; width: 12px; height: 12px;
	background-image: url(../img/common/icon-blank.png);
	background-repeat: no-repeat; background-position: right center;
	content: "";
}

.news-list dd a.icon-link[target="_blank"]:after {
	display: none;
}

.news-list dd a.icon-link{
	padding: 0 0 0 0;
}

.news-list__text { }

@media print, screen and (min-width: 768px) {
	.news-list dt,
	.news-list dd { border-bottom: solid 1px #ddd; }
	.news-list dl:first-child dt,
	.news-list dl:first-child dd { border-top: solid 1px #ddd;  }
	.news-list dt { padding: 1.0em 1.0em 1.0em 0!important;}
	.news-list dd { padding: 1.0em 0 1.0em 0!important; }
}
@media print, screen and (max-width: 768px) {
	.news-list dt { text-align: left!important;}
}





/* file-date-list */
/* データ構造が親子関係を持てるまでの暫定的なスタイル */
.file-date-list { width: 100%; overflow: hidden; border-bottom: solid 1px #ddd;  }
.file-date-list dl:last-child { }
.file-date-list dl { padding: 0; border-top: solid 1px #ddd; }
.file-date-list dt { padding: 1.0em 0 0.25em 0; }
.file-date-list dd { padding: 0.25em 0 1.0em 0; }

.file-date-list .file-date-list__revied { margin: 0 0 0 2.0em; width: calc(100% - 2.0em); }
.file-date-list .file-date-list__revied dt { position: relative; }
.file-date-list .file-date-list__revied dt::before {
	display: block; padding: 0; margin: 0;
	width: 0.5em; height: 1.75em; position: absolute; top: 0; left: -1.0em;
	border-left: dotted 1px #ddd; border-bottom:  dotted 1px #ddd;
	content: "";
}


.file-date-list__date { }
.file-date-list dd { }
.file-date-list dd a { margin: 0; }

.file-date-list__text { }


@media print, screen and (min-width: 768px) {
	.file-date-list dl { border-collapse:collapse; border-top: none; }
	.file-date-list dt,
	.file-date-list dd { padding: 0.5em 0; }
	.file-date-list dt {
		border-top: solid 1px #ddd;
		width: 1%; white-space: nowrap; padding: 0.5em 1.0em 0.5em 0;
	}
	.file-date-list dd {
		border-top: solid 1px #ddd;
	}
	
	
	.file-date-list .file-date-list__revied {
		transform: translateX(2.0em);
	}
	.file-date-list .file-date-list__revied dt {
		position: relative; border-top: solid 1px #fff;
	}
	.file-date-list .file-date-list__revied dt::before {
		width: 1.0em; height: 1.5em; left: -1.5em;
	}
	.file-date-list .file-date-list__revied dd {
		padding: 0.5em 2.0em 0.5em 0;
	}
	
}


/* file-date-list--nodate */
.file-date-list--nodate { width: 100%; }
.file-date-list--nodate dl { }
.file-date-list--nodate dt,
.file-date-list--nodate dd { border-bottom: solid 1px #ddd; padding: 0.5em 0;  }
.file-date-list--nodate dl:first-child dt,
.file-date-list--nodate dl:first-child dd { border-top: solid 1px #ddd;  }
.file-date-list--nodate dt { }
.file-date-list--nodate dd { }
.file-date-list--nodate dd a { }
.file-date-list--nodate dd a::before {
	display: inline-block; padding: 0 0.5em 0 0; margin: 0; content: "\f105";
	font-family: FontAwesome; color: #232b4f;
}
.file-date-list--nodate dd a[target="_blank"]:after { }




.sticker {
	display: inline-block; line-height: 20px;
	font-size: 0.688em;
	padding: 0 1em; min-width: 8.0em;
	text-align: center; color: #fff;
}

.is_en .sticker { min-width: 12.0em; }

.file-icon {
	display: inline-block;
	font-size: 1.1rem; line-height: 1.6; padding: 0.25em 1.0em 0 1.0em; min-width: 4.0em;
	color: #fff;
	background-color: rgba(107,134,166,1.00);
	border-radius: 5px;
	font-family: 'Source Serif Pro', sans-serif;
	font-weight: 400;
	white-space: nowrap; vertical-align: middle;
	text-align: center; min-width: 5.0em;transition: all 0.5s;
}

a .file-icon--large,
.file-icon--large {
	display: inline-block;
	font-size: 1.1rem; padding: 1.0em 1.0em 0.5em 1.0em; min-width: 3.0em;
	border: solid 1px rgba(107,134,166,1.00);
	white-space: nowrap; vertical-align: middle;
	text-align: center;
	border-radius: 2px;
}
a .file-icon--large::before,
.file-icon--large::before {
	display: block;
	font-size: 3.0rem; line-height: 1.1; padding: 0 0.5em;
	font-family: FontAwesome;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;transition: all 0.5s;
}

a:hover .file-icon--large { color: #fff; }


/* pdf */
.file-icon--pdf { background-color: rgba(169,123,123,1.00); }
.file-icon--large.file-icon--pdf::before { content: "\f1c1"; }
.file-icon.file-icon--pdf {  background-color: rgba(169,123,123,1.00); }
.file-icon--large.file-icon--pdf { background-color: rgba(255,255,255,0.00); color: rgba(169,123,123,1.00); border: solid 1px rgba(169,123,123,1.00); }
a:hover .file-icon--large.file-icon--pdf { color: #fff; background-color: rgba(169,123,123,1.00); }
/* xls */
.file-icon--xls { background-color: rgba(107,166,143,1.00); }
.file-icon--large.file-icon--xls::before { content: "\f1c3"; }
.file-icon.file-icon--xls { background-color: rgba(107,166,143,1.00); }
.file-icon--large.file-icon--xls { background-color: rgba(255,255,255,0.00); color:rgba(107,166,143,1.00); border: solid 1px rgba(107,166,143,1.00); }
a:hover .file-icon--large.file-icon--xls { color: #fff; background-color: rgba(107,166,143,1.00); }
/* zip */
.file-icon--zip { background-color: rgba(125,135,146,1.00); }
.file-icon--large.file-icon--zip::before { content: "\f1c6"; }
.file-icon.file-icon--zip { background-color: rgba(125,135,146,1.00); }
.file-icon--large.file-icon--zip { background-color: rgba(255,255,255,0.00); color: rgba(125,135,146,1.00); border: solid 1px rgba(125,135,146,1.00); }
a:hover .file-icon--large.file-icon--zip { color: #fff; background-color: rgba(125,135,146,1.00); }
/* doc */
.file-icon--doc { background-color: rgba(83,130,158,1.00); }
.file-icon--large.file-icon--doc::before { content: "\f1c2"; }
.file-icon.file-icon--doc { background-color: rgba(83,130,158,1.00); }
.file-icon--large.file-icon--doc { background-color: rgba(255,255,255,0.00); color: rgba(83,130,158,1.00); border: solid 1px rgba(83,130,158,1.00); }
a:hover .file-icon--large.file-icon--doc { color: #fff; background-color: rgba(83,130,158,1.00); }
/* file */
.file-icon--file { background-color: rgba(107,134,166,1.00); }
.file-icon--large.file-icon--file::before { content: "\f016"; }
.file-icon.file-icon--file { background-color: rgba(107,134,166,1.00); }
.file-icon--large.file-icon--file { background-color: rgba(255,255,255,0.00); color: rgba(107,134,166,1.00); border: solid 1px rgba(107,134,166,1.00); }
a:hover .file-icon--large.file-icon--file { color: #fff; background-color: rgba(107,134,166,1.00); }
/* video */
.file-icon--video { background-color: rgba(107,134,166,1.00); }
.file-icon--large.file-icon--video::before { content: "\f1c8"; }
.file-icon.file-icon--video { background-color: rgba(107,134,166,1.00); }
.file-icon--large.file-icon--video { background-color: rgba(255,255,255,0.00); color: rgba(107,134,166,1.00); border: solid 1px rgba(107,134,166,1.00); }
a:hover .file-icon--large.file-icon--video { color: #fff; background-color: rgba(107,134,166,1.00); }








.file-size {
	display: inline-block;
	font-size: 1.1rem;
	color: #ccc; white-space: nowrap;
	color: #666;
	margin: 0 0 0 0.5em;
}
.file-size::before, .file-size::after { display: inline; }
.file-size::before { content: "["; }
.file-size::after { content: "]"; }




.list-style__peculiar--original-dot {
	display: block; padding: 0 0 0 1.25em; margin: 0;
}
.list-style__peculiar--original-dot > li {
	margin: 0.25em 0;
	list-style-type: none; list-style-position: inside; text-indent: -1.25em;
}
.list-style__peculiar--original-dot > li::before {
	display: inline-block; width: 1.25em; text-indent: 0;
	content: "\f1db";
	font-family: FontAwesome; color: rgba(18,46,90,0.50);
}


.contents-style--office .list-style__peculiar--original-dot > li::before { color: rgba(24,69,136,0.50); }
.contents-style--residence .list-style__peculiar--original-dot > li::before { color: rgba(41,111,41,0.50); }





/* ===========================================================

	.input-ui

=========================================================== */

.error { color: #D62121; font-weight: bold; }

.input-ui {}

.input-ui input[type=radio],
.input-ui input[type=checkbox] {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.input-ui input[type=radio] ~ label:before,
.input-ui input[type=checkbox] ~ label:before {
	font-family: FontAwesome;
	display: inline-block;
	content: "\f1db";
	font-size: 1.0em;
	color: #999;
	width: 1.4em;
}

.input-ui input[type=radio]:checked ~ label:before,
.input-ui input[type=checkbox]:checked ~ label:before,
.input-ui input[type=radio]:checked ~ label,
.input-ui input[type=checkbox]:checked ~ label { color: #285183; }

.input-ui input[type=radio] ~ label:before { content: "\f10c"; }
.input-ui input[type=radio]:checked ~ label:before{ content: "\f192"; }


.input-ui input[type=checkbox] ~ label:before { content: "\f096"; }
.input-ui input[type=checkbox]:checked ~ label:before{ content: "\f14a"; }


.input-ui input[type=radio]:focus ~ label:before,
.input-ui input[type=checkbox]:focus ~ label:before,
.input-ui input[type=radio]:focus ~ label,
.input-ui input[type=checkbox]:focus ~ label { color: #285183; }


.input-ui-text {
	display: block; width: 100%; padding: 5px; margin: 0;
}
.input-ui-text input.input-ui__text {
	display: block; width: 100%; padding: 5px 1.0em; margin: 0;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.15); border-radius: 0;
	background-color: #fff;
	transition: all 0.5s;
	
}
.input-ui-text input.input-ui__text:focus {
	box-shadow: 0 0 10px 0 rgba(18,46,90,0.50);
	background-color: #fff;
}


.input-ui-button { display: block; min-width: 200px; padding: 5px; margin: 0; }

.input-ui-button input.input-ui__button,
.input-ui-button input.input-ui__button--sub {
	display: block; border: solid 1px rgba(18,46,90,1.00);
	background-color: rgba(18,46,90,1.00); color: #fff;
	line-height: 40px; text-align: center;
	width: 100%; font-weight: bold;
	cursor: pointer;
	transition: all 0.5s;
}
.input-ui-button input.input-ui__button--sub {
	border: solid 1px #666; background-color: #666;
}
.input-ui-button input.input-ui__button:hover {
	background-color: rgba(18,46,90,0.80);
}
.input-ui-button input.input-ui__button--sub:hover {
	background-color: rgba(18,46,90,0.80);
}


.input-ui__footer-button {
	display: block; padding: 0; margin: 0; clear: both;
}
.input-ui__footer-button ul {
	display: block; padding: 0; margin: 0; clear: both;
	text-align: center;
}
.input-ui__footer-button li {
	display: inline-block; padding: 0; margin: 0;
}





/* ===========================================================

	number-display

=========================================================== */

.number-display {
	display: inline-block; padding: 0; margin: 0;
	font-family: 'YuMincho','Yu Mincho','Source Serif Pro', serif;
	font-weight: 400;
	color: rgba(18,46,90,1.00);
}

.number-display__number,
.number-display__lot {
	display: inline-block; padding: 0; margin: 0;
}

.number-display__number {
	font-size: 1.850em; line-height: 1.2;
}
.number-display__lot {
	font-family: "Yu Gothic", YuGothic, sans-serif;
	font-size: 1em; line-height: 1.2;
}
@media all and (-ms-high-contrast:none) {
	.number-display__lot {
		font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS UI Gothic", "Yu Gothic", YuGothic, sans-serif;
	}
}





.summary__correction,
.library-table .summary__correction {
	display: none; padding: 0; margin: 0;
	position: absolute; top: 0; right: 0;
	width: 330px;
	background-color: #f1f1f1;
	box-shadow: 0 0 20px rgba(0,0,0,0.20);
	color: #333;
	z-index: 100;
	border-radius: 4px;
	font-size: 1.4rem;
	white-space: normal;
	overflow: hidden;
	text-align: left;
}
.summary__correction h3,
.contents-style .summary__correction h3 {
	display: block; padding: 5px 20px; margin: 0;
	background-color: #132E59;
	color: #fff; font-size: 1.0em; font-weight: inherit;
	text-align: center;
}

.summary__correction dl { width: 100%; }
.summary__correction dt { padding: 10px 5px; }
.summary__correction dd { padding: 0 5px 5px 5px; position: relative; }
.summary__correction dd a {
	display: inline-block; position: relative;
	color: #000;
}
.summary__correction dd a:hover {
	display: block; position: relative;
	color: rgba(215,9,47,1.00);
}

.popup-close-btn,
.contents-style p.popup-close-btn {
	display: block; padding: 5px; margin: 0;
	border-top: solid 1px #ddd; text-align: center;
}
.popup-close-btn span {
	display: inline-block; padding: 5px 2.0em; margin: 0 auto;
	border: solid 1px #ddd; border-radius: 4px;
	background-color: #fff;
	cursor: pointer; transition: all 0.5s;
}
.popup-close-btn span:hover {
	background-color: #132E59; color: #fff;
	border: solid 1px #132E59;
}


/* ===========================================================

	table-fix

=========================================================== */


.table-fix table { font-size: 1.4rem; margin: 0; }
.is_en .table-fix table { font-size: 1.2rem; }
.table-fix table td:empty { display: none; }
.table-fix table thead th.in-table-fixed,
.table-fix table thead td.in-table-fixed,
.table-fix table tbody th.in-table-fixed,
.table-fix table tbody td.in-table-fixed { display: none; }

.table-fix table thead th,
.table-fix table thead td { padding: 1em; }

.table-fix table tbody th,
.table-fix table tbody td { padding: 0.6em; }


@media print, screen and (min-width: 1201px) {
  .table-fix table { margin: 0; }
  .table-fix table thead th,
  .table-fix table thead td,
  .table-fix table tbody th,
  .table-fix table tbody td { border: none; box-shadow: inset -1px -1px 0 #ddd; padding: 0.2em 0.5em; }
	.table-fix .js-scroll-table__caution {
		display: block; margin: 0!important;
		position: absolute;
		top: -2.5em;
		left: 0;
	}
  
	.table-fix table {
		table-layout: fixed;
	}
	.table-fix table thead th { height: 60px; vertical-align: middle; }
	
	.table-fix table thead th,
	.table-fix table tbody td { width: 166px; }
  
  
	.table-fix table tbody th,
	.table-fix table tbody td { height: 35px; }
	.is_en .table-fix table tbody th,
	.is_en .table-fix table tbody td { height: 30px; }
	
	.table-fix table thead th.out-table-fixed,
	.table-fix table tbody th.out-table-fixed { }
	
	.table-fix table thead th.in-table-fixed,
	.table-fix table thead td.in-table-fixed,
	.table-fix table tbody th.in-table-fixed ,
	.table-fix table tbody td.in-table-fixed {
		display: table-cell;
		width: 370px;
	}
	.table-fix {
		width: 100%;
		max-width: 1200px;
		position: relative;
	}
	.table-fix .js-scroll-table__wrap {
		position: static;
	}
	.table-fix-inner {
		overflow: auto;
		margin-left: 370px;
	}
	.table-fix-inner table {
		overflow: auto;
		margin-left: -370px;
	}
	.table-fix table thead th.out-table-fixed,
	.table-fix table tbody th.out-table-fixed {
		position: absolute;  display: flex; align-items: center; justify-content: center;
	}
	.table-fix table thead th.out-table-fixed.text-align--right,
	.table-fix table tbody th.out-table-fixed.text-align--right { justify-content: flex-end;
	}
  
  .table-fix table thead th.out-table-fixed.out-table-fixed--title-name {
    left: 0; width: 290px;
  }
  .table-fix table thead th.out-table-fixed.out-table-fixed--lot,
  .table-fix table tbody th.out-table-fixed.out-table-fixed--lot {
    left: 290px; width: 80px;
  }
  .table-fix table thead th.out-table-fixed.out-table-fixed--title-name {
    left: 0; width: 290px;
  }
  .table-fix table tbody th.out-table-fixed.out-table-fixed--title {
    left: 0; width: 120px; z-index: 5; display: flex; align-items: center;
  }
  .table-fix table tbody th.out-table-fixed.out-table-fixed--name {
    left: 120px; width: 170px; z-index: 4;
  }
  
  .table-fix table tbody th.out-table-fixed.out-table-fixed--title.out-table-fixed--title_3 { height: calc(35px * 3); }
  .table-fix table tbody th.out-table-fixed.out-table-fixed--title.out-table-fixed--title_4 { height: calc(35px * 4); }
  .table-fix table tbody th.out-table-fixed.out-table-fixed--title.out-table-fixed--title_5 { height: calc(35px * 5); }
  
  .is_en .table-fix table tbody th.out-table-fixed.out-table-fixed--title.out-table-fixed--title_3 { height: calc(30px * 3); }
  .is_en .table-fix table tbody th.out-table-fixed.out-table-fixed--title.out-table-fixed--title_4 { height: calc(30px * 4); }
  .is_en .table-fix table tbody th.out-table-fixed.out-table-fixed--title.out-table-fixed--title_5 { height: calc(30px * 5); }
  
}






/* ===========================================================

	account

=========================================================== */
#account ul.error li {
	color: #e02121;
	font-weight: bold;
}

#account .password-table th,
#account .password-table td {
	vertical-align: middle;
}
#account .password-table th em {
	color: #e02121;
}
#account .password-table input[type="text"],
#account .password-table input[type="password"] {
	border: solid 1px #ccc;
	padding: 5px;
	margin: 0 0 5px;
}
#account .password-table input[type="text"]:last-child,
#account .password-table input[type="password"]:last-child {
	margin: 0;
}
#account .password-table input[type="text"] {
	width: 60%;
}
#account .password-table input[type="password"] {
	width: 30%;
}
#account .input-btn input[type="submit"] {
	padding: 5px 10px;
	border: solid 1px #ccc;
	border-radius: 3px;
	cursor: pointer;
}
#account .account-message {
	font-size: 1.36em;
	font-weight: bold;
}

@media screen and (min-width: 1024px) {
	.contents-style p.section-read{
		text-align: center;
		margin: 0 auto;
		width: 90%;
	}
}

.esg-indent{
	text-indent: -41px;
  padding: 0 0 0 57px;
  margin: 0!important;
}

.esg-indent2{
	text-indent: -57px;
  padding: 0px 0 0 72px;
  margin: 0!important;
}