@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Oswald&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Mynerve&family=Noto+Sans+JP:wght@200;300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@200&display=swap');


@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1080px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 500px) {}










/*-----------------------------------------------------------------------------------------
0000
----------------------------------------------------------------------------------------- */
#ee-touhoku article.contents,
#recruit article.contents {
	padding-right: 1.5rem
}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1080px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 500px) {}










/*-----------------------------------------------------------------------------------------
0000
----------------------------------------------------------------------------------------- */
ul.gallery {
	border: 0px solid #bbb;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin: 10px 0;
	list-style: none !important;
}


ul.gallery li {
	width: 25%;
	padding: 5px;
	margin: 0;
}

ul.gallery.one li {
	width: calc(100% / 12 * 12) !important;
}

ul.gallery.two li {
	width: calc(100% / 12 * 6) !important;
}

ul.gallery.three li {
	width: calc(100% / 12 * 4) !important;
}

ul.gallery.four li {
	width: calc(100% / 12 * 3) !important;
}

ul.gallery p {
	margin-top: 0;
}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1080px) {}

@media screen and (max-width: 768px) {
	ul.gallery.two li {
		width: calc(100% / 12 * 6);
	}

	ul.gallery.three li {
		width: calc(100% / 12 * 6);
	}

	ul.gallery.four li {
		width: calc(100% / 12 * 6);
	}

}

@media screen and (max-width: 500px) {
	ul.gallery.two li {
		width: calc(100% / 12 * 12);
	}

	ul.gallery.three li {
		width: calc(100% / 12 * 12);
	}

	ul.gallery.four li {
		width: calc(100% / 12 * 12);
	}
}









/*-----------------------------------------------------------------------------------------
0001 EE-TOUHOKU
----------------------------------------------------------------------------------------- */
article.about h3 {
	font-size:2.4rem;
}


/*-----------------------------------------------------------------------------------------
0001 EE-TOUHOKU
----------------------------------------------------------------------------------------- */
article.exhibition h2 {
	margin-top: 2.0em;
}

article.exhibition .catch h2 {
	color: #333;
	font-size: 5.5rem;
	line-height: 1.3;
	padding: 2.0rem 0;
	margin: 0;
	font-weight: normal;
	letter-spacing: 0.1em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	letter-spacing: 0.5em;
	text-align: center
}

article.exhibition .catch h3 {
	color: #A50000;
	font-size: 2.5rem;
	line-height: 1.3;
	padding: 1.0rem 0;
	margin: 0;
	font-weight: normal;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #ddd;
	background: none;
	font-weight: 600;
	text-align: center
}

article.exhibition .movie-wrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	border: 2px solid #eee;
	margin-bottom: 10px;
}

article.exhibition .movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

article.exhibition ul.flexbox {
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin: 1.5rem 0
}

article.exhibition ul.flexbox li {
	width: 31%;
	padding: 0;
	margin: 1.5rem 0;
	border: 0px solid red;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #111;
}

article.exhibition ul.flexbox li strong {
	font-size: 1.2em;
}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1080px) {

	article.exhibition .catch h2 {
		letter-spacing: 0;
		font-size:6vw;
	}

	article.exhibition .catch h3 {
		letter-spacing: 0.01em;
		font-size:3vw;
	}

	article.exhibition ul.gallery.two li {
		width: calc(100% / 12 * 12);
	}
}

@media screen and (max-width: 768px) {
	article.exhibition ul.flexbox {}

	article.exhibition ul.flexbox li {
		width: 50%;
		padding: 1.5vw;
	}
}

@media screen and (max-width: 500px) {
	/* article.exhibition .catch h2 {
		font-size: 4.0rem;
	}

	article.exhibition .catch h3 {
		font-size: 2.1rem;
	} */

	article.exhibition ul.flexbox li {
		width: 100%;
	}
}










/*-----------------------------------------------------------------------------------------
0001 LINK
----------------------------------------------------------------------------------------- */
article.page_link dl {
	margin-bottom: 3.0rem;
}

article.page_link dl dt a {
	display: block;
	font-size: 2.0rem;
	background: #154B86;
	color: #fff;
	border: 2px solid #154B86;
	padding: 0.5em 0.5em;
	line-height: 1.4;
	transition: 1.0s;
}

article.page_link dl dt a:after {
	content: "\f08e";
	font-family: FontAwesome;
	margin-left: 0.75rem;
}

article.page_link dl dt a:hover {
	background: #fff;
	color: #154B86;
}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1080px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 500px) {}











/*-----------------------------------------------------------------------------------------
0001 RECRUIT
----------------------------------------------------------------------------------------- */
/* ----- 2022-10-17 add ----- */
article.recruit dl {
	border: 0px solid red;
	padding: 0;
	margin: 0;
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

article.recruit dl dt,
article.recruit dl dd {
	border: 0px solid green;
	padding: 0;
	margin: 0;
	width: 30%;
	font-size: 1.6rem;
	line-height: 1.8;
}

article.recruit dl dt {
	width: 70%;
	color: #111
}

article.recruit dl dd {
	padding-left: 30px;
	text-align: center;
	font-weight: 600;
	font-size: 1.4rem;
	color: #111
}

article.recruit figure {
	display: block;
	margin-bottom: 1em;
	border: 1px solid #bbb;
}

article.recruit ul.flexbox li ol {
	padding: 0;
	margin: 0.5rem 0;
	border: 0px solid olive;
}

article.recruit ol.list li {
	border: 0px solid purple;
	display: block;
	padding: 0;
	margin: inherit;
	line-height: line-height:1.5;
	font-size: inherit;
	width: auto;
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 0.5em
}

article.recruit ol.list.text-l li {
	font-size: 1.6rem;
}

article.recruit .introduction h2 {
	font-size: 3.6rem;
}

article.recruit .introduction h2 i {
	color: inherit;
}

article.recruit h4 {
	font-size: 2.2rem;
	font-weight: 600;
	color: #2B549F;
	letter-spacing: 0.2em;
	line-height: 1.3;
	padding: 0 0 0 0.75em;
	margin: 1.5em 0 0.1em 0;
}

article.recruit ul.graph {
	padding: 0;
	margin: 1.5rem 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

article.recruit ul.graph li {
	width: 25%;
	border: none;
	padding: 1.5rem;
	margin: 0;
}

article.recruit ul.graph li img {
	padding: 1.0rem 0.5rem;
	border-color: #999;
}

article.recruit ul.graph li:nth-child(9),
article.recruit ul.graph li:nth-child(10),
article.recruit ul.graph li:nth-child(11) {
	width: 33.33333%;
}

article.recruit .catch ul {
	-webkit-justify-content: center;
	-ms-flex-pack: justify;
	justify-content: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 30px;
	padding: 0;
}

article.recruit .catch ul li {
	width: 300px;
	padding: 15px;

}

article.recruit .catch ul li span {
	width: 250px;
	height: 250px;
	background: #5B9BD5;
	color: white;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	border-radius: 50%;
	font-size: 30px;
	line-height: 1.2;
	text-align: center;
}

article.recruit .catch ul li:nth-child(2) span {
	background: #3d7eb9;
}

article.recruit .catch ul li:nth-child(3) span {
	background: #2f6ea8;
}

article.recruit .eyecatch {
	position: relative;
}

article.recruit .eyecatch .eyecatch-title {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	color: White;
	text-shadow: 0 0 3vw rgba(0, 0, 0, 0.502);
}

article.recruit .eyecatch .eyecatch-title span {
	font-family: 'Oswald', sans-serif;
	font-size: 15vw;
	line-height: 1;
	padding: 0;
	margin: 0;
	display: block;
}

article.recruit .eyecatch .eyecatch-title small {
	font-size: 5vw;
	line-height: 1;
	padding: 0;
	margin: 0;
	display: block;
}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1080px) {
	article.recruit dl {}

	article.recruit dl dt {
		width: 40%;
	}

	article.recruit dl dt {
		width: 60%;
	}

	article.recruit ul.graph li {
		width: 50%;
	}

	article.recruit ul.graph li:nth-child(9),
	article.recruit ul.graph li:nth-child(10),
	article.recruit ul.graph li:nth-child(11) {
		width: 50%;
	}

}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 500px) {

	article.recruit dl dt,
	article.recruit dl dd {
		width: 100%;
		padding: 0;
		margin: 1.5rem 0
	}

	article.recruit dl dt {
		order: 2
	}

	article.recruit dl dd {
		order: 1
	}

	article.recruit ul.graph li {
		width: 100%;
	}

	article.recruit ul.graph li:nth-child(9),
	article.recruit ul.graph li:nth-child(10),
	article.recruit ul.graph li:nth-child(11) {
		width: 100%;
	}

	article.exhibition.recruit ul.flexbox li {
		width: 100%;
	}

}











/*-----------------------------------------------------------------------------------------
0001 SDGs
----------------------------------------------------------------------------------------- */
/* ---------- 2020-12-27 追加 ---------- */
#sdgs article h1 {
	text-align: center;
	font-size: 2.7rem;
	line-height: 1.1;
	color: white;
	background: #0098D6;
	font-weight: bold;
	letter-spacing: 0.2em;
	padding: 0.3em 0.2em;
	margin: 2.0rem 0 6.0rem 0;
}

#sdgs article section {
	padding: 0 0 3.0rem 0;
	margin: 0 0 3.0rem 0;
	border-bottom: 4px dashed #eee;
}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1080px) {
	#sdgs article ul.gallery li {
		width: 33.33333%;
	}
}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 500px) {}











/*-----------------------------------------------------------------------------------------
0001 ZOOM
----------------------------------------------------------------------------------------- */
/* ---------- 2021-02-15 追加 ---------- */
#zoom article h1 {
	text-align: left;
	font-size: 5.0rem;
	line-height: 1.1;
	color: #278CFC;
	font-weight: bold;
	letter-spacing: 0em;
	padding: 15px 0;
	margin: 0;
}

#zoom article h2 {
	text-align: left;
	font-size: 3.6rem;
	line-height: 1.2;
	color: #666697;
	font-weight: normal;
	letter-spacing: 0.3em;
	padding: 45px 0 15px 0;
	margin: 0;
	border-bottom: 3px solid #666697;
}

#zoom article span {
	color: #A50033;
	font-weight: bold;
}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1080px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 500px) {}










/*-----------------------------------------------------------------------------------------
0000 download
----------------------------------------------------------------------------------------- */
.catalog {
	margin-bottom:5vw;
}

.catalog ul {
	border: 0px solid black;
	padding: 0;
	margin: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.catalog ul li {
	border: 1px solid white;
	padding: 1.5rem;
	margin: 0;
	width: 25%;
	display: block;
	background: rgba(231, 237, 243, 0.5)
}

.catalog ul li a {
	border: 0px solid blue;
	padding: 0 0 2.5em 0;
	margin: 0;
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	font-size: 1.2rem;
	line-height: 1;
}

.catalog ul li a div {
	background: #154B86;
	padding: 0.5em;
	margin: 0;
	width: 100%;
	height: auto;
	text-align: Center;
	display: block;
	color: white;
	position: absolute;
	bottom: 0;
	border-radius: 0.3rem;
}

.catalog dl {
	border: 0px solid green;
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.catalog dl dt,
.catalog dl dd {
	border: 0px solid olive;
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 1.3rem;
	line-height: 1.3;
	color: #111;
}

.catalog dl dd {
	padding: 0.5em 0;
}

.catalog img {
	border: 1px solid #ddd;
	padding: 2px;
	margin: 0;
	width: 100%;
	display: block;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1080px) {
	.catalog ul li {
		width: 33.33333%;
	}

	.catalog ul li a {
		font-size: 1.4rem;
	}

	.catalog dl dt,
	.catalog dl dd {
		font-size: 1.6rem;
	}

	.catalog dl dd {
		padding: 0.5em 0;
	}

}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 500px) {
	.catalog ul li {
		width: 50%;
	}

}










/*-----------------------------------------------------------------------------------------
0000 download
----------------------------------------------------------------------------------------- */
.document table th,
.document table td {
	padding: 1em;
	font-size: 1.4rem;
	line-height: 1.3;
	border: 1px solid #b0c3cb;
	width: auto;
	vertical-align: middle;

}

.document table th {
	text-align: center;
	vertical-align: middle;
	font-weight: 600;
}

.document table tr:first-child th {
	background: rgba(21, 75, 134, 0.8);
	color: white;
}

.document table td a {
	display: block;
	color: white;
	text-align: center;
	padding: 0.5em;
	border-radius: 0.3rem;
}

.document table td a[href$=".pdf"] {
	background: #a40000;
	border: 1px solid #a40000;
}

.document table td a[href$=".pdf"]:before {
	content: "\f1c1";
	font-family: FontAwesome;
	margin-right: 5px;
}

.document table td a[href$=".pdf"]:hover {
	background: #fff;
	color: #a40000;
}

.document table td a[href$=".xls"],
.document table td a[href$=".xlsx"] {
	background: #34b36e;
	border: 1px solid #34b36e;
}

.document table td a[href$=".xls"]:before,
.document table td a[href$=".xlsx"]:before {
	content: "\f1c3";
	font-family: FontAwesome;
	margin-right: 5px;
}

.document table td a[href$=".xls"]:hover,
.document table td a[href$=".xlsx"]:hover {
	background: #fff;
	color: #34b36e;
}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1080px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 500px) {}











.scroll {
	overflow-x:auto
}


.scroll table {
	min-width:600px
}

.scroll table th,
.scroll table td {
	display:table-cell
}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1080px) {}

@media screen and (max-width: 768px) {
	.scroll {
		border:10px solid #eee;
	}
}

@media screen and (max-width: 500px) {}









/*-----------------------------------------------------------------------------------------
0000 netis_product
----------------------------------------------------------------------------------------- */
article.netis h3 {
	font-size: 2.0rem;
	margin-top: 3em;
}

article.netis ul.gallery {
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
}

article.netis ul.gallery li {
	width: 32.3333%;
	margin: 0.5% 0
}

article.netis ul.gallery li a {
	border: 1px solid #ddd;
	display: block;
	padding: 0.5rem;
	height: 100%;
}

article.netis ul.gallery li dt {
	font-size: 1.7rem;
	line-height: 1.2;
	padding: 0.75em 0;
	margin: 0;
	color: #14477E;
	font-weight: 600;
}

article.netis ul.gallery li dd {
	font-size: 1.4rem;
	line-height: 1.5;
	padding: 0;
	margin: 0;
}

article.netis ul.gallery li dd small {
	width: 100%;
	color: #2EB26A;
	border: 1px solid #2EB26A;
	display: block;
	padding: 0.2em 0.75em;
	margin: 0 0 0.5em 0;
	text-align: left;
	font-weight: 600;
	font-size: 0.7em;
}

article.netis ul.gallery li figure {
	position: relative;
}

article.netis ul.gallery li figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	color: white;
	display: block;
	padding: 0.25em 0.5em;
}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1080px) {}

@media screen and (max-width: 768px) {
	article.netis ul.gallery li {
		width: 49%;
		margin: 0.5% 0
	}
}

@media screen and (max-width: 500px) {}










/*-----------------------------------------------------------------------------------------
0000 product-top
----------------------------------------------------------------------------------------- */
article.product h3 {
	font-size: 2.0rem;
	padding: 0;
	margin: 0;
	background: transparent;
	border-bottom: 2px solid #164B86;
	line-height: 1.3;
	letter-spacing: 0.01em;
}

article.product h3 span {
	display: block;
	width: max-content;
	min-width: 16em;
	max-width: 300px;
	background: #164B86;
	padding: 0;
	font-weight: 200;
}

article.product h3 span a {
	display: block;
	padding: 0.4em 0.75em;
	color: White;
}

article.product ol {
	margin: 0;
	border: 0px solid red;
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

article.product ol li {
	padding-right: 1.5rem;
	margin: 0 0 6.0rem 0;
	width: 50%;
}

article.product ol li:nth-child(even) {
	padding-right: 0;
	padding-left: 1.5rem;
}


article.product ul {
	padding: 0.5em;
	margin: 0;
	border: 0px solid #164B86;
	width: 100%;
	font-size: 1.6rem;
	line-height: 1.4;
}

article.product ul li,
article.product ul li:nth-child(even) {
	padding: 0;
	margin: 0.75em 0 0 1em;
	width: 100%;
	font-size: inherit;
	line-height: inherit;
	color: #666
}

article.product ul li a {
	color: #164B86;
	margin-left: -0.65em;
	font-weight:600;
}


article.product ul li a::before {
	content: '\f0da';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 0.35em;
	color: #164B86;
}


@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1080px) {}

@media screen and (max-width: 768px) {
	article.product h3 {
		font-size: calc( 2.0rem * 1.1);
	}

	article.product h3 span {
	width: 100%;
	max-width: initial;
}

	article.product ol li,
	article.product ol li:nth-child(even) {
		padding-right:0;
		padding-left: 0;
		width:100%
	}


	article.product ul {
		font-size: calc( 1.6rem * 1.1);
	}


}

@media screen and (max-width: 500px) {}





article.privacy h2 {
	font-size:2.4rem;
	letter-spacing: 0.05em;
}

article.privacy h2 small {
	font-weight:600;
}