/* 蜈ｱ騾� */
      @charset "UTF-8";
      html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: transparent
      }
      body {
        margin:0; padding:0; font-family: "貂ｸ繧ｴ繧ｷ繝�け菴�", YuGothic, "貂ｸ繧ｴ繧ｷ繝�け", "Yu Gothic", "繝｡繧､繝ｪ繧ｪ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; font-weight: 500;
      }
      main {
        display: block
      }
      p, table, blockquote, address, pre, iframe, form, figure, dl {
        margin: 0
      }
      h1, h2, h3, h4, h5, h6 {
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit;
        margin: 0
      }
      ul, ol, li {
        margin: 0;
        padding: 0;
        list-style: none
      }
      a {
        text-decoration: none;
        color: #333;
      }
      a:hover {
        opacity: 0.6;
      }
/* --------------------------- */
      .pc_only { display: block; }
      p {
        font-size: 18px;
        line-height: 1.5;
      }
      .main_visual img {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
      }

      .top .top_sub {
        width: 99%;
        max-width: 1200px;
        margin: 40px auto;
      }

      .top .top_sub ul {
        display: flex;
        justify-content: space-between;
      }

      .top .top_sub ul li {
        width: 18%;
      }

      .top .top_sub ul li img {
        width: 100%;
      }

      article.contents {
        margin: 0 auto;
      }
      .contents .item {
        padding: 30px 0 60px;
      }
      .contents .item_last {
        padding-bottom: 0px;
      }
      .contents .item_odd {
        background-color: #efefef;
      }
      .contents .item_even {
        background-color: #fff;
      }
      .contents .item_inner {
        width: 100%;
        max-width: 1120px;
        margin: 0 auto;
        padding: 0;
      }
      .contents .cont_ttl {
        margin-bottom: 40px;
        text-align: center;
      }
      .contents .cont_ttl h2 {
        font-size: 32px;
        font-weight: bold;
        line-height: 1.5;
        padding: 20px 0;
        max-width: 1120px;
        letter-spacing: 0.2em;
      }
      .contents .cont_ttl h2.ttl_long {
        letter-spacing: 0.1em;
      }
      .contents .cont_img {
        width: 100%;
        max-width: 1120px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
      }

      .contents .cont_img img {
        width: 100%;
        max-width: 1120px;
      }
      #osusume_02 .cont_img {
        text-align: center;
      }
      #osusume_02 .cont_img img  {
        width: 75%;
        margin: 0 auto;
      }

      .contents .item_inner .copy_text {
        margin-bottom: 30px;
        text-align: center;
      }
/* 
      #osusume_02 .item_inner .copy_text {
        margin-bottom: 0;
      } */

      .cont_img_inner {
        position: relative;
        width: 49%;
        margin: 20px 0;
      }

      .osusume .cont_img_inner {
        width: 100%;
      }


      @media screen and (max-width: 768px) {
        .cont_img_inner {
          width: 100%;
          margin: 0;
        }
        .contents .item_odd {
          padding-bottom: 0;
        }

        .contents .item_odd .cont_img img {
          vertical-align: bottom;
        }
      }

      .cont_img_inner .cont_read {
        position: absolute;
        top: 17%;
        right: 8%;
        background-color: rgb(255 255 255 / 80%);
        text-align: center;
        width: 32%;
        max-width: 200px;
        min-height: 65%;
        padding: 20px 0;
        z-index: 50;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      @media screen and (min-width: 769px) {
        .osusume .cont_img_inner .cont_read {
          top: 25%;
          right: 8%;
          text-align: center;
          width: 40%;
          max-width: 300px;
          min-height: 50%;
          padding: 30px 0 10px;
        }
        .osusume .cont_img_inner .cont_read h3 {
          font-size: 22px;
        }
        .osusume .cont_img_inner .cont_read p {
          font-size: 18px;
        }
      }
      @media screen and (max-width: 960px) {
        .cont_img_inner .cont_read {
          top: 15%;
          right: 5%;
          text-align: center;
          width: 42%;
          max-width: 200px;
          height: 70%;
          padding: 10px 0;
        }
      }
      @media screen and (max-width: 960px) and (min-width: 768px) {
          .osusume .cont_img_inner .cont_read {
            height: 40%;
          }
      }
      @media screen and (max-width: 768px) {
        .cont_img_inner .cont_read {
          top: 15%;
          right: 5%;
          text-align: center;
          width: 40%;
          max-width: 200px;
          min-height: 50%;
          padding: 20px 0;
        }
      }


      .cont_img_inner img {
        width: 100%;
      }
      .cont_img_inner .cont_read h3 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
      }
      .cont_img_inner .cont_read img {
        z-index: 90;
        width: 100px;
      }
      .cont_img_inner .cont_read p {
        width: 100%;
        margin: 10px auto;
        font-size: 14px;
      }
      @media screen and (max-width: 1100px) {
        .cont_img_inner .cont_read p {
          margin: 5px auto;
          font-size: 12px;
        }
      }



      .contents .item_inner ul {
				display: flex;
				flex-wrap: wrap;
				align-content: space-between;
        width: 80%;
        margin: 0 auto;
        max-width: 1120px;
        overflow: hidden;
        clear: both;
      }
      .contents .item_inner ul li {
				flex-basis: 50%;
				align-self: stretch;
        float: left;
        text-align: center;
        margin-bottom: 45px;
      }

      .contents .item_inner ul li img {
        width: 100%;
        margin-bottom: 10px;
      }
      .contents .item_inner ul li a {
        font-size: 18px;
        color: #00a273;
        text-decoration: underline;
      }

      .p-footer {
        width: 85%;
        max-width: 1120px;
        margin: 0 auto;
      }
      .p-footer p.copy {
        font-size: 12px;
        color: #333;
        text-align: center;
        margin-top: 10px;
      }

.sp_only { display: none; }

/* SP逕ｨ */
    @media screen and (max-width: 559px) {
      .sp_only { display: block; }
      .pc_only { display: none;  }
      p {
        font-size: 14px;
        line-height: 1.5;
      }
      article.top {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
      }
      article .top_h1 {
        width: 90%;
        margin: 20px auto;
        text-align: center;
      }
      article .top_h1 h1 {
        font-size: 24px;
        font-weight: bold;
        text-align: left;
      }
      .top .read_text {
        width: 90%;
        margin: 0 auto;
      }
      .top .read_text .note {
        font-size: 12px;
        margin-top: 5px;
      }
      article.contents {
        margin: 0 auto;
        padding: 0;
      }
      .contents .item {
        padding: 0;
      }
      .contents .cont_ttl {
        margin: 0;
        padding-top: 20px;
      }
      .contents .cont_ttl h2 {
        font-size: 21px;
        /* text-align: left; */
        line-height: 1.5;
        font-weight: bold;
        padding: 30px 5px 10px;
      }

      .contents .item_inner .copy_text {
        margin-top: 20px;
      }
      /* .contents .item_inner .copy_text h3 {
        font-weight: bold;
        font-size: 15px;
      } */
      .contents .item_inner .copy_text  {
        font-size: 13px;
        /* text-align: left; */
      }

      .cont_img_inner img {
        vertical-align: bottom;
      }

      #osusume_02 .cont_img img  {
        width: 95%;
        margin: 0 auto;
      }

      .cont_img_inner .cont_read {
        top: 15%;
        right: 5%;
        width: 40%;
        max-width: 200px;
        min-height: 60%;
        padding: 10px 0;
        height: 70%;
      }
      .cont_img_inner .cont_read h3 {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
      }
      .cont_img_inner .cont_read img {
        z-index: 90;
        width: 80px;
        margin-bottom: 5px;
      }
      .cont_img_inner .cont_read p {
        margin: 5px auto;
        font-size: 12px;
      }



      .contents .item_inner ul {
        width: 100%;
        margin: 20px auto;
				justify-content: space-between;
      }
      .contents .item_inner ul li {
        flex-basis: 48%;
        margin-bottom: 10px;
      }
      .contents .item_inner ul li a {
        font-size: 14px;
      }
      .contents .item_inner ul li img {
        margin-bottom: 5px;
      }
      .p-footer {
        width: 93%;
      }
      .p-footer p.copy {
        font-size: 10px;
        text-align: left;
        padding-bottom: 10px;
      }


/* SP_end */}