@charset "UTF-8";
/*=============================================================
 safety 安心・安全
=============================================================*/
/*! common
================================================= */
/*! section margin
---------------------------------------- */
#safety main > section { margin: 0 0 40px; }
@media screen and (max-width: 768px) { #safety main > section:last-of-type { margin: 0 0 25px; } }
@media screen and (min-width: 769px) { #safety main > section { margin: 0 0 80px; } }
/*! ============================================= */
/*! index 安心・安全
================================================= */
/*! mainImg
---------------------------------------- */
#safety.safety #mainImg { background-image: url(/img/safety/index/bg_mainimg01.jpg); }
#safety.safety .mainTit img { width: 117px; }
@media screen and (min-width: 769px) { #safety.safety .mainTit img { width: auto; } }
/*! safetyBox
---------------------------------------- */
#safety.safety .safetyBox header { margin: 0 0 25px; }
#safety.safety .safetyBox header h3 { position: relative; z-index: 2; }
#safety.safety .safetyBox header p { position: relative; height: 60px; line-height: 1.4; margin: 0 -25px; padding: 10px 0 0; background: url(/img/safety/index/bg_tit01_sp.png) top center/145px 145px repeat; color: #fff; font-size: 18px; text-align: center; }
#safety.safety .safetyBox header p:before { display: block; position: absolute; z-index: 1; background-size: contain; content: ""; }
#safety.safety .safetyBox#production header p:before { top: -89px; left: -17px; width: 104px; height: 89px; background: url(/img/safety/index/ico_safety01.png) left bottom/cover no-repeat; }
#safety.safety .safetyBox#strategy { overflow: hidden; margin: 0 -25px 40px; padding: 40px 25px; background: #f8faf7; }
#safety.safety .safetyBox#strategy header p:before { top: -118px; right: -30px; width: 150px; height: 110px; background: url(/img/safety/index/ico_safety02.png) left bottom/cover no-repeat; }
#safety.safety .safetyBox#material header p:before { top: -125px; left: 1px; width: 115px; height: 100px; background: url(/img/safety/index/ico_safety03.png) left bottom/cover no-repeat; }
#safety.safety .safetyBox .safetyBoxIn { margin: 0 0 30px; }
#safety.safety .safetyBox .safetyBoxIn h4 { position: relative; line-height: 1.4; margin: 0 0 15px; padding: 0 0 10px 15px; border-bottom: 2px solid #e4e4e4; font-weight: normal; font-size: 16px; }
#safety.safety .safetyBox .safetyBoxIn h4:before { display: block; position: absolute; top: 3px; left: 0; width: 5px; height: 1em; background: #83942e; content: ""; }
#safety.safety .safetyBox .safetyBoxIn .img { margin: 0 0 15px; }
@media screen and (min-width: 769px) { #safety.safety .safetyBox header { margin: 0 0 50px; }  #safety.safety .safetyBox header p { position: relative; height: 47px; margin: 0; padding: 15px 0 0; background: url(/img/safety/index/bg_tit01_pc.png) top center repeat; font-size: 24px; }  #safety.safety .safetyBox#production header p:before { top: auto; bottom: 0; left: 0; width: 210px; height: 178px; background: url(/img/safety/index/ico_safety01.png) left bottom no-repeat; }  #safety.safety .safetyBox#strategy { width: 1040px; margin: 0 -200% 80px; padding: 70px 200% 80px; }  #safety.safety .safetyBox#strategy header p:before { top: auto; right: -29px; bottom: 0; width: 300px; height: 220px; background: url(/img/safety/index/ico_safety02.png) left bottom no-repeat; }  #safety.safety .safetyBox#material header p:before { top: -165px; width: 230px; height: 220px; background: url(/img/safety/index/ico_safety03.png) left bottom no-repeat; }  #safety.safety .safetyBox .safetyBoxIn { overflow: hidden; margin: 0 0 60px; }  #safety.safety .safetyBox .safetyBoxIn h4 { float: left; width: 524px; margin: 16px 0 30px; padding: 0 0 16px 26px; border-bottom: 3px solid #e4e4e4; font-size: 24px; }  #safety.safety .safetyBox .safetyBoxIn h4:before { top: 3px; width: 6px; }  #safety.safety .safetyBox .safetyBoxIn .img { float: right; width: 490px; margin: 0; }  #safety.safety .safetyBox .safetyBoxIn .img img { width: 100%; vertical-align: top; }  #safety.safety .safetyBox .safetyBoxIn p , #safety.safety .safetyBox .safetyBoxIn ul { float: left; clear: left; width: 490px; }  #safety.safety .safetyBox .safetyBoxIn:nth-of-type(even) h4 { float: right; width: 464px; padding: 0 0 16px 86px; }  #safety.safety .safetyBox .safetyBoxIn:nth-of-type(even) h4:before { left: 60px; }  #safety.safety .safetyBox .safetyBoxIn:nth-of-type(even) .img { float: left; }  #safety.safety .safetyBox .safetyBoxIn:nth-of-type(even) p , #safety.safety .safetyBox .safetyBoxIn:nth-of-type(even) ul { float: right; clear: right; }  #safety.safety .safetyBox .btn { margin: -20px 0 0; text-align: center; } }
/*! ============================================= */
/*! production 生産体制
================================================= */
/*! mainImg
---------------------------------------- */
#safety.production #mainImg { background-color: #17191b; background-image: url(/img/safety/production/bg_mainimg01.jpg); }
#safety.production .mainTit img { width: 117px; }
@media screen and (min-width: 769px) { #safety.production .mainTit img { width: auto; } }
/*! common
---------------------------------------- */
#safety.production .mod_tit01 i { display: inline-block; height: 24px; line-height: 24px; overflow: hidden; margin: 0 auto 10px; padding: 0 20px; border-radius: 12px; background: #4f6129; color: #fff; font-style: normal; font-size: 16px; text-align: center; }
#safety.production .mod_tit01 span { font-size: 13px; vertical-align: baseline; }
@media screen and (min-width: 769px) { #safety.production .mod_tit01 i { height: 26px; line-height: 26px; border-radius: 13px; font-size: 18px; }  #safety.production .mod_tit01 span { font-size: 14px; } }
/*! #factory
---------------------------------------- */
#safety.production #factory .factoryBox { margin: 20px 0 0; }
#safety.production #factory .factoryBox dl dt { margin: 0 0 13px; color: #4f6129; font-size: 18px; text-align: center; }
#safety.production #factory .factoryBox dl dd.img { margin: 0 0 12px; }
#safety.production #factory .factoryBox dl dd.ex { line-height: 1.5; margin: 12px 0 0; padding: 15px 10px; background: #f2f1ee; font-size: 12px; }
#safety.production #factory .factoryBox dl + dl { margin: 25px 0 0; }
@media screen and (min-width: 769px) { #safety.production #factory .factoryBox { overflow: hidden; margin: 40px 0 60px; text-align: center; letter-spacing: -.5em; }  #safety.production #factory .factoryBox dl { display: inline-block; width: 324px; letter-spacing: 0; }  #safety.production #factory .factoryBox dl dt { margin: 0 0 20px; font-size: 24px; }  #safety.production #factory .factoryBox dl dd { text-align: left; }  #safety.production #factory .factoryBox dl dd.img { margin: 0 0 20px; }  #safety.production #factory .factoryBox dl dd.img img { width: 100%; vertical-align: top; }  #safety.production #factory .factoryBox dl dd.ex { line-height: 1.6; margin: 17px 0 0; padding: 16px; font-size: 13px; }  #safety.production #factory .factoryBox dl + dl { margin: 0 0 0 34px; } }
/*! .productionList
---------------------------------------- */
#safety.production .productionList { margin: -10px 0 0; padding: 20px; background: #f2f1ee; }
#safety.production .productionList dt { display: inline-block; height: 28px; line-height: 28px; overflow: hidden; margin: 0 0 12px; padding: 0 12px; background: #83942e; color: #fff; font-size: 16px; }
#safety.production .productionList dd + dt { margin: 15px 0 12px; }
@media screen and (min-width: 769px) { #safety.production .productionList { margin: -20px 0 0; padding: 30px 30px 32px; }  #safety.production .productionList dt { height: 34px; line-height: 34px; margin: 0 0 15px; font-size: 18px; }  #safety.production .productionList dd + dt { margin: 22px 0 15px; } }
/*! #develop
---------------------------------------- */
#safety.production #develop .developList { margin: 15px 0 20px; text-align: center; letter-spacing: -.5em; }
#safety.production #develop .developList li { display: inline-block; width: 40%; max-width: 150px; letter-spacing: 0; }
#safety.production #develop .developList li .img { position: relative; margin: 0 0 10px; }
#safety.production #develop .developList li .img:after { display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border-radius: 50%; background: #d8e3c0; content: ""; }
#safety.production #develop .developList li .img img { position: relative; z-index: 2; width: 100%; vertical-align: top; }
#safety.production #develop .developList li p { color: #4f6129; font-weight: bold; font-size: 14px; }
#safety.production #develop .developList li + li { margin: 0 0 0 30px; }
#safety.production #develop .developList li a { text-decoration: none; }
@media screen and (min-width: 769px) { #safety.production #develop .developList { margin: 40px 0; }  #safety.production #develop .developList li { width: 200px; max-width: 100%; }  #safety.production #develop .developList li .img { margin: 0 0 20px; }  #safety.production #develop .developList li .img:after { border-radius: 100px; -webkit-transition: background .3s ease; transition: background .3s ease; }  #safety.production #develop .developList li p { font-size: 18px; }  #safety.production #develop .developList li + li { margin: 0 0 0 90px; }  #safety.production #develop .developList li a:hover .img:after { background: #9eb270; }  #safety.production #develop .btn { text-align: center; } }
/*! ============================================= */
/*! strategy 安心への取り組み
================================================= */
/*! mainImg
---------------------------------------- */
#safety.strategy #mainImg { background-image: url(/img/safety/strategy/bg_mainimg01.jpg); }
#safety.strategy .mainTit img { width: 150px; }
@media screen and (min-width: 769px) { #safety.strategy .mainTit img { width: auto; } }
/*! .mod_pageNav01
---------------------------------------- */
#safety.strategy .mod_pageNav01 { margin: 25px 0 40px; }
@media screen and (min-width: 769px) { #safety.strategy .mod_pageNav01 { margin: -40px 0 80px; } }
/*! .mod_tit03
---------------------------------------- */
#safety.strategy main > section > section { margin-bottom: 30px; }
@media screen and (min-width: 769px) { #safety.strategy main > section > section { margin-bottom: 60px; } }
/*! .numList01
---------------------------------------- */
#safety.strategy ol.numList01 li { position: relative; }
#safety.strategy ol.numList01 li:before { position: absolute; line-height: 1.0; color: #e2ddd0; font-family: hinoseiyaku !important; font-weight: normal; }
#safety.strategy ol.numList01 li:nth-child(1):before { content: "\e911"; }
#safety.strategy ol.numList01 li:nth-child(2):before { content: "\e912"; }
#safety.strategy ol.numList01 li:nth-child(3):before { content: "\e913"; }
#safety.strategy ol.numList01 li:nth-child(4):before { content: "\e914"; }
#safety.strategy ol.numList01 li:nth-child(5):before { content: "\e915"; }
#safety.strategy ol.numList01 li:nth-child(6):before { content: "\e916"; }
#safety.strategy ol.numList01 li:nth-child(7):before { content: "\e917"; }
#safety.strategy ol.numList01 li:nth-child(8):before { content: "\e918"; }
/*! #factory
---------------------------------------- */
#safety.strategy #factory { /*! numList01 */ /*! zoneBox */ /*! zoneList01 */ }
#safety.strategy #factory .img { margin: 20px 0 15px; }
#safety.strategy #factory h5 { height: 30px; line-height: 30px; overflow: hidden; margin: 0 0 20px; background: #83942e; color: #fff; font-weight: normal; font-size: 16px; text-align: center; }
#safety.strategy #factory ol.numList01 li { min-height: 38px; line-height: 1.4; margin: 0 0 18px; padding: 0 0 0 44px; font-weight: bold; font-size: 14px; }
#safety.strategy #factory ol.numList01 li:before { top: 4px; left: 6px; font-size: 30px; }
#safety.strategy #factory ol.numList01 li:nth-child(1):before { left: 10px; }
#safety.strategy #factory ol.numList01 li:nth-child(4):before { left: 5px; }
#safety.strategy #factory .zoneBox { margin-top: 25px; }
#safety.strategy #factory .zoneBox h5 { margin: 0; }
#safety.strategy #factory ul.zoneList01 { overflow: hidden; text-align: center; }
#safety.strategy #factory ul.zoneList01 li { float: left; box-sizing: border-box; width: 50%; margin: 20px 0 0; padding: 0 10px; }
#safety.strategy #factory ul.zoneList01 li .img { display: inline-block; max-width: 150px; margin: 0 0 10px; }
#safety.strategy #factory ul.zoneList01 li p { line-height: 1.0; color: #4f6129; font-weight: bold; font-size: 14px; }
@media screen and (min-width: 769px) { #safety.strategy #factory { /*! zoneList01 */ /*! zoneBox */ }  #safety.strategy #factory .procedure { position: relative; height: 588px; overflow: hidden; margin: 40px 0 0; text-align: center; /*! numList01 */ }  #safety.strategy #factory .procedure .img { display: inline-block; margin: 0; }  #safety.strategy #factory .procedure ol.numList01 li { position: absolute; width: 272px; min-height: 0; line-height: 1.5; margin: 0; padding: 0 0 0 32px; font-size: 16px; text-align: left; }  #safety.strategy #factory .procedure ol.numList01 li:nth-child(1) { top: 68px; left: 30px; }  #safety.strategy #factory .procedure ol.numList01 li:nth-child(2) { top: 126px; left: 700px; }  #safety.strategy #factory .procedure ol.numList01 li:nth-child(3) { top: 186px; left: 30px; }  #safety.strategy #factory .procedure ol.numList01 li:nth-child(4) { top: 244px; left: 700px; }  #safety.strategy #factory .procedure ol.numList01 li:nth-child(5) { top: 306px; left: 700px; }  #safety.strategy #factory .procedure ol.numList01 li:nth-child(6) { top: 344px; left: 30px; }  #safety.strategy #factory .procedure ol.numList01 li:nth-child(7) { top: 400px; left: 700px; }  #safety.strategy #factory .procedure ol.numList01 li:nth-child(8) { top: 460px; left: 30px; }  #safety.strategy #factory .procedure ol.numList01 li:before { top: -3px; left: 0; font-size: 29px; }  #safety.strategy #factory .procedure ol.numList01 li:nth-child(1):before , #safety.strategy #factory .procedure ol.numList01 li:nth-child(4):before { left: 0; }  #safety.strategy #factory ul.zoneList01 { margin: 30px 0 0; letter-spacing: -.5em; }  #safety.strategy #factory ul.zoneList01 li { display: inline-block; float: none; width: 210px; margin: 0 10px; padding: 0; letter-spacing: 0; }  #safety.strategy #factory ul.zoneList01 li .img { display: block; max-width: 100%; margin: 0 0 15px; }  #safety.strategy #factory ul.zoneList01 li .img img { width: 210px; }  #safety.strategy #factory ul.zoneList01 li p { font-size: 16px; }  #safety.strategy #factory .zone { text-align: center; letter-spacing: -.5em; }  #safety.strategy #factory .zone .zoneBox { display: inline-block; width: 460px; margin-top: 40px; letter-spacing: normal; }  #safety.strategy #factory .zone .zoneBox + .zoneBox { margin-left: 20px; } }
/*! #process
---------------------------------------- */
#safety.strategy #process { /*! numList01 */ }
#safety.strategy #process ol.numList01 { margin-top: 20px; /*! numList01 quality */ }
#safety.strategy #process ol.numList01 li { background: #f5f3ee; }
#safety.strategy #process ol.numList01 li + li { margin: 25px 0 0; }
#safety.strategy #process ol.numList01 li:before { top: 5px; left: 10px; font-size: 24px; }
#safety.strategy #process ol.numList01 li:nth-child(1):before { left: 14px; }
#safety.strategy #process ol.numList01 li:nth-child(4):before { left: 9px; }
#safety.strategy #process ol.numList01 li dt { min-height: 20px; line-height: 1.3; overflow: hidden; padding: 7px 0; background: #83942e; color: #fff; font-size: 16px; text-align: center; }
#safety.strategy #process ol.numList01 li dd { padding: 15px; }
#safety.strategy #process ol.numList01.quality li:nth-child(6) dt { background: #d79c3f; }
@media screen and (max-width: 374px) { #safety.strategy #process ol.numList01.quality li:nth-child(6) dt br.viewPc { display: block !important; } }
@media screen and (min-width: 769px) { #safety.strategy #process ol.numList01 { overflow: hidden; /*! numList01 quality */ padding: 10px 0 0; }  #safety.strategy #process ol.numList01 li { float: left; width: 236px; }  #safety.strategy #process ol.numList01 li + li { margin: 0 0 0 32px; }  #safety.strategy #process ol.numList01 li:before { top: 5px; left: 28px; font-size: 28px; }  #safety.strategy #process ol.numList01 li:nth-child(1):before , #safety.strategy #process ol.numList01 li:nth-child(4):before { left: 28px; }  #safety.strategy #process ol.numList01 li dt { min-height: 20px; line-height: 1.3; padding: 7px 0 8px; font-size: 18px; }  #safety.strategy #process ol.numList01 li dd { padding: 18px 20px 20px; }  #safety.strategy #process ol.numList01.quality li { width: 326px; margin-top: 30px; }  #safety.strategy #process ol.numList01.quality li + li { margin: 30px 0 0 31px; }  #safety.strategy #process ol.numList01.quality li:nth-child(4n) { margin: 30px 0 0 0; } }
/*! ============================================= */
/*! material 安心への取り組み
================================================= */
/*! mainImg
---------------------------------------- */
#safety.material #mainImg { background-color: #fff; background-image: url(/img/safety/material/bg_mainimg01.jpg); }
#safety.material .mainTit img { width: 100px; }
@media screen and (min-width: 769px) { #safety.material .mainTit img { width: auto; } }
/*# sourceMappingURL=maps/safety.css.map */