/* Scss Document */
#key {
  background-image: url(../img/bento/key.jpg);
}
#container {
  background: url(../img/bento/sec2-bg.jpg) top center repeat;
}
#sec5 h2 {
  text-align: center;
  background: url(../img/bento/sec5-ttl-bg.jpg) top center repeat;
}
#sec5 .row {
  background: url(../img/bento/sec5-bg1.png) top center no-repeat, url(../img/bento/sec5-bg2.png) bottom center no-repeat;
  background-size: 100%;
  padding-top: 150px;
}
#sec5 .row .row1 {
  margin-left: -106px;
}
#sec5 .row .row1 h3 {
  position: absolute;
  top: -10px;
  right: -125px;
}
#sec5 .row .row1 .text {
  position: absolute;
  top: 105px;
  right: 245px;
  height: 420px;
}
#sec5 .row .row1 .pic {
  margin-left: -106px;
}
#sec5 .row .row1 .price {
  font-size: 30px;
  position: absolute;
  top: 540px;
  left: 315px;
}
#sec5 .row .row1 .price span {
  font-size: 22px;
}
#sec5 .row .row2 {
  padding-top: 28px;
  padding-bottom: 150px;
}
#sec5 .row .row2 h3 {
  margin-bottom: 60px;
  text-align: center;
}
#sec5 .row .row2 .pic {
  text-align: right;
  margin-right: -44px;
}
#sec5 .row .row2 .text {
  position: absolute;
  top: 150px;
  left: 245px;
}
#sec6 {
  padding-bottom: 128px;
  background: url(../img/bento/sec5-bg.jpg) top center no-repeat;
}
#sec6 h3 {
  padding-top: 70px;
  margin-bottom: 20px;
  text-align: center;
}
#sec6 .txt {
  color: #fff;
  text-align: center;
}
#sec6 .content {
  margin: 400px -100px 0;
  text-align: center;
}
#sec6 .content .box {
  position: relative;
  margin: 0 47px;
  background: url(../img/index/sec3-box.png) top center repeat;
  width: 290px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
#sec6 .content .box:before {
  position: absolute;
  content: "";
  top: 3px;
  bottom: 3px;
  left: -30px;
  right: -30px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
#sec6 .content .box:after {
  position: absolute;
  content: "";
  top: -30px;
  bottom: -30px;
  left: 3px;
  right: 3px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
#sec6 .content .box .price {
  font-size: 30px;
  text-align: center;
  margin: 10px 0 15px;
}
#sec6 .content .box .price span {
  font-size: 22px;
}
#sec6 .content .box .text {
  margin: 0 30px;
  padding-bottom: 30px;
}
.txt_info {
  width: 1000px;
  font-size: 30px;
  margin: 30px auto -20px;
  line-height: 1.5em;
  color: #a86100;
}
#lead {
  background: url("../img/bento/sec1-bg.jpg");
  padding-top: 121px;
  margin-bottom: 76px;
}
#lead .wrap {
  z-index: 0;
  padding-bottom: 117px;
}
#lead .wrap:before {
  content: url("../img/bento/lead_deco1.jpg");
  z-index: -1;
  position: absolute;
  top: 326px;
  right: -277px;
}
#lead .wrap:after {
  content: url("../img/bento/lead_deco2.jpg");
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: -239px;
}
.lead1 {
  position: relative;
  z-index: 0;
  padding-bottom: 123px;
  justify-content: space-between;
}
.lead1:before, .lead1:after {
  content: "";
  position: absolute;
  background: url("../img/dinner/line.jpg");
}
.lead1:before {
  width: 1px;
  height: 717px;
  top: -62px;
  right: 402px;
}
.lead1:after {
  height: 1px;
  width: 150%;
  bottom: 49px;
  right: 324px;
  z-index: -1;
}
.lead1 .lead-img {
  margin-left: -107px;
}
.lead1 h2 {
  margin-right: 25px;
}
.lead2 {
  justify-content: space-between;
}
.lead2 .lead-txt2 {
  width: 446px;
  margin-top: 38px;
  margin-left: 9px;
  text-align: justify;
}
.lead2 .lead-txt2 p + p {
  margin-top: 30px;
}
.lead2 .lead-info {
  width: 592px;
  margin-right: -108px;
}
.lead2 .lead-btn {
  margin: 60px 0 0 14px;
}
#product {
  margin-bottom: 83px;
}
#product .wrap {
  z-index: 0;
}
#product .wrap:before {
  content: url("../img/bento/product_deco.jpg");
  z-index: -1;
  position: absolute;
  top: 15px;
  right: -224px;
}
#product .product-txt1 {
  margin: 47px 0 56px;
  font-size: 18px;
  line-height: 36px;
}
#product .product-item1 {
  background: url("../img/bento/product_bg.png");
  position: relative;
  width: 1153px;
  margin-left: -77px;
  box-sizing: border-box;
  padding: 47px 0 72px;
  text-align: center;
  margin-bottom: 75px;
}
#product .product-item1:before, #product .product-item1:after {
  content: "";
  position: absolute;
  background: url("../img/dinner/line.jpg");
}
#product .product-item1:before {
  width: 1px;
  height: 759px;
  top: 64px;
  left: 91px;
}
#product .product-item1:after {
  height: 1px;
  width: 1240px;
  top: 119px;
  left: 32px;
}
#product .product-item1 .product-img {
  position: relative;
  z-index: 1;
}
#product .product-item1 dl{
  width:700px;
  margin:0 auto;
}
#product .product-item1 dt {
  margin-top: 39px;
  line-height: 1.7;
  font-size: 30px;
  margin-bottom: 21px;
}
#product .product-item1 dt span {
  display: block;
  color: #482a0e;
  font-size: 36px;
}
#product .product-item1 dd{
  margin-bottom:10px;
}
#product h3 {
  font-size: 36px;
  line-height: 55px;
  position: relative;
  z-index: 0;
  color: #482a0e;
  text-align: center;
  margin-bottom: 63px;
}
#product h3:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #e3ccae;
  height: 24px;
}
#product .price {
  background: url("../img/bento/product_line.png") repeat-x bottom left;
  padding-bottom: 21px;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 38px;
  letter-spacing: 2px;
}
#product .product-item2 {
  margin-bottom: 71px;
  justify-content: space-between;
}
#product .product-item2 dl {
  width: 324px;
  margin-top: 35px;
}
#product .product-item3 {
  justify-content: space-between;
  text-align: center;
}
#product .product-item3 > div {
  width: 470px;
}
#product .product-item3 .price {
  font-size: 30px;
  line-height: 80px;
  padding-bottom: 8px;
  margin: 14px 12px 0;
}
#order {
  background: url("../img/bento/order_bg.jpg");
  color: #fff;
  text-align: center;
  font-size: 30px;
  padding: 44px 0 97px;
}
#order h2 {
  line-height: 83px;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid #e6d0af;
  margin: 0 auto 25px;
  width: 498px;
  font-size: 38px;
  letter-spacing: 3px;
}
#order h2 i {
  display: block;
  margin-right: 20px;
}
#order .order-btn {
  margin: auto;
  width: 900px;
  justify-content: space-between;
}
#order .order-btn > div {
  width: 422px;
}
#order .order-btn h3 {
  line-height: 86px;
  letter-spacing: 2px;
}
#faq {
  margin-top: 57px;
  margin-bottom: 76px;
}
#faq h2 {
  text-align: center;
  font-size: 44px;
  line-height: 108px;
  padding-bottom: 12px;
  background: url("../img/iwai/faq_line.png") repeat-x bottom center;
  margin-bottom: 10px;
}
#faq dl {
  padding-top: 60px;
}
#faq dl dt {
  border-bottom: 1px dashed #000;
  padding: 0 100px 20px 20px;
  margin-bottom: 35px;
  position: relative;
}
#faq dl dt:after {
  content: url("../img/iwai/arrow.jpg");
  position: absolute;
  top: 24px;
  right: 50px;
}
#faq dl.active dt:after{
  content: url("../img/iwai/arrow_on.jpg");
}
#faq dl dt .q {
  font-size: 40px;
  line-height: 1;
  width: 71px;
}
#faq dl dt .q-txt {
  width: calc(100% - 71px);
  font-size: 30px;
  line-height: 1.5;
}
#faq dl dd {
  margin-left: 80px;
  font-size: 18px;
  line-height: 40px;
}
#flow {
  color: #fff;
  background: url("../img/bento/flow_bg.jpg");
  padding: 73px 0 188px;
}
#flow h2 {
  text-align: center;
  background: url("../img/bento/flow_line1.png") repeat-x bottom center;
  padding-bottom: 12px;
  font-size: 44px;
  line-height: 109px;
  margin-bottom: 61px;
  letter-spacing: 6px;
}
#flow h3 {
  background: url("../img/bento/flow_h3.jpg") no-repeat left center;
  line-height: 51px;
  position: relative;
  font-size: 36px;
  padding-left: 120px;
  letter-spacing: 2px;
  color: #000;
  margin-bottom: 32px;
}
#flow h3 span {
  display: block;
  position: absolute;
  left: 28px;
  top: -19px;
  line-height: 1;
  color: #462e0c;
  font-size: 60px;
}
#flow .flow-txt1 {
  text-align: center;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 2px;
  margin-bottom: 29px;
}
.flow1 {
  margin-bottom: 85px;
  text-align: center;
}
.flow1 h3{
  text-align: left;
}
.flow1 .dis-flex {
  justify-content: space-between;
}
.flow1 .flow-col {
  background: rgba(142, 91, 17, 0.61);
  box-sizing: border-box;
  width: 480px;
  padding: 24px 29px 70px;
}
.flow1 h4 {
  border-bottom: 2px solid #fff;
  font-size: 26px;
  line-height: 68px;
  letter-spacing: 2.5px;
}
.flow1 .flow-txt2 {
  font-size: 18px;
  margin: 35px 0 27px;
  letter-spacing: 2px;
}
.flow1 .flow-txt3 {
  font-size: 15px;
  margin: 10px 0 27px;
}
.flow1 .flow-txt4 {
  font-size: 18px;
  margin-bottom: 22px;
}
.flow1 ul {
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 2px;
  text-align: left;
  margin-left: 66px;
}
.flow3 {
  margin: 57px 0 40px;
}
.card {
  background: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  padding: 22px 0;
}