@charset "utf-8";

.clear {clear:both!important;}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.pc{display: block;}
.sp{display: none;}

body{
	margin: 0;
	padding: 0;
}


/*竹粒炭・竹炭パウダーのご紹介
------------------------------------------------------------*/
#takenokona{
	margin-bottom: 0;
	font-size:16px;
	line-height:1.8;
	font-family: "Noto Sans JP";
}

#takenokona .header{
	margin-bottom: 80px;
	padding: 150px 0 100px 0;
	background: url("https://bamlee.com/img/takenokona/mv.jpg") no-repeat top center / cover;
}

#takenokona .header h1{
	font-family: "Noto Serif JP", serif;
	margin-bottom: 50px;
	line-height: 1.4;
	font-size: 80px;
	color: #FFF;
	text-shadow: 0 0 10px #000,
                 0 0 10px #000,
                 0 0 10px #000,
                 0 0 10px #000
}

#takenokona .header p{
	font-family: "Noto Serif JP", serif;
	line-height: 1.4;
	font-size: 40px;
	color: #FFF;
	text-shadow: 0 0 10px #000,
                 0 0 10px #000,
                 0 0 10px #000,
                 0 0 10px #000
}

#takenokona .contents{
	width: 980px;
	margin: 0 auto;
}

#takenokona footer .contents{
	width: 100%;
	margin-bottom: 20px;
}

#takenokona .contents img{
	width: 100%;
	height: auto;
	border-radius: 10px;
}

#takenokona footer .contents h2 img {
  width: auto;
  height: 45px;
  margin: 0 auto 0 0;
}

#takenokona .contents h2{
	margin: 0 auto 20px auto;
	font-family: "Noto Serif JP", serif;
	color: #386703;
}

#takenokona .box_2col{
	margin-bottom: 60px;
	display: grid;
	grid-template-columns: 1fr 320px;
	grid-gap: 0 50px;
}

#takenokona .box_3col{
	margin: 1.5em 0 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 0 20px;
}

#takenokona .box_3col li a{
	padding: 20px 0 35px 0;
	border-radius: 10px;
	background: #56AD00 url("https://bamlee.com/img/takenokona/icon_link01.png") no-repeat center bottom 15px / 0.8em;
	line-height: 1.4;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	display: block;
}

@media (any-hover: hover) {
#takenokona .box_3col li a:hover{
	opacity: 0.7;
}
}

#takenokona .bg{
	margin-bottom: 0;
	padding: 60px 0;
	background: #DFEBD0;
}

#takenokona .bg h2{
	font-size: 30px;
	text-align: center;
}

#takenokona .bg h2 span{
	position: relative;
	width: 3em;
	margin: 0 auto;
	font-size: 16px;
	display: block;
}

#takenokona .bg h2 span:before{
	position: absolute;
	top: 0.8em;
	left: -80px;
	width: 70px;
	height: 1px;
	background: #3A6800;
	content: "";
	display: block;
}

#takenokona .bg h2 span:after{
	position: absolute;
	top: 0.8em;
	right: -80px;
	width: 70px;
	height: 1px;
	background: #3A6800;
	content: "";
	display: block;
}

#takenokona .box_faq dl{
	margin-bottom: 30px;
	padding: 30px;
	background: #FFF;
	border-radius: 10px;
}

#takenokona .box_faq dl dt{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCC;
	font-family: "Noto Serif JP", serif;
	line-height: 1.4;
	font-size: 24px;
	font-weight: bold;
	color: #386703;
}

#takenokona .box_faq dl dd{
	margin: 0;
	padding: 0;
}

#takenokona .bg2{
	margin-bottom: 0!important;
	padding: 60px 0;
	background: linear-gradient(to right, #386703, #5F9F16);
}

#takenokona .bg2 .contents{
	padding: 30px 30px 40px 30px;
	background: #FFF;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 24px;
	font-family: "Noto Serif JP", serif;
	text-align: center;
}

#takenokona .bg2 .contents a{
	margin-bottom: 20px;
	display: block;
}

#takenokona .bg2 .contents img{
	width: 270px;
	height: auto;
	margin: 0 auto;
}

#takenokona .bg2 .contents p{
	margin-bottom: 30px;
}

#takenokona .bg2 .contents .btn{
	width: 460px;
	margin: 30px auto 0 auto;
	padding: 20px 0;
	border: 0;
	border-radius: 10px;
	background: #56AD00 url("https://bamlee.com/img/takenokona/icon_link02.png") no-repeat right 15px center / 0.2em;
	line-height: 1.4;
	font-family: "Noto Sans JP";
	font-size: 24px;
	font-weight: bold;
	color: #FFF!important;
	text-decoration: none;
	text-align: center;
	display: block;	
}

@media (any-hover: hover) {
#takenokona .bg2 .contents .btn:hover{
	opacity: 0.7;
}
}

#takenokona .ttl{
	padding: 40px 0;
	background: linear-gradient(to right, #386703, #5F9F16);
	font-family: "Noto Serif JP", serif;
	line-height: 1.4;
	font-size: 50px;
	color: #FFF;
	text-align: center;
}

#takenokona .ttl span{
	font-size: 30px;
	color: #FFF;
	display: block;
}

#takenokona h3{
	margin-bottom: 40px;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #5F9F16;
	font-family: "Noto Serif JP", serif;
	font-size: 30px;
	color: #386703;
}

#takenokona .box_2col.half{
	margin-bottom: 0;
	grid-template-columns: 1fr 1fr;
}

#takenokona .box_2col.half div,
#takenokona .box_2col.half img{
	margin-bottom: 40px;
}

#takenokona p{
	margin-top: 0;
}

#takenokona .box_2col.half p span{
	font-weight: bold;
}

#takenokona .box_2col.half h4{
	margin: 0 auto 20px auto;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #5F9F16;
	font-family: "Noto Serif JP", serif;
	font-size: 30px;
	color: #386703;
}

#takenokona .box_2col.half ul{
	padding: 0 0 0 20px;
}

#takenokona .kakomi{
	margin-bottom: 80px;
	padding: 30px;
	background: #DDEAD0;
	border-radius: 10px;
	display: grid;
	grid-template-columns: 1fr 380px;
	grid-gap: 0 30px;
	place-content: start;
}

#takenokona .kakomi h4{
	margin: 0 auto 10px auto;
	padding: 0;
	font-family: "Noto Serif JP", serif;
	line-height: 1.4;
	font-size: 30px;
	color: #386703;
}

#takenokona .kakomi p{
	margin-bottom: 0;
}

#takenokona .kakomi a{
	padding: 20px 0;
	background: #56AD00 url("https://bamlee.com/img/takenokona/icon_link02.png") no-repeat right 20px center / 0.4em;
	border-radius: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	align-self: start;
}

@media (any-hover: hover) {
#takenokona .kakomi a:hover{
	opacity: 0.7;
}
}




/*毎月500～1000個使う方は個別にご相談ください
------------------------------------------------------------*/
#gross{
	margin-bottom:80px;
	font-size:16px;
	line-height:1.8;
	font-family: "Zen Maru Gothic", sans-serif!important;
}

#gross .header{
	padding: 70px 0;
	background: #F7F3E7;
}

#gross .header h1{
	width: 1110px;
	margin: 0 auto;
	padding: 0;
}

#gross .header h1 img{
	width: 100%;
	height: auto;
	display: block;
}

#gross .main{
	background: #FFF url("https://bamlee.com/img/gross/bg.png") repeat-y center top -80px / cover;
	box-shadow: 0px -5px 8px 0px rgba(162, 162, 162, 0.25);
}

#gross .contents{
	width: 850px;
	margin: 0 auto;
	padding: 80px 0;
}

#gross .contents .box_fukidashi{
	position: relative;
	padding: 50px;
	border: 5px solid #FFCD1E;
	border-radius: 30px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

#gross .contents .box_fukidashi p{
	margin: 0;
}

#gross .contents .box_fukidashi small{
	font-weight: normal;
}

#gross .contents .box_fukidashi span{
	color: #C24337;
}

#gross .contents .box_fukidashi p.large{
	font-size: 26px;
	color: #C24337;
}

#gross .contents .box_fukidashi img{
	position: absolute;
	bottom: -260px;
	right: -100px;
	width: 250px;
}

#gross .contents .box_fukidashi:before{
	position: absolute;
	bottom: -62px;
	right: 170px;	
	width: 85px;
	height: 61px;
	background: url("https://bamlee.com/img/gross/img_fukidashi.png");
	content: "";
	display: block;
}

#gross .contents .box_contact{
	width: 550px;
	padding: 50px 0 0 0;
	text-align: left;
	display: block;
}

#gross .contents .box_contact h2{
	margin: 0 auto 20px auto;
	padding: 8px;
	background: #D4847D;
	border-radius: 40px;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #FFF;
}

#gross .contents .box_contact ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#gross .contents .box_contact ul li{
	padding: 0 0 0.2em 1.3em;
	line-height: 1.6;
	font-size: 40px;
	font-weight: 500;
}

#gross .contents .box_contact ul li:nth-of-type(1){
	background: url("https://bamlee.com/img/gross/icon_mail.png") no-repeat left center / 1.0em;
}

#gross .contents .box_contact ul li:nth-of-type(2){
	background: url("https://bamlee.com/img/gross/icon_tel.png") no-repeat left center / 1.0em;
}

#gross .contents .box_contact ul li a{
	padding: 0 0.2em;
	background:linear-gradient(transparent 60%, #FFEC40 60%);
	border-radius: 0;
	text-align: left;
	font-weight: 500;
	color: #000!important;
	text-decoration: none;
	display: inline;
}

#gross .contents .box_contact ul li span{
	font-size: 24px;	
}

#gross .contents .box_contact ul li span.tag{
	margin: 0 1em;
	padding: 0 8px 2px 8px;
	background: #FFCD1E;
	border-radius: 5px;
	font-size: 16px;
}

#gross .contents .box_contact ul li em{
	font-style: normal;
	font-size: 16px;
}


/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
@media screen and (max-width:840px){
	
.clear {clear:both!important;}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.pc{display: none;}
.sp{display: block;}



/*竹粒炭・竹炭パウダーのご紹介
------------------------------------------------------------*/
#takenokona{
	margin-bottom:16vw;
	font-size:3.4vw;
}

#takenokona .header{
	margin-bottom: 16vw;
	padding: 48vw 0 10vw 0;
}

#takenokona .header h1{
	margin-bottom: 10vw;
	font-size: 12vw;
}

#takenokona .header p{
	font-size: 6vw;
}

#takenokona .contents{
	width: 90%;
}

#takenokona .contents img{
	border-radius: 2vw;
}

#takenokona .contents h2{
	margin: 0 auto 4vw auto;
}

#takenokona .box_2col{
	margin-bottom: 12vw;
	display: block;
}

#takenokona .box_2col img{
	margin-top: 2vw;
}

#takenokona .box_3col{
	display: block;
}

#takenokona .box_3col li{
	margin-bottom: 3vw;
}

#takenokona .box_3col li a{
	padding: 4vw 0;
	border-radius: 2vw;
	background: #56AD00 url("https://bamlee.com/img/takenokona/icon_link02.png") no-repeat right 3vw center / 0.4em;
}

#takenokona .bg{
	padding: 12vw 0;
}

#takenokona .bg h2{
	font-size: 6vw;
}

#takenokona .bg h2 span{
	font-size: 3.4vw;
}

#takenokona .bg h2 span:before{
	left: -16vw;
	width: 14vw;
}

#takenokona .bg h2 span:after{
	right: -16vw;
	width: 14vw;
}

#takenokona .box_faq dl{
	margin-bottom: 6vw;
	padding: 6vw;
	border-radius: 2vw;
}

#takenokona .box_faq dl dt{
	margin-bottom: 4vw;
	padding-bottom: 4vw;
	font-size: 4.4vw;
}

#takenokona .bg2{
	padding: 8vw 0;
}

#takenokona .bg2 .contents{
	padding: 6vw 6vw 8vw 6vw;
	border-radius: 2vw;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 4.4vw;
	box-sizing: border-box;
}

#takenokona .bg2 .contents a{
	margin-bottom: 4vw;
}

#takenokona .bg2 .contents img{
	width: 54vw;
}

#takenokona .bg2 .contents p{
	margin-bottom: 6vw;
	text-align: left;
}

#takenokona .bg2 .contents small{
	text-align: left;
	display: block;
}

#takenokona .bg2 .contents .btn{
	width: 100%;
	margin: 6vw auto 0 auto;
	padding: 4vw 0;
	border-radius: 2vw;
	background: #56AD00 url("https://bamlee.com/img/takenokona/icon_link02.png") no-repeat right 3vw center / 0.2em;
	font-size: 4.4vw;
}

#takenokona .ttl{
	padding: 6vw 0;
	font-size: 7vw;
}

#takenokona .ttl span{
	padding: 0;
	font-size: 5vw;
}

#takenokona h3{
	margin-bottom: 8vw;
	padding: 0 0 4vw 0;
	font-size: 5vw;
}

#takenokona .box_2col.half{
	margin-bottom: 0;
	display: block;
}

#takenokona .box_2col.half div,
#takenokona .box_2col.half img{
	margin-bottom: 6vw;
}

#takenokona .box_2col.half h4{
	margin: 0 auto 4vw auto;
	padding: 0 0 2vw 0;
	font-size: 5vw;
}

#takenokona .box_2col.half ul{
	padding: 0 0 0 4vw;
}

#takenokona .kakomi{
	margin-bottom: 16vw;
	padding: 6vw;
	border-radius: 5vw;
	display: block;
}

#takenokona .kakomi h4{
	margin: 0 auto 2vw auto;
	font-size: 5vw;
}

#takenokona .kakomi a{
	margin-top: 4vw;
	padding: 4vw 0;
	background: #56AD00 url("https://bamlee.com/img/takenokona/icon_link02.png") no-repeat right 4vw center / 0.4em;
	border-radius: 2vw;
	font-size: 3.4vw;
	display: block;
}








/*毎月500～1000個使う方は個別にご相談ください
------------------------------------------------------------*/
#gross{
	margin-bottom:16vw;
	font-size:3.4vw;
}

#gross .header{
	padding: 10vw 0;
}

#gross .header h1{
	width: 90%;
}

#gross .main{
	background: #FFF url("https://bamlee.com/img/gross/bg.png") repeat-y center top -16vw / cover;
	box-shadow: 0px -5px 8px 0px rgba(162, 162, 162, 0.25);
}

#gross .contents{
	width: 90%;
	padding: 10vw 0 0 0;
}

#gross .contents .box_fukidashi{
	padding: 5vw;
	border-radius: 6vw;
	font-size: 3.2vw;
}

#gross .contents .box_fukidashi p small{
	display: inline-block;
}

#gross .contents .box_fukidashi p.large{
	font-size: 4vw;
}

#gross .contents .box_fukidashi img{
	width: 26vw;
	bottom: -30vw;
	right: -2%;
}

#gross .contents .box_fukidashi:before{
	bottom: -40px;
	right: 27vw;	
	width: 60px;
	height: 40px;
	background-size: cover;
}

#gross .contents .box_contact{
	position: relative;
	width: 100%;
	padding: 24vw 0 0 0;
	background: none;
	text-align: left;
	z-index: 1;
}

#gross .contents .box_contact h2{
	margin: 0 auto 4vw auto;
	border-radius: 8vw;
	font-size: 5vw;
}

#gross .contents .box_contact ul li{
	font-size: 6.5vw;
}

#gross .contents .box_contact ul li:nth-of-type(1){
	background: url("https://bamlee.com/img/gross/icon_mail.png") no-repeat left center / 1.0em;
}

#gross .contents .box_contact ul li:nth-of-type(2){
	background: url("https://bamlee.com/img/gross/icon_tel.png") no-repeat left top 0.5em / 1.0em;
}

#gross .contents .box_contact ul li a{
	padding: 0 0.2em;
	font-size: 6.5vw;
}

#gross .contents .box_contact ul li span{
	font-size: 5vw;	
}

#gross .contents .box_contact ul li span.tag{
	margin: 0 0.8em 0 0;
	font-size: 3.4vw;
}

#gross .contents .box_contact ul li em{
	font-size: 3.4vw;
}

}