only-sp {
  display: none;
}
@media screen and (max-width: 782px) {
  only-sp {
    display: block;
  }
}
html {
  font-size: 62.5%; /* 16px * 62.5% = 10px */
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  margin-top: 0px !important;
  padding: 0;
  scroll-behavior: smooth;
  scroll-padding-top: 20vh; /*ヘッダーの高さ分設定*/
}
html, body {
  width: 100%;
  overflow-x: hidden;
}
@media screen and (max-width: 782px) {
  html {
    margin-top: 0px !important;
  }
}
body {
  color: var(--black-color); /* RGB */
  font-family: "Noto Serif JP";
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 3rem;
  background-color: var(--white-color);
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
}
ol, ul {
  padding-left: 0px;
}
.content {
  margin-top: 0px;
}
.main {
  background-color: var(--white-color);
  /* 16px */
  font-family: "Noto Serif JP";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  color: var(--gray-color);
  width: 100%;
  padding: 0;
  border: none;
  margin: 0px;
}
@media screen and (max-width: 1023px) {
  main.main, div.sidebar {
    display: block;
    margin: 0px;
    width: 100%;
  }
}
@media screen and (max-width: 834px) {
  main.main, div.sidebar {
    padding: 0px;
    margin: 0;
    border-width: 0;
  }
}
h2 {
  font-weight: 700;
  margin: 0;
}
h3 {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0;
  line-height: normal;
  padding-top: 10px;
}
h4{
  line-height: normal;
}
  .english-title {
  font-size: 4rem;
}
@media screen and (max-width: 980px) {
  /* 980px以下に適用されるCSS（タブレット用） */
  .english-title  {
    font-size: 3.2rem;
  }
  h2 {
 font-size: 3.2rem;
}
}
a {
  text-decoration: none;
  font-weight: 700;
  text-align: center;
  display: inline-block; /* ✅ 幅や高さが効くようになる */
}
/*cocconででてきたtablelineを消す */
table:not(.has-border-color) :where(th, td) {
  border: none;
}
/*cocconでできた幅指定を100％に */
.wrap {
  width: 100%;
  ;
}
.mv-background {
  width: 100%;
  height: 380px;
  margin-top: 83.5px;
}
.section-mv h2 {
  color: #FFF;
  font-size: 6rem;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-align: center;
}
.section-mv p {
  color: #FFF;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 250% */
}


@media screen and (max-width: 1100px) {
  .mv-background {
  margin-top: 71.95px;
}
}



@media screen and (max-width: 680px) {
  .section-mv h2 {
    font-size: 3.2rem;
  }
}




.breadcrumb {
  background: #E70012;
  margin: 0;
  font-size: 1.5rem;
}
.breadcrumb ul {
  display: flex;
  max-width: 1140px;
  gap: 70px;
  margin: 0 auto;
  padding: 0 25px;
}
.breadcrumb a {
  color: #fff;
}
.breadcrumb span {
  padding-right: 15px;
}
.name {
  font-weight: 700;
  text-align: right;
}
@media screen and (max-width: 480px) {
  .breadcrumb ul {
    gap: 40px;
  }
}