body {
      font-family: "Noto Sans JP",sans-serif;
      line-height: 1.6;
      padding: 1em;
      background: linear-gradient(-90deg, rgb(231, 224, 216) 0%, rgb(188, 197, 202) 100%);
      color: #282828;
    }
    h1, h2 {
      color: #282828;
    }
    h1 {
      font-weight: 700;
      font-size: 1.4em;
      margin-bottom: 0.5em;
    }
    h2 {
      font-size: 1.1em;
      margin-top: 1.5em;
      font-weight: 700;
    }

    h2 {
      position: relative;
      padding: 1rem .5rem;
      margin-bottom: 1em;
    }

    h2:before,
    h2:after {
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      content: '';
      background-image: -webkit-gradient(linear, right top, left top, from(#30cfd0), to(#330867));
      background-image: -webkit-linear-gradient(right, #30cfd0 0%, #330867 100%);
      background-image: linear-gradient(to left, #30cfd0 0%, #330867 100%);
    }

    h2:before {
      top: 0;
    }

    h2:after {
      bottom: 0;
    }   

    h3{
      font-size: 1.0em;
      padding: 1rem 2rem;
      margin-bottom: 1em;
      border-left: 5px solid #330867;
      background: #ecfefe;
    }

    .note {
      font-size: 0.9em;
      color: #777;
    }
    .highlight {
      color: #c0392b;
      font-weight: 700;
    }

    .u-link{
      text-decoration: underline;
      text-decoration-thickness: 2px;
      text-underline-offset: 0.25em;
      color: #c0392b;
      font-weight: 700;
      text-decoration-color: #c0392b;
    }

    .container{
      margin: 40px auto 40px;
      padding: 40px 20px;
      max-width: 400px;
      background-color: #fff;
    }
    .section {
      margin-bottom: 2em;
    }

    .list01{
      margin-bottom: 1em;
    }

    .mode_change{
      list-style: none;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 30px 2.5%;
    }
    .mode_change li{

    }
    .mode_change li:last-child{
   
    }
    .mode_change .thumb img{
      margin-bottom: 1em;
      border: 1px solid #777;
      width: 100%;
      height: auto;
    }
    .copy{
      text-align: center;
      font-size: 0.8em;
    }