.mainvisual__wrapper {
  padding: 0;
  position: relative;
  background-image: url(../img/mainvisual_pc.png), url(../img/mainvisual_back_pc.jpg);
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  width: 100%;
  height: 39.8vw;
}
.mainvisual__txtContents {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mainvisual__txtContents--lead {
  color: var(--cbs-bg-color-white);
  margin-right: 15.6vw;
  white-space: nowrap;
}
.mainvisual__txtContents--lead h1 {
  font-size: 2.86vw;
  line-height: 150%;
  margin-bottom: 2vw;
}
.mainvisual__txtContents--lead p:first-of-type,
.mainvisual__txtContents--lead p:last-of-type {
  font-size: 1.25vw;
  line-height: 160%;
}
.mainvisual__txtContents--lead p:first-of-type {
  font-family: 'Sanskrit Text', serif;
  opacity: 0.75;
  text-shadow: 3px 0 5px rgba(0, 0, 0, 0.5); /* 右に3pxの影、ぼかしは5px、透明度50%の黒色 */
}
.mainvisual__txtContents--list a {
  cursor: pointer;
  text-decoration: none;
  color: var(--cbs-main-color-lightblue);
  transition: var(--cbs-hover);
}
.mainvisual__txtContents--list a:hover {
  color: var(--cbs-font-color-blue);
}
.mainvisual__txtContents--list a div {
  background-color: var(--cbs-bg-color-white);
  width: 19.7vw;
  height: 8.5vw;
  text-align: center;
  border-radius: 0.26vw;
  padding: 2vw 3.125vw;
  box-shadow: 0px 0px 0.78vw rgba(0, 0, 0, 0.6);
}
.mainvisual__txtContents--list a:first-child div {
  margin-bottom: 2vw;
}
.mainvisual__txtContents--list a div p {
  font-size: 1.56vw;
  font-weight: bold;
}
.mainvisual__txtContents--list a div p span {
  font-size: 1.25vw;
  margin-top: 0.26vw;
  font-weight: normal;
}
.top__info {
  width: 61.45vw;
  margin-top: 6.77vw;
  margin-bottom: 9.375vw;
  position: relative;
  z-index: 4;
}
.top__info--title div.top__info--border {
  background-color: var(--cbs-main-color-lightblue);
  width: 0.2vw;
  height: 5vw;
  border-radius: 5px;
  margin-right: 1.04vw;
}
.top__info--title div p {
  font-size: 1.5625vw;
  color: var(--cbs-pagetitle-color-lightgray);
  font-weight: bold;
  margin-bottom: 1.3vw;
  line-height: 1;
}
.top__info--title div h2 {
  font-size: 2vw;
  color: #0C449D;
  font-weight: bold;
  line-height: 1;
}
.top__info--title a {
  border-radius: 0.26vw;
  background-color: var(--cbs-bg-color-white);
  border: 1px solid var(--cbs-font-color-black);
  width: 9.375vw;
  height: 2.5vw;
  font-size: 0.8vw;
  text-decoration: none;
  color: var(--cbs-font-color-black);
}
.top__info--title a:hover {
  background-color: var(--cbs-main-color-lightblue);
  border: none;
  color: var(--cbs-bg-color-white);
  border: 1px solid var(--cbs-main-color-lightblue);
}
dl.top__info--list {
  padding-top: 2.91vw;
}
dl.top__info--list a {
  display: flex;
  text-decoration: none;
  align-items: flex-start;
  border-bottom: 1px solid #787C86;
  padding-top: 1.25vw;
  padding-bottom: 1.04vw;
}
dl.top__info--list dt {
  font-size: 0.83vw;
  color: #787C86;
}
dl.top__info--list dt span {
  color: var(--cbs-main-color-lightblue);
  width: 5.47vw;
  margin-left: 2.08vw;
  font-weight: 500;
}
dl.top__info--list dd {
  font-size: 0.9375vw;
  margin-bottom: 0;
  width: 41vw;
  margin-left: 2.08vw;
  color: var(--cbs-font-color-black);
}
dl.top__info--list img {
  width: 0.26vw;
  height: auto;
  margin-left: 2.08vw;
}