@charset "UTF-8";
.top_img {
  height: 250px;
  width: 100%;
  background-image: url(img/titile_img.jpg);
  background-position: 50% 35%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.top_img h2 {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.top_img .efx {
  background-color: rgba(0, 0, 0, 0.5);
  height: 250px;
  width: 100%;
}

.section1 {
  position: relative;
  width: 100%;
}
.section1 .section1_back {
  display: flex;
  position: relative;
}
.section1 .section1_back .white {
  height: 800px;
  width: 70%;
  background-color: #fff;
}
.section1 .section1_back .white .menu_title {
  position: absolute;
  left: 10%;
  top: 70px;
}
.section1 .section1_back .winered {
  height: 800px;
  width: 30%;
  background-color: rgba(88, 11, 24, 0.6);
}
.section1 .sec1pic {
  position: absolute;
  top: 70px;
  right: 0;
  display: block;
  text-align: right;
}
.section1 .sec1pic img {
  width: 60%;
  height: auto;
}
.section1 .sec1textbox {
  position: absolute;
  bottom: 20px;
  left: 20%;
}
.section1 .sec1textbox p {
  padding-bottom: 30px;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.section2 {
  position: relative;
  width: 100%;
}
.section2 .section2_back {
  display: flex;
  position: relative;
}
.section2 .section2_back .green {
  height: 800px;
  width: 30%;
  background-color: rgba(25, 61, 4, 0.6);
}
.section2 .section2_back .white {
  height: 800px;
  width: 70%;
  background-color: #F7F7F5;
}
.section2 .section2_back .white .menu_title {
  position: absolute;
  right: 10%;
  top: 70px;
}
.section2 .sec2pic {
  position: absolute;
  top: 70px;
  left: 0;
  display: block;
  text-align: left;
}
.section2 .sec2pic img {
  width: 60%;
  height: auto;
}
.section2 .sec2textbox {
  position: absolute;
  bottom: 20px;
  right: 20%;
}
.section2 .sec2textbox p {
  padding-bottom: 30px;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.section3 {
  position: relative;
  width: 100%;
}
.section3 .section3_back {
  display: flex;
  position: relative;
}
.section3 .section3_back .white {
  height: 800px;
  width: 70%;
  background-color: #fff;
}
.section3 .section3_back .white .menu_title {
  position: absolute;
  left: 10%;
  top: 70px;
}
.section3 .section3_back .winered {
  height: 800px;
  width: 30%;
  background-color: rgba(88, 11, 24, 0.6);
}
.section3 .sec3pic {
  position: absolute;
  top: 70px;
  right: 0;
  display: block;
  text-align: right;
}
.section3 .sec3pic img {
  width: 60%;
  height: auto;
}
.section3 .sec3textbox {
  position: absolute;
  bottom: 20px;
  left: 20%;
}
.section3 .sec3textbox p {
  padding-bottom: 30px;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.section3 .sec3textbox:nth-of-type(7) {
  text-align: right;
}

.section4 {
  position: relative;
  width: 100%;
  margin-bottom: 70px;
}
.section4 .section4_back {
  display: flex;
  position: relative;
}
.section4 .section4_back .green {
  height: 800px;
  width: 30%;
  background-color: rgba(25, 61, 4, 0.6);
}
.section4 .section4_back .white {
  height: 800px;
  width: 70%;
  background-color: #F7F7F5;
}
.section4 .section4_back .white .menu_title {
  position: absolute;
  right: 10%;
  top: 70px;
}
.section4 .sec4pic {
  position: absolute;
  top: 70px;
  left: 0;
  display: block;
  text-align: left;
}
.section4 .sec4pic img {
  width: 60%;
  height: auto;
}
.section4 .sec4textbox {
  position: absolute;
  bottom: 20px;
  right: 20%;
}
.section4 .sec4textbox p {
  padding-bottom: 20px;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.section5 {
  width: 90%;
  margin: 0 auto;
  border: 1px solid #321E0A;
  position: relative;
  margin-bottom: 70px;
  padding-top: 8px;
  padding-bottom: 8px;
  transform: translateY(200px);
  opacity: 0;
  transition: 2s;
}
.section5.appear {
  opacity: 1;
  transform: translateY(0);
}
.section5 .section5_inner {
  width: calc(100% - 20px);
  margin: 0 auto;
  border: 1px solid #321E0A;
}
.section5 .section5_inner .sec5_title {
  text-align: center;
  padding-top: 50px;
}
.section5 .section5_inner .sec5_subtitle {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 17px;
  font-weight: lighter;
  color: #B5A37D;
  text-align: center;
  padding-left: 70px;
  padding-top: 10px;
  padding-bottom: 60px;
}
.section5 .section5_inner p {
  text-align: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  padding-bottom: 40px;
}
.section5 .ribbon_top {
  position: absolute;
  top: 0;
  right: 0;
}
.section5 .ribbon_top img {
  width: clamp(12.5rem, 6.125rem + 13.3vw, 18.75rem);
  height: auto;
}
.section5 .ribbon_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}
.section5 .ribbon_bottom img {
  width: clamp(12.5rem, 6.125rem + 13.3vw, 18.75rem);
  height: auto;
}
.section5 .dogcakepic1 {
  position: absolute;
  top: 20px;
  left: 20px;
}
.section5 .dogcakepic1 img {
  width: clamp(9.375rem, -0.187rem + 19.95vw, 18.75rem);
  height: auto;
}
.section5 .dogcakepic2 {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.section5 .dogcakepic2 img {
  width: clamp(9.375rem, -0.187rem + 19.95vw, 18.75rem);
  height: auto;
}

.section6 {
  width: 90%;
  margin: 0 auto;
  background-color: #580B18;
}
.section6 h3 {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #fff;
  font-weight: lighter;
  font-size: 30px;
}
.section6 .sec6_inner {
  width: 95%;
  margin: 0 auto;
}
.section6 .sec6_inner p {
  color: #fff;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .section1 .sec1textbox {
    left: 10%;
    font-size: 14px;
  }
  .section2 .sec2textbox {
    left: 10%;
    font-size: 14px;
  }
  .section3 .sec3textbox {
    left: 10%;
    font-size: 14px;
  }
  .section4 .sec4textbox {
    left: 10%;
    font-size: 14px;
  }
  .section5 .section5_inner .sec5_title img {
    width: clamp(9.375rem, 1.456rem + 39.6vw, 20.438rem);
    height: auto;
  }
  .section5 .section5_inner .sec5_subtitle {
    transform: translateX(0px);
    font-size: clamp(0.813rem, 0.634rem + 0.89vw, 1.063rem);
  }
  .section5 .section5_inner p {
    font-size: clamp(0.75rem, 0.571rem + 0.89vw, 1rem);
  }
  .section5 .ribbon_top img {
    width: clamp(3.125rem, -3.586rem + 33.56vw, 12.5rem);
    height: auto;
  }
  .section5 .ribbon_bottom img {
    width: clamp(3.125rem, -3.586rem + 33.56vw, 12.5rem);
    height: auto;
  }
  .section5 .dogcakepic1 {
    top: 10px;
    left: 10px;
  }
  .section5 .dogcakepic1 img {
    width: clamp(6.25rem, 4.013rem + 11.19vw, 9.375rem);
    height: auto;
  }
  .section5 .dogcakepic2 {
    display: none;
  }
  .section6 h3 {
    font-size: clamp(1.25rem, 0.803rem + 2.24vw, 1.875rem);
  }
  .section6 p {
    font-size: clamp(0.875rem, 0.786rem + 0.45vw, 1rem);
  }
}
@media screen and (max-width: 550px) {
  .section5 .section5_inner .sec5_title {
    text-align: right;
    padding-right: 9%;
  }
}/*# sourceMappingURL=dogmenu.css.map */