@charset "UTF-8";
@import url("base.css");
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*基本設定*/
/*メイン*/
#top {
  margin: 5em auto 0;
  width: 100%; }
  #top #midashi {
    margin: 0 auto; }
  #top #top_p {
    margin: 2em auto;
    font-size: 120%;
    font-weight: bold; }

#anzen_taisaku {
  width: 100%;
  margin: 0 auto; }
  #anzen_taisaku #anzen_midashi {
    margin: 2em auto; }
  #anzen_taisaku #koramu {
    margin: 2em auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #anzen_taisaku #koramu #koramu_inner {
      width: 40%;
      margin: 0 auto;
      align-items: center; }
      #anzen_taisaku #koramu #koramu_inner #koramu_midashi {
        width: 90%;
        margin: 0 auto;
        align-items: center; }
      #anzen_taisaku #koramu #koramu_inner #koramu_koumoku {
        width: 90%;
        margin: 1em auto;
        align-items: center;
        font-size: 126%; }
    #anzen_taisaku #koramu #koramu_img {
      width: 56%;
      align-items: center;
      font-weight: bold; }

.point {
  margin: 0 auto;
  width: 90%; }
  .point .point_h2 {
    margin: 2em auto 1em 0;
    width: 80%; }
  .point .koumoku_ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .point .koumoku_ul .koumoku {
      width: 23%; }
      .point .koumoku_ul .koumoku .koumoku_midashi {
        margin: 1em auto;
        text-align: center;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #FF931E;
        border-radius: 5px; }

#QED {
  margin: 2em auto 5em;
  width: 90%; }
  #QED #yazirushi {
    width: 30%;
    margin: 2em auto; }

#torikumi {
  width: 100%;
  margin: 2em auto; }
  #torikumi #torikumi_midashi {
    margin: 2em auto; }
  #torikumi .torikumi_rist {
    width: 90%;
    margin: 2em auto; }
    #torikumi .torikumi_rist .bg {
      position: relative;
      margin: 2em auto; }
      #torikumi .torikumi_rist .bg .tori_li {
        position: absolute;
        top: 30%;
        left: 5%;
        font-size: 120%;
        font-weight: bold;
        color: #2B2B2B;
        line-height: 150%; }

/*フッター*/
/* pc */
@media screen and (min-width: 1100px) {
  /*ヘッダー*/
  /*メイン*/
  #top, #anzen_taisaku, .point, #QED, #torikumi {
    width: 1000px; }

  /*フッター*/ }
/* tablet2  */
@media only screen and (max-width: 767px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  #top {
    margin: 2em auto 0;
    width: 90%; }
    #top #midashi {
      margin: 0 auto; }
    #top #top_p {
      margin: 1em auto;
      font-size: 85%;
      font-weight: bold; }

  #anzen_taisaku {
    width: 100%;
    margin: 0 auto; }
    #anzen_taisaku #anzen_midashi {
      margin: 2em auto;
      width: 90%; }
    #anzen_taisaku #koramu {
      margin: 2em auto;
      width: 90%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #anzen_taisaku #koramu #koramu_inner {
        width: 40%;
        margin: 0 auto;
        align-items: center; }
        #anzen_taisaku #koramu #koramu_inner #koramu_midashi {
          width: 90%;
          margin: 0 auto;
          align-items: center; }
        #anzen_taisaku #koramu #koramu_inner #koramu_koumoku {
          width: 90%;
          margin: 1em auto;
          align-items: center;
          font-size: 85%; }
      #anzen_taisaku #koramu #koramu_img {
        width: 56%;
        align-items: center;
        font-weight: bold; }

  .point {
    margin: 0 auto;
    width: 90%; }
    .point .point_h2 {
      margin: 2em auto 1em 0;
      width: 95%; }
    .point .koumoku_ul {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .point .koumoku_ul .koumoku {
        width: 48%; }
        .point .koumoku_ul .koumoku:nth-child(n+3) {
          margin: 1em auto; }
        .point .koumoku_ul .koumoku .koumoku_midashi {
          margin: 1em auto;
          text-align: center;
          font-weight: bold;
          color: #FFFFFF;
          background-color: #FF931E;
          border-radius: 5px; }

  #QED {
    margin: 0em auto;
    width: 90%; }
    #QED #yazirushi {
      width: 40%; }

  #torikumi {
    width: 90%;
    margin: 0 auto 2em; }
    #torikumi #torikumi_midashi {
      margin: 2em auto; }
    #torikumi .torikumi_rist {
      width: 90%;
      margin: 2em auto; }
      #torikumi .torikumi_rist .bg {
        width: 100%;
        position: relative;
        margin: 2em auto;
        align-items: center; }
        #torikumi .torikumi_rist .bg .tori_li {
          position: absolute;
          top: 30%;
          left: 5%;
          font-size: 80%;
          font-weight: bold;
          color: #2B2B2B;
          line-height: 110%; } }
/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  #top {
    margin: 2em auto 0;
    width: 90%; }
    #top #midashi {
      margin: 0 auto; }
    #top #top_p {
      margin: 1em auto;
      font-size: 85%;
      font-weight: bold; }

  #anzen_taisaku {
    width: 100%;
    margin: 0 auto; }
    #anzen_taisaku #anzen_midashi {
      margin: 2em auto;
      width: 90%; }
    #anzen_taisaku #koramu {
      margin: 2em auto;
      width: 90%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #anzen_taisaku #koramu #koramu_inner {
        width: 40%;
        margin: 0 auto;
        align-items: center; }
        #anzen_taisaku #koramu #koramu_inner #koramu_midashi {
          width: 90%;
          margin: 0 auto;
          align-items: center; }
        #anzen_taisaku #koramu #koramu_inner #koramu_koumoku {
          width: 90%;
          margin: 1em auto;
          align-items: center;
          font-size: 85%; }
      #anzen_taisaku #koramu #koramu_img {
        width: 56%;
        align-items: center;
        font-weight: bold; }

  .point {
    margin: 0 auto;
    width: 90%; }
    .point .point_h2 {
      margin: 2em auto 1em 0;
      width: 95%; }
    .point .koumoku_ul {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .point .koumoku_ul .koumoku {
        width: 48%; }
        .point .koumoku_ul .koumoku:nth-child(n+3) {
          margin: 1em auto; }
        .point .koumoku_ul .koumoku .koumoku_midashi {
          margin: 1em auto;
          text-align: center;
          font-weight: bold;
          color: #FFFFFF;
          background-color: #FF931E;
          border-radius: 5px; }

  #QED {
    margin: 0em auto;
    width: 90%; }
    #QED #yazirushi {
      width: 40%; }

  #torikumi {
    width: 90%;
    margin: 0 auto 2em; }
    #torikumi #torikumi_midashi {
      margin: 2em auto; }
    #torikumi .torikumi_rist {
      width: 90%;
      margin: 2em auto; }
      #torikumi .torikumi_rist .bg {
        width: 100%;
        position: relative;
        margin: 2em auto;
        align-items: center; }
        #torikumi .torikumi_rist .bg .tori_li {
          position: absolute;
          top: 30%;
          left: 5%;
          font-size: 80%;
          font-weight: bold;
          color: #2B2B2B;
          line-height: 110%; }

  /*フッター*/ }
