@charset "UTF-8";

/* ページコンテナ
----------------------------------------------------------------------------- */
.supportContainer {
  padding-block:112px 96px;
  background-color:var(--cc-gray-50);
  overflow: hidden;
}
@media (max-width: 1023px) {
  .supportContainer {
    padding-block:0 calc(64 * var(--sp-w));
  }
}
@media (max-width: 1023px) {
  .supportContainer .l2-headerA__inner::before {
    left: 0;
  }
}
.supportHeadLine {
  font-size: 48px;
  color: var(--cc-black-sm);
  position: relative;
  z-index: 10;
}
.supportHeadLine br:first-child{
  display: none;
}
@media (max-width: 1023px) {
  .supportHeadLine {
    font-size: calc(28 * var(--sp-w));
    line-height: 1.4;
  }
  .supportHeadLine br:first-child{
    display: block;
  }
  .supportHeadLine br:nth-child(2){
    display: none;
  }
}

.supportMainContainer{
  font-family: var(--ff-noto-sans);
}
.supportMainContainer .l2-headerA__inner{
  padding-block:64px 120px;
}
.supportMainContainer .support__inner{
  padding-top: 0;
}
@media (max-width: 1023px) {
  .supportMainContainer .l2-headerA__inner{
    padding-block:calc(24 * var(--sp-w)) calc(24 * var(--sp-w));
  }
}
.supportMapContainerGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1023px) {
  .supportMapContainerGrid {
    display: block;
  }
}
.supportMapContainerGrid.support__inner{
  padding-bottom:180px;
}
@media (max-width: 1023px) {
  .supportMapContainerGrid.support__inner{
    padding-block:0;
  }
}
.mapTextContainer {
  width: 496px;
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .supportMapContainerGrid.support__inner {
    padding-inline: 24px;
  }
  .mapTextContainer {
    width: 80%;
    max-width: 496px;
  }
}
@media (max-width: 1023px) {
  .mapTextContainer {
    padding-block:0 calc(32 * var(--sp-w));
    width: auto;
  }
}
.mapText {
  font-size: 20px;
  line-height: 2.8;
  color: var(--cc-black-sm);
}
@media (max-width: 1023px) {
  .mapText {
    font-size: calc(16 * var(--sp-w));
    line-height: 2.4;
  }
  .mapText br:nth-child(3){
    display: none;
  }
}
.mapContentTextContainer1 {
  width: 296px;
  position: absolute;
  top: 351px;
  z-index: 10;
  right: 301px;
}
.mapContentTextBox__leftBorder{
  border-left: 3.41px solid var(--cc-red-700);
  min-height: 47.72px;
  padding-left: 19.6px;
  margin-bottom: 16.21px;
}
@media (max-width: 1023px) {
  .mapContentTextBox__leftBorder {
    border-left: calc(2.684 * var(--sp-w)) solid var(--cc-red-700);
    height: calc(37.574 * var(--sp-w));
    padding-left: calc(12 * var(--sp-w));
    margin-bottom: calc(8 * var(--sp-w));
  }
}
.mapContentTextBox__leftAsterisk {
  width: 296px;
  font-size: 10px;
  line-height: 1.4;
  color: var(--cc-gray-700);
}
.mapContentText1 {
  width: 225px;
  font-size: 11.93px;
  color: var(--cc-black-sm);
}
@media (max-width: 1023px) {
  .mapContentText1 {
    width: calc(210 * var(--sp-w));
    font-size: calc(9.394 * var(--sp-w));
  }
}
.mapContentText2 {
  width: 266px;
  font-size: 20.45px;
  font-weight: 500;
  color: var(--cc-black-sm);
}
@media (max-width: 1023px) {
  .mapContentText2 {
    width: calc(210 * var(--sp-w));
    font-size: calc(16.103 * var(--sp-w));
  }
}
.mapContentText3 {
  position: relative;
  margin-left: 16px;
}
.mapContentText3::before {
  content: "\203B";
  position: absolute;
  top:0;
  left: -16px;
}
@media (max-width: 1023px) {
  .mapContentText3 {
    font-size: calc(10 * var(--sp-w));
    width: calc(183 * var(--sp-w));
    margin-left: calc(16 * var(--sp-w));
  }
  .mapContentText3::before {
    left:calc(-16 * var(--sp-w));
  }
  .mapContentText3 br{
    display: none;
  }
}
.leftSpace1 {
  padding-left: 16px;
}

.supportContainer .support__inner{
  min-width: 1020px;
  position: relative;
  width:calc(100% - 8px);
}
@media (max-width: 1023px) {
  .supportContainer .support__inner{
    min-width: auto;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .supportMapContainer .support__inner{
    padding: 0;
    width: 100%;
  }
}
.lifeSupportContainer{
  position: relative;
  z-index: 10;
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .lifeSupportContainer .style__contents:not(.lifeSupportDescripContainer) {
    padding-inline: 24px;
  }
  .supportContainer .support__inner {
    min-width: 0;
    width: 100%;
  }
  .support__col3.pageNav > div {
    min-width: 0;
    width: 32%;
  }
  .support__col3.pageNav > div a {
    height: 100%;
  }
  .supportContainer .support__inner .content_inner {
    width: 100%;
    max-width: 1017px;
  }
}
@media (max-width: 1023px) {
  .lifeSupportContainer .style__contents {
    margin-inline: calc(15.5 * var(--sp-w));
  }
  .lifeSupportContainer > .style{
    padding-top: calc(64 * var(--sp-w));
  }
  .lifeSupportContainer .style__subtitle {
    padding-inline: calc(16 * var(--sp-w));
  }
}

/* life point */
.supportLifePointContainer {
  margin-bottom: 80px;
  padding: 44px 0;
  font-family: var(--ff-noto-sans);
  background-color: #fff;
  border: solid 1px var(--cc-stroke-wb);
  border-radius: 4px;
  position: relative;
}
.supportLifePointContainer::before {
  content: "";
  background: var(--cc-red-700);
  width: 54px;
  height: 4px;
  position: absolute;
  top: -1px;
  left: 8.48979591837%;
}
.supportLifePointContainer .lifePoint__main__flexbox {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.supportLifePointContainer .lifePoint__main__box__left {
  max-width: 498px;
}
.supportLifePointContainer .lifePoint__main__box__right {
  max-width: 494px;
  padding-inline: 40.57px;
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .supportContainer .support__inner .supportLifePointContainer {
    padding-inline: 1.96%;
  }
}
@media (max-width: 1023px) {
  .supportLifePointContainer {
    margin-bottom: calc(64 * var(--sp-w));
    padding: calc(28 * var(--sp-w)) calc(12 * var(--sp-w)) calc(40 * var(--sp-w));
    border-width: calc(1 * var(--sp-w));
  }
  .supportLifePointContainer::before {
    width: calc(54 * var(--sp-w));
    height: calc(4 * var(--sp-w));
    top: calc(-1 * var(--sp-w));
    left: calc(12 * var(--sp-w));
  }
  .supportLifePointContainer .lifePoint__main__flexbox {
    flex-wrap: wrap;
  }
  .supportLifePointContainer .lifePoint__main__box__left {
    max-width: 100%;
    margin-bottom: calc(24 * var(--sp-w));
  }
  .supportLifePointContainer .lifePoint__main__box__right {
    max-width: 100%;
    min-width: 100%;
    padding-inline: calc(46.06 * var(--sp-w));
  }
}

.supportLifePointContainer .lifePoint__main__box__subtitle {
  margin-bottom: 32px;
  color: #1f1f1f;
  font-family: var(--ff-zen);
  font-size: 20px;
  font-weight: bold;
}
.supportLifePointContainer .lifePoint__main__box__title {
  max-width: 498px;
  margin-bottom: 32px;
}
.supportLifePointContainer .lifePoint__main__box__text {
  margin-bottom: 32px;
  color: #1f1f1f;
  font-family: var(--ff-noto-sans);
  font-size: 16px;
  line-height: 1.6;
}

.supportLifePointContainer .lifePoint__mesh__box {
  padding: 24px 27px;
  background-color: var(--cc-gray-50);
  border-radius: 8px;
  overflow: hidden;
}
.supportLifePointContainer .lifePoint__appeal__text {
  color: var(--cc-red-700);
  font-family: var(--ff-noto-sans);
  font-size: 18px;
  font-weight: 500;
}
.supportLifePointContainer .lifePoint__appeal__text .text__left {
  line-height: 1.4;
}
.supportLifePointContainer .lifePoint__appeal__text .text__black {
  color: var(--cc-black-sm);
  font-size: 18px;
}
.supportLifePointContainer .lifePoint__appeal__text .text__max {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 15.22px;
  font-weight: 500;
  line-height: 1;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: var(--cc-red-700);
  float: left;
}
.supportLifePointContainer .lifePoint__appeal__text .text__right {
  white-space: nowrap;
  line-height: 1;
}
.supportLifePointContainer .lifePoint__appeal__text .text__num {
  margin-left: 4px;
  font-size: 50px;
  font-weight: normal;
}
.supportLifePointContainer .lifePoint__appeal__text .text__numberOfMonth {
  margin-left: -.1em;
  font-size: 21.74px;
  font-weight: 500;
  letter-spacing: -.06em;
}
.supportLifePointContainer .lifePoint__appeal__text .text__free {
  margin-left: 4px;
  font-size: 43.48px;
  font-weight: 500;
}
.supportLifePointContainer .lifePoint__appeal__text .text__exclamation {
  margin-left: -.2em;
}
@media (min-width: 1024px) {
  .supportLifePointContainer .lifePoint__appeal__text {
    display: grid;
    align-items: center;
    grid-template-columns: 177px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0;
  }
}
@media (max-width: 1023px) {
  .supportLifePointContainer .lifePoint__main__box__subtitle {
    margin-bottom: calc(24 * var(--sp-w));
    font-size: calc(16 * var(--sp-w));
  }
  .supportLifePointContainer .lifePoint__main__box__title {
    max-width: 100%;
    margin-bottom: calc(24 * var(--sp-w));
    padding-inline: calc(16 * var(--sp-w));
  }
  .supportLifePointContainer .lifePoint__main__box__text {
    margin-bottom: calc(24 * var(--sp-w));
    font-size: calc(14 * var(--sp-w));
  }
  .supportLifePointContainer .lifePoint__mesh__box {
    padding: calc(16 * var(--sp-w));
  }
  .supportLifePointContainer .lifePoint__appeal__text {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    font-size: calc(14 * var(--sp-w));
  }
  .supportLifePointContainer .lifePoint__appeal__text .text__left {
    margin-bottom: calc(4 * var(--sp-w));
  }
  .supportLifePointContainer .lifePoint__appeal__text .text__black {
    font-size: calc(14 * var(--sp-w));
  }
  .supportLifePointContainer .lifePoint__appeal__text .text__max {
    font-size: calc(14 * var(--sp-w));
    width: calc(46.82 * var(--sp-w));
    height: calc(46.82 * var(--sp-w));
  }
  .supportLifePointContainer .lifePoint__appeal__text .text__num {
    display: inline-block;
    margin-top: calc(3 * var(--sp-w));
    margin-left: calc(8.27 * var(--sp-w));
    font-size: calc(40 * var(--sp-w));
  }
  .supportLifePointContainer .lifePoint__appeal__text .text__numberOfMonth {
    font-size: calc(18 * var(--sp-w));
  }
  .supportLifePointContainer .lifePoint__appeal__text .text__free {
    margin-left: calc(3.68 * var(--sp-w));
    font-size: calc(32 * var(--sp-w));
  }
}

.reason__contents.point__simulation {
  border: none;
}
.reason__contents__inner.point__simulation__inner {
  border-bottom: solid 1px var(--cc-stroke-wb);
}
.supportLifePointContainer .point__simulation__calc {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: solid 1px var(--cc-gray-200);
}
@media (max-width: 1023px) {
  .reason__contents.point__simulation {
    margin-top: calc(64 * var(--sp-w));
  }
  .reason__contents__inner.point__simulation__inner {
    border-bottom-width: calc(1 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__calc {
    margin-bottom: calc(19.62 * var(--sp-w));
    padding-bottom: calc(20.97 * var(--sp-w));
    border-bottom-width: calc(1 * var(--sp-w));
  }
}
.reason__contents__item[class*=point__simulation__item] {
  padding: 24px 2.359882005%;
}
.reason__contents__item[class*=point__simulation__item]::before {
  left: 24px;
}
.reason__contents__item[class*=point__simulation__item]:nth-child(3n+2) {
  border-left-color: var(--cc-stroke-wb);
  border-right-color: var(--cc-stroke-wb);
}
.reason__contents__item[class*=point__simulation__item]:nth-child(n+5) {
  border-top-color: var(--cc-stroke-wb);
}
.reason__contents__item.point__simulation__item__00 {
  padding: 54.65px 4.1666666667%;
  background-color: var(--cc-gray-50);
  position: relative;
}
.reason__contents__item.point__simulation__item__00::before {
  display: none;
}
.reason__contents__item.point__simulation__item__01,
.reason__contents__item.point__simulation__item__02 {
  border-top: solid 1px var(--cc-stroke-wb);
}
.reason__contents__item.point__simulation__item__03 {
  border-top-color: var(--cc-gray-50);
}
.reason__contents.is-show .reason__contents__item::before{
  animation-delay: .2s;
}
@media (max-width: 1023px) {
  .reason__contents__item[class*=point__simulation__item]:nth-child(2n+1),
  .reason__contents__item[class*=point__simulation__item]:nth-child(2n+2) {
    width: 100%;
  }
  .reason__contents__item[class*=point__simulation__item] {
    padding: calc(24 * var(--sp-w)) 0;
  }
  .reason__contents__item[class*=point__simulation__item]::before {
    width: calc(54 * var(--sp-w));
    height: calc(4 * var(--sp-w));
    left: 0;
  }
  .reason__contents__item[class*=point__simulation__item]:nth-child(3n+2),
  .reason__contents__item[class*=point__simulation__item]:nth-child(4),
  .reason__contents__item[class*=point__simulation__item]:last-child {
    border-left: none;
    border-right: none;
  }
  .reason__contents__item.point__simulation__item__00 {
    padding: calc(43.38 * var(--sp-w)) calc(36 * var(--sp-w)) calc(29.03 * var(--sp-w)) calc(21 * var(--sp-w));
    border-top: solid calc(1 * var(--sp-w)) var(--cc-stroke-wb);
  }
  .reason__contents__item.point__simulation__item__01,
  .reason__contents__item.point__simulation__item__02 {
    border-top-width: calc(1 * var(--sp-w));
  }
  .reason__contents__item.point__simulation__item__03 {
    border-top-color: var(--cc-stroke-wb);
  }
  .reason__contents.is-show .reason__contents__item::before{
    animation-delay: initial;
    animation-name: initial;
    animation-duration: initial;
    animation-fill-mode: initial;
  }
}
.supportLifePointContainer .point__simulation__bubble__title {
  width: 100%;
  min-height: 52px;
  padding-block: 7px 16px;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  background: url(/assets/support/img/lifePoint_bubble.svg) center no-repeat;
  position: absolute;
  top: -20px;
  left: 0;
}
.supportLifePointContainer .point__simulation__calc__title {
  margin-bottom: 12px;
  color: var(--cc-gray-700);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.supportLifePointContainer .point__simulation__calc__point {
  display: flex;
  align-items: center;
}
.supportLifePointContainer .point__simulation__calc__point__title {
  width: 67.74px;
  padding: 6.5px 6.5px 9px;
  color: var(--cc-red-700);
  text-align: center;
  border: solid 1.5px var(--cc-red-700);
  border-radius: 9.91px;
  background-color: #fff;
}
.supportLifePointContainer .point__simulation__calc__point__title__01 {
  display: block;
  margin-bottom: -3px;
  font-size: 24.78px;
  font-weight: 500;
  line-height: 1.4;
}
.supportLifePointContainer .point__simulation__calc__point__title__02 {
  display: block;
  font-size: 12.39px;
  font-weight: 600;
  line-height: 1.4;
}
.supportLifePointContainer .point__simulation__calc__point__data {
  width: calc(100% - 67.74px - 14.26px);
  margin-left: 14.26px;
}
.supportLifePointContainer [class*=point__simulation__calc__point__data__top__number] {
  margin-right: 2px;
  color: var(--cc-black-sm);
  font-size: 25.23px;
  font-weight: 500;
  letter-spacing: -.03em;
  line-height: 1;
}
.supportLifePointContainer [class*=point__simulation__calc__point__data__top__text] {
  color: var(--cc-black-sm);
  font-size: 12.62px;
  font-weight: 500;
}
.supportLifePointContainer [class*=point__simulation__calc__point__data__top__operator] {
  color: var(--cc-black-sm);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -.03em;
}
.supportLifePointContainer .point__simulation__calc__point__data__top__operator__times {
  margin-inline: 6px 10px;
}
.supportLifePointContainer .point__simulation__calc__point__data__top__operator__equal {
  margin-right: 4px;
  vertical-align: super;
}
.supportLifePointContainer .point__simulation__calc__point__data__top__number__03 {
  margin-right: 5px;
  color: var(--cc-red-700);
  font-size: 32.69px;
  letter-spacing: -.08em;
}
.supportLifePointContainer .point__simulation__calc__point__data__top__number__03 > .one {
  letter-spacing: -.12em;
}
.supportLifePointContainer .point__simulation__calc__point__data__top__text__01 {
  letter-spacing: -.11em;
}
.supportLifePointContainer .point__simulation__calc__point__data__top__text__02 {
  letter-spacing: -.1em;
}
.supportLifePointContainer .point__simulation__calc__point__data__top__text__03 {
  font-size: 15.74px;
  letter-spacing: -.11em;
}
.supportLifePointContainer .point__simulation__calc__text {
  position: relative;
}
.supportLifePointContainer .point__simulation__calc__text::after {
  content: '';
  display: block;
  width: 53px;
  height: 53px;
  background: url(/assets/support/img/lifePoint_icon_calc.svg) right no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: -7px;
}
.supportLifePointContainer .point__simulation__calc__text [class*=point__simulation__calc__text] {
  color: var(--cc-black-sm);
  line-height: 1.4;
  font-weight: 500;
}
.supportLifePointContainer .point__simulation__calc__text .point__simulation__calc__text__01 {
  font-size: 21.47px;
}
.supportLifePointContainer .point__simulation__calc__text .point__simulation__calc__text__02 {
  font-size: 16.7px;
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .point__simulation__calc__point__data__top,
  .point__simulation__calc__point__data__bottom {
    white-space: nowrap;
  }
  .supportLifePointContainer .point__simulation__item__discount__text__01 {
    white-space: nowrap;
  }
}
@media (max-width: 1023px) {
  .supportLifePointContainer .point__simulation__bubble__title {
    max-width: calc(228 * var(--sp-w));
    min-height: calc(44 * var(--sp-w));
    padding-block: calc(7 * var(--sp-w)) calc(16 * var(--sp-w));
    padding-inline: calc(16 * var(--sp-w));
    font-size: calc(14 * var(--sp-w));
    text-align: left;
    top: calc(-17.24 * var(--sp-w));
    left: 0;
    background-size: contain;
    background-position: left;
  }
  .supportLifePointContainer .point__simulation__calc {
    margin-left: calc(16 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__calc__title {
    margin-left: calc(-16 * var(--sp-w));
    margin-bottom: calc(11.69 * var(--sp-w));
    font-size: calc(14 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__calc__point__title {
    width: calc(58.37 * var(--sp-w));
    margin-left: calc(-16 * var(--sp-w));
    padding: calc(5.62 * var(--sp-w)) calc(5.32 * var(--sp-w)) calc(7.75 * var(--sp-w)) calc(7.04 * var(--sp-w));
    border-width: calc(1.5 * var(--sp-w));
    border-radius: calc(8.54 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__calc__point__title__01 {
    margin-bottom: calc(-3 * var(--sp-w));
    font-size: calc(21.35 * var(--sp-w));
    white-space: nowrap;
  }
  .supportLifePointContainer .point__simulation__calc__point__title__02 {
    font-size: calc(10.68 * var(--sp-w));
    white-space: nowrap;
  }
  .supportLifePointContainer .point__simulation__calc__point__data {
    width: calc(100% - calc(58.37 * var(--sp-w)) - calc(12.28 * var(--sp-w)));
    margin-left: calc(12.28 * var(--sp-w));
  }
  .supportLifePointContainer [class*=point__simulation__calc__point__data__top__number] {
    margin-right: calc(2 * var(--sp-w));
    font-size: calc(21.74 * var(--sp-w));
  }
  .supportLifePointContainer [class*=point__simulation__calc__point__data__top__text] {
    font-size: calc(10.87 * var(--sp-w));
  }
  .supportLifePointContainer [class*=point__simulation__calc__point__data__top__operator] {
    font-size: calc(14 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__calc__point__data__top__operator__times {
    margin-inline: calc(4.66 * var(--sp-w)) calc(8.85 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__calc__point__data__top__operator__equal {
    margin-right: calc(4 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__calc__point__data__top__number__03 {
    margin-right: calc(4 * var(--sp-w));
    font-size: calc(28.16 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__calc__point__data__top__text__03 {
    font-size: calc(13.56 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__calc__text::after {
    width: calc(44.1 * var(--sp-w));
    height: calc(51.75 * var(--sp-w));
    right: calc(16 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__calc__text [class*=point__simulation__calc__text] {
    color: var(--cc-black-sm);
    line-height: 1.4;
    font-weight: 500;
  }
  .supportLifePointContainer .point__simulation__calc__text .point__simulation__calc__text__01 {
    font-size: calc(20.88 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__calc__text .point__simulation__calc__text__02 {
    font-size: calc(16.24 * var(--sp-w));
  }
}

.supportLifePointContainer .point__simulation__item__subtitle {
  margin-bottom: 8px;
  color: var(--cc-red-700);
  font-size: 14px;
  font-weight: 500;
}
.supportLifePointContainer .point__simulation__item__subtitle__num {
  margin-left: 4px;
}
.supportLifePointContainer .point__simulation__item__title {
  margin-bottom: 16px;
  padding-left: 58px;
  line-height: 1;
  position: relative;
}
.supportLifePointContainer .point__simulation__item__title::before {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.supportLifePointContainer .point__simulation__item__01 .point__simulation__item__title::before {
  background-image: url(/assets/support/img/lifePoint_icon1.svg);
}
.supportLifePointContainer .point__simulation__item__02 .point__simulation__item__title::before {
  background-image: url(/assets/support/img/lifePoint_icon2.svg);
}
.supportLifePointContainer .point__simulation__item__03 .point__simulation__item__title::before {
  background-image: url(/assets/support/img/lifePoint_icon3.svg);
}
.supportLifePointContainer .point__simulation__item__04 .point__simulation__item__title::before {
  background-image: url(/assets/support/img/lifePoint_icon4.svg);
}
.supportLifePointContainer .point__simulation__item__05 .point__simulation__item__title::before {
  background-image: url(/assets/support/img/lifePoint_icon5.svg);
}
.supportLifePointContainer .point__simulation__item__title__top,
.supportLifePointContainer .point__simulation__item__title__bottom {
  color: var(--cc-black-sm);
  line-height: 1.2;
}
.supportLifePointContainer .point__simulation__item__title__top {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 14px;
}
.supportLifePointContainer .point__simulation__item__title__bottom {
  font-size: 24px;
}
.supportLifePointContainer .point__simulation__item__discount__box {
  margin-bottom: 16px;
  padding: 16px;
  background-color: var(--cc-gray-50);
  border-radius: 8px;
}
.supportLifePointContainer .point__simulation__item__discount__text {
  display: flex;
  justify-content: center;
  align-items: center;
}
.supportLifePointContainer .point__simulation__item__discount__text__max {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 6px;
  color: #fff;
  font-size: 10.96px;
  font-weight: 500;
  line-height: 1;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background-color: var(--cc-red-700);
}
.supportLifePointContainer .point__simulation__item__discount__text__price {
  color: var(--cc-red-700);
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
}
.supportLifePointContainer .point__simulation__item__discount__text__01 {
  align-self: flex-end;
  margin-left: 6px;
  color: var(--cc-black-sm);
  font-size: 18px;
  font-weight: 500;
}
.supportLifePointContainer .point__simulation__item__accordion__text {
  margin-bottom: 8px;
  color: var(--cc-black-sm);
  font-size: 14px;
}
.supportLifePointContainer .point__simulation__item__accordion__annotation {
  padding-left: 1.3em;
  text-indent: -1.3em;
  color: var(--cc-gray-700);
  font-size: 12px;
  line-height: 1.3;
}
@media (min-width: 1024px) {
  .supportLifePointContainer .point__simulation__item__detail .point__simulation__item__target:not(.is-active) {
    height: auto;
  }
}
@media (max-width: 1023px) {
  .supportLifePointContainer .point__simulation__item__subtitle {
    margin-bottom: calc(8 * var(--sp-w));
    font-size: calc(14 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__item__subtitle__num {
    margin-left: calc(4 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__item__title {
    margin-bottom: calc(12 * var(--sp-w));
    padding-left: calc(50 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__item__title::before {
    width: calc(42 * var(--sp-w));
    height: calc(42 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__item__title__top {
    margin-bottom: calc(4 * var(--sp-w));
    font-size: calc(12 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__item__title__bottom {
    font-size: calc(20 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__item__discount__box {
    margin-bottom: calc(16 * var(--sp-w));
    padding: calc(10 * var(--sp-w));
    border-radius: calc(8 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__item__discount__text__max {
    margin-right: calc(6 * var(--sp-w));
    font-size: calc(8.52 * var(--sp-w));
    width: calc(28 * var(--sp-w));
    height: calc(28 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__item__discount__text__price {
    font-size: calc(24 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__item__discount__text__01 {
    margin-left: calc(6 * var(--sp-w));
    font-size: calc(12 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__item__accordionButton {
    gap: calc(10 * var(--sp-w));
    padding-right: calc(6 * var(--sp-w));
    background-color: #fff;
    top: initial;
    right: 0;
    bottom: calc(-13 * var(--sp-w));
    transition: 0.3s ease-in;
  }
  .supportLifePointContainer .point__simulation__item__accordionButton:is(.is-active) {
    top: initial;
    bottom: 0;
  }
  .supportLifePointContainer .point__simulation__item__accordionButton:is(.is-active)::after {
    margin-top: calc(6 * var(--sp-w));
    transform: rotate(-135deg);
  }
  .supportLifePointContainer .point__simulation__item__accordionButton::after {
    border-color: var(--cc-red-700);
    border-right-width: calc(1 * var(--sp-w));
    border-bottom-width: calc(1 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__item__accordion__text {
    margin-bottom: calc(8 * var(--sp-w));
    font-size: calc(14 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__item__accordion__annotation {
    padding-bottom: calc(28 * var(--sp-w));
    font-size: calc(12 * var(--sp-w));
  }
}
.supportLifePointContainer .point__simulation__summary {
  margin-top: 40px;
}
.supportLifePointContainer .point__simulation__summary__title {
  margin-bottom: 8px;
  color: var(--cc-black-sm);
  font-size: 18px;
  font-weight: 500;
}
.supportLifePointContainer .point__simulation__summary__list {
  margin-bottom: 8px;
  color: var(--cc-gray-700);
  font-size: 14px;
}
.supportLifePointContainer .point__simulation__summary__list li {
  padding-left: 1em;
  position: relative;
}
.supportLifePointContainer .point__simulation__summary__list li::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: var(--cc-red-700);
  position: absolute;
  top: .65em;
  left: 4px;
  bottom: 0;
}
.supportLifePointContainer .point__simulation__summary__lastUpdate {
  color: var(--cc-gray-700);
  font-size: 14px;
}
@media (max-width: 1023px) {
  .supportLifePointContainer .point__simulation__summary {
    margin-top: calc(24 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__summary__title {
    margin-bottom: calc(8 * var(--sp-w));
    font-size: calc(16 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__summary__list {
    margin-bottom: calc(8 * var(--sp-w));
    font-size: calc(14 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__summary__list li::before {
    width: calc(4 * var(--sp-w));
    height: calc(4 * var(--sp-w));
    left: calc(4 * var(--sp-w));
  }
  .supportLifePointContainer .point__simulation__summary__lastUpdate {
    font-size: calc(14 * var(--sp-w));
  }
}

.lifePoint__main__box__img.is-show{
  animation-delay: .3s;
  animation-name: fadeInScale;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  transform: scale(0.8);
}

.lifeSupportDescrip {
  padding-block: 16px 16px;
  font-family: var(--ff-noto-sans);
}
@media (max-width: 1023px) {
  .lifeSupportDescrip {
    padding-block: 0;
    font-size: calc(14 * var(--sp-w));
  }
}
@media (max-width: 1023px) {
  .lifeSupportContainer .style {
    padding-bottom:0;
  }
  .lifeSupportContainer .style__subtitle {
    padding-inline: calc(16 * var(--sp-w));
  }
  .lifeSupportContainer .style h2 {
    margin-bottom: calc(24 * var(--sp-w));
    padding-inline: calc(16 * var(--sp-w));
  }
}
.lifeSupportDescripContainer {
  display: block;
  padding-block: 28px 18px;
}
@media (max-width: 1023px) {
  .lifeSupportDescripContainer::before {
    width: calc(56 * var(--sp-w));
    border-top-width:calc(4 * var(--sp-w));
  }
}
.lifeClubContainer {
  padding-block:0 111px;
  background: #FFFFFF;
  border: 1px solid var(--cc-stroke-wb);
  border-radius: 4px;
  position: relative;
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .lifeClubContainer {
    padding-inline: 1.96%;
  }
}
@media (max-width: 1023px) {
  .lifeClub .lifeClubContainer,
  .lifeGuard .lifeClubContainer{
    padding-inline:calc(12 * var(--sp-w)) calc(12 * var(--sp-w));
    padding-bottom:calc(12 * var(--sp-w));
    display:block;
    justify-content: initial;
  }
}
.lifeGuard {
  padding-top: 12px;
}
@media (max-width: 1023px) {
  .lifeGuard {
    padding-top:calc(37 * var(--sp-w));
  }
}
.lifeGuard div.lifeClubContainer {
  padding-block:0 64px;
}
@media (max-width: 1023px) {
  .lifeGuard div.lifeClubContainer {
    padding-block:0 calc(40 * var(--sp-w));
  }
}
.lifeClubLeftSection {
  max-width: 497px;
}
.lifeGuardSectionGrid div.lifeClubLeftSection {
  width: auto;
}
@media (max-width: 1023px) {
  .lifeClubLeftSection {
    width: 100%;
    max-width: 100%;
  }
  .lifeClubLeftSection h3 img{
    padding-inline:calc(16 * var(--sp-w)) calc(16 * var(--sp-w));
  }
  .lifeGuard .lifeClubLeftSection h3 img{
    padding-inline:0 calc(32 * var(--sp-w));
  }
}
.lifeClubLeftSectionHeadLine {
  padding-block:44px 32px;
  font-size: 20px;
  font-family: var(--ff-zen);
  color: #1F1F1F;
}
@media (max-width: 1023px) {
  .lifeClubLeftSectionHeadLine {
    padding-block:calc(28 * var(--sp-w)) calc(24 * var(--sp-w));
    font-size: calc(16 * var(--sp-w));
  }
}
@media (max-width: 1023px) {
  .support__inner p.lifeClubLeftSectionHeadLine::before {
    left: 0;
    width: calc(56 * var(--sp-w));
    border-top-width: calc(4 * var(--sp-w));
  }
}
@media (max-width: 1023px) {
  .lifeSupportContainer div.support__inner {
    padding-inline: 0;
    padding-block: calc(24 * var(--sp-w)) calc(16 * var(--sp-w));
  }
  .lifeSupportContainer div.support__inner.lifeClub,
  .lifeSupportContainer div.support__inner.lifeGuard{
    padding-block: calc(48 * var(--sp-w)) calc(16 * var(--sp-w));
  }
}
.lifeClubLeftSectionText {
  font-family: var(--ff-noto-sans);
  color: #1F1F1F;
}
@media (max-width: 1023px) {
  .lifeClubLeftSectionText {
    font-size: calc(14 * var(--sp-w));
  }
}
.lifeClubLeftSectionBottomSpace {
  padding-bottom: 41px;
}
.lifeGuard .lifeClubLeftSectionBottomSpace {
  padding-bottom: 32px;
}
@media (max-width: 1023px) {
  .lifeClubLeftSectionBottomSpace {
    padding-bottom:calc(24 * var(--sp-w));
  }
  .lifeGuard .lifeClubLeftSectionBottomSpace {
    padding-bottom:calc(24 * var(--sp-w));
  }
}
.lifeClubLeftSectionTopSpace {
  padding-top: 43px;
}
@media (max-width: 1023px) {
  .lifeClubLeftSectionTopSpace {
    margin-bottom: 0;
    padding-top: calc(24 * var(--sp-w));
    padding-bottom: calc(35 * var(--sp-w));
  }
}
.support__inner.lifeClub,
.support__inner.lifeGuard{
  padding-bottom: 64px;
}
.lifeClubListBox {
  background-color: var(--cc-gray-50);
  border-radius: 8px;
  font-size: 14px;
  font-family: var(--ff-noto-sans);
  color: var(--cc-black-sm);
  position: relative;
}
.lifeClubListBox:after{
  content: "など";
  display: block;
  position: absolute;
  bottom: 24px;
  right: 24px;
}
@media (max-width: 1023px) {
  .lifeClubListBox {
    font-size: calc(14 * var(--sp-w));
  }
  .lifeClubListBox:after{
    bottom: calc(16 * var(--sp-w));
    right: calc(16 * var(--sp-w));
  }
}
.lifeClubList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 16px;
  row-gap: 6px;
  padding: 24px;
}
@media (max-width: 1023px) {
  .lifeClubList {
    display: block;
    padding: calc(16 * var(--sp-w));
  }
}
@media (max-width: 1023px) {
  .lifeClubList li:not(:last-child) {
    padding-bottom: calc(6 * var(--sp-w));
  }
}
.lifeClubPageButton {
  float: right;
}
@media (max-width: 1023px) {
  .lifeClubPageButton {
    float: none;
    padding-bottom: calc(40 * var(--sp-w));
  }
}
.lifeClubPageButton div.js-text-anim01__text--narrow {
  padding-right: 25px;
}
@media (max-width: 1023px) {
  .lifeClubPageButton div.js-text-anim01__text--narrow {
    padding-right: calc(60 * var(--sp-w));
  }
}
.lifeGuardList {
  background-color: var(--cc-gray-50);
  padding: 24px;
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .lifeGuardList {
    padding: calc(16 * var(--sp-w));
  }
}
.lifeGuardListHeadLine {
  padding-bottom: 16px;
  font-family: var(--ff-noto-sans);
  font-weight: 500;
}
@media (max-width: 1023px) {
  .lifeGuardListHeadLine {
    font-size: calc(14 * var(--sp-w));
    padding-bottom: calc(12 * var(--sp-w));
  }
}
.lifeGuardListUl {
  color: var(--cc-black-sm);
  text-indent: -1.1em;
  padding-left: 1.1em;
}
@media (max-width: 1023px) {
  .lifeGuardListUl {
    font-size: calc(14 * var(--sp-w));
    text-indent: calc(-1.1em * var(--sp-w));
    padding-left: calc(1.1em * var(--sp-w));
  }
}
.lifeGuardListUl li {
  font-family: var(--ff-noto-sans);
}
.lifeGuardListUl li:not(:last-child) {
  padding-bottom: 6px;
}
@media (max-width: 1023px) {
  .lifeGuardListUl li:not(:last-child){
    padding-bottom: calc(6 * var(--sp-w));
  }
}
.lifeGuardSectionGrid .content_inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 64px;
}
@media (max-width: 1023px) {
  .lifeGuardSectionGrid .content_inner{
    display: block;
  }
}
.lifeGuardLeftSectionText {
  font-size: 18px;
  font-family: var(--ff-noto-sans);
  font-weight: 500;
  color: var(--cc-black-sm);
  padding-bottom: 16px;
}
@media (max-width: 1023px) {
  .lifeGuardLeftSectionText {
    font-size: calc(14 * var(--sp-w));
    padding-bottom: calc(16 * var(--sp-w));
  }
}
.lifeGuardLeftSectionTextRed {
  color: var(--cc-red-700);
  display: block;
}
@media (max-width: 1023px) {
  .lifeGuardLeftSectionTextRed {
    display: inline;
  }
}
.lifeGuardLeftSectionDescripText {
  font-family: var(--ff-noto-sans);
  color: #1F1F1F;
  padding-bottom: 48px;
}
@media (max-width: 1023px) {
  .lifeGuardLeftSectionDescripText {
    font-size: calc(14 * var(--sp-w));
    padding-bottom: calc(24 * var(--sp-w));
  }
}
.lifeGuardRightSection {
  margin-top: 122px;
  width: auto;
}
@media (max-width: 1023px) {
  .lifeGuardRightSection {
    margin-top:0;
    margin-bottom: calc(16 * var(--sp-w));
  }
}
.annotation {
  grid-column: 1 / span 2;
  font-size: 14px;
  font-family: var(--ff-noto-sans);
  color: var(--cc-gray-700);
  display: inline-flex;
}
@media (max-width: 1023px) {
  .annotation {
    font-size: calc(14 * var(--sp-w));
  }
}
.annotation::before {
  content: "\203B";
  display: inline-block;
  margin-right:6px;
}
@media (max-width: 1023px) {
  .annotation::before {
    margin-right: calc(6 * var(--sp-w));
  }
}
.lineAlignment {
  display: block;
}
@media (max-width: 1023px) {
  .lineAlignment {
    display: inline;
  }
}
.annotation span.lineAlignment {
  padding-left: 20px;
}
.mobileBreak {
  display: none;
}
@media (max-width: 1023px) {
  .mobileBreak {
    display: inline;
  }
}
.rakurakuPartner {
  padding-top: 52px;
  padding-bottom: 0;
}
@media (max-width: 1023px) {
  .lifeSupportContainer div.support__inner.rakurakuPartner {
    padding-top: calc(48 * var(--sp-w));
  }
}
@media (max-width: 1023px) {
  .lifeSupportContainer div.rakurakuPartner {
    padding-inline: calc(4 * var(--sp-w));
  }
  .lifeSupportContainer div.rakurakuPartner .lifeSupportDescripContainer {
    margin-inline: 0;
    padding-block: 0;
  }
}
.style h2.rakurakuPartnerHeadLine {
  margin:0 auto 24px 0;
  font-size: 32px;
}
@media (max-width: 1023px) {
  .style h2.rakurakuPartnerHeadLine {
    margin-bottom: calc(16 * var(--sp-w));
    font-size: calc(24 * var(--sp-w));
    padding: 0;
  }
}
@media (max-width: 1023px) {
  .lifeSupportContainer div.support__inner div.l2-headerA__inner::before {
    left: 0;
    width: calc(56 * var(--sp-w));
  }
}
.rakurakuPartnerDescrip {
  margin-block: 12px 40px;
  font-family: var(--ff-noto-sans);
  color: var(--cc-black-sm);
}
@media (max-width: 1023px) {
  .rakurakuPartnerDescrip {
    margin-block: calc(24 * var(--sp-w)) calc(24 * var(--sp-w));
    font-size: calc(16 * var(--sp-w));
  }
}
.support__col3 > div.rakurakuPartnerPageLink {
  width: 596px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-top: 24px;
  padding-left: 39px;
  padding-bottom: 27.62px;
  column-gap: 43.5px;
  border-top: 1px solid var(--cc-stroke-wb);
  border-right: 1px solid var(--cc-stroke-wb);
  border-bottom: 1px solid var(--cc-stroke-wb);
}
@media (max-width: 1023px) {
  .support__col3 > div.rakurakuPartnerPageLink {
    display: block;
    width:100%;
    padding: calc(26 * var(--sp-w)) calc(26 * var(--sp-w)) calc(20 * var(--sp-w)) calc(30 * var(--sp-w));
    border-top-width: calc(1 * var(--sp-w));
    border-right-width: calc(1 * var(--sp-w));
    border-bottom-width: calc(1 * var(--sp-w));
    border-left-width: calc(4 * var(--sp-w));
  }
  .support__col3 > div.rakurakuPartnerPageLink::before,
  .support__col3 > div.rakurakuPartnerPageLink::after{
    width: calc(4 * var(--sp-w));
    left: calc(-4 * var(--sp-w));
    border-radius: calc(4 * var(--sp-w)) 0 0 calc(4 * var(--sp-w));
  }
}
.support__col3 > div:hover {
  border: 1px solid var(--cc-red-700);
  transition: 0.3s ease-in;
}
.support__col3 > div.rakurakuPartnerPageLink a {
  padding:0;
}
.rakurakuPartnerImg img{
  max-width: 248px;
  min-height: 58px;
}
@media (max-width: 1023px) {
  .rakurakuPartnerImg img {
    max-width: calc(362.88 * var(--sp-w));
    min-height: auto;
  }
}
.rakurakuLeftSectionDescripText {
  font-family: var(--ff-noto-sans);
  padding-bottom: 7.38px;
  color: var(--cc-black-sm);
}
@media (max-width: 1023px) {
  .rakurakuLeftSectionDescripText {
    font-size: calc(14 * var(--sp-w));
    padding-bottom: calc(5.31 * var(--sp-w));
  }
}
.rakurakuRightSection {
  padding-right: 16px;
  padding-top: 17px;
  font-size: 14px;
}
@media (max-width: 1023px) {
  .rakurakuRightSection {
    padding-top: calc(10.87 * var(--sp-w));
    padding-right: 0;
  }
}
.rakurakuRightSectionDescripText {
  color: var(--cc-gray-700);
  font-family: var(--ff-noto-sans);
}
@media (max-width: 1023px) {
  .rakurakuRightSectionDescripText {
    font-size: calc(14 * var(--sp-w));
  }
}
.lifeClubPageButton div.js-text-anim01__text {
  color: var(--cc-black-sm);
}
@media (max-width: 1023px) {
  .lifeClubPageButton p.js-text-anim01 span {
    font-size: calc(16 * var(--sp-w));
  }
}
.supportInnerContainer{
  position: relative;
}
.mapContainer{
  max-width: 1224px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.mapContentMapContainer{
  height: 1072px;
  position: absolute;
  z-index: 1;
  top:226px;
  width: 100%;
}
.mapContentMapContainer *{
  position: relative;
}
.mapContentMapContainer .map{
  z-index: 10;
  width: 571px;
  height: 608px;
  right:0;
  position: absolute;
}
.mapContainer:before{
  content:"";
  display: block;
  width: 1084px;
  height: 1084px;
  border-radius: 50%;
  background-color: #F4F4F4;
  position: absolute;
  top:-12px;
  right: -276px;
  animation-delay: 500ms;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0;
  animation-name: fadeIn500ms;
}
.mapContainer:after{
  content:"";
  display: block;
  width: 834px;
  height: 834px;
  border-radius: 50%;
  background-color: #F9F9F9;
  position: absolute;
  top:112px;
  right: -151px;
  animation-delay: 500ms;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
  animation-name: fadeIn500ms;
}
.mapContentMapContainer:before{
  content:"";
  display: block;
  width: 586px;
  height: 586px;
  border-radius: 50%;
  background-color: #FFF;
  position: absolute;
  top:6px;
  right: -26px;
  animation-delay: 500ms;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
  animation-name: fadeIn500ms;
}
.mapContentMapContainer .area dt{
  border-radius: 57.596px;
  padding: 0 9.215px;
  background: var(--cc-gray-600);
  color: #FFF;
  font-family: var(--ff-noto-sans);
  font-size: 13.823px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6;
  display: inline-block;
}
.mapContentMapContainer .area{
  position: absolute;
  top:90px;
  right:19px;
  z-index: 100;
  font-size: 13px;
  width: 143px;
}
.mapContentMapContainer .area.tohoku{
  top:247px;
  right:9px;
}
.mapContentMapContainer .area.kanto{
  top:375px;
  right:64px;
}
.mapContentMapContainer .area.chubu{
  top:305px;
  right:223px;
}
.mapContentMapContainer .area.kansai{
  top:467px;
  right:207px;
}
.mapContentMapContainer .area.chugoku{
  top:363px;
  right:411px;
}
.mapContentMapContainer .area.kyushu{
  top:486px;
  right:432px;
}
.mapContentMapContainer .area dt:before{
  content: '';
  background-image:url('/assets/support/img/pin.svg');
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 18px;
  height: 22px;
  position: absolute;
  top:0;
  left: -25px;
  animation-fill-mode: forwards;
  opacity: 0;
  animation-name: fadeIn50ms;
}
.mapContentMapContainer .area.hokkaido dt:before{
  animation-delay: 200ms;
  animation-duration: .75s;
}
.mapContentMapContainer .area.tohoku dt:before{
  animation-delay: 300ms;
  animation-duration: .75s;
}
.mapContentMapContainer .area.kanto dt:before{
  animation-delay: 400ms;
  animation-duration: .75s;
}
.mapContentMapContainer .area.chubu dt:before{
  top: 68px;
  left: 77px;
  animation-delay: 500ms;
  animation-duration: .75s;
}
.mapContentMapContainer .area.kansai dt:before{
  top:-29px;
  left: -1px;
  animation-delay: 600ms;
  animation-duration: .75s;
}
.mapContentMapContainer .area.chugoku dt:before{
  top:60px;
  left: 111px;
  animation-delay: 700ms;
  animation-duration: .75s;
}
.mapContentMapContainer .area.kyushu dt:before{
  top:-25px;
  left:69px;
  animation-delay: 800ms;
  animation-duration: .75s;
}
@media (max-width: 1023px) {
  .mapContainer{
    width: auto;
    position: relative;
    overflow: initial;
  }
  .mapContentMapContainer{
    display: block;
    position: relative;
    height: auto;
    top:0;
  }
  .mapContainer:before{
    top:0;
    left: 0;
    width: calc(679 * var(--sp-w));
    height: calc(679 * var(--sp-w));
    top:calc(-156 * var(--sp-w));
    left: calc(-112 * var(--sp-w));
  }
  .mapContainer:after{
    width: calc(522 * var(--sp-w));
    height: calc(522 * var(--sp-w));
    top:calc(-77 * var(--sp-w));
    left: calc(-34 * var(--sp-w));
  }
  .mapContentMapContainer:before{
    width: calc(367 * var(--sp-w));
    height: calc(367 * var(--sp-w));
    top:0;
    left: calc(45 * var(--sp-w));
  }
  .mapContentMapContainer .map{
    margin-left: 0;
    width: 100%;
    height: auto;
    right: initial;
    position: relative;
  }
  .mapContentMapContainer .map img{
    margin-left: calc(15 * var(--sp-w));
  }
  .mapContentMapContainer .area dt,
  .mapContentMapContainer .area dd{
    font-size: calc(8.443 * var(--sp-w));
    word-break: keep-all;
  }
  .mapContentMapContainer .area dt:before{
    width: calc(11.003 * var(--sp-w));
    height: calc(13.448 * var(--sp-w));
    top:0;
    left: calc(-15.32 * var(--sp-w));
    right: initial;
  }
  .mapContentMapContainer .area.hokkaido{
    top: calc(46 * var(--sp-w));
    left: calc(252 * var(--sp-w));
    right: initial;
  }
  .mapContentMapContainer .area.tohoku{
    top: calc(147 * var(--sp-w));
    left: calc(256 * var(--sp-w));
    right: initial;
  }
  .mapContentMapContainer .area.kanto{
    top: calc(223 * var(--sp-w));
    left: calc(225 * var(--sp-w));
    right: initial;
  }
  .mapContentMapContainer .area.chubu{
    top: calc(180 * var(--sp-w));
    left: calc(118 * var(--sp-w));
    right: initial;
  }
  .mapContentMapContainer .area.kansai{
    top: calc(278 * var(--sp-w));
    left: calc(137 * var(--sp-w));
    right: initial;
  }
  .mapContentMapContainer .area.chugoku{
    top: calc(211 * var(--sp-w));
    left: calc(10 * var(--sp-w));
    right: initial;
  }
  .mapContentMapContainer .area.kyushu{
    top: calc(289 * var(--sp-w));
    left: 0;
    right: initial;
  }
  .mapContentMapContainer .area.chubu dt:before{
    top: calc(40 * var(--sp-w));
    left: calc(67 * var(--sp-w));
    right: initial;
  }
  .mapContentMapContainer .area.kansai dt:before{
    top: calc(-16 * var(--sp-w));
    left: calc(13 * var(--sp-w));
    right: initial;
  }
  .mapContentMapContainer .area.chugoku dt:before{
    top: calc(40 * var(--sp-w));
    left: calc(81 * var(--sp-w));
    right: initial;
  }
  .mapContentMapContainer .area.kyushu dt:before{
    top: calc(-16 * var(--sp-w));
    left: calc(46 * var(--sp-w));
    right: initial;
  }
  .mapContentTextContainer1{
    top: calc(54 * var(--sp-w));
    left: 0;
    right: initial;
  }
}
.sectionLinkList__link {
  color: var(--cc-red-700);
  position: relative;
  margin-right: 1em;
  padding-right: 0;
  display: inline;
}
.sectionLinkList__link::after {
  content: "";
  background: url("/assets/img/icon_blank02_red.svg") no-repeat center/contain;
  bottom: 0.2em;
  width: 14px;
  height: 14px;
  position: absolute;
  margin-left: 0.12em;
}
@media (max-width: 1023px) {
  .sectionLinkList__link::after {
    width: calc(14 * var(--sp-w));
    height: calc(14 * var(--sp-w));
  }
}