@charset "utf-8";
@import "edit.css";
/*=============================================================
 Common Layout
=============================================================*/
/* reset style
-------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
*{
	padding:0;
	margin:0;
}
section,article,aside,hgroup,header,footer,nav,figure,figcaption,summary{
	display:block;
	padding:0;
	margin:0;
}
ol,ul,dl,li,dt,dd{list-style:none;}
img{vertical-align:top;}
html{-webkit-text-size-adjust:100%;}
body{
	color:#333;
	font:normal 300 14px/1 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
	background:#fff;
	text-align:left;
}
a,img{
	margin:0;
	padding:0;
	border:none;
}
h1,h2,h3,h4,h5,h6{font-size:100%;}
sup,
sub{
	height:0;
	line-height:1;
	vertical-align:baseline;
	margin:0 1px;
	position:relative;
}
sup{bottom:0.7ex;}
sub{top:0.1ex;}

/* JS element
-------------------------------------------------------------*/
.noSc,
.telLink,/* for mobile */
.setAutoHeight,
.setAutoHeight-clm3,
.setAutoHeightTgr,
.ah-tgr,
.setSlider,
.lm-noCurrent{}

/* text Layout
-------------------------------------------------------------*/
.textBold{font-weight:bold !important;}
.textNormal{font-weight:300 !important;}

/*---.nowrap   --- SmartPhone : nowrap */
/*---.nowrap-spNo --- SmartPhone : normal */
/*---.nowrap-pc --- SmartPhone/tablet P : normal */
.nowrap,
.nowrap-pc{white-space:nowrap;}
.textBreak{word-break:break-all;}

small{font-size:100%;}
.textSS{font-size:78.6%;} /* 11px */
.textS{font-size:85.7%;}  /* 12px */
.textL{font-size:114.3%;} /* 16px */
.textLL{font-size:128.6%;}/* 18px */
.textXL{font-size:150%;} /* 21px */
/*---font-weight
Thin: 100
Light: 200
DemiLight: 300
Regular: 400 (normal)
Medium: 500
Bold: 700 (bold)
Black: 900
*/

.lh125{line-height:1.25;}
.lh150{line-height:1.5;}

/* Color */
.textRed{color:#d9210c !important;}
.textGreen{color:#009e96 !important;}
.textBlack{color:#333 !important;}
.key{color:#009e96 !important;}

/* a Element
-------------------------------------------------------------*/
a{
	color:#333;
	text-decoration:underline;
}
a:visited{color:#914f95;}
a:hover{color:#009e96;}
a,
button,
a *,
button *{
	-webkit-transition-property:color, background, opacity, border, box-shadow;
	transition-property:color, background, opacity, border, box-shadow;
	-webkit-transition-duration:0.2s;
	transition-duration:0.2s;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
}
/* overOpc */
.overOpc:hover,
a:hover .overOpc{
	-ms-filter:"alpha(opacity=70)";
	opacity:0.7;
}
.mobile .overOpc:hover,
.mobile a:hover .overOpc{opacity:1;}
html:not(.mobile) .overOpc{
	-webkit-transition:opacity 0.2s ease-out;
	transition:opacity 0.2s ease-out;
}
/* icon */
img.linkIcon{
	background:url(../img/parts_spr.png) no-repeat;
	vertical-align:-3px;
	width:17px;
	height:20px;
	margin:0 0.2em -2px;
	-webkit-transition:none;
	transition:none;
}
img.linkIcon.blank{
	background-position:0 0;
	width:22px;
	height:18px;
	margin:0 0 -1px 4px;
}
img.linkIcon.blankWhite{
	background-position:-86px 0;
	width:22px;
	height:18px;
	margin:0 0 -1px 4px;
}
img.linkIcon.blankS{
	background-position:-109px 0;
	vertical-align:-2px;
	width:14px;
	height:12px;
	margin:0 0 0 4px;
}
img.linkIcon.pdf{background-position:-23px 0;}
img.linkIcon.pdfWhite{background-position:-228px 0;}
img.linkIcon.shop{
	background-position:-196px -25px;
	vertical-align:0;
	width:34px;
	height:30px;
	margin:0;
}
img.linkIcon.net{
	background-position:-161px -25px;
	vertical-align:0;
	width:34px;
	height:30px;
	margin:0;
}

/* container
-------------------------------------------------------------*/
#container{min-width:1000px;}

/* block Layout
-------------------------------------------------------------*/
.dsp-none,
.forReader,
.sp-dsp-block,
.spP-dsp-block,
.spS-dsp-block{display:none;}
.sp-dsp-none,
.spP-dsp-none,
.spS-dsp-none{}
.dsp-block{display:block;}
.dsp-inlineBlock{display:inline-block;}
.dsp-table{display:table;}
.dsp-table>*{
	display:table-cell;
	vertical-align:top;
}

/* Float Element */
.cClear{clear:both !important;}
.fLeft {float:left !important;}
.fRight{float:right !important;}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	width:0;
	height:0;
}
/* width */
.wAuto{width:auto !important;}
.w5 {width:5% !important;}
.w7 {width:7% !important;}
.w10{width:10% !important;}
.w15{width:15% !important;}
.w20{width:20% !important;}
.w25{width:25% !important;}
.w30{width:30% !important;}
.w35{width:35% !important;}
.w40{width:40% !important;}
.w45{width:45% !important;}
.w50{width:50% !important;}
.w50t{
	width:50% !important;
	vertical-align:middle !important;
	border-right:2px solid #ccc;
}
.w55{width:55% !important;}
.w60{width:60% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w90{width:90% !important;}
.w95{width:95% !important;}
.w100{width:100%;}
.sp-wMax{}/*---SmartPhone : 100% */
.sp-wAuto{}/*---SmartPhone : auto */
.sp-w35,
.sp-w40,
.sp-w50,
.sp-w50t,
.sp-w55,
.sp-MaxW-none{}

/* height */
.hAuto{height:auto !important;}
.hMin0{min-height:0 !important;}
.sp-hMin0{}

/* aligh */
.alignL{text-align:left !important;}
.alignC{text-align:center !important;}
.alignR{text-align:right !important;}
.valignT{vertical-align:top !important;}
.valignM{
	vertical-align:middle !important;
	border-right:2px solid #ccc;
}
.valignB{vertical-align:bottom !important;}
.sp-alignL{}

/* margin padding */
.mT0{margin-top:0 !important;}
.mT5{margin-top:5px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mT30{margin-top:30px !important;}
.mT35{margin-top:35px !important;}
.mT40{margin-top:40px !important;}
.mT50{margin-top:50px !important;}
.mT60{margin-top:60px !important;}
.mT70{margin-top:70px !important;}
.mT80{margin-top:80px !important;}
.mT90{margin-top:90px !important;}
.mR0 {margin-right:0 !important;}
.mR10{margin-right:10px !important;}
.mR20{margin-right:20px !important;}
.mR40{margin-right:40px !important;}
.mB0 {margin-bottom:0 !important;}
.mB5 {margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB25{margin-bottom:25px !important;}
.mB30{margin-bottom:30px !important;}
.mB35{margin-bottom:35px !important;}
.mB40{margin-bottom:40px !important;}
.mB50{margin-bottom:50px !important;}
.mL0 {margin-left:0 !important;}
.mL10{margin-left:10px !important;}
.mL20{margin-left:20px !important;}
.mL40{margin-left:40px !important;}
.pT0{padding-top:0 !important;}
.pT5{padding-top:5px !important;}
.pT10{padding-top:10px !important;}
.pT15{padding-top:15px !important;}
.pT20{padding-top:20px !important;}
.pT25{padding-top:25px !important;}
.pT30{padding-top:30px !important;}
.pT35{padding-top:35px !important;}
.pT40{padding-top:40px !important;}
.pT50{padding-top:50px !important;}
.pR0 {padding-right:0 !important;}
.pR10{padding-right:10px !important;}
.pR20{padding-right:20px !important;}
.pR40{padding-right:40px !important;}
.pB0 {padding-bottom:0 !important;}
.pB5 {padding-bottom:5px !important;}
.pB10{padding-bottom:10px !important;}
.pB15{padding-bottom:15px !important;}
.pB20{padding-bottom:20px !important;}
.pB25{padding-bottom:25px !important;}
.pB30{padding-bottom:30px !important;}
.pB35{padding-bottom:35px !important;}
.pB40{padding-bottom:40px !important;}
.pB50{padding-bottom:50px !important;}
.pL0{padding-left:0 !important;}
.pL10{padding-left:10px !important;}
.pL20{padding-left:20px !important;}
.pL40{padding-left:40px !important;}
.sp-mT0,
.sp-mT10,
.sp-mT20,
.sp-mT30,
.sp-mT40,
.sp-mT60,
.sp-pR0,
.sp-pL0{}

/* border */
.noBdr{border:none !important;}
.noBdrT{border-top:none !important;}
.noBdrR{border-right:none !important;}
.noBdrB{border-bottom:none !important;}
.noBdrL{border-left:none !important;}
.imgBdr{border:1px solid #ccc;}

/* background */
.noBg{background:none !important;}

/*=============================================================
 header
=============================================================*/
#header{
	background:url(../img/hdr_bg.png) repeat-x 0 79px;
	z-index:2;
	position: fixed;
  background-color: #fff;
  width: 100%;
}
#header>div{
	width:960px;
	margin:0 auto;
}
/* hdr-logo
-------------------------------------------------------------*/
#hdr-logo{
	height:63px;
	padding-top:16px;
}
/* globalNavSet
-------------------------------------------------------------*/
/* delete JS Style */
@media only screen and (min-width:768px){
#globalNavSet>dd{display:block !important;}
#globalNavSub,
#globalNavSet>dd.showSub>div:first-child:before{display:none !important;}
#container{margin-top:0 !important;}
}
#globalNavSet>dt,
#globalNavSet .btnClose{display:none;}

/* globalNav */
#globalNav{
	font-size:15px;
	font-weight:500;
	line-height:41px;
}
#globalNav li{
	text-align:center;
	float:left;
	width:240px;
}
#globalNav li .fsmall{
	font-size:12px;
}
#globalNav .gbTtl,
#globalNav a{
	color:#fff;
	white-space:nowrap;
	text-decoration:none;
	display:block;
	height:41px;
	padding:0 6px;
	position:relative;
	cursor:pointer;
}
#globalNav .gbTtl:after,
#globalNav a:after,
#globalNav li:first-child>a:before,
#globalNav li:first-child>.gbTtl:before{
	content:"";
	display:block;
	width:0;
	height:16px;
	border-right:1px solid #fff;
	position:absolute;
	right:0;
	top:12px;
}
#globalNav li:first-child>a:before,
#globalNav li:first-child>.gbTtl:before{
	right:auto;
	left:0;
}
#globalNav>li>div{
	background:#fff;
	display:none;
	width:100%;
	position:absolute;
	top:120px;
	left:0;
}

#globalNav.scroll>li>div {
	display: none;
	z-index: 1;
}
#globalNav>li.open>div{
	display:block;
	z-index:1;
}
#nitorifun #gb-nitorifun>div,
#division #gb-division>div,
#service #gb-service>div,
#recruit #gb-recruit>div,
#about_us #gb-about_us>div{display:block;}

#nitorifun .scroll #gb-nitorifun>div,
#division .scroll #gb-division>div,
#service .scroll #gb-service>div,
#recruit .scroll #gb-recruit>div,
#about_us .scroll #gb-about_us>div{display:none;}

#nitorifun .scroll #gb-nitorifun.open>div,
#division .scroll #gb-division.open>div,
#service .scroll #gb-service.open>div,
#recruit .scroll #gb-recruit.open>div,
#about_us .scroll #gb-about_us.open>div{display:block;}

#globalNav>li>div:before{
	content:"";
	border-width:0 6px 10px;
	border-style:solid;
	border-color:#fff transparent;
	position:absolute;
	top:-9px;
	left:50%;
	
}
#globalNav>li:nth-child(1).open>div:before,
#nitorifun #gb-nitorifun>div:before{
	display:block;
	margin-left:-370px;

}
/*#gb-nitorifun>div{
	display:block !important;
}
*/
#globalNav  #gb-nitorifun li a{
	line-height:18px;
}
#globalNav>li:nth-child(2).open>div:before,
#division #gb-division>div:before{
	display:block;
	margin-left:-125px;
}
#globalNav>li:nth-child(3).open>div:before,
#service #gb-service>div:before{
	display:block;
	margin-left:116px;
}
/*#globalNav>li:nth-child(4).open>div:before,
#recruit #gb-recruit>div:before{
	display:block;
	margin-left:350px;
}*/
#globalNav>li:nth-child(4).open>div:before,
#about_us #gb-about_us>div:before{
	display:block;
	margin-left:350px;
}
#nitorifun #header.showLm #gb-nitorifun:not(.open)>div:before,
#division #header.showLm #gb-division:not(.open)>div:before,
#service #header.showLm #gb-service:not(.open)>div:before,
#recruit #header.showLm #gb-recruit:not(.open)>div:before,
#about_us #header.showLm #gb-about_us:not(.open)>div:before{display:none;}
#globalNav li ul{
	display:table;
	width:960px;
	height:48px;
	margin:0 auto;
	padding-top:12px;
}
#globalNav li li{
	float:none;
	width:10%;
	display:table-cell;
}
/*#globalNav li#gb-division div{
	display:block !important;
}
*/
#globalNav li#gb-division li{
	width:calc(100% / 6);
}
#globalNav li#gb-about_us li{
	width:20%;
	vertical-align:top;
}
#globalNav li#gb-service li{
	width:20%;
	vertical-align:top;
}

#globalNav li li.line02 {
	line-height:18px;
	
}
#globalNav li li a{color:#333;}
#globalNav li li a:hover,
#globalNav li li.act>a{color:#009e96;}
#globalNav li:first-child a:before,
#globalNav a:after{border-right-color:#333;}

/* hdr-search
-------------------------------------------------------------*/
#hdr-search{
	position:absolute;
	top:39px;
	right:50%;
	margin-right:-230px;
}
#hdr-search .text{
	font:inherit;
	font-size:12px;
	background-color:#eee;
	box-sizing:border-box;
	width:240px;
	height:28px;
	padding:0 34px 0 10px;
	border:none;
	border-radius:0;
	-webkit-appearance:none;
	appearance:none;
}
#hdr-search .btn{
	background:url(../img/parts_spr.png) no-repeat -41px 0;
	box-sizing:border-box;
	width:21px;
	height:21px;
	margin-top:-10px;
	padding:0;
	border:none;
	border-radius:0;
	position:absolute;
	top:50%;
	right:10px;
	-webkit-appearance:none;
	appearance:none;
}
/* hdr-btnSupport
-------------------------------------------------------------*/
#hdr-btnSupport{
	font-size:12px;
	line-height:14px;
	font-weight:500;
	text-align:center;
	width:240px;
	margin-right:-480px;
	position:absolute;
	top:39px;
	right:50%;
}
#hdr-btnSupport a{
	color:#fff;
	text-decoration:none;
	background-color:#009e96;
	display:block;
}
#hdr-btnSupport span{
	font-size:10px;
}
/* hdr-fontSize
-------------------------------------------------------------*/
#hdr-fontSize{
	font-size:12px;
	line-height:18px;
	text-align:center;
	position:absolute;
	top:12px;
	right:50%;
	margin-right:-480px;
	overflow:hidden;
}
#hdr-fontSize dt{
	float:left;
	padding-right:6px;
}
#hdr-fontSize dd{float:left;}
#hdr-fontSize ul{overflow:hidden;}
#hdr-fontSize li{
	color:#999;
	font-weight:500;
	background-color:#eee;
	float:left;
	width:18px;
	cursor:pointer;
}
#hdr-fontSize li.act{
	color:#fff;
	background-color:#009e96;
	-ms-filter:"alpha(opacity=100)";
	opacity:1;
	cursor:default;
}
/* hdr-menu / hdr-btnLang
-------------------------------------------------------------*/
#hdr-menu,
#hdr-btnLang{
	font-size:12px;
	line-height:18px;
	position:absolute;
	top:45px;
	right:50%;
	margin-right:22px;
}
#hdr-btnLang{
	font-size:11px;
	top:12px;
	margin-right:-342px;
	overflow:hidden;
}
#hdr-btnLang li{
	float:left;
	padding-left:16px;
}
#hdr-btnNew{
	left: 242px;
    position: relative;
}
#hdr-btnHD{
	position:absolute;
	top:-33px;
	right:-219px;
}
#hdr-menu a,
#hdr-btnLang a{
	text-decoration:none;
	display:block;
	padding-left:9px;
	position:relative;
}
#hdr-btnLang a{padding-left:8px;}
#hdr-menu a:before,
#hdr-btnLang a:before{
	content:"";
	border-width:5px 0 5px 6px;
	border-style:solid;
	border-color:transparent #009e96;
	position:absolute;
	top:4px;
	left:0;
}
#hdr-btnLang a:before{
	border-width:4px 0 4px 5px;
	top:5px;
}
/*=============================================================
 topicPath
=============================================================*/
#topicPath{background-color:#009e96;}
#topicPath dl{
	color:#fff;
	font-size:85.7%;
	line-height:1.4;
	width:960px;
	margin:0 auto;
	padding:17px 0;
}
#topicPath a{color:#fff;}

/*=============================================================
 footer
=============================================================*/
#footer{position:relative;}

/* ftr-sitemap
-------------------------------------------------------------*/
#ftr-sitemap{
	font-size:12px;
	line-height:1.3;
}
#ftr-sitemap>dt{display:none;}
#ftr-sitemap>dd{
	width:960px;
	margin:0 auto;
	padding:10px 0 40px;
}
#ftr-sitemap a,
#ftr-sitemap .ttl{
	text-decoration:none;
	display:block;
	padding-left:10px;
	position:relative;
}
#ftr-sitemap a{padding-left:22px;}
#ftr-sitemap a:before{
	content:"";
	border-width:5px 0 5px 6px;
	border-style:solid;
	border-color:transparent #009e96;
	position:absolute;
	top:6px;
	left:10px;
}
#ftr-sitemap .box{
	float:left;
	width:219px;
	padding-left:28px;
}
#ftr-sitemap .box:first-child{padding-left:0;}
#ftr-sitemap .box>ul>li{
	border-top:1px solid #999;
	margin-top:30px;
}
#ftr-sitemap .box>ul>li>a,
#ftr-sitemap .box>ul>li>.ttl{
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
}
#ftr-sitemap .box>ul>li>a:before{top:14px;}
#ftr-sitemap .box>ul>li.s>a{
	font-size:12px;
	font-weight:normal;
}
#ftr-sitemap .box>ul>li.s>a:before{top:12px;}
#ftr-sitemap .box>ul>li>ul,
#ftr-sitemap .box .bdrT{
	border-top:1px dashed #999;
	padding-top:8px;
}
#ftr-sitemap .box .bdrT{margin-top:10px;}
#ftr-sitemap .box ul ul ul{padding:0 0 7px 14px;}
#ftr-sitemap .box li li a,
#ftr-sitemap .box li li .ttl{
	padding-top:4px;
	padding-bottom:4px;
}
/* btn */
#ftr-sitemap .box .btn{
	display:table;
	width:70%;
	padding-top:0;
	border-top:none;
	border-spacing:10px;
}
#ftr-sitemap .box .btn li{
	display:table-cell;
	vertical-align:top;
}
#ftr-sitemap .box .btn a{
	display:inline-block;
	text-align:center;
	padding:0;
}
#ftr-sitemap .box .btn a:before{display:none;}
#ftr-sitemap .box .btn a img{
	display:block;
	margin:0 10px 3px;
}
/* ftr-pagetop
-------------------------------------------------------------*/
#ftr-pagetop{
  margin-right:-480px;
  position:fixed;
  right:50%;
  bottom:0;
  z-index:11;
  -webkit-transition:all 0.4s ease-out;
  transition:all 0.4s ease-out;
}
@media only screen and (min-width:1025px) {
#ftr-pagetop{
  margin-right:-532px;
}
} 
#ftr-pagetop.bottom{
	position:absolute;
	top:-52px;
	bottom:auto;
}
#ftr-pagetop ul{
	float:left;
	overflow:hidden;
}
#ftr-pagetop li{
	font-size:15px;
	line-height:1.3;
	font-weight:bold;
	float:left;
	width:198px;
	padding-right:6px;
}
#ftr-pagetop li a{
	color:#009e96;
	background-color:#fff;
	text-decoration:none;
	box-sizing:border-box;
	display:table;
	width:100%;
	height:52px;
	padding:0 52px 0 46px;
	border:3px solid #009e96;
	border-bottom:none;
	position:relative;
}
#ftr-pagetop li a:before,
#ftr-pagetop li a:after{
	content:"";
	background:url(../img/parts_spr.png) no-repeat 0 0;
	display:block;
	width:22px;
	height:18px;
	margin-top:-9px;
	position:absolute;
	top:50%;
	left:16px;
}
#ftr-pagetop li a:after{
	background-position:-196px -25px;
	width:34px;
	height:30px;
	margin-top:-15px;
	right:15px;
	left:auto;
}
#ftr-pagetop #ftr-btnNitoriNet a{
	color:#e25050;
	border-color:#e25050;
}
#ftr-pagetop #ftr-btnNitoriNet a:before{background-position:-63px 0;}
#ftr-pagetop #ftr-btnNitoriNet a:after{background-position:-161px -25px;}
#ftr-pagetop li a>span{
	display:table-cell;
	vertical-align:middle;
}
#ftr-pagetop p{float:left;}
@media only screen and (min-width:1025px) {
#ftr-pagetop ul {
	position: fixed;
	width: 99px;
	top: 173px;
	right: 0;
	z-index:2;
}	
#ftr-pagetop li {
	float:none;
	width: 99px;
	margin-bottom:10px;
	padding-right: 0;
}
#ftr-pagetop li a {
	height: 99px;
	padding: 0;
	border-right: none;
	text-align:center;
	border-bottom:3px solid #009e96;
}
#ftr-pagetop li a>span {
	padding-bottom:17px;
	font-size:90%;
}
#ftr-pagetop li a:before{
	width:14px;
	height:12px;
	margin:0 0 0 -7px;
	position: absolute;
	top: 10px;
	left: 50%;
}
#ftr-pagetop li#ftr-btnNitoriNet a:before{
	background: url(../img/icn_brank_red.png) no-repeat 0 0;
}
#ftr-pagetop li#ftr-btnShop a:before{
	background: url(../img/icn_brank_green.png) no-repeat 0 0;
}
#ftr-pagetop li a:after {
	width: 34px;
	height: 30px;
	margin:0 0 0 -17px;
	top:auto;
	right:auto;
	left:50%;
	bottom:5px;
}
#ftr-pagetop li:hover{
	-ms-filter:"alpha(opacity=70)";
	opacity:0.7;
}
}

/* ftr-copyrightArea
-------------------------------------------------------------*/
#ftr-copyrightArea{
	color:#fff;
	font-size:12px;
	line-height:1.3;
	background-color:#009e96;
	margin-top:52px;
	position:relative;
}
#ftr-copyrightArea>.boxInr{
	text-align:center;
	width:960px;
	margin:0 auto;
	padding:25px 0 18px;
}
/* ftr-menu */
#ftr-menu{margin-bottom:20px;}
#ftr-menu li{
	display:inline-block;
	padding:0 5px;
}
#ftr-menu a{
	color:#fff;
	text-decoration:none;
	display:inline-block;
	padding-left:9px;
	position:relative;
}
#ftr-menu a:hover{text-decoration:underline;}
#ftr-menu a:before{
	content:"";
	border-width:4px 0 4px 5px;
	border-style:solid;
	border-color:transparent #fff;
	position:absolute;
	top:3px;
	left:0;
}
/* ftr-note */
#ftr-note{
	font-size:10px;
	margin-top:7px;
}
/* ftr-copyright */
#ftr-copyright{
	font-size:10px;
	margin-top:7px;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){

/*=============================================================
 Common Layout
=============================================================*/
/* text Layout
-------------------------------------------------------------*/
.nowrap-pc{white-space:normal;}

/* block Layout
-------------------------------------------------------------*/
#container{
	font-size:16px;
	min-width:320px;
}
img{
	box-sizing:border-box;
	max-width:100%;
	height:auto;
}
.sp-dsp-none{display:none !important;}
.sp-dsp-block,
.dsp-table.sp-dsp-block,
.dsp-table.sp-dsp-block>*{display:block;}
.sp-dsp-inline{display:inline;}

/* width */
.sp-wMax{width:100% !important;}
.sp-wAuto{
	width:auto !important;
	max-width:none !important;
}
.sp-w35{width:35% !important;}
.sp-w40{width:40% !important;}
.sp-w50{width:50% !important;}
.sp-w55{width:55% !important;}
.sp-MaxW-none{max-width:none !important;}

/* height */
.sp-hMin0,
.setAutoHeight.sp-hMin0>*,
.setAutoHeight-clm3.sp-hMin0>*,
.setAutoHeightTgr.sp-hMin0 .ah-tgr{
	height:auto !important;
	min-height:0 !important;
}

/* aligh */
.sp-alignL{text-align:left !important;}

/* margin padding */
.sp-mT0{margin-top:0 !important;}
.sp-mT10{margin-top:10px !important;}
.sp-mT20{margin-top:20px !important;}
.sp-mT30{margin-top:30px !important;}
.sp-mT40{margin-top:40px !important;}
.sp-mT60{margin-top:60px !important;}
.sp-pR20{padding-right:20px !important;}
.sp-pL0{padding-left:0 !important;}

/*=============================================================
 header
=============================================================*/
#header{
	background:#fff;
	height:70px;
	border-bottom:2px solid #009e96;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:31;
}
.iphone.pinchOut:not(.gNavOpen) #header{position:absolute;}
#header>div{
	width:auto;
	padding:0 66px 0 13px;
}
/* hdr-logo
-------------------------------------------------------------*/
#hdr-logo{
	height:auto;
	padding-top:12px;
}
#hdr-logo img{width:217px;}

/* globalNavSet
-------------------------------------------------------------*/
#globalNavSet>dt{
	color:#fff;
	background-color:#009e96;
	display:block;
	width:45px;
	height:45px;
	border:1px solid #fff;
	position:absolute;
	top:12px;
	right:12px;
	z-index:11;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	z-index:32;
}
#globalNavSet>dt:before,
#globalNavSet>dt:after{
	content:"";
	background-color:#fff;
	display:block;
	width:20px;
	height:2px;
	position:absolute;
	top:16px;
	left:50%;
	margin-left:-10px;
	z-index:1;
}
#globalNavSet>dt span{
	font-size:10px;
	font-weight:bold;
	display:block;
	text-align:center;
	padding-top:30px;
}
#globalNavSet>dt span:before{
	content:"";
	width:20px;
	height:12px;
	margin-left:-10px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	top:9px;
	left:50%;
	position:absolute;
}
#globalNavSet>dt:before,
#globalNavSet>dt:after,
#globalNavSet>dt span{
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#globalNavSet.open>dt span:before{border-color:#009e96;}
#globalNavSet.open>dt:before{
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
#globalNavSet.open>dt:after{
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#globalNavSet>dd{
	color:#fff;
	background:none;
	box-sizing:border-box;
	display:none;
	width:200%;
	height:100%;
	padding:0;
	position:fixed;
	top:0;
	left:0;
	z-index:21;
	-webkit-transition:left 0.5s ease, margin 0.5s ease;
	transition:left 0.5s ease, margin 0.5s ease;
}
#globalNavSet>dd.showSub{
	left:-100%;
	margin-left:40px;
}
#globalNavSet>dd>div{
	color:#333;
	background-color:#fff;
	box-sizing:border-box;
	width:50%;
	height:100%;
	padding:72px 13px 0;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	z-index:2;
}
#globalNavSet>dd>div:first-child{
	color:#fff;
	background-color:#009e96;
}
html.gNavOpen #globalNavSet>dd>div{overflow:auto;}
#globalNavSet>dd.showSub>div:first-child{overflow:hidden;}
#globalNavSet>dd.showSub>div:first-child:before{
	content:"";
	background-color:rgba(0, 0, 0, 0);
	display:block;
	width:40px;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	cursor:pointer;
	z-index:3;
}
html.gNavOpen{
	overflow:auto;
	height:100%;
}
html.gNavOpen body{
	height:100%;
	overflow:hidden;
}
html.gNavOpen #globalNavSet>dd>div{-webkit-overflow-scrolling:touch;}

/* globalNavSub */
.showSub #globalNavSub{-webkit-overflow-scrolling:touch;}
#globalNavSub{
	width:auto !important;
	left:50% !important;
	right:40px !important;
	padding-bottom:0 !important;
}
/* globalNav
-------------------------------------------------------------*/
#globalNav,
#globalNavSub>ul{
	font-size:16px;
	line-height:1.3;
	border-top:1px solid #fff;
}
#globalNav li,
#globalNavSub li{
	text-align:left;
	float:none;
	width:auto;
	border-bottom:1px solid #fff;
	position:static;
}
#globalNavSub>ul,
#globalNavSub li{border-color:#333;}
#globalNav .gbTtl,
#globalNav a,
#globalNavSub a{
	color:#fff;
	white-space:normal;
	text-decoration:none;
	display:block;
	height:auto;
	padding:18px 30px 18px 10px;
	position:relative;
	cursor:pointer;
}
#globalNav a,
#globalNavSub a{
	padding-right:10px;
	padding-left:30px;
}
#globalNavSub a{color:#333;}
#globalNav .gbTtl:before,
#globalNav li:first-child>.gbTtl:before,
#globalNav .gbTtl:after{
	content:"";
	display:block;
	width:0;
	height:16px;
	margin-top:-8px;
	border-right:2px solid #fff;
	position:absolute;
	top:50%;
	right:17px;
	left:auto;
}
#globalNav .gbTtl:after{
	width:16px;
	height:0;
	margin-top:-1px;
	border-top:2px solid #fff;
	border-right:none;
	right:10px;
	top:50%;
}
#globalNav a:after{display:none;}
#globalNav a:before,
#globalNavSub a:before{
	content:"";
	margin-top:-5px;
	border-width:5px 0 5px 6px;
	border-style:solid;
	border-color:transparent #009e96;
	position:absolute;
	top:50%;
	left:15px;
}
/* children */
#globalNav li div,
#globalNav>li>div:before{display:none !important;}

/* hdr-search
-------------------------------------------------------------*/
#hdr-search{
	margin:20px 0 0;
	position:relative;
	top:0;
	right:0;
}
#hdr-search .text{
	font-size:16px;
	background-color:#fff;
	width:100%;
	height:50px;
	padding:0 40px 0 13px;
}
#hdr-search .btn{right:12px;}

/* hdr-btnSupport
-------------------------------------------------------------*/
#hdr-btnSupport{
	font-size:16px;
	line-height:1.3;
	text-align:left;
	width:auto;
	margin:10px 0 0;
	position:static;
}
#hdr-btnSupport a{
	background-color:#999;
	padding:14px 13px;
}
/* hdr-menu / hdr-btnLang
-------------------------------------------------------------*/
#hdr-menu,
#hdr-btnLang{
	font-size:13px;
	line-height:16px;
	position:static;
	margin-right:0;
	overflow:hidden;
}
#hdr-menu{
	margin-top:20px;
	border-top:1px solid #fff;
}
#hdr-menu li,
#hdr-btnLang li{
	float:left;
	width:50%;
	padding-left:0;
	border-bottom:1px solid #fff;
	position:relative;
	top:0;
	right:0;
}
#hdr-menu li:nth-child(even):before,
#hdr-btnLang li:nth-child(even):before{
	content:"";
	display:block;
	width:0;
	height:30px;
	margin-top:-15px;
	border-left:1px solid #fff;
	position:absolute;
	top:50%;
	left:0;
}
#hdr-menu a,
#hdr-btnLang a{
	color:#fff;
	text-decoration:none;
	padding:15px 6px 15px 23px;
	position:relative;
}
#hdr-btnHD a{
	padding-top:7px;
	padding-bottom:7px;
}
#hdr-btnHD a .linkIcon{
	background-position:-109px -13px;
	position:absolute;
	right:0;
}
#hdr-menu a:hover,
#hdr-btnLang a:hover{color:#fff;}
#hdr-menu a:before,
#hdr-btnLang a:before{
	margin-top:-5px;
	border-width:5px 0 5px 6px;
	border-color:transparent #fff;
	top:50%;
	left:10px;
}
#hdr-btnNew{
	left: 0;
    position: relative;
}
/*=============================================================
 topicPath
=============================================================*/
#topicPath dl{
	font-size:12px;
	width:auto;
	padding:12px 13px;
}

/*=============================================================
 footer
=============================================================*/
#footer{}

/* ftr-sitemap
-------------------------------------------------------------*/
#ftr-sitemap{
	font-size:16px;
	position:relative;
}
#ftr-sitemap>dt{
	font-size:16px;
	line-height:40px;
	font-weight:500;
	display:block;
	padding:0 36px 0 23px;
	position:relative;
}
#ftr-sitemap>dt:before,
#ftr-sitemap>dt:after{
	content:"";
	background-color:#999;
	display:block;
	width:15px;
	height:2px;
	margin-top:-1px;
	position:absolute;
	top:50%;
	right:13px;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#ftr-sitemap>dt:after{
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}
#ftr-sitemap.open>dt:after{
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	transform:rotate(0);
}
#ftr-sitemap>dd{
	width:auto;
	padding:4px 13px 24px;
}
#ftr-sitemap a{padding-left:12px;}
#ftr-sitemap a:before{
	top:9px;
	left:0;
}
#ftr-sitemap .box{
	float:none;
	width:auto !important;
	padding-left:0;
}
#ftr-sitemap .box:first-child>ul:first-child>li:first-child{margin-top:0;}
#ftr-sitemap .box>ul>li>a,
#ftr-sitemap .box>ul>li.s>a{font-size:17px;}
#ftr-sitemap .box>ul>li.s>a:before{top:16px;}

/* btn */
#ftr-sitemap .box:last-child{
	font-size:12px;
	padding-top:30px;
	border-top:1px solid #999;
}
#ftr-sitemap .box:last-child .ttl{
	font-size:12px;
	padding:0 2px 6px;
}
#ftr-sitemap .box:last-child>ul{
	display:table;
	text-align:center;
	width:100%;
}
#ftr-sitemap .box:last-child>ul>li{
	display:table-cell;
	border-top:none;
}
#ftr-sitemap .box:last-child>ul>li:not(:first-child){border-left:1px solid #999;}
#ftr-sitemap .box .btn{border-spacing:2px;}

#ftr-sitemap .box .btn{
	width:100%;
}

/* ftr-pagetop
-------------------------------------------------------------*/
#ftr-pagetop{
	box-sizing:border-box;
	width:100%;
	margin-right:0;
	padding:0 65px 0 13px;
	right:0;
	bottom:0;
}
#ftr-pagetop ul{
	float:none;
	width:100%;
	display:table;
}
#ftr-pagetop li{
	font-size:12px;
	float:none;
	display:table-cell;
	text-align:center;
	width:50%;
	vertical-align:top;
}
#ftr-pagetop li a{
	padding:0 32px 0 20px;
	border-width:2px;
}
#ftr-pagetop li a:before{
	background-position:-109px 0;
	width:14px;
	height:12px;
	margin-top:-6px;
	left:5px;
}
#ftr-pagetop li a:after{
	width:27px;
	height:25px;
	margin-top:-12px;
	right:3px;
}
#ftr-pagetop p{
	position:absolute;
	top:0;
	right:13px;
	float:none;
}
/* ftr-copyrightArea
-------------------------------------------------------------*/
#ftr-copyrightArea>.boxInr{
	width:auto;
	padding:12px 12px 20px;
}
/* ftr-menu */
#ftr-menu{margin:0 -6px;}
#ftr-menu li{padding:4px 6px;}


}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:440px){

/* block Layout
-------------------------------------------------------------*/
.spP-dsp-none{display:none !important;}
.spP-dsp-block{display:block;}

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones small (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:374px){

/* block Layout
-------------------------------------------------------------*/
.spS-dsp-none{display:none !important;}
.spS-dsp-block{display:block;}

/*=============================================================
 header
=============================================================*/
/* hdr-menu / hdr-btnLang
-------------------------------------------------------------*/
#hdr-btnHD{font-size:12px;}


}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 background
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5),
only screen and (max-width:767px), only screen and (max-device-width:767px){

img.linkIcon,
#hdr-search .btn,
#ftr-pagetop li a:before,
#ftr-pagetop li a:after{
	background-image:url(../img/parts_sp_spr.png);
	background-size:auto 60px;
}


}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Print
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media print{
	
.clearfix{overflow:hidden;}
#ftr-pagetop{display:none !important;}

#globalNavSet,
#localMenu,
#ftr-sitemap,
#ftr-menu{display:none !important;}
#container{min-width:0 !important;}
#header>div,
#topicPath,
#pageBody,
#ftr-copyrightArea>.boxInr{width:auto !important;}
#contents{float:none !important;}
#hdr-logo{padding-top:0 !important;}

.pageblock{page-break-before: always;}
}