@charset "UTF-8";
/*base
--------------------------------------------------------------*/
:root { --color-primary: #FF5268; --color-secondary: #00CCBC; --color-accent: #300045; --color-bg-primary: #F9F8FA; --fz-btn: 2.0rem; }

a { color: #3968E1; }

/* ▼▼ ----- layout --------▼▼*/
/* ▼▼ ----- lp-header --------▼▼*/
.lp-header { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 0; left: 0; width: 100%; height: 90px; padding: .8rem 1.6rem; z-index: 100; }

@media screen and (min-width: 768px) { .lp-header { padding: 1.5rem 2rem; } }

.lp-header__logo { width: 120px; }

@media screen and (min-width: 768px) { .lp-header__logo { width: 160px; } }

.lp-header__cta { display: none; }

@media screen and (min-width: 768px) { .lp-header__cta { display: block; } }

.lp-header__btn:not(:last-child) { margin-right: 2rem; }

.lp-header__btn a { display: block; background: var(--color-primary); border-radius: 12px; /* border: 3px solid var(--color-accent); */ text-align: center; color: #fff; padding: 1em 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.3rem; -webkit-transition: all .3s; transition: all .3s; }

@media screen and (min-width: 1024px) { .lp-header__btn a { font-size: 1.6rem; } }

.lp-header__btn a:hover { border-radius: 24px; -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); }

.lp-header__btn a::before { content: ''; display: inline-block; width: 24px; height: 24px; background: url(../img/materials/icon/icon_chat.svg) no-repeat center/contain; margin-right: 8px; font-weight: bold; }

.lp-header__btn.-document a { background-color: var(--color-secondary); color: #fff; }

.lp-header__btn.-document a::before { background: url(../img/materials/icon/icon_document.svg) no-repeat center/contain; }

/* ▼▼ ----- lp-footer --------▼▼*/
.lp-footer { margin-top: 12rem; background-color: var(--color-bg-primary); }

#foot-in { padding: 6.4rem 0 8rem; }

#foot-in a { color: var(--color-accent); }

#foot-in a:hover { color: var(--color-primary); }

#foot-in ul { padding-left: 6px; }

.footer-nav__logo { text-align: center; margin-top: 0; margin-bottom: 16px; }

.footer-nav__logo address { font-style: normal; font-size: 12px; font-weight: 400; line-height: 1.66; }

.footer-nav__buttons { margin-top: 80px; }

.footer-nav__buttons__button { display: block; max-width: 343px; width: 100%; margin-right: auto; margin-left: auto; border: 6px solid #FF5268; background: #fff; -webkit-box-shadow: 0px 5px 0px #BE3446; box-shadow: 0px 5px 0px #BE3446; border-radius: 12px; text-align: center; padding: 12px 40px; padding-right: 110px; color: #FF5268 !important; font-weight: 700; font-size: clamp(20px, 6.5vw, 28px); position: relative; }

.footer-nav__buttons__button + * { margin-top: 64px; }

.footer-nav__buttons__button::after { content: ''; display: block; position: absolute; }

.footer-nav__buttons__button.button01::after { width: 110px; height: 116px; background: url(../img/materials/icon/footer_button01.png) no-repeat center/contain; bottom: 0; right: 10px; }

.footer-nav__buttons__button.button02::after { width: 100px; height: 112px; background: url(../img/materials/icon/footer_button02.png) no-repeat center/contain; bottom: 0; right: 0; }

#copyright { background: var(--color-accent) !important; padding: 16px 0; }

#footer .copy { margin-top: 0; font-weight: 400; }

#footer #thk { display: none; }

@media screen and (min-width: 768px) { #foot-in { width: 100%; max-width: 1200px; padding: 8rem 0 8rem; }
  #foot-in .col-12 { -webkit-box-sizing: content-box; box-sizing: content-box; }
  #foot-in .container { max-width: 1200px; width: 100%; } }

@media screen and (min-width: 1110px) { #foot-in { padding: 2rem 0 8rem; }
  #foot-in .col-12 { -webkit-box-sizing: border-box; box-sizing: border-box; }
  .lp-footer__container { padding: 0 4rem; max-width: 1200px; margin: 0 auto; }
  .footetr-nav__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 95px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .footer-nav__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; margin-top: 0; }
  .footer-nav__logo address { text-align: left; margin-left: 24px; color: var(--color-accent); }
  .footer-nav__buttons { margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .footer-nav__buttons__button { white-space: nowrap; max-width: 300px; width: 300px; padding-left: 24px; padding-right: 100px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
  .footer-nav__buttons__button:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
  .footer-nav__buttons__button + * { margin-left: 52px; margin-top: 0; }
  .footer-nav__buttons__button.button01::after { right: -20px; } }

/* ▲▲ ----- footer --------▲▼*/
/* ▼▼ ----- 事業内容レイアウト --------▼▼*/
.l-services .container { width: 100%; max-width: 1040px; }

.l-services #main { margin-top: 3.2rem; max-width: calc(100% + 2px); width: calc(100% + 2px); }

.l-services #common-detail { overflow: hidden; position: relative; width: 100%; }

.l-services #common-detail .common-detai__inner { width: 100vw; padding: 0 calc(50vw - 50%); margin: 0 calc(50% - 50vw); }

.l-services__wrap { max-width: 1120px; margin-right: auto; margin-left: auto; }

.l-services__main__contents { padding: 0; }

.l-service__section { margin-bottom: 120px; width: 100%; }

.l-services__bg { width: 100vw; height: 100%; margin: 0 calc(50% - 50vw) 0 calc(50% - 50vw); padding: 0 calc(50vw - 50%); position: relative; }

.l-services__bg::after { position: absolute; content: ''; left: 0; top: 95px; width: 100%; height: 100%; background-color: #F9F8FA; -webkit-transform: skewY(340deg); -ms-transform: skewY(340deg); transform: skewY(340deg); -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; z-index: -1; }

.l-service__section { max-width: 100%; width: 100%; margin: 0 0 120px auto; }

.l-services__bg__inner { width: 100%; max-width: 1040px; }

.l-services__sec__h3 { margin-top: 80px; }

@media screen and (min-width: 781px) { .l-services .container { width: 100%; max-width: 1040px; padding: 0 16px; }
  .l-services #main { margin-top: 7rem; }
  .l-service__section { max-width: 100%; width: calc(100%- 1vw); margin: 0 0 120px 0; }
  .p-services__mobail__faq__table thead th { font-size: 14px; font-weight: 700; line-height: 1.854; } }

@media screen and (min-width: 992px) { .l-services .container { width: 100%; max-width: 1040px; padding: 0 16px; }
  .l-service__section { margin-bottom: 160px; width: 100%; }
  .l-services__sec__h3 { margin-top: 120px; }
  .l-services__bg { position: static; width: calc(100vw + 6px); margin: 0 calc(50% - 50vw - 160px) 160px calc(50% - 50vw - 152px); padding: 0 0 0 calc(.5vw + 16px); background-image: url(../img/materials/mobail/mobail_bg.png); height: 100%; background-position: 0%; background-repeat: no-repeat; background-size: calc(100vw + 6px) 100%; padding-top: 250px; margin-top: -250px; }
  .l-services__bg .l-service__section { margin-bottom: 160px; width: 100%; width: calc(100% - 240px - 42px); margin-left: anto; margin-top: 0; }
  .l-services__bg__inner { width: calc(100% - 1vw); max-width: 1040px; margin: 0 auto; }
  .l-services__bg__inner .l-service__section { max-width: calc(100% - 240px - 42px); width: 100%; margin: 0 0 0 auto; }
  .l-services__uiux__bg { padding-top: 188px; margin-top: -188px; } }

@media screen and (min-width: 1073px) { .l-services .container { width: 100%; max-width: 1040px; padding: 0 16px; } }

@media screen and (min-width: 1088px) { .l-services .container { width: 100%; max-width: 1040px; padding: 0; } }

@media screen and (min-width: 1200px) { .l-services .container { width: 100%; max-width: 1040px; padding: 0; } }

/* ▲▲ ----- layout --------▲▲*/
/* ▼▼ ----- object --------▼▼*/
.text__block { display: inline-block; }

.text__block.-tabOnly { display: inline; }

@media screen and (min-width: 768px) { .text__block.-tabOnly { display: inline-block; } }

@media screen and (min-width: 1200px) { .text__block.-tabOnly { display: inline; } }

.btn_contact a { display: block; background: var(--color-primary); border-radius: 13px; /* border: 3px solid var(--color-accent); */ text-align: center; color: #fff; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 2rem; font-weight: 700; -webkit-transition: all .3s; transition: all .3s; }

.btn_contact a:hover { border-radius: 24px; -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); }

.btn_contact a::before { content: ''; display: inline-block; width: 26px; height: 26px; background: url(../img/materials/icon/icon_chat.svg) no-repeat center/contain; margin-right: 26px; font-weight: bold; }

.btn_contact.normal-size, .btn_normal.normal-size { width: 285px; }

.btn_contact.center { margin-right: auto; margin-left: auto; }

.btn_normal a { display: block; background: var(--color-accent); text-align: center; color: #fff; font-size: 2rem; font-weight: 700; padding: 20px; border-radius: 13px; -webkit-transition: all .3s; transition: all .3s; }

.btn_normal a:hover { border-radius: 24px; -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); }

.btn_normal a::after { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.btn_normal a:hover::after { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); }

/* ▼▼ ----- balloon--------▼▼*/
.balloon_left { background: url(../img/materials/top/ballon_white.svg) no-repeat center/100% 100%; padding: 70px 35px 36px 37px; display: inline-block; text-align: center; color: var(--color-accent); font-weight: 700; font-size: 2rem; max-width: 100%; }

.balloon_right { background: url(../img/materials/top/ballon_accentcolor.svg) no-repeat center/100% 100%; padding: 54px 30px 50px 40px; display: inline-block; color: var(--color-accent); font-weight: 700; width: 475px; text-align: left; max-width: 100%; margin-right: 0; margin-left: auto; }

.balloon_right_wrap { text-align: right; margin-bottom: 32px; }

.balloon_right_large { background: url(../img/materials/top/ballon_accentcolor_lg.svg) no-repeat center/100% 100%; padding: 0; max-width: 100%; width: 475px; height: 191px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 50px; padding-right: 40px; margin-right: 0; margin-left: auto; }

.balloon_right p { font-size: 1.6rem; line-height: 2; }

.balloon_right p:last-child { margin-bottom: 0; }

.balloon_title_primary { background: url(../img/materials/company/balloon_title_primary_sp.png) no-repeat center/100% 100%; padding: 22px 0 23px 0; color: var(--color-accent); font-weight: 700; font-size: 24px; line-height: 1.75; margin-bottom: 0; max-width: 343px; width: 100%; text-align: center; }

.balloon_title_secandary { background: url(../img/materials/company/balloon_title_secondary_sp.png) no-repeat center/100% 100%; padding: 18px 0 18.98px 0; color: #fff; font-weight: 700; font-size: 24px; line-height: 1.75; margin-bottom: 0; max-width: 343px; width: 100%; text-align: center; }

/* ▼▼ ----- flex--------▼▼*/
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex_spacebetween { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.heading_secondary { text-align: center; color: var(--color-accent); font-size: 1.6rem; }

.heading_secondary::before { content: attr(data-entitle); font-size: 4rem; font-weight: bold; display: block; }

.wide-bg { width: 100vw; margin-left: calc(50% - 50vw); }

@media screen and (min-width: 544px) { /* ▼▼ ----- balloon--------▼▼*/
  .balloon_title_primary { background: url(../img/materials/company/balloon_title_primary.png) no-repeat center/100% 100%; padding: 22px 0 23px 0; font-size: 32px; line-height: 1.75; max-width: 450px; width: 100%; text-align: center; }
  .balloon_title_secandary { background: url(../img/materials/company/balloon_title_secondary.png) no-repeat center/100% 100%; padding: 22px 0 23px 0; font-weight: 700; font-size: 32px; line-height: 1.75; margin-bottom: 0; max-width: 450px; text-align: center; } }

/* ▲▲ ----- object --------▲▲*/
/* ▼▼ ----- pages --------▼▼*/
/* 部品クラス： */
.p-service__sp__only { display: block; }

.p-services__pc__only { display: none; }

.p-services__text__center { text-align: center; }

.p-services__top__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; position: relative; }

.p-services__top__title:before { content: ''; width: calc((836/1040)*100%); height: 2px; background-color: var(--color-primary); position: absolute; bottom: 0; left: 0; }

.p-services__top__title:after { content: ''; width: calc((836/1040)*100%); border-bottom: 2px dashed var(--color-primary); height: 2px; width: calc((203/1040)*100%); position: absolute; bottom: 0; right: 0; }

.p-services__top__title h1 { font-size: 24px; color: var(--color-accent); font-weight: 700; margin-bottom: 4px; display: block; letter-spacing: .2em; }

.p-services__top__title p { margin-bottom: 3px; font-size: 12px; font-weight: 700; color: var(--color-primary); }

.p-services__mobail__mv { position: relative; margin-top: 32px; background-image: url(../img/materials/mobail/mobail_img_mv.jpg); width: 100%; height: 0; padding-top: 49.3269%; background-size: cover; }

.p-services__uiux__mv { position: relative; margin-top: 32px; width: 100%; height: 100%; background-size: cover; }

.p-services__mv__copy { position: absolute; bottom: 12.14px; right: 13.46px; font-size: 14.44px; letter-spacing: 3px; color: var(--color-primary); font-weight: 700; margin-bottom: 0; }

.p-service__contents__wrap { margin-top: 33.65px; }

.p-services__side { background-color: #FAFAFA; padding: 20px; width: 100%; }

.p-services__side__menu { color: var(--color-primary); font-size: 10px; font-weight: 700; line-height: 2.4; letter-spacing: .5em; }

.p-services__side__heading { color: #666; font-size: 16px; font-weight: 700; line-height: 2.5; padding: 6px 0; border-bottom: solid 1px #E5E5E5; list-style: none; }

.p-services__side__subheading { list-style: none; padding: 1px 0 1px 16.65px; font-size: 12px; }

.p-services__main__contents { width: 100%; margin-top: 72.63px; }

.p-services__sec__ttl { color: var(--color-accent); font-size: 18px; font-weight: 700; background: url(../img/materials/company/balloon_title_primary_sp.png) no-repeat center/100% 100%; padding: 17px 0 22.36px 0; color: var(--color-accent); font-weight: 700; font-size: 18px; line-height: 1.333; max-width: 343px; width: 100%; text-align: center; letter-spacing: 3px; margin: 0 auto 0 0; }

.p-services__sec__ttl:after { content: attr(data-pagettl); color: var(--color-primary); font-size: 10px; line-height: 1; display: block; font-weight: 700; letter-spacing: 3px; }

h2 + .p-services__text__box { margin-top: 32px; }

h2 + .p-services__text__box p { color: #000; font-size: 16px; line-height: 2; font-weight: 700; margin-bottom: 0; }

h3 + .p-services__text__box { margin-top: 16px; }

h3 + .p-services__text__box p { color: #000; font-size: 16px; line-height: 2; font-weight: 700; margin-bottom: 0; }

.p-services__list__box__01 { background-color: #FFF3F5; border-radius: 16px; padding: 22px 22.13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 35px; width: 100%; height: 490px; }

.p-services__list__box__01 ul { margin-bottom: 0; }

.p-services__list__box__01 li { list-style: none; font-size: 14px; color: #000; font-weight: 700; line-height: 1; white-space: wrap; }

.p-services__list__box__01 li:not(:last-child) { margin-bottom: 1em; }

.p-services__list__box__01 li:before { content: '▶'; width: 14px; height: 14px; color: var(--color-primary); margin-right: 5.87px; }

.p-services__work__img__wrap { position: relative; width: 230px; }

.p-services__work__img__01 { width: 174px; position: absolute; top: 0; left: 62px; }

.p-services__work__img__01 p { text-align: center; margin-top: 4.51px; font-size: 12px; line-height: 1.333; font-weight: 400; color: #000; margin-bottom: 0; }

.p-services__work__img__02 { width: 196.72px; position: absolute; top: 88px; left: -16px; }

.p-services__work__img__02 p { text-align: center; margin-top: -7px; font-size: 12px; line-height: 1.333; font-weight: 400; color: #000; margin-bottom: 0; }

.p-services__work__img__03 { width: 131.38px; position: absolute; top: 77px; left: 160px; }

.p-services__work__img__03 p { text-align: center; margin-top: 7.62px; font-size: 12px; line-height: 1.333; font-weight: 400; color: #000; margin-bottom: 0; }

.p-services__case__card__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 32px; }

.p-services__case__card__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.p-services__case__card__item:not(:first-child) { margin-left: 0; margin-top: 32px; }

.p-services__case__card__img img { width: 100%; }

.p-services__case__card__ttl { font-size: 16px; font-weight: 700; line-height: 2; color: #101820; margin-bottom: 0; margin-top: 12.29px; }

.p-services__case__card__text { font-size: 14px; font-weight: 400; line-height: 1.71428; color: #101820; margin-bottom: 0; }

.p-servicers__balloon { background: #FAFAFA; border: solid 3px var(--color-accent); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 24px; padding: 25px 21px; margin-top: 64px; position: relative; max-width: 512px; width: 100%; }

.p-servicers__balloon:after, .p-servicers__balloon:before { content: ""; position: absolute; width: 0; height: 0; }

.p-servicers__balloon:before { left: 55px; bottom: -46px; border-style: solid; border-color: var(--color-accent) transparent transparent transparent; border-width: 45px 0px 0 49px; }

.p-servicers__balloon:after { left: 52px; bottom: -39px; border-style: solid; border-color: #FAFAFA transparent transparent  transparent; border-width: 45px 0 0 49px; z-index: 10; }

.p-servicers__balloon__list { margin-top: 12px; }

.p-servicers__balloon__ttl { margin-bottom: 0; font-size: 18px; font-weight: 700; color: var(--color-accent); }

.p-servicers__balloon__list__item { list-style: none; color: #000; font-size: 14px; line-height: 2; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.p-servicers__balloon__list__item:before { content: '・'; width: 18px; height: 18px; }

.p-servicers__balloon__charactor { max-width: 213.25px; width: 70%; margin-left: 116px; padding-right: 13.67px; margin-top: -47px; position: relative; margin-bottom: 35px; }

.p-servicers__balloon__charactor img { width: 100%; }

.p-services__btn__accent { max-width: 285px; width: 100%; margin: 0 auto; position: relative; z-index: 10; }

.p-services__btn__accent a { width: 100%; max-width: 285px; background-color: var(--color-accent); border-radius: 13px; padding: 21.5px 0; color: #fff; font-size: 18px; font-weight: 700; text-align: center; 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; padding: 21px 0; -webkit-transition: all .3s; transition: all .3s; line-height: 1.11; }

.p-services__btn__accent a:after { content: ''; display: inline-block; width: 22px; height: 23px; padding-top: 3px; background-image: url(../img/materials/mobail/mobail_icon_arrow.svg); -webkit-transition: all .3s; transition: all .3s; margin-left: 10px; }

.p-services__btn__accent a:hover { border-radius: 24px; -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); }

.p-services__btn__accent a:hover::after { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); }

.p-services__sec__h3 { color: var(--color-primary); font-size: 20px; font-weight: 700; line-height: 1.6; letter-spacing: .2em; margin-top: 32px; margin-bottom: 0; }

.p-services__uiux__sec__h3 { color: var(--color-primary); font-size: 18px; font-weight: 700; line-height: 1.6; letter-spacing: .2em; margin-top: 32px; margin-bottom: 0; }

.p-services__img__flow { max-width: 100%; width: 100%; }

.p-services__img__flow source, .p-services__img__flow img { max-width: 100%; margin-top: 32px; width: 100%; }

.p-services__flow__text { font-size: 16px; font-weight: 400; line-height: 2; color: #333; margin-top: 32px; }

.p-services__flow__list { list-style: none; margin-bottom: 0; background-color: #fff; border-radius: 6px; width: 354px; padding: 16px 24px; margin-top: 24px; width: 100%; max-width: 354px; }

.p-services__flow__list li { font-size: 18px; font-weight: 700; color: #101820; line-height: 2; }

.p-services__link__text { text-align: left; margin-top: 32px; }

.p-services__link__text a { color: #3968E1; font-weight: 700; font-size: 16px; line-height: 1.125; text-decoration: underline; }

.p-services__uiux__link__text { text-align: left; margin-top: 16px; }

.p-services__uiux__link__text a { color: #3968E1; font-weight: 700; font-size: 16px; line-height: 1.125; text-decoration: underline; }

.p-services__chart__box { margin-top: 24px; }

.p-services__chart__ttl { font-size: 16px; color: var(--color-accent); font-weight: 700; line-height: 1.5; }

.p-services__chart__img { margin-top: 7px; }

.p-services__chart__list { margin-top: 21.19px; list-style: none; padding: 11px 13px; background-color: #E6E6E6; border-radius: 6.35983px; }

.p-services__chart__list li { font-size: 14px; font-weight: 700; line-height: 1.857; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: var(--color-accent); display: inline-block; margin-right: 1em; }

.p-services__example__wrap { margin-top: 14.5px; }

.p-services__example { font-size: 16px; font-weight: 700; color: var(--color-accent); line-height: 1.333; padding-left: 24px; margin-bottom: 0; }

.p-services__example__box { border: solid 3px var(--color-accent); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 24px; background-color: #fff; padding: 24px 24px 21px; }

.p-services__example__box__list { list-style: none; margin-bottom: 8px; }

.p-services__example__box__list li { font-weight: 700; font-size: 18px; line-height: 1.55; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: .5em; }

.p-services__example__box__list li:before { content: '▶'; color: #00CCBC; margin-right: 4px; }

.p-services__example__box__text { font-size: 12px; font-weight: 400; color: #000; line-height: 1.666; margin-bottom: 0; }

.p-services__price__text { font-size: 16px; color: #000; line-height: 2; font-weight: 700; margin-top: 24px; margin-bottom: 0; }

.p-services__text__underline { background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(255, 236, 67, 0.4))); background: linear-gradient(transparent 60%, rgba(255, 236, 67, 0.4) 60%); }

.p-services__operation__list { padding: 10px 16px; background-color: #FFF3F5; border-radius: 6px; list-style: none; margin-bottom: 0; max-width: 590px; width: 100%; }

.p-services__operation__list li { font-size: 16px; font-weight: 700; color: #000; line-height: 1.75; display: -webkit-box; display: -ms-flexbox; display: flex; }

.p-services__operation__list li:before { content: '▶'; color: #00CCBC; margin-right: 10.64px; }

.p-services__btn__contact { max-width: 285px; width: 100%; margin: 0 auto; }

.p-services__btn__contact a { width: 100%; max-width: 285px; background-color: var(--color-primary); border-radius: 13px; padding: 21.5px 0; color: #fff; font-size: 20px; font-weight: 700; text-align: center; 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; padding: 20.67px 0; -webkit-transition: all .3s; transition: all .3s; line-height: 1; letter-spacing: 2px; }

.p-services__btn__contact a:before { content: ''; display: inline-block; width: 28px; height: 28px; padding-top: 3px; background-image: url(../img/materials/work/work_icon_chat.svg); -webkit-transition: all .3s; transition: all .3s; margin-right: 10px; background-size: cover; }

.p-services__btn__contact a:hover { border-radius: 24px; -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); }

.p-service__btn__group { margin-top: 40px; }

.p-services__compare__table { margin-top: 24px; max-width: 761px; width: 100%; table-layout: fixed; }

.p-services__compare__table thead th { border: 1px solid #FFFFFF; background-color: #00CCBC; color: #fff; padding: 9px 0; text-align: center; font-size: 9px; }

.p-services__compare__table tbody { background-color: #F4F4F4; font-size: 16px; }

.p-services__compare__table tbody th { width: calc(100% - 315px); border: 1px solid #FFFFFF; padding: 4px 6px; }

.p-services__compare__table tbody th p { font-size: 10px; -webkit-transform: scale(90%); -ms-transform: scale(90%); transform: scale(90%); line-height: 2; margin-bottom: 0; margin-left: -8px; }

.p-services__compare__table tbody td { text-align: center; border: 1px solid #FFFFFF; }

.p-services__compare__table tbody td p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; }

.p-services__compare__table tbody td p img { width: 11px; height: 11px; }

.p-services__compare__table__item { width: 154px; }

.p-services__table__bottom__text { margin-top: 24px; font-size: 16px; line-height: 2; color: #000; font-weight: 700; margin-bottom: 48px; }

.p-services__faq__box { margin-top: 53px; }

.p-services__faq__item:not(:first-child) { margin-top: 40px; }

.p-service__faq__link__group { font-size: 14px; line-height: 1.71428; font-weight: 400; color: #000; margin-top: 40px; }

.p-service__faq__link__group a { color: #3968E1; text-decoration: underline; }

.p-services__faq__question { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.p-services__faq__icon { margin-bottom: 0; width: 28px; height: 30px; }

.p-services__faq__icon img { width: 100%; height: 100%; }

.p-services__faq__question__text { font-size: 16px; color: var(--color-primary); font-weight: 700; line-height: 1.375; margin-bottom: 0; margin-top: 8px; }

.p-services__faq__answer { margin-top: 16px; border-radius: 7px; background-color: #F9F8FA; padding: 16px 16px 28px; }

.p-services__faq__answer { margin-top: 16px; border-radius: 7px; background-color: #F9F8FA; padding: 16px 16px 28px; }

.p-services__uiux__faq__answer__adjust { padding-bottom: 13px; }

.p-services__faq__answer__text { font-size: 16px; color: #000; font-weight: 700; line-height: 1.75; margin-top: 8px; margin-left: 0; margin-bottom: 0; }

.p-service__table__scroll { width: 100%; overflow-x: auto; }

.p-services__faq__table { width: 633px; margin-top: 24px; table-layout: fixed; }

.p-services__faq__table thead th { border: 1px solid #FFFFFF; background-color: #00CCBC; color: #fff; padding: 7px 13px; text-align: center; font-size: 14px; line-height: 1.857; font-weight: 700; }

.p-services__faq__table tbody { background-color: #F4F4F4; font-size: 12px; }

.p-services__faq__table tbody p { margin-bottom: 0; font-weight: 700; }

.p-services__faq__table tbody th { border: 1px solid #FFFFFF; padding: 7px 13px; font-size: 12px; line-height: 2.1666; margin-bottom: 0; font-weight: 700; }

.p-services__faq__table tbody td { border: 1px solid #FFFFFF; padding: 7px 13px; font-size: 12px; font-weight: 400; line-height: 1.666; }

.p-services__faq__table tbody td img { width: 19.37px; }

.p-services__faq__table__item { width: 147px; }

.p-services__mobail__faq__table { width: 633px; margin-top: 24px; table-layout: fixed; }

.p-services__mobail__faq__table thead th { border: 1px solid #F9F8FA; background-color: #00CCBC; color: #fff; padding: 7px 13px; text-align: center; font-size: 14px; line-height: 1.857; font-weight: 700; }

.p-services__mobail__faq__table tbody { font-size: 12px; }

.p-services__mobail__faq__table tbody p { margin-bottom: 0; font-weight: 700; }

.p-services__mobail__faq__table tbody th { border: 1px solid #F9F8FA; padding: 7px 13px; font-size: 12px; line-height: 2.1666; margin-bottom: 0; font-weight: 700; background-color: #E5E5E5; }

.p-services__mobail__faq__table tbody td { border: 1px solid #F9F8FA; padding: 7px 13px; font-size: 12px; font-weight: 400; line-height: 1.666; background-color: #fff; }

.p-services__mobail__faq__table tbody td img { width: 19.37px; }

.p-services__contact__box { margin-top: 48px; }

.p-services__contact__meeage { font-size: 16px; color: #000; font-weight: 700; line-height: 1.875; text-align: center; margin-bottom: 32px; }

.p-services__uiux__img__flow { max-width: 614px; width: 100%; margin: 40px auto 0; }

.p-services__uiux__img__flow img { max-width: 614px; width: 100%; }

.p-services__uiux__text__box { margin-top: 40px; }

.p-services__uiux__text__box p { font-size: 16px; line-height: 2; font-weight: 700; }

.p-services__uiux__text__box p span { color: var(--color-primary); font-weight: 700; }

.p-services__uiux__case__card__box { margin-top: 31px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.p-services__uiux__case__card__item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.p-services__uiux__case__card__item:not(:first-child) { margin-top: 32px; margin-left: 0; }

.p-services__uiux__case__card__text__box { margin-top: 10.39px; }

.p-services__uiux__case__card__ttl { margin-bottom: 0; font-size: 16px; font-weight: 700; line-height: 1.5; color: #000; }

.p-services__uiux__case__card__text { margin-bottom: 0; margin-top: 8px; font-size: 14px; font-weight: 400; line-height: 1.714; color: #101820; }

.p-services__uiux__btn__box { margin-top: 49px; margin-bottom: 120px; }

.p-services__uiux__text__box__left { width: 100%; }

.p-services__uiux__text__box__left p { font-size: 16px; font-weight: 700; line-height: 2; color: #000; margin-bottom: 0; }

.p-service__uiux__box__layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 32px; }

.p-service__uiux__box__layout__img { margin-top: 40px; max-width: 540px; margin: 40px auto 0; }

.p-service__uiux__btn__group { margin-top: 64px; }

.p-services__side__wrap { width: 100% !important; }

.p-services__uiux__case__card__img { width: 100%; }

.p-services__uiux__case__card__img img { width: 100%; }

.p-services__faq__link { font-size: 16px; font-weight: 700; color: #3968E1; margin-top: 8px; margin-bottom: 0; }

.p-services__faq__link a { text-decoration: underline; }

.p-services__archive-list__wrap { max-width: 1040px; margin: 0 auto 56px; width: 100%; padding: 0 16px; }

.p-services__archive-list__wrap .archive-list__item { width: 100%; }

.p-services__archive-list__heading { font-size: 18px; font-weight: 700; color: var(--color-primary); border-bottom: solid 2px var(--color-primary); letter-spacing: .2em; text-align: center; line-height: 1.333; margin-bottom: 48px; padding-bottom: 12px; }

@media screen and (min-width: 544px) { .p-services__mv__copy { bottom: 37px; right: 14px; font-size: 24px; letter-spacing: 8px; font-weight: 700; }
  .p-servicers__balloon__charactor { max-width: 213.25px; width: 70%; margin-left: 116px; padding-right: 13.67px; margin-top: -47px; position: relative; margin-bottom: 35px; }
  .p-servicers__balloon__charactor img { width: 100%; } }

@media screen and (min-width: 768px) { .p-services__case__card__box { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 37px; }
  .p-services__case__card__item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .p-services__case__card__item:not(:first-child) { margin-left: 2%; margin-top: 0; }
  .p-servicers__ballon__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 80px; }
  .p-servicers__balloon { background: #FAFAFA; border: solid 3px var(--color-accent); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 24px; padding: 32px 32px 28px; margin-top: 64px; position: relative; max-width: 512px; width: 100%; }
  .p-servicers__balloon:after, .p-servicers__balloon:before { content: ""; position: absolute; width: 0; height: 0; margin: 0; left: auto; }
  .p-servicers__balloon:before { right: -26px; bottom: 19px; border-style: solid; border-color: transparent transparent transparent var(--color-accent); border-width: 55px 0 0 25px; }
  .p-servicers__balloon:after { right: -21px; bottom: 23px; border-style: solid; border-color: transparent transparent  transparent #FAFAFA; border-width: 55px 0 0 25px; z-index: 10; }
  .p-servicers__balloon__list { margin-top: 15px; margin-bottom: 0; }
  .p-servicers__balloon__charactor { max-width: 213.25px; width: 70%; margin-left: 0; padding-right: 0; margin-left: 24px; margin-top: 0; position: relative; margin-bottom: -24px; }
  .p-servicers__balloon__charactor img { width: 100%; }
  .p-services__archive-list__wrap { width: 100%; }
  .p-services__archive-list__wrap .archive-list__item { width: calc((100% - 64px)/3); } }

@media screen and (min-width: 992px) { .p-service__sp__only { display: none; }
  .p-services__pc__only { display: block; }
  .p-services__top__title { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; }
  .p-services__top__title:before { width: calc((836/1040)*100%); }
  .p-services__top__title:after { width: calc((836/1040)*100%); }
  .p-services__top__title h1 { font-size: 40px; color: var(--color-accent); font-weight: 700; margin-bottom: 14px; display: block; letter-spacing: .2em; line-height: 1em; }
  .p-services__top__title p { margin-bottom: 17px; font-size: 22px; font-weight: 700; color: var(--color-primary); letter-spacing: .2em; line-height: .909em; margin-left: 34px; }
  .p-services__mv__copy { bottom: 37px; right: 14px; font-size: 44px; letter-spacing: 8px; font-weight: 700; }
  .p-service__contents__wrap { margin-top: 80px; }
  #js-img { clear: both; }
  .p-services__img__flow { max-width: 759px; width: 100%; }
  .p-services__img__flow source, .p-services__img__flow img { margin-top: 32px; width: 100%; max-width: 759px; }
  .p-service__contents__wrap { position: relative; }
  .p-services__side__wrap { width: 240px !important; float: left; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }
  .p-services__side { background-color: #fff; -webkit-box-shadow: 4px 6px 16px rgba(0, 0, 0, 0.08); box-shadow: 4px 6px 16px rgba(0, 0, 0, 0.08); border-radius: 16px; padding: 6px 16px 25px; width: 240px; }
  .p-services__side__menu { color: var(--color-primary); font-size: 10px; font-weight: 700; line-height: 3.2; letter-spacing: .5em; margin-bottom: 6px; }
  .p-services__side__heading { color: #989898; font-size: 16px; font-weight: 700; line-height: 2.5; padding: 0 0 0 22px; margin-top: 6px; border-bottom: none; list-style: none; }
  .p-services__side__heading__active { color: var(--color-accent); }
  .p-services__side__subheading { padding: 0; padding: 0 0 0 16px; }
  .p-services__main__contents { width: calc(100% - 240px - 42px); margin-left: 42px; margin-top: 0; float: right; }
  .p-services__sec__ttl { font-size: 24px; background: url(../img/materials/company/balloon_title_primary.png) no-repeat center/100% 100%; padding: 22px 0 30px 0; color: var(--color-accent); font-weight: 700; font-size: 24px; line-height: 1.66; max-width: 450px; width: 100%; text-align: center; letter-spacing: 4px; }
  .p-services__sec__ttl:after { content: attr(data-pagettl); color: var(--color-primary); font-size: 10px; line-height: 1.2; display: block; font-weight: 700; letter-spacing: 3px; }
  .p-services__list__box__01 { border-radius: 16px; padding: 34px 32px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 69px; width: 623px; height: auto; }
  .p-services__list__box__01 li { font-size: 18px; white-space: nowrap; }
  .p-services__list__box__01 li:not(:last-child) { margin-bottom: 1.055em; }
  .p-services__work__img__wrap { position: relative; width: 230px; }
  .p-services__work__img__01 { width: 174px; position: absolute; top: -7px; left: 18px; }
  .p-services__work__img__01 p { text-align: center; margin-top: 4.51px; font-size: 12px; line-height: 1.8333; font-weight: 400; color: #000; margin-bottom: 0; }
  .p-services__work__img__02 { width: 213px; position: absolute; top: 81px; left: -20px; }
  .p-services__work__img__02 p { text-align: center; margin-top: -7px; font-size: 12px; line-height: 1.8333; font-weight: 400; color: #000; margin-bottom: 0; }
  .p-services__work__img__03 { width: 131.38px; position: absolute; top: 49px; left: 184px; }
  .p-services__work__img__03 p { text-align: center; margin-top: 7.62px; font-size: 12px; line-height: 1.8333; font-weight: 400; color: #000; margin-bottom: 0; }
  .p-services__chart__box { margin-top: 32px; }
  .p-services__chart__img { margin-top: 12px; }
  .p-services__chart__list { padding: 20px 24px; background-color: #FFF3F5; border-radius: 6.35983px; margin-top: 32.97px; }
  .p-services__chart__list li { font-size: 20px; line-height: 2; margin-right: 1em; }
  .p-services__example__wrap { margin-top: 30.5px; }
  .p-services__example { font-size: 22.31px; padding-left: 32px; margin-bottom: 2.5px; }
  .p-services__example__box { padding: 15px 32px; }
  .p-services__example__box__list { margin-bottom: 0; }
  .p-services__example__box__list li { font-size: 20px; line-height: 1.5; }
  .p-services__example__box__list li:before { margin-right: 4px; }
  .p-services__example__box__text { font-size: 12px; font-weight: 400; color: #000; line-height: 1.666; margin-bottom: 0; }
  .p-services__price__text { line-height: 2.625; margin-top: 32px; }
  .p-services__operation__list { padding: 23px 24px; max-width: 590px; }
  .p-services__operation__list li { font-size: 18px; line-height: 2; }
  .p-services__operation__list li:before { content: '▶'; color: #FF5268; margin-right: 16px; }
  .p-service__btn__group { margin-top: 120px; }
  .p-services__compare__table { margin-top: 18px; max-width: 761px; width: 100%; table-layout: fixed; }
  .p-services__compare__table thead th { padding: 9px 0; font-size: 20px; -webkit-transform: scale(100%); -ms-transform: scale(100%); transform: scale(100%); }
  .p-services__compare__table tbody { font-size: 16px; }
  .p-services__compare__table tbody th { width: 256px; padding: 9px 10px; }
  .p-services__compare__table tbody th p { font-size: 16px; line-height: 2.5; -webkit-transform: scale(100%); -ms-transform: scale(100%); transform: scale(100%); margin-left: 0; }
  .p-services__compare__table tbody td p img { width: 24.56px; height: 24.56px; }
  .p-services__compare__table__item { width: 256px; }
  .p-services__table__bottom__text { margin-top: 32px; margin-bottom: 32px; line-height: 1.75; }
  .p-services__faq__item:not(:first-child) { margin-top: 40px; }
  .p-service__faq__link__group { line-height: 2.2857; margin-top: 11px; }
  .p-services__faq__question { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .p-services__faq__question__text { font-size: 18px; line-height: 2.222; margin-top: 0; margin-left: 9px; }
  .p-services__faq__answer { margin-top: 7px; padding: 16px 24px 18px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .p-services__faq__answer p { display: inline-block; }
  .p-services__faq__icon { width: 28px; height: 30px; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; vertical-align: top; }
  .p-services__faq__icon img { width: 28px; height: 30px; }
  .p-services__faq__answer__text { line-height: 2; margin-top: 0; margin-left: 9px; width: calc(100% - 57px); }
  .p-service__table__scroll { width: 100%; overflow-x: visible; }
  .p-services__faq__table { width: 100%; table-layout: fixed; }
  .p-services__faq__table thead th { padding: 6.5px 0; font-size: 20px; line-height: 2; }
  .p-services__faq__table tbody { font-size: 12px; }
  .p-services__faq__table tbody p { margin-bottom: 0; }
  .p-services__faq__table tbody th { padding: 7.5px 21px; font-size: 12px; line-height: 2.1666; font-size: 16px; }
  .p-services__faq__table tbody td { border: 1px solid #FFFFFF; font-size: 16px; font-weight: 400; line-height: 1.666; padding: 9px 12px; }
  .p-services__faq__table tbody td img { width: 24.56px; }
  .p-services__faq__table__item { width: 211px; }
  .p-services__contact__box { margin-top: 64px; text-align: center; }
  .p-services__contact__meeage { font-size: 16px; line-height: 2.5; margin-bottom: 16px; position: relative; display: inline-block; padding-left: 10px; padding-right: 10px; }
  .p-services__contact__meeage:before { content: ''; height: 20px; width: 2px; background: #000; position: absolute; top: 9px; left: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  .p-services__contact__meeage:after { content: ''; height: 20px; width: 2px; background: #000; position: absolute; top: 9px; right: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .p-services__uiux__img__flow { width: 614px; margin: 32px auto 0; }
  .p-services__uiux__img__flow img { width: 614px; }
  .p-services__uiux__text__box { margin-top: 48px; }
  .p-services__uiux__case__card__box { margin-top: 32px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .p-services__uiux__case__card__item { width: 100%; }
  .p-services__uiux__case__card__item:not(:first-child) { margin-top: 0; margin-left: 2%; }
  .p-services__uiux__case__card__text__box { margin-top: 6.52px; }
  .p-services__uiux__case__card__ttl { line-height: 1.5; color: #000; }
  .p-services__uiux__case__card__text { color: #000; }
  .p-services__uiux__btn__box { margin-top: 65px; margin-bottom: 160px; }
  .p-services__uiux__text__box__left { width: 100%; }
  .p-services__uiux__text__box__left p { font-size: 16px; font-weight: 700; line-height: 2; color: #000; }
  .p-service__uiux__box__layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 36px; }
  .p-service__uiux__box__layout__img { margin-top: 35px; }
  .p-services__uiux__sec__h3 { color: var(--color-primary); font-size: 24px; font-weight: 700; line-height: 1.6; letter-spacing: .2em; margin-top: 32px; margin-bottom: 0; }
  .p-services__archive-list__heading { font-size: 24px; font-weight: 700; color: var(--color-primary); text-align: left; letter-spacing: .2em; border-bottom: solid 2px var(--color-primary); padding-bottom: 5px; margin-bottom: 24px; line-height: 1.666; }
  .p-services__archive-list__wrap { width: 100%; margin-bottom: 120px; }
  .p-services__archive-list__wrap .archive-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .p-services__archive-list__wrap .archive-list__item { width: calc((100% - 64px)/3); margin-bottom: 0; }
  .p-services__archive-list__wrap .archive-list__item:not(:nth-child(3n)) { margin-right: 32px; }
  .p-services__link__text { text-align: center; margin-top: 32px; }
  .p-services__uiux__link__text { text-align: center; margin-top: 40px; }
  .p-services__faq__link { padding-left: 42px; }
  .p-servicers__balloon__ttl { margin-bottom: 0; font-size: 20px; font-weight: 700; color: var(--color-accent); }
  .p-services__sec__h3 { color: var(--color-primary); font-size: 24px; font-weight: 700; line-height: 1.6; letter-spacing: .2em; margin-top: 32px; margin-bottom: 0; }
  .p-services__chart__ttl { font-size: 19px; color: var(--color-accent); font-weight: 700; line-height: 1.47368; }
  .p-services__mobail__faq__table { width: 100%; table-layout: fixed; }
  .p-services__mobail__faq__table thead th { padding: 6.5px 0; font-size: 14px; line-height: 2; }
  .p-services__mobail__faq__table tbody { font-size: 12px; }
  .p-services__mobail__faq__table tbody p { margin-bottom: 0; }
  .p-services__mobail__faq__table tbody th { padding: 7.5px 21px; font-size: 12px; line-height: 2.1666; font-size: 16px; }
  .p-services__mobail__faq__table tbody td { border: 1px solid #F9F8FA; font-size: 16px; font-weight: 400; line-height: 1.666; padding: 9px 12px; }
  .p-services__mobail__faq__table tbody td img { width: 24.56px; } }

@media screen and (min-width: 1200px) { .p-services__archive-list__wrap { width: 100%; padding: 0; } }

:root { --color-bg-secondary: #F8F8F8; }

#primary { position: relative; }

/* Common  LPのみの共通パーツ
--------------------------------------------------------------*/
/* centering */
.p-lp__container { padding: 0 2.4rem; }

@media screen and (max-width: 320px) { .p-lp__container { padding: 0 1.6rem; } }

@media screen and (min-width: 768px) { .p-lp__container { padding: 0 4rem; } }

@media screen and (min-width: 1200px) { .p-lp__container { max-width: 1040px; margin: 0 auto; padding: 0; } }

/* spacer */
.p-lp__spacer.section { padding-top: 8rem; }

@media screen and (min-width: 768px) { .p-lp__spacer.section { padding-top: 10rem; } }

@media screen and (min-width: 1200px) { .p-lp__spacer.section { padding-top: 12rem; } }

/* caption */
.p-lp__caption { margin: 0; font-size: 1.6rem; line-height: 2; letter-spacing: .03em; -webkit-font-feature-settings: "pkna"; font-feature-settings: "pkna"; list-style: none; }

.p-lp__caption.bold { font-weight: bold; }

.p-lp__caption.primary { color: var(--color-primary); }

/* background */
.p-lp__bg__polygon { width: 100vw; position: relative; }

.p-lp__bg__polygon::after { position: absolute; content: ''; left: 0; top: 48px; width: 100%; height: calc(100% - 40px); background-color: #F9F8FA; -webkit-transform: skewY(12deg); -ms-transform: skewY(12deg); transform: skewY(12deg); -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; z-index: -1; }

@media screen and (min-width: 768px) { .p-lp__bg__polygon::after { display: none; } }

@media screen and (min-width: 768px) { .p-lp__bg__polygon { position: relative; width: 100vw; padding: 0; background-image: url(../img/materials/mobail/mobail_bg.png); background-position: 0%; background-repeat: no-repeat; background-size: calc(100vw + 6px) 100%; padding-top: 1rem; } }

/* label */
.p-lp__label { display: inline-block; padding: .25em 2em; }

.p-lp__label.secondary { background-color: var(--color-secondary); color: #fff; }

.p-lp__label.round { padding: .25em 1em; border-radius: 9999px; }

.p-lp__label.rounded-square { border-radius: .25em; }

.p-lp__label.border { border: 1.3px solid #7D7D7D; color: #7D7D7D; }

/* Hero
--------------------------------------------------------------*/
.p-lp__hero { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

@media screen and (min-width: 1200px) { .p-lp__hero { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.p-lp__hero__textwrap { width: 90%; margin: 0 auto; z-index: 2; }

@media screen and (min-width: 768px) { .p-lp__hero__textwrap { margin-top: -6rem; } }

@media screen and (min-width: 1200px) { .p-lp__hero__textwrap { width: 50%; margin-top: 0; margin-left: auto; margin-right: 6rem; } }

.p-lp__hero__ttl { font-size: clamp(2rem, 9vw, 4.5rem); font-weight: 700; color: var(--color-accent); letter-spacing: .10em; }

@media screen and (min-width: 768px) { .p-lp__hero__ttl { font-size: 6vw; text-align: center; } }

@media screen and (min-width: 1200px) { .p-lp__hero__ttl { font-size: 3.5vw; text-align: left; } }

.p-lp__hero__caption { letter-spacing: .15em; }

@media screen and (min-width: 768px) { .p-lp__hero__caption { max-width: 90%; margin-left: auto; margin-right: 0; padding-top: 1.6rem; } }

@media screen and (min-width: 1200px) { .p-lp__hero__caption { max-width: 55.6rem; margin-left: 0; margin-right: auto; } }

.p-lp__hero__img { width: 140%; margin-left: -40%; }

@media screen and (min-width: 768px) { .p-lp__hero__img { width: 90%; height: 100%; margin-left: -10%; } }

@media screen and (min-width: 1200px) { .p-lp__hero__img { width: 80%; margin-left: -10%; padding-right: 3%; } }

.p-lp__hero .p-lp__caption { margin-top: 1.6rem; font-weight: bold; }

@media screen and (min-width: 768px) { .p-lp__hero .p-lp__caption { text-align: center; } }

@media screen and (min-width: 1024px) { .p-lp__hero .p-lp__caption { font-size: 2rem; } }

@media screen and (min-width: 1200px) { .p-lp__hero .p-lp__caption { text-align: left; } }

.p-lp__hero .btn_contact { max-width: 34rem; margin: 4rem auto 0; }

@media screen and (min-width: 1200px) { .p-lp__hero .btn_contact { margin-left: 0; margin-right: auto; } }

.p-lp__hero .btn_contact a { font-size: 1.8rem; letter-spacing: .04em; }

.p-lp__hero .btn_contact a::before { display: none; }

/* Problem
--------------------------------------------------------------*/
.p-lp__problem { position: relative; padding-top: 6.4rem; padding-bottom: 4.8rem; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(28%, #F8F8F8)); background-image: linear-gradient(#fff 0% 28%, #F8F8F8 28% 100%); }

@media screen and (min-width: 768px) { .p-lp__problem { padding-top: 12rem; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(28%, #F8F8F8)); background-image: linear-gradient(#fff 0% 48%, #F8F8F8 28% 100%); } }

@media screen and (min-width: 1200px) { .p-lp__problem { padding-top: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(28%, #F8F8F8)); background-image: linear-gradient(#fff 0% 28%, #F8F8F8 28% 100%); } }

.p-lp__problem::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 0; height: 0; margin: 0 auto; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); border-style: solid; border-width: 32px 50px 0 50px; border-color: var(--color-secondary) transparent transparent transparent; }

.p-lp__problem__ttl { color: var(--color-secondary); font-weight: bold; text-align: center; line-height: 1.5; letter-spacing: .04em; font-size: clamp(1.5rem, 6.5vw, 3.2rem); }

@media screen and (min-width: 1024px) { .p-lp__problem__ttl { font-size: 3.2rem; } }

.p-lp__problem__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media screen and (min-width: 768px) { .p-lp__problem__items { max-width: 800px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 auto; } }

@media screen and (min-width: 1200px) { .p-lp__problem__items { max-width: none; } }

.p-lp__problem__item { width: 70%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 4rem auto 0; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; list-style: none; }

@media screen and (min-width: 768px) { .p-lp__problem__item { width: 30%; } }

.p-lp__problem__item > img { max-width: 18rem; margin: 0 auto; }

@media screen and (min-width: 768px) { .p-lp__problem__item > img { max-width: 21rem; } }

@media screen and (min-width: 1200px) { .p-lp__problem__item > img { max-width: 26rem; } }

.p-lp__problem__item > span { margin-top: .5em; font-weight: bold; font-size: 1.6rem; }

@media screen and (min-width: 1200px) { .p-lp__problem__item > span { font-size: 2.4rem; } }

/* Overview
--------------------------------------------------------------*/
.p-lp__overview { padding-top: 6.4rem; }

.p-lp__overview__ttl { font-size: clamp(2.6rem, 9vw, 3.2rem); color: var(--color-primary); font-weight: bold; text-align: center; line-height: 1.5; letter-spacing: .04em; }

@media screen and (min-width: 1024px) { .p-lp__overview__ttl { font-size: 4.8rem; } }

.p-lp__overview__ttl .text__block { border-bottom: 2px solid var(--color-primary); }

@media screen and (min-width: 1024px) { .p-lp__overview__ttl .text__block { border-width: 3px; } }

.p-lp__overview__subttl { display: block; font-size: 60%; color: var(--color-accent); }

@media screen and (min-width: 1024px) { .p-lp__overview__subttl { font-size: 3.2rem; } }

@media screen and (min-width: 1200px) { .p-lp__overview__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-top: 4rem; } }

.p-lp__overview__img { margin-top: 4rem; margin-right: -4rem; -webkit-filter: drop-shadow(8.89731px 10.0095px 0px rgba(0, 0, 0, 0.14)); filter: drop-shadow(8.89731px 10.0095px 0px rgba(0, 0, 0, 0.14)); }

@media screen and (min-width: 768px) { .p-lp__overview__img { width: 100%; margin-left: auto; margin-right: -8%; } }

@media screen and (min-width: 1200px) { .p-lp__overview__img { width: 60%; margin-top: 8rem; margin-left: auto; margin-right: -8rem; } }

.p-lp__overview__text { margin-top: 4rem; }

@media screen and (min-width: 768px) { .p-lp__overview__text { margin-left: 8%; } }

@media screen and (min-width: 1200px) { .p-lp__overview__text { width: 43%; margin-top: 0; margin-left: 0; } }

.p-lp__overview__listwrap { padding: .5em 0; line-height: 2.25; }

.p-lp__overview__list { font-size: 1.8rem; margin-left: 1em; list-style: disc; }

/* About
--------------------------------------------------------------*/
.p-lp__about { position: relative; }

.p-lp__about__text { margin-top: 4rem; }

@media screen and (min-width: 768px) { .p-lp__about__text { margin-left: 4rem; } }

@media screen and (min-width: 1200px) { .p-lp__about__text { max-width: 69rem; margin-left: 4rem; } }

.p-lp__about__logo { width: 90%; max-width: 36rem; margin: 4rem auto 0; }

@media screen and (min-width: 768px) { .p-lp__about__logo { margin-left: auto; margin-right: 5rem; } }

@media screen and (min-width: 1200px) { .p-lp__about__logo { max-width: 56rem; margin-right: 0; } }

/* Feature
--------------------------------------------------------------*/
@media screen and (min-width: 768px) { .p-lp__feature__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 8rem; } }

.p-lp__feature { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 3.2rem; }

@media screen and (min-width: 768px) { .p-lp__feature { width: calc((100% - 3.2rem)/2); padding-top: 6rem; } }

@media screen and (min-width: 768px) { .p-lp__feature:nth-child(n+3) { padding-top: 6.4rem; } }

@media screen and (min-width: 1200px) { .p-lp__feature:nth-child(n+3) { padding-top: 8.8rem; } }

.p-lp__feature__ttl { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-bottom: .5em; font-size: 2rem; text-align: center; font-weight: bold; color: var(--color-primary); letter-spacing: .08em; border-bottom: 2px solid var(--color-primary); }

@media screen and (min-width: 1200px) { .p-lp__feature__ttl { font-size: 2.8rem; } }

.p-lp__feature__ttl > .p-lp__feature__number { position: relative; display: block; margin-bottom: .75em; padding-bottom: .5em; font-size: 180%; }

.p-lp__feature__ttl > .p-lp__feature__number::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 3em; height: .4em; margin: 0 auto; background: url(../img/materials/lp-flutter/text_feature.svg) no-repeat center center/contain; }

.p-lp__feature__img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 1.6rem; }

@media screen and (min-width: 768px) { .p-lp__feature__img { padding: 0 2.4rem; } }

@media screen and (min-width: 1200px) { .p-lp__feature__img { padding: 0 2.4rem; } }

.p-lp__feature .p-lp__caption { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }

@media screen and (min-width: 768px) { .p-lp__feature .p-lp__caption { padding: 0 2.4rem; } }

@media screen and (min-width: 1200px) { .p-lp__feature .p-lp__caption { margin-top: 1.8rem; } }

/* CTA section
--------------------------------------------------------------*/
.p-lp__cta { position: relative; margin-top: 22rem; padding-top: 22rem; padding-bottom: 4.8rem; background: linear-gradient(91.15deg, #FF7183 0.15%, rgba(255, 104, 95, 0.4) 99.16%); }

@media screen and (min-width: 768px) { .p-lp__cta { margin-top: 6rem; padding: 4rem 0; } }

@media screen and (min-width: 1200px) { .p-lp__cta { margin-top: 12rem; padding: 5rem 0; } }

.p-lp__cta .p-lp__container { position: relative; max-width: 640px; margin: 0 auto; }

@media screen and (min-width: 768px) { .p-lp__cta .p-lp__container { width: 95%; max-width: 1200px; padding-right: 280px; } }

@media screen and (min-width: 1024px) { .p-lp__cta .p-lp__container { padding-right: 345px; } }

@media screen and (min-width: 1200px) { .p-lp__cta .p-lp__container { padding-right: 345px; padding-left: 0; } }

.p-lp__cta .p-lp__container::before { content: ''; position: absolute; top: -2rem; right: 5%; width: 95%; height: 26.5rem; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); background: url(../img/materials/lp-flutter/cta_chara.png) no-repeat right center/contain; }

@media screen and (min-width: 768px) { .p-lp__cta .p-lp__container::before { width: 290px; height: 300px; top: -6.5rem; right: 3rem; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }

@media screen and (min-width: 1024px) { .p-lp__cta .p-lp__container::before { width: 300px; height: 340px; top: -10rem; right: 4rem; } }

@media screen and (min-width: 1200px) { .p-lp__cta .p-lp__container::before { width: 345px; height: 390px; top: -12.5rem; right: 0; } }

.p-lp__cta__ttl { color: #fff; font-weight: bold; line-height: 1.8; font-size: clamp(2rem, 5.5vw, 2.4rem); letter-spacing: .04em; }

@media screen and (min-width: 768px) { .p-lp__cta__ttl { font-size: 3.2vw; } }

@media screen and (min-width: 1024px) { .p-lp__cta__ttl { text-align: center; font-size: clamp(2rem, 2.6vw, 3.2rem); } }

@media screen and (min-width: 1200px) { .p-lp__cta__ttl { text-align: center; font-size: 3.6rem; } }

.p-lp__cta__btn { margin-top: 3.2rem; }

.p-lp__cta__btn a { position: relative; display: block; width: 100%; max-width: 320px; margin: 0 auto; padding: .75em; background-color: #fff; border: 3px solid var(--color-primary); border-radius: 1.2rem; font-size: 2.4rem; font-weight: bold; color: var(--color-primary); text-align: center; letter-spacing: .05em; -webkit-transition: .3s ease-out; transition: .3s ease-out; }

@media screen and (min-width: 1200px) { .p-lp__cta__btn a { max-width: 400px; border-width: 4px; margin: 0 auto; } }

.p-lp__cta__btn a:hover { border-radius: 24px; -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); -webkit-transition: .3s ease-out; transition: .3s ease-out; }

.p-lp__cta__btn a::after { content: ''; position: absolute; top: 0; bottom: 0; right: 2em; width: .5em; height: 1em; margin: auto 0; background: url(../img/materials/lp-flutter/arrow_primary.svg) no-repeat center center/contain; -webkit-transition: .3s ease-out; transition: .3s ease-out; }

.p-lp__cta__btn a:hover::after { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); -webkit-transition: .3s ease-out; transition: .3s ease-out; }

/* CASE
--------------------------------------------------------------*/
.p-lp__case { margin-top: 6.4rem; }

@media screen and (min-width: 768px) { .p-lp__case { margin-left: 4rem; margin-right: 4rem; } }

@media screen and (min-width: 1024px) { .p-lp__case { max-width: 900px; margin: 7rem auto 0; } }

@media screen and (min-width: 1200px) { .p-lp__case { margin: 12rem auto 0; } }

.p-lp__case:nth-child(2) { margin-top: 4rem; }

@media screen and (min-width: 1200px) { .p-lp__case:nth-child(2) { margin-top: 7rem; } }

.p-lp__case__ttl { padding-bottom: .2em; font-size: 2.4rem; font-weight: bold; color: var(--color-primary); line-height: 1.5; letter-spacing: .04em; border-bottom: 2px solid var(--color-primary); }

@media screen and (min-width: 1024px) { .p-lp__case__ttl { font-size: 3.6rem; } }

.p-lp__case__number { display: block; font-size: 70%; font-weight: 700; color: var(--color-accent); }

@media screen and (min-width: 1024px) { .p-lp__case__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5.4rem; } }

.p-lp__case__desc { margin-top: 3.2rem; }

@media screen and (min-width: 1024px) { .p-lp__case__desc { width: 30%; margin-top: 0; } }

.p-lp__case__figure { max-width: 480px; margin: 3.2rem auto 0; }

@media screen and (min-width: 1024px) { .p-lp__case__figure { width: 70%; margin-top: 0; } }

@media screen and (min-width: 1200px) { .p-lp__case__figure { width: 100%; max-width: none; padding: 2rem 8rem 2rem 6rem; } }

.p-lp__case__text { max-width: 75rem; }

@media screen and (min-width: 1024px) { .p-lp__case__text { margin-top: 2rem; padding-left: 6rem; } }

/* SPEC
--------------------------------------------------------------*/
.p-lp__spec__ttl { position: relative; padding-left: 1em; font-size: 1.6rem; font-weight: bold; color: var(--color-accent); }

@media screen and (min-width: 1024px) { .p-lp__spec__ttl { font-size: 1.8rem; margin-bottom: .5rem; } }

.p-lp__spec__ttl::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0; width: 3.25px; height: 100%; border-radius: 4px; background-color: var(--color-accent); font-size: 1.8rem; }

.p-lp__spec__item { margin-top: .8rem; margin-right: .4rem; font-size: 1.2rem; }

/* INVOLVED
--------------------------------------------------------------*/
.p-lp__involved__list { margin-top: .5em; }

.p-lp__involved__list .p-lp__caption { line-height: 1.75; }

/* FAQ
--------------------------------------------------------------*/
.p-services__faq__answer__text { font-weight: normal; }

.l-service__section { margin-bottom: 0; }

@media screen and (min-width: 768px) { .p-services__faq__box { margin-left: 4rem; margin-right: 4rem; } }

@media screen and (min-width: 1024px) { .p-services__faq__box { max-width: 900px; margin-left: auto; margin-right: auto; } }

/* Fixed Button
--------------------------------------------------------------*/
.p-lp__fixedbtn { position: fixed; bottom: 1rem; right: 1rem; z-index: 10; display: none; }

@media screen and (min-width: 1024px) { .p-lp__fixedbtn { right: 2rem; } }

.p-lp__fixedbtn a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: .8rem; width: 8rem; height: 8rem; background-color: var(--color-secondary); border-radius: 50%; font-size: 12px; color: #fff; text-align: center; }

@media screen and (min-width: 1024px) { .p-lp__fixedbtn a { width: 9rem; height: 9rem; } }

.p-lp__fixedbtn a::before { content: ''; position: absolute; width: 55%; height: 60%; top: -1rem; left: 0; right: 0; margin: 0 auto; background: url(../img/materials/lp-flutter/icon_document_gr.svg) no-repeat center center/contain; }

.p-lp__fixedbtn a > span { line-height: 1.2; }

.p-lp__fixedbtn:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }

/* ▲▲ ----- pages --------▲▲*/
/* utility
--------------------------------------------------------------*/
.screen-reader-text { position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); }