@charset "UTF-8";

#main-header > .logo {
left: 3%;
}
.page-ttl-block {
width: 90%;
    padding: 115px 0 0;
    max-width: 1500px;
    margin: 0 auto;
}
.page-ttl-block .desc {
    right: 0;
}
#main-header .header-inner .tel {
position: fixed;
background: #fff;
border-radius: 50px;
padding: 10px 20px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.area-slide.concept {
border-top: none;
}
#main-header.on .header-inner .tel {
background: #e9f0f5;
}
@media screen and (max-width: 834px) {
.mv-slide .slick-slide img {
height: 225px;
object-fit: cover;
}
.page-ttl-block {
    height: max(330px, calc(109px + 50.35vw));
}
.page-ttl-block .desc p {
    font-size: max(15px, 3.59vw);
    letter-spacing: 0.3em;
}
.page-ttl-block .desc {
width: 48px;
}
.c-ttl04 {
    font-size: max(18px, 4vw);
    letter-spacing: 1.5px;
}
.sec-approach .lead-block__desc {
font-size: 14px;
font-size-adjust: 1.4rem;
}
.c-txt01 {
font-size: 12px;
font-size: 1.2rem;
}
.sec-lead .c-txt__vt {
font-size: 14px;
font-size: 1.4rem;
}
.sec-area__ttl {
    font-size: 21px;
    font-size: 2.1rem;
    letter-spacing: 1.5px;
}
.sec-approach .cycle__ttl {
font-size: 14px;
font-size: 1.4rem;
}
.sec-approach .cordinate-list {
    width: 700px;
}
.sec-approach .status .status-list {
    width: 800px;
    padding-right: 5%;
}
.sec-approach .status .status-list__item {
    width: 120px;
}
.sec-approach .status .status-list__item .period {
font-size: 16px;
font-size: 1.6rem;
}
.sec-approach .status .status-list__item .desc {
    font-size: 12px;
    font-size: 1.2rem;
}
.sec-approach .status .status-list:before {
    top: 142px;
}
.sec-approach .flow .flow-list__item .desc {
    font-size: 12px;
    font-size: 1.2rem;
}
.sec-approach .flow .flow-list {
    width: 1100px;
    padding-right: 5%;
}
.sec-approach .flow .flow-list__item {
    width: 200px;
}
.sec-approach .flow .flow-list:before {
    max-width: 1000px;
}
.sec-approach .cycle .cycle-list {
width: 1500px;
padding-right: 5%;
justify-content: space-between;
}
.sec-approach .cycle .cycle-list:before {
width: 1400px;
}
.sec-approach .cycle .cycle-list__item {
    position: relative;
    width: 140px;
}
.sec-approach .cycle .cycle-list__item .img {
    padding-top: 140px;
    width: 140px;
}
.sec-approach .cycle .cycle-list__item .img img {
width: 105px;
}
.sec-approach .method-list {
    width: 700px;
}
.sec-approach .method-list__item.__ttl {
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 10px;
}
.sec-approach .method-list__item .__txt {
    font-size: 12px;
    font-size: 1.2rem;
}
.sec-approach .price .price-table .head {
text-align: left;
}
.sec-interview .name-block__item .name {
    font-size: 21px;
    font-size: 2.1rem;
}
.sec-interview .name-block__item .position {
font-size: 12px;
font-size: 1.2rem;
}
.sec-interview .interview-block__ttl {
letter-spacing: .01em;
font-size: 16px;
font-size: 1.6rem;
}
}
@media screen and (max-width: 640px) {
.sec-approach .preparation .preparation-list {
    width: 650px;
    padding-right: 5%;
}
.sec-gallery .lead-box__ttl {
    font-size: max(21px, 4.5vw);
}
.sec-gallery .lead-box__desc {
font-size: 14px;
font-size: 1.4rem;
}
.c-txt02 {
    font-size: 12px;
    font-size: 1.2rem;
}
.sec-gallery .c-txt02 {
    margin-top: 10px;
}
.sec-gallery .img-box__cap .small {
    font-size: 12px;
    font-size: 1.2rem;
}
.sec-gallery .img-box__cap {
font-size: 16px;
font-size: 1.6rem;
}
.sec-menu .menu-list__item dt .small {
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0;
}
.sec-menu .menu-list__item {
align-items: center;
}
.sec-interview .lead-txt-block .lead-txt p {
font-size: 14px;
font-size: 1.4rem;
}
.sec-lead .sec-subttl {
font-size: 16px;
font-size: 1.6rem;
}
.sec-approach .cordinate-list__item .no {
font-size: 40px;
font-size: 4rem;
}
.approach-block .c-ttl02 {
line-height: 1;
}
.approach-block__txt .c-txt03 {
    margin: 20px 0;
}
#main-header .header-inner .tel {
display: block;
bottom: 0;
left: 0;
padding: 10px 0;
background: #79a7c6;
color: #fff;
font-weight: 600;
text-align: center;
width: 100%;
border-radius: 0;
}
#main-header.on .header-inner .tel {
background: #79a7c6;
}
#main-header .header-inner .tel span {
display: block;
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 5px;
}
#main-footer {
padding-bottom: 60px;
background: #e9f0f5;
}
#main-footer .copyright {
background: #e9f0f5;
color: #333;
}
.sec-approach .price .price-table .subhead {
font-size: 13px;
font-size: 1.3rem;
}
}



/* animation
-------------------*/



h1.fadeUp,
.cap.fadeUp,
.desc .fadeUp{
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1000ms;
}
h1.fadeUp.scrollin,
.cap.fadeUp.scrollin,
.desc .fadeUp.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

.mv-slide.fadeIn {
  opacity: 0;
  transition: all 1000ms;
}
.mv-slide.fadeIn.scrollin {
  opacity: 1;
}

.scroll-down {
  opacity: 0;
  transition: all 2000ms;
}
.scroll-down.scrollin {
  opacity: 1;
}

.fadein {
opacity: 0;
  transition: all 1000ms;
  transform: translate(0, 10px);
}
.fadein.scrollin {
opacity: 1;
  transform: translate(0, 0);
}

@media only screen and (min-width: 835px) {
  .sec-menu .menu-list__item.fadein:nth-of-type(2) {
    -moz-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
  }
  .sec-menu .menu-list__item.fadein:nth-of-type(3) {
    -moz-transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
  }
  .sec-menu .menu-list__item.fadein:nth-of-type(5) {
    -moz-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
  }
  .sec-menu .menu-list__item.fadein:nth-of-type(6) {
    -moz-transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
  }
}

img.blur {
  transition: all 2000ms;
  -ms-filter: blur(6px);
  filter: blur(6px);
}

img.blur.scrollin {
  -ms-filter:none;
  filter:none;
}

/* loading
-------------------------------------------------------------------------------------*/
#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background: #79a7c6;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
#loading .ldInr {
  position: relative;
  width: 100vw;
  height: 100vh;
}
#loading .ldBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.loader {
  color: #fff;
  margin: 0 auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load4 {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
.loaded {
  opacity: 0;
  visibility: hidden;
}