@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
body {
  background-image: url(https://sakusakutei-3939.jp/system_panel/uploads/images/20250228212013494978.jpg);
}

img {
  width: 100%;
  height: auto;
}

ul,
li {
  padding: 0;
  margin: 0;
}

body {
  margin: 0;
  line-height: 1.8;
  font-family: "Noto Serif JP", serif !important;
  font-weight: 500;
  color: #1a1a1a;
  font-size: 14px;
  word-wrap: break-word;
}
@media screen and (min-width: 767px) {
  body {
    font-size: 16px;
  }
}

a {
  color: #1a1a1a;
}
a:hover {
  opacity: 0.7;
  transition: 300ms;
}

h1 {
  font-size: 26px;
  font-weight: 900;
  letter-spacing: 3px;
}
h2 {
  font-size: 26px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 3px;
}

h3 {
  font-weight: 900;
  letter-spacing: 3px;
}
h3.h3_tit {
  font-size: 36px;
  font-size: 9.6vw;
}
@media screen and (min-width: 767px) {
  h3.h3_tit {
    font-size: 22px;
  }
}
h3:has(.num) {
  display: flex;
  align-items: baseline;
  font-size: 19px;
  letter-spacing: 1px;
}
h3 span.num {
  background-color: #1a1a1a;
  display: inline-block;
  color: #fff;
  margin-right: 10px;
  padding: 10px 10px;
  line-height: 100%;
  border-radius: 3px;
  font-size: 20px;
  font-weight: 500;
}
h3.point {
  width: 90%;
  margin: 30px auto;
  line-height: 140%;
  display: flex;
  align-items: center;
}
h3.point span {
  width: 60px;
  margin-right: 10px;
}

h4 {
  line-height: 150%;
}

p {
  line-height: 140%;
  font-size: 16px;
  font-size: 4.2666666667vw;
}
@media screen and (min-width: 767px) {
  p {
    font-size: 16px;
  }
}
p.list {
  margin-left: 1em;
}
p.list::before {
  content: "■";
  margin-left: -1em;
}
p.kome {
  margin-left: 1em;
}
p.kome::before {
  content: "※";
  margin-left: -1em;
}

.text-bold {
  font-weight: 700;
}

dl dd {
  margin: 0;
}

table.table-vertical tr {
  display: flex;
  flex-direction: column;
}
table.table-vertical tr th {
  width: 100% !important;
}

iframe.movie {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.body-noscroll {
  overflow: hidden;
}

.center {
  text-align: center !important;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.vertical {
  writing-mode: vertical-rl;
}

@media screen and (max-width: 766px) {
  .vertical_sp {
    writing-mode: vertical-rl;
  }
}

.ds-flex {
  display: flex;
}

.box-shadow {
  background-color: #fff;
  padding: 10px 15px;
  border-radius: 10px;
  filter: drop-shadow(2px 2px 2px rgba(189, 189, 189, 0.8));
}

.box-round {
  background-color: #fff;
  padding: 10px 15px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.box-round h2 {
  text-align: center;
}
.box-round.pink {
  background-color: #fff5f6;
}
.box-round.green {
  background-color: #e8f7e9;
}
.box-round.yellow {
  background-color: #fff6ee;
}
.box-round.blue {
  background-color: #e9f5ff;
}
.box-round.pink-line {
  border: 1px solid #FBB03B;
  border-radius: 20px;
}
.box-round.green-line {
  border: 1px solid #59b75b;
  border-radius: 20px;
}
.box-round.yellow-line {
  border: 1px solid #FFF959;
  border-radius: 20px;
}
.box-round.blue-line {
  border: 1px solid #60ace2;
  border-radius: 20px;
}
.box-round.shadow {
  filter: drop-shadow(2px 2px 2px rgba(189, 189, 189, 0.8));
}

.btn-shadow {
  box-shadow: 11px 11px 3px -5px rgba(189, 189, 189, 0.8);
}

.bg_green {
  background-color: #e8f7e9;
}

.bg_pink {
  background-color: #fff5f6;
}

.bg_yellow {
  background-color: #fff6ee;
}

.bg_blue {
  background-color: #e9f5ff !important;
}

.bg_normal {
  background-color: #f2f2eb;
  padding: 1rem 5% 2rem;
}

.fc-red {
  color: red;
}

.fc-pink {
  color: #FBB03B;
}

.fc-green {
  color: #59b75b;
}

.fc-yellow {
  color: #FFF959;
}

.fc-blue {
  color: #60ace2;
}

.f-bold {
  font-weight: 500;
}

.btn-t1,
.btn-t2 {
  font-weight: 700;
  margin: 0 auto;
}
@media screen and (min-width: 767px) {
  .btn-t1,
  .btn-t2 {
    width: 24%;
  }
}
@media screen and (max-width: 766px) {
  .btn-t1,
  .btn-t2 {
    width: 90%;
  }
}
.btn-t1 a,
.btn-t2 a {
  font-size: 16px;
  font-size: 4.2666666667vw;
  aspect-ratio: 579/94;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
@media screen and (min-width: 767px) {
  .btn-t1 a,
  .btn-t2 a {
    font-size: 1vw;
  }
}
.btn-t1:hover,
.btn-t2:hover {
  text-decoration: none;
  opacity: 0.4;
}

.btn-t1 a {
  background-image: url(https://sakusakutei-3939.jp/system_panel/uploads/images/20250228173815856147.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: #1a1a1a;
  display: flex;
}

.btn-t2 a {
  background-image: url(https://sakusakutei-3939.jp/system_panel/uploads/images/20250228173815169657.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFF959;
  display: flex;
}

a.btn-t3 {
  background-color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  padding: 10px;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1019607843);
}
a.btn-t3 p {
  margin: 0;
}
a.btn-t3:hover {
  opacity: 1;
  color: #1a1a1a;
  background-color: #FBB03B;
  box-shadow: none;
}

.btn_coupon {
  display: flex;
  color: #FFF959;
  text-decoration: none;
  background-color: #ED1C24;
  justify-content: center;
  align-items: center;
  padding: 10px 5px;
}
.btn_coupon:hover {
  color: #FFF959;
  text-decoration: none;
}
.btn_coupon p {
  margin: 0;
  font-size: 16px;
  font-size: 4.2666666667vw;
}
@media screen and (min-width: 767px) {
  .btn_coupon p {
    font-size: 16px;
  }
}
.btn_coupon .icon {
  width: 30px;
  margin-right: 10px;
}

.btn-icon {
  margin-top: 10px;
  text-align: center;
}
.btn-icon a {
  color: #1a1a1a;
  justify-content: center;
  align-items: center;
  display: flex;
}
.btn-icon img {
  width: 30px;
  margin-right: 10px;
}

.arrow_link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.arrow_link:hover {
  text-decoration: none;
}
.arrow_link .icon {
  width: 30px;
  margin: 0 auto 10px;
}

.googlemap {
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.googlemap iframe {
  aspect-ratio: 1/1;
  width: 100%;
  height: 400px;
  margin-top: -3px;
  margin-left: -3px;
}

@media screen and (min-width: 767px) {
  .pc {
    display: inline;
  }
  .sp {
    display: none;
  }
}
@media screen and (max-width: 766px) {
  .pc {
    display: none;
  }
  .sp {
    display: inline;
  }
}/*# sourceMappingURL=common.css.map */