@charset "UTF-8";
/* スマホ用の表示の時はis-pcは非表示 */
@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
}
/* PC用の表示の時はis-spは非表示 */
@media (min-width: 769px) {
  .sp {
    display: none !important;
  }
}
html,
body {
  letter-spacing: normal;
}

/* ===============================
  アプリ紹介ページ
=============================== */
/*------------------------------
fv
------------------------------*/
.fv {
  background: url(../img/page/app/fv_bg.jpg) no-repeat center center/cover;
  position: relative;
}
@media (max-width: 768px) {
  .fv {
    overflow: hidden;
    background: url(../img/page/app/fv_bg_sp.jpg) no-repeat center center/cover;
  }
}

.fv__inner {
  width: 1240px;
  max-width: 86.1111111111%;
  padding: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .fv__inner {
    width: 84%;
    max-width: 430px;
  }
}

.fv__image {
  width: 68.1818181818%;
  position: absolute;
  top: 50%;
  left: max(26%, 375px + (100vw - 1440px) / 2);
  transform: translate(-50%, -50%);
  width: min(778px, 54.0277777778vw);
}
@media (max-width: 768px) {
  .fv__image {
    top: 59%;
    left: 55%;
    transform: translate(-50%, -50%);
    width: 94%;
    max-width: 405px;
  }
}

.fv__content {
  color: #fff;
  width: 47.5%;
  margin-left: auto;
  padding: 9% 0 6%;
  position: relative;
}
.fv__content > * {
  position: relative;
  z-index: 10;
}
@media (min-width: 769px) {
  .fv__content::before {
    content: "";
    position: absolute;
    background: url(../img/page/app/dec3.png) no-repeat center center/100%;
    transform: translate(-50%, -50%);
    aspect-ratio: 816/1274;
    width: 69%;
    left: 47%;
    top: 50%;
  }
}
@media (max-width: 768px) {
  .fv__content {
    width: 100%;
    padding: 7% 0 13%;
  }
}

.fv__catch {
  font-size: min(3.5rem, 2.4305555556vw);
  font-weight: 700;
  line-height: 1.325;
  letter-spacing: 0.05em;
}
@media (min-width: 769px) {
  .fv__catch strong {
    font-size: min(4rem, 2.7777777778vw);
  }
}
@media (max-width: 768px) {
  .fv__catch {
    font-size: min(2rem, 4.6511627907vw);
    line-height: 1.45;
  }
}

.fv__message {
  font-size: min(2rem, 1.3888888889vw);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 1.4em;
}
@media (max-width: 768px) {
  .fv__message {
    font-size: min(1.5rem, 3.488372093vw);
  }
}

.fv__app {
  max-width: 500px;
  border: 3px solid #fff;
  border-radius: 20px;
  margin-top: 16.333333%;
  margin-left: 3%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .fv__app {
    margin-top: 67%;
    width: 106%;
    margin-left: 50%;
    transform: translateX(-50%);
  }
}

.fv__app-title {
  background: #FFF;
  font-size: min(1.6rem, 1.1111111111vw);
  font-weight: 500;
  line-height: 2.5;
  text-align: center;
  color: #FF6A00;
}
@media (min-width: 769px) {
  .fv__app-title strong {
    font-size: min(2rem, 1.8181818182vw);
  }
}
@media (max-width: 768px) {
  .fv__app-title {
    font-size: min(1.6rem, 3.7209302326vw);
  }
}

.fv__app-content {
  background: url(../img/page/app/fv_app-bg.jpg) no-repeat center center/cover;
  display: flex;
  align-items: center;
  padding: 2% 4%;
  border-radius: 0 0 20px 20px;
}

.fv__app-image {
  width: 16%;
}

.fv__app-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .fv__app-button {
    justify-content: center;
  }
}

.fv__app-button1 {
  margin-left: 7%;
  width: 33%;
}
@media (max-width: 768px) {
  .fv__app-button1 {
    margin-left: 0;
    width: 45%;
  }
}

.fv__app-button2 {
  margin-left: 5%;
  width: 37%;
}
@media (max-width: 768px) {
  .fv__app-button2 {
    width: 49%;
  }
}

/*------------------------------
reason
------------------------------*/
.reason {
  background: url(../img/page/app/reason_bg.jpg) no-repeat center center/cover;
  padding: min(100px, 6.9444444444vw) 0;
  padding: min(8%, 115px) 0;
  position: relative;
}
@media (min-width: 769px) {
  .reason {
    aspect-ratio: 1440/840;
    max-height: 840px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .reason {
    background: url(../img/page/app/reason_bg_sp.jpg) no-repeat center center/cover;
    aspect-ratio: 860/1501;
    padding: 0;
    width: 100%;
    max-height: 750px;
  }
}

.reason__heading {
  font-size: min(4rem, 3.6363636364vw);
  font-weight: 500;
  line-height: 1.5;
  color: #4D4D4D;
}
@media (min-width: 769px) {
  .reason__heading {
    position: absolute;
    top: 14%;
    left: max(100px + (100vw - 1440px) / 2, 7%);
  }
}

.reason__items {
  position: relative;
  width: 100%;
  height: 100%;
}
.reason__item {
  background: #F9F9F9;
  padding: 2%;
  position: relative;
}
.reason__item:first-child, .reason__item:nth-child(2) {
  margin-left: auto;
}
.reason__item:nth-child(2) .reason__content {
  margin-right: auto;
  margin-left: unset;
}
@media (min-width: 769px) {
  .reason__item {
    position: absolute;
    top: 50%;
    width: 40%;
    max-width: 560px;
  }
  .reason__item::after {
    content: "";
    position: absolute;
    background: url(../img/page/app/dec1.png) no-repeat center center/100%;
    aspect-ratio: 209/325;
    width: 20%;
    top: 0%;
  }
  .reason__item:nth-child(1) {
    right: 0;
    top: 4%;
  }
  .reason__item:nth-child(1)::after {
    left: 71%;
    transform: translate(-50%, -10%);
  }
  .reason__item:nth-child(1) .reason__content {
    width: 64%;
  }
  .reason__item:nth-child(1) .reason__item-image {
    position: absolute;
    top: 50%;
    left: 19%;
    transform: translate(-50%, -50%);
    width: 38.3928571429%;
  }
  .reason__item:nth-child(2) {
    top: 74.375%;
    right: 0;
  }
  .reason__item:nth-child(2)::after {
    left: 49%;
    transform: translate(-50%, -20%);
  }
  .reason__item:nth-child(2) .reason__content {
    width: 60%;
  }
  .reason__item:nth-child(2) .reason__item-image {
    position: absolute;
    top: 44%;
    right: 23%;
    transform: translate(50%, -50%);
    width: 38.3928571429%;
  }
  .reason__item:nth-child(3) {
    top: 60%;
  }
  .reason__item:nth-child(3)::after {
    left: 79%;
    transform: translate(-50%, -30%);
  }
  .reason__item:nth-child(3) .reason__content {
    width: 60%;
  }
  .reason__item:nth-child(3) .reason__item-image {
    position: absolute;
    top: 50%;
    left: 23%;
    transform: translate(-50%, -50%);
    width: 29%;
  }
}
@media (max-width: 768px) {
  .reason__item {
    position: absolute;
    top: 50%;
    width: 92%;
    max-width: 395px;
    padding: min(4%, 18px) min(8%, 35px);
  }
  .reason__item::after {
    content: "";
    position: absolute;
    background: url(../img/page/app/dec1.png) no-repeat center center/100%;
    aspect-ratio: 209/325;
    width: 20%;
    top: 0%;
  }
  .reason__item:nth-child(1) {
    right: 0;
    top: 7%;
  }
  .reason__item:nth-child(1)::after {
    left: 83%;
    transform: translate(-50%, -30%);
  }
  .reason__item:nth-child(1) .reason__content {
    width: 75%;
  }
  .reason__item:nth-child(1) .reason__item-image {
    position: absolute;
    top: 44%;
    left: 10%;
    transform: translate(-50%, -50%);
    width: 38.3928571429%;
  }
  .reason__item:nth-child(2) {
    top: 44%;
    right: unset;
    left: 0;
  }
  .reason__item:nth-child(2)::after {
    left: 10%;
    transform: translate(-50%, -30%);
  }
  .reason__item:nth-child(2) .reason__content {
    width: 82%;
    padding-left: 11%;
  }
  .reason__item:nth-child(2) .reason__item-image {
    position: absolute;
    top: 51%;
    right: 11%;
    transform: translate(50%, -50%);
    width: 38.3928571429%;
  }
  .reason__item:nth-child(3) {
    top: 75%;
    left: unset;
    right: 0;
  }
  .reason__item:nth-child(3)::after {
    left: 83%;
    transform: translate(-50%, -30%);
  }
  .reason__item:nth-child(3) .reason__content {
    width: 76%;
  }
  .reason__item:nth-child(3) .reason__item-image {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-50%, -50%);
    width: 29%;
  }
}

.reason__content {
  margin-left: auto;
  position: relative;
  z-index: 10;
}

.reason__label {
  font-size: min(2.4rem, 1.6666666667vw);
  font-weight: 700;
  line-height: normal;
  color: #4D4D4D;
}
@media (max-width: 768px) {
  .reason__label {
    font-size: min(1.8rem, 4.1860465116vw);
  }
}

.reason__description {
  margin-top: 8px;
  font-size: min(1.8rem, 1.25vw);
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 768px) {
  .reason__description {
    font-size: min(1.4rem, 3.2558139535vw);
    line-height: 1.2;
  }
}

/*------------------------------
function
------------------------------*/
.function__section:nth-child(2n) .function__title-group {
  margin-left: auto;
}
.function__section:nth-child(2n) .function__mv {
  right: unset;
  left: 0;
}

@media (min-width: 769px) {
  .function__inner {
    width: 1100px;
    max-width: 76.3888888889%;
  }
}

.function__head {
  position: relative;
  padding: 0.6944444444vw 0;
  background: #F9F9F9;
}
@media (max-width: 768px) {
  .function__head {
    padding: 20px 0;
  }
}

.function__head2 {
  background: transparent;
}

.function__title-group {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 2;
}

.function__title-group2 .function__catch {
  text-align: right;
}
.function__title-group2 .function__title-sub {
  text-align: right;
}
@media (min-width: 769px) {
  .function__title-group2 {
    padding-right: 2%;
  }
}

.function__title-sub {
  display: block;
  font-size: min(3rem, 2.7272727273vw);
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 768px) {
  .function__title-sub {
    font-size: min(2rem, 4.6511627907vw);
  }
}

.function__title-main {
  font-size: min(7rem, 6.3636363636vw);
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .function__title-main {
    font-size: min(4rem, 9.3023255814vw);
  }
}

.function__catch {
  font-size: min(3rem, 2.7272727273vw);
  font-weight: 500;
  line-height: normal;
  color: #4D4D4D;
}
@media (max-width: 768px) {
  .function__catch {
    font-size: min(1.5rem, 3.488372093vw);
  }
}

.function__mv {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 62.5%;
}
.function__mv img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .function__mv {
    width: 67.5%;
  }
}

/* function01
------------------------------*/
@media (min-width: 769px) {
  .function01__inner {
    width: 1310px;
    max-width: 90.9722222222%;
  }
}

.function01__content {
  padding: 1.5% 0 4%;
  background: #F9F9F9;
}

.function01__list {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .function01__list {
    display: block;
    width: 79%;
    margin: 0 auto;
  }
}

.function01__item {
  width: 31%;
}
@media (max-width: 768px) {
  .function01__item {
    width: 100%;
  }
  .function01__item:nth-child(n+2) {
    margin-top: 10px;
    margin-left: 0;
  }
}

.function01__image img {
  aspect-ratio: 406/491;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .function01__image img {
    aspect-ratio: 600/586;
  }
}

.function01__label {
  font-size: min(1.7rem, 1.3385826772vw);
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #fff;
  text-align: center;
  background: linear-gradient(90deg, #272727 0%, #8D8D8D 100%);
  padding: 0.7em 0;
  margin-top: -1.3lh;
  z-index: 10;
  position: relative;
}
@media (max-width: 768px) {
  .function01__label {
    margin-top: 0;
    font-size: min(1.3rem, 3.023255814vw);
  }
}

.function01__description {
  font-size: min(1.6rem, 1.2598425197vw);
  font-weight: 400;
  line-height: 1.375;
  padding: 1.5em;
  background: #fff;
}
@media (max-width: 768px) {
  .function01__description {
    font-size: min(1.4rem, 3.2558139535vw);
  }
}

/* function02
------------------------------*/
.function02 {
  background: linear-gradient(90deg, #FFF3E4 2.32%, #FDE2D8 110.33%);
  padding-bottom: min(76px, 5.2777777778vw);
}
@media (max-width: 768px) {
  .function02 {
    padding-bottom: 40px;
  }
}

.function02__lead {
  padding-top: 3%;
  margin-bottom: 1.6em;
  font-size: min(3rem, 2.7272727273vw);
  font-weight: 500;
  line-height: normal;
  text-align: center;
  color: #4D4D4D;
}
@media (max-width: 768px) {
  .function02__lead {
    font-size: min(1.6rem, 3.7209302326vw);
    width: 85%;
    max-width: 340px;
    text-align: left;
    margin: 0 auto 0.5em;
    padding-top: 6%;
  }
}

@media (min-width: 769px) {
  .function02__inner {
    width: 1240px;
  }
}

.function02__block {
  display: flex;
  justify-content: space-between;
}
.function02__block:nth-child(2) {
  flex-direction: row-reverse;
  margin-top: 4.5%;
}
@media (max-width: 768px) {
  .function02__block:nth-child(2) {
    margin-top: 8.1395348837%;
  }
}

.function02__image {
  width: 39.5161290323%;
}
@media (max-width: 768px) {
  .function02__image {
    width: 100%;
  }
}

.function02__body {
  width: 56.4516129032%;
}
@media (max-width: 768px) {
  .function02__body {
    width: 100%;
  }
}

.function02__heading {
  font-size: min(2rem, 1.6129032258vw);
  font-weight: 500;
  line-height: 2;
  color: #fff;
  text-align: center;
  background: linear-gradient(90deg, #FF8448 0%, #FF6B01 100%);
}
@media (max-width: 768px) {
  .function02__heading {
    font-size: min(1.6rem, 3.7209302326vw);
  }
}

.function02__list {
  margin-top: 2.8571428571%;
}

.function02__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}
.function02__item:nth-child(n+2) {
  margin-top: 4.6%;
}
@media (max-width: 768px) {
  .function02__item {
    display: block;
    padding: 2% 5% 4%;
  }
  .function02__item:nth-child(n+2) {
    margin-top: 20px;
  }
}

.function02__item-wrapper {
  display: flex;
  align-items: center;
  width: 48.5714285714%;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .function02__item-wrapper {
    width: 100%;
    justify-content: flex-start;
  }
}

.function02__item-title {
  width: 52.9411764706%;
  border: 1px solid #FF6A00;
  aspect-ratio: 183/100;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: min(1.8rem, 1.4516129032vw);
  font-weight: 700;
  line-height: 1.6666666667;
  letter-spacing: 0.01em;
  text-align: center;
  color: #000;
}
@media (max-width: 768px) {
  .function02__item-title {
    width: 41%;
    font-size: min(1.4rem, 3.2558139535vw);
    aspect-ratio: 140/60;
    margin-right: 13%;
  }
}

.function02__item-image {
  width: 41%;
}
.function02__item-image img:not(.no-shadow) {
  filter: drop-shadow(0px 5px 10px rgba(186, 101, 27, 0.18));
}
.function02__item-image.small {
  transform: scale(0.6);
}
.function02__item-image.small2 {
  transform: scale(0.45);
}

.function02__item-description {
  width: 49%;
  font-size: min(1.6rem, 1.2903225806vw);
  font-weight: 400;
  color: #4D4D4D;
  padding-right: 1em;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .function02__item-description {
    width: 100%;
    margin-top: 1em;
    font-size: min(1.4rem, 3.2558139535vw);
    padding-right: 0;
  }
}

/* function03
------------------------------*/
.function03 {
  background: #F9F9F9;
}

.function03__block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
  width: 67%;
}
@media (max-width: 768px) {
  .function03__block {
    width: 100%;
    flex-direction: column;
  }
}

.function03__heading {
  font-size: min(2.4rem, 1.6666666667vw);
  font-weight: 500;
  width: 32%;
}
@media (max-width: 768px) {
  .function03__heading {
    width: 100%;
    text-align: center;
    font-size: min(1.8rem, 4.1860465116vw);
    padding: 10px 0;
  }
  .function03__heading span {
    font-size: min(3rem, 6.976744186vw);
    color: #000;
    font-weight: bold;
    display: block;
    margin-bottom: 0.3em;
  }
}

.function03__description {
  width: 68%;
  background: linear-gradient(90deg, #FFF3E4 2.32%, #FDE2D8 110.33%);
  padding: 2% 4.4%;
  font-weight: normal;
  font-size: min(1.8rem, 1.25vw);
}
@media (max-width: 768px) {
  .function03__description {
    width: 100%;
    font-size: min(1.6rem, 3.7209302326vw);
    padding: 4% 4.4%;
  }
}

.function03__note {
  font-size: min(1.4rem, 0.9722222222vw);
  display: block;
}
@media (max-width: 768px) {
  .function03__note {
    font-size: min(1.2rem, 2.7906976744vw);
  }
}

.function03__content {
  background: url(../img/page/app/function03_bg.png) no-repeat center center/cover;
  padding-bottom: 3%;
  margin-top: 13%;
}
@media (max-width: 768px) {
  .function03__content {
    padding-bottom: 82px;
    background: url(../img/page/app/function03_bg.png) no-repeat bottom center/1600px;
  }
}

@media (min-width: 769px) {
  .function03__inner {
    width: 1360px;
    max-width: 94.4444444444%;
  }
}
@media (max-width: 768px) {
  .function03__inner {
    padding: 0 min(4%, 18px);
  }
}

@media (min-width: 769px) {
  .function03__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
}

.function03__item {
  background: url(../img/page/app/function03_item-bg.jpg) no-repeat center center/cover;
  position: relative;
  padding: 2.5% 2.8%;
  padding-right: 20%;
}
.function03__item:first-child, .function03__item:nth-child(3) {
  width: 50.3703703704%;
}
.function03__item:nth-child(2n) {
  width: 47.7777777778%;
  margin-top: 8%;
}
.function03__item:nth-child(n+3) {
  margin-top: 20%;
}
.function03__item:nth-child(1) .function03__item-image {
  top: 37%;
  width: 40%;
}
.function03__item:nth-child(2) .function03__item-image {
  top: 17%;
  width: 42%;
}
.function03__item:nth-child(3) .function03__item-image {
  top: 40%;
  width: 40%;
}
.function03__item:nth-child(4) .function03__item-image {
  top: 31%;
  width: 43%;
}
@media (min-width: 769px) {
  .function03__item:nth-child(2n) .function03__item-number {
    left: 29%;
  }
  .function03__item:last-child {
    margin-top: 26%;
  }
}
@media (max-width: 768px) {
  .function03__item {
    padding: 26px 22px;
    min-height: 160px;
  }
  .function03__item:nth-child(n) {
    width: 100%;
  }
  .function03__item:nth-child(n+2) {
    margin-top: 22%;
    margin-top: 87px;
  }
  .function03__item:nth-child(2n-1) {
    padding-right: 31%;
  }
  .function03__item:nth-child(2n) {
    padding-left: 36%;
    padding-right: 3%;
  }
  .function03__item:nth-child(1) .function03__item-image {
    top: 50%;
    width: 34%;
    left: 84%;
  }
  .function03__item:nth-child(2) .function03__item-image {
    left: 15%;
    top: 50%;
    width: 34%;
  }
  .function03__item:nth-child(3) .function03__item-image {
    top: 50%;
    width: 34%;
    left: 84%;
  }
  .function03__item:nth-child(4) .function03__item-image {
    left: 15%;
    top: 50%;
    width: 34%;
  }
  .function03__item:nth-child(2n) .function03__item-number {
    left: 65%;
    width: 7em;
  }
}

.function03__item-image {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 80.8%;
}

.function03__item-number {
  color: #000;
  position: absolute;
  top: 0;
  left: 33%;
  transform: translate(-50%, -60%);
  font-size: min(4.6rem, 3.4074074074vw);
  letter-spacing: 0.05em;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 768px) {
  .function03__item-number {
    font-size: min(3.5rem, 8.1395348837vw);
  }
}

.function03__item-heading {
  font-size: min(2rem, 1.3888888889vw);
  font-weight: 700;
  line-height: 2;
  color: #fff;
}
@media (max-width: 768px) {
  .function03__item-heading {
    font-size: min(1.5rem, 3.488372093vw);
  }
}

.function03__item-description {
  font-size: min(1.6rem, 1.1851851852vw);
  font-weight: 400;
  line-height: 2;
  color: #fff;
  margin-top: 1em;
  padding-right: 1em;
}
@media (max-width: 768px) {
  .function03__item-description {
    font-size: min(1.4rem, 3.2558139535vw);
    margin-top: 0;
    line-height: 1.6;
  }
}

.function03__button {
  margin-top: 9%;
  text-align: center;
}
.function03__button a {
  display: inline-block;
  color: #FF6A00;
  background: #fff;
  border: 1px solid #FF6A00;
  border-radius: 25px;
  font-size: min(2rem, 1.4814814815vw);
  font-weight: 400;
  line-height: normal;
  text-align: center;
  padding: 10px 1em;
}

/*------------------------------
use
------------------------------*/
.use {
  background: #F9F9F9;
}

.use__head {
  position: relative;
  padding: 10px 0;
  padding-left: 53.4%;
}
.use__head::before {
  content: "";
  position: absolute;
  background: url(../img/page/app/use_head.png) no-repeat center center/cover;
  transform: translate(0%, -50%);
  width: 62%;
  height: 100%;
  left: 0%;
  top: 50%;
}
@media (max-width: 768px) {
  .use__head {
    padding: 4px 0;
    padding-left: 32.4%;
    padding-right: 3.9%;
  }
  .use__head::before {
    background: url(../img/page/app/use_head_sp.png) no-repeat center center/cover;
  }
}

.use__title {
  position: relative;
  z-index: 10;
}
@media (max-width: 768px) {
  .use__title {
    text-align: right;
  }
}

.use__title-en {
  font-size: min(7rem, 6.3636363636vw);
  font-weight: 900;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .use__title-en {
    font-size: min(4rem, 9.3023255814vw);
    color: #000;
  }
}

.use__title-ja {
  display: block;
  font-size: min(3rem, 2.7272727273vw);
  font-weight: 500;
  transform: translateY(-40%);
}
@media (max-width: 768px) {
  .use__title-ja {
    font-size: min(2rem, 4.6511627907vw);
    color: #000;
  }
}

.use__content {
  padding: 3% 0 6%;
}
@media (max-width: 768px) {
  .use__content {
    padding: 8% 0 6%;
  }
}

.use__list {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .use__list {
    display: block;
  }
}

.use__item {
  width: 43.1818181818%;
}
@media (max-width: 768px) {
  .use__item {
    width: 100%;
  }
  .use__item:nth-child(n+2) {
    margin-top: 40px;
  }
}

.use__label {
  font-size: min(2.6rem, 2.3636363636vw);
  font-weight: 500;
  text-align: center;
  color: #4D4D4D;
  text-align: center;
}
@media (max-width: 768px) {
  .use__label {
    font-size: min(1.8rem, 4.1860465116vw);
  }
}

.use__image {
  margin-top: 4.2105263158%;
}
.use__image iframe {
  width: 100%;
}

/*------------------------------
app-cta override
------------------------------*/
.app-cta-app .app-cta__heading {
  font-size: min(3rem, 2.7272727273vw);
  font-weight: 700;
  line-height: 1.5;
  color: #1D1D1F;
  text-align: center;
}
@media (max-width: 768px) {
  .app-cta-app .app-cta__heading {
    font-size: min(2rem, 4.6511627907vw);
    text-align: left;
  }
}
@media (min-width: 769px) {
  .app-cta-app .app-cta__description {
    font-size: min(2rem, 1.8181818182vw);
  }
}
.app-cta-app .app-cta__wrapper {
  display: flex;
  width: 840px;
  max-width: 100%;
  margin: 4% auto 0;
}
@media (max-width: 768px) {
  .app-cta-app .app-cta__wrapper {
    display: block;
    margin: 0;
    padding: 8% 0;
  }
}
.app-cta-app .app-cta__category {
  width: 50%;
}
@media (max-width: 768px) {
  .app-cta-app .app-cta__category {
    width: 100%;
  }
  .app-cta-app .app-cta__category:nth-child(2) {
    margin-top: 6.976744186%;
    margin-top: 12%;
  }
}
.app-cta-app .app-cta__category-title {
  font-size: min(2.2rem, 2vw);
  font-weight: 500;
  line-height: 1.3636363636;
  text-align: center;
  color: #4D4D4D;
}
@media (max-width: 768px) {
  .app-cta-app .app-cta__category-title {
    font-size: min(2rem, 4.6511627907vw);
  }
}
.app-cta-app .app-cta__category-list {
  margin-top: 5.4545454545%;
  text-align: center;
}
.app-cta-app .app-cta__category-list li:nth-child(n+2) {
  margin-top: 13px;
}
.app-cta-app .app-cta__category-list li a {
  display: inline-block;
  font-size: min(1.8rem, 1.6363636364vw);
  font-weight: 400;
  line-height: 1.6666666667;
  color: #FF6A00;
}
@media (max-width: 768px) {
  .app-cta-app .app-cta__category-list li {
    text-align: center;
  }
  .app-cta-app .app-cta__category-list li a {
    font-size: min(1.6rem, 3.7209302326vw);
  }
}
/*# sourceMappingURL=app.css.map */