#calendar400{
.wrapper{
  background: url(../img/calendar400/img-mv--sp.jpg) no-repeat center 73px;
  background-size: contain;
  @media screen and (min-width: 769px) {
  background: url(../img/calendar400/img-mv.jpg) no-repeat center 73px;
  background-size: contain;
  }
    .inner{
      .title{
        margin-top: calc(110 / 1363 * 100%);
         font-size: clamp(20px, 0.81vw + 17.72px, 24px);
                    @media screen and (min-width: 769px) {
                font-size: clamp(24px, 0.81vw + 17.72px, 34px);
            }
                            &:after {
                        content: "";
                        display: block;
                        width: 80px;
                        height: 2px;
                        background-color: var(--gold);
                        margin: calc(70 / 1363 * 100%) auto;
                        @media screen and (min-width: 769px) {
                        height: 4px;
                        }
                    }
      }
    }
    .about{
      padding-top: calc(419 / 746 * 100%);
      @media screen and (min-width: 769px) {
        padding-top: calc(589 / 1424 * 100%);
      }
      h3{
        font-size: clamp(20px, 0.81vw + 15.72px, 24px);
        margin-bottom: calc(50 / 1363 * 100%);
        @media screen and (min-width: 769px) {
          font-size: clamp(24px, 0.81vw + 15.72px, 28px);
        }
      }
      p{
        line-height: 2;
        font-size: clamp(16px, 0.61vw, 18px);
      }
    }
    .calendar{
      margin-top: calc(50 / 1363 * 100%);
      margin-bottom: calc(100 / 1363 * 100%);
      overflow: hidden;
      .inner{
         position: relative;
         padding-top:50px;
         padding-bottom:80px;
        &:before{
        content: "";
        background: url(../img/calendar400/img-line.png) no-repeat center top;
        background-size: 100% 38px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 38px;
        z-index: -1;
      }
      &:after{
        content: "";
        background: url(../img/calendar400/img-line.png) no-repeat center bottom;
        background-size: 100% 38px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 38px;
        z-index: -1;
        transform: rotate(180deg);
      }
      
      h4{
        font-size: clamp(20px, 0.81vw + 15.72px, 24px);
        font-weight: 400;
        margin-top: calc(50 / 1363 * 100%);
        margin-bottom: calc(25 / 1363 * 100%);
      }
      dl{
       text-align: justify;
        line-height: 2;
        @media screen and (min-width: 769px) {
      display:grid;
        grid-template-columns: 150px 1fr;
       
        }
        dt{
          font-size: clamp(16px, 0.61vw + 15.72px, 20px);
          margin-top: calc(10 / 960 * 100%);
          font-weight: 700;
          @media screen and (min-width: 769px) {
    margin-top: 0;
          }
        }
        dd{
              font-size: clamp(16px, 0.61vw + 15.72px, 20px);
    
        }
      }
    }
}
}}