@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");

html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
}

ul {
  list-style: none;
}

button,
input,
select {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  width: 100%;
  min-height: 100vh;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

body {
  min-height: 100%;
  overflow-x: hidden;
  line-height: 1.7;
  word-break: break-all;
  color: #4C3501;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

img {
  height: auto;
  max-width: 100%;
  transition: 0.3s;
  vertical-align: top;
}

svg {
  height: 100%;
  width: 100%;
}

img[srcset] {
  width: 100%;
  transition: 0.3s;
}

a {
  color: inherit;
  text-decoration: none;
  transition: 0.3s;
}

.mincho {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.font-oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.st-Width {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .st-Width {
    max-width: min(min(var(--vw, 1vw), 1svh) * 1280 / 375 * 100, 1280px);
    padding: 0;
  }
}

br.pc {
  display: none;
}

@media screen and (min-width: 768px) {
  br.pc {
    display: block;
  }

  br.sp {
    display: none;
  }
}

.main {
  background-color: #154B2D;
  padding: calc(var(--vw, 1vw) * 40 / 768 * 100) calc(var(--vw, 1vw) * 32 / 768 * 100) calc(var(--vw, 1vw) * 170 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .main {
    padding: min(var(--vw, 1vw) * 50 / 1300 * 100, 50px) min(var(--vw, 1vw) * 10 / 1300 * 100, 10px);
  }
}

.white-wap {
  background: #fff;
  border-radius: calc(var(--vw, 1vw) * 40.96 / 768 * 100);
  padding-bottom: calc(var(--vw, 1vw) * 65 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .white-wap {
    border-radius: min(var(--vw, 1vw) * 20 / 1300 * 100, 20px);
    padding-bottom: min(var(--vw, 1vw) * 50 / 1300 * 100, 50px);
  }
}

.breadcrumb {
  display: block;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: calc(var(--vw, 1vw) * 28.672 / 768 * 100);
  padding: calc(var(--vw, 1vw) * 30 / 768 * 100);
  border-bottom: 1px solid #E8E8E6;
}

@media screen and (min-width: 768px) {
  .breadcrumb {
    font-size: clamp(12px, min(var(--vw, 1vw) * 13 / 1300 * 100, 13px), min(var(--vw, 1vw) * 13 / 1300 * 100, 13px));
    padding: min(var(--vw, 1vw) * 20 / 1300 * 100, 20px) min(var(--vw, 1vw) * 60 / 1300 * 100, 60px);
  }
}

.breadcrumb ol,
.breadcrumb ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

@media screen and (max-width: 767px) {

  .breadcrumb ol,
  .breadcrumb ul {
    overflow: hidden;
  }
}

.breadcrumb li {
  position: relative;
  padding-right: calc(var(--vw, 1vw) * 55 / 768 * 100);
  flex-shrink: 0;
}

@media screen and (min-width: 768px) {
  .breadcrumb li {
    padding-right: min(var(--vw, 1vw) * 20 / 1300 * 100, 20px);
  }
}

.breadcrumb li::before {
  content: ">";
  position: absolute;
  right: calc(var(--vw, 1vw) * 20 / 768 * 100);
  top: calc(var(--vw, 1vw) * -3 / 768 * 100);
  transform: scale(0.5, 1);
  color: #4C3501;
}

@media screen and (min-width: 768px) {
  .breadcrumb li::before {
    right: min(var(--vw, 1vw) * 5 / 1300 * 100, 5px);
    top: calc(min(var(--vw, 1vw) * 2 / 1300 * 100, 2px) * -1);
  }
}

.breadcrumb li:last-child {
  padding-right: 0;
}

.breadcrumb li:last-child::before {
  content: "";
}

@media screen and (max-width: 767px) {
  .breadcrumb li:last-child {
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
  }
}

.breadcrumb a {
  color: #4C3501;
  white-space: nowrap;
}

.breadcrumb [aria-current=page] {
  color: #4C3501;
}

@media screen and (max-width: 767px) {
  .breadcrumb [aria-current=page] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
  }
}

.interview-Sec1 {
  padding: calc(var(--vw, 1vw) * 40 / 768 * 100) calc(var(--vw, 1vw) * 40 / 768 * 100) 0;
  position: relative;
}

@media screen and (min-width: 768px) {
  .interview-Sec1 {
    padding: min(var(--vw, 1vw) * 70 / 1300 * 100, 70px) 0 min(var(--vw, 1vw) * 50 / 1300 * 100, 50px);
    width: min(var(--vw, 1vw) * 1000 / 1300 * 100, 1000px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr min(var(--vw, 1vw) * 344 / 1300 * 100, 344px);
    align-items: start;
    gap: min(var(--vw, 1vw) * 20 / 1300 * 100, 20px);
  }
}

.interview-Sec1::before {
  content: "";
  position: absolute;
  background: url(../images/interview/img1.png) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 161.792 / 768 * 100);
  height: calc(var(--vw, 1vw) * 108.544 / 768 * 100);
  top: calc(var(--vw, 1vw) * 50 / 768 * 100);
  right: calc(var(--vw, 1vw) * 150 / 768 * 100);
  z-index: 0;
}

@media screen and (min-width: 768px) {
  .interview-Sec1::before {
    width: min(var(--vw, 1vw) * 300 / 1300 * 100, 300px);
    height: min(var(--vw, 1vw) * 200 / 1300 * 100, 200px);
    top: min(var(--vw, 1vw) * 40 / 1300 * 100, 40px);
    right: 0;
  }
}

.interview-Sec1 .ttl {
  font-size: calc(var(--vw, 1vw) * 65.536 / 768 * 100);
  font-weight: 700;
  color: #154B2D;
  margin-bottom: calc(var(--vw, 1vw) * 50 / 768 * 100);
  letter-spacing: 0.15rem;
}

@media screen and (min-width: 768px) {
  .interview-Sec1 .ttl {
    font-size: clamp(20px, min(var(--vw, 1vw) * 48 / 1300 * 100, 48px), min(var(--vw, 1vw) * 48 / 1300 * 100, 48px));
    margin-bottom: min(var(--vw, 1vw) * 20 / 1300 * 100, 20px);
  }
}

.interview-Sec1 .txt {
  font-size: calc(var(--vw, 1vw) * 32.768 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-Sec1 .txt {
    font-size: clamp(14px, min(var(--vw, 1vw) * 16 / 1300 * 100, 16px), min(var(--vw, 1vw) * 16 / 1300 * 100, 16px));
  }
}

.interview-All {
  padding: calc(var(--vw, 1vw) * 80 / 768 * 100) calc(var(--vw, 1vw) * 40 / 768 * 100) 0;
}

@media screen and (min-width: 768px) {
  .interview-All {
    padding: 0 0 min(var(--vw, 1vw) * 110 / 1300 * 100, 110px);
    width: min(var(--vw, 1vw) * 1000 / 1300 * 100, 1000px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 312 / 1300 * 100, 312px) min(var(--vw, 1vw) * 312 / 1300 * 100, 312px) min(var(--vw, 1vw) * 312 / 1300 * 100, 312px);
    align-items: start;
    gap: min(var(--vw, 1vw) * 80 / 1300 * 100, 80px) min(var(--vw, 1vw) * 25 / 1300 * 100, 25px);
  }
}

.interview-All .unit {
  margin-bottom: calc(var(--vw, 1vw) * 80 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-All .unit {
    margin-bottom: 0;
  }
}

.interview-All .unit a {
  color: #4C3501;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .interview-All .unit a:hover .unit-img img {
    transform: translate(-50%, -50%) scale(1.15);
  }
}

.interview-All .unit-img {
  height: calc(var(--vw, 1vw) * 420 / 768 * 100);
  position: relative;
  overflow: hidden;
  border-radius: calc(var(--vw, 1vw) * 20 / 768 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 20 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-All .unit-img {
    height: min(var(--vw, 1vw) * 208 / 1300 * 100, 208px);
    border-radius: min(var(--vw, 1vw) * 16 / 1300 * 100, 16px);
    margin-bottom: min(var(--vw, 1vw) * 16 / 1300 * 100, 16px);
  }
}

.interview-All .unit-img img {
  height: 100%;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.interview-All .unit-ttl {
  font-size: calc(var(--vw, 1vw) * 40.96 / 768 * 100);
  font-weight: 600;
  margin-bottom: calc(var(--vw, 1vw) * 20 / 768 * 100);
  color: #154B2D;
}

@media screen and (min-width: 768px) {
  .interview-All .unit-ttl {
    font-size: clamp(16px, min(var(--vw, 1vw) * 20 / 1300 * 100, 20px), min(var(--vw, 1vw) * 20 / 1300 * 100, 20px));
    margin-bottom: min(var(--vw, 1vw) * 15 / 1300 * 100, 15px);
  }
}

.interview-All .unit-name {
  font-size: calc(var(--vw, 1vw) * 28.672 / 768 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 20 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-All .unit-name {
    font-size: clamp(13px, min(var(--vw, 1vw) * 14 / 1300 * 100, 14px), min(var(--vw, 1vw) * 14 / 1300 * 100, 14px));
    margin-bottom: min(var(--vw, 1vw) * 15 / 1300 * 100, 15px);
  }
}

.interview-All .deceased {
  display: grid;
  grid-template-columns: calc(var(--vw, 1vw) * 286 / 768 * 100) 1fr;
  justify-content: center;
  align-items: center;
  gap: calc(var(--vw, 1vw) * 10 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-All .deceased {
    grid-template-columns: min(var(--vw, 1vw) * 150 / 1300 * 100, 150px) 1fr;
    gap: min(var(--vw, 1vw) * 10 / 1300 * 100, 10px);
  }
}

.interview-All .deceased-ttl {
  font-size: calc(var(--vw, 1vw) * 28.672 / 768 * 100);
  padding: calc(var(--vw, 1vw) * 10 / 768 * 100) calc(var(--vw, 1vw) * 40 / 768 * 100);
  border-radius: calc(var(--vw, 1vw) * 40 / 768 * 100);
  background: #F2EFE9;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .interview-All .deceased-ttl {
    font-size: clamp(13px, min(var(--vw, 1vw) * 14 / 1300 * 100, 14px), min(var(--vw, 1vw) * 14 / 1300 * 100, 14px));
    padding: min(var(--vw, 1vw) * 11 / 1300 * 100, 11px) min(var(--vw, 1vw) * 20 / 1300 * 100, 20px);
    border-radius: min(var(--vw, 1vw) * 40 / 1300 * 100, 40px);
  }
}

.interview-All .deceased-txt {
  font-size: calc(var(--vw, 1vw) * 28.672 / 768 * 100);
  padding: calc(var(--vw, 1vw) * 10 / 768 * 100) calc(var(--vw, 1vw) * 20 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-All .deceased-txt {
    font-size: clamp(13px, min(var(--vw, 1vw) * 18 / 1300 * 100, 18px), min(var(--vw, 1vw) * 18 / 1300 * 100, 18px));
    padding: min(var(--vw, 1vw) * 11 / 1300 * 100, 11px) min(var(--vw, 1vw) * 5 / 1300 * 100, 5px);
  }
}

.interview-All .cat-list {
  display: flex;
  flex-wrap: wrap;
}

.interview-All .cat-list li {
  background: #F2EFE9;
  font-size: calc(var(--vw, 1vw) * 28.672 / 768 * 100);
  padding: calc(var(--vw, 1vw) * 10 / 768 * 100) calc(var(--vw, 1vw) * 40 / 768 * 100);
  border-radius: calc(var(--vw, 1vw) * 40 / 768 * 100);
  margin: calc(var(--vw, 1vw) * 10 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-All .cat-list li {
    font-size: clamp(13px, min(var(--vw, 1vw) * 14 / 1300 * 100, 14px), min(var(--vw, 1vw) * 14 / 1300 * 100, 14px));
    padding: min(var(--vw, 1vw) * 11 / 1300 * 100, 11px) min(var(--vw, 1vw) * 20 / 1300 * 100, 20px);
    border-radius: min(var(--vw, 1vw) * 40 / 1300 * 100, 40px);
    margin: min(var(--vw, 1vw) * 5 / 1300 * 100, 5px);
  }
}

/***details
*******************************************/
.interview-details-Heading {
  padding: calc(var(--vw, 1vw) * 70 / 768 * 100) calc(var(--vw, 1vw) * 40 / 768 * 100) 0;
  display: flex;
  flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {
  .interview-details-Heading {
    padding: min(var(--vw, 1vw) * 70 / 1300 * 100, 70px) 0 0;
    width: min(var(--vw, 1vw) * 1040 / 1300 * 100, 1040px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr min(var(--vw, 1vw) * 580 / 1300 * 100, 580px);
    align-items: center;
    gap: min(var(--vw, 1vw) * 30 / 1300 * 100, 30px);
  }
}

.interview-details-Heading .ttl {
  font-size: calc(var(--vw, 1vw) * 40.96 / 768 * 100);
  line-height: 1.5;
  font-weight: 700;
  color: #154B2D;
  margin-bottom: calc(var(--vw, 1vw) * 30 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Heading .ttl {
    font-size: clamp(24px, min(var(--vw, 1vw) * 32 / 1300 * 100, 32px), min(var(--vw, 1vw) * 32 / 1300 * 100, 32px));
    margin-bottom: min(var(--vw, 1vw) * 15 / 1300 * 100, 15px);
  }
}

.interview-details-Heading .name {
  font-size: calc(var(--vw, 1vw) * 28.672 / 768 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 40 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Heading .name {
    font-size: clamp(13px, min(var(--vw, 1vw) * 14 / 1300 * 100, 14px), min(var(--vw, 1vw) * 14 / 1300 * 100, 14px));
    margin-bottom: min(var(--vw, 1vw) * 30 / 1300 * 100, 30px);
  }
}

.interview-details-Heading .list li {
  margin-bottom: calc(var(--vw, 1vw) * 25 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Heading .list li {
    margin-bottom: min(var(--vw, 1vw) * 15 / 1300 * 100, 15px);
  }
}

.interview-details-Heading .deceased {
  display: grid;
  grid-template-columns: calc(var(--vw, 1vw) * 286 / 768 * 100) 1fr;
  justify-content: center;
  align-items: center;
  gap: calc(var(--vw, 1vw) * 10 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Heading .deceased {
    grid-template-columns: min(var(--vw, 1vw) * 150 / 1300 * 100, 150px) 1fr;
    gap: min(var(--vw, 1vw) * 10 / 1300 * 100, 10px);
  }
}

.interview-details-Heading .deceased-ttl {
  font-size: calc(var(--vw, 1vw) * 28.672 / 768 * 100);
  padding: calc(var(--vw, 1vw) * 10 / 768 * 100) calc(var(--vw, 1vw) * 40 / 768 * 100);
  border-radius: calc(var(--vw, 1vw) * 40 / 768 * 100);
  background: #F2EFE9;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .interview-details-Heading .deceased-ttl {
    font-size: clamp(13px, min(var(--vw, 1vw) * 14 / 1300 * 100, 14px), min(var(--vw, 1vw) * 14 / 1300 * 100, 14px));
    padding: min(var(--vw, 1vw) * 11 / 1300 * 100, 11px) min(var(--vw, 1vw) * 20 / 1300 * 100, 20px);
    border-radius: min(var(--vw, 1vw) * 40 / 1300 * 100, 40px);
  }
}

.interview-details-Heading .deceased-txt {
  font-size: calc(var(--vw, 1vw) * 28.672 / 768 * 100);
  padding: calc(var(--vw, 1vw) * 10 / 768 * 100) calc(var(--vw, 1vw) * 20 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Heading .deceased-txt {
    font-size: clamp(13px, min(var(--vw, 1vw) * 18 / 1300 * 100, 18px), min(var(--vw, 1vw) * 18 / 1300 * 100, 18px));
    padding: min(var(--vw, 1vw) * 11 / 1300 * 100, 11px) min(var(--vw, 1vw) * 5 / 1300 * 100, 5px);
  }
}

.interview-details-Heading .img {
  width: 100%;
  overflow: hidden;
  border-radius: calc(var(--vw, 1vw) * 40.96 / 768 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 50 / 768 * 100);
  height: calc(var(--vw, 1vw) * 480 / 768 * 100);
  position: relative;
}

@media screen and (min-width: 768px) {
  .interview-details-Heading .img {
    border-radius: min(var(--vw, 1vw) * 25 / 1300 * 100, 25px);
    margin-bottom: 0;
    height: min(var(--vw, 1vw) * 350 / 1300 * 100, 350px);
  }
}

.interview-details-Heading .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.interview-details-Section {
  padding: 0 calc(var(--vw, 1vw) * 40 / 768 * 100) calc(var(--vw, 1vw) * 80 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Section {
    padding: 0 0 min(var(--vw, 1vw) * 50 / 1300 * 100, 50px);
    width: min(var(--vw, 1vw) * 1040 / 1300 * 100, 1040px);
    margin: 0 auto;
  }
}

.interview-details-Section .pt-ttl {
  font-size: calc(var(--vw, 1vw) * 36.864 / 768 * 100);
  font-weight: 700;
  line-height: 1.75;
  border-bottom: 2px solid #154B2D;
  color: #154B2D;
  padding: calc(var(--vw, 1vw) * 20 / 768 * 100) 0;
  margin-bottom: calc(var(--vw, 1vw) * 30 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Section .pt-ttl {
    font-size: clamp(18px, min(var(--vw, 1vw) * 24 / 1300 * 100, 24px), min(var(--vw, 1vw) * 24 / 1300 * 100, 24px));
    padding: min(var(--vw, 1vw) * 15 / 1300 * 100, 15px) min(var(--vw, 1vw) * 20 / 1300 * 100, 20px);
    margin-bottom: min(var(--vw, 1vw) * 25 / 1300 * 100, 25px);
  }
}

.interview-details-Section .pt-txtarea {
  font-size: calc(var(--vw, 1vw) * 32.768 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Section .pt-txtarea {
    font-size: clamp(16px, min(var(--vw, 1vw) * 18 / 1300 * 100, 18px), min(var(--vw, 1vw) * 18 / 1300 * 100, 18px));
  }
}

.interview-details-Section .pt-txtarea dl dt {
  position: relative;
}

.interview-details-Section .pt-txtarea dl dt::before {
  content: "──";
  margin-right: calc(var(--vw, 1vw) * 10 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Section .pt-txtarea dl dt::before {
    margin-right: min(var(--vw, 1vw) * 5 / 1300 * 100, 5px);
  }
}

.interview-details-Section .pt-txtarea dl dd {
  margin-bottom: calc(var(--vw, 1vw) * 50 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Section .pt-txtarea dl dd {
    margin-bottom: min(var(--vw, 1vw) * 30 / 1300 * 100, 30px);
  }
}

.interview-details-Section .contents-pattern1 {
  margin-top: calc(var(--vw, 1vw) * 50 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Section .contents-pattern1 {
    margin-top: min(var(--vw, 1vw) * 50 / 1300 * 100, 50px);
  }
}

.interview-details-Section .contents-pattern2 {
  width: 100%;
  overflow: hidden;
  border-radius: calc(var(--vw, 1vw) * 32 / 768 * 100);
  margin-top: calc(var(--vw, 1vw) * 50 / 768 * 100);
  position: relative;
  height: calc(var(--vw, 1vw) * 458 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Section .contents-pattern2 {
    border-radius: min(var(--vw, 1vw) * 24 / 1300 * 100, 24px);
    margin: min(var(--vw, 1vw) * 40 / 1300 * 100, 40px) auto 0;
    height: min(var(--vw, 1vw) * 516 / 1300 * 100, 516px);
    width: min(var(--vw, 1vw) * 690 / 1300 * 100, 690px);
  }
}

.interview-details-Section .contents-pattern2 img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.interview-details-Section .contents-pattern3 {
  margin-top: calc(var(--vw, 1vw) * 80 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Section .contents-pattern3 {
    margin-top: min(var(--vw, 1vw) * 80 / 1300 * 100, 80px);
    padding: 0 min(var(--vw, 1vw) * 40 / 1300 * 100, 40px);
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 397 / 1300 * 100, 397px) 1fr;
    align-items: center;
    gap: min(var(--vw, 1vw) * 60 / 1300 * 100, 60px);
  }
}

.interview-details-Section .contents-pattern3 .img {
  width: 100%;
  overflow: hidden;
  border-radius: calc(var(--vw, 1vw) * 40.96 / 768 * 100);
  height: calc(var(--vw, 1vw) * 480 / 768 * 100);
  position: relative;
}

@media screen and (min-width: 768px) {
  .interview-details-Section .contents-pattern3 .img {
    border-radius: min(var(--vw, 1vw) * 24 / 1300 * 100, 24px);
    height: min(var(--vw, 1vw) * 342 / 1300 * 100, 342px);
  }
}

.interview-details-Section .contents-pattern3 .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.interview-details-Section .contents-pattern3 .txt-area {
  margin-top: calc(var(--vw, 1vw) * 50 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Section .contents-pattern3 .txt-area {
    margin-top: 0;
  }
}

.interview-details-Section .contents-pattern4 {
  margin-top: calc(var(--vw, 1vw) * 50 / 768 * 100);
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .interview-details-Section .contents-pattern4 {
    margin: min(var(--vw, 1vw) * 40 / 1300 * 100, 40px) auto 0;
  }
}

.interview-details-Section .contents-pattern4 img {
  border-radius: calc(var(--vw, 1vw) * 32 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Section .contents-pattern4 img {
    border-radius: min(var(--vw, 1vw) * 24 / 1300 * 100, 24px);
  }
}

.interview-details-Section .contents-pattern5 {
  margin-top: calc(var(--vw, 1vw) * 50 / 768 * 100);
  text-align: center;
}

@media screen and (min-width: 768px) {
  .interview-details-Section .contents-pattern5 {
    margin-top: min(var(--vw, 1vw) * 40 / 1300 * 100, 40px);
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 510 / 1300 * 100, 510px) min(var(--vw, 1vw) * 510 / 1300 * 100, 510px);
    gap: min(var(--vw, 1vw) * 20 / 1300 * 100, 20px);
    justify-content: space-between;
  }
}

.interview-details-Section .contents-pattern5 .col-img {
  margin-top: min(var(--vw, 1vw) * 70 / 1300 * 100, 70px);
}

.interview-details-Section .contents-pattern5 img {
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
  max-height: 280px;
}

.interview-details-Section .contents-pattern6 {
  width: 100%;
  overflow: hidden;
  border-radius: calc(var(--vw, 1vw) * 32 / 768 * 100);
  margin-top: calc(var(--vw, 1vw) * 50 / 768 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 50 / 768 * 100);
  display: flex;
  justify-content: center;
}

.interview-details-Section .contents-pattern6 img {
  max-width: 690px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.interview-details-Plan {
  padding: calc(var(--vw, 1vw) * 60 / 768 * 100) calc(var(--vw, 1vw) * 40 / 768 * 100) 0;
}

@media screen and (min-width: 768px) {
  .interview-details-Plan {
    padding: min(var(--vw, 1vw) * 100 / 1300 * 100, 100px) 0 0;
    width: min(var(--vw, 1vw) * 1000 / 1300 * 100, 1000px);
    margin: 0 auto;
  }
}

.interview-details-Plan .en-ttl {
  text-align: center;
  font-size: calc(var(--vw, 1vw) * 81.92 / 768 * 100);
  color: #F5F1E9;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.15rem;
}

@media screen and (min-width: 768px) {
  .interview-details-Plan .en-ttl {
    font-size: min(var(--vw, 1vw) * 94 / 1300 * 100, 94px);
  }
}

.interview-details-Plan .ttl {
  text-align: center;
  font-size: calc(var(--vw, 1vw) * 49.152 / 768 * 100);
  font-weight: 700;
  color: #514327;
  margin-bottom: calc(var(--vw, 1vw) * 80 / 768 * 100);
  letter-spacing: 0.15rem;
}

@media screen and (min-width: 768px) {
  .interview-details-Plan .ttl {
    font-size: min(var(--vw, 1vw) * 28 / 1300 * 100, 28px);
    margin-bottom: min(var(--vw, 1vw) * 65 / 1300 * 100, 65px);
    line-height: 1;
  }
}

.interview-details-Plan .bottom-ttl {
  font-size: calc(var(--vw, 1vw) * 36.864 / 768 * 100);
  font-weight: 700;
  line-height: 1.5;
  color: #154B2D;
  margin-bottom: calc(var(--vw, 1vw) * 40 / 768 * 100);
  text-align: center;
}

@media screen and (min-width: 768px) {
  .interview-details-Plan .bottom-ttl {
    font-size: clamp(22px, min(var(--vw, 1vw) * 28 / 1300 * 100, 28px), min(var(--vw, 1vw) * 28 / 1300 * 100, 28px));
    margin: min(var(--vw, 1vw) * 20 / 1300 * 100, 20px) 0 min(var(--vw, 1vw) * 25 / 1300 * 100, 25px);
  }
}

.interview-details-Plan .unit {
  display: grid;
  grid-template-columns: calc(var(--vw, 1vw) * 104.448 / 768 * 100) 1fr;
  align-items: center;
  gap: calc(var(--vw, 1vw) * 20 / 768 * 100);
  border: #E2D6BC 3px dashed;
  border-radius: calc(var(--vw, 1vw) * 32 / 768 * 100);
  padding: calc(var(--vw, 1vw) * 35 / 768 * 100) calc(var(--vw, 1vw) * 40 / 768 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 50 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Plan .unit {
    border-radius: min(var(--vw, 1vw) * 24 / 1300 * 100, 24px);
    padding: min(var(--vw, 1vw) * 25 / 1300 * 100, 25px) min(var(--vw, 1vw) * 24 / 1300 * 100, 24px);
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    gap: min(var(--vw, 1vw) * 20 / 1300 * 100, 20px);
    margin-bottom: min(var(--vw, 1vw) * 60 / 1300 * 100, 60px);
  }
}

.interview-details-Plan .unit-ttl {
  font-size: calc(var(--vw, 1vw) * 28.672 / 768 * 100);
  font-weight: 700;
  letter-spacing: 0.3rem;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .interview-details-Plan .unit-ttl {
    font-size: clamp(21px, min(var(--vw, 1vw) * 26 / 1300 * 100, 26px), min(var(--vw, 1vw) * 26 / 1300 * 100, 26px));
    margin-bottom: min(var(--vw, 1vw) * 10 / 1300 * 100, 10px);
    text-align: left;
  }
}

.interview-details-Plan .unit-ttl span {
  font-size: calc(var(--vw, 1vw) * 61.44 / 768 * 100);
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .interview-details-Plan .unit-ttl span {
    font-size: clamp(32px, min(var(--vw, 1vw) * 40 / 1300 * 100, 40px), min(var(--vw, 1vw) * 40 / 1300 * 100, 40px));
  }
}

.interview-details-Plan .unit-ttl span.mi {
  font-size: calc(var(--vw, 1vw) * 40.96 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Plan .unit-ttl span.mi {
    font-size: clamp(21px, min(var(--vw, 1vw) * 26 / 1300 * 100, 26px), min(var(--vw, 1vw) * 26 / 1300 * 100, 26px));
  }
}

.interview-details-Plan .img {
  margin: 0 auto calc(var(--vw, 1vw) * 20 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-Plan .img {
    width: min(var(--vw, 1vw) * 160 / 1300 * 100, 160px);
    margin: 0;
  }
}

.plan-Section {
  padding: calc(var(--vw, 1vw) * 50 / 768 * 100) 0 0;
}

@media screen and (min-width: 768px) {
  .plan-Section {
    padding: 0 0 min(var(--vw, 1vw) * 30 / 1300 * 100, 30px);
  }
}

.plan-Section .plan-unit {
  margin-bottom: calc(var(--vw, 1vw) * 160 / 768 * 100);
  position: relative;
}

@media screen and (min-width: 768px) {
  .plan-Section .plan-unit {
    margin-bottom: min(var(--vw, 1vw) * 60 / 1300 * 100, 60px);
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 388 / 1300 * 100, 388px) 1fr;
    width: calc(100% - min(var(--vw, 1vw) * 10 / 1300 * 100, 10px));
    margin-left: auto;
  }
}

.plan-Section .plan-unit:last-of-type {
  margin-bottom: 0;
}

.plan-Section .plan-img {
  position: relative;
  height: calc(var(--vw, 1vw) * 440 / 768 * 100);
  overflow: hidden;
  border-top-left-radius: calc(var(--vw, 1vw) * 48 / 768 * 100);
  border-top-right-radius: calc(var(--vw, 1vw) * 48 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .plan-Section .plan-img {
    height: auto;
    min-height: min(var(--vw, 1vw) * 440 / 1300 * 100, 440px);
    border-top-left-radius: min(var(--vw, 1vw) * 24 / 1300 * 100, 24px);
    border-bottom-left-radius: min(var(--vw, 1vw) * 24 / 1300 * 100, 24px);
    border-top-right-radius: 0;
  }
}

.plan-Section .plan-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .plan-Section .plan-img img {
    position: static;
    transform: none;
    width: 100%;
    height: auto;
  }
}

.plan-Section .fukidashi {
  position: absolute;
  width: 100%;
  top: calc(var(--vw, 1vw) * -80 / 768 * 100);
  left: 0;
  background: #F5F9E9;
  border: 2px solid #154B2D;
  border-radius: calc(var(--vw, 1vw) * 24 / 768 * 100);
  color: #154B2D;
  padding: calc(var(--vw, 1vw) * 25 / 768 * 100) calc(var(--vw, 1vw) * 20 / 768 * 100);
  font-size: calc(var(--vw, 1vw) * 36.864 / 768 * 100);
  text-align: center;
  z-index: 1;
  letter-spacing: 0.1rem;
}

@media screen and (min-width: 768px) {
  .plan-Section .fukidashi {
    top: calc(min(var(--vw, 1vw) * 30 / 1300 * 100, 30px) * -1);
    left: calc(min(var(--vw, 1vw) * 10 / 1300 * 100, 10px) * -1);
    border-radius: min(var(--vw, 1vw) * 12 / 1300 * 100, 12px);
    padding: min(var(--vw, 1vw) * 15 / 1300 * 100, 15px) min(var(--vw, 1vw) * 10 / 1300 * 100, 10px);
    text-align: center;
    font-size: clamp(14px, min(var(--vw, 1vw) * 20 / 1300 * 100, 20px), min(var(--vw, 1vw) * 20 / 1300 * 100, 20px));
    width: min(var(--vw, 1vw) * 439 / 1300 * 100, 439px);
  }
}

.plan-Section .fukidashi::before {
  content: "";
  background: url(../images/plan/fukidashi.svg) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 45 / 768 * 100);
  height: calc(var(--vw, 1vw) * 45 / 768 * 100);
  position: absolute;
  bottom: calc(var(--vw, 1vw) * -26 / 768 * 100);
  left: calc(var(--vw, 1vw) * 70 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .plan-Section .fukidashi::before {
    width: min(var(--vw, 1vw) * 26 / 1300 * 100, 26px);
    height: min(var(--vw, 1vw) * 28 / 1300 * 100, 28px);
    bottom: calc(min(var(--vw, 1vw) * 18 / 1300 * 100, 18px) * -1);
    right: min(var(--vw, 1vw) * 30 / 1300 * 100, 30px);
    left: auto;
  }
}

.plan-Section .plan-txtarea {
  background: #F1F6F3;
  border-bottom-left-radius: calc(var(--vw, 1vw) * 32.768 / 768 * 100);
  border-bottom-right-radius: calc(var(--vw, 1vw) * 32.768 / 768 * 100);
  padding: calc(var(--vw, 1vw) * 50 / 768 * 100) calc(var(--vw, 1vw) * 30 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .plan-Section .plan-txtarea {
    border-top-right-radius: min(var(--vw, 1vw) * 24 / 1300 * 100, 24px);
    border-bottom-right-radius: min(var(--vw, 1vw) * 24 / 1300 * 100, 24px);
    border-bottom-left-radius: 0;
    padding: min(var(--vw, 1vw) * 40 / 1300 * 100, 40px) min(var(--vw, 1vw) * 55 / 1300 * 100, 55px);
  }
}

.plan-Section .plan-ttl {
  text-align: center;
  color: #154B2D;
  font-size: calc(var(--vw, 1vw) * 57.344 / 768 * 100);
  font-weight: 700;
  letter-spacing: 0.1rem;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .plan-Section .plan-ttl {
    letter-spacing: 0.35rem;
    font-size: clamp(20px, min(var(--vw, 1vw) * 32 / 1300 * 100, 32px), min(var(--vw, 1vw) * 32 / 1300 * 100, 32px));
  }
}

.plan-Section .price-txt {
  font-size: calc(var(--vw, 1vw) * 36.864 / 768 * 100);
  text-align: center;
  border-bottom: #E2D6BC 2px dashed;
  padding-bottom: calc(var(--vw, 1vw) * 10 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .plan-Section .price-txt {
    border-bottom: none;
    padding-bottom: 0;
    text-align: left;
    font-size: clamp(16px, min(var(--vw, 1vw) * 18 / 1300 * 100, 18px), min(var(--vw, 1vw) * 18 / 1300 * 100, 18px));
  }
}

@media screen and (min-width: 768px) {
  .plan-Section .pricebox {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 150 / 1300 * 100, 150px) 1fr;
    align-items: center;
    justify-content: center;
    border-bottom: #E2D6BC 2px dashed;
  }
}

.plan-Section .price {
  display: grid;
  grid-template-columns: calc(var(--vw, 1vw) * 80 / 768 * 100) 1fr;
  grid-template-rows: 1fr 1fr;
  justify-content: center;
  color: #A48D48;
  margin: calc(var(--vw, 1vw) * 20 / 768 * 100) 0 0 calc(var(--vw, 1vw) * 60 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .plan-Section .price {
    grid-template-columns: min(var(--vw, 1vw) * 60 / 1300 * 100, 60px) 1fr;
    margin: min(var(--vw, 1vw) * 20 / 1300 * 100, 20px) 0 0;
  }
}

.plan-Section .price .mark {
  grid-column: 1;
  grid-row: 1;
  font-size: calc(var(--vw, 1vw) * 73.728 / 768 * 100);
  text-align: center;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .plan-Section .price .mark {
    font-size: clamp(28px, min(var(--vw, 1vw) * 36 / 1300 * 100, 36px), min(var(--vw, 1vw) * 36 / 1300 * 100, 36px));
  }
}

.plan-Section .price .tax {
  grid-column: 1;
  grid-row: 2;
  font-size: calc(var(--vw, 1vw) * 18 / 768 * 100);
  text-align: right;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .plan-Section .price .tax {
    font-size: clamp(10px, min(var(--vw, 1vw) * 14 / 1300 * 100, 14px), min(var(--vw, 1vw) * 14 / 1300 * 100, 14px));
  }
}

.plan-Section .price .yen {
  grid-column: 2;
  grid-row: 1/3;
  font-size: calc(var(--vw, 1vw) * 94.208 / 768 * 100);
  line-height: 1;
  letter-spacing: 0.15rem;
}

@media screen and (min-width: 768px) {
  .plan-Section .price .yen {
    font-size: clamp(42px, min(var(--vw, 1vw) * 57 / 1300 * 100, 57px), min(var(--vw, 1vw) * 57 / 1300 * 100, 57px));
    line-height: 0.9;
  }
}

@media screen and (min-width: 768px) {
  .plan-Section .cat-wap {
    margin-top: min(var(--vw, 1vw) * 11 / 1300 * 100, 11px);
    display: grid;
    grid-template-columns: 1fr min(var(--vw, 1vw) * 100 / 1300 * 100, 100px);
    gap: min(var(--vw, 1vw) * 20 / 1300 * 100, 20px);
    align-items: center;
    justify-content: center;
  }
}

@media screen and (min-width: 768px) {
  .plan-Section .catbox {
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 110 / 1300 * 100, 110px) 1fr;
    align-items: center;
    justify-content: center;
  }
}

.plan-Section .cat-txt {
  text-align: center;
  font-size: calc(var(--vw, 1vw) * 36.864 / 768 * 100);
  padding: 0 0 calc(var(--vw, 1vw) * 15 / 768 * 100);
  border-bottom: #E2D6BC 1px dotted;
  margin-bottom: calc(var(--vw, 1vw) * 25 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .plan-Section .cat-txt {
    border-bottom: none;
    text-align: left;
    font-size: clamp(14px, min(var(--vw, 1vw) * 18 / 1300 * 100, 18px), min(var(--vw, 1vw) * 18 / 1300 * 100, 18px));
    padding: 0 0 min(var(--vw, 1vw) * 15 / 1300 * 100, 15px);
    margin-bottom: min(var(--vw, 1vw) * 18 / 1300 * 100, 18px);
  }
}

.plan-Section .cat-list {
  display: grid;
  grid-template-columns: calc(var(--vw, 1vw) * 177 / 768 * 100) calc(var(--vw, 1vw) * 177 / 768 * 100) calc(var(--vw, 1vw) * 177 / 768 * 100);
  gap: calc(var(--vw, 1vw) * 15 / 768 * 100) calc(var(--vw, 1vw) * 20 / 768 * 100);
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .plan-Section .cat-list {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: auto;
    gap: min(var(--vw, 1vw) * 12 / 1300 * 100, 12px);
    justify-content: left;
  }
}

.plan-Section .cat-list li {
  font-size: calc(var(--vw, 1vw) * 40.96 / 768 * 100);
  text-align: center;
  background: #154B2D;
  color: #fff;
  border-radius: calc(var(--vw, 1vw) * 5 / 768 * 100);
  padding: calc(var(--vw, 1vw) * 5 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .plan-Section .cat-list li {
    font-size: clamp(14px, min(var(--vw, 1vw) * 20 / 1300 * 100, 20px), min(var(--vw, 1vw) * 20 / 1300 * 100, 20px));
    border-radius: min(var(--vw, 1vw) * 4 / 1300 * 100, 4px);
    padding: min(var(--vw, 1vw) * 4 / 1300 * 100, 4px) min(var(--vw, 1vw) * 8 / 1300 * 100, 8px);
  }
}

.plan-Section .cat-list li.off {
  background: #fff;
  color: rgba(76, 53, 1, 0.2);
}

.plan-Section .peoplebox {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  border: 1px solid #154B2D;
  border-radius: calc(var(--vw, 1vw) * 20 / 768 * 100);
  margin-top: calc(var(--vw, 1vw) * 40 / 768 * 100);
  color: #154B2D;
}

@media screen and (min-width: 768px) {
  .plan-Section .peoplebox {
    display: grid;
    place-content: center;
    place-items: center;
    grid-template-columns: 1fr;
    align-items: center;
    border-radius: min(var(--vw, 1vw) * 15 / 1300 * 100, 15px);
    margin-top: 0;
    gap: 0;
    min-height: min(var(--vw, 1vw) * 100 / 1300 * 100, 100px);
  }
}

.plan-Section .peoplebox .people-txt {
  font-size: calc(var(--vw, 1vw) * 28.672 / 768 * 100);
  text-align: right;
}

@media screen and (min-width: 768px) {
  .plan-Section .peoplebox .people-txt {
    text-align: center;
    font-size: clamp(12px, min(var(--vw, 1vw) * 14 / 1300 * 100, 14px), min(var(--vw, 1vw) * 14 / 1300 * 100, 14px));
  }
}

.plan-Section .peoplebox .people {
  font-size: calc(var(--vw, 1vw) * 28.672 / 768 * 100);
  padding-left: calc(var(--vw, 1vw) * 28.672 / 768 * 100);
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .plan-Section .peoplebox .people {
    font-size: clamp(10px, min(var(--vw, 1vw) * 10 / 1300 * 100, 10px), min(var(--vw, 1vw) * 10 / 1300 * 100, 10px));
    padding-left: 0;
    text-align: center;
  }
}

.plan-Section .peoplebox .people span {
  font-size: calc(var(--vw, 1vw) * 65.536 / 768 * 100);
  margin-right: calc(var(--vw, 1vw) * 5 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .plan-Section .peoplebox .people span {
    font-size: clamp(20px, min(var(--vw, 1vw) * 29 / 1300 * 100, 29px), min(var(--vw, 1vw) * 29 / 1300 * 100, 29px));
    margin-right: 0;
  }
}

.plan-Section .plan-btn {
  height: calc(var(--vw, 1vw) * 147.456 / 768 * 100);
  margin-top: calc(var(--vw, 1vw) * 35 / 768 * 100);
  position: relative;
}

@media screen and (min-width: 768px) {
  .plan-Section .plan-btn {
    height: min(var(--vw, 1vw) * 70 / 1300 * 100, 70px);
    margin: min(var(--vw, 1vw) * 32 / 1300 * 100, 32px) auto 0;
    width: min(var(--vw, 1vw) * 452 / 1300 * 100, 452px);
  }
}

.plan-Section .plan-btn a {
  display: grid;
  align-items: center;
  justify-items: center;
  font-size: calc(var(--vw, 1vw) * 40.96 / 768 * 100);
  font-weight: 700;
  height: 100%;
  line-height: 1;
  background: #154B2D;
  text-decoration: none;
  color: #fff;
  border-radius: calc(var(--vw, 1vw) * 80 / 768 * 100);
  box-shadow: calc(var(--vw, 1vw) * 14 / 768 * 100) calc(var(--vw, 1vw) * 10 / 768 * 100) 0px calc(var(--vw, 1vw) * 4 / 768 * 100) #E6E6E6;
}

@media screen and (min-width: 768px) {
  .plan-Section .plan-btn a {
    font-size: clamp(14px, min(var(--vw, 1vw) * 20 / 1300 * 100, 20px), min(var(--vw, 1vw) * 20 / 1300 * 100, 20px));
    border-radius: min(var(--vw, 1vw) * 80 / 1300 * 100, 80px);
    box-shadow: min(var(--vw, 1vw) * 4 / 1300 * 100, 4px) min(var(--vw, 1vw) * 2 / 1300 * 100, 2px) 0px min(var(--vw, 1vw) * 2 / 1300 * 100, 2px) #E6E6E6;
  }

  .plan-Section .plan-btn a:hover {
    opacity: 0.7;
  }

  .plan-Section .plan-btn a:hover::before {
    right: min(var(--vw, 1vw) * 25 / 1300 * 100, 25px);
  }
}

.plan-Section .plan-btn a::before {
  content: "";
  background: url(../images/plan/ico_d_btn.svg) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 39.936 / 768 * 100);
  height: calc(var(--vw, 1vw) * 32.01024 / 768 * 100);
  position: absolute;
  top: 50%;
  right: calc(var(--vw, 1vw) * 72 / 768 * 100);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .plan-Section .plan-btn a::before {
    transition: 0.3s;
    width: min(var(--vw, 1vw) * 19 / 1300 * 100, 19px);
    height: min(var(--vw, 1vw) * 15 / 1300 * 100, 15px);
    right: min(var(--vw, 1vw) * 35 / 1300 * 100, 35px);
  }
}

.interview-details-All {
  background: #F5F9E9;
}

.interview-details-All .inner {
  padding: calc(var(--vw, 1vw) * 80 / 768 * 100) calc(var(--vw, 1vw) * 40 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-All .inner {
    padding: min(var(--vw, 1vw) * 60 / 1300 * 100, 60px) 0;
    width: min(var(--vw, 1vw) * 1000 / 1300 * 100, 1000px);
    margin: 0 auto;
  }
}

.interview-details-All .en-ttl {
  text-align: center;
  font-size: calc(var(--vw, 1vw) * 65.536 / 768 * 100);
  color: rgba(21, 75, 45, 0.1019607843);
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.15rem;
}

@media screen and (min-width: 768px) {
  .interview-details-All .en-ttl {
    font-size: min(var(--vw, 1vw) * 64 / 1300 * 100, 64px);
  }
}

.interview-details-All .ttl {
  text-align: center;
  font-size: calc(var(--vw, 1vw) * 49.152 / 768 * 100);
  font-weight: 700;
  color: #514327;
  margin-bottom: calc(var(--vw, 1vw) * 80 / 768 * 100);
  letter-spacing: 0.15rem;
}

@media screen and (min-width: 768px) {
  .interview-details-All .ttl {
    font-size: min(var(--vw, 1vw) * 28 / 1300 * 100, 28px);
    margin-bottom: min(var(--vw, 1vw) * 40 / 1300 * 100, 40px);
    line-height: 1;
  }
}

@media screen and (min-width: 768px) {
  .interview-details-All .wap {
    width: min(var(--vw, 1vw) * 1000 / 1300 * 100, 1000px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: min(var(--vw, 1vw) * 312 / 1300 * 100, 312px) min(var(--vw, 1vw) * 312 / 1300 * 100, 312px) min(var(--vw, 1vw) * 312 / 1300 * 100, 312px);
    align-items: start;
    justify-content: center;
    gap: min(var(--vw, 1vw) * 30 / 1300 * 100, 30px);
  }
}

.interview-details-All .wap .unit {
  margin-bottom: calc(var(--vw, 1vw) * 80 / 768 * 100);
  background: #fff;
  border-radius: calc(var(--vw, 1vw) * 40 / 768 * 100);
  padding: calc(var(--vw, 1vw) * 60 / 768 * 100) calc(var(--vw, 1vw) * 35 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-All .wap .unit {
    margin-bottom: 0;
    padding: min(var(--vw, 1vw) * 20 / 1300 * 100, 20px);
    border-radius: min(var(--vw, 1vw) * 20 / 1300 * 100, 20px);
  }
}

.interview-details-All .wap .unit a {
  color: #4C3501;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .interview-details-All .wap .unit a:hover .unit-img img {
    transform: translate(-50%, -50%) scale(1.15);
  }
}

.interview-details-All .wap .unit-img {
  height: calc(var(--vw, 1vw) * 360 / 768 * 100);
  position: relative;
  overflow: hidden;
  border-radius: calc(var(--vw, 1vw) * 20 / 768 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 20 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-All .wap .unit-img {
    height: min(var(--vw, 1vw) * 208 / 1300 * 100, 208px);
    border-radius: min(var(--vw, 1vw) * 16 / 1300 * 100, 16px);
    margin-bottom: min(var(--vw, 1vw) * 16 / 1300 * 100, 16px);
  }
}

.interview-details-All .wap .unit-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.interview-details-All .wap .unit-ttl {
  font-size: calc(var(--vw, 1vw) * 32.768 / 768 * 100);
  font-weight: 600;
  margin-bottom: calc(var(--vw, 1vw) * 30 / 768 * 100);
  color: #154B2D;
}

@media screen and (min-width: 768px) {
  .interview-details-All .wap .unit-ttl {
    font-size: clamp(16px, min(var(--vw, 1vw) * 20 / 1300 * 100, 20px), min(var(--vw, 1vw) * 20 / 1300 * 100, 20px));
    margin-bottom: min(var(--vw, 1vw) * 15 / 1300 * 100, 15px);
  }
}

.interview-details-All .wap .unit-name {
  font-size: calc(var(--vw, 1vw) * 28.672 / 768 * 100);
  margin-bottom: calc(var(--vw, 1vw) * 30 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-All .wap .unit-name {
    font-size: clamp(13px, min(var(--vw, 1vw) * 14 / 1300 * 100, 14px), min(var(--vw, 1vw) * 14 / 1300 * 100, 14px));
    margin-bottom: min(var(--vw, 1vw) * 15 / 1300 * 100, 15px);
  }
}

.interview-details-All .wap .deceased {
  display: grid;
  grid-template-columns: calc(var(--vw, 1vw) * 286 / 768 * 100) 1fr;
  justify-content: center;
  align-items: center;
  gap: calc(var(--vw, 1vw) * 10 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-All .wap .deceased {
    grid-template-columns: min(var(--vw, 1vw) * 150 / 1300 * 100, 150px) 1fr;
    gap: min(var(--vw, 1vw) * 10 / 1300 * 100, 10px);
  }
}

.interview-details-All .wap .deceased-ttl {
  font-size: calc(var(--vw, 1vw) * 28.672 / 768 * 100);
  padding: calc(var(--vw, 1vw) * 10 / 768 * 100) calc(var(--vw, 1vw) * 40 / 768 * 100);
  border-radius: calc(var(--vw, 1vw) * 40 / 768 * 100);
  background: #F2EFE9;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .interview-details-All .wap .deceased-ttl {
    font-size: clamp(13px, min(var(--vw, 1vw) * 14 / 1300 * 100, 14px), min(var(--vw, 1vw) * 14 / 1300 * 100, 14px));
    padding: min(var(--vw, 1vw) * 11 / 1300 * 100, 11px) min(var(--vw, 1vw) * 20 / 1300 * 100, 20px);
    border-radius: min(var(--vw, 1vw) * 40 / 1300 * 100, 40px);
  }
}

.interview-details-All .wap .deceased-txt {
  font-size: calc(var(--vw, 1vw) * 28.672 / 768 * 100);
  padding: calc(var(--vw, 1vw) * 10 / 768 * 100) calc(var(--vw, 1vw) * 20 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-All .wap .deceased-txt {
    font-size: clamp(13px, min(var(--vw, 1vw) * 18 / 1300 * 100, 18px), min(var(--vw, 1vw) * 18 / 1300 * 100, 18px));
    padding: min(var(--vw, 1vw) * 11 / 1300 * 100, 11px) min(var(--vw, 1vw) * 5 / 1300 * 100, 5px);
  }
}

.interview-details-All .wap .cat-list {
  display: flex;
  flex-wrap: wrap;
}

.interview-details-All .wap .cat-list li {
  background: #F2EFE9;
  font-size: calc(var(--vw, 1vw) * 28.672 / 768 * 100);
  padding: calc(var(--vw, 1vw) * 10 / 768 * 100) calc(var(--vw, 1vw) * 40 / 768 * 100);
  border-radius: calc(var(--vw, 1vw) * 40 / 768 * 100);
  margin: calc(var(--vw, 1vw) * 10 / 768 * 100);
}

@media screen and (min-width: 768px) {
  .interview-details-All .wap .cat-list li {
    font-size: clamp(13px, min(var(--vw, 1vw) * 14 / 1300 * 100, 14px), min(var(--vw, 1vw) * 14 / 1300 * 100, 14px));
    padding: min(var(--vw, 1vw) * 11 / 1300 * 100, 11px) min(var(--vw, 1vw) * 20 / 1300 * 100, 20px);
    border-radius: min(var(--vw, 1vw) * 40 / 1300 * 100, 40px);
    margin: min(var(--vw, 1vw) * 5 / 1300 * 100, 5px);
  }
}

.interview-details-All .detail-btn {
  height: calc(var(--vw, 1vw) * 147 / 768 * 100);
  margin-top: calc(var(--vw, 1vw) * 65 / 768 * 100);
  position: relative;
}

@media screen and (min-width: 768px) {
  .interview-details-All .detail-btn {
    height: min(var(--vw, 1vw) * 70 / 1300 * 100, 70px);
    margin: min(var(--vw, 1vw) * 30 / 1300 * 100, 30px) auto 0;
    width: min(var(--vw, 1vw) * 452 / 1300 * 100, 452px);
  }
}

.interview-details-All .detail-btn a {
  display: grid;
  align-items: center;
  font-size: calc(var(--vw, 1vw) * 40.96 / 768 * 100);
  padding-left: calc(var(--vw, 1vw) * 160 / 768 * 100);
  height: 100%;
  border: 2px solid #154B2D;
  text-decoration: none;
  background: #fff;
  color: #154B2D;
  border-radius: calc(var(--vw, 1vw) * 80 / 768 * 100);
  box-shadow: calc(var(--vw, 1vw) * 14 / 768 * 100) calc(var(--vw, 1vw) * 10 / 768 * 100) 0px calc(var(--vw, 1vw) * 4 / 768 * 100) #E6E6E6;
}

@media screen and (min-width: 768px) {
  .interview-details-All .detail-btn a {
    box-shadow: min(var(--vw, 1vw) * 7 / 1300 * 100, 7px) min(var(--vw, 1vw) * 5 / 1300 * 100, 5px) 0px min(var(--vw, 1vw) * 2 / 1300 * 100, 2px) #E6E6E6;
    font-size: clamp(14px, min(var(--vw, 1vw) * 20 / 1300 * 100, 20px), min(var(--vw, 1vw) * 20 / 1300 * 100, 20px));
    border-radius: min(var(--vw, 1vw) * 80 / 1300 * 100, 80px);
    padding-left: min(var(--vw, 1vw) * 145 / 1300 * 100, 145px);
  }

  .interview-details-All .detail-btn a:hover {
    background: #e9e9e9;
  }

  .interview-details-All .detail-btn a:hover::before {
    right: min(var(--vw, 1vw) * 25 / 1300 * 100, 25px);
  }
}

.interview-details-All .detail-btn a::before {
  content: "";
  background: url(../images/interview/ico_detail.svg) no-repeat;
  background-size: contain;
  width: calc(var(--vw, 1vw) * 39.936 / 768 * 100);
  height: calc(var(--vw, 1vw) * 32.01024 / 768 * 100);
  position: absolute;
  top: 50%;
  right: calc(var(--vw, 1vw) * 60 / 768 * 100);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .interview-details-All .detail-btn a::before {
    transition: 0.3s;
    width: min(var(--vw, 1vw) * 19 / 1300 * 100, 19px);
    height: min(var(--vw, 1vw) * 15 / 1300 * 100, 15px);
    right: min(var(--vw, 1vw) * 35 / 1300 * 100, 35px);
  }
}

/*-----------------------------------------
    plan
-----------------------------------------*/
.plan {
  padding-top: 7rem;
  padding-bottom: 9.3rem;
}

@media (max-width: 767px) {
  .plan {
    padding-top: 3.6rem;
    padding-bottom: 5.6rem;
  }
}

.plan__lead {
  color: #F5F1E9;
}

.plan__title {
  margin-top: -3rem;
}

@media (max-width: 767px) {
  .plan__title {
    margin-top: 0;
  }
}

.plan__content {
  margin-top: 4.5rem;
}

@media (max-width: 767px) {
  .plan__content {
    margin-top: 1.5rem;
  }
}

.plan__items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(100px, 9vw, 120px);
}

@media (max-width: 767px) {
  .plan__items {
    gap: 64px;
  }
}

.plan__item {
  width: 100%;
}

.plan__item .head h3 {
  color: #154B2D;
  text-align: center;
  font-weight: 600;
  font-size: clamp(20px, 2vw, 28px);
  letter-spacing: 0.15rem;
  font-family: "Noto Serif JP", serif;
}

@media (max-width: 767px) {
  .plan__item .head h3 {
    font-size: clamp(18px, 3.3vw, 20px);
    letter-spacing: 0.05rem;
    white-space: nowrap;
  }
}

.plan__item .head .campaign {
  margin-top: 2.2rem;
  border-radius: 2.4rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100% 100%'%3E%3Crect x='5' y='3' width='99%' height='95%' fill='none' stroke='%23154B2D' stroke-width='2' stroke-dasharray='1.5 10' stroke-linecap='round' rx='12' ry='12'/%3E%3C/svg%3E") no-repeat center/100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 2.8rem 2rem;
}

@media (max-width: 767px) {
  .plan__item .head .campaign {
    margin-top: 2.2rem;
    gap: 2rem;
    padding: 2.3rem 2rem;
    border-radius: 1.6rem;
    flex-direction: row-reverse;
    align-items: center;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100% 100%'%3E%3Crect x='4' y='5' width='98%' height='93%' fill='none' stroke='%23E2D6BC' stroke-width='3' stroke-dasharray='2 8' stroke-linecap='round' rx='12' ry='12'/%3E%3C/svg%3E") no-repeat center/100% 100%;
  }
}

.plan__item .head .campaign .left h4 {
  font-weight: 600;
  font-size: clamp(20px, 1.7vw, 24px);
  letter-spacing: 0.2rem;
  font-family: "Noto Serif JP", serif;
}

@media (max-width: 767px) {
  .plan__item .head .campaign .left h4 {
    letter-spacing: 0.05rem;
    text-align: center;
    line-height: 1.3;
    font-size: clamp(14px, 3.7vw, 18px);
  }
}

.plan__item .head .campaign .left h4 .big {
  font-size: clamp(28px, 2.8vw, 38px);
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  letter-spacing: 0.4rem;
  margin-left: 1rem;
}

@media (max-width: 767px) {
  .plan__item .head .campaign .left h4 .big {
    font-size: clamp(26px, 8vw, 30px);
    letter-spacing: 0.05rem;
  }
}

.plan__item .head .campaign .left h4 .mid {
  font-size: clamp(22px, 2.2vw, 26px);
}

@media (max-width: 767px) {
  .plan__item .head .campaign .left h4 .mid {
    font-size: clamp(16px, 5vw, 18px);
  }
}

.plan__item .head .campaign .left p {
  margin-top: 8px;
  font-size: clamp(13px, 1.3vw, 14px);
  line-height: 2;
  letter-spacing: 0.04rem;
}

@media (max-width: 767px) {
  .plan__item .head .campaign .left p {
    margin-top: 2rem;
  }
}

.plan__item .head .campaign .right {
  width: clamp(90px, 9vw, 122px);
}

@media (max-width: 767px) {
  .plan__item .head .campaign .right {
    width: clamp(56px, 14vw, 90px);
  }
}

.plan__item .body {
  margin-top: 5rem;
  width: 100%;
}

@media (max-width: 767px) {
  .plan__item .body {
    margin-top: 6.5rem;
    width: 100%;
  }
}

.plan__item .body .plan__lists {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(50px, 4vw, 58px);
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists {
    gap: 98px;
  }
}

.plan__item .body .plan__lists li {
  position: relative;
  width: 100%;
}

.plan__item .body .plan__lists li .plan-fukidasi {
  position: absolute;
  top: -5%;
  left: -2%;
  -o-border-image: url(../images/plan-fukidashi.webp) 46 fill/100px/0px round;
  border-image: url(../images/plan-fukidashi.webp) 46 fill/100px/0px round;
  font-size: clamp(16px, 1.4vw, 20px);
  color: #154B2D;
  text-align: center;
  font-weight: 600;
  font-family: "Noto Serif JP", serif;
  width: clamp(297px, 32vw, 400px);
  padding: 2rem 2rem 4rem;
  letter-spacing: 0.05rem;
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .plan-fukidasi {
    font-size: 18px;
    width: 92%;
    left: 52%;
    top: -7%;
    max-width: 380px;
    transform: translateX(-50%);
    padding: 1.8rem 1rem 3.8rem;
    -o-border-image: url(../images/plan-fukidashi_sp.webp) 58 fill/100px/0px round;
    border-image: url(../images/plan-fukidashi_sp.webp) 58 fill/100px/0px round;
  }
}

.plan__item .body .plan__lists li .flex {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .flex {
    flex-direction: column;
  }
}

.plan__item .body .plan__lists li .flex .left {
  border-radius: 2.4rem 0 0 2.4rem;
  overflow: hidden;
}

.plan__item .body .plan__lists li .flex .left .img {
  vertical-align: bottom;
  line-height: 1em;
  width: 500px !important;
  object-fit: contain;
}

.plan__item .body .plan__lists li .flex .left .img img {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .flex .left {
    border-radius: 2.4rem 2.4rem 0 0;
  }

  .plan__item .body .plan__lists li .flex .left .img img {
    /* object-fit: none; */
  }
}

.plan__item .body .plan__lists li .flex .right {
  border-radius: 0 2.4rem 2.4rem 0;
  background: #F1F6F3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .flex .right {
    width: 100%;
    border-radius: 0 0 2.4rem 2.4rem;
    padding-top: 1.5rem;
    padding-bottom: 2.2rem;
  }
}

.plan__item .body .plan__lists li .flex .right2 {
  background: #EFEFEF;
}

.plan__item .body .plan__lists li .rightInner {
  padding: 16px 16px;
}

.plan__item .body .plan__lists li .rightInner h4 {
  text-align: center;
  font-size: clamp(22px, 2.8vw, 32px);
  font-weight: 600;
  letter-spacing: 0.3rem;
  color: #154B2D;
  font-family: "Noto Serif JP", serif;
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .rightInner h4 {
    font-size: clamp(22px, 7.8vw, 28px);
  }
}

.plan__item .body .plan__lists li .rightInner .priceWrap {
  gap: 2rem;
  display: flex;
  align-items: center;
  justify-content: start;
  position: relative;
  margin-top: 1rem;
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .rightInner .priceWrap {
    margin-top: 0;
    gap: 0;
    flex-direction: column;
  }
}

.plan__item .body .plan__lists li .rightInner .priceWrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: radial-gradient(circle, #E2D6BC 1px, transparent 2px) repeat-x;
  background-size: 9px 3px;
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .rightInner .priceWrap::after {
    display: none;
  }
}

.plan__item .body .plan__lists li .rightInner .priceWrap .text {
  font-size: clamp(14px, 1.3vw, 18px);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.04rem;
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .rightInner .priceWrap .text {
    font-size: 18px;
    padding-bottom: 7px;
    position: relative;
    width: 100%;
    text-align: center;
  }

  .plan__item .body .plan__lists li .rightInner .priceWrap .text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: radial-gradient(circle, #E2D6BC 1px, transparent 1px) repeat-x;
    background-size: 4px 2px;
  }
}

.plan__item .body .plan__lists li .rightInner .priceWrap .priceFlex {
  color: #A48D48;
  display: flex;
  align-items: center;
  justify-content: center;
}

.plan__item .body .plan__lists li .rightInner .priceWrap .priceFlex .en-zei {
  text-align: center;
}

.plan__item .body .plan__lists li .rightInner .priceWrap .priceFlex .en-zei .en {
  font-weight: 600;
  font-size: 36.8px;
  line-height: 1;
  font-family: "Noto Serif JP", serif;
}

.plan__item .body .plan__lists li .rightInner .priceWrap .priceFlex .en-zei .zei {
  font-size: clamp(10px, 1.2vw, 14px);
  color: #4C3501;
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .rightInner .priceWrap .priceFlex .en-zei .zei {
    font-size: 10px;
  }
}

.plan__item .body .plan__lists li .rightInner .priceWrap .priceFlex .num {
  font-size: clamp(40px, 4.5vw, 57px);
  margin-left: 1.2rem;
  margin-top: -5px;
  font-weight: 500;
  letter-spacing: 0.3rem;
  font-family: "Oswald", sans-serif;
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .rightInner .priceWrap .priceFlex .num {
    font-size: 46px;
    margin-left: 4px;
  }
}

.plan__item .body .plan__lists li .rightInner .metaWrap {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.4rem;
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .rightInner .metaWrap {
    margin-top: 1rem;
    flex-direction: column;
    gap: 1.2rem;
  }
}

.plan__item .body .plan__lists li .rightInner .metaWrap .text {
  font-size: clamp(14px, 1.3vw, 18px);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.04rem;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .rightInner .metaWrap .text {
    font-size: 18px;
    padding-bottom: 7px;
    position: relative;
    width: 100%;
    text-align: center;
  }

  .plan__item .body .plan__lists li .rightInner .metaWrap .text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: radial-gradient(circle, #E2D6BC 1px, transparent 1px) repeat-x;
    background-size: 4px 2px;
  }
}

.plan__item .body .plan__lists li .rightInner .metaWrap .tags {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  gap: 1.2rem;
  width: clamp(190px, 18vw, 258px);
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .rightInner .metaWrap .tags {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.2rem;
  }
}

.plan__item .body .plan__lists li .rightInner .metaWrap .tags .tag {
  padding: 4px 8px;
  border-radius: 0.4rem;
  font-size: clamp(14px, 1.4vw, 20px);
  font-weight: 600;
  color: #D3CFC4;
  background: #fff;
  width: auto;
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .rightInner .metaWrap .tags .tag {
    font-size: 20px;
    text-align: center;
  }
}

.plan__item .body .plan__lists li .rightInner .metaWrap .tags .tagon {
  background: #154B2D;
  color: #fff;
}

.plan__item .body .plan__lists li .rightInner .metaWrap .ninzu {
  width: clamp(80px, 7vw, 100px);
  height: clamp(80px, 7vw, 100px);
  border-radius: 1.2rem;
  border: 1px solid #154B2D;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .rightInner .metaWrap .ninzu {
    flex-direction: unset;
    width: 100%;
    height: auto;
    padding: 0.4rem;
    gap: 1.2rem;
    margin-top: 2rem;
  }
}

.plan__item .body .plan__lists li .rightInner .metaWrap .ninzu .ninzu-top {
  font-size: clamp(12px, 1.3vw, 14px);
  text-align: center;
  letter-spacing: 0.04rem;
  line-height: 2;
  color: #154B2D;
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .rightInner .metaWrap .ninzu .ninzu-top {
    font-size: 14px;
  }
}

.plan__item .body .plan__lists li .rightInner .metaWrap .ninzu .ninzu-bottom {
  font-size: clamp(22px, 2.1vw, 29px);
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.05rem;
  font-weight: 600;
  color: #154B2D;
  font-family: "Oswald", sans-serif;
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .rightInner .metaWrap .ninzu .ninzu-bottom {
    font-size: 26px;
  }
}

.plan__item .body .plan__lists li .rightInner .metaWrap .ninzu .ninzu-bottom span {
  font-size: clamp(14px, 1.4vw, 16px);
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .rightInner .metaWrap .ninzu .ninzu-bottom span {
    font-size: 13px;
  }
}

.plan__item .body .plan__lists li .rightInner .metaWrap .ninzu .ninzu-bottom span.ninzuSpan {
  font-size: 10px;
}

.plan__item .body .plan__lists li .rightInner .plan__button {
  margin-top: 3.2rem;
  text-align: center;
}

@media (max-width: 767px) {
  .plan__item .body .plan__lists li .rightInner .plan__button {
    margin-top: 1.6rem;
    text-align: center;
  }
}

.plan__item .body .plan__lists li .rightInner .plan__btn {
  height: 72px;
  line-height: 72px;
  font-size: 20px;
}

.plan__item .body .plan__lists li .rightInner .plan__btn::after {
  width: 25px;
  height: 25px;
}