@charset "utf-8";
/*PC NPC TAB SP*/
header nav ul#pc-main-menu > li.device a { color:rgba(31,130,205,1);}
.keyvisual {
	background-color:#ebf4ff;
	background-image:url(../images/products/keyvisual.png);
}

/*Index*/
#index #product-device {
	background-color:#62a7dc;
	text-align:justify;
}
#index .product-device .content-box {
	display:block;
	color:#333;
}
#index .product-device .content-box h2 {
	font-weight:bold;
	text-align:center;
	padding:1rem 0.5rem;
	border:solid 1px #666;
}
#index .product-device .content-box .img-box {
	text-align:center;
	padding:1rem;
	margin:1rem auto;
}

/*高精度液面計*/
#site-sentinel #appeal-point {
	background-color:#D2F2FB;
	text-align:justify;
}
#site-sentinel .appeal-point .content-box h3 {
	font-weight:bold;
}
#site-sentinel .appeal-point .content-box h3 span {
	color:#1395d2;
}
#site-sentinel .data-box table th {
	background-color:rgba(255,255,255,1);
}
#site-sentinel .data-box table { margin-bottom:1rem; }
#site-sentinel #appeal {
	background-color:rgba(241,241,241,1)
}
#site-sentinel .appeal h2.title {
	font-weight:700;
}
#site-sentinel .appeal h2.title:first-letter {
	color:rgba(31,130,205,1);
}

/*気相部漏洩点検装置*/
#aaa #appeal-point {
	background-color:#D2F2FB;
	text-align:justify;
}
#aaa .appeal-point .content-box h3 {
	font-weight:bold;
}
#aaa .appeal-point .content-box h3 span {
	color:#1395d2;
}

#aaa .data-box table th {
	background-color:rgba(241,241,241,1);
}
#aaa #data-box {
	background-color:rgba(241,241,241,1)
}
#aaa .appeal h2.title {
	font-weight:700;
}
#aaa .appeal h2.title:first-letter {
	color:rgba(31,130,205,1);
}

#aaa .lineup .supplement_collar {
	display: grid;
	grid-template-rows:1fr;
	grid-template-columns: auto 1fr;
	gap: 2px 0;
}
#aaa .lineup .supplement_collar dt,
#aaa .lineup .supplement_collar dd {
	padding:.5rem 1rem;
}
#aaa .lineup .supplement_collar dd a::before {
	content:"＞";
	display:inline-block;
	margin-right:.25em;
}
#aaa .lineup .data-table {
	margin:1rem 0;
}
#aaa .lineup table thead tr th {
	background-color:#FFF;
}
#aaa .lineup table tbody tr:nth-of-type(1),
#aaa .lineup table tbody tr:nth-of-type(1) th,
#aaa .lineup table tbody tr:nth-of-type(2),
#aaa .lineup table tbody tr:nth-of-type(2) th,
#aaa .lineup .supplement_collar dt:nth-of-type(1)  {
	background-color:#e0f5ff;
}
#aaa .lineup table tbody tr:nth-of-type(3),
#aaa .lineup table tbody tr:nth-of-type(3) th,
#aaa .lineup table tbody tr:nth-of-type(4),
#aaa .lineup table tbody tr:nth-of-type(4) th,
#aaa .lineup .supplement_collar dt:nth-of-type(2)  {
	background-color:#ffe2e8;
}
#aaa .lineup table tbody tr:nth-of-type(5),
#aaa .lineup table tbody tr:nth-of-type(5) th,
#aaa .lineup table tbody tr:nth-of-type(6),
#aaa .lineup table tbody tr:nth-of-type(6) th,
#aaa .lineup .supplement_collar dt:nth-of-type(3)  {
	background-color:#e9fede;
}

/*液相部漏洩点検装置*/
#ss-leak #appeal-point {
	background-color:#D2F2FB;
	text-align:justify;
}
#ss-leak .appeal-point .content-box h3 {
	font-weight:bold;
}
#ss-leak .appeal-point .content-box h3 span {
	color:#1395d2;
}

#ss-leak .data-box table th {
	background-color:rgba(241,241,241,1);
}
#ss-leak #data-box {
	background-color:rgba(241,241,241,1)
}
#ss-leak .appeal h2.title {
	font-weight:700;
}
#ss-leak .appeal h2.title:first-letter {
	color:rgba(31,130,205,1);
}

/*移動タンク漏洩点検装置*/
#aaa-d #appeal-point {
	background-color:#D2F2FB;
	text-align:justify;
}
#aaa-d .appeal-point .content-box h3 {
	font-weight:bold;
}
#aaa-d .appeal-point .content-box h3 span {
	color:#1395d2;
}

#aaa-d .data-box table th {
	background-color:rgba(241,241,241,1);
}
#aaa-d #data-box {
	background-color:rgba(241,241,241,1)
}
#aaa-d .appeal h2.title {
	font-weight:700;
}
#aaa-d .appeal h2.title:first-letter {
	color:rgba(31,130,205,1);
}

#aaa-d .lineup .data-table {
	margin:1rem 0;
}
#aaa-d .lineup table thead tr th {
	background-color:#FFF;
}
#aaa-d .lineup table tbody tr,
#aaa-d .lineup table tbody tr th {
	background-color:#e9fede;
}


/*SP*/
@media not screen and (min-width: 768px) {
/*BASE*/
html {
	scroll-padding-top: calc(60px + 38px + 32px);
}
/*テーブル*/
.data-box table {
	width:100%;
}
.data-box table th,
.data-box table td {
	padding:.5rem 1rem;
}
.data-box table th:not([colspan]) {
	width:8em;
}
#data-box h2.title {
	font-size: 20px;
	margin-bottom:1rem;
}
/*ラインナップ*/
.lineup table {
	width:100%;
}
.lineup table th,
.lineup table td {
	text-align:center;
	vertical-align:middle;
	padding:.5rem 1rem;
}

#lineup h2.title {
	font-size: 20px;
	margin-bottom:1rem;
}

/*Index*/
#index #product-device {
	padding:4rem 2rem;
}
#index .product-device > li {
	background-color:#FFF;
	padding:1rem;
	box-shadow:0 0 6px #1b5581;
	border-radius:10px;
	margin-bottom:2rem;
}
#index .product-device > li:last-child {
	margin-bottom:0;
}
#index .product-device > li .content-box {
	padding:20px;
}
#index .product-device > li h2 {	font-size:14px; text-align:center; margin-bottom:1rem; }
#index .product-device > li h2 span { font-size:18px; }
#index .product-device .content-box .img-box {
	padding:0 1rem;
}
#index .product-device .img-box img {
	width:100%;
}

/*高精度液面計*/
#site-sentinel section {
	padding:4rem 2rem;
}
#site-sentinel .appeal-point h2.title {
	font-size:20px;
	text-align:center;
	margin-bottom:1rem;
}
#site-sentinel .appeal-point ul.contents > li {
	background-color:#FFF;
	padding:1rem;
	box-shadow:0 0 4px #1395d2;
	border-radius:6px;
	margin-bottom:1rem;
}
#site-sentinel .appeal-point ul.contents > li:last-child {
	margin-bottom:0;
}
#site-sentinel .appeal-point ul.contents > li h3 {	font-size:14px; text-align:center; }
#site-sentinel .appeal-point ul.contents > li h3 span { font-size:18px; }
#site-sentinel .appeal-point ul.contents .img-box {
	box-sizing:content-box;
	width:60px;
	padding:2rem;
	margin:auto;
}
#site-sentinel .appeal-point ul.contents .img-box img {
	width:100%;
}
#site-sentinel .appeal h2.title {
	font-size: 24px;
	margin-bottom:1rem;
}

/*気相部漏洩点検装置*/
#aaa section {
	padding:4rem 2rem;
}
#aaa .appeal-point h2.title {
	font-size:20px;
	text-align:center;
	margin-bottom:1rem;
}
#aaa .appeal-point ul.contents > li {
	background-color:#FFF;
	padding:1rem;
	box-shadow:0 0 4px #1395d2;
	border-radius:6px;
	margin-bottom:1rem;
}
#aaa .appeal-point ul.contents > li:last-child {
	margin-bottom:0;
}
#aaa .appeal-point ul.contents > li h3 {	font-size:14px; text-align:center; margin-bottom:1rem; }
#aaa .appeal-point ul.contents > li h3 span { font-size:18px; }
#aaa .appeal-point ul.contents .img-box {
	padding:1rem 0;
}
#aaa .appeal-point ul.contents .img-box img {
	width:100%;
}

#aaa .data-box table,
#aaa .data-box .items-box li:not(:last-child) {
	margin-bottom:2rem;
}
#aaa .data-box .items-box li .img-box {
	margin-bottom:.5em;
}

#aaa .lineup .supplement_collar dd a {
	display: flex;
	margin:1rem 0;	
}
#aaa .lineup .supplement_ico li:not(:last-child) {
	margin-bottom:.5rem;
}

#aaa .specification-diagram h2.title {
	font-size: 20px;
	text-align:center;
	margin-bottom:1rem;
}

/*液相部漏洩点検装置*/
#ss-leak section {
	padding:4rem 2rem;
}
#ss-leak .appeal-point h2.title {
	font-size:20px;
	text-align:center;
	margin-bottom:1rem;
}
#ss-leak .appeal-point ul.contents > li {
	background-color:#FFF;
	padding:1rem;
	box-shadow:0 0 4px #1395d2;
	border-radius:6px;
	margin-bottom:1rem;
}
#ss-leak .appeal-point ul.contents > li:last-child {
	margin-bottom:0;
}
#ss-leak .appeal-point ul.contents > li h3 {	font-size:14px; text-align:center; margin-bottom:1rem; }
#ss-leak .appeal-point ul.contents > li h3 span { font-size:18px; }
#ss-leak .appeal-point ul.contents .img-box {
	padding:1rem 0;
}
#ss-leak .appeal-point ul.contents .img-box img {
	width:100%;
}
#ss-leak .specification-diagram h2.title {
	font-size: 20px;
	margin-bottom:1rem;
}

/*移動タンク漏洩点検装置*/
#aaa-d section {
	padding:4rem 2rem;
}
#aaa-d .appeal-point h2.title {
	font-size:20px;
	text-align:center;
	margin-bottom:1rem;
}
#aaa-d .appeal-point ul.contents > li {
	background-color:#FFF;
	padding:1rem;
	box-shadow:0 0 4px #1395d2;
	border-radius:6px;
	margin-bottom:1rem;
}
#aaa-d .appeal-point ul.contents > li:last-child {
	margin-bottom:0;
}
#aaa-d .appeal-point ul.contents > li h3 {	font-size:14px; text-align:center; margin-bottom:1rem; }
#aaa-d .appeal-point ul.contents > li h3 span { font-size:18px; }
#aaa-d .appeal-point ul.contents .img-box {
	padding:1rem 0;
}
#aaa-d .appeal-point ul.contents .img-box img {
	width:100%;
}

#aaa-d .data-box table,
#aaa-d .data-box .items-box li:not(:last-child) {
	margin-bottom:2rem;
}
#aaa-d .data-box .items-box li .img-box {
	margin-bottom:.5em;
}

#aaa-d .lineup .supplement_ico li:not(:last-child) {
	margin-bottom:.5rem;
}

#aaa-d .specification-diagram h2.title {
	font-size: 20px;
	text-align:center;
	margin-bottom:1rem;
}
}

/*PC NPC TAB*/
@media screen and (min-width: 768px) {
/*BASE*/
html {
	scroll-padding-top: calc(60px + 48px);
}
#device div.page-nav_category menu {
	table-layout:auto;
}
#device div.page-nav_category menu li a {
	padding:0 1rem;
}
/*テーブル*/
.data-box {
	max-width:1440px;
	margin:auto;
}
#data-box h2.title {
	font-size: clamp(32px, 2.8vw, 40px);
	max-width:1440px;
	margin:0 auto 1.5em;
}
#data-box h2.line::before, #data-box h2.line::after { background-color:#CCC;}
#data-box table {
	width:100%;
}
.data-box table th {
	padding:1rem 4rem;
}
.data-box table th:not([colspan]) {
	width:8em;
}
.data-box table td {
	padding:1rem 2rem;
}
/*ラインナップ*/
.lineup {
	max-width:1440px;
	margin:auto;
}
#lineup h2.title {
	font-size: clamp(32px, 2.8vw, 40px);
	max-width:1440px;
	margin:0 auto 1.5em;
}
#lineup h2.line::before, #lineup h2.line::after { background-color:#CCC;}

.lineup table {
	table-layout:fixed;
	width:100%;
}
.lineup table th,
.lineup table td {
	padding:.5rem 1rem;
}

/*Index*/
#index #product-device {
	padding:80px 80px;
}
#index .product-device {
	display: grid;
	grid-template-rows:1fr;
	grid-template-columns: 1fr 1fr;
	gap:4em 4em;
	width:100%;
	max-width:1440px;
	margin:auto;
}
#index .product-device > li {
	background-color:#FFF;
	box-shadow:0 0 10px #1b5581;
	border-radius:20px;
	opacity:1;
	transition:opacity .4s ease-in;
}
#index .product-device > li:hover {
	opacity:.5;
}
#index .product-device > li .content-box {
	padding:40px;
}
#index .product-device > li .content-box > * {
	max-width:400px;
	margin:auto;
}
#index .product-device .content-box h2 {
	font-size:18px;
}
#index .product-device .img-box img {
	width:100%;
}

/*高精度液面計*/
#site-sentinel section {
	padding:80px 60px;
}
#site-sentinel .information .img-box {
	align-self:start;
}
#site-sentinel .appeal-point h2.title {
	font-size: clamp(32px, 2.8vw, 40px);
	max-width:1440px;
	margin:0 auto 1.5em;
}
#site-sentinel .appeal-point ul.contents {
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
	gap:9px 0px;
	width:100%;
	max-width:1440px;
	margin:auto;
}
#site-sentinel .appeal-point ul.contents > li {
	background-color:#FFF;
	padding:40px;
	box-shadow:0 0 4px #1395d2;
	border-radius:6px;
}
#site-sentinel .appeal-point ul.contents > li:nth-child(1),
#site-sentinel .appeal-point ul.contents > li:nth-child(2) { width:calc((100% / 2) - 5px); }
#site-sentinel .appeal-point ul.contents > li:nth-child(3),
#site-sentinel .appeal-point ul.contents > li:nth-child(4),
#site-sentinel .appeal-point ul.contents > li:nth-child(5) { width:calc((100% / 3) - 6px); }

#site-sentinel .appeal-point ul.contents > li:nth-child(1) .content-box,
#site-sentinel .appeal-point ul.contents > li:nth-child(2) .content-box { max-width:500px; }
#site-sentinel .appeal-point ul.contents > li:nth-child(3) .content-box,
#site-sentinel .appeal-point ul.contents > li:nth-child(4) .content-box,
#site-sentinel .appeal-point ul.contents > li:nth-child(5) .content-box { max-width:340px; }
#site-sentinel .appeal-point ul.contents > li .content-box { margin:auto;}

#site-sentinel .appeal-point .content-box h3 { text-align:center; white-space:nowrap; }

#site-sentinel .appeal-point ul.contents > li:nth-child(1) h3,
#site-sentinel .appeal-point ul.contents > li:nth-child(2) h3 {	font-size: clamp(20px, 1.6vw, 28px); }
#site-sentinel .appeal-point ul.contents > li:nth-child(1) h3 span,
#site-sentinel .appeal-point ul.contents > li:nth-child(2) h3 span { font-size:clamp(32px, 2.8vw, 40px); }

#site-sentinel .appeal-point ul.contents > li:nth-child(3) h3,
#site-sentinel .appeal-point ul.contents > li:nth-child(4) h3,
#site-sentinel .appeal-point ul.contents > li:nth-child(5) h3 { font-size:clamp(16px, 1.2vw, 20px) }
#site-sentinel .appeal-point ul.contents > li:nth-child(3) h3 span,
#site-sentinel .appeal-point ul.contents > li:nth-child(4) h3 span,
#site-sentinel .appeal-point ul.contents > li:nth-child(5) h3 span { font-size: clamp(20px, 1.6vw, 28px); }

#site-sentinel .appeal-point ul.contents .img-box {
	box-sizing:content-box;
	width:80px;
	padding:2rem;
	margin:auto;
}
#site-sentinel .appeal-point ul.contents .img-box img {
	width:100%;
}
#site-sentinel .appeal h2.title {
	font-size: clamp(32px, 2.8vw, 40px);
	text-align:center;
	margin-bottom:1.5em;
}

/*気相部漏洩点検装置*/
#aaa section {
	padding:80px 60px;
}
#aaa .information .img-box {
	align-self:start;
}
#aaa .appeal-point h2.title {
	font-size: clamp(32px, 2.8vw, 40px);
	max-width:1440px;
	margin:0 auto 1.5em;
}
#aaa .appeal-point ul.contents {
	display: grid;
	grid-template-rows:1fr;
	grid-template-columns: 1fr 1fr;
	gap:10px 10px;
	width:100%;
	max-width:1440px;
	margin:auto;
}
#aaa .appeal-point ul.contents > li {
	background-color:#FFF;
	padding:40px;
	box-shadow:0 0 4px #1395d2;
	border-radius:6px;
}
#aaa .appeal-point ul.contents > li .content-box {
	max-width:400px;
	margin:auto;
}
#aaa .appeal-point .content-box h3 { font-size:18px; margin-bottom:1rem; }

#aaa .appeal-point ul.contents .img-box {
	padding:1rem 0;
}
#aaa .appeal-point ul.contents .img-box img {
	width:100%;
}

#aaa .specification-diagram h2.title {
	font-size: clamp(32px, 2.8vw, 40px);
	text-align:center;
	margin-bottom:1.5em;
}
#aaa .data-box {
	display: grid;
	grid-template-rows:1fr;
	grid-template-columns: 1fr 300px;
	gap:10px 40px;
	width:100%;
}
#aaa .data-box table th {
	width:6em
}
#aaa .data-box .items-box li:not(:last-child) {
	margin-bottom:40px;
}
#aaa .data-box .items-box li .img-box {
	margin-bottom:.5em;
}

#aaa .lineup .supplement_collar dd a {
	display:inline-block;
	margin-left:2em;	
}

#aaa .lineup .supplement_ico {
	display:flex;
	column-gap:2rem;
}

#aaa .specification-diagram {
	max-width:1440px;
	margin:auto;
}
#aaa .specification-diagram .img-box {
	text-align:center;
}

/*液相部漏洩点検装置*/
#ss-leak section {
	padding:80px 60px;
}
#ss-leak .information .img-box {
	align-self:start;
}
#ss-leak .appeal-point h2.title {
	font-size: clamp(32px, 2.8vw, 40px);
	max-width:1440px;
	margin:0 auto 1.5em;
}
#ss-leak .appeal-point ul.contents {
	display: grid;
	grid-template-rows:1fr;
	grid-template-columns: 1fr 1fr 1fr;
	gap:10px 10px;
	width:100%;
	max-width:1440px;
	margin:auto;
}
#ss-leak .appeal-point ul.contents > li {
	background-color:#FFF;
	padding:40px;
	box-shadow:0 0 4px #1395d2;
	border-radius:6px;
}
#ss-leak .appeal-point ul.contents > li .content-box {
	max-width:400px;
	margin:auto;
}
#ss-leak .appeal-point .content-box h3 { font-size:18px; margin-bottom:1rem; }

#ss-leak .appeal-point ul.contents .img-box {
	padding:1rem 0;
}
#ss-leak .appeal-point ul.contents .img-box img {
	width:100%;
}
#ss-leak .specification-diagram h2.title {
	font-size: clamp(32px, 2.8vw, 40px);
	text-align:center;
	margin-bottom:1.5em;
}
#ss-leak .specification-diagram {
	max-width:1440px;
	margin:auto;
}
#ss-leak .specification-diagram .img-box {
	text-align:center;
}

/*移動タンク漏洩点検装置*/
#aaa-d section {
	padding:80px 60px;
}
#aaa-d .information .img-box {
	align-self:start;
}
#aaa-d .appeal-point h2.title {
	font-size: clamp(32px, 2.8vw, 40px);
	max-width:1440px;
	margin:0 auto 1.5em;
}

#aaa-d .appeal-point ul.contents {
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
	gap:9px 0px;
	width:100%;
	max-width:1440px;
	margin:auto;
}
#aaa-d .appeal-point ul.contents > li {
	background-color:#FFF;
	padding:40px;
	box-shadow:0 0 4px #1395d2;
	border-radius:6px;
}
#aaa-d .appeal-point ul.contents > li:nth-child(1),
#aaa-d .appeal-point ul.contents > li:nth-child(2) { width:calc((100% / 2) - 5px); }
#aaa-d .appeal-point ul.contents > li:nth-child(3),
#aaa-d .appeal-point ul.contents > li:nth-child(4),
#aaa-d .appeal-point ul.contents > li:nth-child(5) { width:calc((100% / 3) - 6px); }

#aaa-d .appeal-point .content-box {
	max-width:400px;
	margin:auto;
}

#aaa-d .appeal-point .content-box h3 { text-align:center; white-space:nowrap; }

#aaa-d .appeal-point ul.contents > li:nth-child(1) h3,
#aaa-d .appeal-point ul.contents > li:nth-child(2) h3 {	font-size:18px; }
#aaa-d .appeal-point ul.contents > li:nth-child(1) h3 span,
#aaa-d .appeal-point ul.contents > li:nth-child(2) h3 span { font-size:24px; }

#aaa-d .appeal-point ul.contents > li:nth-child(3) h3,
#aaa-d .appeal-point ul.contents > li:nth-child(4) h3,
#aaa-d .appeal-point ul.contents > li:nth-child(5) h3 { font-size:16px; }
#aaa-d .appeal-point ul.contents > li:nth-child(3) h3 span,
#aaa-d .appeal-point ul.contents > li:nth-child(4) h3 span,
#aaa-d .appeal-point ul.contents > li:nth-child(5) h3 span { font-size:18px; }

#aaa-d .appeal-point ul.contents .img-box {
	padding:1rem 0;
}
#aaa-d .appeal-point ul.contents .img-box img {
	width:100%;
}

#aaa-d .appeal-point .content-box h3 { font-size:18px; margin-bottom:1rem; }


#aaa-d .specification-diagram h2.title {
	font-size: clamp(32px, 2.8vw, 40px);
	text-align:center;
	margin-bottom:1.5em;
}
#aaa-d .data-box {
	display: grid;
	grid-template-rows:1fr;
	grid-template-columns: 1fr 300px;
	gap:10px 40px;
	width:100%;
}
#aaa-d .data-box table th {
	width:6em
}
#aaa-d .data-box .items-box li:not(:last-child) {
	margin-bottom:40px;
}
#aaa-d .data-box .items-box li .img-box {
	margin-bottom:.5em;
}

#aaa-d .lineup .supplement_ico {
	display:flex;
	column-gap:2rem;
}

#aaa-d .specification-diagram {
	max-width:1440px;
	margin:auto;
}
#aaa-d .specification-diagram .img-box {
	text-align:center;
}
}