@charset "UTF-8";

.headerReform.type02 .header__menu {
  background-color: transparent;
}
@media screen and (max-width: 952px) {
  .headerReform.type02 .header__menu {
    background-color: #f8f7f4;
  }
}

.advice--keyvisual {
  position: relative;
  width: 100%;
  background: #e7e2d6;
}
.advice--keyvisual::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #e7e2d6;
  pointer-events: none;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
}
.advice--keyvisual__inner {
  position: relative;
}
.advice--keyvisual__report a {
  position: relative;
  display: block;
  color: #857d6e;
  font-weight: 700;
  letter-spacing: .05em;
}
.advice--keyvisual__report a::before,
.advice--keyvisual__report a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
.advice--keyvisual__report a::before {
  background-image: url(/homelounge/assets/images/reform/advice/report_01.png);
}
.advice--keyvisual__report a::after {
  background-image: url(/homelounge/assets/images/reform/advice/report_02.png);
  opacity: 0;
}
.advice--keyvisual__col02 {
  display: flex;
  flex-direction: column;
}
.advice--keyvisual__text01 {
  font-family: 'Noto Serif JP', serif;
}
.advice--keyvisual__text02 {
  color: #6c5f4c;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: .05em;
  text-align: center;
}
.advice--keyvisual__text02 span {
  display: block;
  color: #413434;
  letter-spacing: .025em;
}
@media screen and (max-width: 768px) {
  .advice--keyvisual {
    margin-top: 50px;
  }
  .advice--keyvisual::after {
    height: calc(50 / 750 * 100vw);
  }
  .advice--keyvisual__inner {
    padding: calc(60 / 750 * 100vw) calc(25 / 750 * 100vw) calc(30 / 750 * 100vw);
  }
  .advice--keyvisual__block01 {
    margin-top: calc(60 / 750 * 100vw);
  }
  .advice--keyvisual__col02 {
    flex-direction: column-reverse;
    margin-top: calc(78 / 750 * 100vw);
  }
  .advice--keyvisual__text01 {
    margin: 0 calc(25 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
    line-height: 2.1;
  }
  .advice--keyvisual__report {
    margin-bottom: calc(80 / 750 * 100vw);
  }
  .advice--keyvisual__report a {
    width: calc(640 / 750 * 100vw);
    height: calc(113 / 750 * 100vw);
    margin: auto;
    padding: calc(37 / 750 * 100vw) 0 0 calc(194 / 750 * 100vw);
    font-size: calc(36 / 750 * 100vw);
  }
  .advice--keyvisual__text01 {
    font-family: 'Noto Serif JP', serif;
  }
  .advice--keyvisual__text01 br {
    display: none;
  }
  .advice--keyvisual__text02 {
    margin-top: calc(65 / 750 * 100vw);
    font-size: calc(44 / 750 * 100vw);
    line-height: 1.4;
  }
  .advice--keyvisual__text02 span {
    margin-top: calc(30 / 750 * 100vw);
    font-size: calc(24 / 750 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .advice--keyvisual {
    margin-top: 80px;
    background: #e7e2d6 url(/homelounge/assets/images/reform/advice/image_02-pc.png) 50% min(calc(70 / 1920 * 100vw), 70px) / min(calc(1240 / 1200 * 100vw), 1240px) auto no-repeat;
  }
  .advice--keyvisual::after {
    top: calc(100% - 1px);
    height: 125px;
  }
  .advice--keyvisual__inner {
    position: relative;
    width: 85%;
    max-width: 1200px;
    margin: auto;
    padding: min(calc(25 / 1920 * 100vw), 25px) 0 min(calc(20 / 1920 * 100vw), 20px);
  }
  .advice--keyvisual__title {
    width: min(calc(550 / 1200 * 100vw), 550px);
    margin: auto;
  }
  .advice--keyvisual__block01 {
    display: flex;
    width: min(calc(786 / 1200 * 100vw), 786px);
    margin: min(calc(40 / 1200 * 100vw), 40px) auto 0;
  }
  .advice--keyvisual__col01 {
    width: min(calc(344 / 1200 * 100vw), 344px);
    padding-bottom: min(calc(3 / 1200 * 100vw), 3px);
  }
  .advice--keyvisual__col02 {
    flex: 1;
    margin-left: min(calc(50 / 1200 * 100vw), 50px);
  }
  .advice--keyvisual__text01 {
    padding: min(calc(3 / 1200 * 100vw), 3px) 0 min(calc(20 / 1200 * 100vw), 20px);
    font-size: min(calc(14 / 1200 * 100vw), 14px);
    line-height: 1.8;
    letter-spacing: .05em;
    white-space: nowrap;
  }
  .advice--keyvisual__report {
    margin-top: auto;
  }
  .advice--keyvisual__report a {
    width: min(calc(284 / 1200 * 100vw), 284px);
    height: min(calc(50 / 1200 * 100vw), 50px);
    padding: min(calc(17 / 1200 * 100vw), 17px) 0 0 min(calc(84 / 1200 * 100vw), 84px);
    font-size: min(calc(16 / 1200 * 100vw), 16px);
    transition: color .3s cubic-bezier(.215,.61,.355,1);
  }
  .advice--keyvisual__report a::before,
  .advice--keyvisual__report a::after {
    background-size: auto 100%;
    transition: opacity .3s cubic-bezier(.215,.61,.355,1);
  }
  .advice--keyvisual__report a:hover {
    color: #db7c00;
  }
  .advice--keyvisual__report a:hover::before {
    opacity: 0;
  }
  .advice--keyvisual__report a:hover::after {
    opacity: 1;
  }
  .advice--keyvisual__text02 {
    position: absolute;
    top: 102.5%;
    left: 50%;
    z-index: 2;
    font-size: min(calc(24 / 1200 * 100vw), 24px);
    transform: translateX(-50%);
  }
  .advice--keyvisual__text02 br {
    display: none;
  }
  .advice--keyvisual__text02 span {
    margin-top: min(calc(12 / 1200 * 100vw), 12px);
    font-size: min(calc(12 / 1200 * 100vw), 12px);
  }
}

.section--advice01 {
  background: #f7f6f5;
}
.section--advice01__number {
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  text-align: center;
}
.section--advice01__number span {
  font-size: 1.5em;
}
.section--advice01__nav__list {
  list-style: none;
}
.section--advice01__nav__button,
.section--advice01__nav__disabled {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid;
  border-radius: 100vmax;
  font-weight: 700;
  letter-spacing: .1em;
  text-decoration: none;
  text-align: center;
}
.section--advice01__nav__button {
  border-color: #413434;
  color: #413434;
}
.section--advice01__nav__button::before {
  content: '';
  position: absolute;
  top: 50%;
  background: url(/homelounge/assets/images/reform/advice/arrow_brown_01.png) 0 0 / cover no-repeat;
  transform: translateY(-50%) rotate(90deg);
}
.section--advice01__nav__disabled {
  border-color: #c9baa3;
  color: #c9baa3;
  cursor: not-allowed;
}
.section--advice01__nav__button.--outer-wall,
.section--advice01__nav__disabled.--outer-wall,
.section--advice01__nav__button.--roof,
.section--advice01__nav__disabled.--roof {
  letter-spacing: .5em;
}
@media screen and (max-width: 768px) {
  .section--advice01 {
    padding-top: calc(105 / 750 * 100vw);
  }
  .section--advice01__number {
    margin: 0 calc(15 / 750 * 100vw);
    font-size: calc(40 / 750 * 100vw);
  }
  .section--advice01__nav {
    position: relative;
    padding: 0 calc(50 / 750 * 100vw) 0;
  }
  .section--advice01__nav__trigger {
    position: relative;
    display: block;
    width: 100%;
    padding: calc(22 / 750 * 100vw) calc(40 / 750 * 100vw);
    background: none;
    border: 1px solid #413434;
    border-radius: calc(8 / 750 * 100vw);
    font-size: calc(32 / 750 * 100vw);
    font-weight: 700;
    letter-spacing: .1em;
    text-align: center;
    cursor: pointer;
  }
  .section--advice01__nav__trigger::after {
    content: '';
    position: absolute;
    top: calc(50% - calc(12 / 750 * 100vw));
    right: calc(28 / 750 * 100vw);
    border-top: calc(26 / 750 * 100vw) solid #413434;
    border-right: calc(18 / 750 * 100vw) solid transparent;
    border-bottom: calc(26 / 750 * 100vw) solid transparent;
    border-left: calc(18 / 750 * 100vw) solid transparent;
    pointer-events: none;
  }
  .section--advice01__nav__trigger[data-open="true"]::after {
    top: calc(50% - calc(38 / 750 * 100vw));
    transform: rotate(180deg);
  }
  .section--advice01__nav__list {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: calc(30 / 750 * 100vw) calc(50 / 750 * 100vw);
    background: #f7f6f5;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s cubic-bezier(.215,.61,.355,1), visibility .3s cubic-bezier(.215,.61,.355,1);
  }
  .section--advice01__nav__list[data-open="true"] {
    opacity: 1;
    visibility: visible;
  }
  .section--advice01__nav__item:not(:first-child) {
    margin-top: calc(30 / 750 * 100vw);
  }
  .section--advice01__nav__button,
  .section--advice01__nav__disabled {
    padding: calc(22 / 750 * 100vw) calc(80 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
  }
  .section--advice01__nav__button::before {
    right: calc(28 / 750 * 100vw);
    width: calc(32 / 750 * 100vw);
    height: calc(32 / 750 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .section--advice01 {
    padding-top: 145px;
  }
  .section--advice01__inner {
    width: 85%;
    max-width: 1200px;
    margin: auto;
  }
  .section--advice01__number {
    font-size: min(calc(40 / 1920 * 100vw), 40px);
    letter-spacing: .1em;
  }
  .section--advice01__nav__trigger {
    display: none;
  }
  .section--advice01__nav__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: min(calc(30 / 1920 * 100vw), 30px) min(calc(60 / 1920 * 100vw), 60px);
  }
  .section--advice01__nav__item {
    width: calc(33.33334% - min(calc(40 / 1920 * 100vw), 40px));
  }
  .section--advice01__nav__button,
  .section--advice01__nav__disabled {
    padding: min(calc(19 / 1920 * 100vw), 19px) min(calc(40 / 1920 * 100vw), 60px);
    font-size: min(calc(18 / 1920 * 100vw), 18px);
  }
  .section--advice01__nav__button {
    transition: opacity .3s cubic-bezier(.215,.61,.355,1);
  }
  .section--advice01__nav__button::before {
    right: min(calc(20 / 1920 * 100vw), 20px);
    width: min(calc(20 / 1920 * 100vw), 20px);
    height: min(calc(20 / 1920 * 100vw), 20px);
  }
  .section--advice01__nav__button:hover {
    opacity: .7;
  }
  .section--advice01__nav__button.--barrier-free,
  .section--advice01__nav__disabled.--barrier-free {
    letter-spacing: -.05em;
  }
}

.section--advice02 {
  background: #f7f6f5;
}
.section--advice02__head {
  display: flex;
  align-items: flex-start;
}
.section--advice02__icon {
  position: relative;
}
.section--advice02__icon::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  border: solid #857867;
}
.section--advice02__title {
  flex: 1;
  font-family: 'Noto Serif JP', serif;
  line-height: 1;
}
.section--advice02__title__sub {
  display: block;
  line-height: 1.3;
}
.section--advice02__title__main {
  display: block;
  line-height: 1.1;
}
.section--advice02__list {
  display: flex;
  flex-wrap: wrap;
}
.section--advice02__item {
  position: relative;
}
.section--advice02__checkbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  border-radius: 0;
  appearance: none;
  opacity: 0;
  cursor: pointer;
}
.section--advice02__label {
  position: relative;
  display: block;
  height: 100%;
}
.section--advice02__label::before,
.section--advice02__label::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateX(-50%);
}
.section--advice02__label::after {
  opacity: 0;
}
.section--advice02__checkbox:checked + .section--advice02__label::before {
  opacity: 0;
}
.section--advice02__checkbox:checked + .section--advice02__label::after {
  opacity: 1;
}
.section--advice02__text {
  text-align: center;
}
.section--advice02__generate {
  text-align: right;
}
.section--advice02__generate__button {
  position: relative;
  display: inline-block;
  font-weight: 700;
  letter-spacing: .1em;
  text-decoration: underline;
  transition: opacity .3s cubic-bezier(.215,.61,.355,1);
}
.section--advice02__generate__button::before {
  content: '';
  position: absolute;
  right: 0;
  background: url(/homelounge/assets/images/reform/advice/arrow_brown_01.png) 0 0 / cover no-repeat;
  transform: rotate(90deg);
}
.section--advice02__generate__button.--disabled {
  opacity: .3;
  cursor: not-allowed;
  pointer-events: none;
  user-select: none;
}
#outer-wall .section--advice02__icon::before {
  content: none;
}
#outer-wall .section--advice02__title__main {
  letter-spacing: .25em;
}
#roof .section--advice02__title__main {
  letter-spacing: .25em;
}
#thermal-environment .section--advice02__title__main {
  letter-spacing: .2em;
}
@media screen and (max-width: 768px) {
  .section--advice02 {
    padding-top: calc(100 / 750 * 100vw);
  }
  .section--advice02:nth-of-type(1) {
    padding-top: calc(80 / 750 * 100vw);
  }
  .section--advice02__inner {
    padding: 0 calc(25 / 750 * 100vw);
  }
  .section--advice02__icon {
    width: calc(120 / 750 * 100vw);
    margin-right: calc(20 / 750 * 100vw);
  }
  .section--advice02__icon::before {
    border-width: calc(2 / 750 * 100vw);
    border-radius: calc(10 / 750 * 100vw);
  }
  .section--advice02__icon img {
    border-radius: calc(10 / 750 * 100vw);
  }
  .section--advice02__title__sub {
    margin: calc(5 / 750 * -100vw) 0 calc(5 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
  }
  .section--advice02__title__main {
    font-size: calc(64 / 750 * 100vw);
  }
  .section--advice02__list {
    margin-top: calc(50 / 750 * 100vw);
    gap: calc(80 / 750 * 100vw) calc(44 / 750 * 100vw);
  }
  .section--advice02__item {
    width: calc(50% - calc(22 / 750 * 100vw));
  }
  .section--advice02__label {
    padding-bottom: calc(120 / 750 * 100vw);
  }
  .section--advice02__label::before,
  .section--advice02__label::after {
    width: calc(108 / 750 * 100vw);
    height: calc(80 / 750 * 100vw);
  }
  .section--advice02__label::before {
    background-image: url(/homelounge/assets/images/reform/advice/unchecked_01-sp.png);
  }
  .section--advice02__label::after {
    background-image: url(/homelounge/assets/images/reform/advice/checked_01-sp.png);
  }
  .section--advice02__image {
    border-radius: calc(10 / 750 * 100vw);
  }
  .section--advice02__text {
    margin-top: calc(22 / 750 * 100vw);
    font-size: calc(32 / 750 * 100vw);
    line-height: 1.4;
    letter-spacing: .075em;
  }
  .section--advice02__text.kerningNone--sp {
    letter-spacing: 0;
  }
  .section--advice02__text.kerningPlus01--sp {
    letter-spacing: .1em;
  }
  .section--advice02__text.kerningPlus02--sp {
    letter-spacing: .05em;
  }
  .section--advice02__text.kerningPlus03--sp {
    letter-spacing: .025em;
  }
  .section--advice02__text.kerningMinus01--sp {
    letter-spacing: -.1em;
  }
  .section--advice02__text.kerningMinus02--sp {
    letter-spacing: -.05em;
  }
  .section--advice02__text.kerningMinus03--sp {
    letter-spacing: -.025em;
  }
  .section--advice02__generate {
    margin-top: calc(80 / 750 * 100vw);
  }
  .section--advice02__generate__button {
    padding-right: calc(48 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
  }
  .section--advice02__generate__button::before {
    top: calc(3 / 750 * 100vw);
    width: calc(28 / 750 * 100vw);
    height: calc(28 / 750 * 100vw);
  }
  #balcony .section--advice02__title__main {
    letter-spacing: -.05em;
  }
}
@media screen and (min-width: 769px) {
  .section--advice02 {
    padding-top: min(calc(100 / 1920 * 100vw), 100px);
  }
  .section--advice02__inner {
    position: relative;
    width: 85%;
    max-width: 1200px;
    margin: auto;
  }
  .section--advice02__icon {
    width: min(calc(80 / 1920 * 100vw), 80px);
    margin-right: min(calc(18 / 1920 * 100vw), 18px);
  }
  .section--advice02__icon::before {
    border-width: min(calc(2 / 1920 * 100vw), 2px);
    border-radius: min(calc(10 / 1920 * 100vw), 10px);
  }
  .section--advice02__icon img {
    border-radius: min(calc(10 / 1920 * 100vw), 10px);
  }
  .section--advice02__title__sub {
    margin: min(calc(5 / 1920 * 100vw), 5px) 0;
    font-size: min(calc(14 / 1920 * 100vw), 14px);
  }
  .section--advice02__title__main {
    font-size: min(calc(50 / 1920 * 100vw), 50px);
  }
  .section--advice02__list {
    margin-top: min(calc(60 / 1920 * 100vw), 60px);
    gap: min(calc(60 / 1920 * 100vw), 60px) min(calc(20 / 1920 * 100vw), 20px);
  }
  .section--advice02__item {
    width: calc(25% - min(calc(15 / 1920 * 100vw), 15px));
    min-height: min(calc(445 / 1920 * 100vw), 445px);
  }
  .section--advice02__label {
    padding-bottom: min(calc(75 / 1920 * 100vw), 75px);
  }
  .section--advice02__label::before,
  .section--advice02__label::after {
    width: min(calc(68 / 1920 * 100vw), 68px);
    height: min(calc(50 / 1920 * 100vw), 50px);
  }
  .section--advice02__label::before {
    background-image: url(/homelounge/assets/images/reform/advice/unchecked_01-pc.png);
  }
  .section--advice02__label::after {
    background-image: url(/homelounge/assets/images/reform/advice/checked_01-pc.png);
  }
  .section--advice02__image {
    border-radius: min(calc(10 / 1920 * 100vw), 10px);
  }
  .section--advice02__text {
    margin-top: min(calc(22 / 1920 * 100vw), 22px);
    font-size: min(calc(20 / 1920 * 100vw), 20px);
    line-height: 1.6;
    letter-spacing: .075em;
  }
  .section--advice02__text.kerningNone--pc {
    letter-spacing: 0;
  }
  .section--advice02__text.kerningPlus01--pc {
    letter-spacing: .1em;
  }
  .section--advice02__text.kerningPlus02--pc {
    letter-spacing: .05em;
  }
  .section--advice02__text.kerningPlus03--pc {
    letter-spacing: .025em;
  }
  .section--advice02__text.kerningMinus01--pc {
    letter-spacing: -.1em;
  }
  .section--advice02__text.kerningMinus02--pc {
    letter-spacing: -.05em;
  }
  .section--advice02__text.kerningMinus03--pc {
    letter-spacing: -.025em;
  }
  .section--advice02__generate {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .section--advice02__generate__button {
    padding-right: min(calc(40 / 1920 * 100vw), 40px);
    font-size: min(calc(16 / 1920 * 100vw), 16px);
  }
  .section--advice02__generate__button::before {
    top: 0;
    width: min(calc(20 / 1920 * 100vw), 20px);
    height: min(calc(20 / 1920 * 100vw), 20px);
  }
  .section--advice02__generate__button:hover {
    opacity: .7;
  }
}

.advice--generate {
  background: #f7f6f5;
  text-align: center;
}
.advice--generate__button {
  position: relative;
  display: inline-block;
  border: 1px solid #413434;
  border-radius: 100vmax;
  font-weight: 700;
  letter-spacing: .175em;
}
.advice--generate__button::before,
.advice--generate__button::after {
  content: '';
  position: absolute;
  top: 50%;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.advice--generate__button::before {
  background-image: url(/homelounge/assets/images/reform/advice/search_brown_01.png);
}
.advice--generate__button::after {
  background-image: url(/homelounge/assets/images/reform/advice/search_white_01.png);
  opacity: 0;
}
.advice--generate__button:disabled {
  opacity: .3;
  cursor: not-allowed;
  pointer-events: none;
  user-select: none;
}
@media screen and (max-width: 768px) {
  .advice--generate__inner {
    padding-top: calc(100 / 750 * 100vw);
  }
  .advice--generate__button {
    padding: calc(30 / 750 * 100vw) calc(155 / 750 * 100vw);
    font-size: calc(48 / 750 * 100vw);
    transition: opacity .3s cubic-bezier(.215,.61,.355,1);
  }
  .advice--generate__button::before {
    right: calc(40 / 750 * 100vw);
    width: calc(56 / 750 * 100vw);
    height: calc(56 / 750 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .advice--generate__inner {
    padding-top: min(calc(100 / 1920 * 100vw), 100px);
  }
  .advice--generate__button {
    padding: min(calc(23 / 1920 * 100vw), 23px) min(calc(150 / 1920 * 100vw), 150px);
    font-size: min(calc(28 / 1920 * 100vw), 28px);
    transition: background .3s cubic-bezier(.215,.61,.355,1), color .3s cubic-bezier(.215,.61,.355,1), opacity .3s cubic-bezier(.215,.61,.355,1);
  }
  .advice--generate__button::before,
  .advice--generate__button::after {
    right: min(calc(40 / 1920 * 100vw), 40px);
    width: min(calc(44 / 1920 * 100vw), 44px);
    height: min(calc(44 / 1920 * 100vw), 44px);
    transition: opacity .3s cubic-bezier(.215,.61,.355,1);
  }
  .advice--generate__button:not(:disabled):hover {
    background: #413434;
    color: #fff;
  }
  .advice--generate__button:not(:disabled):hover::before {
    opacity: 0;
  }
  .advice--generate__button:not(:disabled):hover::after {
    opacity: 1;
  }
}

.advice--back {
  background: #f7f6f5;
}
.advice--back__reformIndex__button {
  position: relative;
  display: inline-block;
  font-weight: 700;
  text-decoration: underline;
}
.advice--back__reformIndex__button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  background: url(/homelounge/assets/images/reform/advice/arrow_brown_01.png) 0 0 / cover no-repeat;
  transform: translateY(-50%) rotate(180deg);
}
@media screen and (max-width: 768px) {
  .advice--back__inner {
    padding: calc(100 / 750 * 100vw) 0 calc(70 / 750 * 100vw);
  }
  .advice--back__reformIndex {
    margin-left: calc(25 / 750 * 100vw);
  }
  .advice--back__reformIndex__button {
    padding-left: calc(48 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
  }
  .advice--back__reformIndex__button::before {
    width: calc(28 / 750 * 100vw);
    height: calc(28 / 750 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .advice--back__inner {
    width: 85%;
    max-width: 1200px;
    margin: auto;
    padding: min(calc(85 / 1920 * 100vw), 85px) 0 min(calc(55 / 1920 * 100vw), 55px);
  }
  .advice--back__reformIndex__button {
    padding-left: min(calc(40 / 1920 * 100vw), 40px);
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    transition: opacity .3s cubic-bezier(.215,.61,.355,1);
  }
  .advice--back__reformIndex__button::before {
    width: min(calc(20 / 1920 * 100vw), 20px);
    height: min(calc(20 / 1920 * 100vw), 20px);
  }
  .advice--back__reformIndex__button:hover {
    opacity: .7;
  }
}

.advice--cv {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  transition: transform .2s ease;
  transform: translateX(-110%);
  animation: cv-show .2s ease .3s both;
}
.advice--cv:not(.--initHidden) {
  animation: cv-show .2s ease .3s both;
}
.advice--cv.--initHidden .advice--cv__inner {
  transform: translateX(-110%);
}
@keyframes cv-show {
  0% {
    transform: translateX(-110%);
  }
  100% {
    transform: translateX(0);
  }
}
.advice--cv__inner {
  position: relative;
  transition: transform .2s ease;
}
.advice--cv.--remove .advice--cv__inner,
.advice--cv.--hidden .advice--cv__inner {
  transform: translateX(-110%);
}
.advice--cv__title {
  background: #fad18f;
  color: #d66300;
  letter-spacing: .075em;
  text-align: center;
}
.advice--cv__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background: #d66300;
  border-radius: 50%;
  font-size: 0;
}
.advice--cv__close::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(/homelounge/assets/images/reform/advice/close_cv_01.png) 0 0 / contain no-repeat;
  transform: translate(-50%, -50%);
}
.advice--cv__list {
  display: flex;
}
.advice--cv__item {
  position: relative;
  width: 50%;
}
.advice--cv__item:first-child::after {
  content: '';
  position: absolute;
  top: 50%;
  z-index: 2;
  background: #fad18f;
  transform: translateY(-50%);
  pointer-events: none;
}
.advice--cv__item a {
  position: relative;
  display: block;
  background: #d66300;
  color: #fff;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: .075em;
  text-align: center;
}
.advice--cv__item a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  background: url(/homelounge/assets/images/reform/advice/arrow_cv_01.png) 0 0 / contain no-repeat;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .advice--cv__title {
    padding: calc(32 / 750 * 100vw);
    font-size: calc(32 / 750 * 100vw);
  }
  .advice--cv__close {
    top: calc(24 / 750 * 100vw);
    right: calc(18 / 750 * 100vw);
    width: calc(52 / 750 * 100vw);
    height: calc(52 / 750 * 100vw);
  }
  .advice--cv__close::before {
    width: calc(20 / 750 * 100vw);
    height: calc(20 / 750 * 100vw);
  }
  .advice--cv__item:first-child::after {
    right: calc(1 / 750 * 100vw * -1);
    width: calc(2 / 750 * 100vw);
    height: calc(80 / 750 * 100vw);
  }
  .advice--cv__item a {
    padding: calc(26 / 750 * 100vw) calc(28 / 750 * 100vw) calc(30 / 750 * 100vw);
    font-size: calc(36 / 750 * 100vw);
    line-height: 1.2;
  }
  .advice--cv__item a::after {
    right: calc(16 / 750 * 100vw);
    width: calc(34 / 750 * 100vw);
    height: calc(26 / 750 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .advice--cv {
    width: min(calc(400 / 1200 * 100vw), 400px);
  }
  .advice--cv__title {
    padding: min(calc(16 / 1200 * 100vw), 16px);
    border-radius: 0 min(calc(40 / 1200 * 100vw), 40px) 0 0;
    font-size: min(calc(16 / 1200 * 100vw), 16px);
  }
  .advice--cv__close {
    top: 0;
    right: 0;
    width: min(calc(26 / 1200 * 100vw), 26px);
    height: min(calc(26 / 1200 * 100vw), 26px);
  }
  .advice--cv__close::before {
    width: min(calc(10 / 1200 * 100vw), 10px);
    height: min(calc(10 / 1200 * 100vw), 10px);
  }
  .advice--cv__item:first-child::after {
    right: -1px;
    width: 1px;
    height: min(calc(40 / 1200 * 100vw), 40px);
  }
  .advice--cv__item a {
    padding: min(calc(13 / 1200 * 100vw), 13px);
    font-size: min(calc(18 / 1200 * 100vw), 18px);
    line-height: 1.3;
  }
  .advice--cv__item a::after {
    right: min(calc(17 / 1200 * 100vw), 17px);
    width: min(calc(16 / 1200 * 100vw), 16px);
    height: min(calc(12 / 1200 * 100vw), 12px);
  }
  .advice--cv__close,
  .advice--cv__item a {
    transition: background .3s cubic-bezier(.215,.61,.355,1);
  }
  .advice--cv__close:hover,
  .advice--cv__item a:hover {
    background: #e2924d;
  }
}