@charset "UTF-8";
/*=============================================================
 home トップページ
=============================================================*/
/*! mainImg
================================================= */
#home #mainImg { position: relative; z-index: 1; height: auto; margin: 0; background: none; }
#home #mainImg img { width: 100%; }
#home #mainImgIn { width: auto; height: auto; }
#home #sliderWrap { position: relative; width: 100%; max-width: 100%; max-height: 100%; margin: 0 auto; }
#home #sliderWrap .bx-wrapper { position: relative; width: 100%; margin: 0; }
#home #sliderWrap .bx-wrapper .bx-viewport { left: 0; border: 0; box-shadow: none; }
#home #sliderWrap .bx-controls { position: absolute; bottom: 20px; left: 20px; height: 10px; }
#home #sliderWrap .bx-pager { top: 0; padding: 0; text-align: left; }
#home #sliderWrap .bx-pager.bx-default-pager { position: relative; padding: 0; }
#home #sliderWrap .bx-pager.bx-default-pager .bx-pager-item { vertical-align: top; }
#home #sliderWrap .bx-pager.bx-default-pager a { width: 10px; height: 10px; overflow: hidden; margin: 0 6px 0 0; border: 1px solid #999; border-radius: 0; background: none; text-indent: 150%; }
#home #sliderWrap .bx-pager.bx-default-pager a:hover , #home #sliderWrap .bx-pager.bx-default-pager a.active { background: #999; }
@media screen and (min-width: 769px) { #home #mainImg { margin: 0; }  #home #sliderWrap { /*! .sliderScroll {  bottom: 20px; left: 50%; position: absolute; width: 40px; height: 34px; margin-left: -20px; a {  position: relative; display: block; height: 33px; &:before {  position: absolute; bottom: 2px; left: 50%; width: 8px; height: 8px; margin-left: -4px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(135deg); content: ""; } } img {  vertical-align: top; } } */ }  #home #sliderWrap .bx-controls { right: 20px; left: auto; }  #home #sliderWrap .bx-pager { text-align: right; }  #home #sliderWrap .bx-pager.bx-default-pager a { margin: 0 0 0 8px; }  #home #sliderWrap li { width: auto; max-height: 860px; } }
/*! ============================================= */
/*! contents
================================================= */
/*! #common
---------------------------------------- */
#home .tit01 { position: relative; width: 200px; margin: 0 auto 25px; padding: 0 0 25px; }
#home .tit01:before { position: absolute; bottom: 0; left: 50%; width: 40px; height: 2px; margin-left: -20px; background: #4f6129; content: ""; }
#home .img { max-width: 100%; text-align: center; }
#home img { max-width: 100%; }
@media screen and (min-width: 769px) { #home .tit01 { width: auto; margin: 0 auto 35px; padding: 0 0 34px; }  #home .indexBox .img { float: right; width: 700px; }  #home .indexBox .txt { float: left; width: 460px; }  #home .indexBox .tit01:before { left: 0; margin: 0; } }
/*! #contentsIn
---------------------------------------- */
@media screen and (max-width: 768px) { #contents #contentsIn { padding: 0; } }
/*! #crude_drug 最深の生薬
---------------------------------------- */
#home #crude_drug { min-height: 292px; padding: 93px 25px 0; background: url(/img/home/bg_crude_drug01_sp.jpg) center top no-repeat; background-size: 768px auto; text-align: center; }
#home #crude_drug .tit01 { position: relative; width: 200px; margin: 0 auto 25px; padding: 0 0 25px; }
#home #crude_drug .tit01:before { background: #0272c4; }
#home #crude_drug p { margin: 0 0 25px; color: #0272c4; }
#home #crude_drug .btn { max-width: 325px; margin: 0 auto; }
#home #crude_drug .btn .btnCmn01 { border: none; background: #0272c4; color: #fff; }
#home #crude_drug .btn .btnCmn01:before { border-top: 1px solid #fff; border-right: 1px solid #fff; }
@media screen and (min-width: 769px) { #home #crude_drug { height: 394px; margin: 0 -200%; padding: 156px 200% 0; background: url(/img/home/bg_crude_drug01_pc.jpg) center top no-repeat; background-size: auto; }  
    #home #crude_drug .tit01 { width: auto; margin: 0 auto 25px; padding: 0 0 25px; }  
    #home #crude_drug .tit01:before { background: #0272c4; }  
    #home #crude_drug .tit01 img { width: 300px; }  
    #home #crude_drug p { margin: 0 0 25px; color: #0272c4; }  
    #home #crude_drug .btn { width: 300px; margin: 0 auto; }  
    #home #crude_drug .btn .btnCmn01 { width: 300px; border: none; background: #0272c4; color: #fff; }  
    #home #crude_drug .btn .btnCmn01:before { border-top: 1px solid #fff; border-right: 1px solid #fff; }  #home #crude_drug .btn .btnCmn01:after { background: #0064ad; }  #home #crude_drug .tit01 { line-height: 1.7; margin: 0 0 40px; padding: 0 0 15px; font-size: 30px; }  #home #crude_drug .tit01:before { width: 80px; height: 4px; margin-left: -40px; } }
/*! #about 生薬製剤メーカーとして
---------------------------------------- */
#home #about { padding: 50px 25px 40px; background: url(/img/home/bg_about01_sp.png) center bottom no-repeat; background-size: 768px auto; }
#home #about .img { width: 356px; margin: 0 auto 20px; }
#home #about p { margin: 0 0 25px; }
#home #about .btn { max-width: 325px; margin: 0 auto; }
@media screen and (min-width: 769px) { #home #about { margin: 0 -200%; padding: 130px 200% 120px; background: url(/img/home/bg_about01_pc.png) center top no-repeat; background-size: auto; }  #home #about p { margin: 0 0 30px; }  #home #about .img { width: 700px; margin: 0 -140px 0 0; }  #home #about .btn { width: 300px; margin: 0; }  #home #about .btn a { width: 300px; } }
/*! #products 製品紹介
---------------------------------------- */
#home #products { padding: 50px 25px 40px; background: url(/img/home/bg_products02_sp.png) center top no-repeat, url(/img/home/bg_products01_sp.jpg) center top no-repeat; background-size: 500px auto, 768px auto; }
#home #products .tit01 { width: 120px; }
#home #products > p { margin: 0 0 20px; }
#home #products .productsList { margin: 0 0 30px; }
#home #products .productsList li { border: 1px solid #b7bfa8; }
#home #products .productsList li + li { margin: 25px 0 0; }
#home #products .productsList a { display: block; width: 100%; text-decoration: none; }
#home #products .productsList .img { height: 119px; margin: 0; background: url(/img/home/bg_products03.png) center bottom repeat-x; background-size: contain; text-align: center; }
#home #products .productsList .img img { width: auto; height: 120px; }
#home #products .productsList .btn { display: table-cell; position: relative; width: 768px; line-height: 1.3; padding: 10px 25px 10px 12px; background: #83942e; color: #fff; font-size: 18px; text-align: center; vertical-align: middle; }
#home #products .productsList .btn:after { position: absolute; top: 50%; right: 14px; width: 10px; height: 10px; margin-top: -6px; border-top: 1px solid #fff; border-right: 1px solid #fff; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#home #products .btn .btnCmn01 { background: #fff; }
@media screen and (min-width: 769px) { #home #products { overflow: hidden; margin: 0 -200%; padding: 90px 200%; background: url(/img/home/bg_products01_pc.jpg) center top no-repeat; background-size: auto; }  #home #products .tit01 { width: auto; text-align: center; }  #home #products .tit01 img { width: 161px; }  #home #products > p { margin: 0 0 40px; text-align: center; }  #home #products .productsList { margin: 0 0 40px; text-align: center; letter-spacing: -.5em; }  #home #products .productsList li { display: inline-block; width: 413px; letter-spacing: normal; }  #home #products .productsList li + li { margin: 0 0 0 36px; }  #home #products .productsList .img { height: auto; }  #home #products .productsList .img img { height: auto; }  #home #products .productsList .btn { overflow: hidden; padding: 20px 0; }  #home #products .productsList .btn:before { position: absolute; top: 0; left: -100%; z-index: 1; width: 100%; height: 100%; background: #72831e; opacity: 0; content: ""; -webkit-transition: all .3s ease; transition: all .3s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }  #home #products .productsList .btn:after { right: 15px; z-index: 3; width: 10px; height: 10px; margin-top: -5px; }  #home #products .productsList .btn p { position: relative; z-index: 2; line-height: 1.0; }  #home #products .productsList .btn:after { right: 15px; z-index: 3; width: 10px; height: 10px; margin-top: -5px; }  #home #products .productsList a:hover .btn:before { left: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }  #home #products .btn { width: 300px; margin: 0 auto; }  #home #products .btn .btnCmn01 { width: 300px; } }
/*! #safety 安心・安全
---------------------------------------- */
#home #safety { padding: 50px 25px 40px; background: url(/img/home/bg_safety01_sp.png) center top no-repeat; background-size: 768px auto; }
#home #safety .tit01 { width: 137px; }
#home #safety .img { width: 356px; margin: 0 auto 20px; }
#home #safety p { margin: 0 0 25px; }
#home #safety .btn { max-width: 325px; margin: 0 auto; }
@media screen and (min-width: 769px) { #home #safety { margin: 0 -200%; padding: 130px 200% 120px; background: url(/img/home/bg_safety01_pc.png) center top no-repeat; background-size: auto; }  #home #safety .tit01 { width: auto; }  #home #safety .tit01 img { width: 196px; }  #home #safety p { margin: 0 0 30px; }  #home #safety .img { width: 700px; margin: 0 -120px 0 0; }  #home #safety .btn { width: 300px; margin: 0; }  #home #safety .btn a { width: 300px; } }
/*! #company 企業情報
---------------------------------------- */
#home #company { margin: 0 0 50px; padding: 142px 25px 50px; background: url(/img/home/bg_company01_sp.jpg) center top no-repeat; background-size: 768px auto; }
#home #company .tit01 { width: 120px; margin: 0 auto 25px; }
#home #company .tit01:before { background: #fff; }
#home #company p { margin: 0 0 25px; color: #fff; }
#home #company .btn { max-width: 325px; margin: 0 auto; }
#home #company .btn .btnCmn01 { background: #fff; }
@media screen and (min-width: 769px) { #home #company { height: 420px; margin: 0 -200%; padding: 120px 200% 0; background: url(/img/home/bg_company01_pc.jpg) center top no-repeat; background-size: auto; }  #home #company .txt { float: right; }  #home #company .tit01 { width: 162px; margin: 0 0 35px; text-align: left; }  #home #company .tit01 img { width: 163px; }  #home #company .btn { width: 300px; margin: 0; }  #home #company .btn a { width: 300px; } }
/*! .bnr01 バナーエリア01
---------------------------------------- */
#home .bnr01 { margin: 0 0 50px; padding: 0 25px; }
#home .bnr01 li a { display: block; }
#home .bnr01 li + li { margin: 12px 0 0; }
@media screen and (min-width: 769px) {
	#home .bnr01 { margin: 0; padding: 80px 0; }
	#home .bnr01 ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
	}
	#home .bnr01 ul li {
		margin: 32px 0 0;
		/* margin: 32px 20px 0;*/
		-ms-flex-preferred-size: 325px;
		flex-basis: 325px;
	}
	#home .bnr01 ul li:nth-child(-n+2) {
		-ms-flex-preferred-size: 504px;
		flex-basis: 504px;
	}
	#home .bnr01 ul li a { display: block; }
	#home .bnr01 ul li a img { -webkit-transition: opacity .3s ease; transition: opacity .3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; }  #home .bnr01 ul li a:hover img { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
}
/*! .news 新着情報
---------------------------------------- */
#home #news { margin: 0; padding: 50px 25px; background: #fefcf8; }
#home #news h2 { line-height: 1.0; margin: 0 0 10px; text-align: center; }
#home #news h2:after { display: block; position: relative; top: -17px; z-index: 1; border-bottom: 3px double #4f6129; content: ""; }
#home #news h2 img { width: 123px; }
#home #news h2 span { display: inline-block; position: relative; z-index: 2; padding: 0 20px; background: #fefcf8; }
#home #news .list { margin: 0 0 30px; }
#home #news .list li { border-bottom: 1px solid #e4e4e4; }
#home #news .list time { display: block; line-height: 1.4; margin: 0 0 2px; color: #4f6129; font-weight: bold; font-size: 13px; }
#home #news .list a { display: block; padding: 15px 0 13px; text-decoration: none; }
#home #news .list a .tit { text-decoration: underline; }
#home #news .nav li + li { margin: -1px 0 0; }
@media screen and (min-width: 769px) { #home #news { margin: 0 -200%; padding: 80px 200%; }  #home #news h2 { position: relative; margin: 0 0 68px; }  #home #news h2:before , #home #news h2:after { display: block; position: absolute; top: 16px; z-index: 1; width: 100%; border-bottom: 1px solid #4f6129; content: ""; }  #home #news h2:after { top: 19px; }  #home #news h2 img { width: 165px; }  #home #news .list { overflow: hidden; margin: 0 0 60px; }  #home #news .list li { float: left; width: 240px; padding: 0; border: none; }  #home #news .list li + li { margin-left: 26px; }  #home #news .list time { font-size: 15px; }  #home #news .list .tit { margin: 0 0 8px; height:2em;}  #home #news .list .txt { line-height: 1.7; font-size: 14px; display: none; }  #home #news .list .img { margin: 20px 0 0; background: #fff; }  #home #news .list .img img { vertical-align: top; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; }  #home #news .list a:hover .tit { text-decoration: none; }  #home #news .list a:hover img { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }  #home #news .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }  #home #news .nav li { -ms-flex-preferred-size: 330px; flex-basis: 330px; }  #home #news .nav .btnCmn01 { width: 330px; } }
/*! .announce added by wainai 2017.6.26
---------------------------------------- */
#home #announce {
	margin: 15px;
	border: 1px solid #436201;
	padding: 15px;
}
#home #announce h2 {
	color: #f85903;
	margin-bottom: 1em;
	text-align: center;
}
#home #announce p {
	padding-bottom: 0.75em;
}
#home #announce p.right {
	padding-bottom: 0;
	text-align: right;
	font-weight: bold;
	float: none;
}
@media screen and (min-width: 769px) {
	#home #announce {
		width: 1040px;
		margin: 30px auto;
		padding: 30px;
	}
	#home #announce h2 {
		margin-bottom: 1.5em;
	}
}
/*# sourceMappingURL=maps/home.css.map */