body {
  font-family: "Noto Sans JP", sans-serif;
}

.serif{
  font-family: 'Noto Serif JP', serif;
}

.sans-serif {
  font-family: "Noto Sans JP", sans-serif;
}

body h2 {
  font-weight: 600 !important;
  font-size: clamp(1rem, calc(1.25rem + .8vw), 28px);
  color: rgb(0 0 0);
}

body h3,body h4 {
  color: rgb(0 0 0);
}

p {
  line-height: 1.8;
}

a {
  color: unset;
  text-decoration: none;
  cursor: pointer;
}

img {
  width: 100%;
}

.container {
  max-width: 100%;
}

.p-body {
  max-width: 1440px;
  margin: 0px auto;
}

.l-content {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0px auto;
  padding: 90px 0px 0px;
  overflow: hidden;
}

.l-main {
  width: 100%;
  position: relative;
  margin: 0px auto;
  word-wrap:break-word;
}

.p-catch {
  position: relative;
  margin: 0px 0px 80px;
  max-width: 1440px;
  margin-inline: auto;
}

section {
  max-width: 1130px;
  margin-inline: auto;
  padding-inline: 15px;
  padding-bottom: 60px;
  margin-bottom: 80px;
}

.contArea {
  position: relative;
}

.sp {
  display: none;
}

@media screen and (min-width: 769px) {
  div.container {
      padding-right: 15px !important;
      padding-left: 15px !important;
  }
}
@media (max-width: 768px) {
  .l-content {
    padding: 60px 0px 0px;
  }
  
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}

/* grad-btnボタン */
.grad-btn {
  border: 1px solid rgb(130 13 13);
  color: rgb(130 13 13);
  background-color: rgb(255 255 255);
  font-size: .8rem;
  font-weight: 500;
  padding: 10px;
  width: 130px;
  text-align: center;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  cursor: pointer;
}

.grad-btn:hover {
  opacity: .7;
}

.grad-btn::before {
  content: "Read The Story";
}

.grad-btn.is-active::before {
  content: "Back";
}

.grad-btn:after {
  content: url('/lib/img/f04/020/common/grad-btn-arrow.png');
  position: absolute;
  top: 26px;
  left: 50%;
  transform: translateX(-50%);
  transition: .5s ease;
}

.grad-btn.is-active:after {
  top: -18px;
  transform: translateX(-50%) rotate(180deg);
  transition: .5s ease;
}

@media (max-width: 768px) {
  .grad-btn {
    bottom: -65px;
  }
}

/* grad-btn__linkボタン */
.grad-btn__link {
  position: relative;
  background-color: rgb(130 13 13);
  border: 1px solid rgb(130 13 13);
  color: rgb(255 255 255); 
  width: 185px;
  margin-inline: auto;
}

.grad-btn__link a {
  display: block;
  padding: 10px 40px 10px 15px;
  color: rgb(255 255 255);
}

.grad-btn__link a:hover {
  background-color: rgb(255 255 255);
  color: rgb(130 13 13);
  transition: .5s ease;
  opacity: 1;
}

.grad-btn__link a:after {
  content: url('/lib/img/f04/020/common/grad-btn__link-arrowwhite.png');
  position: absolute;
  top: 60%;
  right: 8px;
  transform: translateY(-50%);
}

.grad-btn__link a:hover:after {
  content: url('/lib/img/f04/020/common/grad-btn__link-arrowred.png');
  transition: .5s ease;
}

/* title */
.grad-wrap h2 {
  position: absolute;
}

@media (max-width: 768px) {
  .grad-wrap h2 {
    position: unset;
    width: 100%;
    text-align: center;
  }
}

/* p-chapter__title */
.p-chapter__title img {
  width: 80px;
  height: 80px;
}

.p-chapter__title h2 {
  left: 100px;
}

.p-chapter__title h2 small {
  font-size: clamp(0.8rem, calc(0.8rem + .5vw), 22px);
  font-weight: lighter;
  line-height: 1.7;
}

@media (max-width: 768px) {
  .p-chapter__title img {
    width: 50px;
    height: 50px;
    margin-inline: auto;
    margin-bottom: 10px;
  }
}

/* p-contents__title */
.p-contents__title h2 {
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
  line-height: 2;
}

.p-contents__title h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: black;
  margin-left: 12px;
}

@media (max-width: 768px) {
  .p-contents__title h2:after {
    top: unset;
    bottom: 0;
    left: 0;
    margin-left: 0;
  }
}

/* p-chapter__gray 背景色 */
.p-chapter__gray::before {
  content: "";
  display: block;
  width: 120vw;
  background-color: rgb(230 233 235);
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: -1;
}
.p-chapter__gray.__before::before {
  top: 55%;
}
 
/* label */
.text-label {
  display: inline-block;
  color: #fff;
  font-weight: 700;
  padding: 3px 15px;
}

.text-label.text-label__brown {
  background-color: rgb(123 73 0);
}

.text-label.text-label__red {
  background-color: rgb(130 13 13);
  font-size: 1.2rem;
}


/* ヘッダー */
.l-header {
  position: fixed;
  top: 0;
  z-index: 1100;
  width: 100%;
  height: 90px;
  margin: 0;
  padding: 0;
  padding: 0;
  background: #fff
}

.l-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1100;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  background: #fff
}

.l-header__left {
  width: 70%;
  height: 100%;
  display: flex;
  align-items: center;
}

.l-heade__right {
  width: 20%;
}

.l-header__title {
  display: block;
  margin-inline: 10px;
}

.l-header__text .vr {
  min-height: 0.8em;
}

.l-header__logo {
  display: block;
  margin-right: 5%;
  margin-left: 25%;
}

.l-header__language::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/lib/img/f04/020/common/icon_circle.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .l-header {
    height: 60px;
  }

  .l-header__left {
    width: 65%;
    font-size: .8rem;
  }
  
  .l-heade__right {
    width: 35%;
  }

  .l-header__text {
    width: 130px;
  }

  .l-header__language::before {
    width: 12px;
    height: 12px;
  }
}

.shutto_en:not(:has(> a[data-stt-active]))+.shutto_ja {
  display: none;
}

.shutto_en:has(> a[data-stt-active]) {
  display: none;
}

.shutto_ja:has(> a[data-stt-active]) {
  display: none;
}

/*-------------------------------------------- TOPページ */
/* MV contents */
.p-catch__inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 500px;
  flex-flow: wrap;
}

.p-catch__titleBox {
  width: 43.29%;
  height: 100%;
  padding: 35px 45px;
  background-color: rgb(130 13 13);
  color: rgb(255 255 255);
}

.pageTitle {
  display: inline-block;
  border-bottom: 1px solid;
  line-height: 4rem;
  font-size: clamp(1rem, calc(1.325rem + .85vw), 33px);
  color: rgb(255 255 255);
}

.p-catch__title__text {
  display: inline-block;
  border-bottom: 1px solid;
  line-height: 2.5rem;
}

.p-catch__title__vol {
  font-size: clamp(1rem, calc(1.325rem + .3vw), 25px);
}

.p-catch__title__vol span {
  font-size: clamp(1rem, calc(1.325rem + 1.3vw), 40px);
  min-height: 0.4em;
  opacity: 1;
}

.p-catch__movie {
  width: 56.71%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}

.p-catch__movie::before {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .56);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  content: "";
}

.p-catch__movie iframe {
  width: 120%;
  height: 120%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.p-catch__box {
  width: 80%;
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translateX(-50%);
  color: rgb(255 255 255);
  z-index: 3;
}

.c-title__box {
  border-bottom: 1px solid;
  line-height: 4rem;
  font-size: clamp(1rem, calc(1.325rem + .85vw), 33px);
}

.p-catch__box ul li {
  font-size: clamp(1rem, calc(1.325rem + .85vw), 28px);
  margin-bottom: 25px;
}

.p-catch__box ul li a {
  color: rgb(255 255 255);
}

.p-catch__box ul li span {
  font-size: 1.3rem;
  background-color: rgb(255 255 255);
  color: rgb(0 0 0);
}

@media (min-width: 1440px) {
  .p-catch__titleBox {
    padding: 35px 60px 35px 170px;
  }

  .p-catch__box {
    left: unset;
    right: 170px;
    transform: unset;
    width: 65%;
  }
}

@media (max-width: 1300px) {
  .p-catch__movie iframe {
      width: 202%;
      height: 202%;
  }
}

@media (max-width: 932px) {
  .p-catch__inner {
      height: 600px;
  }

  .p-catch__movie iframe {
    width: 243%;
    height: 243%;
  }
}

@media (max-width: 768px) {
  .p-catch__inner {
    height: auto;
  }
  .p-catch__titleBox {
    width: 100%;
    overflow: hidden;
    padding-inline: 15px;
  }
  .pageTitle,
  .p-catch__title__vol span {
    font-size: 1.6rem;
  }
  .p-catch__title__vol {
    font-size: 1.2rem;
  }
  .p-catch__movie {
    width: 100%;
    height: 300px;
    background: url(/lib/img/f04/020/134/home-catch-bg02.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  .p-catch__movie iframe {
    display: none;
  }
  .p-catch__box {
    width: 95%;
    top: 15px;
  }
  .c-title__box {
    line-height: 2.5rem;
    font-size: 1.6rem;
  }
  .p-catch__box ul li {
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
  .p-catch__box ul li span {
    font-size: 1rem;
  }
}

/* msgBox */
.msgBox-item {
  width: 66%;
  position: relative;
}

.msgBox__img {
  width: 26%;
}

.msgBox__text {
  position: relative;
  overflow: hidden;
  height: 325px;
  transition: height .2s ease;
  padding-top: 60px;
  margin-bottom: 30px;
}

.msgBox__text.is-active {
  height: 100%;
  padding-bottom: 40px;
  transition: height .5s ease;
}

.msgBox__text__name {
  position: absolute;
  top: 14px;
  right: 0;
  font-size: 1.15rem;
}

@media (max-width: 1000px) {
  .msgBox__text {
    height: 250px;
  }
  .msgBox__text__name {
    position: unset;
    text-align: end;
  }
}

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

  .msgBox__text {
    padding-top: 30px;
    margin-bottom: 0;
  }

  .msgBox__img {
    width: 60%;
    margin: auto;
  }
}

/* introBox */
.introBox-item .card {
  border-radius: 0;
}

.introBox-item h3 {
  line-height: 2rem;
  font-size: 1.65rem;
}

.introBox-item small {
  display: block;
  margin-bottom: 8px;
  font-size: 1.1rem;
  font-weight: lighter;
}

.introBox-item h3 small {
  font-size: .95rem;
}

.introBox-item .grad-btn__link {
  background-color: unset;
  border: 1px solid rgb(255 255 255);
  margin-inline: 0;
}

.introBox-item .grad-btn__link a {
  color: rgb(255 255 255);
}

.introBox__first .row {
  position: relative;
  background-color: rgb(130 13 13);
  color: rgb(255 255 255);
  height: 292px;
}

.introBox__first .col-md-3 img {
  height: 292px;
  object-fit: cover;
}

.introBox__first .col-md-9 {
  padding-left: 3%;
}

.introBox__first ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin: 0;
}

.introBox__first li {
  line-height: 1.5;
  padding-left: 30px;
  position: relative;
  margin-bottom: 8px;
}

.introBox__first li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  width: 22px;
  color: #ffffff;
  font-size: .85rem;
  line-height: 1;
  position: absolute;
  top: 3px;
  left: 0;
}

.introBox__first .grad-btn__link {
  position: absolute;
  top: 50%;
  right: 4%;
  transform: translateY(-50%);
}

.introBox__first .grad-btn__link a:hover {
  background-color: rgb(255 255 255);
  color: rgb(130 13 13);
  opacity: 1;
}

.introBox__first .grad-btn__link a:hover:after {
  content: url('/lib/img/f04/020/common/grad-btn__link-arrowred.png');
}

.introBox__second .row {
  background-color: rgb(82 103 113);
  color: rgb(255 255 255);
  height: 270px;
}

.introBox__second .col-md-4 {
  width: 45%;
}

.introBox__second .col-md-8 {
  width: 55%;
}

.introBox__second .col-md-4 img {
  height: 270px;
  object-fit: cover;
}

.introBox__second .grad-btn__link a:hover {
  background-color: rgb(255 255 255);
  color: rgb(82 103 113);
  opacity: 1;
}

.introBox__second .grad-btn__link a:hover:after {
  content: url('/lib/img/f04/020/common/grad-btn__link-arrowblue.png');
}

@media (max-width: 767.9px) {
  .introBox__first .row {
    height: auto;
  }

  .introBox__first .col-md-3 img {
    height: auto;
  }

  .introBox__first .grad-btn__link {
    position: unset;
    margin-top: 45px;
  }

  .introBox-item .col-sm-6 {
    width: 100%;
  }

  .introBox__second .row {
    height: auto;
  }

  .introBox__second .col-md-4 {
    width: 100%;
  }
  
  .introBox__second .col-md-8 {
    width: 100%;
  }

  .introBox__second .col-md-4 img {
    height: auto;
  }
}

/* corectionBox */
.corectionBox-item .card {
  border-radius: 0;
  text-align: center;
}

.corectionBox-item .card img {
  width: 100%;
  height: 550px;
  object-position: 20%;
  object-fit: cover;
}

.corectionBox-item .card-img-overlay {
  top: 50%;
  left: 50%;
  bottom: unset;
  transform: translate(-50%, -50%);
  width: 100%;
}

.corectionBox-item .card-title {
  font-size: clamp(1rem, calc(1.325rem + .8vw), 35px);
}

.corectionBox-item .card-text {
  font-size: clamp(1rem, calc(1rem + .5vw), 23px);
}

.card-text__corection {
  text-align: center;
  background-color: rgb(255 255 255 / 10%);
  border: 1px solid rgb(255 255 255);
  width: 50%;
  min-width: 550px;
  padding: 25px 0px 25px 0px;
  margin-inline: auto;
}

.card-text__corection__subtitle {
  border-bottom: 1px solid rgb(255 255 255);
  width: 80%;
  line-height: 3rem;
  margin-inline: auto;
  font-size: 1.4rem;
}

.card-text__corection__title {
  font-size: clamp(1rem, calc(1.325rem + .8vw), 35px);
  color: rgb(255 255 255);
  line-height: 1.6;
}

.card-text__corection__name {
  font-size: clamp(1rem, calc(1.325rem + .5vw), 30px);
}

.card-text__corection__post {
  font-size: clamp(1rem, calc(1rem + .5vw), 20px);
}

@media (max-width: 768px) {
  .card-text__corection {
    min-width: unset;
    width: 100%;
  }
}

/* newsBox */
.newsBox-item .card {
  border: 0;
  border-radius: 0;
  background-color: #e3e1d3;
  height: 100%;
}

.newsBox-item .card-label {
  background-color: rgb(217 116 0);
  color: rgb(255 255 255);
  display: inline-block;
  padding: 3px 20px;
  font-size: 1.2rem;
}

.newsBox-item h3 {
  font-size: 1.4rem;
  margin-bottom: 1rem;
}

.newsBox-item .card-body__text {
  padding: 0px 15px 20px 15px;
}

@media (max-width: 1000px) {
  .newsBox-item .col-sm-4 {
    width: 100%;
  }
}

/* writeBox */
.writeBox__text {
  width: 83%;
  padding: 0 8%;
}

.writeBox__img {
  width: 17%;
}

blockquote{
  position:relative;
  padding:20px 30px;
  background: #f7f7f7;
}

blockquote:before{
  position:absolute;
  font-family:'FontAwesome';
  content:'\f10d';
  color:#ababab;
  top:10px;
  left:15px;
}

blockquote:after{
  position:absolute;
  font-family:'FontAwesome';
  content:'\f10e';
  color:#ababab;
  right:15px;
  bottom:10px;  
}

@media (max-width: 768px) {
  .writeBox__text {
    width: 100%;
    padding-top: 30px;
    padding-inline: 0;
  }

  .writeBox__img {
    width: 60%;
    margin: auto;
  }
}

/*-------------------------------------------- 下層ページ */
/* corection page */
.corection-contents .card,
.corection-contents .card img {
  border: 0;
  border-radius: 0;
  width: auto;
  height: 500px;
  object-fit: cover;
}

.corection-contents .card-text__corection {
  width: 30%;
  position: absolute;
  top: 50%;
  left: 69%;
  transform: translate(-50%, -50%);
}

.corection-contents .p-catch .icon-img {
  width: 50px;
  height: 50px;
}

.corection-contents .card-text__corection__title {
  border-bottom: 1px solid rgb(255 255 255);
  width: 80%;
  padding-bottom: 15px;
  margin-inline: auto;
  margin-bottom: 15px;
}

.corection-contents .p-contents__title h2 {
  color: rgb(123 73 0);
  text-align: left;
}

.corection-contents .p-contents__title h2:after {
  background-color: rgb(123 73 0);
}

.prologue {
  background-color: rgb(248 244 236);
  padding: 5%;
}

.prologue h2 {
  left: 160px;
}

.bookcorection .contents-item {
  display: flex;
  flex-wrap: wrap;
}

.bookcorection .corection-text {
  width: 62%;
}

.bookcorection .corection-img {
  width: 36%;
  height: fit-content;
  background-color: rgb(246 245 243);
  padding: 3%;
  margin-left: 2%;
}

.bookcorection .corection-img.d-flex img {
  width: 46%;
}

.bookcorection .corection-img.d-flex .corection-img__text {
  width: 49%;
  margin-left: 5%;
}

@media screen and (min-width:768px) and ( max-width:932px) {
  .corection-contents .card img {
    width: auto;
    height: 600px;
    object-fit: cover;
  }

  .corection-contents .card-text__corection {
    left: 50%;
  }

  .bookcorection .corection-img.d-flex img,
  .bookcorection .corection-img.d-flex .corection-img__text {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .corection-contents .card img {
    height: 488px;
  }

  .corection-contents .card-text__corection {
    left: 50%;
    width: 90%;
  }

  .bookcorection .corection-text,
  .bookcorection .corection-img {
    width: 100%;
  }
}

/* navigator page*/
.navigator-contents .p-catch__inner {
  height: 500px;
}

.navigator-contents .p-chapter__title h2 small {
  font-size: clamp(1rem, calc(1.325rem + .8vw), 30px);
}

.p-navigator__img {
  width: 30%;
  max-height: 100%;
}

.p-navigator__img img {
  height: 100%;
  object-fit: cover;
  object-position: 60%;
}

.p-navigator__contents {
  width: 70%;
  position: relative;
  background-color: rgb(130 13 13);
  color: rgb(255 255 255);
}

.p-navigator__text {
  position: absolute;
  top: 50%;
  left: 11%;
  transform: translateY(-50%);
}

.p-navigator__text h1 {
  line-height: 1.8;
  color: rgb(255 255 255);
  font-size: clamp(1rem, calc(1.1rem + 1.3vw), 35px);
}

.p-navigator__subtext {
  font-size: clamp(1rem, calc(1rem + 1vw), 28px);
  margin-bottom: 30px;
}

.p-navigator__name p {
  font-size: clamp(1rem, calc(1.325rem + .6vw), 32px);
  line-height: 2rem;
}

.p-navigator__name small {
  font-size: .6em;
}

.navigator-contents .p-chapter__gray.__before::before {
  top: 18%;
}

.p-heading__title h2 {
  position: unset;
  border-bottom: 1px solid black;
  line-height: 2.5rem;
  padding-bottom: 10px;
  margin: 20px 0 20px 0;
  text-align: left;
}

.navigator-contents .contents-item.d-flex>div {
  width: 62%;
}

.navigator-contents .contents-item.d-flex>figure {
  width: 38%;
}

.navigator-contents .contents-item.d-flex>figure img {
  width: auto;
}

.navigator-contents .contents-item figcaption {
  font-size: .9rem;
}

.navigator-contents .contents-item.p-chapter__gray::before {
  width: 100%;
}

.navigator-contents .p-contents__title h2 {
  color: rgb(130 13 13);
  text-align: left;
}

.navigator-contents .p-contents__title h2:after {
  background-color: rgb(130 13 13);
}

.navigator-recommend {
  border: solid 2px rgb(130 13 13);
  outline: solid 2px rgb(130 13 13);
  outline-offset: 8px;
  padding: 5%;
  margin: 80px 10px;
}

.navigator-recommend ul li {
  position: relative;
  font-size: clamp(1rem, calc(1rem + .5vw), 22px);
  width: calc(100% - 210px);
}

.navigator-recommend .grad-btn__link {
  position: absolute;
  top: 30%;
/*  right: 5%; */
  right: -220px;
  transform: translateY(-50%);
  width: 190px;
  margin-inline: unset;
  margin: 20px 12px;
}

.number-circle {
  display: flow-root;
  width: fit-content;
  counter-reset: my-counter;
  list-style: none;
  padding: 10px 15px;
  margin: 0;
}

.number-circle li {
  position: relative;
  float: left;
  padding-left: 21px;
  margin-right: 55px;
}

.number-circle li:last-child {
  margin-right: 0;
}

.number-circle li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.1rem;
  width: 1.1rem;
  font-size: .8rem;
  position: absolute;
  top: 4px;
  left: 0;
}

.number-circle li:after {
  content: url(/lib/img/f04/020/common/icon-arrow.png);
  position: absolute;
  top: 48%;
  right: -45px;
  transform: translateY(-50%);
}

.number-circle li:last-child:after {
  display: none;
}

.profile {
  background-color: rgb(107 125 133);
  color: rgb(255 255 255);
  margin-top: 160px;
}

.p-profile__title {
  padding: 40px 0 0 280px;
}

.p-profile__title img:first-of-type {
  width: 180px;
  position: absolute;
  top: -80px;
  left: 100px;
}

.p-profile__title h2 {
  position: unset;
  margin-right: 12px;
  color: rgb(255 255 255);
}

.p-profile__title p {
  line-height: 1;
  margin-bottom: .5rem;
}

.profile table {
  width: 84%;
}

.profile table tbody tr {
  border-top: 1px solid rgb(255 255 255 / 0.5);
}

.profile table tbody tr td {
  padding: 10px 0;
}

.profile table tbody tr td:first-child {
  font-size: 18px;
  width: 100px;
  margin-bottom: 10px;
}

.profile table tbody tr td:nth-child(2) {
  padding-left: 15px;
}

.profile table tbody tr td p {
  line-height: 1.5;
  margin-bottom: .6rem;
}

.text-indent {
  text-indent: -3rem;
  margin-left: 3rem;
}

@media (max-width: 1000px) {
  .navigator-recommend ul li {
    width: 100%;
  }
  .navigator-recommend .grad-btn__link {
    position: unset;
    margin-top: 50px;
  }
}

@media (max-width: 768px) {
  .navigator-contents .p-catch__inner {
    height: auto;
  }

  .p-navigator__img {
    width: 100%;
  }

  .p-navigator__contents {
    width: 100%;
    height: 420px;
  }

  .p-navigator__text {
    left: 4%;
  }

  .navigator-contents .contents-item.d-flex>div {
    width: 100%;
  }

  .navigator-contents .contents-item.d-flex>figure {
    width: 100%;
    margin: 25px auto !important;
  }

  .number-circle li {
    width: 100%;
    margin-bottom: 50px;
  }

  .number-circle li:last-child {
    margin-bottom: 0;
  }

  .number-circle li:after {
    content: url(/lib/img/f04/020/common/icon-arrow02.png);
    top: 120%;
    bottom: 0;
    left: 40px;
  }

  .p-profile__title {
    padding: 120px 0 0 0;
    justify-content: center;
  }

  .p-profile__title h2 {
    margin-inline: auto;
  }

  .p-profile__title img:first-of-type {
    left: 50%;
    transform: translateX(-50%);
  }

  .profile table {
    width: 90%;
  }

  .profile table tbody tr td {
    display: block;
  }

  .profile table tbody tr td:nth-child(2) {
    padding-left: 0;
  }
}

/* sitemap */
.sitemap h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 500 !important;
  color: #220000;
}

@media screen and (min-width:992px) {
  .accordion-header button {
    pointer-events: none;
  }
  .collapse:not(.show) {
    display: block !important;
  }
}

/* english */
:lang(en) .p-catch__box ul li {
  margin-bottom: 15px;
}

:lang(en) .msgBox__text__name {
  position: unset;
  text-align: end;
}

:lang(en) .card-text__corection {
  min-width: 650px;
  padding: 15px 0px 15px 0px;
}

@media (max-width: 768px) {
  :lang(en) .corectionBox-item .card img {
    height: 650px;
  }

  :lang(en) .corection-contents .card, :lang(en) .corection-contents .card img.card-img {
    height: 700px;
  }

  :lang(en) .card-text__corection {
    min-width: 90%;
  }
}