@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;
}

/* ===============================
  法人向けサービス/EV
=============================== */
/*------------------------------
facilities
------------------------------*/
.facilities__head {
  position: relative;
  background: #F9F9F9;
}
@media (max-width: 768px) {
  .facilities__head {
    padding: 20px 0;
  }
}

.facilities__head-reason {
  padding: 2.7% calc(min(3%, 44px) + max((100vw - 1440px) / 2, 0px));
}
.facilities__head-scene {
  padding: 2.7% calc(min(12.7%, 183px) + max((100vw - 1440px) / 2, 0px));
}
@media (max-width: 768px) {
  .facilities__head-scene {
    padding: 1.5% 6% 8%;
  }
}

.facilities__head-service {
  padding: 2.7% calc(min(8%, 116px) + max((100vw - 1440px) / 2, 0px));
}
@media (max-width: 768px) {
  .facilities__head-service {
    text-align: right;
  }
}

.facilities__head-cases {
  padding: 2.7% calc(min(12%, 173px) + max((100vw - 1440px) / 2, 0px));
}
@media (max-width: 768px) {
  .facilities__head-cases {
    padding: 2% 5%;
  }
  .facilities__head-cases .facilities__lead {
    -moz-text-align-last: left;
         text-align-last: left;
  }
}

.facilities__head-pricing {
  padding: 2.7% calc(min(4.7%, 68px) + max((100vw - 1440px) / 2, 0px));
}
@media (max-width: 768px) {
  .facilities__head-pricing {
    padding: 4.5% 10%;
  }
}

.facilities__head-use {
  padding: 2.7% calc(min(13.2%, 190px) + max((100vw - 1440px) / 2, 0px));
}
@media (max-width: 768px) {
  .facilities__head-use {
    padding: 4%;
  }
  .facilities__head-use .facilities__title-group {
    margin-left: 0;
  }
  .facilities__head-use .facilities__mv {
    left: unset;
    right: 0;
  }
  .facilities__head-use .facilities__title {
    font-size: min(4rem, 9.3023255814vw);
  }
}

.facilities__head-reverse .facilities__title-group {
  margin-left: unset;
  margin-right: auto;
}
.facilities__head-reverse .facilities__mv {
  left: unset;
  right: 0;
}

.facilities__title-group {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 2;
  margin-left: auto;
  color: #000;
}

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

.facilities__lead {
  font-size: min(2rem, 1.8181818182vw);
  font-weight: 500;
  line-height: normal;
  text-align: right;
}
.facilities__lead.left {
  text-align: left;
}
@media (min-width: 769px) {
  .facilities__lead {
    transform: translateY(0.5em);
  }
  .facilities__lead.left_pc {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .facilities__lead {
    font-size: min(1.6rem, 3.7209302326vw);
  }
}

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

/*------------------------------
fv
------------------------------*/
.fv {
  background: url(../img/page/workplace/fv.jpg) no-repeat center center/cover;
  padding: min(30px, 2.0833333333vw) 0 min(100px, 6.9444444444vw);
  position: relative;
}
@media (min-width: 769px) {
  .fv::before {
    content: "";
    position: absolute;
    background: url(../img/page/workplace/img_thunder02.png) no-repeat center center/100%;
    transform: translate(35%, -51%);
    aspect-ratio: 459/717;
    width: 27%;
    left: 50%;
    top: 50%;
    max-width: 388px;
  }
}
@media (max-width: 768px) {
  .fv {
    background: url(../img/page/workplace/fv_sp.jpg) no-repeat center center/cover;
    padding: 5% 0 17%;
  }
  .fv::before {
    content: "";
    position: absolute;
    background: url(../img/page/workplace/img_thunder02.png) no-repeat center center/100%;
    transform: translate(-34%, -71%);
    aspect-ratio: 459/717;
    width: 52%;
    max-width: 224px;
    left: 50%;
    top: 50%;
  }
}

@media (min-width: 769px) {
  .fv__inner {
    width: min(1296px, 90vw);
  }
}
@media (max-width: 768px) {
  .fv__inner {
    padding: 0 min(9%, 39px);
    position: relative;
  }
}

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

.fv__catch {
  font-size: min(40px, 2.7777777778vw);
  font-weight: 700;
  line-height: 1.325;
  letter-spacing: 0.05em;
  color: #fff;
}
@media (max-width: 768px) {
  .fv__catch {
    font-size: min(20px, 4.6511627907vw);
    line-height: 2;
  }
}

.fv__subcatch {
  font-size: min(23px, 1.5972222222vw);
  font-weight: 500;
  line-height: 1.3043478261;
  letter-spacing: 0.05em;
  color: #fff;
  margin-top: 1em;
}
@media (max-width: 768px) {
  .fv__subcatch {
    font-size: min(16px, 3.7209302326vw);
    line-height: 1.5;
  }
}

.fv__message {
  font-size: min(16px, 1.1111111111vw);
  font-weight: 400;
  line-height: 1.875;
  letter-spacing: 0.05em;
  color: #fff;
  margin-top: 1.4em;
}
@media (max-width: 768px) {
  .fv__message {
    font-size: min(14px, 3.2558139535vw);
    font-weight: 500;
    line-height: 2;
  }
}

.fv__button {
  width: 42%;
  margin-top: 5.7%;
  margin-left: 1%;
}
.fv__button a {
  font-size: min(18px, 1.25vw);
}
@media (max-width: 768px) {
  .fv__button {
    width: 92%;
    margin: 6% auto 0;
  }
  .fv__button a {
    font-size: min(16px, 3.7209302326vw);
    padding: 0.8em 0;
  }
}

/*------------------------------
problem
------------------------------*/
.problem {
  background: url(../img/page/workplace/problem_bg.png) no-repeat center center/cover;
  padding: 50px 0 30px;
}
@media (max-width: 768px) {
  .problem {
    padding: 7% 0;
  }
}

@media (min-width: 769px) {
  .problem__inner {
    width: 1160px;
  }
}

.problem__heading {
  font-size: min(40px, 3.1034482759vw);
  font-weight: 500;
  color: #fff;
  line-height: 1.45;
  text-align: left;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  letter-spacing: 0.01em;
}
@media (max-width: 768px) {
  .problem__heading {
    font-size: min(20px, 4.6511627907vw);
    text-align: left;
    line-height: 1.65;
  }
}

.problem__list {
  margin-top: 5%;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .problem__list {
    display: block;
    margin-top: 8%;
  }
}

.problem__item {
  width: 48.4051724138%;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 2.3% 3%;
}
.problem__item:nth-child(2n) {
  margin-left: 3.1896551724%;
}
.problem__item:nth-child(n+3) {
  margin-top: 2.8%;
}
@media (min-width: 769px) {
  .problem__item:nth-child(-n+2) {
    transform: translateX(2%);
  }
  .problem__item:nth-child(n+3) {
    transform: translateX(-5%);
  }
}
@media (max-width: 768px) {
  .problem__item {
    width: 100%;
    padding: 0 2%;
    height: 80px;
  }
  .problem__item:nth-child(2n) {
    margin-left: 0;
  }
  .problem__item:nth-child(n+2) {
    margin-top: 5.3%;
  }
}

.problem__label {
  width: 39.2156862745%;
  font-size: min(24px, 1.8620689655vw);
  font-weight: 700;
  color: #4D4D4D;
}
@media (max-width: 768px) {
  .problem__label {
    font-size: min(16px, 3.7209302326vw);
  }
}

.problem__desctiption {
  width: 65%;
  font-size: min(18px, 1.3965517241vw);
  font-weight: 400;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .problem__desctiption {
    font-size: min(14px, 3.2558139535vw);
    line-height: 1.2;
  }
}

.problem__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 7.5% auto 0;
}
@media (min-width: 769px) {
  .problem__wrapper {
    width: 85%;
  }
}
@media (max-width: 768px) {
  .problem__wrapper {
    flex-direction: column-reverse;
  }
}

.problem__text {
  color: #fff;
  font-weight: 400;
  width: 51%;
  font-size: min(20px, 1.5517241379vw);
  line-height: 1.7;
  padding-left: 1.7em;
}
@media (max-width: 768px) {
  .problem__text {
    width: 100%;
    font-size: min(18px, 4.1860465116vw);
    margin-top: 9.3023255814%;
    padding: 0 1em;
  }
}

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

/*------------------------------
features
------------------------------*/
.features {
  background: url(../img/page/workplace/features_bg.png) no-repeat center center/cover;
  padding: 40px 0 24px;
}
@media (max-width: 768px) {
  .features {
    background: url(../img/page/workplace/features_bg_sp.png) no-repeat center center/cover;
    padding: 4% 0 8%;
  }
}

.features__intro {
  width: 56.3636363636%;
  margin-left: auto;
}
@media (max-width: 768px) {
  .features__intro {
    width: 100%;
  }
}

.features__heading {
  font-size: min(30px, 2.4549918167vw);
  font-weight: 700;
  line-height: 1.6666666667;
  color: #000;
  text-align: center;
  transform: translateX(0.4em);
}
@media (max-width: 768px) {
  .features__heading {
    font-size: min(20px, 4.6511627907vw);
  }
}

.features__text {
  font-size: min(18px, 1.47299509vw);
  font-weight: 400;
  line-height: 1.9444444444;
  margin-top: 1.6em;
}
@media (max-width: 768px) {
  .features__text {
    margin-top: 10px;
    font-size: min(14px, 3.2558139535vw);
    line-height: 1.8;
    padding: 0 1em;
  }
}

.features__list {
  margin-top: 5.1%;
  display: flex;
}
@media (max-width: 768px) {
  .features__list {
    display: block;
    width: 91%;
    margin: 5% auto 0;
  }
}

.features__item {
  width: 31.2393939394%;
  background: url(../img/page/workplace/features_item-bg.jpg) no-repeat center center/cover;
  padding: 1.5% 2.5%;
  color: #fff;
}
.features__item:nth-child(n+2) {
  margin-left: 3.0909090909%;
}
@media (max-width: 768px) {
  .features__item {
    width: 100%;
    padding: 3% 10.5%;
    padding-right: 4%;
  }
  .features__item:nth-child(n+2) {
    margin-left: 0;
    margin-top: 6%;
  }
}

.features__name {
  font-size: min(20px, 1.8181818182vw);
  font-weight: 700;
  line-height: 2;
}
@media (max-width: 768px) {
  .features__name {
    font-size: min(18px, 4.1860465116vw);
  }
}

.features__description {
  margin-top: 0.1em;
  font-size: min(16px, 1.4545454545vw);
  font-weight: 400;
}
@media (max-width: 768px) {
  .features__description {
    font-size: min(14px, 3.2558139535vw);
  }
}

/*------------------------------
reason
------------------------------*/
.reason {
  background: #F5F5F5;
}
@media (min-width: 769px) {
  .reason .pl12_pc {
    padding-left: 12% !important;
  }
  .reason .pl21_pc {
    padding-left: 21% !important;
  }
  .reason .pl24_pc {
    padding-left: 24% !important;
  }
  .reason .pl27_pc {
    padding-left: 27% !important;
  }
  .reason .w56_pc {
    width: 56% !important;
  }
  .reason .w59_pc {
    width: 59% !important;
  }
  .reason .w66_pc {
    width: 66% !important;
  }
  .reason .w68_pc {
    width: 68% !important;
  }
  .reason .w74_pc {
    width: 74% !important;
  }
  .reason .w77_pc {
    width: 77% !important;
  }
  .reason .w78_pc {
    width: 78% !important;
  }
  .reason .w83_pc {
    width: 83% !important;
  }
  .reason .w88_pc {
    width: 88% !important;
  }
  .reason .w89_pc {
    width: 89% !important;
  }
  .reason .w91_pc {
    width: 91% !important;
  }
  .reason .w100_pc {
    width: 100% !important;
  }
  .reason .w105_pc {
    width: 105% !important;
  }
  .reason .ml07_pc {
    margin-left: -7% !important;
  }
  .reason .ml04_pc {
    margin-left: -4% !important;
  }
  .reason .ml02_pc {
    margin-left: -2% !important;
  }
  .reason .ml0_pc {
    margin-left: 0% !important;
  }
  .reason .ml2_pc {
    margin-left: 2% !important;
  }
  .reason .ml6_pc {
    margin-left: 6% !important;
  }
  .reason .ml8_pc {
    margin-left: 8% !important;
  }
  .reason .ml10_pc {
    margin-left: 10% !important;
  }
  .reason .ml11_pc {
    margin-left: 11% !important;
  }
  .reason .ml13_pc {
    margin-left: 13% !important;
  }
  .reason .ml15_pc {
    margin-left: 15% !important;
  }
  .reason .ml16_pc {
    margin-left: 16% !important;
  }
  .reason .ml17_pc {
    margin-left: 17% !important;
  }
  .reason .ml19_pc {
    margin-left: 19% !important;
  }
  .reason .ml21_pc {
    margin-left: 21% !important;
  }
  .reason .fz25_pc {
    font-size: min(25px, 2.0441537204vw);
  }
}
@media (max-width: 768px) {
  .reason .pl44_sp {
    padding-left: 44% !important;
  }
  .reason .pl46_sp {
    padding-left: 46% !important;
  }
  .reason .fz14_sp {
    font-size: min(1.4rem, 3.2558139535vw);
  }
}

.reason__container {
  padding: 6.3636363636% 0 4%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .reason__container {
    padding: 10% 0 7%;
  }
}

@media (max-width: 768px) {
  .reason__container__inner {
    padding: 0;
  }
}

.reason__item:nth-child(n+2) {
  margin-top: 5.2727272727%;
}
@media (max-width: 768px) {
  .reason__item:nth-child(n+2) {
    margin-top: 9.3023255814%;
  }
}

@media (max-width: 768px) {
  .reason__number {
    font-size: min(30px, 6.976744186vw);
  }
}

.reason__header {
  position: relative;
  width: 70.4545454545%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 18%;
  padding: 3% 3%;
  padding-left: 11%;
}
@media (max-width: 768px) {
  .reason__header {
    width: 100%;
    margin-left: 0;
    padding: 5% 2%;
    padding-left: 36%;
  }
}

.reason__header-title {
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 0%;
  color: #000;
  font-weight: 700;
  font-size: min(46px, 3.7643207856vw);
  transform: translate(-1.3em, -1.8em);
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.reason__header-title span {
  font-weight: bold;
}
@media (max-width: 768px) {
  .reason__header-title {
    transform: translate(-50%, -68px);
    left: 30%;
    line-height: 1.3;
  }
}

@media (max-width: 768px) {
  .reason__header-title2 .reason__title {
    font-size: min(2.5rem, 5.8139534884vw);
  }
}

@media (max-width: 768px) {
  .reason__header-title3 .reason__title {
    font-size: min(2rem, 4.6511627907vw);
  }
}

.reason__title {
  display: block;
}
@media (max-width: 768px) {
  .reason__title {
    font-size: min(30px, 6.976744186vw);
  }
}

.reason__heading {
  font-size: min(28px, 2.2894521668vw);
  font-weight: 500;
  line-height: 1.4285714286;
}
@media (max-width: 768px) {
  .reason__heading {
    font-size: min(16px, 3.7209302326vw);
  }
}

.reason__list li {
  width: 80%;
  background: linear-gradient(90deg, #FEFEFE 0%, #CDE2EF 100%);
  font-size: min(18px, 1.47299509vw);
  font-weight: 400;
  line-height: 1.7777777778;
  position: relative;
  padding: 1.7%;
  padding-left: 12.7%;
}
.reason__list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2.5em;
  transform: translateY(-50%);
  background: url(../img/page/workplace/img_thunder01.png) no-repeat center center/contain;
  width: 2.78em;
  aspect-ratio: 104/161;
}
.reason__list li:nth-child(2n) {
  margin-left: auto;
}
@media (min-width: 769px) {
  .reason__list li:nth-child(2) {
    margin-left: 19%;
    padding-left: 11%;
    width: 70.6%;
  }
  .reason__list li:nth-child(3) {
    margin-left: -2%;
    padding-left: 11%;
    width: 70.6%;
  }
}
@media (max-width: 768px) {
  .reason__list {
    padding-left: min(16px, 3.7209302326vw);
  }
  .reason__list li {
    width: 100%;
    font-size: min(14px, 3.2558139535vw);
    padding: 2% 18%;
    padding-right: 2%;
    min-height: 100px;
    display: flex;
    align-items: center;
  }
  .reason__list li::before {
    left: 0.6em;
  }
  .reason__list li:nth-child(n+2) {
    margin-top: 4%;
  }
}

.reason__comparison {
  width: 88.6363636364%;
  margin: 0 auto;
  margin-top: 5%;
}

/*------------------------------
scene
------------------------------*/
.scene__container {
  padding: 4.6% 0 2%;
}
@media (max-width: 768px) {
  .scene__container {
    padding: 4.6% 0 5%;
  }
}

@media (min-width: 769px) {
  .scene__container__inner {
    width: 1200px;
  }
}

@media (min-width: 769px) {
  .scene__list {
    padding-left: 6.7%;
  }
}

.scene__item {
  display: flex;
  justify-content: space-between;
}
.scene__item:nth-child(n+2) {
  margin-top: 2.5%;
}
@media (max-width: 768px) {
  .scene__item {
    display: block;
  }
  .scene__item:nth-child(n+2) {
    margin-top: 4.5%;
  }
}

.scene__number {
  color: #000;
  line-height: 1;
  width: 21.8181818182%;
  font-size: min(46px, 3.45vw);
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .scene__number {
    font-size: min(30px, 6.976744186vw);
  }
}

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

.scene__heading {
  font-size: min(28px, 2.1vw);
  font-weight: 500;
  line-height: 1.4285714286;
}
@media (max-width: 768px) {
  .scene__heading {
    font-size: min(20px, 4.6511627907vw);
  }
}

.scene__description {
  margin-top: 0.5em;
  font-size: min(20px, 1.5vw);
  font-weight: 400;
  line-height: 2;
}
@media (min-width: 769px) {
  .scene__description {
    padding-right: 2em;
  }
}
@media (max-width: 768px) {
  .scene__description {
    font-size: min(14px, 3.2558139535vw);
    line-height: 1.9;
  }
}

@media (min-width: 769px) {
  .scene__teble {
    margin-top: 2%;
  }
}
@media (max-width: 768px) {
  .scene__teble {
    margin-top: 3%;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 110%;
  }
}

/*------------------------------
service
------------------------------*/
.service {
  background: #F5F5F5;
}

.service__container {
  padding: min(6.5%, 84px) 0 min(4%, 52px);
}
@media (max-width: 768px) {
  .service__container {
    padding-bottom: 10%;
  }
}

@media (min-width: 769px) {
  .service__container__inner {
    width: 1000px;
  }
}
@media (max-width: 768px) {
  .service__container__inner {
    padding: 0;
  }
}

.service__item {
  width: 52.7272727273%;
  background: url(../img/page/workplace/service_bg.jpg) no-repeat center center/cover;
  padding: 4%;
  padding-right: 13%;
  position: relative;
}
.service__item:nth-child(n+2) {
  margin-top: 8.3%;
}
.service__item:nth-child(1)::after {
  content: "";
  position: absolute;
  background: url(../img/page/workplace/service1.png) no-repeat center center/100%;
  transform: translate(0%, -50%);
  aspect-ratio: 1600/1200;
  width: 90%;
  left: 100%;
  top: 50%;
}
.service__item:nth-child(2)::after {
  content: "";
  position: absolute;
  background: url(../img/page/workplace/service2.png) no-repeat center center/100%;
  transform: translate(-80%, -50%);
  aspect-ratio: 431/607;
  width: 50%;
  left: 0%;
  top: 50%;
}
.service__item:nth-child(3)::after {
  content: "";
  position: absolute;
  background: url(../img/page/workplace/service3.png) no-repeat center center/100%;
  transform: translate(-50%, -40%);
  aspect-ratio: 840/776;
  width: 62%;
  left: 120%;
  top: 50%;
}
@media (min-width: 769px) {
  .service__item:nth-child(1) {
    width: 45%;
    padding-right: 5%;
  }
  .service__item:nth-child(2n) {
    width: 44%;
    margin-left: 38%;
    padding-left: 5.5%;
    padding-right: 4%;
  }
  .service__item:nth-child(3) {
    width: 69%;
    padding-right: 5%;
  }
}
@media (max-width: 768px) {
  .service__item {
    width: 100%;
    padding: 8% 9%;
    padding-right: 12%;
  }
  .service__item:nth-child(1) {
    margin-top: 47%;
  }
  .service__item:nth-child(2) {
    margin-top: 15.3%;
    padding-left: 35%;
    padding-right: 7%;
  }
  .service__item:nth-child(3) {
    margin-top: 48%;
    padding-right: 7%;
  }
  .service__item:nth-child(1)::after {
    background: url(../img/page/workplace/service1.png) no-repeat center center/100%;
    aspect-ratio: 1600/1200;
    width: 70%;
    left: 50%;
    top: 0%;
    transform: translate(-50%, -90%);
  }
  .service__item:nth-child(2)::after {
    background: url(../img/page/workplace/service2.png) no-repeat center center/100%;
    transform: translate(-50%, -50%);
    aspect-ratio: 431/607;
    width: 38%;
    left: 18%;
    top: 50%;
  }
  .service__item:nth-child(3)::after {
    background: url(../img/page/workplace/service3.png) no-repeat center center/100%;
    transform: translate(-47%, -67%);
    aspect-ratio: 840/776;
    width: 67%;
    left: 50%;
    top: 0;
  }
}

.service__body {
  width: 100%;
  display: block;
}
@media (max-width: 768px) {
  .service__body::before {
    display: none;
  }
}

.service__heading {
  font-size: min(20px, 1.8181818182vw);
  font-weight: 700;
  line-height: 2;
  color: #fff;
}
@media (max-width: 768px) {
  .service__heading {
    font-size: min(18px, 4.1860465116vw);
  }
}

.service__text {
  font-size: min(16px, 1.4545454545vw);
  font-weight: 400;
  line-height: 2;
  margin-top: 1em;
  color: #fff;
}
@media (max-width: 768px) {
  .service__text {
    font-size: min(14px, 3.2558139535vw);
    line-height: 1.7;
    margin-top: 0.5em;
  }
}

.support {
  margin-top: 10%;
}
@media (max-width: 768px) {
  .support {
    margin-top: 6%;
  }
}

.support__heading {
  font-size: min(25px, 2.2727272727vw);
  font-weight: 500;
  line-height: 1.84;
  text-align: center;
  color: #000;
}
@media (max-width: 768px) {
  .support__heading {
    font-size: min(18px, 4.1860465116vw);
  }
}

.support__list {
  max-width: 800px;
  margin: 0 auto;
  margin-top: 6.0909090909%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .support__list {
    width: 88%;
  }
}

.support__item {
  width: 25%;
  background: url(../img/page/workplace/support_bg.jpg) no-repeat center center/cover;
  padding: 2.5% 0;
}
@media (max-width: 768px) {
  .support__item {
    width: 31%;
    padding: 3.5% 0 8%;
  }
}

.support__name {
  font-size: min(20px, 1.8181818182vw);
  font-weight: 700;
  line-height: 2;
  color: #fff;
  text-align: center;
}
@media (max-width: 768px) {
  .support__name {
    font-size: min(14px, 3.2558139535vw);
    line-height: 1.6;
    height: 2lh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.support__icon {
  width: 50%;
  display: block;
  margin: 10% auto 0;
}

/*------------------------------
cases
------------------------------*/
.cases__container {
  padding: 3.7% 0 8%;
}
@media (max-width: 768px) {
  .cases__container {
    padding-top: 6.7%;
  }
}

.cases__inner {
  width: 1200px;
}

.cases__block:nth-child(2) {
  margin-top: 7.2727272727%;
}
@media (max-width: 768px) {
  .cases__block:nth-child(2) {
    margin-top: 16%;
  }
}

.cases__heading {
  font-size: min(26px, 2.3636363636vw);
  font-weight: 500;
  line-height: 1.5384615385;
  text-align: center;
  color: #4D4D4D;
}
@media (max-width: 768px) {
  .cases__heading {
    font-size: min(18px, 4.1860465116vw);
  }
}

.partnerships__list {
  margin-top: 4.5454545455%;
  display: flex;
}
@media (max-width: 768px) {
  .partnerships__list {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 7%;
  }
}

.partnerships__item {
  width: 22.6136363636%;
}
.partnerships__item:nth-child(n+2) {
  margin-left: 3.1818181818%;
}
@media (max-width: 768px) {
  .partnerships__item {
    width: 47.3643410853%;
  }
  .partnerships__item:nth-child(2n) {
    margin-left: 3.9534883721%;
  }
  .partnerships__item:nth-child(n+2) {
    margin-left: 4.6511627907%;
    margin-left: 0;
  }
}

.partnerships__logo img {
  width: 70%;
  height: 110px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: 0 auto;
}

.partnerships__logo1 img {
  transform: translate(0%, 0%);
}
.partnerships__logo2 img {
  transform: translate(-6%, 0%);
}
@media (max-width: 768px) {
  .partnerships__logo2 img {
    transform: translate(-3%, -7%) scale(1.2);
  }
}

.partnerships__logo3 img {
  transform: translate(-5%, 0%);
}
@media (max-width: 768px) {
  .partnerships__logo3 img {
    transform: translate(-12%, 0%);
  }
}

.partnerships__logo4 img {
  transform: translate(-10%, 0%) scale(1.1);
}
@media (max-width: 768px) {
  .partnerships__logo4 img {
    transform: translate(-7%, 5%) scale(1.2);
  }
}

.partnerships__company {
  font-size: min(20px, 1.8181818182vw);
  font-weight: 500;
  line-height: 1.6;
  margin-top: 1em;
}
@media (max-width: 768px) {
  .partnerships__company {
    font-size: min(16px, 3.7209302326vw);
    margin-top: 0.7em;
    margin-top: 0;
  }
}

.partnerships__description {
  font-size: min(16px, 1.4545454545vw);
  font-weight: 400;
  line-height: 2.25;
}
@media (max-width: 768px) {
  .partnerships__description {
    font-size: min(12px, 2.7906976744vw);
    line-height: 1.75;
  }
}

.cases__list {
  margin-top: 2.7272727273%;
}
.cases__item {
  width: 30.8757575758%;
}
.cases__item:nth-child(n+2) {
  margin-left: 3.6363636364%;
}
@media (max-width: 768px) {
  .cases__item {
    width: 100%;
  }
  .cases__item:nth-child(n+2) {
    margin-left: 0;
    margin-top: 4.6511627907%;
  }
}

/*------------------------------
pricing
------------------------------*/
.pricing {
  background: #F5F5F5;
}

.pricing__container {
  padding: 6.5% 0;
}
@media (max-width: 768px) {
  .pricing__container {
    padding-bottom: 0;
  }
}

@media (max-width: 768px) {
  .pricing__container__inner {
    padding: 0 min(5px, 1.1627906977vw);
  }
}

@media (min-width: 769px) {
  .pricing__content {
    padding: 0 7.5%;
  }
}

.pricing__block:nth-child(2) {
  margin-top: 11%;
}
@media (max-width: 768px) {
  .pricing__block:nth-child(2) {
    margin-top: 6%;
  }
}

.pricing__header {
  width: 87%;
  margin-left: auto;
  background: #fff;
  position: relative;
  padding: 0 3.4%;
  height: 100px;
  padding-left: 17%;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .pricing__header {
    height: 66px;
    padding-left: 26%;
  }
}

.pricing__header2 {
  padding-left: 38%;
}
.pricing__header2 .pricing__heading {
  transform: translate(-27%, -50%);
}
@media (max-width: 768px) {
  .pricing__header2 {
    padding-left: 29%;
    padding-right: 1%;
  }
  .pricing__header2 .pricing__lead {
    font-size: min(1.2rem, 2.7906976744vw);
  }
}

.pricing__heading {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  font-size: min(30px, 2.7272727273vw);
  font-weight: 700;
  line-height: 1.3333333333;
  color: #000;
  letter-spacing: 0.05em;
}
.pricing__heading strong {
  display: block;
  font-size: min(46px, 4.1818181818vw);
}
@media (max-width: 768px) {
  .pricing__heading {
    transform: translate(-50%, -65%);
    font-size: min(2rem, 4.6511627907vw);
  }
  .pricing__heading strong {
    font-size: min(1.6rem, 3.7209302326vw);
  }
}

.pricing__lead {
  font-size: min(20px, 1.8181818182vw);
  font-weight: 400;
  line-height: 2;
  color: #4D4D4D;
}
@media (max-width: 768px) {
  .pricing__lead {
    font-size: min(1.4rem, 3.2558139535vw);
    font-weight: 500;
  }
}

.pricing__figure {
  margin: 2.7272727273% auto 1%;
}
@media (max-width: 768px) {
  .pricing__figure {
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
  }
}

.pricing__description {
  background: linear-gradient(90deg, #FBFDFF 0%, #CDE2EF 100%);
  padding: 2% 6%;
  font-size: min(16px, 1.4545454545vw);
  font-weight: 400;
  line-height: 2;
  color: #4D4D4D;
}
@media (max-width: 768px) {
  .pricing__description {
    font-size: min(14px, 3.2558139535vw);
    line-height: 1.7;
    padding: 4% 3%;
  }
}

/*------------------------------
use
------------------------------*/
.use__content {
  padding: 50px 0;
}
.use__content iframe {
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

/*------------------------------
cta
------------------------------*/
.cta {
  padding: min(5%, 72px) 0;
  background: linear-gradient(90deg, #FFF3E4 2.32%, #FDE2D8 110.33%);
}
@media (max-width: 768px) {
  .cta {
    padding: 35px 0;
  }
}

.cta__content {
  width: 72.7272727273%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .cta__content {
    width: 100%;
  }
}

.cta__heading {
  font-size: min(30px, 3.75vw);
  font-weight: 500;
  line-height: 2;
}
@media (max-width: 768px) {
  .cta__heading {
    font-size: min(16px, 3.7209302326vw);
  }
}

.cta__message {
  margin-top: 10px;
  font-size: min(20px, 2.5vw);
  font-weight: 400;
  line-height: 2;
}
@media (max-width: 768px) {
  .cta__message {
    margin-top: 8%;
    font-size: min(14px, 3.2558139535vw);
    line-height: 1.7;
  }
}

.cta__button {
  max-width: 433px;
  margin: 0 auto;
  margin-top: 7.5%;
}
.cta__button.message a {
  padding: 1.2em 0;
}
@media (max-width: 768px) {
  .cta__button.message {
    margin-top: 10.5%;
    width: 96%;
  }
  .cta__button.message a {
    padding: 0.5em 0;
  }
}

/*------------------------------
override 
------------------------------*/
@media (min-width: 769px) {
  .problem__item.cu1 {
    margin-left: 0;
    transform: translate(0);
    width: 51.5%;
  }
}

@media (min-width: 769px) {
  .problem__desctiption.cu1 {
    padding-left: 1em;
  }
}

.public .fv {
  background: url(../img/page/workplace/public/fv.jpg) no-repeat center center/cover;
}
@media (max-width: 768px) {
  .public .fv {
    background: url(../img/page/workplace/public/fv_sp.jpg) no-repeat center center/cover;
  }
  .public .fv::before {
    transform: translate(-19%, -59%);
  }
}
@media (max-width: 768px) {
  .public .fv__catch {
    line-height: 1.6;
  }
}
@media (max-width: 768px) {
  .public .fv__subcatch {
    margin-top: 1.9em;
  }
}
@media (max-width: 768px) {
  .public .fv__message {
    line-height: 1.8;
  }
}
@media (max-width: 768px) {
  .public .fv__button {
    margin-top: 2%;
  }
}
@media (max-width: 768px) {
  .public .problem__heading {
    font-size: min(1.9rem, 4.4186046512vw);
  }
}
@media (max-width: 768px) {
  .public .problem__label {
    width: 35%;
  }
}
@media (max-width: 768px) {
  .public .features__heading {
    font-size: min(1.9rem, 4.4186046512vw);
    width: calc(100% + 1em);
    margin-left: 50%;
    transform: translateX(-50%);
  }
}

.apartments .fv {
  background: url(../img/page/workplace/apartments/fv.jpg) no-repeat center center/cover;
}
@media (max-width: 768px) {
  .apartments .fv {
    background: url(../img/page/workplace/apartments/fv_sp.jpg) no-repeat center center/cover;
  }
  .apartments .fv::before {
    transform: translate(-19%, -59%);
  }
}
@media (min-width: 769px) {
  .apartments .fv__content {
    width: 70%;
  }
}
@media (max-width: 768px) {
  .apartments .fv__catch {
    line-height: 1.7;
  }
}
@media (max-width: 768px) {
  .apartments .problem__heading {
    font-size: min(1.9rem, 4.4186046512vw);
  }
}
.apartments .problem__label {
  line-height: 1.4;
}
@media (min-width: 769px) {
  .apartments .problem__label {
    width: 30%;
    font-size: min(20px, 1.5517241379vw);
  }
}
@media (min-width: 769px) {
  .apartments .problem__desctiption {
    width: 70%;
  }
}
@media (min-width: 769px) {
  .apartments .features__heading {
    width: calc(100% + 4em);
    margin-left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 768px) {
  .apartments .features__heading {
    font-size: min(1.8rem, 4.1860465116vw);
    width: calc(100% + 2em);
    margin-left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 769px) {
  .apartments .reason__header {
    height: 4lh;
  }
}
/*# sourceMappingURL=facilities.css.map */