@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.125em; }
    @media screen and (max-width: 768px) {
      #aff-contents p {
        font-size: 0.875em; } }
  #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;
    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;
    font-size: 1.3125rem;
    line-height: 1.7;
    text-align: justify;
    word-break: break-all;
  }
  #aff-contents .p-page-ttl__lead p.cap {
    margin-bottom: 80px;
    font-size: 1.125rem;
  }
    @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 80px;
      width: 100%;
  }
  #aff-contents .p-intro .check-point {
    padding: 2rem 0;
    /* background: url(/j/pr/aff/2306/img/spe_1/list_bg.jpg) 0 0 no-repeat; */
    background: #53bfcd3a;
    background-size: cover;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
  }
  #aff-contents .p-intro h2{
/*
    font-size: 2.4rem;
    color: #53bfcd;
    text-align: center;
*/
    margin: 0 auto 20px;
    width: 27.6%;
    border: 0;
    background: none;
  }

    #aff-contents .p-intro .point {
      margin: 20px auto 30px;
      width: 24.6%;
    }
    #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 .point {
        margin: 30px auto 20px;
      }
    #aff-contents .p-intro {
        margin: 0 auto 40px;
        width: 100%;
    }
    #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 {
      margin-bottom: 100px;
  }
    #aff-contents .p-point__content h2.ttl {
      margin: 25px auto 30px;
      /* padding-left: 50px; */
      font-size: 2.125rem;
      font-weight: 700;
      border: none;
      position: relative;
      background: none;
      color: #53bfcd;
  }
    /* #aff-contents .p-point__content h2.ttl::before {
      content: '';
      width: 50px;
      height: 50px;
      left: 0;
      top: -25px;
      position: absolute;
      background: url(/j/pr/aff/2306/img/spe_1/flag.svg) no-repeat; 
  } */
    /* #aff-contents .p-point__content h2.ttl span {
      background:linear-gradient(transparent 80%, #F1530E 80%);
  } */
    @media screen and (max-width: 768px) {
      #aff-contents #Point01 {
        margin-top: 40px;
        margin-bottom: 40px;
      }
      #aff-contents #Point02 {
        margin-bottom: 60px;
      }
    }

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

    #aff-contents .p-point__content .text-box {
    text-align: justify;
    word-break: break-all;
    }
    #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: 40px auto 25px;
     /* padding-left: 30px; */
      font-size: 1.6rem;
  }
    #aff-contents .p-point__content h2.ttl::before {
      width: 30px;
      height: 30px;
      left: 0;
      top: -15px;
  }
  #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: 90%;
    }
    #aff-contents .p-point__content picture {
      margin: 0 auto;
      width: 100%;
    }
  }

    #aff-contents .p-point__content .dots {
      background: url(/j/pr/aff/2306/img/column/bg_dots.png) 0 0 repeat;
      border:2px solid #333;
      position: relative;
    }
    #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 - system === */
    #aff-contents .p-point__content.system p.lead {
      margin: 0 0 80px;
      font-size: 1.3125rem;
      line-height: 1.7;
    }
    #aff-contents .p-point__content.system .dots h3.topic{
      position: absolute;
      width: 27.2%;
      top: -70px;
      left: -20px;
      border: none;
    }
    #aff-contents .p-point__content.system .box-inner {
      padding: 30px 30px 30px 55px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    #aff-contents .p-point__content.system .box-inner picture {
      margin: 0;
      width: 47.4%;
    }
    #aff-contents .p-point__content.system .box-inner .text-box {
      margin: 0;
      width: 48.4%;
    }
    #aff-contents .p-point__content.system .box-inner .text-box p {
      margin: 0;
      padding: 0;
      font-size: 1rem;
      line-height: 1.75;
    }
    @media screen and (max-width: 768px) {
      #aff-contents .p-point__content.system p.lead {
        margin: 0 0 60px;
      }
      #aff-contents .p-point__content.system .dots{
        margin-bottom: 40px;
      }
      #aff-contents .p-point__content.system .dots h3.topic{
        position: absolute;
        width: 38%;
        top: -4%;
        left: -2%;
        border: none;
      }
      #aff-contents .p-point__content.system .box-inner {
        padding: 3%;
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
      }
      #aff-contents .p-point__content.system .box-inner picture {
        margin: 0 auto 5%;
        width: 80%;
      }
      #aff-contents .p-point__content.system .box-inner .text-box {
        margin: 0;
        width: 100%;
      }
    }

/* 画像4点 */
    #aff-contents .p-point__content.system .photo01,
    #aff-contents .p-point__content.system .photo02,
    #aff-contents .p-point__content.system .photo03,
    #aff-contents .p-point__content.system .photo04 {
      margin-bottom: 80px;
      padding: 0 30px 0 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    #aff-contents .p-point__content.system .photo04 {
      padding: 0 0 0 50px;
      flex-direction: row-reverse;
    }

    #aff-contents .p-point__content.system .photo01 .ph-box {
      width: 66.66%;
    }
    #aff-contents .p-point__content.system .photo01 .text-box {
      width: 29%;
    }

    #aff-contents .p-point__content.system .photo02 .ph-box {
      width: 68.6%;
    }
    #aff-contents .p-point__content.system .photo02 .text-box {
      width: 27%;
    }

    #aff-contents .p-point__content.system .photo03 .ph-box, 
    #aff-contents .p-point__content.system .photo04 .ph-box {
      width: 45.82%;
    }
    #aff-contents .p-point__content.system .photo03 .text-box, 
    #aff-contents .p-point__content.system .photo04 .text-box {
      width: 48%;
    }

    #aff-contents .p-point__content.system .photo01 p.cap,
    #aff-contents .p-point__content.system .photo02 p.cap,
    #aff-contents .p-point__content.system .photo03 p.cap,
    #aff-contents .p-point__content.system .photo04 p.cap {
      font-size: 1rem;
      line-height: 1.75;
    }
    @media screen and (max-width: 768px) {
      #aff-contents .p-point__content.system .photo01,
      #aff-contents .p-point__content.system .photo02,
      #aff-contents .p-point__content.system .photo03,
      #aff-contents .p-point__content.system .photo04 {
        margin-bottom: 40px;
        padding: 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
      }
      #aff-contents .p-point__content.system .photo01 .ph-box,
      #aff-contents .p-point__content.system .photo02 .ph-box,
      #aff-contents .p-point__content.system .photo03 .ph-box,
      #aff-contents .p-point__content.system .photo04 .ph-box {
        width: 100%;
      }
      #aff-contents .p-point__content.system .photo01 .text-box,
      #aff-contents .p-point__content.system .photo02 .text-box,
      #aff-contents .p-point__content.system .photo03 .text-box,
      #aff-contents .p-point__content.system .photo04 .text-box {
        margin-top: 3%;
        width: 100%;
      }
  }

    /* === point2 - environs === */
    #aff-contents .p-point__content.environs .dots{
      margin-bottom: 80px;
      background: none;
    }
    #aff-contents .p-point__content.environs .dots h3.topic{
      position: absolute;
      width: 26.8%;
      top: -70px;
      left: -20px;
      border: none;
    }
    #aff-contents .p-point__content.environs .box-inner {
      padding: 30px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    #aff-contents .p-point__content.environs .box-inner picture {
      margin: 0;
      width: 100%;
    }
    @media screen and (max-width: 768px) {
     #aff-contents .p-point__content.environs .dots{
        margin-bottom: 40px;
     }
      #aff-contents .p-point__content.environs .dots h3.topic{
        position: absolute;
        width: 37.5%;
        top: -8%;
        left: -2%;
        border: none;
      }
      #aff-contents .p-point__content.environs .box-inner {
        padding: 3%;
      }
      #aff-contents .p-point__content.environs .box-inner picture {
        margin: 0;
        width: auto;
      }
    }

    #aff-contents .p-point__content.environs .card {
      margin-bottom: 80px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
    }
    #aff-contents .p-point__content.environs .card:nth-child(2n) {
      flex-direction: row-reverse;
    }

    #aff-contents .p-point__content.environs .card picture {
      margin: 0;
      width: 47.9%;
    }
    #aff-contents .p-point__content.environs .card .text-box {
      margin: 0;
      width: 48.3%;
    }
    #aff-contents .p-point__content.environs .card .lead {
      margin: 0 0 1em 0;
      width: 100%;
    }
    #aff-contents .p-point__content.environs .card h4 {
      margin: 0 0 1em 0;
      font-size: 1.3125rem;
      line-height: 1.7;
      font-weight: 700;
      color: #53bfcd;
      border: none;
    }
    #aff-contents .p-point__content.environs .card p {
      margin: 0;
      padding: 0;
      font-size: 0.875rem;
      line-height: 1.75;
    }
    #aff-contents .p-point__content.environs .card p.link, 
    #aff-contents .p-point__content.environs .card p.access {
      margin-top: 2em;
      font-size: 0.75rem;
      line-height: 2;
    }

    #aff-contents .p-point__content.environs .card p.access {
      padding: 10px 20px;
      background-color: #edf8fa;
    }

    @media screen and (max-width: 768px) {
      #aff-contents .p-point__content.environs .card {
        margin-bottom: 40px;
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
      }
      #aff-contents .p-point__content.environs .card picture {
        margin-bottom: 5%;
        width: 100%;
      }
      #aff-contents .p-point__content.environs .card .text-box {
        margin: 0;
        width: 100%;
      }
      #aff-contents .p-point__content.environs .card .lead,
      #aff-contents .p-point__content.environs .card h4 {
        margin: 0 0 0.5em 0;
        width: 100%;
      }
      #aff-contents .p-point__content.environs .card p.link, 
      #aff-contents .p-point__content.environs .card p.access {
        margin-top: 0.5em;
      }
      #aff-contents .p-point__content.environs .card p.access {
        padding: 5px 10px;
      }
    }


    /* === point3 - spot === */
    #aff-contents .p-point__content.spot .dots h3.topic{
      position: absolute;
      width: 24.2%;
      top: -70px;
      left: -20px;
      border: none;
    }
    #aff-contents .p-point__content.spot .box-inner {
      padding: 70px 30px 30px 55px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-direction: row-reverse;
    }
    #aff-contents .p-point__content.spot .box-inner .ph-box {
      margin: -20px 0 0;
      width: 42.85%;
    }
    #aff-contents .p-point__content.spot .box-inner .text-box {
      margin: 0;
      width: 49.8%;
    }
    #aff-contents .p-point__content.spot .box-inner .text-box h4 {
      margin: 0 0 1em 0;
      font-size: 1.3125rem;
      line-height: 1.7;
      font-weight: 700;
      color: #53bfcd;
      border: none;
    }
    #aff-contents .p-point__content.spot .box-inner .text-box p {
      margin: 0;
      padding: 0;
      font-size: 1rem;
      line-height: 1.75;
    }
    #aff-contents .p-point__content.spot .box-inner .text-box p.link, 
    #aff-contents .p-point__content.spot .box-inner .text-box p.access {
      margin-top: 2em;
      font-size: 0.75rem;
      line-height: 2;
    }
    #aff-contents .p-point__content.spot .box-inner .text-box p.access {
      padding: 10px 20px;
      background-color: #edf8fa;
    }

    @media screen and (max-width: 768px) {
     #aff-contents .p-point__content.spot .dots{
        margin-bottom: 40px;
     }
      #aff-contents .p-point__content.spot .dots h3.topic{
        position: absolute;
        width: 34%;
        top: -7%;
        left: -2%;
        border: none;
      }
      #aff-contents .p-point__content.spot .box-inner {
        padding: 3%;
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
      }

      #aff-contents .p-point__content.spot .box-inner .ph-box {
        margin: 0 auto 0.5em;
        width: 70%;
      }
      #aff-contents .p-point__content.spot .box-inner .text-box {
        margin: 0;
        padding-top: 0;
        width: 100%;
      }
      #aff-contents .p-point__content.spot .box-inner .text-box h4 {
        margin: 0 0 0.5em 0;
      }
      #aff-contents .p-point__content.spot .box-inner .text-box p.link, 
      #aff-contents .p-point__content.spot .box-inner .text-box p.access {
        margin-top: 0.5em;
      }
      #aff-contents .p-point__content.spot .box-inner .text-box p.access {
        padding: 5px 10px;
      }
    }


/* 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%;
    }
}