@charset "UTF-8";
/* ---------------

   トップページ

   --------------- */


/* #header
-------------------------------------------------- */



/* .content-container
-------------------------------------------------- */
.p-page-head {
  margin-top: 80px;
}
.-service.p-page-lead  {
  position: relative;
  z-index: 0;
}
.-service.p-page-lead::after {
  content: "SERVICE";
  position: absolute;
  bottom: -30px;
  right: 0;
  font: 600 12rem 'Montserrat', cursive;
  color: #f8f8f8;
  z-index: -1;
  /*text-shadow: 1px 1px 0 #f7f7f7, -1px -1px 0 #f7f7f7,
               -1px 1px 0 #f7f7f7, 1px -1px 0 #f7f7f7,
               0px 1px 0 #f7f7f7,  0-1px 0 #f7f7f7,
               -1px 0 0 #f7f7f7, 1px 0 0 #f7f7f7;*/
}
.-bg.-service.p-page-lead {
  position: relative;
  z-index: 0;
  background: url(../../images/service_lead_bg.jpg) no-repeat 50% 100% / cover;
}
.p-page-lead {
  padding: clamp(56px, 2.591rem + 4.55vw, 96px) clamp(24px, 0.591rem + 4.55vw, 64px) clamp(96px, 4.545rem + 7.27vw, 160px);
}
.p-page-lead__title {
  position: relative;
  padding-top: 32px;
  margin-top: 64px;
}
.p-page-lead__title::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 2px;
  content: '';
  background: #1363df;
}
.p-page-lead__title span {
  display: inline-block;
}
.p-page-lead__text {
  margin-top: clamp(24px, 1.136rem + 1.82vw, 40px);
}
.p-feature__title {
  position: relative;
  padding-left: 24px;
  font-weight: 700;
}
.p-feature__title::before {
  position: absolute;
  top: calc(50% - 6px);
  left: 0px;
  width: 12px;
  height: 12px;
  content: '';
  border-radius: 50%;
  background: #1363df;
}
.p-feature__block {
  margin-top: clamp(40px, 1.955rem + 2.73vw, 64px);
}
.p-feature-point:not(:first-of-type) {
  margin-top: clamp(48px, 2.273rem + 3.64vw, 80px);
}
.p-feature-point__item {
  position: relative;
}
.p-feature-point__number {
  font-family: 'Roboto', sans-serif;
  font-size: clamp(2rem, 0.977rem + 1.36vw, 3.2rem);
  line-height: 1.2;
  font-weight: 500;
  color: #1363DF;
  text-align: center;
  display: inline-block;
  padding-right: clamp(1.6rem, 0.455rem + 2.73vw, 4rem);
  border-right: solid 2px #1363DF;
  position: absolute;
  left: 0;
  top: 0;
}
.p-feature-point__number::before {
  content: "特長";
  font-size: clamp(1rem, 0.489rem + 0.68vw, 1.6rem);
  font-weight: 600;
  display: block;
}
.p-feature-point__number::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: -2px;
  width: inherit;
  height: 40%;
  border-right: solid 2px #ccc;
}
.p-feature-point__title {
  margin-left: 5.6rem;
  margin-top: 4px;
}
.p-feature-point__item {
 margin-top: clamp(24px, 1.136rem + 1.82vw, 40px);
}
.p-feature-point__text {
  margin-top: clamp(16px, 0.818rem + 0.91vw, 24px);
}
@media screen and (min-width: 600px) {
.-flex.p-feature-point__item {
  display: flex;
  flex-diretion: row;
}
}
@media screen and (min-width: 960px) {
.p-page-lead {
  padding: clamp(56px, 2.591rem + 4.55vw, 96px) clamp(24px, 0.591rem + 4.55vw, 64px);
}
.-flex.p-page-lead {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-page-lead__title {
  margin-top: 0;
}
.p-page-lead__figure {
  flex-basis: 44%;
}
.p-page-lead__block {
  flex-basis: 50%;
}
.-flex.p-feature-point {
  display: flex;
  flex-diretion: row;
  justify-content: space-between;
  align-items: center;
}
.-reverse .p-feature-point__item {
  order: 1;
}
.p-feature-point__figure {
  flex-basis: 40%;
}
.-reverse .p-feature-point__figure {
  order: 2;
}
.p-feature-point__item {
  flex-basis: 56%;
  position: relative;
  margin-top: 0;
}
.-flex.p-feature-point__item {
  display: flex;
  flex-diretion: row;
}
.p-feature-point__number {
  line-height: 1.3;
  position: relative;
}
.p-feature-point__number::after {
  height: 56%;
}
.p-feature-point__content {
  margin-left: clamp(2.4rem, 0.955rem + 2.73vw, 4.8rem);
}
.p-feature-point__title {
  font-size: clamp(1.8rem, 0.807rem + 1.59vw, 3.2rem);
  margin-left: 0;
}
}
@media screen and (max-width: 1199px) {
.l-sub {
  display: none;
}
}
@media screen and (min-width: 1200px) {
.p-page-lead {
  padding: clamp(56px, 2.591rem + 4.55vw, 96px) 10%;
}
.p-feature__title {
  padding-left: 32px;
}
.-flex.p-facility-container {
  display: flex;
}
.p-facility {
  order: 2;
}
.p-facility__contents {
  width: calc(100% - 160px - 80px);
  margin: 0;
}
.l-sub {
  order: 1;
  width: 160px;
  min-width: 160px;
  margin: 0 160px 0 10%;
}
.l-sub__inner {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: clamp(80px, 3.545rem + 7.27vw, 144px);
  margin-bottom: clamp(80px, 3.545rem + 7.27vw, 144px);
}
.l-sub-nav__head {
  color: #1363df;
  font-weight: 700;
  margin-bottom: 40px;
}
.l-sub-nav__item {
  font-weight: 700;
  position: relative;
  padding-left: 24px;
}
.l-sub-nav__item:not(:first-of-type) {
  margin-top: 24px;
}
.l-sub-nav__item::before {
  position: absolute;
  top: 10px;
  left: 0;
  width: 8px;
  height: 8px;
  content: '';
  border-radius: 50%;
  background: #1363df;
}
.-child.l-sub-nav__list {
  margin-top: 4px;
}
.-child .l-sub-nav__item {
  font-size: 1.6rem;
  font-weight: 500;
  position: relative;
  padding: 8px 0;
}
.-child .l-sub-nav__item::before {
  position: absolute;
  top: 0;
  left: -21px;
  width: 1px;
  height: 100%;
  content: '';
  border-radius: none;
  background: #ccc none;
}
}