html.on {
  overflow: hidden;
}

body {
  overflow: visible;
}

#bousai .baseStyle {
  font-family: "Noto Sans JP", sans-serif;
  color: #231815;
  font-weight: 700;
  text-align: center;
}
#bousai .baseStyle *,
#bousai .baseStyle *::before,
#bousai .baseStyle *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#bousai .baseStyle article, #bousai .baseStyle aside, #bousai .baseStyle details, #bousai .baseStyle figcaption, #bousai .baseStyle figure, #bousai .baseStyle footer, #bousai .baseStyle header, #bousai .baseStyle hgroup, #bousai .baseStyle menu, #bousai .baseStyle nav, #bousai .baseStyle section, #bousai .baseStyle main {
  display: block;
}
#bousai .baseStyle ul, #bousai .baseStyle li {
  list-style: none;
}
#bousai .baseStyle blockquote, #bousai .baseStyle q {
  quotes: none;
}
#bousai .baseStyle blockquote::before, #bousai .baseStyle blockquote::after, #bousai .baseStyle q::before, #bousai .baseStyle q::after {
  content: "";
  content: none;
}
#bousai .baseStyle a {
  color: #231815;
  margin: 0;
  padding: 0;
  font-size: 100%;
  background: transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: block;
  position: relative;
  z-index: 2;
  -webkit-transform: translateZ(1px);
          transform: translateZ(1px);
}
#bousai .baseStyle a:visited {
  color: #231815;
}
#bousai .baseStyle a:hover {
  opacity: 0.7;
}
#bousai .baseStyle address {
  font-style: normal;
}
#bousai .baseStyle ins {
  text-decoration: none;
}
#bousai .baseStyle mark {
  font-style: italic;
  font-weight: bold;
}
#bousai .baseStyle del {
  text-decoration: line-through;
}
#bousai .baseStyle table {
  border-collapse: collapse;
  border-spacing: 0;
}
#bousai .baseStyle hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #000;
  margin: 1em 0;
  padding: 0;
}
#bousai .baseStyle input, #bousai .baseStyle select {
  vertical-align: middle;
}
#bousai .baseStyle button {
  margin: 0;
}
#bousai .baseStyle a,
#bousai .baseStyle a:link,
#bousai .baseStyle a:visited {
  text-decoration: none;
}
#bousai .baseStyle img {
  max-width: 100%;
  height: auto;
}

/*========================================== 
  COMMON (PC)
========================================== */
#bousai .baseStyle .-tb,
#bousai .baseStyle .-sp {
  display: none !important;
}
#bousai .baseStyle .-pc {
  display: block !important;
}
#bousai .baseStyle .wrap {
  width: 100%;
  padding: 0 20px;
}
.el-page__content #bousai .elleair-fade {
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}
.el-page__content #bousai .elleair-fade.active {
  -webkit-transition: all 1s;
  transition: all 1s;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/*========================================== 
  MAIN-CONT (PC)
========================================== */
#bousai {
  max-width: 1440px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
#bousai .main-cont {
  background: #F5F2E9;
  max-width: 1000px;
  width: 100%;
  overflow: hidden;
}
#bousai .wrap {
  min-height: 950px;
  position: relative;
  z-index: 1;
  background: linear-gradient(
      to bottom,
      transparent 546px,
      #fff 546px,
      #fff calc(100% - 546px),
      transparent calc(100% - 546px)
  );
}
#bousai .wrap::before,
#bousai .wrap::after {
  content: "";
  display: block;
  width: 1116px;
  height: 546px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  clip-path: inset(0 58px 0 58px);
  z-index: -1;
}
#bousai .wrap::before {
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  top: 1px;
}
#bousai .wrap::after {
  border-radius: 0 0 50% 50% / 0 0 100% 100%;
  bottom: 1px;
}
#bousai .wrap.bg-none {
  min-height: auto;
  background: none;
}
#bousai .wrap.bg-none::before,
#bousai .wrap.bg-none::after {
  content: none;
}
#bousai .is-pending {
  position: relative;
}
#bousai .is-pending::before {
  content: '検討中';
  background: #231815;
  border: solid 2px #fff;
  font-size: 37px;
  color: #fff;
  padding: 1px 15px;
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*========================================== 
  MV (PC)
========================================== */
#bousai .mv {
  position: relative;
  margin-bottom: 10px;
}
#bousai .mv::before {
  content: "";
  background: url("/_var/about/social/yasashisa-stock/img/mv.png") center center no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 71%;
  display: block;
  opacity: 0;
  -webkit-animation: fadeIn 1s ease-out 4s forwards;
          animation: fadeIn 1s ease-out 4s forwards;
}
#bousai .mv h1 {
  width: 32%;
  position: absolute;
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#bousai .mv h1 .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#bousai .mv svg {
  width: 100%;
  height: auto;
}
#bousai .mv svg .st0 {
  fill: #0068b7;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-animation: slideUpFade 1s ease-out 3s forwards;
          animation: slideUpFade 1s ease-out 3s forwards;
}
#bousai .mv svg .st1 {
  fill: #fff;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-animation: slideUpFade 1s ease-out 3s forwards;
          animation: slideUpFade 1s ease-out 3s forwards;
}
#bousai .mv svg .st2 {
  fill: none;
  stroke: #94B3DE;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 8px;
  stroke-dasharray: 5000;
  stroke-dashoffset: 5000;
  -webkit-animation: drawLine 8s linear forwards;
          animation: drawLine 8s linear forwards;
}
#bousai .mv svg .st3 {
  fill: #0074BE;
  opacity: 0;
  -webkit-animation: fadeIn 1s ease-out 2s forwards;
          animation: fadeIn 1s ease-out 2s forwards;
}

/*========================================== 
  ABOUT (PC)
========================================== */
#bousai .about h2 {
  font-size: 56px;
  letter-spacing: 0.11em;
  line-height: 1.25;
}
#bousai .about h2 span {
  font-size: 72px;
  color: #fff799;
  -webkit-text-stroke: 8px black;
  paint-order: stroke fill;
}
#bousai .about p {
  font-size: 28px;
  letter-spacing: 0.04em;
  line-height: 2.2142857143;
  margin-top: 45px;
}
#bousai .about p + p {
  margin-top: 32px;
}

/*========================================== 
  DESC (PC)
========================================== */
#bousai .desc {
  padding: 340px 0 0;
  position: relative;
}
#bousai .desc .descCont {
  padding: 148px 15px 255px;
  position: relative;
}
#bousai .desc .descCont::before, #bousai .desc .descCont::after {
  content: "";
  position: absolute;
}
#bousai .desc .descCont::before {
  background: url("/_var/about/social/yasashisa-stock/img/desc_txt.png") center center no-repeat;
  background-size: contain;
  width: 413px;
  height: 125px;
  top: -115px;
  right: 37%;
}
#bousai .desc .descCont::after {
  background: url("/_var/about/social/yasashisa-stock/img/desc_illust.png") center center no-repeat;
  background-size: contain;
  width: 223px;
  height: 233px;
  top: -123px;
  left: 59%;
}
#bousai .desc h2 {
  font-size: 64px;
  letter-spacing: 0.06em;
  line-height: 1.34375;
  position: relative;
  padding-top: 134px;
}
#bousai .desc h2 span {
  background: url("/_var/about/social/yasashisa-stock/img/desc_pop.png") center center no-repeat;
  background-size: 100% 100%;
  font-size: 36px;
  color: #006fbc;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  padding: 10px 30px 75px 46px;
  white-space: nowrap;
}
#bousai .desc figure {
  width: 622px;
  margin: 75px auto 0;
}
#bousai .desc p {
  font-size: 28px;
  letter-spacing: 0.04em;
  line-height: 2.1785714286;
  margin-top: 58px;
}

/*========================================== 
  PRODUCT (PC)
========================================== */
#bousai .product {
  padding-top: 345px;
}
#bousai .product .productCont {
  padding: 145px 0 290px;
}
#bousai .product h2 {
  width: 643px;
  margin: auto;
}
#bousai .product .heading figure {
  width: 370px;
  margin: -20px auto 0;
}
#bousai .product .heading .lead {
  font-size: 86px;
  font-weight: 900;
  line-height: 1.2558139535;
  letter-spacing: 0.02em;
  margin-top: 9px;
}
#bousai .product .heading .lead .small {
  font-size: 64px;
}
#bousai .product .heading .label {
  font-size: 64px;
  color: #fff;
  line-height: 1.2;
  letter-spacing: 0.04em;
  background: #006fbc;
  display: inline-block;
  padding: 4px 20px 9px;
  min-width: 632px;
  margin-top: 16px;
  border-radius: 14px;
}
#bousai .product .heading p {
  font-size: 34px;
  line-height: 1.5882352941;
  letter-spacing: 0.1em;
  margin-top: 35px;
}
#bousai .product .productIntro h3 {
  width: 630px;
  margin: 33px auto 0;
  position: relative;
  right: 8px;
}
#bousai .product .productList {
  width: 675px;
  margin: 47px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
#bousai .product .productList::after {
  content: "";
  width: 46.8148148148%;
  display: block;
}
#bousai .product .productList li {
  width: 46.8148148148%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 85px;
}
#bousai .product .productList .pointBtn {
  background: #dff2fc;
  border-radius: 158px;
  font-weight: 700;
  padding: 72px 10px 130px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  align-items: center;
  position: relative;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}
#bousai .product .productList .pointBtn:hover {
  opacity: 0.6;
}
#bousai .product .productList .pointBtn::before {
  content: "";
  background: url("/_var/about/social/yasashisa-stock/img/product01_point.png") center center no-repeat;
  background-size: contain;
  width: 78.4810126582%;
  max-width: 248px;
  max-height: 102px;
  padding-top: 34%;
  display: block;
  position: absolute;
  bottom: -1.5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#bousai .product .productList .pointBtn.pt-0 {
  padding-top: 0;
}
#bousai .product .productList .pointBtn figure {
  width: 286px;
  height: 286px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#bousai .product .productList .pointBtn figure img {
  -o-object-fit: contain;
     object-fit: contain;
}
#bousai .product .productList .pointBtn figure + p {
  margin-top: 20px;
}
#bousai .product .productList .pointBtn p {
  font-size: 30px;
  color: #231815;
  line-height: 1.2333333333;
}
#bousai .product .productList .pointBtn p .small {
  font-size: 24px;
  display: block;
  margin-top: 8px;
}
#bousai .product .productList .pointBtn p .ls-tight {
  display: inline-block;
  letter-spacing: -0.06em;
  white-space: nowrap;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%) scaleX(0.75);
          transform: translateX(-50%) scaleX(0.75);
}
#bousai .product .productList li > a:last-child {
  font-size: 24px;
  display: block;
  text-align: center;
  background: #dcdddd;
  padding: 16px 0 18px;
  margin-top: 30px;
  border-radius: 32px;
  position: relative;
}
#bousai .product .productList li > a:last-child::before, #bousai .product .productList li > a:last-child::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 28px;
  width: 17px;
  height: 4px;
  border-radius: 9999px;
  background-color: #231815;
  -webkit-transform-origin: calc(100% - 2px) 50%;
          transform-origin: calc(100% - 2px) 50%;
}
#bousai .product .productList li > a:last-child::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#bousai .product .productList li > a:last-child::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#bousai .product .productList li:nth-of-type(1),
#bousai .product .productList li:nth-of-type(2) {
  margin-top: 0;
}
#bousai .product .note {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4166666667;
  margin-top: 65px;
}
#bousai .product .bannerWrap {
  margin-top: 110px;
}
#bousai .product .bannerWrap p {
  font-size: 44px;
  letter-spacing: 0.15em;
  color: #006fbc;
}
#bousai .product .bannerWrap p + p {
  margin-top: 10px;
}
#bousai .product .bannerWrap .decorated {
  font-size: 34px;
  letter-spacing: 0.1em;
  position: relative;
}
#bousai .product .bannerWrap .decorated:before, #bousai .product .bannerWrap .decorated:after {
  content: "";
  position: relative;
  display: inline-block;
  background: #006fbc;
  width: 2px;
  height: 1.2em;
  margin: 0 20px;
  margin-top: -0.2em;
  vertical-align: middle;
}
#bousai .product .bannerWrap .decorated:before {
  -webkit-transform: rotate(-27deg);
          transform: rotate(-27deg);
}
#bousai .product .bannerWrap .decorated:after {
  -webkit-transform: rotate(27deg);
          transform: rotate(27deg);
}
#bousai .product .bannerWrap a {
  width: 594px;
  margin: 14px auto 0;
  border-radius: 20px;
  box-shadow: 9px 8px 8px 1px #c7c7c7;
}
#bousai .product .layout {
  width: 676px;
  margin: 100px auto 0;
  padding: 94px 35px 140px;
  border-radius: 72px;
}
#bousai .product .layout h3 {
  font-size: 48px;
  line-height: 1.5416666667;
}
#bousai .product .layout .sizeImg {
  margin: 55px 0 0 0;
}
#bousai .product .layout .layoutImage {
  background: #fff;
  width: 453px;
  padding: 20px;
  position: relative;
}
#bousai .product .layout .layoutImage p {
  position: absolute;
}
#bousai .product .layout .layoutImage-living {
  margin: 150px 0 0 auto;
  position: relative;
}
#bousai .product .layout .layoutImage-living::before {
  content: "";
  background: url("/_var/about/social/yasashisa-stock/img/layout_illust01.png") center center no-repeat;
  background-size: contain;
  width: 221px;
  height: 425px;
  position: absolute;
  top: -80px;
  left: -208px;
}
#bousai .product .layout .layoutImage-living p {
  width: 196px;
  top: -70px;
  right: -17px;
}
#bousai .product .layout .layoutImage-bedroom {
  width: 440px;
  margin-top: 135px;
}
#bousai .product .layout .layoutImage-bedroom::before {
  content: "";
  background: url("/_var/about/social/yasashisa-stock/img/layout_illust02.png") center center no-repeat;
  background-size: contain;
  width: 240px;
  height: 395px;
  position: absolute;
  top: 117px;
  right: -237px;
}
#bousai .product .layout .layoutImage-bedroom p {
  width: 334px;
  top: -80px;
  left: 7px;
}
#bousai .product .layout .layoutImage-entrance {
  margin: 160px 0 0 auto;
}
#bousai .product .layout .layoutImage-entrance::before {
  content: "";
  background: url("/_var/about/social/yasashisa-stock/img/layout_illust03.png") center center no-repeat;
  background-size: contain;
  width: 199px;
  height: 427px;
  position: absolute;
  top: -13px;
  left: -230px;
}
#bousai .product .layout .layoutImage-entrance p {
  width: 255px;
  top: -70px;
  right: -20px;
}
#bousai .product .layout .layoutImage-point {
  width: 518px;
  margin: 168px auto 0;
}
#bousai .product .layout .layoutImage .bubble {
  font-size: 28px;
  color: #006fbc;
  line-height: 1.4642857143;
  width: 400px;
  min-height: 265px;
  padding: 68px 25px 108px;
  position: absolute;
  top: -122px;
  right: -120px;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}
#bousai .product .layout .layoutImage .bubble::before {
  content: "";
  background: url("/_var/about/social/yasashisa-stock/img/product01_layout_pop.png") center center no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 48%;
  left: 47%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) rotate(355deg);
  z-index: -1;
}
#bousai .product01 .productCont {
  position: relative;
}
#bousai .product01 .productCont::before, #bousai .product01 .productCont::after {
  content: "";
  position: absolute;
}
#bousai .product01 .productCont::before {
  background: url("/_var/about/social/yasashisa-stock/img/product_illust.png") center center no-repeat;
  background-size: contain;
  width: 228px;
  height: 410px;
  top: -256px;
  right: 62%;
}
#bousai .product01 .productCont::after {
  background: url("/_var/about/social/yasashisa-stock/img/product_txt.png") center center no-repeat;
  background-size: contain;
  width: 387px;
  height: 153px;
  top: -125px;
  left: 43%;
}
#bousai .product01 .layout {
  background: url("/_var/about/social/yasashisa-stock/img/product01_bg.png") top center repeat;
  background-size: contain;
}
#bousai .product01 .layout .sizeImg {
  width: 672px;
  position: relative;
  right: 20px;
}

#bousai .product02 {
  padding-top: 175px;
}
#bousai .product02 h2 {
  width: 724px;
}
#bousai .product02 .heading figure {
  width: 504px;
  margin: -6px auto 0;
}
#bousai .product02 .heading .label {
  background: #ef8583;
}
/* #bousai .product02 .productIntro h3 {
  width: 585px;
  margin-top: 57px;
} */
#bousai .product02 .productList .pointBtn {
  background: #fce5e8;
}
#bousai .product02 .productList .pointBtn::before {
  background: url("/_var/about/social/yasashisa-stock/img/product02_point.png") center center no-repeat;
  background-size: contain;
}
#bousai .product02 .layout {
  background: url("/_var/about/social/yasashisa-stock/img/product02_bg.png") top center repeat;
  background-size: contain;
}
#bousai .product02 .layout .sizeImg:nth-of-type(1) {
  width: 672px;
  position: relative;
  right: 20px;
}
#bousai .product02 .layout .sizeImg:nth-of-type(2) {
  width: 672px;
  position: relative;
  left: -35px;
}

#bousai .product02 .layout .layoutImage-point {
  margin: 180px auto 0;
}
#bousai .product02 .layout .layoutImage .bubble {
  color: #ec6d71;
  width: 321px;
  padding: 62px 30px 108px;
  top: -130px;
  left: -116px;
  -webkit-transform: rotate(355deg);
          transform: rotate(355deg);
}
#bousai .product02 .layout .layoutImage .bubble::before {
  background: url("/_var/about/social/yasashisa-stock/img/product02_layout_pop.png") center center no-repeat;
  background-size: 100% auto;
  top: 49%;
  left: 54%;
  -webkit-transform: translate(-50%, -50%) rotate(2deg);
          transform: translate(-50%, -50%) rotate(2deg);
}

/*========================================== 
  USEFUL (PC)
========================================== */
#bousai .useful {
  padding-top: 240px;
}
#bousai .useful .usefulCont {
  padding: 90px 0 210px;
  position: relative;
}
#bousai .useful .usefulCont::before, #bousai .useful .usefulCont::after {
  content: "";
  position: absolute;
}
#bousai .useful .usefulCont::before {
  background: url("/_var/about/social/yasashisa-stock/img/useful_illust.png") center center no-repeat;
  background-size: contain;
  width: 239px;
  height: 198px;
  top: -115px;
  left: 57.5%;
}
#bousai .useful .usefulCont::after {
  background: url("/_var/about/social/yasashisa-stock/img/useful_txt.png") center center no-repeat;
  background-size: contain;
  width: 393px;
  height: 146px;
  top: -125px;
  right: 40%;
}
#bousai .useful h2 {
  font-size: 72px;
  font-weight: 900;
  line-height: 1.1944444444;
  text-align: center;
}
#bousai .useful .swiper {
  margin: 57px 50px 0;
  overflow: hidden;
  position: relative;
}
#bousai .useful .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#bousai .useful .swiper-wrapper h3 {
  width: 620px;
  margin: auto;
}
#bousai .useful .swiper-slide {
  width: 100% !important;
  height: auto;
}
#bousai .useful .swiper-button-wrap {
  width: 620px;
  position: absolute;
  top: 157px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
#bousai .useful .swiper-button-prev,
#bousai .useful .swiper-button-next {
  cursor: pointer;
  width: 57px;
  height: auto;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#bousai .useful .swiper-button-prev::after,
#bousai .useful .swiper-button-next::after {
  content: none;
}
#bousai .useful .swiper-button-prev:hover,
#bousai .useful .swiper-button-next:hover {
  opacity: 0.7;
}
#bousai .useful .swiper-button-prev {
  left: 0;
}
#bousai .useful .swiper-button-next {
  right: 0;
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
#bousai .useful .swiper-slide {
  height: auto;
}
#bousai .useful .swiper-slide img {
  display: block;
}
#bousai .useful .accordion-open,
#bousai .useful .accordion-close {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  background: #f39800;
  border-radius: 32px;
  position: relative;
  padding: 11px 105px 12px;
  margin-top: 54px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#bousai .useful .accordion-open:hover,
#bousai .useful .accordion-close:hover {
  opacity: 0.6;
}
#bousai .useful .accordion-open::before {
  content: "＋";
  position: absolute;
  right: 20px;
}
#bousai .useful .accordion-open.active::before {
  content: "－";
}
#bousai .useful .close-area {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
}
#bousai .useful .accordion-close {
  width: 573px;
}
#bousai .useful .accordion-close::before {
  content: "✕";
  position: absolute;
  right: 30px;
}
#bousai .useful .accordion {
  max-width: 750px;
  margin: auto;
  display: none;
  text-align: center;
  padding: 10px 0 0;
}
#bousai .useful .accordion li {
  padding: 56px 0;
  border-bottom: solid 1px #231815;
}
#bousai .useful .accordion li:last-of-type {
  border: none;
}
#bousai .useful .accordion figure {
  margin: auto;
}
#bousai .useful .accordion .productName {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 20px;
}
#bousai .useful .accordion .pointTxt {
  width: 282px;
  margin: 35px auto 0;
}
#bousai .useful .accordion p {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.5384615385;
  margin-top: 30px;
}
#bousai .useful .accordion .note {
  font-size: 18px;
}
#bousai .useful .accordion a {
  font-size: 20px;
  display: block;
  text-align: center;
  background: #dcdddd;
  padding: 15px 50px 16px;
  margin-top: 35px;
  border-radius: 32px;
  position: relative;
  min-width: 264px;
  display: inline-block;
}
#bousai .useful .accordion a::before, #bousai .useful .accordion a::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 20px;
  width: 15px;
  height: 4px;
  border-radius: 9999px;
  background-color: #231815;
  -webkit-transform-origin: calc(100% - 2px) 50%;
          transform-origin: calc(100% - 2px) 50%;
}
#bousai .useful .accordion a::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#bousai .useful .accordion a::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#bousai .useful .useful01-product01 figure {
  width: 206px;
}
#bousai .useful .useful01-product02 figure {
  width: 197px;
}
#bousai .useful .useful01-product03 figure {
  width: 192px;
}
#bousai .useful .useful02-product01 figure {
  width: 300px;
}
#bousai .useful .useful02-product02 figure {
  width: 226px;
}
#bousai .useful .useful02-product03 figure {
  width: 437px;
}
#bousai .useful .useful03-product01 figure {
  width: 162px;
}
#bousai .useful .useful03-product02 figure {
  width: 328px;
}
#bousai .useful .useful03-product03 figure {
  width: 178px;
}

/*========================================== 
  INFORMATION (PC)
========================================== */
#bousai .information {
  padding: 240px 0 134px;
  overflow: hidden;
}
#bousai .information .infoCont {
  padding: 135px 0 275px;
  position: relative;
}
#bousai .information .infoCont::before, #bousai .information .infoCont::after {
  content: "";
  position: absolute;
}
#bousai .information .infoCont::before {
  background: url("/_var/about/social/yasashisa-stock/img/information_illust.png") center center no-repeat;
  background-size: contain;
  width: 268px;
  height: 362px;
  top: -210px;
  right: 60%;
}
#bousai .information .infoCont::after {
  background: url("/_var/about/social/yasashisa-stock/img/information_txt.png") center center no-repeat;
  background-size: contain;
  width: 387px;
  height: 153px;
  top: -123px;
  left: 43%;
}
#bousai .information h2 {
  font-size: 72px;
  font-weight: 900;
  line-height: 1.1944444444;
  text-align: center;
}
#bousai .information .bannerList {
  max-width: 805px;
  margin: 68px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#bousai .information .bannerList::after {
  content: "";
  display: block;
  width: 31.6770186335%;
}
#bousai .information .bannerList li {
  width: 31.6770186335%;
  margin-top: 19px;
}

/*========================================== 
  MODAL (PC)
========================================== */
.js-hidden {
  width: 100%;
  position: fixed;
}

.js-hidden body {
  width: 100%;
  position: fixed !important;
}
#bousai .modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(89, 87, 87, .6);
  padding: 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2147483647;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow-y: auto;
}
#bousai .modal.is-active {
  opacity: 1;
  visibility: visible;
}
#bousai .modal.is-active .modalContainer {
  -webkit-animation: modalPopUp 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
          animation: modalPopUp 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
#bousai .modal .modalContainer {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 353px;
  margin: auto 0;
}
#bousai .modal .modalItem {
  border-radius: 184px;
  width: 100%;
  margin: auto;
  padding: 83px 0 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  display: none;
}
#bousai .modal .modalItem.show {
  display: block;
}
#bousai .modal .productName {
  font-size: 23px;
  font-weight: 900;
  line-height: 1.3333333333;
}
#bousai .modal figure {
  margin-top: 24px;
}
#bousai .modal .pointTxt {
  width: 176px;
  margin: 24px auto 21px;
}
#bousai .modal p {
  font-size: 18px;
  color: #fff;
  line-height: 1.6666666667;
}
#bousai .modal .asterisk {
  font-size: 11px;
  vertical-align: super;
}
#bousai .modal .note {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3333333333;
  margin-top: 15px;
}
#bousai .modal a {
  font-size: 14px;
  display: block;
  text-align: center;
  background: #fff;
  padding: 8px 30px 9px;
  margin-top: 26px;
  border-radius: 24px;
  position: relative;
  min-width: 165px;
  display: inline-block;
}
#bousai .modal a::before, #bousai .modal a::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 15px;
  width: 9px;
  height: 2px;
  border-radius: 9999px;
  background-color: #231815;
  -webkit-transform-origin: calc(100% - 1px) 50%;
          transform-origin: calc(100% - 1px) 50%;
}
#bousai .modal a::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#bousai .modal a::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#bousai .modal .closebtn {
  font-size: 45px;
  font-weight: 900;
  color: #000;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#bousai .modal .closebtn:hover {
  opacity: 0.7;
}
#bousai .modal .product01-modalItem {
  background: #2EA7E0;
}
#bousai .modal .product01-modalItem .closebtn {
  color: #006FBC;
}
#bousai .modal .product02-modalItem {
  background: #F29C97;
}
#bousai .modal .product02-modalItem .closebtn {
  color: #EF8583;
}

/*========================================== 
  LEFT Content / RIGHT CONTENT (PC)
========================================== */
#bousai .left-cont {
  max-width: 220px;
  width: 100%;
}
#bousai .left-cont .sidebar-sticky-info {
  position: sticky;
  top: 220px;
  height: calc(100vh - 220px);
  -webkit-transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
#bousai .left-cont .leftContentContainer {
  height: 483px;
  padding-top: 80px;
}
#bousai .left-cont .sidebar-sticky-info.isScrollingUp {
  top: 60px;
}
#bousai .left-cont figure {
  width: 114px;
  margin: auto;
}
#bousai .left-cont .menuNav {
  width: 94%;
  margin: 35px auto 0;
  position: relative;
}
#bousai .left-cont .menuNav::before {
  content: "";
  background: url("/_var/about/social/yasashisa-stock/img/nav_illust.png") center center no-repeat;
  background-size: contain;
  width: 54px;
  height: 42px;
  position: absolute;
  top: -34px;
  right: 0;
}
#bousai .left-cont .menuNavList {
  border: solid 2px #2D79BE;
  border-radius: 20px;
  overflow: hidden;
}
#bousai .left-cont .menuNavList .menuNavItem03 {
  padding: 8px 10px 12px;
}
#bousai .left-cont .menuNavList .menuNavItem03 p {
  padding: 0 5px;
}
#bousai .left-cont .menuNavList li a,
#bousai .left-cont .menuNavList li p {
  font-size: 14px;
  color: #0074BE;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-align: left;
  padding: 17px 25px 17px 15px;
}
#bousai .left-cont .menuNavList li a {
  position: relative;
}
#bousai .left-cont .menuNavList li a::before {
  content: '';
  background: url('/_var/about/social/yasashisa-stock/img/nav_icon.png') center center no-repeat;
  background-size: contain;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
#bousai .left-cont .menuNavList li p {
  padding: 0;
}
#bousai .left-cont .menuNavList li .btn {
  font-size: 13px;
  color: #fff;
  text-align: center;
  border-radius: 12px;
  width: 100%;
  padding: 4px 0 5px;
  margin-top: 8px;
}
#bousai .left-cont .menuNavList li .btn.product01 {
  background: #006fbc;
}
#bousai .left-cont .menuNavList li .btn.product02 {
  background: #ef8583;
}
#bousai .left-cont .menuNavList li .btn::before {
  filter: invert(1) grayscale(1) brightness(3);
}
#bousai .left-cont .menuNavList li .btn + .btn {
  margin-top: 5px;
}
#bousai .left-cont .menuNavList li + li {
  border-top: solid 2px #2D79BE;
}

@-webkit-keyframes drawLine {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes drawLine {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slideUpFade {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slideUpFade {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .js-hidden {
    width: 100%;
    position: absolute;
  }
  .js-hidden body {
    width: 100%;
    position: absolute !important;
  }
}

@media screen and (max-width: 700px) {
  /*========================================== 
    COMMON (SP)
  ========================================== */
  #bousai .baseStyle .-pc,
  #bousai .baseStyle .-tb {
    display: none !important;
  }
  #bousai .baseStyle .-sp {
    display: block !important;
  }
  #bousai .baseStyle img {
    width: 100%;
    height: auto;
  }
  #bousai .baseStyle a:hover {
    opacity: 1;
  }
  #bousai .baseStyle .wrap {
    padding: 0;
  }
  /*========================================== 
    MAIN-CONT (SP)
  ========================================== */
  #bousai {
    max-width: 100%;
  }
  #bousai .wrap {
    min-height: 123vw;
    background: linear-gradient(
        to bottom,
        transparent 53.818vw,
        #fff 53.818vw,
        #fff calc(100% - 53.818vw),
        transparent calc(100% - 53.818vw)
    );
  }
  #bousai .wrap::before,
  #bousai .wrap::after {
    width: 109.818vw;
    height: 53.818vw;
    clip-path: inset(0 4.909vw 0 4.909vw);
  }
  #bousai .is-pending::before {
    border: solid 0.364vw #fff;
    font-size: 4.545vw;
    padding: 0 2vw 0.364vw;
  }
  /*========================================== 
    MV (SP)
  ========================================== */
  #bousai .mv {
    margin-bottom: 1.8181818182vw;
  }
  #bousai .mv::before {
    background: url("/_var/about/social/yasashisa-stock/img/mv-sp.png") center center no-repeat;
    background-size: cover;
    padding-top: 207.2727272727%;
  }
  #bousai .mv h1 {
    width: 62.7272727273vw;
    top: 94.3999999vw;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #bousai .menuNavList {
    width: 90.9090909091vw;
    margin: 7.2727272727vw auto 10.3636363636vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    border: solid 0.5454545455vw #0074be;
    border-radius: 5.4545454545vw;
    overflow: hidden;
  }
  #bousai .menuNavItem {
    width: 50%;
  }
  #bousai .menuNavItem02,
  #bousai .menuNavItem05 {
    border-left: solid 0.5454545455vw #0074be;
  }
  #bousai .menuNavItem03 {
    width: 100%;
    border-top: solid 0.5454545455vw #0074be;
    border-bottom: solid 0.5454545455vw #0074be;
    padding: 2.7272727273vw 2.1818181818vw 2.7272727273vw 4.5454545455vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #bousai .menuNavItem a,
  #bousai .menuNavItem p {
    font-size: 3.6363636364vw;
    color: #0074be;
  }
  #bousai .menuNavItem > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 16.3636363636vw;
    position: relative;
    padding: 0 9.0909090909vw 0 4.5454545455vw;
  }
  #bousai .menuNavItem a::before {
    content: "";
    background: url("/_var/about/social/yasashisa-stock/img/nav_icon.png") center center no-repeat;
    background-size: contain;
    width: 4.3636363636vw;
    height: 4.3636363636vw;
    position: absolute;
    top: 50%;
    right: 2.7272727273vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #bousai .menuNavItem03 .btn {
    font-size: 3.2727272727vw;
    color: #fff;
    width: 41.8181818182vw;
    padding: 0.9090909091vw 0 1.2727272727vw;
    border-radius: 3.0909090909vw;
  }
  #bousai .menuNavItem03 .btn + .btn {
    margin-top: 1.0909090909vw;
  }
  #bousai .menuNavItem03 .btn.product01 {
    background: #006fbc;
  }
  #bousai .menuNavItem03 .btn.product02 {
    background: #ef8583;
  }
  #bousai .menuNavItem03 .btn::before {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="3" /><feFuncG type="linear" slope="3" /><feFuncB type="linear" slope="3" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: invert(1) grayscale(1) brightness(3);
            filter: invert(1) grayscale(1) brightness(3);
    right: 0.9090909091vw;
  }
  /*========================================== 
    ABOUT (SP)
  ========================================== */
  #bousai .about h2 {
    font-size: 8.5454545455vw;
    letter-spacing: 0.06em;
  }
  #bousai .about h2 span {
    font-size: 10.9090909091vw;
    -webkit-text-stroke: 0.7272727273vw black;
  }
  #bousai .about p {
    font-size: 4.3636363636vw;
    margin-top: 6.3636363636vw;
  }
  #bousai .about p + p {
    margin-top: 4.7272727273vw;
  }
  /*========================================== 
    DESC (SP)
  ========================================== */
  #bousai .desc {
    padding: 45.45454545vw 0 0;
  }
  #bousai .desc .descCont {
    width: 100vw;
    margin: auto;
    padding: 25.8181818182vw 2.7272727273vw 21.8181818182vw;
  }
  #bousai .desc .descCont::before {
    width: 62.7272727273vw;
    height: 20.9090909091vw;
    top: -19.0909090909vw;
    right: 31vw;
  }
  #bousai .desc .descCont::after {
    width: 33.8181818182vw;
    height: 35.2727272727vw;
    top: -15.8181818182vw;
    left: 63vw;
  }
  #bousai .desc h2 {
    font-size: 9.8181818182vw;
    padding-top: 19.4545454545vw;
  }
  #bousai .desc h2 span {
    font-size: 5.4545454545vw;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 1.8181818182vw 4.7272727273vw 10.3636363636vw 6.3636363636vw;
  }
  #bousai .desc figure {
    width: 94.5454545455vw;
    margin: 10.9090909091vw auto 0;
  }
  #bousai .desc p {
    font-size: 4.3636363636vw;
    letter-spacing: 0.12em;
    margin-top: 9.0909090909vw;
  }
  /*========================================== 
    PRODUCT (SP)
  ========================================== */
  #bousai .product {
    padding-top: 42.7272727273vw;
  }
  #bousai .product .productCont {
    width: 100vw;
    margin: auto;
    padding: 19.2727272727vw 0 36.3636363636vw;
  }
  #bousai .product h2 {
    width: 80.5454545455vw;
  }
  #bousai .product .heading figure {
    width: 46.7272727273vw;
    margin: -2.1818181818vw auto 0;
  }
  #bousai .product .heading .lead {
    font-size: 10.9090909091vw;
    margin-top: 1.2727272727vw;
  }
  #bousai .product .heading .lead .small {
    font-size: 8.1818181818vw;
  }
  #bousai .product .heading .label {
    font-size: 8.1818181818vw;
    padding: 0.5454545455vw 3.6363636364vw 0.9090909091vw;
    min-width: 80vw;
    margin-top: 1.8181818182vw;
    border-radius: 1.8181818182vw;
  }
  #bousai .product .heading p {
    font-size: 4.3636363636vw;
    margin-top: 4.3636363636vw;
  }
  #bousai .product .productIntro h3 {
    width: 79.2727272727vw;
    margin: 4vw auto 0;
    right: 0.7272727273vw;
  }
  #bousai .product .productList {
    width: 85.0909090909vw;
    margin: 5.4545454545vw auto 0;
  }
  #bousai .product .productList::after {
    width: 46.8148148148%;
  }
  #bousai .product .productList li {
    width: 46.8148148148%;
    margin-top: 10.5454545455vw;
  }
  #bousai .product .productList .pointBtn {
    border-radius: 20vw;
    padding: 9.4545454545vw 1.8181818182vw 16.3636363636vw;
  }
  #bousai .product .productList .pointBtn:hover {
    opacity: 1;
  }
  #bousai .product .productList .pointBtn::before {
    width: 78.4810126582%;
  }
  #bousai .product .productList .pointBtn figure {
    width: 100%;
    height: 36.3636363636vw;
  }
  #bousai .product .productList .pointBtn figure + p {
    margin-top: 1.8181818182vw;
  }
  #bousai .product .productList .pointBtn p {
    font-size: 4vw;
    line-height: 1.2333333333;
  }
  #bousai .product .productList .pointBtn p .small {
    font-size: 3.2727272727vw;
    margin-top: 0.7272727273vw;
  }
  #bousai .product .productList li > a:last-child {
    font-size: 3.2727272727vw;
    padding: 1.8181818182vw 0 2.3636363636vw;
    margin-top: 3.2727272727vw;
    border-radius: 5.8181818182vw;
  }
  #bousai .product .productList li > a:last-child::before, #bousai .product .productList li > a:last-child::after {
    top: calc(50% - 2px);
    right: 3.0909090909vw;
    width: 2.1818181818vw;
    height: 0.5454545455vw;
    -webkit-transform-origin: calc(100% - 1px) 50%;
            transform-origin: calc(100% - 1px) 50%;
  }
  #bousai .product .note {
    font-size: 3.2727272727vw;
    margin-top: 8.1818181818vw;
  }
  #bousai .product .bannerWrap {
    margin-top: 12.7272727273vw;
  }
  #bousai .product .bannerWrap p {
    font-size: 5.4545454545vw;
  }
  #bousai .product .bannerWrap p + p {
    margin-top: 1.8181818182vw;
  }
  #bousai .product .bannerWrap .decorated {
    font-size: 4.3636363636vw;
  }
  #bousai .product .bannerWrap .decorated:before, #bousai .product .bannerWrap .decorated:after {
    width: 2px;
    height: 1.2em;
    margin: 0 2.5454545455vw;
    margin-top: -0.2em;
  }
  #bousai .product .bannerWrap a {
    width: 74.5454545455vw;
    margin: 1.8181818182vw auto 0;
    border-radius: 1.818vw;
    box-shadow: 1.09vw 1.09vw 1.27vw 1px #c7c7c7;
  }
  #bousai .product .layout {
    width: 85.4545454545vw;
    margin: 12.7272727273vw auto 0;
    padding: 11.6363636364vw 1.8181818182vw 17.4545454545vw;
    border-radius: 9.0909090909vw;
  }
  #bousai .product .layout h3 {
    font-size: 6.1818181818vw;
  }
  #bousai .product .layout .sizeImg {
    margin: 6.3636363636vw 0 0 9.0909090909vw;
  }
  #bousai .product .layout .layoutImage {
    width: 57.2727272727vw;
    padding: 2.7272727273vw;
  }
  #bousai .product .layout .layoutImage-living {
    margin: 18.1818181818vw 2.5454545455vw 0 auto;
  }
  #bousai .product .layout .layoutImage-living::before {
    width: 27.8181818182vw;
    height: 53.6363636364vw;
    top: -9.6363636364vw;
    left: -25.4545454545vw;
  }
  #bousai .product .layout .layoutImage-living p {
    width: 24.3636363636vw;
    top: -8.3636363636vw;
    right: -1.8181818182vw;
  }
  #bousai .product .layout .layoutImage-bedroom {
    width: 55.4545454545vw;
    margin: 17.0909090909vw 0 0 3.2727272727vw;
  }
  #bousai .product .layout .layoutImage-bedroom::before {
    width: 30.3636363636vw;
    height: 49.6363636364vw;
    top: 15.0909090909vw;
    right: -29.6363636364vw;
  }
  #bousai .product .layout .layoutImage-bedroom p {
    width: 41.4545454545vw;
    top: -9.8181818182vw;
    left: 0.5454545455vw;
  }
  #bousai .product .layout .layoutImage-entrance {
    margin: 19.8181818182vw 2.9090909091vw 0 auto;
  }
  #bousai .product .layout .layoutImage-entrance::before {
    width: 25.0909090909vw;
    height: 54vw;
    top: -1.4545454545vw;
    left: -28.1818181818vw;
  }
  #bousai .product .layout .layoutImage-entrance p {
    width: 31.6363636364vw;
    top: -8.5454545455vw;
    right: -2.1818181818vw;
  }
  #bousai .product .layout .layoutImage-point {
    width: 65.4545454545vw;
    margin: 20.9090909091vw auto 0;
  }
  #bousai .product .layout .layoutImage .bubble {
    font-size: 3.6363636364vw;
    width: 50vw;
    min-height: 32.7272727273vw;
    padding: 8vw 1.8181818182vw 13.8181818182vw;
    top: -14.9090909091vw;
    right: -14.5454545455vw;
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  #bousai .product01 .productCont {
    width: 100vw;
    margin: auto;
    padding: 19.2727272727vw 0 36.3636363636vw;
  }
  #bousai .product01 .productCont::before {
    width: 28.7272727273vw;
    height: 51.8181818182vw;
    top: -32.1818181818vw;
    right: auto;
    left: 7.2727272727vw;
  }
  #bousai .product01 .productCont::after {
    width: 58.5454545455vw;
    height: 25.0909090909vw;
    top: -22.5454545455vw;
    left: 35.8181818182vw;
  }
  #bousai .product01 .layout .sizeImg {
    width: 83.636vw;
    right: 8vw;
  }

  #bousai .product02 {
    padding-top: 23vw;
  }
  #bousai .product02 h2 {
    width: 91.4545454545vw;
  }
  #bousai .product02 .heading figure {
    width: 63.6363636364vw;
    margin: -1.0909090909vw auto 0;
  }
  /* #bousai .product02 .productIntro h3 {
    width: 73.818vw;
    margin-top: 6.545vw;
  } */
  #bousai .product02 .layout .sizeImg:nth-of-type(1) {
    width: 83.636vw;
    right: 8vw;
  }
  #bousai .product02 .layout .sizeImg:nth-of-type(2) {
    width: 83.636vw;
  }
  #bousai .product02 .layout .layoutImage-point {
    margin: 22.3636363636vw auto 0;
  }
  #bousai .product02 .layout .layoutImage .bubble {
    width: 39.6363636364vw;
    padding: 5.4545454545vw 5.4545454545vw 11.8181818182vw;
    top: -14.1818181818vw;
    left: -13.8181818182vw;
    -webkit-transform: rotate(355deg);
            transform: rotate(355deg);
  }
  /*========================================== 
    USEFUL (SP)
  ========================================== */
  #bousai .useful {
    padding-top: 31.2727272727vw;
  }
  #bousai .useful .usefulCont {
    width: 100vw;
    margin: auto;
    padding: 19.8181818182vw 0 36.3636363636vw;
  }
  #bousai .useful .usefulCont::before {
    width: 36vw;
    height: 29.8181818182vw;
    top: -11.8181818182vw;
    left: 61.8181818182vw;
  }
  #bousai .useful .usefulCont::after {
    width: 58.1818181818vw;
    height: 25.8181818182vw;
    top: -18.5454545455vw;
    right: auto;
    left: 6.1818181818vw;
    -webkit-transform: rotate(355deg);
            transform: rotate(355deg);
  }
  #bousai .useful h2 {
    font-size: 10.9090909091vw;
  }
  #bousai .useful .swiper {
    width: 94vw;
    margin: 8.7272727273vw auto 0;
  }
  #bousai .useful .swiper-wrapper h3 {
    width: 100%;
  }
  #bousai .useful .swiper-button-wrap {
    width: 100%;
    top: 24.3636363636vw;
  }
  #bousai .useful .swiper-button-prev,
  #bousai .useful .swiper-button-next {
    width: 8.7272727273vw;
  }
  #bousai .useful .swiper-button-prev:hover,
  #bousai .useful .swiper-button-next:hover {
    opacity: 1;
  }
  #bousai .useful .accordion-open,
  #bousai .useful .accordion-close {
    font-size: 5.4545454545vw;
    border-radius: 5.8181818182vw;
    padding: 1.8181818182vw 10.5454545455vw 2vw;
    margin-top: 8.3636363636vw;
    width: 86.9090909091vw;
  }
  #bousai .useful .accordion-open:hover,
  #bousai .useful .accordion-close:hover {
    opacity: 1;
  }
  #bousai .useful .accordion-open::before {
    right: 3.6363636364vw;
  }
  #bousai .useful .close-area {
    margin-top: 4.5454545455vw;
    margin-bottom: 0;
  }
  #bousai .useful .accordion-close {
    margin-top: 0;
  }
  #bousai .useful .accordion-close::before {
    right: 5.4545454545vw;
  }
  #bousai .useful .accordion {
    max-width: 87.2727272727vw;
    padding: 0;
  }
  #bousai .useful .accordion li {
    padding: 9.0909090909vw 0;
  }
  #bousai .useful .accordion .productName {
    font-size: 5.4545454545vw;
    margin-top: 3.2727272727vw;
  }
  #bousai .useful .accordion .pointTxt {
    width: 42.7272727273vw;
    margin: 4.7272727273vw auto 0;
  }
  #bousai .useful .accordion p {
    font-size: 4vw;
    margin-top: 4.3636363636vw;
  }
  #bousai .useful .accordion .note {
    font-size: 3.272727vw;
  }
  #bousai .useful .accordion a {
    font-size: 3.2727272727vw;
    padding: 2vw 6.5454545455vw 2.3636363636vw;
    margin-top: 5.0909090909vw;
    border-radius: 5.8181818182vw;
    min-width: 40vw;
  }
  #bousai .useful .accordion a::before, #bousai .useful .accordion a::after {
    top: calc(50% - 2px);
    right: 3.6363636364vw;
    width: 2.1818181818vw;
    height: 0.5454545455vw;
    -webkit-transform-origin: calc(100% - 1px) 50%;
            transform-origin: calc(100% - 1px) 50%;
  }
  #bousai .useful .useful01-product01 figure {
    width: 31.4545454545vw;
  }
  #bousai .useful .useful01-product02 figure {
    width: 29.6363636364vw;
  }
  #bousai .useful .useful01-product03 figure {
    width: 29.2727272727vw;
  }
  #bousai .useful .useful02-product01 figure {
    width: 45.0909090909vw;
  }
  #bousai .useful .useful02-product02 figure {
    width: 34.9090909091vw;
  }
  #bousai .useful .useful02-product03 figure {
    width: 69.4545454545vw;
  }
  #bousai .useful .useful03-product01 figure {
    width: 24.5454545455vw;
  }
  #bousai .useful .useful03-product02 figure {
    width: 50.9090909091vw;
  }
  #bousai .useful .useful03-product03 figure {
    width: 27.0909090909vw;
  }
  /*========================================== 
    INFORMATION (SP)
  ========================================== */
  #bousai .information {
    padding: 38.1818181818vw 0 43.6363636364vw;
  }
  #bousai .information .infoCont {
    width: 100vw;
    margin: auto;
    padding: 19.6363636364vw 0 32.3636363636vw;
  }
  #bousai .information .infoCont::before {
    width: 41.4545454545vw;
    height: 56.1818181818vw;
    top: -33.2727272727vw;
    right: auto;
    left: -5.0909090909vw;
  }
  #bousai .information .infoCont::after {
    width: 58.5454545455vw;
    height: 25.0909090909vw;
    top: -20.5454545455vw;
    left: 35.0909090909vw;
  }
  #bousai .information h2 {
    font-size: 10.9090909091vw;
  }
  #bousai .information .bannerList {
    max-width: 75.6363636364vw;
    margin: 6.9090909091vw auto 0;
  }
  #bousai .information .bannerList::after {
    width: 36vw;
  }
  #bousai .information .bannerList li {
    width: 36vw;
    margin-top: 3.6363636364vw;
  }
  /*========================================== 
    MODAL (SP)
  ========================================== */
  #bousai .modal .modalContainer {
    width: 71.2727272727vw;
  }
  #bousai .modal .modalItem {
    border-radius: 35.6363636364vw;
    padding: 16vw 0;
  }
  #bousai .modal .productName {
    font-size: 4.3636363636vw;
  }
  #bousai .modal figure {
    margin-top: 8vw;
  }
  #bousai .modal .pointTxt {
    width: 34.1818181818vw;
    margin: 6.9818181818vw auto 4.0727272727vw;
  }
  #bousai .modal p {
    font-size: 3.4909090909vw;
  }
  #bousai .modal .note {
    font-size: 2.6181818182vw;
    margin-top: 2.9090909091vw;
  }
  #bousai .modal a {
    font-size: 2.6181818182vw;
    padding: 1.6vw 5.8181818182vw 1.7454545455vw;
    margin-top: 5.0909090909vw;
    border-radius: 4.6545454545vw;
    min-width: 32vw;
  }
  #bousai .modal a::before, #bousai .modal a::after {
    top: calc(50% - 2px);
    right: 2.9090909091vw;
    width: 1.7454545455vw;
    height: 0.4363636364vw;
    -webkit-transform-origin: calc(100% - 1px) 50%;
            transform-origin: calc(100% - 1px) 50%;
  }
  #bousai .modal .closebtn {
    font-size: 8.7272727273vw;
  }
  #bousai .modal .closebtn:hover {
    opacity: 1;
  }
  /*========================================== 
    LEFT Content / RIGHT CONTENT (SP)
  ========================================== */
  #bousai .left-cont {
    display: none;
  }
}