@charset "utf-8";

/*  PC to SP */
/*========= レイアウト ===============*/

.outline {
  padding: 155px 0 160px;
}
.outline .outline-inner {
  width: 100%;
  margin: 0 auto;
}
.outline .outline-inner .outline-title {
  font-family: 'line';
  font-size: 42px;
  letter-spacing: 0.04em;
  line-height: 1.19;
  text-align: center;
  margin: 0 auto 70px;
  position: relative;
  z-index: 10;
}
.outline .outline-inner .outline-title:before,
.outline .outline-inner .outline-title:after {
  display: block;
  content: '';
  width: min(24.81vw ,360px);
  height: 1px;
  background-color: #2E2E2E;
  position: absolute;
  top: 22px;
}
.outline .outline-inner .outline-title:before {
  left: 0;
}
.outline .outline-inner .outline-title:after {
  right: 0;
}
.outline .outline-inner .outline-title span {
  display: block;
  font-size: 20px;
  letter-spacing: 0.4em;
  line-height: 1.2;
  margin: 25px 0 0;
}
.outline .outline-inner .outline-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.outline .outline-inner .outline-about dt {
  width: calc(220/1080 * 100%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid rgba(46, 46, 46, 0.3);
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.04em;
  line-height: calc(49/16);
}
.outline .outline-inner .outline-about dd {
  width: calc(860/1080 * 100%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid rgba(46, 46, 46, 0.3);
  font-size: 16px;
  letter-spacing: 0.04em;
  line-height: calc(49/16);
}


/* SP all */
@media screen and (max-width: 1024px) {
    
    .outline {
        padding: 12.6953125vw 0 7.8125vw;
      }
      .outline .outline-inner {
        width: 100%;
      }
      .outline .outline-inner .outline-title {
        font-size: 2.5390625vw;
        margin: 0 auto 3.41796875vw;
        line-height: 1.1;
      }
      .outline .outline-inner .outline-title:before,
      .outline .outline-inner .outline-title:after {
        width: min(17vw, 20vw);
        top: 1.4vw;
      }
      .outline .outline-inner .outline-title span {
        font-size: 1.3671875vw;
        margin: 1.46484375vw 0 0;
        line-height: 1.2;
      }
      .outline .outline-inner .outline-about dt {
          width: calc(130/545 * 100%);
        font-size: 1.17vw;
        line-height: calc(40/12);
      }
      .outline .outline-inner .outline-about dd {
          width: calc(415/545 * 100%);
        font-size: 1.17vw;
        line-height: calc(40/12);
      }    
}

@media screen and (max-width: 576px) {
  .outline {
    padding: 33.33333333vw 0 15.38461538vw;
  }
  .outline .outline-inner {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
  }
  .outline .outline-inner .outline-title {
    font-size: 6.66666667vw;
    margin: 0 auto 8.97435897vw;
    line-height: 1.1;
  }
  .outline .outline-inner .outline-title:before,
  .outline .outline-inner .outline-title:after {
    width: 15vw;
    top: 3.5vw;
  }
  .outline .outline-inner .outline-title span {
    font-size: 3.58974359vw;
    margin: 3.84615385vw 0 0;
    line-height: 1.2;
  }
  .outline .outline-inner .outline-about dt {
      width: calc(130/342 * 100%);
    padding: 0 0 2.56410256vw;
    margin: 0 0 2.56410256vw;
    font-size: 3.07692308vw;
    line-height: 1.6;
  }
  .outline .outline-inner .outline-about dd {
      width: calc(212/342 * 100%);
    padding: 0 0 2.56410256vw;
    margin: 0 0 2.56410256vw;
    font-size: 3.07692308vw;
    line-height: 1.6;
  }
  
}