@charset "utf-8";
/* ==================================================
		
		ページ全般の共通 PC・SP

================================================== */
/* --------------------------------------------------
-------------------------------------------------- */
html, body {
	height: 100%;f
}
body {
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}
 
/* --------------------------------------------------
		link
-------------------------------------------------- */
a:link, 
a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration: none;
 /*transition: opacity 0.5s;
 opacity: 0.7;*/
}

/* ==================================================
		
		ページ全般の共通 PC

================================================== */
@media screen and (min-width:751px) {
 
/* --------------------------------------------------
		SPの要素を非表示
-------------------------------------------------- */
.spDisp {
	display: none !important;
}
 
/* --------------------------------------------------
		body
-------------------------------------------------- */
body {
	font-size: 14px;
 min-width: 1040px;
}

 
/* --------------------------------------------------
		header
-------------------------------------------------- */
header {
 width: 100%;
 background: #ffffff;
 border-top: 5px solid #adadad;
 position: fixed;
 top: 0;
 z-index: 9999;
}
header:before {
	height: 5px;
 position: absolute;
	top: -5px;
 left: 0;
	width: 30px;
	background-color: #ff0000;
	content: "";
}
header > div > .logo {
 width: 1040px;
 margin: 0 auto;
 padding: 21px 0 25px 30px;
}
header > div > .logo > a > img {
 width: 172px;
}
header > div > nav {
 height: 67px;
 border-top: solid 1px #dddddd;
 border-bottom: solid 1px #dddddd;
}
header > div > nav .nav-inner {
 width: 1000px;
 margin: 0 auto;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
header > div > nav .nav-inner .site-logo {
 padding-top: 15px;
}
header > div > nav .nav-inner > ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 width: 700px;
}
header > div > nav .nav-inner > ul > li {
 height: 67px;
 color: #000;
 letter-spacing: 1px;
 padding: 0 15px 0 21px;
 font-size: 0.9em;
 line-height: 1.2;
 font-weight: bold;
}
header > div > nav .nav-inner > ul > li:hover {
 border-bottom: 3px solid #dd0000;
}
header > div > nav .nav-inner > ul > li > a:link, 
header > div > nav .nav-inner > ul > li > a:visited {
 color: #000;
 display: inline-block;
 padding: 10px 0 17px;
 opacity: 1;
}
.xray header > div > nav .nav-inner > ul .n-xray,
.leak header > div > nav .nav-inner > ul .n-leak, 
.d_balance header > div > nav .nav-inner > ul .n-d_balance,
.film header > div > nav .nav-inner > ul .n-film,
.vacuum header > div > nav .nav-inner > ul .n-vacuum{
 padding: 10px 15px 0 21px;
 border-bottom: 3px solid #dd0000;
}
 
/* --------------------------------------------------
		#contents
-------------------------------------------------- */
#contents {
 padding-top: 154px;
} 
 


/* --------------------------------------------------
		.pagetop
-------------------------------------------------- */
#contents .pagetop {
 position: fixed;
 bottom: 90px;
 right: 46px;
  z-index: 1;
} 
#contents .pagetop > a > img {
 width: 55px;
} 
 
/* --------------------------------------------------
		footer
-------------------------------------------------- */
footer {
 background-color: #ebebeb;
 border-top: 5px solid #adadad;
 position: relative;
} 
footer:before {
	height: 5px;
 position: absolute;
	top: -5px;
 left: 0;
	width: 30px;
	background-color: #ff0000;
	content: "";
} 
footer .footer-inner {
 width: 1040px;
 margin: 0 auto;
 padding: 6px 0 9px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
} 
footer .footer-inner > ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
} 
footer .footer-inner > ul > li > a {
 border-left: 1px solid #080808;
 color: #004ecc;
 display: inline-block;
 line-height: 1;
 padding: 0 15px;
 font-size: 13px;
} 
footer .footer-inner > ul > li:first-of-type > a {
 padding: 0 15px;
} 
footer .footer-inner > ul > li:nth-of-type(2) > a {
 padding: 0 14px 0 20.5px;
} 
footer .footer-inner > ul > li:last-of-type > a {
 border-right: 1px solid #080808;
 padding: 0 15px 0 21.5px;
} 
footer .footer-inner > ul > li > a:hover {
 text-decoration: underline;
} 
footer .footer-inner > p {
 margin-top: -4px;
} 
footer .footer-inner > p > img {
 width: 383px;
} 
 
}


/* ==================================================
		
		ページ全般の共通 SP

================================================== */
@media screen and (max-width:750px) {
 
/* --------------------------------------------------
		PCの要素を非表示
-------------------------------------------------- */
.pcDisp {
	display: none !important;
}
 
/* --------------------------------------------------
		文字サイズの制御
-------------------------------------------------- */
body {
 width: 100%;
 font-size: 14px;
	-webkit-text-size-adjust: 100%;
}
 
/* --------------------------------------------------
		img
-------------------------------------------------- */
img {
	max-width: 100%;
	height: auto;
}
 
/* --------------------------------------------------
		header
-------------------------------------------------- */
header {
 background-color: #ffffff;
 border-top: 3px solid #adadad;
 height: 100%;
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 1000;
 display: block;
 height: 68px;
 }
header:before {
 background-color: #ff0000;
 content: "";
 height: 3px;
 left: 0;
 position: absolute;
 top: -3px;
 width: 20px;
}
header > div > .logo {
 padding: 17px 0 0 17px;
}
header > div > .logo > a > img {
 width: 140px;
}
  
/*	.btn-trigger
-------------------------------------------------- */ 
header .btn-trigger {
 position: relative;
 width: 35px;
 height: 26px;
 cursor: pointer;
}
header .btn-trigger span {
 position: absolute;
 left: 0;
 width: 100%;
 height: 2px;
 background-color: #080808;
 border-radius: 4px;
}
header .btn-trigger, .btn-trigger span {
 position: absolute;
 top: 21px;
 right: 20px;
 display: inline-block;
 transition: all .5s;
 box-sizing: border-box;
}
header .btn-trigger span:nth-of-type(1) {
 top: 0;
}
header .btn-trigger span:nth-of-type(2) {
 top: 11px;
}
header .btn-trigger span:nth-of-type(3) {
 bottom: 0;
}
header #btn-menu.active span:nth-of-type(1) {
 height: 3px;
 -webkit-transform: translateY(9px) rotate(-45deg);
 transform: translateY(9px) rotate(-45deg);
}
header #btn-menu.active span:nth-of-type(2) {
  opacity: 0;
}
header #btn-menu.active span:nth-of-type(3) {
 height: 3px;
 -webkit-transform: translateY(-14px) rotate(45deg);
 transform: translateY(-12px) rotate(45deg);
} 
  
/*	nav
-------------------------------------------------- */ 
nav {
 position: fixed;
 height: 100vh;
 width: 100%;
 left: 0;
 top: -100vh;
 background: #000000;
 transition: .5s;
 z-index: 900;
 overflow-y: scroll;
}
nav > ul {
 text-align: center;
}
nav > ul > li {
 border-bottom: 1px solid #3c3c3c;
}
nav > ul > li > a {
 display: block;
 color: #ffffff;
 letter-spacing: 2px;
 padding: 25px 0;
}
#nav_inner.in{
 transform: translateY(100%); 
 position: fixed;
 margin-top: 68px;
 transition: .5s;
 overflow-y: scroll;
}
 
/* --------------------------------------------------
		#contents
-------------------------------------------------- */
#contents {
 padding-top: 68px;
} 
 
/* --------------------------------------------------
		footer
-------------------------------------------------- */
footer {
 border-top: 5px solid #adadad;
 padding-bottom: 19px;
 position: relative;
} 
footer:before {   
 background-color: #ff0000;
 content: "";
 display: inline-block;
 height: 5px;
 left: 0;
 position: absolute;
 top: -5px;
 width: 30px;
} 
footer .footer-inner > ul > li {
 background-color: #d8d8d8;
 border-bottom: 1px solid #adadad;
} 
footer .footer-inner > ul > li > a {
 color: inherit;
 display: block;
 padding: 24px 20px;
 position: relative;
 text-align: center;
 text-decoration: none;
 font-size: 12px;
} 
footer .footer-inner > ul > li > a:before {
 position: absolute;
 right: 20px;
 top: 45%;
 border: 0;
 content: "";
 display: inline-block;
 height: 8px;
 width: 8px;
 border-right: solid 1px #dd0000;
 border-top: solid 1px #dd0000;
 transform: rotate(45deg);
} 
footer .footer-inner > p {
 text-align: center;
 margin: 3px 0 29px;
} 
footer .footer-inner > p > img {
 width: 280px;
} 
  
/*	.pagetop-sp
-------------------------------------------------- */ 
footer .footer-inner .pagetop-sp {
 text-align: center;
} 
footer .footer-inner .pagetop-sp > a {
 display: block;
} 
footer .footer-inner .pagetop-sp > a:before {
 border: 0;
 content: "";
 display: inline-block;
 height: 22px;
 position: relative;
 width: 22px;
 border-right: solid 1px #111111;
 border-top: solid 1px #111111;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
} 
 
}


@media screen and (min-width: 751px) and (max-width: 1100px) {

header > div > nav .nav-inner .site-logo {
 padding-left: 30px;
}
#contents .breadcrumb > ul > li:first-of-type > a {
 padding-left: 30px;
}


/* --------------------------------------------------
		footer
-------------------------------------------------- */

footer .footer-inner {
 width: 950px;
 margin: 0 auto;
 padding: 6px 0 9px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
} 

header > div > nav .nav-inner > ul > li {
 height: 67px;
 color: #000;
 letter-spacing: 1px;
 padding: 0 5px 0 21px;
}

}