@charset "utf-8";
/* c365/index.css
++++++++++++++++++++++++++++++++++++++++
* NOTE
++++++++++++++++++++++++++++++++++++++++
- Charset: utf-8
- Return code: LF
++++++++++++++++++++++++++++++++++++++++ */
/*　アコーディオン  */
.js-accordion-target {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  transform: translateZ(0);
}
.js-accordion-target.is-open {
  grid-template-rows: 1fr;
}
.js-accordion-inner {
  overflow: hidden;
  min-height: 0;
  opacity: 0;
  visibility: hidden;
padding: 0 !important;
  margin: 0 !important;
  transition: opacity 0.2s ease, visibility 0s ease 0.3s;
}
.js-accordion-target.is-open .js-accordion-inner {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease 0.1s, visibility 0s ease 0s;
}

/* メインセクション */
.accordion {
  box-shadow: 0 -1px 0 0 #e6e6e6;
  background-color: rgba(255, 255, 255, 0);
  position: relative;
}
.accordion.is-open {
  background-color: #f6fbff;
  height: auto;
  text-align: center;
  border-bottom: solid 4px rgba(0, 0, 0, 0.05);
}
.accordion.is-open.oldplan_sec {
  background-color: #fff;
  padding: 0;
}
.accordion > ._ttl{
  position: relative;
  color: var(--color-gray-quaternary);
}
.accordion > ._ttl svg{
  color: var(--color-gray-quaternary);
}
.accordion.-service.is-open > ._ttl{
  color: var(--color-rich-black);
}
.accordion.is-open > ._ttl{
}
.accordion.is-open > ._ttl svg {
  display: block;
  flex-shrink: 0;
  max-width: 100%;
}
.accordion.is-open.-gembutsu,
.accordion.is-open.-shinyo {
  background: linear-gradient(90deg, rgba(243, 250, 255, 0) 0%, #F3FAFF 50%, rgba(243, 250, 255, 0) 100%);
}
.accordion.is-open.-fund {
  background: linear-gradient(90deg, rgba(243, 245, 247, 0) 0%, #F3F5F7 50%, rgba(243, 245, 247, 0) 100%);
}
.accordion.is-open.-fxneo {
  background: linear-gradient(270deg, rgba(253, 250, 243, 0) 0%, #FDFAF3 50%, rgba(253, 250, 243, 0) 100%);
}
.accordion.is-open.-cfd {
  background: linear-gradient(90deg, rgba(244, 244, 250, 0) 0%, #F4F4FA 50%, rgba(244, 244, 250, 0) 100%);
}
.accordion.is-open.-binary_option {
  background: linear-gradient(90deg, rgba(243, 245, 247, 0) 0%, #F3F5F7 50%, rgba(243, 245, 247, 0) 100%);
}
.accordion.is-open.-c365 {
  background: linear-gradient(270deg, rgba(253, 250, 243, 0) 0%, #FDFAF3 50%, rgba(253, 250, 243, 0) 100%);
}
.accordion.is-open.-ck365 {
  background: linear-gradient(270deg, rgba(244, 246, 247, 0) 0%, #F4F6F7 50%, rgba(244, 246, 247, 0) 100%);
}
.accordion.is-open.-bond {
  background: linear-gradient(270deg, rgba(238, 246, 250, 0) 0%, #EEF6FA 50%, rgba(238, 246, 250, 0) 100%);
}
.accordion.is-open.-foreign_currency {
  background: linear-gradient(270deg, rgba(255, 248, 243, 0) 0%, #FFF8F3 50%, rgba(255, 248, 243, 0) 100%);
}
.accordion.is-open.-service {
  background-color: #fff;
}

.accordion.is-open.-gembutsu ._ttl svg,
.accordion.is-open.-gembutsu .completely_free,
.accordion.is-open.-shinyo ._ttl svg,
.accordion.is-open.-shinyo .completely_free {
  color: var( --color-service-kabu);
}
.accordion.is-open.-fund ._ttl svg,
.accordion.is-open.-fund .completely_free {
  color: var( --color-service-fund);
}
.accordion.is-open.-fxneo ._ttl svg,
.accordion.is-open.-fxneo .completely_free {
  color: var( --color-service-fx);
}
.accordion.is-open.-cfd ._ttl svg,
.accordion.is-open.-cfd .completely_free {
  color: var(--color-service-cfd);
}
.accordion.is-open.-binary_option ._ttl svg,
.accordion.is-open.-binary_option .completely_free {
  color: var(--color-service-ixop);
}
.accordion.is-open.-c365 ._ttl svg,
.accordion.is-open.-c365 .completely_free {
  color: var(--color-service-c365);
}
.accordion.is-open.-ck365 ._ttl svg,
.accordion.is-open.-ck365 .completely_free {
  color: var( --color-service-ck365);
}
.accordion.is-open.-bond ._ttl svg,
.accordion.is-open.-bond .completely_free {
  color: var( --color-service-fbond5);
}
.accordion.is-open.-foreign_currency ._ttl svg,
.accordion.is-open.-foreign_currency .completely_free {
  color: var( --color-service-fbond5);
}

.completely_free {
  display: block;
  text-align: center;
  width: 216px;
  height: 118px;
}
.accordion > ._ttl ._ttl_top {
  position: absolute;
  right: 25px;
  width: 32px;
  height: 32px;
  z-index: 10;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.accordion.is-open > ._ttl ._ttl_top {
  top: -25px;
  z-index: 40;
  pointer-events: auto;
}
.accordion > ._ttl ._ttl_top {
  background-image: url(/corp/guide/commission_list/images/accordion-plus.svg);
}
.accordion.is-open > ._ttl ._ttl_top {
  background-image: url(/corp/guide/commission_list/images/accordion-minus.svg);
}
.accordion ._ttl_bottom {
  cursor: pointer;
  background-image: url(/corp/guide/commission_list/images/icon-close.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 64px;
  height: 56px;
  width: 100%;
  margin-top: 48px;
}
.accordion > ._ttl > * {
  pointer-events: none;
}
.accordion + .accordion {
  box-shadow: 0 -1px 0 0 #e6e6e6,0 1px 0 0 #e6e6e6;
}
.accordion > ._ttl {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.accordion.is-open > ._ttl {
  cursor: default;
}
.accordion ._txt p {
  margin: 0;
}
.accordion ._txt a {
  text-decoration: underline;
}
.accordion ._txt > ._note {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
  text-align: justify; 
  color: var(--color-gray-quaternary);
}
.accordion .cost_table {
}
.cost_table ._item {
  text-align: center;
}
.cost_table ._item > dl {
  width: 100%;
  margin: 0 0 8px;
}
.cost_table ._item > dl dt {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.05em;
  border-top: solid 2px #d9d9d9;
  border-bottom: solid 2px #d9d9d9;
  background-color: #f7f7f7;
  margin-bottom: 8px;
}
.cost_table ._item > dl dt span {
  font-size: 1.2rem;
  letter-spacing: 0.05em;
}
.cost_table ._item > dl dd {
  width: 312px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cost_table ._item > dl dd.-leftcolumn {
  gap: 36px;
  justify-content: flex-start;
}
.cost_table ._item > dl dd span {
  height: 32px;
  font-size: 1.4rem;
  line-height: 1.71;
  letter-spacing: 0.025em;
  display: flex;
  align-items: center;
}
.cost_table ._item > dl dd span._status {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.56;
  letter-spacing: 0.2em;
  color: #528fcc;
}
.cost_table ._item > dl dd span._txt {
  font-size: 1.4rem;
  line-height: 1.43;
  letter-spacing: normal;
  color: #528fcc;
}
.cost_table ._item > dl dd span._txt span {
  font-size: 2.4rem;
  line-height: 1.33;
  padding-left: 5px;
}
.cost_table ._item > dl dd span._txt span._sup {
  font-size: 1.2rem;
  line-height: 1;
  padding: 0;
}
.cost_table ._item > dl dd small {
  display: block;
  width: 100%;
  height: 32px;
  text-align: right;
  font-size: 1.2rem;
  line-height: 2;
}
.cost_table ._item > dl dd span._val {
  font-size: 2.4rem;
  line-height: 1.33;
  color: #528fcc;
}
.cost_table ._item > dl dd span._val span {
  padding-left: 3px;
}
.cost_table ._item > ._ttl {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
  margin-bottom: 24px;
}
.cost_table ._item > ._notice {
  color: var(--color-gray-quaternary);
  /* color: #848484; */
  margin-top: 24px;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
  text-align: justify;
}
.cost_table ._item > ._notice a {
  text-decoration: underline;
}

.vip_sec {
}
.vip_sec > h2 {
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
}
.vip_sec .vip_table {
  background-color: #fffef7;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 16px;
}
.vip_sec .vip_table ._ttl {
  line-height: 1.5;
  letter-spacing: 0.025em;
}
.vip_sec .vip_table > ._val {
  display: flex;
  position: relative;
}
.vip_sec .vip_table > ._val ._normal::before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  content: "";
  display: inline-block;
  background: #465059;
}
.vip_sec .vip_table > ._val ._normal {
  line-height: 1.5;
  letter-spacing: normal;
  text-align: justify;
  color: #465059;
  letter-spacing: 0.025em;
}
.vip_sec .vip_table > ._val ._vip {
  color: #fcc106;
  line-height: 1;
}
.vip_sec .vip_table > ._val ._vip ._badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #fcc106;
  font-weight: bold;
  letter-spacing: 0.025em;
  transform: translateY(-10px);
}

.oldplan_sec {
  margin: 64px auto 0;
  border-radius: 8px;
  border: solid 1px #d9d9d9;
  background-color: #fff;
}
.oldplan_sec ._ttl {
  width: 100%;
  color: #0a1f33;
  cursor: pointer;
  position: relative;
}
.oldplan_sec ._inner {
  border-top: solid 1px #d9d9d9;
  margin: auto;
  padding: 24px 0 16px;
}
.oldplan_sec ._inner ._item ._table {
  width: 100%;
}
.oldplan_sec ._inner ._item ._table ._caption {
  width: 100%;
  line-height: 1.5;
  letter-spacing: 0.025em;
  text-align: center;
}

/* 共通テーブル */
.m_table table {
  width: 100%;
  border-collapse: collapse;
}
.m_table table thead th {
  height: 40px;
  border-top: solid 2px #dde0e5;
  border-bottom: solid 2px #dde0e5;
  background-color: #f7f7f7;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
}
.m_table table thead span {
  font-size: 1.2rem;
  letter-spacing: 0.025em;
}
.m_table table tbody {
  font-size: 1.4rem;
  letter-spacing: 0.025em;
}
.m_table table tbody ._val {
  font-size: 2.4rem;
}
.m_table table tbody span {
  font-size: 1.6rem;
}
.m_table table tbody tr td {
  border-bottom: solid 1px #dde0e5;
}
.m_table table tbody tr td + td {
  font-size: 1.4rem;
}
.m_table table tbody tr td + td > span {
  width: 78px;
  text-align: right;
  display: inline-block;
}
.oldplan_sec ._inner ._item tbody tr td + td {
  color: #528fcc;
}
.oldplan_sec ._inner ._item p {
  width: 100%;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.025em;
  color: #000;
  margin-top: 8px;
  margin-bottom: 0;
}
.oldplan_sec ._inner ._item > ._note {
  line-height: 1.5;
  color: var(--color-gray-quaternary);
  /* color: #848484; */
}

.c365large {
  border-radius: 32px;
  background-color: #fff;
}
.c365large ._ttl {
  line-height: 1.5;
  letter-spacing: 0.025em;
}
.c365large tbody tr td + td {
  color: #de9414;
}
.c365large ._note {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
  text-align: justify;
  color: var(--color-gray-quaternary);
  /* color: #848484; */
}
.completely_free_list {
  display: flex;
  margin: 0 auto;
  width: 248px;
  height: 32px;
  justify-content: space-between;
  align-items: center;
  letter-spacing: 0.025em;
  padding: 0 8px;
}
.completely_free_list dt {
  font-size: 1.4rem;
  height: 32px;
  line-height: 32px;
  margin: 0;
}
.completely_free_list dd {
  font-size: 1.2rem;
  height: 32px;
  line-height: 32px;
  margin: 0;
}
.completely_free_list dd ._val {
  font-size: 2.4rem;
  font-weight: bold;
}
.completely_free_list dd ._unit {
  font-size: 1.4rem;
  font-weight: bold;
}
.-ck365 .m_table {
}
.-ck365 .m_table th {
}
.-ck365 .m_table th + th {
}
.-ck365 .m_table tr td {
  font-size: 1.4rem;
  text-align: left;
}
.-ck365 .m_table tr td + td {
  text-align: center;
}

.service_table {
  overflow: hidden;
}
.service_table ._item {
}
.service_table ._item ._caption {
  margin-bottom: 24px;
  line-height: 1.5;
  font-size: 2.8rem;
  letter-spacing: 0.1em;
}
.service_table ._item ._caption span {
  display: block;
  font-size: 1.6rem;
  line-height: 1.75;
}
.service_table ._item dl {
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  font-size: 1.4rem;
  letter-spacing: 0.025em;
  border-bottom: solid 1px #dde0e5;
  align-self: start;
}
.service_table ._item dt {
  padding-left: 8px;
  margin: 0;
}
.service_table ._item dd {
  font-weight: bold;
  color: #528fcc;
  padding-right: 8px;
  margin: 0;
}
.service_table ._item ._note {
  margin-top: 24px;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
  text-align: justify;
  color: var(--color-gray-quaternary);
  /* color: #848484; */
}
@media (max-width: 767.98px) {
  .accordion {
    width: 100%;
    height: 56px;
  }
  .accordion::before,
  .accordion.is-open::before {
    top: 12px;
    right: 16px;
  }
  .accordion.is-open {
    padding: 40px 16px 0;
  }
  .accordion.-service ._ttl {
    font-size: 1.6rem;
  }
  .accordion.-service ._ttl span {
    font-size: 1.2rem;
  }
  .accordion > ._ttl svg {
    height: 20px;
  }
  .accordion.is-open ._ttl svg {
    width: 219px;
    height: 28px;
  }
  .accordion.is-open > ._ttl ._ttl_top {
    right: 8px;
    top: -27px;
  }
  .accordion ._ttl_bottom {
    background-size: 64px;
    height: 56px;
    width: 100%;
    margin-top: 0;
  }  
  .binary_option_wrap {
    display: flex;
    justify-content: space-between;
    gap: 34px;
    width: 219px;
    margin: 24px auto 48px;
  }
  .accordion.is-open .icon_fxop {
    height: 30px;
  }
  .accordion.is-open .icon_ixop {
    height: 28px;
  }
  .accordion.is-open.-service ._ttl {
    font-size: 2.4rem;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-bottom: 40px;
  }
  .accordion.is-open.-service ._ttl span {
    font-size: 1.4rem;
  }
  .completely_free {
    margin: 36px auto 24px;
  }
  .-foreign_currency .completely_free {
    width: 264px;
  }
  .accordion ._txt > ._read {
    width: 254px;
    font-size: 1.4rem;
    line-height: 1.75;
    letter-spacing: 0.025em;
    text-align: justify;
    margin: auto;
  }
  .accordion ._txt > ._note {
    margin: 24px auto 0;
    width: 312px;
  }
  .accordion .cost_table {
  }
  .cost_table ._item {
    margin-top: 36px;
  }
  .cost_table ._item > dl {
    width: 100%;
    margin: 0 0 8px;
  }
  .cost_table ._item > dl dt {
    font-size: 1.4rem;
  }
  .vip_sec {
  }
  .vip_sec > h2 {
    margin-top: 36px;
    margin-bottom: 24px;
  }
  .vip_sec .vip_table {
    margin: 24px auto;
    width: 328px;
    padding: 16px 24px;
    border: solid 2px #dde0e5;
    gap: 28px;
  }
  .vip_sec .vip_table ._ttl {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .vip_sec .vip_table ._ttl span {
    font-size: 1.4rem;
  }
  .vip_sec .vip_table > ._val {
    align-items: baseline;
  }
  .vip_sec .vip_table > ._val ._normal::before {
    bottom: -30px;
    left: 100px;
    width: 10px;
    height: 21.2px;
    clip-path: polygon(0 50%, -6.1% 50%, -6.1% 0, 100% 50%, -6.1% 100%, -6.1% 50%, 0 50%);
  }
  .vip_sec .vip_table > ._val ._normal {
    font-size: 1.6rem;
    text-align: center;
    margin-right: 30px;
  }
  .vip_sec .vip_table > ._val ._normal span {
    font-size: 3.2rem;
    padding: 0 8px 0 0;
  }
  .vip_sec .vip_table > ._val ._vip {
    line-height: 1;
  }
  .vip_sec .vip_table > ._val ._vip ._badge {
    display: block;
    margin: auto;
    width: 50px;
    height: 22.2px;
    font-size: 2.22rem;
    border-radius: 4px;
  }
  .vip_sec .vip_table > ._val ._vip span {
    font-size: 5rem;
    line-height: 1;
  }
  .vip_sec .vip_table > ._val ._vip ._percent {
    font-size: 3.2rem;
    line-height: 1;
  }

  .oldplan_sec.accordion {
    margin: 36px auto 0;
    height: 60px;
  }
  .oldplan_sec.accordion.is-open {
    height: auto;
  }
  .oldplan_sec ._ttl {
    font-size: 1.8rem;
    height: 60px;
  }
  .oldplan_sec.accordion ._ttl ._ttl_top {
    right: 15px;
    top: 12px;
  }
  .oldplan_sec.accordion.is-open ._ttl ._ttl_top {
    right: 15px;
    top: 12px;
  }
  .oldplan_sec ._inner {
    padding: 14px 14px 36px;
  }
  .oldplan_sec ._inner ._item {
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 36px;
  }
  .oldplan_sec ._inner ._item ._table ._caption {
    margin-bottom: 16px;
    font-size: 2.4rem;
  }
  .oldplan_sec ._inner ._item + ._item {
    margin-bottom: 0;
  }
  .oldplan_sec ._inner ._item table {
    width: 100%;
    margin: auto;
  }
  .m_table thead {
    font-size: 1.4rem;
  }
  .oldplan_sec ._inner ._item p {
    margin-top: 16px;
  }
  .oldplan_sec ._inner ._item > ._note {
    margin-top: 8px;
  }

  .c365large {
    margin: 36px -16px 0;
    padding: 40px 24px;
  }
  .c365large ._ttl {
    font-size: 2.8rem;
  }
  .c365large table {
    margin: 30px auto 24px;
  }
  .-ck365 .m_table {
    width: 100%;
    margin: 24px auto 0;
  }
  .-ck365 .m_table th {
    width: 248px;
    padding: 10px 0;
  }
  .-ck365 .m_table th + th {
    width: calc(100% - 248px);
    line-height: 1.2;
  }
  .-ck365 .m_table tr td {
    display: flex;
    align-items: center;
    padding-right: 8px;
    line-height: 1.2;
    padding: 10px 0;
  }
  .-ck365 .m_table tr td + td {
    display: table-cell;
  }
  .m-icon_square {
    padding: 0 8px;
  }
  .service_table {
  }
  .service_table ._item ._caption {
  }
  .service_table ._item {
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .accordion {
    width: 888px;
    height: 74px;
  }
  .accordion.-service ._ttl{
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: 0.1em;
  }
  .accordion.-service ._ttl span{
    font-size: 1.2rem;
  }
  .accordion.is-open.-service ._ttl {
    font-size: 3.2rem;
    line-height: 1.5;
    letter-spacing: 0.025em;
    margin-bottom: 56px;
  }
  .accordion.is-open.-service ._ttl span {
    font-size: 1.6rem;
  } 
  .accordion::before,
  .accordion.is-open::before {
    top: 16px;
    right: 16px;
  }
  .accordion ._txt > ._read {
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: 0.025em;
  }
  .accordion ._txt > ._note {
    margin: 16px auto 0;
    width: 640px;
  }
  .accordion.is-open {
    padding: 48px 0 0;
  }
  .accordion > ._ttl svg {
    height: 24px;
  }
  .accordion.is-open > ._ttl svg {
    width: 320px;
    height: 40px;
    min-width: 312px;
    min-height: 40px;
    flex-shrink: 0;
  }
  .binary_option_wrap {
    display: flex;
    justify-content: space-between;
    gap: 42px;
    width: 227px;
    margin: 32px auto 48px;
  }
  .accordion.is-open .icon_fxop {
    height: 30px;
  }
  .accordion.is-open .icon_ixop {
    height: 28px;
  }
  .completely_free {
    margin: 56px auto 32px;
  }
  .-foreign_currency .completely_free {
    width: 264px;
  }
  .foreign_currency_img {
    width: 264px;
    height: 144px;
  }
  .ck365_img {
    width: 218px;
    height: 164px;
  }
  .accordion .cost_table {
    display: flex;
    width: 792px;
    margin: 64px auto 0;
    gap: 48px;
  }
  .accordion .cost_table ._item {
    width: 372px;
  }
  .accordion .cost_table ._item > dl dt {
    font-size: 1.6rem;
  }
  .accordion .cost_table ._item > dl dt span {
    font-size: 1.2rem;
    letter-spacing: 0.05em;
  }
  .accordion .cost_table ._item > dl dd {
    margin: 0 30px;
  }
  .vip_sec {
  }
  .vip_sec > h2 {
    margin-top: 64px;
    margin-bottom: 32px;
  }
  .vip_sec .vip_table {
    width: 640px;
    margin: 32px auto;
    gap: 22px;
    padding: 24px 0;
    border: solid 1.9px #dde0e5;
  }
  .vip_sec .vip_table ._ttl {
    font-size: 2.27rem;
    font-weight: 500;
  }
  .vip_sec .vip_table ._ttl span {
    font-size: 1.51rem;
  }
  .vip_sec .vip_table > ._val ._normal::before {
    left: 210px;
    width: 17px;
    height: 35.4px;
    clip-path: polygon(0 50%, -4% 50%, -4% 0, 100% 50%, -4% 100%, -4% 50%, 0 50%);
  }
  .vip_sec .vip_table > ._val ._normal {
    font-size: 2.27rem;
    margin-right: 70px;
  }
  .vip_sec .vip_table > ._val ._normal span {
    font-size: 5.29rem;
    padding: 0 8px;
  }
  .vip_sec .vip_table > ._val ._vip {
    display: flex;
    align-items: baseline; 
    font-weight: bold;
    color: #fcc106;
    line-height: 1;
    gap: 8px;
  }
  .vip_sec .vip_table > ._val ._vip ._badge {
    width: 75.5px;
    height: 40.9px;
    font-size: 3.2rem;
    transform: translateY(-10px);
    border-radius: 7.6px;
  }
  .vip_sec .vip_table > ._val ._vip span {
    font-size: 7.83rem;
    line-height: 1;
  }
  .vip_sec .vip_table > ._val ._vip ._percent {
    font-size: 4.72rem;
    line-height: 1;
  }
  .oldplan_sec.accordion::before, .oldplan_sec.accordion.is-open::before {
    top: 25px;
    right: 25px;
  }
  .oldplan_sec {
    width: 840px;
    margin: 64px auto 0;
    height: 80px;
  }
  .oldplan_sec ._ttl {
    font-size: 2rem;
    height: 80px;
  }
 .accordion.is-open.oldplan_sec > ._ttl ._ttl_top {
    top: 22px;
  }
  .oldplan_sec ._inner {
    display: flex;
    gap: 24px;
    padding: 16px 12px 24px;
    margin: 0 24px;
  }
  .oldplan_sec ._inner ._item {
    width: 372px;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
  }
  .oldplan_sec ._inner ._item ._table ._caption {
    margin-bottom: 24px;
    font-size: 2.4rem;
  }
  .oldplan_sec ._inner ._item tbody tr td + td > span {
    width: 78px;
    text-align: right;
    display: inline-block;
  }
  .oldplan_sec ._inner ._item tbody tr td + td  ._val {
    font-size: 2.4rem;
  }
  .c365large {
    width: 480px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    margin: 56px auto 0;
    padding: 32px 84px 45px;
    border-radius: 32px;
  }
  .c365large ._ttl {
    font-size: 3.2rem;
  }
  .c365large table {
    margin: 24px auto;
  }
  .-ck365 .m_table {
    width: 719px;
    margin: 32px auto 0;
  }
  .-ck365 .m_table th {
    width: 479px;
  }
  .-ck365 .m_table th + th {
    width: 240px;
  }
  .-ck365 .m_table tr td {
    height: 40px;
    font-size: 1.4rem;
    text-align: left;
  }
  .-ck365 .m_table tr td + td {
    text-align: center;
  }
  .m-icon_square {
    padding: 0 16px;
  }
  .service_table {
    display: grid;
    grid-template-columns: 312px 312px; 
    grid-template-rows: auto auto;
    gap: 0 108px;
    justify-content: center;
  }
  .service_table + .service_table {
    margin-top: 56px;
  }
  .service_table ._item ._caption {
  }
  .service_table ._item ._caption span {
  }
  .service_table ._item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    gap: 16px;
  } 
}


/* override ++++++++++++++++ */
.m-btn_weak {
  margin: auto;
  width: 264px;
}
.l-main {
  color: var( --color-rich-black);
}
@media (max-width: 767.98px) {
  .l-main {
    padding: 32px 0;
  }
}
@media (min-width: 768px) {
  .l-main {
    width: 888px;
    margin: 96px auto 0;
  }
}