@charset "utf-8";





@media print,screen and (min-width : 501px) { /* ----------------------------------------------------------------------------------------------------*/

#headerimage{
 background:url(titlebg.jpg) center center no-repeat #505050;
}


#sec01,#sec02,#sec03,#sec04,#sec05{
  margin-top:20px;
  line-height:1.5;
}
  #sec01 h2,#sec02 h2,#sec03 h2,#sec04 h2,#sec05 h2{
    color:#FFF;
    padding:10px 0;
    -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
    display:inline-block;
    width:200px;
    text-align:center;
    font-family:"NotoSansJP-Medium","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size:18px;font-size:1.8rem;
  }
  
  
  
  #sec01 h2{
    background-color:#0B7BFF;
  }
  #sec01 #sec01b01{
    margin-top:20px;
  }
  #sec01 #sec01b01 ul{
    margin:20px 0;
  }
  #sec01 #sec01b01 li{
    float:left;
    margin-right:20px;
  }

  #sec01 #sec01b02{
    margin-top:20px;
  }
  #sec01 #sec01b02 h3{
    font-family:"NotoSansJP-Medium","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size:18px;font-size:1.8rem;
    color:#0C52A4;
    margin-bottom:10px;
  }
  
  #sec01 #sec01b02 #sec01b02sc{
    margin-top:20px;
  }
  #sec01 #sec01b02 #sec01b02sc img{
    float:right;
  }
  #sec01 #sec01b02 #sec01b02sc ul{
    margin-bottom:20px;
  }
  
  
  #sec01 #sec01b03{
    margin-top:20px;
  }
  #sec01 #sec01b03 h3{
    font-family:"NotoSansJP-Medium","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size:18px;font-size:1.8rem;
    color:#0C52A4;
    margin-bottom:10px;
  }



  #sec02{
    margin-top:40px;
  }
    #sec02 h2{
      background-color:#4D973B;
    }
    #sec02 img{
     max-width: 100%;
    }
    #sec02 #sec02b01{
      margin-top:20px;
      display:-webkit-box;display:-ms-flexbox;display:flex;
      -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
    }

    #sec02 #sec02b01 #sec02b01L{
      width: 640px;
    }
    #sec02 #sec02b01 #sec02b01R{
      width: 300px;
    }

    #sec02 #sec02b01 #sec02b01R p{
      margin-top: 10px;
      text-align: center;
    }
    #sec02 #sec02b01 #sec02b01R p a{
      font-family:"NotoSansJP-Medium","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
      color:#0C52A4;
    }

    #sec02 #sec02b01 ul{
      margin-bottom: 6px;
      display:flex;
    }
    #sec02 #sec02b01 h3{
      font-family:"NotoSansJP-Medium","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
      font-size:18px;font-size:1.8rem;
      color:#0C52A4;
      margin-bottom:4px;
      margin-top: 10px;
    }


  #sec03 h2{ background-color:#E16200; }
  #sec04 h2{ background-color:#6400BB; }
  #sec05 h2{ background-color:#B50000; }
  
  #sec03,#sec04,#sec05{
    margin-top:40px;
    line-height:1.4;
  }
    #sec03 img,#sec04 img,#sec05 img{
      float:right;
      padding:20px 0 0 20px;
    }
    #sec03 p,#sec04 p,#sec05 p{
      margin-top:20px;
    }


}
@media screen and (max-width : 500px) {  /* ----------------------------------------------------------------------------------------------------*/

#headerimage{
  background:url(titlebg_sp.jpg) center center no-repeat;
}



#sec01,#sec02,#sec03,#sec04,#sec05{
  margin-top:20px;
  line-height:1.5;
}
  #sec01 h2,#sec02 h2,#sec03 h2,#sec04 h2,#sec05 h2{
    color:#FFF;
    padding:10px 0;
    -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
    display:inline-block;
    width:100%;
    text-align:center;
    font-family:"NotoSansJP-Medium","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size:18px;font-size:1.8rem;
  }
  
  
  #sec01 h2{
    background-color:#0B7BFF;
  }
  #sec01 #sec01b01{
    margin-top:20px;
  }
  #sec01 #sec01b01 ul{
    margin:20px 0;
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap: wrap;flex-wrap: wrap;
    -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
  }
  #sec01 #sec01b01 li{
    width: 48%;
    margin-bottom: 10px;
  }

  #sec01 #sec01b02{
    margin-top:20px;
  }
  #sec01 #sec01b02 h3{
    font-family:"NotoSansJP-Medium","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size:18px;font-size:1.8rem;
    color:#0C52A4;
    margin-bottom:10px;
  }
  
  #sec01 #sec01b02 #sec01b02sc{
    margin-top:20px;
  }
  #sec01 #sec01b02 #sec01b02sc img{
    display:block;
    margin:0 auto;
  }
  
  #sec01 #sec01b03{
    margin-top:20px;
  }
  #sec01 #sec01b03 h3{
    font-family:"NotoSansJP-Medium","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size:18px;font-size:1.8rem;
    color:#0C52A4;
    margin-bottom:10px;
  }
  #sec01 #sec01b03 img{
    width:100%;
    height:auto;
  }



  #sec02{
    margin-top:40px;
  }
    #sec02 h2{
      background-color:#4D973B;
    }
    #sec02 img{
     max-width: 100%;
    }
    #sec02 #sec02b01{
      margin-top:20px;
    }

    #sec02 #sec02b01 #sec02b01R{
      margin-top: 20px;
    }
    #sec02 #sec02b01 #sec02b01R p{
      margin-top: 10px;
      text-align: center;
    }
    #sec02 #sec02b01 #sec02b01R p a{
      font-family:"NotoSansJP-Medium","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
      color:#0C52A4;
    }
    
    #sec02 #sec02b01 ul{
      margin-bottom: 6px;
    }
    #sec02 #sec02b01 h3{
      font-family:"NotoSansJP-Medium","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
      font-size:18px;font-size:1.8rem;
      color:#0C52A4;
      margin-bottom:4px;
    }


  #sec03 h2{ background-color:#E16200; }
  #sec04 h2{ background-color:#6400BB; }
  #sec05 h2{ background-color:#B50000; }
  
  #sec03,#sec04,#sec05{
    margin-top:40px;
    line-height:1.4;
  }
    #sec03 img,#sec04 img,#sec05 img{
      padding:20px 0 0 0;
      width:100%;
    }
    #sec03 p,#sec04 p,#sec05 p{
      margin-top:10px;
    }


}