.m-sec2Block__ttl {
  color: #00374c;
}

.m-sec3Block__type_floor span.balcony {
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .m-sec3Block__type_floor span.balcony {
    position: relative;
    bottom: -3px;
  }
}
.m-sec3Block__type_floor:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
}
.m-sec3Block__type_floor:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

.photo {
  position: relative;

  @media only screen and (max-width: 767px) {
    width: 100%;
  }
}
.photo .cap {
  position: absolute;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
}
.photo .cap--padding {
  padding: 5px;
}
.photo .cap--in-right {
  right: 0;
  bottom: 0;
}
.photo .cap--in-left {
  left: 0;
  bottom: 0;
}
.photo .cap--out-right {
  right: 0;
  bottom: -20px;
}


.cap {
  color: #333333;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.cap--gothic {
  font-family: "Noto Sans JP", Meiryo, sans-serif;
}

.text {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.875;
}
@media only screen and (max-width: 767px) {
  .text {
    font-size: 3.2vw;
  }
}
.text--small {
  font-size: 12px;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .text--small {
    font-size: 3.2vw;
  }
}
.text::before, .text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.text::before {
  margin-top: -0.4375em;
}
.text::after {
  margin-bottom: -0.4375em;
}

.heading-bg {
  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;
  height: 40px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(25, 59, 122)), to(rgb(40, 135, 190)));
  background: linear-gradient(to right, rgb(25, 59, 122) 0%, rgb(40, 135, 190) 100%);
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .heading-bg {
    height: 8vw;
  }
}

.heading-card {
  position: relative;
  letter-spacing: 0.05em;
}
.heading-card--border {
  padding-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .heading-card--border {
    padding-bottom: 3.2vw;
  }
}
.heading-card--border:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 5px;
  height: 22px;
  background-color: #00506f;
}

.heading-card__txt {
  padding-left: 13px;
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 1.5;

  @media only screen and (max-width: 767px) {
    .heading-card__txt {
      font-size: 4.2666666667vw;
    }
  }
}

@media only screen and (max-width: 767px) {
  .heading-card__txt {
    font-size: 4.2666666667vw;
  }
}
.heading-card__txt:before, .heading-card__txt:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.heading-card__txt:before {
  margin-top: -0.25em;
}
.heading-card__txt:after {
  margin-bottom: -0.25em;
}
.heading-card__txt--small {
  font-size: 16px;
}
.heading-card__txt-sub {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .heading-card__txt-sub {
    margin-top: 2.1333333333vw;
    font-size: 2.9333333333vw;
  }
}
.heading-card + .text {
  font-size: 14px;
  line-height: 1.5;
}

.heading--01 {
  font-size: 28px;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .heading--01 {
    font-size: 5.3333333333vw;
  }
}
.heading--01:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
}
.heading--01:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

.heading--02 {
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media only screen and (max-width: 767px) {
  .heading--02 {
    font-size: 4.2666666667vw;
  }
}
.heading--02:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
}
.heading--02:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
}

[data-color=blue] {
  color: #075e8a;
}

/* unit
---------------------------------------- */
.unit-label {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 12px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8);
  font-family: "EB Garamond", serif;
  font-size: 30px;
  letter-spacing: 0.05em;
  line-height: 1;
  white-space: nowrap;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .unit-label {
    padding: 2.6666666667vw;
    font-size: 6.4vw;
  }
}

.unit-tag {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 12px;
  font-family: "Cormorant Garamond", serif;
  font-size: 30px;
  letter-spacing: 0.05em;
  line-height: 1;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  text-align: right;
}

.unit-box {
  padding: 70px;
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .unit-box {
    padding: 8vw 5.3333333333vw;
  }
}
.unit-box--section02 {
  padding: 0 0 70px;
}
@media only screen and (max-width: 767px) {
  .unit-box--section02 {
    padding: 0 0 8vw;
  }
}
.unit-box__inner {
  padding: 50px 50px 0;
}
@media only screen and (max-width: 767px) {
  .unit-box__inner {
    padding: 8vw 5.3333333333vw 0;
  }
}

.unit-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 16px;
  letter-spacing: 0.1em;
  white-space: nowrap;
  line-height: 1;
  color: #00506f;
}
@media only screen and (max-width: 767px) {
  .unit-head--line {
    gap: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
.unit-head--line:after {
  content: "";
  width: 100%;
  border-top: solid 1px #bfbfbf;
}

.unit-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.unit-flex__station {
  position: relative;
  left: -15px;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .unit-flex__station {
    left: -2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.unit-flex__station span {
  font-size: 30px;
  letter-spacing: 0.1em;
  line-height: 0.8;
}
@media only screen and (max-width: 767px) {
  .unit-flex__station span {
    font-size: 5.3333333333vw;
  }
}
.unit-flex__distance {
  font-size: 18px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .unit-flex__distance {
    font-size: 4.2666666667vw;
  }
}
.unit-flex__distance span {
  font-size: 48px;
  line-height: 0.8;
  color: #00506f;
}
@media only screen and (max-width: 767px) {
  .unit-flex__distance span {
    font-size: 8.5333333333vw;
  }
}
.unit-flex + .cap {
  margin-top: 15px;
}

.unit-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.unit-column--two {
  column-gap: calc(40/960*100%);
}
.unit-column--two .unit-column__item {
  width: 47.9166666667%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .unit-column--two .unit-column__item {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .unit-column--two .unit-column__item:nth-child(n+2) {
    margin-top: 8vw;
  }
}
.unit-column--two .unit-column__item:nth-child(n+3) {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .unit-column--two .unit-column__item:nth-child(n+3) {
    margin-top: 8vw;
  }
}

.unit-column--three {
  column-gap: calc(30/960*100%);
}

.unit-column--three .unit-column__item {
  width: calc(300/960*100%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .unit-column--three .unit-column__item {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .unit-column--three .unit-column__item:nth-child(n+2) {
    margin-top: 8vw;
  }
}
.unit-column--three .unit-column__item:nth-child(n+4) {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .unit-column--three .unit-column__item:nth-child(n+4) {
    margin-top: 8vw;
  }
}
.unit-column__item {
  position: relative;
}
.unit-column__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .unit-column__card {
    gap: 2.6666666667vw;
    margin-top: 4vw;
  }
}
.unit-column__card-head {
  font-size: 18px;
  line-height: 1;
  color: #00374c;
}
@media only screen and (max-width: 767px) {
  .unit-column__card-head {
    font-size: 3.7333333333vw;
  }
}
.unit-column__card-min {
  font-size: 12px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .unit-column__card-min {
    font-size: 3.2vw;
  }
}

/* aside
---------------------------------------- */
.aside {
  padding: 40px 30px;
  background-color: #f3f7f9;  
}

.aside__title {
  font-size: 24px;
  letter-spacing: 0.1em;
  line-height: 1;
  color: #00506f;

  @media only screen and (max-width: 767px) {
    font-size: 4vw;
  }
}

.aside__text {
  line-height: 2;
  font-size: 16px;
  color: #333333;

  @media only screen and (max-width: 767px) {
    font-size: 3.73333vw;
    line-height: 1.71429;
  }
}

.aside__flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.aside__flexbox-column {
  width: 50%;

  @media only screen and (max-width: 767px) {
    width: 100%;
  }
}

.aside__flexbox-column--text {
  padding-right: 40px;

  @media only screen and (max-width: 767px) {
    padding-right: 0;
  }
}

.aside__flexbox-column--image-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}

.aside__image {
  width: calc(50% - 10px);
  

  @media only screen and (max-width: 767px) {
    width: 100%;
  }
}

/* section
---------------------------------------- */
.location-section {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .location-section {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw;
  }
}
.location-section__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  margin-top: 30px;
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .location-section__info {
    margin-top: 5.3333333333vw;
    font-size: 3.2vw;
  }
}
.location-section__info + .location-section__info {
  margin-top: 0;
}
.location-section .unit-box {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .location-section .unit-box {
    margin-top: 21.3333333333vw;
  }
}
.location-section .unit-box--card {
  margin-top: 0;
}

/* font
---------------------------------------- */
.u-nowrap {
  white-space: nowrap !important;
}

.u-bold {
  font-weight: 700 !important;
}

/* data-color
---------------------------------------- */
[data-color=shadow] {
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.7), 0 0 3px rgba(0, 0, 0, 0.7), 0 0 3px rgba(0, 0, 0, 0.7), 0 0 3px rgba(0, 0, 0, 0.7), 0 0 3px rgba(0, 0, 0, 0.7);
}

[data-color=white] {
  color: #fff;
}

[data-color=black] {
  color: #000;
}

[data-color=dark] {
  color: #333;
}

/* data-align
---------------------------------------- */
[data-align=center] {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  [data-align=pc-center] {
    text-align: center;
  }
}

/*  helper margin top
---------------------------------------- */
@media only screen and (max-width: 767px) {
  .spMt5 {
    margin-top: 5px;
    margin-top: calc((5 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt10 {
    margin-top: 10px;
    margin-top: calc((10 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt15 {
    margin-top: 15px;
    margin-top: calc((15 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt20 {
    margin-top: 20px;
    margin-top: calc((20 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt25 {
    margin-top: 25px;
    margin-top: calc((25 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt30 {
    margin-top: 30px;
    margin-top: calc((30 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt35 {
    margin-top: 35px;
    margin-top: calc((35 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt40 {
    margin-top: 40px;
    margin-top: calc((40 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt45 {
    margin-top: 45px;
    margin-top: calc((45 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt50 {
    margin-top: 50px;
    margin-top: calc((50 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt55 {
    margin-top: 55px;
    margin-top: calc((55 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt60 {
    margin-top: 60px;
    margin-top: calc((60 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt65 {
    margin-top: 65px;
    margin-top: calc((65 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt70 {
    margin-top: 70px;
    margin-top: calc((70 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt75 {
    margin-top: 75px;
    margin-top: calc((75 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt80 {
    margin-top: 80px;
    margin-top: calc((80 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt85 {
    margin-top: 85px;
    margin-top: calc((85 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt90 {
    margin-top: 90px;
    margin-top: calc((90 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt95 {
    margin-top: 95px;
    margin-top: calc((95 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt100 {
    margin-top: 100px;
    margin-top: calc((100 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt105 {
    margin-top: 105px;
    margin-top: calc((105 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt110 {
    margin-top: 110px;
    margin-top: calc((110 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt115 {
    margin-top: 115px;
    margin-top: calc((115 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt120 {
    margin-top: 120px;
    margin-top: calc((120 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt125 {
    margin-top: 125px;
    margin-top: calc((125 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt130 {
    margin-top: 130px;
    margin-top: calc((130 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt135 {
    margin-top: 135px;
    margin-top: calc((135 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt140 {
    margin-top: 140px;
    margin-top: calc((140 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt145 {
    margin-top: 145px;
    margin-top: calc((145 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt150 {
    margin-top: 150px;
    margin-top: calc((150 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt155 {
    margin-top: 155px;
    margin-top: calc((155 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt160 {
    margin-top: 160px;
    margin-top: calc((160 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt165 {
    margin-top: 165px;
    margin-top: calc((165 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt170 {
    margin-top: 170px;
    margin-top: calc((170 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt175 {
    margin-top: 175px;
    margin-top: calc((175 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt180 {
    margin-top: 180px;
    margin-top: calc((180 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt185 {
    margin-top: 185px;
    margin-top: calc((185 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt190 {
    margin-top: 190px;
    margin-top: calc((190 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt195 {
    margin-top: 195px;
    margin-top: calc((195 / 375) * 100vw);
  }
}

@media only screen and (max-width: 767px) {
  .spMt200 {
    margin-top: 200px;
    margin-top: calc((200 / 375) * 100vw);
  }
}

@media only screen and (min-width: 768px) {
  .pcMt5 {
    margin-top: 5px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt10 {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt15 {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt20 {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt25 {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt30 {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt35 {
    margin-top: 35px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt40 {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt45 {
    margin-top: 45px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt50 {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt55 {
    margin-top: 55px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt60 {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt65 {
    margin-top: 65px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt70 {
    margin-top: 70px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt75 {
    margin-top: 75px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt80 {
    margin-top: 80px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt85 {
    margin-top: 85px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt90 {
    margin-top: 90px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt95 {
    margin-top: 95px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt100 {
    margin-top: 100px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt105 {
    margin-top: 105px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt110 {
    margin-top: 110px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt115 {
    margin-top: 115px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt120 {
    margin-top: 120px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt125 {
    margin-top: 125px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt130 {
    margin-top: 130px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt135 {
    margin-top: 135px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt140 {
    margin-top: 140px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt145 {
    margin-top: 145px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt150 {
    margin-top: 150px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt155 {
    margin-top: 155px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt160 {
    margin-top: 160px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt165 {
    margin-top: 165px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt170 {
    margin-top: 170px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt175 {
    margin-top: 175px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt180 {
    margin-top: 180px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt185 {
    margin-top: 185px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt190 {
    margin-top: 190px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt195 {
    margin-top: 195px;
  }
}

@media only screen and (min-width: 768px) {
  .pcMt200 {
    margin-top: 200px;
  }
}

.capOut_r {
  font-size: 12px;
  margin-top: 8px;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .capOut_r {
    font-size: 12px;
    margin-top: 3px;
    margin-bottom: 10px;
  }
}