@charset "utf-8";

/* -------------------------------
  base
------------------------------- */
.contents {
  position: relative;
}

.inner {
  position: relative;
  max-width: 720px;
  width: 95%;
  margin: 0 auto;
}

@media screen and (max-width: 720px) {
  .inner {
    width: 90%;
    max-width: none;
  }
}



/* -------------------------------
  header
------------------------------- */
.header {
  position: absolute;
  display: flex;
  width: 100%;
  z-index: 1;
}
.header.isFixed {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  animation: header .3s linear;
  z-index: 99999;
}
@keyframes header {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.header > .inner {
  display: flex;
  align-items: center;
  width: 95%;
  max-width: 890px;
  min-height: 60px;
  padding: 8px 0;
}
.header-logo {
  flex-shrink: 0;
  position: relative;
  width: 161px;
  margin-right: auto;
  z-index: 99999;
}
.header-logo img {
  vertical-align: middle;
}
.header-tel {
  display: block;
  margin-left: 32px;
  width: 384px;
  transition: opacity .3s;
}

@media screen and (max-width: 850px) {
  .header-tel {
    width: 45%;
    margin-left: 10px;
  }
}

@media screen and (max-width: 720px) {
  .header > .inner {
    width: 100%;
    min-height: auto;
    padding: .65em 1.4em;
  }
  .open .header > .inner:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3.9em;
    background: #FFF;
    z-index: 9999;
  }
  .header-logo {
    width: 13.7em;
  }
  .header-tel {
    width: 2.6em;
    margin-right: 4.6em;
  }
}



/* -------------------------------
  header - sp menu
------------------------------- */
@media screen and (max-width: 720px) {
  .header-menuBtn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4.166%;
    width: 7.222%;
    min-width: 26px;
    height: 5.278vw;
    margin: auto;
    cursor: pointer;
    z-index: 10000;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
  }
  .header-menuBtn.close {
    position: fixed;
    top: 3%;
    right: 2%;
    height: 20px;
    width: 7.222%;
    cursor: pointer;
    z-index: 10000;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
  }
  .header-menuBtn:hover {
    opacity: 0.7;
  }
  .header-menuBtn.active .top {
    -webkit-transform: translateY(.8em) translateX(0) rotate(45deg);
    transform: translateY(.8em) translateX(0) rotate(45deg);
    background: #000;
  }
  .header-menuBtn.active .middle {
    opacity: 0;
    background: #000;
  }
  .header-menuBtn.active .bottom {
    -webkit-transform: translateY(-.9em) translateX(0) rotate(-45deg);
    transform: translateY(-.9em) translateX(0) rotate(-45deg);
    background: #000;
  }
  .header-menuBtn span {
    background: #000;
    border: none;
    height: .15em;
    min-height: 2px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    cursor: pointer;
  }
  .header-menuBtn span:nth-of-type(2) {
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .header-menuBtn span:nth-of-type(3) {
    top: auto;
    bottom: 0;
  }

  .header-overlay {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    padding-top: 3.9em;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
    transition: opacity 0.35s, visibility 0.35s, height 0.35s;
    overflow-x: hidden;
    z-index: 9999;
  }
  .header-overlay.close_ap {
    position: fixed;
    background: #FFF;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
    transition: opacity 0.35s, visibility 0.35s, height 0.35s;
    overflow: hidden;
  }
  .header-overlay.open_ap {
    opacity: 1;
    visibility: visible;
    height: 100%;
  }
  .header-overlay nav {
    position: relative;
    font-weight: 400;
    text-align: left;
  }
  .header-overlay ul {
    list-style: none;
    padding: 0;
    display: block;
    width: 100%;
    position: relative;
  }
  .header-overlay ul li {
    position: relative;
    text-align: center;
  }
  .header-overlay ul li:first-child:before,
  .header-overlay ul li:nth-last-child(n+3):after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #aaa;
  }
  .header-overlay ul li:first-child {
    top: 0;
  }
  .header-overlay ul li:after {
    bottom: 0;
  }
  .header-overlay ul li a:not(.cta-tel) {
    position: relative;
    display: block;
    padding: 1.086em 4.166%;
    text-decoration: none;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .1em;
  }

  .header-overlay-nav {
    overflow-y: auto;
  }
}



/* -------------------------------
  mv
------------------------------- */
.mv {
  position: relative;
  background: url('../img/mv_bg_pc.jpg') center center / cover no-repeat;
}
.mv-main.inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 890px;
  min-height: 460px;
  padding: 70px 10px 20px 5px;
}
.mv-main-txt {
  width: 365px;
  font-weight: 700;
}
.mv-main-txt-ttl {
  text-align: left;
}
.mv-main-txt-ttl-01 {
  display: inline-block;
  margin-top: 8px;
  font-size: 2.1em;
  letter-spacing: .1em;
}
.mv-main-txt-ttl-01-txtLine {
  display: inline-block;
  padding-left: .1em;
  padding-bottom: .3em;
  background: linear-gradient(180deg, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 0, 0) 54%, rgba(255, 255, 0, 1) 55%, rgba(255, 255, 0, 1) 100%);
  color: #FF621C;
  line-height: 1;
}
.mv-main-txt-ttl-01-small {
  font-size: .857em;
}
.mv-main-txt-ttl-02 {
  display: inline-block;
  margin-top: 2px;
  font-size: 4em;
  letter-spacing: .06em;
  line-height: 1.3;
}
.mv-main-txt-ttl-02-small {
  font-size: .925em;
}
.mv-main-txt-ttl-03 {
  display: inline-block;
  width: 355px;
  margin-top: 3px;
  margin-left: 3px;
}
.mv-main-txt-ttl-04 {
  display: inline-block;
  margin-top: 15px;
  margin-left: 3px;
  font-size: 2.3em;
  letter-spacing: .12em;
}
.mv-main-txt-notes {
  margin-left: 3px;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: .025em;
}
.mv-main-txt-jpx {
  margin-top: 1.5em;
  margin-left: 3px;
  width: 280px;
}

@media screen and (max-width: 755px) {
  .mv-main.inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (max-width: 720px) {
  .mv {
    padding-top: 3.9em;
    background-image: url('../img/mv_bg_sp.jpg');
  }
  .mv-main.inner {
    display: block;
    width: 80.556%;
    padding: .5em 0 3.85em;
  }
  .mv-main-txt {
    width: 100%;
  }
  .mv-main-txt-ttl-01 {
    margin-top: 1.2em;
    font-size: 1.6em;
    letter-spacing: .05em;
  }
  .mv-main-txt-ttl-01-txtLine {
    background: linear-gradient(180deg, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 0, 0) 59%, rgba(255, 255, 0, 1) 60%, rgba(255, 255, 0, 1) 100%);
  }
  .mv-main-txt-ttl-01-small {
    font-size: .8125em;
  }
  .mv-main-txt-ttl-02 {
    margin-top: 0;
    font-size: 2.9em;
    line-height: 1.2;
  }
  .mv-main-txt-ttl-02-small {
    font-size: .9333em;
  }
  .mv-main-txt-ttl-03 {
    margin-top: .5em;
    margin-left: 0;
    width: 26em;
  }
  .mv-main-txt-ttl-04 {
    margin-top: .7em;
    margin-left: 0;
    font-size: 1.8em;
    letter-spacing: .09em;
  }
  .mv-main-txt-notes {
    margin-top: .1em;
    margin-left: 0;
    font-size: 1em;
  }
  .mv-main-txt-jpx {
    margin-top: .7em;
    margin-left: 0;
    width: 27.5em;
  }
}



/* -------------------------------
  footer
------------------------------- */
.footer {
  background: #555;
  text-align: center;
}
.footer-nav {
  display: flex;
  justify-content: center;
  background: #fff;
  padding: 28px 0;
  text-align: center;
  letter-spacing: .05em;
}
.footer-nav li {
  padding: 0 2.5em;
}
.footer-nav li:first-child {
  border-right: 1px solid #555;
}
.footer-nav li > a {
  display: block;
  text-decoration: none;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.2;
}
.footer-nav li a:hover{
  text-decoration: underline;
}
.footer-copy {
  padding: 21.71px 0;
  text-align: center;
  color: #fff;
  font-size: 1.8em;
  font-weight: 500;
  letter-spacing: .06em;
}

@media screen and (max-width: 720px) {
  .footer {
    padding-bottom: 10vw;
    font-size: 1em;
  }
  .footer-nav {
    padding: 3.61vw;
  }
  .footer-nav li {
    padding: 0 1.3em;
  }
  .footer-nav li > a {
    font-size: 1.2em;
  }

  .footer-copy {
    padding: 3.056vw 0 7vw;
    font-size: 1.1em;
  }
}



/*------------------------------
footer fix
------------------------------*/
.footerfix {
  display: none;
}

@media screen and (max-width: 720px) {
  .footerfix {
    position: fixed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
  }
  .open .footerfix {
    display: none;
  }
  .footerfix-btn {
    position: relative;
    width: 50%;
    padding: 4.445vw 0;
    font-size: 1.8em;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 1;
    text-decoration: none;
  }
  .footerfix-btn.form {
    background: #FF7233;
  }
  .footerfix-btn.tel {
    background: #00ABB2;
  }
  .footerfix-btn span {
    position: relative;
    padding: 0 1.5em .05em 2.5em;
    letter-spacing: .1em;
  }
  .footerfix-btn span:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4vw;
    display: block;
    margin: auto;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .footerfix-btn.form span:before {
    width: 6.112vw;
    background-image: url('../img/footerfix_form.svg');
  }
  .footerfix-btn.tel span:before {
    width: 5.835vw;
    background-image: url('../img/footerfix_tel.svg');
  }
  .footerfix-btn span:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 2.5vw;
    height: 3.334vw;
    margin: auto;
    background: url('../img/footerfix_arrow.svg') center center / contain no-repeat;
  }
}



/* -------------------------------
  pagetop
------------------------------- */
.pagetop {
  position: fixed;
  bottom: 35px;
  right: 15%;
  width: 77px;
  height: 77px;
  transition: .3s linear;
  opacity: 0;
  z-index: -1;
}
.pagetop.isHide {
  opacity: 0;
  z-index: -1;
}
.pagetop.isShow {
  opacity: 1;
  z-index: 99999;
}
.pagetop a:hover {
  opacity: 1;
}

@media screen and (max-width: 720px) {
  .pagetop {
    bottom: 20vw;
    right: 4vw;
    width: 9.722vw;
    height: 9.722vw;
  }
  .open .pagetop {
    display: none;
  }
}



/* -------------------------------
  cta form common
------------------------------- */
/* form */
.form {
  position: relative;
  z-index: 0;
}
.form-item {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.form-item-select {
  position: relative;
  width: 100%;
  max-width: 172px;
  margin-top: 15px;
  background: #fff;
  border-radius: 5px;
}
.form-item-select.step02 {
  margin-left: 15px;
}
.form-item-select:before {
  content: '';
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  display: block;
  border: 3px solid #FF621C;
  border-radius: 10px;
  opacity: 0;
  z-index: 3;
}
.form-item-select.isActive:before {
  animation: select_active 1.6s infinite;
}
@keyframes select_active {
  40% { opacity: 1; }
  60% { opacity: 1; }
}
.form-item-select:hover,
.form-item-select select:hover {
  cursor: pointer;
}
.form-item-select select,
.form-item-select-lavel {
  position: relative;
  width: 100%;
  font-size: 1.6em;
  font-weight: 700;
  letter-spacing: .05em;
}
.form-item-select select {
  height: 46px;
  z-index: 5;
  opacity: 0;
}
.form-item-select-lavel {
  position: absolute;
  top: 0;
  bottom: 2px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  margin: auto;
  padding-left: 1em;
  padding-right: 1.5em;
  white-space: nowrap;
  overflow: hidden;
}
.form-item-select-lavel:after {
  content: '';
  position: absolute;
  top: 2px;
  bottom: 0;
  right: 0;
  display: block;
  width: 1.75em;
  background: #fff url('../img/cta_select_arrow.svg') center left .5em / 9px auto no-repeat;
  border-radius: 0 5px 5px 0;
  z-index: 2;
}

.form-item-select-step {
  content: '';
  position: absolute;
  top: -15px;
  left: 0;
  display: block;
  height: 10px;
  margin: auto;
  background-position: center left;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
}
.form-item-select-step img {
  display: block;
  width: auto;
  max-width: none;
  height: 100%;
}

.form-item-arrow {
  align-self: center;
  width: 26px;
  margin-left: 13px;
  margin-right: 10px;
}

.form-item-btn {
  position: relative;
  display: flex;
  align-items: center;
  width: 294px;
  height: 72px;
  padding-left: 16px;
  background: #ff621c url('../img/link_btn_arrow.svg') center right 15px / 19px auto no-repeat;
  border: 3px solid #fff;
  border-radius: 17px;
  text-align: left;
  color: #fff;
}
.form-item-btn:hover {
  cursor: pointer;
}
.form-item-btn:after {
  content: "";
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  background: #fff;
  border-radius: 17px;
  z-index: 1;
  opacity: 0;
  transition: .3s;
}
.form-item-btn:hover:after {
  opacity: .3;
}
.form-item-btn-img {
  display: inline-block;
  width: 116px;
  margin-right: 15px;
}
.form-item-btn-txt {
  color: #ff0;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .025em;
}

@media screen and (max-width: 720px) {
  /* form */
  .form {
    position: relative;
    z-index: 0;
  }
  .form-item {
    justify-content: space-between;
  }
  .form-item-select {
    width: 47.92%;
    max-width: none;
    margin-top: 0;
    border-radius: .5em;
  }
  .form-item-select.step02 {
    margin-left: 0;
  }
  .form-item-select:before {
    top: -.3em;
    bottom: -.3em;
    left: -.3em;
    right: -.3em;
    border-width: .3em;
    border-radius: 1em;
  }
  .form-item-select select,
  .form-item-select-lavel {
    width: 100%;
    font-size: 1.2em;
  }
  .form-item-select select {
    height: 3em;
  }
  .form-item-select-lavel {
    bottom: .125em;
    padding-left: 1.2em;
    padding-right: 2em;
  }
  .form-item-select-lavel:after {
    top: .16em;
    width: 2em;
    background-position: center left .4em;
    background-size: .75em auto;
    border-radius: 0 .5em .5em 0;
  }

  .form-item-select-step {
    top: -1.35em;
    left: .3em;
    height: .8em;
  }

  .form-item-arrow {
    display: none;
  }

  .form-item-btn {
    width: 100%;
    height: 7.2em;
    padding-left: 1.4em;
    background-position: center right 1.8em;
    background-size: 2.2em auto;
    border-width: .2em;
    border-radius: 1.2em;
  }
  .form-item-btn:after {
    top: -.2em;
    bottom: -.2em;
    left: -.2em;
    right: -.2em;
    border-radius: 1.2em;
  }
  .form-item-btn-img {
    width: 11.8em;
    margin-right: 1em;
  }
}



/* -------------------------------
  cta - contents
------------------------------- */
.cta {
  padding: 45px 0 50px;
  background: #5E5E5E;
}
.cta .inner {
  max-width: 705px;
}
.cta-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  color: #fff;
  font-size: 1.9em;
  font-weight: 700;
  text-align: center;
  letter-spacing: .12em;
  text-indent: .1em;
  line-height: 1;
}
.cta-ttl-txt {
  display: inline-block;
  vertical-align: middle;
}
.cta-ttl-txt:not(:last-child) {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  padding: 0 0 .075em;
  border: 2px solid #fff;
  border-radius: 5px;
  line-height: 1.3;
  letter-spacing: .01em;
  text-indent: .01em;
}
.cta-ttl-txt:nth-child(1) {
  width: 6.42em;
}
.cta-ttl-txt:nth-child(2) {
  width: 8.1em;
}
.cta-ttl-txt:nth-child(3) {
  width: 4.21em;
}
.cta-ttl-txt:last-child {
  padding-bottom: .2em;
}
.cta .form-item {
  margin-top: 25px;
}
.cta-tel {
  display: block;
  width: 550px;
  margin: 35px auto 0;
}

@media screen and (max-width: 720px) {
  .cta {
    padding: 2.7em 0 2.8em;
    background: #6E6E6E;
  }
  .cta .inner {
    width: 80%;
    max-width: none;
  }
  .cta-ttl {
    justify-content: space-between;
    flex-wrap: wrap;
    margin: auto;
    font-size: 1em;
    letter-spacing: .12em;
    text-indent: .1em;
    line-height: 1;
  }
  .cta-ttl-txt {
    display: inline-block;
    vertical-align: middle;
  }
  .cta-ttl-txt:not(:last-child) {
    margin-right: 0;
    border-width: .145em;
    border-radius: .357em;
    font-size: 1.4em;
    line-height: 1.22;
  }
  .cta-ttl-txt:nth-child(1) {
    width: 6.42em;
  }
  .cta-ttl-txt:nth-child(2) {
    width: 8.1em;
  }
  .cta-ttl-txt:nth-child(3) {
    width: 4.21em;
  }
  .cta-ttl-txt:last-child {
    width: 100%;
    margin-top: .625em;
    padding-bottom: 0;
    font-size: 1.6em;
  }
  .cta .form-item {
    flex-wrap: wrap;
    margin-top: 3.3em;
  }
  .cta .form-item-btn {
    margin-top: 1.7em;
  }
  .cta-tel {
    width: 26.9em;
    margin-top: 2em;
  }
}



/* -------------------------------
  cta - mv
------------------------------- */
.mv-form {
  order: 2;
  width: 303px;
  margin-top: 20px;
  padding: 30px 0;
  background: rgba(234, 230, 219, .85);
  border: 3px solid #fff;
  border-radius: 10px;
}
.mv-form-ttl {
  font-size: 2.4em;
  font-weight: 700;
  color: #FF621C;
  text-align: center;
  letter-spacing: .17em;
  line-height: 1;
}
.mv-form .form-item {
  flex-direction: column;
  align-items: center;
  width: 240px;
  margin: 25px auto 0;
}
.mv-form .form-item-select {
  max-width: none;
  margin-top: 0;
  border: 1px solid #555;
}
.mv-form .form-item-select.step02 {
  margin-top: 18px;
  margin-left: 0;
}
.mv-form .form-item-select:before {
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  border-width: 4px;
  border-color: #2BCCAB;
}
.mv-form .form-item-select select {
  padding: 14px 20px;
  font-size: 1.7em;
}
.mv-form .form-item-select-step {
  top: 0;
  bottom: 0;
  left: 13px;
  height: 9px;
  margin: auto 0;
}
.mv-form .form-item-select-lavel {
  padding: 0 30px 0 70px;
  font-size: 1.7em;
}
.mv-form .form-item-txt {
  width: 158px;
  margin: 15px auto 10px;
}

.mv-form .form-item-btn {
  justify-content: center;
  width: 240px;
  height: 52px;
  padding-bottom: .2em;
  padding-left: 0;
  background-position: center right 35px;
  border-radius: 26px;
  font-size: 1.9em;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .15em;
}

@media screen and (max-width: 720px) {
  .mv-form {
    width: 100%;
    margin-top: 14em;
    padding: 2.5em 0 3.4em;
    background: rgba(234, 230, 219, .78);
    border-width: .3em;
    border-radius: 1em;
  }
  .mv-form-ttl {
    font-size: 2.3em;
  }
  .mv-form .form-item {
    width: 22.8em;
    margin-top: 2.4em;
  }
  .mv-form .form-item-select {
    width: 100%;
    max-width: none;
    margin-top: 0;
    border: none;
  }
  .mv-form .form-item-select.step02 {
    margin-top: 2em;
    margin-left: 0;
  }
  .mv-form .form-item-select:before {
    top: -.3em;
    bottom: -.3em;
    left: -.3em;
    right: -.3em;
    border-width: .3em;
  }
  .mv-form .form-item-select-step {
    left: 1.3em;
    height: .8em;
  }
  .mv-form .form-item-select select {
    padding: 1em 1.5em;
    font-size: 1.6em;
  }
  .mv-form .form-item-select-lavel {
    padding: 0 1.875em 0 4.125em;
    font-size: 1.6em;
  }
  .mv-form .form-item-select-lavel:after {
    background-position: center left 0.4em;
    background-size: .7em auto;
}
  .mv-form .form-item-txt {
    width: 14.8em;
    margin: 1.4em auto .6em;
  }

  .mv-form .form-item-btn {
    width: 100%;
    height: 2.55em;
    background-size: 1.05em auto;
    background-position: center right 1.95em;
    border-radius: 1.275em;
    font-size: 1.8em;
  }
}



/* -------------------------------
  nav
------------------------------- */
.nav {
  padding: 42px 0;
  background : #FFF6F1;
}
.nav-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 752px;
  margin: 0 auto;
  padding: 0 10px;
}
.nav-list-item {
  width: 168px;
}
.nav-list-item a {
  display: block;
  position: relative;
}
@media screen and (min-width: 721px) {
  .nav-list-item a::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    border: 3px solid #967237;
    border-radius: 6px;
    transition: .3s;
    opacity: 0;
    z-index: 1;
  }
  .nav-list-item a:hover::before {
    opacity: 1;
  }
}
.nav-list-item img {
  filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, .1));
}
.nav-list-item a:hover {
  opacity: 1;
}

@media screen and (max-width: 720px) {
  .nav {
    padding: 1.8em 0;
  }
  .nav-list {
    flex-wrap: wrap;
    width: 88.89%;
    max-width: none;
    padding: 0;
  }
  .nav-list-item {
    width: 47.5%;
  }
  .nav-list-item:nth-child(n+3) {
    margin-top: 1.2em;
  }
  .nav-list-item img {
    filter: drop-shadow(0px .2em .4em rgba(0, 0, 0, .1));
  }
}



/* -------------------------------
  contents - proposal
------------------------------- */
.proposal {
  padding: 50px 0 75px;
}
.proposal-ttl {
  font-size: 3.1em;
  line-height: 1.6;
  letter-spacing: .12em;
}
.proposal-list {
  margin-top: 40px;
}
.proposal-list-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.proposal-list-item.item02 {
  margin-top: 15px;
}
.proposal-list-item.item03 {
  margin-top: 25px;
}
.proposal-list-item .isFadein {
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity .8s, transform .8s, -webkit-transform .8s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.proposal-list-item .isFadein.isShow {
  opacity: 1 !important;
  transform: translate(0, 0);
}
.proposal-list-item-q {
  position: relative;
  display: flex;
  align-items: center;
  width: 286px;
  padding-top: 13px;
  padding-left: 25px;
  background-position: top left;
  background-repeat: no-repeat;
  font-size: 1.6em;
  line-height: 1.3;
  opacity: 0;
  transition: .3s;
  transform: rotateZ(.05deg) translateX(-10px);
}
.proposal-list-item-q.isFadein.isShow {
  transform: rotateZ(.05deg) translate(0, 0);
}
.item01 .proposal-list-item-q {
  height: 135px;
  padding-left: 45px;
  background-image: url('../img/proposal_q_01_pc.svg');
  background-size: 276px auto;
  font-size: 1.7em;
  line-height: 1.4;
  letter-spacing: .1em;
  transition-delay: 0s;
}
.item02 .proposal-list-item-q {
  height: 123px;
  margin-top: 25px;
  padding-top: 3px;
  background-image: url('../img/proposal_q_02_pc.svg');
  background-size: 272px auto;
  color: #00ABB2;
  letter-spacing: -.05em;
  transition-delay: .75s;
}
.item02 .proposal-list-item-q .txtAccent {
  color: #006F6F;
}
.item03 .proposal-list-item-q {
  height: 130px;
  background-image: url('../img/proposal_q_03.svg?240926');
  background-size: auto 100%;
  font-size: 1.6em;
  line-height: 1.3;
  letter-spacing: -.05em;
  transition-delay: 1.5s;
}
.proposal-list-item-arrow {
  display: block;
  width: 95px;
  height: 20px;
  margin: 10px 18px 0 -10px;
  background: url('../img/proposal_arrow_odd_pc.svg') center left / 100% auto no-repeat;
}
.item01 .proposal-list-item-arrow {
  transition-delay: .25s;
}
.item02 .proposal-list-item-arrow {
  transition-delay: 1s;
}
.item03 .proposal-list-item-arrow {
  transition-delay: 1.75s;
}
.proposal-list-item:nth-child(even) .proposal-list-item-arrow {
  background-image: url('../img/proposal_arrow_even_pc.svg');
}
.proposal-list-item-a {
  align-self: flex-start;
  position: relative;
  display: flex;
  align-items: center;
  width: 317px;
  min-height: 136px;
  padding: 23px 97px 0 23px;
  background: url('../img/proposal_a_odd_pc.svg') bottom left / contain no-repeat;
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .025em;
  text-align: justify;
}
.proposal-list-item:nth-child(even) .proposal-list-item-a {
  background-image: url('../img/proposal_a_even_pc.svg');
}
.item01 .proposal-list-item-a {
  margin-top: -5px;
  letter-spacing: .075em;
  transition-delay: .5s;
}
.item02 .proposal-list-item-a {
  transition-delay: 1.25s;
}
.item03 .proposal-list-item-a {
  line-height: 1.45;
  transition-delay: 2s;
}
.proposal-list-item-a:after {
  content: '';
  position: absolute;
  bottom: 0;
  display: block;
  height: 100%;
  background-position: bottom right;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
.item01 .proposal-list-item-a:after {
  right: 25px;
  width: 86px;
  background-image: url('../img/staff_01.png');
}
.item02 .proposal-list-item-a:after {
  right: 18px;
  width: 105px;
  background-image: url('../img/staff_02.png');
}
.item03 .proposal-list-item-a:after {
  right: 10px;
  width: 100px;
  background-image: url('../img/staff_03.png');
}

.proposal-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 470px;
  height: 64px;
  margin: 65px auto 0;
  background: url('../img/proposal_btn_arrow.svg') center right 45px / 8px auto no-repeat;
  border: 2px solid #FF621C;
  border-radius: 32px;
  font-size: 1.7em;
  font-weight: 700;
  color : #FF621C;
  text-decoration: none;
}
@media screen and (min-width: 721px) {
  .proposal-btn:hover {
    background-color: #FF621C;
    background-image: url('../img/proposal_btn_arrow_hover.svg');
    color: #fff;
    opacity: 1;
  }
}

@media screen and (max-width: 720px) {
  .proposal {
    padding: 2.5em 0 3.5em;
  }
  .proposal .inner {
    width: 100%;
  }
  .proposal-ttl {
    font-size: 1.9em;
  }
  .proposal-list {
    margin-top: 1em;
  }
  .proposal-list-item {
    flex-direction: column;
  }
  .proposal-list-item.item02 {
    margin-top: 3.5em;
    padding-top: 2em;
    padding-bottom: 3.5em;
    background: #F2FBFB;
  }
  .proposal-list-item.item03 {
    margin-top: 2em;
  }
  .proposal-list-item .isFadein {
    transform: translateY(-1em);
  }
  .proposal-list-item-q {
    padding-left: 1.75em;
  }
  .proposal-list-item-q.isFadein {
    opacity: 1;
    transform: rotateZ(.05deg) translate(0, 0);
  }
  .item01 .proposal-list-item-q {
    width: 76.11%;
    height: 7.7em;
    margin-left: 2em;
    padding-top: .3em;
    padding-left: 2.65em;
    background-image: url('../img/proposal_q_01_sp.svg');
    background-size: contain;
    transition-delay: 0s;
  }
  .item02 .proposal-list-item-q {
    width: 75.83%;
    height: 7.68em;
    margin-top: 0;
    margin-left: 1.75em;
    padding-top: 0;
    padding-left: 1.6em;
    background-image: url('../img/proposal_q_02_sp.svg');
    background-size: contain;
    transition-delay: 0s;
  }
  .item03 .proposal-list-item-q {
    width: 80.56%;
    height: 7.53em;
    margin-left: 1.75em;
    padding-top: 1em;
    padding-left: 1.17em;
    background-size: contain;
    font-size: 1.7em;
    letter-spacing: -.08em;
    transition-delay: 0s;
  }
  .item03 .proposal-list-item-q span {
    padding-right: 6em;
  }
  .proposal-list-item-arrow {
    width: 1.7em;
    height: 4em;
    margin: .8em auto 0;
    background-size: contain;
    background-image: url('../img/proposal_arrow_odd_sp.svg');
    transform: translateY(-1em);
  }
  .item01 .proposal-list-item-arrow,
  .item02 .proposal-list-item-arrow,
  .item03 .proposal-list-item-arrow {
    transition-delay: .4s;
  }
  .proposal-list-item:nth-child(even) .proposal-list-item-arrow {
    background-image: url('../img/proposal_arrow_even_sp.svg');
  }
  .proposal-list-item-a {
    align-self: center;
    width: 79.72%;
    height: 9.19em;
    min-height: auto;
    margin-left: -1em;
    padding: 1.9em 3em 0 2.19em;
    background-image: url('../img/proposal_a_odd_sp.svg');
    font-size: 1.6em;
    line-height: 1.55;
    letter-spacing: 0;
    transform: translateY(-1em);
  }
  .proposal-list-item:nth-child(even) .proposal-list-item-a {
    background-image: url('../img/proposal_a_even_sp.svg');
  }
  .item01 .proposal-list-item-a,
  .item02 .proposal-list-item-a,
  .item03 .proposal-list-item-a {
    margin-top: -1.4em;
    transition-delay: .8s;
    letter-spacing: 0;
  }
  .item02 .proposal-list-item-a {
    padding-right: 2.5em;
  }
  .item03 .proposal-list-item-a {
    padding-right: 3.75em;
    line-height: 1.4;
  }
  .item01 .proposal-list-item-a:after {
    right: -1.45em;
    width: 5.059em;
  }
  .item02 .proposal-list-item-a:after {
    right: -1.85em;
    width: 6.1765em;
  }
  .item03 .proposal-list-item-a:after {
    right: -1.45em;
    width: 5.8825em;
  }
  .proposal-list-item-btn {
    display: block;
    width: 23.2em;
    margin-top: 3em;
    padding: 1.6em 0 1.5em;
    background: url('../img/proposal_btn_arrow_odd.svg') center right 3.3em / .7em auto no-repeat #fff;
    border: .2em solid #FF621C;
    border-radius: 2.8em;
    color: #FF621C;
    text-align: center;
    text-decoration: none;
  }
  .item02 .proposal-list-item-btn {
    background-image: url('../img/proposal_btn_arrow_even.svg');
    border-color: #00ABB2;
    color: #00ABB2;
  }
  .proposal-list-item-btn:hover {
    background-image: url('../img/proposal_btn_arrow_hover.svg');
    background-color: #FF621C;
    color: #fff;
  }
  .item02 .proposal-list-item-btn:hover {
    background-image: url('../img/proposal_btn_arrow_hover.svg');
    background-color: #00ABB2;
    color: #fff;
  }
  .proposal-list-item-btn span {
    font-size: 1.7em;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1;
  }
}



/* -------------------------------
  contents - about
------------------------------- */
.about {
  padding: 55px 0 75px;
  background: #FFFCF8;
}
.about .inner {
  max-width: 780px;
}
.about-ttl {
  text-align: left;
  font-size: 3.6em;
  letter-spacing: .07em;
  font-weight: 700;
}
.about-ttl-small {
  font-size: .9445em;
}
.about-txt {
  margin-top: 8px;
  letter-spacing: .11em;
  font-size: 1.5em;
  font-weight: 500;
}
.about-txt-txtLine {
  display: inline-block;
  padding-bottom: .3em;
  background: linear-gradient(180deg, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 0, 0) 54%, rgba(255, 255, 0, 1) 55%, rgba(255, 255, 0, 1) 100%);
  line-height: 1;
}
.about-img {
  width: 100%;
  margin-top: 40px;
}
.about-ft {
  width: 100%;
  max-width: 780px;
  margin: 30px auto 0;
  padding: 1em .75em 1.15em 250px;
  background: #FFEFE8 url('../img/about_ft.svg') top 23px left 37px / 183px auto no-repeat;
  border-radius: 5px;
  font-size: 2.4em;
  letter-spacing: .05em;
  font-weight: 700;
}
.about-ft-txtLine {
  display: inline-block;
  padding-bottom: .05em;
  background: linear-gradient(180deg, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 0, 0) 54%, rgba(255, 255, 0, 1) 55%, rgba(255, 255, 0, 1) 100%);
  line-height: 1;
}

@media screen and (max-width: 720px) {
  .about {
    padding: 6vw 0 8vw;
  }
  .about .inner {
    width: 88.89%;
  }
  .about-ttl {
    width: 90%;
    margin: 0 auto;
    font-size: 2.7em;
  }
  .about-ttl-small {
    font-size: .889em;
  }
  .about-txt {
    width: 90%;
    margin: 1vw auto 0;
    letter-spacing: .035em;
    line-height: 1.8;
    font-weight: 700;
  }
  .about-txt-txtLine {
    background: linear-gradient(180deg, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 0, 0) 59%, rgba(255, 255, 0, 1) 60%, rgba(255, 255, 0, 1) 100%);
  }
  .about-img {
    width: 88.4375%;
    margin: 5.5vw auto 0;
  }
  .about-ft {
    margin-top: 1.66em;
    padding: 1.33em 1.25em 2em;
    background-size: 6em auto;
    background-position: bottom .53em right .33em;
    border-radius: .33em;
    font-size: 1.5em;
    text-align: justify;
  }
  .about-ft-txtLine {
    background: linear-gradient(180deg, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 0, 0) 59%, rgba(255, 255, 0, 1) 60%, rgba(255, 255, 0, 1) 100%);
  }
}



/* -------------------------------
  contents - saleReason
------------------------------- */
.saleReason {
    display: none;
}

@media screen and (max-width: 720px) {
  .saleReason {
    display: block;
    padding: 3.5em 0 5.5em;
    background-color: #ECF7F5;
  }
  .saleReason-subttl {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0 .75em 0 1em;
    font-size: 1.4em;
    line-height: 1;
    letter-spacing: .05em;
  }
  .saleReason-subttl::before,
  .saleReason-subttl::after {
    content: '';
    width: 1em;
    height: 1.2em;
    background: url('../img/saleReason-sideSlash.svg') center left / contain no-repeat;
  }
  .saleReason-subttl::after {
    transform: scale(-1, 1);
  }
  .saleReason-subttl span {
    padding: 0 .05em 0 .1em;
    font-size: 1.21em;
    font-weight: 700;
    transform: translateY(-0.1em);
  }
  .saleReason-ttl {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4em;
    font-weight: 700;
    letter-spacing: .075em;
  }
  .saleReason-ttl img {
    width: 3.625em;
    margin-left: .375em;
  }
  .saleReason-list {
    margin-top: 3.5em;
  }
  .saleReason-list-rank:not(:first-child) {
    margin-top: 3.5em;
  }
  .saleReason-list-rank-ttl {
    position: relative;
    width: 7.75em;
    margin: 0 auto;
    padding: .14em 0 .2em;
    background: url('../img/saleReason_line.svg') top center / 100% .15em no-repeat, url('../img/saleReason_line.svg') bottom center / 100% .15em no-repeat;
    color : #00ABB2;
    font-size: 2.4em;
    font-weight: 700;
    text-align: center;
    letter-spacing: .1em;
    transform: translateX(.3em);
  }
  .saleReason-list-rank-ttl img {
    position: absolute;
    top: -.42em;
    left: -2.65em;
    width: 2.917em;
  }
  .saleReason-list-rank-detail {
    position: relative;
    width: 55%;
    margin: 0 auto;
  }
  .saleReason-list-rank-detail::after {
    content: '';
    position: absolute;
    left: -7em;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .rank01 .saleReason-list-rank-detail::after {
    top: -1.5em;
    width: 33.7em;
    height: 18.2em;
    background-image: url('../img/saleReason_01_img.svg');
  }
  .rank02 .saleReason-list-rank-detail::after {
    top: -1.9em;
    width: 33.7em;
    height: 15em;
    background-image: url('../img/saleReason_02_img.svg');
  }
  .rank03 .saleReason-list-rank-detail::after {
    top: -5em;
    left: -6.8em;
    width: 33.2em;
    height: 14.3em;
    background-image: url('../img/saleReason_03_img.svg');
  }
  .saleReason-list-rank-detail li {
    display: flex;
    justify-content: center;
    padding: .1em 0;
    background-color: #fff;
    border-radius: .285em;
    color : #FF7A3E;
    font-size: 1.4em;
    font-weight: 700;
    letter-spacing: .05em;
  }
  .saleReason-list-rank-detail li.ls0 {
    letter-spacing: 0;
  }
  .saleReason-list-rank-detail li.ls1 {
    letter-spacing: -.04em;
  }
  .saleReason-list-rank-detail li:nth-child(even) {
    color : #33BCC1;
  }
  .saleReason-list-rank-detail li:first-child {
    margin-top: 1.43em;
  }
  .saleReason-list-rank-detail li:not(:first-child) {
    margin-top: .215em;
  }
  .saleReason-list-rank-detail li .small {
    display: inline-block;
    padding: .35em 0;
    font-size: .93em;
    line-height: 1.33;
  }
}



/* -------------------------------
  contents - reason
------------------------------- */
.reason {
  padding: 90px 0 180px;
}
.reason .inner {
  max-width: 815px;
}
.reason-ttl {
  font-size: 3.5em;
  letter-spacing: .08em;
}
.reason-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reason-list:nth-child(odd) {
  flex-direction: row-reverse;
}
.reason-list:nth-child(odd) .reason-list-item {
  width: 555px;
  margin-left: 10px;
}
.reason-list:nth-child(even) .reason-list-item {
  width: 490px;
  margin-right: 10px;
  margin-left: 25px;
}
.reason01.reason-list {
  margin-top: 70px;
}
.reason02.reason-list {
  margin-top: 75px;
  margin-right: 70px;
}
.reason03.reason-list {
  margin-top: 50px;
  margin-left: 25px;
}
.reason04.reason-list {
  margin-top: 80px;
}
.reason05.reason-list {
  margin-top: 65px;
  margin-left: 30px;
}
.reason06.reason-list {
  margin-top: 75px;
  margin-right: 45px;
}
.reason07.reason-list {
  margin-top: 55px;
}
.reason08.reason-list {
  margin-top: 85px;
  margin-right: 55px;
}
.reason-list-item-no {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 1.2em;
  letter-spacing: .05em;
}
.reason-list-item-ttl {
  margin-top: 3px;
  font-size: 3em;
  font-weight: 700;
  letter-spacing: .075em;
}
.reason-list-item-txt {
  margin-top: 10px;
  font-size: 1.6em;
  letter-spacing: .085em;
  line-height: 1.9;
  text-align: justify;
}
.reason-list-item-txt + .reason-list-item-txt {
  font-size: 1.3em;
  letter-spacing: .04em;
}
.reason-list-img {
  width: auto;
  max-width: 100%;
}
.reason01 .reason-list-img { width: 211px; }
.reason02 .reason-list-img { width: 197px; }
.reason03 .reason-list-img { width: 145px; }
.reason04 .reason-list-img { width: 268px; }
.reason05 .reason-list-img { width: 181px; }
.reason06 .reason-list-img { width: 263px; }
.reason07 .reason-list-img { width: 238px; }
.reason08 .reason-list-img { width: 222px; }
.reason07 .reason-list-img,
.reason08 .reason-list-img {
  transform: translateY(20px);
}

@media screen and (max-width: 720px) {
  .reason {
    padding: 10vw 0 17vw;
  }
  .reason .inner {
    width: 83.334%;
  }
  .reason-ttl {
    font-size: 2.1em;
  }
  .reason-list,
  .reason-list:nth-child(odd) {
    flex-direction: column-reverse;
  }
  .reason01.reason-list,
  .reason02.reason-list,
  .reason03.reason-list,
  .reason04.reason-list,
  .reason05.reason-list,
  .reason06.reason-list,
  .reason07.reason-list,
  .reason08.reason-list {
    margin: 7.5vw 0 0;
  }
  .reason-list:nth-child(odd) .reason-list-item,
  .reason-list:nth-child(even) .reason-list-item {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .reason01 .reason-list-item { margin-top: 5vw; }
  .reason02 .reason-list-item { margin-top: 7vw; }
  .reason03 .reason-list-item { margin-top: 4vw; }
  .reason04 .reason-list-item { margin-top: 8vw; }
  .reason05 .reason-list-item { margin-top: 7vw; }
  .reason06 .reason-list-item { margin-top: 3.5vw; }
  .reason07 .reason-list-item { margin-top: 7vw; }
  .reason08 .reason-list-item { margin-top: 2.5vw; }
  .reason-list-item-no {
    font-size: 1em;
  }
  .reason-list-item-ttl {
    margin-top: 1.4vw;
    font-size: 2.4em;
    line-height: 1.4;
  }
  .reason-list-item-txt {
    margin-top: 2vw;
    line-height: 1.6;
    font-weight: 500;
  }
  .reason-list-img {
    flex-shrink: 0;
  }
  .reason01 .reason-list-img { width: 14.8em; }
  .reason02 .reason-list-img { width: 15.2em; }
  .reason03 .reason-list-img { width: 11.6em; }
  .reason04 .reason-list-img { width: 21.5em; }
  .reason05 .reason-list-img { width: 14.5em; }
  .reason06 .reason-list-img { width: 21em; }
  .reason07 .reason-list-img { width: 19em; }
  .reason08 .reason-list-img { width: 17.8em; }
  .reason07 .reason-list-img,
  .reason08 .reason-list-img {
    transform: none;
  }
}



/* -------------------------------
  contents - example
------------------------------- */
.example {
  padding: 80px 0 105px;
  background: #FAF8F6;
}
.example .inner {
  max-width: 800px;
}
.example-ttl {
  font-size: 3.3em;
  letter-spacing: .05em;
}

.example-list {
  margin-top: 55px;
}
.example-list-block {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 1px 1px 14px rgba(0, 0, 0, .1);
}
.example-list-block:not(:first-child) {
  margin-top: 60px;
}
.example-list-block-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: .5em 0 .6em;
  background: #FFA177;
  border-radius: 8px 8px 0 0;
  font-size: 2.9em;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .1em;
  color: #fff;
}
.example-list-block:nth-child(even) .example-list-block-ttl {
  background: #66CDD1;
}
.example-list-block-ttl-no {
  margin-right: 30px;
  padding-top: .2em;
  font-size: .793em;
  font-weight: 700;
  letter-spacing: .025em;
}
.example-list-block-inner.left {
  flex-shrink: 0;
  width: 258px;
  padding-top: 40px;
  padding-right: 35px;
}
.example-list-block-inner.right {
  width: calc(100% - 310px);
  max-width: 450px;
  padding-top: 35px;
}
.example-list-block-inner-img {
  width: 223px;
}
.example-list-block-inner-period {
  margin: 14px 0;
  font-size: 1.7em;
  font-weight: 700;
  letter-spacing: .025em;
}
.example-list-block-inner-period span {
  display: inline-block;
  margin-left: .6em;
  padding: 0 .35em;
  background: #FFEFE8;
  border-radius: 3px;
  font-size: 1.1765em;
  color: #ff621c;
  line-height: 1.3;
}
.example-list-block-inner-profile {
  position: relative;
  padding-left: 20px;
  font-size: 1.6em;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.47;
}
.example-list-block-inner-profile:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 2.35em;
  margin: auto 0;
  border-left: 2px solid #555;

}
.example-list-block-inner-txt {
  font-size: 1.5em;
  letter-spacing: .065em;
  line-height: 1.8;
  text-align: justify;
}
.example-list-block-inner-txt span {
  background: linear-gradient(180deg, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 0, 0) 54%, rgba(255, 255, 0, 1) 55%, rgba(255, 255, 0, 1) 100%);
  line-height: 1;
  font-weight: 700;
  color: #ff621c;
}
.example-list-block-inner-price {
  margin: 32px 0 40px;
  padding: .4em 0 .7em;
  background : #FFEBE1;
  border-radius : 6px;
  font-size: 1.9em;
  font-weight: 700;
  color : #FF621C;
  text-align: center;
  line-height: 1;
}
.example-list-block:nth-child(even) .example-list-block-inner-price {
  background : #E9F6F4;
  color : #00ABB2;
}
.example-list-block-price-txt {
  display: inline-block;
  padding-left: 2em;
  background: url('../img/example_check_odd.svg') bottom .15em left / auto 1em no-repeat;
}
.example-list-block:nth-child(even) .example-list-block-price-txt {
  background-image: url('../img/example_check_even.svg');
}
.example-list-block-price-txt span {
  font-size: 1.579em;
}

@media screen and (max-width: 720px) {
  .example {
    padding: 3em 0 5em;
  }
  .example .inner {
    width: 88.89%;
    max-width: none;
  }
  .example-ttl {
    font-size: 2.1em;
    letter-spacing: .1em;
  }

  .example-list {
    margin-top: 3em;
  }
  .example-list-block {
    display: block;
    border-radius: .8em;
    box-shadow: .4em .5em 2em rgba(201, 188, 156, .36);
  }
  .example-list-block:not(:first-child) {
    margin-top: 3.5em;
  }
  .example-list-block-ttl {
    padding: .6em 0 .7em;
    border-radius: .4em .4em 0 0;
    font-size: 2em;
    letter-spacing: 0;
  }
  .example-list-block-ttl-no {
    margin-right: 1em;
    font-size: .75em;
  }
  .example-list-block-inner.left {
    width: 100%;
    padding: 3em 2.7em 0;
  }
  .example-list-block-inner.right {
    width: 100%;
    max-width: none;
    padding: 2em 2.7em 3.5em;
  }
  .example-list-block-inner-img {
    width: 22em;
    margin: 0 auto 1.2em;
  }
  .example-list-block-inner-period {
    margin: 0 0 0 1.3em;
  }
  .example-list-block-inner-profile {
    margin-top: .6em;
    margin-left: 1.6em;
    padding-left: 1em;
  }
  .example-list-block-inner-profile:before {
    border-left-width: .125em;
  }
  .example-list-block-inner-price {
    margin: 1.5em 0 0;
    padding: .1em 0 .4em 1.45em;
    border-radius: .333em;
    font-size: 1.8em;
    line-height: 1.3;
    text-align: left;
  }
  .example-list-block-price-txt {
    padding-left: 2.22em;
    background-position: top 1.25em left;
    background-size: .89em auto;
  }
  .example-list-block-price-txt span {
    font-size: 1.333em;
  }
}



/* -------------------------------
  contents - case
------------------------------- */
.case {
  padding: 60px 0 65px;
  background: #FFF9E5;
  overflow: hidden;
}
.case-ttl {
  font-size: 2.6em;
  letter-spacing: .1em;
  color: #FF621C;
  font-weight: 700;
}
.case-ttl .sideSlash {
  padding: 0 .85em;
  line-height: 1;
}
.case-ttl .sideSlash:before,
.case-ttl .sideSlash:after {
  top: .15em;
  bottom: -.2em;
  width: 4px;
  background: #FF621C;
}

.case-tab {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 924px;
  margin: 0 auto 56px;
}
.case-tab-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 187px;
  height: 65px;
  margin: 32px 22px 0;
  padding-bottom: .1em;
  background: #fff;
  border: 3px solid #fff;
  border-radius : 11px;
  box-shadow: 2px 3px 10px rgba(201, 188, 156, .36);
  font-size: 2em;
  font-weight: 700;
  transition: .3s;
}
.case-tab-item:hover {
  border-color: #FF621C;
  color: #FF621C;
  cursor: pointer;
}
.case-tab-item.isActive {
  border-color: #FF621C;
  color: #FF621C;
}
.case-tab-item span {
  display: inline-block;
  width: .5em;
}

/* case main slider */
.case-main {
  position: relative;
}
.case-main:not(.isActive),
.case-main:not(.isActive) * {
  visibility: hidden;
  height: 0;
  margin: 0;
  opacity: 0;
}
.case-main-slider {
  visibility: hidden;
  height: 550px;
}
.case-main-slider.slick-initialized {
  visibility: visible;
  height: auto;
}
.case-main:not(.isActive) .slick-track {
  display: none;
}
.case-main-slider .slick-list {
  overflow: visible;
  padding: 0 !important;
}
.case-main-slider .slick-track {
  float: none;
  display: flex;
  align-items: stretch;
  left: calc(-192px + -1.6925vw);
  gap: 3.385vw;
}
.case-main-slider-item {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  width: 384px;
  height: auto;
  min-height: 384px;
  background: #fff;
  border-radius : 13px;
  box-shadow: 6px 8px 18px rgba(0, 0, 0, .22);
}
.case-main-slider-item-no {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 102px;
  height: 35px;
  background : #00ABB2;
  border-top-left-radius: 13px;
  border-bottom-right-radius: 13px;
  z-index: 1;
}
.case-main-slider-item.even .case-main-slider-item-no {
  background: #FF621C;
}
.case-main-slider-item-no img {
  width: auto;
  height: 13px;
}
.case-main-slider-item-img {
  display: flex;
  align-items: center;
  height: calc(429px / 2);
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  overflow: hidden;
}
.case-main-slider-item-data-ttl {
  margin: 13px 23px 0;
  font-size: 2.1em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .1em;
  text-align: justify;
}
.case-main-slider-item-data-list {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 1.3fr 1fr;
  grid-template-rows: auto auto auto;
  grid-auto-flow: column;
  gap: 7px 5px;
  grid-template-areas:
    ". ."
    ". ."
    ". .";
  margin: 23px 23px 0;
}
.case-main-slider-item-data-list li {
  display: flex;
  align-items: center;
}
.case-main-slider-item-data-list p {
  font-size: 1.4em;
  letter-spacing: .05em;
  line-height: 1.3;
  white-space: nowrap;
}
.case-main-slider-item-data-list li > p:first-child {
  margin-right: 12px;
  padding: 2px 0;
  width: 5.34em;
  border: 1px solid #33BCC1;
  border-radius : 13px;
  font-size: 1.3em;
  color: #33BCC1;
  text-align: center;
}
.case-main-slider-item.even .case-main-slider-item-data-list li > p:first-child {
  border-color : #F29A8F;
  color: #EE7767;
}
.case-main-slider-item-more {
  margin-top: auto;
  padding: 10px 50px 15px 20px;
  background: url('../img/case_more_odd.svg') top 12px right 17px / 20px auto no-repeat;
  font-size: 1.6em;
  font-weight: 700;
  color: #00ABB2;
  text-align: right;
  line-height: 1.3;
  letter-spacing: .25em;
  transition: opacity .3s;
}
.case-main-slider-item.even .case-main-slider-item-more {
  background-image: url('../img/case_more_even.svg');
  color : #FF621C;
}
.case-main-slider-item-more:hover {
  cursor: pointer;
  opacity: .7;
}

.case-main-note {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  font-size: 1.2em;
  letter-spacing: .1em;
}

@media screen and (min-width: 851px) {
  .noBtn .case-main-slider-dots {
    visibility: hidden;
  }
}
.case-main-slider-dots {
  display: flex;
  justify-content: center;
  margin: 95px auto 0;
}
.case-main-slider-dots li {
  padding: 0 21px;
}
.case-main-slider-dots li button {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 6px;
  height: 6px;
  background: #FFB899;
  border-radius: 50%;
  transition: background .3s;
  font-size: 0;
}
.case-main-slider-dots li button:hover {
  cursor: pointer;
}
.case-main-slider-dots li button:hover,
.case-main-slider-dots li.slick-active button {
  background: #FF621C;
}

.case-main-arrow {
  display: none;
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  width: 100vw;
  max-width: calc((384px * 2) + (3.385vw * 3));
  height: 225px;
  margin: 0 auto;
}
.case-main-slider.slick-initialized ~ .case-main-arrow {
  display: block;
}
@media screen and (min-width: 851px) {
  .case-main-slider.slick-initialized.noBtn ~ .case-main-arrow {
    display: none;
  }
}
.case-main-arrow-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3.385vw;
  transition: opacity .3s;
}
.case-main-arrow-btn.next {
  left: auto;
  right: 0;
}
.case-main-arrow-btn:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 13px;
  right: 0;
  display: block;
  width: 27px;
  height: 27px;
  margin: auto;
  border-top: 4px solid #474747;
  border-right: 4px solid #474747;
  transform: rotate(-135deg);
}
.case-main-arrow-btn.next:before {
  left: auto;
  right: 13px;
  transform: rotate(45deg);
}
.case-main-arrow-btn:hover {
  cursor: pointer;
  opacity: .5;
}

/* case modal slider */
.case-modal {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  opacity: 0;
  z-index: -9999;
  pointer-events: none;
}
.case-modal.isModal {
  opacity: 1;
  z-index: 999999;
  pointer-events: auto;
}
.case-modal .inner {
  max-width: 766px;
  padding: 30px;
}
.case-modal-slider {
  position: relative;
  width: 100%;
  z-index: 1;
}
.case-modal-slider:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 13px;
  box-shadow: 6px 8px 18px rgba(0, 0, 0, .22);
  z-index: -1;
}
.case-modal-slider .slick-track {
  display: flex;
  align-items: stretch;
}

.case-modal-slider-item {
  position: relative;
  width: 100%;
  max-width: 706px;
  height: auto;
  background: #fff;
  border-radius: 13px;
  overflow: hidden;
}
.case-modal-slider-item-no {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 102px;
  height: 36px;
  background : #33BCC1;
  border-top-left-radius: 13px;
  border-bottom-right-radius: 13px;
  z-index: 1;
}
.case-modal-slider-item.even .case-modal-slider-item-no {
  background: #FF621C;
}
.case-modal-slider-item-no img {
  width: auto;
  height: 13px;
}
.case-modal-slider-item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 311px;
  height: 272px;
  border-top-left-radius: 13px;
  overflow: hidden;
}
.case-modal-slider-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-modal-slider-item-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.case-modal-slider-item-body-data {
  height: 272px;
  padding-left: 311px;
  background: #FFFCF0;
  border-top-right-radius: 13px;
}
.case-modal-slider-item-body-data-ttl {
  margin: 0 35px;
  padding-top: 40px;
  font-size: 2.2em;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .05em;
  text-align: justify;
}
.case-modal-slider-item-body-data-list {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 1.3fr 1fr;
  grid-template-rows: auto auto auto;
  grid-auto-flow: column;
  gap: 7px 10px;
  grid-template-areas:
    ". ."
    ". ."
    ". .";
  margin: 40px 20px 0 35px;
}
.case-modal-slider-item-body-data-list li {
  display: flex;
  align-items: center;
}
.case-modal-slider-item-body-data-list p {
  font-size: 1.4em;
  letter-spacing: .05em;
  line-height: 1.3;
  white-space: nowrap;
}
.case-modal-slider-item-body-data-list li > p:first-child {
  margin-right: 13px;
  padding: 2px 0;
  width: 5.34em;
  border: 1px solid #33BCC1;
  border-radius : 13px;
  font-size: 1.3em;
  color: #33BCC1;
  text-align: center;
}
.case-modal-slider-item.even .case-modal-slider-item-body-data-list li > p:first-child {
  border-color : #F29A8F;
  color: #EE7767;
}
.case-modal-slider-item-body-txt {
  flex-grow: 1;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 40px 32px 27px;
  background: url('../img/case_modal_arrow_pc.svg') center center / 17px auto no-repeat;
}
.case-modal-slider-item-body-txt-box {
  position: relative;
  width: 45.2%;
  min-height: 194px;
  padding: 17px 17px 10px;
  border: 2px solid #BAE8EA;
  border-radius : 11px;
  font-size: 1.4em;
  letter-spacing: .09em;
  line-height: 1.8;
  text-align: justify;
}
.case-modal-slider-item-body-txt-box.txt02 {
  border-color: #FFD5C2;
  line-height: 1.6;
}
.case-modal-slider-item-body-txt-box-ttl {
  position: absolute;
  top: -.9em;
  left: 0;
  right: 0;
  font-size: 1.1875em;
  font-weight: 700;
  color : #19B3BA;
  letter-spacing: .06em;
  text-align: center;
}
.case-modal-slider-item-body-txt-box-ttl-bg {
  display: inline-block;
  padding: 0 1em;
  background: #fff;
}
.txt02 .case-modal-slider-item-body-txt-box-ttl {
  color : #FF7233;
}
.case-modal-slider-item-body-txt-box-ttl span:not(.fsResizeSP) {
  font-size: .895em;
}
.case-modal-slider-item-body-txt-box.txt02 p:nth-child(n+3) {
  margin-top: 13px;
  padding-top: 15px;
  background: linear-gradient(to right, rgba(255, 213, 194, 1), rgba(255, 213, 194, 1) 2px, rgba(255, 213, 194, 0) 3px, rgba(255, 213, 194, 0) 6px) top left / 4px 2px repeat-x;
}

.case-modal-close {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 34px;
  height: 34px;
  background: #fff url('../img/case_modal_close.svg') center center / contain no-repeat;
  border-top-right-radius: 13px;
  border-bottom-left-radius: 7px;
  box-shadow : 0 0 10px rgba(0, 0, 0, .2);
  z-index: 1;
}
.case-modal-close:hover {
  cursor: pointer;
}

.case-modal-slider-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -80px;
  width: 80px;
  transition: opacity .3s;
}
.case-modal-slider-arrow.next {
  left: auto;
  right: -80px;
}
.case-modal-slider-arrow:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 28px;
  display: block;
  width: 30px;
  height: 30px;
  margin: auto;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  transform: rotate(-135deg);
}
.case-modal-slider-arrow.next:before {
  left: auto;
  right: 28px;
  transform: rotate(45deg);
}
.case-modal-slider-arrow:hover {
  cursor: pointer;
  opacity: .5;
}

.case-modal-bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: rgba(71, 71, 71, .91);
}
.isModal .case-modal-bg {
  display: block;
}

@media screen and (max-width: 850px) and (min-width: 721px) {
  .case-main-slider .slick-track {
    left: 0;
  }
  .case-main-arrow {
    max-width: calc(384px + (3.385vw * 2));
  }
  .case-main-arrow-btn:before {
    left: 10px;
  }
  .case-main-arrow-btn.next:before {
    right: 10px;
  }

  .case-modal .inner {
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
  }
  .case-modal-slider-item-img {
    width: 42%;
  }
  .case-modal-slider-item-body-data {
    padding-left: 40%;
  }
  .case-modal-slider-item-body-txt {
    padding-left: 10px;
    padding-right: 10px;
  }
  .case-modal-slider-item-body-txt-box {
    width: 47.5%;
  }
  .case-modal-slider-item-body-txt-box-ttl-bg {
    padding: 0 .5em;
  }

  .case-modal-slider-arrow {
    left: -60px;
  }
  .case-modal-slider-arrow.next {
    right: -60px;
  }
  .case-modal-close {
    right: 50px;
  }
}

@media screen and (max-width: 720px) {
  .case {
    padding: 8vw 0 9vw;
  }
  .case-ttl {
    font-size: 2em;
    letter-spacing: .075em;
  }
  .case-ttl .sideSlash {
    padding: 0 .7em;
    line-height: 1.5;
  }
  .case-ttl .sideSlash:before,
  .case-ttl .sideSlash:after {
    top: .9em;
    bottom: 0;
    width: .12em;
  }
  .case-ttl .sideSlash:before {
    transform: rotate(-25deg);
  }
  .case-ttl .sideSlash:after {
    transform: rotate(25deg);
  }

  .case-tab {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 83.33%;
    max-width: 600px;
    margin: 1.8em auto 4em;
  }
  .case-tab-item {
    width: 46.67%;
    height: 3em;
    margin: 0;
    border-width: .2em;
    border-radius : .73em;
    box-shadow: .133em .2em .666em rgba(201, 188, 156, .36);
    font-size: 1.5em;
  }
  .case-tab-item:nth-child(n+3) {
    margin-top: 1em;
  }

  /* case main slider */
  .case-main-slider {
    height: auto;
  }
  .case-main-slider .slick-track {
    left: 0;
    gap: 7.5vw;
  }
  .case-main-slider-item {
    width: 69.45vw;
    min-height: auto;
    border-radius : .5em;
    box-shadow: none;
  }
  .case-main-slider-item-no {
    width: 7em;
    height: 2.35em;
    border-top-left-radius: .5em;
    border-bottom-right-radius: .5em;
  }
  .case-main-slider-item-no img {
    height: .87em;
  }
  .case-main-slider-item-img {
    display: block;
    height: 14.8em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    overflow: hidden;
  }
  .case-main-slider-item-img img {
    width: 100%;
    height: 14.8em;
    object-fit: cover;
  }
  .case-main-slider-item-data {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .case-main-slider-item-data-ttl {
    margin: .5em 1em 0;
    font-size: 1.9em;
    letter-spacing: .025em;
  }
  .case-main-slider-item-data-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 1.75em 0 0 1.5em;
  }
  .case-main-slider-item-data-list li:not(:first-child) {
    margin-top: .75em;
  }
  .case-main-slider-item-data-list li:nth-child(1) { order: 1; }
  .case-main-slider-item-data-list li:nth-child(2) { order: 3; }
  .case-main-slider-item-data-list li:nth-child(3) { order: 5; }
  .case-main-slider-item-data-list li:nth-child(4) { order: 2; }
  .case-main-slider-item-data-list li:nth-child(5) { order: 4; }
  .case-main-slider-item-data-list p {
    font-size: 1.6em;
    letter-spacing: .05em;
  }
  .case-main-slider-item-data-list li > p:first-child {
    margin-right: .8em;
    padding: .134em 0;
    border-width: .067em;
    border-radius: .87em;
    font-size: 1.5em;
  }
  .case-main-slider-item-more {
    margin-top: 0;
    padding: 1.2em 2.5em .6em 1em;
    background-position: top 1.4em right .85em;
    background-size: 1.0625em auto;
    font-size: 1.4em;
    letter-spacing: .15em;
  }
  .case-main-slider-item-more:hover {
    opacity: 1;
  }

  .case-main-note {
    bottom: 2.4em;
    font-size: 1em;
    letter-spacing: .05em;
  }

  .case-main-slider-dots {
    margin-top: 6em;
  }
  .case-main-slider-dots li {
    padding: 0 1.5em;
  }
  .case-main-slider-dots li button {
    width: 1.4vw;
    max-width: 10px;
    height: 1.4vw;
    max-height: 10px;
  }

  .case-main-arrow {
    top: 52.8vw;
    width: 100%;
    max-width: none;
    height: 11.11vw;
  }
  .case-main-arrow-btn {
    width: 11.11vw;
  }
  .case-main-arrow-btn:before {
    left: 0;
    width: 11.11vw;
    height: 11.11vw;
    background: url('../img/slide_arrow_sp.svg') center center / contain no-repeat;
    border: none;
    transform: none;
  }
  .case-main-arrow-btn.next:before {
    right: 0;
    transform: rotate(180deg);
  }
  .case-main-arrow-btn:hover {
    opacity: 1;
  }

  /* case modal slider */
  .case-modal {
    width: 100%;
    height: 100vh;
  }
  .case-modal .inner {
    width: 76.11vw;
    max-width: 100%;
    padding: 0;
  }
  .case-modal-slider:after {
    content: none;
  }
  .case-modal-slider .slick-track {
    align-items: flex-start;
  }

  .case-modal-slider-item {
    max-width: 100%;
    height: 86vh;
    border-radius: .5em;
    overflow-x: auto;
  }
  .case-modal-slider-item-no {
    width: 7.05em;
    height: 2.35em;
    border-top-left-radius: .5em;
    border-bottom-right-radius: .5em;
    z-index: 2;
  }
  .case-modal-slider-item-no img {
    height: .86em;
  }
  .case-modal-slider-item-img {
    right: 0;
    width: 100%;
    height: 14.8em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    z-index: 1;
  }
  .case-modal-slider-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .case-modal-slider-item-body {
    display: block;
    padding-bottom: 2.5em;
    overflow-y: scroll;
  }
  .case-modal-slider-item-body-data {
    height: auto;
    padding: 16em 2em 0;
    background: none;
    border-top-right-radius: 0;
  }
  .case-modal-slider-item-body-data-ttl {
    margin: 0;
    padding-top: 0;
    font-size: 1.9em;
    line-height: 1.5;
  }
  .case-modal-slider-item-body-data-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 2.5em 0 0;
  }
  .case-modal-slider-item-body-data-list li:not(:first-child) {
    margin-top: .65em;
  }
  .case-modal-slider-item-body-data-list li:nth-child(1) { order: 1; }
  .case-modal-slider-item-body-data-list li:nth-child(2) { order: 3; }
  .case-modal-slider-item-body-data-list li:nth-child(3) { order: 5; }
  .case-modal-slider-item-body-data-list li:nth-child(4) { order: 2; }
  .case-modal-slider-item-body-data-list li:nth-child(5) { order: 4; }
  .case-modal-slider-item-body-data-list p {
    font-size: 1.6em;
    white-space: nowrap;
  }
  .case-modal-slider-item-body-data-list li > p:first-child {
    flex-shrink: 0;
    margin-right: 1em;
    padding: .15em 0;
    border-width: .067em;
    border-radius : .87em;
    font-size: 1.5em;
  }
  .case-modal-slider-item-body-txt {
    display: block;
    margin-top: 2.8em;
    padding: 0;
    background: none;
  }
  .case-modal-slider-item-body-txt-box {
    width: 100%;
    min-height: auto;
    padding: 1em 1.33em 1.5em;
    background: #F0F7FA;
    border: none;
    border-radius: 0;
    font-size: 1.5em;
    letter-spacing: .07em;
    line-height: 1.73;
  }
  .case-modal-slider-item-body-txt-box.txt02 {
    margin-top: 3.66em;
    padding-top: 1em;
    padding-bottom: 1.2em;
    background: #FEF5F4;
    border-color: transparent;
    line-height: 1.63;
  }
  .case-modal-slider-item-body-txt-box.txt02:before {
    content: '';
    position: absolute;
    top: -2.4em;
    left: 0;
    right: 0;
    height: 1.2em;
    background: url('../img/case_modal_arrow_sp.svg') center center / auto 100% no-repeat;
  }
  .case-modal-slider-item-body-txt-box-ttl {
    position: relative;
    top: 0;
    margin-bottom: .5em;
    background: none;
    font-size: 1.2em;
    letter-spacing: .075em;
    line-height: 1.5;
  }
  .case-modal-slider-item-body-txt-box-ttl-bg {
    padding: 0;
    background: none;
  }
  .txt02 .case-modal-slider-item-body-txt-box-ttl {
    font-size: 1.0667em;
    letter-spacing: 0;
  }
  .case-modal-slider-item-body-txt-box.txt02 p:nth-child(n+3) {
    margin-top: 1.2em;
    padding-top: 1em;
    background: linear-gradient(to right, rgba(255, 213, 194, 1), rgba(255, 213, 194, 1) .133em, rgba(255, 213, 194, 0) .2em, rgba(255, 213, 194, 0) .4em) top left / .266em .133em repeat-x;
  }

  .case-modal-close {
    position: fixed;
    top: 0;
    right: 0;
    width: 3em;
    height: 3em;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow : 0 0 1em rgba(0, 0, 0, .2);
  }

  .case-modal-slider-arrow {
    display: none !important;
  }
}


/* -------------------------------
  contents - aboutUs
------------------------------- */
.aboutUs {
  background-color: #FAF8F6;
}
.aboutUs > .inner {
  max-width: 800px;
  padding: 8.5rem 0 10.8rem;
}
.aboutUs-ttl {
  padding-left: .2em;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: .2em;
}

.aboutUs-ceoImg {
  margin-top: 6.3rem;
}
.aboutUs-ceoCmt {
  margin-top: 5.5rem;
}
.aboutUs-ceoCmt-ttl {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: .15em;
  line-height: 1.5;
}
.aboutUs-ceoCmt-ttl span {
  display: block;
  font-size: 2.3rem;
  letter-spacing: .2em;
}
.aboutUs-ceoCmt-txt {
  margin-top: 2.05em;
  font-size: 1.5rem;
  line-height: 2.07;
  letter-spacing: .105em;
  text-align: justify;
}

.aboutUs-num {
  padding: 7.5rem 0 10rem;
  background-color: #fff;
}
.aboutUs-num .inner {
  min-width: 78.8rem;
}
.aboutUs-num-ttl {
  padding-left: .25em;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: .25em;
}
.aboutUs-num-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 2.5rem 2.8rem;
  margin-top: 4.7rem;
}
.aboutUs-num-list .aboutUs-num-list-item {
  width: 38rem;
  height: 26.4rem;
  border: .6rem solid #F1F1F1;
  border-radius: 2.9rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.aboutUs-num-list .aboutUs-num-list-item.item1 {
  padding-top: 5.7rem;
  background-image: url('../img/aboutUs_num_01.svg');
}
.aboutUs-num-list .aboutUs-num-list-item.item1 p:first-child {
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: .15em;
  text-align: center;
}
.aboutUs-num-list .aboutUs-num-list-item.item1 p:nth-child(2) {
  margin-top: .8rem;
  margin-left: 5.8rem;
  color: #F06D2F;
  line-height: 1;
  font-size: 6.75rem;
  font-weight: 700;
  letter-spacing: -.07em;
}
.aboutUs-num-list .aboutUs-num-list-item.item1 p:nth-child(2) span {
  padding-left: 1.5rem;
  font-size: 4.05rem;
}

.aboutUs-num-list .aboutUs-num-list-item.item2 {
  padding-top: 5.6rem;
  background-image: url('../img/aboutUs_num_02.svg');
}
.aboutUs-num-list .aboutUs-num-list-item.item2 p:first-child {
  padding-left: .15em;
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: .3em;
  text-align: center;
}
.aboutUs-num-list .aboutUs-num-list-item.item2 p:nth-child(2) {
  margin-top: 1rem;
  margin-left: 5.8rem;
  color: #00A5A8;
  line-height: 1;
  font-size: 6.75rem;
  font-weight: 700;
  letter-spacing: -.08em;
}
.aboutUs-num-list .aboutUs-num-list-item.item2 p:nth-child(2) span {
  padding-left: 1.6rem;
  font-size: 4.05rem;
}

.aboutUs-num-list .aboutUs-num-list-item.item3 {
  padding-top: 3.8rem;
  background-image: url('../img/aboutUs_num_03_pc.svg');
}
.aboutUs-num-list .aboutUs-num-list-item.item3 p:first-child {
  padding-left: .45em;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.47;
  letter-spacing: .065em;
  text-align: center;
}
.aboutUs-num-list .aboutUs-num-list-item.item3 p:nth-child(2) {
  margin-top: 1.2rem;
  margin-right: 3rem;
  padding-left: .05em;
  color: #00A5A8;
  line-height: 1;
  font-size: 7.7rem;
  font-weight: 700;
  text-align: center;
}
.aboutUs-num-list .aboutUs-num-list-item.item3 p:nth-child(2) span {
  padding-left: 1rem;
  font-size: 4rem;
  vertical-align: middle;
}
.aboutUs-num-list .aboutUs-num-list-item.item3 p:last-child {
  margin-top: 1.2rem;
  padding-left: 7rem;
  font-size: 1rem;
  letter-spacing: .12em;
}

.aboutUs-num-list .aboutUs-num-list-item.item4 {
  padding-top: 3.8rem;
  background-image: url('../img/aboutUs_num_04_pc.svg');
}
.aboutUs-num-list .aboutUs-num-list-item.item4 p:first-child {
  padding-left: .5rem;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.47;
  letter-spacing: .09em;
  text-align: center;
}
.aboutUs-num-list .aboutUs-num-list-item.item4 p:nth-child(2) {
  margin-top: 1.2rem;
  color: #F06D2F;
  line-height: 1;
  font-size: 7.7rem;
  font-weight: 700;
  text-align: center;
}
.aboutUs-num-list .aboutUs-num-list-item.item4 p:nth-child(2) span {
  padding-left: .5rem;
  font-size: 4rem;
  vertical-align: middle;
}
.aboutUs-num-list .aboutUs-num-list-item.item4 p:last-child {
  margin-top: 1.8rem;
  padding-left: .5rem;
  font-size: 1rem;
  letter-spacing: .1em;
  text-align: center;
}

.aboutUs-strengths {
  padding-top: 8rem;
  padding-bottom: 13.5rem;
  background-color: #F6F6F6;
}
.aboutUs-strengths .inner {
  max-width: 78rem;
  padding-left: 3rem;
}
.aboutUs-strengths-ttl {
  padding-right: 2.4rem;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: .24em;
}
.aboutUs-strengths-list {
  margin-top: 5.5rem;
}
.aboutUs-strengths-list-ttl {
  width: 100%;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: .11em;
}
.aboutUs-strengths-list-ttl span {
  margin-right: .35em;
  letter-spacing: .1em;
}
.aboutUs-strengths-list-txt {
  margin-top: 1.3rem;
  font-size: 1.5rem;
  line-height: 2;
  text-align: justify;
  letter-spacing: .102em;
}
.aboutUs-strengths-list-txt span:not([class]) {
  background: linear-gradient(180deg, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 0, 0) 54%, rgba(255, 255, 0, 1) 55%, rgba(255, 255, 0, 1) 100%);
  line-height: 1;
  font-weight: 700;
  color: #ff621c;
}

.aboutUs-strengths-list > li:nth-child(1) .aboutUs-strengths-list-ttl {
  letter-spacing: .075em;
}
.aboutUs-strengths-list > li:nth-child(1) .aboutUs-strengths-list-txt {
  padding-right: 2.8rem;
}
.aboutUs-strengths-list > li:nth-child(1) .aboutUs-strengths-list-img {
  margin-top: 5rem;
}
.aboutUs-strengths-list > li:nth-child(1) .aboutUs-strengths-list-img img {
  filter: drop-shadow(0 .2rem .5rem rgba(0, 0, 0, .1));
}
.aboutUs-strengths-list-porter {
  position: relative;
  margin-top: 6.3rem;
  margin-right: 3.4rem;
  padding: 2.3rem 3rem 2.6rem;
  background-color: #fff;
  border: .2rem solid #E9E3D6;
  border-radius: .7rem;
  box-shadow: 0 .2rem .5rem rgba(0, 0, 0, .1);
}
.aboutUs-strengths-list-porter::before {
  content: '';
  position: absolute;
  top: -2.6rem;
  left: 2rem;
  display: block;
  width: 16.3rem;
  height: 18.4rem;
  background: url('../img/aboutUs_porter_icon.svg') top left / cover no-repeat;
}
.aboutUs-strengths-list-porter > p {
  padding-left: 18.6rem;
  padding-right: .4rem;
  font-size: 1.3rem;
  line-height: 1.83;
  letter-spacing: .08em;
  text-align: justify;
}
.aboutUs-strengths-list-porter > p span {
  color: #FF621C;
  font-weight: 700;
}
.aboutUs-strengths-list-porter-about {
  margin-top: 2rem;
  padding: 1.9rem 24rem 2rem 3.1rem;
  background: url('../img/aboutUs_porter_logo.svg') center right 2rem / 20rem auto no-repeat #F9F7F3;
  border-radius: .7rem;
  font-size: 1.2rem;
  letter-spacing: .077em;
  line-height: 1.9;
  text-align: justify;
}

.aboutUs-strengths-list > li:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 7.3rem;
  padding-left: 0.5rem;
  padding-right: 0.8rem;
}
.aboutUs-strengths-list > li:nth-child(2) .aboutUs-strengths-list-ttl {
  letter-spacing: .095em;
}
.aboutUs-strengths-list-point {
  width: 26.8rem;
  margin-top: 3.8rem;
  margin-left: 0.5rem;
}
.aboutUs-strengths-list-point li {
  display: flex;
  align-items: center;
  height: 6.6rem;
  padding-left: 5.8rem;
  background: url('../img/example_check_odd.svg') center left 1.2em / auto 1em no-repeat #FFECE4;
  border-radius: 1.1rem;
  color: #FF7A3E;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .06em;
}
.aboutUs-strengths-list-point li:nth-child(even) {
  background: url('../img/example_check_even.svg') center left 1.2em / auto 1em no-repeat #DEF4F5;
  color: #26B8BE;
  line-height: 1.4;
  letter-spacing: .03em;
}
.aboutUs-strengths-list-point li:not(:first-child) {
  margin-top: 1.5rem;
}
.aboutUs-strengths-list > li:nth-child(2) .aboutUs-strengths-list-img {
  width: 43.8rem;
  margin-top: 3.8rem;
}
.aboutUs-strengths-list > li:nth-child(2) .aboutUs-strengths-list-img img {
  filter: drop-shadow(.1rem .2rem .6rem rgba(0, 0, 0, .1));
}

.aboutUs-strengths-list > li:nth-child(3) {
  position: relative;
  margin-top: 7.5rem;
  padding-left: .5rem;
}
.aboutUs-strengths-list > li:nth-child(3)::after {
  content: '';
  position: absolute;
  bottom: 2.6rem;
  right: 4.2rem;
  display: block;
  width: 20rem;
  height: 10.4rem;
  background: url('../img/aboutUs_strengths_03_02.svg') bottom left / cover no-repeat;
  z-index: 1;
}
.aboutUs-strengths-list > li:nth-child(3) .aboutUs-strengths-list-icon {
  position: absolute;
  top: -.9rem;
  right: .6rem;
  display: block;
  width: 9.8rem;
  height: 10.9rem;
  z-index: 0;
}
.aboutUs-strengths-list > li:nth-child(3) .aboutUs-strengths-list-icon::before {
  content: '';
  position: absolute;
  top: 0;
  right: .6rem;
  display: block;
  width: 7.5rem;
  height: 8.1rem;
  background: url('../img/aboutUs_strengths_03_01.svg') top left / contain no-repeat;
  z-index: 2;
}
.aboutUs-strengths-list > li:nth-child(3) .aboutUs-strengths-list-icon::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 9.8rem;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: .1rem .1rem .7rem rgba(0, 0, 0, .03);
  z-index: 1;
}
.aboutUs-strengths-list > li:nth-child(3) .aboutUs-strengths-list-txt {
  margin-right: 28rem;
  letter-spacing: .158rem;
}
.aboutUs-strengths-list > li:nth-child(3) .aboutUs-strengths-list-txt .caution {
  font-size: 0.5em;
  vertical-align: top;
}
.aboutUs-strengths-list > li:nth-child(3) .aboutUs-strengths-list-notes {
  margin-top: 1rem;
  font-size: 1rem;
  letter-spacing: .1em;
}
.aboutUs-strengths-list > li:nth-child(3) .aboutUs-strengths-list-notes span:last-child {
  margin-left: 2.5rem;
}

.aboutUs-strengths-list > li:nth-child(4) {
  margin-top: 7.8rem;
  padding-left: .5rem;
  background: url('../img/aboutUs_strengths_04.svg') top 2.5rem right .5rem / 24.5rem auto no-repeat;
}
.aboutUs-strengths-list > li:nth-child(4) .aboutUs-strengths-list-txt {
  margin-right: 30rem;
  padding-bottom: 1.5rem;
  letter-spacing: .11em;
}

.aboutUs-strengths-list > li:nth-child(5) {
  margin-top: 7rem;
  padding-left: .5rem;
}
.aboutUs-strengths-list > li:nth-child(5) .aboutUs-strengths-list-ttl {
  letter-spacing: .085em;
}
.aboutUs-strengths-list > li:nth-child(5) .aboutUs-strengths-list-txt {
  margin-right: 4.8rem;
  letter-spacing: .085em;
}
.aboutUs-strengths-list > li:nth-child(5) .aboutUs-strengths-list-img {
  position: relative;
  width: 69.8rem;
  margin-top: 6.6rem;
}
.aboutUs-strengths-list > li:nth-child(5) .aboutUs-strengths-list-img::after {
  content: '';
  position: absolute;
  top: -4.5rem;
  right: -2.2rem;
  display: block;
  width: 17.3rem;
  height: 16.8rem;
  background: url('../img/aboutUs_strengths_05_02_pc.svg') center center / cover no-repeat;
  z-index: 1;
}
.aboutUs-strengths-list > li:nth-child(5) .aboutUs-strengths-list-img img {
  filter: drop-shadow(0 .2rem .5rem rgba(0, 0, 0, .1));
}
.aboutUs-strengths-list > li:nth-child(5) .aboutUs-strengths-list-notes {
  margin-top: 1.5rem;
  padding-right: 5.2rem;
  font-size: 1rem;
  letter-spacing: .155em;
  text-align: right;
}

@media screen and (max-width: 800px) and (min-width: 721px) {
  .aboutUs-num .inner {
    width: 97%;
    min-width: auto;
  }
  .aboutUs-num-list .aboutUs-num-list-item {
    width: 100%;
  }
  .aboutUs-num-list .aboutUs-num-list-item.item1 p:nth-child(2),
  .aboutUs-num-list .aboutUs-num-list-item.item2 p:nth-child(2) {
    margin-left: auto;
    text-align: center;
  }

  .aboutUs-strengths-list > li:nth-child(2) .aboutUs-strengths-list-img {
    align-self: center;
    width: calc(100% - 29rem);
  }

  .aboutUs-strengths-list > li:nth-child(5) .aboutUs-strengths-list-img {
    width: 97%;
  }
}

@media screen and (max-width: 720px) {
  .aboutUs > .inner {
    width: 100%;
    max-width: none;
    padding: 3em  0 5.5em;
  }
  .aboutUs-ttl {
    padding-left: .25em;
    font-size: 1.8em;
    letter-spacing: .25em;
  }

  .aboutUs-ceoImg {
    width: 100%;
    margin-top: 1.9em;
  }
  .aboutUs-ceoCmt {
    width: 78%;
    margin: 1.8em auto 0;
  }
  .aboutUs-ceoCmt-ttl {
    font-size: 2.3em;
    line-height: 1.45;
  }
  .aboutUs-ceoCmt-ttl span {
    margin-top: .4em;
    font-size: .65em;
    letter-spacing: .09em;
  }
  .aboutUs-ceoCmt-txt {
    margin-top: 1.65em;
    font-size: 1.5em;
    line-height: 2.08;
    letter-spacing: .055em;
  }
  .aboutUs-ceoCmt-ttl + .aboutUs-ceoCmt-txt {
    margin-top: 1.2em;
  }

  .aboutUs-num {
    padding: 2.6em 0 3.8em;
  }
  .aboutUs-num .inner {
    width: 100%;
    min-width: auto;
  }
  .aboutUs-num-ttl {
    padding-left: .2em;
    font-size: 1.8em;
    letter-spacing: .2em;
  }
  .aboutUs-num-list {
    display: block;
    gap: 0;
    margin-top: 2em;
  }
  .aboutUs-num-list .aboutUs-num-list-item {
    width: 25.2em;
    height: 17.6em;
    margin: 0 auto;
    border: .4em solid #F1F1F1;
    border-radius: 2.9em;
  }
  .aboutUs-num-list .aboutUs-num-list-item:not(.item1) {
    margin-left: 1.5em;
  }

  .aboutUs-num-list .aboutUs-num-list-item.item1,
  .aboutUs-num-list .aboutUs-num-list-item.item2 {
    padding-top: 3.7em;
  }
  .aboutUs-num-list .aboutUs-num-list-item.item1 p:first-child,
  .aboutUs-num-list .aboutUs-num-list-item.item2 p:first-child {
    font-size: 1.6em;
    letter-spacing: .15em;
  }
  .aboutUs-num-list .aboutUs-num-list-item.item1 p:nth-child(2),
  .aboutUs-num-list .aboutUs-num-list-item.item2 p:nth-child(2) {
    margin-top: .07em;
    margin-left: .8em;
    font-size: 4.5em;
  }
  .aboutUs-num-list .aboutUs-num-list-item.item1 p:nth-child(2) span,
  .aboutUs-num-list .aboutUs-num-list-item.item2 p:nth-child(2) span {
    padding-left: .5em;
    font-size: .6em;
  }

  .aboutUs-num-list .aboutUs-num-list-item.item3 {
    padding-top: 2.4em;
    background-image: url('../img/aboutUs_num_03_sp.svg');
  }
  .aboutUs-num-list .aboutUs-num-list-item.item3 p:first-child {
    padding-left: 0;
    font-size: 1.4em;
  }
  .aboutUs-num-list .aboutUs-num-list-item.item3 p:nth-child(2) {
    margin-top: .1em;
    margin-right: .25em;
    color: #F06D2F;
    font-size: 5.2em;
  }
  .aboutUs-num-list .aboutUs-num-list-item.item3 p:nth-child(2) span {
    padding-left: .25em;
    font-size: .5em;
  }
  .aboutUs-num-list .aboutUs-num-list-item.item3 p:last-child {
    margin-top: .6em;
    padding-left: 2em;
    font-size: 1em;
    letter-spacing: .04em;
    line-height: 1.3;
  }

  .aboutUs-num-list .aboutUs-num-list-item.item4 {
    padding-top: 2.4em;
    background-image: url('../img/aboutUs_num_04_sp.svg');
  }
  .aboutUs-num-list .aboutUs-num-list-item.item4 p:first-child {
    padding-left: 0;
    font-size: 1.4em;
  }
  .aboutUs-num-list .aboutUs-num-list-item.item4 p:nth-child(2) {
    margin-top: .1em;
    color: #00A5A8;
    font-size: 5.3em;
  }
  .aboutUs-num-list .aboutUs-num-list-item.item4 p:nth-child(2) span {
    padding-left: .2em;
    font-size: .5em;
  }
  .aboutUs-num-list .aboutUs-num-list-item.item4 p:last-child {
    margin-top: .75em;
    padding-left: 0;
    font-size: 1em;
    letter-spacing: 0;
  }

  .aboutUs-num-list .slick-dots {
    display: flex;
    width: 24em;
    height: .3em;
    margin: 2.2em auto 0;
  }
  .aboutUs-num-list .slick-dots li {
    width: calc(100% / 4);
    height: 100%;
    background-color: #F6F6F6;
    font-size: 0;
    transition: .3s;
  }
  .aboutUs-num-list .slick-dots li.slick-active {
    background-color: #FFEBE1;
  }

  .aboutUs-strengths {
    padding: 3.8em 0 5em;
  }
  .aboutUs-strengths .inner {
    width: 88.89%;
    max-width: none;
    padding-left: 0;
  }
  .aboutUs-strengths-ttl {
    padding-right: .0em;
    font-size: 1.9em;
    letter-spacing: .2em;
  }
  .aboutUs-strengths-list {
    margin-top: 2.3em;
  }
  .aboutUs-strengths-list-ttl {
    padding: 0 .9em;
    font-size: 2em;
    letter-spacing: .11em;
  }
  .aboutUs-strengths-list-ttl span {
    margin-right: .35em;
    letter-spacing: .1em;
  }
  .aboutUs-strengths-list-txt {
    margin-top: .7em;
    padding: 0 1.2em;
    font-size: 1.5em;
    line-height: 1.9;
    letter-spacing: .137em;
  }

  .aboutUs-strengths-list > li:nth-child(1) .aboutUs-strengths-list-txt {
    padding-right: 1.2em;
  }
  .aboutUs-strengths-list > li:nth-child(1) .aboutUs-strengths-list-img {
    margin-top: 2.8em;
  }
  .aboutUs-strengths-list > li:nth-child(1) .aboutUs-strengths-list-img img {
    filter: drop-shadow(0 .2em .5em rgba(0, 0, 0, .1));
  }

  .aboutUs-strengths-list-porter {
    margin-top: 4em;
    margin-right: 0;
    padding: 2.5em 2em 2em;
    border-width: .2em;
    border-radius: .7em;
    box-shadow: 0 .2em .5em rgba(0, 0, 0, .1);
    overflow: hidden;
  }
  .aboutUs-strengths-list-porter::before {
    position: relative;
    top: -.4em;
    left: -.7em;
    width: 11.8em;
    height: 13.5em;
    margin-right: .5em;
    float: left;
  }
  .aboutUs-strengths-list-porter::after {
    content: '';
    display: block;
    clear: both;
  }
  .aboutUs-strengths-list-porter > p {
    padding: 0;
    font-size: 1.5em;
    line-height: 1.8;
    letter-spacing: 0;
  }
  .aboutUs-strengths-list-porter-about {
    margin-top: 1.5em;
    padding: 8.4em 1.07em 1.4em;
    background-position: top .3em center;
    background-size: 14.5em auto;
    border-radius: .5em;
    font-size: 1.4em;
    line-height: 1.86;
    letter-spacing: .085em;
  }

  .aboutUs-strengths-list > li:nth-child(2) {
    display: block;
    margin-top: 4.4em;
    padding: 0;
  }
  .aboutUs-strengths-list > li:nth-child(2) .aboutUs-strengths-list-ttl {
    letter-spacing: .11em;
    line-height: 1.6;
  }
  .aboutUs-strengths-list > li:nth-child(2) .aboutUs-strengths-list-txt {
    margin-top: .6em;
    letter-spacing: .1em;
  }
  .aboutUs-strengths-list-point {
    width: 26.8em;
    margin-top: 2.8em;
    margin-left: 2em;
  }
  .aboutUs-strengths-list-point li {
    height: 3.87em;
    padding-left: 3.5em;
    border-radius: .64em;
    font-size: 1.7em;
    letter-spacing: 0;
  }
  .aboutUs-strengths-list-point li:nth-child(even) {
    line-height: 1.3;
    letter-spacing: -.03em;
  }
  .aboutUs-strengths-list-point li:not(:first-child) {
    margin-top: .9em;
  }
  .aboutUs-strengths-list > li:nth-child(2) .aboutUs-strengths-list-img {
    width: 100%;
    margin-top: 4em;
  }
  .aboutUs-strengths-list > li:nth-child(2) .aboutUs-strengths-list-img img {
    filter: drop-shadow(.1em .2em .6em rgba(0, 0, 0, .1));
  }

  .aboutUs-strengths-list > li:nth-child(3) {
    margin-top: 4.6em;
    padding-left: 0;
    padding-bottom: 13.5em;
  }
  .aboutUs-strengths-list > li:nth-child(3)::after {
    bottom: 0;
    right: 6.9em;
    width: 20em;
    height: 10.4em;
  }
  .aboutUs-strengths-list > li:nth-child(3) .aboutUs-strengths-list-ttl {
    letter-spacing: .2em;
    line-height: 1.6;
  }
  .aboutUs-strengths-list > li:nth-child(3) .aboutUs-strengths-list-icon {
    top: auto;
    bottom: 8em;
    right: 3em;
    width: 9.8em;
    height: 10.9em;
  }
  .aboutUs-strengths-list > li:nth-child(3) .aboutUs-strengths-list-icon::before {
    right: .6em;
    width: 7.5em;
    height: 8.1em;
  }
  .aboutUs-strengths-list > li:nth-child(3) .aboutUs-strengths-list-icon::after {
    height: 9.8em;
    box-shadow: .1em .1em .7em rgba(0, 0, 0, .03);
  }
  .aboutUs-strengths-list > li:nth-child(3) .aboutUs-strengths-list-txt {
    margin-right: 0;
    letter-spacing: .1em;
  }
  .aboutUs-strengths-list > li:nth-child(3) .aboutUs-strengths-list-txt .caution {
    font-size: 0.5em;
    vertical-align: top;
  }
  .aboutUs-strengths-list > li:nth-child(3) .aboutUs-strengths-list-notes {
    width: 17em;
    margin-top: .8em;
    padding-left: 2em;
    font-size: 1em;
    letter-spacing: .1em;
  }
  .aboutUs-strengths-list > li:nth-child(3) .aboutUs-strengths-list-notes span {
    display: block;
  }
  .aboutUs-strengths-list > li:nth-child(3) .aboutUs-strengths-list-notes span:last-child {
    margin-top: .5em;
    margin-left: 0;
    line-height: 1.5;
    letter-spacing: .15em;
  }

  .aboutUs-strengths-list > li:nth-child(4) {
    margin-top: 4.6em;
    padding-left: 0;
    padding-bottom: 17.6em;
    background-size: 24.5em auto;
    background-position: bottom center;
  }
  .aboutUs-strengths-list > li:nth-child(4) .aboutUs-strengths-list-ttl {
    letter-spacing: .1em;
  }
  .aboutUs-strengths-list > li:nth-child(4) .aboutUs-strengths-list-txt {
    margin-top: 1.2em;
    margin-right: 0;
    padding-bottom: 0;
    line-height: 2;
    letter-spacing: .1em;
  }

  .aboutUs-strengths-list > li:nth-child(5) {
    margin-top: 4em;
    padding-left: 0;
  }
  .aboutUs-strengths-list > li:nth-child(5) .aboutUs-strengths-list-ttl {
    letter-spacing: .165em;
    line-height: 1.6;
  }
  .aboutUs-strengths-list > li:nth-child(5) .aboutUs-strengths-list-txt {
    margin-right: 0;
    margin-top: 1em;
    letter-spacing: .084em;
  }
  .aboutUs-strengths-list > li:nth-child(5) .aboutUs-strengths-list-img {
    width: 100%;
    margin-top: 3em;
  }
  .aboutUs-strengths-list > li:nth-child(5) .aboutUs-strengths-list-img::after {
    top: .8em;
    right: -.9em;
    width: 8.2em;
    height: 8em;
    background-image: url('../img/aboutUs_strengths_05_02_sp.svg');
  }
  .aboutUs-strengths-list > li:nth-child(5) .aboutUs-strengths-list-img img {
    filter: drop-shadow(0 .2em .5em rgba(0, 0, 0, .1));
  }
  .aboutUs-strengths-list > li:nth-child(5) .aboutUs-strengths-list-notes {
    margin-top: 1.6em;
    padding-right: 0;
    font-size: 1em;
    letter-spacing: .08em;
    text-align: left;
  }
}


/* -------------------------------
  contents - company
------------------------------- */
.company {
  padding: 82px 0 100px;
}
.company .inner {
  max-width: 725px;
}
.company-ttl {
  padding-left: .08em;
  font-size: 3.1em;
  letter-spacing: .08em;
}
.company-data {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
  margin-top: 35px;
  margin-left: 35px;
  font-size: 1.6em;
  letter-spacing: .036em;
}
.company-data > dt:not(:first-of-type),
.company-data > dd:not(:first-of-type) {
  margin-top: 28px;
}
.company-data > dt {
  width: 9em;
  letter-spacing: .1em;
}
.company-data > dd {
  width: calc(100% - 9em);
  letter-spacing: .1em;
  line-height: 1.85;
}
.company-data > dt.member + dd span {
  display: inline-block;
  width: 9em;
}
.company-data > dt.bank + dd span {
  display: inline-block;
  margin: 0 .8em 0 1em;
}

@media screen and (max-width: 800px) and (min-width: 721px) {
  .company-data {
    margin-left: 0;
  }
  .company-data > dt.bank + dd br {
    display: none;
  }
}

@media screen and (max-width: 720px) {
  .company {
    padding: 11.5vw 0 15vw;
  }
  .company .inner {
    width: 100%;
    max-width: none;
  }
  .company-ttl {
    font-size: 1.8em;
  }
  .company-data {
    display: block;
    margin-top: 2.2em;
    margin-left: 0;
    font-size: 1.4em;
    line-height: 1.5;
    letter-spacing: .09em;
    text-align: center;
  }
  .company-data > dt {
    width: 100%;
    margin-top: 2em;
    padding-left: .1em;
    font-weight: 700;
  }
  .company-data > dt:not(:first-of-type) {
    margin-top: 1.6em;
  }
  .company-data > dt.member,
  .company-data > dt.business {
    margin-top: 2.2em;
  }
  .company-data > dt.capital,
  .company-data > dt.group,
  .company-data > dt.bank {
    margin-top: 2em;
  }
  .company-data > dd,
  .company-data > dd:not(:first-of-type) {
    width: 100%;
    margin-top: .3em;
    padding-left: .1em;
    font-weight: 500;
    line-height: 1.6;
  }
  .company-data > dt.member + dd {
    line-height: 1.95;
  }
  .company-data > dt.member + dd span {
    position: relative;
    width: auto;
  }
  .company-data > dt.member + dd span::after {
    content: '／';
    display: inline-block;
    margin: 0 .4em;
  }
  .company-data > dt.group + dd {
    margin-top: .8em;
    line-height: 1.8;
  }
  .company-data > dt.bank + dd {
    margin-top: .9em;
    line-height: 1.75;
  }
  .company-data > dt.bank + dd span {
    display: inline-block;
    margin: 0 .8em 0 1em;
  }
  .company-data > dt.business + dd {
    margin-top: .75em;
    line-height: 1.9;
  }
}



/* -------------------------------
  contents - flow
------------------------------- */
.flow {
  padding: 60px 0 95px;
  background: #F2F2F2;
}
.flow .inner {
  max-width: 860px;
}
.flow-ttl {
  font-size: 3em;
  letter-spacing: .08em;
}
.flow-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 60px;
}
.flow-list-item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 32%;
  max-width: 245px;
  min-height: 315px;
  background: #fff;
  border: 1px solid #555;
  border-radius: 10px;
  border-top-left-radius: 0;
}
.flow-list-item.step01 { z-index: 6; }
.flow-list-item.step02 { margin-top: 35px; z-index: 5; }
.flow-list-item.step03 { margin-top: 75px; z-index: 4; }
.flow-list-item.step04 { margin-top: 40px; z-index: 3; }
.flow-list-item.step05 { margin-top: 75px; z-index: 2; }
.flow-list-item.step06 { margin-top: 115px; z-index: 1; }
.flow-list-item:after {
  content: '';
  position: absolute;
  right: -56px;
  display: block;
  width: 46px;
  height: 16px;
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
.flow-list-item:nth-child(3n):after {
  content: none;
}
.flow-list-item.step01:after,
.flow-list-item.step04:after {
  bottom: 43%;
  background-image: url('../img/flow_arrow_01_pc.svg')
}
.flow-list-item.step02:after,
.flow-list-item.step05:after {
  bottom: 40%;
  background-image: url('../img/flow_arrow_02_pc.svg')
}
.flow-list-item-no {
  position: absolute;
  top: -31px;
  left: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 98px;
  height: 30px;
  padding-top: 2px;
  background: #fff;
  border: 1px solid #555;
  border-bottom: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: center;
}
.flow-list-item-no img {
  width: auto;
  height: 11px;
}
.flow-list-item-ttl {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: auto;
  padding: 0 .5em;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 2px;
}
.flow-list-item-ttl-small {
  font-size: .8em;
}
.flow-list-item-txt {
  padding: 10px 7.5% 15px;
  font-size: 1.3em;
  line-height: 1.6;
  letter-spacing: .12em;
  text-align: justify;
}
.step01 .flow-list-item-txt,
.step02 .flow-list-item-txt,
.step03 .flow-list-item-txt {
  min-height: 95px;
}
.step04 .flow-list-item-txt {
  min-height: 105px;
}
.step05 .flow-list-item-txt {
  min-height: 105px;
  letter-spacing: .065em;
}
.step06 .flow-list-item-txt {
  min-height: 85px;
}
.flow-list-item-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.step01 .flow-list-item-img { width: 200px; height: 190px; }
.step02 .flow-list-item-img { width: 203px; height: 190px; }
.step03 .flow-list-item-img { width: 102px; height: 170px; }
.step04 .flow-list-item-img { width: 180px; height: 185px; }
.step05 .flow-list-item-img { width: 195px; height: 155px; }
.step06 .flow-list-item-img { width: 152px; height: 170px; }

@media screen and (min-width: 721px) {
  .flow-list-item.isFadein {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@media screen and (max-width: 880px) {
  .flow-list-item:after {
    right: -15%;
    width: 23%;
  }
}

@media screen and (max-width: 720px) {
  .flow {
    padding: 7.5vw 0 8vw;
  }
  .flow .inner {
    width: 75%;
  }
  .flow-ttl {
    font-size: 1.9em;
  }
  .flow-list {
    display: block;
    margin-top: 14vw;
  }
  .flow-list-item {
    width: 100%;
    max-width: 580px;
    min-height: 34.5em;
    margin: 0 auto;
    border-width: .2778vw;
    border-radius: 2.7778vw;
    border-top-left-radius: 0;
  }
  .flow-list-item.isFadein {
    opacity: 1;
    transform: translate(0, 0);
  }
  .flow-list-item:not(:first-child) {
    margin-top: 18vw;
  }
  .flow-list-item.step01 {z-index: 0; }
  .flow-list-item.step02 { z-index: 1; }
  .flow-list-item.step03 { z-index: 2; }
  .flow-list-item.step04 { z-index: 3; }
  .flow-list-item.step05 { z-index: 4; }
  .flow-list-item.step06 { z-index: 5; }
  .flow-list-item-no {
    top: -10vw;
    left: -.2778vw;
    width: 30vw;
    height: 9.7222vw;
    padding-top: 0;
    border-width: .2778vw;
    border-top-left-radius: 2.7778vw;
    border-top-right-radius: 2.7778vw;
    vertical-align: top;
  }
  .flow-list-item-no img {
    height: 1.2em;
  }
  .flow-list-item:after {
    top: -50vw;
    bottom: auto;
    right: 5.5vw;
    width: 4.028vw;
    height: 23.056vw;
    transform: rotate(0);
    transition: opacity .3s, top .8s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
  }
  .flow-list-item.step01:after {
    content: none;
  }
  .flow-list-item.step03:after,
  .flow-list-item.step06:after {
    content: '';
  }
  .flow-list-item:nth-child(odd):after {
    background-image: url('../img/flow_arrow_01_sp.svg')
  }
  .flow-list-item:nth-child(even):after {
    background-image: url('../img/flow_arrow_02_sp.svg')
  }
  .flow-list-item:nth-child(odd).isShow:after,
  .flow-list-item:nth-child(even).isShow:after {
    opacity: 1;
    top: -24.5vw;
  }
  .flow-list-item-ttl {
    margin-top: 0;
    font-size: 2.3em;
    letter-spacing: .075em;
  }
  .step06 .flow-list-item-ttl { letter-spacing: .075em; }
  .flow-list-item-ttl-small {
    font-size: .7826em;
  }
  .flow-list-item-txt {
    margin-top: 3vw;
    padding: 0 1.5em 1em;
    font-size: 1.4em;
  }
  .step01 .flow-list-item-txt,
  .step02 .flow-list-item-txt,
  .step03 .flow-list-item-txt {
    min-height: 6.3em;
  }
  .step04 .flow-list-item-txt {
    min-height: 6.8em;
  }
  .step05 .flow-list-item-txt {
    min-height: 6.8em;
    letter-spacing: .075em;
  }
  .step06 .flow-list-item-txt {
    min-height: 5.5em;
  }
  .step01 .flow-list-item-img { width: 82.4627%; height: 21em; }
  .step02 .flow-list-item-img { width: 83.3955%; height: 21em; }
  .step03 .flow-list-item-img { width: 42.1642%; height: 19em; }
  .step04 .flow-list-item-img { width: 74.2537%; height: 20em; }
  .step05 .flow-list-item-img { width: 80.4104%; height: 17em; }
  .step06 .flow-list-item-img { width: 62.6866%; height: 19em; }
}



/* -------------------------------
  contents - faq
------------------------------- */
.faq {
  padding: 60px 0 95px;
}
.faq .inner {
  max-width: 670px;
}
.faq-ttl {
  font-size: 2.7em;
  letter-spacing: .1em;
}
.faq-item {
  position: relative;
  min-height: 1.75em;
  margin-top: 50px;
  padding-right: 80px;
  letter-spacing: .11em;
  text-align: justify;
  transition: .3s;
  cursor: pointer;
}
.faq-item:not(.isOpen):hover {
  opacity: .7;
}
.faq-item:before {
  content: '';
  position: absolute;
  top: 0;
  right: 16px;
  width: 27px;
  height: 27px;
  background: url('../img/faq_arrow.svg')  center center / contain no-repeat;
  transition:.3s;
}
.faq-item.isOpen:before {
  transform: rotate(180deg);
}
.faq-item:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -27px;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(to right, rgba(70, 70, 70, 1), rgba(70, 70, 70, 1) 2px, rgba(70, 70, 70, 0) 2px, rgba(70, 70, 70, 0) 6px) center left / 6px 2px repeat-x;
}
.faq-item-q,
.faq-item-a {
  position: relative;
  margin: 1em 0;
  padding-left: 7em;
  background-position: top .5em left 20px;
  background-size: 18px auto;
  background-repeat: no-repeat;
}
.faq-item-q {
  background-image: url('../img/faq_q.svg');
  font-weight: 700;
}
.faq-item-q p {
  font-size: 1.6em;
  font-weight: 700;
}
.faq-item-a {
  display: none;
  margin-top: 20px;
  padding-bottom: 15px;
  background-image: url('../img/faq_a.svg');
  animation: faq-item-a .8s ease;
}
.faq-item.isOpen .faq-item-a {
  display: block;
}
@keyframes faq-item-a {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.faq-item-a p {
  font-size: 1.6em;
}

@media screen and (max-width: 720px) {
  .faq {
    padding: 7.5vw 0 1.5vw;
  }
  .faq .inner {
    width: 100%;
    max-width: none;
  }
  .faq-ttl {
    font-size: 2em;
  }
  .faq-item {
    padding-right: 0;
    letter-spacing: .1em;
  }
  .faq-item:first-of-type {
    margin-top: 6vw;
  }
  .faq-item:not(:first-of-type) {
    margin-top: 3.5em;
  }
  .faq-item:before {
    top: .25em;
    right: 5vw;
    width: 6.25vw;
    height: 6.25vw;
  }
  .faq-item:after {
    bottom: -2em;
    height: 0.556vw;
    background: linear-gradient(to right, rgba(70, 70, 70, 1), rgba(70, 70, 70, 1) .5vw, rgba(70, 70, 70, 0) .5vw, rgba(70, 70, 70, 0) 1.25vw) center left / 1.25vw .5vw repeat-x;
  }
  .faq-item:last-child:after {
    content: none;
  }
  .faq-item-q,
  .faq-item-a {
    padding: 0 17vw;
    background-size: 5.556vw auto;
    background-position: top .5em left 5.556vw;
  }
  .faq-item-q {
    margin: 4.5vw 0;
  }
  .faq-item-a {
    margin-top: 4vw;
    padding-bottom: 2vw;
  }
  .faq-item-q p,
  .faq-item-a p {
    font-size: 1.5em;
  }
}



/* -------------------------------
  contents - target
------------------------------- */
.target {
  padding: 45px 0 75px;
  background: #F2EEE6;
}
.target .inner {
  max-width: 818px;
}
.target-ttl {
  font-size: 2.8em;
  letter-spacing: .1em;
}
.target-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  letter-spacing: .12em;
}
.target-list dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 178px;
  min-height: 2.5em;
  margin-right: 10px;
  padding: 0 .5em;
  background: #61CBCF;
  border-radius: 4px;
  color: #fff;
  font-size: 2em;
  font-weight: 700;
}
.target-list dd {
  display: flex;
  align-items: center;
  width: calc(100% - 188px);
  padding: .9em .5em .9em 2.2em;
  background: #fff;
  border-radius: 4px;
  font-size: 1.6em;
  font-weight: 500;
}
.target-list dt:not(:first-of-type),
.target-list dd:not(:first-of-type) {
  margin-top: 12px;
}
.target-list dd:last-of-type {
  padding-top: 1.12em;
  padding-bottom: 1.12em;
}

@media screen and (max-width: 720px) {
  .target {
    padding: 4.5vw 0 7vw;
  }
  .target .inner {
    width: 100%;
    max-width: none;
  }
  .target-ttl {
    font-size: 2em;
  }
  .target-list {
    margin-top: 3vw;
    font-size: 1.3em;
  }
  .target-list dt {
    align-items: self-start;
    width: 7.5em;
    min-height: auto;
    margin-right: 0;
    padding: .497em 1em;
    border-radius: 0;
    font-size: inherit;
  }
  .target-list dd {
    width: calc(100% - 7.5em);
    padding: .497em 1.2em;
    border-radius: 0;
    font-size: inherit;
    font-weight: 700;
  }
  .target-list dt:not(:first-of-type),
  .target-list dd:not(:first-of-type) {
    margin-top: .833vw;
  }
  .target-list dd:last-of-type {
    padding-top: .497em;
    padding-bottom: .497em;
  }
}