@charset "UTF-8";
/*
インフォのCSSファイル
*/
/* 色 */
/* pの行間 */
/* サイドエリアのグリッドサイズ */
/* サイドエリアの幅 */
/* 外周のマージン */
/* メインエリアのグリッドサイズ */
/* タブレットのメインエリア幅 */
/* スマホのヘッダー高さ */
/* セクションの最低高さ */
/* 690px */
/*
@use "./_mixins" as mixins;

@include mixins.mobileView {
}

@include mixins.mobileView {
}
*/
#information {
  min-height: 660px;
  height: calc(100svh - 48px);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  #information {
    width: calc(100vw - 48px);
    height: calc(100svh - 24px);
    margin: 0 24px 0 24px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  #information {
    justify-content: center;
  }
}

.info_container {
  display: flex;
  gap: 58px;
  justify-content: flex-start;
  flex-direction: column;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .info_container {
    width: 390px;
    gap: 29px;
  }
}

.info_flex {
  display: flex;
  justify-content: space-between;
  gap: 29px;
  width: calc((60vw - 48px) / 12 * 9);
}
@media screen and (max-width: 1024px) {
  .info_flex {
    width: 100%;
    flex-direction: column;
    gap: 29px;
  }
}

.info_flex p {
  margin: 0;
  padding: 0;
  line-height: 1.8;
}

.info_flex_title {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-grow: 0;
  flex-shrink: 0;
}
.info_flex_title p {
  word-break: keep-all;
}
@media screen and (max-width: 1024px) {
  .info_flex_title {
    align-items: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  .info_flex_title .info_flex_title_inner {
    display: inline-block;
  }
  .info_flex_title .info_flex_title_inner p:nth-child(2) {
    text-align: right;
  }
}
@media screen and (max-width: 375px) {
  .info_flex_title .info_flex_title_inner p:nth-child(2) {
    text-align: left;
  }
}

.info_flex_date {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
}

.info_flex_date p:last-child {
  margin-top: 1rem;
}

.info_img img {
  height: 24px;
}

.info_apology_message {
  margin-top: 60px;
  line-height: 1.4;
}
.info_apology_message .apology_title {
  margin-left: -0.5em;
}
.info_apology_message div {
  display: flex;
}
.info_apology_message div:nth-child(2) {
  flex-direction: column;
}
.info_apology_message div:nth-child(3) {
  flex-direction: column;
  gap: 0;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .info_apology_message div:nth-child(2) {
    display: block;
    margin-bottom: 0;
  }
  .info_apology_message div:nth-child(2) p {
    display: inline;
    margin: 0;
  }
}

/*# sourceMappingURL=info.css.map */