/*
hero
*/

.bsp.about #hero {
  font-size: min(1.25vw, 18px);
}
.bsp.about #hero .hero_wrap {
  position: relative;
  margin-top: 110px;
  text-align: left;
}
.bsp.about #hero .hero_wrap .ly_df {
  justify-content: space-between;
  align-items: flex-start;
}
.bsp.about #hero .hero_wrap .ly_df .hero_txt {
  display: flex;
  flex-direction: column;
  width: 46.96%;
  max-width: 582.34px;
  padding: 8.88em 0 0 0;
  position: absolute;
  z-index: 1;
}
.bsp.about #hero .hero_wrap .ly_df .hero_txt .hero_lead {
  font-size: min(1.25vw, 18px);
  width: 8.14em;
  max-width: 146.58px;
}
.bsp.about #hero .hero_wrap .ly_df .hero_txt h1 {
  font-size: min(2.78vw, 40px);
  line-height: 1.7;
  margin-top: 0.3em;
  margin-left: -0.02em;
  position: absolute;
  white-space: nowrap;
}
.bsp.about #hero .hero_wrap .ly_df .hero_txt .thumb {
  width: 35.54%;
  position: relative;
  top: 18.89em;
}
.bsp.about #hero .hero_wrap .ly_df .hero_img {
  width: 64.92%;
  max-width: 805px;
  position: relative;
  right: -7.45%;
  justify-content: space-between;
  margin-left: auto;
}
.bsp.about #hero .hero_wrap .ly_df .hero_img .hero_img_l {
  width: 39.13%;
  max-width: 315px;
  margin-top: 7.11em;
}
.bsp.about #hero .hero_wrap .ly_df .hero_img .hero_img_l .thumb {
  width: 100%;
}
.bsp.about #hero .hero_wrap .ly_df .hero_img .hero_img_r {
  width: 57.14%;
  max-width: 460px;
  position: relative;
}
.bsp.about #hero .hero_wrap .ly_df .hero_img .hero_img_r img {
  width: 100%;
}

@media screen and (max-width: 1400px) {
  .bsp.about #hero .hero_wrap .ly_df .hero_img {
    right: 0;
  }

  .bsp.about #hero .hero_wrap .ly_df .hero_img .hero_img_l .hero_ttl {
    width: 109%;
  }
}
@media screen and (max-width: 1023px) {
  .bsp.about #hero .hero_wrap {
    margin-top: 85px;
  }
}
@media screen and (max-width: 767px) {
  .bsp.about #hero .hero_wrap {
    margin-top: calc(60px + 6.67vw);
  }
  .bsp.about #hero .hero_wrap .ly_df {
    position: relative;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
  .bsp.about #hero .hero_wrap .ly_df .hero_txt {
    width: calc(100% - 5.33vw);
    padding: 0;
    left: 5.33vw;
    top: 38.53vw;
  }
  .bsp.about #hero .hero_wrap .ly_df .hero_txt .hero_lead {
    width: 30.61vw;
    max-width: 30.61vw;
    height: auto;
    margin: 0;
  }
  .bsp.about #hero .hero_wrap .ly_df .hero_txt h1 {
    font-size: 5.33vw;
    line-height: 1.8;
    margin-top: 1em;
  }
  .bsp.about #hero .hero_wrap .ly_df .hero_txt .thumb {
    width: 29.87vw;
    position: absolute;
    top: 76.67vw;
    right: 0;
  }
  .bsp.about #hero .hero_wrap .ly_df .hero_img {
    width: 100%;
    max-width: 100%;
    right: 0;
    flex-direction: row;
  }
  .bsp.about #hero .hero_wrap .ly_df .hero_img .hero_img_l {
    width: 50.13vw;
    max-width: 50.13vw;
    margin-top: 72.53vw;
  }
  .bsp.about #hero .hero_wrap .ly_df .hero_img .hero_img_l .thumb {
    width: 50.13vw;
  }
  .bsp.about #hero .hero_wrap .ly_df .hero_img .hero_img_r {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 51.47vw;
    max-width: 51.47vw;
    position: absolute;
    right: 0;
  }
}
/*
about
*/
.bsp.about #about {
  font-size: min(1.25vw, 18px);
}
.bsp.about #about .about_wrap {
  margin-top: 19.72em;
  text-align: left;
}
.bsp.about #about .about_wrap .ly_df {
  justify-content: space-between;
  position: relative;
}
.bsp.about #about .about_wrap .ly_df .thumb {
  width: 80.65%;
  max-width: 1000px;
  position: absolute;
  left: -7.45%;
}
.bsp.about #about .about_wrap .ly_df .about_txt {
  position: relative;
  right: -1.21%;
  width: 83.39%;
  max-width: 1034px;
  padding: 8.33em 0 6.67em 12.57%;
  background: #0F2743;
  margin: 14.5em 0 0 auto;
  color: #fff;
  font-size: min(1.25vw, 18px);
}
.bsp.about #about .about_wrap .ly_df .about_txt.js_on {
  clip-path: inset(0 -100vw 0 0);
}
.bsp.about #about .about_wrap .ly_df .about_txt:after {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  position: absolute;
  background: #0F2743;
  top: 0;
  right: 0;
  transform: translateX(100%);
}
.bsp.about #about .about_wrap .ly_df .about_txt h2 {
  font-size: min(2.43vw, 35px);
  line-height: 2;
  letter-spacing: 0.1em;
  margin-top: 1em;
}
.bsp.about #about .about_wrap .ly_df .about_txt p {
  font-size: min(1.04vw, 15px);
  letter-spacing: 0.15em;
  line-height: 2.73;
  margin-top: 2.67em;
}
.bsp.about #about .about_wrap .ly_df .about_txt p + p {
  margin-top: 2.7em;
}
.bsp.about #about .about_wrap .ly_df .about_txt p.sub_ttl {
  font-size: min(1.74vw, 25px);
  margin-top: 2.8em;
  line-height: 2;
}
.bsp.about #about .about_wrap .ly_df .about_txt .about_lead {
  font-size: min(1.25vw, 18px);
  width: 8.14em;
  max-width: 146.58px;
  margin-top: 0;
}
.bsp.about #about .about_wrap .ly_df .about_ttl {
  position: absolute;
  /*width: 30.37%; max-width: 437.28px;*/
  width: 100%;
  top: -6.5em;
  left: -2.42%;
  font-size: min(1.25vw, 18px);
}
.bsp.about #about .about_wrap .ly_df .about_ttl p {
  font-size: min(2.78vw, 40px);
  line-height: 1.15;
  font-family: "Romie", sans-serif;
  letter-spacing: 0;
}

@media screen and (max-width: 1350px) {
  .bsp.about #about .about_wrap .ly_df .about_ttl {
    left: 2.42%;
  }
}
@media screen and (max-width: 767px) {
  .bsp.about #about .about_wrap {
    margin-top: 57.33vw;
  }
  .bsp.about #about .about_wrap .ly_df {
    position: relative;
  }
  .bsp.about #about .about_wrap .ly_df .thumb {
    width: 86.4vw;
    left: 0;
  }
  .bsp.about #about .about_wrap .ly_df .about_txt {
    right: -6.67vw;
    width: 92.8vw;
    padding: 26.67vw 10.67vw;
    margin: 38.66vw calc(50% - 50vw) 0;
  }
  .bsp.about #about .about_wrap .ly_df .about_txt h2 {
    font-size: 5.33vw;
    margin-top: 5.33vw;
    letter-spacing: 0.05em;
  }
  .bsp.about #about .about_wrap .ly_df .about_txt p {
    font-size: 3.2vw;
    margin-top: 4vw;
    letter-spacing: 0.07em;
    line-height: 2.67;
  }
  .bsp.about #about .about_wrap .ly_df .about_txt p + p {
    margin-top: 4vw;
  }
  .bsp.about #about .about_wrap .ly_df .about_txt p.sub_ttl {
    font-size: 4.27vw;
    margin-top: 2.8em;
    line-height: 1.81;
    letter-spacing: 0.03em;
  }
  .bsp.about #about .about_wrap .ly_df .about_txt .about_lead {
    width: 27.41vw;
    max-width: 27.41vw;
  }
  .bsp.about #about .about_wrap .ly_df .about_txt .btn {
    display: block;
    width: 52vw;
    margin-top: 14.67vw;
    padding-bottom: 4vw;
  }
  .bsp.about #about .about_wrap .ly_df .about_txt .btn img {
    width: 41.99vw;
    max-width: 41.99vw;
  }
  .bsp.about #about .about_wrap .ly_df .about_txt .btn:before {
    width: 100%;
  }
  .bsp.about #about .about_wrap .ly_df .about_txt .btn:after {
    left: 97%;
  }
  .bsp.about #about .about_wrap .ly_df .about_ttl {
    top: -21.33vw;
    left: 3.2vw;
    width: 100%;
  }
  .bsp.about #about .about_wrap .ly_df .about_ttl p {
    font-size: 5.33vw;
    line-height: 1.15;
    font-family: "Romie", sans-serif;
    letter-spacing: 0;
  }
}
/*
contents
*/
.bsp.about #contents {
  font-size: min(1.25vw, 18px);
}
.bsp.about #contents .contents_wrap {
  position: relative;
  padding-top: 1.11em;
  text-align: left;
}
.bsp.about #contents .contents_wrap .bl_inner {
  position: relative;
  margin-top: 14.44em;
}
.bsp.about #contents .contents_wrap .ly_df {
  position: relative;
  justify-content: space-between;
}
.bsp.about #contents .contents_wrap .ly_df.img_l .contents_txt {
  display: flex;
  flex-direction: column;
  width: 40.32%;
  max-width: 500px;
  margin-left: auto;
}
.bsp.about #contents .contents_wrap .ly_df.img_l .contents_txt .contents_lead {
  font-size: min(1.25vw, 18px);
  width: 6.4em;
  max-width: 115.21px;
  margin-top: 1.11em;
}
.bsp.about #contents .contents_wrap .ly_df.img_l .contents_txt h2 {
  font-size: min(2.43vw, 35px);
  line-height: 1.86;
  margin-top: 0.9em;
}
.bsp.about #contents .contents_wrap .ly_df.img_l .contents_txt p {
  font-size: min(1.04vw, 15px);
  line-height: 2.73;
  margin-top: 1.67em;
}
.bsp.about #contents .contents_wrap .ly_df.img_l .contents_txt p.note {
  font-size: min(0.83vw, 12px);
  line-height: 1.58;
}
.bsp.about #contents .contents_wrap .ly_df.img_l .contents_txt p.sub_ttl {
  font-size: min(1.74vw, 25px);
  margin-top: 1.6em;
  line-height: 2;
}
.bsp.about #contents .contents_wrap .ly_df.img_l .contents_img {
  width: 61.29%;
  max-width: 760px;
  margin-left: 0;
  position: absolute;
  left: -7.45%;
}
.bsp.about #contents .contents_wrap .ly_df.img_l .contents_img .disp_item {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 760px;
}
.bsp.about #contents .contents_wrap .ly_df.img_l .contents_img .disp_item:nth-child(2) {
  width: 92.11%;
  max-width: 700px;
  position: absolute;
  top: -3.33em;
  left: 0;
}
.bsp.about #contents .contents_wrap .ly_df.img_r .contents_txt {
  display: flex;
  flex-direction: column;
  width: 40.32%;
  max-width: 500px;
  margin-right: auto;
}
.bsp.about #contents .contents_wrap .ly_df.img_r .contents_txt .contents_lead {
  font-size: min(1.25vw, 18px);
  width: 6.4em;
  max-width: 115.21px;
  margin-top: 2.22em;
}
.bsp.about #contents .contents_wrap .ly_df.img_r .contents_txt h2 {
  font-size: min(2.43vw, 35px);
  line-height: 1.86;
  margin-top: 0.9em;
  white-space: nowrap;
}
.bsp.about #contents .contents_wrap .ly_df.img_r .contents_txt p {
  font-size: min(1.04vw, 15px);
  line-height: 2.73;
  margin-top: 1.67em;
}
.bsp.about #contents .contents_wrap .ly_df.img_r .contents_txt p.note {
  font-size: min(0.83vw, 12px);
  line-height: 1.58;
}
.bsp.about #contents .contents_wrap .ly_df.img_r .contents_txt p.sub_ttl {
  font-size: min(1.74vw, 25px);
  margin-top: 1.6em;
  line-height: 2;
}
.bsp.about #contents .contents_wrap .ly_df.img_r .contents_img {
  width: 61.29%;
  max-width: 760px;
  margin-right: 0;
  position: relative;
  right: -7.45%;
}
.bsp.about #contents .contents_wrap .ly_df.img_r .contents_img .disp_item {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 760px;
}
.bsp.about #contents .contents_wrap .ly_df .contents_txt .btn_wrap {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1.11em;
}
.bsp.about #contents .contents_wrap .ly_df .contents_txt .btn_wrap .btn {
  display: block;
  width: 12.06em;
  margin: 2.22em 0 0;
  position: relative;
  padding-bottom: 1em;
}
.bsp.about #contents .contents_wrap .ly_df .contents_txt .btn_wrap .btn img {
  width: 10em;
  max-width: 180px;
}
.bsp.about #contents .contents_wrap .ly_df .contents_txt .btn_wrap .btn:before {
  content: "";
  position: absolute;
  width: 96%;
  height: 1px;
  background: #000;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: all 0.3s;
}
.bsp.about #contents .contents_wrap .ly_df .contents_txt .btn_wrap .btn:after {
  content: "";
  position: absolute;
  width: 3%;
  height: 1px;
  background: #000;
  bottom: 0;
  left: 93%;
  z-index: 1;
  transform: rotate(35deg);
  transition: all 0.3s;
  transform-origin: bottom right;
}
.bsp.about #contents .contents_wrap .ly_df .contents_txt .btn_wrap .btn:hover:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #000;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.bsp.about #contents .contents_wrap .ly_df .contents_txt .btn_wrap .btn:hover:after {
  content: "";
  position: absolute;
  width: 3%;
  height: 1px;
  background: #000;
  bottom: 0;
  left: 97%;
  z-index: 1;
  transform: rotate(35deg);
}
.bsp.about #contents .contents_wrap .bl_inner.bl_total_coordination {
  margin-top: 11.11em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_total_coordination .ly_df .contents_img {
  width: 56.45%;
  max-width: 700px;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_total_coordination .ly_df .contents_img .disp_item {
  width: 85.71%;
  max-width: 600px;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_total_coordination .ly_df .contents_img .disp_item:nth-child(1) {
  width: 92.86%;
  max-width: 650px;
  position: absolute;
  top: 4.44em;
  right: 0;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_total_coordination .ly_df .contents_img .disp_item:nth-child(3) {
  margin-left: auto;
  position: relative;
  top: 1.67em;
  right: 0;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_total_coordination .ly_df .contents_txt .contents_lead {
  width: 11.16em;
  max-width: 200.93px;
  margin-top: 5.55em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_correction {
  margin-top: 13.61em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_img .disp_item:nth-child(2), .bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_img .disp_item:nth-child(3), .bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_img .disp_item:nth-child(4) {
  width: 71.71%;
  max-width: 545px;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_img .disp_item:nth-child(1) {
  position: absolute;
  top: 4.44em;
  right: 0;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_img .disp_item:nth-child(2) {
  top: 0;
  right: -7.24%;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_img .disp_item:nth-child(3) {
  margin-left: auto;
  top: 1.67em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_img .disp_item:nth-child(4) {
  right: -7.24%;
  top: 3.33em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_txt .contents_lead {
  width: 15.34em;
  max-width: 276.08px;
  margin-top: 5.55em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_txt .btn_wrap .btn {
  width: 15.35em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_txt .btn_wrap .btn img {
  width: 13.27em;
  max-width: 238.93px;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_txt .btn_wrap .btn:nth-child(2) {
  width: 13.89em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_txt .btn_wrap .btn:nth-child(2) img {
  width: 11.8em;
  max-width: 212.36px;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_healing {
  margin-top: 13.61em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_img .disp_item:nth-child(2), .bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_img .disp_item:nth-child(3) {
  width: 35.79%;
  max-width: 272px;
  position: relative;
  left: 0;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_img .disp_item:nth-child(1) {
  position: absolute;
  top: 3.33em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_img .disp_item:nth-child(2) {
  top: 0;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_img .disp_item:nth-child(3) {
  top: 1.11em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_img .disp_item:nth-child(4) {
  left: 38.16%;
  top: 0;
  width: 53.68%;
  max-width: 408px;
  position: absolute;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_txt .contents_lead {
  width: 11.13em;
  max-width: 200.35px;
  margin-top: 5.55em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_txt p.sub_ttl {
  letter-spacing: 0;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_sharing {
  margin-top: 14.44em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_sharing .ly_df .contents_img .disp_item:nth-child(2) {
  position: absolute;
  top: -3.33em;
  width: 92.11%;
  max-width: 700px;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_sharing .ly_df .contents_txt .contents_lead {
  width: 15.4em;
  max-width: 277.13px;
  margin-top: 2.22em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_sharing .ly_df .contents_txt .btn_wrap .btn {
  width: 15.35em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_sharing .ly_df .contents_txt .btn_wrap .btn img {
  width: 13.27em;
  max-width: 238.93px;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_sharing .ly_df .contents_txt .btn_wrap .btn:nth-child(2) {
  width: 13.89em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_sharing .ly_df .contents_txt .btn_wrap .btn:nth-child(2) img {
  width: 11.8em;
  max-width: 212.36px;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_fastidiousness .ly_df .contents_img .disp_item:nth-child(2) {
  position: absolute;
  top: -3.33em;
  width: 92.11%;
  max-width: 700px;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_fastidiousness .ly_df .contents_txt .contents_lead {
  width: 8.38em;
  max-width: 150.75px;
  margin-top: 2.22em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_fastidiousness .ly_df .contents_txt .btn_wrap .btn {
  width: 13.89em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_fastidiousness .ly_df .contents_txt .btn_wrap .btn img {
  width: 11.66em;
  max-width: 209.96px;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_future {
  margin-top: 14.44em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_future .ly_df .contents_img .disp_item:nth-child(2) {
  position: absolute;
  top: -3.33em;
  width: 92.11%;
  max-width: 700px;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_future .ly_df .contents_txt .contents_lead {
  width: 16.7em;
  max-width: 300.68px;
  margin-top: 2.22em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_future .ly_df .contents_txt .btn_wrap .btn {
  width: 17.56em;
}
.bsp.about #contents .contents_wrap .bl_inner.bl_future .ly_df .contents_txt .btn_wrap .btn img {
  width: 15.45em;
  max-width: 278.12px;
}

@media screen and (max-width: 767px) {
  .bsp.about #contents .contents_wrap {
    position: relative;
    padding-top: 1.11em;
    text-align: left;
  }
  .bsp.about #contents .contents_wrap .bl_inner {
    position: relative;
    margin-top: 33.33vw;
  }
  .bsp.about #contents .contents_wrap .ly_df {
    position: relative;
    justify-content: space-between;
  }
  .bsp.about #contents .contents_wrap .ly_df.img_l {
    flex-direction: column;
  }
  .bsp.about #contents .contents_wrap .ly_df.img_l .contents_txt {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    margin: 19.2vw 0 0 auto;
  }
  .bsp.about #contents .contents_wrap .ly_df.img_l .contents_txt .contents_lead {
    width: 21.94vw;
    max-width: 21.94vw;
    margin-top: 0;
  }
  .bsp.about #contents .contents_wrap .ly_df.img_l .contents_txt h2 {
    font-size: 5.33vw;
    line-height: 1.8;
    margin-top: 5.33vw;
  }
  .bsp.about #contents .contents_wrap .ly_df.img_l .contents_txt p {
    font-size: 3.2vw;
    line-height: 2;
    margin-top: 5.33vw;
  }
  .bsp.about #contents .contents_wrap .ly_df.img_l .contents_txt p.sub_ttl {
    font-size: 4.27vw;
    margin-top: 1.6em;
    line-height: 2;
  }
  .bsp.about #contents .contents_wrap .ly_df.img_l .contents_img {
    width: 100vw;
    max-width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: relative;
    left: 0;
  }
  .bsp.about #contents .contents_wrap .ly_df.img_l .contents_img .disp_item {
    position: relative;
    top: 0;
    left: unset;
    right: -5.33vw;
    width: 94.66vw;
    max-width: 94.66vw;
  }
  .bsp.about #contents .contents_wrap .ly_df.img_l .contents_img .disp_item:nth-child(2) {
    width: 93.33vw;
    max-width: 93.33vw;
    position: absolute;
    top: -6.67vw;
    left: 0;
  }
  .bsp.about #contents .contents_wrap .ly_df.img_r {
    flex-direction: column-reverse;
  }
  .bsp.about #contents .contents_wrap .ly_df.img_r .contents_txt {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    margin: 19.2vw auto 0 0;
  }
  .bsp.about #contents .contents_wrap .ly_df.img_r .contents_txt .contents_lead {
    width: 38.27vw;
    max-width: 38.27vw;
    margin-top: 0;
  }
  .bsp.about #contents .contents_wrap .ly_df.img_r .contents_txt h2 {
    font-size: 5.33vw;
    line-height: 1.8;
    margin-top: 5.33vw;
  }
  .bsp.about #contents .contents_wrap .ly_df.img_r .contents_txt p {
    font-size: 3.2vw;
    line-height: 2;
    margin-top: 5.33vw;
  }
  .bsp.about #contents .contents_wrap .ly_df.img_r .contents_txt p.sub_ttl {
    font-size: 4.27vw;
    margin-top: 1.6em;
    line-height: 2;
  }
  .bsp.about #contents .contents_wrap .ly_df.img_r .contents_img {
    width: 100vw;
    max-width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: relative;
    right: 0;
  }
  .bsp.about #contents .contents_wrap .ly_df.img_r .contents_img .disp_item {
    position: relative;
    top: 0;
    right: 0;
    width: 94.67vw;
    max-width: 94.67vw;
  }
  .bsp.about #contents .contents_wrap .ly_df .contents_txt .btn_wrap {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 5.33vw;
  }
  .bsp.about #contents .contents_wrap .ly_df .contents_txt .btn_wrap .btn {
    display: block;
    width: 59.29vw;
    max-width: 59.29vw;
    margin: 10.67vw 0 0;
    padding-bottom: 4vw;
  }
  .bsp.about #contents .contents_wrap .ly_df .contents_txt .btn_wrap .btn img {
    width: 49.58vw;
    max-width: 49.58vw;
  }
  .bsp.about #contents .contents_wrap .ly_df .contents_txt .btn_wrap .btn:before {
    width: 100%;
  }
  .bsp.about #contents .contents_wrap .ly_df .contents_txt .btn_wrap .btn:after {
    left: 97%;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_total_coordination {
    margin-top: 26.67vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_total_coordination .ly_df .contents_img {
    width: 100vw;
    max-width: 100vw;
    right: unset;
    left: 0;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_total_coordination .ly_df .contents_img .disp_item {
    width: 86.66vw;
    max-width: 86.66vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_total_coordination .ly_df .contents_img .disp_item:nth-child(1) {
    width: 94.66vw;
    max-width: 94.66vw;
    position: absolute;
    top: 6.67vw;
    right: unset;
    left: 0;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_total_coordination .ly_df .contents_img .disp_item:nth-child(3) {
    top: 2.67vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_total_coordination .ly_df .contents_txt .contents_lead {
    width: 38.27vw;
    max-width: 38.27vw;
    margin-top: 0;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_correction {
    margin-top: 26.67vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_img .disp_item:nth-child(2), .bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_img .disp_item:nth-child(3), .bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_img .disp_item:nth-child(4) {
    width: 73.33vw;
    max-width: 73.33vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_img .disp_item:nth-child(1) {
    position: absolute;
    top: 6.67vw;
    right: unset;
    left: 0;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_img .disp_item:nth-child(2) {
    top: 0;
    right: unset;
    left: 16vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_img .disp_item:nth-child(3) {
    margin-left: auto;
    top: 2.67vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_img .disp_item:nth-child(4) {
    right: unset;
    top: 5.33vw;
    left: 16vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_txt {
    margin-top: 25.33vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_txt .contents_lead {
    width: 52.59vw;
    max-width: 52.59vw;
    margin-top: 0;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_txt .btn_wrap .btn {
    width: 73.73vw;
    max-width: 73.73vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_txt .btn_wrap .btn img {
    width: 63.71vw;
    max-width: 63.71vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_txt .btn_wrap .btn:nth-child(2) {
    width: 66.67vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_correction .ly_df .contents_txt .btn_wrap .btn:nth-child(2) img {
    width: 56.63vw;
    max-width: 56.63vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_healing {
    margin-top: 26.67vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_img .disp_item {
    right: 0;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_img .disp_item:nth-child(2), .bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_img .disp_item:nth-child(3) {
    width: 35.2vw;
    max-width: 35.2vw;
    position: relative;
    left: 0;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_img .disp_item:nth-child(1) {
    position: absolute;
    top: 6.67vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_img .disp_item:nth-child(2) {
    top: 0;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_img .disp_item:nth-child(3) {
    top: 2.67vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_img .disp_item:nth-child(4) {
    left: 38.67vw;
    top: 0;
    width: 56.8vw;
    max-width: 56.8vw;
    position: absolute;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_txt {
    margin-top: 22.67vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_txt .contents_lead {
    width: 38.16vw;
    max-width: 38.16vw;
    margin-top: 0;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_healing .ly_df .contents_txt p.sub_ttl {
    letter-spacing: 0;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_sharing {
    margin-top: 33.33vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_sharing .ly_df .contents_img .disp_item:nth-child(2) {
    position: absolute;
    top: -6.67vw;
    width: 94.67vw;
    max-width: 94.67vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_sharing .ly_df .contents_txt {
    margin-top: 16vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_sharing .ly_df .contents_txt .contents_lead {
    width: 52.78vw;
    max-width: 52.78vw;
    margin-top: 0;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_sharing .ly_df .contents_txt p.sub_ttl {
    letter-spacing: 0.05em;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_fastidiousness {
    margin-top: 32vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_fastidiousness .ly_df .contents_img .disp_item:nth-child(2) {
    position: absolute;
    top: -6.67vw;
    width: 94.67vw;
    max-width: 94.67vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_fastidiousness .ly_df .contents_txt {
    margin-top: 16vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_fastidiousness .ly_df .contents_txt .contents_lead {
    width: 28.71vw;
    max-width: 28.71vw;
    margin-top: 0;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_fastidiousness .ly_df .contents_txt .btn_wrap .btn {
    width: 66.67vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_fastidiousness .ly_df .contents_txt .btn_wrap .btn img {
    width: 55.99vw;
    max-width: 55.99vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_future {
    margin-top: 33.33vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_future .ly_df .contents_img .disp_item:nth-child(2) {
    position: absolute;
    top: -6.67vw;
    width: 94.67vw;
    max-width: 94.67vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_future .ly_df .contents_txt {
    margin-top: 16vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_future .ly_df .contents_txt .contents_lead {
    width: 57.27vw;
    max-width: 57.27vw;
    margin-top: 0;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_future .ly_df .contents_txt .btn_wrap .btn {
    width: 84.27vw;
    max-width: 84.27vw;
  }
  .bsp.about #contents .contents_wrap .bl_inner.bl_future .ly_df .contents_txt .btn_wrap .btn img {
    width: 74.17vw;
    max-width: 74.17vw;
  }
}
/*
sns
*/
.bsp.about #sns {
  font-size: min(1.25vw, 18px);
  margin: 8.33em 0 8.06em;
}
.bsp.about #sns .sns_txt .sns_lead {
  width: 1.46em;
  max-width: 26.21px;
  margin: auto;
}
.bsp.about #sns .sns_txt h2 {
  font-size: min(2.78vw, 40px);
  line-height: 1.2;
  letter-spacing: 0.1em;
  margin-top: 1.2em;
  text-align: center;
}
.bsp.about #sns .sns_wrap {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 4.13em;
}
.bsp.about #sns .sns_wrap .btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: min(0.97em, 14px);
  border: 1px solid #000;
  width: 23.79%;
  height: 4.29em;
  margin-top: 1.43em;
  padding: 0;
}
.bsp.about #sns .sns_wrap .btn img {
  position: absolute;
  left: 1.84em;
  width: 2.14em;
  margin-right: auto;
}
.bsp.about #sns .sns_wrap .btn span {
  margin-left: 3em;
  letter-spacing: 0.05em;
}
.bsp.about #sns .sns_wrap .btn:nth-child(5), .bsp.about #sns .sns_wrap .btn:nth-child(6), .bsp.about #sns .sns_wrap .btn:nth-child(7), .bsp.about #sns .sns_wrap .btn:nth-child(8), .bsp.about #sns .sns_wrap .btn:nth-child(9) {
  height: 9.36em;
  text-align: center;
  flex-direction: column;
  align-items: center;
  /*width: 18.71%;*/
}
.bsp.about #sns .sns_wrap .btn:nth-child(5) img, .bsp.about #sns .sns_wrap .btn:nth-child(6) img, .bsp.about #sns .sns_wrap .btn:nth-child(7) img, .bsp.about #sns .sns_wrap .btn:nth-child(8) img, .bsp.about #sns .sns_wrap .btn:nth-child(9) img {
  position: relative;
  top: unset;
  left: unset;
  margin: 0;
}
.bsp.about #sns .sns_wrap .btn:nth-child(5) span, .bsp.about #sns .sns_wrap .btn:nth-child(6) span, .bsp.about #sns .sns_wrap .btn:nth-child(7) span, .bsp.about #sns .sns_wrap .btn:nth-child(8) span, .bsp.about #sns .sns_wrap .btn:nth-child(9) span {
  margin: 1em 0 0;
}
.bsp.about #sns .sns_wrap .btn:nth-child(3) {
  padding: 0;
}
.bsp.about #sns .sns_wrap .btn:nth-child(3) img {
  width: 1.43em;
  left: 2.13em;
}

@media screen and (max-width: 767px) {
  .bsp.about #sns {
    margin: 26.67vw 0;
  }
  .bsp.about #sns .sns_txt .sns_lead {
    width: 5.82vw;
    max-width: 5.82vw;
  }
  .bsp.about #sns .sns_txt h2 {
    font-size: 5.33vw;
    margin-top: 5.33vw;
  }
  .bsp.about #sns .sns_wrap {
    margin-top: 8vw;
    flex-wrap: wrap;
  }
  .bsp.about #sns .sns_wrap .btn {
    font-size: 3.2vw;
    width: 42.13vw;
    height: 10.67vw;
    margin-top: 2.67vw;
  }
  .bsp.about #sns .sns_wrap .btn img {
    position: absolute;
    left: 5.33vw;
    width: 5.33vw;
  }
  .bsp.about #sns .sns_wrap .btn span {
    margin-left: 2em;
  }
  .bsp.about #sns .sns_wrap .btn:nth-child(5), .bsp.about #sns .sns_wrap .btn:nth-child(6), .bsp.about #sns .sns_wrap .btn:nth-child(7), .bsp.about #sns .sns_wrap .btn:nth-child(8), .bsp.about #sns .sns_wrap .btn:nth-child(9) {
    height: 13.33vw;
    flex-direction: row;
    align-items: center;
    width: 100%;
  }
  .bsp.about #sns .sns_wrap .btn:nth-child(5) img, .bsp.about #sns .sns_wrap .btn:nth-child(6) img, .bsp.about #sns .sns_wrap .btn:nth-child(7) img, .bsp.about #sns .sns_wrap .btn:nth-child(8) img, .bsp.about #sns .sns_wrap .btn:nth-child(9) img {
    position: absolute;
    left: 5.33vw;
    width: 5.33vw;
  }
  .bsp.about #sns .sns_wrap .btn:nth-child(5) span, .bsp.about #sns .sns_wrap .btn:nth-child(6) span, .bsp.about #sns .sns_wrap .btn:nth-child(7) span, .bsp.about #sns .sns_wrap .btn:nth-child(8) span, .bsp.about #sns .sns_wrap .btn:nth-child(9) span {
    margin: 0 0 0 1em;
  }
  .bsp.about #sns .sns_wrap .btn:nth-child(3) {
    padding: 0;
  }
  .bsp.about #sns .sns_wrap .btn:nth-child(3) img {
    width: 4vw;
    left: 5.33vw;
  }
}
.bsp.about .fullpic {
  position: relative;
}
.bsp.about .fullpic h2 {
  position: absolute;
  bottom: 18.66vw;
  left: 5.33vw;
  color: #fff;
  font-size: 5.33vw;
  display: none;
}
.bsp.about .btn_movie {
  width: 24.79vw;
}
.bsp.about .btn_movie .title {
  width: 13.6vw;
  margin-left: 3.52vw;
}

@media screen and (max-width: 767px) {
  .bsp.about .fullpic h2 {
    display: block;
  }
  .bsp.about .btn_movie {
    width: 100%;
  }
  .bsp.about .btn_movie .title {
    width: 47vw;
    margin-left: 8.18vw;
  }
}