@charset "utf-8";
/* ****************************************************************************

 CSS common設定
 - base2：コンテンツのレイアウトに影響のある設定
 - header 
 - modal window (login)
 - 共通class
 - breadcrumbs 
 - page title
 - section, article
 - pagination
 - sns button
 - pagelink(ページ内リンク)
 - about-id：日経ID決済とは

 - Media Query
   - SPのみ　max-width: 767px
   - PCのみ　min-width: 768px, print

****************************************************************************** */


/* -----------------------------------------------------
 base2：コンテンツのレイアウトに影響のある設定
-------------------------------------------------------- */
div, p {
  display: block;
  box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: bold;
}
img {
  display: block;
  margin: auto;
}


/* -----------------------------------------------------
 header 
-------------------------------------------------------- */
.n4946-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    box-shadow: 0 0 .8em .1em rgba(0,0,0,.08);
    z-index: 1000;
}
.n4946-header-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.n4946-header-logo img,
.n4946-header-logo a {
  display: block;
  margin: auto;
}
.n4946-header-col-subscribe,
.n4946-header-col-login {
  text-align: center;
}
.n4946-header-col-subscribe a,
.n4946-header-link-login {
  display: block;
  box-sizing: border-box;
  font-weight: bold;
  color: #fff;
}
.n4946-header-col-subscribe a {
  background-color: #000;
}
.n4946-header-link-login {
  background-color: #005FAE;
}
[class|="n4946-nav-sub"] {
  display: none;
}
[class|="n4946-nav-label"] {
  position: relative;
  display: block;
}
[class|="n4946-nav-label"]::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.n4946-nav-external-link {
  color: #005FAE;
}
@media screen and (max-width: 767px) {
  .n4946-overlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.7);
    opacity: 0;
    z-index: -1;
    transition: all .3s ease-out;
  }
  .n4946-overlay.is_active {
    opacity: 1;
    z-index: 999;
  }
  .n4946-header-grid {
    width: calc(100% - 2vw);
  }
  .n4946-header-logo {
    padding: 1.179em 0;
  }
  .n4946-header-logo img {
    width: 38.248vw;
    height: 7.2vw;
  }
  .n4946-header-col-logo {
    max-width: 47.46vw;
    width: 57%;
  }
  .n4946-header-col-subscribe,
  .n4946-header-col-login {
    max-width: 17.6vw;
    width: 21%;
  }
  .n4946-header-col-subscribe a,
  .n4946-header-link-login {
    padding: .876em 0;
    border-radius: .3em;
    font-size: 85.7%;
  }
  .n4946-toggle-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 16vw;
    height: 16vw;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 1000;
  }
  .n4946-toggle {
    display: block;
  }
  .n4946-toggle span {
    position: relative;
    top: 6.4vw;
    display: block;
    width: 46%;
    transition: transform .3s ease;
  }
  .n4946-toggle span,
  .n4946-toggle span::before,
  .n4946-toggle span::after {
    background-color: #0F0A14;
    height: 2px;
    margin: auto;
  }
  .n4946-toggle span::before,
  .n4946-toggle span::after {
    position: absolute;
    content: "";
    right: 0;
    width: 100%;
  }
  .n4946-toggle span::before {
    margin-top: 1.3vw;
    transition: transform .3s ease;
  }
  .n4946-toggle span::after {
    margin-top: 2.6vw;
    transition: transform .3s ease;
  }
  .n4946-toggle-btn.is_active {
    border-color: #fff;
  }
  .n4946-toggle-btn.is_active .n4946-toggle span {
    transform: rotate(-30deg);
    transform-origin: 6.2vw .8vw;
    transition: all .3s ease;
  }
  .n4946-toggle-btn.is_active .n4946-toggle span::before {
    opacity: 0;
    transition: opacity 0s ease;
  }
  .n4946-toggle-btn.is_active .n4946-toggle span::after {
    width: 100%;
    transform: rotate(60deg);
    transition: all .3s ease;
    margin-top: 0;
  }
  .n4946-nav-global-in {
    display: none;
    position: fixed;
    top: 16vw;
    right: 0;
    width: 100%;
    max-height: calc(100% - 16vw);
    padding: 0;
    background-color: #E9EFF4;
    z-index: 1000;
    overflow: auto;
  }
  .n4946-nav-box-01 {
    background: linear-gradient(to top, rgba(0,0,0,0), 94%, rgba(0,0,0,.08));
  }
  [class|="n4946-nav-label"] {
    max-height: 16vw;
    box-sizing: border-box;
    border-bottom: solid 1px #D1D7DB;
  }
  [class|="n4946-nav-label"]::after {
    right: 7.2vw;
    width: 4.267vw;
    height: 4.267vw;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20style%3D%22opacity%3A0%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20style%3D%22fill%3A%23fff%22%2F%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2223%22%20height%3D%2223%22%20style%3D%22fill%3Anone%3Bstroke%3A%23707070%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M9%2C13%2C0%2C0H18Z%22%20transform%3D%22translate%283%206%29%22%20style%3D%22fill%3A%23005fae%22%2F%3E%3C%2Fsvg%3E');
    transition: transform .3s ease;
  }
  .n4946-nav-label-01 {
    padding: .861em 1.6em .861em 0;
  }
  .n4946-nav-label-02 {
    padding: .861em 1.6em;
  }
  .n4946-nav-label-01,
  .n4946-nav-label-02 {
    font-size: 128.6%;
    font-weight: bold;
  }
  .n4946-nav-label-03,
  .n4946-nav-label-04,
  .n4946-nav-label-05,
  .n4946-nav-label-06 {
    padding: 1.063em 1.6em;
    font-size: 114.3%;
  }
  /*.n4946-nav-label-01::before {
    left: 1.6em;
    width: 4.267vw;
    height: 4.267vw;
  }*/
  [class|="n4946-nav-sub"] {
    background-color: #fff;
  }
  .is_active [class|="n4946-nav-label"]::after {
    transform: rotate(180deg);
  }
  .n4946-grid-nav-col-02 {
    padding-left: 3em;
    border-bottom: solid 1px #ddd;
    overflow: hidden;
  }
  .n4946-nav-external-link {
    position: relative;
    display: block;
    padding: 1.322em 3em;
    border-top: solid 1px #ddd;
  }
  a.n4946-nav-external-link::after {
    position: absolute;
    right: 7.2vw;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto;
  }

  .n4946-header-link-subscribe {
    position: relative;
    display: block;
    padding: 1.055em 1.6em;
    background-color: #000;
    text-align: center;
    font-size: 114.3%;
    color: #fff;
  }
  .n4946-header-link-subscribe::before {
    content: "";
    display: inline-block;
    margin-right: .5em;
    margin-bottom: .2em;
    width: 5.33vw;
    height: 5.33vw;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20style%3D%22opacity%3A0%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20style%3D%22fill%3A%23fff%22%2F%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2223%22%20height%3D%2223%22%20style%3D%22fill%3Anone%3Bstroke%3A%23707070%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M17.28%2C1.88l4.84%2C4.84L19.7%2C9.14%2C14.86%2C4.3ZM12.44%2C6.72l4.84%2C4.84L7.6%2C21.24H2.76V16.4Z%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
    background-size: contain;
    vertical-align: middle;
  }
}
@media screen and (min-width: 768px), print {
    .n4946-header-grid {
        border-bottom: solid 1px #ddd;
    }
  .n4946-header-logo {
    padding: 16px 20px 17px;
  }
  .n4946-header-logo img {
    width: 196px;
    height: auto;
  }
  .n4946-header-col-subscribe {
    width: calc(100% - 348px);
  }
  .n4946-header-col-subscribe a {
    position: relative;
    width: 160px;
    float: right;
    margin-right: 1em;
    padding: 9px 0 9px 1em;
    border-radius: .3em;
  }
  .n4946-header-col-subscribe a::before {
    content: "";
    position: absolute;
    left: 1.2em;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20style%3D%22opacity%3A0%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20style%3D%22fill%3A%23fff%22%2F%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2223%22%20height%3D%2223%22%20style%3D%22fill%3Anone%3Bstroke%3A%23707070%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M17.28%2C1.88l4.84%2C4.84L19.7%2C9.14%2C14.86%2C4.3ZM12.44%2C6.72l4.84%2C4.84L7.6%2C21.24H2.76V16.4Z%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
    background-size: contain;
  }
  .n4946-header-col-login {
    width: 112px;
  }
  .n4946-header-link-login {
    position: relative;
    padding: 24px 0 24px 1.5em;
    cursor: pointer;
    transition: opacity .3s ease;
  }
  .n4946-header-link-login:hover {
    opacity: .6;
  }
  .n4946-header-link-login::before {
    content: "";
    position: absolute;
    left: 1.2em;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20style%3D%22opacity%3A0%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20style%3D%22fill%3A%23fff%22%2F%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2223%22%20height%3D%2223%22%20style%3D%22fill%3Anone%3Bstroke%3A%23707070%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M14.2%2C9.83%2C7.66%2C4.37V7.66H0V12H7.66v3.26Zm3.26%2C7.66H8.74v2.17h8.73A2.11%2C2.11%2C0%2C0%2C0%2C19%2C19a2.05%2C2.05%2C0%2C0%2C0%2C.64-1.53V2.2A2.11%2C2.11%2C0%2C0%2C0%2C19%2C.65%2C2.11%2C2.11%2C0%2C0%2C0%2C17.47%2C0H8.74V2.2h8.73Z%22%20transform%3D%22translate%282%202%29%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
    background-size: contain;
  }
  .n4946-nav-pc-grid {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    /*max-width: 1200px;*/
    margin: auto;
    padding: 0 calc((100% - 1200px)/2);
  }
  [class|="n4946-nav-label"] {
    padding: 1em 1.5em 1em .5em;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.4;
  }
  [class|="n4946-nav-label"]::after {
    right: 0;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20style%3D%22opacity%3A0%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20style%3D%22fill%3A%23fff%22%2F%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2223%22%20height%3D%2223%22%20style%3D%22fill%3Anone%3Bstroke%3A%23707070%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M9%2C13%2C0%2C0H18Z%22%20transform%3D%22translate%283%206%29%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3C%2Fsvg%3E');
  }
  .is_active [class|="n4946-nav-label"] {
    color: #005FAE;
  }
  /*.n4946-nav-label-01 {
    padding-left: 1.5em;
  }*/
  .n4946-nav-label-01,
  .n4946-nav-label-02 {
    padding-top: 12px;
    padding-bottom: 13px;
  }
  .n4946-nav-label-03,
  .n4946-nav-label-04,
  .n4946-nav-label-05,
  .n4946-nav-label-06 {
    padding-top: 12px;
    padding-bottom: 14px;
    font-size: 13px;
  }
  /*.n4946-nav-label-01::before {
    left: 0;
    width: 14px;
    height: 14px;
  }*/
  [class|="n4946-nav-sub"] {
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    background-color: #fff;
  }
  [class|="n4946-nav-sub"]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2em;
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%, rgba(0,0,0,0.04) 100%);
    z-index: 0;
  }
  [class|="n4946-pc-grid-megamenu"] {
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 20px 2em;
    background-color: #fff;
  }
  .n4946-grid-nav-col-01 {
    position: relative;
    width: 22%;
    max-width: 250px;
    margin-right: 44px;
    background: linear-gradient(135deg, rgba(0,58,152,1) 0%, rgba(59,221,250,1) 100%);
    border-radius: 4px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
  }
  .n4946-grid-nav-col-01 span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 80%;
    text-align: center;
    transform: translate(-50%,-50%);
  }
  .n4946-grid-nav-col-02 {
    width: 75%;
    max-width: 850px;
  }
  [class|="n4946-pc-grid-subnav"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .n4946-pc-grid-subnav-02 {
    display: flex;
    align-items: stretch;
  }
  .n4946-pc-grid-subnav-support {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
  }
  .n4946-nav-external-link {
    display: inline-block;
    font-size: 16px;
  }
  .n4946-nav-external-link:first-child {
    margin-right: 3em;
  }
  a.n4946-nav-external-link::after {
    margin-left: 1em;
  }
  .n4946-pc-grid-subnav-06 {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding-top: 1.5em;
  }
}



/* -----------------------------------------------------
 header modal window (login)
-------------------------------------------------------- */
.n4946-modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.n4946-modal-overlay {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.n4946-modal-content {
  position: absolute;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
}
.n4946-modal-close {
  position: absolute;
}
.n4946-modal-close img {
  display: block;
  margin: auto;
}
.n4946-modal-content-txt {
  font-weight: bold;
}
.n4946-modal-content-link a {
  text-decoration: underline;
  font-size: smaller;
}
.n4946-modal-col-txt {
  display: block;
}
.n4946-login-btn a {
  display: block;
  padding: 1em;
  margin: auto;
  background-color: #002B8E;
  box-sizing: border-box;
  border-radius: .3em;
  line-height: 1;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .n4946-modal-content {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 87%;
    padding: 5em 1.6em 2.5em;
  }
  .n4946-modal-close {
    top: 1.5em;
    right: 1.25em;
  }
  .n4946-modal-close img {
    width: 6.72vw;
    height: 4.18667vw;
  }
  .n4946-login-btn a {
    max-width: 73.33vw;
    padding: 1.808em;
    font-size: 92.9%;
  }
  .n4946-modal-content-txt {
    margin-bottom: 1.5em;
    font-size: 114.3%;
  }
  .n4946-modal-col:first-child {
    padding-bottom: 2.5em;
    margin-bottom: 2em;
    border-bottom: solid 1px #ddd;
  }
  .n4946-modal-col-txt {
    margin-bottom: 1.4em;
    font-size: 92.9%;
  }
}
@media screen and (min-width: 768px), print {
  .n4946-modal-overlay {
    cursor: pointer;
  }
  .n4946-modal-content {
    top: 0;
    right: 0;
    width: 50%;
    min-width: 600px;
    height: 100%;
  }
  .n4946-modal-close {
    top: 24px;
    right: 38px;
  }
  .n4946-modal-close img {
    width: 36px;
    height: 23px;
  }
  .n4946-modal-content-txt {
    margin-bottom: 64px;
    font-size: 22px;
  }
  .n4946-modal-pc-grid {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 560px;
    margin: auto;
  }
  .n4946-modal-col-txt {
    margin-bottom: 15px;
    font-size: 15px;
  }
  .n4946-login-btn a {
    padding: 15px;
    width: 250px;
  }
  .n4946-modal-content-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
  }
}



/* -----------------------------------------------------
 共通class
-------------------------------------------------------- */
[href^="tel:"] {
  text-decoration: none;
  color: #6E6E6E;
}
.only-pc {
  display: none !important;
}
[class|="inner"] {
  margin: auto;
}
[class|="grid"] {
  display: flex;
}
[class|="btn"] a {
  display: block;
  padding: 1em;
  margin: auto;
  background-color: #002B8E;
  box-sizing: border-box;
  border-radius: .3em;
  line-height: 1;
  color: #fff;
}
[class|="btn"].oval a {
  border-radius: 2em;
  text-align: center;
}
[class|="btn"].wht a {
  background-color: #fff;
  border: solid 1px #002B8E;
  color: #002B8E;
}
a[class*="external"]::after {
  content: "";
  display: inline-block;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20style%3D%22opacity%3A0%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20style%3D%22fill%3A%23fff%22%2F%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2223%22%20height%3D%2223%22%20style%3D%22fill%3Anone%3Bstroke%3A%23707070%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M17.3%2C0H7.41A2.38%2C2.38%2C0%2C0%2C0%2C5.66.71%2C2.34%2C2.34%2C0%2C0%2C0%2C5%2C2.44v9.91a2.46%2C2.46%2C0%2C0%2C0%2C2.48%2C2.46H17.3a2.49%2C2.49%2C0%2C0%2C0%2C2.49-2.46V2.46A2.41%2C2.41%2C0%2C0%2C0%2C19.05.72%2C2.39%2C2.39%2C0%2C0%2C0%2C17.3%2C0Zm0%2C12.35H7.43V2.46H17.3ZM2.49%2C9.87H0v7.41A2.4%2C2.4%2C0%2C0%2C0%2C.74%2C19a2.39%2C2.39%2C0%2C0%2C0%2C1.75.72h7.4V17.28H2.49Z%22%20transform%3D%22translate%282%202%29%22%20style%3D%22fill%3A%23c4c4c4%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
}
[class|="link-pt"] {
  position: relative;
  display: block;
}
.link-pt-bfr {
  padding-left: 1.4em; 
}
.link-pt-bfr::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cg%20style%3D%22opacity%3A0%22%3E%3Crect%20width%3D%2212%22%20height%3D%2212%22%20style%3D%22fill%3A%23fff%22%2F%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2211%22%20height%3D%2211%22%20style%3D%22fill%3Anone%3Bstroke%3A%23707070%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M9.5%2C6%2C3%2C10.5v-9Z%22%20style%3D%22fill%3A%23005fae%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
}
.link-pt-aft {
  padding-right: 2em;
  text-align: right;
  font-weight: bold;
  color: #005FAE;
}
.link-pt-aft::after {
  content: "";
  position: absolute;
  right: 0;
  display: block;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20style%3D%22opacity%3A0%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20style%3D%22fill%3A%23fff%22%2F%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2223%22%20height%3D%2223%22%20style%3D%22fill%3Anone%3Bstroke%3A%23707070%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M17.16%2C12.34%2C9%2C20.48a.69.69%2C0%2C0%2C1-1%2C0H8L6.21%2C18.66a.7.7%2C0%2C0%2C1%2C0-1h0L12%2C11.85%2C6.21%2C6a.7.7%2C0%2C0%2C1%2C0-1h0L8%2C3.21a.69.69%2C0%2C0%2C1%2C1%2C0l0%2C0%2C8.14%2C8.14a.69.69%2C0%2C0%2C1%2C0%2C1Z%22%20style%3D%22fill%3A%23005fae%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
}
.link-line {
  text-decoration: underline;
}
ul[class|="list"] a {
  color: #6E6E6E;
}
[class|="list-notes"] {
  color: #6E6E6E;
}
[class|="list-notes"] li,
[class|="list-notes"] p {
  margin-left: 1.25em;
  text-indent: -1.25em;
}
[class|="meta"] {
  color: #6E6E6E;
}
a.is-disabled {
  pointer-events: none;
  opacity: .5;
}
[class|="nologin"].list p {
  margin-left: 1em;
  text-indent: -1em;
}
[class|="tbl"] {
  width: 100%;
  border-collapse: collapse;
}
[class|="tbl"] th,
[class|="tbl"] td {
  box-sizing: border-box;
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
  color: #6E6E6E;
}
[class|="tbl"] th {
  background-color: #E9EFF4;
  text-align: center;
  font-weight: normal;
}
[class|="tbl"] td {
  border-right: solid 1px #ddd;
}
[class|="tbl"] tr:first-of-type th,
[class|="tbl"] tr:first-of-type td {
  border-top: solid 1px #ddd;
}
[class|="bnr"].bdr img {
  border: solid 1px #ddd;
}
@media screen and (max-width: 767px) {
  .main {
    padding-top: 16vw;
  }
  [class|="inner"] {
    width: 86.67%;
  }
  [class|="sp-grid"] {
    display: flex;
  }
  a[class*="external"]::after {
    width: 3.73vw;
    height: 3.73vw;
  }
  [class|="btn"] a {
    max-width: 73.33vw;
  }
  .link-pt-bfr::before {
    top: 1.5vw;
    width: 3.2vw;
    height: 3.2vw;
  }
  .link-pt-aft::after {
    top: 1vw;
    width: 4.27vw;
    height: 4.27vw;
  }
  .link-pt-aft.s2::after,
  .link-pt-aft.s3::after {
    top: 4vw;
    width: 4.27vw;
    height: 4.27vw;
  }
  [class|="list-notes"] {
    line-height: 1.7;
    font-size: 85.7%;
  }
  [class|="tbl"] th,
  [class|="tbl"] td {
    padding: .9em;
    font-size: 92.9%;
  }
}
@media screen and (min-width: 768px), print {
  .main {
    padding-top: 70px;
  }
  .only-pc {
    display: block !important;
  }
  span.only-pc,
  br.only-pc {
    display: inline !important;
  }
  .only-sp {
    display: none !important;
  }
  [href^="tel:"] {
    pointer-events: none;
  }
  [class|="inner"] {
    max-width: 1150px;
    width: 90%;
  }
  [class|="inner"].s {
    max-width: 850px;
  }
  [class|="pc-inner"] {
    max-width: 1150px;
    width: 90%;
    margin: auto;
  }
  [class|="pc-grid"] {
    display: flex;
  }
  a[class*="external"]::after {
    width: 14px;
    height: 14px;
  }
  [class|="btn"] a {
    width: 250px;
  }
  [class|="btn"] a:hover {
    opacity: .85;
  }
  .link-pt-bfr::before {
    top: 5px;
    width: 12px;
    height: 12px;
  }
  .link-pt-aft::after {
    top: 5px;
    width: 16px;
    height: 16px;
  }
  .link-pt-aft.s,
  .link-pt-aft.s2,
  .link-pt-aft.s3{
    font-size: 13px;
  }
  .link-pt-aft.s::after {
    top: 3px;
    width: 14px;
    height: 14px;
  }
  .link-pt-aft.s2::after {
    top: 5px;
    width: 14px;
    height: 14px;
  }
  .link-pt-aft.s3::after {
    top: 10px;
    width: 14px;
    height: 14px;
  }
  .link-back a {
    font-size: 15px;
  }
  [class|="list-notes"] {
    line-height: 1.8;
    font-size: 12px;
  }
  [class|="tbl"] th,
  [class|="tbl"] td {
    padding: .9em;
    font-size: 13px;
  }
}


/* -----------------------------------------------------
 breadcrumbs 
-------------------------------------------------------- */
.breadcrumbs {
}
.grid-breadcrumbs {
  align-items: flex-start;
  justify-content: flex-start;
}
.grid-breadcrumbs li {
  position: relative;
}
.grid-breadcrumbs li:not(:last-child) {
  padding-right: 1.6em;
}
.grid-breadcrumbs li:not(:last-child)::after {
  content: "/";
  position: absolute;
  top: 0;
  bottom: 0;
  right: .6em;
  display: block;
  margin: auto;
  color: #fff;
}
.grid-breadcrumbs li:last-child a {
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .breadcrumbs {
    padding: .893em 0;
    background-color: #fff;
    white-space: nowrap;
    overflow: scroll;
  }
  .inner-breadcrumbs {
    width: 100%;
    padding-left: 1em;
  }
  .grid-breadcrumbs li {
    font-size: 85.7%;
  }
  .grid-breadcrumbs li:not(:last-child)::after,
  .breadcrumbs a {
    color: #002B8E;
  }

}
@media screen and (min-width: 768px), print {
  .breadcrumbs {
    padding: 1.5em 0;
    margin-bottom: .4em;
  }
  .grid-breadcrumbs li {
    font-size: 12px;
  }
  .grid-breadcrumbs li:last-child {
    max-width: 80%;
  }
  .grid-breadcrumbs li:not(:last-child) {
    white-space: nowrap;
  }
  .grid-breadcrumbs li:not(:last-child)::after,
  .breadcrumbs a {
    color: #fff;
  }
}



/* -----------------------------------------------------
 page title
-------------------------------------------------------- */
.area-pagettl.no-mb {
  margin-bottom: 0;
}
[class|="ttl-pagettl"] {
  line-height: 1.3;
  font-weight: bold;
  color: #fff;
}
[class|="ttl-sec"] {
  position: relative;
}
[class|="ttl-sec"]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background-color: #002B8E;
}
[class|="ttl-line"] {
  border-bottom: solid 1px #ddd;
  line-height: 1.4;
  color: #002B8E;
}
[class|="ttl-point"] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
[class|="ttl-notes"] {
  display: block;
}
@media screen and (max-width: 767px) {
  .area-pagettl {
    margin-bottom: 0em;
  }
  .box-pagettl {
    min-height: 37.33vw;
  }
  .inner-sec-pagettl {
    position: relative;
    min-height: 37.33vw;
  }
  .box-pagettl {
    background: linear-gradient(135deg, rgba(0,58,152,1) 0%, rgba(59,221,250,1) 100%);
  }
  [class|="ttl-pagettl"] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0,-50%);
    font-size: 185.7%;
  }
  [class|="ttl-sec"] {
    padding-bottom: 4.53vw;
    margin-bottom: 10.67vw;
    font-size: 157.1%;
  }
  [class|="ttl-sec"]::after {
    width: 10.67vw;
    height: 2px;
  }
  [class|="ttl-art"] {
    font-size: 128.6%;
  }
  [class|="ttl-list"] {
    font-size: 107.1%;
  }
  [class|="ttl-line"] {
    padding-bottom: 2.93vw;
    margin-bottom: 7.2vw;
    font-size: 128.6%;
  }
  [class|="ttl-point"] {
    margin-bottom: 1em;
    font-size: 128.6%;
  }
  [class|="ttl-point"] .img-point {
    width: 13.33vw;
    height: 13.33vw;
  }
  [class|="ttl-point"] .txt-point {
    width: calc(100% - 13.33vw);
    padding-left: 5.33vw;
  }
  [class|="ttl-notes"] {
    font-size: 54.5%;
  }
}
@media screen and (min-width: 768px), print {
  .area-pagettl {
    min-height: 140px;
    margin-bottom: 0px;
    background: linear-gradient(135deg, rgba(0,58,152,1) 0%, rgba(59,221,250,1) 100%);
  }
  .box-pagettl {
    background: none;
  }
  [class|="ttl-pagettl"] {
    padding-bottom: .5em;
    font-size: 34px;
  }
  [class|="ttl-sec"] {
    padding-bottom: 26px;
    margin-bottom: 40px;
    font-size: 26px;
  }
  [class|="ttl-sec"]::after {
    width: 50px;
    height: 2px;
  }
  [class|="ttl-art"] {
    font-size: 22px;
  }
  [class|="ttl-list"] {
    font-size: 16px;
  }
  [class|="ttl-line"] {
    padding-bottom: 17px;
    margin-bottom: 30px;
    font-size: 20px;
  }
  [class|="ttl-point"] {
    margin-bottom: 1em;
    font-size: 22px;
  }
  [class|="ttl-point"] .img-point {
    width: 60px;
    height: 60px;
  }
  [class|="ttl-point"] .txt-point {
    width: calc(100% - 60px);
    padding-left: 20px;
  }
  [class|="ttl-notes"] {
    font-size: 14px;
  }
}


/* -----------------------------------------------------
 section, article
-------------------------------------------------------- */
[class|="sec"].bg {
    background-color: #E9EFF4;
}
[class|="sec"].bdr,
[class|="art"].bdr {
  border-bottom: solid 1px #ddd;
}
[class|="box-bdr"] {
  width: 100%;
  border: solid 1px #ddd;
}
[class|="box-wht"] {
  width: 100%;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .art-seminar {
    padding-top: 10vw;
  }
  [class|="sec"] {
    padding: 12vw 0;
  }
  [class|="lead"] {
    margin-bottom: 10.67vw;
  }
  [class|="sec"] p,
  [class|="art"] p,
  [class|="blk-txt"] {
    line-height: 1.7;
  }
  [class|="box-bdr"],
  [class|="box-wht"] {
    padding: 8vw 6.67vw;
  }
}
@media screen and (min-width: 768px), print {
  .art-seminar {
    padding-top: 80px;
  }
  [class|="sec"] {
    padding: 65px 0;
  }
  [class|="lead"] {
    margin-bottom: 40px;
  }
  [class|="sec"] p,
  [class|="art"] p,
  [class|="blk-txt"] {
    line-height: 1.8;
  }
  [class|="box-bdr"],
  [class|="box-wht"] {
    padding: 40px;
  }
}



/* -----------------------------------------------------
 pagination
-------------------------------------------------------- */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  line-height: 1;
}
.pagination li:first-of-type {
  margin-right: .1em;
}
.pagination li:last-of-type {
  margin-left: .1em;
}
.pagination li:not(:first-of-type):not(:last-of-type) {
  margin: 0 .1em;
}
[class|="pager"] {
  display: block;
}
.pager {
  border-radius: 50%;
  text-align: center;
  color: #000;
}
.current .pager {
  background-color: #002B8E;
  color: #fff;
  pointer-events: none;
}
.pager-prev,
.pager-next {
  position: relative;
}
.pager-prev::before,
.pager-next::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cg%20style%3D%22opacity%3A0%22%3E%3Crect%20width%3D%2212%22%20height%3D%2212%22%20style%3D%22fill%3A%23fff%22%2F%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2211%22%20height%3D%2211%22%20style%3D%22fill%3Anone%3Bstroke%3A%23707070%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M9.5%2C6%2C3%2C10.5v-9Z%22%20style%3D%22fill%3A%23005fae%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
}
.pager-prev::before {
  left: 0;
  transform: scale(-1, 1);
}
.pager-next::after {
  right: 0;
}
@media screen and (max-width: 767px) {
  .pagination-area {
    margin: 3em 0;
  }
  .pagination {
    font-size: 85.7%;
  }
  .pager-prev,
  .pager-next {
    padding-bottom: .1em;
  }
  .pager-prev {
    padding-left: 1.2em;
    margin-right: .8em;
  }
  .pager-next {
    padding-right: 1.2em;
    margin-left: .8em;
  }
  .pager-prev::before,
  .pager-next::after {
    width: 3.2vw;
    height: 3.2vw;
  }
  .pager {
    width: 7.73vw;
    height: 7.73vw;
    line-height: 2.4;
  }
}
@media screen and (min-width: 768px), print {
  .pagination-area {
    margin: 5em 0;
  }
  .pagination {
    font-size: 15px;
  }
  .pager-prev,
  .pager-next {
    padding-bottom: .2em;
  }
  .pager-prev {
    padding-left: 1em;
    margin-right: 1em;
  }
  .pager-next {
    padding-right: 1em;
    margin-left: 1em;
  }
  .pager-prev::before,
  .pager-next::after {
    width: 12px;
    height: 12px;
  }
  .pager {
    width: 34px;
    height: 34px;
    line-height: 2.1;
  }
}



/* -----------------------------------------------------
 sns button
-------------------------------------------------------- */
.grid-sns {
  align-items: center;
}
.grid-sns li {
  height: 20px;
}
.grid-sns li.twitter {
  margin-left: .1em;
}
.grid-sns li.line {
  margin-left: .6em;
}
@media screen and (max-width: 767px) {
  .grid-sns {
    justify-content: center;
  }
}
@media screen and (min-width: 768px), print {
  .grid-sns {
    justify-content: flex-end;
  }
}


/* -----------------------------------------------------
 pagelink(ページ内リンク)
-------------------------------------------------------- */
.col-pagelink a {
  display: block;
}
.col-pagelink a::after {
  content: "";
  display: inline-block;
  margin-left: 1em;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Crect%20width%3D%2212%22%20height%3D%2212%22%20style%3D%22fill%3A%23aaa%3Bfill-opacity%3A0%22%2F%3E%3Cpath%20d%3D%22M6%2C9.5%2C1.5%2C3h9Z%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .pc-grid-pagelink {
    border: solid 1px #ddd;
  }
  .col-pagelink:not(:last-child) {
    border-bottom: solid 1px #ddd;
  }
  .col-pagelink a {
    padding: 1.192em 0;
    line-height: 1;
    text-align: center;
    font-size: 92.9%;
  }
  .col-pagelink a::after {
    width: 3.2vw;
    height: 3.2vw;
  }
}
@media screen and (min-width: 768px), print {
  [class|="pagelink-area"] {
    border-bottom: solid 1px #ddd;
  }
  .pc-grid-pagelink {
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5em;
  }
  .col-pagelink:not(:last-of-type) {
    margin-right: 2.5em;
  }
  .col-pagelink a {
    padding: 1em 0;
    font-size: 15px;
  }
  .col-pagelink a::after {
    width: 12px;
    height: 12px;
  }
}



/* -----------------------------------------------------
 modal window
-------------------------------------------------------- */
.modal-window {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.modal-overlay {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #fff;
  box-sizing: border-box;
  text-align: center;
}
.modal-close {
  position: absolute;
}
.modal-close img {
  display: block;
  margin: auto;
}
.modal-content-txt-area {
  text-align: left;
}
.ttl-modal-area {
  display: block;
  font-size: 114.3%;
}
.modal-content-txt-area p + .ttl-modal-area {
  margin-top: 1em;
}


@media screen and (max-width: 767px) {
  .modal-content {
    width: 87%;
    padding: 5em 1.6em 2.5em;
  }
  .modal-close {
    top: 1.5em;
    right: 1.25em;
  }
  .modal-close img {
    width: 6.72vw;
    height: 4.18667vw;
  }
}
@media screen and (min-width: 768px), print {
  .modal-overlay {
    cursor: pointer;
  }
  .modal-content {
    padding: 5em 2em 3em;
  }
  .modal-close {
    top: 24px;
    right: 38px;
  }
  .modal-close img {
    width: 36px;
    height: 23px;
  }
}



/* -----------------------------------------------------
 日経ID決済とは
-------------------------------------------------------- */
.ttl-about-id {
  text-align: center;
  color: #002B8E;
}
.ttl-about-id-sub {
  color: #6E6E6E;
}
[class|="about-id-target"] {
  color: #002B8E;
}
@media screen and (max-width: 767px) {
  .ttl-about-id {
    margin-bottom: 2em;
    font-size: 128.6%;
  }
  .ttl-about-id-sub {
    margin-bottom: 1em;
    font-size: 114.3%;
  }
  .ttl-about-id-box {
    margin-bottom: .75em;
    font-size: 114.3%;
  }
  [class|="about-id-target"] {
    margin-bottom: 1em;
    font-size: 92.9%;
  }
  .about-id-target-2 {
    margin-top: -.75em;
    margin-bottom: 1.5em;
  }
  .col-about-id-box:first-child {
    padding-bottom: 8vw;
  }
  .col-about-id-box:last-child {
    padding-top: 8vw;
    border-top: solid 1px #ddd;
  }
  .box-wht-about-id {
    margin-bottom: 12vw;
  }
  .link-area-about-id {
    margin-top: 11.2vw;
  }
  .link-area-about-id .link-pt-aft {
    width: 57vw;
    margin: auto;
    padding-right: 2.5em;
    text-align: left;
  }
  .link-area-about-id .link-pt-aft::after {
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
@media screen and (min-width: 768px), print {
  .ttl-about-id {
    margin-bottom: 2.5em;
    font-size: 20px;
  }
  .ttl-about-id-sub {
    margin-bottom: 1em;
    font-size: 100%;
  }
  .lead-about-id {
    line-height: 1.7;
    text-align: center;
  }
  .ttl-about-id-box {
    margin-bottom: .75em;
    font-size: 16px;
  }
  [class|="about-id-target"] {
    margin-bottom: 1em;
    font-size: 13px;
  }
  .pc-grid-about-id-box {
    position: relative;
    align-items: stretch;
    justify-content: space-between;
  }
  .col-about-id-box {
    width: 44.806%;
  }
  .col-about-id-box:last-child::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    width: 1px;
    height: 100%;
    background-color: #ddd;
  }
  .box-wht-about-id {
    margin-bottom: 40px;
  }
  .pc-grid-about-id {
    align-items: stretch;
    justify-content: space-between;
  }
  .col-about-id {
    position: relative;
    width: 47.06%;
  }
  .about-id-target-2 {
    position: absolute;
    top: 2px;
    left: 50%;
  }
  .link-area-about-id {
    margin-top: 40px;
    text-align: center;
  }
  .link-area-about-id .link-pt-aft {
    display: inline-block;
    font-size: 13px;
  }
  .link-area-about-id .link-pt-aft::after {
    top: 3px;
    width: 14px;
    height: 14px;
  }
}

.n4946-nav-normal-link {
  color: #005FAE;
}

@media screen and (max-width: 767px) {
  .n4946-nav-normal-link {
    position: relative;
    display: block;
    padding: 1.322em 3em;
    border-top: solid 1px #ddd;
  }
}

@media screen and (min-width: 768px), print {
  .n4946-nav-normal-link {
    display: inline-block;
    font-size: 16px;
    margin-right: 3em;
  }
  a.n4946-nav-normal-link::after {
    margin-left: 1em;
  }
}
/* 202306 価格改定対応用 */
.single_topics-txt{
    background-color: #e9eff4;
	color: #000;
}
.single_topics-txt em{
	font-weight: bold;
	font-size: 117%;
	color: #002b8e;
	display: block;
	margin-bottom:.5em;
}
.single_topics-txt ul{
	text-indent: -1em;
	padding-left: 1em;
}
@media screen and (max-width: 767px) {
.single_topics-txt{
    padding: 5.6vw;
    margin-top: 10.67vw;
    font-size: 92.9%;
}
.single_topics-txt.s-bottom{
    margin-bottom: 10.67vw;
}
}
@media screen and (min-width: 768px), print {
.single_topics-txt{
    padding: 18px 40px;
    margin-top: 50px;
    margin-bottom: 10px;
    font-size: 13px;
	text-align: left;
}
.single_topics-txt.s-bottom{
    margin-bottom: 50px;
}
}


/* 宅配申込ボタン */
  .p-subscription-main__cost,
  .p-subscription-main__cost2 {
	  text-align: center;
  }
  .p-subscription-main__cost-title,
  .p-subscription-main__cost-title2 {
	display: block;
  }
  .p-subscription-main__cost-amount,
  .p-subscription-main__cost-amount2 {
	  line-height: 1.2;
  }
  .p-subscription-main__cost-amount em,
  .p-subscription-main__cost-amount2 em {
	  font-weight: bold;
  }
.p-subscription-main__flx-item{
	width: 85%;
	display: flex;
	margin: 10px auto 0 auto;
}

@media screen and (max-width: 767px) {
	.cta-newCost-btn01{
		text-align: center;
	}
.p-subscription-main__flx-item li{
	width: 50%;
}
  .p-subscription-main__cost-amount,
  .p-subscription-main__cost-amount2 {
	  font-size: 110%;
  }
  .p-subscription-main__cost-amount em {
	  font-size: 188%;
  }
  .p-subscription-main__cost-amount2 em {
	  font-size: 144%;
  }
}
@media screen and (min-width: 767px) {
.cta-newCost-btn01{
	width: 480px;
	margin: auto;
		text-align: center;
}
.p-subscription-main__cost {
  font-weight: bold;
  text-align:center;
}
.p-subscription-main__cost2 {
  font-weight: bold;
  text-align:center;
}
.p-subscription-main__cost-amount {
  margin-right: 0.2em;
}
.p-subscription-main__cost-amount2 {
  margin-right: 0.2em;
  font-size: 2.0rem;
}
  .p-subscription-main__cost-amount,
  .p-subscription-main__cost-amount2 {
	  font-size: 110%;
  }
  .p-subscription-main__cost-amount em {
	  font-size: 188%;
  }
  .p-subscription-main__cost-amount2 em {
	  font-size: 144%;
  }
.p-subscription-main__flx-item{
	width: 350px;
	justify-content: space-between;
}
.p-subscription-main__flx-item li.p-subscription-main__cost-title2{
	width: 32%;
}
.p-subscription-main__flx-item li.p-subscription-main__cost-amount2{
	width: 65%;
}
.p-subscription-main__flx-item .btn-guidance_index a {
    width: 220px;
    max-height: 50px;
  }
}

/* 電子版追加ボタン */
.p-subscription-add a {
  display: block;
  padding: 1em;
  margin: .5em auto auto auto;
  background-color: #002B8E;
  box-sizing: border-box;
  border-radius: .3em;
  line-height: 1;
  color: #fff;
  text-align: center;
}
.p-subscription-add li{
	text-align: center;
}
.p-subscription-add li.single-btn01 .p-subscription-add__cost-title {
  display: block;
}
	.p-subscription-add p{
    margin-top: .2em;
	}
.p-subscription-add__flx-item li{
	width: 100%;
	display: flex;
	margin: 10px auto 0 auto;
}
.p-subscription-add__flx-item .p-subscription-add__cost-title2{
	width: 32%;
	text-align:left;
}
.p-subscription-add__flx-item a{
	width: 65%;
}
.list-notes-guidance.mt-20{
	margin-top: 20px;
}
.list-notes-guidance.mt-10{
	margin-top: 10px;
}
  .p-subscription-add li .p-subscription-add__cost-title,
  .p-subscription-add li .p-subscription-add__cost-title2 {
	  display:block;
  }
  .p-subscription-add li .p-subscription-add__cost-title2 {
	  text-align: left;
  }
  .p-subscription-add em {
    font-size: 188%;
	font-weight: bold;
  }
@media screen and (max-width: 767px) {
.p-subscription-add li{
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #efefef;
}
.p-subscription-add li > ul li{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.p-subscription-add__flx-item .p-subscription-add__cost-title2{
	padding-top: 1em;
}
}
@media screen and (min-width: 768px), print {
  .p-subscription-add {
    margin-bottom: 30px;
    display: flex;
    align-items: top;
    justify-content: space-between;
    width: 800px;
	  margin: auto;
  }
  .p-subscription-add b {
    font-size: 18px;
  }
  .p-subscription-add li {
    width: 250px;
  }
  .p-subscription-add a {
    padding: 15px;
  }
.p-subscription-add li.single-btn01{
  padding-top: 2.2em;
}
  .p-subscription-add li .p-subscription-add__cost-title {
    font-size: 13px;
  }
	.p-subscription-add p{
    font-size: 12px;
	}
.p-subscription-add__flx-item .p-subscription-add__cost-title2{
	padding-top: .5em;
}
}

/* modalの中身 */
.modal-content-txt-guidance{
	font-weight: bold;
}
.flow-top{
	margin-top: 1em;
}
.subttl-guidance-1st,
.subttl-guidance-2nd{
	margin-bottom: 1em;
}
.subttl-guidance-1st{
	font-weight: bold;
	padding: .2em;
	text-align: center;
	color: #fff;
}
.subttl-guidance-1st{
	position:relative;
	background: #003060;
}
.subttl-guidance-1st:before,
.subttl-guidance-1st:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.subttl-guidance-1st:before{
  top:0;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 19px 0 19px 1em;
  z-index: 10;
}
.subttl-guidance-1st:after{
  top:0;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #003060;
  border-width: 19px 0 19px 1em;
  z-index: 10;
}
.subttl-guidance-2nd{
	font-weight: bold;
	padding: .2em;
	text-align: center;
	color: #fff;
}
.subttl-guidance-2nd{
	position:relative;
	background: #f3821b;
}
.subttl-guidance-2nd:before,
.subttl-guidance-2nd:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.subttl-guidance-2nd:before{
  top:0;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 19px 0 19px 1em;
  z-index: 10;
}
.subttl-guidance-2nd:after{
  top:0;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #f3821b;
  border-width: 19px 0 19px 1em;
  z-index: 10;
}
.col-flow-top em{
	display: block;
	font-weight: bold;
	text-align: center;
}
.col-flow-top li{
	margin-bottom: .5em;
	border: 1px solid #e8e8e8;
	padding: 1em;
}
.col-flow-top .pc-grid-flow-1st li{
	margin-bottom: .5em;
	background-color: #e9eff4;
	padding: 1em;
}
@media screen and (max-width: 767px) {
	.modal-content-txt-guidance{
		font-size: 122%;
	}
	.subttl-guidance-1st,
	.subttl-guidance-2nd{
		font-size: 112%;
	}
	.subttl-guidance-1st{
		border-right: 1px solid #003060;
	}
	.subttl-guidance-2nd{
		margin-top: 2em;
		border-right: 1px solid #f3821b;
	}
}
@media screen and (min-width: 768px), print {
	.modal-content-txt-guidance{
		font-size: 18px;
	}
	.subttl-guidance-1st,
	.subttl-guidance-2nd{
		font-size: 14px;
		padding-top: 9px;
		padding-bottom: 7px;
	}
	.subttl-guidance-2nd{
		margin-top: 2em;
	}
	.pc-grid-flow-1st,
	.pc-grid-flow-2nd{
		justify-content: space-between;
	}
	.pc-grid-flow-1st li{
		width: 32%;
	}
	.pc-grid-flow-2nd li.left{
		width: 38%;
	}
	.pc-grid-flow-2nd li.right{

		width: 60%;
	}
}
.nolink{
	color: #c9c9c9;
	pointer-events: none;
}