@charset "utf-8";
/* CSS Document */

.mv-section .mv-content .mv-vis .mvvis-inner {
  background-image: url("../images/pagetitle-bg.jpg");
  background-position: right top;
}
.l-contBox__mainvis__img {
  background-image: url('../images/mainvis-img.jpg');
}
.l-contBox__mainvis__text {
  background: #008cd0;
}
.c-ttlh4 {
  color: #008cd0;
}
.c-ttlh4::before {
  background: #008cd0;
}
.c-ttlh5 {
  background: #008cd0;
}
.c-borderBox {
  border-color: #008cd0;
}
.c-borderBox .icon-srv {
  background: #008cd0;
}
.c-borderBox .p-ttlh5 {
  color: #008cd0;
}
.p-result-ttl {
  background: #008cd0;
}
.color-blue {
  color: #008cd0;
}
.tab-area li.select {
  background-color: #008cd0;
}
@media print, screen and (min-width: 769px){

}

@media screen and (max-width:768px){
  .srv-detail {
    margin-top: 60px;
  }
  .c-contWrap__item .icon-srv {
    width: 60px;
    top: -30px;
  }
  .c-contWrap__item .p-ttlh5 {
    font-size: 20px;
  }
  .skd-img {
    width: 600px;
  }
}

/*----------------------------------------
  スタッフ紹介の流れ
----------------------------------------*/
.p-flow .tab-content {
  margin-top: 50px;
}
.p-flow .tab-area li.select {
  background-color: #008cd0;
}
.p-flow h5 {
  color: #008cd0;
  font-size: 24px;
  margin-bottom: 0.5em;
}
.p-flow .c-borderBox {
  margin-bottom: 60px;
}
.p-flow .c-borderBox::after {
  content: '\f0d7';
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  position: absolute;
  bottom: -85px;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
  -webkit- transform: translateY(0%) translateX(-50%);
  margin: auto;
  font-size: 60px;
  color: #008cd0;
}
.p-flow .tab-content__item .c-borderBox:last-child::after {
  content: none;
}
.p-flow .c-contWrap__imgSpc {
  position: relative;
}
.p-flow .c-contWrap__imgSpc span {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #008cd0;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  font-size: 28px;
  color: #FFF;
  font-weight: bold;
  position: absolute;
  top: -30px;
  left: -30px;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.p-skd h5 {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 15px;
}
.p-skd h5 .fas {
  margin: 0 5px;
  color: #008cd0;
}

@media print, screen and (min-width: 769px){
  .p-flow .c-borderBox {
    padding: 50px;
  }
  .p-flow .c-contWrap {
    justify-content: space-between;
    align-items: center;
  }
  .p-flow .c-contWrap__imgSpc {
    width: 40%;
  }
  .p-flow .c-contWrap__textSpc {
    width: 55%;
  }
}

@media screen and (max-width:768px){
  .p-flow h5 {
    font-size: 18px;
  }
  .p-flow .c-borderBox {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
  .p-flow .c-contWrap__imgSpc {
    margin-bottom: 15px;
  }
  .p-flow .c-contWrap__imgSpc span {
    width: 40px;
    height: 40px;
    font-size: 20px;
    top: -15px;
    left: -15px;
  }
}
.p-skd h5 {
  font-size: 16px;
}

/*----------------------------------------
  .p-cost
----------------------------------------*/
.p-cost table {
  width: 100%;
}
.p-cost table thead th {
  background: #008cd0;
  color: #FFF;
  padding: 10px 0.5em;
}
.p-cost table thead th:first-child {
  background: none;
  border: none;
  width: 280px;
}
.p-cost table thead th:nth-child(n + 2) {
  width: 240px;
}
.p-cost table tr {
  border: solid 1px #CCC;
}
.p-cost table thead tr {
  border: none;
}
.p-cost table thead th,
.p-cost table tbody th,
.p-cost table tbody td {
  border: solid 1px #CCC;
}
.p-cost table tbody th,
.p-cost table tbody td {
  padding: 15px 0.5em;
  text-align: center;
  line-height: 1.5;
}
.p-cost table tbody td p {
  line-height: 1.5;
}
.p-cost table .class01 th {
  background: #E5F6FF;
}
.p-cost table .class02 th {
  background: #E5F6FF;
}
.p-cost table tbody th span {
  font-weight: bold;
  font-size: 16px;
}
.p-cost .table-style01 dl dt {
  width: 350px;
}
@media print, screen and (min-width: 769px){
  .modaal-container .table-style01 dl dt {
    width: 320px;
  }
  .modaal-container .table-style01 dl dd {
    width: 620px;
  }
}

@media screen and (max-width:768px){
  .p-cost table thead th:first-child {
    width: 250px;
  }
  .p-cost table thead th:nth-child(n + 2) {
    width: 180px;
  }
  .modaal-container .table-style01 dl {
    display: block;
  }
  .modaal-container .table-style01 dl dt,
  .modaal-container .table-style01 dl dd {
    display: block;
    width: 100%;
  }
  .modaal-container .table-style01 dl dt {
    padding: 10px 15px;
  }
  .modaal-container .table-style01 dl dd {
    padding: 20px 15px;
  }
}

/*----------------------------------------
  .p-fee
----------------------------------------*/
.p-fee .p-fee__box {
  margin-bottom: 30px;
}
.p-fee .p-fee__box:last-child {
  margin-bottom: 0;
}
.p-fee .p-fee-textBox {
  border: solid 1px #DDD;
  padding: 30px;
}

@media print, screen and (min-width: 769px){
  .p-fee .c-contWrap__item {
    margin-bottom: 0;
  }
  .p-fee__box .table-style01 dl dt {
    width: 360px;
  }
}

@media screen and (max-width:768px){
  .p-fee .p-fee-textBox {
    padding: 30px 15px;
  }
}

.linkbtn02:before {
  color: #008cd0;
}