@charset "UTF-8";

/* color */
:root {
  --bk-pink01: #FFB3A9;
  --bk-pink02: #FFDDD5;
  --line-green: #06C755;
  --line-green02: #00e15c;
  --main-yellow: #FEF200;
  --main-navy: #282B3E;
  --gray01: #5B5D71;
}

footer#footer{
	margin-top: 0px;
}

.container.-consultation {
  width: 90%;
  max-width: 1040px;
  margin: 0 auto;

}

article.-consultation {
  padding: 6.25rem 0 6.875rem;
  color: var(--main-navy);
  overflow: hidden;
}

/* consultation-outer */
.consultation-outer {
  margin: 0 auto;
  padding: 6.875rem 0 8.25rem;
  position: relative;
  width: 96.66666%;
  max-width: 1392px;
  background-color: #E5DFB8;
  border-radius: 4rem;
}

.consulthead-wrap {
  margin: auto;
  position: relative;
  width: 87.2%;
  max-width: 628px;
}

.consulthead-wrap img {
  margin: auto;
  max-width: 100%;
}

.consulthead-wrap .illust01 {
  position: absolute;
  left: -39.5%;
  bottom: -24px;
  width: 50%;
  max-width: 314px;
  transform: scale(0, 0);
  animation: .8s .6s ponpon linear forwards;
}

.consulthead-wrap .illust02 {
  position: absolute;
  right: -30.25%;
  bottom: -2px;
  width: 36.31%;
  max-width: 228px;
  transform: scale(0, 0);
  animation: .8s 1s ponpon linear forwards;
}

.consulthead-wrap .illust02 .-pc {
  display: block;
}

.consulthead-wrap .illust02 .-sp {
  display: none;
}

@keyframes ponpon {
  0% {
    transform: scale(0, 0);
  }

  10% {
    transform: scale(1.1, 0.9);
  }

  /*少し縮む*/
  40% {
    transform: scale(1.2, 0.80);
  }

  /*縮む*/
  50% {
    transform: scale(0.85, 1.15);
  }

  /*反動で縦長*/
  60% {
    transform: scale(1.1, 0.9);
  }

  /*また反動で縮む*/
  70% {
    transform: scale(0.95, 1.08);
  }

  /*反動が小さく*/
  90% {
    transform: scale(0.98, 1.02);
  }

  /*最後の震え*/
  100% {
    transform: scale(1, 1);
  }

  /*元に戻る*/
}

/* @media screen and (max-width: 992px) { */
article.-consultation {
  padding:0;
}

/* consultation-outer */
.consultation-outer {
  padding: 3.875rem 0 3.25rem;
  width: 100%;
  border-radius:0;
}

.consulthead-wrap {
  width: 87.2%;
  max-width: 327px;
}

.consulthead-wrap .illust01 {
  position: absolute;
  left: -16.13%;
  bottom: 0;
  width: 50.15%;
  /* max-width: 164px; */
}

.consulthead-wrap .illust02 {
  position: absolute;
  right: -8.5%;
  bottom: 10px;
  width: 37.3%;
  /* max-width: 122px; */
}

.consulthead-wrap .illust02 .-pc {
  display: none;
}

.consulthead-wrap .illust02 .-sp {
  display: block;
}

/* } */




/* consultpoint-list ----------------------------- */
.consultpoint-list {
  margin: 5rem auto 0;
  width: 94%;
  max-width: 1040px;
  display: flex;
  justify-content: space-between;
}

.consultpoint-list_item {
  position: relative;
  flex: 0 1 31.75%;
  background-color: var(--bk-pink02);
  border-radius: 2rem;
}

.consultpoint-list_item .badge {
  position: absolute;
  top: -2.5rem;
  right: 1rem;
  width: 89px;
}

.consultpoint_inner {
  position: relative;
  padding: 33px 0 190px;
  font-weight: 700;
  font-feature-settings: "palt";
  text-align: center;
  overflow: hidden;
  z-index: 10;
}

.consultpoint-list_item .subcopy {
  font-size: calc(17/16 * 1rem);
  letter-spacing: .05em;
}

.consultpoint-list_item .subcopy span {
  position: relative
}

.consultpoint-list_item .subcopy span:before,
.consultpoint-list_item .subcopy span:after {
  content: "";
  position: absolute;
  top: 2px;
  width: 7px;
  height: 100%;
  background-image: url(../images/consultation/icon-slash.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain
}

.consultpoint-list_item .subcopy span::before {
  left: -15px;
}

.consultpoint-list_item .subcopy span::after {
  right: -15px;
  transform: scale(-1, 1)
}

.consultpoint-list_item .title {
  margin-top: 5px;
  font-size: calc(32/16 * 1rem);
  line-height: 1.46;
  letter-spacing: .02em;
}

.consultpoint-list_item .maincopy {
  margin-top: .5rem;
  font-size: calc(14/16 * 1rem);
  line-height: 1.46;
  letter-spacing: 0;
}

.consultpoint-list_item .maincopy span {
  display: block;
}

.consultpoint-list_item .images {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.consultpoint-list_item .images img {
  margin: auto;
}

.consultpoint-list_item:nth-child(1) .images {
  bottom: 0;
}

.consultpoint-list_item:nth-child(2) .images {
  bottom: 18px;
}

.consultpoint-list_item:nth-child(3) .images {
  bottom: 0;

}


.consultpoint-list_item:nth-child(1) .images img {
  width: 97px;
}

.consultpoint-list_item:nth-child(2) .images img {
  width: 256px;
}

.consultpoint-list_item:nth-child(3) .images img {
  width: 248px;
}


/* 1200px以下用の記述 */
/* @media screen and (max-width: 1200px) { */
.consultpoint-list_item .title {
  font-size: calc(1vw * 32 / 1200 * 100);
}

/* } */
/* 768px以下用の記述 */
/* @media screen and (max-width: 992px) { */
/* consultpoint-list */
.consultpoint-list {
  margin: 1.875rem auto 0;
  width: 87.2%;
  display: block;
}

.consultpoint-list_item {
  margin-right: auto;
  margin-left: auto;
  max-width: 400px;
}

.consultpoint-list_item:not(:first-child) {
  margin-top: 3rem;
}

.consultpoint-list_item .title {
  font-size: calc(32/16 * 1rem);
}

.consultpoint-list_item:nth-child(1) .images {
  top: 180px;
}

/* } */
/* 370px以下用の記述 */
/* @media screen and (max-width: 370px) { */
.consultpoint-list_item .title {
  font-size: calc(24/16 * 1rem);
}

/* } */
/* consultsummary ----------------------------- */
.consultsummary-wrap {
  margin:0 auto 60px;
  text-align: left;
	padding: 0 20px;
}

.consultsummary-wrap p{
    font-size: 14px;
    font-weight: normal;
	line-height:1.8;
	text-align: justify;
	margin-bottom: 20px;
}

.consultsummary-wrap h2{
    font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}


.consultsummary-wrap.-second {
  margin-top: 108px;
}

.consultsummary-wrap .title {
  display: block;
}

.consultsummary-wrap .title img {
  margin: auto;
  display: inline-block;
}

/* 576px以下用の記述 */
/* @media screen and (max-width: 576px) { */
/* consultsummary */
.consultsummary-wrap {
  margin-top: 2.375rem;
}

.consultsummary-wrap.-second {
  margin-top: 4.375rem;
}

.consultsummary-wrap .title {
  width: 115.4%;
  margin-right: -7.7%;
  margin-left: -7.7%;
}

.consultsummary-wrap .title img {
  width: 100%;
}

/* } */
/* consultcheck-list */
.consultcheck-list {
  margin: 1.75rem auto 0;
  display: table;
}

.consultcheck-list_item:not(:first-child) {
  margin-top: 1.5rem;
}

.consultcheck-list_item .checkcopy {
  padding-left: 61px;
  position: relative;
  font-size: calc(26/16 * 1rem);
  font-weight: 600;
  font-feature-settings: 'palt' on;
  text-align: left;
  line-height: 1.3;
}

.consultcheck-list_item .checkcopy::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  width: 48px;
  height: 48px;
  background-image: url(../images/consultation/icon-check.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.consultcheck-list_item .checkcopy br {
  display: none;
}

.consultcheck-list_item .checkcopy span {
  font-size: calc(38/16 * 1rem);
}

/* 992px以下用の記述 */
/* @media screen and (max-width: 992px) { */
/* consultcheck-list */
.consultcheck-list {
  margin: 2.5rem auto 0;
  padding: 0 6.4%;
}

.consultcheck-list_item:not(:first-child) {
  margin-top: 1.75rem;
}

.consultcheck-list_item .checkcopy {
  padding-left: 44px;
  font-size: calc(20/16 * 1rem);
  line-height: 1.5;
  letter-spacing: -.5px;
}

.consultcheck-list_item .checkcopy::before {
  top: 4px;
  width: 32px;
  height: 32px;
}

.consultcheck-list_item .checkcopy br {
  display: block;
}

.consultcheck-list_item .checkcopy span {
  font-size: calc(20/16 * 1rem);
}

/* } */
/* consultadvice-list */
.consultadvice-list {
  margin: 2rem auto 0;
  max-width: 524px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.consultadvice-list_item {
  margin: 4px;
  padding: 8px 24px;
  display: inline-block;
  font-size: calc(28/16 * 1rem);
  font-weight: 700;
  font-feature-settings: 'palt' on;
  line-height: 1.4em;
  letter-spacing: 1.4px;
  background-color: var(--bk-pink02);
  border-radius: 50px;
}

.consultsummary-wrap .subcopy {
  margin-top: 4rem;
  font-feature-settings: 'pwid' on, 'palt' on;
  font-size: calc(24/16 * 1rem);
  font-weight: 700;
  line-height: 1.52;
}

.consultsummary-wrap .message {
  margin-top: .875rem;
  font-feature-settings: 'pwid' on, 'palt' on;
  font-size: calc(57/16 * 1rem);
  font-weight: 700;
  line-height: 1.52;
}

/* 992px以下用の記述 */
/* @media screen and (max-width: 992px) { */
/* consultadvice-list */
.consultadvice-list {
  margin: 1.5rem auto 0;
  width: 92%;
  max-width: 342px;
}

.consultadvice-list_item {
  margin: 3px;
  padding: 8px 24px;
  font-size: calc(18/16 * 1rem);
  line-height: 1.46;
  letter-spacing: .05em;
}

.consultsummary-wrap .subcopy {
  margin-top: 1.25rem;
  margin-right: auto;
  margin-left: auto;
  width: 90%;
  max-width: 266px;
  font-size: calc(16/16 * 1rem);
  line-height: 1.52;
}

.consultsummary-wrap .subcopy br {
  display: none;
}

.consultsummary-wrap .message {
  margin-top: .875rem;
  font-size: calc(32/16 * 1rem);
  line-height: 1.4;
}

.consultsummary-wrap .message span {
  display: block;
}

/* } */

/* consultsentry-wrap */
.consultsentry-wrap {
  margin: 5.75rem auto 0;
  padding: 50px 90px 80px;
  max-width: 862px;
  background-color: #fff;
  border-radius: 1.5rem;
}

.consultsentry-title {
  font-size: calc(36/16 * 1rem);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

.consultsentry-title span {
  display: inline-block;
  position: relative;
}

.consultsentry-title span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--main-navy);
}

.consultsentry-dl {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
  line-height: 1.8;
  font-feature-settings: 'palt' on;
}

/* .consultsentry-dl:first-of-type {
  margin-top: 2rem;
} */
.consultsentry-dl_dt {
  flex: 0 1 26%;
  font-size: calc(16/16 * 1rem);
  font-weight: 700;
}

.consultsentry-dl_dd {
  flex: 0 1 74%;
}

.consultsentry-dl_dd small {
  display: block;
  font-size: calc(14/16 * 1rem);
  line-height: 1.6;
}

.consultsentry-dl_dd span {
  padding-left: 1.5em;
  position: relative;
  display: block;
  font-size: calc(14/16 * 1rem);
  line-height: 1.6;
}

.consultsentry-dl_dd span::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 5px;
}

.consultsentry-dl_dd span:not(:first-of-type) {
  margin-top: 10px;
}

.consultsentry-btn.-pc {
  margin: 3.75rem auto 0;
  display: block;
  width: 100%;
  max-width: 682px;
  height: 112px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: var(--line-green);
  border-radius: 56px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}

.consultsentry-btn span {
  font-size: calc(36/16 * 1rem);
  font-weight: 700;
  line-height: 108px;
}

.consultsentry-btn.-sp {
  display: none;
}

@media (hover: hover) {
  .consultsentry-btn.-pc:hover {
    background-color: var(--line-green02);
  }
}

@media (hover: none) {
  .consultsentry-btn.-pc:active {
    background-color: var(--line-green02);
  }
}

.consultsentry-subcopy {
  margin-top: 1.5rem;
  font-size: calc(12/16 * 1rem);
  line-height: 1.8;
  text-align: center;
  font-feature-settings: 'palt' on;
}

/* 992px以下用の記述 */
/* @media screen and (max-width: 992px) { */
/* consultsentry-wrap */
.consultsentry-wrap {
  margin: 1.75rem 4.26666% 0;
  padding: 32px 20px 32px;
  border-radius: 1rem;
}

.consultsentry-title {
  font-size: calc(24/16 * 1rem);
}

.consultsentry-title span::after {
  height: 1px;
}

.consultsentry-dl {
  margin-top: 1.75rem;
  padding: 0 12px;
  line-height: 1.6;
  display: block;
}

.consultsentry-dl:first-of-type {
  margin-top: 2.125rem;
}

.consultsentry-dl_dt {
  font-size: calc(14/16 * 1rem);
}

.consultsentry-dl_dd {
  margin-top: 10px;
  font-size: calc(14/16 * 1rem);
  font-weight: normal;
}

.consultsentry-dl_dd small {
  font-size: calc(12/16 * 1rem);
}

.consultsentry-dl_dd span {
  padding-left: 1.5em;
  font-size: calc(12/16 * 1rem);
  line-height: 1.6;
}

.consultsentry-dl_dd span:not(:first-of-type) {
  margin-top: 10px;
}

.consultsentry-btn.-pc {
  display: none;
}

.consultsentry-btn.-sp {
  display: block;
}

.consultsentry-btn a {
  margin: 1.75rem auto 0;
  width: 100%;
  max-width: 303px;
  /* font-size: calc(24/16 * 1rem); */
  height: 80px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 44px;
  background-color: var(--line-green);
  display: flex;
  flex-direction: column;
}

.consultsentry-btn a .main {
  margin: auto;
  font-size: calc(24/16 * 1rem);
  line-height: 1.0;
}

.consultsentry-btn a .sub {
  display: block;
  margin: -8px auto auto;
  font-size: calc(10/16 * 1rem);
  line-height: 1.0;
}

.consultsentry-subcopy {
  display: none;
}

/* } */


/* roomview-slider */
.roomview-slider {
  position: relative;
  /* width: 282vw; */
  width: 130vw;
  margin-top: 2.5rem;
  margin-right: calc(50% - 141vw);
  margin-left: calc(50% - 141vw);
  margin-right: calc(50% - 65vw);
  margin-left: calc(50% - 65vw);
  overflow: hidden;
}

.roomview-slider .flowimg01 {
  padding: 0 1%;
  transform: translateX(0);
  animation: flow-font01 100s linear infinite;
}

.roomview-slider .flowimg02 {
  padding: 0 1%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateX(100%);
  animation: flow-font02 100s linear infinite;
}

.roomview-slider .flowimg01 img,
.roomview-slider .flowimg02 img {
  width: 100%;
  height: auto;
}

@keyframes flow-font01 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

@keyframes flow-font02 {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

.illst03 {
  position: absolute;
  right: 96px;
  bottom: -100px;
  animation: purupuru 5.0s linear infinite;
  z-index: 10;
}

@keyframes purupuru {
  90% {
    transform: translateY(4px);
  }

  92% {
    transform: translateY(-4px);
  }

  94% {
    transform: translateY(4px);
  }

  96% {
    transform: translateY(-4px);
  }

  98% {
    transform: translateY(4px);
  }

  100% {
    transform: translateY(0);
  }
}

/* 768px以下用の記述 */
@media screen and (max-width: 768px) {

  /* roomview-slider */
  .roomview-slider {
    width: 504vw;
    margin-top: 3.125rem;
    margin-right: calc(50% - 252vw);
    margin-left: calc(50% - 252vw);
  }
}

.illst03 {
  position: absolute;
  right: -26px;
  bottom: -70px;
  width: 50.93%;
}



/* onsultation-report */
.consultreport-wrap {
  margin: 7.5rem auto 0;
  width: 100%;
  max-width: 1040px;
}

.consultreport-maintitle {
  text-align: center;
  font-weight: 700;
  font-feature-settings: 'pwid' on, 'palt' on;
  line-height: 1.48;
}

.consultreport-maintitle .sub {
  display: block;
  font-size: calc(32/16 * 1rem);
}

.consultreport-maintitle .main {
  margin-top: 5px;
  display: block;
  font-size: calc(48/16 * 1rem);
}

.consultreport-list {
  margin-top: 2.75rem;
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 24px;
  grid-row-gap: 3.75rem;
}

.consultreport-list_item a {
  color: var(--main-navy);
  text-decoration: none;
  transition: 0.2s ease-in-out;
}

@media (hover: hover) {
  .consultreport-list_item a:hover {
    opacity: .6;
  }
}

@media (hover: none) {
  .consultreport-list_item a:active {
    opacity: .6;
  }
}

.consultreport-list_item video {
  border-radius: 1rem;
}

.consultreport-list_item a picture {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}

.consultreport-list_item a picture::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 136px;
  height: 136px;
  background-image: url(../images/consultation/icon-movie.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transform: translateX(-50%) translateY(-50%);
}

.consultreport-num {
  margin-top: 1.375rem;
  padding: 3px 14px;
  display: inline-block;
  font-size: calc(12/16 * 1rem);
  font-family: DM Sans;
  font-weight: 700;
  line-height: 1.52;
  text-align: center;
  border-radius: 2.5rem;
  border: 1px solid var(--main-navy);
}

.consultreport-title {
  margin-top: .625rem;
  font-size: calc(24/16 * 1rem);
  font-weight: 700;
  font-feature-settings: 'pwid' on, 'palt' on;
  line-height: 1.52;
  text-align: left;
}

.consultreport-more {
  margin-top: .125rem;
  font-size: calc(16/16 * 1rem);
  font-feature-settings: 'pwid' on, 'palt' on;
  line-height: 1.52;
  display: flex;
  align-items: center;
}

.consultreport-more::after {
  content: "";
  margin: auto auto auto 9px;
  display: inline-block;
  width: 12px;
  height: 9px;
  background-image: url(../images/consultation/icon-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transform: translateY(2px);
}

/* 1200px以下用の記述 */
/* @media screen and (max-width: 1200px) { */
.consultreport-list {
  padding: 0 5%;
}

/* } */
/* 992px以下用の記述 */
/* @media screen and (max-width: 992px) { */
/* onsultation-report */
.consultreport-wrap {
  margin: 7.5rem auto 0;
}

.consultreport-maintitle {
  text-align: center;
  line-height: 1.48;
}

.consultreport-maintitle .sub {
  font-size: calc(20/16 * 1rem);
}

.consultreport-maintitle .main {
  margin-top: 5px;
  font-size: calc(32/16 * 1rem);
}

.consultreport-list_item a picture::after {
  width: 97px;
  height: 97px;
}

.consultreport-num {
  margin-top: 1rem;
  padding: 4px 14px;
  font-size: calc(10/16 * 1rem);
  line-height: 1.52;
}

.consultreport-title {
  margin-top: .75rem;
  font-size: calc(18/16 * 1rem);
  line-height: 1.52;
}

.consultreport-more {
  margin-top: .5rem;
  font-size: calc(12/16 * 1rem);
  line-height: 1.52;
}

.consultreport-more::after {
  transform: translateY(1px);
}

/* } */
/* 768px以下用の記述 */
/* @media screen and (max-width: 769px) { */
.consultreport-list {
  margin-top: 1.5rem;
  margin-left: -12px;
  display: block;
  width: 70%;
}

.consultreport-list_item.slick-slide {
  margin-left: 1rem !important;
}

/* .consultreport-list_item a picture {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
} */
/* } */
/* cta-line */
.ctaline a {
  position: fixed;
  right: 1.5rem;
  bottom: .25rem;
  width: 254px;
  z-index: 10;
  transition: 0.2s ease-in-out;
}

@media (hover: hover) {
  .ctaline a:hover {
    opacity: .6;
  }
}

@media (hover: none) {
  .ctaline a:active {
    opacity: .6;
  }
}

/* @media screen and (max-width: 1200px) { */
.ctaline a {
  width: 200px;
}

/* } */
@media screen and (max-width: 768px) {
  .ctaline a {
    position: fixed;
    right: -8px;
    bottom: .125rem;
    /* bottom: 1.25rem; */
    width: 160px;
  }

}

a.noborder {
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  #footer {
    padding-bottom: 200px;
  }
}

.kurasirimemo-outer{
	text-align: center;
}

.kurasirimemo-outer .consultsummary-wrap{
	padding-top: 0;
	margin-bottom: 50px;
}

.kurasirimemo-outer .consultsummary-wrap:last-child{
	width: 80%;
}
.kurasirimemo-outer .consultsummary-wrap picture{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.kurasirimemo-outer .consultsummary-wrap picture img{
	margin-left: auto;
	margin-right: auto;
}

.kurasirimemo-outer .movie-title{
	width: 80%;
	margin:100px auto 50px;
}
.kurasirimemo-outer .movie-wrap{
	width: 90%;
	border-radius: 20px;
	border: 3px solid #000;
	padding: 20px;
	margin: 0 auto 50px;
}

.kurasirimemo-outer .movie-wrap h2{
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin: 0 auto 20px;
}

.kurasirimemo-outer .movie-wrap video{
	border-radius: 10px;
}

.kurasirimemo-outer .img-bottom{
	width: 90%;
	margin: 100px auto 0;
}
