@charset "UTF-8";
/*-----------------------------------------------------------------------------
basic
-----------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style: none;
}

html {
	overflow-y: scroll;
	background-color: #fff;
}
nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}


body {
color: #300;
font-size: 89%;
line-height: 1.6em;
font-family: 'Roboto','メイリオ', Meiryo,'ヒラギノ角ゴシック',YuGothic,'Yu Gothic','ＭＳ Ｐゴシック','MS PGothic';
overflow: hidden;
letter-spacing: 0.05rem;
background: url("../images/bg.jpg");
}
@media (min-width: 768px) {
body {
color: #300;
font-size: 94%;
line-height: 1.8em;
overflow: hidden;
letter-spacing: 0.05rem;
}
}


/* -------------------------------

/* 共通
---------------------------------------------------- */

.fluid {
	max-width: 1170px;
	margin: 0 auto;
}



.clearfix:after {
  content: "";
  clear: both;
	display: table;
}
.clear {clear: both;}

a{outline:none;}

.f-right {float: right;}
.f-left {float: left;}
.pointer {cursor: pointer;}
ul.decimal li{list-style: decimal;margin-left: 20px;line-height: 1.7;margin-bottom: 10px;}
ul.dot li{list-style:disc;margin-left: 20px;line-height: 1.7;margin-bottom: 10px;}

.mb0  { margin-bottom: 0 !important; }
.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pl10 { padding-left: 10px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w33 { width: 33.33333333%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.mb80mb50{margin-bottom: 80px;}
.mb50mb30{margin-bottom: 50px;}

@media (max-width: 767px) {
.space15{margin-bottom: 15px;}
.mb80mb50{margin-bottom: 50px;}
.mb50mb30{margin-bottom: 30px;}

}


/* アニメーション
---------------------------------------------------- */
.float {
  animation: float_6727 4s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes float_6727 {
  0% { transform: translateY(0) }
  25% { transform: translateY(-6px) }
  50% { transform: translateY(0) }
  100% { transform: translateY(0) }
}


.bounce {
  animation: bounce_2227 3.6s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes bounce_2227 {
  0% { transform:translateY(0) }
  5.55556% { transform:translateY(0) }
  11.11111% { transform:translateY(0) }
  22.22222% { transform:translateY(-15px) }
  27.77778% { transform:translateY(0) }
  33.33333% { transform:translateY(-15px) }
  44.44444% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

.delayed-image {
	/* じわっと画像が表示される */
 	animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

/* じわっと画像が表示される ---------　一度追加していたら不要*/
@keyframes fadeIn { /*上のbody内で呼び出しているアニメーションと名前をそろえる*/
    0% {opacity: 0} /* 始め */
    100% {opacity: 1} /* 終わり */
}

/*古いブラウザ用　---------　一度追加していたら不要*/
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


/* link
---------------------------------------------------- */
a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:none;}
a.opacity {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a.opacity:hover {
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	opacity: 0.6;
}
a:focus{
  outline: none;
}
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
[data-action="call"]  {text-decoration: none;}

/* font-size color
---------------------------------------------------- */
.x-small { font-size: 10px; line-height: 1.6; }
.small { font-size: 12px; line-height: 1.6; }
.middle { font-size: 14px; }
.large { font-size: 16px; }
.x-large { font-size: 18px; }
.x2-large { font-size: 20px; }
.x3-large { font-size: 22px; }
.x4-large { font-size: 24px; }
.max-large { font-size: 32px; }
.italic {font-style: italic;}
.bold{font-weight: bold;}

.white { color: #ffffff; }
.red { color: #f00; }
.blue { color: #a8d8f0; }
.purple { color: #c27dbc; }
.orange { color: #f60; }
.green { color: #508019; }

@media (min-width: 768px) {
.large { font-size: 20px; }

}


a .custom-btn{color: #222;}
.custom-btn {
  padding: 10px 25px;
  font-family: "Roboto", sans-serif;
  background: #ddd;
  outline: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  text-align: center;
}
/**** BTN No. 3 ****/
.btn-3 {
  width: 262px;
  height: 47px;
  line-height: 47px;
  padding: 0;
  border: none;
}
.btn-3 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-3:before,
.btn-3:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  background: #333a8d;
  transition: all 0.3s ease;
}
.btn-3:before {
  height: 0%;
  width: 2px;
}
.btn-3:after {
  width: 0%;
  height: 2px;
}
.btn-3:hover:before {
  height: 100%;
}
.btn-3:hover:after {
  width: 100%;
}
.btn-3 span:before,
.btn-3 span:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  background: #333a8d;
  transition: all 0.3s ease;
}
.btn-3 span:before {
  width: 2px;
  height: 0%;
}
.btn-3 span:after {
  width: 0%;
  height: 2px;
}
.btn-3 span:hover:before {
  height: 100%;
}
.btn-3 span:hover:after {
  width: 100%;
}


/* header
---------------------------------------------------- */





.box-shadow {
    box-shadow: 0 12px 12px -3px rgba(0,0,0,.08);
		}
h1.logo{position: fixed;top:0;left:0;z-index: 9999;}
h1.logo img{width: 80px;height: auto;}

@media (min-width: 768px) {
#header{height: 80px;display: block;width: 100%;position: relative;}

h1.logo img{width: 100px;height: auto;}


}


@media (min-width: 992px) {
h1.logo img{width: 120px;height: auto;}


}


@media (min-width: 1199px) {

h1.logo img{width: auto;height: auto;}

}






/* -----  翻訳ボタン　右サイド------- */

.honyaku{position: fixed;right:0;top:110px;z-index: 998;width: 72px;}
.honyaku a.btn-honyaku{
  display: block;
  background: white;
  border: none;
padding: 5px;
text-align: center;
color: black;
  	border-top-left-radius : 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-bottom-left-radius : 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
}
.honyaku a.btn-honyaku:hover{color:#FC040A;}




/* top-main
---------------------------------------------------- */
#main {
/*    width: 100%;*/
    max-width: 2000px;
    margin: 0 auto 0 auto;
    position: relative
}

#main-bg{
    max-width: 2000px;
    position: relative
}

.owl-carousel .item div {
    width: 100%;
    height: 100vh;
    background-position: center center;
    background-size: cover;
}

@media (max-width:767px) {

    .owl-carousel .item div {
        height: 250px;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .owl-carousel .item div {
        height: 650px;
    }
}
@media (min-width:992px) and (max-width:1366px) {
    .owl-carousel .item div {
         height: 700px;
   }
}


/* index.html about
---------------------------------------------------- */
.home #section0{background: url("../images/bg-paper.jpg");padding: 30px 15px;}
.home #section0 p{font-size: 18px;font-family: 'Rasa', serif;font-weight: 400;text-align: center;}
.home #section0 p span{font-size: 26px;display: block;padding-top: 10px;}

.home #section01{background: url("../images/bg-paper.jpg");background-position: left top;padding: 30px 0px 50px 0px;}
.home #section01 p{padding: 30px 0px;} 

.home #section02 {background: url("../images/bg2.jpg");background-position: center top;background-size: 800px auto;padding-top: 150px;} 
.home #section02 .index-area {background:white;padding: 25px 0px;text-align: right;} 
.home #section02 p.index{font-size: 24px;font-family: 'Rasa', serif;font-weight: 500;text-align: center;color: black;padding-top: 5px;margin-bottom: 5px;} 
.home #section02 p.index span{font-size: 13px;display: block;color: #930;padding-top: 5px;} 
.home #section02 p.txt{font-size: 14px;text-align: left;line-height: 1.6;} 
.home #section02 .itemarea{background: url("../images/top-item-gray.jpg"),white;background-position: right bottom 60px;background-repeat: no-repeat; background-size: 80% auto; padding: 30px 0px 60px 0px;} 
.home #section02 .itemarea ul{text-align: center;margin: 0px 15px;margin-bottom: 40px;} 
.home #section02 .itemarea ul li{padding: 0px 20px;margin-bottom: 20px;} 
.home #section02 .itemarea ul li:last-child{margin-bottom: 0px;} 
.item-list {
  position: relative;
  }

.item-list p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  margin-right: -50%;
  padding:0;
  padding-bottom: 25px;
  font-size: 18px;
  color: white;
  font-family: 'Rasa', serif;
  background: url("../images/underbar.gif");background-position: center bottom;background-repeat: no-repeat;
  /*文字の装飾は省略*/
  }

.item-list img {
  width: 100%;
  }
.kakudai {
	overflow: hidden;
}
.kakudai img {
	display: block;
	transition: 0.5s;
}
.kakudai img:hover {
	transform: scale(1.1, 1.1);
}

.home #section03 {background: rgba(255,255,255,0.5);margin: 50px 0px;} 
.home #section03 li.left{background: none;padding: 50px 0px;} 
.home #section03 li.right{height: 200px;background: url("../images/top-use.jpg");background-size: cover;} 
.home #section03 li img{vertical-align: bottom;} 
.home #section03 ul{text-align: center;}
.home #section03 ul li{display:inline;vertical-align: middle;position: relative;}
.home #section03 .textbox{
  width: 100%;}
.home #section03 .textbox .ti{text-align: center;font-size: 20px;font-family: 'Rasa', serif;font-weight: 500; margin-bottom: 30px;line-height: 1.7;}
.home #section03 .textbox .txt{text-align: left;font-size: 14px; margin-bottom: 30px;line-height: 1.8;padding: 0px 45px;letter-spacing: 0.08rem;}

.home #section04 {background: url("../images/bg-red-dot.gif");margin-bottom: 50px;} 
.home #section04 li.left{padding: 60px 0px;position: relative;} 
.home #section04 li.left:hover{background: rgba(0,0,0,.5);} 

.home #section04 li.left img{position: absolute;right: 50px;bottom: auto;top:50px;width: 100px;height:  auto;} 
.home #section04 li.left i{position: absolute;  top: 50%;
  right: 8%;
  transform: translateY(-50%) ;
  color: white;font-size: 30px;
} 
.home #section04 li.left .txt1{margin-bottom: 40px;margin-left: 40px;} 
.home #section04 li.left .txt1 span{font-size: 22px;font-family: 'Rasa', serif;font-weight: 500;background: #333;padding: 5px 15px;color: white;} 
.home #section04 li.left .txt2{margin-bottom: 20px;margin-left: 40px;} 
.home #section04 li.left .txt2 span{font-size: 16px;font-family: 'Rasa', serif;font-weight: 500;background: #333;padding: 8px 15px;color: white;} 
.home #section04 li.left .txt3{margin-left: 40px;} 
.home #section04 li.left .txt3 span{font-size: 16px;font-family: 'Rasa', serif;font-weight: 500;background: #333;padding: 8px 15px;color: white;} 

.home #section04 li.right{background: url("../images/bg-top-contact.jpg");background-size: cover;background-position: center;height: 200px;} 


.home #section05 {background: url("../images/bg-top-bn.jpg");background-position: center top;background-repeat: no-repeat; margin-bottom: 50px;} 
.home #section05 ul {padding-top: 55px;text-align: center;} 
.home #section05 ul li{width:100%;padding: 0px 10px;margin-bottom: 15px;} 
.home #section05 ul li .box{background: rgba(255,255,255,1);padding: 15px;box-shadow: 4px 4px 0px rgba(145,106,68,.5);} 
.home #section05 ul li .box p.index{text-align: center;color: #222;font-size: 18px;} 
.home #section05 ul li .box p.txt{text-align: left;color: #222;padding: 10px 15px;font-size: 14px;line-height: 1.8;} 
.home #section05 ul li:last-child{margin-bottom: 0px;} 



@media (min-width: 768px) {
.home #section0{position: relative;margin-top: -70px;background: url("../images/bg-paper.jpg");padding: 25px 15px;z-index: 90;}
.home #section0 p{font-size: 18px;font-family: 'Rasa', serif;font-weight: 400;text-align: center;}
.home #section0 p span{font-size: 26px;display: inline;padding-top: 0px;}

.home #section01{position: relative;background: url("../images/bg-top-coffee.png"),url("../images/bg-paper.jpg");background-position: right -350px center,left top;background-repeat: no-repeat,repeat;padding: 30px 0px 50px 0px;}
.home #section01 p{padding: 30px 15px;} 

.home #section02 {background: url("../images/bg2.jpg");background-attachment: fixed;background-position: center top;background-size: cover;padding-top: 250px;} 
.home #section02 .index-area {background:white;padding: 25px 20px;text-align: right;} 
.home #section02 p.index{font-size: 24px;font-family: 'Rasa', serif;font-weight: 500;text-align: center;color: black;padding-top: 5px;margin-bottom: 5px;} 
.home #section02 p.index span{font-size: 14px;display: block;color: #930;padding-top: 5px;} 
.home #section02 p.txt{font-size: 14px;text-align: left;line-height: 1.6;} 
.home #section02 .itemarea{background: url("../images/top-item-gray.jpg"),white;background-position: right bottom 60px;background-repeat: no-repeat; background-size: 80% auto; padding: 30px 0px 60px 0px;} 
.home #section02 .itemarea ul{text-align: center;margin: 0px 0px;margin-bottom: 40px;} 
.home #section02 .itemarea ul li{padding: 0px 10px;margin-bottom: 0px;} 
.item-list {
  position: relative;
  }

.item-list p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  margin-right: -50%;
  padding:0;
  padding-bottom: 25px;
  font-size: 16px;
  color: white;
  background: url("../images/underbar.gif");background-position: center bottom;background-repeat: no-repeat;
  /*文字の装飾は省略*/
  }

.item-list img {
  width: 100%;
  }
.kakudai {
	overflow: hidden;
}
.kakudai img {
	display: block;
	transition: 0.5s;
}
.kakudai img:hover {
	transform: scale(1.1, 1.1);
}

.home #section03 {background: rgba(255,255,255,0.5);margin: 50px 0px;} 
.home #section03 li.left{background: none;padding: 0px 0px;} 
.home #section03 li.right{height: 500px;background: url("../images/top-use.jpg");background-size: cover;} 
.home #section03 li img{vertical-align: bottom;} 
.home #section03 ul{text-align: center;}
.home #section03 ul li{display:inline;vertical-align: middle;position: relative;}
.home #section03 .textbox{position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin-right: -50%;
  width: 90%;}
.home #section03 .textbox .ti{text-align: center;font-size: 20px;font-family: 'Rasa', serif;font-weight: 500; margin-bottom: 30px;line-height: 1.7;}
.home #section03 .textbox .txt{text-align: left;font-size: 14px; margin-bottom: 30px;line-height: 1.8;padding: 0px 15px;letter-spacing: 0.08rem;}

.home #section04 {background: url("../images/bg-red-dot.gif");margin-bottom: 60px;} 
.home #section04 li.left{padding: 60px 0px;position: relative;} 
.home #section04 li.left:hover{background: rgba(0,0,0,.5);} 
.home #section04 li.left img{position: absolute;right: 50px;bottom: auto;top:50px;width: 100px;height:  auto;} 
.home #section04 li.left i{position: absolute;  top: 50%;
  right: 8%;
  transform: translateY(-50%) ;
  color: white;font-size: 30px;
} 
.home #section04 li.left .txt1{margin-bottom: 40px;margin-left: 40px;} 
.home #section04 li.left .txt1 span{font-size: 22px;font-weight: 500;background: #333;padding: 5px 15px;color: white;} 
.home #section04 li.left .txt2{margin-bottom: 20px;margin-left: 40px;} 
.home #section04 li.left .txt2 span{font-size: 16px;font-weight: 500;background: #333;padding: 8px 15px;color: white;} 
.home #section04 li.left .txt3{margin-left: 40px;} 
.home #section04 li.left .txt3 span{font-size: 16px;font-weight: 500;background: #333;padding: 8px 15px;color: white;} 

.home #section04 li.right{background: url("../images/bg-top-contact.jpg");background-size: cover;background-position: center;height: auto;} 

.home #section05 {background: url("../images/bg-top-bn.jpg");background-position: center top;background-repeat: no-repeat; margin-bottom: 50px;} 
.home #section05 ul {padding-top: 55px;text-align: center;margin: 0px auto;width: 660px;} 
.home #section05 ul li{width: 330px;float: left;padding: 0px 10px;margin-bottom: 0px;} 
.home #section05 ul li .box{background: rgba(255,255,255,1);padding: 15px;box-shadow: 4px 4px 0px rgba(145,106,68,.5);} 
.home #section05 ul li .box p.index{text-align: center;color: #222;font-size: 18px;} 
.home #section05 ul li .box p.txt{text-align: left;color: #222;padding: 10px 15px;font-size: 14px;line-height: 1.8;} 


}

@media (min-width: 992px) {
.home #section0{position: relative;margin-top: -80px;background: url("../images/bg-paper.jpg");padding: 30px 20px;z-index: 90;}
.home #section0 p{font-size: 20px;font-family: 'Rasa', serif;font-weight: 400;text-align: center;}
.home #section0 p span{font-size: 30px;}

.home #section01{position: relative;background: url("../images/bg-top-coffee.png"),url("../images/bg-paper.jpg");background-position: right -150px center,left top;background-repeat: no-repeat,repeat;padding: 30px 0px 50px 0px;}
.home #section01 p{padding: 30px 15px;} 

.home #section02 {background: url("../images/bg2.jpg");background-attachment: fixed;background-position: center top;background-size: cover;padding-top: 300px;} 
.home #section02 .index-area {background:white;padding: 25px 20px;text-align: right;} 
.home #section02 p.index{font-size: 30px;font-family: 'Rasa', serif;font-weight: 500;text-align: center;color: black;padding-top: 5px;margin-bottom: 0px;} 
.home #section02 p.index span{font-size: 14px;display: block;color: #930;padding-top: 5px;} 
.home #section02 p.txt{font-size: 14px;text-align: left;line-height: 1.6;} 
.home #section02 .itemarea{background: url("../images/top-item-gray.jpg"),white;background-position: right bottom 60px;background-repeat: no-repeat; background-size: 80% auto; padding: 50px 0px 60px 0px;} 
.home #section02 .itemarea ul{text-align: center;margin: 0px 10px;margin-bottom: 40px;} 
.home #section02 .itemarea ul li{padding: 0px 10px;} 
.item-list {
  position: relative;
  }

.item-list p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  margin-right: -50%;
  padding:0;
  padding-bottom: 25px;
  font-size: 20px;
  color: white;
  background: url("../images/underbar.gif");background-position: center bottom;background-repeat: no-repeat;
  /*文字の装飾は省略*/
  }

.item-list img {
  width: 100%;
  }
.kakudai {
	overflow: hidden;
}
.kakudai img {
	display: block;
	transition: 0.5s;
}
.kakudai img:hover {
	transform: scale(1.1, 1.1);
}

.home #section03 {background: rgba(255,255,255,0.5);margin: 60px 0px;} 
.home #section03 li.left{background: url("../images/top-item.png");background-position: left 30px center;background-repeat: no-repeat;background-size: auto 400px;} 
.home #section03 li.right{height: 550px;background: url("../images/top-use.jpg");background-size: cover;} 
.home #section03 li img{vertical-align: bottom;} 
.home #section03 ul{text-align: center;}
.home #section03 ul li{display:inline;vertical-align: middle;position: relative;}
.home #section03 .textbox{position: absolute;
  top: 50%;
  left:auto;
  right: 5%;
  margin-right: auto;
  transform: translateY(-50%) ;
  width: 60%;}
.home #section03 .textbox .ti{text-align: center;font-size: 20px;font-family: 'Rasa', serif;font-weight: 500; margin-bottom: 30px;line-height: 1.7;}
.home #section03 .textbox .txt{text-align: left;font-size: 14px; margin-bottom: 30px;line-height: 1.8;padding: 0px 0px;letter-spacing: 0.08rem;}


.home #section04 {background: url("../images/bg-red-dot.gif");margin-bottom: 60px;} 
.home #section04 li.left{padding: 80px 0px;position: relative;} 
.home #section04 li.left img{position: absolute;right: 50px;bottom: auto;top:50px;width: auto;height:  auto;} 
.home #section04 li.left i{position: absolute;  top: 50%;
  right: 8%;
  transform: translateY(-50%) ;
  color: white;font-size: 30px;
} 
.home #section04 li.left .txt1{margin-bottom: 40px;margin-left: 40px;} 
.home #section04 li.left .txt1 span{font-size: 24px;font-weight: 500;background: #333;padding: 5px 15px;color: white;} 
.home #section04 li.left .txt2{margin-bottom: 20px;margin-left: 40px;} 
.home #section04 li.left .txt2 span{font-size: 18px;font-weight: 500;background: #333;padding: 8px 15px;color: white;} 
.home #section04 li.left .txt3{margin-left: 40px;} 
.home #section04 li.left .txt3 span{font-size: 18px;font-weight: 500;background: #333;padding: 8px 15px;color: white;} 

.home #section04 li.right{background: url("../images/bg-top-contact.jpg");background-size: cover;background-position: center;} 

.home #section05 {background: url("../images/bg-top-bn.jpg");background-position: center top;background-repeat: no-repeat; margin-bottom: 60px;} 
.home #section05 ul {padding-top: 55px;text-align: center;width: 700px;} 
.home #section05 ul li{width: 350px;float: left;padding: 0px 10px;} 
.home #section05 ul li .box{background: rgba(255,255,255,1);padding: 15px;box-shadow: 4px 4px 0px rgba(145,106,68,.5);} 
.home #section05 ul li .box p.index{text-align: center;color: #222;font-size: 18px;} 
.home #section05 ul li .box p.txt{text-align: left;color: #222;padding: 10px 15px;font-size: 14px;line-height: 1.8;} 


}


@media (min-width: 1199px) {
.home #section03 {background: rgba(255,255,255,0.5);margin: 60px 0px;} 
.home #section03 li.left{background: url("../images/top-item.png");background-position: left 50px center;background-repeat: no-repeat;background-size: auto 540px;} 
.home #section03 li.right{height: 550px;background: url("../images/top-use.jpg");background-size: cover;} 
.home #section03 li img{vertical-align: bottom;} 
.home #section03 ul{text-align: center;}
.home #section03 ul li{display:inline;vertical-align: middle;position: relative;}
.home #section03 .textbox{position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%) ;
  width: 50%;}
.home #section03 .textbox .ti{text-align: center;font-size: 24px;font-family: 'Rasa', serif;font-weight: 500; margin-bottom: 30px;line-height: 1.7;}
.home #section03 .textbox .txt{text-align: left;font-size: 14px; margin-bottom: 30px;line-height: 1.9;padding: 0px 0px;letter-spacing: 0.08rem;}

.home #section04 {background: url("../images/bg-red-dot.gif");margin-bottom: 60px;} 
.home #section04 li.left{padding: 110px 0px;position: relative;} 
.home #section04 li.left img{position: absolute;right: 100px;bottom: 50px;top:auto;} 
.home #section04 li.left i{position: absolute;  top: 50%;
  right: 8%;
  transform: translateY(-50%) ;
  color: white;font-size: 30px;
} 
.home #section04 li.left .txt1{margin-bottom: 50px;margin-left: 60px;} 
.home #section04 li.left .txt1 span{font-size: 28px;font-weight: 500;background: #333;padding: 5px 15px;color: white;} 
.home #section04 li.left .txt2{margin-bottom: 30px;margin-left: 60px;} 
.home #section04 li.left .txt2 span{font-size: 20px;font-weight: 500;background: #333;padding: 8px 15px;color: white;} 
.home #section04 li.left .txt3{margin-left: 60px;} 
.home #section04 li.left .txt3 span{font-size: 20px;font-weight: 500;background: #333;padding: 8px 15px;color: white;} 

.home #section04 li.right{background: url("../images/bg-top-contact.jpg");background-size: cover;background-position: center;} 


.home #section05 {background: url("../images/bg-top-bn.jpg");background-position: center top;background-repeat: no-repeat; margin-bottom: 80px;} 
.home #section05 ul {padding-top:65px;text-align: center;width: 720px;} 
.home #section05 ul li{width: 360px;float: left;padding: 0px 15px;} 
.home #section05 ul li .box{background: rgba(255,255,255,1);padding: 15px;box-shadow: 4px 4px 0px rgba(145,106,68,.5);} 
.home #section05 ul li .box p.index{text-align: center;color: #222;font-size: 18px;} 
.home #section05 ul li .box p.txt{text-align: left;color: #222;padding: 10px 15px;font-size: 14px;line-height: 1.8;} 


}


@media (min-width: 1367px) {
.home #section0{position: relative;margin-top: -90px;background: url("../images/bg-paper.jpg");padding: 31px 20px;z-index: 90;}
.home #section0 p{font-size: 26px;font-family: 'Rasa', serif;font-weight: 400;text-align: right;}
.home #section0 p span{font-size: 36px;}

.home #section01{position: relative;background: url("../images/bg-top-coffee.png"),url("../images/bg-paper.jpg");background-position: right center,left top;background-repeat: no-repeat,repeat;padding: 30px 0px 50px 0px;}
.home #section01 p{padding: 30px;} 

.home #section02 {background: url("../images/bg2.jpg");background-attachment: fixed;background-position: center top;background-size: cover;padding-top: 400px;} 
.home #section02 .index-area {background:white;padding: 25px 20px;text-align: right;} 
.home #section02 p.index{font-size: 42px;font-family: 'Rasa', serif;font-weight: 500;text-align: center;color: black;padding-top: 15px;} 
.home #section02 p.index span{font-size: 14px;display: block;color: #930;padding-top: 5px;} 
.home #section02 p.txt{font-size: 14px;text-align: left;line-height: 1.6;} 
.home #section02 .itemarea{background: url("../images/top-item-gray.jpg"),white;background-position: right bottom 80px;background-repeat: no-repeat; padding: 50px 0px 60px 0px;} 
.home #section02 .itemarea ul{text-align: center;margin: 0px 50px;margin-bottom: 40px;} 
.home #section02 .itemarea ul li{padding: 0px 50px;} 
.item-list {
  position: relative;
  }

.item-list p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  margin-right: -50%;
  padding:0;
  padding-bottom: 25px;
  font-size: 28px;
  color: white;
  background: url("../images/underbar.gif");background-position: center bottom;background-repeat: no-repeat;
  /*文字の装飾は省略*/
  }

.item-list img {
  width: 100%;
  }
.kakudai {
	overflow: hidden;
}
.kakudai img {
	display: block;
	transition: 0.5s;
}
.kakudai img:hover {
	transform: scale(1.1, 1.1);
}

.home #section03 {background: rgba(255,255,255,0.5);margin: 60px 0px;} 
.home #section03 li.left{background: url("../images/top-item.png");background-position: left 100px center;background-repeat: no-repeat;} 
.home #section03 li.right{height: 605px;background: url("../images/top-use.jpg");background-size: cover;} 
.home #section03 li img{vertical-align: bottom;} 
.home #section03 ul{text-align: center;}
.home #section03 ul li{display:inline;vertical-align: middle;position: relative;}
.home #section03 .textbox{position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%) ;
  width: 50%;}
.home #section03 .textbox .ti{text-align: center;font-size: 24px;font-family: 'Rasa', serif;font-weight: 500; margin-bottom: 30px;line-height: 1.7;}
.home #section03 .textbox .txt{text-align: left;font-size: 14px; margin-bottom: 30px;line-height: 1.9;padding: 0px 50px;letter-spacing: 0.08rem;}

}

@media (min-width: 1900px) {

.home #section01{position: relative;background: url("../images/bg-top-coffee.png"),url("../images/bg-paper.jpg");background-position: right 150px center,left top;background-repeat: no-repeat,repeat;padding: 30px 0px 50px 0px;}
.home #section02 {background: url("../images/bg2.jpg");background-attachment: fixed;background-position: center top;background-size: cover;padding-top: 500px;} 


}

















/* -----  footer ------- */

footer{background: #282828;padding:  30px 0px;}
#footer{}
.footer-logo {margin: 0px auto; text-align: center; margin-bottom:20px;}
.footer-logo img {width: auto;height: auto;}

.footer-menu{margin-bottom: 30px;border-top: 1px solid #666;}
.footer-menu li{font-size: 16px;}
.footer-menu li a{display: block;color: #fff;text-decoration: none;padding: 15px;border-bottom: 1px solid #666;}

.honyaku-change{text-align: center;}
.honyaku-change li{display: inline-block;width: 84px;font-size: 14px;border:1px solid #ccc;padding: 0px;}
.honyaku-change li:last-child{border-left:none;}
.honyaku-change li a{display: block;padding: 2px 0px;color: white!important;text-align: center;}
.honyaku-change li a.on{background: #FD040A;color: white;}
.honyaku-change li a:hover{display: block;padding: 2px 0px;color: #FD040A;}
.honyaku-change li a.on:hover{background: #FD040A;color: white;}

.copy{font-size: 10px;color:#666;text-align: center;padding: 5px 0px;background: #282828;font-family: Verdana, Geneva, "sans-serif";border-bottom: 7px solid #fc070f;}


@media (min-width: 768px) {
footer{padding:  30px 0px;}
.footer-logo {margin: 0px auto;margin-bottom:10px;}
.footer-logo img {width: auto;height: auto;}

.footer-menu{text-align: center;border-top: none;margin-bottom: 30px;}
.footer-menu li{display: inline-block;margin-right: 0px;font-size: 13px;}
.footer-menu li a{color: #fff;text-decoration: none;padding: 0px 15px;border-bottom: none;border-right: 1px solid #ccc;line-height: 1;}
.footer-menu li:last-child a{color: #fff;text-decoration: none;padding: 0px 15px;border-bottom: none;border-right: none;}
.footer-menu li a:hover{color: #ccc;text-decoration: none;padding: 0px 15px;}
.copy{font-size: 10px;color:#666;padding: 5px 0px;border-bottom: 10px solid #fc070f;}


}



@media (min-width: 992px) {
footer{padding:  50px 0px 30px 0px;}

.footer-menu li{display: inline-block;margin-right: 0px;font-size: 13px;}
.footer-menu li a{text-decoration: none;padding: 0px 15px;}
.footer-menu li a:hover{text-decoration: none;padding: 0px 15px;}

.honyaku-change{text-align: center;}
.honyaku-change li{display: inline-block;width: 84px;font-size: 14px;border:1px solid #ccc;}
.honyaku-change li:last-child{border-left:none;}
.honyaku-change li a{display: block;padding: 2px 0px;color: white;}
.honyaku-change li a.on{background: #FD040A;}
.honyaku-change li a:hover{display: block;padding: 2px 0px;color: #FD040A;}
.honyaku-change li a.on:hover{background: #FD040A;color: white;}

.copy{font-size: 11px;padding: 5px 0px;}

}




@media (min-width: 1200px) {
.footer-menu li{display: inline-block;margin-right: 0px;font-size: 13px;}
.footer-menu li a{text-decoration: none;padding: 0px 15px;}
.footer-menu li a:hover{text-decoration: none;padding: 0px 15px;}


}






/*------------------------------　　下層ページ style　　------------------------------------------*/
.h2area{width: 100%; padding: 70px 15px;}
.h2area.products{background: url("../images/h2-products.jpg");background-position: center;background-repeat: no-repeat;background-size: cover;}
.h2area.how{background: url("../images/h2-how.jpg");background-position: center;background-repeat: no-repeat;background-size: cover;}
.h2area.company{background: url("../images/h2-company.jpg");background-position: center bottom;background-repeat: no-repeat;background-size: cover;}
.h2area.contact{background: url("../images/h2-contact.jpg");background-position: center;background-repeat: no-repeat;background-size: cover;}

.h2-txt {font-size: 18px;text-align:center;letter-spacing: 0.1rem;font-family: 'Rasa', serif;font-weight: 500;color:#fff}

.headline-h3 {font-family: 'Rasa', serif;margin-bottom: 30px;border-bottom: 3px solid #731e08;padding-bottom: 10px;font-size: 18px;}


.double{
	width:100%;
	text-align:center;
	margin-bottom: 30px;
}
.double h3{
	position:relative;
	display:inline-block;
	font-size: 25px;letter-spacing: 0.2rem;font-weight: bold;
}
.double h3:before, .double h3:after{
	content:"";
	display:block;
	width:60px;
	height:6px;
	border-top:1px solid #a8d8f0;
	border-bottom:1px solid #a8d8f0;
	position:absolute;
	top:50%;
	margin-top:-4px;
}
.double h3:before{left:-80px;}
.double h3:after{right:-80px;}
.contact-h3 { 
  margin-bottom: 1.5em;
  letter-spacing: 0.08rem;
  font-size: 18px;
  color: #FD9C9E;
  padding-bottom: 20px;
  border-bottom: 5px solid #eb7d7d;
font-family: 'Noto Sans JP', sans-serif;
}

.headline-h4 { 
  margin-bottom: 1.5em;
  letter-spacing: 0.08rem;
  font-size: 18px;
  color: #FD9C9E;
  padding-bottom: 20px;
  border-bottom: 5px solid #eb7d7d;
font-family: 'Noto Sans JP', sans-serif;
}
 
.headline-heart {text-align: center;font-family: 'Noto Sans JP', sans-serif;font-size: 22px;letter-spacing: 0.2rem; background: url("../images/bg-h4.png");background-position: center top;background-repeat: no-repeat;background-size: auto 80px; line-height: 100px;color: #f66;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #f00;margin-bottom: 10px;}



@media (min-width: 768px) {
.h2area{;width: 100%; padding: 70px 15px;}
.h2-txt {font-size: 24px;text-align:center;letter-spacing: 0.1rem;color: white;}

.headline-h3 {margin-bottom: 30px;border-bottom: 3px solid #731e08;padding-bottom: 10px;font-size: 22px;}



.double{
	width:100%;
	text-align:center;
	margin-bottom: 40px;
}
.double h3{
	position:relative;
	display:inline-block;
	font-size: 32px;letter-spacing: 0.2rem;font-weight: bold;
}
.double h3:before, .double h3:after{
	content:"";
	display:block;
	width:180px;
	height:6px;
	border-top:1px solid #a8d8f0;
	border-bottom:1px solid #a8d8f0;
	position:absolute;
	top:50%;
	margin-top:-4px;
}
.double h3:before{left:-200px;}
.double h3:after{right:-200px;}
.contact-h3 {
  margin-bottom: 1.8em;
  font-size: 22px;
font-family: 'Noto Sans JP', sans-serif;
}

.headline-h4 {
  margin-bottom: 1.8em;
  font-size: 22px;
font-family: 'Noto Sans JP', sans-serif;
}
.headline-heart {text-align: center;font-family: 'Noto Sans JP', sans-serif;font-size: 24px;letter-spacing: 0.2rem; background: url("../images/bg-h4.png");background-position: center top;background-repeat: no-repeat;background-size: auto 80px; line-height: 100px;color: #f66;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #f00;margin-bottom: 10px;}
}


@media (min-width: 992px) {
.h2area{;width: 100%;padding: 100px 15px;}
.h2-txt {font-size: 34px;text-align:center;letter-spacing: 0.2rem;}

.headline-h3 {font-family: 'Noto Sans JP', sans-serif;font-size: 24px; margin-bottom: 30px;border-bottom: 3px solid #731e08;padding-bottom: 10px;}

.contact-h3 { 
  margin-bottom: 1.8em;
  font-size: 24px;
}


.headline-h4 { 
  margin-bottom: 1.8em;
  font-size: 24px;
font-family: 'Noto Sans JP', sans-serif;
}

.headline-heart {text-align: center;font-family: 'Noto Sans JP', sans-serif;font-size: 28px;letter-spacing: 0.2rem; background: url("../images/bg-h4.png");background-position: center top;background-repeat: no-repeat;background-size: auto auto; line-height: 130px;color: #f66;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #f00;margin-bottom: 10px;}

}



@media (min-width: 1200px) {
.h2area{;width: 100%;padding: 150px 15px;}
.h2-txt {font-size: 40px;text-align:center;letter-spacing: 0.2rem;}



.double{
	width:100%;
	text-align:center;
	margin-bottom: 50px;
}
.double h3{
	position:relative;
	display:inline-block;
	font-size: 36px;letter-spacing: 0.2rem;font-weight: bold;
}
.double h3:before, .double h3:after{
	content:"";
	display:block;
	width:200px;
	height:6px;
	border-top:1px solid #a8d8f0;
	border-bottom:1px solid #a8d8f0;
	position:absolute;
	top:50%;
	margin-top:-4px;
}
.double h3:before{left:-224px;}
.double h3:after{right:-224px;}





}

/*-- tateyoko-item
---------------------*/
.item-pic {
    width: 100%;
    text-align: center;
    display: table;
    table-layout: fixed;
	margin-bottom: 10px;
}

.item-pic div {
    display: table-cell;
    width: 90%;
    height: 150px;
    text-align: center;
    vertical-align: middle;
	background: rgba(255,255,255,.5);
	margin: 0px auto;
}

.item-pic div img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
	vertical-align: bottom;
}

@media (min-width: 768px) {
    .item-pic div {
        height: 263px;
    }
}

@media (min-width: 992px) {
    .item-pic {margin-bottom: 10px;}

    .item-pic div {
        height: 180px;
    }
}

@media (min-width: 1200px) {
    .item-pic {margin-bottom: 10px;}

    .item-pic div {
        height: 300px;
    }
}

.item-pic2 {
    width: 100%;
    text-align: center;
    display: table;
    table-layout: fixed;
	margin-bottom: 10px;
}

.item-pic2 div {border:1px solid #ccc;padding: 2px;
    display: table-cell;
    width: 100%;
    height: 100px;
    text-align: center;
    vertical-align: middle;
	background: #fff;
}

.item-pic2 div img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
	vertical-align: bottom;
}

@media (min-width: 768px) {
    .item-pic2 div {
        height: 120px;
    }
}

@media (min-width: 992px) {
    .item-pic2 {margin-bottom: 5px;}

    .item-pic2 div {
        height: 130px;
    }
}

@media (min-width: 1200px) {
    .item-pic2 {margin-bottom: 5px;}

    .item-pic2 div {
        height: 140px;
    }
}

.list-pic {
    width: 100%;
    text-align: center;
    display: table;
    table-layout: fixed;
	margin-bottom: 10px;
}

.list-pic div {
    display: table-cell;
    width: 100%;
    height: 110px;
    text-align: center;
    vertical-align: middle;
	background: #fff;
}

.list-pic div img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
	vertical-align: bottom;
}

@media (min-width: 768px) {
    .list-pic div {
        height: 164px;
    }
}

@media (min-width: 992px) {
    .list-pic {margin-bottom: 5px;}

    .list-pic div {
        height: 168px;
    }
}

@media (min-width: 1200px) {
    .list-pic {margin-bottom: 5px;}

    .list-pic div {
        height: 194px;
    }
}



.marker {
  background: linear-gradient(transparent 60%, #ffff7f 0%);
}

.btn-back {
  display: inline-block;
  padding:15px 8px;
  text-align: center;
  margin-bottom: 15px;
  width: 260px;
  text-decoration: none;
  background:#ddd;
  color: #222;/*文字色*/
  font-size: 14px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}
.btn-back:hover{
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
  color: #fff;/*文字色*/
  background:#ccc;

}



.btn-toi {
  display: inline-block;
  padding:15px 8px;
  text-align: center;
  margin-bottom: 15px;
  width: 270px;
  text-decoration: none;
  background:#c66;
  color: #fff;/*文字色*/
  font-size: 14px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}
.btn-toi:hover{
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
  color: #fff;/*文字色*/
  background:#c99;

}

.btn-more {
  display: inline-block;
  padding:12px 8px;
  text-align: center;
  width: 270px;
  text-decoration: none;
  background:#fff;
  border:1px solid #967d74;
  color: #300;/*文字色*/
  font-size: 14px;
  box-shadow: 2px 2px 0px rgba(117, 58, 22, 1);
}
.btn-more:hover{
  box-shadow: inset 2 2 0px rgba(117, 58, 22, 0.5);
  color: #fff;/*文字色*/
  background:#967d74;
}

.btn-more2 {
  display: inline-block;
  padding:16px 8px;
  text-align: center;
  width: 354px;
  text-decoration: none;
  background:#300;
  color: #fff;/*文字色*/
  font-size: 16px;
  box-shadow: 2px 2px 0px rgba(204, 0, 0, 1);
}
.btn-more2:hover{
  box-shadow: inset 2 2 0px rgba(204, 0, 0, 0.5);
  color: #fff;/*文字色*/
  background:#967d74;

}



.btn-fusen {
  display: inline-block;
  padding:15px 8px;
  text-align: center;
  margin-bottom: 15px;
  width: 100%;
  text-decoration: none;
  background:#018DDC;
  color: #fff;/*文字色*/
  font-size: 16px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}
.btn-fusen:hover{
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
  color: #fff;/*文字色*/
  background:#036;

}

@media (max-width: 1199px) {
.btn-fusen {
  display: inline-block;
  padding:15px 8px;
  text-align: center;
  margin-bottom: 15px;
  width: 100%;
  text-decoration: none;
  background:#018DDC;
  color: #fff;/*文字色*/
  font-size: 14px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}

}

@media (max-width: 991px) {
.btn-fusen {
  display: inline-block;
  padding:15px 8px;
  text-align: center;
  margin-bottom: 15px;
  width: 100%;
  text-decoration: none;
  background:#018DDC;
  color: #fff;/*文字色*/
  font-size: 14px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}

}

@media (max-width: 767px) {
.btn-more2 {
  display: inline-block;
  padding:16px 8px;
  text-align: center;
  width: 262px;
  text-decoration: none;
  background:#300;
  color: #fff;/*文字色*/
  font-size: 14px;
  box-shadow: 2px 2px 0px rgba(204, 0, 0, 1);
}
.btn-more2:hover{
  box-shadow: inset 2 2 0px rgba(204, 0, 0, 0.5);
  color: #fff;/*文字色*/
  background:#967d74;

}



.btn-fusen {
  display: inline-block;
  padding:10px 8px;
  text-align: center;
  margin-bottom: 10px;
  width: 100%;
  text-decoration: none;
  background:#018DDC;
  color: #fff;/*文字色*/
  font-size: 14px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}

}

.btn-type {
  display: inline-block;
  padding:15px 5px;
  text-align: center;
  margin-bottom:0px;
  width: 100%;
  text-decoration: none;
  background:#731e08;
  color: #fff;/*文字色*/
  font-size: 15px;
border: 1px dashed #FFF;
  box-shadow: 0px 0px 0px 5px #731e08;}
.btn-type:hover{
  color: mediumvioletred;/*文字色*/
  background:#f6f6f6;
}
.btn-type.active {
  display: inline-block;
  padding:15px 5px;
  text-align: center;
  margin-bottom: 0px;
  width: 100%;
  text-decoration: none;
  background:#731e08;
  color: #fff;/*文字色*/
  font-size: 15px;
  border:1px solid #731e08;
}


@media (max-width: 1199px) {
.btn-type {
  display: inline-block;
  padding:15px 5px;
  text-align: center;
  margin-bottom: 0px;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
}
.btn-type.active {
  display: inline-block;
  padding:15px 5px;
  text-align: center;
  margin-bottom: 0px;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
}

}

@media (max-width: 991px) {
.btn-type {
  display: inline-block;
  padding:15px 5px;
  text-align: center;
  margin-bottom: 15px;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
}
.btn-type.active {
  display: inline-block;
  padding:15px 5px;
  text-align: center;
  margin-bottom: 15px;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
}

}

@media (max-width: 767px) {
.btn-type {
  display: inline-block;
  padding:10px 5px;
  text-align: center;
  margin-bottom: 15px;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
}
.btn-type.active {
  display: inline-block;
  padding:10px 5px;
  text-align: center;
  margin-bottom: 0px;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
}

}



/* -----  products.html Commodity introduction ------- */
.products #section01{padding: 50px 0px;}
.products #section01 p{text-align: left;margin-bottom: 30px;}
.products #section01 li{position: relative;margin-bottom: 0px;}
.products-h3{padding:40px 0px;text-align: center;font-size: 20px;background: #4f1202;color: white;margin-bottom: 30px;font-family: 'Rasa', serif;font-weight: 500;}
#products-h3{padding:40px 0px;text-align: center;font-size: 20px;background: #4f1202;color: white;margin-bottom: 30px;font-family: 'Rasa', serif;font-weight: 500;}
.products #section02{padding-bottom: 50px;}
.photoarea{margin-bottom: 50px;}
.photodetail{margin-bottom: 20px;text-align: center;}
.photodetail li{width: 28%;margin: 0px 5px;display: inline-block;}
.products a .item-box{display: block;background: white;padding: 15px;}
.products a .item-box p{color: #400405;line-height: 1.6;}
.products a .item-box .title{text-align: center;text-decoration: underline;color: #400405;line-height: 1.6;}
.products a .item-box .exp{text-align: center;color: #400405;line-height: 1.6;}
.products a .item-box .price{text-align: center;color: #400405;line-height: 1.6;}
.products a .item-box:hover .title{text-align: center;text-decoration: underline;color: #8c3c28;}
.products a .item-box:hover .exp{text-align: center;color: #8c3c28;}
.products a .item-box:hover .price{text-align: center;color: #8c3c28;}

.products .detail-box{display: block;padding: 15px;margin-bottom: 15px;}
.products .detail-box .table th{text-align: center;color: #fff;line-height: 1.6;width: 100%;display: block;background: #400405;border-top:none;border-bottom: 1px solid #ddd;}
.products .detail-box .table td{text-align: left;color: #400405;line-height: 1.6;width: 100%;display: block;background:none;border-top:none;border-bottom: 1px solid #ddd;}
.products .coment-box{background: white;padding: 15px;margin-bottom: 50px; border-radius: 20px;}

.contactbox{border:2px solid #c33;padding: 30px 18px;background: url("../images/bg-filter.png"),#f6f6f6;background-position: left center;background-repeat: no-repeat; border-radius: 20px;}
.contactbox ul li{position: relative;}
.contactbox ul li .bt-contact{margin-top: 30px;  }

.contactbox .index{text-align: center;margin-bottom: 30px;border-bottom: 2px solid #c33;padding-bottom: 10px;}
.contactbox .index span{font-family: 'Noto Sans JP', sans-serif;font-size: 17px; }
.contactbox .sub{margin-bottom: 10px;font-size: 12px;color:#BC5E31;line-height: 1.5; }
.contactbox .add{margin-bottom: 10px; }
.contactbox .add span{font-size: 20px;margin-right: 20px; display: block;}
.contactbox .tel{font-size: 16px;}
.contactbox .tel span{font-size: 25px;margin-right: 20px;color: #222; }


@media (min-width: 768px) {
.products #section01{padding: 60px 0px;}
.products-h3{padding:40px 0px;text-align: center;font-size: 24px;background: #4f1202;color: white;margin-bottom: 50px;}
#products-h3{padding:40px 0px;text-align: center;font-size: 24px;background: #4f1202;color: white;margin-bottom: 50px;}
.products #section02{padding-bottom: 50px;}
.photoarea{margin-bottom: 60px;}
.photodetail{margin-bottom: 30px;text-align: center;}
.photodetail li{width: 30%;margin: 0px 12px; float: none;display: inline-block;margin-bottom: 0px;}

.products .detail-box{display: block;padding: 15px;margin-bottom: 15px;}
.products .detail-box .table th{text-align: center;color: #fff;line-height: 1.6;display: table-cell;width: 180px;padding: 15px;}
.products .detail-box .table td{text-align: left;color: #400405;line-height: 1.6;display: table-cell;width: auto;padding: 15px;}

.products a .item-box{display: block;background: white;padding: 15px;margin-bottom: 30px;}

.products .coment-box{background: white;padding: 30px;margin-bottom: 50px;border-radius: 20px;}

.contactbox{border:2px solid #c33;padding: 30px;background: url("../images/bg-filter.png"),#f6f6f6;background-position: left bottom;background-repeat: no-repeat;  }
.contactbox ul li{position: relative;}
.contactbox ul li .bt-contact{margin-top: 0px; position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin-right: -50%;
  }

.contactbox .index{text-align: center;margin-bottom: 40px;border-bottom:none;padding-bottom: 0px;}
.contactbox .index span{font-family: 'Noto Sans JP', sans-serif;font-size: 20px;padding-bottom: 10px;border-bottom: 2px solid #c33; }
.contactbox .sub{margin-bottom: 10px;font-size: 12px;color:#BC5E31;line-height: 1.5; }
.contactbox .add{margin-bottom: 10px; }
.contactbox .add span{font-size: 20px;margin-right: 20px; display: block;}
.contactbox .tel{font-size: 16px;}
.contactbox .tel span{font-size: 25px;margin-right: 20px; }
}

@media (min-width: 992px) {
.products #section01{padding: 80px 0px 70px 0px;}
.products #section01 li{position: relative;margin-bottom: 10px;}
.products #section02{padding-bottom: 80px;}

.products-h3{padding:50px 0px;text-align: center;font-size: 28px;background: #4f1202;color: white;margin-bottom: 50px;}
#products-h3{padding:50px 0px;text-align: center;font-size: 28px;background: #4f1202;color: white;margin-bottom: 50px;}
.photoarea{margin-bottom: 80px;}
.products .detail-box{width: 70%;margin: 0px auto; padding: 15px;margin-bottom: 15px;}
.products .coment-box{background: white;padding: 35px;margin-bottom: 50px;}

.products a .item-box{display: block;margin-bottom: 30px;}

.contactbox .add span{font-size: 20px;margin-right: 20px; display:inline;}

}

@media (min-width: 1200px) {

.contactbox{border:2px solid #c33;padding: 40px 100px;background: url("../images/bg-filter.png"),url("../images/top-item.png"),#f6f6f6;background-position: left bottom,right 15px center;background-repeat: no-repeat; background-size: auto,70px auto;}
.contactbox ul li{position: relative;}
.contactbox ul li .bt-contact{position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin-right: -50%;
  }

.contactbox .index{text-align: center;margin-bottom: 40px;}
.contactbox .index span{font-family: 'Noto Sans JP', sans-serif;font-size: 20px;padding-bottom: 10px;border-bottom: 2px solid #c33; }
.contactbox .sub{margin-bottom: 10px;font-size: 13px;color:#BC5E31; }
.contactbox .add{margin-bottom: 10px; }
.contactbox .add span{font-size: 20px;margin-right: 20px; }
.contactbox .tel{font-size: 16px;}
.contactbox .tel span{font-size: 25px;margin-right: 20px; }

}







/* -----  setsumei.html ------- */
.how #section01{padding: 50px 0px;}
.how #section01 ul li{position: relative;}
.how #section01 ul li.bg1{background: url("../images/bg-how1.jpg");background-position:left center;background-size: cover;height: 200px;}

.how #section01 ul li .txtbox{padding: 30px;
  width: 100%;
  background: rgba(102,51,0,.8);
  }
.how #section01 ul li .txtbox p{color: white;}

.how #section02{padding-bottom: 50px;}
.how #section02 ul li{position: relative;}
.how #section02 ul li.bg2{background: url("../images/bg-how2.jpg");background-position:left center;background-size: cover;height: 200px;}

.how #section02 ul li .txtbox{padding: 30px;
  width: 100%;
  background: rgba(102,51,0,.8);
  }
.how #section02 ul li .txtbox p{color: white;}

.how #section03{padding-bottom: 50px;position: relative;}
.how #section03 #movie{position: absolute;left: 0;top:0;}
.howto {
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-bottom: 50px;
}
.howtoflow img{margin-bottom: 15px;}

.movie-wrap {
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
 overflow: hidden;
}
 
.movie-wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.circle{
  display: inline-block;
  width: 70px;
  height:70px;
  border-radius: 50%;
  text-align:center;
  line-height: 70px;
  color: white;
}
.circle.brown1{background: #c7ae99;}
.circle.brown2{background: #b08d71;}
.circle.brown3{background: #87664c;}
.circle.brown4{background: #604936;}
.bg-drop{background: url("../images/drop.png");background-position: left 32px top 2px;background-repeat: repeat-y;min-height: 132px;}
.bg-drop-end:last-child{background:none;}
.how #section04{padding-bottom: 50px;background: white;}
ul.method{text-align: center;}
ul.method li{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ccc;}
ul.method li:last-child{margin-bottom: 0px;padding-bottom: 0px;border-bottom: none;}
ul.method li .box{text-align: center;width: 90%;margin: 0px auto;}
ul.method li .box p{text-align: left;}
ul.method li .box img{margin-bottom: 20px;}
.method-pic {
  position: relative;
  }

.method-pic p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  color: white;
  font-size: 20px;
  text-shadow: 2px 2px 2px rgba(0,0,0,.5);
  }

.method-pic img {
  width: auto;
  }
  
@media (min-width: 768px) {
.how #section01{padding: 60px 0px;}
.how #section01 ul li{position: relative;}
.how #section01 ul li.bg1{background: url("../images/bg-how1.jpg");background-position:left -150px center;background-size: cover;height: 480px;}

.how #section01 ul li .txtbox{padding: 30px; position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin-right: -50%;
  z-index: 10;
  width: 100%;
  background: rgba(102,51,0,.8);
  }
.how #section01 ul li .txtbox p{color: white;}


.how #section02{padding-bottom: 60px;}
.how #section02 ul li{position: relative;}
.how #section02 ul li.bg2{background: url("../images/bg-how2.jpg");background-position: left -200px center;background-size: cover;height: 480px;}

.how #section02 ul li .txtbox{padding: 30px; position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin-right: -50%;
  z-index: 10;
  width: 100%;
  background: rgba(102,51,0,.8);
  }
.how #section02 ul li .txtbox p{color: white;}

.how #section03{padding-bottom: 60px;}
.howto {
	width:550px;
	margin:0 auto;
	text-align:center;
		height: 380px;
}
.howtoflow img{margin-bottom: 0px;}

.movie-wrap {
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
 overflow: hidden;
}
 
.movie-wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.circle{
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align:center;
  line-height: 80px;
  color: white;
}
.circle.brown1{background: #c7ae99;}
.circle.brown2{background: #b08d71;}
.circle.brown3{background: #87664c;}
.circle.brown4{background: #604936;}

.bg-drop{background: url("../images/drop.png");background-position: left 35px top;background-repeat: repeat-y;min-height: 135px;}
.bg-drop-end:last-child{background:none;}
.how #section04{padding-bottom: 60px;}
ul.method li{margin-bottom: 0px;padding-bottom: 0px;border-bottom: none;}

}

@media (min-width: 992px) {
.how #section01{padding: 80px 0px;}
.how #section01 ul li{position: relative;}
.how #section01 ul li.bg1{background: url("../images/bg-how1.jpg");background-position: left -50px center;background-size: cover;height: 500px;}

.how #section01 ul li .txtbox{padding: 40px; position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin-right: -50%;
  z-index: 10;
  width: 100%;
  background: rgba(102,51,0,.8);
  }
.how #section01 ul li .txtbox p{color: white;}

.how #section02{padding-bottom: 80px;}
.how #section02 ul li{position: relative;}
.how #section02 ul li.bg2{background: url("../images/bg-how2.jpg");background-position: left 0px center;background-size: cover;height: 460px;}

.how #section02 ul li .txtbox{padding: 40px; position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin-right: -50%;
  z-index: 10;
  width: 100%;
  background: rgba(102,51,0,.8);
  }
.how #section02 ul li .txtbox p{color: white;}

.how #section03{padding-bottom: 80px;}
.howto {
	width:850px;
	margin:0 auto;
	text-align:center;
	height: 550px;
}

.movie-wrap {
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
 overflow: hidden;
}
 
.movie-wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}


ul.howto-flow{margin-top: 80px;}
ul.howto-flow li .flowbox{width: 100%;}
ul.howto-flow li .flowbox li{display: inline-block;}
ul.howto-flow li .flowbox li .step{width: 80px;}
}
.how #section04{padding-bottom: 80px;}
ul.method{text-align: center;}
ul.method li .box{text-align: center;width: 90%;margin: 0px auto;}
ul.method li .box p{text-align: left;}
ul.method li .box img{margin-bottom: 20px;}
.method-pic {
  position: relative;
  }

.method-pic p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  color: white;
  font-size: 26px;
  text-shadow: 2px 2px 2px rgba(0,0,0,.5);
  }

.method-pic img {
  width: auto;
  }
  
@media (min-width: 1200px) {

.how #section01 ul li{position: relative;}
.how #section01 ul li.bg1{background: url("../images/bg-how1.jpg");background-position: left center;background-size: cover;height: 500px;}

.how #section01 ul li .txtbox{padding: 60px; position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin-right: -50%;
  z-index: 10;
  width: 100%;
  background: rgba(102,51,0,.8);
  }

.how #section02{padding-bottom: 80px;}
.how #section02 ul li{position: relative;}
.how #section02 ul li.bg2{background: url("../images/bg-how2.jpg");background-position: center;background-size: cover;height: 460px;}

.how #section02 ul li .txtbox{padding: 60px; position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin-right: -50%;
  z-index: 10;
  width: 100%;
  background: rgba(102,51,0,.8);
  }
.how #section02 ul li .txtbox p{color: white;}

}



/* -----  company.html ------- */
.about #section01{padding: 50px 0px;}

.about #section01 p{text-align: left;}

.about #section01 .table{font-size: 13px;}
.about #section01 .table th{font-weight: normal;width: 100%;display: block;padding: 20px;border-top: 1px solid #6c5024;color: #801b04;background: #e6d3c3;}
.about #section01 .table td{font-weight: normal;width: 100%;display: block;padding: 20px;border-top: 1px solid #6c5024;}

.about #section02{padding-bottom:50px;}
.about #section02 li{margin-bottom: 20px;}

.about #section03{padding:50px 0px;}
.about #section03 .table{margin-bottom: 20px;}
.about #section03 .table th{width: 100%;display: block;background: #fd9f9f;color: #663317;font-weight: normal;}
.about #section03 .table td{width: 100%;display: block;background: #fff;}

@media (min-width: 768px) {
.about #section01{padding: 60px 0px;}
.about #section01 .table{font-size: 14px;border-top: 1px solid #6c5024; }
.about #section01 .table th{font-weight: normal;width: 25%;display: table-cell;padding: 20px;boder-top:none;border-bottom:1px solid #6c5024;background: none;text-align: right;}
.about #section01 .table td{font-weight: normal;width: 75%;display: table-cell;padding: 20px;boder-top:none;border-bottom:1px solid #6c5024;}


.about #section02{padding-bottom: 60px;}
.about #section02 li{margin-bottom: 0px;}

.about #section03{padding:60px 0px;}
.about #section03 .table{font-size: 14px;margin-bottom: 30px;}
.about #section03 .table th{width: 30%;display: table-cell;padding: 15px;}
.about #section03 .table td{width: 70%;display: table-cell;padding: 15px;}

}


@media (min-width: 992px) {
.about #section01{padding: 80px 0px;}
.about #section01 .table{font-size:16px; }
.about #section01 .table th{font-weight: normal;width: 25%;display: table-cell;padding: 20px;border-top: 1px solid #6c5024;}
.about #section01 .table td{font-weight: normal;width: 75%;display: table-cell;padding: 20px;border-top: 1px solid #6c5024;}



.about #section02{padding-bottom: 80px;}
.about #section02 li p{padding-left: 50px;}

.about #section03{padding:80px 0px;}
.about #section03 .table{font-size: 14px;width: 100%;margin-bottom:0px;}
.about #section03 .table th{width: 150px;padding: 15px;vertical-align: middle;}
.about #section03 .table td{width: auto;padding: 15px 10px;}

}


@media (min-width: 1200px) {
.about #section03{margin-top: -30px; padding:120px 0px 80px 0px;}

}



/* -----  contact.html ------- */
.contact .outer{width: 100%;margin: 0px auto;}
.contact .outer .well a{color: #CE0309;}
.contact .outer .well a:hover{color:#E97577;}

.contact #section01{padding: 50px 0px;}
.contact #section01 p.txt{text-align: center;font-family: 'Rasa', serif;font-size: 16px;}
.contact #section01 p.txt span{font-size: 13px;}

.contact #section02{padding-bottom: 50px;}
.contact #section02 p{}
.contact #section02 p.privacy{padding-bottom: 20px;font-size: 14px;line-height: 1.5;}

.contact .table{margin-bottom: 30px;}
.contact .table th{background: #b9af9a;vertical-align: middle;font-weight: normal;padding: 15px;width: 100%;display:block;}
.contact .table td{background: #fff;padding: 15px;width: 100%;display:block;}
.contact .table td span{font-size: 12px;display: block;}

.contact .doi-box{background: white;padding: 15px;border-radius: 20px;}


@media (min-width: 768px) {
.contact .outer{width: 700px;margin: 0px auto;}

.contact #section01{padding:60px 0px;}
.contact #section01 p.txt{text-align: center;font-size: 23px;}
.contact #section01 p.txt span{font-size: 16px;}

.contact #section02{padding-bottom: 60px;}
.contact #section02 p{}
.contact #section02 p.privacy{font-size: 14px;line-height: 1.5;}

.contact .table{margin-bottom: 50px;}
.contact .table th{vertical-align: middle;font-weight: normal;padding: 15px;width: 240px;display: table-cell;}
.contact .table td{background: #fff;padding: 15px;display: table-cell;width: auto;}
.contact .table td span{font-size: 12px;display: block;}
.btn-lg{margin-bottom: 0px;}

.contact .doi-box{background: white;padding: 25px;}


}


@media (min-width: 992px) {
.contact #section01{padding: 80px 0px;}
.contact #section01 p.txt{font-size: 26px;}
.contact #section01 p.txt span{font-size: 16px;}

.contact #section02{padding-bottom: 80px;}
.contact #section02 p{}
.contact #section02 p.privacy{}

.contact .table{margin-bottom: 50px;}
.contact .table th{vertical-align: middle;font-weight: normal;padding: 15px;width: 220px;display: table-cell;}
.contact .table td{background: #fff;padding: 15px 20px;display: table-cell;width: auto;}
.contact .table td span{font-size: 12px;display: block;}
.contact .doi-box{background: white;padding: 35px;}



}


@media (min-width: 1200px) {
.contact #section01{padding: 80px 0px;}
.contact #section01 p.txt{font-size: 30px;}
.contact #section01 p.txt span{font-size: 18px;}


.contact #section02 p{}
.contact #section02 p.privacy{}

.contact .table{margin-bottom: 50px;}
.contact .table th{vertical-align: middle;font-weight: normal;padding: 15px;width: 300px;display: table-cell;}
.contact .table td{background: #fff;padding: 15px 25px;display: table-cell;width: auto;}
.contact .table td span{font-size: 12px;display: block;}


}

.form-s{width:70px}
.form-m{width:150px}
.form-l{width:80%}
.form100{width:99%}
.form-h{ height:80px}
.needinput{background-color:#f7f7f7;border:1px solid #ccc}
input ,select {
    position:relative;
    top:-3px;
	color: #111;
	font-size: 13px;
}
input[type="checkbox"], input[type="radio"] {vertical-align:middle}
input{font-size:100%;vertical-align:middle; padding:7px;}
input[type="text"], select{border:1px solid #ccc;}
input,textarea { outline:0; padding:7px;border-radius: 7px; }
textarea{border:1px solid #ccc;width:99%;color: #111;}

input::placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
input::-webkit-input-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
input:-ms-input-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
input::-moz-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
textarea::placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
textarea::-webkit-input-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
textarea:-ms-input-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
textarea::-moz-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}






/*-----------------------------------------------------------------------------
print css
-----------------------------------------------------------------------------*/
@media print {

  .aos-init {
    opacity: 1 !important;
    transform: none !important;}

h1.logo{position: absolute!important;top:0;left:0;z-index: 9999;}
h1.logo img{width: 120px;height: auto;}

.drawer_menu .drawer_button {  position: absolute!important;}
.honyaku{position: absolute!important;right:0;top:110px;z-index: 998;width: 72px;}

#main-bg{height:550px;background: url("../images/main_0.jpg");background-size: cover;background-position: center;}
.owl-carousel .item div{height:550px;}

.home #section0{position: relative;margin-top: -70px;background: url("../images/bg-paper.jpg");padding: 25px 15px;z-index: 90;}
.home #section0 p{font-size: 18px;font-family: 'Noto Sans JP', sans-serif;font-weight: 400;text-align: center;}
.home #section0 p span{font-size: 26px;display: inline;padding-top: 0px;}
.home #section01{position: relative;background: url("../images/bg-top-coffee.png"),url("../images/bg-paper.jpg");background-position: right -150px center,left top;background-repeat: no-repeat,repeat;padding: 30px 0px 50px 0px;}

.products .detail-box{display: block;padding: 15px;margin-bottom: 15px;}
.products .detail-box .table th{text-align: center;color: #fff;line-height: 1.6;display: table-cell;width: 180px;padding: 15px;}
.products .detail-box .table td{text-align: left;color: #400405;line-height: 1.6;display: table-cell;width: auto;padding: 15px;}

.contactbox{border:2px solid #c33;padding: 30px;background: url("../images/bg-filter.png"),#f6f6f6;background-position: left bottom;background-repeat: no-repeat;  }
.contactbox ul li{position: relative;}
.contactbox ul li .bt-contact{margin-top: 0px; position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin-right: -50%;
  }

.contactbox .index{text-align: center;margin-bottom: 40px;border-bottom:none;padding-bottom: 0px;}
.contactbox .index span{font-family: 'Noto Sans JP', sans-serif;font-size: 20px;padding-bottom: 10px;border-bottom: 2px solid #c33; }
.contactbox .sub{margin-bottom: 10px;font-size: 12px;color:#BC5E31;line-height: 1.5; }
.contactbox .add{margin-bottom: 10px; }
.contactbox .add span{font-size: 20px;margin-right: 20px; display: block;}
.contactbox .tel{font-size: 14px;}
.contactbox .tel span{font-size: 20px;margin-right: 20px; }

.how #section01{padding: 60px 0px;}
.how #section01 ul li{position: relative;}
.how #section01 ul li.bg1{background: url("../images/bg-how1.jpg");background-position:left center;background-size: cover;height: 480px;}
.how #section01 ul li .txtbox{padding: 30px; position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin-right: -50%;
  z-index: 10;
  width: 100%;
  background: rgba(102,51,0,.8);
  }
.how #section01 ul li .txtbox p{color: white;}

.how #section02{padding-bottom: 60px;}
.how #section02 ul li{position: relative;}
.how #section02 ul li.bg2{background: url("../images/bg-how2.jpg");background-position: center;background-size: cover;height: 500px;}

.how #section02 ul li .txtbox{padding: 30px; position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin-right: -50%;
  z-index: 10;
  width: 100%;
  background: rgba(102,51,0,.8);
  }
.how #section02 ul li .txtbox p{color: white;}

.how #section03{padding-bottom: 60px;}
.howto {
	width:550px;
	margin:0 auto;
	text-align:center;
		height: 380px;
}

.about #section01 .table{font-size: 14px;border-top: 1px solid #6c5024; }
.about #section01 .table th{font-weight: normal;width: 25%;display: table-cell;padding: 20px;boder-top:none;border-bottom:1px solid #6c5024;background: none;}
.about #section01 .table td{font-weight: normal;width: 75%;display: table-cell;padding: 20px;boder-top:none;border-bottom:1px solid #6c5024;}





.contact #section01 p{text-align: left;font-size: 14px;letter-spacing: 0rem;}
.contact .table{margin-bottom: 50px}
.contact .table th{vertical-align: middle;font-weight: normal;padding: 15px;width: 250px;display: table-cell;;font-size: 14px;}
.contact .table td{background: #fff;padding: 15px;display: table-cell;width: auto;;font-size: 14px;}
.contact .table td span{font-size: 12px;display: block;}

footer{padding:  30px 0px;}
.footer-logo {margin: 0px auto;margin-bottom:10px;}
.footer-logo img {width: auto;height: auto;}
.footer-tel {margin: 0px auto; text-align: center; margin-bottom:30px;}

.footer-menu{text-align: center;border-top: none;margin-bottom: 30px;}
.footer-menu li{display: inline-block;margin-right: 0px;font-size: 13px;}
.footer-menu li a{color: #fff;text-decoration: none;padding: 0px 15px;border-bottom: none;border-right: 1px solid #ccc;line-height: 1;}
.footer-menu li:last-child a{color: #fff;text-decoration: none;padding: 0px 15px;border-bottom: none;border-right: none;}
.footer-menu li a:hover{color: #ccc;text-decoration: none;padding: 0px 15px;}
.copy{font-size: 10px;color:#666;padding: 5px 0px;border-bottom: 10px solid #fc070f;}
}