/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[0]!./node_modules/import-glob-loader/index.js!./src/assets/sass/shikaku.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
  Object
--------------------------------- */
/* =================================================================================


  color.scss


================================================================================= */
/* サイトで全体で使うカラーコードの変数を指定 */
/* 各大会のキーカラー */
/* 色指定 */
/* ソーシャル系 */
/* =================================================================================


  font.scss


================================================================================= */
/* 上マージン
----------------------------------------------- */
/* 下マージン
----------------------------------------------- */
/*
  Settings
--------------------------------- */
/*
  Media Queries
--------------------------------- */
/*
  wrap
--------------------------------- */
/* =================================================================================


  Project - shikaku.scss


================================================================================= */
.p-shikaku {
  box-sizing: content-box;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 5%;
}

.p-shikaku-container {
  max-width: 970px;
  margin-right: auto;
  margin-left: auto;
}

.p-shikaku-info {
  position: relative;
  overflow: hidden;
}
.p-shikaku-info__item {
  display: grid;
  margin-bottom: 2rem;
}
.p-shikaku-info__item:last-of-type {
  border-bottom: none;
}
.p-shikaku-info__term {
  align-content: center;
  padding: 0.4em 1em;
  background-color: #1e6aba;
  color: #fff;
  vertical-align: middle;
}
.p-shikaku-info__description {
  padding: 0.5em 1em;
  background-color: #fff;
}

.p-shikaku-info-price {
  display: inline-grid;
  grid-template-columns: auto auto;
  gap: 0 2em;
}
.p-shikaku-info-price dd {
  justify-self: flex-end;
}
@media print, screen and (min-width: 744px) {
  .p-shikaku {
    padding: 6rem 5%;
  }
  .p-shikaku-info {
    border-radius: 10px;
  }
  .p-shikaku-info__item {
    grid-template-columns: 20% 1fr;
    margin-bottom: 0;
    border-bottom: 2px solid #f9f6f6;
  }
  .p-shikaku-info__term {
    padding: 2em;
    text-align: center;
  }
  .p-shikaku-info__description {
    padding: 2em;
  }
}