@charset "UTF-8";
html {
  font-size: 62.5%;
}

body {
  margin: 0;
  padding: 0;
  background: #fff;
  line-height: 1.5;
  color: #000;
  font-family: Helvetica Neue, Helvetica, Roboto, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

img {
  border: 0;
  vertical-align: bottom;
}

h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

a {
  color: #0096ff;
  text-decoration: underline;
}

a:focus {
  outline: 4px solid #4e98ff;
}

.cap {
  font-family: sans-serif;
}

@media all and (min-width: 768px) {
  .sp-view {
    display: none;
  }
  body {
    min-width: 980px;
    font-size: 1.6rem;
  }
  a:hover {
    text-decoration: none;
  }
  a[href^="tel:"] {
    pointer-events: none;
  }
  a img {
    transition: opacity 300ms;
  }
  a:hover img {
    opacity: 0.85;
  }
  body > header .inner {
    position: relative;
    width: 100%;
    min-width: 980px;
    height: 450px;
  }
  body > header .inner .bg .slick-slide {
    width: 100%;
    height: 450px;
  }
  body > header .inner .bg {
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/bg-header-01_airplane.png") 50% 50% no-repeat, url("/promotion/jcb_anahoujin/20260908/images/pc/bg-header-01.jpg") 50% 70% no-repeat;
    background-size: auto auto, cover;
    text-align: center;
  }
  nav.local {
    position: relative;
  }
  nav.local ul {
    display: flex;
    justify-content: center;
    width: 980px;
    margin: 0 auto;
  }
  nav.local ul::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 98px;
    margin: 0 auto;
    background: #003f9f;
  }
  nav.local ul li {
    position: relative;
    width: 106px;
  }
  nav.local ul li a {
    display: block;
    width: 106px;
    height: 108px;
  }
  nav.local ul li a img {
    opacity: 0;
    transition: opacity 300ms;
  }
  nav.local ul li a:hover img {
    opacity: 1;
  }
  nav.local ul li a.js-modal-open {
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/nav-section9-off.png") no-repeat 50% 50%;
  }
  nav.local ul li a[href="#section1"] {
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/nav-section1-off.png") no-repeat 50% 50%;
  }
  nav.local ul li a[href="#section2"] {
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/nav-section2-off.png") no-repeat 50% 50%;
  }
  nav.local ul li a[href="#section3"] {
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/nav-section3-off.png") no-repeat 50% 50%;
  }
  nav.local ul li a[href="#section4"] {
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/nav-section4-off.png") no-repeat 50% 50%;
  }
  nav.local ul li a[href="#section5"] {
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/nav-section5-off.png") no-repeat 50% 50%;
  }
  nav.local ul li a[href="#section6"] {
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/nav-section6-off.png") no-repeat 50% 50%;
  }
  nav.local ul li a[href="#section7"] {
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/nav-section7-off.png") no-repeat 50% 50%;
  }
  nav.local ul li a[href="#footer"] {
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/nav-section8-off.png") no-repeat 50% 50%;
  }
  main {
    display: block;
    min-width: 980px;
  }
  .feature {
    min-width: 980px;
    padding: 38px 0 54px;
  }
  .feature ul {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .feature ul li {
    margin: 0 24px;
  }
  .feature h3 {
    font-size: 3rem;
    font-weight: bold;
    color: #003f9f;
    text-align: center;
    margin-bottom: 1.4em;
    margin-top: -0.3em;
  }
  .accordion-body {
    display: none;
  }
  #cp h2,
  #section1 h2,
  #section2 h2,
  #section3 h2,
  #section4 h2,
  #section5 h2,
  #section6 h2,
  #section7 h2 {
    position: relative;
    margin: 0 0 50px;
    background: #003f9f;
    text-align: center;
  }
  #cp h2::before,
  #section1 h2::before,
  #section2 h2::before,
  #section3 h2::before,
  #section4 h2::before,
  #section5 h2::before,
  #section6 h2::before,
  #section7 h2::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    height: 25px;
    margin: 0 auto;
    background: #fff;
  }
  #cp h2 img,
  #section1 h2 img,
  #section2 h2 img,
  #section3 h2 img,
  #section4 h2 img,
  #section5 h2 img,
  #section6 h2 img,
  #section7 h2 img {
    position: relative;
  }
  #cp {
    padding: 0 0 81px 0;
    background-color: #ecf9ff;
  }
  #cp .cp-box {
    margin: 0 auto;
    padding: 0 0 38px 0;
    background: #FFF;
    width: 912px;
  }
  #cp .cp-box-h3.cp2 {
    margin-top: 60px;
  }
  #cp .cp-box-h3-notice {
    width: 912px;
    margin: 5px 0 0 0;
    line-height: 1;
    font-size: 1.3rem;
    text-align: left;
  }
  #cp .cp-box-h3-notice p {
    padding-top: 5px;
    font-size: 1.4rem;
  }
  #cp .cp-box-note {
    margin: 0 auto;
    padding: 12px 0 0 0;
    width: 740px;
  }
  #cp .cp-box-note p {
    font-size: 1.3rem;
    line-height: 1.5;
  }
  #cp .cp-box-note .indent {
    padding-left: 1em;
    text-indent: -1em;
  }
  #cp .cp-box-note .indent-example {
    padding-left: 3em;
    text-indent: -3em;
  }
  #cp .cp-box-term {
    margin: 40px 0 0 0;
    line-height: 1.4;
    text-align: center;
  }
  #cp .cp-box-term .head {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.7rem;
  }
  #cp .cp-box-term .date {
    font-weight: bold;
    font-size: 2rem;
  }
  #cp .cp-box-term .date-block {
    display: block;
    margin: 0 auto;
    width: 600px;
    padding-left: 8em;
    text-indent: -8em;
    font-weight: bold;
    font-size: 2rem;
    text-align: left;
  }
  #cp .cp-box-term .notice {
    margin-top: 0.5em;
    font-size: 1.3rem;
  }
  #cp .cp-box-term .sep {
    margin-top: 1em;
  }
  #cp .cp-box-attention {
    margin: 0 auto;
    padding: 15px 0;
    width: 780px;
    text-align: left;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
  }
  #cp .cp-box-attention p {
    font-size: 1.3rem;
  }
  #cp .cp-box-attention .head {
    padding-bottom: 5px;
  }
  #cp .cp-box-attention .indent {
    padding-left: 1em;
    text-indent: -1em;
  }
  #cp .cp-box-attention .orange {
    color: #f03c14;
  }
  #cp .cp-box-attention-link {
    margin: 35px auto 25px;
    width: 780px;
    text-align: center;
  }
  #cp .cp-box-attention-link a {
    font-size: 1.3rem;
  }
  #cp .cp-box-attention-link a::after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/icon-arrow-under.png") 50% 50% no-repeat;
    width: 17px;
    height: 17px;
    vertical-align: -3px;
  }
  #cp .cp-box-apply {
    text-align: center;
  }
  #cp .cp-box-number {
    text-align: right;
  }
  #cp .cp-box-number-box {
    display: inline-block;
    margin: 0 24px 0 auto;
  }
  #cp .cp-box-number-box p {
    display: flex;
    align-items: center;
    padding: 7px 10px;
    background: #FFFFFF;
    border: 2px solid #f03c14;
    color: #f03c14;
  }
  #cp .cp-box-number-box .text {
    padding: 0 5px 0 0;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1;
  }
  #cp .cp-box-number-box .number {
    font-weight: bold;
    font-size: 1.7rem;
    line-height: 1;
    letter-spacing: 0.05rem;
  }
  #cp .cp-box .table-notice {
    margin: 5px 0 10px 90px;
    padding: 5px 0 0 0;
    line-height: 1.2;
    font-size: 1.3rem;
    text-align: left;
    width: 700px;
  }
  #cp .cp-box .table-notice p {
    font-size: 1.3rem;
  }
  #cp .cp-box .table-notice .indent {
    padding-left: 1em;
    text-indent: -1em;
  }
  #section1 h2::before {
    background-color: #ecf9ff;
  }
  #section1 {
    margin: 0 0 60px;
  }
  #section1 > .inner {
    width: 980px;
    margin: 0 auto;
    padding: 0 34px;
  }
  #section1 .section1-1 {
    position: relative;
    margin: 0 0 25px;
    padding: 36px 40px;
    background: #ecf9ff;
  }
  #section1 .section1-1 h3,
  #section1 .section1-2 h3,
  #section1 .section1-3 h3 {
    position: relative;
    padding-left: 32px;
    line-height: 1;
    color: #003f9f;
    font-weight: bold;
    font-size: 2.5rem;
  }
  #section1 .section1-1 h3::before,
  #section1 .section1-2 h3::before,
  #section1 .section1-3 h3::before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 23px;
    height: 23px;
    background: currentColor;
  }
  #section1 .section1-1 h3 {
    margin: 0 0 12px;
  }
  #section1 .section1-1 table {
    width: 100%;
    border: 2px solid #000;
    border-collapse: collapse;
    background: #fff;
  }
  #section1 .section1-1 table th,
  #section1 .section1-1 table td {
    padding: 16px 0;
    border: 1px solid #000;
  }
  #section1 .section1-1 table th {
    line-height: 1.285;
    font-weight: normal;
    font-size: 1.4rem;
  }
  #section1 .section1-1 table th[data-col-name=card] {
    width: 192px;
  }
  #section1 .section1-1 table th:first-child {
    background: #f8f8f8;
    font-weight: bold;
  }
  #section1 .section1-1 table th .normal {
    font-weight: normal;
  }
  #section1 .section1-1 table thead th {
    font-weight: bold;
  }
  #section1 .section1-1 table thead th p {
    margin: 0 0 1em;
  }
  #section1 .section1-1 table thead th figure {
    margin: 0;
  }
  #section1 .section1-1 table td {
    line-height: 1.1428;
    font-size: 1.4rem;
    text-align: center;
  }
  #section1 .section1-1 table td b {
    margin-right: 0.05em;
    color: #0598ff;
    font-size: 220%;
  }
  #section1 .section1-1 table td b.b2 {
    margin-right: 0.05em;
    color: #f03c14;
    font-size: 220%;
    font-weight: bold;
  }
  #section1 .section1-1 table small {
    display: block;
    padding-top: 10px;
    font-weight: normal;
  }
  #section1 .section1-1 table .focus1 th {
    /* background: #fff54d; */
    /* box-shadow: 0 4px 0 #f03c14 inset; */
  }
  #section1 .section1-1 table .focus1 th:first-child {
    /* background: #fff54d; */
    /* box-shadow: 4px 4px 0 #f03c14 inset; */
  }
  #section1 .section1-1 table .focus1 th {
    background: #f03c14;
    box-shadow: 0 4px 0 #f03c14 inset;
    /* color: #0598ff; */
    color: #ffffff;
  }
  #section1 .section1-1 table .focus1 td:last-child {
    /* background: #fff54d; */
    /* box-shadow:-4px 4px 0 #f03c14 inset; */
  }
  #section1 .section1-1 table .focus3 th {
    background: #f03c14;
    box-shadow: 0 4px 0 #f03c14 inset;
    /* color: #0598ff; */
    color: #ffffff;
  }
  /* #section1 .section1-1 table .focus3 th {
      background: #fff54d;
      box-shadow: 0 4px 0 #f03c14 inset;
  } */
  #section1 .section1-1 table .focus3 th:first-child {
    /* background: #fff54d; */
    /* box-shadow: 4px 0 0 #f03c14 inset; */
  }
  #section1 .section1-1 table .focus3 td {
    /* background: #fff54d; */
    /* box-shadow:0 4px 0 #f03c14 inset; */
    /* color: #0598ff; */
    color: #000000;
  }
  #section1 .section1-1 table .focus3 td:last-child {
    /* background: #fff54d; */
    /* box-shadow:-4px 0 0 #f03c14 inset; */
  }
  #section1 .section1-1 table .focus1,
  #section1 .section1-1 table .focus2,
  #section1 .section1-1 table .focus3 {
    color: #000;
  }
  #section1 .section1-1 table .font_S {
    font-size: 80%;
  }
  /* 20240307 追加 */
  #section1 .section1-1 table .focus4 th {
    color: #ffffff;
  }
  #section1 .section1-1 table .focus4 td {
    color: #000000;
    padding: 2px;
  }
  #section1 .section1-1 table .focus4 td:last-child {
    /* background: #fff54d; */
    /* box-shadow:-4px 0 0 #f03c14 inset; */
  }
  #section1 .section1-1 table .focus4 {
    color: #000;
  }
  /* 20240307 */
  #section1 .section1-1 table .focus2 th {
    /* background: #fff54d; */
    /* box-shadow: 0 -4px 0 #f03c14 inset; */
  }
  #section1 .section1-1 table .focus2 th:first-child {
    /* background: #fff54d; */
    /* box-shadow: 4px -4px 0 #f03c14 inset; */
  }
  #section1 .section1-1 table .focus2 td {
    /* background: #fff54d; */
    /* box-shadow:0 -4px 0 #f03c14 inset; */
    /* color: #0598ff; */
    color: #000000;
  }
  #section1 .section1-1 table .focus2 td:last-child {
    /* background: #fff54d; */
    /* box-shadow:-4px -4px 0 #f03c14 inset; */
  }
  #section1 .section1-1 .table-notice {
    padding: 12px 0 0 0;
  }
  #section1 .section1-1 .table-notice p {
    padding-top: 8px;
    font-size: 1.3rem;
    line-height: 1.5;
  }
  #section1 .section1-1 .table-notice p:first-child {
    padding-top: 0;
  }
  #section1 .section1-1 .table-notice a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/icon-link-ext-blue.png") 50% 50% no-repeat;
    width: 13px;
    height: 13px;
    vertical-align: -2px;
  }
  #section1 .section1-1 .table-notice .indent {
    padding-left: 1em;
    text-indent: -1em;
  }
  #section1 .section1-1 .table-notice .indent-num {
    padding-left: 1.85em;
    text-indent: -1.85em;
  }
  #section1 .section1-1 .table-notice .orange {
    color: #f03c14;
  }
  #section1 .section1-1 .table-balloon-01 {
    position: absolute;
    top: 18px;
    right: 76px;
    width: 120px;
    height: 70px;
    z-index: 2;
  }
  #section1 .section1-2 {
    margin: 0 0 25px;
    padding: 36px 40px;
    background: #ecf9ff;
  }
  #section1 .section1-2 h3 {
    margin: 0 0 42px;
  }
  #section1 .section1-2 p.accordion-head {
    position: relative;
    margin: 20px 0 0 0;
    padding: 14px 0;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    font-size: 2.2rem;
    text-align: center;
    cursor: pointer;
  }
  #section1 .section1-2 p.close {
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/accord_icon_off.png") 98% 50% no-repeat, #003f9f;
  }
  #section1 .section1-2 p.open {
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/accord_icon_on.png") 98% 50% no-repeat, #003f9f;
  }
  #section1 .section1-2 h4 {
    margin: 25px 0 14px;
    line-height: 1;
    color: #003f9f;
    font-weight: bold;
    font-size: 2rem;
  }
  #section1 .section1-2 .table-notice {
    padding: 10px 0 15px 0;
  }
  #section1 .section1-2 .table-notice p {
    padding-top: 4px;
    font-size: 1.3rem;
    line-height: 1.3;
  }
  #section1 .section1-2 .table-notice p:first-child {
    padding-top: 0;
  }
  #section1 .section1-2 .table-notice a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/icon-link-ext-blue.png") 50% 50% no-repeat;
    width: 13px;
    height: 13px;
    vertical-align: -2px;
  }
  #section1 .section1-2 .table-notice .indent {
    padding-left: 1em;
    text-indent: -1em;
  }
  #section1 .section1-2 .table-notice .indent-num {
    padding: 0 0 30px 0;
    padding-left: 1.85em;
    text-indent: -1.85em;
  }
  #section1 .section1-2 .table-notice .orange {
    color: #f03c14;
  }
  #section1 .section1-2 .table-notice .pict {
    margin: 0 0 5px;
    text-align: center;
  }
  #section1 .section1-2 > .desc {
    margin: 0 0 22px;
    line-height: 1.4375;
    text-align: center;
  }
  #section1 .section1-2 > .desc .red {
    font-weight: bold;
    font-size: 2.2rem;
    color: #f03c14;
  }
  #section1 .section1-2 > .attention {
    margin: -10px 0 22px 0;
    line-height: 1;
    font-weight: bold;
    font-size: 94%;
    text-align: center;
    color: #f03c14;
  }
  #section1 .section1-2 > .pict {
    margin: 0 0 30px;
    text-align: center;
  }
  #section1 .section1-2 > .pictokidoki {
    margin: 0 0 5px;
    text-align: center;
  }
  #section1 .section1-2 > .notes {
    margin: 0 0 50px;
    line-height: 1.4375;
    text-align: center;
  }
  #section1 .section1-2 > .notes ul {
    display: inline-block;
    text-align: left;
  }
  #section1 .section1-2 > .notes ul .notice {
    padding-top: 12px;
    font-size: 1.4rem;
  }
  #section1 .section1-2 > .notes a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/icon-link-ext-blue.png") 50% 50% no-repeat;
    width: 13px;
    height: 13px;
    vertical-align: -2px;
  }
  #section1 .section1-2-1 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 32px;
    padding: 10px;
    border: 2px solid #003f9f;
    border-radius: 15px;
    background: #fff;
  }
  #section1 .section1-2-1 h5,
  #section1 .section1-2-1 .item {
    width: 20%;
  }
  #section1 .section1-2-1 h5 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-bottom: 1px solid #003f9f;
    line-height: 1.4117;
    color: #f03c14;
    font-weight: bold;
    font-size: 1.7rem;
    letter-spacing: 0.06em;
    text-align: center;
  }
  #section1 .section1-2-1 .item {
    padding: 0 0 5px;
  }
  #section1 .section1-2-1 .item:nth-child(-n+5) {
    border-bottom: 1px solid #003f9f;
  }
  #section1 .section1-2-1 .item:not(:nth-child(5n+1)) {
    border-left: 1px solid #003f9f;
  }
  #section1 .section1-2-1 .item figure {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 112px;
    margin: 0;
  }
  #section1 .section1-2-1 .item p {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 2em;
    line-height: 1.2307em;
    font-size: 1.3rem;
    text-align: center;
  }
  #section1 .section1-2-1 .item p small {
    font-size: 80%;
  }
  #section1 .section1-2-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 13px 20px 30px;
    border: 2px solid #003f9f;
    border-radius: 15px;
    background: #fff;
  }
  #section1 .section1-2-2 .block1 {
    margin-right: 35px;
    padding: 0 0 0 120px;
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/pict-mile-02.png") no-repeat 0 50%;
    text-align: center;
  }
  #section1 .section1-2-2 .block1 .line1 {
    display: block;
    margin: 0 0 8px;
    line-height: 1;
    font-weight: bold;
    font-size: 1.3rem;
  }
  #section1 .section1-2-2 .block1 .line2 {
    display: block;
    margin: 0 0 8px;
    padding: 0 10px;
    border-radius: 1.75em;
    background: #003f9f;
    line-height: 1.75;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.04em;
  }
  #section1 .section1-2-2 .block1 .line3 {
    display: block;
    line-height: 1;
    font-weight: bold;
    font-size: 2.2rem;
  }
  #section1 .section1-2-2 .block1 .line3 b {
    color: #f03c14;
    font-size: 150%;
  }
  #section1 .section1-2-2 .block2 {
    position: relative;
    margin-right: 50px;
    padding: 0 0 0 9px;
    background: #f03c14;
    line-height: 2.2857;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
  }
  #section1 .section1-2-2 .block2::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -21px;
    bottom: 0;
    width: 0;
    height: 0;
    margin: auto 0;
    border-width: 32px 0 32px 34px;
    border-style: solid;
    border-color: transparent #f03c14;
  }
  #section1 .section1-2-2 .block2 span {
    position: relative;
  }
  #section1 .section1-2-2 .block3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 91px;
    padding: 0 0 0 128px;
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/pict-mile-03.png") no-repeat 0 50%;
    text-align: center;
  }
  #section1 .section1-2-2 .block3 .line1 {
    display: block;
    margin: 0 0 10px;
    line-height: 1;
    font-weight: bold;
    font-size: 1.3rem;
    letter-spacing: 0.04em;
  }
  #section1 .section1-2-2 .block3 .line2 {
    display: block;
    line-height: 1;
    font-weight: bold;
    font-size: 2.2rem;
  }
  #section1 .section1-2-2 .block3 .line2 b {
    color: #f03c14;
    font-size: 150%;
  }
  #section1 .section1-2-2 + small {
    display: block;
    margin: 15px 0 30px;
    line-height: 1;
    font-size: 12px;
  }
  #section1 .section1-2-3 {
    padding: 20px 0 25px 27px;
    border: 2px solid #003f9f;
    border-radius: 15px;
    background: #fff;
  }
  #section1 .section1-2-3 .block1 {
    display: flex;
    align-items: center;
  }
  #section1 .section1-2-3 .block1 .item:nth-child(3),
  #section1 .section1-2-3 .block1 .item:nth-child(7) {
    width: 184px;
  }
  #section1 .section1-2-3 .block1 .item:nth-child(3) {
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/icon-mile-14.png") no-repeat 8px calc(50% + 13px), url("/promotion/jcb_anahoujin/20260908/images/pc/icon-mile-14.png") no-repeat right 8px top calc(50% + 13px);
  }
  #section1 .section1-2-3 .block1 .item:nth-child(7) {
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/icon-mile-14.png") no-repeat 8px calc(50% + 13px), url("/promotion/jcb_anahoujin/20260908/images/pc/icon-mile-15.png") no-repeat right 8px top calc(50% + 13px);
  }
  #section1 .section1-2-3 .block1 .item h5 {
    margin: 0 0 12px;
    line-height: 1;
    font-weight: normal;
    font-size: 1.3rem;
    letter-spacing: -0.02em;
    text-align: center;
    white-space: nowrap;
  }
  #section1 .section1-2-3 .block1 .item .num {
    width: 120px;
    margin: 0 auto;
    padding: 0 0 10px;
    /* background: #fff0a9; */
    border: 1px solid #003f9f;
    text-align: center;
  }
  #section1 .section1-2-3 .block1 .item .num figure {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 93px;
    margin: 0;
  }
  #section1 .section1-2-3 .block1 .item .num p {
    line-height: 1;
    color: #f03c14;
    font-weight: bold;
    font-size: 1.4rem;
  }
  #section1 .section1-2-3 .block1 .item .num p b {
    font-size: 130%;
  }
  #section1 .section1-2-3 .block1 > p {
    margin: 26px 0 0;
    color: #f03c14;
    text-align: center;
  }
  #section1 .section1-2-3 .block1 > p .line1 {
    display: block;
    line-height: 1.0588em;
    font-weight: bold;
    font-size: 1.7rem;
    color: #000000;
  }
  #section1 .section1-2-3 .block1 > p .line1 small {
    font-size: 80%;
  }
  #section1 .section1-2-3 .block1 > p .line2 {
    display: block;
    margin: 10px 0 0;
    line-height: 1;
    font-weight: bold;
    font-size: 2.1rem;
  }
  #section1 .section1-2-3 .block1 > p .line2 b {
    font-size: 130%;
  }
  #section1 .section1-2-3 + small {
    display: block;
    position: relative;
    margin: 15px 0 0;
    padding: 0 0 0 1em;
    line-height: 1.5833;
    font-size: 12px;
  }
  #section1 .section1-2-3 + small::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
  }
  #section1 .section1-3 {
    margin: 0;
    padding: 36px 40px;
    background: #ecf9ff;
    overflow: hidden;
  }
  #section1 .section1-3 h3 {
    margin-bottom: 30px;
  }
  #section1 .section1-3 > figure {
    float: right;
    margin: 0;
  }
  #section1 .section1-3 > div {
    margin-right: 280px;
  }
  #section1 .section1-3 > div p {
    margin-bottom: 30px;
  }
  #section1 .section1-3 > small {
    display: block;
    padding-left: 1em;
    line-height: 1.5;
    font-size: 1.2rem;
    text-indent: -1em;
  }
  #section1 .section1-3 > small + small {
    display: block;
    margin-top: 1.5em;
  }
  #section1 .section1-3 a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/icon-link-ext-blue.png") 50% 50% no-repeat;
    width: 13px;
    height: 13px;
    vertical-align: -2px;
  }
  #section2 {
    margin: 60px 0;
  }
  #section2 > div {
    width: 912px;
    height: 383px;
    margin: 0 auto;
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/bg-business.jpg") no-repeat 50% 50%;
    overflow: hidden;
  }
  #section2 > div p {
    margin: 40px 0 55px 40px;
    line-height: 1.6;
    color: #fff;
    font-weight: bold;
    font-size: 3rem;
    letter-spacing: 0.025em;
  }
  #section2 > div ol {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6px 0;
    margin: 170px 0 0 33px;
    width: 452px;
  }
  #section2 .business-notice {
    margin: 0 auto;
    padding: 15px 0 0 0;
    background: none;
    width: 912px;
    height: auto;
  }
  #section2 .business-notice p {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000;
  }
  #section2 .business-notice a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/icon-link-ext-blue.png") 50% 50% no-repeat;
    width: 13px;
    height: 13px;
    vertical-align: -2px;
  }
  #section2 .business-notice .indent {
    padding-left: 1em;
    text-indent: -1em;
  }
  #section2 .business-notice .link {
    padding-top: 3px;
  }
  /*
  ============================================================
  その他のサービス満載
  ============================================================ */
  #section3 {
    margin: 60px 0;
  }
  #section3 .inner {
    width: 980px;
    margin: 0 auto;
    padding: 0 34px;
  }
  #section3 .list {
    display: flex;
    flex-wrap: wrap;
  }
  #section3 .list li {
    width: 290px;
    margin-bottom: 55px;
  }
  #section3 .list li:not(:nth-child(3n)) {
    margin-right: 21px;
  }
  #section3 .list li figure {
    margin: 0 0 15px;
  }
  #section3 .list li p {
    line-height: 2.6rem;
    font-size: 1.6rem;
    font-feature-settings: "palt";
  }
  #section3 .list li p small {
    font-size: 70%;
  }
  #section3 .notes {
    line-height: 1.9rem;
    font-size: 1.2rem;
    letter-spacing: 0.02em;
  }
  /*
  ============================================================
  JCB法人カードのメリット
  ============================================================ */
  #section4 {
    margin: 60px 0;
  }
  #section4 > .inner {
    width: 980px;
    margin: 0 auto;
    padding: 0 34px;
  }
  #section4 .list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    margin: 0 0 25px;
    padding: 57px 40px 42px;
    background: #ecf9ff;
  }
  #section4 .list section {
    width: 262px;
    position: relative;
    padding: 37px 18px 15px;
    border: 2px solid #003f9f;
    background: #fff;
  }
  #section4 .list section:nth-child(n+4) {
    margin-top: 50px;
  }
  #section4 .list section h3 {
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
    width: 134px;
    margin: 0 auto;
    border-radius: 36px;
    background: #003f9f;
    line-height: 2;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
  }
  #section4 .list section h4 {
    line-height: 1.315;
    color: #f03c14;
    font-size: 1.9rem;
    text-align: center;
    letter-spacing: 0.04em;
  }
  #section4 .list section figure {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    margin: 0;
  }
  #section4 .list section:nth-child(4) figure {
    height: 125px;
  }
  #section4 .list section p {
    line-height: 2.6rem;
    font-size: 1.6rem;
    font-feature-settings: "palt";
  }
  /*
  ============================================================
  ワイドゴールドならではの特典
  ============================================================ */
  #section5 {
    margin: 60px 0;
  }
  #section5 > .inner {
    width: 980px;
    margin: 0 auto;
    padding: 0 34px;
  }
  #section5 h2 {
    color: #aa9200;
  }
  #section5 > .inner > .desc {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 490px;
    margin: 0 auto 32px;
  }
  #section5 > .inner > .desc figure {
    margin: 0;
  }
  #section5 > .inner > .desc ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 237px;
  }
  #section5 > .inner > .desc ul li {
    width: 110px;
    padding: 24px 0 23px;
    border-radius: 50%;
    background: #0096ff;
    line-height: 1.4;
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    text-align: center;
  }
  #section5 > .inner > .desc ul li sup {
    font-size: 1rem;
  }
  #section5 > .inner > .desc + small {
    display: block;
    margin: 0 0 40px;
    line-height: 1.5833;
    font-size: 1.2rem;
    text-align: center;
  }
  #section5 small a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/icon-link-ext-blue.png") 50% 50% no-repeat;
    width: 13px;
    height: 13px;
    vertical-align: -2px;
  }
  #section5 .block {
    margin: 0 0 36px;
    padding: 5px;
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/bg-widegold-01.png") no-repeat 50% 50%/100% 100%;
  }
  #section5 .block .inner {
    padding: 34px 26px 30px 34px;
    border: 1px solid #fff;
    overflow: hidden;
  }
  #section5 .block figure {
    float: left;
    margin: 0;
  }
  #section5 .block figure + div {
    margin-left: 356px;
  }
  #section5 .block h3 {
    margin: 0 0 15px;
    line-height: 1.3333;
    font-size: 3rem;
    font-family: "Noto Serif JP", sans-serif;
  }
  #section5 .block p {
    line-height: 2.6rem;
    color: #fff;
    font-size: 1.6rem;
  }
  #section5 .block1 p {
    margin: 0 0 32px;
  }
  #section5 .block2 p {
    margin: 0 0 70px;
  }
  #section5 .block small {
    display: block;
    position: relative;
    padding-left: 1em;
    line-height: 1.9rem;
    color: #fff;
    font-size: 1.2rem;
  }
  #section5 .block small::before {
    content: "※";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  #section5 .block3 p {
    margin: 0 0 70px;
  }
  /*
  ============================================================
  カード別比較表
  ============================================================ */
  #section6 {
    margin: 60px 0;
  }
  #section6 > .inner {
    width: 980px;
    margin: 0 auto;
    padding: 0 34px;
  }
  #section6 table {
    margin: 0 0 30px;
  }
  /* 枠線と背景 */
  #section6 table {
    border-collapse: collapse;
    border-top: 1px solid #000;
  }
  #section6 table th,
  #section6 table td {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    background: #fff;
  }
  #section6 table th:first-child,
  #section6 table td:first-child {
    border-left: 0;
  }
  #section6 table th:last-child,
  #section6 table td:last-child {
    border-right: 0;
  }
  #section6 table .dotted th:not([rowspan]),
  #section6 table .dotted td:not([rowspan]) {
    border-bottom: 1px dotted #000;
  }
  #section6 table th:first-child {
    background: rgba(192, 234, 255, 0.3);
  }
  #section6 table .rowspan th:first-child {
    background: #fff;
  }
  /* 余白 */
  #section6 table th,
  #section6 table td {
    height: 72px;
  }
  #section6 table th {
    padding: 12px 0;
  }
  #section6 table td {
    padding: 25px 0;
  }
  /* 文字サイズ */
  #section6 table th,
  #section6 table td {
    vertical-align: middle;
    text-align: center;
  }
  #section6 table th:first-child {
    line-height: 2.4rem;
    font-size: 1.6rem;
  }
  #section6 table th:first-child small {
    display: block;
    font-size: 1.2rem;
  }
  #section6 table tbody td {
    line-height: 2.4rem;
    font-size: 2rem;
  }
  #section6 table tbody td small {
    display: block;
    margin-top: 3px;
    line-height: 1.8rem;
    font-size: 1.2rem;
  }
  #section6 table tbody td sup {
    font-size: 1.2rem;
  }
  #section6 table .mid {
    font-size: 1.9rem;
  }
  #section6 table .orange {
    color: #f03c14;
  }
  /* 券面 */
  #section6 table thead td {
    width: 245px;
    padding: 24px 0 10px;
    text-align: center;
  }
  #section6 table thead td h3 {
    margin: 0 0 20px;
    line-height: 1;
    font-size: 1.6rem;
  }
  #section6 table thead td figure {
    margin: 0 0 20px;
  }
  #section6 table thead td a {
    display: inline-block;
  }
  #section6 table thead td a:hover {
    opacity: 0.85;
  }
  #section6 .notes {
    line-height: 1.4615;
    font-size: 1.3rem;
    font-feature-settings: "palt";
  }
  #section6 .notes li:not(:last-child) {
    margin-bottom: 1.4615em;
  }
  #section6 .notes .indent-num {
    padding-left: 1.85em;
    text-indent: -1.85em;
  }
  /*
  ============================================================
  注意事項
  ============================================================ */
  #section7 {
    margin: 60px 0 140px;
  }
  #section7 > .inner {
    width: 980px;
    margin: 0 auto;
    padding: 0 34px;
  }
  #section7 p {
    line-height: 2.7rem;
    font-size: 1.5rem;
  }
  #section7 ul {
    line-height: 2.7rem;
    font-size: 1.5rem;
  }
  #section7 li {
    position: relative;
    padding-left: 18px;
  }
  #section7 li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: currentColor;
  }
  #section7 li.text-orange {
    color: #f03c14;
  }
  #section7 li.head {
    padding-top: 25px;
    text-indent: -20px;
  }
  #section7 li.head:first-child {
    padding-top: 0;
  }
  #section7 li.head::before {
    content: none;
  }
  .pagetop {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 101;
  }
  .pagetop a:focus {
    outline: none;
  }
  body > footer {
    background: #f4f4f4;
  }
  body > footer .inner {
    display: flex;
    flex-direction: column;
    width: 980px;
    margin: 0 auto;
  }
  body > footer .inner .jcb {
    order: 1;
    padding: 22px 0 34px;
  }
  body > footer .contact {
    order: 2;
    display: flex;
    justify-content: space-between;
  }
  body > footer .contact .block {
    width: 466px;
  }
  body > footer .contact .block h3 {
    margin: 0 0 14px;
    padding: 14px 18px 13px;
    background: #003f9f;
    line-height: 1;
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: 0.055em;
  }
  body > footer .contact .block h4 {
    margin: 0 0 6px;
    line-height: 1;
    color: #003f9f;
    font-weight: bold;
    font-size: 1.4rem;
  }
  body > footer .contact .block .desk-title {
    margin: 20px 0 25px;
    line-height: 1.5rem;
    color: #003f9f;
    font-weight: bold;
    font-size: 2.1rem;
    letter-spacing: 0.02em;
  }
  body > footer .contact .block .desk-title a {
    color: #003f9f;
    text-decoration: underline;
  }
  body > footer .contact .block .desk-title a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    margin-right: 2px;
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/icon-link-ext-navy.png") 50% 50% no-repeat;
    width: 13px;
    height: 13px;
    vertical-align: -2px;
  }
  body > footer .contact .block .tel-number {
    margin: 0 0 15px;
    line-height: 3rem;
    color: #003f9f;
    font-weight: bold;
    font-size: 3.8rem;
    letter-spacing: 0.02em;
  }
  body > footer .contact .block .tel-number span {
    vertical-align: middle;
    font-weight: normal;
    font-size: 1.3rem;
  }
  body > footer .contact .block .mobile {
    display: flex;
    align-items: center;
    margin: 0 0 20px;
  }
  body > footer .contact .block .mobile .line1 {
    line-height: 1.4rem;
    color: #003f9f;
    font-weight: bold;
    font-size: 1.2rem;
  }
  body > footer .contact .block .mobile .line2 {
    line-height: 1;
    color: #003f9f;
    font-weight: bold;
    font-size: 2.2rem;
    letter-spacing: 0.02em;
  }
  body > footer .contact .block .mobile .line2 span {
    vertical-align: middle;
    font-weight: normal;
    font-size: 1.2rem;
  }
  body > footer .contact .block .box small {
    display: block;
    line-height: 1.8rem;
    font-size: 1.2rem;
  }
  body > footer .contact .block .box .indent {
    padding-left: 1em;
    text-indent: -1em;
  }
  body > footer .contact .block .box .link {
    padding-top: 20px;
  }
  body > footer .contact .block .box .link a {
    color: #000;
    text-decoration: underline;
  }
  body > footer .contact .block .box .link a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    margin-right: 2px;
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/icon-link-ext-blk.png") 50% 50% no-repeat;
    width: 13px;
    height: 13px;
    vertical-align: -2px;
  }
  body > footer .update {
    order: 3;
    padding: 25px 0 0 0;
    text-align: right;
  }
  body > footer .update p {
    font-size: 1.2rem;
  }
  body > footer .links {
    order: 4;
    margin: 20px 0 28px;
    padding: 13px 0 0;
    border-top: 2px dotted #000;
    line-height: 1;
    font-size: 12px;
  }
  body > footer .links li {
    display: inline-block;
  }
  body > footer .links li:not(:last-child) {
    margin-right: 2em;
  }
  body > footer .links li a {
    color: #000;
    text-decoration: underline;
  }
  body > footer .links li a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    margin-right: 2px;
    background: url("/promotion/jcb_anahoujin/20260908/images/pc/icon-link-ext-blk.png") 50% 50% no-repeat;
    width: 13px;
    height: 13px;
    vertical-align: -2px;
  }
  body > footer .links li a:hover {
    text-decoration: none;
  }
  body > footer .copyrights {
    background: #003f9f;
  }
  body > footer .copyrights p {
    display: block;
    width: 980px;
    margin: 0 auto;
    padding: 25px 0 140px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.04em;
    text-align: center;
  }
  .btn-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 4px 0 15px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
    line-height: 1;
    text-align: center;
  }
  .btn-fixed a[class=js-modal-open] {
    display: block;
    margin: 0 auto;
    width: 620px;
    transition: opacity 300ms, box-shadow 300ms;
  }
  .btn-fixed a[class=js-modal-open]:hover {
    opacity: 0.85;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  }
  .btn-fixed .link {
    color: #fff;
    font-size: 15px;
  }
  .btn-fixed .link a {
    color: #fff;
  }
  .modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
  }
  .modal-body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #f5f5f5;
    width: 840px;
    height: 510px;
  }
  .modal-close-btn {
    padding: 9px 9px 0 0;
    text-align: right;
  }
  .modal-head {
    padding: 0 0 56px 0;
    text-align: center;
  }
  .modal-card {
    margin: 0 auto;
    width: 702px;
  }
  .modal-card-box {
    display: flex;
    align-items: center;
    padding: 15px 0;
    width: 702px;
    border-bottom: 2px dotted #9a9a9a;
  }
  .modal-card-box:first-child {
    border-top: 2px dotted #9a9a9a;
  }
  .modal-card-box-image {
    width: 125px;
    text-align: right;
  }
  .modal-card-box-text {
    box-sizing: border-box;
    padding: 0 20px;
    flex: 1;
  }
  .modal-card-box-text p {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #000;
  }
  .modal-card-box-btn {
    width: 148px;
    text-align: left;
  }
}
@media all and (max-width: 767px) {
  .pc-view {
    display: none;
  }
  body {
    font-size: calc(16 / 640 * 100vw);
  }
  .asterisk {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Noto, "メイリオ", Meiryo, sans-serif;
  }
  body > header {
    margin: 0 auto;
  }
  body > header .top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 102;
    width: 100%;
    background: #fff;
  }
  body > header .top .nav-menu {
    display: flex;
  }
  body > header .top .nav-menu img {
    width: 100%;
    height: auto;
  }
  body > header .top .nav-menu-logo {
    flex: 1;
  }
  body > header .top .nav-menu-btn {
    width: calc(104 / 640 * 100vw);
  }
  .header-box img {
    width: 100%;
    height: auto;
  }
  body > header .top .menu-open {
    position: absolute;
    top: calc(29 / 640 * 100vw);
    right: calc(25 / 640 * 100vw);
    width: calc(54 / 640 * 100vw);
    height: calc(54 / 640 * 100vw);
    cursor: pointer;
  }
  body > header .top .menu-open span {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    width: calc(54 / 640 * 100vw);
    height: calc(6 / 640 * 100vw);
    margin: 0 auto;
    background: #003f9f;
  }
  body > header .top .menu-open span:nth-child(1) {
    top: calc(6 / 640 * 100vw);
    transition: top 300ms, transform 300ms;
  }
  body > header .top .menu-open span:nth-child(2) {
    top: calc(24 / 640 * 100vw);
    transition: width 300ms;
  }
  body > header .top .menu-open span:nth-child(3) {
    top: calc(42 / 640 * 100vw);
    transition: top 300ms, transform 300ms;
  }
  body[data-menu=open] > header .top .menu-open span:nth-child(1) {
    top: calc(24 / 640 * 100vw);
    transform: rotate(45deg);
  }
  body[data-menu=open] > header .top .menu-open span:nth-child(2) {
    width: 0;
  }
  body[data-menu=open] > header .top .menu-open span:nth-child(3) {
    top: calc(24 / 640 * 100vw);
    transform: rotate(-45deg);
  }
  body > header .nav-global {
    display: none;
  }
  body > header .nav-global .inner {
    width: 100%;
    background: #fff;
  }
  body > header .nav-global .inner .list {
    border-top: 1px solid #b4b4b4;
  }
  body > header .nav-global .inner .list li {
    border-bottom: 1px solid #b4b4b4;
  }
  body > header .nav-global .inner .list li a {
    display: flex;
    align-items: center;
    height: calc(90 / 640 * 100vw);
    padding: 0 calc(60 / 640 * 100vw) 0 calc(28 / 640 * 100vw);
    background: #f7f8f8 url("/promotion/jcb_anahoujin/20260908/images/sp/icon-arrow-nav.png") no-repeat right 4.21875vw top 50%/2.96875vw 4.0625vw;
    line-height: 1.28;
    color: #323232;
    font-size: calc(28 / 640 * 100vw);
    text-decoration: none;
  }
  body > header .hero img {
    width: 100%;
    height: auto;
  }
  #section1 > h2 img,
  #section2 > h2 img,
  #section3 > h2 img,
  #section4 > h2 img,
  #section5 > h2 img,
  #section6 > h2 img,
  #section7 > h2 img {
    width: 100%;
    height: auto;
  }
  .feature {
    padding: calc(40 / 640 * 100vw) calc(55 / 640 * 100vw) calc(60 / 640 * 100vw) calc(40 / 640 * 100vw);
  }
  .feature ul li:not(:last-child) {
    margin-bottom: calc(25 / 640 * 100vw);
  }
  .feature ul li img {
    width: 100%;
    height: auto;
  }
  .feature h3 {
    font-size: calc(29 / 640 * 100vw);
    line-height: 1.4;
    font-weight: bold;
    color: #003f9f;
    text-align: center;
    margin-bottom: 0.4em;
  }
  #cp {
    background-color: #ecf9ff;
  }
  #cp h2 img {
    width: 100%;
    height: auto;
  }
  #cp h3 img {
    width: 100%;
    height: auto;
  }
  #cp .cp-box {
    padding: calc(40 / 640 * 100vw) 5% calc(60 / 640 * 100vw);
    /* background: url("/promotion/jcb_anahoujin/20260908/images/sp/bg-cp-tile.png") repeat 0 0 / calc(6 / 640 * 100vw) calc(6 / 640 * 100vw); */
    background-color: #ecf9ff;
  }
  #cp .cp-box:first-of-type {
    padding-bottom: 0;
  }
  #cp .cp-box + .cp-box .cp-box-h3.cp2 {
    margin-top: 0;
  }
  #cp .cp-box-in {
    background-color: #FFF;
    padding: 0 0 calc(45 / 640 * 100vw) 0;
  }
  #cp .cp-box-h3.cp2 {
    margin-top: calc(70 / 640 * 100vw);
  }
  #cp .cp-box-h3-notice {
    padding: calc(15 / 640 * 100vw) 0 calc(30 / 640 * 100vw) 0;
    text-align: center;
  }
  #cp .cp-box-h3-notice p {
    padding-top: calc(8 / 640 * 100vw);
    font-size: calc(16 / 640 * 100vw);
  }
  #cp .cp-box-h3-okidokinotice {
    padding: calc(15 / 640 * 100vw) 0 calc(30 / 640 * 100vw) calc(30 / 640 * 100vw);
    text-align: left;
  }
  #cp .cp-box-h3-okidokinotice p {
    padding-top: calc(4 / 640 * 100vw);
    font-size: calc(16 / 640 * 100vw);
  }
  #cp .cp-box-h3-okidokinotice .indent {
    padding-left: 1em;
    text-indent: -1em;
  }
  #cp .cp-box-note {
    margin: 0 auto;
    padding: calc(12 / 640 * 100vw) 0 0 0;
    width: calc(534 / 640 * 100vw);
  }
  #cp .cp-box-note p {
    font-size: calc(18 / 640 * 100vw);
    line-height: 1.5;
  }
  #cp .cp-box-note .indent {
    padding-left: 1em;
    text-indent: -1em;
  }
  #cp .cp-box-note .indent-example {
    padding-left: 3em;
    text-indent: -3em;
  }
  #cp .cp-box-term {
    padding: calc(35 / 640 * 100vw) 0 0 0;
    text-align: center;
  }
  #cp .cp-box-term .head {
    font-weight: bold;
    font-size: calc(22 / 640 * 100vw);
  }
  #cp .cp-box-term .date {
    font-weight: bold;
    font-size: calc(24 / 640 * 100vw);
  }
  #cp .cp-box-term .date-block {
    font-weight: bold;
    font-size: calc(24 / 640 * 100vw);
  }
  #cp .cp-box-term .notice {
    margin-top: 0.3em;
    font-size: calc(18 / 640 * 100vw);
  }
  #cp .cp-box-term .sep {
    margin-top: 1em;
  }
  #cp .cp-box-attention {
    margin: calc(35 / 640 * 100vw) auto calc(20 / 640 * 100vw) auto;
    padding: calc(20 / 640 * 100vw) 0 calc(20 / 640 * 100vw) 0;
    width: calc(530 / 640 * 100vw);
    text-align: left;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
  }
  #cp .cp-box-attention .head {
    padding-bottom: 1%;
  }
  #cp .cp-box-attention .indent {
    padding-left: 1em;
    text-indent: -1em;
  }
  #cp .cp-box-attention .orange {
    color: #f03c14;
  }
  #cp .cp-box-attention-link {
    margin: calc(40 / 640 * 100vw) auto calc(10 / 640 * 100vw) auto;
    width: calc(530 / 640 * 100vw);
    text-align: center;
  }
  #cp .cp-box-attention-link a {
    font-size: calc(20 / 640 * 100vw);
  }
  #cp .cp-box-attention-link a::after {
    content: "";
    display: inline-block;
    margin-left: calc(6 / 640 * 100vw);
    margin-right: calc(6 / 640 * 100vw);
    margin-bottom: calc(-3 / 640 * 100vw);
    background: url("/promotion/jcb_anahoujin/20260908/images/sp/icon-arrow-under.png") 50% 50% no-repeat;
    background-size: contain;
    width: calc(17 / 640 * 100vw);
    height: calc(17 / 640 * 100vw);
  }
  #cp .cp-box-apply {
    padding: 0 5% calc(60 / 640 * 100vw) 5%;
    text-align: center;
  }
  #cp .cp-box-apply a {
    display: block;
    margin: 0 auto;
    width: calc(450 / 640 * 100vw);
  }
  #cp .cp-box-apply a img {
    width: 100%;
    height: auto;
  }
  #cp .cp-box-number {
    padding: calc(40 / 640 * 100vw) 0 0 0;
    text-align: right;
  }
  #cp .cp-box-number-box {
    display: inline-block;
    margin: 0 calc(30 / 640 * 100vw) 0 auto;
  }
  #cp .cp-box-number-box p {
    display: flex;
    align-items: center;
    padding: calc(10 / 640 * 100vw) calc(10 / 640 * 100vw);
    background: #FFFFFF;
    border: 2px solid #f03c14;
    color: #f03c14;
  }
  #cp .cp-box-number-box .text {
    padding: 0 calc(8 / 640 * 100vw) 0 0;
    font-weight: bold;
    font-size: calc(20 / 640 * 100vw);
    line-height: 1;
  }
  #cp .cp-box-number-box .number {
    font-weight: bold;
    font-size: calc(24 / 640 * 100vw);
    line-height: 1;
    letter-spacing: 0.05rem;
  }
  #section1 h2 {
    /* background: url("/promotion/jcb_anahoujin/20260908/images/sp/bg-cp-tile.png") 0 0 repeat;
    background-size: calc(6 / 640 * 100vw) calc(6 / 640 * 100vw); */
    background-color: #ecf9ff;
  }
  #section1 h3 {
    position: relative;
    margin: 0 0 calc(16 / 640 * 100vw);
    padding-left: calc(38 / 640 * 100vw);
    line-height: 1.31;
    color: #003f9f;
    font-size: calc(29 / 640 * 100vw);
  }
  #section1 h3::before {
    content: "";
    display: block;
    position: absolute;
    top: calc(6 / 640 * 100vw);
    left: 0;
    width: calc(25 / 640 * 100vw);
    height: calc(25 / 640 * 100vw);
    background: currentColor;
  }
  #section1 .section1-2 h4 {
    margin: calc(30 / 640 * 100vw) 0 calc(16 / 640 * 100vw);
    line-height: 1;
    color: #003f9f;
    font-size: calc(25 / 640 * 100vw);
  }
  #section1 {
    margin: 0;
    padding: 0;
  }
  #section1 .section1-1 {
    position: relative;
    margin: 0 0 calc(10 / 640 * 100vw);
    padding: calc(32 / 640 * 100vw) calc(25 / 640 * 100vw) calc(40 / 640 * 100vw);
    background: rgba(192, 234, 255, 0.3);
  }
  #section1 .section1-1 table {
    width: 100%;
    border: 1px solid #000;
    border-collapse: collapse;
    background: #fff;
  }
  #section1 .section1-1 table th,
  #section1 .section1-1 table td {
    padding: calc(16 / 640 * 100vw) 0;
    border: 1px solid #000;
  }
  #section1 .section1-1 table th {
    line-height: 1.285;
    font-weight: normal;
    font-size: calc(17 / 640 * 100vw);
    letter-spacing: -0.025em;
  }
  #section1 .section1-1 table th[data-col-name=card] {
    width: calc(140 / 640 * 100vw);
  }
  #section1 .section1-1 table th:nth-child(1) {
    background: #f8f8f8;
    font-weight: bold;
  }
  #section1 .section1-1 table th .normal {
    font-weight: normal;
  }
  #section1 .section1-1 table th .bold {
    font-weight: bold;
  }
  #section1 .section1-1 table thead th {
    font-weight: bold;
  }
  #section1 .section1-1 table thead th p {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.57em;
    margin: 0 0 calc(6 / 640 * 100vw);
  }
  #section1 .section1-1 table thead th figure {
    margin: 0;
  }
  #section1 .section1-1 table thead th figure img {
    width: calc(98 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-1 table tbody th small {
    display: block;
    margin: calc(6 / 640 * 100vw) 0 0;
    line-height: 1.46;
    font-weight: normal;
    font-size: calc(14 / 640 * 100vw);
  }
  #section1 .section1-1 table td {
    line-height: 1.3333;
    font-size: calc(18 / 640 * 100vw);
    text-align: center;
  }
  #section1 .section1-1 table td b {
    margin-right: 0.05em;
    color: #0598ff;
    font-size: 180%;
  }
  #section1 .section1-1 table td b.b2 {
    margin-right: 0.05em;
    color: #f03c14;
    font-size: 180%;
    font-weight: bold;
  }
  #section1 .section1-1 table .focus1 th {
    background: #f03c14;
    color: #ffffff;
    /* box-shadow: 0 calc(4 / 640 * 100vw) 0 #f03c14 inset; */
  }
  #section1 .section1-1 table .focus1 th:first-child {
    /* background: #fff54d; */
    /* box-shadow: calc(4 / 640 * 100vw) calc(4 / 640 * 100vw) 0 #f03c14 inset; */
  }
  #section1 .section1-1 table .focus1 td {
    /* background: #fff54d; */
    /* box-shadow: 0 calc(4 / 640 * 100vw) 0 #f03c14 inset; */
    /* color: #0598ff;*/
    color: #000000;
  }
  #section1 .section1-1 table .focus1 td:last-child {
    /* background: #fff54d; */
    /* box-shadow: calc(-4 / 640 * 100vw) calc(4 / 640 * 100vw) 0 #f03c14 inset; */
  }
  #section1 .section1-1 table .focus1 .bonus-benefits-1 img {
    display: block;
    margin: 0 auto;
    width: calc(140 / 640 * 100vw);
  }
  #section1 .section1-1 table .focus3 th {
    background: #f03c14;
    color: #ffffff;
    /*　box-shadow: 0 calc(-4 / 640 * 100vw) 0 #f03c14 inset;　*/
  }
  #section1 .section1-1 table .focus3 th:first-child {
    /* background: #fff54d; */
    /* box-shadow: calc(4 / 640 * 100vw) 0 0 #f03c14 inset; */
  }
  #section1 .section1-1 table .focus3 td {
    /* background: #fff54d; */
    /* box-shadow: 0 calc(-4 / 640 * 100vw) 0 #f03c14 inset; */
    /* color: #0598ff;*/
    color: #000000;
  }
  #section1 .section1-1 table .focus3 td:last-child {
    /* background: #fff54d; */
    /* box-shadow: calc(-4 / 640 * 100vw) 0 0 #f03c14 inset; */
  }
  #section1 .section1-1 table .focus1,
  #section1 .section1-1 table .focus2,
  #section1 .section1-1 table .focus3 {
    color: #000;
  }
  #section1 .section1-1 table small + small {
    margin-top: 0.5em !important;
  }
  /* 20240307 追加 */
  #section1 .section1-1 table .focus4 th {
    color: #ffffff;
  }
  #section1 .section1-1 table .focus4 td {
    color: #000000;
    padding: calc(5 / 640 * 100vw) 0 0 0;
  }
  #section1 .section1-1 table .focus4 {
    color: #000;
  }
  /* 20240307 追加 */
  #section1 .section1-1 table .focus2 th {
    /* background: #fff54d; */
    /* box-shadow: 0 calc(-4 / 640 * 100vw) 0 #f03c14 inset; */
    color: #000;
  }
  #section1 .section1-1 table .focus2 th:first-child {
    /* background: #fff54d; */
    /* box-shadow: calc(4 / 640 * 100vw) calc(-4 / 640 * 100vw) 0 #f03c14 inset; */
    color: #000;
  }
  #section1 .section1-1 table .focus2 td {
    /* background: #fff54d; */
    /* box-shadow: 0 calc(-4 / 640 * 100vw) 0 #f03c14 inset; */
    /* color: #0598ff;*/
    color: #000000;
  }
  #section1 .section1-1 table .focus2 td:last-child {
    /* background: #fff54d; */
    /* box-shadow: calc(-4 / 640 * 100vw) calc(-4 / 640 * 100vw) 0 #f03c14 inset; */
  }
  #section1 .section1-1 .table-notice {
    padding: calc(15 / 640 * 100vw) 0 0 0;
  }
  #section1 .section1-1 .table-notice p {
    padding-top: calc(10 / 640 * 100vw);
    font-size: calc(15 / 640 * 100vw);
  }
  #section1 .section1-1 .table-notice p:first-child {
    padding-top: 0;
  }
  #section1 .section1-1 .table-notice a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: calc(3 / 640 * 100vw);
    margin-right: calc(3 / 640 * 100vw);
    margin-bottom: calc(1 / 640 * 100vw);
    background: url("/promotion/jcb_anahoujin/20260908/images/sp/icon-link-ext-blue.png") 50% 50% no-repeat;
    background-size: contain;
    width: calc(13 / 640 * 100vw);
    height: calc(13 / 640 * 100vw);
  }
  #section1 .section1-1 .table-notice .indent {
    padding-left: 1em;
    text-indent: -1em;
  }
  #section1 .section1-1 .table-notice .indent-num {
    padding-left: 1.85em;
    text-indent: -1.85em;
  }
  #section1 .section1-1 .table-notice .orange {
    color: #f03c14;
  }
  #section1 .section1-1 .table-balloon-01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
  }
  #section1 .section1-1 .table-balloon-01 img {
    width: 100%;
    height: auto;
  }
  #section1 .section1-2 {
    margin: 0 0 calc(10 / 640 * 100vw);
    padding: calc(32 / 640 * 100vw) calc(25 / 640 * 100vw) calc(40 / 640 * 100vw);
    background: rgba(192, 234, 255, 0.3);
  }
  #section1 .section1-2 p.accordion-head {
    margin: calc(30 / 640 * 100vw) 0 0 0;
    padding-left: 0;
    line-height: calc(60 / 640 * 100vw);
    color: #fff;
    font-weight: bold;
    font-size: calc(26 / 640 * 100vw);
    text-align: center;
    cursor: pointer;
  }
  #section1 .section1-2 p.close {
    background: url("/promotion/jcb_anahoujin/20260908/images/sp/accord_icon_off.png") 97% 50% no-repeat, #003f9f;
    background-size: calc(30 / 640 * 100vw) calc(30 / 640 * 100vw);
  }
  #section1 .section1-2 p.open {
    background: url("/promotion/jcb_anahoujin/20260908/images/sp/accord_icon_on.png") 97% 50% no-repeat, #003f9f;
    background-size: calc(30 / 640 * 100vw) calc(30 / 640 * 100vw);
  }
  #section1 .section1-2 .accordion-body {
    display: none;
  }
  #section1 .section1-2 .table-notice {
    padding: calc(15 / 640 * 100vw) 0 calc(10 / 640 * 100vw) 0;
  }
  #section1 .section1-2 .table-notice p {
    padding-top: calc(2 / 640 * 100vw);
    font-size: calc(15 / 640 * 100vw);
  }
  #section1 .section1-2 .table-notice p:first-child {
    padding-top: 0;
  }
  #section1 .section1-2 .table-notice a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: calc(3 / 640 * 100vw);
    margin-right: calc(3 / 640 * 100vw);
    margin-bottom: calc(1 / 640 * 100vw);
    background: url("/promotion/jcb_anahoujin/20260908/images/sp/icon-link-ext-blue.png") 50% 50% no-repeat;
    background-size: contain;
    width: calc(13 / 640 * 100vw);
    height: calc(13 / 640 * 100vw);
  }
  #section1 .section1-2 .table-notice .indent {
    padding-left: 1em;
    text-indent: -1em;
  }
  #section1 .section1-2 .table-notice .indent-num {
    padding: 0 0 calc(40 / 640 * 100vw) 0;
    padding-left: 1.85em;
    text-indent: -1.85em;
  }
  #section1 .section1-2 .table-notice .orange {
    color: #f03c14;
  }
  #section1 .section1-2 .desc {
    margin: 0 0 calc(30 / 640 * 100vw);
    line-height: 1.47;
    font-size: calc(21 / 640 * 100vw);
    text-align: center;
  }
  #section1 .section1-2 .desc .red {
    font-weight: bold;
    font-size: calc(30 / 640 * 100vw);
    color: #f03c14;
  }
  #section1 .section1-2 .attention {
    margin: 0 0 calc(20 / 640 * 100vw);
    line-height: 1.2;
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    color: #f03c14;
  }
  #section1 .section1-2 .pict {
    margin: 0 0 calc(30 / 640 * 100vw);
    text-align: center;
  }
  #section1 .section1-2 .pict img {
    width: calc(522 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-2 .pictokidoki {
    margin: calc(20 / 640 * 100vw) 0 calc(15 / 640 * 100vw) 0;
    text-align: center;
  }
  #section1 .section1-2 .pictokidoki img {
    width: calc(593 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-2 .notes {
    margin: 0 calc(25 / 640 * 100vw) calc(37 / 640 * 100vw);
    text-align: center;
  }
  #section1 .section1-2 .notes ul {
    display: inline-block;
    text-align: left;
  }
  #section1 .section1-2 .notes ul li {
    position: relative;
    padding-left: 1em;
    line-height: 1.47;
    font-size: calc(21 / 640 * 100vw);
  }
  #section1 .section1-2 .notes ul li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
  }
  #section1 .section1-2 .notes ul li.notice {
    padding-top: calc(20 / 640 * 100vw);
    padding-left: 1em;
    text-indent: -1em;
    font-size: calc(15 / 640 * 100vw);
  }
  #section1 .section1-2 .notes ul li.notice::before {
    content: none;
  }
  #section1 .section1-2 .notes ul li.notice a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: calc(3 / 640 * 100vw);
    margin-right: calc(3 / 640 * 100vw);
    margin-bottom: calc(1 / 640 * 100vw);
    background: url("/promotion/jcb_anahoujin/20260908/images/sp/icon-link-ext-blue.png") 50% 50% no-repeat;
    background-size: contain;
    width: calc(13 / 640 * 100vw);
    height: calc(13 / 640 * 100vw);
  }
  #section1 .section1-2-1 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 calc(32 / 640 * 100vw);
    padding: 0 calc(10 / 640 * 100vw) calc(10 / 640 * 100vw);
    border: 2px solid #003f9f;
    border-radius: calc(15 / 640 * 100vw);
    background: #fff;
  }
  #section1 .section1-2-1 h5 {
    flex-shrink: 0;
    width: 100%;
    margin: 1em 0;
    line-height: 1;
    color: #f03c14;
    font-weight: bold;
    font-size: calc(26 / 640 * 100vw);
    letter-spacing: 0.06em;
    text-align: center;
  }
  #section1 .section1-2-1 .item {
    width: calc(100% / 3);
    padding: calc(5 / 640 * 100vw) 0;
  }
  #section1 .section1-2-1 .item:nth-child(-n+7) {
    border-bottom: 1px solid #003f9f;
  }
  #section1 .section1-2-1 .item:not(:nth-child(3n+1)) {
    border-right: 1px solid #003f9f;
  }
  #section1 .section1-2-1 .item figure {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(134 / 640 * 100vw);
    margin: 0;
  }
  #section1 .section1-2-1 .item figure img[src*="icon-mile-01.png"] {
    width: calc(96 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-2-1 .item figure img[src*="icon-mile-02.png"] {
    width: calc(131 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-2-1 .item figure img[src*="icon-mile-03.png"] {
    width: calc(118 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-2-1 .item figure img[src*="icon-mile-04.png"] {
    width: calc(123 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-2-1 .item figure img[src*="icon-mile-05.png"] {
    width: calc(79 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-2-1 .item figure img[src*="icon-mile-06.png"] {
    width: calc(93 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-2-1 .item figure img[src*="icon-mile-07.png"] {
    width: calc(94 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-2-1 .item figure img[src*="icon-mile-08.png"] {
    width: calc(86 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-2-1 .item figure img[src*="icon-mile-09.png"] {
    width: calc(105 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-2-1 .item p {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 2.5em;
    line-height: 1.25em;
    font-size: calc(16 / 640 * 100vw);
    text-align: center;
  }
  #section1 .section1-2-1 .item p small {
    font-size: 70%;
  }
  #section1 .section1-2-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(35 / 640 * 100vw);
    border: 2px solid #003f9f;
    border-radius: calc(15 / 640 * 100vw);
    background: #fff;
  }
  #section1 .section1-2-2 .block1 {
    padding: calc(90 / 640 * 100vw) 0 0;
    background: url("/promotion/jcb_anahoujin/20260908/images/sp/pict-mile-02.png") no-repeat 50% 0/calc(118 / 640 * 100vw) auto;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
  }
  #section1 .section1-2-2 .block1 .line1 {
    display: block;
    margin: 0 0 calc(10 / 640 * 100vw);
    font-size: calc(14 / 640 * 100vw);
  }
  #section1 .section1-2-2 .block1 .line2 {
    display: block;
    margin: 0 0 calc(5 / 640 * 100vw);
    padding: 0 calc(10 / 640 * 100vw);
    border-radius: 1.75em;
    background: #003f9f;
    line-height: 1.75;
    color: #fff;
    font-weight: bold;
    font-size: calc(18 / 640 * 100vw);
    letter-spacing: 0.04em;
  }
  #section1 .section1-2-2 .block1 .line3 {
    display: block;
    font-size: calc(24 / 640 * 100vw);
  }
  #section1 .section1-2-2 .block1 .line3 b {
    color: #f03c14;
    font-size: 150%;
  }
  #section1 .section1-2-2 .block2 {
    position: relative;
    margin-right: calc(30 / 640 * 100vw);
    padding: calc(10 / 640 * 100vw) 0 calc(10 / 640 * 100vw) calc(14 / 640 * 100vw);
    background: #f03c14;
    line-height: 1.17;
    color: #fff;
    font-weight: bold;
    font-size: calc(17 / 640 * 100vw);
    text-align: center;
  }
  #section1 .section1-2-2 .block2::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: calc(-30 / 640 * 100vw);
    bottom: 0;
    width: 0;
    height: 0;
    margin: auto 0;
    border-width: calc(50 / 640 * 100vw) 0 calc(50 / 640 * 100vw) calc(50 / 640 * 100vw);
    border-style: solid;
    border-color: transparent #f03c14;
  }
  #section1 .section1-2-2 .block2 span {
    position: relative;
  }
  #section1 .section1-2-2 .block3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: calc(110 / 640 * 100vw) 0 0;
    background: url("/promotion/jcb_anahoujin/20260908/images/sp/pict-mile-03.png") no-repeat 50% 0/calc(130 / 640 * 100vw) auto;
    text-align: center;
  }
  #section1 .section1-2-2 .block3 .line1 {
    display: block;
    line-height: 1.42;
    font-weight: bold;
    font-size: calc(14 / 640 * 100vw);
    letter-spacing: 0.04em;
  }
  #section1 .section1-2-2 .block3 .line2 {
    display: block;
    line-height: 1;
    font-weight: bold;
    font-size: calc(24 / 640 * 100vw);
  }
  #section1 .section1-2-2 .block3 .line2 b {
    color: #f03c14;
    font-size: 150%;
  }
  #section1 .section1-2-2 + small {
    display: block;
    margin: calc(20 / 640 * 100vw) 0 calc(32 / 640 * 100vw);
    line-height: 1;
    font-size: calc(15 / 640 * 100vw);
  }
  #section1 .section1-2-3 {
    padding: calc(18 / 640 * 100vw) calc(28 / 640 * 100vw) calc(28 / 640 * 100vw);
    border: 2px solid #003f9f;
    border-radius: calc(15 / 640 * 100vw);
    background: #fff;
  }
  #section1 .section1-2-3 .block1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  #section1 .section1-2-3 .block1 .item {
    width: calc(112 / 640 * 100vw);
  }
  #section1 .section1-2-3 .block1 .item h5 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.6666em;
    margin: 0 0 calc(10 / 640 * 100vw);
    line-height: 1.3333;
    font-weight: normal;
    font-size: calc(14 / 640 * 100vw);
    letter-spacing: -0.02em;
    text-align: center;
    white-space: nowrap;
  }
  #section1 .section1-2-3 .block1 .item .num {
    margin: 0 auto;
    padding: 0 0 calc(10 / 640 * 100vw);
    /* background: #fff0a9; */
    border: 1px solid #003f9f;
    text-align: center;
  }
  #section1 .section1-2-3 .block1 .item .num figure {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(85 / 640 * 100vw);
    margin: 0;
  }
  #section1 .section1-2-3 .block1 .item .num figure img[src*="icon-mile-10.png"] {
    width: calc(69 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-2-3 .block1 .item .num figure img[src*="icon-mile-11.png"] {
    width: calc(79 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-2-3 .block1 .item .num figure img[src*="icon-mile-12.png"] {
    width: calc(54 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-2-3 .block1 .item .num figure img[src*="icon-mile-13.png"] {
    width: calc(77 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-2-3 .block1 .item .num p {
    line-height: 1;
    color: #f03c14;
    font-weight: bold;
    font-size: calc(13 / 640 * 100vw);
  }
  #section1 .section1-2-3 .block1 .item .num p b {
    font-size: 130%;
  }
  #section1 .section1-2-3 .block1 .plus {
    margin: 2.6666em 0 0;
    font-size: calc(14 / 640 * 100vw);
    text-align: center;
  }
  #section1 .section1-2-3 .block1 .plus img {
    width: calc(16 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-2-3 .block1 > p {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: calc(16 / 640 * 100vw) 0 calc(12 / 640 * 100vw);
    color: #f03c14;
  }
  #section1 .section1-2-3 .block1 > p .equal {
    margin-right: calc(10 / 640 * 100vw);
  }
  #section1 .section1-2-3 .block1 > p .equal img {
    vertical-align: middle;
    width: calc(16 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-2-3 .block1 > p .line1 {
    margin-right: calc(25 / 640 * 100vw);
    line-height: 1.0588em;
    font-weight: bold;
    font-size: calc(19 / 640 * 100vw);
    letter-spacing: 0.04em;
    color: #000000;
  }
  #section1 .section1-2-3 .block1 > p .line1 small {
    display: block;
    font-size: 80%;
  }
  #section1 .section1-2-3 .block1 > p .line2 {
    line-height: 1;
    font-weight: bold;
    font-size: calc(24 / 640 * 100vw);
  }
  #section1 .section1-2-3 .block1 > p .line2 b {
    font-size: 130%;
  }
  #section1 .section1-2-3 + small {
    display: block;
    position: relative;
    margin: calc(20 / 640 * 100vw) 0 0;
    padding-left: 1em;
    line-height: 1.6;
    font-size: calc(15 / 640 * 100vw);
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
  }
  #section1 .section1-2-3 + small::before {
    content: "※";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Noto, "メイリオ", Meiryo, sans-serif;
  }
  #section1 .section1-2-3 .block2 img {
    width: 100%;
    height: auto;
  }
  #section1 .section1-3 {
    padding: calc(32 / 640 * 100vw) calc(25 / 640 * 100vw) calc(60 / 640 * 100vw);
    background: rgba(192, 234, 255, 0.3);
    overflow: hidden;
  }
  #section1 .section1-3 h3 {
    margin: 0 0 calc(32 / 640 * 100vw);
  }
  #section1 .section1-3 > figure {
    float: right;
    margin: 0;
  }
  #section1 .section1-3 > figure img {
    width: calc(240 / 640 * 100vw);
    height: auto;
  }
  #section1 .section1-3 > div {
    margin-right: calc(260 / 640 * 100vw);
  }
  #section1 .section1-3 > div p {
    margin-bottom: calc(32 / 640 * 100vw);
    line-height: 1.55;
    font-size: calc(20 / 640 * 100vw);
  }
  #section1 .section1-3 > div + small {
    display: block;
    position: relative;
    padding-left: 1em;
    line-height: 1.6;
    font-size: calc(15 / 640 * 100vw);
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
  }
  #section1 .section1-3 > div + small::before {
    content: "※";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Noto, "メイリオ", Meiryo, sans-serif;
  }
  #section1 .section1-3 > small + small {
    display: block;
    margin-top: 1.6em;
    line-height: 1.6;
    font-size: calc(15 / 640 * 100vw);
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
  }
  #section1 .section1-3 > small + small a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: calc(3 / 640 * 100vw);
    margin-right: calc(3 / 640 * 100vw);
    margin-bottom: calc(1 / 640 * 100vw);
    background: url("/promotion/jcb_anahoujin/20260908/images/sp/icon-link-ext-blue.png") 50% 50% no-repeat;
    background-size: contain;
    width: calc(13 / 640 * 100vw);
    height: calc(13 / 640 * 100vw);
  }
  /*
  ============================================================
  ANAカード会員専用運賃「ビジネスきっぷ」
  ============================================================ */
  #section2 {
    background: #FFF;
  }
  #section2 h2 {
    background: rgba(192, 234, 255, 0.3);
  }
  #section2 > p img {
    width: 100%;
    height: auto;
  }
  #section2 .business-notice {
    padding: calc(18 / 640 * 100vw) calc(20 / 640 * 100vw) calc(90 / 640 * 100vw) calc(20 / 640 * 100vw);
  }
  #section2 .business-notice p {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000;
  }
  #section2 .business-notice a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: calc(3 / 640 * 100vw);
    margin-right: calc(3 / 640 * 100vw);
    margin-bottom: calc(1 / 640 * 100vw);
    background: url("/promotion/jcb_anahoujin/20260908/images/sp/icon-link-ext-blue.png") 50% 50% no-repeat;
    background-size: contain;
    width: calc(13 / 640 * 100vw);
    height: calc(13 / 640 * 100vw);
  }
  #section2 .business-notice .indent {
    padding-left: 1em;
    text-indent: -1em;
  }
  #section2 .business-notice .link {
    padding-top: calc(3 / 640 * 100vw);
  }
  /*
  ============================================================
  その他のサービス満載
  ============================================================ */
  #section3 {
    margin: calc(-30 / 640 * 100vw) 0 0;
  }
  #section3 .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: calc(40 / 640 * 100vw) calc(25 / 640 * 100vw);
  }
  #section3 .list li {
    width: calc(280 / 640 * 100vw);
  }
  #section3 .list li:nth-child(n+3) {
    margin-top: calc(50 / 640 * 100vw);
  }
  #section3 .list li figure {
    margin: 0 0 calc(10 / 640 * 100vw);
  }
  #section3 .list li figure img {
    width: 100%;
    height: auto;
  }
  #section3 .list li p {
    line-height: 1.4;
    font-size: calc(20 / 640 * 100vw);
    font-feature-settings: "palt";
  }
  #section3 .list li p sup {
    font-size: 70%;
  }
  #section3 .notes {
    margin: 0 calc(25 / 640 * 100vw) calc(60 / 640 * 100vw);
    line-height: 1.73;
    font-size: calc(15 / 640 * 100vw);
  }
  /*
  ============================================================
  JCB法人カードのメリット
  ============================================================ */
  #section4 {
    background: rgba(192, 234, 255, 0.3);
  }
  #section4 .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: calc(50 / 640 * 100vw) calc(25 / 640 * 100vw) calc(60 / 640 * 100vw);
    overflow: hidden;
  }
  #section4 .list section {
    width: calc((100% - 26 / 640 * 100vw) / 2);
    position: relative;
    padding: calc(36 / 640 * 100vw) calc(20 / 640 * 100vw) calc(20 / 640 * 100vw);
    border: 1px solid #003f9f;
    background: #fff;
  }
  #section4 .list section:nth-child(n+3) {
    margin-top: calc(60 / 640 * 100vw);
  }
  #section4 .list section h3 {
    position: absolute;
    top: -1em;
    right: 0;
    left: 0;
    width: calc(134 / 640 * 100vw);
    margin: 0 auto;
    border-radius: 2em;
    background: #003f9f;
    line-height: 2;
    color: #fff;
    font-size: calc(18 / 640 * 100vw);
    letter-spacing: 0.06em;
    text-align: center;
  }
  #section4 .list section h4 {
    line-height: 1.27;
    color: #f03c14;
    font-size: calc(21 / 640 * 100vw);
    text-align: center;
    letter-spacing: 0.04em;
  }
  #section4 .list section figure {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(158 / 640 * 100vw);
    margin: 0;
  }
  #section4 .list section figure img[src*="pict-merit-01.png"] {
    width: calc(125 / 640 * 100vw);
    height: auto;
  }
  #section4 .list section figure img[src*="pict-merit-02.png"] {
    width: calc(117 / 640 * 100vw);
    height: auto;
  }
  #section4 .list section figure img[src*="pict-merit-03.png"] {
    width: calc(163 / 640 * 100vw);
    height: auto;
  }
  #section4 .list section figure img[src*="pict-merit-04.png"] {
    width: calc(151 / 640 * 100vw);
    height: auto;
  }
  #section4 .list section figure img[src*="pict-merit-05.png"] {
    width: calc(76 / 640 * 100vw);
    height: auto;
  }
  #section4 .list section figure img[src*="pict-merit-06.png"] {
    width: calc(102 / 640 * 100vw);
    height: auto;
  }
  #section4 .list section:nth-child(4) figure {
    height: calc(130 / 640 * 100vw);
  }
  #section4 .list section p {
    line-height: 1.47;
    font-size: calc(18 / 640 * 100vw);
    font-feature-settings: "palt";
  }
  /*
  ============================================================
  ワイドゴールドならではの特典
  ============================================================ */
  #section5 {
    margin: 0;
  }
  #section5 h2 {
    margin: 0 0 calc(40 / 640 * 100vw);
  }
  #section5 > .inner {
    margin: 0 calc(25 / 640 * 100vw) calc(60 / 640 * 100vw);
  }
  #section5 h3 img[src*="text-widegold-01.png"] {
    width: calc(251 / 640 * 100vw);
    height: auto;
  }
  #section5 h3 img[src*="text-widegold-02.png"] {
    width: calc(451 / 640 * 100vw);
    height: auto;
  }
  #section5 h3 img[src*="text-widegold-03.png"] {
    width: calc(247 / 640 * 100vw);
    height: auto;
  }
  #section5 h3 img[src*="text-widegold-04.png"] {
    width: calc(223 / 640 * 100vw);
    height: auto;
  }
  #section5 h3 img[src*="text-widegold-05.png"] {
    width: calc(178 / 640 * 100vw);
    height: auto;
  }
  #section5 > .inner > .desc {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 auto calc(32 / 640 * 100vw);
  }
  #section5 > .inner > .desc figure {
    margin: 0 calc(20 / 640 * 100vw) 0 0;
  }
  #section5 > .inner > .desc figure img {
    width: calc(244 / 640 * 100vw);
    height: auto;
  }
  #section5 > .inner > .desc ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: calc(260 / 640 * 100vw);
  }
  #section5 > .inner > .desc ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(123 / 640 * 100vw);
    height: calc(123 / 640 * 100vw);
    border-radius: 50%;
    background: #0096ff;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
    font-size: calc(16 / 640 * 100vw);
    text-align: center;
  }
  #section5 > .inner > .desc ul li sup {
    line-height: 1;
    font-size: 70%;
  }
  #section5 > .inner > .desc + small {
    display: block;
    margin: 0 0 calc(32 / 640 * 100vw);
    line-height: 1.5833;
    font-size: calc(15 / 640 * 100vw);
    text-align: center;
  }
  #section5 small a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: calc(3 / 640 * 100vw);
    margin-right: calc(3 / 640 * 100vw);
    margin-bottom: calc(1 / 640 * 100vw);
    background: url("/promotion/jcb_anahoujin/20260908/images/sp/icon-link-ext-blue.png") 50% 50% no-repeat;
    background-size: contain;
    width: calc(13 / 640 * 100vw);
    height: calc(13 / 640 * 100vw);
  }
  #section5 .block {
    margin: 0 0 calc(24 / 640 * 100vw);
    padding: 3px;
    background: #c2b148 url("/promotion/jcb_anahoujin/20260908/images/sp/bg-widegold-01.png") no-repeat 50% 50%/100% 100%;
  }
  #section5 .block .inner {
    padding: calc(26 / 640 * 100vw) calc(26 / 640 * 100vw) calc(20 / 640 * 100vw) calc(26 / 640 * 100vw);
    border: 1px solid #fff;
  }
  #section5 .block figure {
    margin: 0 0 calc(20 / 640 * 100vw);
  }
  #section5 .block figure img {
    width: 100%;
    height: auto;
  }
  #section5 .block h3 {
    margin: 0 0 calc(20 / 640 * 100vw);
  }
  #section5 .block p {
    margin: 0 0 calc(32 / 640 * 100vw);
    line-height: 1.47;
    color: #fff;
    font-size: calc(18 / 640 * 100vw);
  }
  #section5 .block1 p {
    margin: 0;
  }
  #section5 .block small {
    display: block;
    position: relative;
    padding-left: 1em;
    line-height: 1.73;
    color: #fff;
    font-size: calc(15 / 640 * 100vw);
  }
  #section5 .block small::before {
    content: "※";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Noto, "メイリオ", Meiryo, sans-serif;
  }
  #section5 .wrapper section {
    margin: 0 0 calc(24 / 640 * 100vw);
    padding: 3px;
    background: #c2b148 url("/promotion/jcb_anahoujin/20260908/images/sp/bg-widegold-03.png") no-repeat 50% 50%/100% 100%;
  }
  #section5 .wrapper section:first-child {
    background: #c2b148 url("/promotion/jcb_anahoujin/20260908/images/sp/bg-widegold-02.png") no-repeat 50% 50%/100% 100%;
  }
  #section5 .wrapper section .inner {
    display: flex;
    align-items: flex-start;
    padding: calc(26 / 640 * 100vw);
    border: 1px solid #fff;
  }
  #section5 .wrapper section:first-child .inner {
    display: block;
    position: relative;
    padding-left: calc(278 / 640 * 100vw);
    padding-bottom: calc(30 / 640 * 100vw);
  }
  #section5 .wrapper section figure {
    flex-shrink: 0;
    width: calc(232 / 640 * 100vw);
    margin: 0 calc(20 / 640 * 100vw) 0 0;
  }
  #section5 .wrapper section figure img {
    width: calc(232 / 640 * 100vw);
    height: auto;
  }
  #section5 .wrapper section:first-child figure img {
    position: absolute;
    top: calc(26 / 640 * 100vw);
    left: calc(26 / 640 * 100vw);
    height: calc(100% - 52 / 640 * 100vw);
    -o-object-fit: contain;
    object-fit: contain;
  }
  #section5 .wrapper section:first-child figure figcaption {
    position: absolute;
    bottom: calc(26 / 640 * 100vw);
    left: calc(258 / 640 * 100vw);
    padding: calc(6 / 640 * 100vw) calc(16 / 640 * 100vw);
    background: #000;
    line-height: 1.46;
    color: #fff;
    font-size: calc(15 / 640 * 100vw);
  }
  #section5 .wrapper section h3 {
    margin: 0 0 calc(20 / 640 * 100vw);
    line-height: 1;
    font-size: 1em;
  }
  #section5 .wrapper section p {
    margin: 0 0 calc(20 / 640 * 100vw);
    line-height: 1.47;
    color: #fff;
    font-size: calc(18 / 640 * 100vw);
  }
  #section5 .wrapper small {
    display: block;
    position: relative;
    padding-left: 1em;
    line-height: 1.73;
    color: #fff;
    font-size: calc(15 / 640 * 100vw);
  }
  #section5 .wrapper small::before {
    content: "※";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Noto, "メイリオ", Meiryo, sans-serif;
  }
  /*
  ============================================================
  カード別比較表
  ============================================================ */
  #section6 {
    margin: 0;
  }
  #section6 > .inner {
    margin: 0 calc(25 / 640 * 100vw);
    padding: calc(40 / 604 * 100vw) 0 calc(60 / 640 * 100vw);
  }
  /* 枠線と背景 */
  #section6 table {
    margin: 0 0 calc(32 / 640 * 100vw);
    border-collapse: collapse;
    border-top: 1px solid #000;
  }
  #section6 table th,
  #section6 table td {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    background: #fff;
  }
  #section6 table th:first-child,
  #section6 table td:first-child {
    border-left: 0;
  }
  #section6 table th:last-child,
  #section6 table td:last-child {
    border-right: 0;
  }
  #section6 table .dotted th:not([rowspan]),
  #section6 table .dotted td:not([rowspan]) {
    border-bottom: 1px dotted #000;
  }
  #section6 table th:first-child {
    background: rgba(192, 234, 255, 0.3);
  }
  #section6 table th.sp-view {
    background: rgba(192, 234, 255, 0.3);
    border-left: none;
  }
  #section6 table .rowspan th:first-child {
    background: #fff;
  }
  /* 余白 */
  #section6 table th {
    padding: calc(12 / 640 * 100vw) 0;
  }
  #section6 table td {
    padding: calc(12 / 640 * 100vw);
  }
  /* 文字サイズ */
  #section6 table th,
  #section6 table td {
    vertical-align: middle;
    text-align: center;
  }
  #section6 table th:first-child {
    line-height: 1.3333;
    font-size: calc(16 / 640 * 100vw);
  }
  #section6 table th:first-child small {
    display: block;
    margin-top: calc(6 / 640 * 100vw);
    line-height: 1.28;
    font-size: calc(14 / 640 * 100vw);
  }
  #section6 table tbody td {
    line-height: 1.2;
    font-size: calc(20 / 640 * 100vw);
  }
  #section6 table tbody td small {
    display: block;
    margin-top: calc(4 / 640 * 100vw);
    line-height: 1.28;
    font-size: calc(14 / 640 * 100vw);
  }
  #section6 table tbody tr:nth-child(2) td:nth-child(4) small {
    text-align: left;
  }
  #section6 table tbody td sup {
    font-size: calc(14 / 640 * 100vw);
  }
  #section6 table .orange {
    color: #f03c14;
  }
  /* 券面 */
  #section6 table thead td {
    width: calc(158 / 640 * 100vw);
    padding: calc(24 / 640 * 100vw) 0 calc(13 / 640 * 100vw);
    text-align: center;
  }
  #section6 table thead td h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3em;
    margin: 0 0 calc(10 / 604 * 100vw);
    line-height: 1.5;
    font-size: calc(18 / 640 * 100vw);
  }
  #section6 table thead td figure {
    margin: 0 0 calc(16 / 640 * 100vw);
  }
  #section6 table thead td figure img {
    width: calc(98 / 640 * 100vw);
    height: auto;
  }
  #section6 table thead td img.btn {
    width: 100%;
    height: auto;
  }
  /* ボタン */
  #section6 .notes {
    line-height: 1.625;
    font-size: calc(16 / 640 * 100vw);
    font-feature-settings: "palt";
  }
  #section6 .notes li:not(:last-child) {
    margin-bottom: 1.625em;
  }
  #section6 .notes .indent-num {
    padding-left: 1.85em;
    text-indent: -1.85em;
  }
  /*
  ============================================================
  注意事項
  ============================================================ */
  #section7 {
    margin: 0 0 calc(120 / 640 * 100vw);
  }
  #section7 > .inner {
    margin: calc(30 / 640 * 100vw) calc(25 / 640 * 100vw) calc(60 / 640 * 100vw);
  }
  #section7 ul {
    line-height: 1.4;
    font-size: calc(20 / 640 * 100vw);
  }
  #section7 li {
    position: relative;
    padding-left: 1em;
  }
  #section7 li::before {
    content: "";
    position: absolute;
    top: calc(6 / 640 * 100vw);
    left: 0;
    width: calc(16 / 640 * 100vw);
    height: calc(16 / 640 * 100vw);
    border-radius: 50%;
    background: currentColor;
  }
  #section7 li.text-orange {
    color: #f03c14;
  }
  #section7 li.head {
    padding-top: calc(30 / 640 * 100vw);
    padding-bottom: calc(6 / 640 * 100vw);
    text-indent: calc(-24 / 640 * 100vw);
  }
  #section7 li.head:first-child {
    padding-top: 0;
  }
  #section7 li.head::before {
    content: none;
  }
  /*
  ============================================================
  フッター
  ============================================================ */
  body > footer .pagetop {
    padding: 0 calc(25 / 640 * 100vw);
    border-bottom: 3px solid #000;
    text-align: right;
  }
  body > footer .pagetop a {
    display: inline-block;
    margin: 0 0 -3px;
    padding: 0 calc(60 / 640 * 100vw) 0 calc(18 / 640 * 100vw);
    border-radius: calc(5 / 640 * 100vw) calc(5 / 640 * 100vw) 0 0;
    background: #000 url("/promotion/jcb_anahoujin/20260908/images/sp/icon-arrow.png") no-repeat right calc(12 / 640 * 100vw) top 50%/calc(26 / 640 * 100vw) auto;
    line-height: calc(46 / 640 * 100vw);
    color: #fff;
    font-size: calc(28 / 640 * 100vw);
    text-decoration: none;
  }
  body > footer .inner {
    padding: calc(35 / 640 * 100vw) calc(25 / 640 * 100vw) calc(30 / 640 * 100vw);
    background: #f4f4f4;
  }
  body > footer .contact {
    font-feature-settings: "palt";
  }
  body > footer .contact h3 {
    margin: 0 0 calc(20 / 640 * 100vw);
    padding: calc(17 / 640 * 100vw) calc(20 / 640 * 100vw);
    background: #003f9f;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    font-size: calc(26 / 640 * 100vw);
  }
  body > footer .contact .box {
    padding: 0 calc(20 / 640 * 100vw) calc(45 / 640 * 100vw);
  }
  body > footer .contact .box .tel-title {
    margin: 0;
    line-height: 1;
    color: #003f9f;
    font-weight: bold;
    font-size: calc(26 / 640 * 100vw);
  }
  body > footer .contact .box .desk-title {
    margin: calc(15 / 640 * 100vw) 0 calc(25 / 640 * 100vw) 0;
    line-height: 1.5;
    color: #003f9f;
    font-weight: bold;
    font-size: calc(26 / 640 * 100vw);
    letter-spacing: 0.02em;
  }
  body > footer .contact .box .desk-title a {
    color: #003f9f;
    text-decoration: underline;
  }
  body > footer .contact .box .desk-title a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: calc(6 / 640 * 100vw);
    margin-right: calc(6 / 640 * 100vw);
    margin-bottom: calc(2 / 640 * 100vw);
    background: url("/promotion/jcb_anahoujin/20260908/images/sp/icon-link-ext-navy.png") 50% 50% no-repeat;
    background-size: contain;
    width: calc(17 / 640 * 100vw);
    height: calc(17 / 640 * 100vw);
  }
  body > footer .contact .box .tel-number {
    margin: 0;
    line-height: 1;
    color: #003f9f;
    font-weight: bold;
    font-size: calc(60 / 640 * 100vw);
    letter-spacing: 0.02em;
    white-space: nowrap;
  }
  body > footer .contact .box .tel-number + .tel-number {
    margin: calc(12 / 640 * 100vw) 0 calc(20 / 640 * 100vw);
    font-size: calc(45 / 640 * 100vw);
  }
  body > footer .contact .box .tel-number a {
    color: currentColor;
    text-decoration: none;
  }
  body > footer .contact .box .tel-number span {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    font-size: calc(20 / 640 * 100vw);
  }
  body > footer .contact .box .mobile {
    margin: calc(15 / 640 * 100vw) 0 calc(12 / 640 * 100vw);
    line-height: 1;
    color: #003f9f;
    font-weight: bold;
  }
  body > footer .contact .box .mobile .line1 {
    font-size: calc(18 / 640 * 100vw);
  }
  body > footer .contact .box .mobile .line2 {
    font-size: calc(45 / 640 * 100vw);
  }
  body > footer .contact .box .mobile .line2 span {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    font-size: calc(20 / 640 * 100vw);
  }
  body > footer .contact .box .mobile .line2 a {
    color: currentColor;
    text-decoration: none;
  }
  body > footer .contact .box .text {
    line-height: 1.18;
    font-size: calc(22 / 640 * 100vw);
    letter-spacing: 0.03em;
  }
  body > footer .contact .box .indent {
    display: inline-block;
    padding-left: 1em;
    text-indent: -1em;
  }
  body > footer .contact .box .link {
    display: block;
    padding-top: calc(30 / 640 * 100vw);
    line-height: 1.18;
    font-size: calc(22 / 640 * 100vw);
    letter-spacing: 0.03em;
  }
  body > footer .contact .box .link a {
    color: #000;
    text-decoration: underline;
  }
  body > footer .contact .box .link a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: calc(6 / 640 * 100vw);
    margin-right: calc(6 / 640 * 100vw);
    margin-bottom: calc(2 / 640 * 100vw);
    background: url("/promotion/jcb_anahoujin/20260908/images/sp/icon-link-ext-blk.png") 50% 50% no-repeat;
    background-size: contain;
    width: calc(17 / 640 * 100vw);
    height: calc(17 / 640 * 100vw);
  }
  body > footer .links {
    margin: 0 0 calc(25 / 640 * 100vw);
    padding: calc(25 / 640 * 100vw) 0 0;
    border-top: 2px dotted #000;
  }
  body > footer .links .logo {
    float: left;
    width: calc(154 / 640 * 100vw);
  }
  body > footer .links .logo img {
    width: 100%;
    height: auto;
  }
  body > footer .links ul {
    margin-left: calc(174 / 640 * 100vw);
    line-height: 1.41;
    font-size: calc(24 / 640 * 100vw);
  }
  body > footer .links li:not(:last-child) {
    margin-bottom: calc(8 / 640 * 100vw);
  }
  body > footer .links li a {
    color: currentColor;
    text-decoration: underline;
  }
  body > footer .links li a[target=_blank]::after {
    content: "";
    display: inline-block;
    margin-left: calc(6 / 640 * 100vw);
    margin-right: calc(6 / 640 * 100vw);
    margin-bottom: calc(2 / 640 * 100vw);
    background: url("/promotion/jcb_anahoujin/20260908/images/sp/icon-link-ext-blk.png") 50% 50% no-repeat;
    background-size: contain;
    width: calc(17 / 640 * 100vw);
    height: calc(17 / 640 * 100vw);
  }
  body > footer .update {
    padding: calc(15 / 640 * 100vw) 0 0 0;
  }
  body > footer .update p {
    font-size: calc(22 / 640 * 100vw);
  }
  body > footer .copyrights {
    background: #003f9f;
  }
  body > footer .copyrights p {
    padding: calc(25 / 640 * 100vw) 0 calc(160 / 640 * 100vw);
    color: #fff;
    font-size: calc(22 / 640 * 100vw);
    text-align: center;
  }
  .btn-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: calc(4 / 640 * 100vw) calc(11 / 640 * 100vw) calc(26 / 640 * 100vw);
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
    line-height: 1;
    text-align: center;
  }
  .btn-fixed a[class=js-modal-open] {
    display: inline-block;
    margin-bottom: calc(6 / 640 * 100vw);
    transition: opacity 300ms, box-shadow 300ms;
  }
  .btn-fixed a[class=js-modal-open] img {
    width: 100%;
    height: auto;
  }
  .btn-fixed .link {
    display: inline-block;
    color: #fff;
    font-size: calc(20 / 640 * 100vw);
  }
  .btn-fixed .link a {
    color: #fff;
  }
  .modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
  }
  .modal-body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #f5f5f5;
    width: 90%;
    height: 80%;
  }
  .modal-close-btn {
    display: block;
    margin: 3% 3% 0 auto;
    width: calc(50 / 640 * 100vw);
  }
  .modal-close-btn img {
    width: 100%;
    height: auto;
  }
  .modal-head {
    margin: 1% auto 5% auto;
    text-align: center;
    width: calc(235 / 640 * 100vw);
  }
  .modal-head img {
    width: 100%;
    height: auto;
  }
  .modal-card {
    margin: 0 auto;
    padding: 0 0 5% 0;
    width: 90%;
  }
  .modal-card-box {
    display: flex;
    align-items: center;
    padding: 4% 0;
    width: 100%;
    border-bottom: 1px dotted #9a9a9a;
  }
  .modal-card-box:first-child {
    border-top: 1px dotted #9a9a9a;
  }
  .modal-card-box-image {
    width: calc(97 / 640 * 100vw);
  }
  .modal-card-box-image img {
    width: 100%;
    height: auto;
  }
  .modal-card-box-text {
    box-sizing: border-box;
    flex: 1;
    padding: 0 3%;
  }
  .modal-card-box-text p {
    font-size: calc(14 / 640 * 100vw);
    line-height: 1.5;
    color: #000;
  }
  .modal-card-box-text .fee {
    padding-left: 4.5em;
    text-indent: -4.5em;
  }
  .modal-card-box-btn {
    width: calc(110 / 640 * 100vw);
  }
  .modal-card-box-btn a {
    display: block;
    padding: 15% 0 14% 0;
    background: #0096ff;
    text-decoration: none;
    font-weight: bold;
    font-size: calc(18 / 640 * 100vw);
    line-height: 1;
    color: #FFF;
    text-align: center;
  }
  .modal-global-nav-shadow {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(40, 40, 40, 0.85);
    z-index: 101;
  }
}