/*==========================================
 gloval
===========================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
li {
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*==========================================
 gloval
===========================================*/

body {
	margin: 0 auto;
	font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", Meiryo, 'メイリオ', "ＭＳ Ｐゴシック", sans-serif, Arial;
	-webkit-text-size-adjust: 100%;
	padding: 0;
}
html {
	font-size: 62.5%;
}
body {
	font-size: 16px;
	font-size: 1.6rem;
}
* {
	margin: 0;
	padding: 0;
}
a {
color:#59aa0d;
}
a:link {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
a:hover {
	color: #422c1f;
	text-decoration: none;
}
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic
}
p, li, dt, dl {
	line-height: 1.6;
}
.blank {
	display: none;
}

/*==========================================
 layout
===========================================*/
#wrapper {
overflow:hidden;
background:#FCFBF7 url(images/bg_beige.png) repeat;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}
.row {
	margin-right: -5px;
	margin-left: -5px;
}
.contents {
background:#fff;
padding-bottom:150px;
}
body.index .contents {
background:none;
padding-bottom:0;
}
.inner {
padding-top:40px;
}
 @media screen and (max-width:768px) {
.contents {
background:#fff;
padding-bottom:100px;
}
.container-fluid {
    padding-right: 0;
    padding-left: 0;
}
}
 @media screen and (max-width:480px) {
.inner {
padding-top:20px;
}
}

/*==========================================
 contents h1/h2/h3
===========================================*/
section h1 {
	font-size: 3.0rem;
	line-height:1.8;
	padding:0;
	margin:80px 0 42px;
	text-align:center;
}
section h2 {
	font-size: 1.8rem;
	line-height:1.8;
	padding: 15px;
	margin-bottom: 30px;
	text-align: center;
    background: #F5F5F5;
}
section h3 {
	font-size: 1.8rem;
	line-height:1.6;
	padding:0;
	margin-bottom: 20px;
	text-align: left;
	color:#575644;
	font-weight:bold;
}
section p {
	font-size:1.8rem;
	line-height:1.8;
	padding-bottom:10px;
	color:#656356;
}
section ul li {
	margin-bottom:20px;
}
section ol li {
	margin-bottom:20px;
}
 @media screen and (max-width:768px) {
section h1 {
 font-size: 3.4rem;
	line-height:1.6;
}
section h2 {
 font-size: 1.8rem;
	line-height:1.6;
}
section h3 {
 font-size: 1.8rem;
	line-height:1.6;
}
section p {
	font-size:1.6rem;
	line-height:1.6;
	padding-bottom:10px;
}
 section p br {
 display: inline;
}
}
 @media screen and (max-width:640px) {

section h1 {
	margin:30px 0;
}
section h2 {
 font-size: 1.8rem;
}
section h1,section.greeting h2,section.promise h2 {
 font-size: 2.4rem;
}
section h3 {
 font-size: 1.8rem;
}
section p {
	font-size:1.5rem;
	line-height:1.5;
	padding-bottom:10px;
}
 section p br {
 display: none;
}
}
 @media screen and (max-width:425px) {
section h2 {
 font-size: 2.0rem;
}

section h1,section.greeting h2,section.promise h2 {
 font-size: 2.2rem;
}
section h3 {
 font-size: 1.8rem;
}
}
 @media screen and (max-width:375px) {
section h2 {
 font-size: 1.8rem;
}
section h1,section.greeting h2,section.promise h2 {
 font-size: 2.2rem;
}
section h3 {
 font-size: 1.8rem;
}
}
 @media screen and (max-width:320px) {
section h2 {
 font-size: 1.6rem;
}
section h1,section.greeting h2,section.promise h2 {
 font-size: 2.0rem;
}
}

/*==========================================
 header
===========================================*/
.headerInfoWrap {
	padding:40px 20px 37px;
	display:table;
	width: 100%;
}
.headerInfoWrap div {
	display:table-cell;
}
.headerLogo {
	width:30%;
	text-align:left;
}
.headerLogo img {
	padding:0;
	margin:0;
}
.headerLogo a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.headerInfo {
	width:40%;
	padding-top:0;
	text-align: right;
}
.headerInfo p {
	padding:0 0 0 30px;
}
.headerInfo img {
	padding-top:0;

}
.headerShoppingBtn {
	width:25%;
	text-align:right;
	padding-top:5px;
}
 @media screen and (max-width:768px) {
.headerInfoWrap {
    padding: 20px 0 20px;
    display: table;
}
.headerInfo p {
	padding-left:10px;
	padding-right:10px;
font-size:1.2rem;
}
}
 @media screen and (max-width:640px) {
.headerInfoWrap.container {
 width:auto;
 padding-bottom:10px;
}
 .headerInfoWrap {
 display:block;
 overflow:hidden;
    padding: 10px 0 20px;
	}
.headerInfoWrap div {
 display:block;
}
 .headerLogo {
 width:100%;
 text-align:center;
 border-top:1px solid #eee;
 border-bottom:1px solid #eee;
 padding:10px 0;
 margin-bottom:10px;
}
.headerInfo {
 width:100%;
 float:none;
 text-align:center;
 padding-top:10px;
}
.headerInfo p {
	padding-left:0;
	padding-right:10px;
	line-height:1.3;
}
.headerShoppingBtn {
 width:auto;
 text-align:center;
}
.headerShoppingBtn {
width:50%;
 float:left;
}
}
/*====================================================================================
 index
=====================================================================================*/

.headerShoppingSiteBtn a img, .footerShoppingBtn a img {
	background: none!important;
}
.headerShoppingBtn a:hover img, .footerShoppingBtn a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: none!important;
}
/*==========================================
 index philosophy
===========================================*/
.philosophy {
background:url(images/bg_sea.png) no-repeat center bottom;
background-size:contain;
padding-bottom:350px;
}
.philosophyWrap {
width:70%;
margin:165px auto 0 170px;
padding-bottom:87px;
}
.philosophyWrap p {
padding:0;
font-size:1.7rem;
line-height:2.5;
letter-spacing: 1px;
}
.philosophy h1 {
position:relative;
margin:0;
padding:0;
}

.philosophy h1 img {
	position: absolute;
	left:40px;
	top:115px;
}

 @media screen and (max-width:768px) {
.philosophy {
        padding-bottom: 250px;
}

.philosophyWrap {
width:80%;
margin:100px 0 0;
padding-bottom:47px;
float:right;
}
.philosophy h1 img {
        position: absolute;
        left: 0;
        top: 65px;
}
.philosophyWrap p {
padding:0;
font-size:1.7rem;
line-height:2.0;
letter-spacing: 1px;
}
}
 @media screen and (max-width:640px) {
.philosophy h1 {
width: 90%;
        margin: 0 auto 20px;
        position: relative;
        z-index: 20;
        font-weight: bold;
		padding-top:70px;
        text-align: left;
}
.philosophy h1 img {
        display: none;
}
.philosophyWrap p {
padding:0;
font-size:1.6rem;
line-height:1.8;
letter-spacing: 1px;
}
}

 @media screen and (max-width:480px) {
.philosophy {
        padding-bottom: 150px;
}
.philosophy h1 {
width: 90%;
        margin: 0 auto 20px;
        position: relative;
        z-index: 20;
		padding-top:50px;
}
.philosophyWrap p {
padding:0;
font-size:1.5rem;
line-height:1.8;
letter-spacing: 1px;
}
}
 @media screen and (max-width:375px) {
.philosophy {
        padding-bottom: 100px;
}
.philosophy h1 {
width: 95%;
        margin: 0 auto 20px;
        position: relative;
        z-index: 20;
		padding-top:50px;
}
}
/*==========================================
 index recommend
===========================================*/
.recommend {
margin-top:110px;
margin-bottom:137px;
}
.recommend ul {
margin-bottom:50px;
}
.recommend li {
text-align:center;
}
.recommend li a img {
	background: none!important;
}
.recommend li a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: none!important;
}
.recommendName {
	display:block;
	padding:20px 0 0;
	font-size:1.4rem;
}
.recommendName img {
padding-bottom:10px;
}
 @media screen and (max-width:640px) {
.recommend {
margin-top:60px;
margin-bottom:140px;
}
.recommend ul {
        margin-bottom: 20px;
}
}
 @media screen and (max-width:480px) {
.recommend {
margin-top:60px;
margin-bottom:100px;
}
}
/*==========================================
 index linkBtn
===========================================*/
.linkBtn {
	text-align:center;
	margin-bottom:30px;
}
.linkBtn a {
width:347px;
	display: inline-block;
	border-radius:5px;
	padding:20px;
	font-size:2.0rem;
	line-height:1.5;
	position:relative;
	background:#86bc6d;
	color:#fff;
}
.linkBtn a:hover {
	color:#005B36;
	background:#ECEAEB;
}
.linkBtn a:link {
	text-decoration:none;
}
 @media screen and (max-width:768px) {

}
 @media screen and (max-width:480px) {
.linkBtn {
	text-align:center;
	margin-bottom:30px;
}
}
 @media screen and (max-width:425px) {
.linkBtn a {
	width:80%;
}
}
/*==========================================
 index category
===========================================*/
.cateName {
	text-align:center;
	display:block;
	padding:20px 0 0;
	font-size:2.0rem;
	color:#005a37;
}
/*==========================================
 index infomation
===========================================*/
.infomation {
	background:#fbf8f1 url(images/bg_beige.png) repeat;
	border-top:6px solid #f3f0e9;
}
.infomation .container {
position:relative;
z-index:10;
}

 @media screen and (max-width:768px) {
.infomation {
position:relative;
z-index:10;
}
.infomation .container:before {
display:none;
}
}
 @media screen and (max-width:480px) {
.infomation h1 {
        margin: 80px 0 42px;
}
}
 @media screen and (max-width:480px) {

}
.newsInner {
	padding:10px;
	margin:0 0 40px;
	overflow: auto;
	height: 300px;
}
.news dl {
	margin:0 0 40px;
	display:flex;
flex-wrap:wrap;
}
.news dl dt {
	border-bottom:1px solid #D3D2CE;
	font-size:1.5rem;
	padding:23px 10px 10px;
	width:13%;
	color:#86bc6d;
	font-weight:bold;
}
.news dl dd {
	border-bottom:1px solid #D3D2CE;
	padding:23px 10px 10px;
	width: 87%;
}
.news dl dd p {
	font-size:1.6rem;
}
.news dl dd a {
	text-decoration:underline;
}
.news dl dd a:hover {
	color:#6ABE20;
	text-decoration:none;
}

 @media screen and (max-width:992px) {
.news {
    padding-bottom: 10px;
}
.newsInner {
	padding:10px;
	margin:0 20px 20px;
	overflow: auto;
}
.news dl dt {
	font-size:1.5rem;
	padding-left:10px;
	padding-bottom:10px;
	width:25%;
}
.news dl dd {
	width: 75%;
}
}
 @media screen and (max-width:768px) {
.newsInner {
	margin:0 0 20px;
}
.news dl {
	margin:0 20px 10px;
	display:block;
}
.news dl dt {
	width:100%;
	border:none;
	padding-bottom:0;
}
.news dl dd {
	padding-left:10px;
	padding-bottom:10px;
	width: 100%;
}
}
 @media screen and (max-width:480px) {
.news dl dd p {
	font-size:1.5rem;
	line-height:1.6;
}
}

/*====================================================================================
 about
=====================================================================================*/
.about h1 {
display:none;
}
.about h2 {
background:none;
position:relative;
padding:0;
margin:0;
}
.greetingWrap {
overflow:hidden;
}
.greetingInner {
width:910px;
float:right;
}
.greeting h2 img {
        position: absolute;
        left: 0;
        top: 45px;
}
.greetingImg {
text-align:center;
padding:90px 0 54px;
}
.greetingTtlInnerSp {
display:none;
}

 @media screen and (max-width:1200px) {
.greetingInner {
width:80%;
float:right;
}
}
 @media screen and (max-width:768px) {
.greetingWrap, .promiseWrap{
        width: 90%;
        margin: 0 auto;
		float:none;
}
}
 @media screen and (max-width:640px) {
.philosophyWrap {
        width: 90%;
        margin: 0 auto;
		float:none;
}
}
 @media screen and (max-width:640px) {
.greetingTtlInnerSp {
display:block;
}
 .greeting h2 {
 position:relative;
 z-index:20;
 font-weight:bold;
 margin-bottom:20px;
 text-align:left;
 }

.greeting h2 img {
display:none;
}
.greetingInner {
width:100%;
float:none;
margin:0 auto;
}
.greetingImg {
        text-align: center;
        padding: 0 0 54px;
}
}
 @media screen and (max-width:375px) {
.greetingWrap ,.promiseWrap,.philosophyWrap {
        width: 95%;
        margin: 0 auto;
}
}


.promise {
background:url(images/bg_green.png) repeat center center;
padding-top:250px;
padding-bottom:350px;
position:relative;
}
.promise:after {
content:"";
width:100%;
height:27.9826464208243%;
background:url(images/about_bg_tp.png) no-repeat center top;
background-size:100% 100%;
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
z-index:2;
}
.promise:before {
content:"";
width:100%;
height:27.9826464208243%;
background:url(images/about_bg_bt.png) no-repeat center top;
background-size:100% 100%;
position:absolute;
bottom:-1px;
left:0;
right:0;
margin:auto;
z-index:3;
}
.aboutImg01,.aboutImg02,.aboutImg03 {
position:relative;
}
.aboutImg01 img {
position:absolute;
right:120px;
top:-200px;
z-index:5;
}
.aboutImg02 img {
position:absolute;
left:-100px;
top:250px;
z-index:5;
}
.aboutImg03 img {
position:absolute;
right:-40px;
top:-200px;
z-index:5;
}

.promiseInner {
width:910px;
float:right;
}
.promise h2 img {
        position: absolute;
        right: 0;
        top: 45px;
}
.promise ul {
width:820px;
margin:0 auto;
position:relative;
z-index:10;
}
.promise ul h3 {
border:none;
padding:0;
font-weight:bold;
}
.promise ul li {
padding-bottom:70px;
padding-left:100px;
}
.promise ul li h3 {
width:583px;
margin-bottom:40px;
}
.promise ul li h3 span {
display:none;
}

.promise ul li:nth-child(1) h3 {
background: url(images/about_promise_list_ttl01.png) no-repeat left top;
height:75px;
}
.promise ul li:nth-child(2) h3 {
background: url(images/about_promise_list_ttl02.png) no-repeat left top;
height:74px;
}
.promise ul li:nth-child(3) h3 {
background: url(images/about_promise_list_ttl03.png) no-repeat left top;
height:27px;
}
.promise ul li:nth-child(4) h3 {
background: url(images/about_promise_list_ttl04.png) no-repeat left top;
height:74px;
}
.promise ul li:nth-child(5) h3 {
background: url(images/about_promise_list_ttl05.png) no-repeat left top;
height:27px;
}
.promise ul li:nth-child(1) {
background: url(images/about_promise_no01.png) no-repeat left top;
margin-left:-130px;
width:810px;
}
.promise ul li:nth-child(2) {
background: url(images/about_promise_no02.png) no-repeat left top;
width:750px;
}
.promise ul li:nth-child(3) {
background: url(images/about_promise_no03.png) no-repeat left top;
margin-left:-130px;
width:810px;
}
.promise ul li:nth-child(4) {
background: url(images/about_promise_no04.png) no-repeat left top;
width:750px;
}
.promise ul li:nth-child(5) {
background: url(images/about_promise_no05.png) no-repeat left top;
margin-left:-130px;
width:840px;
}
.promise ul li p {
border:none;
padding:0;
font-size:1.7rem;
}
.map {
width:90%;
height:auto;
margin: 0 auto;
padding-top:40px;
}
 .promiseTtlInnerSp {
 display:none;
 }

 @media screen and (max-width:1200px) {
.promise ul {
width:100%;
margin:0 auto;
position:relative;
z-index:10;
}
.promise ul li {
padding-bottom:70px;
padding-left:100px;
width:100%;
}
}
 @media screen and (max-width:1000px) {
.promise {
background:url(images/bg_green.png) repeat center center;
padding-top:200px;
padding-bottom:250px;
position:relative;
}
.promise:after {
content:"";
width:100%;
height:200px;
background:url(images/about_bg_tp.png) no-repeat center top;
background-size:100% 100%;
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
z-index:2;
}
.promise:before {
content:"";
width:100%;
height:200px;
background:url(images/about_bg_bt.png) no-repeat center top;
background-size:100% 100%;
position:absolute;
bottom:-1px;
left:0;
right:0;
margin:auto;
z-index:3;
}.aboutImg01 img {
position:absolute;
right:-50px;
top:-400px;
z-index:5;
}
.aboutImg02 img {
position:absolute;
left:-100px;
top:100px;
z-index:5;
}
.aboutImg03 img {
position:absolute;
right:-20px;
top:-70px;
z-index:5;
}

 .promiseTtlInnerSp {
 display:block;
 }
 .promise h2 {
 position:relative;
 z-index:20;
 font-weight:bold;
 margin-bottom:50px;
 text-align:left;
 }
 .subTtl {
 display:block;
 padding:0 0 30px;
  font-size:2.2rem;
 font-weight:bold;
 color:#81c462;
}
.promise h2 img {
 display:none;
}
.promise ul li:nth-child(1),
.promise ul li:nth-child(2),
.promise ul li:nth-child(3),
.promise ul li:nth-child(4),
.promise ul li:nth-child(5) {
width:100%;
margin-left:0;
}
.promise ul li:nth-child(1) h3,
.promise ul li:nth-child(2) h3,
.promise ul li:nth-child(3) h3,
.promise ul li:nth-child(4) h3,
.promise ul li:nth-child(5) h3 {
background-size:100% auto;
}
.promise ul li h3 {
        width: auto;
        margin-bottom: 40px;
}
.promise ul li:nth-child(1) h3 {
background: url(images/about_promise_list_ttl01.png) no-repeat left top;
background-size:contain;
height:75px;
}
.promise ul li:nth-child(2) h3 {
background: url(images/about_promise_list_ttl02.png) no-repeat left top;
background-size:100% auto;
height:74px;
}
.promise ul li:nth-child(3) h3 {
background: url(images/about_promise_list_ttl03.png) no-repeat left top;
background-size:contain;
height:27px;
}
.promise ul li:nth-child(4) h3 {
background: url(images/about_promise_list_ttl04.png) no-repeat left top;
background-size:contain;
height:74px;
}
.promise ul li:nth-child(5) h3 {
background: url(images/about_promise_list_ttl05.png) no-repeat left top;
background-size:contain;
height:27px;
}

}

 @media screen and (max-width:768px) {
.promise ul li {
        padding-bottom: 30px;
        padding-left: 60px;
        width: 100%;
}
.promise ul li:nth-child(1),
.promise ul li:nth-child(2),
.promise ul li:nth-child(3),
.promise ul li:nth-child(4),
.promise ul li:nth-child(5) {
width:100%;
}
.promise ul li:nth-child(1) {
background: url(images/about_promise_no01.png) no-repeat left 10px;
background-size:50px auto;
}
.promise ul li:nth-child(2) {
background: url(images/about_promise_no02.png) no-repeat left 10px;
background-size:50px auto;
}
.promise ul li:nth-child(3) {
background: url(images/about_promise_no03.png) no-repeat left 10px;
background-size:50px auto;
}
.promise ul li:nth-child(4) {
background: url(images/about_promise_no04.png) no-repeat left 10px;
background-size:50px auto;
}
.promise ul li:nth-child(5) {
background: url(images/about_promise_no05.png) no-repeat left 10px;
background-size:50px auto;
}
.promise ul li:nth-child(1) h3,
.promise ul li:nth-child(2) h3,
.promise ul li:nth-child(3) h3,
.promise ul li:nth-child(4) h3,
.promise ul li:nth-child(5) h3 {
background:none;
height:auto;
margin-bottom:20px;
        color:#84BC71;
		font-weight:bold;
		}
.promise ul li h3 span {
        display: block;
}
.promise ul li p {
font-size:1.6rem;
}
}
 @media screen and (max-width:640px) {
  .subTtl {
 display:block;
 padding:0;
  font-size:2.2rem;
 font-weight:bold;
 color:#81c462;
}

}
 @media screen and (max-width:480px) {
.aboutImg01 img {
width:50%;
height:auto;
}
.aboutImg02 img {
width:30%;
height:auto;
}
.aboutImg03 img {
width:50%;
height:auto;
}
.aboutImg02 img {
        position: absolute;
        left: -70px;
        top: 100px;
        z-index: 5;
}
}
/*====================================================================================
 product
=====================================================================================*/
body.product .product h2 {
	margin:20px 20px;
	background:#F5F5F5;
	border:none;
}

.productBox {
	border:1px solid #cecece;
	padding:10px;
	margin:20px 20px 0 20px;
	border-radius:5px;
	height:350px;
	display:flex;
	position:relative;
}
ul li:nth-child(2n) .productBox {
margin:20px 20px 0 0;
}

.productThumb {
	width:45%;
}
.productThumb a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.productTxt {
	width:55%;
	padding:10px 10px;
}
.productTxt p {
	font-size:1.8rem;
}
.productTxt p.productName {
	font-size:2.2rem;
	line-height:2.0;
	font-weight:bold;
	padding-bottom:20px;
}
body.product .linkBtn {
}
body.product .linkBtn a {
	position:absolute;
	bottom:20px;
	right:20px;
	border:none;
	background:#86bc6d;
	border-radius:5px;
	padding:8px 35px 8px 30px;
	font-size:1.8rem;
	line-height:2.0;
	color:#fff;
}
body.product .linkBtn a:after {
	content:">";
	font-size:20px;
	color:#fff;
	width:20px;
	height:20px;
	position:absolute;
	top:5px;
	right:20px;
}
body.product .linkBtn a:hover {
	background:#ECEAEB;
	color:#005a37;
}
 @media screen and (max-width:1000px) {
.productThumb {
	width:45%;
}
.productThumb a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.productTxt {
	width:55%;
	padding:10px 10px;
}
body.product .linkBtn a {
	width:80%;
}
.productTxt p {
font-size:1.5rem;
}
.productTxt p br {
display:none;
}

}

 @media screen and (max-width:767px) {
.productBox {
	display:block;
	height:auto;
}
.productBox {
	margin:20px 20px 0 20px;
}
ul li:nth-child(2n) .productBox {
margin:20px 20px 0 20px;
}
.productThumb {
	width:100%;
	text-align:center;
}
.productTxt {
	width:100%;
	padding:10px 10px;
	height:auto;
}
.productTxt p.productName {
    font-size: 1.9rem;
    padding-bottom: 0;
	text-align:center;
}
.productTxt p {
    font-size: 1.6rem;
}

body.product .linkBtn a {
position:inherit;
display:block;
	width:80%;
	margin:0 auto;
}

body.product .linkBtn a {
    font-size: 1.8rem;
    line-height: 2.0;
}
body.product .linkBtn {
    text-align: center;
	margin:0;
	padding-bottom:20px;
}

body.product .linkBtn a:after {
    content: ">";
    font-size: 20px;
    color: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    right: 15px;
}
}

 @media screen and (max-width:480px) {
ul li:nth-child(2n) .productBox {
margin:20px 20px 0;
}
body.product .linkBtn {
text-align:center;
margin-bottom:0;
}
body.product .linkBtn a {
    padding: 15px 35px 15px 30px;
}
.productTxt {
height:auto;
}
body.product .linkBtn a:after {
    content: ">";
    font-size: 20px;
    color: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 11px;
    right: 15px;
}
.productBox br {
display:inline;
}
.productTxt p.productName {
    padding-bottom: 10px;
}
}
 @media screen and (max-width:320px) {
.productBox {
    margin: 20px 10px 0;
}
ul li:nth-child(2n) .productBox {
    margin: 20px 10px 0;
}
.productTxt {
	padding:10px 0;
}
}


/*====================================================================================
 product_medicine
=====================================================================================*/
.medicineclass {
	margin: 0 20px;
}
.medicineclass a {
	color: #235b37;
	background: #fff;
	display: inline-block;
	width: 100%;
	padding: 20px 0;
	border: 1px solid #235b37;
	border-radius: 5px;
	text-align: center;
}
.medicineclass a:hover {
	color: #fff;
	background: #235b37;
}


/*====================================================================================
 product_detail
=====================================================================================*/
body.product_detail .recommend h1 {
	background:none;
	text-align:left;
	font-size:2.8rem;
	color:#333333;
	border-bottom:1px solid #b6e589;
	padding:10px;
	margin-bottom:40px;
	margin-top:30px;
	line-height:1.6;
}
.product h1 {
font-size:3.4rem;
font-weight:bold;
color:#55503A;
}

.productItemWrap {
	display:flex;
	margin-bottom:40px;
	padding-top:40px;
justify-content:space-between;
}
.productItemThumb {
	width:38%;
}
.productItemThumb img {
	border:1px solid #B5B5B5;
}
.productTxtWrap {
	width:62%;
}
.productItemTxt p {
	font-size:2.0rem;
	margin-bottom:10px;
}
.productPrice ul li {
	border:1px solid #B5B5B5;
	padding:20px 20px 20px 0;
	margin-bottom:16px;
	display: flex;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
}

.productInfo {
  text-align: right;
}
.productInfo .telBtn img {
  width: 280px;
  padding-bottom: 5px;
}
.productInfo .telBtn a {
  padding: 20px 15px 15px;
  display: inline-block;
  border: 1px solid green;
  border-radius: 5px;
  text-align: center;
}
.productInfo span {
  display: inline-block;
}

.itemThumb {
flex-basis: 20%;
text-align:center;
}
.itemPrice {
	display: flex;
	align-items:center;
flex-basis: 45%;
}
.itemPrice2 {
	display: flex;
	align-items:center;
flex-basis: 80%;
}
.itemPriceInner {
line-height:2.0;
}
.normalP {
background:#434343;
padding:4px 8px;
color:#fff;
font-size:1.6rem;
margin-right:10px;
}
.specialP {
background:#FD2938;
padding:4px 8px;
color:#fff;
font-size:1.6rem;
margin-right:10px;
}
.off {
background:#6BBC22;
padding:4px 4px;
border-radius:3px;
color:#fff;
font-size:1.4rem;
margin-right:10px;
}
.itemAppliBtn {
	display: flex;
	align-items:center;
flex-basis: 35%;
}
.itemAppliBtn a {
	background: #f57538;
	background: -moz-linear-gradient(top, #f57538 0%, #f85f13 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f57538 0%, #f85f13 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f57538 0%, #f85f13 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57538', endColorstr='#f85f13', GradientType=0 ); /* IE6-9 */
	padding:12px 15px;
	border-radius:5px;
	color:#fff;
	display:block;
	width:210px;
	height:50px;
	text-align:left;
	font-size:1.8rem;
	font-weight:normal;
	position:relative;
}
.itemAppliBtn a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.itemAppliBtn a:after {
	content:"";
	width:19px;
	height:20px;
	background:url(images/icon_blank.png) no-repeat;
	position:absolute;
	top:15px;
	right:20px;
}
.point h1 {
background:#86BC6E;
        padding: 10px;
        margin: 0 0 40px;
        text-align: center;
        font-size: 1.8rem;
        color: #fff;
	text-align:left;
	padding:10px 0 10px 10px;
	font-size:2.0rem;
	position:relative;
}
.point h1 span {
        display: inline-block;
        position: relative;
        padding: 0 50px;
}
.point h1 span:before {
	content: " ";
	position: absolute;
	top:-3px;
	left:20px;
	background:url(images/ttl_deco_l.png) repeat-x left top;
	display: block;
	height: 30px;
	width: 16px;
}
.point h1 span:after {
display:none;
}
.point .inner {
	padding:0 40px;
}
.point dl {
margin-bottom:20px;
}
.point dl dt {
font-size:2.0rem;
font-weight:bold;
border: 1px solid #86BC6E;
    border-radius: 5px;
	padding:10px 20px;
margin-bottom:20px;
}
.point dl dd {
padding:0 20px;
}
.point dl dd p {
font-size:1.8rem;
line-height:1.6;
}

dl.spec {
	margin: 0;
}
dl.spec dt {
	width: 150px;
	vertical-align: top;
	font-size: 1.8rem;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border: none;
	display: inline-block;
}
dl.spec dd {
	width: calc(100% - 160px);
	display: inline-block;
	padding: 0;
}
@media screen and (max-width:1000px) {
.productTxtWrap {
	width:58%;
}
}
@media screen and (max-width:768px) {
.productItemWrap {
	display:block;
	margin-bottom:40px;
}
.productItemThumb {
	width:80%;
	margin:0 auto 20px;
    border: 1px solid #B5B5B5;
	text-align:center;
}
.itemPrice {
        display: flex;
        align-items: center;
        flex-basis: 80%;
}
.productItemThumb img {
    border: none;
}
.productTxtWrap {
	width:80%;
	margin:0 auto;
}
}
@media screen and (max-width:480px) {
body.product_detail .recommend h1,.product h1 {
	font-size:2.0rem;
}
.productItemWrap {
	display:block;
        padding-top: 0;
}
.productItemThumb {
	width:90%;
	margin:0 auto 20px;
    border: 1px solid #B5B5B5;
	text-align:center;
}
.productTxtWrap {
	width:90%;
	margin:0 auto;
}

.productPrice ul li {
	border:1px solid #B5B5B5;
	padding:20px 10px;
	margin-bottom:16px;
	display: block;
}
.productItemTxt p {
    font-size: 1.8rem;
    margin-bottom: 10px;
}
.itemThumb {
flex-basis: 20%;
text-align:center;
}
.itemPrice2 {
	display: block;
}
.itemAppliBtn {
	display: block;
	text-align:center;
}
.itemAppliBtn a {
margin:0 auto;
}
.point .inner {
	width:90%;
	margin:0 auto;
	padding:0;
}
.point dl dt {
     font-size: 1.8rem;
   padding: 10px 10px;
    margin-bottom: 20px;
}
.point dl dd p {
    font-size: 1.6rem;
    line-height: 1.8;
}
.point h1 span:before {
	left:0px;
}
dl.spec dt {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}
dl.spec dd {
	width: 100%;
	display: block;
	margin-bottom: 20px;
}
}
@media screen and (max-width:370px) {

.productPrice ul li {
	border:1px solid #B5B5B5;
	padding:20px 10px 10px;
	margin-bottom:16px;
	display: block;
}
.itemAppliBtn a {
width:90%;
margin:0 auto;
}
}
/*====================================================================================
 product_detail table
=====================================================================================*/
.p_detail_list thead th {
	background: #eee;
	font-weight: bold;
}
.p_detail_list, .p_detail_list th, .p_detail_list td {
	border: 1px solid #000;
}
@media screen and (max-width: 640px) {
	.p_detail_list thead {
		display: none;
	}
	.p_detail_list th, .p_detail_list td {
		border: 0;
	}
	.p_detail_list tbody tr td:first-child {
		background: #eee;
		font-weight: bold;
	}
	.p_detail_list tbody td {
		width: auto;
		display: block;
	}
	.p_detail_list tbody .seibun:before {
		content: "成分: ";
	}
	.p_detail_list tbody .bunryou:before {
		content: "分量: ";
	}
	.p_detail_list tbody .sayou:before {
		content: "作用: ";
	}
	.p_detail_list tbody .kankeibui:before {
		content: "関係部位: ";
	}
	.p_detail_list tbody .syoujou:before {
		content: "症状: ";
	}
	.p_detail_list tbody .nenrei:before {
		content: "年齢: ";
	}
	.p_detail_list tbody .ikkairyou:before {
		content: "１回量: ";
	}
	.p_detail_list tbody .hukuyoukaisuu:before {
		content: "服用回数: ";
	}
}




/*====================================================================================
 medicine
=====================================================================================*/

.medicineMainImg {
width:100%;
position:relative;
background:url(images/medicine_main_ttl_bg.jpg) no-repeat right;
height:670px;
margin-bottom:140px;
}
.medicineImg {
width:100%;
height:510px;
position:relative;
margin-bottom:60px;
}
.medicineConsultImg {
background:#FFFFF3 url(images/medicine_consult_ttl_bg.jpg) no-repeat right;
}
.medicineSafetyImg  {
background:#D8DBFE url(images/medicine_safety_ttl_bg.jpg) no-repeat right;
}
.medicineTtl {
position:relative;
width:1080px;
margin: 0 auto;
text-align:left;
background:none;
bottom:-130px;
}
.medicineMainTtl {
}
.medicineMainImg:after {
content:"";
width:100%;
height:40px;
background:url(images/medicine_main_deco.png) repeat-x bottom;
position:absolute;
left:0;
bottom:-40px;
}
.medicineCatch {
text-align:center;
padding-bottom:40px;
line-height:1.6;
font-size:2.0rem;
font-weight:bold;
}

.medicineTtlS {
text-align:center;
margin-bottom:40px;
}

.medicineTel01 {
width:960px;
margin:0 auto;
border-bottom:2px solid #666666;
border-top:2px solid #666666;
padding:20px;
margin-top:30px;
margin-bottom:60px;
}

.medicineTelNumber01 {
padding-top:10px;
padding-left:30px;
}
.medicineTelNumber01 img {
margin-right:30px;
}
.medicineTel02 {
width:960px;
margin:0 auto;
background:#FFC1C3;
border-radius:5px;
padding:30px 30px 10px;
margin-bottom:30px;
text-align:center;
}
.medicineTelNumber02 {
width:80%;
margin:0 auto;
padding-bottom:10px;
display:flex;
justify-content:space-between;
}

.medicineTrouble {
	background:url(images/medicine_trouble_bg.png) repeat;
	padding:60px 0 100px;
	margin-bottom:60px;
	margin-top: 60px;
}
.medicineTroubleList {
background:#fff;
border-radius:16px;
padding-top:30px;
}
.medicineTroubleList h1 {
margin:0;
}

.medicineTroubleList > ul {
width:86%;
margin:0 auto;
display:flex;
flex-wrap: wrap;
padding:30px;
}
.medicineTroubleList > ul > li{
width:50%;
font-size:2.0rem;
padding-left:25px;
position:relative;
}
.medicineTroubleList > ul > li:after {
content:"□";
display:inline-block;
width:10px;
height:10px;
color:#333333;
position:absolute;
top:0;
left:0;
}

.baloon {
  position: relative;
  box-shadow:0 4px 6px #B8B5A8;
  border-radius: 10px;
}
.baloon:before {
  display: block;
  content: "";
 
  /* borderとwidthで三角形を作る */
  border-color: transparent #fff #fff transparent;
  border-width: 40px;
  border-style: solid;
  width: 0;
  /* 回転して▼にする */
  -webkit-transform:rotate(45deg);
 
  /* ▼の位置を調整 */
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin: -41px 0 0 -40px;
 
  /* ▼に影をつける */
  box-shadow: 1px 1px 0 #fff, 4px 4px 6px #B8B5A8;
}

.baloon:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  bottom:0;
  margin: -20px 0px 0 -70px;
  
  /* ■を作って見せたくない影を塗りつぶす */
  height: 80px;
  width: 140px;
  background-color: #fff;
}


.medicineArrow {
text-align:center;
padding:60px 0;
}
.medicineAddress {
text-align:center;
padding-bottom:100px;
}
.medicineBorder {
border-bottom:1px solid #333333;
}
.clear {
overflow:hidden;
}

@media screen and (max-width:768px) {
.medicineTtl {
position:relative;
width:90%;
margin: 0 auto;
text-align:left;
background:none;
bottom:-130px;
}
.medicineTroubleList > ul {
        width: 96%;
        margin: 0 auto;
        padding: 20px;
}
.medicineTel01 {
        width: 96%;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 60px;
}
.medicineTel02 {
        width: 96%;
        margin: 0 auto 30px;
}
.medicineTelNumber02 {
        width: 80%;
        margin: 0 auto;
        padding-bottom: 10px;
        display: block;
		text-align:center;
}
.medicineTelNumber02 img {
margin-bottom:20px;
}
}
@media screen and (max-width:480px) {
.medicineMainImg {
width:100%;
position:relative;
background:url(images/medicine_main_ttl_bg.jpg) no-repeat right;
background-size:cover;
height:470px;
margin-bottom:100px;
}
.medicineImg {
width:100%;
height:410px;
position:relative;
margin-bottom:60px;
}
.medicineConsultImg {
background:#FFFFF3 url(images/medicine_consult_ttl_bg.jpg) no-repeat right;
background-size:cover;
margin-top:30px;
}
.medicineSafetyImg  {
background:#D8DBFE url(images/medicine_safety_ttl_bg.jpg) no-repeat right;
background-size:cover;
}
.medicineTtl {
        position: relative;
        width: 90%;
        margin: 0 auto;
        text-align: center;
        background: none;
        bottom: -40px;
		background:rgba(255,255,255,0.5);
		padding:30px;
}
.medicineTelNumber01 img {
        margin-right: 20px;
		margin-bottom:20px;
}
.medicineSafetyImg .medicineTtl,
.medicineConsultImg  .medicineTtl
{
        bottom: -160px;
}
.medicineTroubleList h1 {
        margin: 10px 30px;
}
.medicineTroubleList > ul {
display:block;
}
.medicineTroubleList > ul > li {
        width: 100%;
        font-size: 1.8rem;
        padding-left: 25px;
        position: relative;
		z-index:10;
}
.medicineTrouble {
        padding: 40px 0 60px;
        margin-bottom: 30px;
        margin-top: 30px;
}
.medicineArrow {
        text-align: center;
        padding: 30px 0;
}
.medicineAddress {
        padding-bottom: 60px;
}
.medicineTel01 {
        width: 96%;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 30px;
}
}
@media screen and (max-width:375px) {
.medicineTtl {
		padding:30px 20px;
}
.medicineMainImg {
width:100%;
position:relative;
background:url(images/medicine_main_ttl_bg.jpg) no-repeat right;
height:370px;
margin-bottom:100px;
}
.medicineImg {
width:100%;
height:310px;
position:relative;
margin-bottom:60px;
}
.medicineSafetyImg .medicineTtl, .medicineConsultImg .medicineTtl {
        bottom: -100px;
		padding:30px 15px;
}
.medicineTroubleList > ul > li {
        width: 100%;
        font-size: 1.6rem;
        padding-left: 25px;
        position: relative;
        z-index: 10;
}
}
/*====================================================================================
 company
=====================================================================================*/


/*==========================================
 company table
===========================================*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	padding: 10px 20px;
	color: #422c1f;
	line-height:1.5;
	font-size:1.6rem;
	width:auto;
	display:table-cell;
}
.table01 th.courseName {
	width:40%;
}
.table01 tr.thTitle th {
	visibility:visible;
	height:auto;
	padding: 10px 20px;
}
.table01 {
	border-collapse: collapse;
	border-spacing: 0;
	width:90%;
	margin:0 auto 60px;
}
.table01 th, .table01 td {
	padding: 20px 20px;
	color: #422c1f;
	font-size:1.8rem;
	line-height:1.6;
}
.table01 th {
width:30%;
	border-bottom: 1px solid #cecece;
	padding: 20px 20px 20px 40px;
	color: #88BB70;
	font-weight:bold;
}
.table01 td {
	border-bottom: 1px solid #cecece;
}
.table01 td ul {
padding:20px 20px 0;
}
.table01 td ul li {
font-size:1.5rem;
list-style:disc;
line-height:1.3;
}
.table01 td .box h2 {
padding:5px 15px;
margin-top:20px;
text-align:left;
	border-top:none;
	border-right:none;
	border-left:none;
}
.table01 td .box p {
font-size:1.5rem;
line-height:1.5;
}
@media (max-width: 768px) {
.table01 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 0 auto 60px;
}
}
@media (max-width: 640px) {

.table01 {
	width:auto;
	display:block;
}
.table01 th, .table01 td {
	font-size:1.6rem;
}

.table01 th {
width:100%;
	display:block;
    padding: 20px 20px 10px;
	border:none;
	}
.table01 td {
width:auto;
	display:block;
    padding: 10px 20px 20px;
}
.table01 th br {
display:none;
}
}
@media (max-width: 425px) {

.table01 th {
    padding: 20px 20px 0;
	}
.table01 td {
    padding: 10px 20px 20px;
}
}



.table02 {
	border-collapse: collapse;
	border-spacing: 0;
	width:90%;
	margin:0 auto 60px;
}
.table02 th, .table02 td {
	color: #422c1f;
	font-size:1.8rem;
	line-height:1.6;
}
.table02 th {
	padding: 20px 30px;
	background: #E8F0F3;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.table02 td {
	padding: 20px 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

/*==========================================
 guide
===========================================*/

.privacy .privacyWrap {
height:400px;
/**/overflow:auto;
border:1px solid #cecece;
}
.privacyInner {
padding:20px 40px;
}
.privacy ul {
margin-bottom:60px;
margin-left:30px;
}
.privacy ul li {
margin-bottom:5px;
text-indent:-20px;
}
.privacy ul li ul {
margin-top:10px;
}

section.privacy p {
font-size:1.5rem;
line-height:1.5;
padding:0;
margin-bottom:30px;
}

/*==========================================
 qa
===========================================*/
.accordion {
  overflow: hidden;
  width:90%;
  margin:0 auto;
}
.accordion li {
	border: 2px solid #84BE69;
	border-radius:5px;
	list-style:none;
	padding:0;
	margin-bottom:25px;
}
.accordion li p.content {
	padding:0 30px 20px;
	height:auto;
}
.accordion .heading {
	background:none;
	padding:30px 30px;
	margin:0;
	text-align:left;
	cursor: pointer;
	color:#84BE69;
	position:relative;
	font-size:2.0rem;
	font-weight:bold;
}

.accordion .heading:after, .accordion .heading.open:after {
position:absolute;
top:0;
bottom:0;
right:20px;
margin:auto;
}
.accordion .open .heading,.accordion .heading:active {
box-shadow:none;
}
.accordion .open .heading::after {
 content: "";
 display:block;
 width:19px;
 height:11px;
 background:url(images/qa_icon_close.png) no-repeat;
}
.accordion .heading::after {
 content: "";
 display:block;
 width:19px;
 height:11px;
 background:url(images/qa_icon_open.png) no-repeat;
}
.accordion .content {
  display: none;
}


@media screen and (max-width:480px) {
.accordion {
  overflow: hidden;
  width:100%;
  margin:0 auto;
}
.accordion li {
        padding: 20px 35px 20px 20px;
        margin-bottom: 25px;
}
.accordion .heading {
font-size:1.8rem;
font-weight:bold;
}
.accordion .heading:after, .accordion .heading.open:after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: -15px;
        margin: auto;
}
}

/*==========================================
 contact table
===========================================*/
.contact .inner {
width:1000px;
margin:0 auto;
}
 @media screen and (max-width:768px) {
.contact .inner {
width:100%;
margin:0 auto;
}
}

.table03 {
	width: 100%;
	border-collapse: separate;
	margin-bottom: 10px;
}
.table03 th {
	width: 25%;
	padding: 15px 0;
	text-align: left;
	position: relative;
	color: #333;
	font-weight: bold;
	vertical-align: top;
	font-size:1.8rem;
}
.table03 td {
	padding: 10px 0 10px 10px;
	vertical-align: middle;
}
.contactPolicy {
	border: 1px solid #ccc;
	padding: 50px;
	margin: 40px 0;
}
.table03 td contactPolicy p {
	font-size:2.0rem;
	padding:5px 10px;
	font-weight:normal;
}
.checkboxWrap {
width:300px;
margin: 0 auto;
display:flex;
}
.check {
width:10%;
 display: flex;
 -webkit-align-items: center; 
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center; 

}
.checkboxWrap input[type="checkbox"] {
    margin: 0;
}
.checkboxWrap .checkbox {
display:block;
	height: 25px;
	width: 25px;
	border:none;
	color: #E75190;
	margin:40px 0;
}
.checkboxWrap label {
display:block;
width:90%;
	position:relative;
	padding:15px 20px;
	font-size:2.0rem;
}
.checkboxWrap label:before {
	content:"";
	display:block;
	width:5px;
	height:100%;
	background:#fff;
	position:absolute;
	top:0;
	left:0;
}



.submitBtnWrap {
	text-align:center;
	padding:20px;
}
.submitBtn {
width:347px;
	display: inline-block;
	border-radius:5px;
	padding:20px;
	font-size:2.0rem;
	line-height:1.5;
	position:relative;
	background: #B66C83;
	color:#fff;
	border:none;
}

.submitBtn:hover {
	background:#b7b7b7;
}
section.assessment .row, section.delivery .row, section.contact .row {
	margin-left:-5px;
	margin-right:-5px;
}
.required {
display: block;
width:70px;
	color: #d9534f;
	border:1px solid #d9534f;
	padding:4px 0;
	border-radius:4px;
	font-size:1.5rem;
	margin:7px 0 0;
	text-align:center;
}
.form-control:focus{border-color:#86bc6d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #86bc6d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #86bc6d}




.form-horizontal .control-label {
	padding-top: 15px;
	margin-bottom: 0;
	text-align: left;
}
.mwform-tel-field {
}
.mwform-tel-field input[type="text"], .mwform-zip-field input[type="text"] {
	display: block;
	float:left;
	width: auto;
}

.form-control {
        display: block;
        width: 100%;
        height: 60px;
        padding: 10px 12px;
        font-size: 1.8rem;
		background:#EEEEEC;
		border:1px solid #E6E6E6;
		-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
		}

@media (max-width: 640px) {

.contactPolicy {
	border: 1px solid #ccc;
	padding: 20px;
	margin: 20px 0;
}
.required {
display: inline-block;
width:70px;
	color: #d9534f;
	border:1px solid #d9534f;
	padding:4px 0;
	border-radius:4px;
	font-size:1.5rem;
	margin:7px 0 0 15px;
	text-align:center;
}
.submitBtn {
width:100%;
	display: inline-block;
	border-radius:5px;
	padding:20px;
	font-size:2.0rem;
	line-height:1.5;
	position:relative;
	background: #B66C83;
	color:#fff;
	border:none;
}
}

#formWrap {
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable {
	width:90%;
	margin:0 auto 20px;
	border-collapse:collapse;
}
table.formTable td, table.formTable th {
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th {
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
table.formTable td {
	text-align:left;
}
p.error_messe {
	margin:5px 0;
	color:red;
}
.mb3 {
margin-bottom:30px;
}



@media (max-width: 640px) {
.table03 {
	width:auto;
	display:block;
}
.table03 th {
	width:auto;
	display:block;
}
.table03 td {
	width:auto;
	display:block;
padding: 10px 0;
}

table.formTable {
	width:100%;
	margin:0 auto 20px;
	border-collapse:collapse;
}

table.formTable th {
	width:auto;
	display:block;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
table.formTable td {
	text-align:left;
	width:auto;
	display:block;
}

}
/*==========================================
 Medicine Risk table
===========================================*/
.table04 {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: separate;
	border-spacing: 0;
}
.table04 th {
	background: #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.table04 td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.table04 tr th:last-child,
.table04 tr td:last-child {
	border-right: none;
}
.table04 tr:last-child td {
	border-bottom: none;
}

.table04.visible640 {
	display: none;
}
@media (max-width: 640px) {
	.table04 tr > th,
	.table04 tr > td {
		display: block;
		border-bottom: 1px solid #ccc;
	}
	.table04 tr:last-child > th,
	.table04 tr:last-child > td {
		display: block;
		border-bottom: 1px solid #ccc;
	}
	.table04 tr:last-child > td:last-child {
		display: block;
		border-bottom: none;
	}

	.table04.hidden640 {
		display: none!important;
	}
	.table04.visible640 {
		display: table;
	}
}
/*==========================================
 navbar headerNavUtlis
===========================================*/

.headerNavUtlisWrap.container {
	width:1060px;
}
.headerNavUtlis ul {
	font-size:1.1rem;
	line-height:1.4;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:         nowrap;
	-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
	padding:5px 0;
}
.headerNavUtlis ul>li>a {
	display: block;
	padding: 10px 0;
	color:#876933;
}
.headerNavUtlis ul>li>a:hover {
	background:none;
	color:#c6a569;
}
@media (max-width: 768px) {
.headerNavUtlis {
display:none;
}
}
/*==========================================
 navbar headerNavCate
===========================================*/

.headerNavCateWrap {
border-top:1px solid #ede7e2;
border-bottom:1px solid #ede7e2;
}
.headerNavCateWrap .container {
	padding-right: 0;
	padding-left: 0;
}
.navbar {
	border-radius: 0;
	min-height:100%;
	margin-bottom:0;
	border: none;
}
.nav-justified {
}
.nav-justified>li {
}
.nav-justified>li>a {
	margin-bottom: 0;
	text-align: center;
	padding:21px 0 27px;
}
.headerNavCate li a {
	text-align:center;
	color:#fff;
	position:relative;
}

.nav-justified>li>a:hover {
	background:none;
}
.nav-justified>li>a:hover:after {
	content:"";
	display:block;
	width:100%;
	height:3px;
	bottom:0;
	background:#8CBB75;
	position:absolute;
}
body.about .nav-justified>li:nth-child(2)>a:after,
body.product .nav-justified>li:nth-child(3)>a:after,
body.belletship .nav-justified>li:nth-child(4)>a:after,
body.medicine .nav-justified>li:nth-child(5)>a:after,
body.qa .nav-justified>li:nth-child(6)>a:after,
body.quide .nav-justified>li:nth-child(7)>a:after,
body.contact .nav-justified>li:nth-child(8)>a:after {
	content:"";
	display:block;
	width:100%;
	height:3px;
	bottom:0;
	background:#8CBB75;
	position:absolute;
}

.nav-justified>li>a img {
	background: none!important;
}
.nav-justified>li>a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	background: none!important;
}
.nav-justified>li ul {
display:none;
}
@media (max-width: 640px) {

.nav-justified>li ul {
display:block;
}
}


.headerNavCate .nav-justified li {
	position: relative;
}
.headerNavCate .nav-justified>li:hover>ul {
	display: block;
	position: absolute;
	z-index: 2;
	width: 100%;
	background: #FCFBF7;
	text-align: center;
	box-sizing: content-box;
	border-left: 1px solid #ede7e2;
	border-right: 1px solid #ede7e2;
	border-top: 1px solid #ede7e2;
	left: -1px;
}
.headerNavCate .nav-justified>li ul li a {
	color: #86bc6d;
	display: inline-block;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #ede7e2;
	font-size:1.5rem;
}
.headerNavCate .nav-justified>li ul li:first-child a {
	border-bottom: 1px solid #ede7e2;
}
.headerNavCate .nav-justified>li ul li a:hover {
	color: #fff;
	background: #86bc6d;
}
.headerNavCate .nav-justified>li>ul>li:hover>ul {
	display: block;
	position: absolute;
	z-index: 2;
	width: 100%;
	background: #FCFBF7;
	text-align: center;
	top: 0;
	left: 100%;
	box-sizing: content-box;
	border-left: 1px solid #ede7e2;
	border-right: 1px solid #ede7e2;
	border-top: 1px solid #ede7e2;
}

/*==========================================
pagetop
===========================================*/
#pageTop {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index:55;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 15px 0 0;
  border-radius: 40px;
  width: 55px;
  height: 55px;
  background-color: #88BB70;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  opacity: 0.7;
}
#pageTop a .glyphicon {
color:#fff;
font-size:2.4rem;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/*==========================================
breadcrumb
===========================================*/
#breadcrumbWrap {
	padding:29px 0 0 0;
	list-style: none;
}
#breadcrumbWrap ul {
display:flex;
}
#breadcrumbWrap li {
	font-size:1.4rem;
	margin-right:24px;
}
#breadcrumbWrap li a {
color:#afafaf;
	text-decoration:underline;
	position:relative;
}
#breadcrumbWrap li a:hover {
	color:#ccc;
}
#breadcrumbWrap li a:after {
content:">";
width:10px;
height:10px;
position:absolute;
top:-3px;
right:-20px;
}

/*==========================================
footer
===========================================*/
.footerInfo {
	background:#fbf8f1 url(images/bg_beige.png) repeat;
	border-top: 6px solid #f3f0e9;
}
body.index .footerInfo {
border:none;
}
/*==========================================
footerNav
===========================================*/

.footerNav {
	padding:130px 0 60px;
}
.footerNav ul {
	display:flex;
	justify-content: flex-start;
}
.footerNav li {
	padding: 0 10px;
	font-size: 1.5rem;
	line-height:1.2;
	flex-grow: 1;
	text-align: center;
	position:relative;
}
.footerNav li:after {
content:"/";
position:absolute;
right:-3%;
}

.footerNav li:last-child:after {
display:none;
}
.footerNav li a {
color:#422c1f;
text-decoration:none;
}
.footerNav li a:hover {
	color:#86bc6d;
	text-decoration:underline;
}

/*==========================================
footerBanner
===========================================*/

.footerBanner {
padding:80px 0 0;
}
.footerBanner ul {
display:flex;
justify-content:space-between;
}
.footerBanner ul li {
width:auto;
margin:0;
text-align:center;
}
.footerBanner ul li:first-child {
margin-right:10px;
}
 @media screen and (max-width:768px) {
.footerBanner {
padding:10px 0 40px;
}
}
 @media screen and (max-width:640px) {
.footerBanner ul {
display:block;
}
.footerBanner ul li:first-child {
margin:0 auto 10px;
}
}
/*==========================================
footerLogo
===========================================*/

.footerLogo {
	background:#86bc6d;
	border-top:6px solid #81b367;
	padding:45px 0 53px;
	color:#fff;
}

.footerAddress ul {
display:flex;
}
.footerAddress ul li p {
padding:0;
padding-left:35px;
color:#fff;
font-size:1.5rem;
line-height:1.5;
}
.footerAddress ul li ul {
padding-top:25px;
}
.footerAddress ul li ul li {
width:auto;
padding:0 15px;
position:relative;
}
.footerAddress ul li ul li a {
color:#fff;
font-size:1.3rem;
line-height:1.5;
}
.footerAddress ul li ul li a:hover {
text-decoration:underline;
}

.footerAddress ul li ul li:after {
content:"/";
position:absolute;
right:-3%;
}

.footerAddress ul li ul li:last-child:after {
display:none;
}

footer .copy {
background:#FFF;
padding:27px 0 54px;
	text-align: left;
	font-size:1.1rem;
}


 @media screen and (max-width:768px) {
.footerNav {
	display:none;
}
.footerInfo {
    padding: 30px 0;
}
.footerInfo .container {
    padding: 0 10px;
}
.footerNav li {
    padding: 0 6px;
    font-size: 1.3rem;
}
.footerNav li a {
}
.footerAddress p {
    font-size: 1.4rem;
}
.footerAddress p.footerLogo img {
position:relative;
z-index:10;
}

}
 @media screen and (max-width:640px) {
.footerLogo {
    padding: 30px 0 20px;
}
.footerAddress ul {
display:block;
}
.footerAddress ul ul{
display:flex;
}
.footerAddress ul li p {
padding-left:0;
}

.footerAddress {
padding-left:25px;
}
.footerAddress p.footerLogo {
	padding-top:15px;
}
.footerShoppingBtn {
	text-align:left;
	padding:20px 20px 0;
}
}
 @media screen and (max-width:380px) {
.footerAddress {
padding-left:10px;
}
}

/*==========================================
font
===========================================*/
.fontR {
	color: #FF0000;
}
.fontBl {
	color: #000;
}
.fontB {
	font-weight: bold;
}
.font110 {
	font-size: 110%;
}
.font120 {
	font-size: 120%;
}
.font130 {
	font-size: 130%;
}
.font150 {
	font-size: 150%;
}
.font180 {
	font-size: 180%;
}
.fontU {
	text-decoration: underline;
}
.fontS {
	font-size: 75%;
}
.fontSS {
	font-size: 60%;
}
.fs1 {
	font-size: 110%;
}
.fs2 {
	font-size: 120%;
}
.fs3 {
	font-size: 130%;
}
.txtC {
	text-align: center;
}
.txtR {
	text-align:right;
}
.imgC, p.imgC {
	text-align: center;
	line-height: 0;
	padding:0;
}
.imgR {
	float: right;
	width: auto;
	margin: 0 0 0 10px;
}
@media screen and (max-width:640px) {
 .imgR {
 width: 70%;
 display: block;
 margin: 0 auto 15px;
 float:none;
}
}

/*==========================================
 5column
===========================================*/

col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5, .col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-1-5 {
	width: 20%;
	float: left;
}
.col-xs-2-5 {
	width: 40%;
	float: left;
}
.col-xs-3-5 {
	width: 60%;
	float: left;
}
.col-xs-4-5 {
	width: 80%;
	float: left;
}
@media (min-width: 768px) {
 .col-sm-1-5 {
 width: 20%;
 float: left;
}
 col-sm-2-5 {
 width: 40%;
 float: left;
}
 col-sm-3-5 {
 width: 60%;
 float: left;
}
 col-sm-4-5 {
 width: 80%;
 float: left;
}
}
@media (min-width: 992px) {
 .col-md-1-5 {
 width: 20%;
 float: left;
}
 .col-md-2-5 {
 width: 40%;
 float: left;
}
 .col-md-3-5 {
 width: 60%;
 float: left;
}
 .col-md-4-5 {
 width: 80%;
 float: left;
}
}
@media (min-width: 1200px) {
 .col-lg-1-5 {
 width: 20%;
 float: left;
}
 .col-lg-2-5 {
 width: 40%;
 float: left;
}
 .col-lg-3-5 {
 width: 60%;
 float: left;
}
 .col-lg-4-5 {
 width: 80%;
 float: left;
}
}