@charset "UTF-8";
/* -------------------------------------------------------

setting

------------------------------------------------------- */
:root {
  --margin-block: 200px; }

@media (min-width: 641px) and (max-width: 1100px) {
  :root {
    --margin-block: 90px; } }
@media (max-width: 640px) {
  :root {
    --margin-block: 70px; } }
/* -------------------------/ 

common

------------------------- */
.page-outline {
  background: url("../common/images/bg.jpg") no-repeat center;
  background-size: cover;
  color: #FFF;
  padding-bottom: 7rem; }

/* ページタイトル */
.page-title {
  background: url("../outline/images/mv-page.jpg") no-repeat center; }

.block_outline .h3_outline {
  font-size: calc(20px + ((36 - 20) * (100vw - 640px) / (1920 - 640)));
  margin-bottom: calc( var(--margin-block) / 5 );
  font-weight: 500; }
.block_outline .wrap_outline {
  width: min(90%, 1024px);
  margin: calc( var(--margin-block) / 2 ) auto 0;
  font-weight: 600; }
  @media screen and (max-width: 750px) {
    .block_outline .wrap_outline {
      font-weight: 500; } }
  .block_outline .wrap_outline dl {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    flex-wrap: -webkit-wrap;
    border-top: 1px solid #d1c8b2;
    line-height: 1.6;
    font-size: calc(12px + ((16 - 12) * (100vw - 640px) / (1920 - 640))); }
    .block_outline .wrap_outline dl dt {
      border-bottom: 1px solid #d1c8b2;
      width: 35%;
      padding: 1.5rem 0;
      color: #d1c8b2; }
      @media screen and (max-width: 750px) {
        .block_outline .wrap_outline dl dt {
          width: 100%;
          border-bottom: none;
          padding-bottom: 0; } }
    .block_outline .wrap_outline dl dd {
      border-bottom: 1px solid #d1c8b2;
      width: 65%;
      padding: 1.5rem 0; }
      @media screen and (max-width: 750px) {
        .block_outline .wrap_outline dl dd {
          width: 100%;
          padding-top: 0.5rem; } }
  .block_outline .wrap_outline .remarks,
  .block_outline .wrap_outline .yokoku {
    line-height: 1.6;
    margin-top: calc( var(--margin-block) / 3 );
    font-size: calc(12px + ((16 - 12) * (100vw - 640px) / (1920 - 640))); }
    .block_outline .wrap_outline .remarks p,
    .block_outline .wrap_outline .yokoku p {
      width: min(10%, 120px);
      border: 1px solid #FFF;
      text-align: center;
      padding: 1rem 0;
      margin-bottom: 1rem; }
      @media screen and (max-width: 750px) {
        .block_outline .wrap_outline .remarks p,
        .block_outline .wrap_outline .yokoku p {
          width: 30%; } }