@charset "utf-8";
/* ===========================================================

	Title: contents.css
	Created: 2017-11-30

=========================================================== */
/*

	dl-table
	date-list
	input-ui
	number-display
	account
	customer
    sustainability


=========================================================== */


.contents-panel {
	display: block; padding: 2.0em 2.0em; margin: 1.0em 0;
	background-color: rgba(102, 191, 151, 0.10);
	border-radius: 4px;
}



.contents-panel-list {
	display: flex; margin: 0 -10px; padding: 0;
	justify-content: center;
}
.contents-panel-list__cell {
	display: flex; padding: 10px;
	width: 100%;
}

.contents-panel-list .contents-panel {
	display: block; padding: 2.0em 1.0em 1.0em 1.0em; margin: 0;
	width: 100%;
	text-align: center;
}
.contents-panel-list .contents-panel h3.contents-panel-list__title {
	display: block; padding: 0; margin: 0;
	border: none; color: rgba(102, 191, 151, 1.00);
	text-transform: uppercase;
	font-family: Varela, sans-serif;
	font-weight: 700;
	font-style: italic;
}
.contents-panel-list__title--chip {
	display: block; padding: 0; margin: 0;
	font-size: 1.6rem; line-height: 1.2;
}
.contents-panel-list__title--number {
	display: flex; padding: 0; margin: 0;
	font-size: 4.0rem; line-height: 1.2;
	justify-content: center; align-items: center;
}
.contents-panel-list__title--number span {
	display: block; padding: 0; margin: 0;
}
.contents-panel-list__title--number::before,
.contents-panel-list__title--number::after {
	display: block; padding: 0; margin: 0 0.25em;
	content: ""; width: 20px; height: 1px;
	background-color: rgba(102, 191, 151, 1.00);
}


.contents-style h2.icon-title {
	display: block; padding: 0; margin: 4.0em 0 1.5em 0;
}
.contents-style h2.icon-title:first-child { margin-top: 1.5em; }
.contents-style h2.icon-title::before,
.contents-style h2.icon-title::after { display: none; }

.contents-style h2.icon-title span {
	display: block; padding: 0; margin: 0 auto;
}
.contents-style h2.icon-title span.icon-title__icon {
	width: 120px; height: 120px; padding: 25px;
	border-radius: 50%;
	background-color: #eee;
}
.contents-style h2.icon-title span.icon-title__icon img { vertical-align: bottom; }
.contents-style h2.icon-title span.icon-title__text {
	padding: 1.5em 0;
	font-size: 3.0rem; color: #000;
	font-weight: bold;
	position: relative;
}
.contents-style h2.icon-title span.icon-title__text::after {
	display: block; padding: 0; margin: 0 0 0 -40px;
	width: 80px; height: 1px;
	background-color: #ddd;
	position: absolute; bottom: 0; left: 50%;
	content: "";
}

.contents-style h3.sub-title,
.contents-style h3.sub-title--center {
	padding: 0; margin: 1.0em 0 0.5em 0;
	border: none; color: rgba(102,191,151,1.00);
	font-weight: normal; font-size: 2.8rem;

}
.contents-style h3.sub-title {}
.contents-style h3.sub-title--center {
	text-align: center;
}






.photo-content-list {
	display: block; padding: 0; margin: 0;
}
.photo-content-list__cell {
	display: flex; padding: 0; margin: 3.0em -3.0em;
}
.photo-content-list__photo {
	display: block; padding: 0 3.0em; margin: 0;
}
.photo-content-list__photo--box {
	display: block; padding: 0; margin: 0;
	text-align: center;
	width: 300px;
}

.photo-content-list__photo--box img {
	max-width: 100%; max-height: 260px;
	width: auto; height: auto;
}
.photo-content-list__photo--box .caution {
	display: block; padding: 0; margin: 0;
	text-align: left;
}

.photo-content-list__data {
	display: block; padding: 0; margin: 0;
	width: 100%;
}

.contents-style .photo-content-list__data h3 {
	display: block; padding: 1.0em 0; margin: 0;
}



/* ===========================================================

	dl-table

=========================================================== */


/* dl-table--simple */
.dl-table--simple { width: 100%; }
.dl-table--simple > dl { }
.dl-table--simple > dl > dt,
.dl-table--simple > dl > dd {
	padding: 1.0em;
	border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;
}

.dl-table--simple > dl.dl-table__header--simple > dt,
.dl-table--simple > dl.dl-table__header--simple  > dd {
	color: rgba(102, 191, 151, 1.00); text-align: center;
}
.dl-table--simple > dl.dl-table__header--simple > dt {
	background-color: rgba(102, 191, 151, 0.20);
}
.dl-table--simple > dl.dl-table__header--simple  > dd {
	background-color: rgba(102, 191, 151, 0.10);
}
.dl-table--simple > dl > dt {
	background-color: rgba(102, 191, 151, 0.10);
	min-width: 10.0em; width: 1%; white-space: nowrap;
	border-top: solid 1px rgba(102, 191, 151, 1.00);
	border-bottom: solid 1px rgba(102, 191, 151, 1.00);
}

.dl-table--simple > dl > dd { background-color: #fff; }
.dl-table--simple p { margin: 0.25em 0; }

.dl-table--simple > dl > dd.dl-table--simple-in { padding: 0; }
.dl-table--simple-in .dl-table--simple > dl > dt { background-color: rgba(102, 191, 151, 0.10); }

.dl-table--simple-in .dl-table--simple > dl:first-child > dt,
.dl-table--simple-in .dl-table--simple > dl:first-child > dd { border-top: none; }
.dl-table--simple-in .dl-table--simple > dl:last-child > dt,
.dl-table--simple-in .dl-table--simple > dl:last-child > dd { border-bottom: none; }

/* en-dl-table--simple */
.en-dl-table--simple { width: 100%; }
.en-dl-table--simple > dl { }
.en-dl-table--simple > dl > dt,
.en-dl-table--simple > dl > dd {
	padding: 1.0em;
	border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;
}

.en-dl-table--simple > dl.dl-table__header--simple > dt,
.en-dl-table--simple > dl.dl-table__header--simple  > dd {
	color: rgba(102, 191, 151, 1.00); text-align: center;
}
.en-dl-table--simple > dl.dl-table__header--simple > dt {
	background-color: rgba(102, 191, 151, 0.20);
}
.en-dl-table--simple > dl.dl-table__header--simple  > dd {
	background-color: rgba(102, 191, 151, 0.10);
}
.en-dl-table--simple > dl > dt {
	background-color: rgba(102, 191, 151, 0.10);
	min-width: 10.0em; width: 0%; white-space: nowrap;
	border-top: solid 1px rgba(102, 191, 151, 1.00);
	border-bottom: solid 1px rgba(102, 191, 151, 1.00);
}

.en-dl-table--simple > dl > dd { background-color: #fff; }
.en-dl-table--simple p { margin: 0.25em 0; }

.en-dl-table--simple > dl > dd.dl-table--simple-in { padding: 0; }
.en-dl-table--simple-in .dl-table--simple > dl > dt { background-color: rgba(102, 191, 151, 0.10); }

.en-dl-table--simple-in .dl-table--simple > dl:first-child > dt,
.en-dl-table--simple-in .dl-table--simple > dl:first-child > dd { border-top: none; }
.en-dl-table--simple-in .dl-table--simple > dl:last-child > dt,
.en-dl-table--simple-in .dl-table--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(11,9,78,0.05);
	width: 50%;
}
.dl-table--number > dl > dt { background-color: rgba(11,9,78,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: 2.0em; line-height: 1.2;
	font-weight: bold;
	line-height: 1.2;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	color: #43418b;
}
.big-number--primary { color: #43418b; }
.big-number--secondary { color: #43418b; }


/* 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(11,9,78,0.05); padding: 5px 1.0em;
	min-width: 10.0em; width: 1%; white-space: nowrap;
}
.dl-table--form > dl > dd { background-color: #fff; }





ul.list-style__peculiar--simple-dot {
	display: block; padding: 0; margin: 0.5em 0;
}
ul.list-style__peculiar--simple-dot > li {
	display: block; padding-left: 1.25em;
	position: relative;
}
ul.list-style__peculiar--simple-dot > li::before {
	display: block;
	position: absolute; top: 0; left: 0;
	content: "\f111"; color: rgba(102, 191, 151, 1.00);
	font-family: FontAwesome;
}



/* ===========================================================

	date-list

=========================================================== */


/* news-list */
.news-list { width: 100%; }
.news-list dl { }
.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 { }
.date-list.news-list > dl > dt {
	padding: 1.0em 1.0em 1.0em 0;
}
.date-list.news-list > dl > dt > .date-list__date {
	width: 5.0em;
	font-family: 'Oswald', sans-serif; font-weight: 500;
	color: #666;
}
.news-list__date { }
.news-list dd { }
.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__text { }


/* file-date-list */
.file-date-list { width: 100%; }
.file-date-list dl { }
.file-date-list dt,
.file-date-list dd { border-bottom: solid 1px #ddd;  }
.file-date-list dl:first-child dt,
.file-date-list dl:first-child dd { border-top: solid 1px #ddd;  }
.file-date-list dt { }
.file-date-list__date { }
.file-date-list dd { }
.file-date-list dd a { }
.file-date-list dd a[target="_blank"]:after { }

.file-date-list__text { }


.file-date-list--revied { margin-top: 1.0em; width: 100%; }
.file-date-list--revied dl dt,
.file-date-list--revied dl dd {
	border-top: solid 1px #ddd;
	border-bottom: none;
}
.file-date-list--revied dl dt { padding-left: 0; position: relative; }
.file-date-list--revied dl dt::before,
.file-date-list--revied dl dt::after {
	display: block; padding: 0; margin: 0;
	position: absolute; width: 3.0em; left: -4.0em;
	content: "";
}
.file-date-list--revied dl dt::before {
	top: 0; height: 100%;
	border-left: solid 1px #ddd;
}
.file-date-list--revied dl:last-child dt::before {
	top: 0; height: 50%;
}
.file-date-list--revied dl dt::after {
	top: 50%; border-top: solid 1px #ddd;
}


/* file-date-list--nodate */
.file-date-list--nodate { width: 100%; margin: 1.0em 0; }
.file-date-list--nodate dl { }
.file-date-list--nodate dt,
.file-date-list--nodate dd { border-bottom: solid 1px #ddd;  }
.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: "\f0da";
	font-family: FontAwesome; color: #43418b;
}
.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;
}

.file-icon {
	display: inline-block;
	font-size: 1.1rem; line-height: 1.4; padding: 0 1.0em; min-width: 4.0em;
	border: solid 1px #0b094e; color: #0b094e; text-transform: uppercase;
	white-space: nowrap; background-color: #fff; vertical-align: middle;
	font-family: 'Oswald', sans-serif; font-weight: 500;
	text-align: center;
}
.file-icon--pdf,
.file-icon--large.file-icon--pdf { border: solid 1px #bf2222; color: #bf2222; }
.file-icon--xls,
.file-icon--large.file-icon--xls { border: solid 1px #217346; color: #217346; }
.file-icon--zip,
.file-icon--large.file-icon--zip { border: solid 1px #666; color: #666; }

a .file-icon--large,
.file-icon--large {
	display: inline-block;
	font-size: 1.2rem; padding: 0.5em 1.0em 0.5em 0.5em; min-width: 2.0em;
	border: solid 1px #0b094e; color: #0b094e; text-transform: uppercase;
	white-space: nowrap; background-color: #fff; vertical-align: middle;
	text-align: center;
	border-radius: 2px;
	font-family: 'Oswald', sans-serif; font-weight: 500;
}
a .file-icon--large::before,
.file-icon--large::before {
	display: block;
	font-size: 2.0em; line-height: 1.1; padding: 0 0.5em;
	font-weight: nomal;
	font-family: FontAwesome;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.file-icon--large.file-icon--pdf::before { content: "\f1c1"; }
.file-icon--large.file-icon--xls::before { content: "\f1c3"; }
.file-icon--large.file-icon--zip::before { content: "\f1c6"; }

a:hover .file-icon--large { color: #fff; }
a:hover .file-icon--large.file-icon--pdf { background-color: #bf2222; }
a:hover .file-icon--large .file-icon--xls{ background-color: #217346; }
a:hover .file-icon--large.file-icon--zip { background-color: #666; }




.file-size {
	display: inline-block;
	font-size: 0.786em;
	color: #ccc; white-space: nowrap;
	color: #666;
}
.file-size::before, .file-size::after { display: inline; }
.file-size::before { content: "["; }
.file-size::after { content: "]"; }









/* ===========================================================

	.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: #43418b; }

.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: #43418b; }


.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(11,9,78,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(11,9,78,1.00);
	background-color: rgba(11,9,78,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(11,9,78,0.80);
}
.input-ui-button input.input-ui__button--sub:hover {
	background-color: rgba(11,9,78,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 {}

.number-display__number {
	display: inline-block; padding: 0; margin: 0;
	font-weight: bold;
	font-size: 1.850em; line-height: 1.2;
	color: #D62121;
}
.number-display__lot {
	display: inline-block; padding: 0; margin: 0;
	font-size: 0.875em; line-height: 1.2;
}




/* ===========================================================

	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;
}

.caution-text{
    color: #666;
    font-size: 0.750em;
}

.indent-1{
  text-indent: 1em;
}


/* ===========================================================

	customer

=========================================================== */

.en-customer-link {
	padding-top: 20px;
	display: block;
}

.en-customer-span {
	padding-top: 20px;
	display: block;
}

/* ===========================================================

	customer

=========================================================== */

.en-style__sustainability {
	padding-left: 3em;
    text-indent: -3.1em;
}
.en-style__sustainability1 {
	padding-left: 3.0em;
    text-indent: -1.6em;
}

.sign-table{
	width: 50%;
	margin-left: auto!important;
}