/* Sass Document */
#tentou #main_title_area {
  background: url(../img/page/bg_main_title_area_tentou.jpg) no-repeat center center;
  background-size: cover;
}

#kantan-satei #main_title_area {
  background: url(../img/page/bg_main_title_area_kantan-satei.jpg) no-repeat center center;
  background-size: cover;
}

#shucchou #main_title_area {
  background: url(../img/page/bg_main_title_area_shucchou.jpg) no-repeat center center;
  background-size: cover;
}

.orange {
  color: #F86D16;
}

.mt1em {
  margin-top: 2em;
}

.ttl_area {
  margin: 0 0 5rem;
}
@media screen and (max-width: 1024px) {
  .ttl_area {
    margin: 0 0 4.1666666667vw;
  }
}
@media screen and (max-width: 640px) {
  .ttl_area {
    margin: 0 0 10.6666666667vw;
  }
}
.ttl_area .label {
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0;
  line-height: 1.52;
  margin: 0 auto 2.3rem;
}
@media screen and (max-width: 1024px) {
  .ttl_area .label {
    font-size: 2.0833333333vw;
    margin: 0 auto 1.9166666667vw;
  }
}
@media screen and (max-width: 640px) {
  .ttl_area .label {
    font-size: 4.2666666667vw;
    margin: 0 auto 2.6666666667vw;
  }
}
.ttl_area .label span {
  font-weight: normal;
}
.ttl_area h2 {
  font-size: 6.6rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0;
  line-height: 1.61;
  margin: 0 auto 1.5rem;
}
@media screen and (max-width: 1024px) {
  .ttl_area h2 {
    font-size: 5.5vw;
    margin: 0 auto 1.25vw;
  }
}
@media screen and (max-width: 640px) {
  .ttl_area h2 {
    font-size: 8vw;
    margin: 0 auto 5.3333333333vw;
  }
}
.ttl_area .note {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .ttl_area .note {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 640px) {
  .ttl_area .note {
    font-size: 4vw;
  }
}

#main_title_area {
  padding: 18.7rem 0 10rem;
}
@media screen and (max-width: 1024px) {
  #main_title_area {
    padding: 15.5833333333vw 0 8.3333333333vw;
  }
}
@media screen and (max-width: 640px) {
  #main_title_area {
    padding: 28.8vw 0 18.1333333333vw;
  }
}
#main_title_area .inner {
  position: relative;
}
#main_title_area .deco {
  position: absolute;
  bottom: 0;
  right: -25.2rem;
  width: 44.3rem;
}
@media screen and (max-width: 1024px) {
  #main_title_area .deco {
    right: -0.8333333333vw;
    bottom: 8.3333333333vw;
    width: 26.6666666667vw;
  }
}
@media screen and (max-width: 640px) {
  #main_title_area .deco {
    right: -2.6666666667vw;
    bottom: 48vw;
    width: 26.6666666667vw;
  }
}
#main_title_area .fukidashi {
  width: 34.615rem;
  margin: 0 auto 2.6rem;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  #main_title_area .fukidashi {
    width: 28.8458333333vw;
    margin: 0 auto 2.1666666667vw;
  }
}
@media screen and (max-width: 640px) {
  #main_title_area .fukidashi {
    width: 69.2693333333vw;
    margin: 0 auto 1.6vw;
  }
}
#main_title_area .main_title {
  margin-bottom: 3rem;
  font-size: 13rem;
  color: #FFC400;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1024px) {
  #main_title_area .main_title {
    margin-bottom: 2.5vw;
    font-size: 10.8333333333vw;
  }
}
@media screen and (max-width: 640px) {
  #main_title_area .main_title {
    margin-bottom: 2.6666666667vw;
    font-size: 15.2vw;
  }
}
#main_title_area p {
  font-size: 2.8rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  #main_title_area p {
    font-size: 2.3333333333vw;
  }
}
@media screen and (max-width: 640px) {
  #main_title_area p {
    font-size: 3.7333333333vw;
  }
}
#main_title_area .btn_area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3rem;
  margin-top: 5rem;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  #main_title_area .btn_area {
    gap: 2.5vw;
    margin-top: 4.1666666667vw;
  }
}
@media screen and (max-width: 640px) {
  #main_title_area .btn_area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2.6666666667vw;
    margin-top: 13.3333333333vw;
  }
}
#main_title_area .btn_area .btn_line,
#main_title_area .btn_area .btn_tel {
  width: 52rem;
}
@media screen and (max-width: 1024px) {
  #main_title_area .btn_area .btn_line,
  #main_title_area .btn_area .btn_tel {
    width: 43.3333333333vw;
  }
}
@media screen and (max-width: 640px) {
  #main_title_area .btn_area .btn_line,
  #main_title_area .btn_area .btn_tel {
    width: 74.6666666667vw;
  }
}
#main_title_area .btn_area .btn_line a,
#main_title_area .btn_area .btn_tel a {
  display: block;
}

#page_nav {
  padding: 3.4rem 0;
  background: #111;
}
@media screen and (max-width: 1024px) {
  #page_nav {
    padding: 2.8333333333vw 0;
  }
}
@media screen and (max-width: 640px) {
  #page_nav {
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  #page_nav .inner {
    padding: 0;
  }
}
#page_nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 640px) {
  #page_nav ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#page_nav ul li {
  width: 100%;
  font-size: 1.7rem;
}
@media screen and (max-width: 1024px) {
  #page_nav ul li {
    font-size: 1.4166666667vw;
  }
}
@media screen and (max-width: 640px) {
  #page_nav ul li {
    width: 50%;
    font-size: 3.2vw;
    border: 0.05rem solid #fff;
  }
}
#page_nav ul li + li {
  border-left: 0.1rem dotted #fff;
}
@media screen and (max-width: 640px) {
  #page_nav ul li + li {
    border-left: none;
  }
}
#page_nav ul li a {
  display: block;
  padding: 0.3rem 0;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  #page_nav ul li a {
    padding: 0.25vw 0;
  }
}
@media screen and (max-width: 640px) {
  #page_nav ul li a {
    padding: 5.8666666667vw 0 5.0666666667vw;
  }
}

#message {
  position: relative;
  padding: 13rem 0 14rem;
}
@media screen and (max-width: 1024px) {
  #message {
    padding: 10.8333333333vw 0 11.6666666667vw;
  }
}
@media screen and (max-width: 640px) {
  #message {
    padding: 16vw 0;
  }
}
#message .bg {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 28rem;
  color: #fff;
  font-weight: 700;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px) {
  #message .bg {
    font-size: 23.3333333333vw;
  }
}
#message .title02 {
  position: relative;
  margin-bottom: 4.2rem;
  font-size: 4.5rem;
  text-align: center;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  #message .title02 {
    margin-bottom: 3.5vw;
    font-size: 3.75vw;
  }
}
@media screen and (max-width: 640px) {
  #message .title02 {
    margin-bottom: 8vw;
    font-size: 5.3333333333vw;
  }
}
#message p {
  position: relative;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.875;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  #message p {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 640px) {
  #message p {
    font-size: 3.4666666667vw;
    line-height: 2.076923;
  }
}

#point {
  position: relative;
  border-top: 0.5rem solid #000;
  border-bottom: 0.5rem solid #000;
  background: url(../img/page/bg_point.png) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  #point {
    border-top: 0.4166666667vw solid #000;
    border-bottom: 0.4166666667vw solid #000;
  }
}
@media screen and (max-width: 640px) {
  #point {
    border-top: 1.3333333333vw solid #000;
    border-bottom: 1.3333333333vw solid #000;
  }
}
#point .inner {
  position: relative;
  padding: 11rem 0 9rem;
}
@media screen and (max-width: 1024px) {
  #point .inner {
    padding: 9.1666666667vw 6.666666667vw 7.5vw;
  }
}
@media screen and (max-width: 640px) {
  #point .inner {
    padding: 13.3333333333vw 6.666666667vw 14.9333333333vw;
  }
}
#point #point_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  #point #point_list {
    gap: 1.6666666667vw;
  }
}
@media screen and (max-width: 640px) {
  #point #point_list {
    gap: 1.3333333333vw;
  }
}
#point #point_list .point_list_in {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc((100% - 6rem) / 4);
  aspect-ratio: 1/0.8421052632;
  background: #fff;
  border: 0.2rem solid #111;
  border-radius: 0.5rem;
}
@media screen and (max-width: 1024px) {
  #point #point_list .point_list_in {
    width: calc((100% - 5vw) / 4);
    border: 0.1666666667vw solid #111;
    border-radius: 0.4166666667vw;
  }
}
@media screen and (max-width: 640px) {
  #point #point_list .point_list_in {
    width: calc((100% - 1.3333333333vw) / 2);
    border-radius: 1.3333333333vw;
  }
}
#point #point_list .point_list_in .point_txt {
  position: absolute;
  top: 2.4rem;
  left: 1.7rem;
  font-size: 1.4rem;
  color: #F86D16;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media screen and (max-width: 1024px) {
  #point #point_list .point_list_in .point_txt {
    top: 2vw;
    left: 1.4166666667vw;
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 640px) {
  #point #point_list .point_list_in .point_txt {
    top: 2.6666666667vw;
    left: 2.6666666667vw;
    font-size: 2.6666666667vw;
    -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
            writing-mode: unset;
    letter-spacing: 0;
  }
}
#point #point_list .point_list_in .number {
  position: absolute;
  top: 2rem;
  right: 1.8rem;
  font-size: 2.5rem;
  color: #F86D16;
}
@media screen and (max-width: 1024px) {
  #point #point_list .point_list_in .number {
    top: 1.6666666667vw;
    right: 1.5vw;
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 640px) {
  #point #point_list .point_list_in .number {
    top: 2.6666666667vw;
    right: 2.6666666667vw;
    font-size: 4vw;
  }
}
#point #point_list .point_list_in .txt {
  font-size: 2.4rem;
  text-align: center;
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  #point #point_list .point_list_in .txt {
    font-size: 2vw;
  }
}
@media screen and (max-width: 640px) {
  #point #point_list .point_list_in .txt {
    font-size: 3.4666666667vw;
    line-height: 1.3846;
  }
}
#point #point_list + p {
  margin-top: 4rem;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.6666;
}
@media screen and (max-width: 1024px) {
  #point #point_list + p {
    margin-top: 3.3333333333vw;
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 640px) {
  #point #point_list + p {
    margin-top: 8vw;
    font-size: 3.4666666667vw;
  }
}
#point .deco {
  position: absolute;
  bottom: 0;
  left: -8rem;
  width: 40.5rem;
}
@media screen and (max-width: 1024px) {
  #point .deco {
    left: -6.6666666667vw;
    width: 33.75vw;
  }
}
@media screen and (max-width: 640px) {
  #point .deco {
    left: 0;
    width: 40vw;
  }
}

#flow {
  padding: 11.8rem 0 12.7rem;
  background: #EFECEB;
}
@media screen and (max-width: 1024px) {
  #flow {
    padding: 9.8333333333vw 0 10.5833333333vw;
  }
}
@media screen and (max-width: 640px) {
  #flow {
    padding: 16vw 0;
  }
}
#flow .ttl_area .label {
  color: #F86D16;
}
#flow .flow_list {
  margin: 6rem 0 8rem;
}
@media screen and (max-width: 1024px) {
  #flow .flow_list {
    margin: 5vw 0 6.6666666667vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .flow_list {
    margin-bottom: 10.6666666667vw;
  }
}
#flow .flow_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3.7rem 4rem;
  background: #fff;
  border-radius: 1rem;
}
@media screen and (max-width: 1024px) {
  #flow .flow_list li {
    padding: 3.0833333333vw 3.3333333333vw;
    border-radius: 0.8333333333vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .flow_list li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 5.3333333333vw;
    border-radius: 2.6666666667vw;
  }
}
#flow .flow_list li + li {
  position: relative;
  margin-top: 6.2rem;
}
@media screen and (max-width: 1024px) {
  #flow .flow_list li + li {
    margin-top: 5.1666666667vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .flow_list li + li {
    margin-top: 16.5333333333vw;
  }
}
#flow .flow_list li + li:before {
  content: "";
  position: absolute;
  top: -4.2rem;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.2rem 1.85rem 0 1.85rem;
  border-color: #F86D16 transparent transparent transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  #flow .flow_list li + li:before {
    top: -3.5vw;
    border-width: 1.8333333333vw 1.5416666667vw 0 1.5416666667vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .flow_list li + li:before {
    top: -11.2vw;
    border-width: 5.8666666667vw 4.9333333333vw 0 4.9333333333vw;
  }
}
#flow .flow_list li figure {
  max-width: 40rem;
  width: 35.7142857143%;
}
@media screen and (max-width: 640px) {
  #flow .flow_list li figure {
    max-width: none;
    width: 100%;
  }
}
#flow .flow_list li .flow_list_txt_area {
  max-width: 68rem;
  width: 60.7142857143%;
}
@media screen and (max-width: 640px) {
  #flow .flow_list li .flow_list_txt_area {
    max-width: none;
    width: 100%;
  }
}
#flow .flow_list li .flow_list_txt_area .flow_list_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 3rem;
  margin-bottom: 2.2rem;
}
@media screen and (max-width: 1024px) {
  #flow .flow_list li .flow_list_txt_area .flow_list_title {
    gap: 2.5vw;
    margin-bottom: 1.8333333333vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .flow_list li .flow_list_txt_area .flow_list_title {
    display: block;
    margin-bottom: 4vw;
  }
}
#flow .flow_list li .flow_list_txt_area .flow_list_title .step_number {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 2.8rem;
  font-size: 4.1rem;
  color: #F86D16;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  #flow .flow_list li .flow_list_txt_area .flow_list_title .step_number {
    padding-right: 2.3333333333vw;
    font-size: 3.4166666667vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .flow_list li .flow_list_txt_area .flow_list_title .step_number {
    padding-right: 0;
    font-size: 6.1333333333vw;
    line-height: 1.2;
  }
}
#flow .flow_list li .flow_list_txt_area .flow_list_title .step_number span {
  font-size: 2.7rem;
}
@media screen and (max-width: 1024px) {
  #flow .flow_list li .flow_list_txt_area .flow_list_title .step_number span {
    font-size: 2.25vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .flow_list li .flow_list_txt_area .flow_list_title .step_number span {
    font-size: 4vw;
  }
}
#flow .flow_list li .flow_list_txt_area .flow_list_title .step_number:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  width: 0.2rem;
  height: 3.852rem;
  background-image: repeating-linear-gradient(#111, #111 0.2rem, transparent 0.2rem, transparent 0.6rem);
  background-position: top right;
  background-repeat: repeat-y;
  background-size: 0.2rem 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  #flow .flow_list li .flow_list_txt_area .flow_list_title .step_number:after {
    width: 0.1666666667vw;
    height: 3.21vw;
    background-size: 0.1666666667vw 100%;
  }
}
@media screen and (max-width: 640px) {
  #flow .flow_list li .flow_list_txt_area .flow_list_title .step_number:after {
    display: none;
  }
}
#flow .flow_list li .flow_list_txt_area .flow_list_title .title03 {
  font-size: 3rem;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  #flow .flow_list li .flow_list_txt_area .flow_list_title .title03 {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .flow_list li .flow_list_txt_area .flow_list_title .title03 {
    font-size: 4.8vw;
  }
}
#flow .flow_list li .flow_list_txt_area p {
  font-size: 1.7rem;
  line-height: 1.58823;
}
@media screen and (max-width: 1024px) {
  #flow .flow_list li .flow_list_txt_area p {
    font-size: 1.4166666667vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .flow_list li .flow_list_txt_area p {
    font-size: 3.4666666667vw;
  }
}
#flow .flow_list li .flow_list_txt_area .red {
  color: #DC000C;
}
#flow .flow_list li .flow_list_txt_area .mt2rem {
  margin-top: 2rem;
}
@media screen and (max-width: 1024px) {
  #flow .flow_list li .flow_list_txt_area .mt2rem {
    margin-top: 1.6666666667vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .flow_list li .flow_list_txt_area .mt2rem {
    margin-top: 2.6666666667vw;
  }
}
#flow .flow_list li .flow_list_txt_area .mt1em {
  margin-top: 2em;
}
#flow .flow_list li .flow_list_txt_area .flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  margin-top: 3rem;
}
@media screen and (max-width: 1024px) {
  #flow .flow_list li .flow_list_txt_area .flex {
    gap: 1.6666666667vw;
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .flow_list li .flow_list_txt_area .flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2.6666666667vw;
    margin-top: 5.3333333333vw;
  }
}
@media (min-width: 768px) {
  #flow .flow_list li .flow_list_txt_area .flex a[href*="tel:"] {
    text-decoration: none;
    cursor: default;
    pointer-events: none;
  }
}
#flow .flow_list li .flow_list_txt_area .flex .btn_o {
  margin: 0;
}
#flow .flow_list li .flow_list_txt_area .btn_o,
#flow .flow_list li .flow_list_txt_area .btn_b {
  margin: 3rem 0 0;
}
@media screen and (max-width: 1024px) {
  #flow .flow_list li .flow_list_txt_area .btn_o,
  #flow .flow_list li .flow_list_txt_area .btn_b {
    margin: 2.5vw 0 0;
  }
}
@media screen and (max-width: 640px) {
  #flow .flow_list li .flow_list_txt_area .btn_o,
  #flow .flow_list li .flow_list_txt_area .btn_b {
    width: 100%;
    margin: 5.3333333333vw 0 0;
  }
}
#flow .flow_list li .flow_list_txt_area .btn_o a,
#flow .flow_list li .flow_list_txt_area .btn_b a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30rem;
  height: 6rem;
  font-size: 1.6rem;
  color: #fff;
  border-radius: 0.5rem;
}
@media screen and (max-width: 1024px) {
  #flow .flow_list li .flow_list_txt_area .btn_o a,
  #flow .flow_list li .flow_list_txt_area .btn_b a {
    width: 25vw;
    height: 5vw;
    font-size: 1.3333333333vw;
    border-radius: 0.4166666667vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .flow_list li .flow_list_txt_area .btn_o a,
  #flow .flow_list li .flow_list_txt_area .btn_b a {
    width: 100%;
    height: 12.2666666667vw;
    font-size: 4.2666666667vw;
    border-radius: 1.3333333333vw;
  }
}
#flow .flow_list li .flow_list_txt_area .btn_o a img,
#flow .flow_list li .flow_list_txt_area .btn_b a img {
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 0.95rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  #flow .flow_list li .flow_list_txt_area .btn_o a img,
  #flow .flow_list li .flow_list_txt_area .btn_b a img {
    right: 1.6666666667vw;
    width: 0.7916666667vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .flow_list li .flow_list_txt_area .btn_o a img,
  #flow .flow_list li .flow_list_txt_area .btn_b a img {
    right: 5.3333333333vw;
    width: 2.5333333333vw;
  }
}
#flow .flow_list li .flow_list_txt_area .btn_o a {
  background: #F86D16;
}
#flow .flow_list li .flow_list_txt_area .btn_b a {
  background: #3CB158;
}
#flow .precautions + .precautions {
  margin-top: 8rem;
}
@media screen and (max-width: 1024px) {
  #flow .precautions + .precautions {
    margin-top: 6.6666666667vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions + .precautions {
    margin-top: 10.6666666667vw;
  }
}
#flow .precautions .title03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 8rem;
  font-size: 2.5rem;
  color: #fff;
  font-weight: 600;
  background: #111;
  border-radius: 1rem 1rem 0 0;
}
@media screen and (max-width: 1024px) {
  #flow .precautions .title03 {
    height: 6.6666666667vw;
    font-size: 2.0833333333vw;
    border-radius: 0.8333333333vw 0.8333333333vw 0 0;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions .title03 {
    height: 14.4vw;
    font-size: 4.8vw;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
  }
}
#flow .precautions .in {
  padding: 4rem 5rem 4.2rem;
  background: #fff;
  border-radius: 0 0 1rem 1rem;
}
@media screen and (max-width: 1024px) {
  #flow .precautions .in {
    padding: 3.3333333333vw 4.1666666667vw 3.5vw;
    border-radius: 0 0 0.8333333333vw 0.8333333333vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions .in {
    padding: 5.3333333333vw;
    border-radius: 0 0 2.6666666667vw 2.6666666667vw;
  }
}
#flow .precautions .in.flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 640px) {
  #flow .precautions .in.flex {
    display: block;
  }
}
#flow .precautions .in .title04 {
  margin-bottom: 2rem;
  font-size: 2.2rem;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  #flow .precautions .in .title04 {
    margin-bottom: 1.6666666667vw;
    font-size: 1.8333333333vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions .in .title04 {
    margin-bottom: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
#flow .precautions .in .title04.center {
  margin: 0 0 2rem;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  #flow .precautions .in .title04.center {
    margin: 0 0 1.6666666667vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions .in .title04.center {
    margin: 0 0 5.3333333333vw;
  }
}
#flow .precautions .in p,
#flow .precautions .in li {
  font-size: 1.7rem;
  line-height: 1.76;
}
@media screen and (max-width: 1024px) {
  #flow .precautions .in p,
  #flow .precautions .in li {
    font-size: 1.4166666667vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions .in p,
  #flow .precautions .in li {
    font-size: 3.4666666667vw;
  }
}
#flow .precautions .identification_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.2rem;
  margin-top: 1rem;
}
@media screen and (max-width: 1024px) {
  #flow .precautions .identification_box {
    gap: 0.1666666667vw;
    margin-top: 0.8333333333vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions .identification_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.5333333333vw;
  }
}
#flow .precautions .identification_box figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin: 0;
}
@media screen and (max-width: 640px) {
  #flow .precautions .identification_box figure {
    width: calc((100% - 0.5333333333vw) / 2);
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}
#flow .precautions .identification_box figure img {
  width: 100%;
}
#flow .precautions dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 6rem;
  background: #111;
  border-radius: 0 0 1rem 1rem;
}
@media screen and (max-width: 1024px) {
  #flow .precautions dl {
    height: 5vw;
    border-radius: 0 0 0.8333333333vw 0.8333333333vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions dl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
    padding: 2.6666666667vw 0 3.2vw;
    margin-top: 0.5333333333vw;
    border-radius: 0 0 2.6666666667vw 2.6666666667vw;
  }
}
#flow .precautions dl dt {
  padding-right: 2.7rem;
  margin-right: 4.3rem;
  font-size: 2rem;
  color: #fff;
  font-weight: 600;
  line-height: 1.6;
  background-image: repeating-linear-gradient(#fff, #fff 0.2rem, transparent 0.2rem, transparent 0.6rem);
  background-position: top right;
  background-repeat: repeat-y;
  background-size: 0.2rem 100%;
}
@media screen and (max-width: 1024px) {
  #flow .precautions dl dt {
    padding-right: 2.25vw;
    margin-right: 3.5833333333vw;
    font-size: 1.6666666667vw;
    background-image: repeating-linear-gradient(#fff, #fff 0.1666666667vw, transparent 0.1666666667vw, transparent 0.5vw);
    background-size: 0.1666666667vw 100%;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions dl dt {
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 3.2vw;
    font-size: 3.4666666667vw;
    text-align: center;
    background-image: none;
  }
}
#flow .precautions dl dd {
  font-size: 1.8rem;
  color: #fff;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  #flow .precautions dl dd {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions dl dd {
    font-size: 2.9333333333vw;
  }
}
#flow .precautions .center {
  margin: 3rem 0 4rem;
}
@media screen and (max-width: 1024px) {
  #flow .precautions .center {
    margin: 2.5vw 0 3.3333333333vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions .center {
    margin: 5.8666666667vw 0 7.4666666667vw;
  }
}
#flow .precautions .center p {
  text-align: center;
}
@media screen and (max-width: 640px) {
  #flow .precautions .center p {
    text-align: left;
  }
}
#flow .precautions .center .fwb {
  font-weight: 600;
}
#flow .precautions .g_box {
  padding: 2.5rem 4.8rem;
  background: #F7F6F5;
  border-radius: 1rem;
}
@media screen and (max-width: 1024px) {
  #flow .precautions .g_box {
    padding: 2.0833333333vw 4vw;
    border-radius: 0.8333333333vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions .g_box {
    display: block;
    padding: 5.3333333333vw 4.8vw;
    border-radius: 1.3333333333vw;
  }
}
#flow .precautions .g_box.flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.8rem;
}
@media screen and (max-width: 1024px) {
  #flow .precautions .g_box.flex {
    margin-top: 1.5vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions .g_box.flex {
    font-size: 3.4666666667vw;
  }
}
#flow .precautions .g_box > .flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 640px) {
  #flow .precautions .g_box > .flex {
    display: block;
  }
}
#flow .precautions .g_box > .flex ol {
  width: 50%;
}
@media screen and (max-width: 640px) {
  #flow .precautions .g_box > .flex ol {
    width: 100%;
  }
}
#flow .precautions .g_box > .flex ol li {
  margin-left: 1em;
  text-indent: -1em;
}
#flow .precautions .g_box li {
  font-size: 1.5rem;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  #flow .precautions .g_box li {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions .g_box li {
    font-size: 3.4666666667vw;
  }
}
#flow .precautions .g_box p {
  font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
  #flow .precautions .g_box p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions .g_box p {
    font-size: 3.4666666667vw;
  }
}
#flow .precautions .g_box .in {
  width: 48%;
  padding: 0;
  background: none;
}
@media screen and (max-width: 1024px) {
  #flow .precautions .g_box .in {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions .g_box .in {
    width: 100%;
  }
}
#flow .precautions .g_box .in p {
  font-size: 1.5rem;
  color: #D00;
  line-height: 2;
}
@media screen and (max-width: 1024px) {
  #flow .precautions .g_box .in p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions .g_box .in p {
    font-size: 3.2vw;
    line-height: 1.75;
  }
}
#flow .precautions .mt30 {
  margin: 3rem 0 6rem;
}
@media screen and (max-width: 1024px) {
  #flow .precautions .mt30 {
    margin: 2.5vw 0 5vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions .mt30 {
    margin: 8vw 0 16vw;
  }
}
#flow .precautions ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8rem 7.5rem;
}
@media screen and (max-width: 1024px) {
  #flow .precautions ul {
    gap: 6.6666666667vw 6.25vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions ul {
    gap: 21.3333333333vw 0;
  }
}
#flow .precautions ul li {
  width: calc((100% - 15rem) / 3);
}
@media screen and (max-width: 1024px) {
  #flow .precautions ul li {
    width: calc((100% - 12.5vw) / 3);
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions ul li {
    width: 100%;
  }
}
#flow .precautions ul li figure {
  width: 21rem;
  margin: 0 auto 2.2rem;
}
@media screen and (max-width: 1024px) {
  #flow .precautions ul li figure {
    width: 17.5vw;
    margin: 0 auto 1.8333333333vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions ul li figure {
    width: 56vw;
    margin: 0 auto 5.8666666667vw;
  }
}
#flow .precautions ul li p {
  font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
  #flow .precautions ul li p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions ul li p {
    font-size: 4vw;
  }
}
#flow .precautions ul li + li {
  position: relative;
}
#flow .precautions ul li + li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -4.6rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.75rem 0 1.75rem 2.4rem;
  border-color: transparent transparent transparent #CDCDCD;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  #flow .precautions ul li + li:before {
    left: -3.5vw;
    border-width: 1.4583333333vw 0 1.4583333333vw 2vw;
  }
}
@media screen and (max-width: 640px) {
  #flow .precautions ul li + li:before {
    top: -11.2vw;
    left: 50%;
    border-width: 6.4vw 4.6666666667vw 0 4.6666666667vw;
    border-color: #CDCDCD transparent transparent transparent;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
#flow .precautions ul li:nth-of-type(4):before {
  display: none;
}
@media screen and (max-width: 640px) {
  #flow .precautions ul li:nth-of-type(4):before {
    display: block;
  }
}

#flow .note .in{
  flex-wrap: wrap;
  width: auto;
}
#flow .note ul li{
  width: 490px;
}
#flow .note ul li::before{
  display: none;
}
@media screen and (max-width: 640px) {
  #flow .note .in{
    flex-wrap: wrap;
    width: 100%;
    gap: 4vw;
  }
  #flow .note ul{
    gap: 4vw;
  }
  #flow .note ul:first-of-type{
    margin: 0 0 4vw;
  }
  #flow .note ul li{
    width: 100%;
  }
}


#area {
  position: relative;
  padding: 11.8rem 0 14rem;
  border-bottom: 0.3rem solid #000;
  background: url(../img/page/bg_area.png) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  #area {
    padding: 9.8333333333vw 0 11.6666666667vw;
    border-bottom: 0.25vw solid #000;
  }
}
@media screen and (max-width: 640px) {
  #area {
    padding: 16vw 0;
    border-bottom: 0.8vw solid #000;
  }
}
#area .ttl_area {
  margin-bottom: 3.8rem;
}
@media screen and (max-width: 1024px) {
  #area .ttl_area {
    margin-bottom: 3.1666666667vw;
  }
}
@media screen and (max-width: 640px) {
  #area .ttl_area {
    margin-bottom: 5.3333333333vw;
  }
}
#area .area_map {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid: unset;
  width: 101rem;
  padding: 9rem 0 5.7rem;
  margin: auto;
  background: url(../img/page/area.png) no-repeat center top;
  background-size: 100% auto;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  #area .area_map {
    grid-column-gap: 2.5vw;
    grid-row-gap: 2.5vw;
    width: 84.1666666667vw;
    padding: 7.5vw 0 4.75vw;
  }
}
@media screen and (max-width: 640px) {
  #area .area_map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2.6666666667vw;
    width: 100%;
    padding: 26.6666666667vw 0 0;
  }
}
#area .area_map .map01 {
  grid-area: 1/4/2/5;
}
#area .area_map .map02 {
  grid-area: 2/1/3/2;
}
#area .area_map .map03 {
  grid-area: 2/2/3/3;
}
#area .area_map .map04 {
  grid-area: 2/4/3/5;
}
#area .area_map .map05 {
  grid-area: 3/1/4/2;
}
#area .area_map .map06 {
  grid-area: 3/3/4/4;
}
#area .area_map .map07 {
  grid-area: 3/4/4/5;
}
#area .area_map .w_box {
  width: 23rem;
  padding: 2.5rem 2rem;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 1rem;
}
@media screen and (max-width: 1024px) {
  #area .area_map .w_box {
    width: 19.1666666667vw;
    padding: 2.0833333333vw 1.6666666667vw;
    border-radius: 0.8333333333vw;
  }
}
@media screen and (max-width: 640px) {
  #area .area_map .w_box {
    width: calc((100% - 2.6666666667vw) / 2);
    padding: 2.6666666667vw;
    border-radius: 1.3333333333vw;
  }
}
#area .area_map .w_box .title03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  margin-bottom: 1.6rem;
  font-size: 1.7rem;
  color: #F86D16;
  font-weight: 600;
  border-radius: 1rem;
}
@media screen and (max-width: 1024px) {
  #area .area_map .w_box .title03 {
    gap: 0.8333333333vw;
    margin-bottom: 1.3333333333vw;
    font-size: 1.4166666667vw;
  }
}
@media screen and (max-width: 640px) {
  #area .area_map .w_box .title03 {
    gap: 1.3333333333vw;
    margin-bottom: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
#area .area_map .w_box .title03 img {
  width: 1.5rem;
}
@media screen and (max-width: 1024px) {
  #area .area_map .w_box .title03 img {
    width: 1.25vw;
  }
}
@media screen and (max-width: 640px) {
  #area .area_map .w_box .title03 img {
    width: 2.6666666667vw;
  }
}
#area .area_map .w_box .flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.7rem;
  max-width: 16rem;
  margin: auto;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
}
@media screen and (max-width: 1024px) {
  #area .area_map .w_box .flex {
    gap: 1.4166666667vw;
  }
}
@media screen and (max-width: 640px) {
  #area .area_map .w_box .flex {
    gap: 2.6666666667vw;
  }
}
#area .area_map .w_box .flex ol li a{
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8571;
}
@media screen and (max-width: 1024px) {
  #area .area_map .w_box .flex ol li a{
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 640px) {
  #area .area_map .w_box .flex ol li a{
    font-size: 3.2vw;
  }
}
#area .text-slider {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 1;
  white-space: nowrap;
  width: 100%;
}
#area .text-slider .slide-track {
  display: inline-block;
  -webkit-animation: slide 200s linear infinite;
          animation: slide 200s linear infinite;
}
#area .text-slider .slide-track span {
  display: inline-block;
  padding: 0 3rem;
  font-size: 30rem;
  color: transparent;
  font-weight: 700;
  line-height: 1;
  -webkit-text-stroke-width: 0.1rem;
  -webkit-text-stroke-color: #fff;
}
@media screen and (max-width: 1024px) {
  #area .text-slider .slide-track span {
    padding: 0 2.5vw;
    font-size: 25vw;
  }
}
@media screen and (max-width: 640px) {
  #area .text-slider .slide-track span {
    padding: 0 4vw;
    font-size: 40vw;
  }
}
#area .flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5rem;
  background: #fff;
  border: 0.2rem solid #111;
  border-radius: 1rem;
}
@media screen and (max-width: 1024px) {
  #area .flex {
    padding: 4.1666666667vw;
    border: 0.1666666667vw solid #111;
  }
}
@media screen and (max-width: 640px) {
  #area .flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 5.3333333333vw;
  }
}
#area .flex figure {
  max-width: 53rem;
  width: 48.1818181818%;
}
@media screen and (max-width: 640px) {
  #area .flex figure {
    max-width: none;
    width: 100%;
  }
}
#area .flex .area_txt {
  max-width: 52.3rem;
  width: 47.5454545455%;
}
@media screen and (max-width: 640px) {
  #area .flex .area_txt {
    max-width: none;
    width: 100%;
  }
}
#area .flex .area_txt dl {
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  #area .flex .area_txt dl {
    margin-bottom: 2.5vw;
  }
}
#area .flex .area_txt dl dt {
  margin-bottom: 2rem;
  font-size: 2rem;
  color: #F86D16;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  #area .flex .area_txt dl dt {
    margin-bottom: 1.6666666667vw;
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 640px) {
  #area .flex .area_txt dl dt {
    margin-bottom: 3.7333333333vw;
    font-size: 4.8vw;
  }
}
#area .flex .area_txt dl dd {
  font-size: 1.5rem;
  line-height: 1.8;
}
@media screen and (max-width: 1024px) {
  #area .flex .area_txt dl dd {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 640px) {
  #area .flex .area_txt dl dd {
    font-size: 3.4666666667vw;
  }
}
#area .flex .area_txt dl dd + dt {
  margin-top: 3rem;
}
@media screen and (max-width: 1024px) {
  #area .flex .area_txt dl dd + dt {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 640px) {
  #area .flex .area_txt dl dd + dt {
    margin-top: 5.3333333333vw;
  }
}


#target{
  padding: 90px 0 140px;
  background-image: url(../img/page/target_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#target .ttl_area{
  color: #fff;
  margin: 0 auto 60px;
}
#target .ttl_area .label{
  color: #F86D16;
}
#target .product-list{
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.83;
  padding: 50px;
  margin: 0 0 30px;
  color: #fff;
  background-color: #111111;
  border-radius: 20px;
}
#target .note{
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.06em;
  color: #fff;
}
#target .not-buy{
  margin: 70px auto 0;
  text-align: center;
}
#target .not-buy .ttl{
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.06em;
  padding: 18px 40px 20px;
  margin: 0 0 -35px;
  color: #111111;
  background-color: #FFC400;
  border: 2px solid #111111;
  border-radius: 100vw;
}
#target .not-buy .ctt{
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-align: left;
  line-height: 1.88;
  padding: 80px 50px 40px;
  background-color: #fff;
  border: 2px solid #111111;
  border-radius: 10px;
}
@media screen and (max-width: 640px) {
  #target{
    padding: 13.3333333333335vw 0 16vw;
  }
  #target .ttl_area{
    margin: 0 auto 10.666666666666666668vw;
  }
  #target .product-list{
    font-size: 3.7333333333334vw;
    padding: 6.66666666666666667vw;
    margin: 0 0 4vw;
    border-radius: 10px;
  }
  #target .note{
    font-size: 3.2vw;
    margin: 0 0 10.66666666666666668vw;
  }
  #target .not-buy{
    margin: 0;
  }
  #target .not-buy .ttl{
    font-size: 4.266666666666666667vw;
    padding: 3.466666666666666666663vw 8vw 3.73333333333333334vw;
    margin: 0 0 -35px;
    border: 1px solid #111111;
  }
  #target .not-buy .ctt{
    font-size: 3.73333333333333334vw;  
    padding: 10.66666666666666668vw 6.666666666666666666667vw 5.333333333333333334vw;
    border: 1px solid #111111;
    border-radius: 5px;
  }
}