@charset "UTF-8";
@import url("base.css");
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*基本設定*/
/*メイン*/
#dl {
  margin: 2em auto 2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #dl #dl_pdf {
    width: 45%;
    margin: 0 auto 0 0; }
  #dl #di-botan {
    width: 45%;
    margin: auto 0 auto 0; }

#reason {
  width: 100%;
  margin: 5em auto 0; }
  #reason #top {
    margin: 5em auto 0;
    width: 100%; }
    #reason #top #midashi {
      margin: 0 auto; }
    #reason #top #top_p {
      margin: 2em auto;
      font-size: 120%;
      font-weight: bold; }
  #reason #contents {
    margin: 2em auto;
    width: 100%; }
    #reason #contents .reason_cont {
      margin: 0 auto; }
      #reason #contents .reason_cont:nth-child(n+2) {
        margin: 1em 0 0; }
      #reason #contents .reason_cont:nth-child(odd) {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
      #reason #contents .reason_cont:nth-child(even) {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        justify-content: space-between; }
      #reason #contents .reason_cont .innner_right {
        width: 45%;
        margin: 1em auto; }
        #reason #contents .reason_cont .innner_right h2 {
          margin: 0 auto 1em; }
        #reason #contents .reason_cont .innner_right p {
          font-size: 150%;
          line-height: 200%; }
        #reason #contents .reason_cont .innner_right .botan {
          margin: 2em auto 0;
          width: 80%; }
      #reason #contents .reason_cont .innner_img {
        width: 49%;
        margin: 2em auto; }

/*フッター*/
/* pc */
@media screen and (min-width: 1100px) {
  /*ヘッダー*/
  /*メイン*/
  #dl, #reason {
    width: 1280px; }

  /*フッター*/ }
/* tablet2  */
@media only screen and (max-width: 767px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  #dl {
    width: 90%;
    margin: 1em auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #dl #dl_pdf {
      width: 40%;
      margin: 0 auto; }
    #dl #di-botan {
      width: 40%;
      margin: 2em auto 0; }

  #reason {
    width: 90%;
    margin: 2em auto 0; }
    #reason #top {
      margin: 2em auto 0;
      width: 90%; }
      #reason #top #midashi {
        margin: 0 auto; }
      #reason #top #top_p {
        margin: 2em auto;
        font-size: 120%;
        font-weight: bold; }
    #reason #contents {
      margin: 2em auto;
      width: 90%; }
      #reason #contents .reason_cont {
        margin: 1em auto; }
        #reason #contents .reason_cont:nth-child(n+2) {
          margin: 1em 0 0; }
        #reason #contents .reason_cont:nth-child(odd) {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
        #reason #contents .reason_cont:nth-child(even) {
          display: flex;
          flex-wrap: wrap;
          flex-direction: row-reverse;
          justify-content: space-between; }
        #reason #contents .reason_cont .innner_right {
          width: 45%;
          margin: 0 auto; }
          #reason #contents .reason_cont .innner_right h2 {
            margin: 0 auto 0.5em; }
          #reason #contents .reason_cont .innner_right p {
            font-size: 50%;
            line-height: 120%; }
          #reason #contents .reason_cont .innner_right .botan {
            margin: 0 auto 0;
            width: 80%; }
        #reason #contents .reason_cont .innner_img {
          width: 49%;
          margin: 0em auto; } }
/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*基本設定*/
  #dl {
    width: 90%;
    margin: 1em auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #dl #dl_pdf {
      width: 40%;
      margin: 0 auto; }
    #dl #di-botan {
      width: 40%;
      margin: 2em auto 0; }

  #reason {
    width: 90%;
    margin: 2em auto 0; }
    #reason #top {
      margin: 2em auto 0;
      width: 90%; }
      #reason #top #midashi {
        margin: 0 auto; }
      #reason #top #top_p {
        margin: 2em auto;
        font-size: 120%;
        font-weight: bold; }
    #reason #contents {
      margin: 2em auto;
      width: 90%; }
      #reason #contents .reason_cont {
        margin: 1em auto; }
        #reason #contents .reason_cont:nth-child(n+2) {
          margin: 1em 0 0; }
        #reason #contents .reason_cont:nth-child(odd) {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
        #reason #contents .reason_cont:nth-child(even) {
          display: flex;
          flex-wrap: wrap;
          flex-direction: row-reverse;
          justify-content: space-between; }
        #reason #contents .reason_cont .innner_right {
          width: 45%;
          margin: 0 auto; }
          #reason #contents .reason_cont .innner_right h2 {
            margin: 0 auto 0.5em; }
          #reason #contents .reason_cont .innner_right p {
            font-size: 50%;
            line-height: 120%; }
          #reason #contents .reason_cont .innner_right .botan {
            margin: 0 auto 0;
            width: 80%; }
        #reason #contents .reason_cont .innner_img {
          width: 49%;
          margin: 0em auto; } }
/*ヘッダー*/
/*メイン*/
/*フッター*/