/* BASIC css start */
#container {
      width: 100%;
      position: relative;
      background-color: var(--bg__colorG0G6);
      padding-bottom: 60px;
    }
    .plan__content{
      padding: 40px 20px;
    }
    .content__tit {
      font-size: 2em;
      font-weight: bold;
    }
    .content__sub{
      font-size:0.95em;
    }
    .content__inner{
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
      gap: 10px;
      margin-top:40px;
    }
    .inner__img{
      width:100%;
    }
    .content__inner figcaption{
      margin:5px 0px 10px 0px;
    }
    .content__inner figcaption p{
      text-align: center;
    }
    .content__inner figcaption p.tit{
      font-size:1.2em;
      font-weight: bold;
    }
    .content__inner figcaption p.tit span{
      font-size:1.1em;
    }
    .content__inner figcaption p:first-child{
      margin:8px 0px;
    }
    .content__inner figcaption a{
      display:inline-block;
      margin:30px 0px;
      border-radius: 500px;
      width:100%;
      height:44px;
      line-height:44px;
      text-align: center;
      font-size:1.1em;
      color:var(--txt__colorW);
      background:var(--bg__colorB);
      transition: transform ease-out 0.25s;
    }
    .content__inner figcaption a:hover{
      transform: translateY(-10px);
    }
    .content__info{
      margin-top:40px;
      padding:40px 30px;
      background:var(--bg__colorG1B2);
      color:var(--txt__colorG5G2);
    }
    .content__infotit{
      font-size:1.2em;
      font-weight: bold;
      margin-bottom:10px;
    }
    @media (min-width: 768px) {
      .plan__content {
        max-width: 768px;
        margin: 0px auto;
      }
      .content__tit, .content__sub{
        text-align: right;
      }
    }
    @media (min-width: 1280px) {
      .content__tit, .content__sub{
        text-align: center;
      }
    }
/* BASIC css end */