/*$yel_m:rgba(255,196,18,1);*/
.anch_tab {
  display: flex;
  -webkit-justify-content: center;
  justify-content: -webkit- center;
  justify-content: center;
  width: 100%;
  max-width: 500px;
  margin: 0 auto 60px; }
  .anch_tab > li {
    position: relative;
    display: table;
    width: 100%;
    max-width: 230px;
    margin: 0 15px;
    height: 90px; }
    @media screen and (max-width: 768px) {
      .anch_tab > li {
        height: 70px;
        margin: 0 8px;
        max-width: 150px; } }
    .anch_tab > li:hover a {
      color: #ffffff;
      background-color: #3b8c61; }
      .anch_tab > li:hover a:after {
        background: url("/common_n/img/arrow_gr.png") no-repeat center top/100% auto; }
    .anch_tab > li a {
      border-radius: 10px;
      background-color: #fff;
      border: solid 2px #3b8c61;
      position: relative;
      display: table-cell;
      padding: 7px 10px;
      vertical-align: middle;
      text-align: center;
      color: #3b8c61;
      font-size: 18px;
      text-decoration: none;
      font-family: "M PLUS Rounded 1c", sans-serif;
      font-weight: 800;
      line-height: 1.5; }
      @media screen and (max-width: 768px) {
        .anch_tab > li a {
          font-size: 16px;
          padding: 5px 5px; } }
      .anch_tab > li a:after {
        content: "";
        background: url("/common_n/img/arrow_wh.png") no-repeat center top/100% auto;
        position: absolute;
        bottom: -12px;
        left: 50%;
        margin-left: -7px;
        width: 18px;
        height: 13px;
        z-index: 1; }

h2 {
  position: relative;
  display: table;
  background-color: #ac64aa;
  text-align: center;
  height: 60px;
  border-radius: 30px; }
  @media screen and (max-width: 768px) {
    h2 {
      height: 50px;
      border-radius: 25px; } }
  h2 em {
    display: inline-block;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 500;
    color: #ffffff;
    font-size: 28px;
    padding: 5px 50px; }
    @media screen and (max-width: 768px) {
      h2 em {
        font-size: 20px;
        padding: 5px 20px; } }
  h2:before {
    content: "";
    position: absolute;
    bottom: -22px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #ac64aa;
    z-index: 2; }

.lead_txt {
  font-size: 16px;
  text-align: center;
  margin-bottom: 40px; }
  @media screen and (max-width: 768px) {
    .lead_txt {
      font-size: 14px;
      text-align: left;
      margin-bottom: 30px; } }
  .lead_txt .note_txt {
    display: block;
    margin-top: 10px;
    font-size: 13px; }
    @media screen and (max-width: 768px) {
      .lead_txt .note_txt {
        font-size: 12px; } }

#radiation {
  position: relative;
  z-index: 5;
  padding-top: 50px;
  margin: 0 auto 50px; }
  @media screen and (max-width: 768px) {
    #radiation {
      margin: 0 auto 100px;
      padding-top: 40px; } }
  #radiation .cont_area {
    position: relative;
    background-color: #fffcef;
    padding: 0 0 90px;
    border-radius: 20px; }
    @media screen and (max-width: 1120px) {
      #radiation .cont_area {
        padding: 0 10px 70px; } }
    @media screen and (max-width: 768px) {
      #radiation .cont_area {
        padding: 0 10px 40px; } }
    #radiation .cont_area h2 {
      margin: 0 auto 30px;
      transform: translateY(-30px); }
      @media screen and (max-width: 768px) {
        #radiation .cont_area h2 {
          margin: 0px auto 10px; } }
    #radiation .cont_area .read_box {
      display: flex;
      align-items: start;
      max-width: 1000px;
      margin: 0 auto; }
      @media screen and (max-width: 768px) {
        #radiation .cont_area .read_box {
          flex-wrap: wrap;
          max-width: 90%; } }
      #radiation .cont_area .read_box img {
        padding-right: 40px; }
        @media screen and (max-width: 768px) {
          #radiation .cont_area .read_box img {
            padding: 0 0 30px 0; } }
    #radiation .cont_area .howto_area {
      max-width: 1000px;
      margin: 0 auto;
      padding-top: 50px; }
      #radiation .cont_area .howto_area .ttl {
        font-family: "M PLUS Rounded 1c", sans-serif;
        font-size: 25px;
        font-weight: 600;
        color: #ac64aa;
        text-align: center; }
      #radiation .cont_area .howto_area ul {
        display: flex;
        justify-content: space-between;
        padding-top: 30px; }
        @media screen and (max-width: 768px) {
          #radiation .cont_area .howto_area ul {
            flex-wrap: wrap; } }
        #radiation .cont_area .howto_area ul .howto_box {
          width: 320px;
          position: relative; }
          @media screen and (max-width: 768px) {
            #radiation .cont_area .howto_area ul .howto_box {
              width: 90%;
              margin: 0 auto;
              margin-bottom: 50px; } }
          #radiation .cont_area .howto_area ul .howto_box.next::before {
            content: "";
            background-image: url("/lineup/quality/img/next.png");
            background-size: contain;
            background-repeat: no-repeat;
            width: 50px;
            height: 50px;
            display: inline-block;
            position: absolute;
            top: 50%;
            z-index: 5;
            right: -35px;
            vertical-align: middle; }
            @media screen and (max-width: 768px) {
              #radiation .cont_area .howto_area ul .howto_box.next::before {
                transform: rotateZ(90deg);
                right: 50%;
                top: 340px; } }
          #radiation .cont_area .howto_area ul .howto_box h3 {
            background-color: #3b8c61;
            border-radius: 10px 10px 0 0;
            position: relative;
            height: 80px;
            display: flex;
            align-items: center; }
            #radiation .cont_area .howto_area ul .howto_box h3::before {
              content: "";
              position: absolute;
              background-color: #fff;
              width: 50px;
              height: 50px;
              border-radius: 50%;
              text-align: center;
              color: #3b8c61;
              font-family: "M PLUS Rounded 1c", sans-serif;
              font-size: 20px;
              left: 15px;
              vertical-align: middle;
              display: table;
              line-height: 50px; }
            #radiation .cont_area .howto_area ul .howto_box h3 em {
              color: #fff;
              padding-left: 80px;
              font-size: 18px; }
              @media screen and (max-width: 768px) {
                #radiation .cont_area .howto_area ul .howto_box h3 em {
                  padding-right: 20px; } }
          #radiation .cont_area .howto_area ul .howto_box .box_bg {
            background-color: #fff;
            border-radius: 0 0 10px 10px; }
            #radiation .cont_area .howto_area ul .howto_box .box_bg .txt_box {
              padding: 30px 0; }
              #radiation .cont_area .howto_area ul .howto_box .box_bg .txt_box img {
                max-width: 221px;
                display: block;
                margin: 0 auto; }
              #radiation .cont_area .howto_area ul .howto_box .box_bg .txt_box p {
                max-width: 80%;
                margin: 0 auto;
                padding-top: 15px; }
          #radiation .cont_area .howto_area ul .howto_box:nth-child(1) {
            padding-right: 20px; }
            #radiation .cont_area .howto_area ul .howto_box:nth-child(1) h3:before {
              content: "1"; }
            #radiation .cont_area .howto_area ul .howto_box:nth-child(1) .box_bg {
              padding-bottom: 30px; }
              @media screen and (max-width: 768px) {
                #radiation .cont_area .howto_area ul .howto_box:nth-child(1) .box_bg {
                  padding-bottom: 0; } }
          #radiation .cont_area .howto_area ul .howto_box:nth-child(2) {
            padding-right: 20px; }
            #radiation .cont_area .howto_area ul .howto_box:nth-child(2) h3:before {
              content: "2"; }
            #radiation .cont_area .howto_area ul .howto_box:nth-child(2) .box_bg {
              padding-bottom: 30px; }
          #radiation .cont_area .howto_area ul .howto_box:nth-child(3) h3:before {
            content: "3"; }

#result {
  position: relative;
  z-index: 5;
  margin: 0 auto 100px;
  padding-top: 100px; }
  @media screen and (max-width: 768px) {
    #result {
      margin: 0 auto 100px;
      padding-top: 40px; } }
  #result .cont_area {
    position: relative;
    background-color: #fffcef;
    padding: 0 0 90px;
    border-radius: 20px; }
    @media screen and (max-width: 1120px) {
      #result .cont_area {
        padding: 0 10px 70px; } }
    @media screen and (max-width: 768px) {
      #result .cont_area {
        padding: 0 10px 40px; } }
    #result .cont_area h2 {
      margin: 0 auto 30px;
      transform: translateY(-30px); }
      @media screen and (max-width: 768px) {
        #result .cont_area h2 {
          margin: 0px auto 10px; } }
    #result .cont_area .pdf_area {
      padding-top: 30px;
      max-width: 950px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #result .cont_area .pdf_area .cnt_box {
        width: 48%; }
        @media screen and (max-width: 768px) {
          #result .cont_area .pdf_area .cnt_box {
            width: 90%;
            margin: 0 auto; } }
        #result .cont_area .pdf_area .cnt_box .ttl {
          font-size: 20px;
          font-weight: bold;
          text-align: center;
          padding-bottom: 10px; }
        #result .cont_area .pdf_area .cnt_box .pdf_box {
          background-color: #fff;
          border-radius: 10px;
          margin-bottom: 30px; }
          #result .cont_area .pdf_area .cnt_box .pdf_box ul {
            width: 90%;
            margin: 0 auto;
            padding: 30px 0 20px 0;
            display: flex;
            flex-wrap: wrap;
            list-style: none; }
            #result .cont_area .pdf_area .cnt_box .pdf_box ul li {
              padding: 0 20px 10px 20px; }
              #result .cont_area .pdf_area .cnt_box .pdf_box ul li a {
                text-decoration: none;
                color: #000; }
                #result .cont_area .pdf_area .cnt_box .pdf_box ul li a:hover {
                  text-decoration: underline; }
              #result .cont_area .pdf_area .cnt_box .pdf_box ul li.li_br {
                width: 50%; }
                @media screen and (max-width: 750px) {
                  #result .cont_area .pdf_area .cnt_box .pdf_box ul li.li_br {
                    width: auto; } }
        #result .cont_area .pdf_area .cnt_box.konnyaku .ttl {
          color: #ac64aa; }
        @media screen and (max-width: 768px) {
          #result .cont_area .pdf_area .cnt_box.konnyaku .pdf_box {
            padding-bottom: 0; } }
        #result .cont_area .pdf_area .cnt_box.konnyaku .pdf_box ul li {
          background: url("/lineup/quality/img/list_01.png") left 0px top 8px no-repeat;
          background-size: 12px; }
        #result .cont_area .pdf_area .cnt_box.fg .ttl {
          color: #ffd200; }
        @media screen and (max-width: 768px) {
          #result .cont_area .pdf_area .cnt_box.fg .pdf_box {
            padding-bottom: 0; } }
        #result .cont_area .pdf_area .cnt_box.fg .pdf_box ul li {
          background: url("/lineup/quality/img/list_04.png") left 0px top 8px no-repeat;
          background-size: 12px; }
        #result .cont_area .pdf_area .cnt_box.clush .ttl {
          color: #ff6702; }
        #result .cont_area .pdf_area .cnt_box.clush .pdf_box ul li {
          background: url("/lineup/quality/img/list_02.png") left 0px top 8px no-repeat;
          background-size: 12px; }
        #result .cont_area .pdf_area .cnt_box.lala .ttl {
          color: #ea6176; }
        #result .cont_area .pdf_area .cnt_box.lala .pdf_box ul li {
          background: url("/lineup/quality/img/list_03.png") left 0px top 8px no-repeat;
          background-size: 12px; }