@charset "UTF-8";

/* ===============================
	common style
=============================== */
/* サブセクション */
.sub-section .text {
	line-height: 1.6;
}

.sub-section .sub-item {
	border-top: dashed 1px #ddd;
}

.sub-section .text-container {
	padding-top: 1em;
}

.sub-section .img-container {
	margin-top: 1em;
}

.sub-section ul.star {
	padding-top: 0.2em;
}

.sub-caption {
	font-size: 1.2rem;
	padding-left: 1em;
}

ul.sub-caption li {
	text-indent: -1em;
}

#sub01.sub-section .sub-item {
	border-top: none;
}

/* スライドショー */
.swiper-container {
	color: #000;
	padding-top: 0em;
}

.swiper-slide .slide-img img {
	width: 100%;
}

.slide-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.slide-ttl {
	font-weight: 600;
}

/* スライドショー（ボタン上） */
ul.slide-pagination-text.top-button {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0.25em;
}

ul.slide-pagination-text.top-button li {
	width: 24.6%;
	margin-left: 0.5%;
	margin-top: 1rem;
}

ul.slide-pagination-text.top-button li:nth-child(4n-3) {
	margin-left: 0;
}

ul.slide-pagination-text.top-button li:nth-child(-n+4) {
	margin-top: 0;
}

ul.slide-pagination-text.top-button li a:hover, ul.slide-pagination-text.top-button li a.active
	{
	background: #000;
	color: #fff;
	border: solid 1px #000;
}

ul.slide-pagination-text.top-button li a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 0.6em 0;
	border: solid 1px #f5f5f5;
	background: #ddd;
	font-size: 1.4rem;
	line-height: 1.4;
	font-weight: 500;
	color: #fff;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

/* スライドショー・ナビゲーション */
.outer-container {
	position: relative;
	padding: 0 5%;
}

.slide-next, .slide-prev {
	position: absolute;
	top: 50%;
	width: 5%;
	height: 18%;
	margin-top: -6%;
	z-index: 2;
	cursor: pointer;
	color: #000;
	background-size: 50% auto;
	background-position: center;
	background-repeat: no-repeat;
}

.slide-next.plasmacluster, .slide-prev.plasmacluster {
	top: 40%;
}

.slide-prev {
	background-image: url(/products/common/images/arrow-prev-b.svg);
	left: 0;
	right: auto;
}

.slide-next {
	background-image: url(/products/common/images/arrow-next-b.svg);
	right: 0;
	left: auto;
}
/* 個別スタイル */
.graph-text-container {
	margin-top: 1em;
	margin-bottom: 0;
	padding-right: 3%;
	text-align: right;
}

.graph-text {
	font-size: 1.4rem;
	font-weight: 500;
}

.graph-text .line {
	letter-spacing: -0.26rem;
	padding-right: 0.6rem;
}

.graph-text .navy {
	color: #0075a9;
}

span.bold {
	font-weight: 500;
}

.bg-color {
	background: #f5f5f5;
}

hr.line {
	border-bottom: 2px solid #000;
	width: 11rem;
	margin: 0 auto;
	margin-top: 0.6em;
}

.plasmacluster .about-title {
	text-align: center;
	margin-top: 2em;
}

.plasmacluster .graph-title sup {
	color: #fff;
	font-size: 50%;
}

.sub-text-small {
	font-size: 1.2rem;
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.img-sub-title {
	font-size: 2rem;
	font-weight: 500;
	text-align: center;
	padding-bottom: 0.8rem;
}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print , screen and (min-width: 768px) {
	.pc {
		display: block !important;
	}
	.sp {
		display: none !important;
	}
	.flex-container {
		display: flex;
		justify-content: space-between;
	}

	/* メインタイトル */
	.main-title {
		font-size: 3rem;
		line-height: 1.4;
		font-weight: 400;
		text-align: center;
		margin-top: 8rem;
		margin-bottom: 3rem;
	}

	/* サブセクション */
	.sub-section {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.sub-section.bdr-top {
		margin-top: 6rem;
	}
	.sub-section .text-container {
		text-align: left;
	}
	.sub-section .sub-title {
		font-size: 2rem;
		font-weight: 500;
		margin-top: 2.2em;
	}
	.sub-section .about {
		border: solid 4px #D9D9D9;
		padding: 1.4em 6em 1.2em;
		max-width: 1080px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 4em;
		margin-bottom: 4em;
	}
	.sub-section .about .sub-title {
		text-align: center;
		margin-top: 0rem;
	}
	.sub-section .about .img-container {
		margin-top: 5rem;
	}
	.sub-section .img-container .img-title {
		padding-bottom: 0.4em;
		font-size: 1.6rem;
	}
	.sub-section .img-container .img-text {
		padding-top: 0.4em;
	}
	#sub01.plasmacluster .img-container .text, #sub01.plasmacluster .text-container .text
		{
		font-size: 1.6rem;
	}
	#sub02.plasmacluster .img-container .text, #sub02.plasmacluster .text-container .text
		{
		font-size: 1.6rem;
		font-weight: 500;
	}
	.sub-sub-text {
		font-size: 1.2rem;
		text-align: right;
	}
	#sub05 .about .img-container .img {
		border: 1px solid #D9D9D9;
	}

	/* フレックスコンテナ */
	.flex-container {
		padding-bottom: 2em;
		justify-content: space-between;
	}
	.flex-container.img270, .flex-container.img430, .flex-container.img510 {
		flex-wrap: nowrap;
	}
	.sub-section .img270 .text-container, .sub-section .img430 .text-container,
		.sub-section .img510 .text-container {
		padding-right: 2.7%;
		flex: 1;
	}
	.container-860 {
		max-width: 860px;
		margin-left: auto;
		margin-right: auto;
	}
	/* サイド画像幅270 */
	.flex-container.img270>.img-container {
		width: 270px;
	}
	/* サイド画像幅430 */
	.flex-container.img430>.img-container {
		width: 430px;
	}
	/* サイド画像幅510 */
	.flex-container.img510>.img-container {
		width: 510px;
	}
	/* 1列画像 860 */
	.sub-section .img-container.img860 {
		max-width: 860px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5rem;
	}

	/* 2列画像 */
	.flex-container.column2 {
		font-size: 1.5rem;
	}
	.flex-container.column2>.flex-item {
		width: 48%;
		margin-left: 3.7%;
	}
	.flex-container.column2>.flex-item:nth-of-type(2n-1) {
		margin-left: 0;
	}
	.flex-container.column2>.flex-item:nth-of-type(-n+2) {
		margin-top: 0rem;
	}

	/* 3列画像 */
	.flex-container.column3 {
		font-size: 1.5rem;
	}
	.flex-container.column3>.flex-item {
		width: 31%;
		margin-left: 2.7%;
	}
	.flex-container.column3>.flex-item:nth-of-type(3n-2) {
		margin-left: 0;
	}
	.flex-container.column3>.flex-item:nth-of-type(-n+3) {
		margin-top: 0rem;
	}

	/* 4列画像 */
	.flex-container.column4 {
		font-size: 1.5rem;
	}
	.flex-container.column4>.flex-item {
		width: 24%;
		margin-left: 1.8%;
	}
	.flex-container.column4>.flex-item:nth-of-type(4n-3) {
		margin-left: 0;
	}
	.flex-container.column4>.flex-item:nth-of-type(-n+4) {
		margin-top: 0;
	}
	/* 注釈エリア */
	.caption-section .sub-item {
		padding-top: 4rem;
		padding-bottom: 0rem;
		border-top: solid 1px #999;
	}
	/* 外部リンク */
	.outer-link {
		width: 30rem;
		margin-top: 3rem;
	}
	/* 個別スタイル */
	.plasmacluster .flex-container.column2>.flex-item {
		margin-top: 4rem;
	}
	.plasmacluster .flex-container.column2>.flex-item:nth-of-type(-n+2) {
		margin-top: 4rem;
	}
	.plasmacluster .flex-container.column3>.flex-item {
		margin-top: 4rem;
	}
	.plasmacluster .flex-container.column3>.flex-item:nth-of-type(-n+3) {
		margin-top: 4rem;
	}
	.plasmacluster .graph-title.has-height {
		height: 5.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.plasmacluster .graph-title {
		display: block;
		width: 100%;
		background: #000;
		color: #fff;
		padding: 0.1em 2em;
		border-radius: 0.6rem 0.6rem;
		font-size: 1.8rem;
		font-weight: 500;
		margin-bottom: 0.2em;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0.4em;
		text-align: center;
		margin-bottom: 0.2em;
		text-align: center;
	}
	.plasmacluster .graph-title-item {
		text-align: center;
	}
	.plasmacluster .img-title {
		text-align: left;
	}
	.plasmacluster .img-container {
		margin-top: 0;
	}
	.plasmacluster .img-container .img {
		margin: 0 auto;
		margin-top: 0em;
	}
	#sub02.plasmacluster .flex-item .graph-title-item.mt {
		margin-top: 5rem;
	}
	#sub04.plasmacluster .about-title {
		font-size: 2.4rem;
	}
	.slide-pagination {
		display: none;
	}
	ul.slide-pagination-text li sup {
		color: #fff;
	}
	/* スライドショー・ナビゲーション */
	.outer-container {
		max-width: 860px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5em;
	}
	.slide-next, .slide-prev {
		width: 5%;
		height: 18%;
		margin-top: -6%;
		background-size: 40% auto;
	}
	/* スライドショー（ボタン上） */
	ul.slide-pagination-text.top-button li a {
		font-size: 1.8rem;
	}

	/* スライドショー(ボタン下) */
	ul.slide-pagination-text.under-button {
		display: flex;
		flex-wrap: wrap;
		padding-top: 4em;
	}
	ul.slide-pagination-text.under-button li {
		width: 32%;
		margin-left: 2%;
		margin-top: 1rem;
	}
	ul.slide-pagination-text.under-button li {
		width: 23.5%;
		margin-left: 2%;
		margin-top: 1rem;
	}
	ul.slide-pagination-text li:nth-child(4n-3) {
		margin-left: 0;
	}
	ul.slide-pagination-text li:nth-child(-n+4) {
		margin-top: 0;
	}
	ul.slide-pagination-text.under-button li a:hover, ul.slide-pagination-text.under-button li a.active
		{
		background: #535353;
		color: #fff;
		border-radius: 0.4rem;
	}
	ul.slide-pagination-text.under-button li a {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		padding: 1.2em 1em;
		background: #535353;
		color: #fff;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		border-radius: 0.4rem;
	}
	.slide-top-img {
		width: 90%;
		position: absolute;
		bottom: 0;
		right: 5%;
		z-index: 1;
	}
	.slide-top-box {
		position: relative;
		max-width: 860px;
		margin-left: auto;
		margin-right: auto;
	}
	/* アイコンエリア */
	ul.filter-list-icon {
		display: flex;
		flex-wrap: wrap;
		max-width: 860px;
		margin-left: auto;
		margin-right: auto;
	}
	ul.filter-list-icon li {
		width: 13%;
		margin-top: 3rem;
		margin-left: 4.4%;
		text-align: center;
	}
	ul.filter-list-icon li:nth-child(6n-5) {
		margin-left: 0;
	}
	ul.filter-list-icon li .text {
		font-size: 1.4rem;
		margin-top: 0.2rem;
	}
	/* こちらバナー */
	.arrow-link {
		margin-top: 0rem;
		text-align: left;
	}
	a.btn-detail {
		padding: 0.6em 2em 0.6em 3em;
	}
	a.btn-detail::before {
		left: 2em;
		margin-top: -0.4em;
	}
	/* アローボタン */
	a.btn-detail {
		background: #535353;
		color: #fff;
		display: inline-block;
		padding: 1.2em 2.5em 1.2em 2.5em;
		font-size: 1.4rem;
		line-height: 1;
		text-align: center;
		position: relative;
		text-decoration: none;
		margin-top: 4rem;
	}
	a.btn-detail::before {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f105";
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 0.5em;
		margin-top: -0.5em;
		margin-left: 1.2rem;
	}
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
	.baseWidth {
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
	}
	/* メインタイトル */
	.main-title {
		font-size: 2.4rem;
		line-height: 1.4;
		font-weight: 400;
		text-align: center;
		margin-top: 5rem;
	}
	/* サブセクション */
	.sub-section {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.sub-section .sub-title {
		font-size: 2rem;
		font-weight: 500;
		margin-top: 2.2em;
	}
	.sub-section .img-container {
		margin-top: 1em;
	}
	#sub01.plasmacluster.sub-section .flex-container .text-container, #sub02.plasmacluster.sub-section .flex-container .text-container
		{
		padding-top: 0.2em;
	}
	/* フレックスコンテナ */
	.flex-container>.flex-item {
		width: 100%;
		margin-top: 3rem;
	}
	.flex-container>.flex-item:first-of-type {
		margin-top: 3rem;
	}
	/* 1列画像 860 */
	.sub-section .img-container .img-title {
		padding-bottom: 0.2rem;
	}
	/* こちらバナー */
	.arrow-link {
		margin-top: 0rem;
		text-align: center;
	}
	a.btn-detail {
		padding: 0.6em 2em 0.6em 3em;
	}
	a.btn-detail::before {
		left: 2em;
		margin-top: -0.4em;
	}
	/* アローボタン */
	a.btn-detail {
		background: #535353;
		color: #fff;
		display: inline-block;
		padding: 1.2em 2.5em 1.2em 2.5em;
		font-size: 1.4rem;
		line-height: 1;
		text-align: center;
		position: relative;
		text-decoration: none;
		margin-top: 4rem;
		margin-bottom: 5rem;
	}
	a.btn-detail::before {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f105";
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 0.5em;
		margin-top: -0.5em;
		margin-left: 1.2rem;
	}
	/* 注釈エリア */
	.caption-section {
		padding-top: 4rem;
		padding-bottom: 0rem;
		border-top: solid 1px #999;
	}
	/* 個別スタイル */
	.plasmacluster .graph-title {
		display: block;
		width: 100%;
		background: #000;
		color: #fff;
		padding: 0.1em 2em;
		border-radius: 0.6rem 0.6rem;
		font-size: 1.8rem;
		font-weight: 500;
		margin-bottom: 0.2em;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0;
		text-align: center;
		margin-bottom: 0.2em;
	}
	#sub04.plasmacluster .img-container {
		margin-top: 1em;
	}
	.plasmacluster .img-container .img {
		margin: 0 auto;
		margin-top: 0em;
	}
	#sub02.plasmacluster .flex-item .graph-title-item.mt {
		margin-top: 3rem;
	}
	.sub-sub-text {
		font-size: 1.2rem;
		text-align: right;
	}
	.sub-text.small {
		font-size: 1.2rem;
		text-align: left;
	}
	.sub-text-center {
		font-size: 1.2rem;
		text-align: center;
	}
	#sub04.plasmacluster .about-title {
		font-size: 2.2rem;
	}
	/* スライドショー・ナビゲーション */
	.outer-container {
		margin-top: 3rem;
	}
	.slide-top-img {
		position: absolute;
		bottom: 0;
		right: 5%;
		z-index: 1;
		width: 90%;
	}
	.slide-top-box {
		position: relative;
	}

	/* アイコンエリア */
	ul.filter-list-icon {
		display: flex;
		flex-wrap: wrap;
		max-width: 860px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 3rem;
	}
	ul.filter-list-icon li {
		width: 20.3%;
		margin-top: 0;
		margin-left: 6%;
		text-align: center;
	}
	ul.filter-list-icon li .text {
		font-size: 1.4rem;
		line-height: 1.2;
		padding-top: 0.2rem;
	}
	ul.filter-list-icon li:nth-child(4n-3) {
		margin-left: 0;
	}
}