@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a {
  background-color: transparent;
  color: #000;
  text-decoration: none;
}

img {
  width: 100%;
  border-style: none;
}

li {
  list-style: none;
}

h1 {
  font-size: 50px;
}

/* h2 {
  font-size: 120px;
  font-family: "Century Gothic", AppleGothic, sans-serif;
  font-weight: 300;
} */

h3 {
  font-size: 40px;
}

p {
  font-size: 16px;
}

h1, h3, h4, p, span, a, td, th {
  color: #333333;
  font-family: "Zen Old Mincho", serif;
  letter-spacing: 2px;
}

.w-container {
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
}

a:hover {
  opacity: .8;
}

/* 消してる要素 */
.sp-br, .p1-i-item-sp, .p1-m-p-sp, .p1-m-img2 a:last-child, .h2-sp, .sp-br2, .p1-k-label2, .p1-k-price2, .sp-footer-nav {
  display: none;
}

/* ヘッダー */
#header {
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

.header-container {
  width: 100%;
  height: 100%;
}

.header-box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-logo {
  width: 417px;
  height: 42px;
  margin-left: 35px;
}

.header-item {
  display: flex;
  gap: 20px;
}

.header-link {
  display: flex;
}

.header-tel {
  width: 268px;
  height: 100px;
}

.header-contact {
  width: 179px;
  height: 100px;
}

.header-line {
  width: 105px;
  height: 100px;
  margin-left: -5px;
}


/* --- ハンバーガーボタンのデザイン --- */
.hamburger {
  width: 100px;  /* 100pxに変更 */
  height: 100px; /* 100pxに変更 */
  background-color: #e8889a; 
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  z-index: 100;
}

/* 三本線の調整 */
.hamburger span {
  display: block;
  width: 45px;      /* ボタンの大きさに合わせて少し長く */
  height: 4px;      /* 少し太くして存在感を出す */
  background-color: #fff;
  margin-bottom: 12px; /* 線同士の間隔を調整 */
  transition: 0.3s;
}

.hamburger span:nth-of-type(3) {
  margin-bottom: 2px;
}

/* MENUテキストの調整 */
.hamburger p {
  color: #fff;
  font-size: 20px;  /* MENUの文字も少し大きく */
  margin: 2px 0 0 0;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
}

/* クリック時（三本線を×に変える動きの調整） */
.hamburger.active span:nth-child(1) { 
  transform: translateY(16px) rotate(45deg); 
}
.hamburger.active span:nth-child(2) { 
  opacity: 0; 
}
.hamburger.active span:nth-child(3) { 
  transform: translateY(-16px) rotate(-45deg); 
}

/* --- 全画面メニュー（テキスト20px） --- */
.navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #e8889a; 
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease;
}

.navigation.active {
  opacity: 1;
  visibility: visible;
}

.navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.navigation ul li {
  margin-bottom: 35px; /* リスト間の余白を広めに */
}

.navigation ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 20px; /* ご指定の20pxに設定 */
  font-weight: bold;
  display: block;
  transition: opacity 0.3s;
}

.navigation ul li a:hover {
  opacity: 0.7;
}

/* トップ */
.main-v {
  position: relative;
  width: 100%;
  height: 100vh; /* 全画面表示。必要に応じて600pxなどに変更 */
  overflow: hidden;
}

/* スライドの重なり設定 */
.main-v-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000; /* 白くなるのを防ぐため背景を黒（またはメインの画像に近い色）に */
}

.main-v-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1; /* 通常は重なり順を低く */
  transition: opacity 2s ease; /* フェードの時間を少し長くすると滑らかです */
}

.main-v-slide.active {
  opacity: 1;
  z-index: 2; /* 表示するスライドを上に持ってくる */
}

/* 1つ前のスライドを少しだけ残す設定（これによって背景が透けない） */
.main-v-slide.last-active {
  opacity: 0;
  z-index: 1;
}

.main-v-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* テキストのスタイル */
.main-v-content {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  text-align: left;
  color: #fff; /* 文字色 */
  padding-left: 70px;
  padding-bottom: 170px;
}

.mein-v-h1 {
  padding-bottom: 15px;
}

.mein-v-h1 h1 {
  color: #fff;
  font-weight: 400;
}

.main-v-p p {
  color: #fff;
  font-size: 30px;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}

/* --- 丸いドット（ポインター）のスタイル --- */
.slider-pagination {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  display: flex;
  gap: 15px;
}

.dot {
  width: 12px;
  height: 12px;
  background: #D5D3D3;
  border-radius: 50%;
  transition: background 0.3s;
  cursor: pointer;
}

.dot.active {
  background: #3C2CFD; /* 現在のスライドの丸を白塗りに */
}

.p1-a {
  background-color: #FFEFF2;
}

.p1-a-container {
  padding-top: 26px;
  padding-bottom: 73px;
}

.p1-a-title {
  text-align: center;
  position: relative;
  padding-bottom: 15px;
}

.p1-a-h2 {
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
}

.p1-a-h2 img {
  max-width: 759px;
  height: auto;
  margin-top: 2px;
  margin-bottom: 2px;
}

.p1-a-h3 {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}

.p1-a-span img {
  width: 17px;
  height: 18px;
  margin-right: 10px;
}

.p1-a-item {
  display: flex;
  justify-content: center;
  gap: 85px;
  margin-top: 30px;
}

.p1-a-left .p1-a-span {
  width: 500px;
}

.p1-a-right .p1-a-span {
  width: 465px;
}

.p1-a-span {
  display: flex;
  align-items: center;
  padding: 15px 0 15px 10px;
  margin-bottom: 28px;
}

.p1-a-span:last-child {
  margin-bottom: 0;
}

.p1-a-item .orenzi {
  background-color: #EF9C47;
}

.p1-a-item .pink {
  background-color: #F8909C;
}

.p1-a-item span {
  color: #fff;
}

.p1-b {
  background-color: #E4AE52;
}

.p1-b-container {
  padding-top: 90px;
  padding-bottom: 80px;
}

.p1-b-box {
  display: flex;
  justify-content: center;
  gap: 85px;
}

.p1-b-img {
  width: 268px;
  height: auto;
}

.p1-c {
  background-image: url(../image/top-back1.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -11px;
}

.p1-c-container {
  padding-top: 80px;
  padding-bottom: 115px;
}

.p1-c-title {
  text-align: center;
}

.p1-c-h2 img {
  max-width: 870px;
  height: auto;
}

.p1-c-item {
  max-width: 1280px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.p1-c-item-title {
  position: relative;
  /* display: flex; */
  background-color: #90C06B;
}

.p1-c-step {
  width: 85px;
  height: 85px;
  position: absolute;
  bottom: 0;
  left: 5px;
  display: flex;
  flex-direction: column; /* 上下に並べる */
  justify-content: center; /* 垂直方向の中央 */
  align-items: center;
  background-color: #EF9C47;
  border-radius: 50%;
}

.p1-c-step p {
  color: #fff;
}

.p1-c-step p:first-child {
  font-size: 18px;
}

.p1-c-step p:last-child {
  font-size: 36px;
}

.p1-c-p {
  padding: 10px 0 10px 100px;
}

.p1-c-p p {
  color: #fff;
  font-size: 24px;
}

.p1-c-imgbox {
  display: flex;
  justify-content: space-between;
  padding: 14px 30px 16px 100px;
  border-left: 1px solid #367C00;
  border-right: 1px solid #367C00;
  border-bottom: 1px solid #367C00;
}

.p1-c-img-p {
  line-height: 2em;
  padding-top: 25px;
}

.p1-c-img1 img {
  width: 428px;
  height: auto;
}

.p1-c-next {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

.p1-c-next img {
  width: 80px;
  height: auto;
}

.p1-c-last .p1-c-img-p p:first-child {
  padding-bottom: 13px;
}

.p1-c-last .p1-c-img-p p:last-child {
  padding-top: 13px;
}

.p1-c-last .p1-c-img-p p span {
  font-weight: bold;
}

.p1-d {
  background-color: #F6FFEF;
  background-image: 
    url("../image/top-back2.png"),
    url("../image/top-back4.png"),
    url("../image/top-back2.png");

  background-position: 
    top center,
    center center,
    bottom center;

  background-repeat: no-repeat;

  background-size: 
    100% auto,
    100% auto,
    100% auto;
}

.p1-d-container {
  padding-top: 60px;
  padding-bottom: 200px;
}

.p1-d-title {
  text-align: center;
}

.p1-d-h2 img {
  max-width: 760px;
}

.p1-d-h3 {
  padding-top: 28px;
}

.p1-d-h3 p {
  font-size: 30px;
  font-weight: bold;
}

.p1-d-img1 {
  margin-left: -120px;
}

.p1-d-img1 img {
  width: 674px;
  height: auto;
}

.p1-d-item {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 77px;
}

.p1-d-p {
  background-color: #fff;
  padding: 25px 150px 25px 30px;
  border: 1px solid #90C06B;
  margin-top: 35px;
}

.p1-d-p p:first-child {
  font-size: 24px;
  font-weight: bold;
  color: #51B600;
  line-height: 1.5em;
  padding-bottom: 10px;
}

.p1-d-p p:last-child {
  line-height: 2em;
}

.p1-d-center {
  text-align: center;
  margin-top: 66px;
}

.p1-d-img2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p1-d-img2 img {
  width: 116px;
  height: auto;
}

.p1-d-img2-p {
  display: inline-block;
  background-image: url("../image/top-back3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; /* 要素のサイズいっぱいに画像を広げる */
  background-position: center;
  padding: 18px 140px;
}

.p1-d-img2-p p {
  font-size: 24px;
}

.p1-d-center-p {
  text-align: left;
  display: inline-block;
  background-color: #fff;
  padding: 20px 26px;
  margin-top: 37px;
  line-height: 2em;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.3);
}

.p1-d .rverce {
  flex-direction: row-reverse;
}

.p1-d .rverce .p1-d-img1 {
  position: relative;
  z-index: 1;
  margin-left: 0;
  margin-right: -120px;
}

.p1-d .rverce .p1-d-p {
  padding: 25px 30px 25px 150px;
}

.p1-e {
  background-color: #FFFBF5;
  background-image: url(../image/top-back5.png), url(../image/top-back6.png);
  background-repeat: no-repeat, no-repeat;
  background-size: 620px 537px, 620px 537px;
  background-position: top left, top right;
}

.p1-e-container {
  padding-top: 80px;
  padding-bottom: 120px;
}

.p1-e-title {
  text-align: center;
}

.p1-e-h2 img {
  max-width: 726px;
  height: auto;
}

.p1-e-p {
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
}

.p1-e-move {
  text-align: center;
}

.p1-e-move iframe {
  border-radius: 10px;
}

.p1-f-table {
  width: 100%;
  max-width: 546px; /* お好みの幅に調整してください */
  margin: 52px auto 0;
  font-family: sans-serif;
  border: 1px solid #000;
}

.p1-f-table table {
  width: 100%;
  border-collapse: collapse; /* 枠線を重ねる */
  text-align: center;
}

/* ヘッダー部分（緑色） */
.p1-f-table thead th {
  background-color: #A3C971; /* 画像に近い緑色 */
  color: white;
  padding: 15px 5px;
  font-weight: bold;
  border: none;
}

.p1-f-table thead th:first-child {
  width: 26%;
  text-align: left;
  padding-left: 15px;
}

/* ボディ部分のセル */
.p1-f-table tbody th,
.p1-f-table tbody td {
  padding: 15px 5px;
  background-color: #fff;
  border-bottom: 2px solid #A3C971; /* 横線を入れる */
  color: #333;
}

/* 診療時間の列（左端）のフォント調整 */
.p1-f-table tbody th {
  font-weight: normal;
  font-size: 16px;
  padding-left: 15px;
}

/* 緑色の丸アイコン（●） */
.p1-f-table .dot {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #A3C971;
  border-radius: 50%;
  vertical-align: middle;
}

.p1-f-table .slash {
  color: #A3C971;
  font-weight: bold; /* 少し細く感じる場合は太くすると画像に近づきます */
}

/* 下の注釈 */
.p1-f-table .table-note {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  text-align: left;
  font-size: 16px;
  color: #000;
}

.p1-g-container {
  padding-top: 110px;
  padding-bottom: 98px;
}

.p1-g {
  background-image: url(../image/top-back7.png), url(../image/top-back8.png);
  background-repeat: no-repeat, no-repeat;
  background-size: 486px 322px, 486px 322px;
  background-position: top left, top right; 
  margin-top: -8px;
}

.p1-g-title {
  text-align: center;
}

.p1-g-h2 img {
  max-width: 635px;
  height: auto;
}

.p1-g-box {
  display: flex;
  justify-content: center;
  gap: 74px;
  margin-top: 24px;
}

.p1-g-span {
  text-align: center;
}

.p1-g-span span {
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  color: #F8909C;
  padding: 14px 15px;
  border: 2px solid #F8909C;
}

.p1-g-p {
  padding: 25px 0 37px;
}

.p1-g-p p {
  font-weight: 600;
  line-height: 2em;
  padding-left: 10px;
  padding-right: 10px;
}

.p1-g-img1 img {
  max-width: 600px;
  height: auto;
}

.p1-h {
  background-color: #F6FFEF;
  background-image: url("../image/top-back2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.p1-h-container {
  padding-top: 140px;
  padding-bottom: 100px;
}

.p1-h-h2 img {
  max-width: 734px;
}

.p1-h-title {
  text-align: center;
}

.p1-h-h3 {
  padding-top: 20px;
}

.p1-h-item {
  position: relative;
  display: flex;
  justify-content: flex-end;
  background-color: #fff;
  margin-top: 170px;
}

.p1-h-h4 {
  padding: 50px 108px 50px 148px;
  margin-top: -16px;
}

.p1-h-h4-1 {
  background-image: url(../image/top-back9.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.p1-h-h4 h4 {
  color: #fff;
  font-size: 40px;
  font-weight: 500;
}

.p1-h-text1 {
  background-image: url(../image/top-back10.png);
  background-repeat: no-repeat;
  background-size: 280px auto;
  background-position: right bottom;
}

.p1-h-span {
  position: absolute;
  right: 18%;
  top: -60px;
}

.p1-h-span img {
  width: 100px;
  height: auto;
}

.p1-h-img {
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 1;
}

.p1-h-img img {
  max-width: 707px;
  height: auto;
  box-shadow: 20px 20px #FFF7B6;
}

.p1-h-p {
  padding: 34px 0 45px 148px;
}

.p1-h-p p {
  font-weight: 600;
  line-height: 2em;
}

.p1-h .p1-h-reverse {
  justify-content: flex-start;
}

.p1-h-h4-2 {
  background-image: url(../image/top-back11.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding: 75px 184px 75px 80px;
}

.p1-h-reverse .p1-h-text {
  background-image: none;
}

.p1-h-reverse .p1-h-img {
  position: absolute;
  top: 44px;
  left: auto;
  right: 0;
  z-index: 1;
}

.p1-h-reverse .p1-h-img img {
  box-shadow: -20px 20px #FFF7B6;
}

.p1-h-reverse .p1-h-span {
  left: 16%;
  top: -60px;
}

.p1-h-reverse .p1-h-p {
  padding: 34px 0 45px 83px;
}

.p1-h-h4-3 {
  background-image: url(../image/top-back13.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.p1-h-text2 {
  background-image: url(../image/top-back12.png);
  background-repeat: no-repeat;
  background-size: 268px auto;
  background-position: right bottom;
}

.p1-h-text2 .p1-h-p {
  padding-bottom: 68px;
}

.p1-h-reverse .p1-h-h4-4 {
  background-image: url(../image/top-back15.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding: 76px 482px 76px 77px;
}

.p1-h-reverse2 .p1-h-span {
  left: 16%;
  top: -50px;
}

.p1-h-reverse2 .p1-h-img {
  top: 28px;
}

.p1-h-reverse2 .p1-h-p {
  padding: 34px 0 74px 77px;
}

.p1-h-text3 {
  background-image: url(../image/top-back14.png);
  background-repeat: no-repeat;
  background-size: 268px auto;
  background-position: left bottom;
}

.p1-i {
  background-image: url(../image/top-back16.png);
  /* 1. 背景色を画像と同じピンクにする（これで隙間が埋まる） */
  background-color: #FFEFF2; 
  
  /* 2. 画像を中央に配置し、要素を完全に覆う */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* 3. 上下の白い隙間の原因（マージンの相殺）を防ぐ */
  overflow: hidden; 
  
  /* 4. もし中身が少なくて画面いっぱいにしたい場合は最小の高さを指定 */
  min-height: 100vh; /* 画面の高さ100%分を最低でも確保する場合 */
  
  /* 5. paddingで上下の余白を調整（必要に応じて） */
  padding: 100px 0;
}

.p1-i-container {
  padding-top: 56px;
  padding-bottom: 60px;
}

.p1-i-box1, .p1-i-box2 {
  max-width: 960px;
  background-color: #FFFEF8;
  margin-left: auto;
  margin-right: auto;
}

.p1-i-title {
  text-align: center;
}

.p1-i-box1 {
  background-image: url(../image/top-back17.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left;
  padding: 20px 0 20px;
  margin-bottom: 86px;
}

.p1-i-item {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.p1-i-item-left {
  margin-left: 76px;
}

.p1-i-item-left p {
  width: 295px;
  font-weight: 600;
  display: inline-block;
  background-color: #DEF8CA;
  padding: 20px 0 20px 10px;
}

.p1-i-item-left p:first-child, .p1-i-item-right p:first-child {
  margin-bottom: 13px;
}

.p1-i-item-left p span {
  font-size: 20px;
  margin-right: 4px;
}

.p1-i-item-right p {
  width: 297px;
  font-weight: 600;
  display: inline-block;
  background-color: #FFF2F5;
  padding: 20px 0 20px 10px; 
}

.p1-i-item-right ul li {
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 2em;
}

.p1-i-box2 {
  padding-top: 30px;
  padding-bottom: 48px;
}

.p1-i-ul {
  padding-top: 25px;
  padding-left: 58px;
}

.p1-i-ul ul li {
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 2em;
} 

.p1-j {
  background-color: #FFFCE8;
  background-image: 
    url("../image/top-back20.png"),                             /* 1. 最前面：一番下の画像 */
    url("../image/top-back19.png");                            /* 3. 背面：上半分の画像 */
  
  background-position: 
    bottom center,  /* top-back20を下に */
    top center;     /* top-back19を上に */
    
  background-size: 
    100% auto,      /* top-back20: 横幅いっぱい、高さ自動 */
    100% auto;       /* top-back19: 横幅いっぱい、高さ半分 */
    
  background-repeat: no-repeat;
}

.p1-j-container {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 75px;
}

.p1-j-title {
  text-align: center;
}

.p1-j-h2 img {
  max-width: 1352px;
  height: auto;
}

.p1-j-h3 {
  margin-top: 16px;
}

.p1-j-h3 h3 {
  color: #fff;
}

.p1-j-item {
  display: inline-block;
  text-align: center;
  background-color: #fff;
  padding: 40px 64px 60px;
  margin-top: 90px;
}

.p1-j-text-h3 h3 {
  color: #5A813B;
}

.p1-j-p {
  text-align: left;
  margin-top: 30px;
}

.p1-j-p p {
  line-height: 2em;
}

.p1-k {
  background-image: url(../image/top-back21.png), url(../image/top-back22.png);
  background-repeat: no-repeat, no-repeat;
  background-size: 486px 322px, 486px 322px;
  background-position: top left, top right; 
  margin-top: -3px;
}

.p1-k-container {
  padding-top: 100px;
  padding-bottom: 82px;
}

.p1-k-title {
  text-align: center;
}

.p1-k-h2 img {
  max-width: 950px;
  height: auto;
}

.p1-k-h3 {
  margin-top: 16px;
  margin-bottom: 98px;
}

.p1-k-item {
  background-color: #fff;
  padding: 17px 50px 30px 24px; /* 余白は適宜調整してください */
  max-width: 900px; /* コンテンツの最大幅 */
  box-shadow: 
    0 0 15px rgba(0, 0, 0, 0.1),  /* 1. 全方位に広がる薄く柔らかい影 */
    8px 8px 20px rgba(0, 0, 0, 0.15); /* 2. 右と下に重心を置いた少し強めの影 */
  margin: 0 auto;
}

/* 料金リスト部分 */
.p1-k-price-list ul {
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
}

.p1-k-price-list li {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 13px;
  padding-bottom: 13px;
  font-weight: 600;
  border-bottom: 1px solid #90C06B;
}

/* リストの「・」を擬似要素で作成 */
/* .p1-k-price-list li::before {
  content: "・";
  margin-right: 10px;
} */

.p1-k-label {
  flex: 1;
}

.p1-k-label span {
  font-size: 14px;
  margin-left: 10px;
}

.p1-k-price {
  white-space: nowrap;
  margin-left: 20px;
}

.p1-k-notes p {
  font-weight: 600;
  line-height: 1.5em;
  margin-bottom: 10px;
  color: #333;
  text-align: left;
}

.p1-l {
  background-image: url(../image/top-back23.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.p1-l-container {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 180px;
}

.p1-l-h2 img {
  max-width: 1027px;
}

.p1-l-h3 {
  margin-top: 46px;
  margin-bottom: 75px;
}

.p1-l-p {
  display: inline-block;
  text-align: left;
}

.p1-l-p p {
  line-height: 2em;
} 

.p1-m {
  background-image: url(../image/top-back24.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  
  /* 画像を上に固定する（下半分は背景色または空白になります） */
  background-position: top center;
}

.p1-m-container {
  padding-top: 40px;
  padding-bottom: 125px;
}

.p1-m-title {
  text-align: right;
  margin-right: 80px;
}

.p1-m-h2 img {
  max-width: 533px;
  height: auto;
}

.p1-m-h3 {
  margin-top: 40px;
}

.p1-m-item {
  display: flex;
  justify-content: center;
  gap: 80px;
  margin-top: 142px;
}

.p1-m-p {
  margin-top: 25px;
  margin-bottom: 105px;
}

.p1-m-p p {
  color: #000;
  line-height: 2em;
}

.p1-m-about {
  background-color: #FBFFF8;
  padding: 18px 88px 18px 92px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.p1-m-about h3 {
  font-size: 30px;
  color: #587D3B;
  padding-bottom: 15px;
}

.p1-m-about p {
  padding-top: 15px;
  padding-bottom: 15px;
}

.p1-m-img1 {
  background-image: url(../image/top-back25.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-right: 40px;
  padding-bottom: 36px;
}

.p1-m-img1 img {
  width: 600px;
  height: auto;
}

.p1-m-img2 {
  text-align: center;
  margin-top: 49px;
}

.p1-m-img2 img {
  max-width: 640px;
  height: auto;
}

/* フッター */
footer {
  background-color: #DEF8CA;
  background-image: url(../image/footer-back.png);
  background-repeat: no-repeat;
  background-size: 74% auto;
  
  /* 画像を上に固定する（下半分は背景色または空白になります） */
  background-position: top center;  
}

.footer-container {
  padding-top: 55px;
}

.footer-title {
  text-align: center;
}

.footer-h2 img {
  max-width: 364px;
  height: auto;
}

.footer-h3 {
  margin-top: 23px;
}

.footer-h3 h3 {
  color: #fff;
}

.footer-box {
  display: flex;
  justify-content: center;
  gap: 90px;
  margin-top: 23px;
}

.footer-left {
  text-align: center;
}

.footer-logo img {
  width: 417px;
  height: auto;
}

.footer-logo p {
  color: #fff;
  margin-top: 15px;
}

.footer-img {
  margin-top: 20px;
}

.footer-img img {
  width: 268px;
  height: auto;
}

footer .p1-f-table {
  width: 546px;
  margin-top: 20px;
}

.footer-map {
  margin-top: 16px;
  margin-bottom: 72px;
}

.footer-map iframe {
  width: 100%;
  max-width: 630px;
  height: 488px;
}

.footer-img2 img {
  width: 176px;
  height: auto;
}

.footer-img2 {
  margin-bottom: 28px;
}

.footer-text {
  padding-left: 46px;
}

.footer-text p {
  font-weight: bold;
}

.location-pin {
  display: flex;
  align-items: center; /* テキストと画像の高さを中央に揃える */
  padding-bottom: 20px;
}

.location-pin::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 8px; /* 画像とテキストの間の余白 */
  background-image: url('../image/footer-img1.png'); /* 画像のパスを指定 */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.copy-right {
  text-align: center;
  background-image: url('../image/footer-back2.png'); /* パスは環境に合わせて調整してください */
  background-repeat: no-repeat;  /* 画像を繰り返さない */
  background-position: center;   /* 画像を中央に配置 */
  background-size: cover; 
  font-weight: 600;       /* 横幅いっぱいに広げる場合。画像全体を見せたい場合は contain */
  padding-top: 24px;
  padding-bottom: 24px;
  margin-top: 37px;
}

.top-botan {
  position: fixed;
  right: 28px;
  bottom: 97px;
  z-index: 98;
  /* 最初は隠しておく */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s; /* ふわっと出すためのアニメーション */
}

/* スクロールした時に追加するクラス */
.top-botan.is-show {
  opacity: 1;
  visibility: visible;
}

.top-botan img {
  width: 50px; /* 画像のサイズに合わせて調整してください */
  height: auto;
  display: block;
}

@media screen and (max-width: 1500px) {
  /* フッター */
  footer {
    background-size: 100% auto;
  }
}

@media screen and (max-width: 1380px) {
  /* 消す */
  .br {
    display: none;
  }
  /* トップ */
  .p1-h-item {
    justify-content: space-between;
  }

  .p1-h-img {
    position: static;
    padding-top: 40px;
  }

  .p1-h-reverse .p1-h-img {
    position: static;
  }

  .p1-h .p1-h-reverse {
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .p1-h-p {
    padding-left: 50px;
  }

  .p1-h-reverse .p1-h-p {
    padding-left: 50px;
    padding-right: 20px;
  }

  .p1-h-text1, .p1-h-text, .p1-h-text2, .p1-h-text3 {
    width: 50%;
  }

  .p1-h-h4 h4 {
    font-size: 28px;
  }

  .p1-h-reverse .p1-h-h4-4 {
    padding: 60px 50px;
  } 

  .p1-h-h4-2 {
    padding: 60px 50px 60px 50px;
  }
}

@media screen and (max-width: 1200px) {
  .p1-a-item {
    gap: 20px;
  }

  .p1-d-img1 img {
    width: 500px;
  }

  .p1-c-imgbox {
    padding-left: 50px;
  }

  .p1-h-item {
    flex-direction: column-reverse;
    align-items: center;
  }

  .p1-h-h4 {
    text-align: center;
  }

  .p1-h-text1, .p1-h-text, .p1-h-text2, .p1-h-text3 {
    width: 100%;
  }

  .p1-h-span {
    left: 50%;
    transform: translateX(-50%);
    right: auto; /* 以前の指定を打ち消す */
  }

  .p1-h .p1-h-reverse {
    flex-direction: column-reverse;
    align-items: center;   
  }

  .p1-h-reverse .p1-h-span {
    left: 50%;
    transform: translateX(-50%);
  }

  .p1-m-about {
    padding-left: 20px;
    padding-right: 20px;
  }

  .p1-m-item {
    gap: 40px;
  }

  /* .p1-m-img1 {
    padding-bottom: 0;
  } */

  .p1-m-img1 img {
    max-width: 450px;
  }

  /* フッター */

  .footer-box {
    gap: 45px;
  }

}

@media screen and (max-width: 980px) {
  .p1-a-item {
    flex-direction: column;
    align-items: center;
    gap: 28px;
  }

  .p1-a-right .p1-a-span {
    width: 500px;
  }

  /* フッター */
  .footer-box {
    flex-direction: column;
    align-items: center;
  }
}

@media screen and (max-width: 930px) {
  .p1-m-img1 .p1-m-p {
    display: block;
  }

  /* 消す */
  .p1-m-text .p1-m-p {
    display: none;
  }

  /* ヘッター */
  .header-link {
    display: none;
  }

  .p1-c-imgbox {
    flex-direction: column;
    align-items: center;
  }

  .p1-e-move iframe {
    width: 100%;
    max-width: 600px;
    height: 339px;
  }

  .p1-d-item {
    flex-direction: column;
    align-items: center;
  }

  .p1-d-img1 {
    margin-left: 0;
  }

  .p1-d-p {
    padding-right: 30px;
  }

  .p1-d .rverce {
    flex-direction: column;
  }

  .p1-d .rverce .p1-d-p {
    padding-left: 30px;
  }

  .p1-d .rverce .p1-d-img1 {
    margin-right: 0;
  }

  .p1-m-item {
    flex-direction: column-reverse;
    align-items: center;
  }

}

@media screen and (max-width: 767px) {
  /* 全体 */
  h1 {
    font-size: 40px;
  }

  h3 {
    font-size: 30px;
  }

  th, td {
    font-size: 14px;
  }

  .w-container {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }

  .sp-br, .p1-i-item-sp, .p1-m-p, .p1-m-img2 a:last-child, .p1-k-label2, .p1-k-price2 {
    display: block;
  }

  /* 消す */
  .br2, .p1-i-item-left, .p1-i-item-right, .p1-m-p, .p1-m-img2 a:first-child, .p1-k-label1, .top-botan, .br2 {
    display: none;
  }

  /* ヘッダー */
  #header {
    height: 53px;
  }

  .header-logo {
    width: 196px;
    height: auto;
    margin-left: 12px;
  }

  .navigation {
    background-color: #90C06B;
  }

  .hamburger {
    /* 1. 全体のサイズと色を変更 */
    width: 40px !important;
    height: 40px !important;
    background-color: #90C06B !important;
    padding: 8px 5px 5px; /* 内側の余白を少し作る */
    margin-right: 12px;
  }

  /* 2. 三本線のサイズと間隔を調整 */
  .hamburger span {
    width: 20px;       /* 45pxから20pxへ */
    height: 2px;       /* 4pxから2pxへ */
    margin-bottom: 4px; /* 間隔を狭く */
  }

  .hamburger span:nth-of-type(3) {
    margin-bottom: 1px;
  }

  /* 3. MENUテキストの調整 */
  .hamburger p {
    font-size: 10px;   /* ご希望の10pxに */
    transform: scale(0.8); /* 10pxでも大きく感じる場合はさらに微調整 */
    margin-top: 0;
  }

  /* 4. クリック時（×印）の移動距離を調整 */
  /* 元の16pxだと40pxの枠から飛び出すため、数値を小さくします */
  .hamburger.active span:nth-child(1) { 
    transform: translateY(6px) rotate(45deg); 
  }
  .hamburger.active span:nth-child(3) { 
    transform: translateY(-6px) rotate(-45deg); 
  }

  /* トップ */
  .main-v-p p {
    font-size: 24px;
  }

  .main-v-content {
    padding-left: 24px;
    padding-bottom: 114px;
  }

  .p1-a-container {
    padding-top: 18px;
    padding-bottom: 75px;
  }

  .p1-a-title {
    padding-bottom: 0;
  }

  .p1-a-h2 img {
    width: 348px;
  }

  .p1-a-h3 {
    position: static;
    transform: none;
  }

  .p1-a-h3 h3 {
    font-size: 24px;
  }

  .p1-a-item {
    margin-top: 62px;
    gap: 18px;
  }

  .p1-a-left .p1-a-span, .p1-a-right .p1-a-span {
    width: 335px;
    display: flex;
    align-items: flex-start;
  }

  .p1-a-span {
    margin-bottom: 18px;
  }

  .p1-b-container {
    padding-top: 47px;
    padding-bottom: 66px;
  }

  .p1-b-box {
    flex-direction: column;
    align-items: center;
    gap: 34px;
  }

  .p1-c {
    background-image: url(../image/sp-back1.png);
    background-size: 100% auto;
    margin-top: -11px;
  }

  .p1-c-container {
    padding-bottom: 60px;
  }

  .p1-c-step {
    width: 70px;
    height: 70px;
  }

  .p1-c-step p:first-child {
    font-size: 16px;
  }

  .p1-c-step p:last-child {
    font-size: 30px;
  }

  .p1-c-p p {
    font-size: 20px;
  }

  .p1-c-imgbox {
    padding: 30px 15px 24px;
  }

  .p1-c-img-p {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .p1-c-img1 img {
    width: 303px;
  }

  .p1-c-next {
    padding-top: 18px;
    padding-bottom: 0;
  }

 .p1-d {
    background-image: url(../image/sp-back3.png), url(../image/sp-back4.png), url(../image/sp-back3.png);
  }
 
  .p1-d-container {
    padding-top: 40px;
    padding-bottom: 160px;
  }

  .p1-d-h3 p {
    font-size: 24px;
  }

  .p1-d-item {
    margin-top: 58px;
  }

  .p1-d-p {
    padding: 25px 17px;
    margin-top: 0;
  }

  .p1-d-img1 {
    margin-top: -20px;
  }

  .p1-d-center {
    margin-top: 32px;
  }

  .p1-d-img2 {
    gap: 12px;
  }

  .p1-d-img2-p {
    background-image: url(../image/sp-back2.png);
    padding: 32px 44px;
  }

  .p1-d-img2-p p {
    font-size: 22px;
  }

  .p1-d-center-p {
    margin-top: 0;
  }

  .p1-d .rverce .p1-d-p {
    padding: 25px 17px;
  }

  .p1-e {
    background-image: url(../image/sp-back5.png);
    background-repeat: no-repeat;
    background-size: 90% auto;
    background-position: top right;
  }

  .p1-e-h3 {
    padding-top: 17px;
  } 

  .p1-e-container {
    padding-top: 33px;
    padding-bottom: 74px;
  }

  .p1-e-move iframe {
    max-width: 500px;
    aspect-ratio: 16 / 9;
  }

  .p1-f-table {
    width: 335px;
  }

  .p1-f-table thead th:first-child {
    width: 26%;
    padding-left: 9px;
  }

  .p1-f-table tbody th {
    font-size: 14px;
    padding-left: 9px;
  }

  .p1-f-table .table-note {
    font-size: 14px;
    padding-left: 9px;
  }

  .p1-g-box {
    flex-direction: column;
  }

  .p1-g-img1 {
    text-align: center;
  }

  .p1-g {
    background-image: url(../image/sp-back1.png);
    background-size: 100% auto;
  }

  .p1-g-container {
    padding-top: 74px;
    padding-bottom: 88px;
  }

  .p1-g-h3 {
    padding-top: 22px;
  }

  .p1-g-box {
    gap: 64px;
    margin-top: 64px;
  }

  .p1-g-p {
    padding: 23px 0 23px;
  }

  .p1-h-container {
    padding-bottom: 87px;
  }

  .p1-h-h4 {
    text-align: center;
    margin-top: 0px;
  }

  .p1-h-h3 h3 {
    line-height: 1.5em;
  }

  .p1-h-item {
    margin-top: 110px;
  }

  .p1-h-img {
    padding-top: 0;
    padding-left: 4%;
    padding-right: 4%;
  }

  .p1-h-span img {
    width: 77px;
  }

  .p1-h-p, .p1-h-reverse .p1-h-p {
    padding: 42px 4%;
  }

  .p1-h-h4-1, .p1-h-h4-3 {
    width: 100%;
    background-size: 100% auto;
    padding: 55px 0px;
  }

  .p1-h-reverse .p1-h-h4-4, .p1-h-h4-2 {
    width: 100%;
    background-size: 100% auto;
    padding: 65px 0px;
  }

  .p1-h-span, .p1-h-reverse .p1-h-span {
    top: -35px;
  }

  .p1-h-h4-1 h4, .p1-h-h4-3 h4 {
    display: inline-block;
    text-align: right;
  }

  .p1-h-text1, .p1-h-text2, .p1-h-text3 {
    background-image: none;
  }

  .p1-i {
    padding-top: 46px;
    padding-bottom: 60px;
  }

  .p1-i-container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .p1-i-title h3 {
    line-height: 2em;
  }

  .p1-i-box1 {
    background-color: #fff;
    background-size: 178px auto;
    background-position: bottom left;
    padding: 37px 42px 24px;
    margin-bottom: 50px;
  }

  .p1-i-item {
    justify-content: center;
  }

  .p1-i-item-sp p {
    padding: 20px 10px;
    margin-bottom: 25px;
  }

  .p1-i-item-sp p span {
    font-size: 20px;
    margin-right: 5px;
  }

  .p1-i-item-sp ul li {
    letter-spacing: 2px;
    padding-bottom: 13px;
  }

  .p1-i-item-sp-1 {
    background-color: #DEF8CA;
  }

  .p1-i-item-sp-2 {
    background-color: #FFF2F5;
  }

  .p1-i-box2 {
    background-image: url(../image/sp-back6.png);
    background-size: 178px auto;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 53px 16px;
  }

  .p1-i-ul {
    padding-left: 0;
  }

  .p1-j-container {
    padding-top: 24px;
    padding-bottom: 115px;
  }

  .p1-j-item {
    padding: 37px 20px;
    margin-top: 37px;
  }

  .p1-j {
    background-color: #FFFCE8;
    background-image: url(../image/sp-back8.png), /* 1. 最前面：一番下の画像 */ url(../image/top-back19.png);
    background-position: bottom -10px center, /* top-back20を下に */ top center;
    background-size: 100% auto, /* top-back20: 横幅いっぱい、高さ自動 */ 100% auto;
    background-repeat: no-repeat;
  }

  .p1-j-h3 h3 {
    line-height: 1.5em;
  }

  .p1-k {
    background-size: 236px auto, 217px auto;
  }

  .p1-k-container {
    padding-top: 40px;
    padding-bottom: 66px;
  }

  .p1-k-h3 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .p1-k-item {
    padding: 20px 10px;
  }

  .p1-k-h3 h3 {
    line-height: 2em;
  }

  .p1-k-price-list li {
    flex-direction: column;
    align-items: flex-start;
  }

  .p1-k-price-list li span:first-child, .p1-k-label2 {
    padding-bottom: 20px;
  }

  .p1-k-price-list li .p1-k-label2:first-of-type {
    padding-bottom: 20px;
  }

  .p1-k-price2 {
    line-height: 2em;
  }

  .p1-l-container {
    padding-top: 56px;
    padding-bottom: 50px;
  }

  .p1-l-h3 {
    margin-top: 15px;
    margin-bottom: 40px;
  }

  .p1-l-h3 h3 {
    line-height: 2em;
  }

  .p1-m {
    background-image: url(../image/sp-back11.png);
  }

  .p1-m-container {
    padding-top: 40px;
    padding-bottom: 77px;
  }

  .p1-m-title {
    text-align: center;
    margin-right: 0;
  }

  .p1-m-item {
    gap: 0;
    margin-top: 57px;
  }

  .p1-m-img1 {
    display: inline-block;
    text-align: center;
    padding-right: 0;
  }

  .p1-m-p-sp {
    text-align: left;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 46px;
  }

  .p1-m-about {
    padding: 40px 13px;
    margin-top: 23px;
  }

  .p1-m-about h3 {
    padding-bottom: 7px;
  }

  .p1-m-about p {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .p1-m-img2 {
    margin-top: 65px;
  }

  .p1-m-img2 a:last-child img {
    width: 355px;
    height: auto;
  }

  /* フッター */
  .footer-container {
    padding-top: 30px;
  }

  .footer-h3 {
    margin-top: 13px;
  }

  .footer-box {
    margin-top: 46px;
  }

  .footer-logo p {
    margin-bottom: 46px;
  }

  .footer-img {
    margin-top: 18px;
  }

  footer .p1-f-table {
    width: 335px; 
  }

  footer .p1-f-table thead th:first-child {
    width: 26%;
    padding-left: 9px;
  }

  footer .p1-f-table tbody th {
    font-size: 14px;
    padding-left: 9px;
  }

  footer .p1-f-table .table-note {
    font-size: 14px;
    padding-left: 9px;
  }

  .footer-box {
    gap: 30px;
  }

  .footer-map {
    margin-top: 0;
    margin-bottom: 32px;
  }

  .footer-map iframe {
    max-width: 630px;
    height: 307px;
  }

  .footer-img2 {
    margin-bottom: 24px;
  }

  .footer-text {
    padding-left: 0;
  }

  .copy-right {
    margin-bottom: 72px;
  }

  .sp-footer-nav {
    /* 画面最下部に固定 */
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 72px; /* 指定の高さ */
    display: flex;
    z-index: 9999;
    /* iPhoneのホームバー対策（セーフエリア） */
    padding-bottom: env(safe-area-inset-bottom);
    background-color: #fff; /* 背景色（隙間対策） */
  }

  .nav-item {
    flex: 1;           /* 5つの要素を均等に幅いっぱいに広げる */
    height: 100%;      /* 親要素(72px)に高さを合わせる */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;  /* はみ出し防止 */
  }

  .nav-item img {
    object-fit: cover; /* 画像の比率を保ったまま、枠内に収める（隙間を出さない） */
    display: block;
  }

  .tel {
    background-color: #FFDAE1;
  }

  .tel img {
    width: 29px;
    height: auto;
  }

  .web img {
    width: 69px;
    height: auto;
    margin-top: 8px;
  }

  .lein img {
    width: 38px;
    height: auto;
  }

  .map img {
    width: 71px;
    height: auto;
  }

  .back img {
    width: 37px;
    height: auto;
  }

  .web {
    background-color: #9AD969;
  }

  .lein {
    background-color: #06C755;
  }

  .map {
    background-color: #B4E58E;
  }

  .back {
    background-color: #90C06B;
  }
}

@media screen and (max-width: 500px) {
  .sp-br2, .h2-sp {
    display: block;
  }

  .h2-pc {
    display: none;
  }

  .p1-c .h2-sp {
    width: 317px;
    margin-bottom: 22px;
  }

  .p1-d .h2-sp {
    width: 272px;
  }

  .p1-e .h2-sp {
    width: 202px;
  }

  .p1-j .h2-sp {
    width: 339px;
  }

  .p1-k .h2-sp {
    width: 339px;
  }

  .p1-l .h2-sp {
    width: 344px;
  }

  .p1-g-h2 img {
    max-width: 344px;
  }

  .p1-h-h2 img {
    max-width: 350px;
  }

  .h2-sp {
    margin-left: auto;
    margin-right: auto;
  }

  .p1-d-img1 img {
    width: 375px;
  }

  .p1-e-move iframe {
    max-width: 335px;
    height: 189px;
  }

  .p1-m-img1 img {
    max-width: 310px;
  }

  .p1-h {
    background-image: url(../image/sp-back12.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 115px;
  }

  .p1-h-h4-1, .p1-h-h4-2 {
    background-position: 0 0;
  }

  .p1-h-h4 h4 {
    font-size: 24px;
  }

  .p1-h-h4-1 {
    text-align: right;
    padding: 30px 9px 44px 0;
  }

  .p1-h-span {
    top: -45px;
    left: 20px;
    transform: none;
  }

  .p1-h-reverse .p1-h-span {
    top: -40px;
    right: 20px;
    left: auto;
    transform: none;
  }

  .p1-h-text2 .p1-h-span {
    top: -40px;
  }

  .p1-h-h4-1 {
    background-image: url(../image/h-img1.png);
  }

  .p1-h-h4-2 {
    text-align: left;
    background-image: url(../image/h-img2.png);
    padding: 37px 0 37px 25px;
  }

  .p1-h-h4-3 {
    text-align: right;
    background-image: url(../image/h-img3.png);
    padding: 37px 40px 37px 0px;
  }

  .p1-h-reverse .p1-h-h4-4 {
    text-align: left;
    background-image: url(../image/h-img4.png);
    padding: 47px 0 47px 62px;
  }

  .p1-h-img img {
    width: 336px;
    box-shadow: 10px 10px #FFF7B6;
  }

  .p1-h-reverse .p1-h-img img {
    box-shadow: -10px 10px #FFF7B6;
  }

  .p1-j {
    background-image: url(../image/sp-back8.png), /* 1. 最前面：一番下の画像 */ url(../image/sp-back7.png);
    background-position: bottom -10px center, /* top-back20を下に */ top center;
    background-size: 100% auto, /* top-back20: 横幅いっぱい、高さ自動 */ 100% auto;
    background-repeat: no-repeat;
  }

  .p1-m-h2 img {
    max-width: 310px;
    height: auto;
  }

  /* フッター */
  footer {
    background-color: #DEF8CA;
    background-image: url(../image/sp-footer-back.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
  }

  .footer-text p:last-child {
    line-height: 1.5em;
  }

  .footer-logo img {
    width: 324px;
  }

}