@charset "utf-8";

body * {
  font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Noto Sans JP', sans-serif;

  color: #3d3d3d;
}

body {
  background-color: #F7F5F3;
  padding-top: 29.87vw;
}

.pc {
  display: none !important;
}

.sp {
  display: block !important;
}


h1,
h2 {
  line-height: 1.32;
  font-weight: 700;
}

p,
li {
  line-height: 1.32;
}

img {
  height: auto;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h1 {
  position: relative;
  font-size: 8.53vw;
  padding-left: 13.6vw;
}

h1::before {
  content: '';
  background-image: url(../images/ico-h1.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 12.8vw;
  height: 8.8vw;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

h2 {
  font-size: 7.47vw;
}


p {
  font-size: 3.73vw;
  font-weight: 400;
}

.bold {
  font-weight: 600;
}


a:not(.footer a) {
  display: block;
  color: #CC0000;
  text-decoration: none;
}

a:hover {
  opacity: 0.8;
}


img {
  display: block;
  width: 100%;
}

.d-flex {
  display: flex;
}

.wrap {
  width: 91.47%;
  margin: auto;
}

ul.note li,
ol.note li {
  font-weight: 300!important;
  line-height: 1.48!important;
}

ul.note li+li {
  margin-top: 1.06666vw;
}

/* ul.note */
ul.note li {
  color: #707070;
  font-size: 2.93vw;
  text-indent: -1.5em;
  padding-left: 1.5em;
}

ul.note li::before {
  content: '※';
  font-size: inherit;
  margin-right: 0.5em;
}

/* ol.note */
ol.note {
  counter-reset: number 0;
}

ol.note li {
  color: #707070;
  font-size: 2.93333vw;
  text-indent: -2em;
  padding-left: 1.5em;
}

ol.note li::before {
  counter-increment: number 1;
  content: '※' counter(number);
  font-size: inherit;
  margin-right: 0.5em;
}

/* .bubble */
.bubble_wrap {
  text-align: center;
  position: relative;
  padding-bottom: 2.13vw;
}

.bubble {
  display: inline-block;
  padding: 0 3.2vw 0 9.33vw;
  background-color: #FACB32;
  border-radius: 9999px;
}

.bubble_text {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 9.6vw;
  color: #3D3D3D;
  font-size: 4.27vw;
  font-weight: 600;
}

.bubble::after {
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  width: 3.73333vw;
  height: 3.2vw;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}


/* .slash */
.slash_wrap {
  text-align: center;
}

.slash_wrap .slash {
  position: relative;
  display: inline-block;
  font-size: 4.27vw;
  font-weight: 600;
  line-height: 1.2;
}

.slash_wrap .slash span {
  font-size: 4.8vw;
  font-weight: 800;
  color: #F64B1C;
}

.slash_wrap .slash::before,
.slash_wrap .slash::after {
  content: '';
  background-color: #ACA79C;
  width: 0.53vw;
  height: 10.48vw;
  border-radius: 9999px;
  position: absolute;
  bottom: 1.07vw;
}

.slash_wrap .slash::before {
  transform: rotate(-14deg);
  left: -0.75em;
}

.slash_wrap .slash::after {
  transform: rotate(14deg);
  right: -0.75em;
}

.slash_wrap .slash p {
  font-size: 3.73333vw;
}

/* .accordion */
.accordion {}

.accordion_title {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 2.13vw;
  position: relative;
  margin: 4.27vw auto 0;
  border: 0.2666666vw solid #E0DEDC;
  background-color: #ffffff;
}

.accordion_title * {
  text-align: center;
  font-size: 3.73vw;
  font-weight: 600;
}

.accordion_title::before,
.accordion_title::after {
  content: '';
  position: absolute;
  border-radius: 9999px;
  background-color: #2B2B2B;
  width: 2.66666vw;
  height: 0.53333vw;
  top: 0;
  bottom: 0;
  right: 2.93vw;
  margin: auto 0;
  transition: 0.25s;
}

.accordion_title.active::after {
  transform: none;
}

.accordion-inner {
  display: none;
  margin-top: 10.67vw;
}

.accordion-inner.active {
  display: block;
}

/* campaign-list */
.campaign-list {
  margin-top: 8.53vw;
}

.campaign-list>li {
  border-radius: 3.2vw;
  overflow: hidden;
}

.campaign-list>li+li {
  margin-top: 6vw;
}

.campaign-list .box-data {
  background-color: #FFF;
  padding: 4.27vw;
}

.campaign-list .box-data ._flex {
  display: flex;
  gap: 1.07vw;
}

.campaign-list .box-data ._flex div {
  display: flex;
  align-items: center;
  border-radius: 999px;
  height: 4.8vw;
  padding: 0 2.13vw;
}

.campaign-list .box-data ._flex div p {
  font-size: 3.2vw;
}

.campaign-list .box-data .data-entry {
  background-color: #E06666;
}

.campaign-list .box-data .data-entry p {
  color: #FFF;
}

.campaign-list .box-data .data-entry p span {
  color: #FFF;
}

.campaign-list .box-data .data-new {
  background-color: #FACB32;
}

.campaign-list .box-data .data-title,
.campaign-list .box-data .data-text {
  margin-top: 2.6vw;
  line-height: 1.4;
}

.campaign-list .box-data .data-deta {
  border-top: solid 1px #D9D9D9;
  margin-top: 3vw;
  padding-top: 4.27vw;
}

.campaign-list .box-data .data-deta p {
  font-size: 3.2vw;
}


/* main */
.main {
  padding: 6.4vw 0 12.8vw;
}

.main-list {
  margin-top: 5vw;
}

.main-list li+li {
  margin-top: 6.4vw;
}

.main-list a {
  margin-top: 2.13vw;
}

/* campaign */
.campaign {
  background-color: #F0EEEC;
  padding: 12.8vw 0;
}

/* footer */
.footer,
.footer .notes,
.footer .copy {
  background-color: #707070;
}

.footer .copy p {
  color: #FFF;
}

@media screen and (min-width: 768px) {

  .pc {
    display: block !important;
  }

  .sp {
    display: none !important;
  }

  h1 {
    font-size: 32px;
    padding-left: 60px;
  }

  h1::before {
    width: 48px;
    height: 33px;
  }

  h2 {
    font-size: 28px;
  }


  h3:not(.footer h3)::after {
    width: 16px;
    height: 16px;
    right: -18px;
  }

  p {
    font-size: 14px;
  }

  .wrap {
    max-width: 1080px;
  }

  ul.note li+li {
    margin-top: 4px;
  }

  /* ul.note */
  ul.note li {
    font-size: 12px;
  }


  /* .bubble */
  .bubble_wrap {
    padding-bottom: 12px;
    margin-top: 24px;
  }

  .bubble {
    padding: 0 16px 0 46px;
  }

  .bubble_text {
    height: 48px;
    font-size: 24px;
  }

  .bubble::after {
    width: 32px;
    height: 32px;
    bottom: -5px;
  }

  .bubble_text::before {
    width: 36px;
    height: 36px;
    left: -40px;
  }

  /* .slash */
  .slash_wrap .slash::before,
  .slash_wrap .slash::after {
    width: 2px;
    height: 29px;
    bottom: 0;
  }

  .slash_wrap .slash::before {
    left: -0.75em;
  }

  .slash_wrap .slash::after {
    right: -0.75em;
  }

  .slash_wrap .slash p {
    font-size: 18px;
  }

  /* .accordion */

  .accordion_title {
    /* width: 184px;
    height: 50px; */
    margin: 24px auto 0;
    border: 1px solid #E0DEDC;
  }

  .accordion_title * {
    font-size: 22.38px;
  }

  .accordion_title::before,
  .accordion_title::after {
    width: 10px;
    height: 2px;
    right: 15px;
  }

  .accordion-inner {
    margin-top: 40px;
  }

  /* campaign-list */
  .campaign-list {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
  }

  .campaign-list>li {
    border-radius: 12px;
    max-width: 344px;
  }

  .campaign-list>li+li {
    margin-top: 0;
  }

  .campaign-list .box-data {
    position: relative;
    padding: 16px;
    height: 204px;
  }

  .campaign-list._old .box-data {
    height: 210px;
  }

  .campaign-list .box-data ._flex {
    gap: 4px;
  }

  .campaign-list .box-data ._flex div {
    height: 18px;
    padding: 0 8px;
  }

  .campaign-list .box-data ._flex div p {
    font-size: 12px;
  }

  .campaign-list .box-data .data-title,
  .campaign-list .box-data .data-text {
    margin-top: 8px;
    line-height: 1.5;
  }

  .campaign-list .box-data .data-deta {
    position: absolute;
    padding-top: 12px;
    left: 16px;
    bottom: 16px;
    width: 90.7%;
    max-width: 312px;
  }

  .campaign-list .box-data .data-deta p {
    font-size: 12px;
  }

  .pagemap+ul {
    margin-top: 8px;
  }

  /* main */
  .main {
    padding: 40px 0;
  }

  .main-list {
    margin-top: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
  }

  .main-list li {
    max-width: 528px;
    width: 47%;
  }

  .main-list.list-one li {
    width: 712px;
    max-width: none;
    margin: auto;
  }

  .main-list li+li {
    margin-top: 0;
  }

  .main-list a {
    margin-top: 7.48px;
  }

  /* campaign */
  .campaign {
    padding: 40px 0;
  }
}

@media screen and (min-width: 768px) {
  .footer .notes_content {
    max-width: 700px;
    height: 320px;
    padding: 32px 24px;
  }
}



@media screen and (min-width: 768px) and (max-width: 1180px) {
  .list-wrap {
    width: 712px;
    margin: auto;
  }
}

@media screen and (min-width: 768PX) and (max-width: 1000px) {
  .slash_wrap .slash p:not(.main-list.list-one li .slash_wrap .slash p) {
    font-size: 1.8vw;
  }
}


/* パンくずリスト */
.breadcrumb {
  background: transparent;
  padding: 4.266666vw;
  width: 100%;
  background-color: #ffffff;
}

.breadcrumb ul {
  list-style: none;
  padding: 0;
}

.breadcrumb ul li {
  font-size: 3.733333vw;
  line-height: 1.48;
  color: #3D3D3D;
  display: inline;
}

.breadcrumb ul li a {
  display: inline-block;
  text-decoration: none;
  color: #CC0000;
}

.breadcrumb ul li:not(:last-of-type)::after {
  content: "›";
  margin: 0.6em;
}

/* パンくず下注意文言 */
.top_notice {
  width: 100%;
  margin: 0 auto;
  border: 0.8vw solid #E6E6E6;
  background-color: #FFFFFF;
  padding: 3.2vw 4.27vw 4.27vw;
}

.top_notice ul {
  margin-top: 1.066666vw;
}

.top_notice li {
  font-size: 2.933333vw;
  line-height: 1.32;
  color: #707070;
}

.top_notice ul.footnote li {
  margin-left: 1.5em;
  position: relative;
}

.top_notice ul.footnote li::before {
  content: '※';
  font-size: inherit;
  position: absolute;
  left: -1.5em;
}

.top_notice ol.footnote {
  counter-reset: number 0;
}

.top_notice ol.footnote li {
  margin-left: 2.5em;
  position: relative;
}

.top_notice ol.footnote li::before {
  counter-increment: number 1;
  content: '※' counter(number);
  font-size: inherit;
  position: absolute;
  left: -2.5em;
}

@media screen and (min-width: 768px) {
  body {
    padding-top: 7.272727vw;
  }


  /* パンくずリスト */
  .breadcrumb {
    width: 100%;
    /*max-width: 96.547405vw;*/
    /*min-width: 700px;*/
    margin: 0 auto;
    padding: 8px 32px 8px ;
    /*background-color: transparent;*/
  }
  .breadcrumb div {
    max-width: 600px;
    padding-left: 32px;
    margin: auto;
  }

  .breadcrumb ul li {
    font-size: 14px;
  }

  .breadcrumb ul li a {
    text-decoration: none;
    color: #CC0000;
  }

  /* パンくず下注意文言 */
  .top_notice {
    width: 100%;
    max-width: 96.547405vw;
    min-width: 700px;
    margin: 0 auto 12px;
    padding: 0 32px;
  }

  .top_notice ul {
    margin-top: 4px;
  }

  .top_notice li {
    font-size: 11px;
  }
}

@media (768px <=width <=848px) {
  body {
    padding-top: 9.114583vw;
  }
}

@media (848px <=width <=1008px) {
  body {
    padding-top: 74.5714px;
  }

  .breadcrumb {
    /*max-width: 818.722px;*/
  }

  .top_notice {
    max-width: 818.722px;
  }
}

@media (1008px <=width <=1228px) {
  .breadcrumb {
    /*max-width: 81.093648vw;*/
  }

  .top_notice {
    max-width: 81.093648vw;
  }
}

@media screen and (min-width: 1228px) {
  body {
    padding-top: 90px;
  }

  .breadcrumb {
    /*max-width: 995.83px;*/
  }

  .top_notice {
    max-width: 995.83px;
  }
}

.fv_inner {
  position: relative;
  background-image: url(../images/KV.png);
  background-size: 100%;
  background-repeat: no-repeat;
  height: 267.6vw;
  padding: 77.87vw 4vw 0;
}

.fv_inner::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 23.2vw;
  background-image: url(../images/kv_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.fv .text_area {
  position: relative;
  display: flex;
  flex-direction: column;
}

.fv .text_area .bubble {
  position: absolute;
  background-color: #007712;
  padding: 1.6vw 2.63vw;
  display: block;
  z-index: 1;
  top: 8.53vw;
  left: 3.2vw;
}

.fv .text_area .bubble p {
  font-size: 3.2vw;
  font-weight: 800;
  line-height: 1.1;
  color: #FFFFFF;
}

.fv .text_area .bubble p b {
  color: #FFE26F;
}

.fv .text_area h3 {
  position: absolute;
  font-size: 5.87vw;
  color: #007712;
  font-weight: 800;
  line-height: 130%;
  text-align: center;
  z-index: 1;
  top: 17.87vw;
  left: 4vw;

}

.fv .text_area h3 span {
  font-size: 4.8vw;
  color: #3D3D3D;
  line-height: 130%;
}

.fv .text_area .img_area {
  position: relative;
}


.fv .text_area .img_area img {
  width: 91.47vw;
  height: auto;
}
.fv .text_area .img_area img:nth-of-type(2) {
  position: absolute;
  width: 72vw;
  top: -27.87vw;
  left: 14.13vw;
}

.fv ul.note li,
.fv ol.note li {
  line-height: 1.0!important;
  margin-bottom: 2.13vw;
}

/*anchor_link_area*/
.anchor_link_area {
  padding: 5.4vw 0 0;
  z-index: 1;
  position: relative;
}
.anchor_link_area .bubble_wrap {
  position: absolute;
}

.anchor_link_area h3 {
  margin: 0 auto 4.27vw;
  line-height: 1.1;
  font-size: 5.87vw;
  text-align: center;
  font-weight: 900;
}

.anchor_link_area h3 span {
  font-size: 5.07vw;
}

.anchor_link_wrap {
  display: flex;
  gap: 0.533vw;
}

.anchor_link_wrap li a {
  width: 30.49vw;
  height: 17.87vw;
  padding: 0 1.07vw 1.07vw 0;
  background-image: url(../images/anchor_link1_bg.png);
  background-size:29.42vw 16.8vw;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
}

.anchor_link_wrap li a img {
  width: 29.42vw;
  height: 16.8vw;
}

.anchor_link_wrap li a:hover {
  background : none;
  transform: translate(1.07vw, 1.07vw);
}

.anchor_link_area .btn {
  width: 92.53vw;
  padding: 0 1.07vw 1.07vw 0;
  margin-bottom: 4.27vw;
  background-image: url(../images/anchor_link4_bg.png);
  background-size: 91.47vw 13.33vw;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
  margin-top: 1.07vw;
}

.anchor_link_area .btn img {
  width: 91.47vw;
}

.anchor_link_area .btn:hover {
  background : none;
  transform: translate(1.07vw, 1.07vw);
}

/*simulation_area*/
.simulation_area {
  background: linear-gradient(180deg, #F0FDC1 0%, #E9FAB1 18.75%, #F3FFCC 96.63%);
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
}
.simulation_area::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 26.13vw;
  background-image: url(../images/simulation_bg_bottom.png);
  background-size: 100%;
  bottom: 0;
  pointer-events: none;
}


.simulation_area .inner {
  padding: 10.67vw 4.27vw 18.6vw;
}

.simulation_area .section_title img {
  width: 76.8vw;
  margin: auto;
}

.simulation_area h2 {
  font-size: 7.47vw;
  font-weight: 800;
  text-align: center;
  margin: 0 auto;
}

.simulation_area h2 span {
  font-size: 8.53vw;
  color: #007712;
}


h2 span.scroll_text {
  margin: auto -1.07vw;
}
p span.scroll_text {
  margin: auto -0.53vw;
}

.arrow {
  margin: 0 auto;
  width: 8.27vw;
  height: 9.07vw;
}

.section_title p,
.section_title h3,
.section_title h2 {
  text-align: center;
  margin: 0 auto;
}

.simulation_container {
  background-image: url(../images/simulation_container_bg.png);
  background-color: #ffffff;
  background-size: 92%;
  background-position-y: 4.27vw;
  background-position-x: center;
  background-repeat: no-repeat;
  padding: 14.13vw 4.27vw 12.8vw;
  margin: 1.07vw auto;
  border: 0.4vw solid #E1DDD3;
  border-radius: 3.2vw;
}



.simulation_container .text_area img {
  width: 68.53vw;
  margin: 0 auto 5.33vw;
}

.simulation_container .accordion {
  margin-top: 8.53vw;
  border: solid 0.4vw #E0DEDC;
  box-shadow: 0px 2px 0px 0px #ACA79C;
  border-radius: 2.13vw;
  background-color: #ffffff;
}

.simulation_area .simulation_container .accordion_title {
  padding: 2.63vw 4.27vw;
  line-height: 1.4;
}

.simulation_area .simulation_container .accordion_title::before {
  content: none;
}
.simulation_area .simulation_container .accordion_title.active::before {
  content: none;
}

.simulation_area .simulation_container .accordion_title::after {
  width: 4.27vw;
  height: 4.27vw;
  background-image: url(../images/accordion_open.png);
  background-size: 100%;
  background-color: unset;
}

.simulation_area .simulation_container .accordion_title.active::after {
  background-image: url(../images/accordion_close.png);
}

.simulation_area .simulation_container .accordion_content {
  padding: 0 4.27vw 4vw;
}

.simulation_container ol.note li::before {
  counter-increment: number 3;
}

.contents_block .content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 2.13vw;
}

.contents_block .content:nth-of-type(1) {
  justify-content: center;
  gap: 21.6vw;
}

.contents_block .content:nth-of-type(2) {
  justify-content: center;
  gap: 14.13vw;
}

.contents_block .content.purpose {
  position: relative;
}

.contents_block .content.purpose::after {
  position: absolute;
  content: "";
  height: 65.87vw;
  width: 0.8vw;
  background-color: #ACA79C;
  top: 5.4vw;
}

.content.img_block img {
  width: 26.93vw;
}

.content.img_block img:nth-of-type(2) {
  width: 23.47vw;
  height: 20.8vw;
  margin: 2.4vw 0 0.53vw;
}

.content.title img {
  width: 34.4vw;
}

.content .circle {
  width: 12vw;
  height: 11.2vw;
  background-color: #FACB32;
  border-radius: 10.7vw;
  display: flex;
  z-index: 1;
}

.content .circle p {
  color: #3D3D3D;
  font-size: 3.2vw;
  font-weight: 800;
  text-align: center;
  margin: auto;
}
.content div {
  width: 34.4vw;
  background-color: #F1FAD1;
  box-shadow: 0px 0px 30px 0px #B6DCBB33 inset;
  border-radius: 2.13vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.content div:nth-of-type(3) {
  background-color: #FFEFE8;
}

.content div:nth-of-type(3) a {
  width: 6.4vw;
  display: inline-block;
  position: relative;
}

.content div:nth-of-type(3) a::after {
  position: absolute;
  content: "";
  background-image: url(../images/slider2_icon.png);
  background-size: 100%;
  width: 6.4vw;
  height: 6.4vw;
  top: -4.3vw;
  left: 0;
}

.purpose div {
  height: 21.07vw;
}

.case div,
.strength div {
  height: 19.2vw;
}

.case div {
  text-align: left;
}

.weekness div {
  height: 16.53vw;
}

.content div p {
  font-size: 3.2vw;
  color: #4D4639;
}

.content div b {
  position: relative;
  font-size: 3.72vw;
  font-weight: 800;
  color: #017712;
  z-index: 3;
}
.content div b:after {
  position: absolute;
  content: "";
  background-color: #FACB32;
  height: 0.53vw;
  width: 7.2vw;
  border-radius: 2.63vw;
  bottom: 0;
  left: 0;
  z-index: -1;
}


.content div:nth-of-type(3) b {
  color: #F64B1C;
}
.content div:nth-of-type(3) b:after {
  width: 11.2vw;
}

.content:nth-of-type(5) div:nth-of-type(3) b:after {
  width: 21.87vw;
}

.content div b span {
  font-size: 3.2vw;
  color: #F64B1C;
}

.purpose div p {
  font-size: 3.72vw;
  font-weight: 600;
}

.purpose div p span {
  font-weight: 800;
}
.case div:nth-of-type(1) p,
.case div:nth-of-type(3) p {
  padding-left: 1.5em;
  padding-right: 3.2vw;
  font-weight: 800;
  position: relative;
}

.case div:nth-of-type(1) p::before,
.case div:nth-of-type(3) p::before {
  position: absolute;
  content: "";
  background-color: #FACB32;
  width: 1.07vw;
  height: 1.07vw;
  border-radius: 26.67vw;
  top: 1.33vw;
  left: 2.13vw;
}

.case div p:nth-of-type(2) {
  margin-top: 2.13vw;
}

.case div:nth-of-type(3) p:nth-of-type(2) {
  margin-top: 1.07vw;
}

.simulation_area .slash_wrap {
  margin: 10.67vw auto 3.2vw;
}

.nisa_content {
  background-image: url(../images/nisa_content_bg.png);
  background-size: 100%;
  width: 82.93vw;
  height: 42.13vw;
  padding: 6.4vw 3.72vw 3.72vw 4.53vw;
}

.nisa_content  h3 {
  text-align: center;
  font-size: 7.47vw;
  font-weight: 800;
   margin: 2vw auto;
}
.nisa_content h3 span {
  font-size: 6.4vw;
}

.nisa_content img {
  width: 35.47vw;
  height: 16vw;
  margin-right: 2.13vw;
}

.nisa_content .text_area {
  background-color: #FFFFFF;
  border-radius: 2.13vw;
  padding: 2.13vw;
}

.nisa_content .text_area p {
  text-align: center;
  font-size: 3.72vw;
  font-weight: 600;
}

.nisa_content .text_area p b {
  font-weight: 800;
}
.nisa_content .text_area p b span {
  font-size: 4.27vw;
  color: #F64B1C;
}

.simulation_area .simulation_accordion {
  border: 0.53vw solid #3D3D3D;
  border-radius: 2.13vw;
  box-shadow: 0px 1.07vw 0px 0px #00570D;
}

.simulation_area .simulation_accordion .accordion_title::before {
  content: none;
}

.simulation_area .simulation_accordion .accordion_title::after {
  width: 4.27vw;
  height: 4.27vw;
  background-image: url(../images/accordion_open_g.png);
  background-size: 100%;
  background-color: unset;
}

.simulation_area .simulation_accordion .accordion_title.active::after {
  background-image: url(../images/accordion_close_g.png);
}


.simulation_area .accordion_title {
  padding: 1.6vw 5.33vw 2.13vw 2.13vw;
  margin: 0;
  align-items: start;
  border: unset;
  border-radius: 2.13vw;
}
.simulation_area .accordion .d-flex img {
  width: 14.4vw;
  height: 14.4vw;
}

.simulation_area .accordion .d-flex {
  display: flex;
  flex-direction: row;
  gap: 0;
}

.simulation_area .accordion_title .d-flex .d-flex {
  display: flex;
  flex-direction: column;
}

.simulation_area .accordion_title .d-flex .d-flex p {
  background-color: #007712;
  border-radius: 13.33vw;
  color: #FFFFFF;
  font-size: 3.72vw;
  padding: 0.27vw 2.67vw;
  width: max-content;
  margin: 0.93vw 0 2.13vw;
}

.simulation_area .accordion_title .d-flex .d-flex h3 {
  font-weight: 800;
}

.simulation_area .accordion_title .d-flex .d-flex h3 span {
  font-size: 4.27vw;
  font-weight: 800;
  letter-spacing: -0.13vw;
}


/* simulator_area */
.simulator_accordion_inner {
  background-color: #ffffff;
  border-radius:0 0 2.13vw 2.13vw;
}
section.dcard .inner.simulator_header_inner {
  padding: 0;
}
section.dcard .inner.simulator_area_inner {
  padding: 0 16px;
}
.simulator_area {
  text-align: center;
  padding-bottom: 10.67vw;
}
.simulator_area a.link {
  font-weight: 400;
  display: inline;
}

a.link.icon.icon_type1 {
  position: relative;
  padding-right: 4.8vw;
  padding-top: 1.6vw;
  font-weight: 300;
  text-decoration: underline;
}

a.link.icon::after {
  content: '';
  background-size: 100%;
  background-repeat: no-repeat;
  width: 0.92307692307em;
  height: 0.92307692307em;
  position: absolute;
  font-size: inherit;
  margin-left: 0.25em;
  bottom: 0.21428571428em;
  display: inline;
}

a.link.icon.icon_type1::after {
  background-image: url(../images/link_type1.png);
}

.simulator_area.title_wrap {
  background-image: url(../images/simulation_title_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  width: 100%;
  height: 35.467vw;
  margin: auto;
  margin-bottom: 3.2vw;
}
.simulator_area.title_wrap .bubble {
  width: 63.467vw;
}
.simulator_area.title_wrap .bubble_text {
  font-size: 4vw;
  font-weight: bold;
}
.simulator_area.title_wrap h2 {
  font-size: 6.4vw;
}
.simulator_area button {
  cursor: pointer;
  color: #3D3D3D;
  text-decoration: none;
}
.simulator_area .text-red {
  color: #cc0000;
  font-weight: bolder;
}

.simulator_area_inner01 {
  background: #ffffff;
  margin: auto;
  border-radius: 2.133vw;
  padding: 7.47vw 0;
}
.input-group,
.simulator_slider_wrap,
.simulator_area .card_wrap,
#simulatorResultAreaInner,
.simulator_area .caution_wrap {
  margin: auto 4.27vw;
}

.chart-container {
  width: 100%;
  margin-top: 2.13vw;
  display: none;
  position: relative;
}
#addBarsButton {
  display: none;
  font-weight: 600;
  width: 82.4vw;
  font-size: 4.267vw;
  position: relative;
  border-radius: 21.3vw;
  border: 0.53vw solid #ECAB09;
  background: linear-gradient(180deg, #FACB32 50%, #F5BB00 50%);
  padding: 0.87vw 0;
  transform: translateX(-4.27vw);
  box-shadow: 0px 1.07vw 0px 0px #B58B00;
  margin-bottom: 5.33vw;
  border: 0.53vw solid #ECAB09
}
#backYourSettingButton {
  display: none;
  font-weight: bold;
  justify-content: center;
  width: 82.4vw;
  font-size: 4.267vw;
  border: 0.53vw solid #E0DFDD;
  transform: translateX(-4.27vw);
  box-shadow: 0px 1.07vw 0px 0px #CCCCCC;
  margin-top: 4.27vw;
}

#addBarsButton:hover,
#backYourSettingButton:hover {
  transform: translate(-4.27vw, 1.07vw);
  box-shadow: none;
  opacity: 0.8;
}

#amountInput::-webkit-inner-spin-button,
#amountInput::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}
#displayGraphDescription {
  display: none;
}

.simulator_area .btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70.13333vw;
    height: 14.93333vw;
    border-radius: 9999px;
    background-color: #FCFCFC;
    position: relative;
    margin: auto;
}

.btn.btn_type2 {
    background: linear-gradient(180deg, #DB0000 50%, #CC0000 50%);
    border: 2px solid #E57878;
    box-shadow: 0px 1vw 0px 0px #800000;
}

.btn.btn_type2 .btn_text {
  color: #ffffff;
  font-size: 4.27vw;
  font-weight: 800;
}

.simulator_area .btn::before {
    content: '';
    background-position: center;
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.6vw;
    margin: auto 0;
}

.btn.icon_type2::after
 {
    background-image: url(../images/link_type2.png);
    width: 3.2vw;
    height: 3.2vw;
    right: 3.2vw;
}

.btn.icon_type3::before {
    background-image: url(../images/free.png);
    width: 11.73vw;
    height: 11.73vw;
}

.btn.icon_type3::after {
    background-image: url(../images/icon_b.png);
    width: 4.27vw;
    height: 4.27vw;
}

.btn::after {
    content: '';
    background-position: center;
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4vw;
    margin: auto 0;
}

/* グラフ生成後に表示するコンテンツ */
.graph_content {
  display: none;
}

.simulator_area .input-group h3 {
  font-size: 7.47vw;
  margin-bottom: 6.4vw;
}

.simulator_area .input-group h3 span {
  font-size: 8vw;
}

.simulator_area .input-group p {
  font-size: 5.333vw;
  font-weight: bold;
  line-height: 1.7;
}
.simulator_area .input-group p .text-red {
  font-weight: bold;
}
.simulator_area .input-group p sup {
  font-size: 3.2vw;
  color: #CC0000;
}
.simulator_input {
  width: 17.067vw;
  height: 10.933vw;
  border-radius: 1.067vw;
  font-size: 7.467vw;
  border: 0.533vw solid #F0EEEC;
  font-weight: bold;
  vertical-align: text-bottom;
  color: #d0d0d0;
  text-align: center;
}
.simulator_input::placeholder {
    color: #d0d0d0;
  }
.simulator_input.active {
  color: black;
}
.simulator_input:focus {
    outline: solid 0.533vw #facb32;
}
.simulator_area .input-group p.text-sm {
  font-size: 2.933vw;
  line-height: 1;
}
/* スライダー */
.simulator_slider {
  appearance: none;
  position: relative;
  width: 57.333vw;
  height: 1.333vw;
  border-radius: 2666.4vw;
  background: linear-gradient(90deg, #facb32 44.4444%, #e6e6e6 44.4444%);
  cursor: pointer;
  outline: none;
}
.simulator_slider:focus {
  outline: none;
}
.simulator_slider::before,
.simulator_slider::after {
  content: "";
  color: #3d3d3d;
  position: absolute;
  font-weight: bold;
  bottom: -6.4vw;
  font-size: 2.933vw;
}
.simulator_slider::before {
  content: "1万円";
  left: 0;
}
.simulator_slider::after {
  content: "10万円";
  right: 0;
}

/* ツマミ：Chrome, Safari, Edge用 */
.simulator_slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 5.333vw;
  height: 5.333vw;
  border-radius: 2666.4vw;
  background: #facb32;
  box-shadow: none;
}

/* ツマミ：Firefox用 */
.simulator_slider::-moz-range-thumb {
  border: none;
  width: 5.333vw;
  height: 5.333vw;
  border-radius: 2666.4vw;
  background: #facb32;
  box-shadow: none;
}

.simulator_slider_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8.533vw;
}
.simulator_minus,
.simulator_plus {
  position: relative;
  width: 16vw;
  height: 16vw;
}
.simulator_minus::after,
.simulator_plus::after {
  content: "";
  background-position: center;
  background-size: 100%;
  position: absolute;
  top: 0.533vw;
  right: 0;
  background-image: url(../images/simulator_minus.png);
  width: 16vw;
  height: 16vw;
}
.simulator_minus::after {
  right: -1.333vw;
}
.simulator_plus::after {
  background-image: url(../images/simulator_plus.png);
  right: 0.267vw;
}
/* カードエリア */
.simulator_area .card_wrap {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 6.4vw;
}
.simulator_area .card_wrap .card_content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background: #f7f5f5;
  position: relative;
  border: 0.267vw solid #f0eeec;
  width: 31.6%;
  height: 34.667vw;
  border-radius: 2.133vw;
  padding-top: 3.2vw;
  padding-bottom: 2.133vw;
}
.simulator_area .card_wrap .card_content>div {
  margin: auto;
}
.simulator_area .card_content p {
  margin: 0 auto;
  font-size: 2.4vw;
  font-weight: bold;
  line-height: 1.4;
}
.simulator_area .card_content p.lead_text {
  margin: auto;
  margin-top: 0.533vw;
  margin-bottom: 2.133vw;
  background: #ffffff;
  width: 17.067vw;
  font-size: 2.667vw;
  border-radius: 13.333vw;
}
.simulator_area .card_content p.card_name {
  min-height: 9.2vw;
  display: flex;
  align-items: center;
}
.simulator_area .card_content img {
  display: block;
  margin: auto;
  width: auto;
  height: 9.947vw;
  margin-bottom: 1.067vw;
}

/* カードボタンselected */
.simulator_area .card_wrap .card_content.selected {
  background: #fcf5e0;
  border: 0.533vw solid #facb32;
}

.simulator_area .card_wrap .card_content.selected::before {
  content: "";
  background-position: center;
  background-size: 100%;
  position: absolute;
  top: -11%;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../images/icon_card_selected.png);
  width: 5.867vw;
  height: 5.867vw;
}

/* シミュレーション結果について */
.simulator_area .caution_wrap {
  text-align: left;
}
.simulator_area .caution_wrap h5 {
  margin-top: 6.4vw;
  margin-bottom: 2.13vw;
  font-size: 3.2vw;
}

/* シミュレーションエリア外装 */
#simulatorResultArea {
  /* display: none; */
  position: relative;
}

#simulatorResultArea.active::before {
  content: "";
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: -12vw;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../images/dots.png);
  width: 0.8vw;
  height: 3.733vw;
}

#simulatorResultAreaInner {
  display: none;
  position: relative;
  padding: 0 4.267vw;
  position: relative;
  margin-top: 21.33vw;
}

#simulatorResultAreaInner.active {
  padding: 15.2vw 4.267vw 0;
}

.simulator_area .lead_text_wrap {
  background-image: url(../images/bg_simulation_result.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  width: 108%;
  margin: auto;
  margin-left: -4%;
  margin-bottom: 4.267vw;
  position: relative;
}

.simulator_area .lead_text_wrap::after {
  position: absolute;
  width: 82.4vw;
  height: 0.53vw;
  content: "";
  background-image: url(../images/dotted_line.png);
  background-size: 100%;
  left: 0;
  bottom: -4.27vw;
}

#simulatorResultAreaInner .lead_text_wrap p {
  font-size: 5.2vw;
  font-weight: bold;
  margin-top: 2.133vw;
}

#simulatorResultAreaInner .lead_text_wrap p sup {
    display: none;
    font-size: 2.667vw;
}

#simulatorResultAreaInner .lead_text_wrap .lead_text_white {
  font-size: 3.733vw;
  width: 41.067vw;
  padding: 1.067vw 0;
  border-radius: 16vw;
  margin: auto;
  background: #ffffff;
}

#simulatorResultAreaInner .lead_text_wrap .totalPoint {
  font-size: 8.533vw;
  font-weight: bolder;
  color: #CC0000;
}

#simulatorResultAreaInner .bubble_wrap {
  padding-bottom: 0;
  margin-bottom: 1.07vw;
}

#simulatorResultAreaInner .bubble_wrap img {
  width: 51.2vw;
  margin: 0 auto;
}

/* チャート生成ボタン */
#generateChartButton {
  position: relative;
  width: 82.4vw;
  font-size: 4.267vw;
  font-weight: 600;
  background: linear-gradient(180deg, #FACB32 50%, #F5BB00 50%);
  border-radius: 23.1vw;
  box-shadow: 0px 4px 0px 0px #B58B00;
  height: 14.93vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.53vw solid #ECAB09;
}

#generateChartButton:hover,
.simulator_area_inner02 .btn_area_wrap .btn:hover {
  transform: translateY(1.07vw);
  box-shadow: none;
  opacity: 0.8;
}

#generateChartButton::after,
#addBarsButton::after,
#backYourSettingButton::after,
#tab_01 .btn_wrap .btn::after,
#tab_02 .btn_wrap .btn::after {
  position: absolute;
  content: "";
  width: 4.27vw;
  height: 4.27vw;
  background-image: url(../images/btn_icon.png);
  background-size: 100%;
  margin: auto 0 ;
  top: 0;
  bottom: 0;
  right: 3.2vw;
}

#tab_01 .btn_wrap .btn {
  color: #3d3d3d;
}

/* チャートエリア */
#simulatorResultAreaInner .border {
  padding-top: 4.27vw;
}

.chart_area_wrap {
  width: 100%;
  margin: auto;
  text-align: center;
}

.chart_area_wrap .bubble {
  padding: 0 3.2vw;
  background-color: #E06666;
  margin-bottom: ;
}

#simulatorResultAreaInner.active .chart_area_wrap .bubble {
  background-color: #66bb81;
}

.chart_area_wrap .bubble_text {
  font-size: 4.27vw;
  font-weight: normal;
  color: #ffffff;
  font-weight: 600;
  display: block;
  line-height: 1.9;
  height: 8.8vw;
}

.chart_area_wrap .bubble_text span {
  font-size: 3.72vw;
  color: #ffffff;
}

#simulatorResultAreaInner .chart_area_wrap .bubble::after {
    background-image: url(../images/tail_red.png);
    bottom: -1.5vw;
}

#simulatorResultAreaInner.active .chart_area_wrap .bubble::after {
    background-image: url(../images/tail_green.png);
    bottom: -1.5vw;
}

.chart_area_wrap .lead_text {
  font-size: 5.333vw;
  font-weight: bold;
}

.chart_area_wrap .lead_text_sub {
  font-size: 4.27vw;
  font-weight: bold;
  font-weight: 600;
  margin-top: 4.27vw;
  text-align: left;
}

.chart_area_wrap .lead_text_sub .text-red {
  font-weight: bold;
}

.chart_area_wrap .lead_text_sub .text-red span {
  color: #CC0000;
}

.chart_area_wrap .totalAmountRounded {
  font-size: 8.533vw;
  color: #CC0000;
}

.chart_area_wrap .slash_wrap {
  margin: 4.27vw auto 1.07vw;
}

.chart_area_wrap .slash_wrap .slash p {
  font-size: 3.2vw;
  font-weight: 600;
}

.chart_area_wrap .slash_wrap .slash::before,
.chart_area_wrap .slash_wrap .slash::after {
  height: 4.8vw;
  bottom: 0.4vw;
}

.chart_area_wrap .note li {
  margin-top: 4.27vw;
  text-align: left;
  padding-left: 0;
}

#simulatorResultAreaInner.active .chart_area_wrap .slash_wrap {
  display: none;
}

#displayGraphDescription {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  margin-bottom: 4.267vw;
}

/* 追加要素 */
.simulator_result_extratext {
  display: none;
  background: #66bb81;
  height: 12vw;
  padding: 3.2vw 0;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

#simulator_result_extratext.active {
  display: block;
}

.simulator_result_extratext p {
  color: #ffffff;
  font-size: 4.267vw;
  font-weight: bold;
}

.simulator_result_extratext p span {
  color: #ffffff;
}

/* ツールチップ */
.simulator_area .tooltip_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  margin-bottom: 5.333vw;
}

.simulator_area .tooltip_area > div {
  width: 49.5%;
  box-sizing: border-box;
}

.simulator_area .tooltip_area > div.active {
  background: #FCF2F2;
  border: 0.266vw solid #EB9999;
  border-radius: 2.133vw;
  padding: 2.133vw 1.6vw;
}

.simulator_area .tooltip_area > div:nth-of-type(2).active {
  background: #EDFAF1;
  border: 0.266vw solid #64C482;
}

.simulator_area .tooltip_area > div h4 {
  font-size: 2.933vw;
  margin-bottom: 1.067vw;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}

.simulator_area .tooltip_area > div p {
  display: flex;
  align-items: center;
  text-align: left;
  font-size: 2.133vw;
}
.simulator_area .tooltip_area > div p:nth-of-type(1) {
  margin-bottom: 1.07vw;
}

.simulator_area .tooltip_area > div p::before {
  content: "";
  display: inline-block;
  background: #e06666;
  margin-right: 0.35em;
  width: 2.72vw;
  height: 2.72vw;
}

.simulator_area .tooltip_area #displayTooltip p.principal_text::before {
  background: #e06666;
}

.simulator_area .tooltip_area #displayTooltip p.profit_text::before {
  background: #f5cccc;
}

.simulator_area .tooltip_area #displayExTooltip p.principal_text::before {
  background: #66bb81;
}

.simulator_area .tooltip_area #displayExTooltip p.profit_text::before {
  background: #bcebca;
}

.chart_subtitle {
  position: absolute;
  font-size: 1.819vw;
  bottom: 80%;
  left: 1.067vw;
}

#simulatorResultAreaInner.active .chart_subtitle {
  bottom: 64%;
}


/* シミュレーションエリア下部 */
.simulator_area_inner02 {
  margin: auto;
  width: 100%;
  text-align: left;
  background-color: #ffffff;
  border-radius: 2.13vw;
}

.point_description_area {
    display: none;
    background: #ffffff;
    border-radius: 2.133vw;
    padding: 5.333vw 4.267vw 6.4vw;
    margin-bottom: 8.533vw;
}

.point_description_area h3 {
    font-size: 6.4vw;
    margin-bottom: 4.267vw;
}

.point_description_area .content_wrap {
    display: flex;
    align-items: center;
    padding-bottom: 2.133vw;
    padding-top: 2.133vw;
}

.point_description_area .content_wrap:not(:nth-of-type(3)) {
  background-image: linear-gradient(to right, #9E9E9E, #9E9E9E 0.533333vw, transparent 0);
  background-size: 1.6vw 0.333333vw;
  background-repeat: repeat-x;
  background-position: right bottom;
  text-align: left;
}

.point_description_area .content_wrap::before {
    content: '';
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto 0;
    background-image: url(../images/simulation_point01.png);
    width: 15.467vw;
    height: 15.467vw;
    margin-right: 3.2vw;
}

.point_description_area .content_wrap:nth-of-type(2):before {
    background-image: url(../images/simulation_point02.png);
}

.point_description_area .content_wrap:nth-of-type(3):before {
    background-image: url(../images/simulation_point03.png);
}

.point_description_area .content_wrap p {
    font-size: 3.733vw;
    font-weight: bold;
}

.point_description_area .content_wrap p sup {
  font-size: 2.667vw;
}

.point_description_area .content_wrap p .text-red {
  font-size: 4.267vw;
  font-weight: bold;
}

.simulator_area_inner02 .btn_area_wrap .note li {
  text-indent: -1.5em;
  padding-left: 1.5em;
}

.simulator_area_inner02 .btn_area_wrap .note li::before {
  margin-right: 0;
}

.simulator_area_inner02 .btn_area_wrap .btn {
  height: 14.933vw;
  width: 82.4vw;
}


.simulator_area_inner02 .btn_area:nth-of-type(2) .btn_text {
  font-size: 3.467vw;
}

.simulator_area_inner02 .accordion {
  margin-top: 6.4vw;
  margin-bottom: 6.4vw;
}
.simulator_area_inner02 .accordion_title {
  padding: 4.267vw 0 4.267vw 4.267vw;
}
.simulator_area_inner02 .accordion_content {
  padding: 0 4.267vw 4.267vw;
}

.simulator_area_inner02 .accordion_content h5 {
  font-size: 3.2vw;
  margin-bottom: 3.2vw;
}

.simulator_area_inner02>.caution_text {
  font-size: 3.2vw;
}





/*nisa*/
.nisa {
  padding: 6.4vw 0 16.3vw;
  overflow: hidden;
  position: relative;
  background-image: url(../images/nisa_bg.png);
  background-size: 100%;
  height: 226.3vw;
}

.nisa .section_title img {
  width: 88vw;
  margin: 0 auto 2.63vw;
}

.nisa .content_area {
  margin-top: 2.93vw;
  position: relative;
  height: 108vw;
}
.memo_bg {
  position: absolute;
  width: 100%;
  height: 15.55vw;
  z-index: 1;
}

.content_area .memo_box {
  position: absolute;
  z-index: 2;
  background-image: url(../images/memo.png);
  background-size: 100%;
  background-repeat: no-repeat;
  height: 94.53vw;
  width: 91.47vw;
  top: 12.13vw;
  left: 4.27vw;
  padding: 9.87vw 13.87vw 0 10.13vw;
  box-shadow: 0px 0px 8vw 0px #DFC5894D;
}

.content_area .memo_box .memo_inner {
  position: relative;
}
.content_area .memo_box .memo_inner::after {
  content: "";
  position: absolute;
  width: 55.47vw;
  height: 14.93vw;
  background-image: url(../images/clip.png);
  background-size: 100%;
  top: -20.27vw;
  left: 8vw;
}

.content_area .memo_box .title {
  padding-left: 1.6vw;
}

.content_area .memo_box .title p {
  font-size: 4.27vw;
  font-weight: 400;
  margin: 0 0 2.67vw 0;
}

.content_area .memo_box .title span {
  font-weight: 800;
}

.content_area .memo_box .title h3 {
  font-weight: 800;
  font-size: 6.4vw;
  margin: 4.27vw 0 3.2vw 0;
}

.content_area .memo_box .title h3::before {
  content: none;
}

.content_area .memo_box .title h3 span {
  font-size: 7.47vw;
  position: relative;
}

.content_area .memo_box .title h3 span:nth-of-type(1)::after {
  content: "";
  position: absolute;
  width: 16.8vw;
  height: 1.6vw;
  background-image: url(../images/dots_y.png);
  background-size: 100%;
  left: 2.93vw;
  top: -1.87vw;
}

.content_area .memo_box .img_area {
  background-color: #E6E6E6;
  border-radius: 2.23vw;
  margin: 2.13vw auto;
  padding-bottom: 5.33vw;
  width: 65.87vw;
}

.content_area .memo_box .example {
  background-color: #FACB32;
  color: #3D3D3D;
  padding: 0.53vw 2.67vw;
  font-size: 3.2vw;
  font-weight: 600;
  border-radius: 2.13vw 2.13vw 0 0 ;
  text-align: center;
  padding: 1.07vw 0;
}
.memo_box h3 {
  font-weight: 600;
  font-size: 4.8vw;
  margin-top: 4vw;
  position: relative;
}
.memo_box h3::before {
  position: absolute;
  content: "";
  background-image: url(../images/memo_bg1.png);
  background-size: 100%;
  width: 79.47vw;
  height: 12.8vw;
  right: -5.6vw;
  top: -2.93vw;
}

.memo_box h3 span {
  font-weight: 800;
}

.memo_box .img_area img {
  width: 49.07vw;
  margin: 3.2vw 8.27vw 0 8.53vw;
}

#slide .slash_wrap {
  margin: 8.53vw auto 0;
}
#slide .slash_wrap p {
  font-weight: 800;
  font-size: 3.72vw;
}

#slide .slash_wrap h3 {
  font-size: 5.33vw;
  font-weight: 900;
}

#slide .slash_wrap h3 b {
  font-size: 6.4vw;
  color: #007712;
}

#slide .slash_wrap .slash::before,
#slide .slash_wrap .slash::after {
  width: 0.8vw;
  height: 12vw;
  bottom: -1.47vw;
  background-color: #ACA79C;
}

#slide .slash_wrap .slash::before {
  transform: rotate(-14deg);
  left: -4.27vw;
}
#slide .slash_wrap .slash::after {
  transform: rotate(14deg);
  right: -4.27vws;
}

/*accordion_area*/
.accordion_area {
  background: linear-gradient(180deg, #F0FDC1 0%, #F3FFCC 26.17%, #E7FF95 71.19%, #F1FFC3 95.76%);
  background-image: url(../images/accordion_bg.png);
  background-size: 100%;
  position: relative;
  padding-top: 6.4vw;
}
.accordion_area::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 16.47vw;
  background-image: url(../images/accordion_bg_bottom.png);
  background-size: 100%;
  bottom: 0;
}

.accordion_area .section_title {
  position: relative;
}

.accordion_area .section_title::after {
  position: absolute;
  content: "";
  background-image: url(../images/accordion_batch.png);
  background-size: 100%;
  width: 26.67vw;
  height: 29.07vw;
  right: 0;
  top: -3.3vw;
}

.accordion_area .section_title p {
  font-size: 4.8vw;
  text-align: left;
  font-weight: 800;
}

.accordion_area .section_title p span {
  font-size: 5.33vw;
  color: #017712;
}

.accordion_area .section_title h2 {
  text-align: left;
  margin-top: 0.8vw;
}

.accordion_area .section_title h2 span {
  font-size: 8.53vw;
  color: #017712;
}

.accordion_area .cloud_box {
  background-image: url(../images/cloud_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 91.73vw;
  height: 41.87vw;
  padding: 14.6vw 0 0 26.23vw ;
  margin: 3.2vw auto 1.07vw;
}

.accordion_area .cloud_box h3 {
  font-weight: 800;
  font-size: 4.8vw;
  color: #ffffff;
  margin-bottom: 1.07vw;
  text-align: left;
}

.accordion_area .cloud_box h3 span {
  color: #FACB32;
  font-size: 4.8vw;
}

.accordion_area .cloud_box p {
  color: #ffffff;
  font-weight: 400;
  font-size: 3.72vw;
}

.accordion_area .cloud_box p span {
  font-weight: 400;
  color: #FACB32;
}

.accordion_area .content_wrap img {
  width: 68.8vw;
  height: auto;
  margin: 3.2vw auto 0 ;
}

.accordion_area .content_wrap {
  padding: 0 4.27vw 16vw;
}

.accordion_area p {
  font-weight: 600;
  font-size: 4.27vw;
}

.accordion_area p span {
  font-weight: 800;
}

.accordion_area h3 {
  font-weight: 800;
  font-size: 7.47vw;
  text-align: center;
}

.accordion_area h3 span {
  font-size: 8.5vw;
}
.accordion_area .check_content {
  box-shadow: 0px 0px 10.67vw 0px #F4FFCD;
}

.accordion_area .accordion_title {
  width: 100%;
  height: 33.33vw;
  display: block;
  border-radius: 0.53vw 0.53vw 0.53vw 8vw ;
  border: solid 0.53vw #E1DDD3;
  box-shadow: 0.53vw 0.53vw 0px 0px #C0D774;
}

.accordion_area .accordion_title::before {
  content: "詳細をみる";
  background-color: unset;
  font-size: 3.72vw;
  font-weight: 600;
  width: 19.47vw;
  height: 5.6vw;
  bottom: 0.27vw;
  right: 8vw;
  top: unset;
}

.accordion_area .accordion_title::after {
  content: "";
  background-image: url(../images/accordion_open.png);
  background-color: unset;
  background-size: 100%;
  font-weight: 600;
  width: 5.33vw;
  height: 5.33vw;
  bottom: 1.6vw;
  right: 1.6vw;
  top: unset;
}

.accordion_area .accordion_title.active::before,
.accordion_area .accordion_title.active::after {
  content: none;
}


.accordion_area .accordion_title.active {
  border-radius: 0 0 0 0 ;
  border-bottom: unset;
  box-shadow: 0.53vw 0 0px 0px #C0D774;
}

.accordion_area .accordion_title .d-flex {
  justify-content: space-around;
}

.accordion_area .text_block {
  padding: 3.2vw 0 0 6.4vw;
  position: relative;
}

.accordion_area .accordion_title .text_block::after {
  position: absolute;
  content: "";
  background-image: url(../images/accordion_edge.png);
  background-size: 100%;
  width: 7.33vw;
  height: 6.53vw;
  left: 0;
  bottom: -8.8vw;
}

.accordion_area .accordion_title.active .text_block::after {
  content: none;
}

.accordion_area .accordion:nth-of-type(1) .accordion_title img {
  width: 17.6vw;
  height: 17.07vw;
}

.accordion_area .accordion:nth-of-type(2) .accordion_title img {
  width: 19.73vw;
  height: 19.2vw;
}

.accordion_area .accordion:nth-of-type(3) .accordion_title img {
  width: 22.4vw;
  height: 18.39vw;
}

.accordion_area .check_label {
  width: 17.4vw;
  height: 5.33vw;
  font-size: 2.67vw;
  font-weight: 600;
  color: #3D3D3D;
  background-color: #FACB32;
  padding: 0.8vw 0 0 0.27vw;
  border-radius: 0.53vw 0 2.13vw 0;
  white-space: nowrap;
  transform: translate(-0.27vw, -0.27vw);
}

.accordion_area .check_label span {
  font-size: 3.2vw;
  color: #3D3D3D;
}

.accordion_area .accordion_title h3 {
  font-size: 6.4vw;
  font-weight: 800;
  text-align: left;
  line-height: 1.2;
  position: relative;
}

.accordion_area .check_content:nth-of-type(1) .accordion_title h3::after {
  position: absolute;
  content: "";
  background-color: #FACB32;
  height: 0.8vw;
  width: 47vw;
  border-radius: 2.63vw;
  bottom: -0.8vw;
  left: 0;
}

.accordion_area .check_content:nth-of-type(2) .accordion_title h3::after {
  position: absolute;
  content: "";
  background-color: #FACB32;
  height: 0.8vw;
  width: 58.93vw;
  border-radius: 2.63vw;
  bottom: -0.8vw;
  left: 0;
}

.accordion_area .check_content:nth-of-type(3) .accordion_title h3::after {
  position: absolute;
  content: "";
  background-color: #FACB32;
  height: 0.8vw;
  width: 46.4vw;
  border-radius: 2.63vw;
  bottom: -0.8vw;
  left: 0;
}

.accordion_area .accordion_title h3 span {
  font-size: 7.47vw;
  font-weight: 700;
}

.accordion_area .accordion_title .text_block p {
  margin-top: 1.07vw;
  text-align: left;
}

.check_content .accordion_content {
  margin-top: -0.53vw;
  padding-top: 0.8vw;
  background-color: #ffffff;
  border-radius: 0 0 0.53vw 8vw;
  border: solid 0.53vw #E1DDD3;
  border-top: unset;
  box-shadow: 0.53vw 0.53vw 0px 0px #C0D774;
}

.check_content .accordion_content img {
  width: 78.67vw;
  height: auto;
  margin: 0 auto 5.33vw;
}

.accordion_content .text_block {
  padding: 0 6.4vw 8.53vw;
}

.accordion_content .text_block h3 {
  font-size: 4.8vw;
  line-height: 1.4;
  text-align: left;
  margin-bottom: 3.2vw;
}

.accordion_content .text_block p {
  font-size: 3.72vw;
  font-weight: 500;
}

.accordion_content .text_block p span {
  color: #3D3D3D;
  background: linear-gradient(to bottom,transparent 70%,#FACB32 70%,#FACB32 90%,transparent 90%);
}

.check_content .accordion_content .text_block::after {
  position: absolute;
  content: "";
  background-image: url(../images/accordion_edge.png);
  background-size: 100%;
  width: 7.33vw;
  height: 6.53vw;
  left: 0;
  bottom: 0;
}

.check_content .accordion_content .text_block button {
  position: absolute;
  content: "";
  background-image: url(../images/accordion_close.png);
  background-color: unset;
  background-size: 100%;
  font-weight: 600;
  width: 5.33vw;
  height: 5.33vw;
  bottom: 1.6vw;
  right: 1.6vw;
  top: unset;
}

.check_content .accordion_content .text_block button:hover {
  cursor: pointer;
}

/*.docomonisa*/

.docomonisa {
  background: linear-gradient(179.99deg, #FFFBDE 0.01%, #FFF6BC 24.11%, #FFFBE1 84.1%);
  padding-top: 10.67vw;
}

.docomonisa .section_title img {
  width: 84.53vw;
  margin: auto;
}

.docomonisa .contents_area {
  margin: 5.33vw auto 2.13vw;
}

.docomonisa .contents_area img {
  width: 91.47vw;
  margin: auto;
}

.docomonisa .contents_area .content {
  background-color: #ffffff;
  border: solid 0.4vw #E1DDD3;
  border-radius: 3.2vw;
  margin: 5.33vw 4.27vw 2.13vw;
  padding: 5.33vw 3.2vw 5.33vw 4.27vw;
}

.docomonisa .contents_area .content li  {
  display: flex;
  justify-content: left;
  margin-bottom: 2.13vw;
  line-height: 1;
}

.docomonisa .contents_area .content li p {
  font-weight: 600;
  font-size: 3.72vw;
}

.docomonisa .contents_area .content li span {
  font-weight: 800;
}

.docomonisa .contents_area .content li img {
  width: 5.33vw;
  height: 5.33vw;
  margin: auto 1.07vw auto 0;
  transform: translateY(-0.53vw);
}

.docomonisa .lead_block {
  width: 100%;
  background-color: #FACB32;
  border-radius: 2.13vw;
  padding: 2.13vw 3vw;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  gap: 2.63vw;
  font-size: 3.72vw;
  font-weight: 600;
  align-items: center;
}

.docomonisa .lead_block p {
  font-size: 3.72vw;
  font-weight: 500;
  text-align: left;
  position: relative;
  z-index: 1;
}

.docomonisa .lead_block p::after {
  content: "";
  position: absolute;
  background-image: url(../images/wave2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 42.13vw;
  height: 1.6vw;
  bottom: -0.1vw;
  right: 0;
  left: 0;
  margin: auto;
  z-index: -1;
}

.docomonisa .lead_block p span {
  font-weight: 800;
}

.docomonisa .lead_block img {
  width: 30.4vw;
}

.docomonisa ul.note {
  margin: 2.13vw 4.27vw 0;
}

/*slick_slider*/
.tab_content .slider {
  position: relative;
  border-radius: 2.13vw;
  width: 89.33vw;
  height: 64.53vw;
  padding: 19.2vw 0 5.33vw;
  background-color: #FFFFFF;
  border: 0.4vw solid #E1DDD3;
  margin: 0 auto 8.53vw!important;
}

.tab_content .slider_item {
  width: 89.33vw;
  padding: 0 7.47vw  0 10.67vw  ;
}

.tab_content .slider_item .d-flex {
  display: flex;
  justify-content: space-between;
  gap: 2vw;
}

.tab_content .slider_item p {
  font-size: 3.72vw;
  font-weight: 500;
  margin: auto 0;
}

.tab_content .slider_item p span {
  font-size: 4.27vw;
  font-weight: 800;
}

.slider_item img {
  width: 32vw;
}

.docomonisa .slick-dots li {
  width: 10.67vw;
  height: 10.67vw;
  margin: 0;
}

.docomonisa .slick-dots li button {
  width: 10.67vw;
  height: 10.67vw;
}

.docomonisa .slick-dots {
  width: min-content;
  height: 10.67vw;
  display: flex;
  top: 4.27vw;
  right: 0;
  left: 0;
  margin: 0 auto;
  gap: 8.53vw;
  background: linear-gradient(to bottom,transparent 45%,#ACA79C 49%,#ACA79C 51%,transparent 55%);
  background-position: 0.53vw 0;
}


.docomonisa .slick-dots li button:before {
  width: 10.67vw;
  height: 10.67vw;
  background-image: url(../images/step1.png);
  background-size: 100%;
}

.docomonisa .slick-dots li:nth-of-type(2) button::before {
  background-image: url(../images/step2.png);
}

.docomonisa .slick-dots li:nth-of-type(3) button::before {
  background-image: url(../images/step3.png);
}

.docomonisa .slick-dots li:nth-of-type(4) button::before {
  background-image: url(../images/step4.png);
}

.docomonisa .slick-dots li.slick-active button:before {
  background-image: url(../images/step1_active.png);
  background-color: #ffffff;
}

.docomonisa .slick-dots li:nth-of-type(2).slick-active button::before {
  background-image: url(../images/step2_active.png);
}

.docomonisa .slick-dots li:nth-of-type(3).slick-active button::before {
  background-image: url(../images/step3_active.png);
}

.docomonisa .slick-dots li:nth-of-type(4).slick-active button::before {
  background-image: url(../images/step4_active.png);
}

.docomonisa .slick-prev {
  width: 10.67vw;
  height: 10.67vw;
  left: -1.87vw;
  bottom: -12vw;
}

.docomonisa .slick-next {
  right: -1.87vw;
  width: 10.67vw;
  height: 10.67vw;
  bottom: -12vw;
}

.docomonisa .slick-prev::before,
.docomonisa .slick-next::before {
  background-image: url(../images/arrow_l.png);
  width: 10.67vw;
  height: 11.67vw;
}


.docomonisa .slick-next::before {
  background-image: url(../images/arrow_r.png);
}


.bnr_are {
  padding: 11.47vw 8.53vw 11.73vw;
}

.bnr_are .bnr_content {
  position: relative;
  border-radius: 3.2vw;
  border: solid 0.4vw #E1DDD3;
  background-color: #ffffff;
}

.bnr_are .bnr_content::before {
  position: absolute;
  content: "";
  width: 67.47vw;
  height: 11.2vw;
  background-image: url(../images/bnr_area.png);
  background-size: 100%;
  left: -7.47vw;
  top: -3.2vw;
}

.bnr_are .bnr_content img {
  width: 74.4vw;
  margin: 10.13vw auto  3.2vw;
}

.bnr_are .bnr_content p {
  font-size: 4.27vw;
  font-weight: 600;
  line-height: 1.2;
}

.bnr_content .d-flex {
  margin: 0 0 5.33vw 6.67vw;
}

.bnr_are .bnr_content .d-flex img {
  width: 9.6vw;
  margin: auto 0;
}

/*①オブジェクト表示エフェクト*/
@keyframes cts {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.is-animated {
  animation: 0.7s ease forwards cts;
}

.animate-on-scroll {
  opacity: 0;
}

/*③回転カルーセル*/
#slide {
  position: relative;
  min-height: 110vw;
  width: 100%;
  overflow: hidden;
}

.section_list {
  position: absolute;
  width: 400vw;
  top: -135vw;
  left: 50%;
  transform-origin: center center;
  transition: transform 0.5s ease-in-out;
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
@media screen and (min-width: 450px) {
  .section_list {
    top: -134vw;
  }
}
@media screen and (min-width: 550px) {
  .section_list {
    top: -132vw;
  }
}
@media screen and (min-width: 700px) {
  .section_list {
    top: -131vw;
  }
}


.section_list .list_square {
  position: relative;
}



.section_contents .rope {
  position: absolute;
  width: 100%;
  height: 9.07vw;
  z-index: 10;
  top: 22vw;
}

.section_list .memo {
  width: 86.13vw;
  height: 42.13vw;
  position: absolute;
  left: 7vw;
  bottom: -44.33vw;
  background-image: url(../images/slider_mmeo.png);
  background-size: 100%;
  z-index: 100;
  padding-left: 9.6vw;
}

.section_list .memo .text_area {
  position: relative;
}


.section_list .memo p {
  font-size: 3.72vw;
  font-weight: 600;
}

.section_list:nth-of-type(1) .memo,
.section_list:nth-of-type(3) .memo {
  padding-top: 13.87vw;

}

.section_list:nth-of-type(2) .memo {
  padding-top: 17.33vw;
}

.section_list .bubble {
  padding: 0 1.6vw;
  background-color: #007712;
  margin-bottom: 1.07vw;
}

.section_list .bubble p {
  font-size: 3.2vw;
  color: #ffffff;
  line-height: 1.48;
  padding: 0 1.07vw;
}

.section_list .memo h3 {
  font-size: 4.27vw;
  font-weight: 800;
  line-height: 1.4;
  margin-bottom: 0.8vw;
}

.section_list .memo h3 span {
  color: #017712;
}

.section_list .memo a {
  display: inline-block;
  position: relative;
  background-image: url(../images/slider2_icon.png);
  background-position-y: 10px;
  background-size: 100%;
  width: 6.4vw;
}

.section_list .memo a::after {
  position: absolute;
  content: "";
  background-image: url(../images/slider2_icon.png);
  background-size: 100%;
  width: 6.4vw;
  height: 6.4vw;
  top: -4.53vw;
}
.section_list:nth-of-type(1) .memo .text_area::after {
  position: absolute;
  content: "";
  background-image: url(../images/slider_img3.png);
  background-size: 100%;
  width: 20.8vw;
  height: 16vw;
  top: -3vw;
  right: 8vw;
}

.section_list:nth-of-type(2) .memo .text_area::after {
  position: absolute;
  content: "";
  background-image: url(../images/slider_img2.png);
  background-size: 100%;
  width: 18.67vw;
  height: 17.33vw;
  top: -0.2vw;
  right: 5vw;
}

.section_list:nth-of-type(3) .memo .text_area::after {
  position: absolute;
  content: "";
  background-image: url(../images/slider_img1.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 19.73vw;
  height: 19.47vw;
  top: 1.5vw;
  right: 8vw;
}


.slide_center {
  z-index: 30;
}

.slide_left,
.slide_right {
  z-index: 20;
}

.list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 0;
  line-height: 0;
  width: 25%;
  padding: 30px;
  box-sizing: border-box;
  transition: transform 1s ease-in-out;
}

/* === スライドアイテムの向き調整 === */
.section_list.slide_center .list {
  transform: rotate(90deg);
}

.section_list.slide_left {
  transform: translateX(-48%) translateY(30%) rotate(240deg) !important;
}

.section_list.slide_left .list {
  transform: rotate(111deg);
}

.section_list.slide_right {
  transform: translateX(-52%) translateY(30%) rotate(300deg) !important;
}

.section_list.slide_right .list {
  transform: rotate(69deg);
}

.section_pager {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 400;
  left: 50%;
  transform: translateX(-50%);
  gap: 73.33vw;
}

.pager {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  background: none;
  border-radius: 999px;
}
.pager_prev {
  top: 23.47vw;
  right: 37.33vw;
}

.pager_next {
  top: 23.47vw;
  left: 37.33vw;
}

.pager img {
  width: 10.67vw;
  height: 10.67vw;
}

.pager_prev, .pager_next {
  z-index: 500;
}

.pager_prev:hover, .pager_next:hover {
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 1;
}

.section_pager:nth-child(7) .pager_prev p.slide_on {
  color: blue;
}

body.slide_start .section_list {
  transition: transform 0.5s ease-in-out;
}

body.slide_stop .section_list {
  transition: none;
}



.tab_wrap .title img {
  width: 84.53vw;
  margin: 0 auto 8.53vw;
}

.tab_label {
  display: flex;
  gap: 1.07vw;
  justify-content: center;
}

.tab_label li {
  width: 45.2vw;
  height: 16vw;
  border: 0.4vw solid #CDCDCD;
  border-bottom: unset;
  background-color: #F7F5F3;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2.13vw 2.13vw 0 0 ;
}

.tab_label li:hover {
  cursor: pointer;
}

.tab_label li._active {
  border: 0.4vw solid #CC0000;
  border-bottom: unset;
  background-color: #FFFFFF;
}

.tab_label li p {
  color: #707070;
  font-weight: 500;
}

.tab_label li p span {
  color: #707070;
  font-weight: 800;
}

.tab_label li._active p span {
  color: #3d3d3d;
}

.tab_label li._active p {
  color: #3d3d3d;
}


.tab_label li img  {
  width: 9.07vw;
  height: 8.8vw;
  margin-right: 1.6vw;
}


.tab_content._active {
  display: block;
  border-top: solid 0.53vw #CC0000;
  border-bottom: solid 0.53vw #CC0000;
}

.tab_content {
  display: none;
}

#tab_01.tab_content {
  background-color: #CC0000;
}

#tab_01 .btn_wrap {
  margin: 8.53vw auto 3.2vw;
  width: 82.91vw;
}

#tab_01 .btn_wrap .btn {
  position: relative;
  width: 100%;
  font-size: 4.267vw;
  font-weight: 800;
  background: linear-gradient(180deg, #FACB32 50%, #F5BB00 50%);
  border-radius: 23.1vw;
  box-shadow: 0px 4px 0px 0px #B58B00;
  height: 14.93vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2.13vw auto ;
  border: 0.53vw solid #ECAB09;
}

#tab_01 .btn_wrap .btn:hover {
  cursor: pointer;
}

#tab_01 .btn_wrap .btn::after {
  background-image: url(../images/link_type2.png);
}

#tab_01 .btn_wrap div {
  background-color: #D9D7D5;
  padding: 2.13vw;
  margin-bottom: 8.53vw;
}

#tab_01 .btn_wrap div p {
  font-size: 2.4vw;
  font-weight: 600;
}

#tab_01 .btn_wrap h3,
#tab_02 .btn_wrap h3 {
  font-size: 5.33vw;
  font-weight: 800;
  color: #ffffff;
  margin: 0;
  text-align: center;
}

#tab_02.tab_content {
  background-color: #ffffff;
}
#tab_02 .btn_wrap h3 {
  color: #3D3D3D;
  margin-top: 6.4vw;
}

#tab_02 .btn_wrap {
  margin: 8.53vw auto 3.2vw;
  width: 89.33vw;
}

#tab_02 .btn_wrap .btn {
  position: relative;
    width: 82.39vw;
    font-size: 4.267vw;
    font-weight: 600;
    border: 0.53vw solid #E57878;
    background: linear-gradient(180deg, #DB0000 50%, #CC0000 50%);
    border-radius: 23.1vw;
    box-shadow: 0px 1.07vw 0px 0px #800000;
    height: 14.93vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2.13vw auto 3.2vw;
    color: #FFFFFF;
}

#tab_02 .btn_wrap .btn::after {
  background-image: url(../images/link_type3.png);
}

#tab_02 .btn_wrap .note li {
  text-align: center;
}

#tab_01 .slider_item ul.note,
#tab_02 .slider_item ul.note {
  margin: 2.13vw 0;
}

#tab_01.tab_content .slider .text_area,
#tab_02.tab_content .slider .text_area {
  background-color: #FACB32;
  padding: 1.6vw 0 1.13vw;
  width: 36vw;
  height: 16.8vw;
  border-radius: 1.07vw;
  margin-top: 1.6vw;
}

#tab_01.tab_content .slider .text_area p,
#tab_02.tab_content .slider .text_area p {
  font-size: 3.2vw;
  text-align: center;
}

#tab_01.tab_content .slider .text_area h3,
#tab_02.tab_content .slider .text_area h3 {
  font-size: 3.72vw;
  margin: 0 auto 2.13vw;
  position: relative;
  text-align: center;
  z-index: 1;
}
#tab_01.tab_content .slider .text_area h3::after,
#tab_02.tab_content .slider .text_area h3::after {
  content: "";
  position: absolute;
  background-image: url(../images/wave.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 17.6vw;
  height: 1.6vw;
  bottom: -0.6vw;
  right: 0;
  left: 0;
  margin: auto;
  z-index: -1;
}

.tab_content .d-flex div {
  margin: auto 0;
}



.step_line {
  display: flex;
  flex-direction: column;
  gap: 2.13vw;
  width: 10.67vw;
  position: relative;
  height: 48.53vw;
}

.step_line::after {
  content: "";
  position: absolute;
  background-color: #B3B3B3;
  height: 48vw;
  width: 0.8vw;
  top: 1%;
  left: 47%;
  z-index: -1;
}

.step_line li {
  width: 10.67vw;
  height: 10.67vw;
  border-radius: 100%;
  background-color: #E6E6E6;
  font-size: 2.4vw;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: start;
  text-align: center;
  padding-top: 1.33vw;
}

.step_line li._active {
  background-color: #B3B3B3;
}
.step_line li span {
  font-weight: 800;
  font-size: 4.8vw;
}

.step_list .step1,
.step_list .step2,
.step_list .step3,
.step_list .step4 {
  border: 0.27vw solid #E6E6E6;
  border-radius: 1.33vw;
  background-color: #ffffff;
  height: 48.53vw;
  width: 77.6vw;
  padding: 4.27vw;
}

.step_list .step1 ,
.step_list .step2 ,
.step_list .step3 {
  display: flex;
}


.step_list img {
  width: 32vw;
  height: 40vw;
}

.step_list .step4 img {
  width: 69.07vw;
  height: 25.87vw;
}

.step_list .step4 .slash {
  display: flex;
  width: 52.53vw;
  margin: auto;
}

.step_list .step4 .slash img {
  width: 8.8vw;
  height: 8.8vw;
}

.scroll_area {
  height: 400vw;
}

.step_list {
  position: relative;
}

.step_item {
  position: absolute;
  opacity: 0;

}
.step_item._active {
  opacity: 1;
}


/*⑤フロートアイテム*/
.float_item {
  opacity: 0;
  visibility: hidden;
  height: 21.33vw;
  width: 21.33vw;
  position: fixed;
  left: 4.267vw;
  bottom: 5.333vw;
  background: linear-gradient(180deg, #DB0000 50%, #CC0000 50%);
  border: 0.53vw solid #E57878;
  box-shadow: 0px 1.07vw 0px 0px #800000;
  border-radius: 50%;
  z-index: 500;
   transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; /* 0.5秒かけてゆっくり変化 */
}

.float_item a#anchor_floatingcv {
  height: 21.33vw;
  width: 21.33vw;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.float_item a#anchor_floatingcv:hover {
  opacity: 1;
}

.float_item:nth-of-type(2) {
  min-width: 10.67vw;
  width: 10.67vw;
  height: 10.67vw;
  right: 4.53vw;
  left: unset;
  background: #3D3D3D99;
  box-shadow: 0px 0px 10px 0px #4D463926;
  border: unset;
  display: flex;
  justify-content: end;
}

.float_item:nth-of-type(2) img {
  width: 10.4vw;
  height: 8.8vw;
  margin: auto 0;
  transform: translateX(1.9vw);
}

.float_item:nth-of-type(2) .text_link {
  display: none;
}

.float_item:nth-of-type(2) .text_link.active {
  display: block;
}

.float_item:nth-of-type(2) a {
  color: #ffffff;
  font-weight: 800;

}



.float_item.is-visible {
  opacity: 1;
  visibility:visible;
}


.float_item div {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.float_item button {
  position: absolute;
  height: 9.11vw;
  width: 9.11vw;
  left: -2.27vw;
  top: -2.27vw;
}
.float_item button:hover {
  cursor: pointer;
  opacity: 0.7;
}
.float_item button img {
  height: 7.47vw;
  width: 7.47vw;
}


.float_item div {
  position: relative;
}

.float_item p {
  color: #ffffff;
  text-align: center;
  font-size: 3.2vw;
  font-weight: 600;
}

.float_item p span {
  color: #ffffff;
  font-size: 3.2vw;
  font-weight: 800;
}

.float_item img {
  width: 9.33vw;
}

.float_item img.icon_arrow {
  width: 4.27vw;
  height: 4.27vw;
}

/*modal*/
/* modal */
body {
  overflow-y: scroll;
}

body.modalLock {
  position: fixed;
  left: 0;
  width: 100%;
}

.modal::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.modal {
  background-color: rgba(0, 0, 0, 0.40);
  position: fixed;
  top: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  z-index: 10000;
  text-align: center;
}

.modal_open:hover {
  opacity: 0.8;
  cursor: pointer;
}

.modal__item {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  width: 92%;
  max-width: 91.47vw;
  background-color: #fff;
  border-radius: 2.13vw;
  padding: 6.4vw 4.27vw;
  height: min-content;
  max-height: 80vh;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: clip;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.modal__item img {
  margin-top: 3.2vw;
}

.modal__item h3 {
  font-size: 5.33vw;
  font-weight: 800;
  line-height: 1.48;
  margin-bottom: 3.2vw;
}

.modal__item h4 {
  font-size: 4.8vw;
  margin-bottom: 3.2vw;
}

.modal__item p {
  font-size: 3.72vw;
  font-weight: 600;
  line-height: 1.48;
  margin-bottom: 3.2vw;
}

.modal__button {
  position: absolute;
  top: 3.2vw;
  right: 3.2vw;
  width: 4.27vw;
  height: 4.27vw;
  background-image: url(../images/x-circle.png);
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.modal__button:hover {
  opacity: 0.6;
}

.modal__item .note:not(:first-of-type) {
  counter-reset: note-counter;
}

.modal__item .caption {
  font-size: 2.933vw;
  margin-bottom: 1.066vw;
  text-align: center;
}

#simulatorResultAreaInner .btn_area_wrap {
  margin: 4.267vw 0 3.2vw;
  display: flex;
  justify-content: space-between;
  gap: 2.133vw;
  transform: translateX(-4.27vw);
}

#simulatorResultAreaInner .btn_area_wrap .btn {
  width: 40vw;
  height: 14.933vw;
  background: #FCFCFC;
  border: 0.533vw solid #E0DFDD;
  box-shadow: 0px 1.333vw 0px 0px #B3B3B3;
}

#simulatorResultAreaInner .btn_area_wrap .btn p {
  font-size: 2.933vw;
  font-weight: 600;
}

#simulatorResultAreaInner.active .chart_area_wrap .slash_wrap {
  display: none;
}

.footer .copy {
  padding: 0 0 28vw;
}

@media screen and (min-width: 768px) {

  #slide .note_area {
    position: relative;
  }

  #slide .note_area .note_content {
    background-image: url(../images/note.png);
    background-size: 100%;
    width: 323px;
    height: 131px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100px;
  }
   #slide .note_area .note_content:nth-of-type(1) {
    top: 108px;
  }
  #slide .note_area .note_content:nth-of-type(2) {
    left: 64%;
    transform:rotate(-2.76deg) ;

  }
  #slide .note_area .note_content:nth-of-type(3) {
    left: 11%;
    transform: rotate(3.45deg);
  }
}

.breadcrumb_list {
  background-color: #FFFFFF;
  padding: 4.27vw 0 4.27vw 4.27vw;
}


.breadcrumb_list ul li {
  display: inline;
  font-size: 3.72vw;
}

.breadcrumb_list ul li:not(:last-of-type)::after  {
  content: "›";
  margin: 0.6em;
}

.breadcrumb_list ul li a {
  display: inline;
}

/* プラチナアップグレードエリア */
#platinaUpgradeArea {
  display: none;
  border: 0.533vw solid #46433d;
  border-radius: 2.133vw;
  padding: 9.067vw 4.267vw 5.333vw;
  margin: 6.4vw 4.27vw;
  background: #f0eeec;
  position: relative;
  overflow: hidden;
}

#platinaUpgradeArea .platinaUpgradeArea_haeder {
  width: 100%;
  height: 5.067vw;
  background: #46433d;
  position: absolute;
  left: 0;
  top: 0;
}

#platinaUpgradeArea .platinaUpgradeArea_haeder::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 8px solid #ffffff;
  border-top: 0;
}

#platinaUpgradeArea .img_area {
  display: flex;
  align-items: center;
  margin: auto;
  width: 100%;
  border-radius: 2.133vw;
  padding: 1.6vw 2.267vw;
  gap: 2.133vw;
  margin-bottom: 0;
  background: #f7f7f7;
}

#platinaUpgradeArea .img_area img {
  width: 16vw;
}

#platinaUpgradeArea .img_area p {
  font-size: 4.8vw;
  font-weight: bold;
}

#platinaUpgradeArea .lead_text {
  display: flex;
  width: 100%;
  margin: auto;
  margin-bottom: 2.133vw;
  padding-top: 3.2vw;
  justify-content: center;
  align-items: center;
  background-image: url(../images/bg_simulation_point.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}

#platinaUpgradeArea .lead_text .text-sm {
  font-size: 2.93vw;
}

#platinaUpgradeArea .lead_text .text-bg {
  font-size: 4.5vw;
  font-weight: bold;
}

#platinaUpgradeArea .lead_text #platinaPoint {
  font-size: 6.4vw;
  color: #CC0000;
}

#platinaPointDiff {
  color: #CC0000;
}

#platinaUpgradeArea .lead_text_sub {
  width: auto;
  max-width: 100%;
  padding: 1.067vw 0;
  font-size: 4.267vw;
  border-radius: 16vw;
  font-weight: bold;
  margin: auto;
  background: #ffffff;
}

#platinaUpgradeArea .lead_text_sub .text-sm {
  font-size: 3.733vw;
}

#platinaUpgradeArea .lead_text sup {
    font-size: 3vw;
}

@media screen and (min-width: 768px) {

  /* SPの影対応 */
  body {
    background: #F9FFCF;
  }

  main {
    max-width: 600px;
    margin: auto;
    box-shadow: 0px 0px 70px 0px rgba(64, 78, 44, 0.3);
  }
  


  .fv_inner {
    height: 1605.6px;
    padding: 467.22px 24px 0;
    width: 600px;
    margin: auto;
  }

  .fv_inner::after {
    height: 139.2px;
  }

  .fv .text_area .bubble {
    padding: 9.60px 15.78px;
    top: 51.18px;
    left: 19.2px;
  }

  .fv .text_area .bubble p {
    font-size: 19.20px;
  }

  .fv .text_area h3 {
    font-size: 35.22px;
    top: 107.22px;
    left: 24px;

  }

  .fv .text_area h3 span {
    font-size: 28.80px;
  }


  .fv .text_area .img_area img {
    width: 548.82px;
    height: auto;
  }
  .fv .text_area .img_area img:nth-of-type(2) {
    width: 432px;
    top: -167.22px;
    left: 84.78px;
  }

  .fv ul.note li,
  .fv ol.note li {
    line-height: 1.1 !important;
    margin-bottom: 10px;
    font-size: 17.6px;
  }

  /*anchor_link_area*/
  .anchor_link_area {
    padding: 32.40px 0 0;
  }

  .anchor_link_area h3 {
    margin: 0 auto 25.62px;
    font-size: 35.22px;
  }

  .anchor_link_area h3 span {
    font-size: 30.42px;
  }

  .anchor_link_wrap {
    gap: 3px;
  }

  .anchor_link_wrap li a {
    width: 182.94px;
    height: 107.22px;
    padding: 0 6.42px 6.42px 0;
    background-size:176.52px 100.80px;
  }

  .anchor_link_wrap li a img {
    width: 176.52px;
    height: 100.80px;
  }

  .anchor_link_wrap li a:hover {
    transform: translate(6.42px, 6.42px);
  }

  .anchor_link_area .btn {
    width: 555.18px;
    padding: 0 6.42px 6.42px 0;
    margin-bottom: 25.62px;
    background-size: 548.82px 79.98px;
    margin-top: 6.42px;
  }

  .anchor_link_area .btn:hover {
    transform: translate(6.42px, 6.42px);
  }

  .anchor_link_area .btn img {
    width: 548.82px;
  }

  /*simulation_area*/
  .simulation_area::after {
    height: 156.78px;
  }


  .simulation_area .inner {
    padding: 64.02px 25.62px 111.60px;
    width: 600px;
    margin: auto;
  }

  .simulation_area .section_title img {
    width: 460.80px;
  }

  .simulation_area h2 {
    font-size: 44.82px;
  }

  .simulation_area h2 span {
    font-size: 51.18px;
  }


  h2 span.scroll_text {
    margin: auto -6.42px;
  }
  p span.scroll_text {
    margin: auto -3.18px;
  }

  .arrow {
    width: 49.62px;
    height: 54.42px;
  }

  .simulation_container {
    background-position-y: 25.62px;
    padding: 84.78px 25.62px 76.80px;
    margin: 6.42px auto;
    border: 2.40px solid #E1DDD3;
    border-radius: 19.20px;
  }

  .simulation_container .text_area img {
    width: 411.18px;
    margin: 0 auto 31.98px;
  }

  .simulation_container .accordion {
    margin-top: 51.18px;
    border: solid 2.40px #E0DEDC;
    box-shadow: 0px 2px 0px 0px #ACA79C;
    border-radius: 12.78px;
  }

  .simulation_area .simulation_container .accordion_title {
    padding: 15.78px 25.62px;
  }

  .simulation_area .simulation_container .accordion_title::after {
    width: 25.62px;
    height: 25.62px;
  }

  .simulation_area .simulation_container .accordion_content {
    padding: 0 25.62px 24px;
  }


  .contents_block .content:nth-of-type(1) {
    gap: 129.6px;
  }

  .contents_block .content:nth-of-type(2) {
    gap: 84.78px;
  }
  .contents_block .content {
    margin-bottom: 12.78px;
  }

  .content div b:after {
    width: 43.2px;
    height: 3.2px;
    border-radius: 15.67px;
    bottom: 0;
  }

  .content div:nth-of-type(3) b:after {
    width: 67.2px;
  }
  .content:nth-of-type(5) div:nth-of-type(3) b:after {
    width: 131.22px;
  }

  .contents_block .content.purpose::after {
    height: 395.22px;
    width: 4.80px;
    top: 32.40px;
  }

  .content.img_block img {
    width: 161.58px;
  }

  .content.img_block img:nth-of-type(2) {
    width: 140.82px;
    height: 124.80px;
    margin: 14.40px 0 3.18px;
  }

  .content.title img {
    width: 206.40px;
  }

  .content .circle {
    width: 72px;
    height: 67.20px;
    border-radius: 64.20px;
  }

  .content .circle p {
    font-size: 19.20px;
  }
  .content div {
    width: 206.40px;
    box-shadow: 0px 0px 30px 0px #B6DCBB33 inset;
    border-radius: 12.78px;
  }

  .content div:nth-of-type(3) a {
    width: 38.40px;
  }

  .content div:nth-of-type(3) a::after {
    width: 38.40px;
    height: 38.40px;
    top: -25.8px;
    left: 0;
  }

  .purpose div {
    height: 126.42px;
  }

  .case div,
  .strength div {
    height: 115.20px;
  }

  .weekness div {
    height: 99.18px;
  }

  .content div p {
    font-size: 19.20px;
  }

  .content div b {
    font-size: 22.32px;
  }

  .content div b span {
    font-size: 19.20px;
  }

  .purpose div p {
    font-size: 22.32px;
  }

  .case div:nth-of-type(1) p,
  .case div:nth-of-type(3) p {
    padding-left: 1.5em;
    padding-right: 19.20px;
  }

  .case div:nth-of-type(1) p::before,
  .case div:nth-of-type(3) p::before {
    width: 6.42px;
    height: 6.42px;
    border-radius: 160.02px;
    top: 7.98px;
    left: 12.78px;
  }

  .case div p:nth-of-type(2) {
    margin-top: 12.78px;
  }

  .case div:nth-of-type(3) p:nth-of-type(2) {
    margin-top: 6.42px;
  }

  .simulation_area .slash_wrap {
    margin: 64.02px auto 19.20px;
  }

  .nisa_content {
    width: 497.58px;
    height: 252.78px;
    padding: 38.40px 22.32px 22.32px 27.18px;
  }

  .nisa_content  h3 {
    font-size: 44.82px;
     margin: 12px auto;
  }
  .nisa_content h3 span {
    font-size: 38.40px;
  }

  .nisa_content img {
    width: 212.82px;
    height: 96px;
    margin-right: 12.78px;
  }

  .nisa_content .text_area {
    border-radius: 12.78px;
    padding: 12.78px;
  }

  .nisa_content .text_area p {
    font-size: 22.32px;
  }

  .nisa_content .text_area p b span {
    font-size: 25.62px;
  }

  .simulation_area .simulation_accordion {
    border: 3.18px solid #3D3D3D;
    border-radius: 12.78px;
    box-shadow: 0px 6.42px 0px 0px #00570D;
  }

  .simulation_area .simulation_accordion .accordion_title::after {
    width: 25.62px;
    height: 25.62px;
  }

  .simulation_area .accordion_title {
    padding: 9.60px 31.98px 12.78px 12.78px;
    border-radius: 12.78px;
  }
  .simulation_area .accordion .d-flex img {
    width: 86.40px;
    height: 86.40px;
  }

  .simulation_area .accordion_title .d-flex .d-flex p {
    border-radius: 79.98px;
    font-size: 22.32px;
    padding: 1.62px 16.02px;
    margin: 5.58px 0 12.78px;
  }

  .simulation_area .accordion_title .d-flex .d-flex h3 span {
    font-size: 25.62px;
    letter-spacing: -0.78px;
  }


  /* simulator_area */
  .simulator_accordion_inner {
    border-radius:0 0 12.78px 12.78px;
  }
  section.dcard .inner.simulator_area_inner {
    padding: 0 16px;
  }
  .simulator_area {
    padding-bottom: 64.02px;
  }

  a.link.icon.icon_type1 {
    padding-right: 28.80px;
    padding-top: 9.60px;
  }

  a.link.icon::after {
    width: 0.92307692307em;
    height: 0.92307692307em;
    margin-left: 0.25em;
    bottom: 0.21428571428em;
  }

  .simulator_area.title_wrap {
    height: 212.80px;
    margin-bottom: 19.20px;
  }
  .simulator_area.title_wrap .bubble {
    width: 380.80px;
  }
  .simulator_area.title_wrap .bubble_text {
    font-size: 24px;
  }
  .simulator_area.title_wrap h2 {
    font-size: 38.40px;
  }

  .simulator_area_inner01 {
    border-radius: 12.80px;
    padding: 44.82px 0;
  }
  .input-group,
  .simulator_slider_wrap,
  .simulator_area .card_wrap,
  #simulatorResultAreaInner,
  .simulator_area .caution_wrap {
    margin: auto 25.62px;
  }

  .chart-container {
    margin-top: 12.78px;
  }
  #addBarsButton {
    width: 494.40px;
    font-size: 25.60px;
    border-radius: 127.80px;
    border: 3.18px solid #ECAB09;
    background: linear-gradient(180deg, #FACB32 50%, #F5BB00 50%);
    padding: 5.22px 0;
    transform: translateX(-25.62px);
    box-shadow: 0px 6.42px 0px 0px #B58B00;
    margin-bottom: 31.98px;
    border: 2px solid #ECAB09;
  }

  #addBarsButton:hover,
  #backYourSettingButton:hover {
    transform: translate(-25.62px, 6px );
  }

  #backYourSettingButton {
    width: 494.40px;
    font-size: 25.60px;
    border: 3.18px solid #E0DFDD;
    transform: translateX(-25.62px);
    box-shadow: 0px 6.42px 0px 0px #CCCCCC;
    margin-top: 25.62px;
  }

  .simulator_area .btn {
      width: 420.80px;
      height: 89.60px;
  }

  .btn.btn_type2 {
      background: linear-gradient(180deg, #DB0000 50%, #CC0000 50%);
      border: 2px solid #E57878;
      box-shadow: 0px 6px 0px 0px #800000;
  }

  .btn.btn_type2 .btn_text {
    font-size: 25.62px;
  }

  .simulator_area .btn::before {
      left: 9.60px;
  }

  .btn.icon_type3::before {
      width: 70.38px;
      height: 70.38px;
  }

  .btn.icon_type3::after {
      width: 25.62px;
      height: 25.62px;
  }

  .btn::after {
      right: 24px;
  }

  /* グラフ生成後に表示するコンテンツ */
  .simulator_area .input-group h3 {
    font-size: 44.82px;
    margin-bottom: 38.40px;
  }

  .simulator_area .input-group h3 span {
    font-size: 48px;
  }

  .simulator_area .input-group p {
    font-size: 32.00px;
  }
  .simulator_area .input-group p sup {
    font-size: 19.20px;
  }
  .simulator_input {
    width: 102.40px;
    height: 65.60px;
    border-radius: 6.40px;
    font-size: 44.80px;
    border: 3.20px solid #F0EEEC;
  }
  .simulator_input:focus {
      outline: solid 3.20px #facb32;
  }
  .simulator_area .input-group p.text-sm {
    font-size: 17.60px;
  }
  /* スライダー */
  .simulator_slider {
    width: 344.00px;
    height: 8.00px;
    border-radius: 15998.40px;
    background: linear-gradient(90deg, #facb32 44.4444%, #e6e6e6 44.4444%);
  }
  .simulator_slider::before,
  .simulator_slider::after {
    bottom: -38.40px;
    font-size: 17.60px;
  }

  /* ツマミ：Chrome, Safari, Edge用 */
  .simulator_slider::-webkit-slider-thumb {
    width: 32.00px;
    height: 32.00px;
    border-radius: 15998.40px;
  }

  /* ツマミ：Firefox用 */
  .simulator_slider::-moz-range-thumb {
    width: 32.00px;
    height: 32.00px;
    border-radius: 15998.40px;
  }

  .simulator_slider_wrap {
    margin-bottom: 51.20px;
  }
  .simulator_minus,
  .simulator_plus {
    width: 96px;
    height: 96px;
  }
  .simulator_minus::after,
  .simulator_plus::after {
    top: 3.20px;
    width: 96px;
    height: 96px;
  }
  .simulator_minus::after {
    right: -8.00px;
  }
  .simulator_plus::after {
    right: 1.60px;
  }
  /* カードエリア */
  .simulator_area .card_wrap {
    margin-bottom: 38.40px;
  }
  .simulator_area .card_wrap .card_content {
    border: 1.60px solid #f0eeec;
    width: 31.6%;
    height: 208.00px;
    border-radius: 12.80px;
    padding-top: 19.20px;
    padding-bottom: 12.80px;
  }
  .simulator_area .card_content p {
    margin: 0 auto;
    font-size: 14.40px;
  }
  .simulator_area .card_content p.lead_text {
    margin-top: 3.20px;
    margin-bottom: 12.80px;
    width: 102.40px;
    font-size: 16.00px;
    border-radius: 80.00px;
  }
  .simulator_area .card_content p.card_name {
    min-height: 55.20px;
  }
  .simulator_area .card_content img {
    height: 59.68px;
    margin-bottom: 6.40px;
  }

  /* カードボタンselected */
  .simulator_area .card_wrap .card_content.selected {
    border: 3.20px solid #facb32;
  }

  .simulator_area .card_wrap .card_content.selected::before {
    top: -11%;
    width: 35.20px;
    height: 35.20px;
  }

  /* シミュレーション結果について */
  .simulator_area .caution_wrap h5 {
    margin-top: 38.40px;
    margin-bottom: 12.78px;
    font-size: 19.20px;
  }

  .simulator_area .caution_wrap ol.note li {
    font-size: 12px;
  }

  /* シミュレーションエリア外装 */

  #simulatorResultArea.active::before {
    top: -72px;
    width: 4.80px;
    height: 22.40px;
  }

  #simulatorResultAreaInner {
    padding: 0 25.60px;
    margin-top: 127.98px;
  }

  #simulatorResultAreaInner.active {
    padding: 91.20px 25.60px 0;
  }

  .simulator_area .lead_text_wrap {
    margin-left: -4%;
    margin-bottom: 25.60px;
  }

  .simulator_area .lead_text_wrap::after {
    width: 494.40px;
    height: 3.18px;
    bottom: -25.62px;
  }

  #simulatorResultAreaInner .lead_text_wrap p {
    font-size: 31.20px;
    margin-top: 12.80px;
  }

  #simulatorResultAreaInner .lead_text_wrap p sup {
      font-size: 16.00px;
  }

  #simulatorResultAreaInner .lead_text_wrap .lead_text_white {
    font-size: 22.40px;
    width: 246.40px;
    padding: 6.40px 0;
    border-radius: 96px;
  }

  #simulatorResultAreaInner .lead_text_wrap .totalPoint {
    font-size: 51.20px;
  }

  #simulatorResultAreaInner .bubble_wrap {
    margin-bottom: 6.42px;
  }

  #simulatorResultAreaInner .bubble_wrap img {
    width: 307.20px;
  }

  /* チャート生成ボタン */
  #generateChartButton {
    width: 494.40px;
    font-size: 25.60px;
    background: linear-gradient(180deg, #FACB32 50%, #F5BB00 50%);
    border-radius: 138.60px;
    box-shadow: 0px 4px 0px 0px #B58B00;
    height: 89.58px;
    border: 2px solid #ECAB09;
  }
  #generateChartButton:hover {
    transform: translateY(6px);
  }

  #generateChartButton::after,
  #addBarsButton::after,
  #backYourSettingButton::after,
  #tab_01 .btn_wrap .btn::after,
  #tab_02 .btn_wrap .btn::after {
    width: 25.62px;
    height: 25.62px;
    right: 19.20px;
  }

  /* チャートエリア */
  #simulatorResultAreaInner .border {
    padding-top: 25.62px;
  }

  .chart_area_wrap .bubble {
    padding: 0 19px;
  }
  #simulatorResultAreaInner .chart_area_wrap .bubble::after,
  #simulatorResultAreaInner.active .chart_area_wrap .bubble::after {
    bottom: -8.78px;
    width: 22.4px;
    height: 19.2px;
  }

  .chart_area_wrap .bubble_text {
    font-size: 25.60px;
    height: 52.8px;
  }
  .chart_area_wrap .bubble_text span {
    font-size: 22.32px;
  }

  .chart_area_wrap .lead_text {
    font-size: 32.00px;
  }

  .chart_area_wrap .lead_text_sub {
    font-size: 25.62px;
    margin-top: 25.62px;
  }

  .chart_area_wrap .totalAmountRounded {
    font-size: 51.20px;
  }

  .chart_area_wrap .slash_wrap {
    margin: 25.62px auto 6.42px;
  }

  .chart_area_wrap .slash_wrap .slash p {
    font-size: 19.20px;
  }

  .chart_area_wrap .slash_wrap .slash::before,
  .chart_area_wrap .slash_wrap .slash::after {
    height: 28.80px;
    bottom: 2.40px;
  }

  .chart_area_wrap .note li {
    margin-top: 25.62px;
  }

  #displayGraphDescription {
    margin-bottom: 25.60px;
  }

  /* 追加要素 */
  .simulator_result_extratext {
    height: 72px;
    padding: 19.20px 0;
  }

  .simulator_result_extratext p {
    font-size: 25.60px;
  }

  /* ツールチップ */
  .simulator_area .tooltip_area {
    margin-bottom: 32.00px;
  }

  .simulator_area .tooltip_area > div.active {
    border: 1.60px solid #EB9999;
    border-radius: 12.80px;
    padding: 12.80px 9.60px;
  }

  .simulator_area .tooltip_area > div:nth-of-type(2).active {
    border: 1.60px solid #64C482;
  }

  .simulator_area .tooltip_area > div h4 {
    font-size: 17.60px;
    margin-bottom: 6.40px;
  }

  .simulator_area .tooltip_area > div p {
    font-size: 12.80px;
  }

  .simulator_area .tooltip_area > div p:nth-of-type(1) {
    margin-bottom: 6.42px;
  }

  .simulator_area .tooltip_area > div p::before {
    margin-right: 0.35em;
    width: 16.32px;
    height: 16.32px;
  }

  .chart_subtitle {
    font-size: 10.91px;
    bottom: 80%;
    left: 6.40px;
  }

  /* シミュレーションエリア下部 */
  .simulator_area_inner02 {
    border-radius: 12.78px;
  }

  .point_description_area {
      border-radius: 12.80px;
      padding: 32.00px 25.60px 38.40px;
      margin-bottom: 51.20px;
  }

  .point_description_area h3 {
      font-size: 38.40px;
      margin-bottom: 25.60px;
  }

  .point_description_area .content_wrap {
      padding-bottom: 12.80px;
      padding-top: 12.80px;
  }

  .point_description_area .content_wrap:not(:nth-of-type(3)) {
    background-image: linear-gradient(to right, #9E9E9E, #9E9E9E 3.20px, transparent 0);
    background-size: 9.60px 2.00px;
  }

  .point_description_area .content_wrap::before {
      width: 92.80px;
      height: 92.80px;
      margin-right: 19.20px;
  }

  .point_description_area .content_wrap p {
      font-size: 22.40px;
  }

  .point_description_area .content_wrap p sup {
    font-size: 16.00px;
  }

  .point_description_area .content_wrap p .text-red {
    font-size: 25.60px;
  }

  .simulator_area_inner02 .btn_area_wrap .note li {
    text-indent: -1.5em;
    padding-left: 1.5em;
  }

  .simulator_area_inner02 .btn_area_wrap .note li::before {
    margin-right: 0;
  }

  .simulator_area_inner02 .btn_area_wrap .btn {
    height: 89.60px;
    width: 494.40px;
  }

  .simulator_area_inner02 .btn_area_wrap .btn:hover {
    transform: translateY(6px);
  }

  .simulator_area_inner02 .btn_area:nth-of-type(2) .btn_text {
    font-size: 20.80px;
  }

  .simulator_area_inner02 .accordion {
    margin-top: 38.40px;
    margin-bottom: 38.40px;
  }
  .simulator_area_inner02 .accordion_title {
    padding: 25.60px 0 25.60px 25.60px;
  }
  .simulator_area_inner02 .accordion_content {
    padding: 0 25.60px 25.60px;
  }

  .simulator_area_inner02 .accordion_content h5 {
    font-size: 19.20px;
    margin-bottom: 19.20px;
  }

  .simulator_area_inner02>.caution_text {
    font-size: 19.20px;
  }

  /*nisa*/
  .nisa {
    padding: 38.40px 0 97.80px;
    height: 1355.40px;
  }

  .nisa .inner {
    width: 600px;
    margin: auto;
  }
  .nisa .section_title img {
    width: 528px;
    margin: 0 auto 15.78px;
  }
  

  .nisa .content_area {
    margin-top: 17.58px;
    height: 648px;
  }
  .memo_bg {
    height: 93.30px;
  }

  .content_area .memo_box {
    height: 567.18px;
    width: 548.82px;
    top: 72.13px;
    left: 25.62px;
    padding: 59.22px 83.22px 0 60.78px;
  }
  .content_area .memo_box .memo_inner::after {
    width: 332.82px;
    height: 89.58px;
    top: -121.62px;
    left: 48px;
  }
  .content_area .memo_box .title {
    padding-left: 9.60px;
  }

  .content_area .memo_box .title p {
    font-size: 25.62px;
    margin: 0 0 16.02px 0;
  }

  .content_area .memo_box .title h3 {
    font-size: 38.40px;
    margin: 25.62px 0 19.20px 0;
  }

  .content_area .memo_box .title h3 span {
    font-size: 44.82px;
  }

  .content_area .memo_box .img_area {
    border-radius: 13.38px;
    margin: 12.78px auto;
    padding-bottom: 31.98px;
    width: 395.22px;
  }

  .content_area .memo_box .example {
    padding: 3.18px 16.02px;
    font-size: 19.20px;
    border-radius: 12.78px 12.78px 0 0 ;
    padding: 6.42px 0;
  }
  .memo_box h3 {
    font-size: 28.80px;
    margin-top: 24px;
  }
  .content_area .memo_box .title h3 span:nth-of-type(1)::after {
    width: 100.8px;
    height: 9.6px;
    left: 20.82px;
    top:-4.8px;
  }
  .memo_box h3::before {
    width: 476.82px;
    height: 76.80px;
    right: -33.60px;
    top: -17.58px;
  }

  .memo_box .img_area img {
    width: 294.42px;
    margin: 19.20px 49.62px 0 51.18px;
  }

  #slide .slash_wrap {
    margin: 51.18px auto 0;
  }
  #slide .slash_wrap p {
    font-size: 22.32px;
  }

  #slide .slash_wrap h3 {
    font-size: 31.98px;
  }

  #slide .slash_wrap h3 b {
    font-size: 38.40px;
  }

  #slide .slash_wrap .slash::before,
  #slide .slash_wrap .slash::after {
    width: 4.80px;
    height: 72px;
    bottom: -8.82px;
  }

  #slide .slash_wrap .slash::before {
    transform: rotate(-14deg);
    left: -25.62px;
  }
  #slide .slash_wrap .slash::after {
    transform: rotate(14deg);
    right: -25.62pxs;
  }

  /*accordion_area*/
  .accordion_area {
    padding-top: 38.40px;
  }
  .accordion_area .inner {
    width: 600px;
    margin: auto;
  }
  .accordion_area::after {
    height: 100px;
  }

  .accordion_area .section_title::after {
    width: 160.02px;
    height: 174.42px;
    right: 0;
    top: -19.80px;
  }

  .accordion_area .section_title p {
    font-size: 28.80px;
  }

  .accordion_area .section_title p span {
    font-size: 31.98px;
  }

  .accordion_area .section_title h2 {
    margin-top: 4.80px;
  }

  .accordion_area .section_title h2 span {
    font-size: 51.18px;
  }

  .accordion_area .cloud_box {
    width: 550.38px;
    height: 251.22px;
    padding: 87.60px 0 0 157.38px ;
    margin: 19.20px auto 6.42px;
  }

  .accordion_area .cloud_box h3 {
    font-size: 28.80px;
    margin-bottom: 6.42px;
  }

  .accordion_area .cloud_box h3 span {
    font-size: 28.80px;
  }

  .accordion_area .cloud_box p {
    font-size: 22.32px;
  }

  .accordion_area .content_wrap img {
    width: 412.8px;
    margin: 19.20px auto 0 ;
  }

  .accordion_area .content_wrap {
    padding: 0 25.62px 96px;
  }

  .accordion_area p {
    font-size: 25.62px;
  }

  .accordion_area h3 {
    font-size: 44.82px;
  }
  .accordion_area .check_content:nth-of-type(1) .accordion_title h3::after {
    width: 282px;
    height: 4.8px;
    border-radius: 15.78px;
    bottom: -4.8px;
  }

  .accordion_area .check_content:nth-of-type(2) .accordion_title h3::after {
    width: 353.58px;
    height: 4.8px;
    border-radius: 15.78px;
    bottom: -4.8px;
  }

  .accordion_area .check_content:nth-of-type(3) .accordion_title h3::after {
    width: 278.4px;
    height: 4.8px;
    border-radius: 15.78px;
    bottom: -4.8px;
  }

  .accordion_area h3 span {
    font-size: 51.00px;
  }
  .accordion_area .check_content {
    box-shadow: 0px 0px 64.02px 0px #F4FFCD;
  }

  .accordion_area .accordion_title {
    /* width: 548.82px; */
    height: 199.98px;
    border-radius: 3.18px 3.18px 3.18px 48px ;
    border: solid 3.18px #E1DDD3;
    box-shadow: 3.18px 3.18px 0px 0px #C0D774;
  }

  .accordion_area .accordion_title::before {
    font-size: 22.32px;
    width: 116.82px;
    height: 33.60px;
    bottom: 1.62px;
    right: 48px;
  }

  .accordion_area .accordion_title::after {
    width: 31.98px;
    height: 31.98px;
    bottom: 9.60px;
    right: 9.60px;
  }

  .accordion_area .accordion_title.active {
    border-radius: 0 0 0 0 ;
    box-shadow: 3.18px 0 0px 0px #C0D774;
  }

  .accordion_area .text_block {
    padding: 19.20px 0 0 38.40px;
  }

  .accordion_area .accordion_title .text_block::after {
    width: 43.98px;
    height: 39.18px;
    left: 0;
    bottom: -52.8px;
  }

  .accordion_area .accordion:nth-of-type(1) .accordion_title img {
    width: 105.60px;
    height: 102.42px;
  }

  .accordion_area .accordion:nth-of-type(2) .accordion_title img {
    width: 118.38px;
    height: 115.20px;
  }

  .accordion_area .accordion:nth-of-type(3) .accordion_title img {
    width: 134.40px;
    height: 110.34px;
  }

  .accordion_area .check_label {
    width: 103.98px;
    height: 31.98px;
    font-size: 16.02px;
    padding: 4.80px 0 0 1.62px;
    border-radius: 3.18px 0 12.78px 0;
    transform: translate(-1.7px, -1.7px);
  }

  .accordion_area .check_label span {
    font-size: 19.20px;
  }

  .accordion_area .accordion_title h3 {
    font-size: 38.40px;
  }

  .accordion_area .accordion_title h3 span {
    font-size: 44.82px;
  }

  .accordion_area .accordion_title .text_block p {
    margin-top: 6.42px;
  }

  .check_content .accordion_content {
    margin-top: -3.18px;
    padding-top: 4px;
    border-radius: 0 0 3.18px 48px;
    border: solid 3.18px #E1DDD3;
    box-shadow: 3.18px 3.18px 0px 0px #C0D774;
  }

  .check_content .accordion_content img {
    width: 472.02px;
    margin: 0 auto 31.98px;
  }

  .accordion_content .text_block {
    padding: 0 38.40px 51.18px;
  }

  .accordion_content .text_block h3 {
    font-size: 28.80px;
    margin-bottom: 19.20px;
  }

  .accordion_content .text_block p {
    font-size: 22.32px;
  }

  .accordion_content .text_block p span {
    background: linear-gradient(to bottom,transparent 70%,#FACB32 70%,#FACB32 90%,transparent 90%);
  }

  .check_content .accordion_content .text_block::after {
    width: 43.98px;
    height: 39.18px;
  }

  .check_content .accordion_content .text_block button {
    width: 31.98px;
    height: 31.98px;
    bottom: 9.60px;
    right: 9.60px;
  }

  /*.docomonisa*/

  .docomonisa {
    background: linear-gradient(179.99deg, #FFFBDE 0.01%, #FFF6BC 24.11%, #FFFBE1 84.1%);
    padding-top: 64.02px;
  }

  .docomonisa .inner {
    width: 600px;
    margin: auto;
  }

  .docomonisa .section_title img {
    width: 507.18px;
    margin: auto;
  }

  .docomonisa .contents_area {
    margin: 31.98px auto 12.78px;
  }

  .docomonisa .contents_area img {
    width: 548.82px;
    margin: auto;
  }

  .docomonisa .contents_area .content {
    border: solid 2.40px #E1DDD3;
    border-radius: 19.20px;
    margin: 31.98px 25.62px 12.78px;
    padding: 31.98px 19.20px 31.98px 25.62px;
  }

  .docomonisa .contents_area .content li {
    margin-bottom: 12.78px;
  }

  .docomonisa .contents_area .content li p {
    font-size: 22.38px;
  }

  .docomonisa .contents_area .content li img {
    width: 31.98px;
    height: 31.98px;
    margin: auto 6.42px auto 0;
    transform: translateY(-3.18px);
  }

  .docomonisa .lead_block {
    width: 504px;
    border-radius: 12.78px;
    padding: 12.78px 24px;
    gap: 15.78px;
    font-size: 22.32px;
  }

  .docomonisa .lead_block p {
    font-size: 22.32px;
  }

  .docomonisa .lead_block p::after {
    width: 252.78px;
    height: 9.60px;
    bottom: -1.62px;
  }

  .docomonisa .lead_block img {
    width: 182.40px;
  }

  .docomonisa ul.note {
    margin: 12.78px 25.62px 0;
  }

  .docomonisa ul.note li {
    font-size: 17.58px;
  }

  /*slick_slider*/
  .tab_content .slider {
    border-radius: 12.78px;
    width: 535.98px;
    height: 387.18px;
    padding: 115.20px 0 31.98px;
    border: 2.40px solid #E1DDD3;
    margin: 0 auto 51.18px!important;
  }

  .tab_content .slider_item {
    width: 535.98px;
    padding: 0 44.82px  0 64.02px  ;
  }

  .tab_content .slider_item .d-flex {
    gap: 12px;
  }

  .tab_content .slider_item p {
    font-size: 22.32px;
  }

  .tab_content .slider_item p span {
    font-size: 25.62px;
  }

  .slider_item img {
    width: 192px;
  }

  .docomonisa .slick-dots li {
    width: 64.02px;
    height: 64.02px;
  }

  .docomonisa .slick-dots li button {
    width: 64.02px;
    height: 64.02px;
  }

  .docomonisa .slick-dots {
    height: 64.02px;
    top: 25.62px;
    gap: 51.18px;
    background: linear-gradient(to bottom,transparent 45%,#ACA79C 49%,#ACA79C 51%,transparent 55%);
    background-position: 3.18px 0;
  }


  .docomonisa .slick-dots li button:before {
    width: 64.02px;
    height: 64.02px;
  }

  .docomonisa .slick-prev {
    width: 64.02px;
    height: 64.02px;
    left: -11.22px;
    bottom: -72px;
  }

  .docomonisa .slick-next {
    right: -11.22px;
    width: 64.02px;
    height: 64.02px;
    bottom: -72px;
  }

  .docomonisa .slick-prev::before,
  .docomonisa .slick-next::before {
    width: 64.02px;
    height: 70.02px;
  }

  .bnr_are {
    padding: 68.82px 51.18px 70.38px;
  }

  .bnr_are .bnr_content {
    border-radius: 19.20px;
    border: solid 2.40px #E1DDD3;
  }

  .bnr_are .bnr_content::before {
    width: 404.82px;
    height: 67.20px;
    left: -44.82px;
    top: -19.20px;
  }

  .bnr_are .bnr_content img {
    width: 446.40px;
    margin: 60.78px auto  19.20px;
  }

  .bnr_are .bnr_content p {
    font-size: 25.62px;
  }

  .bnr_content .d-flex {
    margin: 0 0 31.98px 40.02px;
  }

  .bnr_are .bnr_content .d-flex img {
    width: 57.60px;
  }

  /*③回転カルーセル*/
  #slide {
    min-height: 660px;
  }

  .section_list {
    width: 2400px;
    top: -810px;
  }

  .section_contents .rope {
    height: 54.42px;
    top: 132px;
  }

  .section_list {
    top: -789px;
    width: 2400px;
  }
  .section_list .memo {
    width: 516.78px;
    height: 252.78px;
    left: 42px;
    bottom: -265.98px;
    padding-left: 57.60px;
  }

  .section_list .memo p {
    font-size: 22.32px;
  }

  .section_list:nth-of-type(1) .memo,
  .section_list:nth-of-type(3) .memo {
    padding-top: 83.22px;

  }

  .section_list:nth-of-type(2) .memo {
    padding-top: 103.98px;
  }

  .section_list .bubble {
    padding: 0 9.60px;
    margin-bottom: 6.42px;
  }

  .section_list .bubble p {
    font-size: 19.20px;
    padding: 0 6.42px;
  }

  .section_list .memo h3 {
    font-size: 25.62px;
    margin-bottom: 4.80px;
  }

  .section_list .memo a {
    background-position-y: 10px;
    width: 38.40px;
  }

  .section_list .memo a::after {
    width: 38.40px;
    height: 38.40px;
    top: -27.18px;
  }
  .section_list:nth-of-type(1) .memo .text_area::after {
    width: 124.80px;
    height: 96px;
    top: -18px;
    right: 48px;
  }

  .section_list:nth-of-type(2) .memo .text_area::after {
    width: 112.02px;
    height: 103.98px;
    top: -1.20px;
    right: 30px;
  }

  .section_list:nth-of-type(3) .memo .text_area::after {
    width: 118.38px;
    height: 116.82px;
    top: 9.00px;
    right: 48px;
  }

  .list {
    padding: 30px;
  }

  .section_pager {
    gap: 439.98px;
  }

  .pager_prev {
    top: 140.82px;
    right: 223.98px;
  }

  .pager_next {
    top: 140.82px;
    left: 223.98px;
  }

  .pager img {
    width: 64.02px;
    height: 64.02px;
  }

  .tab_wrap .title img {
    width: 507.18px;
    margin: 0 auto 51.18px;
  }

  .tab_label {
    gap: 6.42px;
  }

  .tab_label li {
    width: 271.20px;
    height: 96px;
    border: 2.40px solid #CDCDCD;
    border-radius: 12.78px 12.78px 0 0 ;
  }

  .tab_label li._active {
    border: 2.40px solid #CC0000;
  }

  .tab_label li p {
    font-size: 22.38px;
  }

  .tab_label li._active p {
    font-size: 22.38px;
  }


  .tab_label li img  {
    width: 54.42px;
    height: 52.80px;
    margin-right: 9.60px;
  }


  .tab_content._active {
    border-top: solid 3.18px #CC0000;
    border-bottom: solid 3.18px #CC0000;
  }

  #tab_01 .btn_wrap {
    margin: 51.18px auto 19.20px;
    width: 497.46px;
  }

  #tab_01 .btn_wrap .btn {
    font-size: 25.60px;
    background: linear-gradient(180deg, #FACB32 50%, #F5BB00 50%);
    border-radius: 138.60px;
    box-shadow: 0px 4px 0px 0px #B58B00;
    height: 89.58px;
    margin: 12.78px auto ;
    border: 2px solid #ECAB09;
  }

  #tab_01 .btn_wrap div {
    padding: 12.78px;
    margin-bottom: 51.18px;
  }

  #tab_01 .btn_wrap div p {
    font-size: 14.40px;
  }

  #tab_01 .btn_wrap h3,
  #tab_02 .btn_wrap h3 {
    font-size: 31.98px;
  }

  #tab_02 .btn_wrap h3 {
    margin-top: 38.40px;
  }

  #tab_02 .btn_wrap {
    margin: 51.18px auto 19.20px;
    width: 535.98px;
  }

  #tab_02 .btn_wrap .btn {
      width: 494.34px;
      font-size: 25.60px;
      border: 3.18px solid #E57878;
      background: linear-gradient(180deg, #DB0000 50%, #CC0000 50%);
      border-radius: 138.60px;
      box-shadow: 0px 6.42px 0px 0px #800000;
      height: 89.58px;
      margin: 12.78px auto 19.20px;
  }

  #tab_01 .slider_item ul.note,
  #tab_02 .slider_item ul.note {
    margin: 12.78px 0;
  }

  #tab_01.tab_content .slider .text_area,
  #tab_02.tab_content .slider .text_area {
    padding: 9.60px 0 6.78px;
    width: 216px;
    height: 100.80px;
    border-radius: 6.42px;
    margin-top: 9.60px;
  }

  #tab_01.tab_content .slider .text_area p,
  #tab_02.tab_content .slider .text_area p {
    font-size: 19.20px;
  }

  #tab_01.tab_content .slider .text_area h3,
  #tab_02.tab_content .slider .text_area h3 {
    font-size: 22.32px;
    margin: 0 auto 12.78px;
  }
  #tab_01.tab_content .slider .text_area h3::after,
  #tab_02.tab_content .slider .text_area h3::after {
    width: 105.60px;
    height: 9.60px;
    bottom: -5px;
  }

  .step_line {
    gap: 12.78px;
    width: 64.02px;
    height: 291.18px;
  }

  .step_line::after {
    height: 288px;
    width: 4.80px;
  }

  .step_line li {
    width: 64.02px;
    height: 64.02px;
    font-size: 14.40px;
    padding-top: 7.98px;
  }

  .step_line li span {
    font-size: 28.80px;
  }

  .step_list .step1,
  .step_list .step2,
  .step_list .step3,
  .step_list .step4 {
    border: 1.62px solid #E6E6E6;
    border-radius: 7.98px;
    height: 291.18px;
    width: 465.60px;
    padding: 25.62px;
  }

  .step_list img {
    width: 192px;
    height: 240px;
  }

  .step_list .step4 img {
    width: 414.42px;
    height: 155.22px;
  }

  .step_list .step4 .slash {
    width: 315.18px;
  }

  .step_list .step4 .slash img {
    width: 52.80px;
    height: 52.80px;
  }

  .scroll_area {
    height: 2400px;
  }

  /*⑤フロートアイテム*/
  .float_item {
    height: 104px;
    width: 111px;
    left: 24px;
    bottom: 24px;
    border: 2.65px solid #E57878;
    box-shadow: 0px 5.35px 0px 0px #800000;
  }

  .float_item a#anchor_floatingcv { 
    height: 104px;
    width: 106px;
  }

  .float_item:nth-of-type(2) {
    min-width: 53.35px;
    width: 53.35px;
    height: 53.35px;
    right: 22.65px;
    box-shadow: 0px 0px 8.33px 0px #4D463926;
  }

  .float_item:nth-of-type(2) img {
    width: 52.00px;
    height: 44.00px;
    transform: translateX(9.50px);
  }

  .float_item button {
    height: 33px;
    width: 33px;
    left: -10px;
    top: -10px;
  }
  .float_item button img {
    height: 33px;
    width: 33px;
  }

  .float_item p {
    font-size: 14px;
  }

  .float_item p span {
    font-size: 16px;
  }

  .float_item img {
    width: 42px;
    height: auto;
  }

  .float_item img.icon_arrow {
    width: 19px;
    height: 19px;
  }

  .modal__item {
    max-width: 457.33px;
    border-radius: 10.65px;
    padding: 32.00px 21.35px;
  }

  .modal__item img {
    margin-top: 16px;
  }

  .modal__item h3 {
    font-size: 26.65px;
    margin-bottom: 16px;
  }

  .modal__item h4 {
    font-size: 24px;
    margin-bottom: 16px;
  }

  .modal__item p {
    font-size: 18.60px;
    margin-bottom: 16px;
  }

  .modal__button {
    top: 16px;
    right: 16px;
    width: 21.35px;
    height: 21.35px;
  }

  .modal__item .caption {
    font-size: 14.67px;
    margin-bottom: 5.33px;
  }

  .breadcrumb_list {
    padding: 25.62px 0 25.62px 25.62px;
  }

  .breadcrumb_list ul {
    max-width: 700px;
    margin: auto;
  }


  .breadcrumb_list ul li {
    font-size: 22.32px;
  }

  .slash_wrap .slash {
    font-size: 25.62px;
  }

  .slash_wrap .slash span {
    font-size: 28.8px;
  }

  .slash_wrap .slash::before, .slash_wrap .slash::after {
    width: 3.18px;
    height: 62.88px;
    bottom: 6.42px;
  }

  ol.note li {
    font-size: 17px;
  }

  #simulatorResultAreaInner .btn_area_wrap {
    margin: 25.602px 0 19.2px;
    display: flex;
    justify-content: space-between;
    gap: 12.798px;
    transform: translateX(-25.62px);
  }

  #simulatorResultAreaInner .btn_area_wrap .btn {
    width: 240px;
    height: 89.598px;
    background: #FCFCFC;
    border: 3.1px solid #E0DFDD;
    box-shadow: 0px 7.998px 0px 0px #B3B3B3;
  }

  #simulatorResultAreaInner .btn_area_wrap .btn p {
    font-size: 17.598px;
  }

  #simulatorResultAreaInner.active .chart_area_wrap .slash_wrap {
    display: none;
  }

  .btn.icon_type2::after {
    width: 19.2px;
    height: 19.2px;
    right: 19.2px;
  }

  /* プラチナアップグレードエリア */
  #platinaUpgradeArea {
    display: none;
    border: 3.2px solid #46433d;
    border-radius: 12.8px;
    padding: 54.4px 25.6px 32.0px;
    margin: 38.4px 25.6px;
    background: #f0eeec;
    position: relative;
    overflow: hidden;
  }

  #platinaUpgradeArea .platinaUpgradeArea_haeder {
    width: 100%;
    height: 30.4px;
    background: #46433d;
    position: absolute;
    left: 0;
    top: 0;
  }

  #platinaUpgradeArea .platinaUpgradeArea_haeder::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 8px solid #ffffff;
    border-top: 0;
  }

  #platinaUpgradeArea .img_area {
    display: flex;
    align-items: center;
    margin: auto;
    width: 100%;
    border-radius: 12.8px;
    padding: 9.6px 13.6px;
    gap: 12.8px;
    margin-bottom: 0;
    background: #f7f7f7;
  }

  #platinaUpgradeArea .img_area img {
    width: 96px;
  }

  #platinaUpgradeArea .img_area p {
    font-size: 28.8px;
    font-weight: bold;
  }

  #platinaUpgradeArea .lead_text {
    display: flex;
    width: 100%;
    margin: auto;
    margin-bottom: 12.8px;
    padding-top: 19.2px;
    justify-content: center;
    align-items: center;
    background-image: url(../images/bg_simulation_point.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
  }

  #platinaUpgradeArea .lead_text .text-sm {
    font-size: 17.6px;
  }

  #platinaUpgradeArea .lead_text .text-bg {
    font-size: 27px;
    font-weight: bold;
  }

  #platinaUpgradeArea .lead_text #platinaPoint {
    font-size: 38.4px;
    color: #CC0000;
  }

  #platinaPointDiff {
    color: #CC0000;
  }

  #platinaUpgradeArea .lead_text_sub {
    width: auto;
    max-width: 100%;
    padding: 6.4px 0;
    font-size: 25.6px;
    border-radius: 96px;
    font-weight: bold;
    margin: auto;
    background: #ffffff;
  }

  #platinaUpgradeArea .lead_text_sub .text-sm {
    font-size: 22.4px;
  }

  #platinaUpgradeArea .lead_text sup {
    font-size: 18px;
  }

  .footer .copy {
  padding: 0 0 80px;
}
}
.btnToTop {
  z-index: 800;
}