.t-cartandregister {
  max-width:1500px
}

.o-header_head {
  justify-content:start
}

.o-header.-simple {
  margin-bottom:0
}

.o-header .a-heading {
  align-items:center;
  display:flex;
  margin-left: 24px;
}

.o-colBox.-top {
  background-color:#FFEF6C;
  background-image:url(../images/img_hero_left.svg);
  background-repeat:no-repeat;
  background-position:left center;
  background-size:auto 100%;
  border-radius:4px;
  padding-left:120px;
  padding-top:32px;
  padding-bottom:32px;
  min-height:142px;
}

.o-colBox.-top.-hasHeroRight {
  background-image:url(../images/img_hero_left.svg),url(../images/img_hero_right.png);
  background-repeat:no-repeat,no-repeat;
  background-position:left center,right 24px bottom;
  background-size:auto 100%,233px auto;
  padding-right:281px;
}

.o-colBox.-top .a-img {
  position:relative
}

.o-colBox.-top .a-img .a-img_imgWrap.-right {
  text-align:right
}

.o-colBox.-top .a-img .a-img_imgWrap.-left {
  text-align:left
}

.o-colBox.-top .a-img .a-img_imgWrap .a-img_img {
  min-height:132px
}

.o-colBox.-top .a-tag {
  border-radius:24px;
  font-size:18px;
  height:auto;
  padding:12px 24px
}

.o-colBox.-col2.-margin48.u-mb-32 {
  margin-bottom:32px;
  flex-wrap: nowrap;
}

.o-colBox.-col2.-margin48>.a-colitem {
  margin-bottom:0;
  width:calc(50% - 48px);
  max-width:425px
}

.o-colBox.-hasVerticalBorder {
  position:relative
}

.o-colBox.-hasVerticalBorder .a-colitem:first-child {
  margin-left:24px
}

.o-colBox.-hasVerticalBorder .a-colitem:first-child:before {
  background-image:linear-gradient(180deg,#999,#999 1px,transparent 0,transparent 3px);
  background-repeat:repeat-y;
  background-size:1px 3px;
  content:"";
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:1px
}

.o-colBox.-hasVerticalBorder .a-colitem:last-child {
  margin-right:24px
}

.o-colBox.-hasVerticalBorder .a-colitem:last-child:after {
  background-image:linear-gradient(180deg,#999,#999 1px,transparent 0,transparent 3px);
  background-repeat:repeat-y;
  background-size:1px 3px;
  content:"";
  display:block;
  height:100%;
  position:absolute;
  right:-24px;
  top:0;
  width:1px
}

.o-colBox.-hasVerticalBorder a:hover.-changesAndNotes,
.o-colBox.-hasVerticalBorder a:hover.-important,
.o-colBox.-hasVerticalBorder a:hover.-feature,
.o-colBox.-hasVerticalBorder a:hover.-newFeature,
.o-colBox.-hasVerticalBorder a:hover.-obsolescentFeature,
.o-colBox.-hasVerticalBorder a:hover.-unavailableFeatures {
  opacity:.5;
  text-decoration:none
}

.o-wrapper.-graph {
  margin:0 auto 32px;
  max-width:779px
}

.o-wrapper.-image {
  max-width: 826px;
}

.o-table.-login {
  max-width: 630px;
}

.o-table.-login .o-table_th {
  width: 50%;
}

.o-table_td.-center {
  text-align: center;
}

.a-box.-warning {
  background-color:#fff;
  border:2px solid #dd2c08;
  border-radius:4px
}

.a-box.-warning .m-btn {
  width:316px
}

.a-box.-warning .a-caption_item {
  font-size:14px
}

.a-box.-warning .m-information_hdgmain_text {
  font-size:18px
}

.a-box.-warning .m-information_hdgmain_text .a-tag {
  border:none;
  font-size:14px
}

.a-box.-information {
  background-color:#fff
}

.a-box.-information.-orange {
  border:1px solid #f06100;
  border-radius:4px
}

.a-box.-information.-orange .a-heading_subtext {
  font-size: 16px;
  vertical-align: middle;
}

.a-box.-information:not(.-orange) {
  border:1px solid #183d9f;
  border-radius:4px
}

.m-linkGroup_item {
  margin-bottom:12px
}

.m-linkGroup.-hmargin24 .m-linkGroup_item {
  margin-bottom:24px
}

.m-linkGroup.-important2col .m-linkGroup_inner {
  display:flex;
  flex-wrap:wrap;
  column-gap:24px;
  row-gap:12px;
  max-width:425px;
}

.m-linkGroup.-important2col .m-linkGroup_item {
  margin-bottom:0;
}

.a-anchorlink .a-span.u-text-orange {
  color:#f06100
}

.a-anchorlink.-changesAndNotes,
.a-anchorlink.-important,
.a-anchorlink.-newFeature,
.a-anchorlink.-feature,
.a-anchorlink.-obsolescentFeature,
.a-anchorlink.-unavailableFeatures {
  line-height:36px
}

.a-anchorlink.-changesAndNotes .a-anchorlink_icon,
.a-anchorlink.-important .a-anchorlink_icon,
.a-anchorlink.-newFeature .a-anchorlink_icon,
.a-anchorlink.-feature .a-anchorlink_icon,
.a-anchorlink.-obsolescentFeature .a-anchorlink_icon,
.a-anchorlink.-unavailableFeatures .a-anchorlink_icon {
  height:32px;
  min-height:32px;
  min-width:32px;
  width:32px
}

.a-anchorlink .a-anchorlink_icon {
  background-image:url(../images/icon_down_default.svg)
}

.a-anchorlink.-important .a-anchorlink_icon {
  background-image:url(../images/icon_important_before.svg)
}

.a-anchorlink.-newFeature .a-anchorlink_icon {
  background-image:url(../images/icon_new.svg)
}

.a-anchorlink.-feature .a-anchorlink_icon {
  background-image:url(../images/icon_feature.svg)
}

.a-anchorlink.-changesAndNotes .a-anchorlink_icon {
  background-image:url(../images/icon_change.svg)
}

.a-anchorlink.-unavailableFeatures .a-anchorlink_icon {
  background-image:url(../images/icon_stop.svg)
}

.a-anchorlink.-obsolescentFeature .a-anchorlink_icon {
  background-image:url(../images/icon_abolish.svg)
}

.a-heading.-changesAndNotes,
.a-heading.-important,
.a-heading.-newFeature,
.a-heading.-feature,
.a-heading.-obsolescentFeature,
.a-heading.-unavailableFeatures {
  align-items:center;
  display:flex;
  line-height:32px
}

.a-heading.-changesAndNotes .a-heading_icon,
.a-heading.-important .a-heading_icon,
.a-heading.-newFeature .a-heading_icon,
.a-heading.-feature .a-heading_icon,
.a-heading.-obsolescentFeature .a-heading_icon,
.a-heading.-unavailableFeatures .a-heading_icon {
  background-repeat:no-repeat;
  background-size:contain;
  display:inline-block;
  height:32px;
  min-height:32px;
  min-width:32px;
  top:2px;
  width:32px
}

.a-heading.-changesAndNotes .a-heading_text,
.a-heading.-important .a-heading_text,
.a-heading.-newFeature .a-heading_text,
.a-heading.-feature .a-heading_text,
.a-heading.-obsolescentFeature .a-heading_text,
.a-heading.-unavailableFeatures .a-heading_text {
  display:inline-block;
  margin-left:20px
}

.a-caption.-right {
  margin-left:50.5%
}

.a-caption_item.u-text-right {
  text-align:right
}

.o-table_th.-colorBlue {
  background-color:#183d9f;
  color:#fff
}

.o-table_td.-bgBlue {
  background-color:#f1f5f9
}

.a-list.-bold .a-text:first-of-type {
  font-weight:600
}

.a-list.-ordered>li:before {
  font-weight:600;
  top:-2px
}

.a-list.-fblue .a-listitem:before {
  color:#183d9f
}

.t-cartandregister_content {
  padding-right:24px
}

.t-cartandregister_right {
  max-width:240px;
  position:-webkit-sticky;
  position:sticky;
  top:24px;
  align-self:flex-start
}

.t-cartandregister_right .-hasline:before {
  background-image:linear-gradient(180deg,#999,#999 1px,transparent 0,transparent 3px);
  background-repeat:repeat-y;
  background-size:1px 3px;
  content:"";
  display:block;
  height:780px;
  left:0;
  position:absolute;
  top:0;
  width:1px
}

.t-cartandregister_right .a-anchorlink.-changesAndNotes,
.t-cartandregister_right .a-anchorlink.-important,
.t-cartandregister_right .a-anchorlink.-newFeature,
.t-cartandregister_right .a-anchorlink.-feature,
.t-cartandregister_right .a-anchorlink.-obsolescentFeature,
.t-cartandregister_right .a-anchorlink.-unavailableFeatures {
  line-height:1.5;
  align-items:center;
}

.t-cartandregister_right .a-anchorlink.-changesAndNotes .a-anchorlink_icon,
.t-cartandregister_right .a-anchorlink.-important .a-anchorlink_icon,
.t-cartandregister_right .a-anchorlink.-newFeature .a-anchorlink_icon,
.t-cartandregister_right .a-anchorlink.-feature .a-anchorlink_icon,
.t-cartandregister_right .a-anchorlink.-obsolescentFeature .a-anchorlink_icon,
.t-cartandregister_right .a-anchorlink.-unavailableFeatures .a-anchorlink_icon {
  height:24px;
  min-height:24px;
  min-width:24px;
  width:24px
}

body.is-pc .a-anchorlink:not(.-button):hover {
  opacity: .5;
  text-decoration: none
}

.o-footer {
  border-top:1px solid #d5d5d5
}

/* SP scroll for wide images */
.js-spCarousel {
  max-width: 826px;
}

.js-spCarousel_inner .a-img_img {
  width: 100%;
  max-width: 826px;
}

.js-spCarousel_icon {
  display: none;
}

body:not(.is-pc) .js-spCarousel .js-spCarousel_icon {
  display: block;
}

.a-text.u-textsp-14 {
  font-size: 14px;
}

/* ============================================
   SP (スマートフォン) スタイル
   ============================================ */
@media (max-width: 767px) {
  html,
  body {
    overflow-x: hidden;
  }

  .a-img:not(.-static) .a-img_img{
    width: auto;
  }

  .is-rw-page .t-cartandregister_content {
    border: none;
    padding: 0;
  }
  .is-rw-page .u-mtsp-120 {
    margin-top: 120px;
  }
  /* ヘッダー */
  .o-header.-simple {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
  }
  .o-header .a-heading {
    display: none;
  }

  .t-cartandregister_head {
    margin-top: 0;
  }

  /* ヒーローセクション */
  .o-colBox.-top {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: auto;
    padding: 24px;
    padding-left: 24px;
    margin-inline: -16px;
    background-position: left top;
    background-size: auto 100%;
    gap: 8px;
  }

  .o-colBox.-top.-hasHeroRight {
    background-image:url(../images/img_hero_left.svg);
    padding-right:24px;
  }

  .o-colBox.-top .a-colitem {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    z-index: 1;
  }

  .o-colBox.-top .a-tag {
    font-size: 16px;
    padding: 4px 24px;
    border-radius: 23px;
    display: block;
    width: 160px;
  }

  .o-colBox.-top .a-heading.-typeh1 .a-heading_text {
    font-size: 22px;
    line-height: 1.36;
  }

  /* 右画像を非表示 */
  .o-colBox.-top .a-img {
    display: none;
  }

  /* SP scroll: 画像を900px幅で横スクロール */
  .js-spCarousel {
    max-width: 100%;
    position: relative;
  }

  .js-spCarousel_inner {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    max-height: 500px;
  }

  .js-spCarousel_inner .a-img_img {
    width: 900px;
    max-width: none;
    max-height: 500px;
    object-fit: contain;
    object-position: left top;
  }

  .js-spCarousel_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 1;
    transition: opacity 0.3s, visibility 0.3s;
  }

  .js-spCarousel_icon.is-hidden {
    opacity: 0;
    visibility: hidden;
  }

  /* SP 1カラム */
  .o-colBox.-spCol1 {
    flex-direction: column;
    gap: 24px;
  }

  .o-colBox.-spCol1 > .a-colitem {
    width: 100% !important;
    margin-bottom: 0;
  }

  .o-colBox.-margin48.-spCol1:not(.-flwrap):not(.-fdcolumn):not(.-fdcolumn-reverse) > * + * {
    margin-left: 0;
  }

  .m-linkGroup.-important2col .m-linkGroup_inner {
    display:block;
    max-width:none;
  }

  .m-linkGroup.-important2col .m-linkGroup_item {
    width:100%;
  }

  /* 目次：1カラム縦並び */
  .o-colBox.-hasVerticalBorder.-aistretch.-margin48.-col2 {
    flex-direction: column;
    gap: 24px;
  }

  .o-colBox.-col2.-margin48 > .a-colitem {
    width: 100%;
    margin-bottom: 0;
  }

  /* 目次の縦線装飾を非表示 */
  .o-colBox.-hasVerticalBorder .a-colitem:first-child {
    margin-left: 0;
  }

  .o-colBox.-hasVerticalBorder .a-colitem:first-child:before,
  .o-colBox.-hasVerticalBorder .a-colitem:last-child:after {
    display: none;
  }

  .o-colBox.-hasVerticalBorder .a-colitem:last-child {
    margin-right: 0;
  }

  /* 目次上下の区切り線 */
  .o-colBox.-hasVerticalBorder.-aistretch.-margin48.-col2 {
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  /* 目次アイコン：40px */
  .a-anchorlink.-changesAndNotes,
  .a-anchorlink.-important,
  .a-anchorlink.-newFeature,
  .a-anchorlink.-feature,
  .a-anchorlink.-obsolescentFeature,
  .a-anchorlink.-unavailableFeatures {
    line-height: 40px;
  }

  .a-anchorlink.-changesAndNotes .a-anchorlink_icon,
  .a-anchorlink.-important .a-anchorlink_icon,
  .a-anchorlink.-newFeature .a-anchorlink_icon,
  .a-anchorlink.-feature .a-anchorlink_icon,
  .a-anchorlink.-obsolescentFeature .a-anchorlink_icon,
  .a-anchorlink.-unavailableFeatures .a-anchorlink_icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }

  /* コンテンツエリア：1カラム */
  .t-cartandregister_body {
    flex-direction: column;
  }

  .t-cartandregister_content {
    padding-right: 0;
    width: 100%;
  }

  /* 右サイドナビを非表示 */
  .t-cartandregister_right {
    display: none;
  }

  /* H2セクションボックス：アイコン40px */
  .a-heading.-changesAndNotes,
  .a-heading.-important,
  .a-heading.-newFeature,
  .a-heading.-feature,
  .a-heading.-obsolescentFeature,
  .a-heading.-unavailableFeatures {
    line-height: 40px;
  }

  .a-heading.-changesAndNotes .a-heading_icon,
  .a-heading.-important .a-heading_icon,
  .a-heading.-newFeature .a-heading_icon,
  .a-heading.-feature .a-heading_icon,
  .a-heading.-obsolescentFeature .a-heading_icon,
  .a-heading.-unavailableFeatures .a-heading_icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }

  .a-heading.-changesAndNotes .a-heading_text,
  .a-heading.-important .a-heading_text,
  .a-heading.-newFeature .a-heading_text,
  .a-heading.-feature .a-heading_text,
  .a-heading.-obsolescentFeature .a-heading_text,
  .a-heading.-unavailableFeatures .a-heading_text {
    font-size: 20px;
  }

  /* H2ボックス内のアイコン（imgタグ直接） */
  .a-box.-information .a-icon.-size32,
  .a-box.-information .a-icon.-size32 img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }

  /* 画像：全幅 */
  .o-wrapper.-image {
    max-width: 100%;
  }

  .o-wrapper.-graph {
    max-width: 100%;
  }

  /* テーブル */
  .o-table {
    max-width: 100% !important;
  }

  /* フッター */
  .o-footer {
    border-top: 1px solid #d5d5d5;
  }
}