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

/* **ソートリスト**
1__全体設定
2__TOP設定
3__下層設定
4__CSSハック
5__プラグイン制御
6__PCのみ
*/

/*============================
==============================
==============================
==============================
#1__全体設定
============================*/
/* -基本設定- */
a{text-decoration:none;word-break:break-all;color:#23B9FF;}
a:hover{opacity:0.8;cursor: pointer;}
img{max-width:100%;max-height: 100%; width:auto;height:auto;}
body{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height:1.5;min-width:1300px;}
figure{margin:0;}
input,select{border:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-appearance:none;}
input:checked{background:none;}
.animation{-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.en{font-family:"Avenir","Arial","corbel";}
.note{font-size:14px;}
.note p{padding-left:1em; text-indent:-1em;}
h1{color: #505050;font-size: 13px;font-weight: normal;float: left;line-height: 1.3;min-height: 44px;display: flex;align-items: center;-webkit-align-items: center;max-width: 360px;overflow: hidden;white-space: nowrap;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-backface-visibility: hidden;}
sup{font-size: 11px;vertical-align: top;}

/* -画面サイドバナー- */
.sideBanner{position: fixed;right: 0;z-index: 1;top: 190px;margin: auto;height: 140px;}
.sideBanner ul{}
.sideBanner ul li{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;letter-spacing: 2px;}
.sideBanner ul li a{background: #23B9FF;display: block;color: #fff;padding: 15px 7px;font-size: 16px;height:79%;}

body.fixed h1{min-height: 30px;font-size: 11px;line-height: 1.2;}
body.fixed .headerBottom{width: 100%;background:rgba(255,255,255,0.8);top: 31px; position:fixed; z-index:1000;}
body.fixed .headerTop{position: fixed;width: 100%;top: 0;left: 0;z-index: 12;background: #fff;}
body.fixed .headerTop .headerContact .headerTel{line-height: 30px;font-size: 15px;}
body.fixed .headerTop .headerContact .contactBtn a{height: 30px;font-size: 15px;padding: 0 22px;}
body.fixed .headerTop .headerContact .headerTel ul li{padding: 0 12px;}
body.fixed .headerBottom .inner{padding: 7px 0;}
body.fixed .headerBottom .logo{height: 30px;}
body.fixed .headerBottom .logo img{width: 200px;}
body.fixed .nav{padding: 0;}
body.fixed .nav > ul > li{font-size: 15px;}
body.fixed .nav > ul > li > a{padding: 5px 12px 3px 12px;}
body.fixed .nav > ul > li > .sub{top: 46px;}
body.fixed .nav > ul > li > a > span:before{border-width: 5px;bottom: -16px;}

/* -header- */
header{}
.headerTop{border-bottom: 1px solid #D2D2D2;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.headerTop .inner{ width:1000px; margin:0 auto;}
.headerTop .headerContact{float: right;}
.headerTop .headerContact .headerTel{line-height: 44px;font-size:18px;float: left;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.headerTop .headerContact .headerTel ul{}
.headerTop .headerContact .headerTel ul li{float: left;border-left: 1px solid #D2D2D2;padding: 0 20px;}
.headerTop .headerContact .headerTel ul li span{ color:#A8A8A8;}
.headerTop .headerContact .headerTel ul li a{color:#23B9FF;}
.headerTop .headerContact .contactBtn{float: right;margin-bottom: -1px;}
.headerTop .headerContact .contactBtn a{ font-size:17px; color:#fff; background:#23B9FF;display: flex;height: 45px;align-items: center;-webkit-align-items: center;padding: 0 44px;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.headerBottom{position:relative;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.headerBottom:before{position:absolute;content:"";background: url(/img/shadow.png) center center repeat-x;width: 100%;height: 5px;bottom: -5px;}
.headerBottom .inner{ position:relative;width:1000px; margin:0 auto;padding: 11px 0;}
.headerBottom .logo{float: left;height: 60px;display: flex;align-items: center;-webkit-align-items: center;}
.headerBottom .logo img{-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-backface-visibility: hidden;}

/* -nav- */
nav{}
.nav{padding: 8px 0;}
.nav{float: right;}
.nav > ul{}
.nav > ul > li{font-size: 16px;float: left;}
.nav > ul > li > a{color:#000;display: block;padding: 10px 17px 8px 17px; border-bottom:2px solid rgba(0,0,0,0);-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.nav > ul > li > a > span{ position:relative;}
.nav > ul > li > a > span:before{position: absolute;content: "";opacity:0;width: 0;height: 0;border-width: 11px;border-color: transparent transparent #23B9FF transparent;border-style: solid;bottom: -36px;left: 0;right: 0;margin: auto;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.nav > ul > li > .sub{}
.nav > ul > li > .sub > .title{}
.nav > ul > li > .sub > ul{}
.nav > ul > li > .sub > ul > li{}
.nav > ul > li > .sub > ul > li > dl{}
.nav > ul > li > .sub > ul > li > dl > dt{}
.nav > ul > li > .sub > ul > li > dl > dt > a{}
.nav > ul > li > .sub > ul > li > dl > dd{}
.nav > ul > li > .sub > ul > li > dl > dd > a{}

.nav > ul > li:hover > a{ background:#23B9FF !important; color:#fff !important;opacity:1;}
.nav > ul > li:hover > a > span:before{opacity:1;}
.nav > ul > li:hover > a > span:after{ position:absolute; content:"";width:-moz-calc(100% + 24px); width:-ms-calc(100% + 24px); width:-o-calc(100% + 24px); width:-webkit-calc(100% + 24px);width: calc(100% + 24px);height: 200%;top: 30px;left: -12px;margin: auto;}

/* -現在位置設定- */
body#productsPage.index .nav > ul > li:nth-child(1) > a,
body#productsPage.mizusyori .nav > ul > li:nth-child(2) > a,
body#productsPage.micro .nav > ul > li:nth-child(3) > a,
body#productsPage.agriculture .nav > ul > li:nth-child(4) > a,
body#faqPage .nav > ul > li:nth-child(5) > a,
body#companyPage .nav > ul > li:nth-child(6) > a,
body#recruitPage .nav > ul > li:nth-child(7) > a{border-color:#23B9FF;opacity:1;}

/* -main- */
main{position:relative;}
main:before{z-index:-1;background:rgba(0,0,0,0.4);opacity:0;left:0; top:0; right:0; height:100%; width:100%;position:absolute; content:""; -moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;}

main.on:before{opacity:1;z-index:10;}

/* -section- */
section{position:relative;}
.mainArticle section:nth-child(even){ background:#F5F5F5;}
.mainArticle section:nth-child(n+2):before,
section.dot:before{ position:absolute; content:""; background: url(/img/products/products_dots.png) top center no-repeat;width: 24px;height: 24px;top: -12px;left: 0;right: 0;margin: auto;}
.section{ width:1000px; margin:0 auto;}
.section.full{ width:auto;}
.section .sub01{font-weight: normal;margin-bottom: 17px;font-size: 18px;display: block;}
.section .sub02{ display:block; font-size:34px;position: relative;top: -5px;}
.section > .title{position: relative;top: -14px;margin-bottom: 55px;font-size:44px; font-weight:normal; text-align:center;}
.mainArticle section:last-child .section:last-child{padding-bottom: 135px;}
h3.title01{margin-bottom: 54px;font-size: 24px;color: #000;font-weight: normal;font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
h3.title01 span{line-height: 1.3;font-size: 28px;font-weight: bold;color: #23B9FF;display: block;border-bottom: 1px solid #23B9FF;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/* -pankuzu- */
.pankuzuWrap{width: auto;margin-bottom: 70px;border-bottom: 1px solid #D2D2D2;}
.pankuzu{width: 1000px;margin: 0 auto;padding: 16px 0 12px 0;}
.pankuzu > ul{}
.pankuzu > ul > li{position: relative;font-size: 13px;float: left;padding-right: 25px;}
.pankuzu > ul > li:before{position:absolute;content:"";border-top: 1px solid #23B9FF;border-right: 1px solid #23B9FF;width: 9px;height: 9px;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);right: 10px;top: 4px;}
.pankuzu > ul > li:last-child:before{content:none;}
.pankuzu > ul > li > a{ color:#969696;}
.pankuzu > ul > li > .strong{ color:#000;}

/* -お問い合わせ- */
.infoArea{text-align: center; position:relative;}
.infoAreaLink{display: inline-block;margin: 88px auto 88px auto;}
.infoAreaLinkTitle{font-size: 16px;font-weight: bold;color: #23B9FF; text-align:center;border-top: 1px solid #23B9FF;border-bottom: 1px solid #23B9FF;padding: 5px 20px;margin-bottom: 15px;}
.infoAreaLink > ul{text-align: center;}
.infoAreaLink > ul > li{margin-right: 20px;display: inline-block;vertical-align: top;}
.infoAreaLink > ul > li:last-child{margin-bottom:0;margin-right:0;}
.infoAreaLink > ul > li span{ display:block; margin-bottom:10px; font-weight:bold;}
.infoAreaLink > ul > li > a{ display:block;font-size:30px;line-height: 45px;}
.infoAreaLink > ul > li.btn a{font-size: 17px;color: #fff;background: #23B9FF;display: flex;height: 45px;align-items: center;-webkit-align-items: center;padding: 0 44px;}

/* -footer- */
footer{position:relative;}
footer:before{z-index:-1;background:rgba(0,0,0,0.4);opacity:0;left:0; top:0; right:0; height:100%; width:100%;position:absolute; content:""; -moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;}
.footer{}
.footer > .footerLink{background:#23B9FF;padding: 39px 0 4px 0;}
.footer > .footerLink > ul{text-align: center;width:1000px;margin:0 auto;}
.footer > .footerLink > ul > li{display: inline-block;margin-right: 15px;vertical-align: top;}
.footer > .footerLink > ul > li > dl{border-left: 1px solid #BDEAFF;padding-left: 10px;margin-bottom: 25px;text-align: left;}
.footer > .footerLink > ul > li > dl > dt{}
.footer > .footerLink > ul > li > dl > dt > a{color: #fff;font-weight: bold; font-size:16px;}
.footer > .footerLink > ul > li > dl > dd{}
.footer > .footerLink > ul > li > dl > dd:last-child{margin-bottom:0;}
.footer > .footerLink > ul > li > dl > dd > a{color: #C8EDFF; font-size:13px;position:relative;padding-left: 10px;}
.footer > .footerLink > ul > li > dl > dd > a:before{position:absolute;content:"";background: #C8EDFF;width: 5px;height: 5px;-moz-border-radius: 45px;-ms-border-radius: 45px;-o-border-radius: 45px;border-radius: 45px;-webkit-border-radius: 45px;left: 0;top: 4px;}
.footer > .footerCopy{ color:#23B9FF; text-align:center; background:#F5F5F5; font-weight:normal; line-height:80px;}

footer.on:before{opacity:1;z-index:10;}

/*============================
==============================
==============================
==============================
#2__TOP設定
============================*/
/* -基本設定- */
body#topPage .topArticle{}
.topTitle{margin-bottom: 41px;font-size:38px; text-align:center;font-weight:normal;}
.topTitle span{ font-size:16px; display:block;}
body#topPage .mainArticle .section{padding: 66px 0 88px 0;}
body#topPage .pankuzuWrap{top: 1px;position: relative;line-height: 1;margin-bottom:0; border-bottom:none;}
body#topPage .pankuzu{padding-bottom: 15px;}
body#topPage .productsSecTitle{color: #000;border: none;text-align: center;font-size: 20px;}
body#topPage .productsSecEffectTitle,
body#topPage .productsSecEffectTitle span{font-size: 16px;}

/* -トップスライダー- */
.topSlide{ text-align:center;}
.topSlide .slick-track li{ position:relative;background-size: 100% !important; overflow:hidden;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;-webkit-transition:all 0.2s;}
.topSlide .slick-track li:before{content:""; margin-left:-16px;left: -50%;z-index: 6;position: absolute;width: 30px;height: 30px;top: 50%;margin-top: -22px;border-top: 10px solid #fff;border-right: 10px solid #fff;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;-webkit-transition:all 0.2s;}
.topSlide a{display:block;position:relative;}
.topSlide a:after{content: ""; position:absolute; background:rgba(0,0,0,0.2); width:100%; height:100%;left: 0;opacity:0;top: 0;}
.topSlide .label:before{ position:absolute; content:"";width: 100%;height: 100%;background: url(/img/top/slide05_label.png) center center repeat-x;left: 0;top: 0;z-index: 0;}
.topSlide .label img{z-index: 1;position: relative;}

/* -お知らせ- */
.topNewsBlock{padding:61px 0 70px 0;background:#F5F5F5; position:relative;}
.topNews{width: 1010px;margin: 0 auto;}
.topNews > .title{width: 1000px;font-size:20px; color:#000;margin-bottom: 3px; position:relative;}
.topNews > .title a{ position:absolute; right:0;bottom:0; font-size:13px; color:#505050;}
.topNews ul{ font-size:0;}
.topNews ul li{padding:7px 10px;background:#fff; position:relative;margin-right: 14px;margin-bottom: 10px;}
/* .topNews > ul > li{ vertical-align:top;padding:7px 10px;background:#fff; display:inline-block; width:324px; position:relative;margin-right: 14px;margin-bottom: 10px;box-sizing: border-box;} */
.topNews ul li:before{left:0;position:absolute; content:"";background: url(/img/news_shadow.png) bottom center /100% no-repeat;width: 100%;bottom: -9px;height: 10px;}
.topNews ul li:last-child{ margin-right:0;}
.topNews ul li a{ color:#000;}
.topNews ul li a .day{margin-bottom: 9px;font-size:14px; position:relative;}
.topNews ul li a .day span{ color:#fff; font-weight:bold; font-size:13px;width: 90px; position:absolute; right:-5px; top:-2px;line-height: 24px;text-align: center;}
.topNews ul li a .day span.blue{ background:#65CEFF;}
.topNews ul li a .day span.red{ background:#F67880;}
.topNews ul li a .day span.green{ background:#7EC78B;}
.topNews ul li a .text{ color:#797979; font-size:16px;}

/* -お客様へ- */
.topCustomerBlock{}
.topCustomerList{}
.topCustomerList > ul{font-size: 0;}
.topCustomerList > ul > li{border-right: 1px solid #D2D2D2;display: inline-block;width: 250px;vertical-align: top;box-sizing: border-box;padding: 40px 16px 30px 16px; position:relative;}
.topCustomerList > ul > li > .icon{margin-bottom: 33px;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.topCustomerList > ul > li:first-child{ padding-left:0;}
.topCustomerList > ul > li:last-child{ padding-right:0; border-right:none;}
.topCustomerList > ul > li > .icon > img{-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;}
.topCustomerList > ul > li > .title{ text-align:center;margin-bottom: 26px;font-size:24px;}
.topCustomerList > ul > li > .text{font-size:16px; color:#505050;}
.topCustomerList > ul > li > .text > p{}

.topCustomerList > ul > li:hover:before{position:absolute; content:""; width:100%; height:100%; background:#F5F5F5; left:0; top:0; z-index:-1;}
.topCustomerList > ul > li:first-child:hover:before,
.topCustomerList > ul > li:last-child:hover:before{width:-moz-calc(100% + 16px) width:-ms-calc(100% + 16px) width:-o-calc(100% + 16px) width:-webkit-calc(100% + 16px);width:calc(100% + 16px);}
.topCustomerList > ul > li:first-child:hover:before{left:-16px;}
.topCustomerList > ul > li:last-child:hover:before{right:-16px;}
.topCustomerList > ul > li:hover > .icon > img{-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);-webkit-transform: scale(1.15);}

/* -取扱商品- */
.topProductsBlock{}
.topProductsList{}
.topProductsList > ul{ text-align:center;font-size: 0;}
.topProductsList > ul > li{background: #fff;-moz-border-radius: 200px;-ms-border-radius: 200px;-o-border-radius: 200px;border-radius: 200px;-webkit-border-radius: 200px;display: inline-block;vertical-align: top;width: 320px;box-sizing: border-box;padding: 10px 10px 75px 10px;margin-right: 20px;}
.topProductsList > ul > li:last-child{ margin-right:0;}
.topProductsList > ul > li > .img{ position:relative;margin-bottom: 21px;-moz-border-radius: 150px;-ms-border-radius: 150px;-o-border-radius: 150px;border-radius: 150px;-webkit-border-radius: 150px;overflow: hidden;width: 300px;height: 300px;}
.topProductsList > ul > li > .img > a{ position:relative;display: block;opacity:1;-moz-border-radius: 150px;-ms-border-radius: 150px;-o-border-radius: 150px;border-radius: 150px;-webkit-border-radius: 150px; overflow:hidden;}
.topProductsList > ul > li > .img > a:after{content:"";left:-30px;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;z-index: 6;position: absolute;width: 37px;height: 37px;top: 50%;margin-top: -22px;margin-left: -34px;border-top: 10px solid #fff;border-right: 10px solid #fff;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.topProductsList > ul > li > .img:after{-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;content:"more";font-style: italic;position:absolute;font-family: "Avenir","Arial","corbel";color: #fff;font-size: 18px;width: 60px;height: 25px;bottom: 39px;left: 0;right: 0;margin: auto;text-align: center;z-index: 6;opacity:0;}
.topProductsList > ul > li > .img img{-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;}
.topProductsList > ul > li > .title{padding-bottom: 21px;margin: 0px 10px;text-align: center;font-size:24px; border-bottom:1px solid #D2D2D2;}
.topProductsList > ul > li > .title > span{font-weight: bold;color:#A8A8A8; font-size:12px;display: block;text-align: center;}
.topProductsList > ul > li > .text{margin: 0px 10px;padding: 20px 0px;line-height: 27px;color:#5A5A5A;font-size: 16px; text-align:left;}
.topProductsList > ul > li > .text > p{}
.topProductsList > ul > li > .text > p a{ text-decoration:underline;}
.topProductsList > ul > li > .text > p > b{color: #23B9FF; display:block;}

.topProductsList > ul > li.on{background:#23B9FF;}
.topProductsList > ul > li.on > .img > a > img{-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);-webkit-transform: scale(1.15);}
.topProductsList > ul > li.on > .img:after{opacity:1;}
.topProductsList > ul > li.on > .img a:before{ content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.2); z-index:5;}
.topProductsList > ul > li.on > .img a:after{left: 50%;}
.topProductsList > ul > li.on > .img > a > img{}
.topProductsList > ul > li.on > .text > p a,
.topProductsList > ul > li.on > .text > p > b,
.topProductsList > ul > li.on > .title > span,
.topProductsList > ul > li.on > .text,
.topProductsList > ul > li.on > .title{ color:#fff;}

/* -導入事例- */
.topInterviewsBlock{width: 1046px; margin:0 auto;}
.topInterviewsSlide{}
.topInterviewsSlide > ul{}
.topInterviewsSlide > ul > li{ width:190px; margin-right:20px;}
.topInterviewsSlide > ul > li > a{ color:#505050; font-size:16px;}
.topInterviewsImg{ width:190px; margin:0 auto;margin-bottom: 10px; position:relative; overflow:hidden;}
.topInterviewsImg:before,
.topInterviewsImg:after{content: ""; position:absolute;}
.topInterviewsImg:before{ background:rgba(35,185,255,0.8);width: 0%;height: 94.74%; z-index:2; margin:auto; left:2.7%; top:0; bottom:0;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;}
.topInterviewsImg:after{content:""; margin-left:-16px;left: -50%;z-index: 6;position: absolute;width: 15px;height: 15px;top: 50%;margin-top: -22px;border-top: 6px solid #fff;border-right: 6px solid #fff;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;-webkit-transition:all 0.4s;}
.topInterviewsImg .before{position: absolute;font-family: "Avenir","Arial","corbel";color: #fff;font-size: 18px;width: 60px;height: 25px;bottom: 39px;left: 0;right: 0;opacity:0;margin: auto;text-align: center;z-index: 6;font-style: italic;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;-webkit-transition: all 1s;}
.topInterviewsImg > img{}
.topInterviewsName{ color:#505050; text-align:center;margin-bottom: 13px;}
.topInterviewsCategory{margin-bottom: 2px;}
.topInterviewsCategory > span{ background:#4FC7FF; color:#fff; font-size:16px;display: inline-block;padding: 3px 0;width:100%;text-align: center;}
.topInterviewsCategory.two > span{width: 50%;}
.topInterviewsCategory > span:nth-child(2){background:#4EA3FF;}
.topInterviewsLabel{ font-size:18px; border:2px solid #D5D5D5; color:#000;padding: 3px 0 4px 0;text-align: center;margin-bottom: 11px;}
.topInterviewsText{color: #000;font-size:15px; font-weight:bold; text-align:center;}
.topInterviewsText > span{ color:#858585; font-size:13px;display:block;margin-top: 4px;}

.topInterviewsImg:hover:before{width: 94.74%;}
.topInterviewsImg:hover:after{left: 50%;}
.topInterviewsImg:hover .before{opacity:1;}

/* -採用情報- */
section:nth-child(odd) .topInfoList > ul > li .topInfoListArea,
section:nth-child(odd) .topInfoTop{background:#F5F5F5;}
section:nth-child(even) .topInfoList > ul > li .topInfoListArea,
section:nth-child(even) .topInfoTop{ background:#fff;}

.topInfoBlock{}
.topInfoTop > h3.topInfoTopTItle{margin-bottom: 28px;margin-bottom: 25px;font-size:24px; color:#23B9FF; text-align:center; font-weight:normal;}
.topInfoTop{padding: 30px 0 29px 0;line-height: 25px;margin-bottom: 73px;color:#505050; font-size:15px; text-align:center;}
.topInfoTop > p{margin-bottom: 26px;}
.topInfoTop > p:last-child{ margin-bottom:0;}
.topInfoTop > p > a{ color:#23B9FF; text-decoration:underline;}
.topInfoList{}
.topInfoList > ul{font-size: 0;}
.topInfoList > ul > li{color:#505050;display: inline-block;width: 320px;vertical-align: top;font-size: 14px;box-sizing: border-box;margin-right: 20px;}
.topInfoList > ul > li:last-child{ margin-right:0;}
.topInfoListTop{margin-bottom: 14px;font-size:20px; color:#000; text-align:center;}
.topInfoListArea{padding: 28px 30px;line-height: 22px;}
.topInfoListArea > dl{}
.topInfoListArea > dl > dd{ font-size:14px;margin-bottom: 20px;}
.topInfoListArea > dl > dd:last-child{ margin-bottom:0;}
.topInfoListArea > dl > dt{ color:#23B9FF; font-size:16px;margin-bottom: 6px;}
.topInfoListArea > dl > dt:last-child{ margin-bottom:0;}
.topInfoList > ul > li:nth-child(2) .topInfoListArea > dl > dt{color:#F23E49;}
.topInfoList > ul > li:nth-child(3) .topInfoListArea > dl > dt{color:#FF9516;}
.topInfoListArea > ul{}
.topInfoListArea > ul > li{ padding-left:13px; position:relative;}
.topInfoListArea > ul > li:before{ position:absolute; content:"";width: 8px;height: 8px;left: 0;top: 9px; background:#F67880;-moz-border-radius:45px;-ms-border-radius:45px;-o-border-radius:45px;border-radius:45px;-webkit-border-radius:45px;}
.topInfoListArea > dl > dd > img{margin-top: 10px;}

/* -関連会社- */
.topCompanyBlock{}
.topCompanyList{}
.topCompanyList ul{font-size: 0;}
.topCompanyList ul li{ overflow:hidden;position:relative;display: inline-block;width: 184px;box-sizing: border-box;margin-right: 20px;vertical-align: top;}
.topCompanyList ul li:last-child{ margin-right:0;}
.topCompanyList ul li a{}
.topCompanyList ul li a .img{position:relative;margin-bottom: 93px;}
.topCompanyList ul li a .img:before{ position:absolute; content:""; width:100%; height:100%; background:rgba(0,0,0,0.5);opacity:0;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;-webkit-transition:all 0.6s;}
.topCompanyList ul li a .img img{}
.topCompanyList ul li a .name{position: absolute;top:184px;left:0;width: 100%;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;-webkit-transition:all 0.6s;padding: 21px 0;font-size:20px; color:#000; text-align:center;}
.topCompanyList ul li a .name span{margin-top: 5px;font-size:11px;display: block;}
.topCompanyList ul li a .text{bottom:-1000px;position:absolute; width:100%;box-sizing: border-box;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;-webkit-transition:all 0.6s;padding: 22px 5px;line-height: 25px;background:rgba(49,186,252,0.9); color:#fff; font-size:15px; text-align:center;}
.topCompanyList ul li a .text p{margin-bottom: 10px;}
.topCompanyList ul li a .text p:last-child{ margin-bottom:0;}

/*============================
==============================
==============================
==============================
#3__下層設定
============================*/
/* -基本設定- */
body.kaso .topArticle .section{width: auto;}
body.kaso.index .mainVusial{height: 200px;background: url(/img/products/kaso_mainVusial_products.jpg) bottom center /cover no-repeat;}
body.kaso.mizusyori .mainVusial{height: 200px;background: url(/img/products/kaso_mainVusial_mizusyori.jpg) bottom center /cover no-repeat;}
body.kaso.micro .mainVusial{height: 200px;background: url(/img/products/kaso_mainVusial_micro.jpg) bottom center /cover no-repeat;}
body.kaso.agriculture .mainVusial{height: 200px;background: url(/img/products/kaso_mainVusial_agriculture.jpg) bottom center /cover no-repeat;}
body.kaso.index.faq .mainVusial{height: 200px;background: url(/img/faq/kaso_mainVusial_faq.jpg) bottom center /cover no-repeat;}
body.kaso.index.company .mainVusial{height: 200px;background: url(/img/company/kaso_mainVusial_company.jpg) bottom center /cover no-repeat;}
body.kaso.index.recruit .mainVusial{height: 200px;background: url(/img/kaso_mainVusial_recruit.jpg) bottom center /cover no-repeat;}
/* body.kaso .mainVusial{height: 200px;background: url(/img/products/kaso_mainVusial.jpg) bottom center /cover no-repeat;} */

/* -商品一覧- */
body#productsPage.index .mainArticle section:nth-child(odd) .productsIndexSec ul li a{background:#F5F5F5;}

.productsContent{}
.productsBlock{position:relative;padding: 81px 0;}
section:last-child .productsBlock{ padding-bottom:0;}
.productsBlock > h3.title{margin-bottom: 54px;font-size: 24px;color: #000;font-weight: normal;font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.productsBlock > h3.title > span{line-height: 1.3;font-size: 28px;font-weight: bold;color: #23B9FF;display: block;border-bottom: 1px solid #23B9FF;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.productsIndexBlock{}
.productsIndexSec{margin-bottom: 53px;}
.productsIndexSec:last-child{ margin-bottom:0;}
.productsIndexSec h4.title{ line-height:22px;margin-bottom: 15px;font-size: 18px;border: 1px solid #D2D2D2;position:relative;}
.productsIndexSec h4.title a{ display:block;color:#000;padding: 5px 25px;}
.productsIndexSec h4.title:before{position:absolute;content:""; background:#23B9FF;width: 8px;height: 8px;left: 9px;top: 12px;-moz-border-radius:45px;-ms-border-radius:45px;-o-border-radius:45px;border-radius:45px;-webkit-border-radius:45px;}
.productsIndexSec ul{}
.productsIndexSec ul li{float: left;margin-right: 8px;-moz-box-shadow: 1px 1px rgba(0, 0, 0,0.12);-ms-box-shadow: 1px 1px rgba(0, 0, 0,0.12);-o-box-shadow: 1px 1px rgba(0, 0, 0,0.12);box-shadow: 1px 1px rgba(0, 0, 0,0.12);-webkit-box-shadow: 1px 1px rgba(0, 0, 0,0.12);margin-bottom: 8px;width: 328px;}
.productsIndexSec ul li:nth-child(3n){ margin-right:0;}
.productsIndexSec ul li a{background: #fff;box-sizing: border-box;padding: 5px;position: relative;display: table;width: 100%;}
.productsIndexSec ul li a:before{position: absolute;content: "";border-top: 2px solid #23B9FF;border-right: 2px solid #23B9FF;width: 8px;height: 8px;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);top: 50%;margin-top: -5px;left: 8px;}
.productsIndexSec ul li a .name{color: #505050;font-weight: normal;max-width: 190px;height: 70px;display: table-cell;padding-left: 25px;vertical-align: middle;}
.productsIndexSec ul li a .name span{color: #F23E49;border: 1px solid #F23E49;font-size: 10px;padding: 1px 6px;right: -4em;display: inline-block;margin-left: 10px;vertical-align: middle;}
.productsIndexSec ul li a .img{background: -ms-linear-gradient(-147deg,#208EEA,#62ccff);background: linear-gradient(-147deg,#208EEA,#62ccff);width: 101px;height: 70px;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;float: right;}
.productsIndexSec ul li a .img img{ max-height:80%; max-width:80%;}
.productsIndexBoxBlock{margin-bottom: 32px;}
.productsIndexBoxBlock:last-child{ margin-bottom:0;}
.productsIndexBox{box-sizing: border-box; display:inline-block;margin-right:23px;}
.productsIndexBox:last-child{ margin-right:0;}
.productsIndexBox ul li{width:313px;}

.productsIndexBox.one{width:314px;}
.productsIndexBox.one  ul li{float:none;margin-right: 0;}
.productsIndexBox.two{width:657px;}
.productsIndexBox.two ul li{width:324px;}
.productsIndexBox.two ul li:nth-child(2n){ margin-right:0;}
.productsIndexBox.two ul li:nth-child(3n){ margin-right:8px;}

/* -商品カテゴリー- */
.productsCategoryBlock{}
.productsCategory{}
.productsCategory > ul{font-size: 0;}
.productsCategory > ul > li{width: 320px;display: inline-block;vertical-align: top;margin: 0 20px 20px 0;}
.productsCategory > ul > li:nth-child(3n){ margin-right:0;}
.productsCategory > ul > li > .img{}
.productsCategory > ul > li > .img > a{background: -ms-linear-gradient(-147deg,#208EEA,#62ccff);background: linear-gradient(-147deg,#208EEA,#62ccff);width: 320px;height: 220px;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.productsCategory > ul > li > .img > a img{ max-height:80%; max-width:80%;}
.productsCategory > ul > li > .text{background: #F5F5F5;padding: 30px 20px 20px 20px;}
.productsCategory > ul > li > .text > .name{padding-bottom: 4px;margin-bottom: 8px;font-size: 22px;font-weight: bold;border-bottom: 1px solid #000;}
.productsCategory > ul > li > .text > .text{font-size: 16px;color: #000;margin-bottom: 28px;}
.productsCategory > ul > li > .text > dl{}
.productsCategory > ul > li > .text > dl > dd{margin-bottom: 10px;color: #505050;font-size: 18px; position:relative;padding-left: 14px;}
.productsCategory > ul > li > .text > dl > dd:last-child{ margin-bottom:0;}
.productsCategory > ul > li > .text > dl > dd:before{ position:absolute; content:"";background: #858585;width: 10px;height: 10px;left: 0;top: 8px;}
.productsCategory > ul > li > .text > .btn{margin-top: 32px;}
.productsCategory > ul > li > .text > .btn > a{color: #fff;background: -ms-linear-gradient(0,rgb(0,0,0),rgb(90,90,90));background: linear-gradient(0,rgb(0,0,0),rgb(90,90,90));height: 44px;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;font-size: 16px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;}
.productsCategory > ul > li > .text > .text2 dd{padding-left:0;}
.productsCategory > ul > li > .text > .text2 dd:before{ content:none;}

/* -商品詳細- */
.productsTab01{margin-bottom: 109px;}
.productsTab01 .tab01{border-bottom: 3px solid #23B9FF;margin-bottom: 16px;}
.productsTab01 .tab01 ul{}
.productsTab01 .tab01 ul li{ border:1px solid rgba(0,0,0,0);float: left;width: 331px;text-align: center;}
.productsTab01 .tab01 ul li a{color: #A8A8A8; display:block; width:100%;font-size: 22px;padding:3px 0 2px 0;}
.productsTab01 .tab02{margin-bottom: 9px;}
.productsTab01 .tab02 ul{padding-bottom: 8px;}
.productsTab01 .tab02 ul li{ font-size:16px; background:#EAEAEA;position:relative;float: left;margin-right: 2px;}
.productsTab01 .tab02 ul li:last-child{ margin-right:0;}
.productsTab01 .tab02 ul li a{color: #000;display: flex;align-items: center;-webkit-align-items: center;width: 198px;padding: 6px 10px;box-sizing: border-box;}
.productsTab01 .tab03{border-top: 1px solid #D2D2D2;border-bottom: 1px solid #D2D2D2;}
.productsTab01 .tab03 ul{border-bottom: 1px dotted #D2D2D2;}
.productsTab01 .tab03 ul:last-child{margin-bottom:0; border-bottom:none;}
.productsTab01 .tab03 ul li{float: left;}
.productsTab01 .tab03 ul li a{font-size:15px;color: #000;position:relative;display: block;padding: 4px 20px 3px 20px;}
.productsTab01 .tab03 ul li a:before{position:absolute;content:"";width: 6px;height: 6px;-moz-border-radius: 45px;-ms-border-radius: 45px;-o-border-radius: 45px;border-radius: 45px;-webkit-border-radius: 45px;left: 8px;top: 11px; background:#23B9FF;}

.productsTab01 .tab02.three ul li a{ width:332px;}
.productsTab01 .tab02.four ul li a{ width:248px;}
.productsTab01 .tab01 ul{ position:relative;}
.productsTab01 .tab01 ul:before{border:1px solid #23B9FF; height:100%; position:absolute; content:"";top: -1px; z-index:-1;-moz-transition: 0.3s all;-ms-transition: 0.3s all;-o-transition: 0.3s all;transition: 0.3s all;-webkit-transition: 0.3s all;}
.productsTab01 .tab01 ul li.on a{color: #000;}
.productsTab01 .tab02 ul li.on:before{position:absolute;content:"";border-color: #23B9FF transparent transparent transparent;border-style: solid;border-width: 8px;width: 0;height: 0;bottom: -16px;z-index: 2;left: 50%;margin-left: -8px;}
.productsTab01 .tab02 ul li.on a{color:#fff;background:#23B9FF;}
.productsTab01 .tab03 ul li.on{}
.productsTab01 .tab03 ul li.on a{color:#23B9FF; font-weight:bold;}

.productsVisual{text-align:center;margin-bottom: 82px;}
.productsVisual h3.cap{font-size:18px;font-weight:normal;margin-bottom: 13px;}
.productsVisual h2.title{ font-size:48px;font-weight:normal;}
.productsVisual .img{margin-bottom: 34px;}
.productsVisual .img img{}
.productsVisual .text{line-height: 56px;font-size:30px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.productsVisual .text span{margin-top: 23px;color:#505050; font-size:18px; display:block; line-height:34px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.productsTab02{margin-bottom: 131px;}
.productsTab02 .tab01{margin-bottom: 40px;}
.productsTab02 .tab01:last-child{ margin-bottom:0;}
.productsTab02 .tab01 ul{}
.productsTab02 .tab01 ul li{float: left;margin-right: 13px;}
.productsTab02 .tab01 ul li:last-child{margin-right:0;}
.productsTab02 .tab01 ul li a{ font-size:22px; text-align:center; display:block; color:#A8A8A8;border:1px solid #F0F0F0; background:#F0F0F0;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-webkit-border-radius:6px;box-sizing: border-box;width: 240px;padding: 27px 0;}
.productsTab02 .tab01 ul li a span{ font-size:13px; text-align:center; display:block; margin-bottom:4px; }
.productsTab02 .tab01.three ul li a{ width:324px;}
.productsTab02 .tab01.two ul li a{ width:493px;}
.productsTab02 .tab02{}
.productsTab02 .tab02 > ul{font-size: 0;}
.productsTab02 .tab02 > ul > li{display: inline-block;margin-right: 10px;}
.productsTab02 .tab02 > ul > li:last-child{ margin-right:0;}
.productsTab02 .tab02 > ul > li > a{text-align:center;box-sizing: border-box;font-size: 16px;color: #969696;border: 1px solid #D2D2D2;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;display: inline-block;padding: 7px 17px;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;}

.productsTab02 .tab02 > ul > li:hover > a{color: #fff; background:#D2D2D2;}
.productsTab02 .tab01 ul li.on a span{color:#505050;}
.productsTab02 .tab01 ul li.on a{border-color:#23B9FF; color:#000; background:#fff;position:relative;}
.productsTab02 .tab01 ul li.on a:before{bottom: 18px;left: 0;right: 0;margin: auto;position:absolute;content:"";border-top: 1px solid #23B9FF;border-right: 1px solid #23B9FF;width: 9px;height: 9px;-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);-webkit-transform: rotate(135deg);}

.productsSecBlock{}
.productsSec{margin-bottom: 143px;}
.productsSec:last-child{margin-bottom:0;}
.productsSecImg{ text-align:center; margin-bottom:40px;}
.productsSecImg:last-child{margin-bottom:0;}
.section .productsSecBtn{margin-top:34px;}
.productsSecBtn a{}
.productsSecTitle{font-size: 28px;text-align: left;color: #23B9FF;font-weight: bold;margin-bottom:40px;border-bottom: 1px solid #23B9FF;}
.productsSecList{margin-bottom:50px;}
.productsSecList:last-child{ margin-bottom:0;}
.productsSecList > ul{}
.productsSecList > ul > li{ font-size:20px; font-weight:bold; margin-bottom:10px;}
.productsSecList > ul > li:last-child{ margin-bottom:0;}
.productsText{line-height: 1.8;margin-bottom: 55px;color:#505050;font-size:18px;}
.productsText:last-child{ margin-bottom:0;}
.productsText p{ margin-bottom:15px;}
.productsText .img{ float:right; margin:0 0 10px 15px;}
.productsText .gray{ color:#858585; padding-right:5px;}
.productsText .blue{ color:#23B9FF; padding-right:5px;}
.productsText p:last-child{ margin-bottom:0;}
.productsList{margin-bottom: 60px;}
.productsList ul{}
.productsList ul li{margin-bottom: 24px;position: relative;border-bottom: 1px dotted #D2D2D2;padding-bottom: 26px;color: #505050;font-size: 18px;text-indent: 20px;}
.productsList.noDotted ul li{ padding-bottom:0;border-bottom:none;}
.productsList:last-child ul li:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0;}
.productsList ul li:last-child{margin-bottom:0;}
.productsList ul li:before{position:absolute;content:"";background: #65CEFF;width: 12px;height: 12px;left: 0;top: 9px;}
.productsList ul li .img{text-indent: 0;text-align:center;margin-top: 53px;}
.productsList ul li .img img{margin-bottom: 27px;}
.productsList ul li b{font-size: 20px; color:#000;display: block;}
.productsList ul li.img{ text-align:center;}
.productsList ul li span{ display:block; text-align:center;}
.productsList ul li:last-child .productsSecBtn{ margin-top:54px;}
.productsTable table tbody tr td img{}
.productsTable table tbody tr td.text{}
.productsSecBtn{width: 480px;margin: 0 auto;}
.productsSecBtn a{color: #fff;background: -ms-linear-gradient(0,rgb(0,0,0),rgb(90,90,90));background: linear-gradient(0,rgb(0,0,0),rgb(90,90,90));height: 42px;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;font-size: 16px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;}
.productsTable{margin-bottom: 54px;}
.productsTable table{width: 100%; margin-bottom:5px;}
.productsImg{margin-bottom: 54px;}
.productsImg:last-child{ margin-bottom:0;}
.productsImg p{ margin-bottom:20px; text-align:center;}
.productsImg p:last-child{ margin-bottom:0;}
.productsList ul li .productsTable{ margin-top:30px;}
.productsTable table thead{}
.productsTable table thead th,
.productsTable table thead td{padding: 20px;}
.productsTable table thead th{background: #EAEAEA; border-right:1px solid #fff;font-size: 16px;color: #505050;font-weight: normal;text-align: center; vertical-align:middle;}
.productsTable table thead td{}
.productsTable table thead .row{ border-bottom:1px solid #fff;}
.productsTable table tbody{}
.productsTable table tbody th,
.productsTable table tbody td{vertical-align:middle;padding: 20px; border-bottom:1px solid #D2D2D2; text-align:center;}
.productsTable table tbody td.maru{ background:url(/img/products/products_maru.gif) center center no-repeat;}
.productsTable table tbody td .list{}
.productsTable table tbody td .list .blue{ color:#23B9FF;}
.productsTable table tbody td .list li{ padding-left:15px; text-indent:-15px; text-align:left; margin-bottom:10px;}
.productsTable table tbody td .list li:last-child{ margin-bottom:0;}
.productsTable table tbody th{background:#96A5B4; color:#fff;text-align:left;font-size:14px;}
.productsTable table tbody th span{font-size: 15px;font-weight: bold;color: #fff;display: block;width: 145px;text-align: center;line-height: 30px;background:#F67880; margin-top:5px;}
.productsTable table tbody td{font-size:15px; color:#505050;}
.productsTable table tbody .text{ text-align:left;}
.productsTable table tbody .row{border-right:1px solid #D2D2D2;border-left:1px solid #D2D2D2;}
.productsTable table tbody td.row:first-child,
.productsTable table tbody td.row:nth-child(2){border-left:none;}
.productsTable table tbody td.row:last-child{border-right:none;}
.productsTable table tbody tr.border th,
.productsTable table tbody tr.border td{border-top:1px solid #D2D2D2;}

.productsSecEffectSec{border-bottom: 1px dotted #D2D2D2;text-align: center;padding-bottom: 60px;margin-bottom: 50px;}
.productsSecEffectSec:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:110px;}
.productsSecEffectTitle{font-size: 20px;margin-bottom: 25px;color: #000;font-weight: bold;}
.productsSecEffectTitle span{font-size:18px; color:#505050; text-align:center; display:block; font-weight:normal;margin-top: 10px;}
.productsSecEffectImg{margin-bottom: 28px;}
.productsSecEffectImg:last-child{ margin-bottom:0;}
.productsSecEffectImg > img{}
.productsSecEffectCap{font-size: 16px;border: 1px solid #23B9FF;padding: 12px 59px;display: inline-block;margin: 0 auto;}

.productsTable table.smoll thead th,
.productsTable table.smoll thead td,
.productsTable table.smoll tbody th,
.productsTable table.smoll tbody td{font-size: 12px;padding: 10px;}

.productsBox{}
.productsBox ul{}
.productsBox ul li{    width: 320px; float: left; margin-right: 20px;margin-bottom: 20px;}
.productsBox ul li:nth-child(3n){margin-right:0;}
.productsBox ul li .img{border: 1px solid #D2D2D2;}
.productsBox ul li .img a{display: block; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; height: 220px;}
.productsBox ul li.noimg .img a{ background:#D5D5D5; color:#000; font-size:22px;}
.productsBox ul li .inner{ background:#F5F5F5; padding:20px;}
.productsBox ul li .img a img{}
.productsBox ul li .name{padding-bottom: 10px; margin-bottom: 20px;border-bottom:1px solid #000;font-size:22px; font-weight:bold;}
.productsBox ul li .name span{font-size: 15px;font-weight: bold;color: #fff;display: block;width: 145px;text-align: center;line-height: 30px;background:#F67880;}
.productsBox ul li .list{margin-bottom: 40px;}
.productsBox ul li .list dl{}
.productsBox ul li .list dl dt{ font-weight:bold; font-size:16px; color:#23B9FF;}
.productsBox ul li .list dl dd{ color:#505050; font-size:16px;margin-bottom: 15px;}
.productsBox ul li .list dl dd:last-child{margin-bottom:0;}
.productsBox ul li .btn{}
.productsBox ul li .btn a{color: #fff; background: -ms-linear-gradient(0,rgb(0,0,0),rgb(90,90,90));background: linear-gradient(0,rgb(0,0,0),rgb(90,90,90)); height: 42px; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; font-size: 16px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px;}

.productsLineUpBlock{}
.productsLineUpSec{margin-bottom: 40px;}
.productsLineUpSec:last-child{margin-bottom:0;}
.productsLineUpSec > .title{margin-bottom: 20px;font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-size: 22px;background: #F5F5F5;padding: 6px 10px;}
.productsLineUpSec > ul{}
.productsLineUpSec > ul > li{border: 1px solid #D2D2D2;box-sizing: border-box;width: 320px;float: left;padding: 15px 20px;margin-right: 20px;}
.productsLineUpSec > ul > li:nth-child(3n){ margin-right:0;}
.productsLineUpSec > ul > li > .text{ font-size:14px;float: left;width: 180px;}
.productsLineUpSec > ul > li > .text > .name{margin-bottom: 15px;font-size:20px; font-weight:bold; color:#000;}
.productsLineUpSec > ul > li > .text > .list{}
.productsLineUpSec > ul > li > .text > .list > dl{}
.productsLineUpSec > ul > li > .text > .list > dl > dt{margin-bottom: 5px;font-size:16px; font-weight:bold; color:#23B9FF;}
.productsLineUpSec > ul > li > .text > .list > dl > dd{margin-bottom: 10px;}
.productsLineUpSec > ul > li > .text > .list > dl > dt:last-child,
.productsLineUpSec > ul > li > .text > .list > dl > dd:last-child{margin-bottom:0;}
.productsLineUpSec > ul > li > .text > .list > dl > dd > .list{}
.productsLineUpSec > ul > li > .text > .list > dl > dd > .list > ul{}
.productsLineUpSec > ul > li > .text > .list > dl > dd > .list > ul > li{position: relative;padding-left: 12px;}
.productsLineUpSec > ul > li > .text > .list > dl > dd > .list > ul > li:before{position: absolute;content: "";width: 9px;height: 9px;background: #969696;left: 0;top: 5px;}
.productsLineUpSec > ul > li > .img{float: right;width: 95px;text-align: center;}
.productsLineUpSec > ul > li > .img > img{}

.ProductsDetail{}
.ProductsDetail > .profileSec{margin-bottom: 98px;}
.ProductsDetail > .profileSec:last-child{ margin-bottom:0;}
.ProductsDetail > .profileSec > .profile{margin-bottom: 91px;}
.ProductsDetail > .profileSec > .profile > .left{float: left;}
.ProductsDetail > .profileSec > .profile > .left > .img{margin-bottom: 20px;width: 320px;height: 320px;box-sizing: border-box;border: 1px solid #D2D2D2;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.ProductsDetail > .profileSec > .profile > .left > .img > img{}
.ProductsDetail > .profileSec .btn{ margin-top:40px;}
.ProductsDetail > .profileSec .btn > a{color: #fff;background: -ms-linear-gradient(0,rgb(0,0,0),rgb(90,90,90));background: linear-gradient(0,rgb(0,0,0),rgb(90,90,90));height: 42px;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;font-size: 16px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;}
.ProductsDetail > .profileSec > .profile > .text{float: right;width: 660px;}
.ProductsDetail > .profileSec > .profile > .text > .title{font-size: 22px;margin-bottom: 20px;font-weight: bold;color: #000;border-bottom: 1px solid #000; position:relative;}
.ProductsDetail > .profileSec > .profile > .text > .title span{ font-size:15px; font-weight:bold; color:#fff;display: inline-block;width: 145px;text-align: center;line-height: 30px;position: absolute;right: 0;top: 0;}
.ProductsDetail > .profileSec > .profile > .text > .title .blue{ background:#65CEFF;}
.ProductsDetail > .profileSec > .profile > .text > .title .green{background:#7EC78B;}
.ProductsDetail > .profileSec > .profile > .text > .title .red{background:#F67880;}
.ProductsDetail > .profileSec > .profile > .text > .table{width: 100%; margin-bottom:20px;}
.ProductsDetail > .profileSec > .profile > .text > .table .btn a{ border: 2px solid #000;color: #000; background:#fff;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;}
.ProductsDetail > .profileSec > .profile > .text > .table .btn a:hover{ background:#000; color:#fff;}
.ProductsDetail > .profileSec > .profile > .text > .table:last-child{ margin-bottom:0;}
.ProductsDetail > .profileSec > .profile > .text > .table > table{ width:100%;}
.ProductsDetail > .profileSec > .profile > .text > .table > table > tbody{}
.ProductsDetail > .profileSec > .profile > .text > .table > table > tbody > tr{}
.ProductsDetail > .profileSec > .profile > .text > .table > table > tbody > tr:last-child > th,
.ProductsDetail > .profileSec > .profile > .text > .table > table > tbody > tr:last-child > td{ border-bottom:none;}
.ProductsDetail > .profileSec > .profile > .text > .table > table > tbody > tr > th{color: #23B9FF;width: 140px;text-align: left;border-bottom: 1px dotted #D2D2D2;font-size: 16px;font-weight: bold;padding: 6px 10px 6px 0;}
.ProductsDetail > .profileSec > .profile > .text > .table > table > tbody > tr > th.noBorder{ border-bottom:none;}
.ProductsDetail > .profileSec > .profile > .text > .table > table > tbody > tr > td{font-size: 15px;text-align: left;border-bottom: 1px dotted #D2D2D2;color: #505050;padding: 6px 0;}
.ProductsDetail > .profileSec > .profile > .text > .table > table > tbody > tr > td .gray{ padding-right:5px;color:#A7A7A7;}
.ProductsDetail > .profileSec > .profile > .text > .table > table > tbody > tr > td .blue{padding-right:5px;color:#23B9FF;}
.ProductsDetail > .profileSec > .profile.clearfix > .text > .table > table > tbody > tr > td > table{}
.ProductsDetail > .profileSec > .profile.clearfix > .text > .table > table > tbody > tr > td > table > thead{}
.ProductsDetail > .profileSec > .profile.clearfix > .text > .table > table > tbody > tr > td > table > thead > tr > th{font-size: 12px;padding: 10px;background: #EAEAEA;border-right: 1px solid #fff;color: #505050;font-weight: normal;text-align: center;vertical-align: middle;}
.ProductsDetail > .profileSec > .profile.clearfix > .text > .table > table > tbody > tr > td > table > tbody{}
.ProductsDetail > .profileSec > .profile.clearfix > .text > .table > table > tbody > tr > td > table > tbody > tr > th{background: #96A5B4;border-bottom: 1px solid #D2D2D2;vertical-align: middle;color: #fff;text-align: left;font-size: 12px;padding: 10px;}
.ProductsDetail > .profileSec > .profile.clearfix > .text > .table > table > tbody > tr > td > table > tbody > tr > td{font-size: 12px;border-bottom: 1px solid #D2D2D2;vertical-align: middle;padding: 10px;}
.ProductsDetail > .profileSec > .profile.clearfix > .text > .table > table > tbody > tr > td > table > tbody > tr > td.row{border-right: 1px solid #D2D2D2;border-left: 1px solid #D2D2D2;}
.ProductsDetail > .profileSec > .profile.clearfix > .text > .table > table > tbody > tr > td > table > tbody > tr > td:last-child.row{ border-right:none;}
.ProductsDetail > .profileSec > .profile.clearfix > .text > .table > table > tbody > tr > td > table > tbody > tr > td{}
.ProductsDetail > .profileSec > .table{ margin-bottom:10px;}
.ProductsDetail > .profileSec > .table > .title{color: #23B9FF;font-size: 16px;font-weight: bold;margin-bottom: 11px;}
.ProductsDetail > .profileSec > .table > table{ width:100%;}
.ProductsDetail > .profileSec > .table > table > thead > tr > th{background: #EAEAEA;border-right:1px dotted #D2D2D2;color: #505050;font-size: 14px;padding: 10px 20px;vertical-align: middle;border-bottom: 1px solid #D2D2D2;text-align: center;}
.ProductsDetail > .profileSec > .table > table > thead > tr > th.left{ text-align:left;}
.ProductsDetail > .profileSec > .table > table > thead > tr > th:last-child{ border-right:none;}
.ProductsDetail > .profileSec > .table > table > tbody{}
.ProductsDetail > .profileSec > .table > table > tbody > tr{}
.ProductsDetail > .profileSec > .table > table > tbody > tr > th{background: #96A5B4;font-size:15px;border-right:1px dotted #D2D2D2; padding:10px 20px;color:#fff; font-weight:bold;text-align:left;border-bottom: 1px solid #D2D2D2;}
.ProductsDetail > .profileSec > .table > table > tbody > tr > td{font-size: 15px;border-bottom: 1px solid #D2D2D2; padding:10px 20px;border-right:1px dotted #D2D2D2;text-align: center;color: #505050;}
.ProductsDetail > .profileSec > .table > table > tbody > tr.border > th,
.ProductsDetail > .profileSec > .table > table > tbody > tr.border > td{border-top: 1px solid #D2D2D2;}
.ProductsDetail > .profileSec > .table > table > tbody > tr > td:last-child{ border-right:none;}
.ProductsDetail > .profileSec > .table > table > tbody > tr > td.text{ text-align:left;}
.ProductsDetail > .profileSec > .note{}
.ProductsDetail > .profileSec > .note > p{}
.ProductsDetail > .profileSec > .profile > .text > .table > dl{}
.ProductsDetail > .profileSec > .profile > .text > .table > dl > dt{ font-size:16px; font-weight:bold; color:#23B9FF; margin-bottom:5px;}
.ProductsDetail > .profileSec > .profile > .text > .table > dl > dd{ font-size:14px; color:#000; font-weight:normal;margin-bottom:10px;}
.ProductsDetail > .profileSec > .profile > .text > .table > dl > dd .blue{color: #23B9FF; padding-right:5px;}
.ProductsDetail > .profileSec > .table > table.smoll td,
.ProductsDetail > .profileSec > .table > table.smoll th{ padding:5px; font-size:12px !important;}

.productsDl{position: relative;top: -20px; margin-bottom:-20px;}
.productsDl > dl{margin-bottom: 26px;}
.productsDl > dl:last-child{ margin-bottom:0;}
.productsDl > dl > dt{border: 1px solid #797979;margin-bottom: 18px;font-size: 18px;padding: 0 15px; display:inline-block;}
.productsDl > dl > dt:last-child{ margin-bottom:0;}
.productsDl > dl > dd{ position:relative;font-size: 18px;margin-bottom: 10px;color: #737373;padding-left: 15px; line-height:2;}
.productsDl > dl > dd.noDot{ padding-left:0;}
.productsDl > dl > dd.noDot:before{ content:none;}
.productsDl > dl > dd:last-child{ margin-bottom:0;}
.productsDl > dl > dd:before{ position:absolute; content:""; background:#65CEFF; left:0; top:9px; width:8px; height:8px;-moz-border-radius:45px;-ms-border-radius:45px;-o-border-radius:45px;border-radius:45px;-webkit-border-radius:45px;}
.productsDl > dl > dd > .text,
.productsDl > dl > dd > .img{ margin-bottom:20px;}
.productsDl > dl > dd.right > .text:last-child,
.productsDl > dl > dd.right > .img:last-child{ margin-bottom:0;}
.productsDl > dl > dd.right > .text{float: left;width: 65%;margin-bottom:0;}
.productsDl > dl > dd.right > .img{float: right;margin:0 20px 20px 20px; width:30%;margin-bottom:0;}
.productsFlow{margin-bottom: 40px;}
.productsFlow > .title{ font-size:20px; font-weight:bold; color:#23B9FF; text-align:center;margin-bottom: 31px;}
.productsFlow > ul{ float:left;}
.productsFlow > ul > li{vertical-align: top;display: inline-block;width: 130px;border-left: 1px solid #23B9FF;padding: 0 19px 0 10px;box-sizing: border-box;}
.productsFlow > ul:last-child > li:last-child{padding-right: 0;}
.productsFlow > ul > li > .nomber{font-size: 30px;color: #B4B4B4;font-style: italic;}
.productsFlow > ul > li > .img{}
.productsFlow > ul > li > .img > img{}
.productsFlow > ul > li > .title{font-size: 16px;font-weight: bold;color: #23B9FF;}
.productsFlow > ul > li > .text{color: #505050;font-size: 13px;}
.productsFlow .gray{float:left;margin: 0 25px 0 8px;}
.productsFlow .gray span{color: #858585;background: #F5F5F5;width: auto;-ms-writing-mode: tb-rl;height:266px;writing-mode: vertical-rl;padding:19px 3px 0 3px;box-sizing: border-box;border-left: none;}
.productsSystemBox{margin-bottom: 40px;}
.productsSystemBox > ul{font-size: 0;}
.productsSystemBox > ul > li{ border:1px solid #96A5B4;width: 320px;box-sizing: border-box;margin: 0 20px 20px 0;display: inline-block;vertical-align: top;}
.productsSystemBox > ul > li:nth-child(3n){ margin-right:0;}
.productsSystemBox > ul > li > .name{ font-size:20px; background:#96A5B4; color:#fff; font-weight:bold;padding: 10px 20px;}
.productsSystemBox > ul > li > .text{ font-size:16px; color:#505050;padding: 20px;}

/* -お問い合わせ- */
.contactContent{}
.contactContent form{}
.contactTable{margin-bottom: 40px;}
.contactTable:last-child{ margin-bottom:0;}
.contactTable > table{width: 100%;border-top: 1px solid #D2D2D2;}
.contactTable > table > tbody{}
.contactTable > table > tbody > tr{}
.contactTable > table > tbody > tr > th{text-align: left;padding:20px;background: #95A5B3;color: #fff;font-weight: normal;border-bottom: 1px solid #D2D2D2;width: 24%;vertical-align: top;}
.contactTable > table > tbody > tr > th > span.red{ background:#ff0000; color:#fff; padding:3px 10px; margin-left:10px;}
.contactTable > table > tbody > tr > td{padding:20px;color: #505050;text-align: left;border-bottom: 1px solid #D2D2D2;}
.contactTable > table > tbody > tr > td input{border: 2px solid #E9E9E9;box-sizing: border-box;line-height: 34px; font-size:18px; padding:0 10px; color:#505050;}
.contactTable > table > tbody > tr > td input.full{width: 100%;}
.contactTable > table > tbody > tr.contactFrom{}
.contactTable > table > tbody > tr.contactFrom > th{}
.contactTable > table > tbody > tr.contactFrom > td{}
.contactTable > table > tbody > tr.contactFrom > td > ul{}
.contactTable > table > tbody > tr.contactFrom > td > ul > li{ margin-bottom:15px;}
.contactTable > table > tbody > tr.contactFrom > td > ul > li:last-child{ margin-bottom:0;}
.contactTable > table > tbody > tr.contactFrom > td > ul > li > span{ display:inline-block;}
.contactTable > table > tbody > tr > td > textarea{width: 100%;box-sizing: border-box;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;border: 2px solid #E9E9E9; padding:10px; font-size:18px; color:#505050;}
.contactContent .note{color: #505050; text-align:center;margin-bottom: 40px;}
.contactContent .btn{}
.contactContent .btn > input{color: #fff;background: -ms-linear-gradient(0,rgb(0,0,0),rgb(90,90,90));background: linear-gradient(0,rgb(0,0,0),rgb(90,90,90));height: 42px;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;font-size: 16px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px; padding:0 50px; margin:0 auto;}
.contactContent .btn > input:hover{ cursor:pointer; opacity:0.8;}
.contactTable > table > tbody > tr.contactFrom > td > ul > li .select{ position:relative;display: inline-block;}
.contactTable > table > tbody > tr.contactFrom > td > ul > li .select:before{position: absolute;content: "";width: 0;height: 0;border-width: 8px;border-style: solid;border-color: #424242 transparent transparent transparent;right: 10px;top: 50%;margin-top: -4px;}
.contactTable > table > tbody > tr.contactFrom > td > ul > li .select select{background: #fff;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;-webkit-border-radius: 0;min-width: 70px;border: 1px solid #D2D2D2;padding: 8px 35px 7px 10px;font-size: 15px;}

/* -会社案内- */
.tableContent{}
.tableContent .tableSection{ margin-bottom:80px;}
.tableContent .tableSection:last-child{ margin-bottom:0;}
.tableContent .tableSection table{ width:100%;border-top: 1px solid #D2D2D2;}
.tableContent .tableSection table tbody{}
.tableContent .tableSection table tbody tr{}
.tableContent .tableSection table tbody tr th{text-align: left;padding: 20px;background: #95A5B3;color: #fff;font-weight: normal;border-bottom: 1px solid #D2D2D2;width: 24%;vertical-align: top;}
.tableContent .tableSection table tbody tr td{padding: 20px;color: #505050;text-align: left;border-bottom: 1px solid #D2D2D2;}
.tableContent .tableSection table tbody tr td span.btn{}
.tableContent .tableSection table tbody tr td span.btn a{ display:inline-block;font-size: 14px;color: #fff;background: #23B9FF;padding: 1px 26px;}
.tableContent .tableSection table tbody tr td a{}
.tableContent .tableSection table tbody tr td b{ color:#23B9FF; font-weight:bold;}

/* -よくあるご質問- */
.faq_title{color: #000;border: 1px solid #000;line-height: 1.75em;letter-spacing: 7px;font-weight: bold;}
.faq_title span {display: inline-block;padding: 0 13px;background: #000;color: #FFE100;width: auto;margin-right: 15px;letter-spacing: normal;font-weight: normal;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho" , serif;letter-spacing: 1px;}
.faq_section{position:relative; margin-bottom:40px;}
.faq_section:last-child{margin-bottom:0;}
.faq_section_title{letter-spacing: 5px;color: #000;font-size: 20px;border-bottom: 1px solid #6E6E6E;padding-bottom: 3px;margin: 0 0 25px 0;}
.faq_section > .inner{background:#F5F5F5;margin: 0 auto;padding: 30px;}
.faq_section .ques{font-size:18px;color:#000;border-bottom:1px solid #D5D5D5;padding-left:50px;background:url("/img/faq_icon.gif") no-repeat;line-height:2;padding-bottom:10px;margin-bottom:20px;font-weight:bold;}
.faq_section .ques.no_q{ background:none;padding-left: 0;}
.faq_section .q_block{margin-bottom:30px;}
.faq_section .q_block:last-child{ margin-bottom:0;}
.faq_section .q_block.left{width: 27%;margin: 0 3% 0 0;float:left;}
.faq_section .q_block.right{ float:right;width: 70%;}
.faq_section .link{text-align:right;}
.faq_section .link a{font-size:13px;font-weight:bold;color:#505050;display:inline-block;padding-left:20px;background:url(../img/link_ar.jpg) 0 center no-repeat;}
.faq_section .ans{font-size:15px;line-height:25px;}
.faq_section .ans .ans_title{ font-size:18px; margin:0 0 15px 0; font-weight:bold;}
.faq_section .ans .ans_txt p{ margin:0 0 8px 0; text-indent:1em;}
.faq_section .ans .ans_txt p:last-child{ margin:0 0 0 0;}
.faq_section .ans .ans_txt.img_left .ans_txt_img{float:left;width: 30%; margin:0 10px 0 0;}
.faq_section .ans .ans_txt.img_left .ans_txt_img img{ max-width:100%;}
.faq_section .ans .ans_txt .ans_txt_img{}
.faq_section .ans .ans_txt .ans_txt_txt{font-size: 14px;color: #505050;}
.faq_section .ans .satisfaction{width:200px;float:right;height:250px;margin:0;margin-right:83px;text-align:center;}
.faq_section .ans .satisfaction .graph_caption{margin-top:7px;}
.faq_section .dottedList{}
.faq_section .dottedList > ul{}
.faq_section .dottedList > ul > li{ position:relative;padding: 0 0 0 1em;font-size: 14px;color: #505050;}
.faq_section .dottedList > ul > li:before{position:absolute;content:"";left: 0;top: 7px;position: absolute;content: "";background: #67D3FF;width: 10px;height: 10px;-moz-border-radius: 45px;-ms-border-radius: 45px;-o-border-radius: 45px;border-radius: 45px;-webkit-border-radius: 45px;}
.faq_section .faqTable{margin: 20px 0;}
.faq_section .faqTable:last-child{ margin-bottom:0;}
.faq_section .faqTable th,.faq_section .faqTable td{border: 1px solid #505050;padding: 5px 10px;color:#505050;}
.faq_section .faqTable table{}
.faq_section .faqTable thead{}
.faq_section .faqTable thead th{ font-size:16px; font-weight:bold;}
.faq_section .faqTable tbody{}
.faq_section .faqTable tbody td{ font-size:14px;}

/* -採用情報- */
.topInfoText{ margin-bottom:80px;}
.topInfoText .title{ font-weight:bold; color:#23B9FF; font-size:20px; margin-bottom:20px;}
.topInfoText .text{ color:#505050;  font-size:15px;}
.topInfoText .text p{ margin-bottom:10px;}
.topInfoText .text p:last-child{ margin-bottom:0;}
.topInfoText .text p.right{ text-align:right;}
.recVoiceContent{}
.recVoiceSec{border-bottom: 1px solid #D2D2D2; margin-bottom:30px; padding-bottom:30px;}
.recVoiceSec:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:none;}
.recVoiceSec .title{font-weight: bold;color: #23B9FF;font-size: 20px;margin-bottom: 20px;}
.recVoiceSec .text{color: #505050; margin-bottom:10px;line-height:30px;font-size: 15px;}
.recVoiceSec .text:last-child{ margin-bottom:0;}
.recVoiceSec .text .img{}
.recVoiceSec .text .img.left{ float:left; margin:0 10px 10px 0;}
.recVoiceSec .text .img.right{ float:right;margin:0 0 10px 10px;}
.recVoiceSec .text .img img{}
.recVoiceSec .text p{ margin-bottom:10px;}
.recVoiceSec .text p:last-child{ margin-bottom:0;}
.recVoiceSec .text p.right{ text-align:right;}

/* -サイトマップ- */
.sitemapContent{}
.sitemapContent ul{ text-align:center; font-size:0;}
.sitemapContent ul li{ display:inline-block; font-size:16px; margin-right:20px; vertical-align:top;}
.sitemapContent ul li:last-child{ margin-right:0;}
.sitemapContent ul li dl{ margin-bottom:30px; text-align:left;}
.sitemapContent ul li dl dt{ font-size:20px;}
.sitemapContent ul li dl dt a{color:#23B9FF;}
.sitemapContent ul li dl dd{ position:relative; padding-left:15px;}
.sitemapContent ul li dl dd:before{ content:""; position:absolute;background: #858585;width: 10px;height: 10px;left: 0;top: 8px;}
.sitemapContent ul li dl dd a{color:#505050;}

/*============================
==============================
==============================
==============================
4__CSSハック
============================*/
/* -ファイアフォックス- */
@-moz-document url-prefix() {
.productsIndexSec ul li a .img{ display:block; position:relative;}
.productsIndexSec ul li a .img img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
}

/* -IE- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.productsIndexSec ul li a .img{ display:block; position:relative;}
.productsIndexSec ul li a .img img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.productsFlow > ul > li{ width:128px;}
.contactTable > table > tbody > tr > td input{ height:40px;}
.btn > a,
.contactContent .btn > input{ background:url(/img/btn_bg.jpg) center center repeat-x;}
.headerTop .inner{position: relative;}
h1{position: absolute;top: 0;bottom: 0;margin: auto;}

}
/*============================
==============================
==============================
==============================
5__プラグイン制御
============================*/
/* -TOPページ(slick ペジャー)- */
body#topPage .slick-dots li button{ display:none; font-size:0;}
body#topPage .slick-dots li button:before{content:"";padding: 8px;width: 100%;position: absolute;left: -8px;top: -6px;}
body#topPage .slick-dots{display: block;z-index: 1;bottom: -22px;right: 0;width: 1000px;left: 0;margin: auto;text-align: right;}
body#topPage .slick-dotted.slick-slider{ margin-bottom:0;}
body#topPage .slick-dots li{position: relative;isplay: inline-block;padding: 0;background: #A8A8A8;opacity: 0.5;width: 40px;height: 5px;margin-right: 10px;}
body#topPage .slick-dots li:hover{ cursor:pointer;}
body#topPage .slick-dots li:before{ content:""; position:absolute; width:120%; height:300%; left:0; top:0; right:0; bottom:0;}
body#topPage .slick-dots .slick-active{ background:#23B9FF !important; opacity:1;}

/* -TOPページ メインビジュアル(slick)- */
.topSlide .slick-prev,
.topSlide .slick-next{width:30px; height:30px;}
.topSlide .slick-prev{background:url(/img/arrow_prev.png) center center no-repeat;margin-top:-4px;}
.topSlide .slick-next{background:url(/img/arrow_next.png) center center no-repeat;margin-top:-7px;}
.topSlide .slick-prev:before,
.topSlide .slick-next:before{content:none;}

/* -TOPページ お知らせ(slick)- */
.topNews .slick-slider{ position:static !important;}
.topNews ul .slick-prev{background:url(/img/slick_arrow.png) center center no-repeat; left:0.2%; width:24px;margin-top: -21px;-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.topNews ul .slick-next{background:url(/img/slick_arrow.png) center center no-repeat; right:0.2%;width:24px;}
.topNews ul .slick-prev:before,
.topNews ul .slick-next:before{ content:none;}

/* -TOPページ 導入事例(slick)- */
.topInterviewsBlock .slick-slide{ margin:0 10px;}
.topInterviewsBlock .slick-prev{background:url(/img/top/arrow2_prev.png) center center no-repeat;}
.topInterviewsBlock .slick-next{background:url(/img/top/arrow2_next.png) center center no-repeat;}
.topInterviewsBlock .slick-prev,
.topInterviewsBlock .slick-next{margin-top: -30px;}
.topInterviewsBlock .slick-prev:before,
.topInterviewsBlock .slick-next:before{content:none;}
.topInterviewsBlock .slick-slider{ position:static;}

/*============================
==============================
==============================
==============================
6__PCのみ
============================*/
@media screen and (min-width: 751px){
/* -nav- */
.nav > ul > li{}
.nav > ul > li > a{}
.nav > ul > li > .sub{display:none;background:#23B9FF;width: 1000px;box-sizing: border-box;position: absolute;left: 0;right: 0;margin: auto;top: 82px;padding: 25px 20px 20px 20px;z-index: 100;}
.nav > ul > li > .sub > .title{margin-bottom: 14px;font-size: 22px;letter-spacing: 10px;color: #000;font-weight: normal;}
.nav > ul > li > .sub > ul{}
.nav > ul > li > .sub > ul > li{display: inline-block;vertical-align: top;margin-right: 15px;}
.nav > ul > li > .sub > ul > li:last-child{margin-right:0;}
.nav > ul > li > .sub > ul > li > dl{margin-bottom: 14px;}
.nav > ul > li > .sub > ul > li > dl:last-child{ margin-bottom:0;}
.nav > ul > li > .sub > ul > li > dl > dt{margin-bottom: 2px;}
.nav > ul > li > .sub > ul > li > dl > dt > a{ font-size:16px; color:#fff; font-weight:bold;}
.nav > ul > li > .sub > ul > li > dl > dd{margin-bottom: 1px;}
.nav > ul > li > .sub > ul > li > dl > dd > a{ font-size:15px; color:#fff; font-weight:normal;position:relative; padding-left:20px; background:#4CC4FC;display: block;padding: 3px 0 4px 20px;}
.nav > ul > li > .sub > ul > li > dl > dd > a:hover{ background:#fff; color:#23B9FF; opacity:1;}
.nav > ul > li > .sub > ul > li > dl > dd > a:before{ position:absolute; content:"";background:#91DCFF; width:6px; left:8px; top:11px;height:6px;-moz-border-radius:45px;-ms-border-radius:45px;-o-border-radius:45px;border-radius:45px;-webkit-border-radius:45px;}

.nav > ul > li.three > .sub > ul > li{width:-moz-calc(36.97% - 50px);width:-ms-calc(36.97% - 50px);width:-o-calc(36.97% - 50px);width:-webkit-calc(36.97% - 50px);width: calc(36.97% - 50px);}
.nav > ul > li.two > .sub > ul > li{width:-moz-calc(51.48% - 25px); width:-ms-calc(51.48% - 25px); width:-o-calc(51.48% - 25px); width:-webkit-calc(51.48% - 25px);width: calc(51.48% - 25px);}

/* -トップスライダー- */
/* .topSlide .slick-track li:hover{background-size: 110% !important;} */
.topSlide .slick-track li:hover a:before,
.topSlide .slick-track li:hover a:after{opacity:1;}
/* .topSlide .slick-track li:hover:before{left: 50%;} */

/* -導入事例- */
.topInterviewsBlock .slick-prev{margin-left: 30px;}
.topInterviewsBlock .slick-next{margin-right: 30px;}

/* -関連会社- */
.topCompanyList ul li:hover a .name{top:0;color: #fff;}
.topCompanyList ul li:hover a .text{bottom:0;}
.topCompanyList ul li:hover a .img:before{opacity:1;}


}