@charset "UTF-8";
/* リセットCSS */
* {
  margin: 0px;
  padding: 0px;
}

html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

article, header, footer, aside, figure, figcaption, nav, section {
  display: block;
}

body {
  line-height: 1.7;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container {
  width: 810px !important;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .container {
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

.lp-header {
  background: url("https://izakayaouentai.co.jp/wp-content/themes/izakayaouentai/lp-image/headbg.png");
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  position: relative;
  z-index: 2;
}

.lp-header .lp-logo img {
  width: 300px;
}

.lp-header .lp-tel img {
  width: 310px;
}

.head-copy {
  position: relative;
  margin: -40px 0;
  z-index: 1;
}

.set {
  background: #000;
  padding-top: 130px;
}

.button-wrap {
  padding: 20px 0 0;
}

.about {
  background: #000;
  padding: 30px 0;
}

.sp-about {
  background: #000;
  padding: 20px 0;
}

.button-banner {
  margin-bottom: 10px;
}

.catch2 {
  width: 600px;
  margin: 0 auto;
}

.banner {
  position: relative;
}

.banner img {
  position: absolute;
  width: 780px;
  z-index: 2;
  top: -69px;
}

.heading {
  background: #C44548;
  padding: 20px 0;
  margin-top: 50px;
}

.arrow {
  position: relative;
  width: 340px;
  margin: 0 auto;
  z-index: 2;
}

.arrow.small {
  width: 200px;
}

.button1,
.sp-button1 {
  margin: 25px 0;
}

hr.red {
  margin: 0;
  border-bottom: solid 20px #C44548;
}

@media screen and (max-width: 767px) {
  hr.red {
    border-bottom: solid 10px #C44548;
  }
}

.download {
  position: relative;
  background: url("https://izakayaouentai.co.jp/wp-content/themes/izakayaouentai/lp-image/section2.png");
  margin-top: -83px;
  z-index: 1;
}

.download .jingi {
  background: #fff;
  z-index: 3;
  box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.16);
  margin-bottom: 30px;
  padding: 35px;
}

.download .jingi:first-child {
  padding-top: 110px;
}

.download .jingi:first-child .download-button {
  margin-top: -30px;
}

.message-wrap {
  background: #fff;
}

.message-wrap .message {
  width: 600px;
  margin: 60px auto 20px;
}

.message-wrap .catalog-button {
  width: 580px;
  margin: 0 auto 40px;
}

.message_head {
  width: 580px;
  margin: auto;
}

.message3 {
  text-align: center;
  margin: 30px auto;
  width: 450px;
}

.contact-button {
  margin-bottom: 80px;
}

.sp-tel-button {
  line-height: 0;
  margin: 15px 0;
}

.sp-head {
  line-height: 0;
  position: relative;
  background: url("https://izakayaouentai.co.jp/wp-content/themes/izakayaouentai/lp-image/section4.jpg");
}

.sp-head .sp-thanks {
  position: relative;
  top: 15px;
  z-index: 2;
}

.sp-head .sp-offer1 {
  margin-top: 20px;
  line-height: 0;
}

.banner2 {
  margin-top: -11px;
  position: relative;
  z-index: 2;
}

.sp-set {
  line-height: 0;
  margin-top: -18px;
}

.sp-setprice1 {
  margin-top: 15px;
}

.sp-setprice2 {
  margin-top: 20px;
}

.sp-heading {
  position: relative;
  padding: 20px 0;
  background: #C44548;
  z-index: 2;
}

.sp-arrow {
  position: relative;
  top: -40px;
  z-index: 1;
}

.sp-arrow.small {
  top: -60px;
}

.sp-download {
  background: url("https://izakayaouentai.co.jp/wp-content/themes/izakayaouentai/lp-image/section2.png");
  padding: 70px 0 15px;
  margin-top: -100px;
}

.sp-download .download-button {
  margin: 15px 0 20px;
}

.sp-download .jingi2, .sp-download .jingi3 {
  margin-top: 15px;
}

.sp-message-wrap {
  margin: 30px 0 40px;
}

.sp-offer3 {
  margin: -40px auto 10px;
  width: 300px;
}

hr.pink {
  margin: 0;
  border-bottom: solid 20px #E26B88;
}

@media screen and (max-width: 767px) {
  hr.pink {
    border-bottom: solid 10px #E26B88;
  }
}

hr.brown {
  margin: 0;
  border-bottom: solid 20px #A27E44;
}

@media screen and (max-width: 767px) {
  hr.brown {
    border-bottom: solid 10px #A27E44;
  }
}

.contact-heading {
  margin-top: 60px;
  text-align: center;
}

.contact-heading img {
  width: 500px;
}

.contact-warning {
  text-align: center;
  font-weight: 500;
}

.contact-warning a {
  text-decoration: underline;
}