@charset "UTF-8";
/* @import url("https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css");
@import url("https://webfontworld.github.io/kopus/KoPubWorldBatang.css"); */

@font-face {
  font-family: "KoPubWorldBatang";
  src: url("../../img/alone/fonts/KoPubWorld-Batang-Medium.woff") format("woff");
  font-style: normal;
}
@font-face {
  font-family: "NanumSquare";
  src: url("../../img/alone/fonts/NanumSquareB.woff") format("woff");
  font-style: normal;
}
@font-face {
  font-family: "NanumSquare";
  src: url("../../img/alone/fonts/NanumSquareEB.woff") format("woff");
  font-style: 800;
}
@font-face {
  font-family: "KCC-Sonkeechung";
  src: url("../../img/alone/fonts/KCC-Sonkeechung.woff2") format("woff2"),
       url("../../img/alone/fonts/KCC-Sonkeechung.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DONGGUK-UNIVERSITY";
  src: url("../../img/alone/fonts/DONGGUK-UNIVERSITY.woff") format("woff");
  font-style: normal;
}
@font-face {
  font-family: "Bareun_hipi";
  src: url("../../img/alone/fonts/Bareun_hipi.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Shy_college_student";
  src: url("../../img/alone/fonts/Shy_college_student.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Deagwang_mirror";
  src: url("../../img/alone/fonts/Deagwang_mirror.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.B {
  right: 3% !important;
}

#livingAloneWrap {
  font-size: 0.5625rem;
}
#livingAloneWrap * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
#livingAloneWrap > * {
  position: relative;
}
#livingAloneWrap h1, #livingAloneWrap h2, #livingAloneWrap h3, #livingAloneWrap h4 {
  font-size: 1em;
}
#livingAloneWrap ul, #livingAloneWrap ol, #livingAloneWrap li {
  list-style: none;
}
#livingAloneWrap img {
  max-width: 100%;
}
#livingAloneWrap .font_square {
  font-family: "NanumSquare", sans-serif;
}
#livingAloneWrap .font_dongGuk {
  font-family: "DONGGUK-UNIVERSITY", sans-serif;
}
#livingAloneWrap .font_kcc {
  font-family: "KCC-Sonkeechung", sans-serif;
}
#livingAloneWrap .font_univer {
  font-family: "Shy_college_student", sans-serif;
}
#livingAloneWrap .font_hipi {
  font-family: "Bareun_hipi", sans-serif;
}
#livingAloneWrap .font_yuri {
  font-family: "Deagwang_mirror", sans-serif;
}
#livingAloneWrap .font_koPub {
  font-family: "KoPubWorldBatang", sans-serif;
}
#livingAloneWrap .tc_1 {
  color: #F8873E;
}
#livingAloneWrap .btn-Quick {
  position: fixed;
  top: 400px;
  right: 2.4%;
  z-index: 99;
}
#livingAloneWrap .btn-Quick a {
  overflow: hidden;
  display: block;
  width: 120px;
  transition: all 0.3s;
}
#livingAloneWrap .btn-Quick a:hover {
  transform: scale(1.05);
}
#livingAloneWrap .text_hide {
  position: absolute;
  z-index: -1;
  line-height: 1 !important;
  font-size: 1px !important;
  width: 1px !important;
  height: 1px !important;
  color: transparent !important;
  background: transparent !important;
  overflow: hidden !important;
  font-size: 1px;
  text-indent: -99999px;
  opacity: 0.05 !important;
}
#livingAloneWrap .top_path {
  stroke-dasharray: 400%;
  stroke-dashoffset: 400%;
  animation: topPath 8.5s linear forwards;
}
@keyframes topPath {
  from {
    stroke-dashoffset: 400%;
  }
  to {
    stroke-dashoffset: 0%;
  }
}
#livingAloneWrap .bottom_path {
  stroke-dasharray: 400%;
  stroke-dashoffset: 400%;
  animation: bottomPath 5s linear forwards;
}
@keyframes bottomPath {
  from {
    stroke-dashoffset: 400%;
  }
  to {
    stroke-dashoffset: 0%;
  }
}
@media all and (max-width: 1920px) {
  #livingAloneWrap {
    font-size: min(0.5625rem, calc(100vw * 9 / 1920));
  }
}
#livingAloneWrap .alone_sec01 {
  position: relative;
  background: url("../../img/alone/mv_bg.jpg") no-repeat center/cover;
  overflow: hidden;
}
#livingAloneWrap .alone_sec01::before {
  content: "";
  display: block;
  padding-top: 61.093%;
}
#livingAloneWrap .alone_sec01 .objs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
#livingAloneWrap .alone_sec01 .objs .obj {
  position: absolute;
}
#livingAloneWrap .alone_sec01 .objs .obj:first-child {
  /* height: 35.7508532423%;
  left: 0;
  top: 56%;
  transform: translateX(-2%); */
  height: 37.750853%;
  left: 0;
  top: 55%;
  transform: translateX(0%);
}
#livingAloneWrap .alone_sec01 .objs .obj:last-child {
  height: 68.2593856655%;
  right: 0;
  top: 0;
  transform: translate(15%, -40%);
}
#livingAloneWrap .alone_sec01 .objs .obj svg,
#livingAloneWrap .alone_sec01 .objs .obj img {
  width: auto;
  height: 100%;
  vertical-align: top;
}
#livingAloneWrap .alone_sec01 .wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  padding-left: 42%;
  font-size: min(1em, 0.78vw);
}
@media all and (max-width: 1400px) {
  #livingAloneWrap .alone_sec01 .wrap {
    font-size: 1em;
  }
}
#livingAloneWrap .alone_sec01 .tit_box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding-left: min(9.6875em, calc(100vw * 100 / 1920));
  gap: 2.375em;
}
#livingAloneWrap .alone_sec01 .mv_txt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "NanumSquare", sans-serif;
  text-align: center;
  font-size: 2.81875em;
  height: 1.5238095238em;
  padding-left: 0.5952380952em;
  padding-right: 0.5952380952em;
  color: #fff;
  text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
  line-height: 1;
  background-color: #F8873E;
  border: 2px solid #F57421;
}
#livingAloneWrap .alone_sec01 .slogan_tit {
  height: 31.625em;
}
#livingAloneWrap .alone_sec01 .slogan_tit img {
  height: 100%;
  vertical-align: top;
}
#livingAloneWrap .alone_sec02, #livingAloneWrap .alone_sec03 {
  position: relative;
}
#livingAloneWrap .alone_sec02 .txt_wrap, #livingAloneWrap .alone_sec03 .txt_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
#livingAloneWrap .alone_sec02 .txt_wrap.aos-animate .sec_tit, #livingAloneWrap .alone_sec03 .txt_wrap.aos-animate .sec_tit {
  background-position-x: 0%;
}
#livingAloneWrap .alone_sec02 .txt_wrap::before, #livingAloneWrap .alone_sec03 .txt_wrap::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  transition: opacity 2s;
}
#livingAloneWrap .alone_sec02 .txt_wrap.aos-animate::before, #livingAloneWrap .alone_sec03 .txt_wrap.aos-animate::before {
  opacity: 0.5;
}
#livingAloneWrap .alone_sec02 .sec_tit, #livingAloneWrap .alone_sec03 .sec_tit {
  position: relative;
  z-index: 2;
  font-size: 4.0625em;
  line-height: 1.35;
  color: #fff;
  background: linear-gradient(to right, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.3) 50%);
  background-size: 200% 100%;
  background-position-x: 100%;
  transition: background-position 1.5s;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  letter-spacing: -0.025em;
  font-weight: 500;
}
#livingAloneWrap .alone_sec02 .sec_tit .point, #livingAloneWrap .alone_sec03 .sec_tit .point {
  font-weight: 600;
  font-size: 1.25em;
}
#livingAloneWrap .alone_sec02 .sec_tit .point .dotted, #livingAloneWrap .alone_sec03 .sec_tit .point .dotted {
  display: inline-block;
  position: absolute;
  color: transparent;
  transform: translateX(-100%);
}
#livingAloneWrap .alone_sec02 .sec_tit .point .dotted::before, #livingAloneWrap .alone_sec03 .sec_tit .point .dotted::before {
  content: "";
  display: block;
  position: absolute;
  left: 0.2615384615em;
  bottom: 100%;
  margin-bottom: 0.0923076923em;
  width: 0.1538461538em;
  height: 0.1538461538em;
  border-radius: 50%;
  background-color: #fff;
}
#livingAloneWrap .alone_sec02 {
  position: relative;
  background: url("../../img/alone/sec02_bg.jpg") no-repeat center/cover;
}
#livingAloneWrap .alone_sec02 .txt_wrap {
  min-height: 31.5625em;
}
#livingAloneWrap .alone_sec02 .sec_tit {
  position: relative;
  z-index: 2;
}
#livingAloneWrap .alone_sec03 {
  background-color: #313131;
}
#livingAloneWrap .alone_sec03 .txt_wrap {
  min-height: 11.25em;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}
#livingAloneWrap .alone_sec03 .txt_wrap .sec_tit {
  font-size: 3.4375em;
}
#livingAloneWrap .alone_sec04 {
  position: relative;
  width: 100%;
  background: url("../../img/alone/sec03_bg.jpg") no-repeat center/cover;
}
#livingAloneWrap .alone_sec04::before {
  content: "";
  display: block;
  padding-top: 51.354%;
}
#livingAloneWrap .alone_sec04 .txt_wrap {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  color: #fff;
  max-width: calc(128.125em - 1rem* 2);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: right;
  padding-left: 1rem;
}
#livingAloneWrap .alone_sec04 .txt_wrap::after {
  content: "";
  display: block;
  width: 40%;
}
#livingAloneWrap .alone_sec04 .txt_box {
  font-size: 2em;
  letter-spacing: -0.03em;
  line-height: 1.46875em;
}
#livingAloneWrap .alone_sec04 .letter_tit {
  font-size: 1.71875em;
  font-weight: 400;
  line-height: 1.1454545455em;
  letter-spacing: -0.05em;
  margin-bottom: 0.5454545455em;
  text-shadow: 3px 3px 3px rgba(2, 2, 2, 0.5);
}
#livingAloneWrap .alone_sec04 .letter_txt {
  text-shadow: 1px 1px 5px rgba(2, 2, 2, 0.125);
}
#livingAloneWrap .alone_sec05 {
  background: url("../../img/alone/sec04_bg.jpg") no-repeat center/cover;
  padding-top: 10.3125em;
  padding-bottom: 15em;
}
#livingAloneWrap .alone_sec05 .betw_wrap {
  position: relative;
  padding-top: 4.25em;
  max-width: 100%;
  max-width: calc(114.375em - 1rem* 2);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#livingAloneWrap .alone_sec05 .img_box {
  position: absolute;
  top: 0;
  left: 1rem;
  width: 43.71%;
  max-width: 50em;
}
#livingAloneWrap .alone_sec05 .img_box::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  background: url("../../img/alone/sec04_tape01.png") no-repeat center/100% auto;
  width: 11.9375em;
  aspect-ratio: 191/221;
  -webkit-aspect-ratio: 191/221;
}
#livingAloneWrap .alone_sec05 .img_box::before {
  content: "";
  display: block;
  padding-top: 96.75%;
}
#livingAloneWrap .alone_sec05 .img_box img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#livingAloneWrap .alone_sec05 .txt_box {
  position: relative;
  background-color: #FFF3BD;
  font-size: 2.1875em;
  padding: 2.4285714286em 1.6571428571em;
  letter-spacing: -0.025em;
  width: 64.606%;
  margin-left: auto;
}
#livingAloneWrap .alone_sec05 .txt_box::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
  background: url("../../img/alone/sec04_tape02.png") no-repeat center/100% auto;
  width: 5.4571428571em;
  aspect-ratio: 191/221;
  -webkit-aspect-ratio: 191/221;
}
#livingAloneWrap .alone_sec05 .letter_txt {
  font-size: 1.1428571429em;
  text-align: right;
  letter-spacing: -0.035em;
}
#livingAloneWrap .alone_sec05 .letter_txt .writer {
  display: block;
  font-size: 0.75em;
  margin-top: 0.3333333333em;
}
#livingAloneWrap .alone_sec05 .txt {
  margin-top: 0.5714285714em;
  line-height: 1.4285714286em;
}
#livingAloneWrap .alone_sec05 .graph_imgs {
  margin-top: 0.7em;
  border-radius: 1.1428571429em;
  background-color: #FBCA84;
  padding: 1.2857142857em 0.8571428571em 0.7142857143em;
}
#livingAloneWrap .alone_sec05 .graph_imgs .graph {
  position: relative;
  background: url("../../img/alone/senior_graph.svg") no-repeat left center/auto 100%;
  aspect-ratio: 988/151;
  -webkit-aspect-ratio: 988/151;
  overflow: hidden;
}
#livingAloneWrap .alone_sec05 .graph_imgs .graph::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fbca84;
  width: 100%;
  height: 100%;
  transform: translateX(0%);
  transition: transform 2.5s;
  transition-delay: 0.25s;
}
#livingAloneWrap .alone_sec05 .aos-animate .graph_imgs .graph::before {
  transform: translateX(100%);
}
#livingAloneWrap .alone_sec05 .ps {
  margin-top: 1em;
  font-size: 0.5714285714em;
  line-height: 1.3181818182em;
  color: #464749;
  opacity: 0.4;
  letter-spacing: -0.055em;
  font-weight: 400;
  text-align: left;
  padding-left: 6.5em;
  text-indent: -6em;
}
#livingAloneWrap .alone_sec06 {
  background: url("../../img/alone/sec05_bg.jpg") no-repeat center/cover;
  padding-top: 15.3125em;
  padding-bottom: 14.6875em;
}
#livingAloneWrap .alone_sec06 .wrap {
  max-width: calc(111.5em - 1rem* 2);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
#livingAloneWrap .alone_sec06 .sec_txt {
  font-size: 3.375em;
  letter-spacing: -0.025em;
  line-height: 1.4814814815em;
  color: #fff;
}
#livingAloneWrap .alone_sec06 .under {
  background-image: linear-gradient(to top, #F89A71 0.1481481481em, transparent 0.1481481481em);
  background-repeat: no-repeat;
  background-size: 0 auto;
  transition: background-size 1.5s;
}
#livingAloneWrap .alone_sec06 .aos-animate .under {
  background-size: 100% auto;
  transition-delay: 0.35s;
}
#livingAloneWrap .alone_sec06 .graph_betw {
  margin-top: 5em;
  display: flex;
  justify-content: space-between;
  gap: 3.75em;
}
#livingAloneWrap .alone_sec06 .graph_betw img {
  vertical-align: top;
  max-width: 100%;
}
#livingAloneWrap .alone_sec07 {
  position: relative;
  background: url("../../img/alone/sec06_bg.jpg") no-repeat center/cover;
  padding-top: 9.375em;
  padding-bottom: 9.875em;
}
#livingAloneWrap .alone_sec07 .txt_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: calc(100em - 1rem * 2);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
#livingAloneWrap .alone_sec07 .sec_tit {
  font-size: 3em;
  letter-spacing: -0.025em;
  line-height: 1.5090909091em;
  font-weight: 400;
}
#livingAloneWrap .alone_sec08 {
  background: #FEF4DD url("../../img/alone/sec08_bg_pattern.png") repeat left top;
  background-size: 50% auto;
  overflow: hidden;
}
#livingAloneWrap .alone_sec08 .sec_top {
  position: relative;
  overflow: hidden;
}
#livingAloneWrap .alone_sec08 .sec_top .range_wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url("../../img/alone/sec08_bg.jpg") repeat left top;
  border-radius: 0 0 50% 50%;
  overflow: hidden;
}
#livingAloneWrap .alone_sec08 .sec_top .objs {
  position: relative;
  width: 100%;
  max-width: 100vw;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
#livingAloneWrap .alone_sec08 .sec_top .obj {
  position: absolute;
}
#livingAloneWrap .alone_sec08 .sec_top .obj img {
  width: 100%;
  vertical-align: top;
}
#livingAloneWrap .alone_sec08 .sec_top .obj:nth-child(1) {
  top: 3.125em;
  left: 3.5714285714%;
  width: 13.0625em;
}
#livingAloneWrap .alone_sec08 .sec_top .obj:nth-child(2) {
  bottom: 11.75em;
  left: 5.2777777778%;
  width: 25.5em;
}
#livingAloneWrap .alone_sec08 .sec_top .obj:nth-child(3) {
  top: 0em;
  right: 0;
  width: 18.6875em;
}
#livingAloneWrap .alone_sec08 .sec_top .obj:nth-child(4) {
  top: 50%;
  right: 0;
  width: 12.1875em;
}
#livingAloneWrap .alone_sec08 .sec_top .obj:nth-child(5) {
  bottom: 15.625em;
  right: 5.7142857143%;
  width: 17.75em;
}
#livingAloneWrap .alone_sec08 .sec_top .obj:nth-child(6) {
  top: -1.25em;
  left: 28%;
  width: 21.25em;
}
#livingAloneWrap .alone_sec08 .sec_top .txt_wrap {
  position: relative;
  z-index: 2;
  padding-top: 8.125em;
  padding-bottom: 15.625em;
  text-align: center;
}
#livingAloneWrap .alone_sec08 .sec_top .sketch_box {
  display: inline-flex;
  justify-content: center;
  position: relative;
  width: 48.75em;
  max-width: 100%;
  animation: anim_bounce 0.5s backwards infinite;
  animation-delay: 0s;
  transform: translateY(0px);
  animation-direction: alternate;
}
#livingAloneWrap .alone_sec08 .sec_top .sketch_box img {
  position: relative;
  z-index: 2;
  vertical-align: top;
  width: 100%;
}
#livingAloneWrap .alone_sec08 .sec_top .sketch_box::after {
  content: "";
  display: block;
  position: absolute;
  top: 3.75em;
  left: 100%;
  margin-left: -3.75em;
  z-index: 1;
  width: 11.375em;
  aspect-ratio: 182/139;
  -webkit-aspect-ratio: 182/139;
  background: url("../../img/alone/sketch_obj.png") no-repeat center/100% auto;
}
#livingAloneWrap .alone_sec08 .sec_top .sketch_tit {
  font-size: 1em;
  height: 25.625em;
}
#livingAloneWrap .alone_sec08 .sec_top .sketch_tit img {
  height: 100%;
  vertical-align: top;
}
#livingAloneWrap .alone_sec08 .sec_top .sketch_txt {
  margin-top: 1.2222222222em;
  font-size: 2.8125em;
  text-align: center;
  letter-spacing: -0.025em;
  line-height: 1.7777777778em;
}
@keyframes anim_bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
#livingAloneWrap .alone_sec08 .sec_bottom {
  padding-top: 7.5em;
  padding-bottom: 10.9375em;
}
#livingAloneWrap .alone_sec08 .sec_bottom .wrap {
  max-width: calc(118.75em + 1rem * 2);
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
}
#livingAloneWrap .alone_sec08 .betw_lists {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
#livingAloneWrap .alone_sec08 .betw_lists + .betw_lists {
  margin-top: 1.125em;
}
#livingAloneWrap .alone_sec08 .betw_lists:first-child {
  position: relative;
}
#livingAloneWrap .alone_sec08 .betw_lists:first-child.aos-animate::before, #livingAloneWrap .alone_sec08 .betw_lists:first-child.aos-animate::after {
  opacity: 1;
  transition-delay: 1s;
}
#livingAloneWrap .alone_sec08 .betw_lists:first-child::before, #livingAloneWrap .alone_sec08 .betw_lists:first-child::after {
  transition: opacity 1s;
}
#livingAloneWrap .alone_sec08 .betw_lists:first-child::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -110%);
  background: url("../../img/alone/sec08_obj01.png") no-repeat center/100% auto;
  width: 23.375em;
  height: 21.6875em;
  opacity: 0;
}
#livingAloneWrap .alone_sec08 .betw_lists:first-child::after {
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  bottom: 0;
  transform: translate(0%, 10%);
  background: url("../../img/alone/sec08_obj02.png") no-repeat center/100% auto;
  width: 25.625em;
  height: 25.1875em;
  opacity: 0;
}
#livingAloneWrap .alone_sec08 .betw_lists:first-child .tit img {
  height: 0.975em;
}
#livingAloneWrap .alone_sec08 .betw_lists:last-child.aos-animate::after {
  opacity: 1;
}
#livingAloneWrap .alone_sec08 .betw_lists:last-child::after {
  content: "";
  display: block;
  transition: opacity 1s;
  position: absolute;
  left: 100%;
  bottom: 0;
  transform: translate(0%, 20%);
  background: url("../../img/alone/sec08_obj03.png") no-repeat center/100% auto;
  width: 26.625em;
  height: 26.625em;
  opacity: 0;
}
#livingAloneWrap .alone_sec08 .betw_lists:last-child .tit img {
  height: 0.975em;
}
#livingAloneWrap .alone_sec08 .betw_lists .img_box img {
  width: 100%;
  vertical-align: top;
}
#livingAloneWrap .alone_sec08 .betw_lists:first-child .img_box {
  width: 43.1578947368%;
}
#livingAloneWrap .alone_sec08 .betw_lists:last-child .img_box {
  position: relative;
  width: 38.7894736842%;
  padding-right: 3.125em;
}
#livingAloneWrap .alone_sec08 .betw_lists:last-child .img_box::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-30%, -25%);
  width: 10.6875em;
  aspect-ratio: 171/214;
  -webkit-aspect-ratio: 171/214;
  background: url("../../img/alone/bouquet.png") no-repeat center/100% auto;
}
#livingAloneWrap .alone_sec08 .betw_lists:last-child .txt_box {
  position: relative;
  padding-left: 2.8846153846em;
}
#livingAloneWrap .alone_sec08 .betw_lists:last-child .txt_box::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-0.5769230769em);
  margin-right: 0.1923076923em;
  width: 3.0192307692em;
  aspect-ratio: 157/315;
  -webkit-aspect-ratio: 157/315;
  background: url("../../img/alone/sec08_balloon.png") no-repeat center/100% auto;
}
#livingAloneWrap .alone_sec08 .betw_lists .txt_box {
  color: #1A1818;
  font-size: 3.25em;
  letter-spacing: -0.025em;
  line-height: 1.5769230769em;
}
#livingAloneWrap .alone_sec08 .betw_lists .tit {
  display: inline-block;
  font-size: 1.3846153846em;
  line-height: 1.0512820513em;
}
#livingAloneWrap .alone_sec08 .betw_lists .tit.special {
  position: relative;
}
#livingAloneWrap .alone_sec08 .betw_lists .tit.special::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  transform: translate(20%, -50%);
  width: 2.5555555556em;
  height: 2.3194444444em;
  background: url("../../img/alone/sec08_special.png") no-repeat center/100% auto;
}
#livingAloneWrap .alone_sec08 .betw_lists .letter_txt {
  margin-top: 0.3448275862em;
  font-size: 1.1153846154em;
  font-weight: 400;
  line-height: 1.4482758621em;
  font-weight: 300;
}
#livingAloneWrap .alone_sec08 .betw_lists .txt {
  display: block;
  font-size: 1em;
  margin-top: 0.3846153846em;
}
#livingAloneWrap .alone_sec10 {
  background: url("../../img/alone/sec09_bg.jpg") no-repeat center/cover;
  padding-top: 6.25em;
  padding-bottom: 5.9375em;
}
#livingAloneWrap .alone_sec10 .wrap {
  max-width: calc(109.375em + 1rem * 2);
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
}
#livingAloneWrap .alone_sec10 .sec_tit {
  font-size: 3.375em;
  color: #604F25;
  letter-spacing: -0.055em;
  text-align: center;
  line-height: 1.3518518519em;
  margin-bottom: 1.4814814815em;
  font-weight: 500;
}
#livingAloneWrap .alone_sec10 .sec_tit .sm {
  font-size: 0.8888888889em;
  color: #252425;
}
#livingAloneWrap .alone_sec10 .support_lists {
  display: flex;
  justify-content: space-between;
  text-align: center;
  color: #483932;
}
#livingAloneWrap .alone_sec10 .support_lists .tit {
  position: relative;
  display: block;
  font-size: 1.875em;
  font-weight: 800;
  padding-bottom: 0.6666666667em;
  margin-bottom: 1.1333333333em;
}
#livingAloneWrap .alone_sec10 .support_lists .tit::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1.1em;
  width: 2.2em;
  height: 0.1em;
  background-color: #483932;
}
#livingAloneWrap .alone_sec10 .support_lists img {
  width: 100%;
}
#livingAloneWrap .alone_sec10 .support_lists .img1 {
  width: 24.875em;
}
#livingAloneWrap .alone_sec10 .support_lists .img2 {
  width: 26.5em;
}
#livingAloneWrap .alone_sec10 .support_lists .img3 {
  width: 32.875em;
}
#livingAloneWrap .alone_sec10 .ps {
  text-align: center;
  color: #A3885C;
  font-size: 1.5625em;
  font-weight: 300;
  letter-spacing: -0.025em;
  line-height: 1.84em;
  margin-top: 3.4em;
}
#livingAloneWrap .alone_sec11 {
  position: relative;
  background: url("../../img/alone/sec11_bg.jpg") no-repeat center/cover;
}
#livingAloneWrap .alone_sec11::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 60.9375%;
}
#livingAloneWrap .alone_sec11 .wrap {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: calc(116.25em + 1rem * 2);
  transform: translateX(-50%);
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
#livingAloneWrap .alone_sec11 .inner {
  padding-top: 10vh;
}
#livingAloneWrap .alone_sec11 .sec_tit {
  display: flex;
  align-items: center;
  font-size: 3.25em;
  color: #fff;
  letter-spacing: -0.035em;
  line-height: 1.25em;
  text-shadow: 2px 2px 2px rgba(2, 2, 6, 0.5);
  font-weight: 400;
}
#livingAloneWrap .alone_sec11 .sec_tit + .sec_tit {
  padding-top: 1.5769230769em;
  padding-left: 6.5384615385em;
}
#livingAloneWrap .alone_sec11 .sec_tit .hello_word {
  position: relative;
  display: inline-block;
  width: 7.1153846154em;
  height: 1.25em;
  margin-left: 0.7692307692em;
}
#livingAloneWrap .alone_sec11 .sec_tit .hello_word::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%) translateY(-16.3265%);
  padding-top: 66.216%;
  background: url("../../img/alone/sec11_hello.svg") no-repeat center/100% auto;
}
#livingAloneWrap .alone_sec11 .sec_tit .hello_word + .bg {
  margin-left: -0.2884615385em;
}
#livingAloneWrap .alone_sec11 .sec_tit .txt {
  position: relative;
  z-index: 2;
}
#livingAloneWrap .alone_sec11 .sec_tit .bg {
  position: relative;
}
#livingAloneWrap .alone_sec11 .sec_tit .bg::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 100%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: auto 100%;
  z-index: 1;
  opacity: 0.6;
}
#livingAloneWrap .alone_sec11 .sec_tit .bg img {
  position: relative;
  z-index: 2;
  max-width: 100%;
  vertical-align: top;
}
#livingAloneWrap .alone_sec11 .sec_tit .bg01 {
  padding-left: 0.5384615385em;
  padding-right: 0.8269230769em;
}
#livingAloneWrap .alone_sec11 .sec_tit .bg01::before {
  background-image: url("../../img/alone/sec11_txt01_bg.png");
  aspect-ratio: 571/107;
  margin-top: 0.1346153846em;
}
#livingAloneWrap .alone_sec11 .sec_tit .bg02 {
  padding-left: 0.3269230769em;
  padding-right: 0.4615384615em;
}
#livingAloneWrap .alone_sec11 .sec_tit .bg02::before {
  background-image: url("../../img/alone/sec11_txt02_bg.png");
  aspect-ratio: 172/90;
  margin-top: 0.0192307692em;
}
#livingAloneWrap .alone_sec11 .sec_tit .bg03 {
  padding-left: 0.2692307692em;
  padding-right: 0.0576923077em;
}
#livingAloneWrap .alone_sec11 .sec_tit .bg03::before {
  background-image: url("../../img/alone/sec11_txt03_bg.png");
  aspect-ratio: 312/89;
  margin-top: -0.1923076923em;
}
#livingAloneWrap .alone_sec11 .btn_lists {
  display: flex;
  align-items: center;
  gap: 8.625em;
  margin-top: 8.4375em;
}
#livingAloneWrap .alone_sec11 .blob_btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 6.25em;
  text-align: center;
  width: 26.5em;
  height: 16.9375em;
}
#livingAloneWrap .alone_sec11 .blob_btn:nth-child(2) {
  padding-top: 7.25em;
}
#livingAloneWrap .alone_sec11 .blob_btn:hover::before {
  animation: blobBtn 0.75s backwards;
}
#livingAloneWrap .alone_sec11 .blob_btn::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}
#livingAloneWrap .alone_sec11 .blob_btn.btn01 {
  background: rgba(255, 255, 255, 0);
  border: none;
  outline: 0;
}
#livingAloneWrap .alone_sec11 .blob_btn.btn01::before {
  background-image: url("../../img/alone/sec11_btn01_bg.svg");
}
#livingAloneWrap .alone_sec11 .blob_btn.btn02 {
  background: rgba(255, 255, 255, 0);
  border: none;
  outline: 0;
}
#livingAloneWrap .alone_sec11 .blob_btn.btn02::before {
  background-image: url("../../img/alone/sec11_btn02_bg.svg");
}
#livingAloneWrap .alone_sec11 .blob_btn img {
  position: relative;
  z-index: 2;
  vertical-align: top;
  width: 11.5em;
  max-width: 100%;
}
@keyframes blobBtn {
  0% {
    transform: scale(1, 1);
  }
  33% {
    transform: scale(0.9, 1.1);
  }
  66% {
    transform: scale(1.1, 0.9);
  }
  99% {
    transform: scale(1, 1);
  }
}
#livingAloneWrap .alone_footer {
  background-color: #FFE7C8;
  font-size: 1em;
  text-align: center;
}
#livingAloneWrap .alone_footer .ps {
  font-size: 1.5em;
  opacity: 0.5;
  padding-top: 1.75em;
  padding-bottom: 1.5833333333em;
  line-height: 1.5em;
  letter-spacing: -0.055em;
  color: #6D6E6E;
  font-weight: 300;
}