@charset "UTF-8";

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  background: transparent;
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

@media screen and (max-width: 768px) {
  * {
    font-size: smaller;
  }
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs
*/
hr {
  border: 0;
  border-top: 1px solid #cccccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

ul li,
ol li {
  list-style: none;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/*
 * 色の設定
 */
@media screen and (min-width: 769px) {
  html {
    font-size: 0.685vw;
  }
}

@media (min-width: 1600px) {
  html {
    font-size: 62.5%;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 10px;
  }
}

@media (max-width: 500px) {
  html {
    font-size: 10px;
  }
}

/*
 * BEM関連
 */
/*
 * clearfix
 */
html {
  margin-top: 0 !important;
}

html,
body {
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  overflow-x: hidden;
  scroll-behavior: smooth;
  width: 100%;
}

body {
  background-color: #fff;
  background-size: 100%;
  color: #222;
  font-size: 1rem;
  font-size: 62.5%;
  letter-spacing: 0.1em;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
  text-align: unset !important;
  -webkit-text-size-adjust: 100%;
}

@media (max-width: 991px) {
  body {
    font-size: larger;
  }
}

.font_poppins {
  font-family: "Poppins", sans-serif;
}

.font_yugo {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ",
    sans-serif;
}

.font_yumin {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho",
    serif;
}

.font_hirasan {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", Meiryo,
    メイリオ, sans-serif;
}

.font_hiramin {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.font_hirakaku {
  font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "HiraKakuProN-W6",
    "ヒラギノ角ゴ ProN W6", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS Pgothic", "Osaka", sans-serif, Helvetica,
    Helvetica Neue, Arial, Verdana;
}

.font_hel {
  font-family: Helvetica, Helvetica Neue, sans-serif;
}

.font_meirio {
  font-family: "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}

header,
nav,
main,
footer,
small,
button,
label {
  display: block;
}

a,
button {
  color: #000;
  cursor: pointer;
  max-width: 100%;
  text-decoration: none;
}

button:hover,
button:active {
  outline: 0;
  text-decoration: none;
}

input,
button,
textarea,
select {
  border-radius: 0;
  margin: 0;
  outline: none;
  padding: 0;
}

i {
  font-style: normal;
}

a:hover,
a:active {
  outline: 0;
  text-decoration: none;
}

::-webkit-input-placeholder {
  color: #cccccc;
}

:-ms-input-placeholder {
  color: #cccccc;
}

::-moz-placeholder {
  color: #cccccc;
}

::-placeholder {
  color: #cccccc;
}

input,
button,
textarea,
select {
  background: #fff;
  border: none;
  border-radius: 0.6rem;
  box-shadow: none;
  margin: 0;
  outline: none;
  padding: 0;
  width: 100%;
}

input[type="checkbox"] {
  cursor: pointer;
}

select {
  cursor: pointer;
}

.wrapper {
  overflow: hidden;
  width: 100%;
}

.flex {
  display: flex;
}

.is-inner_content {
  margin: 0 auto;
  max-width: 1024px;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .is-inner_content {
    padding: 0 2rem;
  }
}

.min-620 {
  min-height: 620px;
}

.bold {
  font-weight: bold;
}

.medium {
  font-weight: 500;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

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

@media (min-width: 1024px) {
  .display_to_mq_m {
    display: none;
  }
}

.display_mq {
  display: none;
}

@media (min-width: 768px) {
  .display_mq.is-inline {
    display: inline;
  }
}

@media (min-width: 768px) {
  .display_mq.is-block {
    display: block;
  }
}

.display_mq_m {
  display: none;
}

@media (min-width: 1024px) {
  .display_mq_m.is-inline {
    display: inline;
  }
}

@media (min-width: 1024px) {
  .display_mq_m.is-block {
    display: block;
  }
}

.relative_wrap {
  position: relative;
}

.inline_block {
  display: inline-block;
}

.text_indent {
  padding-left: 1em;
  text-indent: -1em;
}

.c_pink {
  color: #f29c9f;
}

.post_cnt iframe {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

img.aligncenter {
  display: block;
  margin: 0 auto;
}

img.alignleft {
  display: block;
  margin-right: auto;
}

img.alignright {
  display: block;
  margin-left: auto;
}

input[type="submit"],
input[type="button"] {
  -webkit-appearance: button;
  appearance: button;
  border: none;
  -webkit-box-sizing: content-box;
  box-sizing: border-box;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

main {
  position: relative;
  z-index: 1;
}

.is-margin-header {
  margin-top: 60px;
}

@media (min-width: 1024px) {
  .is-margin-header {
    margin-top: 138px;
  }
}

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

.is-fixed {
  height: 100%;
  position: fixed;
  width: 100%;
}

.breadcrumb-box {
  background: #fff;
}

.breadcrumb {
  align-items: center;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  list-style: none;
  padding: 0.8rem;
}

.breadcrumb li {
  color: #222;
  font-size: 1.4rem;
  line-height: 180%;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}

.breadcrumb i {
  width: 0.5rem;
}

.breadcrumb i img {
  vertical-align: middle;
}

.is-white {
  background: #fff;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

@media screen and (max-width: 768px) {
  .is-search__region__wrapper h3 {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
  }

  .is-search__region__wrapper .active {
    background: #faf7eb;
  }

  .is-search__region__wrapper h3::after {
    content: "+";
    font-size: 1.6rem;
    transition: transform 0.3s ease;
  }

  .is-search__region__wrapper h3.active::after {
    content: "-";
  }

  .is-search__region__wrapper ul {
    display: none !important;
    padding: 0 1rem;
  }

  .is-search__region__wrapper ul.open {
    display: block !important;
  }

  .is-search__search__input {
    height: 40px;
    padding: 1.7rem 1.2rem 0.7rem;
  }
}

.is-search__info {
  background: #faf7f7;
}

.is-search__info .is-inner_content {
  padding-top: 4.8rem;
}

.is-search__info h2 {
  border-left: 4px solid #d98e32;
  color: #d98e32;
  font-size: 2.4rem;
  font-weight: 500;
  padding-left: 1rem;
}

.is-search__info h2 span {
  font-size: 2.4rem;
}

@media (max-width: 768px) {
  .is-search__info h2 {
    border-left: 3px solid #d98e32;
    font-size: 1.8rem;
    padding-left: 0.8rem;
  }

  .is-search__info h2 span {
    font-size: 1.8rem;
  }
}

.is-search__tabs {
  background: #fff;
  margin-top: 2.4rem;
  position: relative;
}

.is-search__tab__list {
  display: flex;
}

.is-search__tab__list button {
  background: #faf7eb;
  border-radius: unset;
  color: rgb(153, 153, 153);
  cursor: pointer;
  flex: 1 1 0%;
  font-size: 1.8rem;
  line-height: 230%;
  padding: 1.6rem 3.2rem;
  text-align: left;
}

@media (max-width: 768px) {
  .is-search__tab__list {
    flex-direction: column;
    gap: 1.2rem;
  }
}

.is-search__tab__list button {
  background: #faf7eb;
  border-radius: unset;
  color: #999999;
  cursor: pointer;
  flex: 1;
  font-size: 1.8rem;
  line-height: 230%;
  padding: 1.6rem 3.2rem;
  text-align: left;
}

.is-search__tab__list button:hover {
  opacity: 0.8;
}

.is-search__tab__list button.is-active {
  background: #fff;
  border-bottom: 4px solid #d9b32b;
  color: #d98e32;
  font-weight: bold;
}

@media (max-width: 768px) {
  .is-search__tab__list button {
    font-size: 1.6rem;
    line-height: 180%;
    padding: 1.2rem 2rem;
  }

  .is-search__tab__list button.is-active {
    border-bottom: 3px solid #d98e32;
  }
}

.is-search__tab__content {
  display: none;
  padding: 1.6rem;
}

.is-search__tab__content.is-active {
  display: block;
}

.is-search__tab__content .is-search_title {
  color: #d98e32;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 180%;
  margin-bottom: 1.6rem !important;
  margin-top: 2.4rem;
}

.is-search__tab__content .is-search_title:first-of-type {
  margin-top: 0.8rem;
}

.is-search__content__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.is-search__region__wrapper {
  width: 14.285%;
}

@media (max-width: 768px) {
  .is-search__content__inner {
    flex-direction: column;
  }

  .is-search__region__wrapper {
    width: 100%;
  }

  .is-search__region__wrapper:nth-child(n + 3) {
    /* margin-top: 1rem; */
  }

  .is-search__region__wrapper ul {
    gap: 0 !important;
    margin-top: 0 !important;
  }

  .is-search__info .is-sub_title {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
}

.is-search__region__wrapper h3 {
  color: #de9235;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 180%;
  margin-top: 0.8rem;
  width: 100%;
}

.is-search__region__wrapper ul {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-top: 1.6rem;
}

.is-search__region__wrapper li a {
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
}

.is-search__region__wrapper li a:hover {
  color: #de9235;
}

.is-search__region__wrapper li a:hover span {
  color: #de9235;
}

.is-search__region__wrapper li a span {
  color: #666;
  font-size: 1.4rem;
}

.is-search__search {
  margin-top: 3.2rem;
  padding: 2.4rem 1.6rem;
  position: relative;
}

.is-search__search::after {
  background-color: #ccc;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.is-search__search__form {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 768px) {
  .is-search__search {
    margin-top: 0;
  }

  .is-search__search__form {
    flex-direction: column;
    gap: 1rem;
  }
}

.is-search__search__input {
  border: 1px solid #999999;
  border-radius: unset;
  border-radius: 4px 0 0 4px;
  border-right: none;
  padding: 0.7rem 1.2rem;
  width: 100%;
}

@media (max-width: 768px) {
  .is-search__search__input {
    border-radius: 4px;
    border-right: 1px solid #999999;
  }
}

.is-search__search__input::placeholder {
  color: #b3b3b3;
  font-size: 1.4rem;
  line-height: 240%;
  opacity: 1;
}

.is-search__search button {
  border-radius: unset;
  color: white;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 240%;
  padding: 0.7rem 1.6rem;
  width: 100%;
}

.is-search__search button i {
  height: 2.4rem;
  margin-right: 0.4rem;
  vertical-align: super;
  width: 2.4rem;
}

.is-search__search .primary {
  background-color: #d9b32b;
  border-radius: 0 4px 4px 0;
  margin-right: 2.4rem;
  max-width: 12.4rem;
}

.is-search__search .primary:hover {
  opacity: 0.8;
}

@media (max-width: 768px) {
  .is-search__search .primary {
    border-radius: 4px;
    max-width: 100%;
  }
}

.is-search__search .secondary {
  background-color: #faf7eb;
  border-radius: 4px;
  color: #d9b32b;
  max-width: 18rem;
}

.is-search__search .secondary:hover {
  opacity: 0.8;
}

@media (max-width: 768px) {
  .is-search__search .secondary {
    max-width: 100%;
  }
}

.is-search .tab-content {
  font-family: sans-serif;
  padding: 15px;
}

.is-search h3 {
  color: #d9b32b;
  font-size: 16px;
  margin: 15px 0 10px 0;
}

.is-search .options-table {
  border-collapse: collapse;
  margin-bottom: 20px;
  width: 100%;
}

.is-search .options-table td {
  padding: 5px 20px 5px 0;
}

.is-search .salary-table {
  border-collapse: collapse;
  margin-bottom: 20px;
  width: 100%;
}

.is-search .salary-table td {
  padding: 5px 10px 5px 0;
}

.is-search select {
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  margin-right: 5px;
  padding: 8px 25px 8px 10px;
}

.is-search .search-box {
  margin-top: 20px;
}

.is-search .search-table {
  border-collapse: collapse;
  width: 100%;
}

.is-search .search-table td {
  padding: 5px;
}

.is-search .search-table input {
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  padding: 10px;
  width: 100%;
}

@media (max-width: 600px) {
  .is-search .search-table td {
    display: block;
    margin-bottom: 10px;
    width: 100%;
  }
}

.is-search__btn[type="submit"] {
  background-color: #d9b32b;
  border: none;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  margin: 2.4rem 0 1.6rem;
  min-height: 45px;
  padding: 0.8rem 1.2rem;
  text-align: center;
  width: 100%;
}

.is-search__btn[type="submit"] p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
}

.is-search__btn[type="submit"] span {
  background-color: white;
  border-radius: 100px;
  color: #d9b32b;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 180%;
  margin-right: 0.8rem;
  padding: 0 0.8rem;
}

.is-search__type {
  margin-bottom: 2.4rem;
}

.is-search__type ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  padding: 0;
}

@media (max-width: 768px) {
  .is-search__type ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .is-search__type ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

.is-search__type li {
  align-items: center;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #ccc;
  display: flex;
  /* Add this to push content to edges */
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: space-between;
  line-height: 180%;
  margin-right: 1.6rem;
  padding: 1.2rem 0;
}

@media (max-width: 768px) {
  .is-search__type li:nth-child(n + 3) {
    border-top: unset;
  }
}

@media (max-width: 480px) {
  .is-search__type li:nth-child(n + 2) {
    border-top: unset;
  }
}

.is-search__type li:nth-child(n + 4) {
  border-top: unset;
}

.is-search__type li:nth-child(3n) {
  margin-right: 0;
  /* Remove margin-right for every 3rd item */
}

@media (max-width: 768px) {
  .is-search__type li:nth-child(3n) {
    margin-right: 1.6rem;
  }
}

.is-search__type input[type="checkbox"] {
  width: fit-content;
}

.is-search__type select {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  max-width: 20rem;
  padding: 1.3rem 1.2rem;
}

.is-search__type label {
  display: flex;
  flex: 1;
  font-weight: 500;
  justify-content: space-between;
  margin-left: 0.8rem;
  /* Another option: add this instead */
  width: fit-content;
}

.is-search__salary ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  padding: 0;
}

@media (max-width: 768px) {
  .is-search__salary ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .is-search__salary ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

.is-search__salary li {
  align-items: center;
  display: flex;
  font-size: 1.6rem;
  font-weight: 500;
  gap: 0.8rem;
  line-height: 180%;
  margin-right: 3.2rem;
}

@media (max-width: 480px) {
  .is-search__salary li {
    margin-top: 0.8rem;
  }
}

.is-search__salary li:last-child {
  margin-right: 0;
}

.is-search__salary li span {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 180%;
  text-wrap: nowrap;
}

.is-search__salary li:nth-child(n + 4) {
  border-top: unset;
}

.is-search__salary li:nth-child(3n) {
  margin-right: 0;
  /* Remove margin-right for every 3rd item */
}

.is-search__salary input[type="checkbox"] {
  margin-right: 5px;
  width: fit-content;
}

.is-search__salary select {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  max-width: 20rem;
  padding: 1.3rem 1.2rem;
}

.is-search__salary label {
  display: flex;
  font-weight: 500;
  text-wrap: nowrap;
  width: fit-content;
}

.third .is-search__type {
  margin-bottom: 0;
}

.third ul {
  margin-bottom: 2.4rem;
}

.third ul:last-of-type {
  margin-bottom: 0;
}

.third .is-search__inner {
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .third .is-search__inner {
    flex-direction: column;
    margin-top: 2.4rem;
  }
}

.third .is-search__inner>p {
  font-size: 1.4rem;
  line-height: 100%;
  text-align: center;
}

.third .is-search__inner>p span {
  color: #d9b32b;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 100%;
}

.third .is-search__inner .is-search__btn {
  max-width: 81.4rem;
}

/* Responsive adjustments */
@media (max-width: 600px) {
  .is-search__search__form {
    flex-direction: column;
  }

  .is-search__search__form button {
    width: 100%;
  }
}

.is-kv {
  align-items: center;
  background: url(../../common/images/industry/kv.png);
  background-position: center;
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 36rem;
  overflow: hidden;
  position: relative;
}

@media (min-width: 1440px) {
  .is-kv {
    height: 480px;
    /* 例: 1440px以上では高さを480pxに変更 */
  }
}

@media (max-width: 768px) {
  .is-kv {
    height: 24rem;
    padding: 4rem 0 2rem;
  }

  .p-top .is-inner_content {
    padding: 2rem 2rem 0;
  }
}

.is-inner_content_left {
  margin-top: 4.8rem;
  max-width: 70.31%;
  width: 100%;
}

@media (max-width: 768px) {
  .is-inner_content_left {
    max-width: 100%;
  }
}

.is-inner_content_right {
  display: flex;
  flex-direction: column;
  gap: 2.1rem;
  margin-left: 2.4rem;
  margin-top: 4.8rem;
  max-width: 27.34%;
  width: 100%;
}

@media (max-width: 768px) {
  .is-inner_content_right {
    margin-left: 0;
    max-width: 100%;
  }
}

.is-inner_content_right .is-right_boxes {
  display: flex;
  flex-direction: column;
  gap: 2.1rem;
}

@media (max-width: 768px) {
  .is-inner_content_right .is-right_boxes {
    flex-direction: row;
    justify-content: center;
  }
}

.is-inner_content_right .is-right_box {
  align-items: center;
  aspect-ratio: 1/1;
  background: #989797;
  display: flex;
  justify-content: center;
  padding: 1rem;
  width: 100%;
}

@media (max-width: 768px) {
  .is-inner_content_right .is-right_box {
    width: calc((100% - 4.2rem) / 2);
  }

  .is-inner_content_right .side-bar_contents {
    padding: 0.8rem 0 !important;
  }
}

.is-inner_content_right .is-right_box h2 {
  color: #fff;
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 150%;
}

.is-inner_content_right .side-bar {
  background: #fff;
  border-radius: 4px;
  padding: 2.8rem 1.6rem;
}

.is-inner_content_right .side-bar h2 {
  color: #d9b32b;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.64px;
  line-height: 150%;
  text-align: center;
}

.is-inner_content_right .side-bar_contents {
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  gap: 0.8rem;
  padding: 1.6rem 0;
}

.is-inner_content_right .side-bar_contents:first-of-type {
  border-top: 1px solid #e6e6e6;
  margin-top: 1.6rem;
}

.is-inner_content_right .side-bar_contents img {
  height: 4.8rem;
  width: 4.8rem;
}

.is-inner_content_right .side-bar_contents p {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 1.42;
}

.is-inner_content_right .side-bar_contents:hover {
  background-color: #f9f9f9;
}

.is-inner_content_right .is-article {
  border-radius: 8px;
}

.is-inner_content_right .is-article a {
  display: block;
}

.is-inner_content_right .is-article a .side-bar_item {
  display: flex;
}

.is-inner_content_right .is-article a .side-bar_item .side-bar_image {
  flex-shrink: 0;
  height: 80px;
  margin-right: 12px;
  width: 80px;
}

.is-inner_content_right .is-article a .side-bar_item .side-bar_image img {
  border-radius: 4px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.is-inner_content_right .is-article a .side-bar_item .side-bar_text {
  flex-grow: 1;
  font-size: 1.2rem;
}

.is-inner_content_right .is-article a .side-bar_item .side-bar_text p {
  color: #999;
  font-size: 1.2rem;
  letter-spacing: 0.64px;
  line-height: 180%;
}

.is-inner_content_right .is-article a .side-bar_item .side-bar_text h3 {
  color: #222;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 180%;
}

.is-inner_content_right .is-article a .side-bar_category {
  display: flex;
  gap: 0.8rem;
  margin-top: 0.8rem;
}

.is-inner_content_right .is-article a .side-bar_category span {
  border: 1px solid #d9b32b;
  border-radius: 5px;
  color: #d9b32b;
  display: inline-block;
  font-size: 1rem;
  line-height: 180%;
  padding: 0.2rem 0.8rem;
}

.is-inner_content_right .is-sns__section {
  background-color: #fff;
  margin-bottom: 4.8rem;
  padding: 2.8rem 1.6rem 3.9rem;
}

.is-inner_content_right .is-sns__section h2 {
  color: #000;
  font-family: Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.64px;
  line-height: 1.25;
  text-align: center;
}

@media (max-width: 768px) {
  .is-inner_content_right .is-sns__section {
    height: unset;
    margin: 0 auto;
    margin-bottom: 0;
    min-width: unset;
  }
}

.is-inner_content_right .is-sns__list {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  margin-top: 1.6rem;
}

.is-inner_content_right .is-sns__list li a {
  display: block;
  max-height: 56px;
  /* max-width: 120px; */
}

.is-inner_content_right .is-sns__list li a img {
  width: 100%;
}

@media (max-width: 768px) {
  .is-inner_content_right .is-sns__list li a {
    height: unset;
    width: unset;
  }
}

.is-inner_content_right .is-sns__list li:hover {
  opacity: 0.8;
}

.is-inner_content_right .is-sns__facebook {
  margin-top: 0.6rem;
  overflow: hidden;
}

.is-facility {
  background: #fff;
  margin-top: 4.8rem;
  padding: 1.6rem;
}

.is-facility h2 {
  color: #de9235;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 150%;
}

.is-facility ul {
  margin-top: 2.4rem;
}

.is-facility ul li {
  border-bottom: 1px solid #f0e6e6;
  padding: 1.6rem 0.8rem;
}

.is-facility ul li:first-child {
  border-top: 1px solid #f0e6e6;
}

.is-facility ul li a {
  align-items: center;
  color: #222;
  display: flex;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: space-between;
  line-height: 150%;
  text-decoration: none;
}

.is-facility ul li a span:first-of-type {
  flex: 1;
}

.is-facility ul li a span:last-of-type {
  background-image: url("../../common/images/common/icon_arw.svg");
  background-size: cover;
  height: 1.2rem;
  width: 1.2rem;
}

.is-facility ul li:hover {
  background-color: #f9f9f9;
}

.is-contacts {
  background: #fff;
  display: flex;
  gap: 2.4rem;
  margin-top: 4.8rem;
  padding: 1.6rem;
}

@media (max-width: 768px) {
  .is-contacts {
    flex-direction: column;
  }
}

.is-contacts-box {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  width: calc((100% - 4.8rem) / 3);
}

@media (max-width: 768px) {
  .is-contacts-box {
    gap: 1.2rem;
    width: 100%;
  }
}

.is-contacts-box img {
  width: 6.4rem;
}

.is-contacts-box h3 {
  color: #de9235;
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
}

.is-contacts-box p {
  color: #222;
  font-size: 1.6rem;
  line-height: 180%;
  min-height: 15rem;
}

@media (max-width: 768px) {
  .is-contacts-box p {
    min-height: unset;
  }
}

.is-contacts-box .btn {
  border-radius: 4px;
  font-size: 1.6rem;
  font-weight: 500;
  height: 4.5rem;
  padding: 0.8rem 1.2rem;
}

.is-contacts-box .white {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d9b32b;
  color: #d9b32b;
}

.is-contacts-box .white:hover {
  opacity: 0.8;
}

.is-contacts-box .red {
  background-color: #d9b32b;
  border: none;
  color: #fff;
}

.is-contacts-box .red:hover {
  opacity: 0.8;
}

.is-contacts-box .link {
  border-bottom: 1px solid #d98e32;
  color: #d98e32;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 150%;
  min-height: unset;
}

.is-contacts-box .link:hover {
  opacity: 0.8;
}

.is-contacts-box .time {
  color: #222;
  font-size: 1.6rem;
  line-height: 180%;
  min-height: unset;
}

.is-contacts-box .qr-box {
  align-items: center;
  display: flex;
  gap: 1.6rem;
  height: 7.2rem;
  justify-content: center;
  max-width: 17.9rem;
  width: 100%;
}

.is-contacts-box .qr-box img {
  width: 7.2rem;
}

.is-contacts-box .qr-box p {
  font-size: 1.4rem;
  letter-spacing: 0.93px;
  line-height: 180%;
  min-height: unset;
}

.is-contacts-box .green {
  background: #06c755;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
}

.is-contacts-box .green:hover {
  opacity: 0.8;
}

.is-column {
  background: #fff;
  margin-top: 4.8rem;
  padding: 1.6rem;
}

.is-column h2 {
  color: #de9235;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 150%;
}

.is-column>div {
  display: flex;
  gap: 0.8rem;
  margin: 2.4rem 0;
}

@media (max-width: 768px) {
  .is-column>div {
    flex-direction: column;
  }
}

.is-column li {
  width: 100%;
}

.is-column a {
  background: #fff;
  overflow: hidden;
  text-align: left;
}

@media (max-width: 768px) {
  .is-column a {
    width: 100%;
  }
}

.is-column a img {
  object-fit: cover;
  width: 100%;
}

.is-column a>div:first-of-type {
  color: #999999;
  font-size: 1.4rem;
  line-height: 180%;
}

.is-column a h3 {
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
}

.is-column a>div:last-of-type {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.8rem;
  justify-content: center;
  margin-top: 0.8rem;
}

@media screen and (min-width: 768px) {
  .is-column a>div:last-of-type {
    flex-wrap: wrap;
  }
}

.is-column a>div:last-of-type span {
  border: 1px solid #d9b32b;
  border-radius: 5px;
  color: #d9b32b;
  font-size: 1rem;
  line-height: 180%;
  text-align: center;
  width: calc((100% - 1.6rem) / 3);
}

.is-column a:hover {
  background-color: #f9f9f9;
}

.is-column .o-btn {
  width: fit-content !important;
}

.p-specifics .is-column .flex,
.p-recently_viewed .is-column .flex {
  display: flex;
  gap: 1.6rem;
}

@media (max-width: 768px) {

  .p-specifics .is-column .flex,
  .p-recently_viewed .is-column .flex {
    flex-direction: column;
  }
}

.is-offers__row {
  display: flex;
  gap: 1.6rem;
  margin-top: 2.4rem;
}

@media (max-width: 768px) {
  .is-offers__row {
    flex-direction: column;
  }
}

.is-offers__item {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  flex: 1;
  overflow: hidden;
}

.is-offers__item img {
  object-fit: cover;
  width: 100%;
}

.is-offers__item .is-offers__content {
  padding: 1.6rem;
}

.is-offers__item .is-offers__content p {
  color: #666;
  font-size: 1.4rem;
  line-height: 180%;
}

.is-offers__item .is-offers__content h3 {
  color: #d98e32;
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
  margin-top: 0.8rem;
}

.is-offers__item .is-offers__details {
  margin-top: 1.6em;
}

.is-offers__item .is-offers__details dl {
  align-items: baseline;
  display: flex;
  font-size: 1.4rem;
  gap: 1.6rem;
  justify-content: center;
  line-height: 180%;
  margin-top: 0.8rem;
}

.is-offers__item .is-offers__details dl:first-child {
  margin-top: 0;
}

.is-offers__item .is-offers__details dl dt {
  background: #faf7eb;
  color: #d9b32b;
  flex: 0 0 8rem;
  font-weight: 500;
  padding: 0 0.8rem;
  text-align: center;
}

.is-offers__item .is-offers__details dl dd {
  color: #222;
  flex: 1;
}

.is-offers__item ul {
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-left: -1.6rem;
  /* 左側の余白を調整 */
  margin-right: -1.6rem;
  margin-top: 1.8rem;
  padding: 1.6rem;
  padding-bottom: 1.6rem;
  width: calc(100% + 3.2rem);
  /* 親要素の幅を超えるように設定 */
}

.is-offers__item ul li {
  background-color: #fff;
  border: 1px solid #d9b32b;
  border-radius: 5px;

  padding: 3px 10px;
}

.is-offers__item ul li a {
  color: #d9b32b;
  font-size: 12px;
  font-weight: 500;
}

.is-offers__item .buttons {
  display: flex;
  gap: 0.8rem;
  margin-top: 1.6rem;
}

.is-offers__item .buttons button {
  border-radius: 4px;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 0.8rem 1.2rem;
}

.is-offers__item .buttons button.btn-favorite {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d9b32b;
  color: #d9b32b;
  display: flex;
  flex: 1;
  justify-content: center;
}

.is-offers__item .buttons button.btn-favorite:hover {
  opacity: 0.8;
}

.is-offers__item .buttons button.btn-favorite i {
  margin-right: 0.4rem;
}

.is-offers__item .buttons button.btn-favorite i img {
  height: 2rem;
  width: 2rem;
}

.is-offers__item .buttons button.btn-apply {
  background-color: #d9b32b;
  border: none;
  color: #fff;
  flex: 1;
}

.is-offers__item .buttons button.btn-apply:hover {
  opacity: 0.7;
}

.is-offers__item .buttons button:hover {
  opacity: 0.8;
}

.is-others {
  background: #fff;
  margin-bottom: 4.8rem;
  margin-top: 4.8rem;
  padding: 1.6rem;
}

.is-others h2 {
  color: #de9235;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 150%;
}

.is-others ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 2.4rem;
}

@media (max-width: 768px) {
  .is-others ul {
    flex-direction: column;
  }
}

.is-others ul li a {
  align-items: center;
  border-bottom: none;
  color: #222222;
  display: flex;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  text-decoration: none;
  transition: background-color 0.3s;
}

.is-others ul li a:hover {
  color: #de9235;
}

.is-others ul li a:hover span {
  color: #de9235;
}

.is-others ul li a span {
  color: #666666;
  font-size: 1.4rem;
  margin-left: 0.4rem;
}

.is-pagination {
  display: flex;
  justify-content: center;
  margin-top: 3.2rem;
}

.is-pagination__list {
  align-items: center;
  display: flex;
  gap: 2.4rem;
}

@media screen and (max-width: 768px) {
  .is-pagination__list {
    gap: 2vw;
  }
}

.is-pagination__item a {
  align-items: center;
  border-radius: 50%;
  color: #333;
  display: flex;
  font-size: 1.6rem;
  height: 32px;
  justify-content: center;
  text-decoration: none;
  width: 32px;
}

.is-pagination__item a:hover {
  opacity: 0.8;
}

.is-pagination__item.is-active a {
  background-color: #d9b32b;
  color: white;
}

.is-pagination__item:not(.is-active):not(.is-ellipsis) a {
  border: 1px solid #d9b32b;
  color: #d9b32b;
}

.is-pagination__item.is-ellipsis {
  align-items: center;
  color: #d9b32b;
  display: flex;
  font-size: 1.6rem;
  justify-content: center;
}

.is-pagination__item.is-next a {
  align-items: center;
  border: none !important;
  color: #d9b32b;
  display: flex;
  width: auto;
}

.icon-arrow-right {
  font-size: 1.6rem;
  margin-left: 0.8rem;
}

h2 {
  color: #d98e32;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 150%;
}

h3 {
  color: #d98e32;
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
}

.margin-top-0 {
  margin: 0 !important;
}

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

.is-offers_row {
  display: flex;
  gap: 1.6rem;
  margin-top: 2.4rem;
}

@media (max-width: 768px) {
  .is-offers_row {
    flex-direction: column;
  }
}

.is-offers_item {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  flex: 1;
  overflow: hidden;
}

.is-offers_item img {
  object-fit: cover;
  width: 100%;
}

.is-offers_item_content {
  padding: 1.6rem;
}

.is-offers_item_content p {
  color: #666;
  font-size: 1.4rem;
  line-height: 180%;
}

.is-offers_item_content h3 {
  color: #d9b32b;
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
  margin-top: 0.8rem;
}

.is-offers_item_details {
  margin-top: 1.6em;
}

.is-offers_item_details dl {
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  gap: 1.6rem;
  justify-content: center;
  line-height: 180%;
  margin-top: 0.8rem;
}

.is-offers_item_details dl:first-child {
  margin-top: 0;
}

.is-offers_item_details dl dt {
  background: #faf7eb;
  color: #d9b32b;
  flex: 0 0 8rem;
  font-weight: 500;
  padding: 0 0.8rem;
  text-align: center;
}

.is-offers_item_details dl dd {
  color: #222;
  flex: 1;
}

.is-offers_item ul {
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 1.8rem;
  padding-bottom: 1.6rem;
}

.is-offers_item ul li {
  background-color: #fff;
  border: 1px solid #d9b32b;
  border-radius: 5px;
  color: #d9b32b;
  font-size: 12px;
  font-weight: 500;
  padding: 3px 10px;
}

.is-offers_item .buttons {
  display: flex;
  gap: 0.8rem;
  margin-top: 1.6rem;
}

.is-offers_item .buttons button {
  border-radius: 4px;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 0.8rem 1.2rem;
}

.is-offers_item .buttons button.btn-favorite {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d9b32b;
  color: #d9b32b;
  display: flex;
  flex: 1;
  justify-content: center;
}

.is-offers_item .buttons button.btn-favorite:hover {
  opacity: 0.8;
}

.is-offers_item .buttons button.btn-favorite i {
  margin-right: 0.4rem;
}

.is-offers_item .buttons button.btn-favorite i img {
  height: 2rem;
  width: 2rem;
}

.is-offers_item .buttons button.btn-apply {
  background-color: #d9b32b;
  border: none;
  color: #fff;
  flex: 1;
}

.is-offers_item .buttons button.btn-apply:hover {
  opacity: 0.7;
}

.is-offers_item:hover {
  transform: translateY(-5px);
  transition: all 0.3s;
}

.is-read {
  background: #faf7f7;
  padding: 4.8rem 0;
  width: 100%;
}

.is-read .is-inner_content {
  margin: 0 auto;
  max-width: 102.4rem;
  padding: 0 2rem;
}

.is-read .is-read_content {
  background: #fff;
  padding: 3.2rem;
}

.is-read .is-read_content h3 {
  color: #de9235;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 240%;
  padding-left: 4rem;
  position: relative;
}

.is-read .is-read_content h3::before {
  background: url("../../common/images/common/icon_search.svg") no-repeat center/contain;
  content: "";
  height: 3.2rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3.2rem;
}

.is-read .is-read_content.is-num h3.is-accessible::before {
  background: url(../../common/images/common/icon_accessible.svg) no-repeat center/contain;
}

.is-read .is-read_content.is-num h3.is-rehabilitation::before {
  background: url(../../common/images/common/icon_rehabilitation.svg) no-repeat center/contain;
}

.is-read .is-read_content.is-num .accordion-content>p {
  color: #666;
  font-size: 1.4rem;
  line-height: 240%;
  margin-bottom: 1.6rem;
}

.is-read .is-read_content.is-num ul {
  display: grid;
  gap: 1.6rem;
  grid-template-columns: repeat(4, minmax(21.6rem, 1fr));
  margin-bottom: 2.4rem;
}

.is-read .is-read_content.is-num ul li a {
  align-items: center;
  border-bottom: none;
  color: #222222;
  display: flex;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  text-decoration: none;
  transition: background-color 0.3s;
}

.is-read .is-read_content.is-num ul li a:hover {
  border: none;
  color: #de9235;
}

.is-read .is-read_content.is-num ul li a:hover span {
  color: #de9235;
}

.is-read .is-read_content.is-num ul li a span {
  color: #666666;
  font-size: 1.4rem;
  margin-left: 0.4rem;
}

.is-read .is-read_content:not(:last-child) {
  margin-bottom: 2.4rem;
}

.is-read .is-read_content ul {
  display: grid;
  gap: 1.6rem;
  grid-template-columns: repeat(4, minmax(21.6rem, 1fr));
}

.is-read .is-read_content ul li {
  font-size: 1.4rem;
  font-weight: 500;
}

.is-read .is-read_content ul li a {
  border-bottom: 1px solid #222;
  color: #222;
  transition: color 0.3s;
}

.is-read .is-read_content ul li a:hover {
  border-bottom: 1px solid #de9235;
  color: #de9235;
}

.is-read .is-read_content ul li dl {
  line-height: 180%;
}

.is-read .is-read_content ul li dl dt {
  background: #faf7f7;
  color: #ebbe17;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 4%;
  padding: 0 0.8rem;
}

.is-read .is-read_content ul li dl dd p>a {
  border-bottom: none;
  color: #222222;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 500;
  margin-right: 0;
  margin-top: 0.8rem;
}

.is-read .is-read_content ul li dl dd p>a:hover {
  border-bottom: 1px solid #de9235;
  color: #222222;
}

.is-read .is-read_content ul li dl dd a {
  border-bottom: 1px solid #666666;
  color: #666666;
  font-size: 1.4rem;
  margin-right: 1.6rem;
  margin-top: 0.4rem;
}

.is-read .is-read_content ul li dl dd a:hover {
  border-bottom: 1px solid #de9235;
  color: #de9235;
}

@media (max-width: 1024px) {

  .is-read .is-read_content.is-num ul,
  .is-read .is-read_content ul {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 768px) {

  .is-read .is-read_content.is-num ul,
  .is-read .is-read_content ul {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .is-read .is-read_content ul li dl dd a {
    margin-right: 0 !important;
  }
}

@media (max-width: 480px) {

  .is-read .is-read_content.is-num ul,
  .is-read .is-read_content ul {
    grid-template-columns: 1fr !important;
  }
}

.is-news {
  background: #faf7f7;
  padding: 4.8rem 0;
  width: 100%;
}

.is-news .is-inner_content {
  background: #fff;
  padding: 2rem 3.2rem 3.2rem;
}

.is-news h2 {
  color: #de9235;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 240%;
  margin: 0;
}

.is-news__list {
  list-style: none;
}

.is-news__item {
  border-top: 1px solid #f0e6e6;
}

.is-news__item:last-child {
  border-bottom: 1px solid #f0e6e6;
}

.is-news__link {
  align-items: center;
  color: #333;
  display: flex;
  justify-content: space-between;
  padding: 1.6rem 0.8rem;
  text-decoration: none;
  transition: background-color 0.2s;
}

.is-news__link:hover {
  background-color: #f9f9f9;
}

.is-news__content {
  align-items: center;
  display: flex;
  flex: 1;
}

.is-news__thumbnail {
  background-color: #e0e0e0;
  flex-shrink: 0;
  height: 6.4rem;
  margin-right: 1.2rem;
  width: 6.4rem;
}

.is-news__info {
  flex: 1;
}

.is-news__text {
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 150%;
}

.is-news__date {
  align-items: center;
  color: #808080;
  display: flex;
  font-size: 1.2rem;
  line-height: 150%;
  margin-top: 1rem;
}

.is-news__category {
  background: #f0f0f0;
  border-radius: 0.4rem;
  margin-right: 0.8rem;
  padding: 0.2rem 0.4rem;
}

.is-news__arrow {
  align-items: center;
  display: flex;
  margin-left: 10px;
}

.is-news__arrow-icon {
  height: 1.2rem;
  width: 1.2rem;
}

.is-news__more-wrap {
  padding: 12px 0;
  text-align: center;
}

.is-news__more-link {
  border-radius: 20px;
  color: #ff6b6b;
  display: inline-block;
  font-size: 14px;
  padding: 5px 15px;
  text-decoration: none;
}

.is-news__more-link:hover {
  text-decoration: underline;
}

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

  .is-offers__item .is-offers__details dl,
  .is-offers_item_details dl {
    flex-direction: column;
  }

  .is-offers__item .is-offers__details dl {
    gap: 0 !important;
  }

  .is-news__link {
    padding: 0.8rem !important;
  }
}

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

  .is-offers__item .is-offers__details dl dt,
  .is-offers_item_details dl dt {
    max-height: 25px;
    width: 100%;
  }
}

.l-header {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.l-header__content {
  align-items: center;
  background: #fff;
  border-radius: 10rem;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  margin: 1.2rem 2rem;
  max-width: 100%;
  padding: 1.2rem 2rem;
}

.l-header__content__logo h1 {
  margin: 0;
}

.l-header__content__logo h1 img {
  max-width: 23.8rem;
}

.l-header__content__list {
  margin-left: auto;
  margin-right: 1.2rem;
}

@media screen and (max-width: 768px) {
  .l-header__content__list {
    display: none;
  }
}

.l-header__content__list dl {
  display: flex;
  flex-direction: column;
  margin: 0;
}

.l-header__content__list dl dd {
  display: flex;
  margin: 0 0 5px 0;
}

.l-header__content__list dl dd a {
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.8px;
  margin-right: 1.6rem;
  text-decoration: none;
  transition: color 0.3s;
}

.l-header__content__list dl dd a:last-child {
  margin-right: 0;
}

.l-header__content__list dl dd a:hover {
  color: #d98e32;
}

.l-header__content__list dl dt {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  min-width: 27.7rem;
}

.l-header__content__list dl dt a {
  align-items: center;
  background: #fcf4ed;
  color: #d98e32;
  display: flex;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.8px;
  text-decoration: none;
  transition: color 0.3s;
}

.l-header__content__list dl dt a:first-of-type {
  border-radius: 1rem 0 0 1rem;
  border-right: 1px #ebbe17 solid;
  padding: 0.55rem 2.5rem;
}

.l-header__content__list dl dt a:nth-of-type(2) {
  padding: 0.55rem 2.5rem;
}

.l-header__content__list dl dt a:last-of-type {
  border-radius: 0 1rem 1rem 0;
  padding: 0.55rem 2.4rem;
}

.l-header__content__list dl dt a:hover {
  opacity: 0.8;
}

.l-header__content__list dl dt a.is-keep::before,
.l-header__content__list dl dt a.is-check::before,
.l-header__content__list dl dt a.is-message::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  margin-right: 0.4rem;
}

.l-header__content__list dl dt a.is-keep::before {
  background-image: url(../../common/images/common/icon_star.svg);
  height: 1.6rem;
  width: 1.6rem;
}

.l-header__content__list dl dt a.is-check::before {
  background-image: url(../../common/images/common/icon_check.svg);
  height: 2rem;
  width: 2rem;
}

.l-header__content__list dl dt a.is-message::before {
  background-image: url(../../common/images/common/icon_message.svg);
  height: 2rem;
  width: 2rem;
}

.l-header__content__btn {
  display: flex;
  gap: 1.2rem;
}

.l-header__content__hamburger {
  cursor: pointer;
  display: none;
  flex-direction: column;
  height: 3rem;
  justify-content: space-around;
  width: 3rem;
}

.l-header__content__hamburger .line {
  background: #333;
  height: 0.2rem;
  transition: transform 0.3s, opacity 0.3s;
  width: 100%;
}

@media (max-width: 768px) {
  .l-header__content {
    margin: 2.13vw;
    padding: 1.2rem 4.3vw;
  }

  .l-header__content__logo h1 img {
    max-width: 30.5vw;
  }

  .l-header__content__btn {
    margin-left: 4.8vw;
    gap: 1vw;
  }

  .l-header__content__btn.sp {
    margin-left: auto;
    gap: 1vw;
  }

  .l-header__content__btn .o-btn.is-mypage {
    width: 24.7vw;
  }

  .l-header__content__btn .o-btn {
    height: 7.4vw;
    font-size: 3.1vw;
    width: 21.5vw;
    padding: 0;
  }

  .l-header__content__btn .o-btn i {
    height: 3.6vw;
    width: 3.6vw;
    margin-right: 0.5vw;
  }

  .l-header__content__hamburger {
    display: flex;
    margin-left: 3.5vw;
    height: 4.1vw;
    width: 4.1vw;
  }
}

/* グローバルナビ */
.l-global-nav {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 17.4vw;
  width: 100vw;
  height: 100vh;
  background: #fff;
  overflow-y: auto;
  flex-direction: column;
  padding: 2.4rem 2.4rem 7.2rem;
  border-radius: 1rem 1rem 0 0;
  border-top: 1px solid #cccccc;
  opacity: 0;
  transform: translateY(40px);
  pointer-events: none;
}

@keyframes nav-fade-in-up {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes nav-fade-out-down {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(40px);
  }
}

.l-global-nav.is-opening {
  display: flex;
  pointer-events: auto;
  animation: nav-fade-in-up 0.5s cubic-bezier(0.43, 1.17, 0.74, 1.12) forwards;
}

.l-global-nav.is-closing {
  display: flex;
  pointer-events: none;
  animation: nav-fade-out-down 0.5s cubic-bezier(0.43, 1.17, 0.74, 1.12) forwards;
}

.l-global-nav.is-open {
  display: flex;
}

.l-global-nav__close {
  width: fit-content;
}

.l-global-nav__inner {
  width: 100%;
  margin: 0 auto;
  padding-top: 2.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.l-grobal-nav-header.flex {
  justify-content: space-between;
  align-items: center;
}

.l-global-nav__title {
  font-size: 2rem;
  color: #222;
}

.l-global-nav__btns {
  display: flex;
  width: 100%;
  gap: 1.2rem;
  justify-content: center;
  margin-bottom: 2.4rem;
}

.l-global-nav__btns .o-btn {
  width: 48%;
  padding: 0.7rem 0;
  text-align: center;
}

.l-global-nav__menu {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.l-global-nav__menu li {
  border-bottom: 1px solid #cccccc;
}

.l-global-nav__menu li:first-child {
  border-top: 1px solid #cccccc;
}

.l-global-nav__menu li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.6rem;
  color: #222;
  padding: 1.6rem 0;
  font-weight: 500;
  position: relative;
}

.l-global-nav__menu li a .flex {
  gap: 1.2rem;
  align-items: center;
  font-weight: 500;
  font-size: 1.6rem;
  color: #222;
}

.l-global-nav__menu li.l-global-nav__notice {
  border: none;
  margin: 2.4rem 0;
  text-align: center;
  color: #fff;
}

.l-global-nav__menu li.l-global-nav__notice span {
  background: #d98e32;
  border-radius: 1rem;
  font-size: 1.4rem;
  height: 2.5rem;
  display: inline-block;
  width: 100%;
  line-height: 2.4rem;
  position: relative;
  /* 擬似要素のため必要 */
}

.l-global-nav__menu li.l-global-nav__notice span::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -7px;
  /* 三角の高さ分マイナス */
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #d98e32;
  /* 親の背景色に合わせる */
  /* border-bottom: none; 不要 */
}

.l-global-nav__menu a.is-disabled {
  color: #bbb;
  pointer-events: none;
  background: #f5f5f5;
}

.l-global-nav__menu a .is-lock {
  margin-left: 0.5em;
  background: url(../../common/images/common/icon_lock.svg) no-repeat center center/1.2em 1.2em;
  width: 1.2em;
  height: 1.2em;
  display: inline-block;
}

html.no-scroll {
  overflow: hidden;
}

.l-footer {
  background-color: #ffffff;
  border-top: 1px solid #d98e32;
}

.l-footer__inner {
  margin: 0 auto;
  max-width: 124rem;
  padding: 8rem 2rem;
}

.l-footer__logo {
  margin-bottom: 2rem;
}

.l-footer__logo-img {
  max-width: 23.8rem;
}

@media (max-width: 768px) {
  .l-footer__logo-img {
    max-width: 15rem;
  }
}

.l-footer__description {
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4;
  margin-bottom: 3rem;
}

.l-footer__content {
  display: flex;
  flex-wrap: wrap;
  gap: 3%;
  justify-content: space-between;
}

.l-footer__section-lists {
  width: 66%;
}

.l-footer__section-lists h3 {
  color: #d98e32;
  font-size: 1.6rem;
  font-weight: bold;
}

.l-footer__section-lists ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.6rem;
  width: 100%;
}

.l-footer__section-lists ul:first-of-type {
  margin-bottom: 2.4rem;
}

.l-footer__section-lists ul li {
  margin-bottom: 0.8rem;
  width: 25%;
}

.l-footer__section-lists ul li i {
  background-image: url(../../common/images/common/icon_login_b.svg);
  background-size: contain;
  height: 1.2rem;
  margin-right: 0.8rem;
  width: 1.2rem;
}

.l-footer__section-lists ul li a {
  align-items: center;
  color: #222;
  display: flex;
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: none;
}

.l-footer__section-lists ul li a:hover {
  color: #de9235;
}

.l-footer__section-lists ul li a:hover i {
  background-image: url(../../common/images/common/icon_login_m.svg);
  height: 1.5rem;
  width: 1.5rem;
}

.l-footer__section--contact {
  width: 30%;
}

.l-footer__contact {
  margin-bottom: 2rem;
}

.l-footer__contact-area {
  background: #faf7f7;
  padding: 1.6rem 1.6rem 2.4rem;
}

.l-footer__contact-area h3 {
  color: #de9235;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-align: center;
}

.l-footer__contact-btn {
  color: #fff;
  display: block;
  text-align: center;
}

.l-footer__contact-btn .o-btn {
  box-shadow: 0 4px #8c5c20;
  font-size: 1.6rem;
  max-width: 34rem;
  width: 100%;
}

.l-footer__contact-btn .o-btn:last-of-type {
  box-shadow: 0 4px #8c5c20;
}

.l-footer__contact-btn .o-btn:hover {
  box-shadow: none;
  transform: translateY(4px);
}

.l-footer__contact-btn .o-btn i {
  background-image: url(../../common/images/common/icon_comment.svg);
}

.l-footer__login-area {
  background: #faf7f7;
  margin-top: 1.6rem;
  padding: 1.6rem 1.6rem 2.4rem;
}

.l-footer__login-text {
  color: #de9235;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-align: center;
}

.l-footer__login-buttons {
  display: flex;
  gap: 1.2rem;
  position: relative;
}

.l-footer__login-buttons .o-btn {
  box-shadow: 0 4px #8c741c;
  display: flex;
  font-size: 1.6rem;
  width: 48%;
  width: 16.4rem;
}

.l-footer__login-buttons .o-btn:last-of-type {
  box-shadow: 0 4px #8c5c20;
}

.l-footer__login-buttons .o-btn:hover {
  box-shadow: none;
  transform: translateY(4px);
}

.l-footer__login-buttons .o-btn i.is-login_m {
  background-image: url(../../common/images/common/icon_login.svg);
}

.l-footer__login-buttons .o-btn i.is-face_m {
  background-image: url(../../common/images/common/icon_face.svg);
}

@media (max-width: 768px) {
  .l-footer__content {
    flex-direction: column;
    gap: 2rem;
  }

  .l-footer__content ul {
    flex-direction: column;
  }

  .l-footer__content ul li {
    width: 100%;
  }

  .l-footer__section-lists {
    width: 100%;
  }

  .l-footer__section--contact {
    text-align: center;
    width: 100%;
  }

  .l-footer__login-buttons {
    flex-direction: column;
  }
}

.l-footer__copy {
  background: #f7f7f7;
  color: #222;
  font-size: 1.4rem;
  font-weight: 500;
  height: 4rem;
  line-height: 150%;
  padding: 0.8rem 0;
  text-align: center;
}

.o-btn {
  -webkit-align-items: center;
  align-items: center;
  background: #d4b07e;
  border: none;
  border-radius: 2.7rem;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.6rem;
  font-weight: 400;
  height: 4.8rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 32rem;
  padding: 0;
  position: relative;
  text-align: left;
  width: 100%;
}

.o-btn {
  align-items: center;
  background: #d98e32;
  border-radius: 10rem;
  color: #fff;
  display: flex;
  font-size: 2rem;
  font-weight: 500;
  padding: 0 2.4rem;
  text-decoration: none;
  transition: all 0.3s;
}

.o-btn:hover {
  opacity: 0.8;
}

.o-btn.is-pink {
  background-color: #ebbe17;
  color: #fff;
}

.o-btn i {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 2.4rem;
  margin-right: 1.1rem;
  width: 2.4rem;
}

.o-btn i.is-login {
  background-image: url(../../common/images/common/icon_login.svg);
}

.o-btn i.is-face {
  background-image: url(../../common/images/common/icon_face.svg);
}

.o-btn i.is-home {
  background-image: url(../../common/images/common/icon_home.svg);
}

.o-btn.is-wh.is-arw {
  background: #fff;
  border: 1px solid #d98e32;
  color: #d98e32;
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 3rem;
  max-width: 25rem !important;
  padding: 0.8rem 1.6rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
}

.o-btn.is-wh.is-arw .o-btn__icon {
  background-image: url("../../common/images/common/icon_arw.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  margin-left: 0.4rem;
  margin-right: 0;
  width: 1.6rem;
}

.o-btn.is-wh.is-arw:hover {
  background: #d98e32;
  color: #fff;
}

.o-btn.is-wh.is-arw:hover .o-btn__icon {
  background-image: url("../../common/images/common/icon_arw_white.svg");
}

.buttons {
  display: flex;
  gap: 0.8rem;
  justify-content: space-between;
  margin-top: 1.6rem;
}

@media screen and (max-width: 768px) {
  .buttons {
    flex-direction: column;
  }
}

.buttons button {
  border-radius: 4px;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 0.8rem 1.2rem;
}

.buttons button.btn-favorite {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d98e32;
  color: #d98e32;
  display: flex;
  flex: 1;
  justify-content: center;
}

.btn_clip {
  color: #d98e32;
  font-size: 1.6rem;
  font-weight: 500;
  width: 100%;
}

.btn_clip i {
  vertical-align: middle;
}

.btn_clip i img {
  vertical-align: unset;
}

.buttons button.btn-favorite:hover {
  opacity: 0.8;
  /* transition: all 0.3s;
  transform: translateY(-5px); */
}

/* .buttons button.btn-favorite:hover .btn_clip {
  color: #fff;
  background-color: #d98e32;
} */

.buttons button.btn-favorite i {
  margin-right: 0.4rem;
}

.buttons button.btn-favorite i img {
  height: 2rem;
  width: 2rem;
}

.buttons button.btn-apply {
  background-color: #d98e32;
  border: none;
  color: #fff;
  flex: 1;
}

.buttons button.btn-apply:hover {
  opacity: 0.8;
}

.p-top {
  background: #fff;
}

.p-top__kv {
  align-items: center;
  background-image: url(../../common/images/top/kv.png);
  background-position: center;
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 7rem 0 4rem;
  position: relative;
}

.p-top__kv__text {
  letter-spacing: 4%;
  margin-top: 4.4rem;
  position: relative;
  text-align: center;
  z-index: 2;
}

.p-top__kv__text h2 {
  color: #fff;
  font-size: 4rem;
  font-weight: bold;
  line-height: 150%;
}

.p-top__kv__text h2 span {
  position: relative;
}

.p-top__kv__text h2 span::before {
  color: #fff;
  content: "・";
  font-size: 4rem;
  left: 50%;
  position: absolute;
  top: -3rem;
  transform: translateX(-50%);
}

.p-top__kv__text p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  margin-top: 0.8rem;
}

.p-top__kv__btn {
  display: flex;
  gap: 1.2rem;
  margin-top: 27.8rem;
  position: relative;
  z-index: 2;
}

.p-top__kv__btn .o-btn {
  box-shadow: 0 4px rgba(0, 0, 0, 0.3);
  display: flex;
  width: 100%;
}

.p-top__kv__btn .o-btn:hover {
  box-shadow: none;
  transform: translateY(4px);
}

.p-top__kv__btn .o-btn.is-wh {
  background-color: #faf7f7;
  color: #d98e32;
}

.p-top__kv__btn .o-btn i.is-login_m {
  background-image: url(../../common/images/common/icon_login_m.svg);
}

.p-top__kv__btn .o-btn i.is-face_m {
  background-image: url(../../common/images/common/icon_face_m.svg);
}

.p-top__kv img {
  display: none;
}

@media (max-width: 768px) {
  .p-top__kv {
    background-image: url(../../common/images/top/kv_sp.png);
    padding: 18.1vw 0 8vw;
    min-height: 60rem;
    height: 100%;
  }

  .p-top__kv__text {
    margin-top: 0;
  }

  .p-top__kv__text h2 {
    font-size: 2.5rem;
    display: none;
  }

  .p-top__kv__text img {
    display: block;
    width: 100%;
  }

  .p-top__kv__text h2 span::before {
    font-size: 2rem;
    top: -2rem;
  }

  .p-top__kv__text p {
    font-size: 1.4rem;
    display: none;
  }

  .p-top__kv .o-btn {
    font-size: 1.6rem;
    height: 3.8rem;
  }

  .p-top__kv__btn {
    margin-top: 1.9rem;
  }

  .p-top__kv img {
    display: block;
    width: 100%;
  }

  .l-header__content {
    height: 11.3vw;
  }
}

.p-top .is-read {
  padding-top: 4.8rem;
}

.p-top .background {
  background: #faf7f7;
}

.p-top__content {
  margin-bottom: 6rem;
  padding-top: 4rem;
}

.p-top__content h2 {
  color: #de9235;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 150%;
  text-align: center;
}

.p-top__content h3 {
  color: #de9235;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 2.4rem;
}

.p-top__content h4 {
  font-size: 2rem;
  font-weight: 500;
  line-height: 150%;
}

.p-top__content p {
  font-size: 1.6rem;
  line-height: 180%;
  margin-top: 0.8rem;
}

.p-top__content p:nth-of-type(2) {
  color: #666666;
  margin-top: 0.4rem;
}

.p-top__content>ul:first-of-type {
  display: flex;
  gap: 2.4rem;
  margin-top: 3.2rem;
}

.p-top__content>ul:first-of-type>li {
  border-radius: 0.5rem;
  flex: 1;
}

.p-top__content>ul:first-of-type>li img {
  object-fit: cover;
  width: 100%;
}

.p-top__content .content-columns-wrapper {
  gap: 2.4rem;
  margin-top: 4.8em;
}

.p-top__content .content-columns-wrapper>ul {
  flex: 1;
  margin-bottom: 0;
}

.p-top__content .content-columns-wrapper>ul>li {
  width: 100%;
}

.p-top__content .media-column>li>ul {
  display: grid;
  gap: 2.4rem !important;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 3rem !important;
}

@media screen and (max-width: 768px) {
  .p-top__content .media-column>li>ul {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.p-top__content .media-column>li>ul>li {
  border-radius: 0.5rem !important;
  overflow: hidden !important;
  transition: transform 0.3s !important;
}

.p-top__content .media-column>li>ul>li a {
  display: block !important;
}

.p-top__content .media-column>li>ul>li a .address-group {
  align-items: center !important;
  display: flex !important;
  gap: 1.6rem !important;
  height: 100% !important;
  min-height: 15rem !important;
}

#dl #dd img {
  min-height: 14rem !important;
  min-width: 14rem !important;
  object-fit: cover !important;
  max-width: 14rem !important;
}

#dl #dt {
  flex-grow: 1 !important;
}

#dl #dt h3 {
  color: #000 !important;
  font-size: 1.6rem !important;
  font-weight: 500;
  line-height: 1.4 !important;
  margin-bottom: 1rem !important;
}

#dl #dt p {
  -webkit-box-orient: vertical !important;
  color: #666 !important;
  display: -webkit-box !important;
  font-size: 1.4rem !important;
  -webkit-line-clamp: 2 !important;
  max-height: 344px !important;
  overflow: hidden !important;
}

@media (max-width: 500px) {
  #dl {
    align-items: center !important;
    justify-content: center !important;
    min-height: unset !important;
  }
}

.p-top__content .media-column>li>ul>li a:hover {
  background-color: #f9f9f9;
}

.p-top__content .testimonials-column>li .testimonials {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin-bottom: 3rem;
}

.p-top__content .testimonials-column>li .testimonials>li {
  min-height: 15rem;
  overflow: hidden;
}

.p-top__content .testimonials-column>li .testimonials>li a {
  display: block;
}

.p-top__content .testimonials-column>li .testimonials>li a dl {
  display: flex;
  gap: 1.6rem;
  height: 100%;
}

.p-top__content .testimonials-column>li .testimonials>li a dl .profile {
  min-width: 8.6rem;
  text-align: center;
}

.p-top__content .testimonials-column>li .testimonials>li a dl .profile img {
  object-fit: cover;
  width: 100%;
}

.p-top__content .testimonials-column>li .testimonials>li a dl .profile .profile-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.p-top__content .testimonials-column>li .testimonials>li a dl .profile .profile-info .name {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.92px;
  line-height: 1.12;
}

.p-top__content .testimonials-column>li .testimonials>li a dl .profile .profile-info .name span {
  color: #666;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 150%;
}

.p-top__content .testimonials-column>li .testimonials>li a dl .profile .profile-info .text-more {
  color: #de9235;
  font-size: 1.2rem;
}

.p-top__content .testimonials-column>li .testimonials>li a dl dt {
  flex-grow: 1;
}

.p-top__content .testimonials-column>li .testimonials>li a dl dt .testimonial-text {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 1.6rem;
  -webkit-line-clamp: 4;
  margin-top: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.p-top__content .testimonials-column>li .testimonials>li a dl dt .toggle-text {
  align-items: center;
  background: none;
  border: none;
  color: #666;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.4rem;
  gap: 0.4rem;
  justify-content: center;
  line-height: 180%;
  margin-top: 0.8rem;
}

.p-top__content .testimonials-column>li .testimonials>li a dl dt .toggle-text .icon-down {
  background: url("../../common/images/common/icon_down.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  height: 1.6rem;
  transition: transform 0.3s ease;
  width: 1.6rem;
}

.p-top__content .testimonials-column>li .testimonials>li a dl dt .toggle-text .rotate {
  transform: rotate(180deg);
}

.p-top__content .testimonials-column>li .testimonials>li a dl dt .toggle-text:hover {
  text-decoration: underline;
}

.p-top__content .testimonials-column>li .testimonials>li a:hover {
  transform: translateY(-2px);
  transition: transform 0.3s;
}

@media (max-width: 768px) {
  .p-top__content>ul:first-of-type {
    flex-direction: column;
    margin-top: 1.6rem;
  }

  .p-top__content .content-columns-wrapper {
    flex-direction: column;
  }

  .p-top__content .content-columns-wrapper>ul {
    width: 100%;
  }
}

.p-top__main-container {
  display: flex;
  gap: 2.4rem;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1024px;
  padding: 0 2rem 4.8rem;
  position: relative;
  width: 100%;
}

@media (max-width: 768px) {
  .p-top__main-container {
    flex-direction: column;
    padding: 0 1rem 4.8rem;
  }
}

.p-top__left-container {
  display: flex;
  flex-direction: column;
  width: 70%;
}

@media (max-width: 768px) {
  .p-top__left-container {
    width: 100%;
  }
}

.p-top__interview,
.p-top__more {
  margin-bottom: 2rem;
  width: 100%;
}

.p-top__interview h2 {
  color: #de9235;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 2.4rem;
}

.p-top__interview__list li {
  margin-bottom: 2.4rem;
}

.p-top__interview__list li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.p-top__interview__list li a {
  align-items: center;
  color: #333;
  display: flex;
  text-decoration: none;
}

.p-top__interview__list li a .p-top__interview__image {
  flex-shrink: 0;
  height: 14rem;
  width: 14rem;
}

.p-top__interview__list li a .p-top__interview__image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.p-top__interview__list li a .p-top__interview__content {
  flex: 1;
}

.p-top__interview__list li a .p-top__interview__content h3 {
  color: #000;
  font-size: 2rem;
  font-weight: 500;
  line-height: 150%;
}

.p-top__interview__list li a .p-top__interview__content p {
  color: #666;
  font-size: 1.6rem;
  line-height: 180%;
  margin-top: 0.4rem;
}

.p-top__interview__item {
  display: flex;
  gap: 1.6rem;
  min-height: 14rem;
}

@media (max-width: 500px) {
  .p-top__interview__item {
    align-items: center;
    justify-content: center;
    min-height: unset;
  }
}

.p-top__interview__item:hover {
  background-color: #f9f9f9;
}

.p-top__interview__more {
  margin-top: 1rem;
  text-align: center;
}

.p-top__more h2 {
  color: #de9235;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 2.4rem;
}

.p-top__more__list li {
  border-bottom: 1px solid #f0e6e6;
  padding: 1.6rem 0.8rem;
}

.p-top__more__list li:first-child {
  border-top: 1px solid #f0e6e6;
}

.p-top__more__list li a {
  align-items: center;
  color: #222;
  display: flex;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: space-between;
  line-height: 150%;
  text-decoration: none;
}

.p-top__more__list li a .p-top__more__text {
  flex: 1;
}

.p-top__more__list li a .p-top__more__arrow {
  background-image: url("../../common/images/common/icon_arw.svg");
  background-size: cover;
  height: 1.2rem;
  width: 1.2rem;
}

.p-top__more__list li:hover {
  background-color: #f9f9f9;
}

.p-top .p-top__banner__list {
  display: flex;
  gap: 0.8rem;
}

.p-top .p-top__banner__list li {
  flex: 1;
}

.p-top .p-top__banner__list li .p-top__banner__item {
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 1.5rem;
  text-align: center;
}

.p-top .p-top__banner__list li:hover {
  opacity: 0.8;
}

.p-top__right-container {
  display: flex;
  flex-direction: column;
  gap: 2.1rem;
  min-width: 28rem;
}

@media (max-width: 768px) {
  .p-top .is-inner_content_right {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2rem;
    width: 100%;
  }
}

/* @media (max-width: 500px) {
  .p-top__right-container {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: unset;
  }
} */
.p-top__media__section {
  align-items: center;
  aspect-ratio: 1/1;
  background-color: #faf7f7;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  max-width: 280px;
  width: 100%;
}

.p-top__media__section h2 {
  color: #000;
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
}

@media (max-width: 768px) {
  .p-top__media__section {
    margin: 0 auto;
  }
}

.p-top .is-sns__section {
  background-color: #faf7f7;
  padding: 2.8rem 1.6rem 3.9rem;
}

.p-top .is-sns__section h2 {
  color: #000;
  font-family: Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.64px;
  line-height: 1.25;
  text-align: left;
}

.p-top .is-news {
  padding-top: 4.8rem;
}

@media screen and (max-width: 768px) {
  .p-top .is-news {
    padding: 4.8rem 2rem;
  }
}

.p-industry__info {
  background: #faf7f7;
}

.p-industry__info .is-inner_content {
  padding-top: 4.8rem;
}

.p-industry__info h2 {
  border-left: 4px solid #d98e32;
  color: #d98e32;
  font-size: 2.4rem;
  font-weight: 500;
  padding-left: 1rem;
}

@media (max-width: 768px) {
  .p-industry__info h2 {
    border-left: 3px solid #d98e32;
    font-size: 1.8rem;
    padding-left: 0.8rem;
  }
}

.p-industry__tabs {
  background: #fff;
  margin-top: 2.4rem;
  position: relative;
}

.p-industry__tab__list {
  display: flex;
}

@media (max-width: 768px) {
  .p-industry__tab__list {
    flex-direction: column;
  }
}

.p-industry__tab__list button {
  background: #faf7eb;
  border-radius: unset;
  color: #999999;
  cursor: pointer;
  flex: 1;
  font-size: 1.8rem;
  line-height: 230%;
  padding: 1.6rem 3.2rem;
  text-align: left;
}

.p-industry__tab__list button.is-active {
  background: #fff;
  border-bottom: 4px solid #d98e32;
  color: #de9235;
  font-weight: bold;
}

@media (max-width: 768px) {
  .p-industry__tab__list button {
    font-size: 1.6rem;
    line-height: 180%;
    padding: 1.2rem 2rem;
  }

  .p-industry__tab__list button.is-active {
    border-bottom: 3px solid #d98e32;
  }
}

.p-industry__tab__content {
  display: none;
  padding: 2rem 3.2rem 2.4rem;
}

.p-industry__tab__content.is-active {
  display: block;
}

.p-industry__content__inner {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 3.2rem;
  position: relative;
}

.p-industry__content__inner::after {
  background-color: #ccc;
  bottom: 0;
  content: "";
  height: 1px;
  left: -3.2rem;
  position: absolute;
  width: calc(100% + 6.4rem);
}

.p-industry__region__wrapper {
  width: 14.285%;
}

@media (max-width: 768px) {
  .p-industry__region__wrapper {
    width: 50%;
  }

  .p-industry__region__wrapper:nth-child(n + 3) {
    margin-top: 1rem;
  }
}

.p-industry__region__wrapper h3 {
  color: #de9235;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 180%;
  width: 100%;
}

.p-industry__region__wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-top: 2.4rem;
}

.p-industry__region__wrapper li a {
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
}

.p-industry__region__wrapper li a:hover {
  text-decoration: underline;
}

.p-industry__region__wrapper li a span {
  color: #666;
  font-size: 1.4rem;
}

.p-industry__search {
  padding: 2.4rem 0;
}

.p-industry__search__form {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 768px) {
  .p-industry__search__form {
    flex-direction: column;
    gap: 1rem;
  }
}

.p-industry__search__input {
  border: 1px solid #999999;
  border-radius: unset;
  border-right: none;
  max-width: 63.2rem;
  padding: 0.7rem 1.2rem;
  width: 100%;
}

@media (max-width: 768px) {
  .p-industry__search__input {
    border-right: 1px solid #999999;
  }
}

.p-industry__search__input::placeholder {
  color: #b3b3b3;
  font-size: 1.4rem;
  line-height: 240%;
  opacity: 1;
}

.p-industry__search button {
  border-radius: unset;
  color: white;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 240%;
  padding: 0.7rem 1.6rem;
  width: 100%;
}

.p-industry__search button i {
  height: 2.4rem;
  margin-right: 0.4rem;
  vertical-align: super;
  width: 2.4rem;
}

.p-industry__search .primary {
  background-color: #d98e32;
  margin-right: 2.4rem;
  max-width: 12.4rem;
}

@media (max-width: 768px) {
  .p-industry__search .primary {
    max-width: 100%;
  }
}

.p-industry__search .secondary {
  background-color: #faf7eb;
  color: #d98e32;
  max-width: 18rem;
}

@media (max-width: 768px) {
  .p-industry__search .secondary {
    max-width: 100%;
  }
}

.p-industry__offers {
  background: #faf7f7;
  padding: 4.8rem 0;
}

.p-industry__offers .is-inner_content {
  display: flex;
  gap: 2.4rem;
}

@media (max-width: 768px) {
  .p-industry__offers .is-inner_content {
    flex-direction: column;
  }
}

.p-industry__offers .is-inner_content_left {
  max-width: 68%;
}

@media (max-width: 768px) {
  .p-industry__offers .is-inner_content_left {
    max-width: 100%;
  }
}

.p-industry__offers__bnrs {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
}

.p-industry__offers__bnrs li {
  flex: 0 0 calc(50% - 0.4rem);
}

.p-industry__offers__bnrs li img {
  height: auto;
  width: 100%;
}

.p-industry__offers__bnrs li:hover {
  opacity: 0.8;
}

.p-industry__offers__list {
  margin-top: 4.8rem;
}

.p-industry__offers__list h2 {
  color: #d98e32;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 150%;
}

.p-industry__offers__more {
  margin-top: 30px;
  text-align: center;
}

.p-industry__offers__more .btn-more {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  color: #666;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 30px;
}

.p-industry__offers__more .btn-more:hover {
  background-color: #f5f5f5;
}

.p-industry__offers__trend {
  background: #fff;
  margin-top: 4.8rem;
  padding: 1.6rem;
}

.p-industry__offers__trend h2 {
  color: #d98e32;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 150%;
}

.p-industry__offers__trend article h3 {
  color: #222;
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
  margin-top: 2.4rem;
}

.p-industry__offers__trend article p {
  font-size: 1.6rem;
  line-height: 180%;
  margin-top: 1.6rem;
}

.p-industry__offers__trend article div {
  display: flex;
  gap: 2.4rem;
}

@media (max-width: 768px) {
  .p-industry__offers__trend article div {
    flex-direction: column;
  }
}

.p-industry__offers__trend article div p {
  width: 50%;
}

@media (max-width: 768px) {
  .p-industry__offers__trend article div p {
    width: 100%;
  }
}

.p-industry__offers__trend article div figure {
  width: 50%;
}

@media (max-width: 768px) {
  .p-industry__offers__trend article div figure {
    width: 100%;
  }
}

.p-industry__offers__trend article div img {
  width: 100%;
}

.p-industry__offers__column {
  background: #fff;
  margin-top: 4.8rem;
  padding: 1.6rem;
}

.p-industry__offers__column h2 {
  color: #de9235;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 150%;
}

.p-industry__offers__column>div {
  display: flex;
  gap: 0.8rem;
  margin: 2.4rem 0;
}

@media (max-width: 768px) {
  .p-industry__offers__column>div {
    flex-direction: column;
  }
}

.p-industry__offers__column article {
  background: #fff;
  overflow: hidden;
  text-align: left;
  width: 30%;
  width: calc((100% - 1.6rem) / 3);
}

@media (max-width: 768px) {
  .p-industry__offers__column article {
    width: 100%;
  }
}

.p-industry__offers__column article img {
  object-fit: cover;
  width: 100%;
}

.p-industry__offers__column article>div:first-of-type {
  color: #999999;
  font-size: 1.4rem;
  line-height: 180%;
}

.p-industry__offers__column article h3 {
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
}

.p-industry__offers__column article>div:last-of-type {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  justify-content: center;
  margin-top: 0.8rem;
}

.p-industry__offers__column article>div:last-of-type span {
  border: 1px solid #d98e32;
  border-radius: 5px;
  color: #d98e32;
  font-size: 1rem;
  line-height: 180%;
  text-align: center;
  width: calc((100% - 1.6rem) / 3);
}

.p-industry__offers__column .o-btn {
  width: fit-content !important;
}

.p-industry .is-sns__list {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  margin-top: 1.6rem;
}

.p-industry .is-sns__list li a {
  display: block;
  max-height: 56px;
  max-width: 24.8rem;
}

.p-industry .is-sns__list li a img {
  width: 100%;
}

.p-industry .is-sns__list li:hover {
  opacity: 0.8;
}

.p-industry .background {
  background: #faf7f7;
}

.p-industry .is-read {
  padding-top: 0;
}

.p-industry .is-news {
  padding-top: 0;
}

.p-industry .is-search__search {
  margin-top: 0;
}

.p-search {
  background: #faf7f7;
}

.p-search .mail a {
  background: #faf7eb;
  border-radius: 4px;
  color: #d9b32b;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 240%;
  min-height: 4.8rem;
  padding: 0.7rem 2.4rem;
  text-align: center;
  width: 100%;
}

.p-search .mail a:hover {
  opacity: 0.8;
}

.p-search .map {
  background: #faf7eb;
  display: block;
  margin-top: 3.2rem;
  padding: 0.7rem 2.4rem;
  text-align: center;
}

.p-search .map p {
  color: #d9b32b;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 240%;
}

.p-search .map:hover {
  opacity: 0.8;
}

.p-search .is-inner_content--search {
  display: flex;
}

@media screen and (max-width: 768px) {
  .p-search .is-inner_content--search {
    flex-direction: column;
  }
}

.is-inner_content--search {
  display: flex;
}

@media screen and (max-width: 768px) {
  .is-inner_content--search {
    flex-direction: column;
  }
}

.p-search .is-inner_content--search .is-search__tabs {
  background: unset;
  margin-top: 0;
}

.p-search .is-inner_content--search .is-search__tabs--bottom .is-search__tab__content {
  gap: 1.6rem;
  margin-top: 4.8rem;
  padding: unset;
}

.p-search .is-inner_content--search .is-search__tabs--bottom .is-search__tab__content .is-offers__item {
  margin-bottom: 1.6rem;
}

.p-search .is-inner_content--search .is-search__tabs--bottom .is-search__tab__content .is-offers__item:last-of-type {
  margin-bottom: unset;
}

.p-search .is-inner_content--search .is-search__tabs--bottom .is-search__tab__content .is-offers__item .flex {
  border-bottom: 1px solid #e6e6e6;
  gap: 1.6rem;
  padding: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-search .is-inner_content--search .is-search__tabs--bottom .is-search__tab__content .is-offers__item .flex {
    flex-direction: column;
  }
}

.p-search .is-inner_content--search .is-search__tabs--bottom .is-search__tab__content .is-offers__item .flex .img-wrap {
  width: 44%;
}

@media screen and (max-width: 768px) {
  .p-search .is-inner_content--search .is-search__tabs--bottom .is-search__tab__content .is-offers__item .flex .img-wrap {
    width: 100%;
  }
}

.p-search .is-inner_content--search .is-search__tabs--bottom .is-search__tab__content .is-offers__item .flex .img-wrap img {
  height: 100%;
  width: 100%;
}

.p-search .is-inner_content--search .is-search__tabs--bottom .is-search__tab__content .is-offers__item .flex .text-wrap {
  width: calc(56% - 1.6rem);
}

@media screen and (max-width: 768px) {
  .p-search .is-inner_content--search .is-search__tabs--bottom .is-search__tab__content .is-offers__item .flex .text-wrap {
    width: 100%;
  }
}

.p-search .is-inner_content--search .is-search__tabs--bottom .is-search__tab__content .is-offers__item .flex .text-wrap h3 {
  color: #d9b32b;
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
}

.p-search .is-inner_content--search .is-search__tabs--bottom .is-search__tab__content .is-offers__item .flex .text-wrap p {
  color: #666;
  font-size: 1.6rem;
  line-height: 180%;
}

.p-search__search {
  background: #fff;
  margin-top: 4.8rem;
  padding: 1.6rem;
}

.p-search__search h2 {
  color: #d98e32;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 150%;
}

.p-search__search div {
  display: flex;
  margin-top: 2.4rem;
}

@media (max-width: 768px) {
  .p-search__search div {
    flex-direction: column;
  }
}

.p-search__search div:first-of-type {
  gap: 1.6rem;
}

.p-search__search div:first-of-type>button {
  width: 50%;
}

@media (max-width: 768px) {
  .p-search__search div:first-of-type>button {
    width: 100%;
  }
}

.p-search__search div:first-of-type>button:first-of-type {
  background: #d9b32b;
  border-radius: 4px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  padding: 0.8rem 1.2rem;
}

.p-search__search div:first-of-type>button:last-of-type {
  background: #faf7eb;
  border-radius: 4px;
  color: #d9b32b;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 240%;
  padding: 0.7rem 2.4rem;
}

.p-search__search div:first-of-type>button:hover {
  opacity: 0.8;
}

.p-search__search div:last-of-type {
  width: 100%;
}

.p-search__search div:last-of-type input {
  border: 1px solid #999999;
  border-radius: 4px 0 0 4px;
  font-size: 1.4rem;
  line-height: 240%;
  max-width: 80%;
  padding: 0.7rem 1.2rem;
  width: 100%;
}

@media (max-width: 768px) {
  .p-search__search div:last-of-type input {
    border-radius: 4px 4px 0 0;
    max-width: unset;
  }
}

.p-search__search div:last-of-type button {
  align-items: center;
  background: #d9b32b;
  border-radius: 0 4px 4px 0;
  color: #fff;
  display: flex;
  font-size: 1.4rem;
  font-weight: bold;
  justify-content: center;
  line-height: 180%;
  max-width: 20%;
  padding: 0.7rem 1.6rem;
  width: 100%;
}

@media (max-width: 768px) {
  .p-search__search div:last-of-type button {
    border-radius: 0 0 4px 4px;
    max-width: unset;
  }
}

.p-search__search div:last-of-type button i {
  margin-bottom: 0.5rem;
  margin-right: 0.8rem;
}

.p-search__search div:last-of-type button:hover {
  opacity: 0.8;
}

.p-search__note {
  background: #fff;
  margin-top: 4.8rem;
  padding: 1.6rem;
}

.p-search__note p {
  color: #666;
  font-size: 1.4rem;
  line-height: 180%;
}

.p-search__merits {
  background: #fff;
  margin-top: 4.8rem;
  padding: 1.6rem;
}

.p-search__merits h2 {
  color: #d98e32;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 150%;
  text-align: center;
}

.p-search__merits ul {
  align-items: stretch;
  /* This ensures all items stretch to match the tallest item */
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
  justify-content: center;
  margin-top: 2.4rem;
}

.p-search__merits ul li {
  background: #faf7f7;
  display: flex;
  flex-direction: column;
  padding: 1.6rem;
  text-align: center;
  width: calc((100% - 4.8rem) / 3);
  /* Remove the height property to allow natural sizing */
}

@media screen and (max-width: 768px) {
  .p-search__merits ul li {
    width: 100%;
  }
}

.p-search__merits ul li img {
  height: 6.4rem;
  margin: 0 auto;
  width: 6.4rem;
}

.p-search__merits ul li h3 {
  color: #d98e32;
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
  margin-top: 1.6rem;
  text-align: center;
}

.p-search__merits ul li p {
  color: #222;
  font-size: 1.6rem;
  letter-spacing: 0.2rem;
  line-height: 180%;
  margin-top: 1.6rem;
  text-align: left;
}

.p-search__merits ul li .is-note {
  color: #666;
  font-size: 1.4em;
  margin-top: 1.6rem;
  text-align: left;
}

.p-search .is-sns__list {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  margin-top: 1.6rem;
}

.p-search .is-sns__list li a {
  display: block;
  max-height: 56px;
  /* max-width: 24.8rem; */
}

.p-search .is-sns__list li a img {
  width: 100%;
}

.p-search .is-sns__list li:hover {
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  .p-search .is-inner_content_right {
    margin-top: 0;
    padding-bottom: 2.4rem;
  }
}

.p-specifics {
  background: #faf7f7;
  /* Slider styles */
  /* Job details styles */
}

@media (max-width: 768px) {
  .p-specifics {
    font-size: 120%;
  }
}

.p-specifics__header {
  background: #fff;
  display: flex;
  margin-top: 4.8rem;
  padding: 3.2rem;
  width: 100%;
}

@media (max-width: 768px) {
  .p-specifics__header {
    flex-direction: column;
  }
}

.p-specifics .slider-container {
  min-height: 270px;
  overflow: hidden;
  position: relative;
  width: 50%;
}

@media (max-width: 768px) {
  .p-specifics .slider-container {
    aspect-ratio: 16/9;
    /* アスペクト比を維持 */
    height: auto;
    min-height: auto;
    /* min-heightを解除 */
    width: 100%;
  }
}

.p-specifics .slider {
  height: 100%;
  width: 100%;
}

.p-specifics .slide {
  height: 100%;
  opacity: 0;
  position: absolute;
  transition: opacity 0.5s ease;
  width: 100%;
}

.p-specifics .slide.active {
  opacity: 1;
}

.p-specifics .slide img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 768px) {
  .p-specifics .slide img {
    max-height: 100%;
    /* 高さの最大値を制限 */
  }
}

.p-specifics .slide-caption {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  color: white;
  font-size: 1.2rem;
  left: 0;
  line-height: 100%;
  padding: 0.6rem 0.7rem;
  position: absolute;
  width: 100%;
}

.p-specifics .slider-arrow {
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  height: 80px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  z-index: 10;
}

.p-specifics .slider-arrow:hover {
  opacity: 0.75;
}

.p-specifics .slider-arrow.prev-arrow {
  border-radius: 0 100% 100% 0%/50%;
  left: 0;
}

.p-specifics .slider-arrow.next-arrow {
  border-radius: 100% 0 0 100%/50%;
  right: 0;
}

.p-specifics .slider-arrow .prev-arrow-img {
  left: 30%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.p-specifics .slider-arrow .next-arrow-img {
  left: 70%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.p-specifics__inner-txt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 2.4rem;
  padding: 2.75rem 0;
  width: 50%;
}

@media (max-width: 768px) {
  .p-specifics__inner-txt {
    margin-left: 0;
    width: 100%;
  }
}

.p-specifics__inner-txt h2 {
  color: #d98e32;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 150%;
  margin: 0.8rem 0;
}

.p-specifics__inner-txt p {
  color: #666;
  font-size: 1.6rem;
  line-height: 180%;
}

@media screen and (max-width: 768px) {
  .p-specifics .is-inner_content {
    flex-direction: column;
    padding-bottom: 4.8rem;
  }
}

.p-specifics .is-inner_content_left {
  margin-top: 0;
}

.p-specifics__main {
  background: #fff;
  margin-top: 4.8rem;
}

@media (max-width: 768px) {
  .p-specifics__main {
    margin-top: 0;
  }
}

.p-specifics__main--header {
  border-bottom: 1px solid #e6e6e6;
  padding: 1.6rem;
}

.p-specifics__main--header h3 {
  margin-top: 1.6rem;
}

.p-specifics__main--header p {
  color: #222;
  font-size: 1.4rem;
  line-height: 200%;
  margin-top: 0.8rem;
}

.p-specifics__main--header ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  margin-top: 1.8rem;
  padding-bottom: 1.6rem;
  padding-left: 1.6rem;
  width: calc(100% + 3.2rem);
}

.p-specifics__main--header ul a {
  background-color: #fff;
  border: 1px solid #d98e32;
  border-radius: 5px;
  color: #d98e32;
  font-size: 12px;
  font-weight: 500;
  padding: 3px 10px;
}

.p-specifics__main--main {
  border-bottom: 1px solid #e6e6e6;
  padding: 1.6rem;
}

.p-specifics__main .recruitment-table {
  border: none;
  margin-top: 1.6rem;
  width: 100%;
}

.p-specifics__main .recruitment-table tbody {
  display: block;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-specifics__main .recruitment-table {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .p-specifics__main .recruitment-table tr {
    display: block;
    margin-bottom: 1.2rem;
  }
}

@media screen and (max-width: 768px) {
  .p-specifics__main .recruitment-table tr:last-child {
    margin-bottom: 0;
  }
}

.p-specifics__main .recruitment-table th,
.p-specifics__main .recruitment-table td {
  font-size: 1.4rem;
  line-height: 180%;
  padding-top: 3.2rem;
  vertical-align: top;
}

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

  .p-specifics__main .recruitment-table th,
  .p-specifics__main .recruitment-table td {
    display: block;
    padding-top: 0;
    width: 100%;
  }
}

.p-specifics__main .recruitment-table tr:first-child th,
.p-specifics__main .recruitment-table tr:first-child td {
  padding-top: 0;
}

.p-specifics__main .recruitment-table th {
  padding-right: 1.6rem;
  width: 13.8%;
}

@media screen and (max-width: 768px) {
  .p-specifics__main .recruitment-table th {
    margin-bottom: 1.2rem;
    padding-right: 0;
    width: 100%;
  }
}

.p-specifics__main .recruitment-table th span {
  background: #faf7eb;
  border-radius: 4px;
  color: #d98e32;
  display: block;
  padding: 0 0.8rem;
  text-align: center;
  width: 12rem;
}

@media screen and (max-width: 768px) {
  .p-specifics__main .recruitment-table th span {
    text-align: center !important;
    width: auto;
    width: 100%;
  }

  .p-specifics__main .recruitment-table th span br {
    display: none;
  }
}

.p-specifics__main .recruitment-table td {
  width: 80%;
}

@media screen and (max-width: 768px) {
  .p-specifics__main .recruitment-table td {
    width: 100%;
  }
}

.p-specifics__main .recruitment-table td p:first-child {
  margin-top: 0;
}

.p-specifics__main .recruitment-table td p:last-child {
  margin-bottom: 0;
}

.p-specifics__main .recruitment-table td ul {
  margin-top: 1.2rem;
}

@media screen and (max-width: 768px) {
  .p-specifics__main .recruitment-table td ul {
    margin-top: 0.8rem;
  }
}

.p-specifics__main .recruitment-table .tag {
  background: #ebebeb;
  border-radius: 4px;
  color: #666;
  display: inline-block;
  padding: 0.2rem 0.8rem;
}

.p-specifics__main--photos {
  border-bottom: 1px solid #e6e6e6;
  padding: 1.6rem;
}

.p-specifics__main--photos .flex {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-specifics__main--photos .flex {
    flex-direction: column;
  }
}

.p-specifics__main--photos .flex img {
  width: calc((100% - 1.6rem) / 3);
}

@media screen and (max-width: 768px) {
  .p-specifics__main--photos .flex img {
    margin-bottom: 0.8rem;
    width: 100%;
  }

  .p-specifics__main--photos .flex img:last-child {
    margin-bottom: 0;
  }
}

.p-specifics__main--info {
  border-bottom: 1px solid #e6e6e6;
  padding: 1.6rem;
}

.p-specifics__main--info .access iframe {
  height: 250px;
  margin: 1.2rem 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-specifics__main--info .access iframe {
    max-height: 200px;
  }
}

.p-specifics__main--info .access a {
  border-bottom: #d98e32 solid 1px;
  color: #d98e32;
  font-weight: bold;
}

.p-specifics__main--info .access a:hover {
  opacity: 0.8;
}

.p-specifics__main .buttons {
  padding: 1.6em;
}

.p-specifics__qa {
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 4.8rem;
  padding: 1.6rem;
}

.p-specifics__qa h4 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 150%;
  margin-top: 2.4rem;
}

.p-specifics__qa p {
  font-size: 1.6rem;
  line-height: 180%;
  margin-top: 0.8rem;
}

.p-specifics .contact-box {
  background: #fff;
  display: flex;
  padding: 1.6em;
}

@media screen and (max-width: 768px) {
  .p-specifics .contact-box {
    flex-direction: column;
  }

  .p-specifics__qa {
    margin-top: 2.4rem;
  }
}

.p-specifics .contact-box p {
  font-size: 1.4rem;
  line-height: 180%;
  width: calc((100% - 0.8rem) / 2);
}

@media screen and (max-width: 768px) {
  .p-specifics .contact-box p {
    width: 100%;
  }

  .p-specifics .contact-box p br {
    display: none;
  }
}

.p-specifics .contact-box a {
  background: #faf7eb;
  border-radius: 4px;
  color: #d98e32;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 240%;
  padding: 0.7rem 1.6rem;
  text-align: center;
  width: calc((100% - 0.8rem) / 2);
}

@media screen and (max-width: 768px) {
  .p-specifics .contact-box a {
    width: 100%;
  }
}

.p-specifics .contact-box a:hover {
  opacity: 0.8;
}

.p-specifics .bnr-box {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-top: 4.8rem;
}

.p-specifics .bnr-box a:hover {
  opacity: 0.8;
}

.p-specifics__offers {
  margin-top: 4.8rem;
}

.p-specifics__search {
  background: #fff;
  margin-top: 4.8rem;
  padding: 1.6rem;
}

.p-specifics__search p,
.p-specifics__search li {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  margin-right: 0.8rem;
}

.p-specifics__search p span,
.p-specifics__search li span {
  font-size: 1.4rem;
}

.p-specifics__search p a:hover,
.p-specifics__search li a:hover {
  color: #d98e32;
}

.p-specifics__search p {
  background: #faf7eb;
  display: inline-block;
  margin-top: 2.4rem;
  padding: 0 0.8rem;
}

.p-specifics__search ul {
  display: flex;
  flex-wrap: wrap;
  gap: 3.2rem;
  margin-top: 1.6rem;
}

.p-specifics__search .flex {
  margin-top: 2.4rem;
}

@media screen and (max-width: 768px) {
  .p-specifics__search .flex {
    flex-direction: column;
  }
}

.p-specifics__search input {
  border: 1px solid #999999;
  border-radius: 4px 0 0 4px;
  font-size: 1.4rem;
  line-height: 240%;
  max-width: 80%;
  padding: 0.7rem 1.2rem;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-specifics__search input {
    border-radius: 4px;
    max-width: 100%;
  }
}

.p-specifics__search button {
  align-items: center;
  background: #d98e32;
  border-radius: 0 4px 4px 0;
  color: #fff;
  display: flex;
  font-size: 1.4rem;
  font-weight: bold;
  justify-content: center;
  line-height: 180%;
  max-width: 20%;
  padding: 0.7rem 1.6rem;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-specifics__search button {
    border-radius: 4px;
    margin: 0 auto;
    margin-top: 0.8rem;
    max-width: 100%;
  }
}

.p-specifics__search button i {
  margin-bottom: 0.5rem;
  margin-right: 0.8rem;
}

.p-specifics__search button:hover {
  opacity: 0.8;
}

.p-specifics .is-inner_content_right {
  margin-top: 4.8rem;
}

.p-specifics .is-inner_content_right .is-relevant {
  background: #fff;
  border-radius: 10px;
  padding: 2.8rem 1.6rem;
}

.p-specifics .is-inner_content_right .is-relevant h2 {
  margin-top: 0;
  text-align: center;
}

.p-specifics .is-inner_content_right .is-relevant a {
  border-top: 1px solid #f0e6e6;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: space-between;
  line-height: 150%;
  padding: 1.6rem 0.8rem;
}

.p-specifics .is-inner_content_right .is-relevant a:last-child {
  border-bottom: 1px solid #f0e6e6;
}

.p-specifics .is-inner_content_right .is-relevant a:hover {
  background-color: #f9f9f9;
}

@media screen and (max-width: 768px) {
  .p-specifics .is-others {
    margin-bottom: 0;
  }
}

.p-recently_viewed {
  background: #faf7f7;
}

.p-recently_viewed .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-recently_viewed .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-recently_viewed .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

.p-recently_viewed p {
  font-size: 1.4rem;
  line-height: 200%;
}

@media screen and (max-width: 768px) {
  .p-recently_viewed .flex {
    flex-direction: column;
  }
}

.p-recently_viewed--header {
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
  padding: 1.6rem;
}

.p-recently_viewed .apply {
  background: #fff;
  padding: 1.6rem;
}

.p-recently_viewed .apply a {
  background: #d98e32;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 180%;
  padding: 0.8rem 1.2rem;
  text-align: center;
}

.p-recently_viewed .apply:hover {
  opacity: 0.8;
}

.p-recently_viewed .is-search__tab__content {
  gap: 1.6rem;
  margin-top: 4.8rem;
  padding: unset;
}

.p-recently_viewed .is-search__tab__content .is-offers__item {
  margin-bottom: 1.6rem;
}

.p-recently_viewed .is-search__tab__content .is-offers__item:last-of-type {
  margin-bottom: unset;
}

.p-recently_viewed .is-search__tab__content .is-offers__item .flex {
  border-bottom: 1px solid #e6e6e6;
  gap: 1.6rem;
  padding: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-recently_viewed .is-search__tab__content .is-offers__item .flex {
    flex-direction: column;
  }
}

.p-recently_viewed .is-search__tab__content .is-offers__item .flex .img-wrap {
  width: 44%;
}

@media screen and (max-width: 768px) {
  .p-recently_viewed .is-search__tab__content .is-offers__item .flex .img-wrap {
    width: 100%;
  }
}

.p-recently_viewed .is-search__tab__content .is-offers__item .flex .img-wrap img {
  height: 100%;
  width: 100%;
}

.p-recently_viewed .is-search__tab__content .is-offers__item .flex .text-wrap {
  width: calc(56% - 1.6rem);
}

@media screen and (max-width: 768px) {
  .p-recently_viewed .is-search__tab__content .is-offers__item .flex .text-wrap {
    width: 100%;
  }
}

.p-recently_viewed .is-search__tab__content .is-offers__item .flex .text-wrap h3 {
  color: #d98e32;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 150%;
}

.p-recently_viewed .is-search__tab__content .is-offers__item .flex .text-wrap h3 a {
  color: #d98e32;
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
}

.p-recently_viewed .is-search__tab__content .is-offers__item .flex .text-wrap p {
  color: #666;
  font-size: 1.6rem;
  line-height: 180%;
}

.p-recently_viewed .is-others {
  margin-bottom: 0;
}

.p-recently_viewed .is-read h2 {
  color: #d98e32;
}

@media screen and (max-width: 768px) {
  .p-recently_viewed .is-read {
    margin-bottom: 0 !important;
    padding-bottom: 0;
  }

  .p-recently_viewed .is-read h2 {
    padding: 0 1rem;
  }
}

.p-recently_viewed .is-read .is-read_content.is-num {
  padding: 1.6rem;
}

.p-recently_viewed .is-read .is-read_content.is-num ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 2.4rem;
  text-wrap: nowrap;
}

.p-recently_viewed .is-howto {
  background: #fff;
  border: 1px solid #d98e32;
  border-radius: 10px;
  padding: 2.4rem 1.6rem 1.6rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-recently_viewed .is-howto {
    width: 100%;
  }
}

.p-recently_viewed .is-howto ul {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin: 1.6rem auto 0;
  text-align: left;
  width: fit-content;
}

.p-recently_viewed .is-howto li {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 1.42;
  text-align: left;
  width: 100%;
}

.p-recently_viewed .is-howto .apply {
  margin-top: 1.6rem;
}

.p-recently_viewed .is-howto .apply a {
  background: #d98e32;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 180%;
  padding: 0.8rem 1.2rem;
  text-align: center;
}

.p-recently_viewed .is-howto .apply a:hover {
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  .p-recently_viewed .is-sns_section {
    padding-bottom: 4.8rem;
  }
}

.p-recently_viewed .is-sns__list {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  margin-top: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-recently_viewed .is-sns__list {
    width: 100%;
  }
}

.p-recently_viewed .is-sns__list li a {
  display: block;
  max-height: 56px;
  max-width: 24.8rem;
}

.p-recently_viewed .is-sns__list li a img {
  width: 100%;
}

.p-recently_viewed .is-sns__list li:hover {
  opacity: 0.8;
}

.p-news {
  background: #faf7f7;
}

.p-news .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-news .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-news .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

.p-news_specifics {
  background: #faf7f7;
}

.p-news_specifics .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-news_specifics .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-news_specifics .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

@media screen and (max-width: 768px) {
  .p-news_specifics .flex {
    flex-direction: column;
  }
}

.p-news_specifics--content {
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding: 1.6rem;
}

.p-news_specifics--content p {
  font-size: 1.4rem;
  line-height: 200%;
}

.p-news_specifics--content img {
  max-width: 30.4rem;
}

.p-news_specifics .is-shere {
  background: #fff;
  margin: 4.8rem 0;
  padding: 1.6rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-news_specifics .is-shere {
    margin-bottom: 0;
  }
}

.p-news_specifics .is-shere ul {
  display: flex;
  gap: 2.4rem;
  justify-content: center;
  margin-top: 1.6rem;
}

.p-news_specifics .is-shere ul li:hover {
  opacity: 0.7;
}

.p-news_specifics .is-inner_content_right {
  margin-bottom: 4.8rem;
}

.p-news_specifics .side-bar_text h3 {
  line-height: 150%;
}

.p-news_specifics .side-bar_text .side-bar_note {
  display: flex;
}

.p-news_specifics .side-bar_text .side-bar_note p {
  color: #808080;
  font: 1.2rem;
  line-height: 150%;
  margin-top: 0.8rem;
}

.p-news_specifics .side-bar_text .side-bar_note p:first-child {
  background: #f0f0f0;
  border-radius: 4px;
  margin-right: 0.8rem;
  padding: 0.2rem 0.4rem;
}

.p-thanks {
  background: #faf7f7;
  padding-bottom: 4.8rem;
  padding-top: 72px;
}

.p-thanks .is-completed {
  background: #fff;
  margin: 4.8rem auto 0;
  max-width: 720px;
  padding: 2rem 3.2rem 3.2rem;
  text-align: center;
  width: 100%;
}

.p-thanks .is-completed .flex {
  align-items: center;
  gap: 1.3rem;
  justify-content: center;
}

.p-thanks .is-completed .flex h2 {
  color: #d98e32;
}

.p-thanks .is-completed .flex img {
  height: 3.2rem;
  width: 3.2rem;
}

.p-thanks .is-completed p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 200%;
}

.p-interested_list {
  background: #faf7f7;
}

.p-interested_list .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-interested_list .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-interested_list .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

.p-interested_list .reverse {
  display: flex;
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .p-interested_list .reverse {
    flex-direction: column;
  }

  .p-interested_list .is-modal01 {
    margin-bottom: 2.4rem !important;
  }
}

.p-interested_list .is-inner_content_right {
  margin-left: 0rem;
  margin-right: 2.4rem;
}

.p-interested_list .is-modal01 {
  background: white;
  margin-bottom: 4.8rem;
  opacity: 1;
  /* 最初から表示 */
  padding: 1.6rem;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  visibility: visible;
  /* 最初から表示 */
}

.p-interested_list .is-modal01.hidden {
  opacity: 0;
  /* バツボタンで非表示にする */
  visibility: hidden;
}

.p-interested_list .is-modal01 .modal-close {
  cursor: pointer;
  display: inline-block;
}

.p-interested_list .is-modal01 .flex {
  align-items: center;
  justify-content: space-between;
}

.p-interested_list .is-modal01 h2 {
  color: #000;
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
}

.p-interested_list .is-modal01 p {
  color: #666;
  font-size: 1.4rem;
  line-height: 180%;
}

.p-interested_list .is-search__tab__content {
  gap: 1.6rem;
  padding: unset;
}

.p-interested_list .is-search__tab__content .is-offers__item {
  margin-bottom: 1.6rem;
}

.p-interested_list .is-search__tab__content .is-offers__item:last-of-type {
  margin-bottom: unset;
}

.p-interested_list .is-search__tab__content .is-offers__item .flex {
  border-bottom: 1px solid #e6e6e6;
  gap: 1.6rem;
  padding: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-interested_list .is-search__tab__content .is-offers__item .flex {
    flex-direction: column;
  }
}

.p-interested_list .is-search__tab__content .is-offers__item .flex .img-wrap {
  width: 44%;
}

@media screen and (max-width: 768px) {
  .p-interested_list .is-search__tab__content .is-offers__item .flex .img-wrap {
    width: 100%;
  }
}

.p-interested_list .is-search__tab__content .is-offers__item .flex .img-wrap img {
  height: 100%;
  width: 100%;
}

.p-interested_list .is-search__tab__content .is-offers__item .flex .text-wrap {
  width: calc(56% - 1.6rem);
}

@media screen and (max-width: 768px) {
  .p-interested_list .is-search__tab__content .is-offers__item .flex .text-wrap {
    width: 100%;
  }
}

.p-interested_list .is-search__tab__content .is-offers__item .flex .text-wrap h3 {
  color: #d98e32;
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
}

.p-interested_list .is-search__tab__content .is-offers__item .flex .text-wrap p {
  color: #666;
  font-size: 1.6rem;
  line-height: 180%;
}

.p-interested_list .is-search__tab__content .is-offers__item .oneclick-apply {
  background: #d98e32;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  margin-top: 1.6rem;
  padding: 0.8rem 1.2rem;
}

.p-interested_list .is-search__tab__content .is-offers__item .oneclick-apply:hover {
  opacity: 0.7;
}

.p-interested_list-offers {
  margin: 4.8rem 0;
}

.p-interested_list .sidebar-toggle {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  display: none;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: space-between;
  padding: 1.2rem 1.6rem;
  position: relative;
  z-index: 99;
}

@media screen and (max-width: 768px) {
  .p-interested_list .sidebar-toggle {
    display: inline-flex;
    position: fixed;
    top: 30%;
  }
}

.p-interested_list .sidebar-toggle .toggle-arrow {
  transition: transform 0.3s ease;
}

.p-interested_list .sidebar-toggle .toggle-arrow.open {
  transform: rotate(90deg);
}

.p-interested_list .sidebar-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  z-index: 999;
}

.p-interested_list .sidebar-overlay.active {
  display: block;
  opacity: 1;
}

.p-interested_list .sidebar-nav {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  padding: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-interested_list .sidebar-nav {
    border-radius: 0;
    display: block;
    height: 100%;
    left: -100%;
    max-width: 320px;
    overflow-y: auto;
    padding-top: 2rem;
    position: fixed;
    top: 0;
    transition: left 0.3s ease;
    width: 80%;
    z-index: 1000;
  }

  .p-interested_list .sidebar-nav.open {
    left: 0;
    top: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .p-interested_list .sidebar-nav ul {
    margin-top: 6rem;
  }
}

.p-interested_list .sidebar-nav li {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 180%;
  margin-top: 1.2rem;
}

.p-interested_list .sidebar-nav li:first-child {
  margin-top: 0;
}

.p-interested_list .sidebar-nav li.active {
  background-color: #faf7f7;
  border-radius: 8px;
}

.p-interested_list .sidebar-nav li.active a {
  color: #d98e32;
  font-weight: 500;
}

.p-interested_list .sidebar-nav li a {
  color: #333;
  display: block;
  padding: 0.8rem 1rem;
  text-decoration: none;
  transition: background-color 0.2s;
}

.p-interested_list .sidebar-nav li a:hover {
  background-color: #f5f5f5;
}

.p-column {
  background: #faf7f7;
}

.p-column .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-column .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-column .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

.p-column .is-inner_content .description {
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  margin: 4.8rem 0 3.2rem;
  text-align: center;
}

.p-column__header {
  display: flex;
  gap: 3.2rem;
}

@media screen and (max-width: 768px) {
  .p-column__header {
    flex-direction: column;
  }
}

.p-column__header--item {
  background: #fff;
  padding: 1.6rem;
  width: calc((100% - 6.4rem) / 3);
}

@media screen and (max-width: 768px) {
  .p-column__header--item {
    width: 100%;
  }
}

.p-column__header--item img {
  width: 100%;
}

.p-column__header--item span {
  color: #999;
  font-size: 1.4rem;
  line-height: 180%;
  margin-top: 0.8rem;
}

.p-column__header--item p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
}

.p-column__header--item ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 0.8rem;
}

.p-column__header--item ul li {
  border: 1px solid #d98e32;
  border-radius: 4px;
  color: #d98e32;
  font-size: 1rem;
  line-height: 180%;
  padding: 0.2rem 0.8rem;
}

.p-column__header--item:hover {
  background-color: #f9f9f9;
}

@media screen and (max-width: 768px) {
  .p-column .flex {
    flex-direction: column;
  }
}

.p-column__list--item {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #f0e6e6;
  gap: 0.8rem;
  padding: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-column__list--item {
    align-items: flex-start;
  }
}

.p-column__list--item img {
  max-width: 14rem;
  width: 100%;
}

.p-column__list--item span {
  color: #999;
  font-size: 1.4rem;
  line-height: 180%;
  margin-top: 0.8rem;
}

.p-column__list--item p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-column__list--item p:nth-child(2) {
  font-weight: normal;
  color: #666 !important;
}

.p-column__list--item ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 0.8rem;
}

.p-column__list--item ul li {
  border: 1px solid #d98e32;
  border-radius: 4px;
  color: #d98e32;
  font-size: 1rem;
  line-height: 180%;
  padding: 0.2rem 0.8rem;
}

.p-column__list--item:hover {
  background-color: #f9f9f9;
}

.p-column .is-sorted_article {
  background: #fff;
  border-radius: 10px;
  padding: 2.8rem 1.6rem;
}

.p-column .is-sorted_article h2 {
  font-size: 2rem;
  margin-top: 0;
  text-align: center;
}

.p-column .is-sorted_article a {
  border-top: 1px solid #f0e6e6;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: space-between;
  line-height: 150%;
  padding: 1.6rem 0.8rem;
}

@media screen and (max-width: 768px) {
  .p-column .is-sorted_article a {
    flex-direction: row !important;
  }
}

.p-column .is-sorted_article a:last-child {
  border-bottom: 1px solid #f0e6e6;
}

.p-column .is-sorted_article a:hover {
  background-color: #f9f9f9;
}

.p-column .is-side_search {
  background: #fff;
  padding: 1.6rem;
}

.p-column .is-side_search .search-form {
  width: 100%;
}

.p-column .is-side_search .search-container {
  border-radius: 4px;
  display: flex;
  height: 34px;
  overflow: hidden;
}

.p-column .is-side_search .search-input {
  border: 1px solid #999;
  border-radius: 4px 0 0 4px;
  border-right: none;
  padding: 0 1.2rem;
  width: 70.9677419355%;
}

.p-column .is-side_search .search-input::placeholder {
  color: #999;
}

.p-column .is-side_search .search-button {
  align-items: center;
  background-color: #d98e32;
  border: none;
  border-radius: 0 4px 4px 0;
  color: white;
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  justify-content: center;
  line-height: 240%;
  padding: 0;
  transition: background-color 0.2s ease;
  width: 29.0322580645%;
}

.p-column .is-side_search .search-button:hover {
  opacity: 0.8;
}

.p-column .is-side_search .search-button .search-icon {
  display: inline-flex;
  margin-right: 0.4rem;
  width: 1.6rem;
}

.p-column .is-inner_content_right {
  margin-bottom: 4.8rem;
}

.p-column_searched {
  background: #faf7f7;
}

.p-column_searched .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-column_searched .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-column_searched .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

.p-column_searched .p-column__searched--result {
  background: #fff;
  margin-bottom: 2.4rem;
  padding: 1.6rem;
}

.p-column_searched .p-column__searched--result p {
  font-size: 1.4rem;
  line-height: 200%;
}

.p-column_searched .p-column__searched--result span {
  color: #d98e32;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 150%;
}

.p-column_searched .is-inner_content .description {
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  margin: 4.8rem 0 3.2rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-column_searched .flex {
    flex-direction: column;
  }
}

.p-column_searched__list--item {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #f0e6e6;
  gap: 0.8rem;
  padding: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-column_searched__list--item {
    align-items: flex-start;
  }
}

.p-column_searched__list--item img {
  max-width: 22.4rem;
  width: 100%;
}

.p-column_searched__list--item span {
  color: #999;
  font-size: 1.4rem;
  line-height: 180%;
  margin-top: 0.8rem;
}

.p-column_searched__list--item p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
}

.p-column_searched__list--item ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 0.8rem;
}

.p-column_searched__list--item ul li {
  border: 1px solid #d98e32;
  border-radius: 4px;
  color: #d98e32;
  font-size: 1rem;
  line-height: 180%;
  padding: 0.2rem 0.8rem;
}

.p-column_searched .is-inner_content_right {
  margin-bottom: 4.8rem;
}

.p-column_searched .is-sorted_article {
  background: #fff;
  border-radius: 10px;
  padding: 2.8rem 1.6rem;
}

.p-column_searched .is-sorted_article h2 {
  font-size: 2rem;
  margin-top: 0;
  text-align: center;
}

.p-column_searched .is-sorted_article a {
  border-top: 1px solid #f0e6e6;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: space-between;
  line-height: 150%;
  padding: 1.6rem 0.8rem;
}

@media screen and (max-width: 768px) {
  .p-column_searched .is-sorted_article a {
    flex-direction: row !important;
  }
}

.p-column_searched .is-sorted_article a:last-child {
  border-bottom: 1px solid #f0e6e6;
}

.p-column_searched .is-sorted_article a:hover {
  background-color: #f9f9f9;
}

.p-column_searched .is-side_search {
  background: #fff;
  padding: 1.6rem;
}

.p-column_searched .is-side_search .search-form {
  width: 100%;
}

.p-column_searched .is-side_search .search-container {
  border-radius: 4px;
  display: flex;
  height: 34px;
  overflow: hidden;
}

.p-column_searched .is-side_search .search-input {
  border: 1px solid #999;
  border-radius: 4px 0 0 4px;
  border-right: none;
  padding: 0 1.2rem;
  width: 70.9677419355%;
}

.p-column_searched .is-side_search .search-input::placeholder {
  color: #999;
}

.p-column_searched .is-side_search .search-button {
  align-items: center;
  background-color: #d98e32;
  border: none;
  border-radius: 0 4px 4px 0;
  color: white;
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  justify-content: center;
  line-height: 240%;
  padding: 0;
  transition: background-color 0.2s ease;
  width: 29.0322580645%;
}

.p-column_searched .is-side_search .search-button:hover {
  opacity: 0.8;
}

.p-column_searched .is-side_search .search-button .search-icon {
  display: inline-flex;
  margin-right: 0.4rem;
  width: 1.6rem;
}

.p-contact {
  background: #faf7f7;
  padding: 0 0 4.8rem;
}

.p-contact .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-contact .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-contact .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

.p-contact .form-container {
  background-color: #fff;
  margin: 4.8rem auto 0;
  max-width: 720px;
  position: relative;
}

@media (max-width: 768px) {
  .p-contact .form-container {
    margin: 4.8rem 2rem 0;
  }
}

.p-contact .form-section {
  padding: 3.2rem 3.2rem 0;
}

.p-contact .form-section:nth-of-type(2),
.p-contact .form-section:nth-of-type(3) {
  padding: 6rem 3.2rem 0;
}

.p-contact .form-section:nth-of-type(2) .form-group:last-of-type,
.p-contact .form-section:nth-of-type(3) .form-group:last-of-type {
  margin-bottom: 0;
}

.p-contact .form-section:last-of-type {
  padding: 6rem 3.2rem 3.2rem;
}

.p-contact .section-title {
  color: #d98e32;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 2.4rem;
}

.p-contact .form-group {
  align-items: flex-start;
  display: flex;
  gap: 1.2rem;
  margin-bottom: 3.2rem;
}

@media (max-width: 768px) {
  .p-contact .form-group {
    flex-direction: column;
  }
}

.p-contact .form-group:nth-child(9) {
  margin-bottom: 0;
}

.p-contact .is-input_inner {
  width: 100%;
}

.p-contact .is-input_inner p {
  color: #999999;
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 100%;
  margin-top: 1.2rem;
}

.p-contact label {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 100%;
  width: 200px;
}

.p-contact .required {
  color: #ee032b;
  font-size: 1.2rem;
  font-weight: 500;
  margin-left: 0.8rem;
}

.p-contact input[type="text"],
.p-contact input[type="tel"],
.p-contact input[type="email"],
.p-contact select {
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  font-size: 14px;
  padding: 8px 10px;
  width: 100%;
}

.p-contact input[type="text"]::placeholder,
.p-contact input[type="tel"]::placeholder,
.p-contact input[type="email"]::placeholder,
.p-contact select::placeholder {
  color: #c4c4c4;
  font-size: 13px;
}

.p-contact .select-wrapper {
  display: flex;
  gap: 1.2rem;
  width: 100%;
}

.p-contact .select-wrapper select {
  flex: 1;
}

.p-contact .radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  width: 100%;
}

.p-contact .radio-option {
  align-items: center;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  color: #c4c4c4;
  cursor: pointer;
  display: flex;
  flex: 1;
  font-size: 1.4rem;
  font-weight: 300;
  padding: 1.3rem 1.2rem;
  padding-left: 3.5rem;
  position: relative;
  width: 33%;
}

.p-contact .radio-option input {
  appearance: none;
  height: 0;
  position: absolute;
  width: 0;
}

.p-contact .radio-option::before {
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  content: "";
  display: block;
  font-weight: 300;
  height: 14px;
  left: 1.3rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
}

.p-contact .radio-option::after {
  border-bottom: 1px solid #d98e32;
  border-left: 1px solid #d98e32;
  content: "";
  height: 5.5px;
  left: 1.6rem;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-60%) rotate(-45deg);
  width: 8.5px;
}

.p-contact .radio-option:has(input:checked) {
  background: #faf7eb;
  border-color: #d98e32;
  /* チェック時の外枠の色を変更 */
  color: #d98e32;
  font-weight: normal;
}

.p-contact .radio-option:has(input:checked)::before {
  background-color: #fff;
  /* チェック時のボックスの背景色を変更 */
  border-color: #d98e32;
}

.p-contact .radio-option:has(input:checked)::after {
  opacity: 1;
}

.p-contact .checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  width: 100%;
}

.p-contact .checkbox-option {
  align-items: center;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  color: #999999;
  display: flex;
  flex: 1;
  font-size: 1.4rem;
  font-weight: 300;
  padding: 1.3rem 1.2rem;
  width: 33%;
  /* チェックボックスの基本スタイルをリセット */
}

.p-contact .checkbox-option input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  aspect-ratio: 1/1;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  cursor: pointer;
  font: inherit;
  height: 14px;
  margin-right: 1rem;
  padding: 0;
  position: relative;
  width: 14px;
}

.p-contact .checkbox-option input[type="checkbox"]::after {
  border-bottom: 1px solid #d98e32;
  border-left: 1px solid #d98e32;
  content: "";
  height: 5.5px;
  left: 2px;
  opacity: 0;
  position: absolute;
  top: 3px;
  transform: rotate(-45deg);
  width: 8.5px;
}

.p-contact .checkbox-option input[type="checkbox"]:checked {
  border-color: #d98e32;
}

.p-contact .checkbox-option input[type="checkbox"]:checked::after {
  opacity: 1;
}

.p-contact .upload-button {
  background: #faf7eb;
  border-radius: 4px;
  color: #d98e32;
  cursor: pointer;
  display: block;
  padding: 0.8rem 1.2rem;
  text-align: center;
  width: 100%;
}

.p-contact .upload-button i {
  color: #d98e32;
  margin-right: 0.8rem;
}

.p-contact .upload-button span {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
}

.p-contact .upload-button:hover {
  opacity: 0.8;
}

.p-contact .address-group {
  margin-bottom: 10px;
  width: 100%;
}

.p-contact .address-group #address-line1,
.p-contact .address-group #address-line2 {
  margin-top: 1.2rem;
}

.p-contact .job-title {
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  line-height: 100%;
}

.p-contact .add {
  margin-top: 1.2rem;
  text-align: left;
  width: fit-content;
}

.p-contact .add button {
  border: 1px solid #d98e32;
  border-radius: 34px;
  color: #d98e32;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 180%;
  padding: 4px 12px;
  text-decoration: none;
}

.p-contact .add button:hover {
  background-color: #d98e32;
  color: #fff;
}

.p-contact .date-picker {
  display: flex;
  gap: 1.2rem;
  width: 100%;
}

.p-contact .date-picker select {
  flex: 1;
}

.p-contact .time-option {
  align-items: center;
  display: flex;
  justify-content: start;
  margin-top: 10px;
  /* チェックボックスの基本スタイルをリセット */
  /* チェックマークの作成 */
  /* チェック状態の時のスタイル */
}

.p-contact .time-option input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  cursor: pointer;
  font: inherit;
  height: 14px;
  margin-right: 1rem;
  padding: 0;
  position: relative;
  width: 14px;
}

.p-contact .time-option input[type="checkbox"]::after {
  border-bottom: 1px solid #d98e32;
  border-left: 1px solid #d98e32;
  content: "";
  height: 5.5px;
  left: 2px;
  opacity: 0;
  position: absolute;
  top: 3px;
  transform: rotate(-45deg);
  width: 8.5px;
}

.p-contact .time-option input[type="checkbox"]:checked {
  border-color: #d98e32;
}

.p-contact .time-option input[type="checkbox"]:checked::after {
  opacity: 1;
}

.p-contact .time-option label {
  color: #000;
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 100%;
}

.p-contact .privacy-policy {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  /* チェックボックスの基本スタイルをリセット */
  /* チェックマークの作成 */
  /* チェック状態の時のスタイル */
}

.p-contact .privacy-policy input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  cursor: pointer;
  font: inherit;
  height: 14px;
  margin-right: 1rem;
  padding: 0;
  position: relative;
  width: 14px;
}

.p-contact .privacy-policy input[type="checkbox"]::after {
  border-bottom: 1px solid #d98e32;
  border-left: 1px solid #d98e32;
  content: "";
  height: 5.5px;
  left: 2px;
  opacity: 0;
  position: absolute;
  top: 3px;
  transform: rotate(-45deg);
  width: 8.5px;
}

.p-contact .privacy-policy input[type="checkbox"]:checked {
  border-color: #d98e32;
}

.p-contact .privacy-policy input[type="checkbox"]:checked::after {
  opacity: 1;
}

.p-contact .privacy-policy label {
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 180%;
  width: fit-content;
}

.p-contact .privacy-policy label a {
  color: #0066c0;
  text-decoration: none;
}

.p-contact .privacy-policy label a:hover {
  text-decoration: underline;
}

.p-contact .submit-button {
  background-color: #ebbe17;
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  margin: 3.2rem auto 0;
  padding: 0.8rem 1.2rem;
  width: 24rem;
}

.p-contact .submit-button:hover {
  opacity: 0.8;
}

.p-contact select {
  color: #999999;
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 100%;
}

.p-confirm {
  background: #faf7f7;
}

.p-confirm .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-confirm .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-confirm .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 10rem;
  }
}

.p-confirm .is-inner_720 {
  padding: 4.8em 0;
}

@media screen and (max-width: 768px) {
  .p-confirm .is-inner_720 {
    padding: 2.4rem 2rem;
  }
}

.p-confirm__content {
  background: #fff;
  margin: 0 auto;
  max-width: 720px;
  padding: 3.2rem 3.2rem 4.8rem;
}

.p-confirm__content h2 {
  align-items: center;
  display: flex;
  font-size: 2.4rem;
  font-weight: bold;
  justify-content: space-between;
  line-height: 150%;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .p-confirm__content h2 {
    align-items: flex-start;
    flex-direction: column;
  }
}

.p-confirm__content h2 a span {
  border-bottom: 1px solid #d98e32;
  color: #d98e32;
  font-size: 1.4rem;
  font-weight: 500;
}

.p-confirm__content h2 a:hover {
  opacity: 0.8;
}

.p-confirm__content dl {
  align-items: flex-start;
  color: #111;
  display: flex;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  margin-top: 2.4rem;
}

@media screen and (max-width: 768px) {
  .p-confirm__content dl {
    flex-direction: column;
  }
}

.p-confirm__content dl:last-of-type dt {
  margin-top: 1.2rem;
}

.p-confirm__content dl:last-of-type dd {
  line-height: 200%;
}

.p-confirm__content dl dt {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 100%;
  margin-bottom: 3.2rem;
  width: 200px;
}

.p-confirm__content dl dd {
  font-weight: normal;
  line-height: 100%;
  margin-bottom: 3.2rem;
  width: 100%;
}

.p-confirm__content .privacy-policy {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  /* チェックボックスの基本スタイルをリセット */
  /* チェックマークの作成 */
  /* チェック状態の時のスタイル */
}

.p-confirm__content .privacy-policy input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  cursor: pointer;
  font: inherit;
  height: 14px;
  margin-right: 1rem;
  padding: 0;
  position: relative;
  width: 14px;
}

.p-confirm__content .privacy-policy input[type="checkbox"]::after {
  border-bottom: 1px solid #d98e32;
  border-left: 1px solid #d98e32;
  content: "";
  height: 5.5px;
  left: 2px;
  opacity: 0;
  position: absolute;
  top: 3px;
  transform: rotate(-45deg);
  width: 8.5px;
}

.p-confirm__content .privacy-policy input[type="checkbox"]:checked {
  border-color: #d98e32;
}

.p-confirm__content .privacy-policy input[type="checkbox"]:checked::after {
  opacity: 1;
}

.p-confirm__content .privacy-policy label {
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 180%;
  width: fit-content;
}

.p-confirm__content .privacy-policy label a {
  color: #0066c0;
  text-decoration: none;
}

.p-confirm__content .privacy-policy label a:hover {
  text-decoration: underline;
}

.p-confirm__content button {
  background-color: #d98e32;
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  margin: 3.2rem auto 0;
  padding: 0.8rem 1.2rem;
  width: 24rem;
}

.p-confirm__content button:hover {
  opacity: 0.8;
}

.p-confirm__content input {
  background-color: #d98e32;
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  margin: 3.2rem auto 0;
  padding: 0.8rem 1.2rem;
  width: 24rem;
}

.p-confirm__content input:hover {
  opacity: 0.8;
}

.p-faq {
  background: #faf7f7;
}

.p-faq .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-faq .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-faq .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 10rem;
  }
}

.p-faq .is-inner_720 {
  margin: 0 auto;
  max-width: 720px;
  padding: 4.8em 0;
}

@media screen and (max-width: 768px) {
  .p-faq .is-inner_720 {
    padding: 2.4rem 2rem;
  }
}

.p-faq .is-inner_720 .description {
  color: #000;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.666;
}

.p-faq .is-inner_720 .description a {
  border-bottom: 1px solid #000;
}

.p-faq .is-inner_720 .description a:hover {
  opacity: 0.7;
}

.p-faq__content {
  background: #fff;
  margin-top: 3.2rem;
  padding: 2rem 3.2rem 3.2rem;
}

.p-faq__content--title {
  line-height: 240%;
  margin-top: 0;
  text-align: left;
}

.p-faq__content--item {
  border-top: 1px solid #f0e6e6;
}

.p-faq__content--item:last-child {
  border-bottom: 1px solid #f0e6e6;
}

.p-faq__content--trigger {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: space-between;
  line-height: 150%;
  padding: 1.6rem 0.8rem;
  text-align: left;
  width: 100%;
  align-items: center;
}

.p-faq__content--trigger:hover {
  background-color: #f9f9f9;
}

.p-faq__content--trigger[aria-expanded="true"] .p-faq__content--icon {
  transform: rotate(180deg);
}

.p-faq__content--icon {
  height: 15px;
  transition: transform 0.3s ease;
  width: 15px;
}

.p-faq__content--content {
  overflow: hidden;
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
  max-height: 0;
  background: #fafafa;
}

.p-faq__content--content.is-open {
  max-height: 100%;
  padding: 1.6rem 0.8rem;
}

.p-faq__content--content.is-open p {
  font-size: 1.6rem;
  line-height: 150%;
}

.p-faq__content--content.is-open ul {
  font-size: 1.6rem;
  line-height: 150%;
}

.p-faq__content--content.is-open ul li {
  font-size: 1.6rem;
  line-height: 150%;
  text-indent: -1em;
  padding-left: 1em;
}

.p-faq__form {
  background: #fff;
}

.p-faq__form h2 {
  align-items: center;
  display: flex;
  font-size: 2.4rem;
  font-weight: bold;
  justify-content: space-between;
  line-height: 150%;
  margin-bottom: 2.4rem;
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .p-faq__form h2 {
    align-items: flex-start;
    flex-direction: column;
  }
}

.p-faq__form h2 a span {
  border-bottom: 1px solid #d98e32;
  color: #d98e32;
  font-size: 1.4rem;
  font-weight: 500;
}

.p-faq__form h2 a:hover {
  opacity: 0.8;
}

.p-faq__form-item {
  display: flex;
  gap: 1.2rem;
  margin-bottom: 20px;
}

.p-faq__form-item td {
  width: 100%;
}

.p-faq__form-item th {
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 100%;
  max-width: 20rem;
  text-align: left;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-faq__form-item {
    align-items: flex-start;
    flex-direction: column;
  }
}

.p-faq__form-label {
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 100%;
  width: 200px;
}

.p-faq__form-required {
  color: #ee032b;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 100%;
}

.p-faq__form .is-input_inner {
  max-width: 444px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-faq__form .is-input_inner {
    max-width: unset;
  }
}

.p-faq__form-input {
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 1.4rem;
  max-width: 444px;
  padding: 1.3rem 1.2rem;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-faq__form-input {
    max-width: unset;
  }
}

.p-faq__form-textarea {
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 1.4rem;
  height: 150px;
  max-width: 444px;
  padding: 8px;
  resize: vertical;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-faq__form-textarea {
    max-width: unset;
  }
}

.p-faq__form-example {
  color: #999;
  font-size: 1.4rem;
  font-weight: 300;
  margin-top: 1.2rem;
}

.p-faq__form-submit {
  margin-top: 30px;
  text-align: center;
}

.p-faq__form-button {
  background-color: #d98e32;
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  margin: 3.2rem auto 0;
  padding: 0.8rem 1.2rem;
  width: 24rem;
}

.p-faq__form-button:hover {
  opacity: 0.8;
}

.p-mypage {
  background: #faf7f7;
}

.p-mypage .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-mypage .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-mypage .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

.p-mypage__header {
  background: #fff;
  margin-bottom: 3.2rem;
  padding: 1.6rem;
}

.p-mypage__header h2 {
  margin-top: 0;
}

.p-mypage__header ul li {
  align-items: center;
  border-top: 1px solid #f0e6e6;
  color: #222;
  display: flex;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: space-between;
  line-height: 150%;
  padding: 1.6rem 0.8rem;
}

.p-mypage__header ul li a {
  display: block;
  height: 100%;
  width: 100%;
}

.p-mypage__header ul li:last-child {
  border-bottom: 1px solid #f0e6e6;
}

.p-mypage__header ul li span {
  color: #d98e32;
  font-weight: bold;
}

.p-mypage__header ul li i {
  background-image: url(../../common/images/common/icon_arw.svg);
  background-size: cover;
  height: 1.2rem;
  width: 1.2rem;
}

.p-mypage__header ul li:hover {
  background: #f5f5f5;
}

.p-mypage .reverse {
  display: flex;
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .p-mypage .reverse {
    flex-direction: column;
  }
}

.p-mypage .is-inner_content_right {
  margin-left: 0rem;
  margin-right: 2.4rem;
}

.p-mypage .is-search__tab__content {
  gap: 1.6rem;
  padding: unset;
}

.p-mypage .is-search__tab__content .is-offers__item {
  margin-bottom: 1.6rem;
}

.p-mypage .is-search__tab__content .is-offers__item:last-of-type {
  margin-bottom: unset;
}

.p-mypage .is-search__tab__content .is-offers__item .flex {
  border-bottom: 1px solid #e6e6e6;
  gap: 1.6rem;
  padding: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-mypage .is-search__tab__content .is-offers__item .flex {
    flex-direction: column;
  }
}

.p-mypage .is-search__tab__content .is-offers__item .flex .img-wrap {
  width: 44%;
}

@media screen and (max-width: 768px) {
  .p-mypage .is-search__tab__content .is-offers__item .flex .img-wrap {
    width: 100%;
  }
}

.p-mypage .is-search__tab__content .is-offers__item .flex .img-wrap img {
  height: 100%;
  width: 100%;
}

.p-mypage .is-search__tab__content .is-offers__item .flex .text-wrap {
  width: calc(56% - 1.6rem);
}

@media screen and (max-width: 768px) {
  .p-mypage .is-search__tab__content .is-offers__item .flex .text-wrap {
    width: 100%;
  }
}

.p-mypage .is-search__tab__content .is-offers__item .flex .text-wrap h3 {
  color: #d98e32;
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
}

.p-mypage .is-search__tab__content .is-offers__item .flex .text-wrap p {
  color: #666;
  font-size: 1.6rem;
  line-height: 180%;
}

.p-mypage .is-search__tab__content .is-offers__item .oneclick-apply {
  background: #d98e32;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  margin-top: 1.6rem;
  padding: 0.8rem 1.2rem;
}

.p-mypage .is-search__tab__content .is-offers__item .oneclick-apply:hover {
  opacity: 0.7;
}

.p-mypage-offers {
  margin: 4.8rem 0;
}

.p-mypage .sidebar-toggle {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  display: none;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1.2rem 1.6rem;
  position: relative;
  z-index: 99;
}

@media screen and (max-width: 768px) {
  .p-mypage .sidebar-toggle {
    display: inline-flex;
    position: fixed;
    top: 30%;
  }
}

.p-mypage .sidebar-toggle .toggle-arrow {
  transition: transform 0.3s ease;
}

.p-mypage .sidebar-toggle .toggle-arrow.open {
  transform: rotate(90deg);
}

.p-mypage .sidebar-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  z-index: 999;
}

.p-mypage .sidebar-overlay.active {
  display: block;
  opacity: 1;
}

.p-mypage .sidebar-nav {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  padding: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-mypage .sidebar-nav {
    border-radius: 0;
    display: block;
    height: 100%;
    left: -100%;
    max-width: 320px;
    overflow-y: auto;
    padding-top: 2rem;
    position: fixed;
    top: 0;
    transition: left 0.3s ease;
    width: 80%;
    z-index: 1000;
  }

  .p-mypage .sidebar-nav.open {
    left: 0;
    top: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .p-mypage .sidebar-nav ul {
    margin-top: 6rem;
  }
}

.p-mypage .sidebar-nav li {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 180%;
  margin-top: 1.2rem;
}

.p-mypage .sidebar-nav li:first-child {
  margin-top: 0;
}

.p-mypage .sidebar-nav li.active {
  background-color: #faf7f7;
  border-radius: 8px;
}

.p-mypage .sidebar-nav li.active a {
  color: #d98e32;
  font-weight: 500;
}

.p-mypage .sidebar-nav li a {
  color: #333;
  display: block;
  padding: 0.8rem 1rem;
  text-decoration: none;
  transition: background-color 0.2s;
}

.p-mypage .sidebar-nav li a:hover {
  background-color: #f5f5f5;
}

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

  .p-mypage .is-offers__item .is-offers__details dl,
  .p-mypage .is-offers_item_details dl {
    flex-direction: column;
  }
}

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

  .p-mypage .is-offers__item .is-offers__details dl dt,
  .p-mypage .is-offers_item_details dl dt {
    max-height: 25px;
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .p-mypage .buttons {
    flex-direction: column;
  }
}

.p-profile {
  background: #faf7f7;
}

.p-profile .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-profile .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-profile .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

.p-profile .reverse {
  display: flex;
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .p-profile .reverse {
    flex-direction: column;
  }
}

.p-profile .is-inner_content_right {
  margin-left: 0rem;
  margin-right: 2.4rem;
}

.p-profile .is-inner_content_left {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

.p-profile__content {
  background-color: #fff;
  padding: 1.6rem;
}

.p-profile__content .p-profile__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.p-profile__content .p-profile__header h2 {
  line-height: 240%;
  margin-top: 0;
}

.p-profile__content .p-profile__header .edit-button {
  background-color: #fff;
  border: 1px solid #ebbe17;
  border-radius: 4px;
  color: #ebbe17;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  max-width: 10rem;
  padding: 0.4rem 1.6rem;
  transition: all 0.3s ease;
}

.p-profile__content .p-profile__header .edit-button:hover {
  background-color: #ebbe17;
  color: #fff;
}

.p-profile__content table {
  border-collapse: collapse;
  width: 100%;
}

.p-profile__content table tr {
  align-items: center;
  border-top: 1px solid #f0e6e6;
  display: flex;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 150%;
  padding: 1.6rem 0.8rem;
  text-align: left;
}

.p-profile__content table tr:last-child {
  border-bottom: 1px solid #f0e6e6;
}

.p-profile__content table tr:hover {
  background: #f5f5f5;
}

.p-profile__content table tr th {
  width: 24rem;
}

.p-profile__content table tr th .private-tag {
  background-color: #faf7f7;
  border: 1px solid #ebbe17;
  border-radius: 4px;
  color: #ebbe17;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 100%;
  margin-left: 0.8rem;
  padding: 0.4rem;
}

.p-profile__content table tr td {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 24rem);
}

.p-profile__content table tr td i {
  margin-left: auto;
  min-width: 16px !important;
}

.p-profile__content table tr td i img {
  vertical-align: middle;
}

.p-profile__policy {
  background: #fff;
  margin-bottom: 4.8rem;
  padding: 0.8rem 1.6rem;
}

.p-profile__policy a {
  display: block;
  padding: 1rem;
  position: relative;
  /* これでアイコンの位置指定が正しく機能する */
  text-decoration: none;
  /* デフォルトのリンク下線を削除 */
}

.p-profile__policy a h2 {
  align-items: center;
  margin: 0;
  position: relative;
  /* Add position relative */
  text-align: center;
}

.p-profile__policy a h2 i {
  position: absolute;
  /* Position absolutely */
  right: 0;
  /* Align to the right */
}

.p-profile__policy a h2 i img {
  vertical-align: middle;
}

.p-profile__policy a:hover {
  background: #f5f5f5;
}

.p-profile .sidebar-toggle {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  display: none;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1.2rem 1.6rem;
  position: relative;
  z-index: 99;
}

@media screen and (max-width: 768px) {
  .p-profile .sidebar-toggle {
    display: inline-flex;
    position: fixed;
    top: 30%;
  }
}

.p-profile .sidebar-toggle .toggle-arrow {
  transition: transform 0.3s ease;
}

.p-profile .sidebar-toggle .toggle-arrow.open {
  transform: rotate(90deg);
}

.p-profile .sidebar-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  z-index: 999;
}

.p-profile .sidebar-overlay.active {
  display: block;
  opacity: 1;
}

.p-profile .sidebar-nav {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  padding: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-profile .sidebar-nav {
    border-radius: 0;
    display: block;
    height: 100%;
    left: -100%;
    max-width: 320px;
    overflow-y: auto;
    padding-top: 2rem;
    position: fixed;
    top: 0;
    transition: left 0.3s ease;
    width: 80%;
    z-index: 1000;
  }

  .p-profile .sidebar-nav.open {
    left: 0;
    top: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .p-profile .sidebar-nav ul {
    margin-top: 6rem;
  }
}

.p-profile .sidebar-nav li {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 180%;
  margin-top: 1.2rem;
}

.p-profile .sidebar-nav li:first-child {
  margin-top: 0;
}

.p-profile .sidebar-nav li.active {
  background-color: #faf7f7;
  border-radius: 8px;
}

.p-profile .sidebar-nav li.active a {
  color: #d98e32;
  font-weight: 500;
}

.p-profile .sidebar-nav li a {
  color: #333;
  display: block;
  padding: 0.8rem 1rem;
  text-decoration: none;
  transition: background-color 0.2s;
}

.p-profile .sidebar-nav li a:hover {
  background-color: #f5f5f5;
}

@media screen and (max-width: 768px) {
  .p-profile .p-profile__content table tr {
    flex-direction: column;
  }

  .p-profile .p-profile__content table tr th,
  .p-profile .p-profile__content table tr td {
    width: 100%;
  }

  .p-profile .p-profile__content table tr th {
    align-items: center;
    display: flex;
  }

  .p-profile .p-profile__content table tr th .private-tag {
    font-size: 1.1rem;
    margin-left: 0.6rem;
  }

  .p-profile .p-profile__content table tr td {
    justify-content: space-between;
    padding-left: 1rem;
  }

  .p-profile .p-profile__content table tr td i {
    margin-left: auto;
  }
}

.p-message {
  background: #faf7f7;
}

.p-message .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-message .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-message .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

.p-message .reverse {
  display: flex;
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .p-message .reverse {
    flex-direction: column;
  }
}

.p-message .is-inner_content_right {
  margin-left: 0rem;
  margin-right: 2.4rem;
}

.p-message .is-inner_content_left {
  display: flex;
  flex-direction: column;
}

.p-message .tab-container .tabs {
  border-bottom: 2px solid #f0f0f0;
  display: flex;
}

@media (max-width: 768px) {
  .p-message .tab-container .tabs {
    width: 100%;
  }
}

.p-message .tab-container .tabs .tab {
  background: #faf7eb;
  color: #999999;
  cursor: pointer;
  font-size: 1.8rem;
  line-height: 240%;
  padding: 1.6rem;
  width: 50%;
}

@media (max-width: 768px) {
  .p-message .tab-container .tabs .tab {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 1rem;
    text-align: center;
    width: 50%;
  }
}

.p-message .tab-container .tabs .tab.active {
  background: #ffffff;
  border-bottom: 2px solid #ebbe17;
  color: #ebbe17;
  font-weight: bold;
}

.p-message .tab-container .tabs .tab .badge {
  align-items: center;
  background: #ee032b;
  border-radius: 50%;
  color: white;
  display: inline-flex;
  font-size: 1.4rem;
  font-weight: bold;
  height: 2.4rem;
  justify-content: center;
  margin-left: 0.8rem;
  padding: 0;
  width: 2.4rem;
}

.badge {
  align-items: center;
  background: #ee032b;
  border-radius: 50%;
  color: white;
  display: inline-flex;
  font-size: 1.4rem;
  font-weight: bold;
  height: 2.4rem;
  justify-content: center;
  margin-left: 0.8rem;
  padding: 0;
  width: 2.4rem;
}

@media (max-width: 768px) {
  .p-message .tab-container .tabs .tab .badge {
    font-size: 1.2rem;
    padding: 1px 6px;
  }

  .badge {
    font-size: 1.2rem;
    padding: 1px 6px;
  }
}

.p-message .tab-container .tab-content {
  display: none;
}

.p-message .tab-container .tab-content.active {
  display: block;
}

.p-message .message-table {
  border-collapse: collapse;
  width: 100%;
}

.p-message .message-table tr {
  background: #ffffff;
  border-bottom: 1px solid #f0e6e6;
  display: flex;
  gap: 1.6rem;
}

@media (max-width: 768px) {
  .p-message .message-table tr {
    flex-direction: column;
    gap: 0;
  }
}

.p-message .message-table td {
  vertical-align: top;
}

.p-message .message-table .image {
  box-sizing: content-box;
  min-width: 126px !important;
  padding: 1.6rem 0 1.6rem 1.6rem;
  width: 12.6rem !important;
}

@media (max-width: 768px) {
  .p-message .message-table .image {
    min-width: 100% !important;
    padding: 1.6rem 1.6rem 0.8rem 1.6rem;
    width: 100% !important;
  }

  .p-message .message-table .image img {
    height: auto !important;
    max-height: 200px !important;
    min-height: auto !important;
    min-width: auto !important;
    object-fit: cover;
    object-position: center top;
    width: 100% !important;
  }
}

.p-message .message-table .image img {
  display: block;
  height: 126px !important;
  min-height: 126px !important;
  min-width: 126px !important;
  object-fit: cover;
  object-position: center;
  width: 12.6rem !important;
}

.p-message .message-table .content {
  padding: 1.6rem 1.6rem 1.6rem 0;
  width: 100%;
}

@media (max-width: 768px) {
  .p-message .message-table .content {
    padding: 0 1.6rem 1.6rem 1.6rem;
  }
}

.p-message .message-table .content .title {
  color: #ebbe17;
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
}

@media (max-width: 768px) {
  .p-message .message-table .content .title {
    font-size: 1.8rem;
  }
}

.p-message .message-table .content .description {
  color: #666;
  font-size: 1.4rem;
  letter-spacing: -0.01em;
  line-height: 180%;
  margin-top: 0.4rem;
}

@media (max-width: 768px) {
  .p-message .message-table .content .description {
    font-size: 1.3rem;
  }
}

.p-message .message-table .content .tags {
  display: flex;
  gap: 0.8rem;
  margin-top: 0.8rem;
}

@media (max-width: 768px) {
  .p-message .message-table .content .tags {
    flex-wrap: wrap;
  }
}

.p-message .message-table .content .tags .tag {
  border: 1px solid #ebbe17;
  border-radius: 4px;
  color: #ebbe17;
  font-size: 1rem;
  font-weight: 500;
  line-height: 180%;
  padding: 0.2rem 0.8rem;
}

.p-message .message-table .content .date {
  color: #808080;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 180%;
  margin-top: -1rem;
  text-align: right;
}

@media (max-width: 768px) {
  .p-message .message-table .content .date {
    margin-top: 0.8rem;
  }
}

.p-message .sidebar-toggle {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  display: none;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1.2rem 1.6rem;
  position: relative;
  z-index: 99;
}

@media screen and (max-width: 768px) {
  .p-message .sidebar-toggle {
    display: inline-flex;
    position: fixed;
    top: 30%;
  }
}

.p-message .sidebar-toggle .toggle-arrow {
  transition: transform 0.3s ease;
}

.p-message .sidebar-toggle .toggle-arrow.open {
  transform: rotate(90deg);
}

.p-message .sidebar-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  z-index: 999;
}

.p-message .sidebar-overlay.active {
  display: block;
  opacity: 1;
}

.p-message .sidebar-nav {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  padding: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-message .sidebar-nav {
    border-radius: 0;
    display: block;
    height: 100%;
    left: -100%;
    max-width: 320px;
    overflow-y: auto;
    padding-top: 2rem;
    position: fixed;
    top: 0;
    transition: left 0.3s ease;
    width: 80%;
    z-index: 1000;
  }

  .p-message .sidebar-nav.open {
    left: 0;
    top: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .p-message .sidebar-nav ul {
    margin-top: 6rem;
  }
}

.p-message .sidebar-nav li {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 180%;
  margin-top: 1.2rem;
}

.p-message .sidebar-nav li:first-child {
  margin-top: 0;
}

.p-message .sidebar-nav li.active {
  background-color: #faf7f7;
  border-radius: 8px;
}

.p-message .sidebar-nav li.active a {
  color: #d98e32;
  font-weight: 500;
}

.p-message .sidebar-nav li a {
  color: #333;
  display: block;
  padding: 0.8rem 1rem;
  text-decoration: none;
  transition: background-color 0.2s;
}

.p-message .sidebar-nav li a:hover {
  background-color: #f5f5f5;
}

.p-message .is-pagination {
  margin-bottom: 4.8rem;
}

.p-interview {
  background: #faf7f7;
}

.p-interview .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-interview .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-interview .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

.p-interview .reverse {
  display: flex;
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .p-interview .reverse {
    flex-direction: column;
  }
}

.p-interview .is-inner_content_right {
  margin-left: 0rem;
  margin-right: 2.4rem;
}

.p-interview .is-inner_content_left {
  display: flex;
  flex-direction: column;
  margin-bottom: 4.8rem;
}

.p-interview .message-item {
  border-bottom: 1px solid #f0e6e6;
  border-radius: 8px !important;
}

@media (max-width: 768px) {
  .p-interview .message-item {
    margin-bottom: 1.2rem;
  }
}

.p-interview .message-status {
  background: #fff;
  padding: 1.6rem 1.6rem 1.2rem 1.6rem;
}

.p-interview .message-status ul {
  display: flex;
  gap: 1.6rem;
}

@media (max-width: 768px) {
  .p-interview .message-status ul {
    flex-direction: column;
    gap: 0.4rem;
  }
}

.p-interview .message-status li {
  color: #333;
  font-size: 1.4rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 180%;
}

.p-interview .message-status li span {
  background: #ebbe17;
  border-radius: 4px;
  color: white;
  margin-right: 0.4rem;
  padding: 0 0.8rem;
}

.p-interview .message-status li.selection-status span {
  background: #ebbe17;
}

.p-interview .message-table {
  border-collapse: collapse;
  width: 100%;
}

.p-interview .message-table tr {
  background: #ffffff;
  border-bottom: none;
  display: flex;
  gap: 1.6rem;
}

@media (max-width: 768px) {
  .p-interview .message-table tr {
    flex-direction: column;
    gap: 0;
  }
}

.p-interview .message-table td {
  vertical-align: top;
}

.p-interview .message-table .image {
  box-sizing: content-box;
  min-width: 126px !important;
  padding: 0 0 1.6rem 1.6rem;
  width: 12.6rem !important;
}

@media (max-width: 768px) {
  .p-interview .message-table .image {
    min-width: 100% !important;
    padding: 0 1.6rem 0.8rem 1.6rem;
    width: 100% !important;
  }

  .p-interview .message-table .image img {
    height: auto !important;
    max-height: 200px !important;
    min-height: auto !important;
    min-width: auto !important;
    object-fit: cover;
    object-position: center top;
    width: 100% !important;
  }
}

.p-interview .message-table .image img {
  display: block;
  height: 126px !important;
  min-height: 126px !important;
  min-width: 126px !important;
  object-fit: cover;
  object-position: center;
  width: 12.6rem !important;
}

.p-interview .message-table .content {
  padding: 0 1.6rem 1.6rem 0;
  width: 100%;
}

@media (max-width: 768px) {
  .p-interview .message-table .content {
    padding: 0 1.6rem 1.6rem 1.6rem;
  }
}

.p-interview .message-table .content .title {
  color: #ebbe17;
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
  margin: 0 0 0.4rem 0;
}

@media (max-width: 768px) {
  .p-interview .message-table .content .title {
    font-size: 1.8rem;
  }
}

.p-interview .message-table .content .description {
  color: #666;
  font-size: 1.4rem;
  letter-spacing: -0.01em;
  line-height: 180%;
  margin-bottom: 0.8rem;
  margin-top: 0.4rem;
  padding: 0.8rem 0;
}

@media (max-width: 768px) {
  .p-interview .message-table .content .description {
    font-size: 1.3rem;
  }
}

.p-interview .message-table .content .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 0.8rem;
  padding: 0;
}

.p-interview .message-table .content .tags .tag {
  border: 1px solid #ebbe17;
  border-radius: 4px;
  color: #ebbe17;
  font-size: 1rem;
  font-weight: 500;
  line-height: 180%;
  list-style: none;
  padding: 0.2rem 0.8rem;
}

.p-interview .message-table .content .date {
  color: #808080;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 180%;
  margin-top: 0.6rem;
  text-align: right;
}

@media (max-width: 768px) {
  .p-interview .message-table .content .date {
    margin-top: 0.8rem;
  }
}

.p-interview .sidebar-toggle {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  display: none;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1.2rem 1.6rem;
  position: relative;
  z-index: 99;
}

@media screen and (max-width: 768px) {
  .p-interview .sidebar-toggle {
    display: inline-flex;
    position: fixed;
    top: 30%;
  }
}

.p-interview .sidebar-toggle .toggle-arrow {
  transition: transform 0.3s ease;
}

.p-interview .sidebar-toggle .toggle-arrow.open {
  transform: rotate(90deg);
}

.p-interview .sidebar-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  z-index: 999;
}

.p-interview .sidebar-overlay.active {
  display: block;
  opacity: 1;
}

.p-interview .sidebar-nav {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  padding: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-interview .sidebar-nav {
    border-radius: 0;
    display: block;
    height: 100%;
    left: -100%;
    max-width: 320px;
    overflow-y: auto;
    padding-top: 2rem;
    position: fixed;
    top: 0;
    transition: left 0.3s ease;
    width: 80%;
    z-index: 1000;
  }

  .p-interview .sidebar-nav.open {
    left: 0;
    top: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .p-interview .sidebar-nav ul {
    margin-top: 6rem;
  }
}

.p-interview .sidebar-nav li {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 180%;
  margin-top: 1.2rem;
}

.p-interview .sidebar-nav li:first-child {
  margin-top: 0;
}

.p-interview .sidebar-nav li.active {
  background-color: #faf7f7;
  border-radius: 8px;
}

.p-interview .sidebar-nav li.active a {
  color: #d98e32;
  font-weight: 500;
}

.p-interview .sidebar-nav li a {
  color: #333;
  display: block;
  padding: 0.8rem 1rem;
  text-decoration: none;
  transition: background-color 0.2s;
}

.p-interview .sidebar-nav li a:hover {
  background-color: #f5f5f5;
}

.p-applied {
  background: #faf7f7;
}

.p-applied .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-applied .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-applied .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

.p-applied .reverse {
  display: flex;
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .p-applied .reverse {
    flex-direction: column;
  }
}

.p-applied .is-inner_content_right {
  margin-left: 0rem;
  margin-right: 2.4rem;
}

.p-applied .is-inner_content_left {
  display: flex;
  flex-direction: column;
}

.p-applied .accordion {
  background: #fff;
  border-bottom: 1px solid #f0e6e6;
  overflow: hidden;
}

.p-applied .accordion:first-of-type {
  border-radius: 8px 8px 0 0;
}

.p-applied .accordion:last-of-type {
  border-radius: 0 0 8px 8px;
  margin-bottom: 4.8rem;
}

.p-applied .accordion .accordion-header {
  align-items: center;
  background: #fff;
  color: #ebbe17;
  cursor: pointer;
  display: flex;
  font-weight: bold;
  justify-content: space-between;
  padding: 1.6rem;
}

.p-applied .accordion .accordion-header:hover {
  background: #f9f9f9;
}

.p-applied .accordion .accordion-toggle {
  cursor: pointer;
  width: fit-content;
}

.p-applied .accordion .accordion-content {
  display: none;
  padding: 1.6rem;
}

.p-applied .accordion .is-table_inner {
  background: #fafafa;
  padding: 1.6rem;
}

.p-applied .accordion .job-table {
  border-collapse: collapse;
  padding: 1.6rem;
  width: 100%;
}

.p-applied .accordion .job-table tr {
  border-bottom: 1px solid #f0e6e6;
}

@media screen and (max-width: 768px) {
  .p-applied .accordion .job-table tr {
    display: flex;
    flex-direction: column;
  }
}

.p-applied .accordion .job-table th,
.p-applied .accordion .job-table td {
  align-content: center;
  font-size: 1.6rem;
  line-height: 180%;
  padding: 1.6rem 0;
}

.p-applied .accordion .job-table th {
  font-weight: bold;
  text-align: left;
  width: 20rem;
}

.p-applied .accordion .view-job {
  background: #fff;
  border: 1px solid #ebbe17;
  border-radius: 4px;
  color: #ebbe17;
  cursor: pointer;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  margin-top: 1.6rem;
  max-width: 151px;
  padding: 0.8rem 1.6rem;
  text-align: center;
}

.p-applied .accordion .view-job:hover {
  background: #ebbe17;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .p-applied .accordion .view-job {
    max-width: 100%;
  }
}

.p-applied .sidebar-toggle {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  display: none;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1.2rem 1.6rem;
  position: relative;
  z-index: 99;
}

@media screen and (max-width: 768px) {
  .p-applied .sidebar-toggle {
    display: inline-flex;
    position: fixed;
    top: 30%;
  }
}

.p-applied .sidebar-toggle .toggle-arrow {
  transition: transform 0.3s ease;
}

.p-applied .sidebar-toggle .toggle-arrow.open {
  transform: rotate(90deg);
}

.p-applied .sidebar-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  z-index: 999;
}

.p-applied .sidebar-overlay.active {
  display: block;
  opacity: 1;
}

.p-applied .sidebar-nav {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  padding: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-applied .sidebar-nav {
    border-radius: 0;
    display: block;
    height: 100%;
    left: -100%;
    max-width: 320px;
    overflow-y: auto;
    padding-top: 2rem;
    position: fixed;
    top: 0;
    transition: left 0.3s ease;
    width: 80%;
    z-index: 1000;
  }

  .p-applied .sidebar-nav.open {
    left: 0;
    top: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .p-applied .sidebar-nav ul {
    margin-top: 6rem;
  }
}

.p-applied .sidebar-nav li {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 180%;
  margin-top: 1.2rem;
}

.p-applied .sidebar-nav li:first-child {
  margin-top: 0;
}

.p-applied .sidebar-nav li.active {
  background-color: #faf7f7;
  border-radius: 8px;
}

.p-applied .sidebar-nav li.active a {
  color: #d98e32;
  font-weight: 500;
}

.p-applied .sidebar-nav li a {
  color: #333;
  display: block;
  padding: 0.8rem 1rem;
  text-decoration: none;
  transition: background-color 0.2s;
}

.p-applied .sidebar-nav li a:hover {
  background-color: #f5f5f5;
}

.p-cv {
  background: #faf7f7;
}

.p-cv .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-cv .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-cv .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

.p-cv .reverse {
  display: flex;
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .p-cv .reverse {
    flex-direction: column;
  }
}

.p-cv .is-inner_content_right {
  margin-bottom: 4.8rem;
  margin-left: 0rem;
  margin-right: 2.4rem;
}

.p-cv .is-inner_content_left {
  display: flex;
  flex-direction: column;
}

.p-cv__contents {
  background: #fff;
  margin-bottom: 4.8rem;
  padding: 0.8rem 1.6rem;
}

.p-cv__contents:first-of-type {
  margin-bottom: 3.2rem;
}

.p-cv__contents h2 {
  line-height: 240%;
  margin-top: 0;
}

.p-cv__contents--description {
  font-size: 1.4rem;
  line-height: 180%;
}

.p-cv__contents--actions {
  display: flex;
  gap: 1.2rem;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .p-cv__contents--actions {
    flex-direction: column;
  }
}

.p-cv__contents--button {
  background: #faf7eb;
  border: none;
  border-radius: 4px;
  color: #d98e32;
  cursor: pointer;
  font-size: 1.6rem;
  margin-top: 0.8rem;
  padding: 0.8rem 1.2rem;
}

.p-cv__contents--button:hover {
  opacity: 0.8;
}

.p-cv__contents--profile {
  color: #d98e32;
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 180%;
  margin-top: 0.8rem;
  padding-bottom: 1.6rem;
}

.p-cv__contents--profile:hover {
  text-decoration: underline;
}

.p-cv__contents--note {
  font-size: 1.4rem;
  line-height: 180%;
}

.p-cv__contents .flex {
  align-items: center;
  border-top: 1px solid #f0e6e6;
  justify-content: space-between;
  padding: 1.6rem 0;
}

@media screen and (max-width: 768px) {
  .p-cv__contents .flex {
    flex-direction: column;
  }
}

.p-cv__contents--send {
  background: #faf7eb;
  border: none;
  border-radius: 64px;
  color: #ebbe17;
  cursor: pointer;
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 180%;
  max-width: 13.6rem;
  padding: 0.2rem 1.2rem;
}

@media screen and (max-width: 768px) {
  .p-cv__contents--send {
    margin-top: 1.6rem;
  }
}

.p-cv__contents--send:hover {
  opacity: 0.8;
}

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

.p-cv__contents li {
  align-items: center;
  border-bottom: 1px solid #f0e6e6;
  display: flex;
  padding: 1.6rem 0;
}

.p-cv__contents li:first-child {
  border-top: 1px solid #f0e6e6;
}

@media screen and (max-width: 768px) {
  .p-cv__contents li {
    align-items: anchor-center;
    justify-content: space-between;
  }

  .p-cv__contents li p {
    width: 70%;
  }

  .p-cv__contents li button:first-of-type {
    margin-right: 0 !important;
  }

  .p-cv__contents .buttons {
    align-items: flex-end;
  }
}

.p-cv__contents li p {
  font-size: 2rem;
  font-weight: 500;
  line-height: 150%;
  width: 100%;
}

.p-cv__contents li p span {
  color: #808080;
  font-size: 1rem;
  line-height: 180%;
  margin-top: 0.4rem;
  width: 53rem;
}

.p-cv__contents .buttons {
  margin-top: 0;
}

.p-cv__contents li button {
  border-radius: 64px;
  color: #ebbe17;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0.2rem 1.2rem;
}

.p-cv__contents li button:first-of-type {
  border: 1px solid #ebbe17;
  margin-right: 0.8rem;
  width: 100px;
}

.p-cv__contents li button:first-of-type:hover {
  background: #ebbe17;
  color: #fff;
}

.p-cv__contents li button:last-of-type {
  background: #faf7eb;
  width: 43px;
}

.p-cv__contents li button:last-of-type:hover {
  opacity: 0.8;
}

.p-cv .sidebar-toggle {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  display: none;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1.2rem 1.6rem;
  position: relative;
  z-index: 99;
}

@media screen and (max-width: 768px) {
  .p-cv .sidebar-toggle {
    display: inline-flex;
    position: fixed;
    top: 30%;
  }
}

.p-cv .sidebar-toggle .toggle-arrow {
  transition: transform 0.3s ease;
}

.p-cv .sidebar-toggle .toggle-arrow.open {
  transform: rotate(90deg);
}

.p-cv .sidebar-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  z-index: 999;
}

.p-cv .sidebar-overlay.active {
  display: block;
  opacity: 1;
}

.p-cv .sidebar-nav {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  padding: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-cv .sidebar-nav {
    border-radius: 0;
    display: block;
    height: 100%;
    left: -100%;
    max-width: 320px;
    overflow-y: auto;
    padding-top: 2rem;
    position: fixed;
    top: 0;
    transition: left 0.3s ease;
    width: 80%;
    z-index: 1000;
  }

  .p-cv .sidebar-nav.open {
    left: 0;
    top: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .p-cv .sidebar-nav ul {
    margin-top: 6rem;
  }
}

.p-cv .sidebar-nav li {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 180%;
  margin-top: 1.2rem;
}

.p-cv .sidebar-nav li:first-child {
  margin-top: 0;
}

.p-cv .sidebar-nav li.active {
  background-color: #faf7f7;
  border-radius: 8px;
}

.p-cv .sidebar-nav li.active a {
  color: #d98e32;
  font-weight: 500;
}

.p-cv .sidebar-nav li a {
  color: #333;
  display: block;
  padding: 0.8rem 1rem;
  text-decoration: none;
  transition: background-color 0.2s;
}

.p-cv .sidebar-nav li a:hover {
  background-color: #f5f5f5;
}

.p-inform {
  background: #faf7f7;
}

.p-inform .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-inform .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-inform .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

.p-inform .reverse {
  display: flex;
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .p-inform .reverse {
    flex-direction: column;
  }
}

.p-inform .is-inner_content_left {
  margin-bottom: 4.8rem;
}

.p-inform .is-inner_content_right {
  margin-left: 0rem;
  margin-right: 2.4rem;
}

.p-inform .is-modal01 {
  background: white;
  margin-bottom: 4.8rem;
  opacity: 1;
  /* 最初から表示 */
  padding: 1.6rem;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  visibility: visible;
  /* 最初から表示 */
}

.p-inform .is-modal01.hidden {
  opacity: 0;
  /* バツボタンで非表示にする */
  visibility: hidden;
}

.p-inform .is-modal01 .modal-close {
  cursor: pointer;
  display: inline-block;
}

.p-inform .is-modal01 .flex {
  align-items: center;
  justify-content: space-between;
}

.p-inform .is-modal01 h2 {
  color: #000;
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
}

.p-inform .is-modal01 p {
  color: #666;
  font-size: 1.4rem;
  line-height: 180%;
}

.p-inform .is-modal01 ul {
  margin-top: 0.8rem;
}

.p-inform .is-modal01 ul li {
  color: #666;
  font-size: 1.4rem;
  line-height: 180%;
}

.p-inform .is-modal01 .pink {
  color: #ebbe17;
}

.p-inform__form {
  background-color: #fff;
  border-radius: 8px;
  padding: 3.2rem 3.2rem 4.8rem;
}

.p-inform__form--fieldset {
  border: none;
  margin-bottom: 3.2rem;
}

.p-inform__form--group {
  align-items: flex-start;
  display: flex;
  gap: 1.2rem;
}

.p-inform__form legend {
  flex-shrink: 0;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 180%;
  width: 200px;
}

.p-inform__form legend span {
  color: #ee032b;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 100%;
}

.p-inform__form .p-inform__form--options {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.p-inform__form .p-inform__form--radio {
  align-items: center;
  border: 1px solid #999999;
  border-radius: 4px;
  color: #222;
  cursor: pointer;
  display: flex;
  flex: 1 1 calc(33.333% - 10px);
  font-size: 1.4rem;
  padding: 1.2rem;
  position: relative;
  /* Add this to create the checkmark */
}

.p-inform__form .p-inform__form--radio input {
  appearance: none;
  height: 0;
  position: absolute;
  width: 0;
}

.p-inform__form .p-inform__form--radio::before {
  aspect-ratio: 1/1;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  content: "";
  display: block;
  height: 1.4rem;
  margin-right: 1rem;
  width: 1.4rem;
}

.p-inform__form .p-inform__form--radio:has(input:checked)::before {
  background-color: #ebbe17;
  background-image: url("../../common/images/common/icon_check03.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  /* Adjust based on your SVG size */
  border-color: #ebbe17;
  content: "";
}

.p-inform__form .p-inform__form--radio:has(input:checked) {
  background: #faf7eb;
  border-color: #ebbe17;
  color: #ebbe17;
  font-weight: bold;
}

.p-inform__form--options {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.p-inform__form--options .p-inform__form--radio {
  border: 1px solid #999;
  display: flex;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 0.04em;
  line-height: 180%;
  padding: 1.3rem 1.2rem;
  width: 100%;
}

.p-inform__form--options .p-inform__form--radio input {
  width: fit-content;
}

.p-inform__form-item {
  display: flex;
  gap: 1.2rem;
  margin-bottom: 3.2rem;
}

.p-inform__form-label {
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 100%;
  width: 200px;
}

.p-inform__form-required {
  color: red;
  font-size: 12px;
}

.p-inform__form-input {
  border: 1px solid #999999;
  border-radius: 4px;
  font-size: 1.4rem;
  padding: 1.3rem 1.2rem;
  width: 100%;
}

.p-inform__form-example {
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 1;
  margin-top: 1.2rem;
}

.p-inform__form-select {
  border: 1px solid #999999;
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 100%;
  padding: 1.3rem 1.2rem;
  width: 100%;
}

.p-inform__form .p-inform__form-item {
  align-items: flex-start;
  display: flex;
  gap: 12px;
}

.p-inform__form .p-inform__form-label {
  flex-shrink: 0;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 4%;
  line-height: 180%;
  min-width: 200px;
}

.p-inform__form .p-inform__form-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: calc(100% - 200px);
}

.p-inform__form .p-inform__form--radio {
  align-items: center;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  display: flex;
  flex: 1 1 calc(50% - 6px);
  /* Changed to match your 2-column layout */
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  line-height: 180%;
  padding: 1.3rem 1.2rem;
  position: relative;
}

.p-inform__form .p-inform__form--radio input {
  appearance: none;
  height: 0;
  position: absolute;
  width: 0;
}

.p-inform__form .p-inform__form--radio::before {
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  content: "";
  display: block;
  height: 14px;
  margin-right: 8px;
  width: 14px;
}

.p-inform__form .p-inform__form--radio:has(input:checked)::before {
  background-color: #ebbe17;
  background-image: url("../../common/images/common/icon_check03.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  border-color: #ebbe17;
  content: "";
}

.p-inform__form .p-inform__form--radio:has(input:checked) {
  background: #faf7eb;
  border-color: #ebbe17;
  color: #ebbe17;
  font-weight: bold;
}

.p-inform__form-textarea {
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  height: 240px;
  padding: 8px;
  width: calc(100% - 200px);
}

.p-inform .is-input_inner {
  display: flex;
  flex-direction: column;
  width: calc(100% - 200px);
}

.p-inform .select-wrapper {
  display: flex;
  gap: 1.2rem;
  width: calc(100% - 200px);
}

.p-inform .accordion {
  border-bottom: 1px solid #f0e6e6;
  margin-bottom: 4.8rem;
  overflow: hidden;
}

.p-inform .accordion-header {
  align-items: center;
  background-color: #ffffff;
  border-bottom: 1px solid #f0e6e6;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 1.6rem 0;
}

.p-inform .accordion-toggle {
  cursor: pointer;
  width: fit-content;
}

.p-inform .accordion-content {
  background-color: #f9f9f9;
  display: none;
  margin-top: 1.6rem;
  padding: 1.6rem;
}

.p-inform .p-faq__content--icon {
  height: 24px;
  transition: transform 0.3s ease;
  width: 24px;
}

.p-inform .document-list {
  background-color: #fafafa;
}

.p-inform .document-list p,
.p-inform .document-list li {
  color: #666;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 180%;
}

.p-inform .submit-button {
  background-color: #ebbe17;
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  margin: 3.2rem auto 0;
  padding: 0.8rem 1.2rem;
  width: 24rem;
}

.p-inform .submit-button:hover {
  opacity: 0.8;
}

.p-inform .sidebar-toggle {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  display: none;
  font-size: 1.6rem;
  font-weight: 500;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1.2rem 1.6rem;
  position: relative;
  z-index: 99;
}

@media screen and (max-width: 768px) {
  .p-inform .sidebar-toggle {
    display: inline-flex;
    position: fixed;
    top: 30%;
  }
}

.p-inform .sidebar-toggle .toggle-arrow {
  transition: transform 0.3s ease;
}

.p-inform .sidebar-toggle .toggle-arrow.open {
  transform: rotate(90deg);
}

.p-inform .sidebar-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  z-index: 999;
}

.p-inform .sidebar-overlay.active {
  display: block;
  opacity: 1;
}

.p-inform .sidebar-nav {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  padding: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-inform .sidebar-nav {
    border-radius: 0;
    display: block;
    height: 100%;
    left: -100%;
    max-width: 320px;
    overflow-y: auto;
    padding-top: 2rem;
    position: fixed;
    top: 0;
    transition: left 0.3s ease;
    width: 80%;
    z-index: 1000;
  }

  .p-inform .sidebar-nav.open {
    left: 0;
    top: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .p-inform .sidebar-nav ul {
    margin-top: 6rem;
  }
}

.p-inform .sidebar-nav li {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 180%;
  margin-top: 1.2rem;
}

.p-inform .sidebar-nav li:first-child {
  margin-top: 0;
}

.p-inform .sidebar-nav li.active {
  background-color: #faf7f7;
  border-radius: 8px;
}

.p-inform .sidebar-nav li.active a {
  color: #d98e32;
  font-weight: 500;
}

.p-inform .sidebar-nav li a {
  color: #333;
  display: block;
  padding: 0.8rem 1rem;
  text-decoration: none;
  transition: background-color 0.2s;
}

.p-inform .sidebar-nav li a:hover {
  background-color: #f5f5f5;
}

@media screen and (max-width: 768px) {
  .p-inform__form {
    padding: 2.4rem 1.6rem 3.2rem;
  }

  .p-inform__form--group {
    flex-direction: column;
    gap: 0.8rem;
  }

  .p-inform__form legend {
    margin-bottom: 1rem;
    width: 100%;
  }

  .p-inform__form--options {
    width: 100%;
  }

  .p-inform__form--radio {
    flex: 1 1 100%;
  }
}

@media screen and (max-width: 768px) and (max-width: 480px) {
  .p-inform__form--radio {
    padding: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .p-inform__form-item {
    flex-direction: column;
    gap: 0.8rem;
  }

  .p-inform__form-label {
    margin-bottom: 0.4rem;
    width: 100%;
  }

  .p-inform__form-textarea {
    width: 100%;
  }

  .p-inform__form .is-input_inner {
    width: 100%;
  }

  .p-inform__form .select-wrapper {
    width: 100%;
  }

  .p-inform__form .p-inform__form-options {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-inform .accordion {
    margin-bottom: 3.2rem;
  }

  .p-inform .accordion-header {
    padding: 1.2rem 0;
  }

  .p-inform .accordion-content {
    padding: 1.2rem;
  }
}

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

  .p-inform .document-list p,
  .p-inform .document-list li {
    font-size: 1.1rem;
  }

  .p-inform .document-list ul {
    padding-left: 1.5rem;
  }
}

@media screen and (max-width: 768px) {
  .p-inform .submit-button {
    margin-top: 2.4rem;
    max-width: 24rem;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-inform .is-input_inner {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-inform .select-wrapper {
    width: 100%;
  }

  .p-inform .select-wrapper .p-inform__form-select {
    flex: 1;
  }
}

@media screen and (max-width: 768px) {
  .p-inform .p-inform__form--fieldset {
    margin-bottom: 2.4rem;
  }
}

@media screen and (max-width: 768px) {
  .p-inform .p-inform__form-example {
    margin-top: 0.8rem;
  }
}

.search_page {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 3.2rem;
}

.search_page p {
  color: #d98e32;
  font-size: 1rem;
  margin-bottom: 1.5rem;
}

.search_page ul {
  align-items: center;
  display: flex;
  gap: 2.4rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .search_page ul {
    gap: 2vw;
  }

  .search_page {
    margin-top: 1.6rem;
  }
}

.search_page li {
  margin: 0;
}

.search_page li a {
  align-items: center;
  display: flex;
  font-size: 1.6rem;
  justify-content: center;
  text-decoration: none;
}

.search_page li a:hover {
  opacity: 0.8;
}

/* Page number styles */
.search_page li.page a {
  border: 1px solid #d98e32;
  border-radius: 50%;
  color: #d98e32;
  height: 32px;
  width: 32px;
}

/* Current page style */
.search_page li.focus {
  align-items: center;
  background-color: #d98e32;
  border-radius: 50%;
  color: white;
  display: flex;
  font-size: 1.6rem;
  height: 32px;
  justify-content: center;
  width: 32px;
}

/* Back and Next buttons */
.search_page li.back a {
  border: none !important;
  color: #d98e32;
  width: auto;
}

/* First and Last page navigation */
.search_page li.back:first-child,
.search_page li.back:last-child {
  display: none;
  /* Hide first and last page navigation */
}

/* Regular back button (second one) */
.search_page li.back:nth-child(2) a {
  font-size: 0;
  /* Hide the default text */
}

.search_page li.back:nth-child(2) a::before {
  content: "〈 前へ";
  font-size: 1.6rem;
}

/* Next button (second last one) */
.search_page li.back:nth-last-child(2) a {
  font-size: 0;
  /* Hide the default text */
}

.search_page li.back:nth-last-child(2) a::after {
  content: "次へ 〉";
  font-size: 1.6rem;
}

/* Add ellipsis style if needed */
.search_page li.ellipsis {
  color: #d98e32;
  font-size: 1.6rem;
}

.p-login {
  background: #faf7f7;
}

.p-login .is-kv {
  background: #fff;
  height: 9.6rem;
}

.p-login .is-inner_720,
.p-contact .is-inner_720 {
  margin: 0 auto;
  max-width: 720px;
  padding: 4.8em 0;
}

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

  .p-login .is-inner_720,
  .p-contact .is-inner_720 {
    padding: 2.4rem 2rem !important;
  }

  .p-login .is-login,
  .p-contact .is-login {
    padding: 1.6rem !important;
  }

  .form_table form {
    padding: 1.6rem !important;
  }

  .p-contact {
    padding: 0 0 2.4rem !important;
  }

  .form_table {
    padding: 0 !important;
  }

  .p-registration .is-inner_720 {
    padding: 2.4rem 2rem !important;
  }

  .p-registration .is-registration {
    padding: 1.6rem !important;
  }

  .p-login {
    padding-bottom: 2.4rem;
  }
}

.p-login .is-login,
.p-contact .is-login {
  background: #fff;
  padding: 3.2rem 3.2rem 4.8rem;
}

.p-login .is-login h2,
.p-contact .is-login h2 {
  margin: 0;
  text-align: center;
}

.p-login .is-login form,
.p-contact .is-login form {
  margin-top: 2.4rem;
}

.p-login .is-login form ul,
.p-contact .is-login form ul {
  border-bottom: 1px solid #f0e6e6;
  border-top: 1px solid #f0e6e6;
  padding: 1.6rem 0;
}

.p-login .is-login form ul li,
.p-contact .is-login form ul li {
  align-items: center;
  display: flex;
  padding: 1.6rem 0;
  width: 100%;
}

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

  .p-login .is-login form ul li,
  .p-contact .is-login form ul li {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }
}

.p-login .is-login form ul li p,
.p-contact .is-login form ul li p {
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 100%;
  text-align: left;
  width: 20rem;
}

.p-login .is-login form ul li input,
.p-contact .is-login form ul li input {
  border: 1px solid #999999;
  border-radius: 4px;
  padding: 1.3rem 1.2rem;
  width: 100%;
}

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

  .p-login .is-login form ul li input,
  .p-contact .is-login form ul li input {
    margin-top: 1.6rem;
    width: 100%;
  }
}

.p-login .is-login form .btn_login,
.p-contact .is-login form .btn_login {
  background-color: #d98e32;
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  margin: 3.2rem auto 0;
  padding: 0.8rem 1.2rem;
  width: 24rem;
}

.p-login .is-login form .hint,
.p-contact .is-login form .hint {
  display: block;
  margin-top: 2.4rem;
  text-align: center;
}

.p-login .is-login form .hint a,
.p-contact .is-login form .hint a {
  border-bottom: 1px solid #d98e32;
  color: #d98e32;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 100%;
}

.p-contact .is-login .description {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 150%;
  margin-top: 1.2rem;
}

.p-contact .is-login .description a {
  border-bottom: 1px solid #d98e32;
  color: #d98e32;
}

.p-registration {
  background: #faf7f7;
}

.p-registration .is-kv {
  background: #fff;
  height: 9.6rem;
}

.p-registration .is-inner_720 {
  margin: 0 auto;
  max-width: 720px;
  padding: 4.8em 0;
}

@media screen and (max-width: 768px) {
  .p-registration .is-inner_720 {
    padding: 4.8rem 2rem;
  }
}

.p-registration .is-registration {
  background: #fff;
  padding: 3.2rem 3.2rem 4.8rem;
}

.p-registration .is-registration_txt {
  margin: 0 auto;
}

.p-registration .is-registration_txt h2 {
  margin: 0;
  text-align: center;
}

.p-registration .is-registration_txt p {
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  line-height: 200%;
  margin-top: 2.4rem;
  text-align: left;
}

.p-registration .is-registration form table {
  margin-bottom: 0;
  padding: 3.2rem 0;
  width: 100%;
}

.p-registration .is-registration .form_table .button {
  margin-top: 0;
}

.p-registration .is-registration form tr {
  align-items: center;
  border-bottom: 1px solid #f0e6e6;
  border-top: 1px solid #f0e6e6;
  display: flex;
  margin-top: 3.2rem;
  padding: 3.2rem 0 5.8rem;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-registration .is-registration form tr {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }
}

.p-registration .is-registration form th {
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 100%;
  text-align: left;
  width: 20rem;
}

.p-registration .is-registration form td {
  position: relative;
  width: 100%;
}

.p-registration .is-registration form td p {
  font-size: 1.4rem;
  font-weight: 300;
  left: 0;
  letter-spacing: 0.04em;
  line-height: 100%;
  margin-top: 1.2rem;
  position: absolute;
}

.p-registration .is-registration form input {
  border: 1px solid #999999;
  border-radius: 4px;
  padding: 1.3rem 1.2rem;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-registration .is-registration form input {
    margin-top: 1.6rem;
    width: 100%;
  }
}

.p-registration .is-registration form .button button {
  background-color: #d98e32;
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  margin: 0 auto;
  padding: 0.8rem 1.2rem;
  width: 24rem;
}

/* 基本スタイル */
.form_table {
  background: #faf7f7;
  padding: 0 0 4.8rem;
}

/* フォームコンテナ */
.form_table form {
  background-color: #fff;
  margin: 4.8rem auto 0;
  margin-top: 2.4rem !important;
  max-width: 720px;
  padding: 3.2rem;
  position: relative;
}

.p-contact .form_table form {
  margin-top: 0 !important;
}

@media (max-width: 768px) {
  .form_table form {
    margin: 4.8rem 2rem 0;
  }
}

/* セクションタイトル */
.section-title,
.form_table table caption {
  color: #d98e32;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 2.4rem;
  padding: 0;
  text-align: left;
}

/* テーブルの基本スタイル */
.form_table table {
  border-collapse: collapse;
  margin-bottom: 3rem;
  padding: 3.2rem 3.2rem 0;
  width: 100%;
}

.form_table table:first-of-type {
  padding-top: 3.2rem;
}

.form_table table:nth-of-type(2),
.form_table table:nth-of-type(3) {
  padding: 6rem 3.2rem 0;
}

.form_table table:last-of-type {
  padding: 6rem 3.2rem 3.2rem;
}

/* 行スタイル */
.form_table tr {
  align-items: flex-start;
  display: flex;
  gap: 1.2rem;
  margin-bottom: 3.2rem;
}

@media (max-width: 768px) {
  .form_table tr {
    flex-direction: column;
    gap: 0;
    margin-bottom: 1.6rem;
  }

  .form_table table {
    margin-bottom: 0;
  }

  .form_table table caption {
    margin-bottom: 1.2rem;
  }
}

/* ヘッダーセルスタイル */
.form_table th {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 100%;
  text-align: left;
  width: 20rem;
}

/* 必須マーク */
.requisite {
  color: #ee032b;
  font-size: 1.2rem;
  font-weight: 500;
  margin-left: 0.8rem;
}

/* データセルスタイル */
.form_table td {
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  line-height: 100%;
  width: calc(100% - 20rem);
}

@media screen and (max-width: 768px) {
  .form_table td {
    width: 100%;
  }
}

/* ヒントテキスト */
.hint {
  color: #999999;
  display: block;
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 100%;
  margin-top: 1.2rem;
}

/* 入力フィールド */
.form_table input[type="text"],
.form_table input[type="tel"],
.form_table input[type="email"],
.form_table input[type="password"],
.form_table select,
.form_table textarea {
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  font-size: 14px;
  padding: 8px 10px;
  width: 100%;
}

.form_table input[type="text"]::placeholder,
.form_table input[type="tel"]::placeholder,
.form_table input[type="email"]::placeholder {
  color: #c4c4c4;
  font-size: 13px;
}

/* 選択フィールド */
.form_table select {
  color: #999999;
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 100%;
}

/* 住所選択と入力 */
.form_table select[name="adds"],
.form_table select[name="add_sub"] {
  margin-bottom: 1.2rem;
}

.form_table input[name="add_sub2"],
.form_table input[name="add_sub3"] {
  margin-bottom: 1.2rem;
  margin-top: 0.8rem;
}

/* 生年月日セレクター */
.form_table select[name^="birth_date_"] {
  color: #999999;
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 100%;
  margin-right: 0.5rem;
  width: auto;
}

/* ラジオボタン */
.form_table input[type="radio"] {
  appearance: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  cursor: pointer;
  height: 14px;
  margin-right: 1rem;
  padding: 0;
  position: relative;
  width: 14px;
}

.form_table input[type="radio"]:checked {
  border-color: #ebbe17;
}

.form_table input[type="radio"]:checked::after {
  border-bottom: 1px solid #ebbe17;
  border-left: 1px solid #ebbe17;
  content: "";
  height: 5.5px;
  left: 2px;
  opacity: 1;
  position: absolute;
  top: 3px;
  transform: rotate(-45deg);
  width: 8.5px;
}

.form_table label {
  align-items: center;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  color: #999999;
  display: flex;
  flex-direction: row;
  font-size: 1.4rem;
  font-weight: 300;
  margin-bottom: 1rem;
  padding: 1.3rem 1.2rem;
  width: 50%;
}

.form_table input[type="radio"]:checked+label,
.form_table label:has(input[type="radio"]:checked) {
  background: #faf7eb;
  border-color: #ebbe17;
  color: #ebbe17;
  font-weight: normal;
}

/* チェックボックス */
.form_table input[type="checkbox"] {
  appearance: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  cursor: pointer;
  height: 14px;
  margin-right: 1rem;
  padding: 0;
  position: relative;
  width: 14px;
}

.form_table input[type="checkbox"]:checked {
  border-color: #ebbe17;
}

.form_table input[type="checkbox"]:checked::after {
  border-bottom: 1px solid #ebbe17;
  border-left: 1px solid #ebbe17;
  content: "";
  height: 5.5px;
  left: 2px;
  opacity: 1;
  position: absolute;
  top: 3px;
  transform: rotate(-45deg);
  width: 8.5px;
}

/* チェックボックスグループ */
.form_table .label2,
.form_table .label3 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  width: 100%;
}

.form_table .label2 label,
.form_table .label3 label {
  align-items: center;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  color: #999999;
  display: flex;
  flex: 1;
  font-size: 1.4rem;
  font-weight: 300;
  margin-bottom: 1rem;
  min-width: 170px;
  padding: 1.3rem 1.2rem;
  width: 30%;
}

.form_table .label2 label:has(input:checked),
.form_table .label3 label:has(input:checked) {
  background: #faf7eb;
  border-color: #ebbe17;
  color: #ebbe17;
  font-weight: normal;
}

/* 送信ボタン */
.form_table .button {
  margin-top: 3.2rem;
  text-align: center;
}

.form_table .btn_check,
.form_table .btn_back,
.check_table .btn,
form[name="sys_form"] .btn {
  background-color: #ebbe17;
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  margin: 0 auto;
  padding: 0.8rem 1.2rem;
  text-align: center;
  min-width: 24rem;
  width: auto;
}

.form_table .btn_check:hover,
.form_table .btn_back:hover {
  opacity: 0.8;
}

/* クリアフィックス */
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

/* レスポンシブ調整 */
@media (max-width: 768px) {
  .form_table th {
    margin-bottom: 0.8rem;
    width: 100%;
  }

  .form_table .label2 label,
  .form_table .label3 label {
    width: 100%;
  }
}

.form_table .label {
  color: #999999;
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 100%;
}

.form_table select[name="adds"]:first-of-type {
  margin-top: 1.2rem;
}

input[type="button"][value="郵便番号から住所を検索"] {
  border: 1px solid #d98e32;
  border-radius: 34px;
  color: #d98e32;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 180%;
  padding: 4px 12px;
  text-decoration: none;
}

input[type="button"][value="郵便番号から住所を検索"]:hover {
  background-color: #d98e32;
  color: #fff;
}

.p-contact_confirm,
.p-profile_confirm {
  background: #faf7f7;
}

.p-contact_confirm .is-kv,
.p-profile_confirm .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-contact_confirm .is-kv h1,
.p-profile_confirm .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

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

  .p-contact_confirm .is-kv h1,
  .p-profile_confirm .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

/* Inner container */
.p-contact_confirm .is-inner_720 {
  margin: 0 auto;
  max-width: 720px;
  padding: 4.8em 0;
}

@media screen and (max-width: 768px) {
  .p-contact_confirm .is-inner_720 {
    padding: 2.4rem 2rem;
  }

  .p-contact_confirm .check_table,
  .p-profile_confirm .check_table {
    padding: 1.6rem !important;
  }
}

/* Form container */
.p-contact_confirm .check_table,
.p-profile_confirm .check_table {
  background: #fff;
  margin: 0 auto;
  max-width: 720px;
  padding: 3.2rem 3.2rem 4.8rem;
}

/* Table styling */
.p-contact_confirm table,
.p-profile_confirm table {
  border-collapse: collapse;
  margin-bottom: 2.4rem;
  width: 100%;
}

.p-contact_confirm caption,
.p-profile_confirm caption {
  border-bottom: 1px solid #d98e32;
  color: #111;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 1.2rem;
  padding-bottom: 1rem;
  text-align: left;
}

.p-contact_confirm th,
.p-contact_confirm td,
.p-profile_confirm th,
.p-profile_confirm td {
  border-bottom: 1px solid #eee;
  line-height: 100%;
  padding: 1.2rem 0;
  vertical-align: top;
}

.p-contact_confirm th,
.p-profile_confirm th {
  color: #111;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  width: 220px;
}

.p-contact_confirm td,
.p-profile_confirm td {
  color: #111;
  font-size: 1.6rem;
  font-weight: normal;
}

/* Button styling */
.p-contact_confirm .button,
.p-profile_confirm .button {
  display: flex;
  gap: 1.2rem;
  justify-content: center;
  margin-top: 3.2rem;
}

.p-contact_confirm .btn_back,
.p-contact_confirm .btn_regist,
.p-profile_confirm .btn_back,
.p-profile_confirm .btn_regist {
  background-color: #d98e32;
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  padding: 0.8rem 1.2rem;
  min-width: 12rem;
  width: auto;
}

.p-contact_confirm .btn_back:hover,
.p-profile_confirm .btn_back:hover {
  opacity: 0.8;
}

.p-contact_confirm .btn_regist:hover,
.p-profile_confirm .btn_regist:hover {
  opacity: 0.8;
}

/* Responsive design */
@media screen and (max-width: 768px) {

  .p-contact_confirm th,
  .p-contact_confirm td,
  .p-profile_confirm th,
  .p-profile_confirm td {
    display: block;
    width: 100%;
  }

  .p-contact_confirm th,
  .p-profile_confirm th {
    padding-bottom: 0.5rem;
  }

  .p-contact_confirm td,
  .p-profile_confirm td {
    padding-bottom: 1.6rem;
    padding-top: 0.5rem;
  }

  .p-contact_confirm th[style="width:220px;"],
  .p-profile_confirm th[style="width:220px;"] {
    width: 100% !important;
  }

  .p-contact_confirm .button,
  .p-profile_confirm .button {
    align-items: center;
    flex-direction: column;
  }

  .p-contact_confirm .btn_back,
  .p-contact_confirm .btn_regist,
  .p-profile_confirm .btn_back,
  .p-profile_confirm .btn_regist {
    margin-bottom: 1rem;
    max-width: 24rem;
    width: 100%;
  }
}

/* Form title styling */

.p-resetter {
  background: #faf7f7;
}

.p-resetter .is-kv {
  background: #fff;
  height: 9.6rem;
}

.p-resetter .is-inner_720 {
  margin: 0 auto;
  max-width: 720px;
  padding: 4.8em 0;
}

@media screen and (max-width: 768px) {
  .p-resetter .is-inner_720 {
    padding: 2.4rem 2rem;
  }
}

.p-resetter h2 {
  margin: 0;
  text-align: center;
}

/* Paragraph styling */
.p-resetter p {
  font-weight: 500;
  line-height: 240%;
}

.p-resetter p:first-of-type {
  font-size: 1.6rem;
  margin-top: 2.4rem;
}

.p-resetter p:nth-of-type(2) {
  background: #fafafa;
  font-size: 1.4rem;
  margin-top: 0.8rem;
  padding: 1.6rem;
}

/* Notes section styling */
.p-resetter span {
  color: #d98e32;
  font-size: 1.6rem;
}

/* Table styling */
.p-resetter table {
  border-bottom: 1px solid #f0e6e6;
  border-collapse: collapse;
  border-top: 1px solid #f0e6e6;
  margin-top: 3.2rem;
  width: 100%;
}

.p-resetter table tr {
  align-items: center;
  display: flex;
  margin-bottom: 0;
  padding: 3.2rem 0;
  padding: 3.2rem 0 5.8rem;
}

.p-resetter table th {
  position: relative;
}

.error{
  font-size: 1.6rem;
  margin: 10px 0;
}

/* Error message styling */
.p-resetter .error {
  color: red;
  font-size: 0.85em;
  position: absolute;
}

.p-resetter table {
  margin-bottom: 0;
  padding: 3.2rem 0;
}

.p-resetter .requisite {
  color: #ee032b;
  display: none;
  /* Hidden in the image */
  font-size: 0.85em;
  margin-left: 10px;
}

/* Form input styling */
.p-resetter input[type="text"] {
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  padding: 10px;
  width: 100%;
}

.p-resetter .hint {
  color: #999;
  font-size: 1.4rem;
  font-weight: 300;
  left: 0;
  letter-spacing: 0.04em;
  line-height: 100%;
  margin-top: 1.2rem;
  position: absolute;
}

/* Button container styling */
.p-resetter p.button {
  display: flex;
  gap: 2.4rem;
}

@media screen and (max-width: 768px) {
  .p-resetter p.button {
    flex-direction: column;
  }
}

/* Button styling */
.p-resetter input[type="submit"] {
  background-color: #d98e32;
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  padding: 0.8rem 1.2rem;
}

.p-resetter .btn_back {
  background-color: #faf7f7;
  border: none;
  border-radius: 4px;
  color: #d98e32;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  padding: 0.8rem 1.2rem;
}

@media screen and (max-width: 768px) {
  .p-resetter .btn_back {
    margin: 0 auto;
    width: 100%;
  }
}

/* Custom styling for the specific elements in the image */
.p-resetter .form_table form {
  padding: 3.2rem 3.2rem 4.8rem;
}

@media screen and (max-width: 768px) {
  .p-resetter .form_table form {
    margin: 0;
    margin-top: 0 !important;
  }
}

.p-resetter .form_table {
  background: #fff;
  padding-bottom: 0;
}

/* Match the exact layout from the image */
.p-resetter .benForm {
  position: relative;
}

/* Adjustments for the button text in image */
.p-resetter .btn_back {
  width: 18rem;
}

.p-resetter .btn_back:hover {
  opacity: 0.8;
}

.p-resetter .btn_check {
  width: calc(100% - (18rem + 2.4rem));
}

@media screen and (max-width: 768px) {
  .p-resetter .btn_check {
    max-width: 18rem;
    width: 100%;
  }
}

.p-column_specifics {
  background: #faf7f7;
}

.p-column_specifics .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-column_specifics .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-column_specifics .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

.p-column_specifics .is-column_specifics {
  background: #fff;
  padding: 1.6rem;
}

.p-column_specifics .is-column_specifics .date {
  color: #999;
  font-size: 1.4rem;
  line-height: 180%;
}

.p-column_specifics .is-column_specifics h2 {
  color: #222;
  margin-bottom: 0;
  margin-top: 0.8rem;
}

.p-column_specifics .is-column_specifics h3 {
  margin-top: 1.6rem;
}

.p-column_specifics .is-column_specifics img {
  margin-top: 1.6rem;
}

.p-column_specifics .is-column_specifics p {
  color: #222;
  font-size: 1.4rem;
  line-height: 200%;
  margin-top: 1.6rem;
  margin-top: 1.6rem;
}

.p-column_specifics .is-shere {
  background: #fff;
  margin: 4.8rem 0;
  padding: 1.6rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-column_specifics .is-shere {
    margin-bottom: 0;
  }
}

.p-column_specifics .is-shere ul {
  display: flex;
  gap: 2.4rem;
  justify-content: center;
  margin-top: 1.6rem;
}

.p-column_specifics .is-shere ul li:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .p-column_specifics .is-inner_content {
    flex-direction: column;
    padding: 2rem !important;
  }
}

.is-search__info {
  /* 768px以下のレスポンシブデザイン */
  /* または別のアプローチ：アコーディオン風の表示 */
}

.is-search__info .step-navigation {
  display: flex;
}

.is-search__info .step-navigation .step {
  background-color: #e6e6e6;
  clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%, 10% 50%);
  color: #999;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 150%;
  margin-right: -1.8%;
  padding: 1.3rem;
  position: relative;
  text-align: center;
  width: 21.8%;
  z-index: 1;
  /* completedステップにチェックマークを追加（前に表示） */
}

.is-search__info .step-navigation .step:first-child {
  clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
  margin-left: 0;
  z-index: 2;
}

.is-search__info .step-navigation .step:last-child {
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 10% 50%);
  margin-right: 0;
  z-index: 2;
}

.is-search__info .step-navigation .step.active,
.is-search__info .step-navigation .step.completed {
  background-color: #d9b32b;
  color: #fff;
  z-index: 3;
}

.is-search__info .step-navigation .step.active span,
.is-search__info .step-navigation .step.completed span {
  color: #d9b32b;
}

.is-search__info .step-navigation .step.completed:nth-of-type(-n + 3)::before {
  content: "✓";
  display: inline-block;
  font-weight: bold;
  margin-right: 0.5rem;
}

.is-search__info .step-navigation .step span {
  background: #fff;
  border-radius: 4px;
  color: #999999;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 150%;
  margin-right: 0.4rem;
  padding: 0 0.4rem;
}

@media screen and (max-width: 768px) {
  .is-search__info .step-navigation {
    flex-direction: column;
    margin-bottom: 1rem;
  }

  .is-search__info .step-navigation .step {
    border-radius: 5px;
    clip-path: none;
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
    margin-right: 0;
    padding: 1rem;
    width: 100%;
    /* アクティブなステップを目立たせる */
    /* completedステップのチェックマークをスマホ表示でも左側に配置 */
  }

  .is-search__info .step-navigation .step:first-child,
  .is-search__info .step-navigation .step:last-child {
    clip-path: none;
  }

  .is-search__info .step-navigation .step.active {
    border-left: 5px solid #d9b32b;
  }

  .is-search__info .step-navigation .step.completed {
    padding-left: 2.5rem;
    position: relative;
  }

  .is-search__info .step-navigation .step.completed::before {
    left: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

/* @media screen and (max-width: 480px) {
  .is-search__info .step-navigation .step {
    display: none;
    padding: 0.8rem;
    font-size: 1.3rem;
  }
  .is-search__info .step-navigation .step.active {
    display: block;
    border-left: 5px solid #d98e32;
  }
  .is-search__info .step-navigation .step.completed {
    display: block;
    max-height: 2rem;
    overflow: hidden;
    opacity: 0.7;
    font-size: 1.1rem;
    padding: 0.5rem 1rem 0.5rem 2.5rem;
  }
  .is-search__info .step-navigation .step.completed::before {
    font-size: 1.2rem;
    left: 0.8rem;
  }
} */
.is-search__info .is-search__region__wrapper li,
.is-search__info .is-search__sub__wrapper li,
.is-search__info #traffic_station li {
  position: relative;
}

.is-search__info .is-search__region__wrapper li input[type="radio"],
.is-search__info .is-search__sub__wrapper li input[type="radio"],
.is-search__info #traffic_station li input[type="radio"] {
  display: none;
}

.is-search__info .is-search__region__wrapper li label,
.is-search__info .is-search__sub__wrapper li label,
.is-search__info #traffic_station li label {
  color: #222;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
}

.is-search__info .is-search__region__wrapper li label:hover,
.is-search__info .is-search__sub__wrapper li label:hover,
.is-search__info #traffic_station li label:hover {
  color: #d98e32;
}

.is-search__info .is-search__region__wrapper li input[type="radio"]:checked+label,
.is-search__info .is-search__sub__wrapper li input[type="radio"]:checked+label,
.is-search__info #traffic_station li input[type="radio"]:checked+label {
  color: #d98e32;
  font-weight: bold;
}

.is-search__info .disabled {
  background: #e6e6e6 !important;
  color: #fff !important;
}

.is-search__info .is-search__btn--next {
  background-color: #faf7eb;
  border: none;
  border-radius: 5px;
  color: #d9b32b;
  cursor: pointer;
  margin: 2.4rem 0 1.6rem;
  min-height: 45px;
  padding: 0.8rem 1.2rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .is-search__info .is-search__btn--next {
    margin: 0 !important;
    width: 100% !important;
  }
}

.is-search__info #sub-list,
.is-search__info #traffic_station {
  display: grid;
  gap: 1.6rem;
  grid-template-columns: repeat(7, 1fr);
}

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

  .is-search__info #sub-list,
  .is-search__info #traffic_station {
    gap: 0 !important;
    grid-template-columns: repeat(2, 1fr);
  }
}

.is-search__info .second .is-search__content__inner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .is-search__info .is-search__btn[type="submit"] {
    width: 100% !important;
  }
}

.is-search__info .is-sub_title {
  color: #d98e32;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 180%;
  margin-bottom: 2.4rem;
  margin-top: 0.8rem;
  width: 100%;
}

.fourth .flex {
  align-items: center;
  gap: 0.8rem;
}

@media screen and (max-width: 768px) {
  .fourth .flex {
    align-items: flex-start;
    flex-direction: column;
  }
}

.fourth .flex p {
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
}

.fourth .flex select {
  border: 1px solid #999;
  color: #999;
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  padding: 1.3rem 1.2rem;
  width: fit-content;
}

/* 既存のスタイルは維持 */
@media screen and (max-width: 768px) {
  .fifth .is-search_title {
    cursor: pointer;
    margin: 0;
    padding: 10px 15px;
    position: relative;
  }

  .fifth .is-open {
    background: #faf7eb;
  }

  .fifth .is-search_title:after {
    content: "+";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s;
  }

  .fifth .is-search_title.is-open:after {
    content: "-";
  }

  .fifth .is-search__type ul {
    /* border-bottom: 1px solid #eee; */
    margin: 0;
    padding: 10px 15px;
  }

  /* トグルのトランジション */
  .fifth .is-search__type ul {
    transition: all 0.3s ease;
  }
}

@media screen and (max-width: 768px) {
  .p-top .is-read {
    padding-top: 2.4rem;
  }

  .is-read {
    padding: 2.4rem 0;
  }

  .is-read .is-read_content,
  .is-read .is-read_content {
    padding: 1.6rem;
  }

  .is-read .is-read_content:not(:last-child) {
    margin-bottom: 1.2rem;
  }

  .is-read .is-read_content.is-num .accordion-content>p {
    margin-bottom: 0;
    padding: 0 1rem;
  }

  .is-read .is-read_content.is-num ul {
    gap: 0rem;
    margin-bottom: 0;
  }

  .p-top__content {
    margin-bottom: 0 !important;
    padding-top: 0;
  }

  .p-top__content .content-columns-wrapper {
    margin-top: 2.4rem;
  }

  .is-inner_content_left {
    margin-top: 2.4rem;
  }

  .p-top__main-container {
    gap: 0;
    padding: 0 1rem 2.4rem;
  }

  .p-top .is-news {
    padding: 2.4rem 2rem;
  }

  .p-news_specifics .is-shere {
    margin-top: 2.4rem;
  }

  .p-news_specifics .is-inner_content_right {
    margin-bottom: 2.4rem;
    margin-top: 2.4rem;
  }

  .is-inner_content_right .side-bar {
    padding: 1.6rem;
  }

  .o-btn.is-wh.is-arw {
    margin-top: 1.5rem;
  }

  .is-news {
    padding: 2.4rem 0;
  }

  .is-news .is-inner_content {
    padding: 1.6rem;
  }

  .p-column .is-inner_content .description {
    margin: 2.4rem 0 1.6rem;
  }

  .p-column__list {
    margin-top: 1.6rem;
  }

  .p-column_specifics .is-shere {
    margin: 2.4rem 0 0;
  }

  .is-inner_content_right {
    margin-top: 2.4rem;
  }

  .last {
    margin-bottom: 2.4rem !important;
  }

  .p-recently_viewed .is-search__tab__content {
    margin-top: 2.4rem;
  }

  .is-column {
    margin-top: 2.4rem;
  }

  .is-inner_content_right .is-sns__section {
    margin-bottom: 2.4rem !important;
  }

  .p-top .is-inner_content_right .is-sns__section {
    margin-bottom: 0 !important;
  }

  .p-specifics__header {
    margin-top: 2.4rem;
    padding: 1.6rem;
  }

  .p-specifics .is-inner_content {
    padding-bottom: 2.4rem;
  }

  .p-specifics .bnr-box {
    margin-top: 2.4rem;
  }

  .is-contacts {
    margin-top: 2.4rem;
  }

  .p-specifics .is-inner_content_right {
    margin-top: 2.4rem;
  }

  .p-faq__content {
    margin-top: 1.6rem;
    padding: 1.6rem;
  }

  .p-search .is-inner_content_right .is-sns__section {
    margin-bottom: 0 !important;
  }

  .is-search__info .is-inner_content {
    padding-top: 2.4em;
  }

  .p-confirm__content {
    padding: 1.6rem !important;
  }

  .p-thanks .is-completed {
    margin: 2.4rem auto 0;
    padding: 1.6em !important;
  }

  .p-thanks {
    padding-bottom: 2.4em;
  }
}

#map_canvas {
  height: 320px;
  width: 100%;
}

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

  /* ヘッダースタイル */
  .accordion-header {
    align-items: center;
    color: #d98e32;
    cursor: pointer;
    display: flex;
    font-weight: bold;
    justify-content: space-between;
    margin: 0;
    padding: 0.8rem 1rem;
    position: relative;
    transition: all 0.3s ease;
  }

  .accordion-header.active {
    background-color: #fcf4ed;
  }

  /* アコーディオンアイコンスタイル */
  .accordion-icon {
    height: 14px;
    position: relative;
    width: 14px;
  }

  .accordion-icon:before,
  .accordion-icon:after {
    background-color: currentColor;
    content: "";
    position: absolute;
    transition: transform 0.3s ease;
  }

  .accordion-icon:before {
    height: 2px;
    left: 0;
    top: 6px;
    width: 14px;
  }

  .accordion-icon:after {
    height: 14px;
    left: 6px;
    top: 0;
    width: 2px;
  }

  .accordion-header.active .accordion-icon:after {
    opacity: 0;
    transform: rotate(90deg);
  }

  /* コンテンツエリアスタイル */
  .accordion-content {
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    border-top: none;
    display: none;
    margin-bottom: 1.2rem;
    overflow: hidden;
    padding: 0;
  }

  .accordion-content p {
    margin: 0;
    padding: 0.8rem 1rem;
  }

  .is-read .is-read_content ul li dl dd p>a {
    padding: 0;
  }

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

  .accordion-content li:last-child {
    border-bottom: none;
  }

  .accordion-content a {
    color: #333;
    display: block;
    font-size: 0.95rem;
    padding: 0.8rem 1rem;
    text-decoration: none;
    transition: background-color 0.2s ease;
  }

  .accordion-content a:hover {
    background-color: #f5f5f5;
    color: #d98e32;
  }

  /* アニメーション設定 */
  .accordion-content {
    transition: max-height 0.4s ease-in-out;
  }

  .accordion-content.open {
    max-height: 1000px;
  }

  .is-read .is-read_content,
  .is-read .is-read_content {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
  }

  .is-read .is-read_content h3 {
    line-height: 150%;
    padding-left: 5rem;
  }

  .is-read .is-read_content h3::before {
    left: 1rem;
  }
}

#map {
  width: unset !important;
}

.message_result_none {
  font-size: 1.6rem;
  line-height: 180%;
}

#p-company {
  background: #faf7f7;
}

#p-company .is-kv {
  background: #ebbe17;
  height: 220px;
}

#p-company .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  #p-company .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

#p-company .is-inner_720 {
  margin: 0 auto;
  max-width: 720px;
  padding: 4.8em 0;

  @media screen and (max-width: 768px) {
    padding: 2.4em 2rem;
  }
}

#p-company .is-inner_720 h2 {
  background: #d9d9d9;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  padding: 1.6rem 0;
  border: 1px solid #999999;
  color: #000;
}

#p-company .is-inner_720 dl {
  display: grid;
  grid-template-columns: 100px 1fr;
  border: 1px solid #aaa;
  border-top: none;
  background: #fff;
  font-size: 1.6rem;
}

#p-company .is-inner_720 dl dt,
#p-company .is-inner_720 dl dd {
  border-top: 1px solid #aaa;
  color: #111;
  font-size: 1.6rem;
}

#p-company .is-inner_720 dl dt {
  text-align: center;
  background: #f5f5f5;
  border-right: 1px solid #999;
  height: 10rem;
  align-content: center;
}

#p-company .is-inner_720 dl dd {
  background: #fff;
  align-content: center;
  padding-left: 0.8rem;
}

#p-company .is-inner_720 dl dt:first-of-type,
#p-company .is-inner_720 dl dd:first-of-type {
  border-top: none;
}

.p-privacy {
  background: #faf7f7;
  line-height: 1.8;
}

.p-privacy .is-kv {
  background: #ebbe17;
  height: 220px;
}

.p-privacy .is-kv h1 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 133px;
}

@media screen and (max-width: 768px) {
  .p-privacy .is-kv h1 {
    font-size: 2.4rem;
    margin-top: 11rem;
  }
}

.p-privacy .is-inner_720 {
  margin: 0 auto;
  max-width: 720px;
  padding: 4.8em 0;
}

@media screen and (max-width: 768px) {
  .p-privacy .is-inner_720 {
    padding: 2.4em 2rem;
  }
}

.p-privacy .is-inner_720 .is-privacy {
  padding: 3.2rem;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .p-privacy .is-inner_720 .is-privacy {
    padding: 1.6rem;
  }
}

.p-privacy .is-inner_720 h2 {
  font-size: 2.4rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 1.6rem;
  margin-top: 4.8rem;
}

@media screen and (max-width: 768px) {
  .p-privacy .is-inner_720 h2 {
    margin-top: 2.4rem;
  }
}

.p-privacy .is-inner_720 p {
  font-size: 1.6rem;
  color: #000;
}

.p-privacy .is-inner_720 ul {
  list-style-type: disc;
}

.p-privacy .is-inner_720 ul li {
  font-size: 1.6rem;
  color: #000;
  list-style-position: inside;
  list-style-type: disc;
  text-indent: -1.5em;
  padding-left: 1em;
}

.p-privacy .is-inner_720 ul li ul {
  list-style-type: disc;
  padding-left: 2rem;
}

.p-privacy .is-inner_720 ul li ul li {
  font-size: 1.6rem;
  color: #000;
  list-style-position: inside;
  list-style-type: disc;
}

input,
select,
textarea {
  font-size: 16px !important;
}

/* 管理者用ボタン */
#super_user a {
  display: block;
  position: fixed;
  z-index: 100;
  bottom: 0;
  right: 0.8em;
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
  padding: 0.6em 1.5em;
  background: #333;
  border-radius: 0.4em 0.4em 0 0;
}

.is-guide {
  padding: 48px 0;
}

.is-guide .is-guide__flex {
  display: flex;
  justify-content: space-between;
}

.is-guide .is-guide__flex .is-guide__left {
  padding: 32px;
}

.is-guide .is-guide__flex .is-guide__left p {
  font-size: 1.4rem;
  margin-top: 16px;
  line-height: 200%;
}

.is-guide .is-guide__flex .is-guide__right {
  max-width: 100%;
  min-width: 400px;
}

.is-guide .is-guide__items {
  background: #fff;
  padding: 16px;
}

.is-guide .is-guide__items h3 {
  font-size: 2.4rem;
  margin: 16px 0;
}

.is-guide .is-guide__items .is-guide__list01 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.2rem;
  padding: 16px 0;
}

.is-guide .is-guide__items .is-guide__list01 li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
}

.is-guide .is-guide__items .is-guide__list01 li span {
  font-size: 1rem;
  line-height: 180%;
  margin-top: -16px;
  text-align: left;
  display: block;
  align-self: flex-start;
}

.is-guide .is-guide__items .is-guide__list01 li p {
  font-size: 1.4rem;
  line-height: 180%;
  text-align: left;
}

.is-guide .is-guide__items .is-guide__list01 li h4 {
  font-size: 2rem;
  font-weight: bold;
}

.is-guide .list02__wrapper {
  display: flex;
}

.is-guide .list02__wrapper .guide__bar img {
  height: 100%;
  width: auto;
  min-width: 30px;
  margin-top: -.5vw;
}


.is-guide .is-guide__items .is-guide__list02 li {
  display: flex;
  align-items: center;
}



.is-guide .is-guide__items .is-guide__list02 .list02__left {
  min-width: 30px;
  height: 100%;
}

.is-guide .is-guide__items .is-guide__list02 .list02__left img {
  height: 100%;
  width: 100%;

}

.is-guide .is-guide__items .is-guide__list02 .list02__left.first {
  padding-top: 16px;
}

.is-guide .is-guide__items .is-guide__list02 .list02__middle {
  padding: 16px;
}

@media screen and (min-width: 1024px) {
  .is-guide .is-guide__items .is-guide__list02 .list02__middle {
    padding-top: 0;
  }

  .is-guide .is-guide__items .is-guide__list02 li {
    height: 33%;
  }
}

.is-guide .is-guide__items .is-guide__list02 .list02__middle h4 {
  font-size: 2rem;
  line-height: 150%;
  font-weight: bold;

}

.is-guide .is-guide__items .is-guide__list02 .list02__middle p {
  font-size: 1.4rem;
  line-height: 180%;
  margin-top: 8px;
}

.is-guide .is-guide__items .is-guide__list02 .list02__middle span {
  font-size: 1rem;
  line-height: 180%;
  margin-top: 4px;
}

.is-guide .is-guide__items .is-guide__list02 .list02__right {
  width: 256px;
  min-width: 256px;
  padding: 16px;
  padding-right: 0;
}

.list02__left {
  display: none;
}

.guideBox {
  display: flex;
}

.is-philosophy {
  padding: 48px 0;
}

.is-philosophy__items {
  background: #fff;
  padding: 16px;
}

.is-philosophy__items .flex {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 32px;
}

.is-philosophy__items .flex .right {
  min-width: 350px;
}

.is-philosophy__items h4 {
  font-size: 2rem;
  line-height: 150%;
  font-weight: bold;
  margin-top: 16px;
}

.is-philosophy__items p {
  font-size: 1.4rem;
  line-height: 200%;
}

.is-philosophy__items .flex02 {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 16px;
}

.is-philosophy__items .flex02 .left {
  min-width: 320px;
}

.is-philosophy__items .flex02 .right {
  text-align: left;

}

.is-philosophy__items .flex02 .right h4 {
  margin-top: 0;
}

.is-recruiter {
  padding: 48px 0
}

.is-recruiter h4 {
  font-size: 2rem;
  line-height: 150%;
  font-weight: bold;
}


.is-recruiter .is-recruiter__items01 {
  background: #fff;
}

.is-recruiter .is-recruiter__items01 .left {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px;
  gap: 16px;
  width: 100%;
}

.is-recruiter .is-recruiter__items01 .left ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;

}

.is-recruiter .is-recruiter__items01 .right {
  min-width: 400px;

}

.is-recruiter .is-recruiter__items02 {
  background: #fff;
  padding: 32px 16px 0;
  min-height: 311px;
}

.is-recruiter .is-recruiter__items02 ul {
  margin-top: 16px;
}

.is-recruiter .is-recruiter__items02 ul li {
  display: flex;
  align-items: center;
  font-size: 2rem;
  line-height: 150%;
  font-weight: bold;
  gap: 8px;
  margin-top: 16px;
}

.is-recruiter .is-recruiter__items02 ul li:first-child {
  margin-top: 0;
}

.is-recruiter .is-recruiter__items02 ul li img {
  width: 30px;
  height: 30px;
}

.is-recruiter .is-recruiter__items03 {
  background: #fff;
  padding: 32px 16px 0;
}

.is-recruiter .is-recruiter__items03 ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;

}

.is-recruiter .is-recruiter__items03 ul li {
  display: flex;
  align-items: center;
  padding: 16px 0 24px;
  gap: 16px;
}

.is-recruiter .is-recruiter__items03 ul li .left {
  width: 100%;
}

.is-recruiter .is-recruiter__items03 ul li .left h4 {
  display: flex;
  align-items: center;
  font-size: 2rem;
  line-height: 150%;
  font-weight: bold;
  gap: 8px;
  margin-top: 16px;
}

.is-recruiter .is-recruiter__items03 ul li .left p {
  font-size: 1.4rem;
  line-height: 180%;
  margin-top: 8px;
}

.is-recruiter .is-recruiter__items03 ul li .left span {
  font-size: 1rem;
  line-height: 180%;
  margin-top: 4px;
}

.is-recruiter .is-recruiter__items03 ul li .right {
  min-width: 256px;
}

.is-recruiter .is-recruiter__items04 {
  background: #fff;
  padding: 32px 16px 0;
}

.is-recruiter .is-recruiter__items04 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 32px;
}

.is-recruiter .is-recruiter__items04 ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}

.is-recruiter .is-recruiter__items04 ul li {
  width: 100%;
}

.is-recruiter .is-recruiter__items04 ul li h5 {
  font-size: 1.6rem;
  line-height: 180%;
  font-weight: bold;
  align-self: flex-start;
}

.is-recruiter .is-recruiter__items04 ul li p {
  font-size: 1.4rem;
  line-height: 180%;
  text-align: left;
  margin-top: -12px;
}

.is-recruiter .is-recruiter__items05 {
  background: #fff;
  padding: 32px 16px 16px;
  max-width: 1024px;
  margin: 0 auto;
}

/* テーブルの基本構造 */
.is-recruiter .recruit-table-wrapper {
  overflow-x: auto;
}

.is-recruiter .recruit-table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  font-size: 1.4rem;
  line-height: 180%;
  table-layout: fixed;
}

/* ===========================
   列幅指定
   =========================== */
.is-recruiter .recruit-table thead th:nth-child(1),
.is-recruiter .recruit-table tbody th:nth-child(1) {
  width: 160px;
}

.is-recruiter .recruit-table thead th:nth-child(2),
.is-recruiter .recruit-table tbody td:nth-child(2) {
  width: 300px;
  color: #D98E32;
  font-weight: bold;
  font-size: 2rem;

}

.is-recruiter .recruit-table thead th:nth-child(3),
.is-recruiter .recruit-table tbody td:nth-child(3) {
  width: 260px;
  color: #666666;
  ;
}

.is-recruiter .recruit-table thead th:nth-child(4),
.is-recruiter .recruit-table tbody td:nth-child(4) {
  width: 260px;
  color: #666666;
}

/* ===========================
   デフォルト装飾
   =========================== */
.is-recruiter .recruit-table thead th {
  color: #D98E32;
  font-weight: bold;
  border-bottom: 1px solid #CCCCCC;
  padding: 2rem;
  font-size: 2rem;
}

.is-recruiter .recruit-table tbody th {
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  color: #333;
  padding: 2rem;
  border-bottom: 1px solid #CCCCCC;
  font-size: 1.6rem;
}

.is-recruiter .recruit-table td {
  border-bottom: 1px solid #CCCCCC;
  padding: 2rem;
  vertical-align: middle;
  color: #333;
  word-break: break-word;
  font-size: 1.4rem;
}

/* ===========================
   求人広告・人材紹介列の色指定
   =========================== */
.is-recruiter .recruit-table tbody td:nth-child(3),
.is-recruiter .recruit-table tbody td:nth-child(4) {
  color: #666666;
}


/* ○×ダミー画像 */
.is-recruiter .recruit-table .circle,
.is-recruiter .recruit-table .cross {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

/* ○ */
.is-recruiter .recruit-table .circle {
  width: 27px;
  height: 27px;
}

/* × */
.is-recruiter .recruit-table .cross {
  width: 28px;
  height: 28px;
}


.is-recruiter__items06 {
  padding-top: 48px;
}

.is-recruiter__items06 .flex04 {
  display: flex;
}

.is-recruiter__items06 .flex04 .left {
  width: 100%;
}

.is-recruiter__items06 .flex04 .left .leftBox {
  background: #fff;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
}

.is-recruiter__items06 .flex04 .left .leftBox ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.recruiter-btn {
  width: 260px;
  height: 48px;
  border-radius: 80px;
  background: #D98E32;
  color: #fff;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  margin: 32px auto 0;
  font-weight: 500;

}

.is-recruiter__items06 .flex04 .right {
  min-width: 400px;
}

@media screen and (max-width: 1024px) {
  .is-guide .is-guide__items .is-guide__list02 li {
    align-items: flex-start
  }

  .guide__bar {
    display: none;
  }

  .is-guide .is-guide__items .is-guide__list02 li {
    align-items: flex-start;
    display: grid;
    grid-template-columns: auto 1fr;
  }

  .guideBox {
    flex-direction: column;
  }

  .list02__left {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    /* 親の高さいっぱいに */
    padding: 16px 0;
  }

  .list02__left .bar {
    width: 1px;
    flex: 1;
    border-left: 1px dashed #D88F32;
  }

  .list02__left .circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #D88F32;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

@media screen and (max-width: 768px) {
  .is-guide .is-guide__flex {
    flex-direction: column;
    align-items: center;
  }

  .is-guide__items {
    margin-top: 32px;
  }

  .is-guide .is-guide__items .is-guide__list01 {
    grid-template-columns: repeat(1, 1fr);
  }

  .guideH2 {
    margin: 0 !important;
  }

  .is-philosophy__items .flex02,
  .is-philosophy__items .flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;


  }

  .is-philosophy__items .flex .right,
  .is-philosophy__items .flex02 .left {
    min-width: unset;
  }

  .is-philosophyh1 {
    margin-top: 5rem !important;
  }



  .is-recruiter .is-recruiter__items05 {
    padding: 24px 12px;
  }

  .is-recruiter .recruit-table {
    font-size: 1.3rem;
    line-height: 160%;
    min-width: 600px;
  }

  .is-recruiter .recruit-table thead th,
  .is-recruiter .recruit-table tbody th,
  .is-recruiter .recruit-table td {
    padding: 1.2rem;
  }

  .is-recruiter .recruit-table thead th:nth-child(2),
  .is-recruiter .recruit-table tbody td:nth-child(2) {
    font-size: 1.6rem;
  }


  .is-recruiter__items01 .flex {
    flex-direction: column;
    align-items: center;
  }

  .is-recruiter .is-recruiter__items01 .right {
    min-width: unset;
  }

  .is-recruiter .is-recruiter__items03 ul li {
    flex-direction: column;
  }

  .is-recruiter .is-recruiter__items04 ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }

  .is-recruiter__items06 .flex04 {
    flex-direction: column-reverse;
    align-items: center;
  }

  .is-recruiter__items06 .flex04 .right {
    min-width: unset;
  }

  .is-recruiter h4 h5 {
    font-size: 1.6rem !important;
  }
}

/* スマホ（480px以下） */
@media screen and (max-width: 480px) {
  .is-recruiter .is-recruiter__items05 {
    padding: 20px 8px;
  }

  .is-recruiter .recruit-table {
    font-size: 1.2rem;
    min-width: 480px;
  }

  .is-recruiter .recruit-table thead th,
  .is-recruiter .recruit-table tbody th,
  .is-recruiter .recruit-table td {
    padding: 1rem 0.6rem;
  }

  .is-recruiter .recruit-table thead th {
    font-size: 1.4rem;
    padding: 1rem 0.6rem;
  }

  .is-recruiter .recruit-table tbody td:nth-child(2) {
    font-size: 1.4rem;
  }

  /* ○×アイコン縮小 */
  .is-recruiter .recruit-table .circle {
    width: 20px;
    height: 20px;
  }

  .is-recruiter .recruit-table .cross {
    width: 21px;
    height: 21px;
  }
}

/* Container */
#contents {
  max-width: 1024px;
  margin: 0 auto;
  padding: 15rem 2rem;

}

/* Main Content */
.cUser_info .contents_m {
  flex: 1;
  min-width: 0;
}

.cUser_info .contents_m h2 {
  font-size: 2.4rem;
  color: #d98e32;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #faf7eb;
}

.cUser_info .contents_m h2 .id {
  font-size: 1.4rem;
  color: #999;
  margin-left: 1.5rem;
  font-weight: normal;
}

/* Info Table */
.cUser_info .info_table {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 0.8rem;
  margin-bottom: 3rem;
  overflow: hidden;
}

.cUser_info .info_table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.6rem;
}

.cUser_info .info_table caption {
  background-color: #faf7eb;
  color: #d98e32;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 1.5rem;
  text-align: left;
}

.cUser_info .info_table th {
  background-color: #f5f5f5;
  color: #333;
  font-weight: 600;
  padding: 1.5rem;
  text-align: left;
  vertical-align: top;
  width: 22rem;
  border-bottom: 1px solid #e0e0e0;
}

@media screen and (max-width: 768px) {
  .cUser_info .info_table th {
    width: 10rem ! important;
  }
}

.cUser_info .info_table td {
  padding: 1.5rem;
  border-bottom: 1px solid #e0e0e0;
  line-height: 1.8;
}

.cUser_info .info_table tr:last-child th,
.cUser_info .info_table tr:last-child td {
  border-bottom: none;
}

.cUser_info .googlemap a {
  color: #d98e32;
  text-decoration: none;
}

.cUser_info .googlemap a:hover {
  text-decoration: underline;
}

/* Contents Box */
.cUser_info .contents_box {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 0.8rem;
  margin-bottom: 3rem;
  overflow: hidden;
}

.cUser_info .contents_box.cuser_match,
.cUser_info .contents_box.area_job {
  display: none;
}

.cUser_info .contents_box h3 {
  background-color: #faf7eb;
  color: #d98e32;
  font-size: 1.8rem;
  padding: 1.5rem 2rem;
}

.cUser_info .contents_box .body {
  padding: 2rem;
}

/* Job List */
.cUser_info .side-bar_contents {
  display: block;
  text-decoration: none;
  color: inherit;
  border: 1px solid #e0e0e0;
  border-radius: 0.8rem;
  overflow: hidden;
  margin-bottom: 2rem;
  transition: box-shadow 0.3s;
}

.cUser_info .side-bar_contents:hover {
  box-shadow: 0 4px 12px rgba(217, 142, 50, 0.15);
}

.cUser_info .side-bar_item {
  display: flex;
  gap: 1.5rem;
  padding: 1.5rem;
}

.cUser_info .side-bar_image {
  flex-shrink: 0;
  width: 16rem;
  height: 12rem;
  overflow: hidden;
  border-radius: 0.4rem;
}

.cUser_info .side-bar_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cUser_info .side-bar_text h3 {
  font-size: 1.6rem;
  color: #333;
  line-height: 1.6;
  background: none;
  padding: 0;
}

.cUser_info .side-bar_category {
  background-color: #faf7eb;
  padding: 1rem 1.5rem;
  text-align: center;
}

.cUser_info .side-bar_category span {
  color: #d98e32;
  font-weight: 600;
  font-size: 1.4rem;
}

/* More Link */
.cUser_info .more {
  text-align: center;
  margin-top: 2rem;
}

.cUser_info .more a {
  display: inline-block;
  padding: 1rem 3rem;
  background-color: #d98e32;
  color: #fff;
  text-decoration: none;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  transition: background-color 0.3s;
}

.cUser_info .more a:hover {
  background-color: #c27a28;
}

/* User List */
.cUser_info .cuser_list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
  gap: 2rem;
}

.cUser_info .cuser_list li {
  border: 1px solid #e0e0e0;
  border-radius: 0.8rem;
  overflow: hidden;
  transition: box-shadow 0.3s;
}

.cUser_info .cuser_list li:hover {
  box-shadow: 0 4px 12px rgba(217, 142, 50, 0.15);
}

.cUser_info .cuser_list .img {
  width: 100%;
  height: 16rem;
  overflow: hidden;
  background-color: #f5f5f5;
}

.cUser_info .cuser_list .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cUser_info .cuser_list .text {
  padding: 1.5rem;
}

.cUser_info .cuser_list .cate {
  display: block;
  color: #999;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.cUser_info .cuser_list .title a {
  color: #333;
  text-decoration: none;
  font-size: 1.5rem;
  line-height: 1.5;
}

.cUser_info .cuser_list .title a:hover {
  color: #d98e32;
}

/* Sidebar */
.cUser_info .contents_s {
  width: 35rem;
  flex-shrink: 0;
  display: none;
}

.cUser_info .contents_s .contents_box {
  margin-bottom: 2rem;
}

.cUser_info .contents_s h2 {
  background-color: #faf7eb;
  color: #d98e32;
  font-size: 1.6rem;
  padding: 1.2rem 1.5rem;
  margin: 0;
}

.cUser_info .contents_s h2 a {
  color: #d98e32;
  text-decoration: none;
}

.cUser_info .contents_s .body {
  padding: 1.5rem;
}

/* Pagination */
.cUser_info .search_page {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 0;
  margin-top: 2rem;
  border-top: 1px solid #e0e0e0;
}

.cUser_info .search_page p {
  font-size: 1.4rem;
  color: #666;
}

.cUser_info .search_page ul {
  display: flex;
  gap: 0.5rem;
  list-style: none;
}

.cUser_info .search_page li {
  font-size: 1.4rem;
}

.cUser_info .search_page li.focus {
  background-color: #d98e32;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 0.3rem;
}

.cUser_info .search_page li a {
  display: block;
  padding: 0.5rem 1rem;
  color: #666;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  border-radius: 0.3rem;
  transition: all 0.3s;
}

.cUser_info .search_page li a:hover {
  background-color: #faf7eb;
  color: #d98e32;
  border-color: #d98e32;
}

/* Messages */
.cUser_info .message,
.cUser_info .message_result_none {
  padding: 1.5rem;
  background-color: #f9f9f9;
  border-left: 4px solid #d98e32;
  font-size: 1.4rem;
  color: #666;
}

.cUser_info .message a {
  color: #d98e32;
  text-decoration: none;
}

.cUser_info .message a:hover {
  text-decoration: underline;
}

.view-article__header__category {
  display: none;
}