@charset "utf-8";

  article h1{
    color: #004c8a;
    text-align: center;
    padding: 15px 0;
    border-top: 2px solid #004c8a;
    border-bottom: 2px solid #004c8a;
  }
  article > ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

/** PC画面 **/
@media print, screen and (min-width: 1201px){
  .sp{
    display: none;
  }
  article{
    width: 870px;
    display: inline-block;
    vertical-align: top;
  }
  aside{
    width: 200px;
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
  }
  aside img{
    margin: 0 0 20px 0;
  }

  article h1{
    font-size: 24px;
    margin-bottom: 40px;
  }
  article h2{
    font-size: 18px;
    font-family: "NotoSansCJKjp-Medium";
    color: #359adc;
    margin-bottom: 15px;
  }
  article a{
    display: block;
    margin-bottom: 5px;
  }
  ul.middle{
    margin: 65px 0;
  }
  ul.flow_list{
    margin-left: 15px;
  }
  ul.last{
    width: 570px;
  }
  .last{
    margin-bottom: 20px;
  }

}


/** SP画面 **/
@media screen and (max-width: 1200px) { /*-----769-----*/
  .pc,
  aside{
    display:none;
  }

  article h1{
    font-size: 32px;
    margin-bottom: 60px;
  }
  article h2{
    font-size: 24px;
    font-family: "NotoSansCJKjp-Medium";
    color: #359adc;
    margin-bottom: 15px;
  }
  article a{
    display: block;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 35px;
  }
  article > ul > li{
    width: 46%;
    margin: 0 0 65px 0;
  }
  ul.flow_list{
    margin-left: 15px;
  }
  .last{
    margin-bottom: 70px;
  }

}

/*プリント用*/
@media print{

}