@charset "UTF-8";

/*
Theme Name: myportfolio-bizen
Author: Ayaka Hida
Author URI: http://bizen.misaikonomu-design.tech/
*/
/*=============================
◎SM共通 改行
=============================== */
@media (min-width: 1440px) {
  .br_sm {
    display: none;
  }
}

@media (min-width: 768px) {
  .br_s {
    display: none;
  }
}

@media (max-width: 767px) {
  .br_mlxl {
    display: none;
  }
}

/*=============================
◎共通
=============================== */
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden; /* html側にもかけておく */
}

/*=============================
◎共通 吹き出し
=============================== */

/* .area_fukidasi02 {
  display: flex;
  align-items: center;
  width: fit-content;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(0deg);
  top: -30px;
  white-space: nowrap;
}

@media (min-width: 1440px) {
  .area_fukidasi02 {
    top: -50px;
  }
} */
.area_fukidasi02 {
  display: flex;
  align-items: center;
  width: fit-content;
  position: absolute;
  transform: rotate(0deg);
  left: 50%;
  transform: translateX(-50%);
  top: -30px;
  white-space: nowrap;
}
@media (min-width: 1440px) {
.area_fukidasi02 {
    top: -50px;
  }
}
.bar-l,
.bar-r {
  width: 1px;
  background: #db6767;
  height: 35px;
  transform: rotate(-20deg);
  display: block;
}

.bar-r {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

.txt_fukidasi02 {
  font:
    400 16px/1 "Kiwi Maru",
    "Noto Sans JP";
  color: #db6767;
  margin: 0 20px ;
}
@media (min-width: 768px) {
  .txt_fukidasi02 {
    font:
      400 24px/1 "Kiwi Maru",
      "Noto Sans JP";
  }
}
@media (min-width: 1440px) {
  .txt_fukidasi02 {
    font:
      400 36px/1 "Kiwi Maru",
      "Noto Sans JP";
  }
}

/*=============================
◎ボタン_hotpepper/line
=============================== */
.a_button-hotpe {
  display: inline-block;
  background: linear-gradient(to bottom, #de6c79 0%, #da2375 100%);
  border-radius: 10px;
  width: 80px;
  height: 60px;
  display: grid;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media (min-width: 768px) {
.a_button-hotpe {
  width: 150px;
}
}
@media (min-width: 1440px) {
  .a_button-hotpe {
    height: 70px;
  }
}

.a_button-hotpe-b,
.a_button-line-b {
  display: inline-block;
  background: linear-gradient(to bottom, #de6c79 0%, #da2375 100%);
  border-radius: 10px;
  width: 150px;
  height: 60px;

  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media (min-width: 768px) {
  .a_button-hotpe-b,
  .a_button-line-b {
    width: 350px;
    height: 80px;
    border-radius: 40px;
  }
}
@media (min-width: 1440px) {
  .a_button-hotpe-b,
  .a_button-line-b {
    width: 480px;
  }
}

.a_button-line {
  display: inline-block;
  width: 80px;
  height: 60px;
  background-image: linear-gradient(to bottom, #55d978 0%, #3bd09a 100%);
  border-radius: 10px;
  padding: 8px 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media (min-width: 768px) {
  .a_button-line {
  width: 150px;
}
}
@media (min-width: 1200px) {
  .a_button-line {
    padding: 7px 8px;
  }
}
@media (min-width: 1440px) {
  .a_button-line {
    height: 70px;
  }
}
.a_button-line-b {
  background-image: linear-gradient(to bottom, #82d999 0%, #80e5dd 100%);
}

.a_button-hotpe:hover,
.a_button-hotpe-b:hover {
  background: #ffacc1;
  cursor: pointer;
}

.a_button-line:hover,
.a_button-line-b:hover {
  background: #95e8ab;
  cursor: pointer;
}

.button_hotpe,
.button_line {
  display: flex;
  align-items: center;
    justify-content: center;
  width: 80%;
  height: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
 .img_button-hotpe {
  justify-content: space-between;
}
}

.img_button-hotpe {
  width: 90%;
  object-fit: contain;
}
/* @media (min-width: 1440px) {
 .img_button-hotpe {
  width: 90%;
}
} */
/* .img_button-hotpe {
    width: 90%;
    display: block;
} */

.img_button-hotpe-b {
  width: 100px;
  object-fit: contain;
  /* margin: 0 auto; */
}
@media (min-width: 768px) {
  .img_button-hotpe-b {
    width: 140px;
  }
}
@media (min-width: 1440px) {
  .img_button-hotpe-b {
    margin: 0 0 0 30px;
  }
}

.img_button-line {
  width: 44px;
  height: 43px;
  background-color: #fff;
  mask-image: url(./img/icon_line.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: contain;
  margin: 0 auto;
}
@media (min-width: 1440px) {
  .img_button-line {
    width: 60px;
    height: 57px;
    background-color: #fff;
    mask-image: url(./img/icon_line.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: contain;
  }
}

.img_button-line-b {
  width: 44px;
  height: 43px;
  background-color: #fff;
  mask-image: url(./img/icon_line.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  /* mask-position: contain; */
  margin: 5px 0px 0 0px;
}
@media (min-width: 1400px) {
  .img_button-line-b {
    width: 60px;
    height: 57px;
    background-color: #fff;
    mask-image: url(./img/icon_line.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: contain;
    margin: 3px 20px 0 30px;
  }
}

@media (max-width: 767px) {
  .txt_hot-b,
  .txt_line-b {
    display: none;
  }
}
@media (min-width: 768px) {
.txt_hot-b,
.txt_line-b {
  font: 500 20px/1 "Noto Sans JP";
  color: #ffffda;
  display: inline-block;
}
}
@media (min-width: 1440px) {
  .txt_hot-b,
  .txt_line-b {
    font: 500 24px/1 "Noto Sans JP";
  }
}

@media (min-width: 768px) {
  .figure_dainari {
    content: "";
    width: 15px;
    height: 15px;
    top: calc(50% - 1.5px);
    border-top: solid 1.5px;
    border-right: solid 1.5px;
    transform: rotate(45deg);
    color: #ffffda;
    display: inline-block;
  }
}

/*=============================
◎ttl
=============================== */
.img_mttl{
  width: 100%;
}
.area_content01{
  width: 100%;
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
.area_content01{
  top: 100px;
}
}
@media (min-width: 1440px) {
.area_content01{
  top: 300px;
}
}

.area_content02{
  width: 100%;
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
.area_content02{
  top: 100px;
}
}
@media (min-width: 1440px) {
.area_content02{
  top: 250px;
}
}
.area_ttl01 {
  display: grid;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  padding: 10px;
}

.txt006_1 {
  font: 600 24px/1 "Noto Serif JP";
  color: #c46745;
  display: block;
}
@media (min-width: 768px) {
  .txt006_1 {
    font: 600 32px/1 "Noto Serif JP";
    display: inline;
  }
}
@media (min-width: 1440px) {
  .txt006_1 {
    font: 600 40px/1 "Noto Serif JP";
  }
}

.txt006_2 {
  font: 600 24px/1 "Noto Serif JP";
  color: #c46745;
  display: inline;
}
@media (min-width: 768px) {
  .txt006_2 {
    font: 600 36px/1 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .txt006_2 {
    font: 600 50px/1 "Noto Serif JP";
  }
}

.txt007_1,
.txt008_1 {
  font: 600 24px/1.6 "Noto Serif JP";
  color: #c46745;
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  .txt007_1,
  .txt008_1 {
    font: 600 32px/1.6 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .txt007_1,
  .txt008_1 {
    font: 600 40px/1.6 "Noto Serif JP";
  }
}

.txt007_2,
.txt008_2 {
  font: 600 24px/1.5 "Noto Serif JP";
  color: #c46745;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .txt007_2,
  .txt008_2 {
    font: 600 36px/1.5 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .txt007_2,
  .txt008_2 {
    font: 600 50px/1.5 "Noto Serif JP";
  }
}

.txt008_1,
.txt008_2 {
  color: #a66f27;
}

.txt006-b1 {
  color: #c46745;
  font: 600 32px/1.25 "Noto Serif JP";
}
@media (min-width: 768px) {
  .txt006-b1 {
    font: 600 48px/1 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .txt006-b1 {
    font: 600 52px/1 "Noto Serif JP";
  }
}

.txt006-b2 {
  font: 600 36px/1 "Noto Serif JP";
}
@media (min-width: 768px) {
  .txt006-b2 {
    font: 600 48px/1 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .txt006-b2 {
    font: 600 72px/1 "Noto Serif JP";
  }
}

/*=============================
◎header
=============================== */
/* Loading背景画面設定　*/
#splash {
  /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #f39e8d;
  text-align: center;
  color: #fff;
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width: 350px;
}

/* fadeUpをするアイコンの動き */
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/*=============================
header
=============================== */
.container_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
    height: 80px;
    margin: 0 auto;
    width: 90%;
}

.container_header .area_button {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}
@media (min-width: 1000px) {
.container_header .area_button {
  margin-top: 20px;
}
}
@media (min-width: 1920px) {
.container_header.area_button {
    gap: 20px;
  }
}

/* ーーーーーーーーーーーー
rogo
ーーーーーーーーーーーーーー*/
@media (max-width: 999px) {
.container_header .img_bz-rogo01 {
display: none;
  }
}
@media (min-width: 1000px) {
.container_header .img_bz-rogo01 {
  object-fit: contain;
    height: 70px;
  }}
@media (min-width: 1920px) {
.container_header .img_bz-rogo01 {
    height: 80px;
  }
}


/*=============================
main
=============================== */
.main {
  max-width: 100%;
}
.main .bc01 {
  background: url(./img/main_bg.jpg) 50% 50% / cover no-repeat;
  width: 100%;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .main .bc01 {
  height: 1024px;
}}
@media (max-width: 999px) {
.main .img_bz-rogo02 {
  width: 125px;
  margin: 17px 0 0 10px;
}
}
@media (min-width: 1000px) {
  .main .img_bz-rogo02 {
    display: none;
      height: 1080px;
  }
}

/* ーーーーーーーーーーーー
container_m01 / area_l _r
ーーーーーーーーーーーーーー*/
.main .container_m01 {
  display: grid;
  justify-items: center;
  align-items: center;
  padding-top: 3%;
}
@media (min-width: 400px) {
.main .container_m01 {
  padding-top: 7%;
}
}
/* @media (min-width: 500px) {
.main .container_m01 {
  padding-top: 10%;
}
} */
@media (min-width: 768px) {
.main .container_m01 {
  padding-top: 20px;
}
}
@media (min-width: 1200px) {
  .main .container_m01 {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 85%;
    padding-top: 40px;
  }
}
@media (min-width: 1440px) {
  .main .container_m01 {
    align-items: start;
      padding-top: 30px;
     height: 960px;
  }
}
.main .area_l {
  display: grid;
  align-content: center;
  justify-items: center;
  width: 90%;
}
@media (min-width: 1200px) {
  .main .area_l {
width: 50%;
  }
}
@media (min-width: 1920px) {
  .main .area_l {
margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
.area_r {
display: none;
}
}
@media (min-width: 1200px) {
.main .area_r {
  width: 50%;
    padding-top: 50px;
}
}

/* ーーーーーーーーーーーー
画像-リボン（一度の施術で…）
ーーーーーーーーーーーーーー*/
.main .img_txt-ribon {
  width: 100%;
  object-fit: contain;

}
@media (min-width: 768px) {
.main .img_txt-ribon {
  width: 550px;
}}

/* ーーーーーーーーー
main-per
ーーーーーーーーーー*/
.main .img_main-per{
  width:50%;
  object-fit: contain;
}
 @media (min-width: 1200px) {
  .main .img_main-per {
    width: 100%;
    max-width: 600px;
  }
}
@media (min-width: 1440px) {
  .main .img_main-per {
    max-width: 700px;
  }
}

/* ーーーーーーーーー
メインコピー
ーーーーーーーーーー*/
@media (min-width: 1300px) {
 .main .area_txt02 {
    padding: 20px 0;
  }
}

.main .txt02-1{
  font: 600 30px/1.4 "Noto Serif JP";
  color: #db6767;
  text-align: center;
  width: fit-content;
  white-space: nowrap;
  font-feature-settings: "palt";
}
.main .txt02-2 {
  font: 600 48px/1.4 "Noto Serif JP";
  color: #db6767;
  text-align: center;
  white-space: nowrap;
  font-feature-settings: "palt";
}
  .main .txt02-2 span {
    font: 600 36px/1.4 "Noto Serif JP";
  }
@media (min-width: 768px) {
  .main .txt02-1 {
    font: 600 48px/1.4 "Noto Serif JP";
  }
  .main .txt02-2 {
    font: 600 72px/1.4 "Noto Serif JP";
    letter-spacing: 0.06em;
  }
  .main .txt02-2 span {
    font: 600 68px/1.4 "Noto Serif JP";
  }
}
/* ーーーーーーーーー
border線
ーーーーーーーーーー*/
.main .border_main {
    display: inline-block;
  background: linear-gradient(
    to right,
    rgba(238, 140, 140, 0) 0%,
    rgba(238, 140, 140, 1) 10%,
    rgba(238, 140, 140, 1) 90%,
    rgba(238, 140, 140, 0) 100%
  );
    height: 1px;
      width: 95%;
margin: 10px 0 0;
}
@media (min-width: 768px) {
.main .border_main {
  width: 550px;
  margin: 20px 0;
}}
/* ーーーーーーーーー
下北沢徒歩1分
ーーーーーーーーーー*/
.main .txt03 {
  color: #db6767;
  font-feature-settings: "palt";
      font: 500 24px/1.4 "Noto serif JP";
}
@media (min-width: 768px) {
  .main .txt03 .moji {
      font: 500 30px/1.4 "Noto serif JP";
    letter-spacing: 0.08em;
    font-feature-settings: "palt";
  }
}

.main .txt03 .s-moji-1 {
  font: 500 24px/1.4 "Noto serif JP";
  letter-spacing: -0.03em;
}
.main .txt03 .s-moji-2 {
  font: 500 24px/1.4 "Noto serif JP";
  letter-spacing: 0.05em;
}
.main .txt03 .obun-moji {
  font: 500 italic 40px/1.4 "Noto serif JP";
}
/* ーーーーーーーーー
kaizen01
ーーーーーーーーーー*/
@media (max-width: 1199px) {
.area_kaizen-1200{
  display: none;
}
}
@media (max-width: 1199px) {
.img_kaizen01{
display: none;
}
}
@media (min-width: 1200px) {
.img_kaizen01{
  margin: 20px 0 0;
  width: 450px;
  object-fit: contain;
}
}
@media (min-width: 1920px) {
.img_kaizen01{
  margin: 20px 0 ;
  width: 500px;
}
}
/* ーーーーーーーーー
kaizen02
ーーーーーーーーーー*/
.img_kaizen02{
  margin: 10px 10px 0;
  width:100%;
  max-width: 600px;
  object-fit: contain;
  padding-right: 3%;
}
@media (min-width: 768px) {
.img_kaizen02{
  width: 90%;
  margin: 20px 0 0;
}
}
@media (min-width: 1200px) {
.img_kaizen02{
display: none;
}
}
/*=============================
Before-After
=============================== */
.bef-af .bc02 {
  background: rgb(255, 230, 215);
  width: 100%;
  position: relative;
  height: 2600px;
}
@media (min-width: 768px) {
.bef-af .bc02 {
  height: 1550px;
  }
}
@media (min-width: 1440px) {
.bef-af .bc02 {
      height: 2200px;
  }
}
@media (min-width: 1920px) {
.bef-af .bc02 {
  height: 2650px;
  }
}
@media (min-width: 768px) {
.bef-af .area_ttl01 {
margin-top: 20px;
}}
  /* ーーーーーーーーー
◎ area_fukidasi02
ーーーーーーーーーー*/

/* ーーーーーーーーー
6パターン
ーーーーーーーーーー*/
.bef-af .container03 {
  display: grid;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  gap: 0px;
}
@media (min-width: 768px) {
  .bef-af .container03 {
    margin: 50px 0 0 0;
  }
}
@media (min-width: 1440px) {
  .bef-af .container03 {
    margin: 100px 0 0 0;
    gap: 40px;
  }
}
@media (min-width: 1920px) {
  .bef-af .container03 {
    gap: 130px;
  }
}
.bef-af .container04 {
  display: static;
}
@media (min-width: 768px) {
  .bef-af .container04 {
    display: flex;
    gap: 15px;
  }
}
@media (min-width: 1200px) {
  .bef-af .container04 {
    gap: 80px;
  }
}
@media (min-width: 1920px) {
  .bef-af .container04 {
    gap: 180px;
  }
}
.bef-af .container05 {
  display: grid;
  position: relative;
  margin: 100px 0 0 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 768px) {
  .bef-af .container05 {
    margin: 0 0 0 0;
  }
}
@media (min-width: 1440px) {
  .bef-af .container05 {
    margin: 100px 0 0 0;
  }
}
.bef-af .container05-l {
  display: grid;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 100px 0 0 0;
}
.bef-af .container06 {
  display: flex;
}
.bef-af .container07 {
  display: grid;
}
.bef-af .area_txt07,
.bef-af .area_txt07-2 {
  position: relative;
  position: absolute;
  height: 100px;
  right: 0;
  top: -70px;
}
@media (min-width: 768px) {
  .bef-af .area_txt07,
  .bef-af .area_txt07-2 {
    top: -10px;
  }
}
@media (min-width: 1440px) {
  .bef-af .area_txt07,
  .bef-af .area_txt07-2 {
    top: -100px;
  }
}
.bef-af .area_txt07-2 {
  top: -50px;
}
@media (min-width: 1440px) {
  .bef-af .area_txt07-2 {
    top: -70px;
  }
}
.bef-af .area_figure-dainari {
  position: relative;
  margin: 0 auto;
  width: 5px;
}
@media (min-width: 1440px) {
  .bef-af .area_figure-dainari {
    width: 40px;
  }
}
.bef-af .figure_dainari-1,
.bef-af .figure_dainari-2 {
  content: "";
  width: 10px;
  aspect-ratio: 1/1;
  position: absolute;
  left: -5px;
  top: calc(50% + 10px);
  border-top: solid 1px;
  border-right: solid 1px;
  transform: rotate(45deg) translateY(-50%);
  color: #9a5d3d;
}
@media (min-width: 1440px) {
  .bef-af .figure_dainari-1,
  .bef-af .figure_dainari-2 {
    left: 0px;
    width: 15px;
    top: calc(50% + 15px);
  }
}
.bef-af .figure_dainari-2 {
  left: -10px;
}
@media (min-width: 1440px) {
  .bef-af .figure_dainari-2 {
    left: 5px;
  }
}
.bef-af .img_border01,
.bef-af .img_border03,
.bef-af .img_border06 {
  background: url(./img/txt07_bfaf-s.png) 50% 50% / contain no-repeat;
  width: 130px;
  height: 30px;
  position: absolute;
  z-index: 99;
  top: 10px;
}
@media (min-width: 1440px) {
  .bef-af .img_border01,
  .bef-af .img_border03,
  .bef-af .img_border06 {
    width: 170px;
    height: 30px;
    top: 22px;
  }
}
.bef-af .img_border02,
.bef-af .img_border04,
.bef-af .img_border05 {
  position: absolute;
  z-index: 99;
  background: url(./img/txt07_bfaf-l.png) 50% 50% / contain no-repeat;
  width: 170px;
  height: 30px;
  top: 30px;
  left: 25px;
}
@media (min-width: 1440px) {
  .bef-af .img_border02,
  .bef-af .img_border04,
  .bef-af .img_border05 {
    width: 250px;
    height: 40px;
    top: 45px;
    left: 20px;
  }
}
.bef-af .img_border03 {
  width: 100px;
  height: 15px;
  top: 10px;
}
@media (min-width: 1440px) {
  .bef-af .img_border03 {
    width: 120px;
    height: 20px;
    top: 20px;
  }
}
.bef-af .img_border04 {
  width: 130px;
  height: 30px;
  top: 15px;
}
@media (min-width: 1440px) {
  .bef-af .img_border04 {
    width: 200px;
    height: 35px;
    top: 30px;
  }
}
.bef-af .img_border05 {
  width: 155px;
  height: 30px;
  top: 23px;
}
@media (min-width: 1440px) {
  .bef-af .img_border05 {
    width: 200px;
    height: 35px;
    top: 30px;
  }
}
.bef-af .img_border06 {
  top: 5px;
}
@media (min-width: 1440px) {
  .bef-af .img_border06 {
    top: 17px;
  }
}
.bef-af .img_case01-bf,
.bef-af .img_case01-af,
.bef-af .img_case02-bf,
.bef-af .img_case02-af,
.bef-af .img_case03-bf,
.bef-af .img_case03-af,
.bef-af .img_case04-bf,
.bef-af .img_case04-af,
.bef-af .img_case05-bf,
.bef-af .img_case05-af,
.bef-af .img_case06-bf,
.bef-af .img_case06-af {
  background: url(./img/肩01_bf.jpg) 50% 50% / cover no-repeat;
  border-radius: 4px;
  width: 180px;
  height: 264px;
}
@media (min-width: 1440px) {
  .bef-af .img_case01-bf,
  .bef-af .img_case01-af,
  .bef-af .img_case02-bf,
  .bef-af .img_case02-af,
  .bef-af .img_case03-bf,
  .bef-af .img_case03-af,
  .bef-af .img_case04-bf,
  .bef-af .img_case04-af,
  .bef-af .img_case05-bf,
  .bef-af .img_case05-af,
  .bef-af .img_case06-bf,
  .bef-af .img_case06-af {
    width: 250px;
    height: 367px;
  }
}
@media (min-width: 1920px) {
  .bef-af .img_case01-bf,
  .bef-af .img_case01-af,
  .bef-af .img_case02-bf,
  .bef-af .img_case02-af,
  .bef-af .img_case03-bf,
  .bef-af .img_case03-af,
  .bef-af .img_case04-bf,
  .bef-af .img_case04-af,
  .bef-af .img_case05-bf,
  .bef-af .img_case05-af,
  .bef-af .img_case06-bf,
  .bef-af .img_case06-af {
    width: 300px;
    height: 440px;
  }
}
.bef-af .img_case01-af {
  background: url(./img/肩01_af.jpg) 50% 50% / cover no-repeat;
}
.bef-af .img_case02-bf {
  background: url(./img/顔01_bf.jpg) 50% 50% / cover no-repeat;
}
.bef-af .img_case02-af {
  background: url(./img/顔01_af.jpg) 50% 50% / cover no-repeat;
}
.bef-af .img_case03-bf {
  background: url(./img/姿勢03_bf.jpg) 50% 50% / cover no-repeat;
}
.bef-af .img_case03-af {
  background: url(./img/姿勢03_af.jpg) 50% 50% / cover no-repeat;
}
.bef-af .img_case04-bf {
  background: url(./img/姿勢02_bf.jpg) 50% 50% / cover no-repeat;
}
.bef-af .img_case04-af {
  background: url(./img/姿勢02_af.jpg) 50% 50% / cover no-repeat;
}
.bef-af .img_case05-bf {
  background: url(./img/腹01_bf.jpg) 50% 50% / cover no-repeat;
}
.bef-af .img_case05-af {
  background: url(./img/腹01_af.jpg) 50% 50% / cover no-repeat;
}
.bef-af .img_case06-bf {
  background: url(./img/姿勢01_bf.jpg) 50% 90% / cover no-repeat;
}
.bef-af .img_case06-af {
  background: url(./img/姿勢01_af.jpg) 50% 90% / cover no-repeat;
}

.txt07_1,
.txt07_2,
.txt07_3 {
  font:
    400 16px/1 "Kiwi Maru",
    "Noto Sans JP";
  color: #e47d6a;
  -webkit-transform: rotate(-8deg);
  transform: rotate(-8deg);
  margin: 0 0 0 10px;
}
@media (min-width: 1440px) {
  .txt07_1,
  .txt07_2,
  .txt07_3 {
    font:
      400 24px/1 "Kiwi Maru",
      "Noto Sans JP";
  }
}

.txt07_2 {
  margin: 10px 0 0 30px;
}

.txt07_3 {
  margin: 20px 0 0 20px;
}
@media (min-width: 1440px) {
  .txt07_3 {
    margin: 20px 0 0 10px;
  }
}

.txt08 {
  font:
    400 16px/1 "Paprika",
    "Noto Serif JP";
  color: #9a5d3d;
  margin: 0 0 10px 0;
  text-align: right;
}
@media (min-width: 1440px) {
  .txt08 {
    font:
      400 20px/1 "Paprika",
      "Noto Serif JP";
  }
}

/*=============================
voice
=============================== */
.voice .bc01 {
  background: #fff2ed;
  position: relative;
  width: 100%;
        height: 2000px;
}

@media (min-width: 768px) {
  .voice .bc01 {
      height: 1680px;
  }
}

 @media (min-width: 1440px) {
  .voice .bc01 {
      height: 2560px;
  }
}

 @media (min-width: 1920px) {
  .voice .bc01 {
      height: 2600px;
  }
}

.voice .area_ttl02 {
  margin: 0 auto;
  width: fit-content;
}
@media (min-width: 1200px) {
  .voice .area_ttl02 {
    margin: 20px auto;
  }
}
@media (min-width: 1440px) {
  .voice .area_ttl02 {
    margin: 0px auto;
  }
}

 .voice .container00 {
  margin: 50px 0 0 0;
}
 @media (min-width: 1440px) {
.voice .container00 {
  margin: 100px 0 0 0;
}
 }
.voice .container01_1 {
  margin: 60px 0 15px 0;
  height: 510px;
  background: #fff;
  overflow: hidden;
}
@media (min-width: 768px) {
  .voice .container01_1 {
    border-top-right-radius: 100px;
    width: 720px;
    height: 360px;
    margin: 60px 0 0 0;
    -webkit-box-shadow: 8px 8px 4px rgba(158, 108, 99, 0.3);
    box-shadow: 8px 8px 4px rgba(158, 108, 99, 0.3);
  }
}
@media (min-width: 1440px) {
  .voice .container01_1 {
    width: 1400px;
    height: 600px;
  }
}
@media (min-width: 1920px) {
  .voice .container01_1 {
    width: 1700px;
  }
}
.voice .container01_2 {
  margin: 0 0 15px 0;
  height: 515px;
  background: #fff;
  overflow: hidden;
}
@media (min-width: 768px) {
  .voice .container01_2 {
    margin: 60px 0;
    border-top-left-radius: 100px;
    width: 720px;
    height: 360px;
    position: absolute;
    right: 0;
    -webkit-box-shadow: 8px 8px 4px rgba(158, 108, 99, 0.3);
    box-shadow: 8px 8px 4px rgba(158, 108, 99, 0.3);
  }
}
@media (min-width: 1440px) {
  .voice .container01_2 {
    width: 1400px;
    height: 600px;
  }
}
@media (min-width: 1920px) {
  .voice .container01_2 {
    width: 1700px;
  }
}
.voice .container01_3 {
  margin: 0 0 0 0;
  height: 630px;
  background: #fff;
  overflow: hidden;
}
@media (min-width: 768px) {
  .voice .container01_3 {
    border-top-right-radius: 100px;
    margin: 480px 0 0 0;
    height: 450px;
    width: 720px;
    -webkit-box-shadow: 8px 8px 4px rgba(158, 108, 99, 0.3);
    box-shadow: 8px 8px 4px rgba(158, 108, 99, 0.3);
  }
}
@media (min-width: 1440px) {
  .voice .container01_3 {
    margin: 720px 0 0 0;
    width: 1400px;
    height: 600px;
  }
}
@media (min-width: 1920px) {
  .voice .container01_3 {
    width: 1700px;
  }
}
.voice .container02_1 {
  background:
    linear-gradient(
      to bottom,
      rgb(255, 255, 255) 0%,
      rgba(255, 255, 255, 0.6) 40%,
      rgba(255, 255, 255, 0.6) 60%,
      rgb(255, 255, 255) 100%
    ),
    url(./img/voice-bg01.jpg) 0% 0% / contain no-repeat;
  padding: 40px 0;
}
@media (min-width: 768px) {
  .voice .container02_1 {
    width: 450px;
    height: 333px;
    margin: 0 0 0 275px;
    padding: 40px 0 0 0px;
    background:
      linear-gradient(
        to left,
        rgb(255, 255, 255) 0%,
        rgba(255, 255, 255, 0.6) 20%,
        rgba(255, 255, 255, 0.6) 80%,
        rgb(255, 255, 255) 100%
      ),
      url(./img/voice-bg01.jpg) 0% 0% / contain no-repeat;
  }
}
@media (min-width: 1440px) {
  .voice .container02_1 {
    margin: 0 0 0 500px;
    padding: 100px 0 0 0px;
    width: 900px;
    height: 600px;
  }
}
@media (min-width: 1920px) {
  .voice .container02_1 {
    width: 1200px;
    padding: 100px 350px 0 0px;
    margin: 0 0 0 500px;
    background:
      linear-gradient(
        to left,
        rgb(255, 255, 255) 0%,
        rgba(255, 255, 255, 0.6) 20%,
        rgba(255, 255, 255, 0.6) 60%,
        rgb(255, 255, 255) 70%
      ),
      url(./img/voice-bg01.jpg) 100% 0% / contain no-repeat;
  }
}
.voice .container02_2 {
  background:
    linear-gradient(
      to bottom,
      rgb(255, 255, 255) 0%,
      rgba(255, 255, 255, 0.7) 10%,
      rgba(255, 255, 255, 0.7) 35%,
      rgb(255, 255, 255) 45%
    ),
    url(./img/voice-bg02.jpg) 0% 0% / contain no-repeat;
  padding: 40px 0;
}
@media (min-width: 768px) {
  .voice .container02_2 {
    width: 500px;
    margin: 0 275px 0 0;
    background:
      linear-gradient(
        to left,
        rgb(255, 255, 255) 20%,
        rgba(255, 255, 255, 0.7) 30%,
        rgba(255, 255, 255, 0.7) 60%,
        rgb(255, 255, 255) 100%
      ),
      url(./img/voice-bg02.jpg) 50% 50% / contain no-repeat;
  }
}
@media (min-width: 1440px) {
  .voice .container02_2 {
    margin: 0 500px 0 0;
    padding: 100px 0 0 0;
    width: 900px;
    height: 600px;
    background:
      linear-gradient(
        to left,
        rgb(255, 255, 255) 0%,
        rgba(255, 255, 255, 0.7) 10%,
        rgba(255, 255, 255, 0.7) 40%,
        rgb(255, 255, 255) 100%
      ),
      url(./img/voice-bg02.jpg) 50% 50% / contain no-repeat;
  }
}
@media (min-width: 1920px) {
  .voice .container02_2 {
    width: 1200px;
    padding: 100px 0 0 450px;
    margin: 0 500px 0 0;
    background:
      linear-gradient(
        to left,
        rgb(255, 255, 255) 30%,
        rgba(255, 255, 255, 0.7) 40%,
        rgba(255, 255, 255, 0.7) 90%,
        rgb(255, 255, 255) 100%
      ),
      url(./img/voice-bg02.jpg) -20% 100% / contain no-repeat;
  }
}
.voice .container02_3 {
  background:
    linear-gradient(
      to bottom,
      rgb(255, 255, 255) 0%,
      rgba(255, 255, 255, 0.8) 10%,
      rgba(255, 255, 255, 0.8) 50%,
      rgb(255, 255, 255) 60%
    ),
    url(./img/voice-bg03.jpg) 0% 0% / contain no-repeat;
  padding: 40px 0;
}
@media (min-width: 768px) {
  .voice .container02_3 {
    width: 450px;
    height: 300px;
    margin: 0 0 0 275px;
    background:
      linear-gradient(
        to left,
        rgb(255, 255, 255) 0%,
        rgba(255, 255, 255, 0.8) 20%,
        rgba(255, 255, 255, 0.8) 80%,
        rgb(255, 255, 255) 100%
      ),
      url(./img/voice-bg03.jpg) 0% 15% / contain no-repeat;
  }
}
@media (min-width: 1440px) {
  .voice .container02_3 {
    margin: 0 0 0 500px;
    padding: 100px 0 0 0px;
    width: 900px;
    height: 600px;
  }
}
@media (min-width: 1920px) {
  .voice .container02_3 {
    width: 1200px;
    padding: 100px 350px 0 0px;
    margin: 0 0 0 500px;
    background:
      linear-gradient(
        to left,
        rgb(255, 255, 255) 0%,
        rgba(255, 255, 255, 0.7) 20%,
        rgba(255, 255, 255, 0.7) 50%,
        rgb(255, 255, 255) 60%
      ),
      url(./img/voice-bg03.jpg) 150% 50% / contain no-repeat;
  }
}
.voice .container03_1 {
  display: flex;
  margin: 30px auto 40px auto;
  width: 340px;
}
@media (min-width: 768px) {
  .voice .container03_1 {
    display: static;
    margin: 30px 35px;
    width: 380px;
  }
}
@media (min-width: 1440px) {
  .voice .container03_1 {
    width: 800px;
    margin: 40px 0 0 0;
  }
}
.voice .container03_2 {
  display: flex;
  margin: 30px auto 40px auto;
  width: 340px;
}
@media (min-width: 768px) {
  .voice .container03_2 {
    display: static;
    margin: 30px 35px;
    width: 380px;
  }
}
@media (min-width: 1440px) {
  .voice .container03_2 {
    width: 800px;
    margin: 40px 0 0 90px;
  }
}
@media (min-width: 1920px) {
  .voice .container03_2 {
    width: 800px;
    margin: 40px 0 0 0;
  }
}
.voice .container03_3 {
  display: flex;
  margin: 0 auto 40px auto;
  width: 340px;
}
@media (min-width: 768px) {
  .voice .container03_3 {
    display: static;
    margin: 30px 35px;
    width: 380px;
  }
}
@media (min-width: 1440px) {
  .voice .container03_3 {
    width: 800px;
    margin: 40px 35px 0 0;
  }
}
.voice .area_img-per01 {
  width: 180px;
  position: relative;
}
@media (min-width: 768px) {
  .voice .area_img-per01 {
    width: 0px;
  }
}
.voice .img_per01,
.voice .img_per02,
.voice .img_per03 {
  width: 221px;
  -o-object-position: 100% 0%;
  object-position: 100% 0%;
  position: absolute;
  left: -40px;
  top: 30px;
}
@media (min-width: 768px) {
  .voice .img_per01,
  .voice .img_per02,
  .voice .img_per03 {
    width: 280px;
    left: -300px;
    top: -170px;
  }
}
@media (min-width: 1440px) {
  .voice .img_per01,
  .voice .img_per02,
  .voice .img_per03 {
    width: 436px;
    left: -450px;
    top: -250px;
  }
}
.voice .img_per02 {
  left: -10px;
  top: 65px;
}
@media (min-width: 768px) {
  .voice .img_per02 {
    left: 15px;
    top: -140px;
  }
}
@media (min-width: 1440px) {
  .voice .img_per02 {
    top: -240px;
  }
}
@media (min-width: 1920px) {
  .voice .img_per02 {
    left: -10px;
  }
}
.voice .img_per03 {
  left: -30px;
  top: 30px;
}
@media (min-width: 768px) {
  .voice .img_per03 {
    left: -300px;
    top: -400px;
  }
}
@media (min-width: 1440px) {
  .voice .img_per03 {
    left: -470px;
    top: -550px;
  }
}
.voice .txt01_1,
.voice .txt01_2 {
  font: 600 20px/1.4 "Noto Serif JP";
  color: #dd6752;
  width: 330px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .voice .txt01_1,
  .voice .txt01_2 {
    margin: 0 40px;
  }
}
@media (min-width: 1440px) {
  .voice .txt01_1,
  .voice .txt01_2 {
    font: 600 32px/1.4 "Noto Serif JP";
    width: auto;
    margin: 0 0 0 0;
  }
}
@media (min-width: 1440px) {
  .voice .txt01_2 {
    margin: 0 0 0 90px;
  }
}
@media (min-width: 1920px) {
  .voice .txt01_2 {
    margin: 0px;
  }
}
.voice .txt02_1,
.voice .txt02_2 {
  font: 600 16px/1 "Noto Serif JP";
  color: #592c14;
  width: 330px;
  border-bottom: solid 1px #f29483;
  text-align: right;
  margin: 40px auto 0 auto;
  padding: 0 0 5px 0;
}
@media (min-width: 768px) {
  .voice .txt02_1,
  .voice .txt02_2 {
    padding: 0 30px 5px 0;
    margin: 30px auto 0 auto;
    width: 450px;
  }
}
@media (min-width: 1440px) {
  .voice .txt02_1,
  .voice .txt02_2 {
    font: 600 24px/1 "Noto Serif JP";
    width: 900px;
    margin: 60px auto 0 auto;
    padding: 0 90px 10px 0;
  }
}
@media (min-width: 1920px) {
  .voice .txt02_1,
  .voice .txt02_2 {
    width: 800px;
    margin: 60px 0 0 0;
    padding: 0 0 10px 0;
  }
}
@media (min-width: 1440px) {
  .voice .txt02_2 {
    padding: 0 0 10px 0;
  }
}
.voice .txt03_1 {
  font: 500 16px/1.8 "Noto Serif JP";
  color: #592c14;
  width: 200px;
}
@media (min-width: 768px) {
  .voice .txt03_1 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 1440px) {
  .voice .txt03_1 {
    font: 500 24px/1.9 "Noto Serif JP";
  }
}
.voice .txt03_2 {
  font: 500 16px/1.8 "Noto Serif JP";
  color: #592c14;
  width: 176px;
  margin: 0 0 0 12px;
}
@media (min-width: 768px) {
  .voice .txt03_2 {
    display: none;
  }
}
.voice .txt03_3-1 {
  font: 500 16px/1.8 "Noto Serif JP";
  color: #592c14;
  width: 340px;
  margin: 30px auto 0 auto;
}
@media (min-width: 768px) {
  .voice .txt03_3-1 {
    display: none;
  }
}
@media (max-width: 767px) {
  .voice .txt03_3-2 {
    display: none;
  }
}
@media (min-width: 768px) {
  .voice .txt03_3-2 {
    font: 500 16px/1.8 "Noto Serif JP";
    color: #592c14;
    width: 380px;
    margin: 30px 35px;
  }
}
@media (min-width: 1440px) {
  .voice .txt03_3-2 {
    font: 500 24px/1.9 "Noto Serif JP";
    width: 818px;
    margin: 40px 0 0 0;
  }
}

/*=============================
add01
=============================== */
.add01 .bc01 {
  background: url(./img/add_bg.jpg);
  padding: 80px 0 90px 0;
}
@media (min-width: 768px) {
  .add01 .bc01 {
    padding: 100px 0 110px 0;
  }
}
@media (min-width: 1440px) {
  .add01 .bc01 {
    padding: 120px 0 140px 0;
  }
}
.add01 .area_txt02 {
  margin: 40px auto 0 auto;
}
@media (min-width: 768px) {
  .add01 .area_txt02 {
    margin: 60px auto 0 auto;
    width: 540px;
  }
}
@media (min-width: 1440px) {
  .add01 .area_txt02 {
    margin: 100px auto 0 auto;
    width: 790px;
  }
}
.add01 .area_txt03,
.add01 .area_txt04 {
  width: 320px;
  height: 110px;
  background: #ffffcc;
  margin: 30px auto 40px auto;
  padding: 10px 0 0 15px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .add01 .area_txt03,
  .add01 .area_txt04 {
    background: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 10px auto 40px auto;
    padding: 10px 0 0 30px;
  }
}
@media (min-width: 1440px) {
  .add01 .area_txt03,
  .add01 .area_txt04 {
    margin: 10px auto 80px auto;
  }
}
.add01 .area_txt04 {
  margin: 40px auto 40px auto;
}
@media (min-width: 768px) {
  .add01 .area_txt04 {
    margin: 60px auto 90px auto;
    padding: 10px 0 0 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 1440px) {
  .add01 .area_txt04 {
    margin: 60px auto 110px auto;
  }
}
.add01 .txt01,
.add01 .txt01_irr {
  background: linear-gradient(to right, #eb9659, #a36646);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font: 700 30px/1.3 "Noto Serif JP";
  text-shadow:
    2px 2px 5px rgba(248, 193, 74, 0.3),
    -2px -2px 10px rgba(248, 193, 74, 0.3);
  margin: 0 auto;
}
@media (min-width: 768px) {
  .add01 .txt01,
  .add01 .txt01_irr {
    font: 700 48px/1.3 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .add01 .txt01,
  .add01 .txt01_irr {
    font: 700 64px/1.3 "Noto Serif JP";
  }
}
.add01 .txt01_irr {
  font: 700 26px/1.3 "Noto Serif JP";
}
@media (min-width: 768px) {
  .add01 .txt01_irr {
    font: 700 48px/1.3 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .add01 .txt01_irr {
    font: 700 64px/1.3 "Noto Serif JP";
  }
}
.add01 .txt01_s {
  font: 700 24px/1.3 "Noto Serif JP";
}
@media (min-width: 768px) {
  .add01 .txt01_s {
    font: 700 30px/1.3 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .add01 .txt01_s {
    font: 700 36px/1.3 "Noto Serif JP";
  }
}
.add01 .txt02_1,
.add01 .txt02_2 {
  font: 600 24px/1 "Noto Serif JP";
  color: #9a5d3d;
  text-align: center;
}
@media (min-width: 768px) {
  .add01 .txt02_1,
  .add01 .txt02_2 {
    font: 600 30px/1 "Noto Serif JP";
    display: inline;
  }
}
@media (min-width: 1440px) {
  .add01 .txt02_1,
  .add01 .txt02_2 {
    font: 600 36px/1 "Noto Serif JP";
  }
}
.add01 .syasen {
  font: 600 32px/1 "Noto Serif JP";
  color: #e47323;
  position: relative;
}
@media (min-width: 1440px) {
  .add01 .syasen {
    font: 600 40px/1 "Noto Serif JP";
  }
}
.add01 .syasen::after {
  content: "";
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
  width: 100%;
  border-top: 1px solid #592c14;
  position: absolute;
  top: 50%;
  left: 0;
}
.add01 .txt03_1,
.add01 .txt03_2 {
  font: 600 30px/1.3 "Noto Serif JP";
  color: #9a5d3d;
  text-align: center;
}
@media (min-width: 768px) {
  .add01 .txt03_1,
  .add01 .txt03_2 {
    font: 600 36px/1.3 "Noto Serif JP";
    display: inline;
    text-align: right;
  }
}
@media (min-width: 1440px) {
  .add01 .txt03_1,
  .add01 .txt03_2 {
    font: 600 48px/1 "Noto Serif JP";
  }
}
.add01 .txt03_2-b {
  font: 600 48px/1 "Noto Serif JP";
  color: #e47323;
}
@media (min-width: 1440px) {
  .add01 .txt03_2-b {
    font: 600 64px/1 "Noto Serif JP";
    padding: 0 0 0 10px;
  }
}
@media (min-width: 768px) {
  .add01 .border,
  .add01 .border02 {
    background: #ffffcc;
    width: 490px;
    height: 25px;
    margin: 55px auto;
  }
}
@media (min-width: 1440px) {
  .add01 .border{
    margin: 70px auto 80px auto;
    width: 625px;
  }
}
@media (min-width: 768px) {
  .add01 .border02 {
    width: 500px;
    margin: 100px auto 70px auto;
  }
}
@media (min-width: 1440px) {
  .add01 .border02 {
        width: 625px;
    margin: 115px auto 100px auto;
  }
}
.add01 .area_button {
  display: flex;
  gap: 20px;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/*=============================
onayami
=============================== */
.onayami {
  position: relative;
}
.onayami .area_bg {
  height: 700px;
  overflow: hidden;
  display: block;
  position: relative;
}
@media (min-width: 1440px) {
  .onayami .area_bg {
    height: 830px;
  }
}
.onayami .area_bg::after {
  content: "";
  position: absolute;
  background-color: rgba(236, 243, 232, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.onayami .area_img-bg01 {
  height: 370px;
  margin: -50px -50px;
  position: relative;
}
@media (min-width: 768px) {
  .onayami .area_img-bg01 {
    height: 120%;
    position: absolute;
    bottom: 0px;
    margin: 0;
    right: -10%;
    overflow: hidden;
  }
}
@media (min-width: 1440px) {
  .onayami .area_img-bg01 {
    /* left: 15%; */
    right: -20%;
  }
}
.onayami .area_img-bg02 {
  height: 400px;
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  margin: -80px -50px -50px -50px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .onayami .area_img-bg02 {
    width: 65%;
    height: 80%;
    margin: -150px 0 0 -150px;
    position: absolute;
    overflow: visible;
  }
}
@media (min-width: 1440px) {
  .onayami .area_img-bg02 {
    margin: -150px 0 0 -230px;
  }
}
.onayami .area_img-bg03 {
  height: 350px;
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  margin: -170px -50px 0px -50px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .onayami .area_img-bg03 {
    width: 75%;
    height: 70%;
    bottom: -20%;
    right: 30%;
    position: absolute;
    margin: 0;
  }
}
.onayami .img_bg01 {
  width: 150%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  margin: 0 -200px;
}
@media (min-width: 768px) {
  .onayami .img_bg01 {
    width: 100%;
    margin: 0px;
  }
}
.onayami .img_bg02 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: 50% 50%;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
  margin-top: -100px;
}
@media (min-width: 768px) {
  .onayami .img_bg02 {
    height: 120%;
    margin-top: 0px;
  }
}
.onayami .img_bg03 {
  width: 120%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: 50% 0%;
  margin-top: -100px;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
.onayami .area_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 99;
  width: 100%;
  height: 440px;
  display: grid;
  -ms-flex-line-pack: center;
  align-content: center;
  background: radial-gradient(
    ellipse 220px 220px at 50% 50%,
    rgba(255, 255, 255, 0.7) 0%,
    rgba(255, 255, 255, 0.7) 95%,
    rgba(255, 255, 255, 0) 100%
  );
}
@media (min-width: 768px) {
  .onayami .area_txt {
    height: 600px;
    background: radial-gradient(
      ellipse 300px 300px at 50% 50%,
      rgba(238, 241, 237, 0.7) 0%,
      rgba(238, 241, 237, 0.7) 95%,
      rgba(255, 255, 255, 0) 100%
    );
  }
}
@media (min-width: 1440px) {
  .onayami .area_txt {
    height: 760px;
    background: radial-gradient(
      ellipse 380px 380px at 50% 50%,
      rgba(238, 241, 237, 0.7) 0%,
      rgba(238, 241, 237, 0.7) 95%,
      rgba(255, 255, 255, 0) 100%
    );
  }
}
.onayami .txt01 {
  font: 600 26px/1.4 "Noto Serif JP";
  color: #834128;
  text-align: center;
  margin: 0 0 30px 0;
}
@media (min-width: 768px) {
  .onayami .txt01 {
    font: 600 36px/1.4 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .onayami .txt01 {
    font: 600 48px/1.4 "Noto Serif JP";
    margin: 0 0 70px 0;
  }
}
.onayami .txt01_b {
  font: 600 32px/1.7 "Noto Serif JP";
}
@media (min-width: 768px) {
  .onayami .txt01_b {
    font: 600 48px/1.4 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .onayami .txt01_b {
    font: 600 64px/1.4 "Noto Serif JP";
  }
}
.onayami .txt02 {
  font: 600 18px/2.2 "Noto Serif JP";
  color: #592c14;
  text-align: center;
  letter-spacing: 0.08em;
}
@media (min-width: 768px) {
  .onayami .txt02 {
    font: 600 20px/2.2 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .onayami .txt02 {
    font: 600 32px/2.2 "Noto Serif JP";
  }
}

/*=============================
method
=============================== */
.method {
  position: relative;
  overflow: hidden;
}
.method .triangle {
  background: rgb(219, 222, 217);
  height: 30px;
  width: 69.2820323028px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  z-index: 99;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow: -4px -4px 4px rgba(158, 108, 99, 0.5);
  box-shadow: -4px -4px 4px rgba(158, 108, 99, 0.5);
}
@media (min-width: 1440px) {
  .method .triangle {
    height: 50px;
    width: 103.9230484541px;
  }
}

.method .bc02 {
  background: rgb(255, 230, 215);
  width: 100%;
  position: relative;
  height: 750px;
}
@media (min-width: 1440px) {
.method .bc02 {
      height: 1350px;
  }
}
@media (min-width: 1920px) {
.method .bc02 {
  height: 1500px;
  }
}
.method .container00 {
  margin: 50px auto;
}
@media (min-width: 768px) {
  .method .container00 {
    margin: 0 auto 70px auto;
  }
}
@media (min-width: 1440px) {
  .method .container00 {
    margin: 0 auto 120px auto;
  }
}
@media (min-width: 1920px) {
  .method .container00 {
    margin: 0 auto 150px auto;
  }
}
.method .container01_s {
  margin: 15px auto 0 auto;
  display: flex;
  justify-content: center;
  gap: 5px;
}
@media (min-width: 768px) {
  .method .container01_s {
    display: none;
  }
}
@media (max-width: 767px) {
  .method .container01_m-l-xl {
    display: none;
  }
}
@media (min-width: 768px) {
  .method .container01_m-l-xl {
    margin: 20px auto 0 auto;
    display: flex;
    justify-content: center;
    gap: 15px;
  }
}
@media (min-width: 1440px) {
  .method .container01_m-l-xl {
    margin: 50px auto 0 auto;
    gap: 35px;
  }
}
@media (min-width: 1920px) {
  .method .container01_m-l-xl {
    gap: 50px;
  }
}
.method .area_img01 {
  display: grid;
  gap: 5px;
  justify-items: center;
}
@media (min-width: 1440px) {
  .method .area_img01 {
    gap: 10px;
  }
}
.method .img_01,
.method .img_02,
.method .img_03,
.method .img_04,
.method .img_05,
.method .img_06,
.method .img_07,
.method .img_08,
.method .img_09 {
  background: url(./img/method01.jpg) 50% 100% / cover no-repeat;
  width: 118px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: #db6767 1px solid;
  display: block;
}
@media (min-width: 768px) {
  .method .img_01,
  .method .img_02,
  .method .img_03,
  .method .img_04,
  .method .img_05,
  .method .img_06,
  .method .img_07,
  .method .img_08,
  .method .img_09 {
    width: 125px;
  }
}
@media (min-width: 1440px) {
  .method .img_01,
  .method .img_02,
  .method .img_03,
  .method .img_04,
  .method .img_05,
  .method .img_06,
  .method .img_07,
  .method .img_08,
  .method .img_09 {
    width: 230px;
  }
}
@media (min-width: 1920px) {
  .method .img_01,
  .method .img_02,
  .method .img_03,
  .method .img_04,
  .method .img_05,
  .method .img_06,
  .method .img_07,
  .method .img_08,
  .method .img_09 {
    width: 275px;
  }
}
.method .img_02 {
  background: url(./img/method02.jpg) 50% 100% / cover no-repeat;
}
.method .img_03 {
  background: url(./img/method03.jpg) 50% 100% / cover no-repeat;
}
.method .img_04 {
  background: url(./img/method04.jpg) 50% 100% / cover no-repeat;
}
.method .img_05 {
  background: url(./img/method05.jpg) 50% 100% / cover no-repeat;
}
.method .img_06 {
  background: url(./img/method06.jpg) 50% 100% / cover no-repeat;
}
.method .img_07 {
  background: url(./img/method07.jpg) 50% 100% / cover no-repeat;
}
.method .img_08 {
  background: url(./img/method08.jpg) 50% 100% / cover no-repeat;
}
.method .img_09 {
  background: url(./img/method09.jpg) 50% 100% / cover no-repeat;
}
.method .txt01 {
  font: 400 16px/1.4 "Noto Serif JP";
  color: #df5c4b;
  text-align: center;
}
@media (min-width: 768px) {
  .method .txt01 {
    font: 400 20px/1.4 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .method .txt01 {
    font: 400 24px/1.4 "Noto Serif JP";
  }
}

/*=============================
craniosacral-therapy
=============================== */
.craniosacral-therapy .bc01 {
  background: rgb(255, 242, 237) 100%;
  padding: 80px 0 50px;
  position: relative;
}
@media (min-width: 768px) {
  .craniosacral-therapy .bc01 {
    padding: 120px 0 60px;
    background: linear-gradient(
      to right,
      rgb(255, 255, 255) 0%,
      rgb(255, 242, 237) 100%
    );
  }
}
@media (min-width: 1440px) {
  .craniosacral-therapy .bc01 {
    padding: 200px 0 100px 0;
  }
}
.craniosacral-therapy .txt01 {
  font: 600 26px/1.3 "Noto Serif JP";
  color: #c46745;
  text-align: center;
}
@media (min-width: 768px) {
  .craniosacral-therapy .txt01 {
    font: 600 40px/1.3 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .craniosacral-therapy .txt01 {
    font: 600 64px/1.3 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .craniosacral-therapy .txt01_s {
    font: 600 52px/1 "Noto Serif JP";
    margin-right: 30px;
  }
}
.craniosacral-therapy .area_img1-txt02 {
  width: 100%;
        margin: 0 auto;
}
@media (min-width: 768px) {
  .craniosacral-therapy .area_img1-txt02 {
    display: flex;
    justify-content:left;
    gap: 20px;
      margin: 50px auto 0 auto;
  }
}
@media (min-width: 1200px) {
  .craniosacral-therapy .area_img1-txt02 {
    gap: 40px;
  }
}
@media (min-width: 1800px) {
  .craniosacral-therapy .area_img1-txt02 {
    gap: 60px;
  }
}

.craniosacral-therapy .img_1 {
  background: url(./img/craniosacral-therapy.png) 50% 50% / contain no-repeat;
  width: 100%;
  aspect-ratio: 1.5/1;
}
@media (min-width: 1000px) {
  .craniosacral-therapy .img_1 {
  width: 50%;
  }
}

.craniosacral-therapy .container01 {
  background: radial-gradient(
    ellipse 50% 50% at 50% 50%,
    rgb(255, 255, 235) 80%,
    rgba(255, 255, 235, 0) 100%
  );
  display: grid;
  align-content: center;
}
.craniosacral-therapy .area_txt02 {
  margin: 10px 5px 0 15px;
}
@media (min-width: 768px) {
  .craniosacral-therapy .area_txt02 {
  width: 380px;
    margin: 0 auto;
  }
}

@media (min-width: 1440px) {
  .craniosacral-therapy .area_txt02 {
  width: 570px;
  }
}
.craniosacral-therapy .txt02 {
  font: 500 16px/1.8 "Noto Serif JP";
  color: #592c14;
  display: inline;
    letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .craniosacral-therapy .txt02 {
    font: 500 18px/1.8 "Noto Serif JP";
      word-break: keep-all;
        letter-spacing: 0.07em;
  }
}
@media (min-width: 1440px) {
  .craniosacral-therapy .txt02 {
    font: 500 24px/1.8 "Noto Serif JP";
  }
}
.craniosacral-therapy .txt02_b {
  color: #b75a28;
  position: relative;
  background:linear-gradient(to bottom, rgb(255, 255, 204,0)59%,rgb(255, 255, 204,1)60%,rgb(255, 255, 204,1)100%) ;
  display: inline-block;
}

.craniosacral-therapy .area_img2-txt03 {
    display: flex;
  align-items: center;
    justify-content: end;
    gap:10px;
    background: radial-gradient(
    ellipse 50% 50% at 50% 50%,
    rgb(247, 221, 214) 0%,
    rgba(255, 213, 195, 0) 100%
  );
width: 95%;
margin: 20px 10px;
}

@media (min-width: 768px) {
  .craniosacral-therapy .area_img2-txt03 {
      justify-content: center;
  margin: 40px auto;
    width: 90%;
      gap:20px;
  }
}

.craniosacral-therapy .area_txt03 {
  /* background: radial-gradient(
    ellipse 50% 50% at 50% 50%,
    rgb(255, 255, 204,1) 0%,
    rgba(255, 213, 195, 0) 100%
  );
  height: 110px;*/
  /* padding: 25px 0 0 0; */
  white-space: nowrap;
    /* width: 50%; */
}/*
@media (min-width: 1440px) {
  .craniosacral-therapy .area_txt03 {
    width: 570px;
    height: 250px;
     padding: 50px 0 0 0;
  }
}
*/
.craniosacral-therapy .area_img-2 {
 width: 150px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: rgb(246, 221, 205) 1px solid;
}

@media (min-width: 768px) {
  .craniosacral-therapy .area_img-2 {
    width: 180px;
  }
}
@media (min-width: 1440px) {
  .craniosacral-therapy .area_img-2 {
    width: 250px;
  }
}
.craniosacral-therapy .img_2 {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.craniosacral-therapy .txt03 {
  font: 600 16px/1.8 "Noto Serif JP";
    letter-spacing: 0.08em;
  color: #f36d61;
    -webkit-text-stroke: 1px #fff; /* 線の太さと色 */
  paint-order: stroke fill; /* 線を先に描画して文字が細くなるのを防ぐ */
    text-shadow:
     1px  1px 4px #fff,
    -1px  1px 4px #fff,
     1px -1px 4px #fff,
    -1px -1px 4px #fff;
}
@media (min-width: 768px) {
  .craniosacral-therapy .txt03 {
    font: 600 18px/1.8 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .craniosacral-therapy .txt03 {
    font: 600 24px/1.8 "Noto Serif JP";

  }
}
@media (min-width: 768px) {
.s-br{
display: none;
}
}
/*=============================
Strong Point
=============================== */
.strongpoint {
  overflow: hidden;
}
.strongpoint .bc01 {
  background: #ffe6d7;
  padding: 10px 0 100px 0;
  position: relative;
  height: 1580px;
}
@media (min-width: 768px) {
  .strongpoint .bc01 {
    height: 1360px;
      padding: 0;
  }
}
@media (min-width: 1440px) {
  .strongpoint .bc01 {
    height: 2520px;
  }
}
.strongpoint .ttl02 {
  font:
    500 70px/1 "Tangerine",
    "Noto Sans JP";
  color: #fff;
  text-shadow: rgba(255, 255, 255, 0.7) 0 0 10px;
  margin: 20px 0 0 0;
}
@media (min-width: 550px) {
  .strongpoint .ttl02 {
    font:
      500 100px/1 "Tangerine",
      "Noto Sans JP";
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .strongpoint .ttl02 {
    padding: 0 0 0 0;
  }
}
@media (min-width: 1440px) {
  .strongpoint .ttl02 {
    font:
      500 150px/1 "Tangerine",
      "Noto Sans JP";
  }
}
@media (min-width: 1920px) {
  .strongpoint .ttl02 {
    font:
      500 200px/1 "Tangerine",
      "Noto Sans JP";
  }
}
.strongpoint .area_fukidasi03 {
  display: flex;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  transform: rotate(0deg) translateX(-50%);
  left: 50%;
  top: -50px;
}
.strongpoint .container00 {
  margin: 50px auto;
}
@media (min-width: 768px) {
  .strongpoint .container00 {
    width: 738px;
  }
}
@media (min-width: 1440px) {
  .strongpoint .container00 {
    width: 1300px;
    margin: 80px auto;
  }
}
.strongpoint .container01 {
  display: grid;
  justify-items: center;
  margin: 0 0 50px 0;
}
@media (min-width: 768px) {
  .strongpoint .container01 {
    height: 270px;
    position: relative;
    justify-items: left;
    margin: 0 0 50px 0;
    background: radial-gradient(
      ellipse 50% 50% at 50% 50%,
      rgba(254, 243, 243, 0.8) 70%,
      rgba(254, 243, 243, 0) 100%
    );
  }
}
@media (min-width: 1440px) {
  .strongpoint .container01 {
    height: 570px;
    margin: 0 0 60px 0;
  }
}
.strongpoint .container02 {
  display: flex;
  align-items: flex-start;
  margin: 0 0 10px 0;
}
.strongpoint .area_img-1 {
  margin: 0 0 0 -40px;
  position: relative;
}
@media (min-width: 768px) {
  .strongpoint .area_img-1 {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 0 0 20px;
  }
}
.strongpoint .area_img-2 {
  margin: 0 0 0 -30px;
  position: relative;
}
@media (min-width: 768px) {
  .strongpoint .area_img-2 {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 20px 0 0;
  }
}
.strongpoint .img_sotowaku-1,
.strongpoint .img_sotowaku-2 {
  background: url(./img/c.png) 50% 50% / contain no-repeat;
  width: 200px;
  aspect-ratio: 1/1;
}
@media (min-width: 768px) {
  .strongpoint .img_sotowaku-1,
  .strongpoint .img_sotowaku-2 {
    width: 280px;
  }
}
@media (min-width: 1440px) {
  .strongpoint .img_sotowaku-1,
  .strongpoint .img_sotowaku-2 {
    width: 580px;
  }
}
@media (min-width: 768px) {
  .strongpoint .img_sotowaku-2 {
    width: 280px;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
}
@media (min-width: 1440px) {
  .strongpoint .img_sotowaku-2 {
    width: 580px;
  }
}
.strongpoint .img_1,
.strongpoint .img_2,
.strongpoint .img_3 {
  background: url(./img/riyuu1.jpg) 50% 50% / cover no-repeat;
  border-radius: 50%;
  width: 192px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 4px;
  left: 12px;
}
@media (min-width: 768px) {
  .strongpoint .img_1,
  .strongpoint .img_2,
  .strongpoint .img_3 {
    width: 270px;
    top: 5px;
    left: 15px;
  }
}
@media (min-width: 1440px) {
  .strongpoint .img_1,
  .strongpoint .img_2,
  .strongpoint .img_3 {
    width: 564px;
    top: 8px;
    left: 30px;
  }
}
.strongpoint .img_2 {
  background: url(./img/riyuu2.jpg) 50% 50% / cover no-repeat;
}
@media (min-width: 768px) {
  .strongpoint .img_2 {
    left: -5px;
  }
}
@media (min-width: 1440px) {
  .strongpoint .img_2 {
    left: -13px;
  }
}
.strongpoint .img_3 {
  background: url(./img/riyuu3.jpg) 50% 50% / cover no-repeat;
}
.strongpoint .area_txt01-1,
.strongpoint .area_txt01-2,
.strongpoint .area_txt01-3 {
  width: 175px;
  display: grid;
  justify-items: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  position: relative;
  text-shadow:
    0.75px 0.75px 0 #fff,
    -0.75px 0.75px 0 #fff,
    0.75px -0.75px 0 #fff,
    -0.75px -0.75px 0 #fff;
}
@media (min-width: 768px) {
  .strongpoint .area_txt01-1,
  .strongpoint .area_txt01-2,
  .strongpoint .area_txt01-3 {
    display: flex;
    width: fit-content;
    align-items: center;
    gap: 40px;
    margin: 30px 0 0 0;
    position: absolute;
    left: 270px;
  }
}
@media (min-width: 1440px) {
  .strongpoint .area_txt01-1,
  .strongpoint .area_txt01-2,
  .strongpoint .area_txt01-3 {
    left: 570px;
    margin: 150px 0 0 0;
  }
}
@media (min-width: 768px) {
  .strongpoint .area_txt01-2 {
    left: 0px;
    margin: 10px 0 0 0;
  }
}
@media (min-width: 1440px) {
  .strongpoint .area_txt01-2 {
    margin: 50px 0 0 0;
  }
}
@media (min-width: 768px) {
  .strongpoint .area_txt01-3 {
    margin: 10px 0 0 0;
  }
}
@media (min-width: 1440px) {
  .strongpoint .area_txt01-3 {
    margin: 80px 0 0 0;
  }
}
.strongpoint .txt_number {
  font: 300 italic 64px/1 "Noto Serif Tamil";
  text-align: right;

  background: linear-gradient(to bottom, #dea659 50%, #9f694c 100%);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  /* width: 100%; */
  display: block;
  padding: 0 10px 0 0;
  text-shadow: #cdb6a5 -4px 2px 4px;
}
@media (min-width: 768px) {
  .strongpoint .txt_number {
  text-align: center;
  }
}
@media (min-width: 1440px) {
  .strongpoint .txt_number {
    font: 300 italic 108px/1 "Noto Serif Tamil";
  }
}
.strongpoint .txt_01-1_s {
  font: 700 24px/1.5 "Noto Serif JP";
  color: #c67448;
}
@media (min-width: 768px) {
  .strongpoint .txt_01-1_s {
    display: none;
  }
}
@media (max-width: 767px) {
  .strongpoint .txt_01-1_mlxl {
    display: none;
  }
}
.strongpoint .txt_01-1_mlxl {
  font: 700 24px/1.5 "Noto Serif JP";
      color: #c67448;
}
@media (min-width: 1440px) {
  .strongpoint .txt_01-1_mlxl {
    font: 700 36px/1.5 "Noto Serif JP";
  }
}
.strongpoint .txt_01-2,
.strongpoint .txt_01-3 {
  font: 700 24px/1.5 "Noto Serif JP";
  color: #c67448;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  margin: 0 0 0 -20px;
  position: absolute;
  top: 55px;
}
@media (min-width: 768px) {
  .strongpoint .txt_01-2,
  .strongpoint .txt_01-3 {
    position: static;
    margin: 0;
  }
}
@media (min-width: 1440px) {
  .strongpoint .txt_01-2,
  .strongpoint .txt_01-3 {
    font: 700 36px/1.5 "Noto Serif JP";
  }
}
.strongpoint .txt_01-3 {
  top: 65px;
}
.strongpoint .txt_02-1,
.strongpoint .txt_02-2,
.strongpoint .txt_02-3 {
  font: 500 16px/1.8 "Noto Serif JP";
  color: #592c14;
  width: 352px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .strongpoint .txt_02-1,
  .strongpoint .txt_02-2,
  .strongpoint .txt_02-3 {
    width: 440px;
    position: absolute;
    top: 100px;
    right: 0;
    background: none;
  }
}
@media (min-width: 1440px) {
  .strongpoint .txt_02-1,
  .strongpoint .txt_02-2,
  .strongpoint .txt_02-3 {
    font: 500 24px/1.8 "Noto Serif JP";
    width: 600px;
    top: 280px;
    right: 20px;
  }
}
.strongpoint .txt_02-2 {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .strongpoint .txt_02-2 {
    left: 30px;
    margin: 0;
    top: 100px;
  }
}
@media (min-width: 1440px) {
  .strongpoint .txt_02-2 {
    top: 210px;
  }
}
@media (min-width: 1440px) {
  .strongpoint .txt_02-3 {
    top: 240px;
    right: 20px;
  }
}

/*=============================
ba-na-01
=============================== */
.ba-na-01 {
  position: relative;
  overflow: hidden;
}
.ba-na-01 .area_txt01 {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-6deg);
  transform: rotate(-6deg);
  background: #facf72;
  height: 180px;
  width: 120%;
  display: grid;
  margin: 0 auto;
  padding: 50px 0 0px 70px;
  margin: -50px 0 0 -50px;
  gap: 10px;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media (min-width: 768px) {
  .ba-na-01 .area_txt01 {
    height: 300px;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(75%, rgb(250, 207, 114)),
      color-stop(90%, rgb(255, 255, 239))
    );
    background: linear-gradient(
      to right,
      rgb(250, 207, 114) 75%,
      rgb(255, 255, 239) 90%
    );
    padding: 70px 0 0px 70px;
    margin: -90px 0 0 -50px;
    gap: 15px;
  }
}
@media (min-width: 1440px) {
  .ba-na-01 .area_txt01 {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(rgb(250, 207, 114)),
      color-stop(45%, rgba(250, 207, 114, 0.9)),
      color-stop(50%, rgba(250, 207, 114, 0))
    );
    background: linear-gradient(
      to right,
      rgb(250, 207, 114) 0%,
      rgba(250, 207, 114, 0.9) 45%,
      rgba(250, 207, 114, 0) 50%
    );
    gap: 30px;
    padding: 70px 0 0px 120px;
    margin: -120px 0 0 -50px;
    position: absolute;
    height: 400px;
  }
}
.ba-na-01 .area_img01 {
  width: 100%;
  height: 450px;
  margin-top: -40px;
}
@media (min-width: 768px) {
  .ba-na-01 .area_img01 {
    height: 700px;
    margin-top: -80px;
  }
}
@media (min-width: 1440px) {
  .ba-na-01 .area_img01 {
    height: 960px;
    margin-top: 0px;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(40%, rgb(255, 255, 239)),
      color-stop(50%, rgba(255, 255, 215, 0))
    );
    background: linear-gradient(
      to right,
      rgb(255, 255, 239) 40%,
      rgba(255, 255, 215, 0) 50%
    );
  }
}
.ba-na-01 .img_01 {
  background:
    /* -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(75%, rgba(255, 255, 215, 0)),
      color-stop(85%, rgba(255, 255, 215, 0.7)),
      to(rgb(255, 255, 215))
    ), */ url(./img/bana01.jpg)
    50% 50% / cover no-repeat;
  background:
    linear-gradient(
      to bottom,
      rgba(255, 255, 215, 0) 75%,
      rgba(255, 255, 215, 0.7) 85%,
      rgb(255, 255, 215) 100%
    ),
    url(./img/bana01.jpg) 50% 50% / cover no-repeat;
  height: 100%;
  width: 100%;
}
@media (min-width: 1440px) {
  .ba-na-01 .img_01 {
    background: url(./img/bana01.jpg) 100% 0% / contain no-repeat;
    margin: 0 0 0 150px;
    position: absolute;
    z-index: -1;
  }
}
.ba-na-01 .txt01 {
  font:
    500 32px/1 "Kiwi Maru",
    "Noto Sans JP";
  color: #fff;
}
@media (min-width: 768px) {
  .ba-na-01 .txt01 {
    font:
      500 48px/1 "Kiwi Maru",
      "Noto Sans JP";
  }
}
@media (min-width: 1440px) {
  .ba-na-01 .txt01 {
    font:
      500 64px/1 "Kiwi Maru",
      "Noto Sans JP";
  }
}
.ba-na-01 .txt02 {
  font:
    400 24px/1 "Kiwi Maru",
    "Noto Sans JP";
  color: #fff;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .ba-na-01 .txt02 {
    font:
      400 36px/1 "Kiwi Maru",
      "Noto Sans JP";
    margin: 0 0 0 60px;
  }
}
@media (min-width: 1440px) {
  .ba-na-01 .txt02 {
    font:
      400 40px/1 "Kiwi Maru",
      "Noto Sans JP";
  }
}
.ba-na-01 .area_txt03 {
  position: absolute;
  left: 7%;
  bottom: 40px;
  height: 300px;
}
@media (min-width: 768px) {
  .ba-na-01 .area_txt03 {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    bottom: 100px;
    left: 13%;
  }
}
@media (min-width: 1440px) {
  .ba-na-01 .area_txt03 {
    bottom: 180px;
  }
}
.ba-na-01 .txt03 {
  font: 500 30px/1.4 "Noto Serif JP";
  color: #592c14;
  text-shadow: 0 0 10px #fdfd51;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}
@media (min-width: 768px) {
  .ba-na-01 .txt03 {
    font: 500 40px/1.7 "Noto Serif JP";
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media (min-width: 1440px) {
  .ba-na-01 .txt03 {
    font: 500 52px/1.7 "Noto Serif JP";
    -ms-writing-mode: lr-tb;
    -webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    text-align: right;
  }
}
.ba-na-01 .txt03_b {
  font: 500 36px/1 "Noto Serif JP";
}
@media (min-width: 768px) {
  .ba-na-01 .txt03_b {
    font: 500 48px/1 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .ba-na-01 .txt03_b {
    font: 500 60px/1 "Noto Serif JP";
  }
}
.ba-na-01 .txt03_irr {
  font: 500 36px/1 "Noto Serif JP";
  color: #9e5731;
}
@media (min-width: 768px) {
  .ba-na-01 .txt03_irr {
    font: 500 52px/1 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .ba-na-01 .txt03_irr {
    font: 500 68px/1 "Noto Serif JP";
  }
}

.ba-na-01 .area_txt04 {
  position: relative;
  margin-right: 20px;
}
@media (min-width: 1440px) {
  .ba-na-01 .area_txt04 {
    margin-right: 0px;
  }
}
.ba-na-01 .img_rogo {
  background: url(./img/rogo00.png) 50% 50% / cover no-repeat;
  width: 90px;
  aspect-ratio: 1/1;
  position: absolute;
  right: 20px;
  bottom: 30px;
  z-index: 1;
}
@media (min-width: 768px) {
  .ba-na-01 .img_rogo {
    width: 130px;
  }
}
@media (min-width: 1440px) {
  .ba-na-01 .img_rogo {
    background: url(./img/rogo00.png) 50% 50% / cover no-repeat;
    width: 200px;
    left: 5%;
    top: 450px;
  }
}
.ba-na-01 .txt04 {
  font: 500 20px/1.3 "Noto Serif JP";
  color: #a66f27;
  width: 180px;
  position: absolute;
  bottom: 40px;
  right: 5%;
  z-index: 2;
}
@media (min-width: 768px) {
  .ba-na-01 .txt04 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font: 500 24px/1.3 "Noto Serif JP";
  }
}
@media (min-width: 1440px) {
  .ba-na-01 .txt04 {
    font: 500 36px/1.3 "Noto Serif JP";
    left: 19.5%;
    top: 520px;
  }
}
@media (max-width: 1439px) {
  .ba-na-01 .border01 {
    display: none;
  }
}
.ba-na-01 .border01 {
  width: 520px;
  height: 1.5px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(166, 111, 39, 0)),
    color-stop(10%, rgb(166, 111, 39)),
    color-stop(90%, rgb(166, 111, 39)),
    to(rgba(166, 111, 39, 0))
  );
  background: linear-gradient(
    to right,
    rgba(166, 111, 39, 0) 0%,
    rgb(166, 111, 39) 10%,
    rgb(166, 111, 39) 90%,
    rgba(166, 111, 39, 0) 100%
  );
  position: absolute;
  left: 18%;
  top: 570px;
}

/*=============================
美禅からご挨拶
=============================== */
.goaisatu .area_ttl01 {
  padding: 70px 0 50px 0;
}
@media (min-width: 768px) {
  .goaisatu .area_ttl01 {
    padding: 100px 0 50px 0;
  }
}
@media (min-width: 1440px) {
  .goaisatu .area_ttl01 {
    padding: 140px 0 80px 0;
  }
}
@media (min-width: 1920px) {
  .goaisatu .area_ttl01 {
    padding: 160px 0 100px 0;
  }
}
.goaisatu .bc01 {
  background-image: linear-gradient(
    45deg,
    rgba(242, 220, 151, 0.8) 25%,
    rgb(255, 255, 235) 25%,
    rgb(255, 255, 235) 50%,
    rgba(242, 220, 151, 0.8) 50%,
    rgba(242, 220, 151, 0.8) 75%,
    rgb(255, 255, 235) 75%
  );
  background-size: 15px 15px;
  vertical-align: middle;
  padding: 7px;
}
@media (min-width: 768px) {
  .goaisatu .bc01 {
    padding: 10px;
  }
}
@media (min-width: 1440px) {
  .goaisatu .bc01 {
    padding: 15px;
  }
}
.goaisatu .bc02 {
  background: #fffff3;
  padding: 0 0 75px 0;
}
@media (min-width: 768px) {
  .goaisatu .bc02 {
    padding: 0 0 100px 0;
  }
}
@media (min-width: 1440px) {
  .goaisatu .bc02 {
    padding: 0 0 150px 0;
  }
}
.goaisatu .container00 {
  display: grid;
  gap: 50px;
  justify-items: center;
}
@media (min-width: 1440px) {
  .goaisatu .container00 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
  }
}
@media (min-width: 1920px) {
  .goaisatu .container00 {
    gap: 90px;
  }
}
.goaisatu .area_img {
  position: relative;
}
.goaisatu .img_01 {
  background: url(./img/goaisatu.jpg) 50% 50% / contain no-repeat;
  width: 320px;
  aspect-ratio: 1.48/1;
}
@media (min-width: 768px) {
  .goaisatu .img_01 {
    width: 450px;
    position: absolute;
    left: 50%;
    top: 0px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media (min-width: 1440px) {
  .goaisatu .img_01 {
    width: 570px;
  }
}
@media (min-width: 1920px) {
  .goaisatu .img_01 {
    width: 730px;
  }
}
@media (max-width: 767px) {
  .goaisatu .img_01-bg {
    display: none;
  }
}
@media (min-width: 768px) {
  .goaisatu .img_01-bg {
    width: 450px;
    aspect-ratio: 1.48/1;
    background-color: rgb(242, 220, 151);
    margin: 8px 0 0 -20px;
  }
}
@media (min-width: 1440px) {
  .goaisatu .img_01-bg {
    width: 570px;
    margin: 18px 0 0 -40px;
  }
}
@media (min-width: 1920px) {
  .goaisatu .img_01-bg {
    width: 730px;
  }
}
.goaisatu .txt_01 {
  font: 500 16px/2 "Noto Serif JP";
  color: #592c14;
  width: 95%;
}
@media (min-width: 768px) {
  .goaisatu .txt_01 {
    width: 548px;
  }
}
@media (min-width: 1440px) {
  .goaisatu .txt_01 {
    font: 500 24px/2 "Noto Serif JP";
    width: 630px;
  }
}
@media (min-width: 1920px) {
  .goaisatu .txt_01 {
    width: 780px;
  }
}

/*=============================
flow
=============================== */
/* .flow {
  overflow: hidden;
} */
.flow .bc01 {
  background: #fff2ed;
  height: 2370px;
  position: absolute;
  z-index: 99;
}
@media (min-width: 768px) {
  .flow .bc01 {
    height: 1820px;
  }
}
@media (min-width: 1440px) {
  .flow .bc01 {
    height: 2350px;
  }
}
@media (min-width: 1920px) {
  .flow .bc01 {
    height: 2450px;
  }
}
.flow .ttl02 {
  font:
    500 70px/1 "Tangerine",
    "Noto Sans JP";
  color: #fff;
  text-shadow: rgba(255, 255, 255, 0.7) 0 0 10px;
  margin: 20px 0 0 5%;
}
@media (min-width: 550px) {
  .flow .ttl02 {
    font:
      500 100px/1 "Tangerine",
      "Noto Sans JP";
    margin: 0 0 0 5%;
  }
}
@media (min-width: 1200px) {
  .flow .ttl02 {
    padding: 0 0 0;
  }
}
@media (min-width: 1440px) {
  .flow .ttl02 {
    font:
      500 150px/1 "Tangerine",
      "Noto Sans JP";
  }
}
@media (min-width: 1920px) {
  .flow .ttl02 {
    font:
      500 200px/1 "Tangerine",
      "Noto Sans JP";
  }
}
.flow .container00 {
  margin: 100px 0 0 0;
}
@media (min-width: 1440px) {
  .flow .container00 {
    margin: 125px 0 0 0;
  }
}
.flow .container01 {
  padding: 15px 0 30px 0;
  margin: 0 auto 90px auto;
  position: relative;
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fffcfc;
  max-width: 500px;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .flow .container01 {
    margin: 0 auto 90px auto;
    border-radius: 60px;
    padding: 30px 0;
    width: 750px;
    height: 290px;
    display: flex;
    justify-content: center;
    gap: 20px;
    max-width: none;
  }
}
@media (min-width: 1440px) {
  .flow .container01 {
    width: 1200px;
    height: 350px;
    gap: 50px;
  }
}
.flow .area_round {
  position: relative;
  position: absolute;
  top: -60px;
  left: 6%;
}
@media (min-width: 1440px) {
  .flow .area_round {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -50px;
  }
}
.flow .txt_number {
  position: absolute;
  bottom: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(50%);
  transform: translateX(-50%) translateY(50%);
  font: 400 36px/1 "Noto Serif JP";
  color: #db6767;
}
@media (min-width: 1440px) {
  .flow .txt_number {
    font: 400 48px/1 "Noto Serif JP";
  }
}
@media (min-width: 768px) {
  .flow .area_img-02 {
    margin-left: 30px;
  }
}
.flow .area_txt01 {
  margin: 15px 0 0 0;
  width: 340px;
}
@media (min-width: 768px) {
  .flow .area_txt01 {
    width: 320px;
    margin: 0;
  }
}
@media (min-width: 1440px) {
  .flow .area_txt01 {
    width: 640px;
  }
}
.flow .img_01 {
  background: url(./img/step.png) 50% 50% / contain no-repeat;
  width: 80px;
  aspect-ratio: 1/1;
  display: block;
}
@media (min-width: 1440px) {
  .flow .img_01 {
    width: 100px;
  }
}
.flow .img_02-1,
.flow .img_02-2,
.flow .img_02-3,
.flow .img_02-4 {
  background: url(./img/flow01.jpg) 50% 50% / cover no-repeat;
  width: 345px;
  aspect-ratio: 1.5/1;
}
@media (min-width: 1440px) {
  .flow .img_02-1,
  .flow .img_02-2,
  .flow .img_02-3,
  .flow .img_02-4 {
    width: 400px;
  }
}
.flow .img_02-2 {
  background: url(./img/flow02.jpg) 50% 50% / cover no-repeat;
}
.flow .img_02-3 {
  background: url(./img/flow03.jpg) 50% 50% / cover no-repeat;
}
.flow .img_02-4 {
  background: url(./img/flow04.jpg) 50% 50% / cover no-repeat;
}
.flow .txt_01 {
  font: 500 24px/1.5 "Noto Serif JP";
  color: #db6767;
}
@media (min-width: 768px) {
  .flow .txt_01 {
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .flow .txt_01 {
    font: 500 32px/1.5 "Noto Serif JP";
  }
}
.flow .txt_02 {
  font: 500 16px/1.8 "Noto Serif JP";
  color: #592c14;
  margin: 5px 0 0 0;
}
@media (min-width: 768px) {
  .flow .txt_02 {
    margin: 15px 0 0 0;
  }
}
@media (min-width: 1440px) {
  .flow .txt_02 {
    font: 500 24px/1.8 "Noto Serif JP";
    margin: 30px 0 0 0;
  }
}
.flow .triangle {
  background: #eaa7a7;
  height: 40px;
  width: 100px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .flow .triangle {
    bottom: -50px;
  }
}

/*=============================
よくある質問
=============================== */
.yokuaru-situmon {
  overflow: hidden;
  margin-top: 2300px;
}
@media (min-width: 768px) {
  .yokuaru-situmon {
    margin-top: 1750px;
  }
}
@media (min-width: 1440px) {
  .yokuaru-situmon {
    margin-top: 2180px;
  }
}
.yokuaru-situmon .bc01 {
  background: #ffe6d7;
  padding: 50px 0 100px 0;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .yokuaru-situmon .bc01 {
    padding: 80px 0 100px 0;
  }
}
@media (min-width: 1440px) {
  .yokuaru-situmon .bc01 {
    padding: 180px 0 200px 0;
  }
}
.yokuaru-situmon .ttl03 {
  font: 600 36px/1 "Noto Serif JP";
  color: #c46745;
  margin: 100px auto 60px auto;
  text-align: center;
}
/* @media (min-width: 768px) {
  .yokuaru-situmon .ttl03 {
    margin: 160px auto 80px auto;
  }
} */
@media (min-width: 1440px) {
  .yokuaru-situmon .ttl03 {
    margin: 180px auto 120px auto;
    font: 600 64px/1 "Noto Serif JP";
  }
}
@media (min-width: 1920px) {
  .yokuaru-situmon .ttl03 {
    margin: 250px auto 150px auto;
    font: 600 64px/1 "Noto Serif JP";
  }
}
.yokuaru-situmon .accordion-area {
  display: grid;
  margin: 0 auto;
  list-style: none;
  width: 85%;
  max-width: 900px;
  gap: 30px;
}
@media (min-width: 1440px) {
  .yokuaru-situmon .accordion-area {
    gap: 50px;
  }
}
.yokuaru-situmon .title {
  border-bottom: 1px solid #ac6946;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative; /*▲マークの位置基準とするためrelative指定*/
  cursor: pointer;
  padding: 0 0 10px 5px;
  transition: all 0.5s ease;
}
@media (min-width: 1440px) {
  .yokuaru-situmon .title {
    gap: 20px;
  }
}

.yokuaru-situmon .title::before {
  position: absolute;
  content: "";
  background: #ac6946;
  height: 15px;
  width: 18px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  bottom: 20px;
  right: 15px;
}
.yokuaru-situmon {
  /*closeというクラスがついたら▲*/
}
.yokuaru-situmon .title.close::before {
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.yokuaru-situmon {
  /*アコーディオンで現れるエリア*/
}
.yokuaru-situmon .box {
  display: none; /*はじめは非表示*/
  background: #fffff3;
  border-radius: 10px;
  margin: 10px 3% 3% 3%;
  padding: 3%;
  display: flex;
  gap: 10px;
  align-items: center;
}
@media (min-width: 1440px) {
  .yokuaru-situmon .box {
    gap: 20px;
    margin: 20px 3% 3% 3%;
  }
}
.yokuaru-situmon .txt_q,
.yokuaru-situmon .txt_a {
  font: 600 32px/1.4 "Noto Serif JP";
  color: #ac6946;
}
@media (min-width: 1440px) {
  .yokuaru-situmon .txt_q,
  .yokuaru-situmon .txt_a {
    font: 600 48px/1.4 "Noto Serif JP";
  }
}
.yokuaru-situmon .txt_a {
  color: #db6767;
}
.yokuaru-situmon .txt_01 {
  font: 500 20px/1.4 "Noto Serif JP";
  color: #592c14;
  width: 80%;
}
@media (min-width: 1440px) {
  .yokuaru-situmon .txt_01 {
    font: 500 32px/1.4 "Noto Serif JP";
  }
}
.yokuaru-situmon .txt_02 {
  font: 500 16px/1.7 "Noto Serif JP";
  color: #592c14;
}
@media (min-width: 1440px) {
  .yokuaru-situmon .txt_02 {
    font: 500 24px/1.7 "Noto Serif JP";
  }
}

/*=============================
募集中
=============================== */
.bosyuutyu {
  overflow: hidden;
}
.bosyuutyu .bc02 {
  background: #fcfde1;
  padding: 25% 0 100px 0;
  position: relative;
}
@media (min-width: 768px) {
  .bosyuutyu .bc02 {
    /* background:
     -webkit-gradient(
      linear,
      left top,
      right top,
      from(rgb(242, 212, 158)),
      color-stop(30%, rgb(252, 253, 225)),
      color-stop(70%, rgb(252, 253, 225)),
      to(rgb(242, 212, 158))
    ); */
    background: linear-gradient(
      to right,
      rgb(242, 212, 158) 0%,
      rgb(252, 253, 225) 30%,
      rgb(252, 253, 225) 70%,
      rgb(242, 212, 158) 100%
    );
    padding: 175px 0 0px 0;
    height: 740px;
  }
}
.bosyuutyu .img_ribon {
  background: url(./img/bosyutyu_ribon.png) 50% 50% / contain no-repeat;
  width: 95%;
  max-width: 600px;
  aspect-ratio: 3/1;
  position: absolute;
  left: 50%;
  top: 30px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .bosyuutyu .img_ribon {
    max-width: 746px;
    width: 80%;
    top: 50px;
  }
}
.bosyuutyu .img01-1,
.bosyuutyu .img01-2,
.bosyuutyu .img01-3 {
  background: url(./img/bosyuu_round.png) 50% 50% / contain no-repeat;
  width: 151px;
  aspect-ratio: 1.03/1;
}
@media (min-width: 1440px) {
  .bosyuutyu .img01-1,
  .bosyuutyu .img01-2,
  .bosyuutyu .img01-3 {
    min-width: 180px;
    width: 33%;
    max-width: 230px;
    position: relative;
  }
}
.bosyuutyu .img01-1 {
  position: absolute;
  left: 5px;
  top: -25px;
}
.bosyuutyu .img01-2 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 70px;
}
.bosyuutyu .img01-3 {
  position: absolute;
  right: 5px;
  top: -25px;
}
.bosyuutyu .img_02 {
  background: url(./img/bosyuu_02.png) 50% 50% / cover no-repeat;
  width: 100%;
  aspect-ratio: 1/1;
}
.bosyuutyu .img_03 {
  background: url(./img/bosyuu_01.png) 50% 50% / cover no-repeat;
  width: 100%;
  aspect-ratio: 1/1;
}
.bosyuutyu .img_rogo {
  background: url(./img/rogo-bizen02.png) 50% 50% / contain no-repeat;
  height: 40px;
  margin-top: 10px;
}
@media (min-width: 1440px) {
  .bosyuutyu .img_rogo {
    height: 60px;
    margin-top: -270px;
  }
}
.bosyuutyu .area_txt01 {
  background: rgba(255, 255, 255, 0.7);
  width: 290px;
  height: 130px;
  border-radius: 100px;
  margin: 0 auto;
  display: grid;
  -ms-flex-line-pack: center;
  align-content: center;
  gap: 10px;
}
@media (min-width: 1440px) {
  .bosyuutyu .area_txt01 {
    width: 400px;
    height: 240px;
    gap: 15px;
  }
}
.bosyuutyu .area_left {
  position: absolute;
  bottom: -5px;
  left: -12%;
  width: 52%;
  min-width: 240px;
}
@media (min-width: 768px) {
  .bosyuutyu .area_left {
    max-width: 700px;
  }
}
@media (min-width: 1600px) {
  .bosyuutyu .area_left {
    left: -5%;
  }
}
.bosyuutyu .area_right {
  position: absolute;
  bottom: -3%;
  right: -6%;
  width: 48%;
  min-width: 200px;
}
@media (min-width: 768px) {
  .bosyuutyu .area_right {
    max-width: 560px;
    right: -5%;
    bottom: 0%;
  }
}
@media (min-width: 1600px) {
  .bosyuutyu .area_right {
    max-width: 560px;
    right: 0;
  }
}
.bosyuutyu .area_img01 {
  position: relative;
  height: 210px;
  width: 370px;
  margin: 0 auto;
}
@media (min-width: 1440px) {
  .bosyuutyu .area_img01 {
    width: 33%;
    height: 250px;
  }
}
.bosyuutyu .txt01-1 {
  font: 500 30px/1 "Noto Serif JP";
  color: #592c14;
  text-align: center;
}
@media (min-width: 1440px) {
  .bosyuutyu .txt01-1 {
    font: 500 48px/1 "Noto Serif JP";
  }
}
.bosyuutyu .txt01-2 {
  font: 500 48px/1 "Noto Serif JP";
  color: #592c14;
  text-align: center;
}
@media (min-width: 1440px) {
  .bosyuutyu .txt01-2 {
    font: 500 96px/1 "Noto Serif JP";
  }
}
.bosyuutyu .txt02 {
  font: 400 20px/1.3 "Noto Sans JP";
  color: #fff;
  display: inline-block;
  text-align: center;
  position: absolute;
  left: 28.5%;
  top: 37%;
  white-space: nowrap;
}
@media (min-width: 1440px) {
  .bosyuutyu .txt02 {
    font: 400 24px/1.3 "Noto Sans JP";
  }
}

/*=============================
footer
=============================== */
.footer .bc01 {
  background: url(./img/main_bg.jpg) 50% 50% / cover no-repeat;
  padding: 80px 0;
}
@media (min-width: 768px) {
  .footer .bc01 {
    padding: 100px 0;
  }
}
@media (min-width: 1440px) {
  .footer .bc01 {
    padding: 120px 0;
  }
}
.footer .img_rogo {
  background: url(./img/rogo-bizen01.png) 50% 50% / contain no-repeat;
  height: 60px;
}
@media (min-width: 1440px) {
  .footer .img_rogo {
    height: 70px;
  }
}
.footer .container00 {
  margin: 60px auto 60px auto;
  display: grid;
  gap: 50px;
}
@media (min-width: 768px) {
  .footer .container00 {
    display: flex;
    justify-content: center;
    margin: 60px auto 70px auto;
  }
}
@media (min-width: 1440px) {
  .footer .container00 {
    gap: 80px;
  }
}
.footer .container01 {
  display: grid;
  justify-items: space-between;
  width: 300px;
  gap: 15px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .footer .container01 {
    margin: 0;
  }
}
@media (min-width: 1440px) {
  .footer .container01 {
    display: flex;
    position: relative;
    width: fit-content;
  }
}
.footer .container02 {
  display: flex;
  margin: 0 auto;
  gap: 20px;
  width: fit-content;
}
.footer .area_txt-01 {
  display: flex;
  justify-self: end;
}
.footer .txt_01 {
  font: 600 16px/1.4 "Noto Serif JP";
  color: #97684f;
  border-bottom: 1px solid #97684f;
  display: inline-block;
  width: fit-content;
}
@media (min-width: 1440px) {
  .footer .txt_01 {
    border-bottom: none;
    border-right: 1px solid #97684f;
    padding-right: 15px;
    height: 90px;
    font: 600 20px/1.4 "Noto Serif JP";
  }
}
.footer .txt01_left,
.footer .txt01_right {
  font: 400 16px/1.4 "Noto Serif JP";
  color: #592c14;
}
@media (min-width: 1440px) {
  .footer .txt01_left,
  .footer .txt01_right {
    font: 500 20px/1.4 "Noto Serif JP";
  }
}
.footer .txt01_left {
  text-align: right;
}
.footer .txt01-extra {
  font: 500 16px/1.4 "Noto Serif JP";
  color: #592c14;
  text-align: right;
}
@media (min-width: 1440px) {
  .footer .txt01-extra {
    position: absolute;
    bottom: 0px;
    right: 0;
    font: 500 20px/1.4 "Noto Serif JP";
  }
}
.footer .txt_02 {
  font: 500 12px/1.4 "Noto Serif JP";
  color: #97684f;
  text-align: center;
  margin: 80px 0 0 0;
}
@media (min-width: 1440px) {
  .footer .txt_02 {
    font: 500 16px/1.4 "Noto Serif JP";
  }
}