@charset "UTF-8";
/*----------------------------------------
	business
----------------------------------------*/
/* common
----------------------------------------*/
#business #titleArea { background: #cccccc url("../../img/corp/business/bg_main_business.jpg") 50% 0 no-repeat; }
#business #titleAreaDrywash { background: #cccccc url("../../img/corp/business/bg_drywash.jpg") 50% 0 no-repeat; }
#business #titleAreaMobile_Keeper1 { background: #cccccc url("../../img/corp/business/bg_mobile_keeper.jpg") 50% 0 no-repeat; }
#business #titleAreaInstructions { background: #cccccc url("../../img/corp/business/bg_main_keeper.jpg") 50% 0 no-repeat; }
#business #titleAreaBath { background: #cccccc url("../../img/corp/business/bg_bath.jpg") 50% 0 no-repeat; }
/* #business #titleAreaService { background: #cccccc url("../../img/corp/business/bg_main_service.jpg") 50% 0 no-repeat; } */
#business #titleAreaSignboard { background: #cccccc url("../../img/corp/business/bg_main_signboard.jpg") 50% 0 no-repeat; }

#serviceAreaContact h4 {width: 90%; margin-left: 5%; font-size: 1.1rem; font-weight: 700;}
#serviceAreaContact p {width: 90%; margin-left: 5%;}

@media screen and (min-width: 0px) and (max-width: 667px) { #business #titleArea { background: #cccccc url("../../img/corp/business/bg_main_business_mb.jpg") 50% 100% no-repeat; background-size: 320px auto; } }
@media screen and (min-width: 0px) and (max-width: 667px) { #business #titleAreaDrywash { background: #cccccc url("../../img/corp/business/bg_drywash_mb.jpg") 50% 100% no-repeat; background-size: 320px auto; } }
@media screen and (min-width: 0px) and (max-width: 667px) { #business #titleAreaMobile_Keeper1 { background: #cccccc url("../../img/corp/business/bg_mobile_keeper_mb.jpg") 50% 100% no-repeat; background-size: 320px auto; } }
@media screen and (min-width: 0px) and (max-width: 667px) { #business #titleAreaInstructions { background: #cccccc url("../../img/corp/business/bg_main_keeper_mb.jpg") 50% 100% no-repeat; background-size: 320px auto; } }
@media screen and (min-width: 0px) and (max-width: 667px) { #business #titleAreaBath { background: #cccccc; background-size: 320px auto; } }
/* @media screen and (min-width: 0px) and (max-width: 667px) { #business #titleAreaService { background: #cccccc url("../../img/corp/business/bg_main_service_mb.jpg") 50% 100% no-repeat; background-size: 320px auto; } } */
@media screen and (min-width: 0px) and (max-width: 667px) { #business #titleAreaSignboard { background: #cccccc url("../../img/corp/business/bg_main_signboard_mb.jpg") 50% 100% no-repeat; background-size: 320px auto; } }

/* Colorbox */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; }

#cboxWrapper { max-width: none; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

#cboxOverlay { background: #000; }

#colorbox { outline: 0; }

.cboxIframe { background: #fff; }

#cboxError { padding: 50px; border: 1px solid #cccccc; }

#cboxLoadedContent { margin-bottom: 20px; }

#cboxTitle { position: absolute; bottom: 28px; left: 0; text-align: center; width: 100%; font-weight: 600; }

#cboxCurrent { position: absolute; bottom: 0px; left: 100px; color: #999; display: none !important; }

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxSlideshow { position: absolute; bottom: 0px; right: 42px; color: #444; }

#cboxClose { position: absolute; top: -30px; right: 0; display: block; background: url("../../img/corp/b_cb_close.png") no-repeat 0 0; padding-left: 24px; color: #fff; font-weight: 700; }

#cboxClose + #cboxClose { top: auto !important; bottom: -16px !important; }

.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

#cboxPrevious, #cboxNext { display: none !important; }

/* jquery.validationEngine.js */
.formError { z-index: 990; }

.formError .formErrorContent { z-index: 991; }

.formError .formErrorArrow { z-index: 996; }

.ui-dialog .formError { z-index: 5000; }

.ui-dialog .formError .formErrorContent { z-index: 5001; }

.ui-dialog .formError .formErrorArrow { z-index: 5006; }

.undefinedformError { display: none !important; }

.inputContainer { position: relative; float: left; }

.formError { display: block; cursor: pointer; text-align: left; }

.formError.inline { display: block; }

.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999999; display: none; }

.formError .formErrorContent { width: 100%; background: #ee0101; position: relative; color: #fff; min-width: 120px; font-size: 11px; border: 2px solid #dddddd; box-shadow: 0 0 6px black; -moz-box-shadow: 0 0 6px black; -webkit-box-shadow: 0 0 6px black; -o-box-shadow: 0 0 6px black; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; }

.formError.inline .formErrorContent { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; color: #cc0000; background: white url("../../img/corp/i_attent.png") 0.3em 0.5em no-repeat; display: block; padding-left: 20px; }

.greenPopup .formErrorContent { background: #33be40; }

.blackPopup .formErrorContent { background: #393939; color: #FFF; }

.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position: relative; }

body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0; }

.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; margin: 0px 0 0 12px; top: 2px; }

.formError .formErrorArrow div { border-left: 2px solid #dddddd; border-right: 2px solid #dddddd; box-shadow: 0 2px 3px #444444; -moz-box-shadow: 0 2px 3px #444444; -webkit-box-shadow: 0 2px 3px #444444; -o-box-shadow: 0 2px 3px #444444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block; }

.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; }

.greenPopup .formErrorArrow div { background: #33be40; }

.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }

.formError .formErrorArrow .line10 { width: 15px; border: none; }

.formError .formErrorArrow .line9 { width: 13px; border: none; }

.formError .formErrorArrow .line8 { width: 11px; }

.formError .formErrorArrow .line7 { width: 9px; }

.formError .formErrorArrow .line6 { width: 7px; }

.formError .formErrorArrow .line5 { width: 5px; }

.formError .formErrorArrow .line4 { width: 3px; }

.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #dddddd; border-right: 2px solid #dddddd; border-bottom: 0 solid #dddddd; }

.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }

.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }

/* index
----------------------------------------*/
#business #mainArea article .navPageIdx .navPageContHorizon > dd { min-height: 158px; }

/* product
----------------------------------------*/
#business [id^="chemicallistArea"] .gridSection03 .navPageCont > dd, #business [id^="machinelistArea"] .gridSection03 .navPageCont > dd, #business [id^="toollistArea"] .gridSection03 .navPageCont > dd { position: relative; height: 160px; background: #fff; }
#business [id^="chemicallistArea"] .gridSection03 .navPageCont > dd img, #business [id^="machinelistArea"] .gridSection03 .navPageCont > dd img, #business [id^="toollistArea"] .gridSection03 .navPageCont > dd img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 70% !important; height: auto; }
#business [id^="chemicallistArea"] .gridSection05 .navPageCont > dd, #business [id^="machinelistArea"] .gridSection05 .navPageCont > dd, #business [id^="toollistArea"] .gridSection05 .navPageCont > dd { position: relative; height: 96px; background: #fff; }
#business [id^="chemicallistArea"] .gridSection05 .navPageCont > dd img, #business [id^="machinelistArea"] .gridSection05 .navPageCont > dd img, #business [id^="toollistArea"] .gridSection05 .navPageCont > dd img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 70% !important; height: auto; }
#business [id^="chemicallistArea"] .gridSection05 .navPageCont > dt, #business [id^="machinelistArea"] .gridSection05 .navPageCont > dt, #business [id^="toollistArea"] .gridSection05 .navPageCont > dt { font-size: 94%; }
#business .productImg { margin: 10px 0px; position: relative; height: 300px; overflow: hidden; }
#business .productImg img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

/* download
----------------------------------------*/
#business #downloadArea .navPageCont > dd { position: relative; height: 150px; }
#business #downloadArea .navPageCont > dd img { position: absolute; top: 10px; bottom: 0; left: 0; right: 0; margin: auto; height: auto; }
#business #downloadArea .navPageCont > dd.icoNew:after { position: absolute; top: 8px; left: -120px; right: 0; width: 2.6em; margin: auto; }

/* video
----------------------------------------*/
#business .pagenavVideo > li { display: table; }
#business .pagenavVideo > li a { position: relative; display: block; background: #eeeeee; }
#business .pagenavVideo > li a > dl { display: table-cell; height: 84px; vertical-align: middle; padding: 0 25px; }
#business .pagenavVideo > li a > dl dt, #business .pagenavVideo > li a > dl dd { color: black; }
#business .pagenavVideo > li a > dl > dt { font-weight: bold; }
#business .pagenavVideo > li a > dl > dd { line-height: 1.4; font-size: 85%; }
#business .pagenavVideo > li a:after { content: ""; position: absolute; top: 50%; left: 7px; margin-top: -2px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #00339a transparent transparent transparent; }
#business .pagenavVideo > li.cOrg a { background: #fce7d9; }
#business .pagenavVideo > li.cOrg a:after { border-color: #eb6111 transparent transparent transparent; }
#business .pagenavVideo > li.cBlue a { background: #ddf2f9; }
#business .pagenavVideo > li.cBlue a:after { border-color: #1ba8d8 transparent transparent transparent; }
#business .videoCount { position: relative; width: 100%; padding-bottom: 68%; margin-bottom: 15px; }
#business .videoCount iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#business .headingLv05.cOrg { border-top: 1px solid #eb6111; background: #fce7d9; }
#business .headingLv05.cBlue { border-top: 1px solid #1ba8d8; background: #ddf2f9; }

/* school
----------------------------------------*/
#business .counterList { counter-reset: counterList; }
#business .counterList dt { counter-increment: counterList; }
#business .counterList dt:before { display: inline-block; content: counter(counterList); background-color: #0a3190; width: 1.6em; margin-right: 0.3em; text-align: center; font-weight: 700; color: #fff; }
#business .centerCont { width: 212px; margin-left: 11px; margin-bottom: 20px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #business .centerCont { display: block; float: inherit; clear: both; margin: 0 auto; margin-bottom: 20px; text-align: center; } }
#business .centerCont dl > dt { font-weight: bold; color: #0b328f; vertical-align: middle; }
#business .centerCont dl > dt span { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 24px; height: 24px; margin-right: 5px; line-height: 24px; text-align: center; color: white !important; background: #0b328f; }
#business .centerCont dl dd { display: block !important; margin-top: 5px; }
#business .centerCont dl dd.btnStyle01 a { color: #fff; }
#business .centerCont dl dd.contImg { margin-bottom: 10px; }
#business .centerCont dl dd.contBtn { width: 202px; background: #000000; }
@media screen and (min-width: 0px) and (max-width: 667px) { #business .centerCont dl dd.contBtn { width: auto; } }
#business .centerCont dl dd.contBtn a { display: block; }
#business .centerCont dl dd.contBtn a .icoPdf { margin-left: 10px; padding-right: 20px !important; background: url("../../img/corp/business/school/i_pdf.gif") 100% 0.1em no-repeat; }
#business .mapArea { margin-bottom: 30px; }
#business .mapArea:before, #business .mapArea:after { content: ""; display: table; }
#business .mapArea:after { clear: both; }
#business .mapArea .map { width: 400px; float: left; }
@media screen and (min-width: 0px) and (max-width: 667px) { #business .mapArea .map { width: 100%; float: inherit; clear: both; }
  #business .mapArea .map img { width: 100%; height: auto; } }
#business .mapArea .centerCont { float: right; }
@media screen and (min-width: 0px) and (max-width: 667px) { #business .mapArea .centerCont { float: inherit; clear: both; } }
#business .gridList04Gutter10 { width: 101.47929%; margin-left: -1.47929%; }
#business .gridList04Gutter10:before, #business .gridList04Gutter10:after { content: ""; display: table; }
#business .gridList04Gutter10:after { clear: both; }
#business .gridList04Gutter10 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 23.52071%; margin-left: 1.47929%; }
#business .gridList04Gutter10 > *.gridCol02 { width: 48.52071%; }
#business .gridList04Gutter10 > *.gridCol03 { width: 73.52071%; }
#business .gridList04Gutter10 > *.gridCol04 { width: 98.52071%; }
#business .gridList04Gutter10 > *:first-child + * + * + * ~ * { margin-top: 10px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #business .gridList04Gutter10 { width: 100.89286%; margin-left: -0.89286%; }
  #business .gridList04Gutter10:before, #business .gridList04Gutter10:after { content: ""; display: table; }
  #business .gridList04Gutter10:after { clear: both; }
  #business .gridList04Gutter10 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 49.10714%; margin-left: 0.89286%; }
  #business .gridList04Gutter10 > *.gridCol02 { width: 99.10714%; }
  #business .gridList04Gutter10 > *:first-child + * ~ * { margin-top: 6px; } }
#business .gridList04Gutter10 li [class^="btn"] { padding: 12px 8px 10px 26px; }
#business .icoFlowChild > dt { position: relative; }
#business .icoFlowChild > dt:after { width: 0; margin: auto; top: -10px; left: 0; right: 0; content: ""; position: absolute; border-top: 6px solid #263973; border-right: 5px solid transparent; border-bottom: 6px solid transparent; border-left: 5px solid transparent; }
#business .icoFlowChild > dt:first-child:after { display: none; }
@media screen and (min-width: 0px) and (max-width: 667px) { #business .icoFlowChild > dt:after { display: none; }
  #business .icoFlowChild > dd { position: relative; }
  #business .icoFlowChild > dd:after { width: 0; margin: auto; top: -10px; left: 0; right: 0; content: ""; position: absolute; border-top: 6px solid #263973; border-right: 5px solid transparent; border-bottom: 6px solid transparent; border-left: 5px solid transparent; } }
#business .skillFlow { width: 440px; margin: 0 auto; text-align: center; }
@media screen and (min-width: 0px) and (max-width: 667px) { #business .skillFlow { width: 100%; } }
#business .skillFlow > li { position: relative; margin-bottom: 15px; line-height: 30px; vertical-align: middle; color: #6a82bb; font-weight: bold; border: solid 2px #6a82bb; }
#business .skillFlow > li.firstChild, #business .skillFlow > li.lastChild { color: #fff; background: #6a82bb; }
#business .skillFlow > li:after { content: ""; position: absolute; top: 37px; left: 50%; margin-left: -5px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #00339a transparent transparent transparent; }
#business .skillFlow > li.lastChild:after { display: none; }
#business #skillupArea02 .listBdStyle { background: url("../../img/corp/business/school/bg_skillup01.jpg") 100% 0 no-repeat; }
@media screen and (min-width: 0px) and (max-width: 667px) { #business #skillupArea02 .listBdStyle { padding-bottom: 170px; background: url("../../img/corp/business/school/bg_skillup01.jpg") 50% 100% no-repeat; } }
#business .scheTable tbody tr { position: relative; display: block; padding-bottom: 15px; }
#business .scheTable tbody tr:after { content: ""; position: absolute; bottom: 4px; left: 58px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #00339a transparent transparent transparent; }
#business .scheTable tbody tr.lastChild:after { display: none; }
@media screen and (min-width: 0px) and (max-width: 667px) { #business .scheTable tbody tr { margin-bottom: 15px; }
  #business .scheTable tbody tr:after { left: 50%; margin-left: -5px; } }
#business .scheTable tbody tr th { position: relative; width: 126px; text-align: center; vertical-align: middle; font-weight: bold; color: #fff; background: #6a82bb; }
#business .scheTable tbody tr th.cTop { color: #eb6111; background: #fce7d9; }
#business .scheTable tbody tr th.cMiddle { color: #1ba8d8; background: #ddf2f9; }
@media screen and (min-width: 0px) and (max-width: 667px) { #business .scheTable tbody tr th { width: 100%; display: block; margin-bottom: 5px; } }
#business .scheTable tbody tr td { padding-left: 20px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #business .scheTable tbody tr td { width: 100%; display: block; padding: 0 10px; } }

/* service
----------------------------------------*/
#business #businessService section {
  margin: 0;
}
/* ボーダー系 */
.border-blue {
  border-bottom: 2px solid #0b328f82;
}
.border-black {
  border-bottom: 1px solid #333333;
}

/* タイトル・見出し */
#business #businessService .mainTitle {
  color: #0b328f;
  font-weight: bold;
  font-size: 1.5rem;
}
#business #businessService .subTitle {
  position: relative;
  border: 2px solid #e60012;
  color: #e60012;
  font-weight: bold;
  font-size: 1.2rem;
  padding: 1px 10px 1px 25px;
  display: inline-block;
}
#business #businessService .subTitle::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 100%;
  background: #e60012;
}
#business #businessService .dtTitle01 {
  font-weight: bold;
  font-size: 1.4rem;
}
#business #businessService .dtTitle02 {
  font-weight: bold;
  text-indent: -6px;
}

/* flex系 */
#business #businessService .flexCol {
  flex: 1 1 0;
  box-sizing: border-box;
}
#business #businessService .flexRow {
  display: flex;
  flex-wrap: wrap;
}
#business #businessService .flexCol-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 667px) {
  #business #businessService .flexCol,
  #business #businessService .flexCol-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* イメージ画像 */
#business #businessService .pcImgFix {
  padding-left: 20px;
}
@media (max-width: 667px) {
  #business #businessService .spImgFix {
    padding-left: 0px;
  }
}

/* entry
----------------------------------------*/
#business #formEntryStudentsName01val { float: left; margin-left: 20px; }
#business #formEntryStudentsKana01val { margin-left: 194px; }

/*　proshop
----------------------------------------*/
#business .listFlow { width: 586px; margin: 0 auto; }
@media screen and (min-width: 0px) and (max-width: 667px) { #business .listFlow { width: 100%; } }
#business .listFlow > li { margin-top: 34px; position: relative; border: solid 2px #6a82bb; padding: 6px 6px 4px; }
#business .listFlow > li .listFlowTitle { font-size: 114%; background: #e1e6f1; font-weight: 700; line-height: 1.4; padding: 6px 10px 4px; margin: -6px -6px -4px; }
#business .listFlow > li .listFlowTitle + dd { padding: 16px 6px 8px; }
#business .listFlow > li .listFlowText { content: ""; position: absolute; top: -30px; left: 0; right: -12em; margin: auto; text-align: left; width: 8em; color: #6a82bb; font-weight: 700; }
#business .listFlow > li:after { content: ""; position: absolute; top: -22px; left: 14px; margin: auto; width: 0; height: 0; content: ""; position: absolute; border-top: 17px solid #6880ba; border-right: 14px solid transparent; border-bottom: 17px solid transparent; border-left: 14px solid transparent; }
#business .listFlow > li:before { content: ""; position: absolute; top: -33px; left: 21px; margin: auto; width: 14px; height: 0; border-top: 11px solid #6880ba; }
#business .listFlow > li.themeFlow01 { background: #0b328f; border: solid 2px #0b328f; }
#business .listFlow > li.themeFlow01 .listFlowTitle { color: #fff; background-color: #0b328f; }
#business .listFlow > li.themeFlow02 { background: #ee812f; border: solid 2px #ee812f; }
#business .listFlow > li.themeFlow02 .listFlowTitle { color: #fff; background-color: #ee812f; }
#business .listFlow > li.themeFlow02 .listFlowText { color: #ee812f; }
#business .listFlow > li.themeFlow03 { background: #d54416; border: solid 2px #d54416; }
#business .listFlow > li.themeFlow03 .listFlowTitle { color: #fff; background-color: #d54416; }
#business .listFlow > li.themeFlow03 .listFlowText { color: #d54416; }
#business .listFlow > li:first-child { margin-top: 0; }
#business .listFlow > li:first-child:before { display: none !important; }
#business .listFlow > li:first-child:after { display: none !important; }

video {
 width: 100%;
 max-width: 500px;
}