@charset "utf-8";
/* CSS Document */

a {
	cursor: pointer;
}

/*===========================================
  PC index
=============================================*/
#wrapper.home {
 min-width:1080px;
}
.home h2.tit {
 font-family: 'Roboto', sans-serif;
 font-weight:500;
 font-size:68px;
 text-align:center;
 margin-bottom:18px;
 letter-spacing: 0.045em;
}
.home h3.tit {
 font-size:24px;
 margin-bottom:25px;
}
/* mainVisual
-------------------------------------------*/
#mainVisual{
 margin:0 auto;
	padding:0;
	width:100%;
	height:auto;
 overflow:hidden;
 min-width:1080px;
 position:relative;
 z-index:2;
 color:#FFF;
 min-height:550px;
 top:0;
 background:#252525;
}
#mainMovie {
 margin:0 auto;
	padding:0;
	width:100%;
 overflow:hidden;
 min-width:1080px;
 position:relative;
 top:104px;
}
#mainMovie video {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 100%;
 height: auto;
 z-index:2;
}
#mainVisual video.tate {
 /*width: auto;
 height: 100%;*/
 width: 120%;
 top:40%;
}

#mainSlider .fullSlideShow {
	top:104px;
 min-height:550px;
}
#mainSlider .fullSlideShow li a {
 display:block;
}
#mainSlider .fullSlideShow ul,
#mainSlider .fullSlideShow ul li{
 min-width:1080px !important;
 min-height:550px !important;
}
#mainSlider .pagiNation {
 text-align:right;
}
#mainSlider .pagiNation a{
 width:10px;
 height:10px;
 border-radius:50%;
 background:#c8c8c8;
 opacity:1.0 !important;
}
#mainSlider .pagiNation a.pnActive {
 background:#505050;
 opacity:1.0 !important;
}

#mainSp { display:none;}

/* mainInner
-------------------------------------------*/
#mainInner {
 width:1080px;
 position: absolute;
 top: 70%;
 left: 50%;
 -webkit-transform: translate(-50%,-70%);
 -moz-transform: translate(-50%,-70%);
 -ms-transform: translate(-50%,-70%);
 -o-transform: translate(-50%,-70%);
 transform: translate(-50%,-70%);
 z-index:100;
 text-align:center;
 padding-top:100px;
}
#mainInner .dis {
 font-size:18px;
 line-height:1.75em;
 margin-bottom:50px;
}
#mainInner .scroll {
 display:inline-block;
}
#mainInner .scroll a {
	display: inline-block;
	-webkit-transform: translate(0, 5%);
	transform: translate(0, 5%);
	text-decoration: none;
 font-size:12px;
 letter-spacing:3px;
}
#mainInner .scroll a {
	padding-bottom: 60px;
 color:#FFF;
}
#mainInner .scroll a span {
	position: absolute;
	top: 35px;
	left: 50%;
	width: 24px;
	height: 40px;
	margin-left: -15px;
	border: 1px solid #fff;
	border-radius: 40px;
	box-sizing: border-box;
}
#mainInner .scroll a span::before {
	position: absolute;
	top: 8px;
	left: 50%;
	content: '';
	width: 4px;
	height: 4px;
	margin-left: -2px;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% {	-webkit-transform: translate(0, 0);	opacity: 0;}
	40% {	opacity: 1;}
	80% {-webkit-transform: translate(0, 20px);	opacity: 0;}
	100% {	opacity: 0;}
}
@keyframes sdb {
	0% {	transform: translate(0, 0);	opacity: 0;}
	40% {	opacity: 1;}
	80% {	transform: translate(0, 20px);	opacity: 0;}
	100% { opacity: 0;}
}


/* news ticker
-------------------------------------------*/
#tickerWrapper {
 text-align: left;
 position:absolute;
 bottom:30px;
 left:0;
 z-index:100;
}
#tickerWrapper h3.mi {
 color:#FFF;
 padding:0 0 0 60px;
}
#tickerWrapper .ticker {
 margin: 0;
 padding: 4px 4px 4px 60px;
 width: 356px;
 position: relative;
 overflow: hidden;
 background:rgba(255,255,255,0.5);
}
#tickerWrapper .ticker ul {
 width: 100%;
 position: relative;
}
#tickerWrapper .ticker ul li {
 width: 100%;
 display: none;
 font-size:14px;
}
#tickerWrapper .ticker ul li a {
 color:#000;
}

/* intro
-------------------------------------------*/
#intro {
 padding: 26px 0 40px;
 color:#FFF;
 text-align:center;
 background:url(/images/bg_blue.jpg) no-repeat bottom center #0071CA;
 background-size:100% auto;
}
#intro p.textBlock {
 font-size:18px;
 line-height:1.75em;
 margin-bottom:33px;
}
#intro .textWrap {
 padding-bottom:5px;
}
#intro ul {
 display: inline-block;
}
#intro ul li {
 float: left;
 margin-right: 25px;
}
#intro ul li:last-child {
 margin-right: 0;
}
#intro p.linkBtn {
 width:360px;
}

/* bannerArea
-------------------------------------------*/
#bannerArea {
 padding:40px 0;
 background:#191919;
}
#bannerArea .clm2Slider{
 margin-right:-20px;
}
#bannerArea .clm2Slider .slick-slide{
 margin-right:20px;
}
#bannerArea .slick-slider {
 margin-bottom: 0px;
}
#bannerArea a{
 display:block;
}
#bannerArea a:hover .cap{
 color:#005bac;
}
#bannerArea .cap {
 padding:0 10px;
 font-size:16px;
 color:#FFF;
 margin-bottom:0;
 height:55px;
 overflow:hidden;
}
#bannerArea .ph{
 position:relative;
 margin-bottom:15px;
}
#bannerArea span.bar {
 display:block;
 background:#005bac;
 height:10px;
 position:absolute;
 bottom:0;
 left:50%;
 width:0;
 transition: all 0.2s ease-out;
}
#bannerArea a:hover span.bar {
 width:100%;
 left:0%;
 transition: all 0.2s ease-out;
}

/* technology
-------------------------------------------*/
.home .technology {
 padding:35px 0 15px;
}
.home .technologyList {
 margin:40px 0 0;
 display: -webkit-flex;
 display: flex;
 flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
}
.home .technologyList li {
 /*height:300px;*/
 margin-bottom:30px;
 float: none;
}
.home .technologyList li span.title{
 display:block;
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 100%;
 height: auto;
 z-index:2;
 text-align:center;
 color:#FFF;
 font-size:24px;
 font-weight:500;
}
.home .technologyList li .text{
 padding:0 10px;
 letter-spacing:0px;
 line-height:1.75em;
}


/* newsList
-------------------------------------------*/
.home .news {
 padding-bottom:40px;
}
/* .newsList{
 border-top:1px solid #b4b4b4;
	margin-bottom:40px;
}
.newsList li {
 padding:0 10px;
 border-bottom:1px  dotted #b4b4b4;
}
.newsList li a {
 display:block;
 padding:12px 0;
}
.newsList li .date{
 width:110px;
 float:left;
 clear:left;
} */


/* laboSlider
-------------------------------------------*/
.laboSlider {
	width:950px;
	margin:0 auto;
	padding:35px 0 40px 10px;
	position:relative;
}
.home .laboSlider #carousel a { color:#FFF;}
.home .laboSlider #carousel a:hover{
 color:#005bac;
 text-decoration:underline;
}
.laboSlider .title{
	font-size:18px;
}
.laboSlider .date{
	font-size:14px;
}
.laboSlider .hash{
	font-size:14px;
	float:right;
	clear:right;
}
.slick-initialized .slick-slide {
 display: block;
	padding-right:20px;
	box-sizing:border-box;
}
.slick-prev,
.slick-next{
 top:30%;
	width:40px !important;
	height:40px !important;
}
.slick-next {
 right: -20px;
}
.slick-prev {
 left: -40px;
}



#circle { display:none;}
#circle {
	display:block;
 content: "";
 width: 2400px;
 height: 2400px;
 margin-top:-1200px;
 margin-left:-1200px;
 top:50%;
 left:50%;
 position: fixed;
 background: #000;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 -webkit-transition: all .8s ease-out;
 transition: all .8s ease-out;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transform: scale(.0001);
 transform: scale(.0001);
 z-index:200;
}
#circle.gotoLabo {
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-transition: all .8s ease-out;
 transition: all .8s ease-out;

}

/* contact
-------------------------------------------*/
.contact {
		/* padding:35px 0 30px; */
}
.contact .cmt { padding-left:10px; padding-right:10px;}
.contactInfo {
	margin-top:25px;
}
.contactInfo .telBox {
 background:url(/images/icon_tel.png) no-repeat top 15px left 10px #191919;
	background-size:40px auto;
	padding:15px 0 0;
	height:115px;
	font-size:18px;
	color:#FFF;
	text-align:center;
}
.contactInfo .telBox .num{
	margin-top:27px;
 font-family: 'Roboto', sans-serif;
 font-weight:500;
	font-size:42px;
	color:#0073d2;
}
.contactInfo .linkBtn {
	margin-bottom:10px;
}
.contactInfo .linkBtn a{
	text-align:left;
	padding:13px 0 13px 10px;
}
.contactInfo .linkBtn span{
	display:inline-block;
	margin-right:10px;
}
.contactInfo .linkBtn span img{
	width:40px;
	height:auto;
	vertical-align:middle;
}

/*===========================================
 news 新着情報
=============================================*/
/* newsList
-------------------------------------------*/
/* #news .newsList{
 margin-bottom:0;
 font-size:16px;
 line-height:35px;
}
#news .newsList li a{
 padding:0;
}
#news .newsList li{
 clear:both;
 padding:12px 10px;
 position:relative;
}
#news .newsList li:last-child {
 border-bottom: none;
}
#news .newsList li .title{
 background:url(/images/arr_05.png) no-repeat top 10px right 13px;
 cursor:pointer;
}
#news .newsList li .title:after{
 content: ".";
 display: block;
 height: 0;
 font-size:0;
 clear: both;
 visibility:hidden;
}
#news .newsList li .title .date{
 float:left;
 clear:none;
}
#news .newsList li .title .text{
 float:right;
 width:745px;
 margin-right:65px;
}
#news .newsList li .title.active{
 background:url(/images/arr_06.png) no-repeat top 10px right 13px;
}
#news .newsList li .newsDetail {
 padding:10px 40px 0 110px;
}
#news .newsList li .newsDetail a {
 text-decoration:underline;
}
#news .newsList li.tblank a{
 background:url(/images/blank.png) no-repeat top 10px right 13px;
}
#news .more {
	border-top:1px  dotted #b4b4b4;
 padding:40px 0;
 text-align:center;
}
#news #next {
	text-align:center;
}
#news #next img{
	display:block;
	margin:0 auto;
} */



/*===========================================
 company 会社概要
=============================================*/
#company {
 padding:0 0 50px;
}
#company .topView {
 height:205px;
}
#company .companyLogo {
 width:100%;
 text-align:center;
 position:absolute;
 top:0;
}
#company .companyLogo p{
 width:182px;
 margin:5px auto 0;
}
#company .companyLogo p img{
 width:100%;
 height:auto;
}
#company .bgBlue {
 background:url(/images/bg_blue.jpg) repeat-y,#0073d2;
 background-size:100% auto;
 background-position:top -380px left 0;
 color:#FFF;
 margin-bottom:35px;
}
#company .presitent {
 display:table;
 border-spacing:10px 0;
}
#company .presitent dt,
#company .presitent dd{
 display:table-cell;
 vertical-align: top;
}
#company .presitent dd{
 padding:35px 0 0;
}
#company .presitent dd p{
 font-size:18px;
 line-height:1.75em;
 margin-bottom:1em;
}
#company table{
 border-top: 1px dotted #0073d2;
 font-size:16px;
 line-height:30px;
 margin-bottom:60px;
}
#company table tr{
 border-bottom: 1px dotted #0073d2;
 background:none;
}
#company table th,
#company table td{
 text-align:left;
 border:none;
}
#company table th{
 padding:10px;
 background:#cce3f6;
 width:80px;
}
#company table td{
 background:#fff;
 padding:14px 20px 15px;
}

#company .gmap{
 width:90px;
 display:inline-block;
 margin-left:20px;

}
#company .gmap a{
 display: block;
 background:#0073d2;
 text-align:center;
 color:#FFF;
 font-size:12px;
 line-height:30px;
}


/*===========================================
 privacy プライバシーポリシー
=============================================*/
#privacy .words {
 padding-bottom:30px;
}

/*===========================================
 work 塩の技術・製品情報
=============================================*/
#work .summary {
 padding-bottom:40px;
}
#work .summary .ph { margin:20px 0 0;}
#work .tableBox{ }
#work .tableBox li{ display:table; margin-bottom:5px; vertical-align:top;}
#work .tableBox li > div{ display:table-cell;}
#work .tableBox li .box { padding:0 10px 0 0;}
#work .tableBox li .text { padding:0 10px; line-height:1.75em;}
#work .tableBox li .ph { width:100px; padding-right:10px;}
#work .patent {
 display:inline-block;
 background:#0073d2;
 padding:8px 15px;
 color:#FFF;
 margin:20px 10px 5px;
}
#work.bix .blue{ padding-left:10px;}
#work .youtube {
 margin:40px 0;
}
#work #sio_02 h4{ margin-bottom:40px;}
#work .effectBox {
 border-bottom:1px dotted #b4b4b4;
 margin-bottom:15px;
}
#work section .effectBox:last-child { border:none; margin-bottom:30px;}
#work .effectBox .row{
 display:table;
 margin-bottom:15px;
}
#work .effectBox .row .mi{
 display:table-cell;
 width:70px;
 padding:0 10px;
}
#work .effectBox .row .text{
 display:table-cell;
 padding:0 10px;
}
#work .effectBox .row .effect {
 color:#0073d2;
 font-size:20px;
 line-height:1.75em;
}
#work .logo {
 width:190px;
 padding-left:10px;
}
#work .tool {
 padding:10px;
 font-size:20px;
}
#work .para2{
 margin:20px auto 40px;
}
#work .data{
 padding:0 10px 10px;
}
#work table {
 margin:0 10px 40px;
 width:600px;
}
#work table td.alpha{
 border:none;
 background:none;
 color:#005bac;
 font-weight:bold;
 text-align:left;
 padding-left:10px;
 font-size:18px;
}
#work.bix table th{ text-align:left;}
#work.bix table td:nth-child(3){
 font-weight:bold;
}
#work .arr {
 width:180px;
 margin:0 10px 30px;
 background: url(/images/bg_arr.png) no-repeat top left;
 background-size:100% 100%;
 height:40px;
 font-size:20px;
 line-height:40px;
 color:#FFF;
 padding-left:20px;
}

#work .testCut {
 padding:0 10px 20px;
 line-height:1.75em;
}
#work .btnList{
 padding:20px 0 0;
}
#work .btnList .linkBtn{
 margin-bottom:20px;
}
#work ul.point{
 padding-bottom:25px;
}
#work ul.point li{
 margin-bottom:25px;
}
#work ul.point li p{
 padding:0 10px;
 line-height:1.75em;
}
#work dl.label{
 padding:0 10px;
 margin:20px 0 10px;
}
#work dl.label dt{
 width:80px;
 background:#cce3f6;
 text-align:center;
 float:left;
 clear:left;
 padding:2.5px 0;
 margin-bottom:20px;
}
#work dl.label dd{
 padding:2.5px 10px 2.5px 90px;
 margin-bottom:20px;
 line-height:1.75em;
}
#work dl.thumbBox { display:table; vertical-align:top; margin:0 10px 35px;}
#work dl.thumbBox dt{ display:table-cell; width:180px;}
#work dl.thumbBox dd{ display:table-cell; padding:0 0 0 30px; line-height:1.75em;}

/*20171003 追加*/
#work #sio_06{ padding-top:20px;}
#work .package { padding:0 0 20px;}
#work .package .ph{ margin-bottom:5px;}
#work dl.graTit { display:table; padding:25px 10px 0;}
#work dl.graTit dt{
 display:table-cell;
 color:#FFF;
 font-size:20px;
 padding:5px 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#241916+0,717071+100 */
background: #241916; /* Old browsers */
background: -moz-linear-gradient(left, #241916 0%, #717071 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #241916 0%,#717071 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #241916 0%,#717071 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#241916', endColorstr='#717071',GradientType=1 ); /* IE6-9 */
}
#work dl.graTit dd{
 display:table-cell;
 padding-top:5px;
 vertical-align:top;
 padding-left:25px;
 color:#0073d2;
 font-size:20px;
}


/* barancer
-------------------------------------------*/
#work.barancer #barancer_01 .ph{
 width:32%;
 margin:0 auto;
 padding:20px 0;
}
#work.barancer #barancer_02 .words{
 margin-bottom:25px;
}
#work.barancer #barancer_02 td{
 height:60px;
}
#work.barancer #barancer_03 h5{
 margin-bottom:15px;
}
#work.barancer #barancer_03 table{
 margin:10px 10px 20px;
}
#work.barancer td .flex{
 text-align:left;
}
#work.barancer td .flex:first-child{
 width:90px;
 text-align:center;
}

/* roka
-------------------------------------------*/
#work.roka h4{
 margin-bottom:40px;
}

/* polus
-------------------------------------------*/
#work.polus h4{
 margin-bottom:40px;
}
#work.polus #polus_01 .ph{
 margin-bottom:40px;
}
#work.polus #polus_01 .point{
 padding-top: 20px;
 padding-bottom:0;
}
#work.polus #polus_01 .point li:last-child{
 margin-bottom:0;
}

/* patent
-------------------------------------------*/
#work.patent .patentWrap{
 border:1px solid #0073d2;
 background:#FFF;
}
#work.patent .patentItem{
 color:#333333;
 border-bottom:1px solid #0073d2;
}
#work.patent .patentItem .patentInfo{
 width:100%;
 display:table;
 table-layout:fixed;
 background:#f0f0f0;
 border-bottom:1px dotted #0073d2;
}
#work.patent .patentItem:last-child{
 border-bottom:none;
}
#work.patent .patentItem .patentInfo li{
 padding:15px 0;
 display:table-cell;
 vertical-align:middle;
 text-align:center;
 border-right:1px dotted #0073d2;
}
#work.patent .patentItem .patentInfo li:last-child{
 border-right:none;
}
#work.patent .patentItem .patentDetail {
 padding:15px 20px;
}
#work.patent .patentItem .tit{
 margin-bottom:10px;
}
#work.patent .patentItem .text{
 line-height:1.75em;
 margin-bottom:20px;
}
#work.patent .patentItem .link a{
 color:#0073d2;
 text-decoration:underline;
}
#work.patent .patentItem .link a:hover{
 color:#005bac;
}
#work.patent .patentItem .link a:after{
 content: url(/images/blank_bl.png);
 margin-left:5px;
}
#work.patent .patentItem .link a:hover:after{
 content: url(/images/blank_on.png);
 margin-left:5px;
}

/* sniper
-------------------------------------------*/	
#work.sniper .contentWrap {
 margin-bottom: 40px;
}
#work.sniper .caption{
 display: -webkit-flex;
 display: flex;
 flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
 align-items:center; 
 -webkit-box-align:center;
 -webkit-align-items:center;
 margin: 30px 10px 40px;
}
#work.sniper .caption li{
 width: 48%;
 text-align: center;
 color: #FFF;
 background: #0073d2;
 padding: 10px 0;
 border-radius: 30px;
 font-size: 112.5%;
}
#work.sniper .photos{
 display: -webkit-flex;
 display: flex;
 flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
 align-items:center; 
 -webkit-box-align:center;
 -webkit-align-items:center;
}
#work.sniper .feature dd{
 margin-bottom: 30px;
 padding: 0 10px;
}
#work.sniper .movie {
 width: 100%;
 height: 100%;
 position: relative;
 padding-top: 56.25%;
 margin: 40px 0 0;
}
#work.sniper .movie iframe{
 width: 100%;
 height: 100%;
 position: absolute;
 top:0;
}
#work.sniper table.lineup {
 font-size: 87.5%;
 margin-bottom: 10px;
}
#work.sniper table.lineup td{
 padding: 10px 5px;
}
#work.sniper table.lineup th.clm {
 padding: 5px 0;
 width: 10%;
 box-sizing: border-box;
}
#work.sniper table.lineup th.clm p{
 display: -webkit-flex;
 display: flex;
 flex-direction: column;
 border-bottom: 1px dotted #0073d2;
}
#work.sniper table.lineup th.clm p:last-child{
 border: none;
}
#work.sniper .notice {font-size: 87.5%;}

/* rectifier
-------------------------------------------*/	
#work.rectifier #main h5{
 padding: 10px 10px 20px 10px
}
#work.rectifier .rectifier_logo{
 margin-top: -44px;
 margin-bottom: 10px;
}
#work.rectifier .ph01{
 margin-bottom: 30px;
}
#work.rectifier .words{
 margin-bottom: 20px;
}
#work.rectifier .photos{
 display: -webkit-flex;
 display: flex;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
 align-items:center; 
 -webkit-box-align:center;
 -webkit-align-items:center;
}
#work.rectifier .feature dd{
 margin-bottom: 30px;
 padding: 0 10px;
}
#work.rectifier .para2 {
 margin: 20px auto 20px;
}
#work.rectifier .para2 p{
 padding: 20px 10px 0;
 color: #0073d2;
}
#work.rectifier .notice{
 font-size: 87.5%;
 text-align: right;
}
#work.rectifier .movie {
 width: 100%;
 height: 100%;
 position: relative;
 padding-top: 56.25%;
 margin: 50px 0;
}
#work.rectifier .movie iframe{
 width: 100%;
 height: 100%;
 position: absolute;
 top:0;
}
#work.rectifier .itemflex{
 padding-top: 20px;
 display: -webkit-flex;
 display: flex;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
}
#work.rectifier .itemflex dt.ph{
 padding-right: 10px;
 width: 300px;
}
#work.rectifier .itemflex dd{
 padding: 0 10px;
 width: 290px;
}
#work.rectifier .itemflex dd .word{
 margin-bottom: 20px;
}
#work.rectifier .itemflex dd .caption li{
 margin-bottom: 20px;
 padding: 12px 10px;
 display: block;
 background: #0073d2;
 border-radius: 30px;
 font-size: 112.5%;
 text-align: center;
 color: #FFF;
}
 
/* zeroplus
-------------------------------------------*/	
#work.zeroplus .sky {
 color: #0073d2;
 padding: 0.5em;
 background: #e6f0fa;
 font-size: 95%;
}
#work.zeroplus .photos,
#work.zeroplus .photos ul{
 display: -webkit-flex;
 display: flex;
 flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
 align-items:center; 
 -webkit-box-align:center;
 -webkit-align-items:center;
}
#work.zeroplus .photos ul{
 flex-direction: column;
}
#work.zeroplus .photos li {
 width: 48%;
}
#work.zeroplus .photos  ul li {
 width: 100%;
}
#work.zeroplus .photos .ph {
 margin-bottom: 1em;
}
#work.zeroplus .photos .linkText a {
 display: block;
 text-decoration: underline;
 background: url(/images/arr_08.png) no-repeat center right 10px;
}
#work.zeroplus table.plan {
 font-size: 85%;
 margin-bottom: 1em;
}
#work.zeroplus table.plan tr td{ background:none;}
#work.zeroplus table.plan tr th{ background:#F0F0F0 !important;}
#work.zeroplus .flowWrap li{
 display: -webkit-flex;
 display: flex;
 flex-wrap:nowrap;
 -webkit-flex-wrap:nowrap;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
 align-items:center; 
 -webkit-box-align:center;
 -webkit-align-items:center;
 width: 100%;
 margin-bottom: 3em;
 position: relative;
}
#work.zeroplus .flowWrap li .icon{
 width:11%;
 text-align: center;
 padding-right: 3%;
 vertical-align: top;
 box-sizing: border-box;
}
#work.zeroplus .flowWrap li .icon span{
 font-size: 75%;
 line-height: 1.5em;
 display: block;
 text-align: center;
}
#work.zeroplus .flowWrap li .flow{
 width: 85%;
 background: #e6f0fa;
 color: #0073d2;
 display: table;
}
#work.zeroplus .flowWrap li .num{
 display: table-cell;
 background: #cce3f6;
 text-align: center;
 width: 60px;
 height:60px;
 font-size: 200%;
 line-height: 2em;
}
#work.zeroplus .flowWrap li .text {
 display: table-cell;
 vertical-align: middle;
 padding: 0 1em;
 box-sizing: border-box;
}
#work.zeroplus .flowWrap li:after{
 display: block;
 content: "";
 position: absolute;
 right: 0;
 bottom: -35px;
 left: 0;
 width: 0px;
 height: 0px;
 margin: auto;
 border-style: solid;
 border-color: #c8c8c8 transparent transparent transparent;
 border-width: 20px 14px 0 14px;
}
#work.zeroplus .flowWrap li:last-child:after{
 content: none;
} 
/*===========================================
 contact お問い合わせ
=============================================*/
#contact .form{
 padding:28px 0 35px;
}
#contact .form dl.row{ display:table; margin-bottom:10px;}
#contact .form dl.row dt,
#contact .form dl.row dd{
 display:table-cell;
 vertical-align:top;
}
#contact .form dl.row dt {
 width:220px;
 padding:17px 0 17px 20px;
 background:#dcdcdc;
}
#contact .form dl.row dd {
 padding:5px 0 5px 20px;
 width:680px;
 clear:both;
 vertical-align:middle;
}
#contact .req { color:#005bac; padding-left:5px;}
#contact input[type="text"],
#contact input[type="email"],
#contact textarea,
#contact select,
#contact .checkboxWrap{
	padding:11px 20px 12px;
	border:#191919 1px solid;
	color: #1a1a1a;
 width:100%;
 box-sizing:border-box;
 background:#FFF;
}
#contact textarea{
 height:217px;
}
#contact label {
 display:block;
}
#contact input[type="checkbox"]{
 margin-right:10px;
}
#contact input[type="text"].short,
#contact select.short{
 width:400px;
}
#contact input[type="text"].small {
 width:330px;
 display:block;
 float:left;
}
#contact input[type="text"].small.right { float:right;}
#contact .policyWrapper {
 padding:25px 0 32px;
}
#contact .policy{
 margin:17px 0 32px;
 padding:10px;
 border:1px solid #191919;
 background:#FFF;
}
#contact .contentsInner{
 height:338px;
 padding-left:10px;
 overflow:auto;
}
#contact .policy h3{
 font-size:18px;
 margin:10px 0;
}
#contact select {
 -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
 background:#FFF url(/images/arr_05.png) no-repeat center right 3.5%;
 background-size:10px auto;
 height: 50px;
 vertical-align: middle;
}

#contact .picker__wrap {
 height: 100%;
 margin: 0 auto;
 width: 80%;
}
#contact .picker__box {
 font-size: 16px !important;
}
#contact .picker--time .picker__box {
 font-size: 16px !important;
}
#contact .picker__button--today,
#contact .picker__button--clear,
#contact .picker__button--close {
 font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
 font-size:0.7em !important;
}
@media screen and (min-width: 768px) {
/* scrollbar - chrome safari */
.contentsInner::-webkit-scrollbar{
 overflow:hidden;
 width:8px;
 background:#fafafa;
 -webkit-border-radius:4px;
 border-radius:4px;
}
.contentsInner::-webkit-scrollbar:horizontal{
 height:5px;
}
.contentsInner::-webkit-scrollbar-button{
 display:none;
}
.contentsInner::-webkit-scrollbar-piece{
 background:#eee;
}
.contentsInner::-webkit-scrollbar-piece:start{
 background:#eee;
}
.contentsInner::-webkit-scrollbar-thumb{
 overflow:hidden;
 -webkit-border-radius:4px;
 border-radius:4px;
 background:#000;
}
.contentsInner::-webkit-scrollbar-corner{
 overflow:hidden;
 -webkit-border-radius:4px;
 border-radius:3px;
 background:#000;
}

/* scrollbar - IE */
html,body {
scrollbar-arrow-color:#FFFFFF;
scrollbar-face-color:#000000;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-base-color:#FFFFFF;
}

}

/* error
-------------------------------------------*/
#contact #errorMessage {
 display:none;
 margin-top:10px;
}
#contact .form dl.row.error dt{
 background:#005bac;
 color:#FFF;
}
#contact .form dl.row.error dd input[type="text"],
#contact .form dl.row.error dd input[type="email"],
#contact .form dl.row.error dd textarea,
#contact .form dl.row.error dd select,
#contact .form dl.row.error dd .checkboxWrap{
 border:#005bac 1px solid;
}
#contact p.error {
 color:#005bac;
 font-size:0;
 -webkit-margin-before: 0em;
 -webkit-margin-after: 0em;
 -webkit-margin-start: 0px;
 -webkit-margin-end: 0px;
 line-height:0;
}
#contact .privacy_check p.error {
 font-size:14px;
 line-height:1.5em;
}

/* confirm
-------------------------------------------*/
#contact.conf form{
 padding:40px 0 0;
}
#contact.conf form .clm2 li:first-child{
 margin-bottom:10px;
}
#contact.conf .checkboxWrap{
	border: none;
 background: none;
 padding:0;
}
/* thanks
-------------------------------------------*/
#contact.thanks {
 min-height:400px;
}
#contact.thanks .message {
 padding:0 10px 40px;
}

/*===========================================
 contact お見積もり依頼
=============================================*/
#contact .estimate .linkBtn{
 margin-top:30px;
 margin-bottom:30px;
}

/*===========================================
 contact カタログダウンロード
=============================================*/
#contact iframe#dlWindow {
 border:none;
 width:1px;
 height:1px;
}
#contact ul.download{
 width:100%;
 margin-bottom:40px;
}
#contact ul.download li{
 width:100%;
 display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
 flex-wrap:nowrap;
  -ms-flex-wrap:nowrap;/*--- IE10用 ---*/
  -webkit-flex-wrap:nowrap;/*--- safari（PC）用 ---*/

 justify-content:space-between;
  -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
  -ms-flex-pack:justify;/*--- IE10 ---*/
  -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/

 align-items:center;
  -webkit-box-align:center;/*--- Androidブラウザ用 ---*/
  -ms-flex-align:center;/*--- IE10 ---*/
  -webkit-align-items:center;/*--- safari（PC）用 ---*/
  padding:0 0 10px;
  margin-bottom:10px;
  border-bottom:1px dotted #666;
}
#contact ul.download li > p.filename {
 width:710px;
 padding:0 10px;
 box-sizing:border-box;
}
#contact ul.download li > p.linkBtn{
 width:220px;
 background-image:none;
 background:#191919;
}
#contact ul.download li > p.linkBtn:hover{
 background:#005bac;
}

/*===========================================
 laboratory 塩の秘密基地
=============================================*/
.photoBox { padding:20px 0;}
.photoBox .ph { padding-bottom:20px;}
.photoBox dl dt{ padding:0 10px 20px; font-size:20px;}
.photoBox dl dd{ padding:0 10px 20px;}
.photoBox dl dt .blueBox {
	display: inline-block;
	margin-left: 20px;
	padding:5px;
	width:200px;
	background: #0073d2;
	color: #fff;
	text-align: center;
}

#laboratory a{ color:#FFF;}
#laboratory #main h4 { font-size: 20px; margin-bottom:20px;}
#laboratory #machineNav li {
 padding:15px 0;
}
#laboratory .articleList {
 padding:0;
}
#laboratory .articleList a:hover{
 color:#005bac;
 text-decoration:underline;
}
#laboratory .thumbnails{
 padding:20px 0 0;
}
.articleList .thumbnails .ph {
 margin-bottom:10px;
	height:200px;
	overflow:hidden;
	background:#232323;
}
.thumbnails .youtube {
 width:100% !important;
 height:auto;
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 overflow: hidden;
}
.thumbnails .youtube iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.articleList .thumbnails .title { font-size:18px; padding:0 10px; margin-bottom:10px;}
.articleList .thumbnails .date { font-size:14px; padding:0 10px;}
.articleList .thumbnails .cate { font-size:14px; float:right; clear:right; padding:0 10px;}
.articleList .thumbnails .text { padding:10px;}

#laboratory .articleList .thumbnails li { margin-bottom:30px;}
#laboratory #laboTop_02 .words{
 margin-bottom:30px;
}
#laboratory .laboSlider .thumbnails { padding-top:0;}
#laboratory .laboSlider .thumbnails a{ color:#191919;}
#laboratory .laboSlider .thumbnails a:hover{ color:#005bac; text-decoration:underline;}

#laboratory .carBlock {
	padding-bottom:40px;
}
#laboratory .carBlock h4{
	margin-bottom:40px;
}
#laboratory .carBlock .ph{
	margin-bottom:20px;
}

/* article
-------------------------------------------*/
.article .eyecatch {
	margin-bottom:20px;
}
.article .eyecatch .youtube{
 width:100% !important;
 height:auto !important;
}
.article .eyecatch .youtube {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}
.article .eyecatch .youtube iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.article .date {
	display:inline-block;
	width:120px;
	padding:0 10px;
	margin-bottom:20px;
	font-size:14px;
}
.article .cate {
	display:inline-block;
	margin-bottom:20px;
	font-size:14px;
}
.article .title {
	padding:0 10px;
	font-size:20px;
	line-height:1.75em;
	margin-bottom:20px;
}
.article .content {
	padding-bottom:20px;
}
.article .content p{
	clear:both;
	margin:0;
	padding:0 10px;
	line-height:1.75em;
}
.article .content img{
	clear:both;
	width:100%;
	height:auto;
 margin:20px 0;
}
.article .back {
	margin-top:40px;
}

/* photoGallery
-------------------------------------------*/
.photoGallery .item {
	position:relative;
	padding-right:0;
}
.photoGallery .item .ph{
	margin-bottom:0 !important;
}
.photoGallery .item .caption{
 position: absolute;
	bottom:0;
	width:100%;
	padding:10px 20px;
	box-sizing:border-box;
	background:rgba(0,0,0,0.7);
	font-size:14px;
	line-height:1.75em;
	color:#FFF;
 opacity:0;
	transition: opacity ease-in 0.2s;}
.photoGallery .item:hover .caption{
	opacity:1;
}
.photoGallery .slick-next {
 right: -40px;
}
.photoGallery .slick-dots {
	bottom: 0;
	padding: 20px 0 0;
	position: relative;
}
.photoGallery .slick-dots li {
	width:auto;
}
.photoGallery .slick-dots li button::before {
	content:"";
	font-size: 6px;
}
.photoGallery .slick-dots li button {
 font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size: 14px;
	height: auto;
	line-height:1.75em;
	padding: 0 10px;
	width: auto;
	text-decoration:underline;
	color:#FFF;
}
.photoGallery .slick-dots li.slick-active button{
	text-decoration:none;
	color:#005bac;
}

/* 塩日記
-------------------------------------------*/
#laboratory.diary .articleList {
 padding:0;
}












/* SP */
@media screen and (max-width: 767px) {

/*===========================================
  SP index
=============================================*/
#wrapper.home {
 min-width:100%;
}
.home h2.tit {
 font-size:45px;
 margin-bottom:10px;
}
.home h3.tit {
 font-size:18px;
 margin-bottom:10px;
}

/* mainVisual
-------------------------------------------*/
#mainVisual{
 margin:0 auto;
	padding:0;
	width:100%;
 min-width:100%;
 min-height:450px;
 background:url(/images/bg_dot.png) repeat #333333;
 background-size: 5px 5px;
}
#mainMovie { display: none;}
#mainMovie video {display: none;}
.fullSlideShow { display: none;}

#mainSp {
 display:block !important;
 width:100%;
 height:100%;
 background:url(/images/mv_sp.jpg) no-repeat;
 background-size:cover auto;
}


/* mainInner
-------------------------------------------*/
#mainInner {
 width:100%;
 position: absolute;
 top: 70%;
 left: 50%;
 -webkit-transform: translate(-50%,-70%);
 -moz-transform: translate(-50%,-70%);
 -ms-transform: translate(-50%,-70%);
 -o-transform: translate(-50%,-70%);
 transform: translate(-50%,-70%);
 z-index:100;
 text-align:center;
 padding:100px 0 60px;
}

#mainInner .dis {
 font-size:14px;
 line-height:1.75em;
 margin-bottom:25px;
}
#tickerWrapper { display:none;}
#mainInner .scroll {
 position:absolute;
 bottom:0;
 margin-left:-30px;
}
#mainInner .scroll a {
	-webkit-transform: translate(0, 5%);
	transform: translate(0, 5%);
	text-decoration: none;
 font-size:10px;
 letter-spacing:2px;
}
#mainInner .scroll a {
	padding-bottom: 40px;
 color:#FFF;
}
#mainInner .scroll a span {
	position: absolute;
	top: 30px;
	left: 50%;
	width: 15px;
	height: 25px;
	margin-left: -7.5px;
	border: 1px solid #fff;
	border-radius: 40px;
	box-sizing: border-box;
}
#mainInner .scroll a span::before {
	top: 0px;
	left: 50%;
	content: '';
	width: 3px;
	height: 3px;
	margin-left: -1.5px;
}

/* opening animation
-------------------------------------------*/
#mainSp {
 margin-top:0;
 opacity:1;
 transition: all 0.5s ease 0.1s;
}
#mainInner h2.tit{
 margin-top:0;
 opacity:1;
 transition: all 0.5s ease 0.5s;
}
#mainInner h3.tit{
 margin-top:0;
 opacity:1;
 transition: all 0.5s ease 0.7s;
}
#mainInner .dis{
 margin-top:0;
 opacity:1;
 transition: all 0.5s ease 0.9s;
}
#mainInner .scroll{
 margin-top:0;
 opacity:1;
 transition: all 0.5s ease 1.1s;
}
.startPosi #mainSp { margin-top:-100px; opacity:0;}
.startPosi #mainInner h2.tit{ margin-top:-100px; opacity:0;}
.startPosi #mainInner h3.tit{ margin-top:-10px; opacity:0;}
.startPosi #mainInner .dis{ margin-top:-10px; opacity:0;}
.startPosi #mainInner .scroll{ margin-top:-10px; opacity:0;}

/* intro
-------------------------------------------*/
#intro {
 padding: 20px 0 28px;
 color:#FFF;
 text-align:center;
 background:url(/images/bg_blue.jpg) no-repeat bottom center #0073d2;
 background-size:100% auto;
}
#intro p.textBlock {
 font-size:14px;
 line-height:25px;
 margin-bottom:33px;
}
#intro .textWrap {
 padding-bottom:5px;
}
#intro .textWrap .textBlock:last-child{
 margin-bottom:20px;
}
#intro ul {
 width:100%;
}
#intro ul li {
 float: none;
 margin-right: 0;
 margin-bottom: 10px;
}
#intro ul li:last-child {
 margin-bottom: 0;
}
#intro p.linkBtn {
 width:93%;
}

/* bannerArea
-------------------------------------------*/
#bannerArea {
 padding:20px 3.5%;
 background:#191919;
}
#bannerArea .clm2Slider{
 margin-right: auto;
}
#bannerArea .clm2Slider .slick-slide{
 margin-right: auto;
}
#bannerArea .slick-slider {
 margin-bottom: 0px;
}
#bannerArea img {
 display:block;
 margin-bottom:15px;
}
#bannerArea .cap {
 padding:0;
 font-size:14px;
 margin-bottom:0;
 height: auto;
 overflow:hidden;
}


/* technology
-------------------------------------------*/
.home .technology {
 padding:20px 0;
}
.home .technology .clm2 { display:none;}
.home .technologyList {
 margin:20px 3.5% 0;
}
.home .technologyList li {
 height: auto;
 margin-bottom:30px;
}
.home .technologyList li span.title{
 display:block;
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 100%;
 height: auto;
 z-index:2;
 text-align:center;
 color:#FFF;
 font-size:18px;
}
.home .technologyList li .text{
 padding:0 ;
 letter-spacing:0px;
 font-size:12.5px;
 line-height:20px;
}




/* news
-------------------------------------------*/
.home .news {
 padding-bottom:30px;
}
/* .newsList{
 border-top:1px solid #000;
	margin-bottom:20px;
}
.newsList li {
 font-size:12.5px;
 padding:0 10px;
 border-bottom:1px  dotted #000;
}
.newsList li a {
 display:block;
 padding:10px 0;
}
.newsList li .date{
 display:block;
 width: auto;
 font-size:10px;
 float:none;
} */

/* laboSlider
-------------------------------------------*/
.laboSlider {
	width:100%;
	margin:0 auto;
	padding:20px 0;
}
.laboSlider #carousel{
 width:93%;
 margin:0 auto 15px;
}
.laboSlider #carousel a:hover{
		color: inherit;
		text-decoration: none;
}
.laboSlider .title{
 padding:10px 0 5px;
	font-size:15px;
}
.laboSlider .date{
	font-size:10px;
 margin-right:10px;
}
.laboSlider .hash{
	font-size:10px;
	float: none;
}
.laboSlider .text{
 padding:10px 0 5px;
}
.slick-initialized .slick-slide {
	padding-right:0px;
 width:100%;
}
.slick-next { right: -3.5%;}
.slick-prev { left: -3.5%;}
.slick-prev, .slick-next { top:33%;}


/* contact
-------------------------------------------*/
.contact {
	padding:20px 0;
}
.contactInfo {
	margin-top:25px;
}
.contactInfo .telBox {
 margin:0 3.5% 10px;
 width:93%;
 background:url(/images/icon_tel.png) no-repeat top 10px left 10px #191919;
	background-size:30px auto;
	padding:10px 0;
	height: auto;
	font-size:12.5px;
}
.contactInfo .telBox .num{
	margin-top:5px;
	font-size:30px;
}
.contactInfo .telBox .num a {
 color:#0073d2;
}
.contactInfo .linkBtn a{
	text-align: center;
	padding:10px 0;
 position:relative;
}
.contactInfo .linkBtn span{
 position:absolute;
 width:30px;
 left:10px;
 top:7px;
}
.contactInfo .linkBtn span img{
	width:100%;
}


/*===========================================
 news 新着情報
=============================================*/
/* newsList
-------------------------------------------*/
/* #news .newsList{
 margin-bottom:0;
 font-size:12.5px;
 line-height:22px;
}
#news .newsList li a{
 padding:0;
}
#news .newsList li{
 padding:5px 10px;
 position:relative;
}
#news .newsList li .title{
 padding:0;
 background:none;
 cursor:pointer;
}
#news .newsList li .title .date{
 float:none;
 clear:none;
}
#news .newsList li .title .text{
 float:none;
 width: auto;
 margin-right:0;
}
#news .newsList li .title.active{
 background:none;
}
#news .newsList li .newsDetail {
 padding:10px 0 0;
}
#news .newsList li .closeBtn {
 display: block;
 margin:0 auto;
 width:40px;
 height:30px;
 background:url(/images/arr_05.png) no-repeat center center;
 background-size:10px auto;
 cursor:pointer;
}
#news .newsList li .closeBtn.active {
 background:url(/images/arr_06.png) no-repeat center center;
 background-size:10px auto;
}
#news .newsList li .tblank{
 padding-bottom:0px;
}
#news .newsList li.tblank .linkWrap a{
 padding-bottom:40px;
 background:url(/images/blank.png) no-repeat bottom 10px center;
 background-size:10px auto;
}
#news .newsList li .blakBtn {
 margin:0 auto;
 width:10px;
 height: auto;
 padding:4px 15px;
}
#news .newsList li .blakBtn img{vertical-align:middle;}
#news .more {
 width:40px;
 margin:20px auto;
 padding:0;
 text-align:center;
	border:none;
}
#news #next {
	border-top:1px  dotted #b4b4b4;
	text-align:center;
} */

/*===========================================
 company 会社概要
=============================================*/
#company {
 padding:0 0 35px;
}
#company .topView {
 height: auto;
}
#company .companyLogo {
 width:100%;
 position: static;
}
#company .companyLogo p{
 width:100px;
 margin:25px auto;
}
#company .companyLogo p img{
 width:100%;
 height:auto;
}
#company .bgBlue {
 background:url(/images/bg_blue.jpg) repeat-y,#0073d2;
 background-size:100% auto;
 background-position:bottom 5% left 0;
 color:#FFF;
 margin-bottom:25px;
}
#company .presitent {
 display: block;
 border-spacing:0;
}
#company .presitent dt{
 display:none;
}
#company .presitent dd{
 display: block;
 padding:15px 3.5%;
}
#company .presitent dd p{
 font-size:12.5px;
 line-height:22px;
 margin-bottom:1em;
}
#company table{
 margin-bottom:35px;
 border-top: 1px dotted #0073d2;
 font-size:12.5px;
 line-height:22px;
}
#company table th{
 padding:9px 10px;
 width:20%;
 vertical-align:top;
}
#company table td{
 padding:9px 10px;
}

#company .gmap{
 display:block;
 width:90px;
 margin:5px 0;
 position: static;
}
#company .gmap a{
 display: block;
 background:#0073d2;
 text-align:center;
 color:#FFF;
 font-size:12px;
 line-height:30px;
}

/*===========================================
 work 塩の技術・製品情報
=============================================*/
#work .summary { padding-bottom:40px;}
#work .summary .ph { margin:20px 0 0;}
#work .tableBox li{margin-bottom:30px; }
#work .tableBox li .box { padding:0 10px 0 0;}
#work .tableBox li .text { padding:0 3.5%;}
#work .tableBox li .ph { width:33.5%; padding-right:3.5%;}
#work .patent {
 padding:5px 10px;
 margin:10px 3.5%;
}
#work .blue{ padding-left:3.5%;}
#work .youtube { margin:20px 3.5% 30px;}
#work table td.alpha{
 font-size:11px;
}
#work .effectBox {
 border-bottom:1px dotted #b4b4b4;
 margin-bottom:15px;
}
#work section .effectBox:last-child { border:none; margin-bottom:30px;}
#work .effectBox .row{
 display:table;
 margin-bottom:15px;
}
#work .effectBox .row .mi{
 display:table-cell;
 width:19%;
 padding:0 0 0 2%;
}
#work .effectBox .row .text{
 display:table-cell;
 padding:0 3.5% 0 0;
}
#work .effectBox .row .effect {
 font-size:14px;
 line-height:21.5px;
}
#work .logo {
 width:140px;
 padding-left:3.5%;
}
#work .tool {
 padding:0 3.5%;
 font-size:12.5px;
 margin-bottom:20px;
}
#work .para2{ margin-bottom:30px;}
#work .data{ padding:0 10px 10px;}
#work table { margin:20px 3.5% 20px; width:93%;}
#work .arr {
 width:33%;
 margin:0 3.5% 20px;
 height:30px;
 font-size:14px;
 line-height:30px;
 padding-left:10px;
}
#work .arrList{ margin-bottom:10px;}
#work .arrList li{ padding:0 3.5% 10px;}
#work .arrList li i{ padding-right:5px;}
#work .testCut {
 padding:20px 10px;
}
#work .btnList{
 padding:20px 0 0;
}
#work .btnList .linkBtn{
 margin-bottom:0px;
}

#work dl.label{
 padding:0 3.5%;
}
#work dl.label dt{
 width:18%;
}
#work dl.label dd{
 padding:2.5px 3.5% 2.5px 20%;
}
#work dl.thumbBox { margin:0 3.5% 35px;}
#work dl.thumbBox dt{ width:110px;}
#work dl.thumbBox dd{ padding:0 0 0 10px;}

/*20171003 追加*/
#work #sio_06{ padding-top:20px;}
#work .package { padding:10px 0 10px;}
#work .package .ph {
 margin-top: 10px;
}
#work .package .photo {
 padding:0 3.5%;
 margin-bottom:10px;
}
#work dl.graTit {
 padding:0 3.5%;
}
#work dl.graTit dt{
 font-size:14px;
 padding:5px 20px;
}
#work dl.graTit dd{
 padding-top:5px;
 padding-left:10px;
 font-size:14px;
}
#work .package .btd{
 padding-top:10px;
}

/* barancer
-------------------------------------------*/
#work.barancer td .flex:first-child{
 width:45px;
 text-align:center;
}
#work.barancer #barancer_02 td {
 height: 50px;
}
/* patent
-------------------------------------------*/
#work.patent .patentWrap{
 width:93%;
 margin:0 auto;
 font-size:10px;
}
#work.patent .patentItem .patentInfo li{
 padding:10px 0;
}
#work.patent .patentItem .patentDetail {
 padding:10px 3%;
}
#work.patent .patentItem .tit{
 margin-bottom:5px;
}
#work.patent .patentItem .text{
 margin-bottom:10px;
}
#work.patent .patentItem .link a:after{
 content:'';
 background: url(/images/blank_bl.png) center center;
 background-size:100% auto;
 width:10px;
 height:10px;
 display:inline-block;
 margin-left:3px;
}
#work.patent .patentItem .link a:hover:after{
 content:'';
 background: url(/images/blank_on.png) center center;
 background-size:100% auto;
 width:10px;
 height:10px;
 display:inline-block;
 margin-left:3px;
}
/* sniper
-------------------------------------------*/	
#work.sniper .contentWrap {
 margin-bottom: 20px;
}
#work.sniper .sniper_logo {
 padding: 0 3.5%;
}
#work.sniper .caption{
 display: block;
 margin: 30px 10px 40px;
}
#work.sniper .caption li{
 width: 100%;
 margin-bottom: 10px;
}
#work.sniper .photos li {
 width: 48%;
}
#work.sniper .feature dd{
 margin-bottom: 15px;
 padding: 0 3.5%;
}
#work.sniper .movie {
 width: 93%;
 height:0;
 margin: 20px 3.5% 0;
}
#work.sniper .tableWrap{
 width: 100%;
 margin-bottom: 15px;
 overflow-x: scroll;
 position: relative;
 padding-right: 3.5%;
 box-sizing: border-box;
}
#work.sniper .tableWrap table.lineup{}
#work.sniper table.lineup td{
 white-space: nowrap;
}
/* rectifier
-------------------------------------------*/	
#work.rectifier .rectifier_logo {
 margin-top: -1.5em;
}
#work.rectifier #main h5 {
 padding: 0 3.5% ;
}
#work.rectifier .words{
 margin-bottom: 10px;
}
#work.rectifier .ph01{
 padding-left: 3.5%;
 padding-right: 3.5%;
}
#work.rectifier .photos{
 padding-left: 3.5%;
 padding-right: 3.5%;
}
#work.rectifier .photos li{
 width: 48%;
}
#work.rectifier .notice{
 padding-left: 3.5%;
 padding-right: 3.5%;
}
#work.rectifier .feature dd {
 margin-bottom: 20px;
 padding: 0 3.5%;
}
#work.rectifier .para2 p {
 padding: 10px 0 0;
}
#work.sniper .movie {
 width: 100%;
 height: 100%;
 position: relative;
 padding-top: 56.25% 3% 10px;
 margin: 40px 0 0;
}
 #work.rectifier .movie iframe {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
}
 #work.rectifier .itemflex{
 padding-left: 3.5%;
 padding-right: 3.5%;
 width: 93%;
 -webkit-flex-wrap:wrap;
 flex-wrap:wrap;
}
#work.rectifier .itemflex dt.ph{
 margin: 0 auto 10px;
 padding: 0;
 width: 100%;
}
#work.rectifier .itemflex dd {
 margin: 0 auto;
 padding: 0;
 width: 100%;
}
#work.rectifier .itemflex dd .word {
 margin-bottom: 10px;
}
#work.rectifier .itemflex dd .caption{
 margin: 0 auto;
}
#work.rectifier .itemflex dd .caption li{
 margin: 0 auto 10px;
}
 
 /* zeroplus
-------------------------------------------*/	
#work.zeroplus .sky {
 color: #0073d2;
 padding: 0.5em;
 background: #e6f0fa;
 font-size: 95%;
}
#work.zeroplus .photos {
 width: 93%;
 margin:0 3.5%;
 }
#work.zeroplus .photos,
#work.zeroplus .photos ul{
 display: -webkit-flex;
 display: flex;
 flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
 align-items:center; 
 -webkit-box-align:center;
 -webkit-align-items:center;
}
#work.zeroplus .photos ul{
 flex-direction: column;
}
#work.zeroplus .photos li {
 width: 48%;
}
#work.zeroplus .photos  ul li {
 width: 100%;
}
#work.zeroplus .photos .ph {
 margin-bottom: 1em;
}
#work.zeroplus .photos .linkText a {
 display: block;
 text-decoration: underline;
 background: url(../images/arr_08.png) no-repeat center right 10px;
}
#work.zeroplus table.plan {
 font-size: 85%;
 margin-bottom: 1em;
}
#work.zeroplus table.plan tr td{ background:none;}
#work.zeroplus table.plan tr th{ background:#F0F0F0 !important;}
#work.zeroplus .flowWrap li{
 display: -webkit-flex;
 display: flex;
 flex-wrap:nowrap;
 -webkit-flex-wrap:nowrap;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
 align-items:center; 
 -webkit-box-align:center;
 -webkit-align-items:center;
 width: 93%;
 margin:0 3.5% 3em;
 position: relative;
}
#work.zeroplus .flowWrap li .icon{
 width:13%;
 text-align: center;
 padding-right: 1%;
 vertical-align: top;
 box-sizing: border-box;
}
#work.zeroplus .flowWrap li .icon span{
 font-size: 75%;
 line-height: 1.5em;
 display: block;
 text-align: center;
}
#work.zeroplus .flowWrap li .flow{
 width: 85%;
 background: #e6f0fa;
 color: #0073d2;
 display: table;
}
#work.zeroplus .flowWrap li .num{
 display: table-cell;
 background: #cce3f6;
 text-align: center;
 width: 60px;
 height:60px;
 font-size: 200%;
 line-height: 2em;
}
#work.zeroplus .flowWrap li .text {
 display: table-cell;
 vertical-align: middle;
 padding: 0 1em;
 box-sizing: border-box;
}
#work.zeroplus .flowWrap li:after{
 display: block;
 content: "";
 position: absolute;
 right: 0;
 bottom: -35px;
 left: 0;
 width: 0px;
 height: 0px;
 margin: auto;
 border-style: solid;
 border-color: #c8c8c8 transparent transparent transparent;
 border-width: 20px 14px 0 14px;
}
#work.zeroplus .flowWrap li:last-child:after{
 content: none;
} 
/*===========================================
 contact お問い合わせ
=============================================*/
#contact .form{
 padding:28px 0 35px;
}
#contact .form dl.row{
 display: block;
 margin-bottom:10px;
}
#contact .form dl.row dt,
#contact .form dl.row dd{
 display: block;
}
#contact .form dl.row dt {
 width:100%;
 padding:11px 0;
 margin-bottom:5px;
 text-align:center;
}
#contact .form dl.row dd {
 padding:0 3.5%;
 width:93%;
}
#contact .req { color:#005bac; padding-left:5px;}
#contact input[type="text"],
#contact input[type="email"],
#contact textarea,
#contact select,
#contact .checkboxWrap{
	padding:8px 4%;
	border:#969696 1px solid;
	color: #1a1a1a;
 width:100%;
 box-sizing:border-box;
 border-radius:0px;
}
#contact textarea{
 height:125px;
}
#contact input[type="text"].short,
#contact select.short{
 width:100%;
}
#contact input[type="text"].small {
 width:100%;
 float:none;
 margin-bottom:5px;
}
#contact input[type="text"].small.right {
 float:none;
 margin-bottom:0;
}
#contact .policyWrapper {
 padding:15px 0 32px;
}
#contact .policy{
 margin:17px 3.5% 32px;
 padding:10px;
 border:1px solid #969696;
}
#contact .contentsInner{
 height:200px;
 padding-left:0px;
 overflow:auto;
}
#contact .policy h3{
 font-size:12.5px;
 margin:0 0 10px;
}
#contact select {
 height: 40px;
 line-height: 40px;
 padding:0 4%;
}
#contact .policy .words{
 padding:0;
}
#contact .btnFull input[type="image"]{
 width:93%;
 padding:0 3.5%;
}
#contact .picker__box {
 font-size: 14px !important;
}
#contact .picker--time .picker__box {
 font-size: 14px !important;
}
/* confirm
-------------------------------------------*/
#contact.conf .form dl.row dd {
 padding:5px 3.5%;
 width:93%;
}
#contact.conf .checkboxWrap{
	border: none;
 background: none;
 padding:0;
}
/* thanks
-------------------------------------------*/
#contact.thanks {
 min-height:400px;
}
#contact.thanks .message {
 padding:0 3.5% 40px;
}

/*===========================================
 contact カタログダウンロード
=============================================*/
#contact ul.download{
 margin-bottom:40px;
}
#contact ul.download li{

 display: block;
}
#contact ul.download li > p.filename {
 width:93%;
 padding:0 3.5% 10px;
}
#contact ul.download li > p.linkBtn{
 width:93%;
}


/*===========================================
 laboratory 塩の秘密基地
=============================================*/
.photoBox .ph { padding-bottom:10px;}
.photoBox dl dt{ padding:7px 3.5%; font-size:15px;}
.photoBox dl dd{ padding:0 3.5% 30px;}
.photoBox dl dt .blueBox {
	display: block;
	margin: 10px 0 0;
	padding:5px;
	width:130px;
	font-size:12.5px;
}
#laboratory #main h4 { font-size: 15px;}
#laboratory #machineNav li { padding:7px 0;}
#laboratory .articleList { padding:10px 0;}
#laboratory .thumbnails{ padding: 0px 0 0;}
#laboratory .thumbnails li a {
 display:table;
 padding:0 3.5% 15px;
 width:93%;
}
#laboratory .thumbnails li a > div{ display:table-cell; vertical-align:top;}

.articleList .thumbnails .ph {
 width:31.5%;
	margin-bottom:0;
	height:auto;
	background:none;
}
.articleList .thumbnails .youtube {
 padding-top: 15px;
}
.articleList .thumbnails .title { font-size:12.5px; padding:0 3.5%; margin-bottom:0px;}
.articleList .thumbnails .date { font-size:10px; padding:0 3.5%; line-height:1em;}
.articleList .thumbnails .cate { font-size:10px; float:right; clear:right; padding:0 3.5%; line-height:1em; color:#005bac;}
.articleList .thumbnails .text { padding:0px 3.5%;}

#laboratory .articleList .thumbnails li { border-bottom:1px dotted #FFF; margin-bottom:15px;}
#laboratory #laboTop_02 .words{
 margin-bottom:30px;
}
#laboratory .carBlock h4{ margin-bottom:20px;}

/* photoGallery
-------------------------------------------*/
.article .eyecatch {
	margin:10px 0;
}
.article .date {
	width:95px;
	padding:0 3.5%;
	margin-bottom:10px;
	font-size:10px;
}
.article .cate {
	display:inline-block;
	margin-bottom:10px;
	font-size:10px;
 color:#005bac;
}
.article .title {
	padding:0 3.5%;
	font-size:15px;
	line-height:1.75em;
	margin-bottom:0px;
}
.article .content {
	padding-bottom:20px;
}
.article .content{
	clear:both;
	margin:10px 0;
	padding:0 3.5%;
}
.article .content img{
	clear:both;
	margin:10px 0;
}
.article p.borderBtn.back {
	margin-top:10px;
}

/* photoGallery
-------------------------------------------*/
.photoGallery { margin-bottom:20px;}
.photoGallery .item .caption{
 position: relative;
	padding:10px 3.5%;
	background: none;
	font-size:12.5px;
 opacity:1;
}
.photoGallery .slick-prev {
 left: 0px;
}
.photoGallery .slick-next {
 right: 0px;
}
.photoGallery .slick-dots {
	padding: 0;
}
.photoGallery .slick-dots li {
 width: auto;
	margin:0 2px;
}
.photoGallery .slick-dots li button {
	font-size: 10px;
	padding:0 5px;
}
.photoGallery .slick-dots li.slick-active button{
	color:#0073d2;
}









}