@charset "UTF-8";
img {
  max-width: 100%;
}

.pc {
  display: block !important;
}

@media only screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

.sp {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .sp {
    display: block !important;
  }
}

body #container {
  padding-bottom: 0;
}

#mainContent {
  margin-top: 110px;
  border-top: 5px solid #777;
  padding-top: 2px;
}

@media only screen and (max-width: 768px) {
  #mainContent {
    margin-top: 0;
  }
}

.captionList {
  font-size: 12px;
  letter-spacing: 0;
  line-height: calc(21/12);
  margin-bottom: 60px;
}

@media only screen and (max-width: 768px) {
  .captionList {
    font-size: 10px;
    margin-bottom: 30px;
  }
}


.pdfBox {
  align-items: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  margin: 50px auto;
}

@media only screen and (max-width: 768px) {
  .pdfBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.pdfBox__button {
  border: 1px solid #ccc;
  font-size: 14px;
  font-weight: bold;
  padding: 20px 55px;
  position: relative;
  color: #000;
  width: 395px;
}

.pdfBox__link:nth-child(n+2) {
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
  .pdfBox__button {
    font-size: 10px;
    width: 225px;
  }
}

.pdfBox__button::before {
  content: url(../imgs/icn-pdf.png);
  position: absolute;
  top: 12px;
  left: 10px;
}

@media only screen and (max-width: 768px) {
  .pdfBox__button::before {
    top: 17px;
  }
}

.pdfBox__button::after {
  content: url(../imgs/icn-arrow-gray.png);
  position: absolute;
  top: 22px;
  right: 20px;
}

@media only screen and (max-width: 768px) {
  .pdfBox__button::after {
    top: 30px;
  }
}







.heading01 {
  font-size: 24px;
  font-weight: bold;
  line-height: calc(34/24);
  letter-spacing: 0;
  display: inline-block;
  margin-bottom: 30px;
  padding-top: 34px;
  position: relative;
  border-top: 3px solid #000;
}

@media only screen and (max-width: 768px) {
  .heading01 {
    font-size: 20px;
    border-top: none;
    padding-left: 10px;
  }
}

.heading01__border {
  width: 100%;
  border-top: 1px solid #999;
}

@media only screen and (max-width: 768px) {
  .heading01__border {
    border-top: none;
  }
}

.heading02 {
  font-size: 24px;
  letter-spacing: 0;
  color: #fff;
  padding: 20px;
}

@media only screen and (max-width: 768px) {
  .heading02 {
    font-size: 18px;
    padding: 20px 10px;
  }
}

.heading02--10years {
  background-color: #be9ca2;
}

.heading02--repair {
  background-color: #97a4b5;
}

.heading02--check {
  background-color: #bbb293;
}

.heading02--valueUp {
  background-color: #9baa7e;
}

.heading02--lifeplanning {
  background-color: #b3a37f;
}

.heading02--choice {
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #84adb3), color-stop(50%, #c29687));
  background: -webkit-linear-gradient(top left, #84adb3 50%, #c29687 50%);
  background: -o-linear-gradient(top left, #84adb3 50%, #c29687 50%);
  background: linear-gradient(to bottom right, #84adb3 50%, #c29687 50%);
}

.heading02--cleaning {
  background-color: #84adb3;
}

.heading02--act {
  background-color: #c29687;
}

.heading02__sub {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  color: #000;
  background-color: #ccc;
  padding: 14px 20px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .heading02__sub {
    font-size: 12px;
    padding: 14px 10px;
    margin-bottom: 20px;
  }
}

.heading02__sub--10years {
  background-color: #ebe1e3;
}

.heading02__sub--repair {
  background-color: #e0e4e9;
}

.heading02__sub--check {
  background-color: #eae8de;
}

.heading02__sub--valueUp {
  background-color: #e1e5d8;
}

.heading02__sub--lifeplanning {
  background-color: #e8e3d8;
}

.heading02__sub--choice {
  background-color: #ebe1e3;
}

.heading02__sub--cleaning {
  background-color: #dae6e8;
}

.heading02__sub--act {
  background-color: #eddfdb;
}

.heading03 {
  font-size: 20px;
  letter-spacing: 0;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .heading03 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}

.heading03 span {
  font-size: 14px;
}

@media only screen and (max-width: 768px) {
  .heading03 span {
    font-size: 10px;
  }
}

.heading03--10years {
  color: #be9ca2;
}

.heading03--repair {
  color: #97a4b5;
}

.heading03--check {
  color: #bbb293;
}

.heading03--valueUp {
  color: #9baa7e;
}

.heading03--lifeplanning {
  color: #b3a37f;
}

.heading03--cleaning {
  color: #84adb3;
}

.heading03--act {
  color: #c29687;
}

.heading03--choice {
  color: #000;
}

.heading03--choice--blue {
  color: #84adb3;
  font-size: 20px !important;
}

@media only screen and (max-width: 768px) {
  .heading03--choice--blue {
    font-size: 16px !important;
  }
}

.heading03--choice--red {
  color: #c29687;
  font-size: 20px !important;
}

@media only screen and (max-width: 768px) {
  .heading03--choice--red {
    font-size: 16px !important;
  }
}

.heading04 {
  font-size: 16px;
  line-height: 2;
  font-weight: bold;
  padding-left: 10px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  .heading04 {
    margin: 0 10px 15px;
  }
}

.heading04--10year {
  border-left: 2px solid #be9ca2;
}

.listBox {
  border: 1px solid #000;
  padding: 45px 40px 25px;
  margin-bottom: 60px;
}

@media only screen and (max-width: 768px) {
  .listBox {
    padding: 20px 10px 10px;
    margin-bottom: 30px;
  }
}

.listBox__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.listBox__list--10years li::before {
  content: '●';
  color: #be9ca2;
}

.listBox__list--repair li::before {
  content: '●';
  color: #97a4b5;
}

.listBox__list--cleaning li {
  width: 50% !important;
}

.listBox__list--cleaning li::before {
  content: '●';
  color: #84adb3;
}

.listBox__list li {
  width: calc(100%/3);
  padding-left: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  font-size: 14px;
}

@media only screen and (max-width: 768px) {
  .listBox__list li {
    width: calc(100%/2);
    font-size: 11px;
  }
}

.contactBox {
  background-color: #ccc;
  padding: 40px;
}

@media only screen and (max-width: 768px) {
  .contactBox {
    padding: 20px 20px;
  }
}

.contactBox--10years {
  background-color: #ebe1e3;
}

.contactBox--repair {
  background-color: #e0e4e9;
}

.contactBox--check {
  background-color: #eae8de;
}

.contactBox--valueUp {
  background-color: #e1e5d8;
}

.contactBox--lifeplanning {
  background-color: #e8e3d8;
}

.contactBox--choice {
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #dae6e8), color-stop(50%, #eddfdb));
  background: -webkit-linear-gradient(top left, #dae6e8 50%, #eddfdb 50%);
  background: -o-linear-gradient(top left, #dae6e8 50%, #eddfdb 50%);
  background: linear-gradient(to bottom right, #dae6e8 50%, #eddfdb 50%);
  background-repeat: no-repeat;
}

.contactBox__title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .contactBox__title {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

.contactBox__title__subtitle {
  background-color: #000;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 240px;
  height: 177px;
  text-align: center;
  font-size: 20px;
  line-height: calc(30/20);
  letter-spacing: 0;
  padding-top: 75px;
}

@media only screen and (max-width: 768px) {
  .contactBox__title__subtitle {
    width: 100%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: left;
    font-size: 14px;
  }
}

.contactBox__title__subtitle--two {
  padding-top: 65px;
  line-height: 1.5;
}

@media only screen and (max-width: 768px) {
  .contactBox__title__subtitle--two {
    padding-top: 25px;
    padding-top: 15px;
  }
}

.contactBox__title__subtitle--three {
  padding-top: 25px;
  height: 139px;
  line-height: 1.5;
}

@media only screen and (max-width: 768px) {
  .contactBox__title__subtitle--three {
    height: auto;
    padding-top: 15px;
  }
}

.contactBox__title__subtitle--10years {
  background-color: #be9ca2;
}

.contactBox__title__subtitle--repair {
  background-color: #97a4b5;
}

.contactBox__title__subtitle--check {
  background-color: #bbb293;
  padding-top: 40px;
  height: 134px;
}

@media only screen and (max-width: 768px) {
  .contactBox__title__subtitle--check {
    padding-top: 15px;
    height: auto;
  }
}

.contactBox__title__subtitle--valueUp {
  background-color: #9baa7e;
}

.contactBox__title__subtitle--lifeplanning {
  background-color: #b3a37f;
}

.contactBox__title__subtitle--choice1 {
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #84adb3), color-stop(50%, #c29687));
  background: -webkit-linear-gradient(top left, #84adb3 50%, #c29687 50%);
  background: -o-linear-gradient(top left, #84adb3 50%, #c29687 50%);
  background: linear-gradient(to bottom right, #84adb3 50%, #c29687 50%);
  height: 110px;
  padding-top: 30px;
}

@media only screen and (max-width: 768px) {
  .contactBox__title__subtitle--choice1 {
    padding-top: 14px;
    height: 46px;
  }
}

.contactBox__title__subtitle--choice2 {
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #84adb3), color-stop(50%, #c29687));
  background: -webkit-linear-gradient(top left, #84adb3 50%, #c29687 50%);
  background: -o-linear-gradient(top left, #84adb3 50%, #c29687 50%);
  background: linear-gradient(to bottom right, #84adb3 50%, #c29687 50%);
  padding-top: 60px;
}

@media only screen and (max-width: 768px) {
  .contactBox__title__subtitle--choice2 {
    padding-top: 14px;
  }
}

.contactBox__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .contactBox__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
  }
}

.contactBox__inner__texts {
  background-color: #fff;
  width: 1080px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px;
}

@media only screen and (max-width: 768px) {
  .contactBox__inner__texts {
    width: 100%;
    padding: 10px;
  }
}

.contactBox__inner__texts--choice {
  padding: 20px 30px;
}

@media only screen and (max-width: 768px) {
  .contactBox__inner__texts--choice {
    padding: 10px;
  }
}

.contactBox__inner__texts__lead {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  margin-bottom: 22px;
}

@media only screen and (max-width: 768px) {
  .contactBox__inner__texts__lead {
    font-size: 12px;
  }
}

.contactBox__inner__texts__lead--only {
  padding-top: 10px;
  line-height: 2;
  margin-bottom: 0px;
}

@media only screen and (max-width: 768px) {
  .contactBox__inner__texts__lead--only {
    margin-bottom: 20px;
  }
}

.contactBox__inner__texts__lead--only--choice {
  padding: 0;
}

.contactBox__inner__texts__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 768px) {
  .contactBox__inner__texts__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.contactBox__inner__texts__tel {
  font-size: 36px;
  letter-spacing: 0;
  position: relative;
  padding-left: 40px;
  margin-top: 10px;
  margin-bottom: 14px;
}
.contactBox__inner__texts__tel a[href^="tel:"]{
  pointer-events: none;
}

@media only screen and (max-width: 768px) {
  .contactBox__inner__texts__tel {
    font-size: 24px;
  }
  .contactBox__inner__texts__tel a[href^="tel:"]{
    pointer-events: initial;
  }
}

.contactBox__inner__texts__tel a {
  color: #000;
}

.contactBox__inner__texts__tel--10years,
.contactBox__inner__texts__tel--10years a[href^="tel:"]{
  color: #be9ca2;
}

.contactBox__inner__texts__tel--repair,
.contactBox__inner__texts__tel--repair a[href^="tel:"]{
  color: #97a4b5;
}

.contactBox__inner__texts__tel--check,
.contactBox__inner__texts__tel--check a[href^="tel:"]{
  color: #bbb293;
}

.contactBox__inner__texts__tel--valueUp,
.contactBox__inner__texts__tel--valueUp a[href^="tel:"]{
  color: #9baa7e;
}

.contactBox__inner__texts__tel--lifeplanning,
.contactBox__inner__texts__tel--lifeplanning a[href^="tel:"]{
  color: #b3a37f;
}

.contactBox__inner__texts__tel--choice{
  color: #c29687;
  position: relative;
}

.contactBox__inner__texts__tel--choice a {
  color: #c29687;
}

.contactBox__inner__texts__tel--choice::after {
  content: attr(data-inverted);
  overflow: hidden;
  position: absolute;
  left: 40px;
  top: -10px;
  width: 100%;
  height: 0px;
  color: #84adb3;
  padding-top: 10px;
  padding-bottom: 10px;
}

.contactBox__inner__texts__tel--10years::before {
  content: url(../imgs/icn-tel.png);
  background-color: #be9ca2;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -6px;
  left: 0px;
  border-radius: 8px;
  padding-top: 3px;
}

@media only screen and (max-width: 768px) {
  .contactBox__inner__texts__tel--10years::before {
    height: 27px;
    padding-top: 5px;
  }
}

.contactBox__inner__texts__tel--repair::before {
  content: url(../imgs/icn-tel.png);
  background-color: #97a4b5;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -6px;
  left: 0px;
  border-radius: 8px;
  padding-top: 3px;
}

@media only screen and (max-width: 768px) {
  .contactBox__inner__texts__tel--repair::before {
    height: 27px;
    padding-top: 5px;
  }
}

.contactBox__inner__texts__tel--check::before {
  content: url(../imgs/icn-tel.png);
  background-color: #bbb293;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -6px;
  left: 0px;
  border-radius: 8px;
  padding-top: 3px;
}

@media only screen and (max-width: 768px) {
  .contactBox__inner__texts__tel--check::before {
    height: 27px;
    padding-top: 5px;
  }
}

.contactBox__inner__texts__tel--valueUp::before {
  content: url(../imgs/icn-tel.png);
  background-color: #9baa7e;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -6px;
  left: 0px;
  border-radius: 8px;
  padding-top: 3px;
}

@media only screen and (max-width: 768px) {
  .contactBox__inner__texts__tel--valueUp::before {
    height: 27px;
    padding-top: 5px;
  }
}

.contactBox__inner__texts__tel--lifeplanning::before {
  content: url(../imgs/icn-tel.png);
  background-color: #b3a37f;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -6px;
  left: 0px;
  border-radius: 8px;
  padding-top: 3px;
}

@media only screen and (max-width: 768px) {
  .contactBox__inner__texts__tel--lifeplanning::before {
    height: 27px;
    padding-top: 5px;
  }
}

.contactBox__inner__texts__tel--choice::before {
  content: url(../imgs/icn-tel.png);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #84adb3), color-stop(50%, #c29687));
  background: -webkit-linear-gradient(top left, #84adb3 50%, #c29687 50%);
  background: -o-linear-gradient(top left, #84adb3 50%, #c29687 50%);
  background: linear-gradient(to bottom right, #84adb3 50%, #c29687 50%);
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -6px;
  left: 0px;
  border-radius: 8px;
  padding-top: 3px;
}

@media only screen and (max-width: 768px) {
  .contactBox__inner__texts__tel--choice::before {
    height: 27px;
    padding-top: 5px;
  }
}

.contactBox__inner__texts__button {
  display: inline-block;
  background-color: #000;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0;
  width: 375px;
  color: #fff;
  margin: 0 auto;
  padding: 30px 0;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .contactBox__inner__texts__button {
    width: 100%;
    margin: 10px auto;
    font-size: 12px;
    padding: 15px 0;
  }
}

.contactBox__inner__texts__button:hover {
  color: #fff;
}

.contactBox__inner__texts__button::before {
  content: url(../imgs/icn-mail.png);
  position: absolute;
  top: 30px;
  left: 15px;
}

@media only screen and (max-width: 768px) {
  .contactBox__inner__texts__button::before {
    top: 24px;
    left: 10px;
  }
}

.contactBox__inner__texts__button::after {
  content: url(../imgs/icn-arrow.png);
  position: absolute;
  top: 32px;
  right: 10px;
}

@media only screen and (max-width: 768px) {
  .contactBox__inner__texts__button::after {
    top: 24px;
    right: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .inner {
    width: 90%;
    margin: 0 auto;
  }
}

.texts {
  font-size: 14px;
  letter-spacing: 0;
  line-height: calc(21/14);
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .texts {
    font-size: 12px;
    margin-bottom: 25px;
  }
}

.header {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .header {
    padding-bottom: 10px;
  }
}

.header__top {
  width: 1160px;
  margin: 0 auto 40px;
  padding-top: 20px;
}

@media only screen and (max-width: 768px) {
  .header__top {
    width: 230px;
    margin: 0;
    padding-top: 15px;
    padding-left: 20px;
  }
}

.header__button {
  position: absolute;
  top: 0;
  right: 0;
  width: 66px;
}

.header__nav {
  width: 1160px;
  margin: 0 auto -4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .header__nav {
    display: none;
  }
}

.header__nav__sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  .header__nav__sp {
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
  }
}

.header__nav__sp__item {
  background-color: #fff;
  border-top: 1px solid #ccc;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  padding: 20px;
  position: relative;
  color: #000;
}

.header__nav__sp__item::after {
  content: url(../imgs/icn-arrow-pink.png);
  position: absolute;
  right: 10px;
}

.header__nav__sp__item--10years::before {
  content: '';
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #be9ca2;
}

.header__nav__sp__item--repair::before {
  content: '';
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #97a4b5;
}

.header__nav__sp__item--check::before {
  content: '';
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #bbb293;
}

.header__nav__sp__item--valueUp::before {
  content: '';
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #9baa7e;
}

.header__nav__sp__item--lifeplanning::before {
  content: '';
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #b3a37f;
}

.header__nav__sp__item--cleaning::before {
  content: '';
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #84adb3;
}

.header__nav__sp__item--act::before {
  content: '';
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c29687;
}

.header__nav__item {
  color: #000;
  text-align: center;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.header__nav__item:hover {
  opacity: 0.7;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.header__nav__item__inner {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: calc(21/14);
  padding: 0;
  margin-bottom: 3px;
  border-left: 1px solid #dcdcdc;
}

.header__nav__item__inner__act {
  border-right: 1px solid #dcdcdc;
}

.serviceSceduleArea {
  width: 1160px;
  margin: 60px auto;
}

@media only screen and (max-width: 768px) {
  .serviceSceduleArea {
    width: 100%;
    margin: 40px auto;
  }
}

.serviceSceduleArea__title {
  font-size: 24px;
  letter-spacing: 0;
  font-weight: bold;
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .serviceSceduleArea__title {
    font-size: 20px;
  }
}

.serviceSceduleArea__imagebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 768px) {
  .serviceSceduleArea__imagebox__left {
    width: 128px;
  }
}

@media only screen and (max-width: 768px) {
  .serviceSceduleArea__imagebox__left img {
    width: 128px;
    height: 308px;
  }
}

@media only screen and (max-width: 768px) {
  .serviceSceduleArea__imagebox__right {
    width: calc(100% - 128px);
    overflow-x: scroll;
    position: relative;
  }
}

@media only screen and (max-width: 768px) {
  .serviceSceduleArea__imagebox__right img {
    width: 630px;
    height: 308px;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 630px;
  }
}

@media only screen and (max-width: 768px) {
  .serviceSceduleArea__imagebox__wrapper {
    position: relative;
  }
}

@media only screen and (max-width: 768px) {
  .serviceSceduleArea__imagebox__arrow {
    position: absolute;
    width: calc(100% - 128px);
    margin-left: 128px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 0;
    top: 45%;
  }
}

@media only screen and (max-width: 768px) {
  .serviceSceduleArea__imagebox__arrow__left {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .serviceSceduleArea__imagebox__arrow__right {
    margin-right: 10px;
  }
}

.afterSceduleArea {
  width: 1160px;
  margin: 60px auto;
}

@media only screen and (max-width: 768px) {
  .afterSceduleArea {
    width: 100%;
    border-top: 3px solid #000;
  }
}

.afterSceduleArea__contact {
  border: 1px solid #b7b2a2;
  background-color: #f4f4ed;
  margin-top: 73px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .afterSceduleArea__contact {
    display: none;
  }
}

.afterSceduleArea__contact__title {
  font-size: 20px;
  letter-spacing: 0;
  font-weight: bold;
  margin: 30px 0 22px;
}

.afterSceduleArea__contact__button {
  background-color: #000;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0;
  width: 395px;
  color: #fff;
  margin: 30px auto 40px;
  padding: 30px 0;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .afterSceduleArea__contact__button {
    width: 100%;
  }
}

.afterSceduleArea__contact__button::before {
  content: url(../imgs/icn-mail.png);
  position: absolute;
  top: 30px;
  left: 20px;
}

.afterSceduleArea__contact__button::after {
  content: url(../imgs/icn-arrow.png);
  position: absolute;
  top: 32px;
  right: 10px;
}

.tenyearsArea {
  width: 1160px;
  margin: 60px auto;
}

@media only screen and (max-width: 768px) {
  .tenyearsArea {
    width: 100%;
    border-top: 3px solid #000;
  }
}

.repairArea {
  width: 1160px;
  margin: 60px auto;
}

@media only screen and (max-width: 768px) {
  .repairArea {
    width: 100%;
    margin: 30px auto;
  }
}

.repairArea__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 768px) {
  .repairArea__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.repairArea__box img {
  width: 263px;
  height: 163px;
}

@media only screen and (max-width: 768px) {
  .repairArea__box img {
    width: 100%;
    height: 100%;
    margin: 10px auto 30px;
  }
}

.repairArea__box__texts {
  margin-left: 30px;
}

@media only screen and (max-width: 768px) {
  .repairArea__box__texts {
    margin-left: 0;
  }
}

.repairArea__boxArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  .repairArea__boxArea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.repairArea__boxArea__box {
  width: 267px;
  border: 1px solid #97a4b5;
  margin-right: 20px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .repairArea__boxArea__box {
    width: 100%;
    margin-right: 0;
  }
}

.repairArea__boxArea__box:nth-of-type(4) {
  margin-right: 0;
}

.repairArea__boxArea__box__title {
  background-color: #e0e4e9;
  font-size: 16px;
  letter-spacing: 0;
  font-weight: bold;
  text-align: center;
  padding: 20px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.repairArea__boxArea__box__text {
  font-size: 14px;
  letter-spacing: 0;
  padding: 30px 25px;
}

@media only screen and (max-width: 768px) {
  .repairArea__boxArea__box__text {
    text-align: center;
  }
}

.repairArea__boxArea__box__text span {
  font-size: 20px;
  font-weight: bold;
}

.repairArea__pdf {
  margin-top: 50px;
  margin-bottom: 70px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}

.repairArea__pdf__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .repairArea__pdf__cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.repairArea__pdf__button {
  border: 1px solid #ccc;
  font-size: 14px;
  font-weight: bold;
  padding: 20px 55px;
  position: relative;
  color: #000;
}

@media only screen and (max-width: 768px) {
  .repairArea__pdf__button {
    margin-top: 30px;
    font-size: 10px;
  }
}

.repairArea__pdf__button::before {
  content: url(../imgs/icn-pdf.png);
  position: absolute;
  top: 12px;
  left: 10px;
}

@media only screen and (max-width: 768px) {
  .repairArea__pdf__button::before {
    top: 17px;
  }
}

.repairArea__pdf__button::after {
  content: url(../imgs/icn-arrow-gray.png);
  position: absolute;
  top: 22px;
  right: 20px;
}

@media only screen and (max-width: 768px) {
  .repairArea__pdf__button::after {
    top: 30px;
  }
}

.checkArea {
  width: 1160px;
  margin: 60px auto;
}

@media only screen and (max-width: 768px) {
  .checkArea {
    width: 100%;
    margin: 30px auto;
  }
}

.valueUpArea {
  width: 1160px;
  margin: 60px auto;
}

@media only screen and (max-width: 768px) {
  .valueUpArea {
    width: 100%;
    margin: 30px auto;
  }
}

.lifeplanningArea {
  width: 1160px;
  margin: 60px auto;
}

@media only screen and (max-width: 768px) {
  .lifeplanningArea {
    width: 100%;
    margin: 30px auto;
  }
}

.lifeplanningArea__photo {
  position: relative;
}

.lifeplanningArea__capIn {
  position: absolute;
  right: 9px;
  bottom: 9px;
  font-size: 10px;
}

@media only screen and (max-width: 768px) {
  .lifeplanningArea__capIn {
    font-size: 1.8vw;
  }
}

.choiceArea {
  width: 1160px;
  margin: 60px auto;
}

@media only screen and (max-width: 768px) {
  .choiceArea {
    width: 100%;
    margin: 30px auto;
  }
}

.backButton {
  border: 1px solid #999999;
  display: block;
  width: 360px;
  color: #000;
  text-align: center;
  padding: 16px 0;
  font-size: 14px;
  font-weight: bold;
  margin: 30px auto;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .backButton {
    width: 90%;
    font-size: 12px;
  }
}

.backButton::before {
  content: url(../imgs/icn-arrow-black.png);
  position: absolute;
  top: 17px;
  left: 10px;
}

@media only screen and (max-width: 768px) {
  .backButton::before {
    top: 18px;
  }
}

.clmb {
  overflow: hidden;
}

.clmb > div {
  float: left;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.clmb.cl3 {
  margin-left: -2%;
}

.clmb.cl3 > div {
  width: 31.33%;
  margin-left: 2%;
}

.clmb.cl3 > div.num02 {
  padding-top: 187px;
}

@media only screen and (max-width: 865px) {
  .clmb.cl3 > div.num02 {
    padding-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .clmb.cl3 {
    margin-top: -30px;
    margin-left: 0;
  }
  .clmb.cl3 > div {
    float: none;
    width: auto;
    margin-top: 30px;
    margin-left: 0;
  }
}

.Tblbox {
  overflow: hidden;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.Tblbox .areaL {
  display: inline-block;
  background-color: #fff;
  vertical-align: top;
  z-index: 10;
  margin-right: -5px;
}

.Tblbox .areaR {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.Tblbox .areaR {
  width: 67%;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .Tblbox .areaR {
    width: 64%;
  }
}

.Tblbox .areaR img {
  max-width: inherit;
}

/* pano */
#PANO,
#PANOWRAP {
  width: 945px;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  overflow: hidden;
  height: 460px;
  margin-left: auto;
  margin-right: auto;
}

#PANO-02,
#PANOWRAP-02 {
  width: 968px;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  overflow: hidden;
  height: 250px;
  margin-left: auto;
  margin-right: auto;
}

#PANOWRAP,
#PANOWRAP-02 {
  position: relative;
}

#PANOWRAP img,
#PANOWRAP-02 img,
.areaL img {
  max-width: inherit;
  max-width: none;
}

#PANOBODY,
#PANOBODY-F,
#PANOBODY-02,
#PANOBODY-F-02 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0px 0px;
  width: auto;
  height: auto;
}

#PANOBTN,
#PANOBTN-02 {
  text-align: center;
  padding: 10px 0;
  background-color: #D6D6D6;
  margin: 5px 0;
  width: 100%;
}

#PANOBTN img,
#PANOBTN-02 img {
  margin: 0 5px;
}

#PANO img.arr,
#PANO-02 img.arr {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  -webkit-user-select: none;
  cursor: pointer;
}

#PANO img.arr.left,
#PANO-02 img.arr.left {
  left: 14px;
  -webkit-animation: scrollL 1.5s infinite;
  animation: scrollL 1.5s infinite;
}

#PANO img.arr.right,
#PANO-02 img.arr.right {
  right: 14px;
  -webkit-animation: scrollR 1.5s infinite;
  animation: scrollR 1.5s infinite;
}

@-webkit-keyframes scrollR {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes scrollR {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes scrollL {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes scrollL {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@media only screen and (max-width: 865px) {
  /* pano */
  #PANO,
  #PANOWRAP,
  #PANO-02,
  #PANOWRAP-02 {
    position: relative;
    width: 100%;
    height: auto;
  }
  #PANOBODY,
  #PANOBODY-F,
  #PANOBODY-02,
  #PANOBODY-F-02 {
    height: 100%;
    background-size: auto 200%;
  }
  #PANO-LOAD,
  #PANO-LOAD-02 {
    height: 100%;
  }
  #PANO img.arr,
  #PANO-02 img.arr {
    -webkit-touch-callout: none;
  }
}

.services__facilityWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .services__facilityWrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.services__facilityInner {
  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;
}

@media only screen and (max-width: 768px) {
  .services__facilityInner {
    width: 90%;
    margin: 0 auto;
  }
}

.services__facility {
  margin-bottom: 20px;
}

.services__facility--four {
  width: 760px;
}

@media only screen and (max-width: 768px) {
  .services__facility--four {
    width: 100%;
  }
}

.services__facility--two {
  width: 370px;
}

@media only screen and (max-width: 768px) {
  .services__facility--two {
    width: 100%;
  }
}

.services__facility__item {
  width: 170px;
  height: 190px;
}

@media only screen and (max-width: 768px) {
  .services__facility__item {
    width: 48%;
    height: 50%;
    margin-bottom: 10px;
  }
}

.services__valueUp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

.services__valueUp img {
  width: 38%;
  height: 100%;
}

.services__valueUp__right {
  width: 60%;
}

.services__valueUp__right .services__list {
  display: block;
  margin-top: 0;
  width: 95%;
}

.services__valueUp__right .services__list li {
  width: 100%;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 18px;
  position: relative;
  padding-left: 20px;
}

.services__valueUp__right .services__list li::before {
  content: '●';
  color: #9baa7e;
  font-size: 10px;
  position: absolute;
  top: 5px;
  left: 5px;
}

.services__valueUp__right .services__list li sup {
  font-size: 10px;
}

.services__valueUp__right .services__list li p {
  font-size: 14px;
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  .services__valueUp__right .services__list li {
    font-size: 15px;
  }
  .services__valueUp__right .services__list li p {
    font-size: 12px;
    margin-top: 10px;
  }
  .services__valueUp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .services__valueUp img {
    padding: 0 10px;
    width: 100%;
  }
  .services__valueUp__right {
    width: 100%;
  }
  .services__valueUp__right .services__list {
    margin-top: 10px;
  }
}

.choiceArea__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

.choiceArea__wrapper .listBox {
  margin-bottom: 0;
}

.choiceArea__column {
  width: 48%;
  margin-top: 30px;
}

.choiceArea__column .services__list li {
  width: 50%;
  font-size: 12px;
}

@media only screen and (max-width: 768px) {
  .choiceArea__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .choiceArea__column {
    width: 100%;
    margin-top: 30px;
  }
  .choiceArea__column .services__list li {
    width: 100%;
  }
}

.choiceArea__list {
  counter-reset: number;
}

.choiceArea__list li {
  font-size: 16px;
  font-weight: bold;
}

.choiceArea__list li::before {
  counter-increment: number;
  content: counter(number);
  background-color: #84adb3;
  font-size: 20px;
  padding: 10px;
}
.goPageTop {
  display: block;
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  z-index: 2;
  will-change: transform;
  transform: translateY(0%);
  transition: .4s ease;
}
.goPageTop:hover {
  opacity: .8;
}
.goPageTop--off {
  transform: translateY(120%);
}

.navAnchor {
  display: none;
}

@media only screen and (max-width: 768px) {

  .navAnchor {
    display: inline-block;
    text-align: right;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 45px;
    position: relative;
    padding-right: 34px;
    width: 90%;
  }

  .navAnchor::before {
    content: "";
    display: block;
    position: absolute;
    top: 60%;
    right: 8px;
    transform: translateY(-50%) rotate(-45deg);
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    z-index: 1;
  }

  .navAnchor::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-color: #000;
  }
}