@charset "UTF-8";
/*=============================================================
 about 生薬製剤メーカーとして（日野製薬について）
=============================================================*/
/*! common
================================================= */
html{scroll-padding-top:10em;}
/*! section margin
---------------------------------------- */
#about:not(.about) main > section { margin: 0 0 40px; }
@media screen and (min-width: 769px) { #about:not(.about) main > section { margin: 0 0 80px; } }
/*! lNav02 background
---------------------------------------- */
#about .lNav02:before { top: -36px; left: -25px; width: 120px; height: 108px; background: url(/img/about/bg_lnav01.png) center center/cover no-repeat; }
@media screen and (min-width: 769px) { #about .lNav02:before { top: -28px; left: -13px; width: 164px; height: 148px; } }
#about .lNav02:after { top: -20px; right: -25px; width: 120px; height: 91px; background: url(/img/about/bg_lnav02.png) center center/cover no-repeat; }
@media screen and (min-width: 769px) { #about .lNav02:after { top: -2px; right: -2px; width: 156px; height: 120px; } }
/*! ============================================= */
/*! index 生薬製剤メーカーとして
================================================= */
/*! mainImg
---------------------------------------- */
#about.about #mainImg { background-image: url(/img/about/index/bg_mainimg01.jpg); }
#about.about .mainTit img { width: 144px; }
@media screen and (min-width: 769px) { #about.about .mainTit img { width: auto; } }
/*! tradition
---------------------------------------- */
#about.about #tradition h5 { margin: 0 0 15px; }
#about.about #tradition h5 img { height: 22px; }
#about.about #tradition .hyakuso .imgR { margin: 0 0 20px; }
@media screen and (min-width: 769px) { #about.about #tradition h4 { position: relative; z-index: 2; }  #about.about #tradition h5 { margin: 0 0 30px; }  #about.about #tradition h5 img { height: auto; }  #about.about #tradition .mod_box01 { margin-top: -70px; }  #about.about #tradition .hyakuso { position: relative; z-index: 1; }  #about.about #tradition .hyakuso h5 { text-align: right; }  #about.about #tradition .hyakuso .txtL { width: 512px; margin-top: 120px; }  #about.about #tradition .posture { position: relative; clear: both; z-index: 2; }  #about.about #tradition .posture .txtR { width: 512px; margin-top: 72px; } }
/*! ============================================= */
/*! research 日野製薬のこだわり
================================================= */
/*! mainImg
---------------------------------------- */
#about.research #mainImg { background-image: url(/img/about/research/bg_mainimg01.jpg); }
#about.research .mainTit img { width: 115px; }
@media screen and (min-width: 769px) { #about.research .mainTit img { width: auto; } }
/*! #develop
---------------------------------------- */
#about.research #develop .developList { margin: 15px 0 20px; text-align: center; letter-spacing: -.5em; }
#about.research #develop .developList li { display: inline-block; width: 40%; max-width: 150px; letter-spacing: 0; }
#about.research #develop .developList li .img { position: relative; margin: 0 0 10px; }
#about.research #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: ""; }
#about.research #develop .developList li .img img { position: relative; z-index: 2; width: 100%; vertical-align: top; }
#about.research #develop .developList li p { color: #4f6129; font-weight: bold; font-size: 14px; }
#about.research #develop .developList li + li { margin: 0 0 0 30px; }
#about.research #develop .developList li a { text-decoration: none; }
@media screen and (min-width: 769px) { #about.research #develop .developList { margin: 40px 0; }  #about.research #develop .developList li { width: 200px; max-width: 100%; }  #about.research #develop .developList li .img { margin: 0 0 20px; }  #about.research #develop .developList li .img:after { border-radius: 100px; -webkit-transition: background .3s ease; transition: background .3s ease; }  #about.research #develop .developList li p { font-size: 18px; }  #about.research #develop .developList li + li { margin: 0 0 0 90px; }  #about.research #develop .developList li a:hover .img:after { background: #9eb270; }  #about.research #develop .btn { text-align: center; } }
/*! ============================================= */
/*! history 日野製薬の歴史
================================================= */
/*! mainImg
---------------------------------------- */
#about.history #mainImg { background-color: #181507; background-image: url(/img/about/history/bg_mainimg01.jpg); }
#about.history .mainTit img { width: 164px; }
@media screen and (min-width: 769px) { #about.history .mainTit img { width: auto; } }
/*! chronology
---------------------------------------- */
#about.history .chronologyBox section { margin: 0 -25px 30px; padding: 0 25px; background-repeat: no-repeat; background-position: center 45px; background-size: 798px auto; }
#about.history .chronologyBox section:nth-of-type(1) { background-image: url(/img/about/history/bg_chronology01_sp.png); }
#about.history .chronologyBox section:nth-of-type(2) { background-image: url(/img/about/history/bg_chronology02.png); }
#about.history .chronologyBox section:nth-of-type(3) { background-image: url(/img/about/history/bg_chronology03_sp.png); }
#about.history .chronologyBox section:nth-of-type(4) { background-image: url(/img/about/history/bg_chronology04.png); }
#about.history .chronologyBox section header div { box-sizing: border-box; height: 45px; overflow: hidden; margin: 0 -25px 26px; padding-top: 12px; background-color: #83942e; background-repeat: no-repeat; background-position: 12px bottom; text-align: center; }
#about.history .chronologyBox section header div img { height: 20px; }
#about.history .chronologyBox section:nth-of-type(1) header div { background-image: url(/img/about/history/ico_chronology01.png); background-size: 46px 26px; }
#about.history .chronologyBox section:nth-of-type(2) header div { background-image: url(/img/about/history/ico_chronology02.png); background-size: 38px 42px; }
#about.history .chronologyBox section:nth-of-type(3) header div { background-image: url(/img/about/history/ico_chronology03.png); background-size: 40px 42px; }
#about.history .chronologyBox section:nth-of-type(4) header div { background-image: url(/img/about/history/ico_chronology04.png); background-size: 47px 43px; }
#about.history .chronologyBox section:nth-of-type(5) header div { background-image: url(/img/about/history/ico_chronology05.png); background-size: 50px 44px; }
#about.history .chronologyBox section .historyBox .img { margin: 0 0 16px; }
@media screen and (min-width: 769px) { #about.history .chronologyBox { margin-top: 0; }  #about.history .chronologyBox section { position: relative; width: 1040px; margin: -60px -200% 0 -200%; padding: 90px 200% 0 200%; background-position: center top; background-size: 1920px auto; }  #about.history .chronologyBox section:nth-of-type(1) { z-index: 5; background-color: #f6f8f5; background-image: url(/img/about/history/bg_chronology01.png); }  #about.history .chronologyBox section:nth-of-type(2) { z-index: 4; }  #about.history .chronologyBox section:nth-of-type(3) { z-index: 3; background-color: #f6f8f5; background-image: url(/img/about/history/bg_chronology03.png); }  #about.history .chronologyBox section:nth-of-type(4) { z-index: 2; }  #about.history .chronologyBox section header { position: relative; z-index: 10; margin-left: 160px; }  #about.history .chronologyBox section header div { position: absolute; top: -50px; left: -180px; z-index: 99; width: 150px; height: 150px; margin: 0; border-radius: 75px; background-image: none; vertical-align: middle; }  #about.history .chronologyBox section header div img { height: auto; }  #about.history .chronologyBox section header .mod_tit01 { text-align: left; }  #about.history .chronologyBox section header .mod_tit01:before { left: 0; margin: 0; }  #about.history .chronologyBox section:nth-of-type(1) header div , #about.history .chronologyBox section:nth-of-type(2) header div { padding-top: 54px; background-image: none; }  #about.history .chronologyBox section:nth-of-type(3) header div , #about.history .chronologyBox section:nth-of-type(4) header div , #about.history .chronologyBox section:nth-of-type(5) header div { padding-top: 35px; background-image: none; }  #about.history .chronologyBox section .historyBox { overflow: hidden; margin: -10px 0 20px; padding: 10px 0 40px 160px; background: url(/img/about/history/bg_chronology05.png) 51px top no-repeat; }  #about.history .chronologyBox section .historyBox .img { float: right; width: 400px; margin: 0; }  #about.history .chronologyBox section .historyBox .img img { width: 100%; }  #about.history .chronologyBox section .historyBox p { width: 440px; }  #about.history .chronologyBox section:last-child .historyBox { margin-bottom: 80px; padding-bottom: 0; } }
@media screen and (max-width: 768px) { #about.history .mod_pagination04 { margin: 20px 0 25px; } }
/*# sourceMappingURL=maps/about.css.map */