@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Zen+Maru+Gothic:wght@400;700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp.min.css");
#aff-contents {
  /*select{-moz-appearance:none;-webkit-appearance:none}*/
  overflow: hidden;
  font-family: YakuHanJP, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  color: #000;
  font-size: 1.14285714em;
  line-height: 1.75;
  letter-spacing: 0.075em;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
  background: #fff; }
  #aff-contents html {
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%; }
  #aff-contents *, #aff-contents ::before, #aff-contents ::after {
    box-sizing: inherit; }
  #aff-contents ::before, #aff-contents ::after {
    text-decoration: inherit;
    vertical-align: inherit; }
  #aff-contents * {
    background-repeat: no-repeat;
    padding: 0;
    margin: 0; }
  #aff-contents audio:not([controls]) {
    display: none;
    height: 0; }
  #aff-contents hr {
    overflow: visible; }
  #aff-contents article, #aff-contents aside, #aff-contents details, #aff-contents figcaption, #aff-contents figure, #aff-contents footer, #aff-contents header, #aff-contents main, #aff-contents menu, #aff-contents nav, #aff-contents section, #aff-contents summary {
    display: block; }
  #aff-contents summary {
    display: list-item; }
  #aff-contents small {
    font-size: 80%; }
  #aff-contents [hidden], #aff-contents template {
    display: none; }
  #aff-contents abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none; }
  #aff-contents a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects; }
  #aff-contents a:active, #aff-contents a:hover {
    outline-width: 0; }
  #aff-contents code, #aff-contents kbd, #aff-contents pre, #aff-contents samp {
    font-family: monospace,monospace; }
  #aff-contents b, #aff-contents strong {
    font-weight: bolder; }
  #aff-contents dfn {
    font-style: italic; }
  #aff-contents mark {
    background-color: #ff0;
    color: #000; }
  #aff-contents sub, #aff-contents sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  #aff-contents sub {
    bottom: -0.25em; }
  #aff-contents sup {
    top: -0.5em; }
  #aff-contents input {
    border-radius: 0; }
  #aff-contents button, #aff-contents [type="button"], #aff-contents [type="reset"], #aff-contents [type="submit"], #aff-contents [role="button"] {
    cursor: pointer; }
  #aff-contents textarea {
    overflow: auto;
    resize: vertical; }
  #aff-contents button, #aff-contents input, #aff-contents optgroup, #aff-contents select, #aff-contents textarea {
    font: inherit; }
  #aff-contents button {
    overflow: visible; }
  #aff-contents button::-moz-focus-inner, #aff-contents [type="button"]::-moz-focus-inner, #aff-contents [type="reset"]::-moz-focus-inner, #aff-contents [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  #aff-contents button:-moz-focusring, #aff-contents [type="button"]::-moz-focus-inner, #aff-contents [type="reset"]::-moz-focus-inner, #aff-contents [type="submit"]::-moz-focus-inner {
    outline: 1px dotted ButtonText; }
  #aff-contents button, #aff-contents html [type="button"], #aff-contents [type="reset"], #aff-contents [type="submit"] {
    -webkit-appearance: button; }
  #aff-contents button, #aff-contents select {
    text-transform: none; }
  #aff-contents button, #aff-contents input, #aff-contents textarea {
    background-color: transparent;
    border-style: none;
    color: inherit; }
  #aff-contents select::-ms-expand {
    display: none; }
  #aff-contents select::-ms-value {
    color: currentColor; }
  #aff-contents ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit; }
  #aff-contents [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px; }
  #aff-contents img {
    border-style: none; }
  #aff-contents progress {
    vertical-align: baseline; }
  #aff-contents svg:not(:root) {
    overflow: hidden; }
  #aff-contents audio, #aff-contents canvas, #aff-contents progress, #aff-contents video {
    display: inline-block; }
  @media screen {
    #aff-contents [hidden~="screen"] {
      display: inherit; }
    #aff-contents [hidden~="screen"]:not(:active):not(:focus):not(:target) {
      position: absolute !important;
      clip: rect(0 0 0 0) !important; } }
  #aff-contents [aria-busy="true"] {
    cursor: progress; }
  #aff-contents [aria-controls] {
    cursor: pointer; }
  #aff-contents [aria-disabled] {
    cursor: default; }
  #aff-contents ::selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none; }
  @media screen and (max-width: 768px) {
    #aff-contents {
      margin-left: -10px;
      margin-right: -10px; } }
/*
      #aff-contents *, #aff-contents h1, #aff-contents h2, #aff-contents h3, #aff-contents h4, #aff-contents h5, #aff-contents p {
    padding: 0;
    margin: 0;
    font-size: inherit;
    border: none;
    background: none; }
  #aff-contents h1, #aff-contents h2, #aff-contents h3, #aff-contents h4 {
    line-height: 1.5; }
    */
  #aff-contents ul, #aff-contents li {
    list-style: none;
    background: none;
    background-position: inherit; }
  #aff-contents a {
    color: inherit;
    text-decoration: none;
    transition: .2s; }
    #aff-contents a:hover {
      opacity: .8; }
  #aff-contents img {
    vertical-align: bottom;
    border: none;
    max-width: 100%;
    height: auto; }
  #aff-contents iframe {
    max-width: 100%; }
  #aff-contents input, #aff-contents select, #aff-contents textarea {
    background-color: transparent;
    border-style: none;
    color: inherit;
    border: 1px solid #aaa;
    max-width: 100%; }
  #aff-contents input[type="radio"] {
    border: none;
    width: inherit;
    max-width: 100%;
    padding: 0; }
  #aff-contents p {
    margin-bottom: 1em; }
    #aff-contents p:last-child {
      margin-bottom: 0; }
  #aff-contents strong {
    font-weight: bold;
    font-size: 100%; }

    #aff-contents p {
    font-size: 1.125rem; }
    @media screen and (max-width: 768px) {
      #aff-contents p {
        font-size: 0.875rem; } }

  #aff-contents .c-box {
    margin-bottom: 100px; }
    @media screen and (max-width: 768px) {
      #aff-contents .c-box {
        margin-bottom: 80px; } }
    #aff-contents .c-box--lg {
      margin-bottom: 120px; }
      @media screen and (max-width: 768px) {
        #aff-contents .c-box--lg {
          margin-bottom: 80px; } }
      #aff-contents .c-box--lg:last-child {
        margin-bottom: 0; }
    #aff-contents .c-box--md {
      margin-bottom: 88px; }
      @media screen and (max-width: 768px) {
        #aff-contents .c-box--md {
          margin-bottom: 56px; } }
      #aff-contents .c-box--md:last-child {
        margin-bottom: 0; }
    #aff-contents .c-box--sm {
      margin-bottom: 64px; }
      @media screen and (max-width: 768px) {
        #aff-contents .c-box--sm {
          margin-bottom: 40px; } }
      #aff-contents .c-box--sm:last-child {
        margin-bottom: 0; }
    #aff-contents .c-box--xs {
      margin-bottom: 44px; }
      @media screen and (max-width: 768px) {
        #aff-contents .c-box--xs {
          margin-bottom: 32px; } }
      #aff-contents .c-box--xs:last-child {
        margin-bottom: 0; }
    #aff-contents .c-box--xxs {
      margin-bottom: 32px; }
      @media screen and (max-width: 768px) {
        #aff-contents .c-box--xxs {
          margin-bottom: 16px; } }
      #aff-contents .c-box--xxs:last-child {
        margin-bottom: 0; }
    #aff-contents .c-box:last-child {
      margin-bottom: 0; }
  #aff-contents .c-inner {
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 768px) {
      #aff-contents .c-inner {
        padding: 0 20px; } }
    #aff-contents .c-inner__inner {
      max-width: 960px;
      margin-left: auto;
      margin-right: auto; }
      #aff-contents .c-inner__inner--740 {
        max-width: 740px; }
      #aff-contents .c-inner__inner--700 {
        max-width: 700px; }
      #aff-contents .c-inner__inner--640 {
        max-width: 640px; }
      #aff-contents .c-inner__inner--600 {
        max-width: 600px; }
      #aff-contents .c-inner__inner--560 {
        max-width: 560px; }
      #aff-contents .c-inner__inner--520 {
        max-width: 520px; }
      #aff-contents .c-inner__inner--480 {
        max-width: 480px; }
      #aff-contents .c-inner__inner--440 {
        max-width: 440px; }
      #aff-contents .c-inner__inner--400 {
        max-width: 400px; }
      @media screen and (max-width: 768px) {
        #aff-contents .c-inner__inner--sp {
          padding: 0 20px; } }
    @media screen and (max-width: 768px) {
      #aff-contents .c-inner--fit {
        padding-left: 0;
        padding-right: 0; } }


  #aff-contents .red {border: 1px solid #c00;}

  #aff-contents {
      overflow: visible;
  }
  #aff-contents .p-page-header {
    max-width: 960px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto -80px; 
  }
  #aff-contents .p-page-header__item {
    width: 115px;
    margin-right: 12px;
  }
  #aff-contents .p-page-header__item:last-child {
    width: 170px;
  }
  @media screen and (max-width: 768px) {
    #aff-contents .p-page-header {
      max-width: 100%;
      margin: 0 auto -20px; 
    }
    #aff-contents .p-page-header__item {
      width: 12%;
      margin-right: 3%;
    }
    #aff-contents .p-page-header__item:last-child {
      width: 17.7%;
    }
  }

  #aff-contents .p-page-ttl__series {
/*      margin: 0 auto 50px; */
      margin: 0 auto;
    width: 10.8%;
    text-align: center; }
  #aff-contents .p-page-ttl {
      margin: 0 auto 30px;
    width: 100%;
    text-align: center; }
  #aff-contents .p-page-ttl__main {
      width: 100%; }
  #aff-contents .p-page-ttl__lead p {
/*    margin: 0 auto 2em;
      font-size: 1.3125rem;  * 21pt *
      line-height: 1.7; */
    margin: 0 auto 3em;
      font-size: 1.125rem; /* 18pt */
      line-height: 2.22; /* 40pt */
  }
    @media screen and (max-width: 768px) {
/*      #aff-contents .p-page-ttl__series, */
      #aff-contents .p-page-ttl {
        margin-bottom: 30px;
      } 
    }

    /* Check Point */
  #aff-contents .p-intro {
      margin: 0 auto 120px;
      width: 100%;
  }
  #aff-contents .p-intro .check-point {
    padding: 2rem 0;
    background: #FAD7D2;
    background-size: cover;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
  }
    #aff-contents .p-intro .point {
/*
    font-size: 2.4rem;
    border: 0;
    color: #53bfcd;
*/
    margin: 30px auto;
    width: 24.6%;
    text-align: center;
    background: none;
  }
    #aff-contents .p-intro ul {
      margin: 0 auto;
      text-align: left;
  }
    #aff-contents .p-intro li {
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      font-size: 1.3125rem;
      line-height: 2.2;
      padding-left: 1em;
      list-style: none;
  }
    #aff-contents .p-intro li a {
      position: relative;
      padding-right: 46px;
      text-decoration: underline;
  }
    #aff-contents .p-intro li a:before {
      content: '>';
      /* width: 6px;
      height: 6px; */
      left: -1em;
      /* top: calc(50% - 3px); */
      position: absolute;
      text-decoration: none;
  }
  @media screen and (max-width: 768px) {
    #aff-contents .p-intro {
        margin: 0 auto 80px;
        width: 100%;
    }
    #aff-contents .p-intro .point {
      margin: 1rem auto;
    }
    #aff-contents .p-intro ul {
        width: 90%;
    }
    #aff-contents .p-intro li {
      padding-top: 0.3em;
      padding-bottom: 0.3em;
        font-size: 1.125rem;
        line-height: 1.85;
    }
  }

  /* Check Point 詳細 */
    #aff-contents .p-point__content {
      margin: 0 auto 40px;
      width: 100%;
  }
    #aff-contents #Point01, 
    #aff-contents #Point02, 
    #aff-contents #Point03 {
      margin-bottom: 140px;
  }
    #aff-contents #Point04, 
    #aff-contents #Point05 {
      margin-bottom: 100px;
  }
    #aff-contents .p-point__content h2.ttl {
      margin: 25px auto 80px;
      padding-left: 130px;
      font-size: 1.875rem; /* 30pt */
      line-height: 1.6; /* 48pt */
      font-weight: 700;
      border: none;
      position: relative;
      background: none;
      color: #E83820;
  }
    #aff-contents .p-point__content h2.ttl::before {
      content: '';
      width: 102px;
      height: 100px;
      left: 0;
      top: -30px;
      position: absolute;
      background: url(/j/pr/aff/2307/img/column/mizuhiki.svg) no-repeat; 
  }

    @media screen and (max-width: 768px) {
    #aff-contents #Point01, 
    #aff-contents #Point02, 
    #aff-contents #Point03, 
    #aff-contents #Point04,
    #aff-contents #Point05 {
        margin-bottom: 60px;
      }
    }

  #aff-contents .p-point__content .box-large {
      margin: 0 auto 40px;
      width: 100%;
    }
  #aff-contents .p-point__content .box-medium {
      margin: 0 auto 40px;
/*      width: 740px; */
      width: 780px;
    }

    #aff-contents .p-point__content .text-box p a {
      color: #0D619B;
      background: none;
    }

    @media screen and (max-width: 768px) {
    #aff-contents .p-point__content h2.ttl {
      margin: 0 auto 25px;
      padding-left: 70px;
      font-size: 1.6rem;
  }
    #aff-contents .p-point__content h2.ttl::before {
      width: 60px;
      height: 60px;
      left: 0;
      top: 50%;
      margin-top: -30px;
  }
  #aff-contents .p-point__content .box-large {
      margin: 0 auto 20px;
      width: 100%;
    }
  #aff-contents .p-point__content .box-medium {
      margin: 0 auto 20px;
      width: 90%;
    }
    #aff-contents .p-point__content picture {
      margin: 0 auto;
      width: 100%;
    }
  }
/*
    #aff-contents .p-point__content picture +p {
      margin-top: 15px;
    }
    @media screen and (max-width: 768px) {
      #aff-contents .p-point__content picture +p {
        margin-top: 3%;
      }
    }
*/

  /* === point1 === */
    #aff-contents .p-point__content.interview p.indt {
      margin-bottom: 40px;
      padding-left: 4em;
      text-indent: -4em;
      font-size: 1rem;
      line-height: 1.875; /* 30pt */
    }
    #aff-contents .p-point__content.interview p.indt.first {
      padding-left: 15em;
      text-indent: -15em;
    }
    #aff-contents .p-point__content.interview p.indt.first .mzh {
      margin-right: 3em;
    }
    #aff-contents .p-point__content .mzh,
    #aff-contents .p-point__content .ymd {
      margin-right: 2em;
      color: #E04B4B;
      font-weight: 700;
    }
    #aff-contents .p-point__content .mzh {
      color: #c29212;
    }
    @media screen and (max-width: 768px) {
    #aff-contents .p-point__content.interview p.indt.first {
      padding-left: 0;
      text-indent: 0;
    }
    #aff-contents .p-point__content.interview p.indt.first .mzh {
      margin-right: 3em;
    }
    }

    #aff-contents .p-point__content .prof {
      padding: 2rem 3rem;
      background: #FAD7D2;
    }
    #aff-contents .p-point__content .prof p {
      font-size: 1rem;
      line-height: 1.875; /* 30pt */
    }
    #aff-contents .p-point__content .prof p:first-child {
      margin-bottom: 2em;
    }
    #aff-contents .p-point__content.interview p.cap {
      font-size: 0.875rem;
      line-height: 1.9;
    }
    @media screen and (max-width: 768px) {
    #aff-contents .p-point__content .prof {
      padding: 1em;
      background: #FAD7D2;
    }
    }

    /* 画像 */
    #aff-contents .p-point__content .photo01, 
    #aff-contents .p-point__content .photo02, 
    #aff-contents .p-point__content .photo03, 
    #aff-contents .p-point__content .photo04, 
    #aff-contents .p-point__content .photo05 {
      margin-bottom: 50px;
      width: 100%;
      position: relative;
    }
    #aff-contents .p-point__content .photo01, 
    #aff-contents .p-point__content .photo03 {
      margin-bottom: 20px;
    }
    #aff-contents .p-point__content .photo03 {
      width: 100%;
      display: flex;
      justify-content: center;
    }

    #aff-contents .p-point__content .photo01 picture, 
    #aff-contents .p-point__content .photo02 picture,
    #aff-contents .p-point__content .photo03 picture, 
    #aff-contents .p-point__content .photo04 picture,
    #aff-contents .p-point__content .photo05 picture {
      width: 67.3%;
    }
    #aff-contents .p-point__content .photo02 picture,
    #aff-contents .p-point__content .photo05 picture {
      margin-left: 32.7%;
    }

    #aff-contents .p-point__content .photo01 .text-box,
    #aff-contents .p-point__content .photo02 .text-box,
    #aff-contents .p-point__content .photo03 .text-box,
    #aff-contents .p-point__content .photo04 .text-box,
    #aff-contents .p-point__content .photo05 .text-box {
      padding: 1em;
      background-color: #fff;
      position: absolute;
      bottom:-50px;
    }
    #aff-contents .p-point__content .photo01 .text-box {
      width: 20%;
      left: 57%;
      bottom:-20px;
    }
    #aff-contents .p-point__content .photo02 .text-box {
      width: 31%;
      right: 52%;
    }
    #aff-contents .p-point__content .photo03 .text-box {
      width: 31%;
      right: 69%;
      bottom:-20px;
    }
    #aff-contents .p-point__content .photo04 .text-box {
      width: 31%;
      left: 52%;
    }
    #aff-contents .p-point__content .photo05 .text-box {
      width: 31%;
      right: 52%;
    }
    @media screen and (max-width: 768px) {
    #aff-contents .p-point__content .photo01, 
    #aff-contents .p-point__content .photo02, 
    #aff-contents .p-point__content .photo03, 
    #aff-contents .p-point__content .photo04, 
    #aff-contents .p-point__content .photo05 {
        margin-bottom: 2em;
      width: 100%;
    }
    #aff-contents .p-point__content .photo03 {
      width: 100%;
      display: flex;
      justify-content: center;
      flex-direction: column;
    }

      #aff-contents .p-point__content .photo01 picture, 
      #aff-contents .p-point__content .photo02 picture,
      #aff-contents .p-point__content .photo03 picture, 
      #aff-contents .p-point__content .photo04 picture,
      #aff-contents .p-point__content .photo05 picture {
        margin-left: 0;
        margin-bottom: 0;
        width: 100%;
      }

      #aff-contents .p-point__content .photo01 .text-box,
      #aff-contents .p-point__content .photo02 .text-box,
      #aff-contents .p-point__content .photo03 .text-box,
      #aff-contents .p-point__content .photo04 .text-box,
      #aff-contents .p-point__content .photo05 .text-box {
        margin-top: 3%;
        padding: 0;
        width: 100%;
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
      }
  }

    /* === point5 - induction === */
    #aff-contents .p-point__content.induction {
      padding: 60px 0;
      background-color: #FFFCE4;
    }
    #aff-contents .p-point__content.induction h2,
    #aff-contents .p-point__content.induction h3,
    #aff-contents .p-point__content.induction h4 {
      margin: 0;
      padding: 0;
      border: none;
      background-color: transparent;
    }
    #aff-contents .p-point__content.induction h2 {
      margin-bottom: 0.5em;
      width: 100%;
    }
    #aff-contents .p-point__content.induction p {
      margin-bottom: 0;
      font-size: 0.8rem; /* 12.87pt */
      line-height: 1.8;
    }

    #aff-contents .p-point__content.induction .box-inner {
      margin: 4em 0 0;
      width: 100%;
    }
    #aff-contents .p-point__content.induction .box-inner.support {
      margin-top: 2em;
    }
    #aff-contents .p-point__content.induction .box-inner.support, 
    #aff-contents .p-point__content.induction .box-inner.official {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
    }

    #aff-contents .p-point__content.induction .box-inner .text-box {
      margin: 0;
      width: 62.1%;
    }
    #aff-contents .p-point__content.induction .box-inner .ph-box {
      margin: 0;
      width: 34.2%;
    }

    @media screen and (max-width: 768px) {
      #aff-contents .p-point__content.induction {
        padding: 1em 0;
      }
      #aff-contents .p-point__content.induction .box-inner {
        margin: 2em 0 0;
        width: 100%;
      }
      #aff-contents .p-point__content.induction .box-inner.support, 
      #aff-contents .p-point__content.induction .box-inner.official {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
      }
      #aff-contents .p-point__content.induction .box-inner .text-box {
        margin: 0 0 1em;
        width: 100%;
      }
      #aff-contents .p-point__content.induction .box-inner .ph-box {
        margin: 0 auto;
        width: 70%;
      }
    }

    
    #aff-contents .p-point__content.induction .support h3 {
      margin-bottom: 20px;
      width: 82%;
    }
    #aff-contents .p-point__content.induction .support h4 {
      padding: 0.4em 0;
    }
    #aff-contents .p-point__content.induction .support h4.event {
      width: 80.4%;
    }
    #aff-contents .p-point__content.induction .support h4.information {
      width: 30.9%;
    }
    #aff-contents .p-point__content.induction .support h4.field {
      width: 30.7%;
    }
    #aff-contents .p-point__content.induction .step h3 {
      margin-bottom: 20px;
      width: 59.2%;
    }
    #aff-contents .p-point__content.induction .box-inner.step ul {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: stretch;
    }
    #aff-contents .p-point__content.induction .step li {
      padding: 1em;
      width: 27%;
      background-color: #fff;
      position: relative;
    }
    #aff-contents .p-point__content.induction .step li::after {
      font-family: 'FontAwesome';
      font-size: 2rem;
      color: #E73820;
      content: "\f0da";
      position: absolute;
      top: 50%;
      right: -12%;
      margin-top: -1.5rem;
    }
    #aff-contents .p-point__content.induction .step li.fin {
      padding: 10px;
      width: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    #aff-contents .p-point__content.induction .step li.fin::after {
      content: none;
    }
    #aff-contents .p-point__content.induction .step li.fin picture {
      width: 20px;
    }
    #aff-contents .p-point__content.induction .step h4 {
      margin-bottom: 0.3em;
      width: 57.7%;
    }


    #aff-contents .p-point__content.induction .official h3 {
      margin-bottom: 20px;
      width: 58.6%;
    }
    #aff-contents .p-point__content.induction .official p {
      margin-bottom: 2em;
    }
    #aff-contents .p-point__content.induction .official dl {
      margin-bottom: 0.3em;
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
    }

    #aff-contents .p-point__content.induction .official dt {
      padding-top: 0.3em;
    }
    #aff-contents .p-point__content.induction .official dl.word2 dt {
      width: 2.5em; margin-right:0.5em;}
    #aff-contents .p-point__content.induction .official dl.word2 dd {
      width: calc(100% - 3em);}

    #aff-contents .p-point__content.induction .official dl.word3 dt {
      width: 3.5em; margin-right:0.5em;}
    #aff-contents .p-point__content.induction .official dl.word3 dd {
      width: calc(100% - 4em);}

    #aff-contents .p-point__content.induction .official dl.word4 dt {
      width: 4.5em; margin-right:0.5em;}
    #aff-contents .p-point__content.induction .official dl.word4 dd {
      width: calc(100% - 5em);}

    #aff-contents .p-point__content.induction .official dl.word5 dt {
      width: 5.5em; margin-right:0.5em;}
    #aff-contents .p-point__content.induction .official dl.word5 dd {
      width: calc(100% - 6em);}

    #aff-contents .p-point__content.induction .official dl:last-child {
      margin-bottom: 0.3em;
      width: 100%;
      flex-direction: column;
    }
    #aff-contents .p-point__content.induction .official dl:last-child dd {
      padding-top: 1em;
      width: 68%;
    }

    #aff-contents .p-point__content.induction .official dd {
      margin-bottom: 0;
      font-size: 0.8rem; /* 12.87pt */
      line-height: 1.8;
    }


    #aff-contents .p-point__content.induction .link {
      padding: 0.6em 1em;
      width: 100%;
      background-color: #fff;
    }
    #aff-contents .p-point__content.induction .link h4 {
      width: 59%;
    }
    #aff-contents .p-point__content.induction .link p a {
      color: #0D619B;
      background: none;
  }

    @media screen and (max-width: 768px) {
      #aff-contents .p-point__content.induction .support h3 {
        margin-bottom: 1em;
        width: 98.4%; /* x1.2 以下同 */
      }
      #aff-contents .p-point__content.induction .support h4.event {
        width: 96.5%;
      }
      #aff-contents .p-point__content.induction .support h4.information {
        width: 37.1%;
      }
      #aff-contents .p-point__content.induction .support h4.field {
        width: 36.8%;
      }
      #aff-contents .p-point__content.induction .step h3 {
        margin-bottom: 1em;
        width: 100%;
      }

      #aff-contents .p-point__content.induction .box-inner.step ul {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
      }
      #aff-contents .p-point__content.induction .step li {
        margin-bottom: 3em;
        padding: 1em;
        width: 100%;
        background-color: #fff;
        position: relative;
      }
      #aff-contents .p-point__content.induction .step li::after {
        font-family: 'FontAwesome';
        font-size: 2rem;
        color: #E73820;
        content: "\f0d7";
        position: absolute;
        top: auto;
        right: 50%;
        bottom: -1.6em;
        margin-right: -1rem;
      }
      #aff-contents .p-point__content.induction .step li.fin {
        margin-bottom: 1em;
        padding: 10px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      #aff-contents .p-point__content.induction .step li.fin picture {
        margin-bottom: 0;
        width: 30%;
      }
      #aff-contents .p-point__content.induction .step h4 {
        margin-bottom: 0.3em;
        width: 42%;
      }


      #aff-contents .p-point__content.induction .official h3 {
        margin-bottom: 1em;
        width: 70.3%;
      }
      #aff-contents .p-point__content.induction .official dl:last-child dd {
        padding-top: 1em;
        width: 80%;
      }

      #aff-contents .p-point__content.induction .link h4 {
        width: 100%;
      }
    }

    

/* PDFダウンロード */
    #aff-contents .c-btn-pdf {
      margin: 0 auto 80px;
      width: 46%;
      font-size: 1.25;
      color: #fff;
    }
    #aff-contents .c-btn-pdf a{
      padding: 0.3em 1em;
      color: #fff;
      background: none;
      background-color: #000;
      display: flex;
      justify-content: space-around;
      align-items: center;
      flex-wrap: nowrap;
      flex-direction: row;
    }
    #aff-contents .c-btn-pdf p {
      font-size: 1.25;
      line-height: 1.3;
      color: #fff;
      text-align: center;
      padding-left: 44px;
      position: relative;
    }
    #aff-contents .c-btn-pdf p:after {
      content: '';
      width: 42px;
      height: 40px;
      left: 0;
      top: calc(50% - 20px);
      position: absolute;
      background: url(/j/pr/aff/2306/img/spe_1_04/fa-download-wh.svg) no-repeat; 
  }
@media screen and (max-width: 768px) {
    #aff-contents .c-btn-pdf {
      margin: 0 auto 40px;
      width: 80%;
    }
}

/* バックナンバーを見る＆●月号TOPへ戻る */
    #aff-contents .c-btn-outer, 
    #aff-contents .c-btn-backnumber, 
    #aff-contents .c-btn-gotop {
      margin: 0 auto 50px;
      width: 40%;
    }
    #aff-contents .c-btn-outer a, 
    #aff-contents .c-btn-backnumber a, 
    #aff-contents .c-btn-gotop a{
      width: 100%;
      height: 50px;
      background: none;
      border-radius: 25px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    #aff-contents .c-btn-outer a{
      font-size: 1;
      line-height: 1.3;
      color: #fff;
      text-align: center;
      background-color: #40919C;
    }
    #aff-contents .c-btn-backnumber a{
      font-size: 1;
      color: #fff;
      background-color: #604A2D;
    }
    #aff-contents .c-btn-gotop a{
      font-size: 1.3125;
      color: #333;
      background-color: #fff;
      border: 1px solid #070707;
      box-shadow: 5px 5px #ccc;
    }
    #aff-contents .c-btn-impressions {
      margin: 0 auto 50px;
      width: 74.5%;
    }
    #aff-contents .c-btn-impressions a {
      background: none;
    }
@media screen and (max-width: 768px) {
    #aff-contents .c-btn-outer, 
    #aff-contents .c-btn-backnumber, 
    #aff-contents .c-btn-gotop {
      margin: 0 auto 30px;
      width: 80%;
    }
    #aff-contents .c-btn-impressions {
      margin: 0 auto 30px;
      width: 90%;
    }
}

