@charset "UTF-8";


/*----------------------------------------
part（汎用パーツ）
----------------------------------------*/

/*ページ内リンクリスト*/
.block-editor .in-page-link-list {
  display: flex;
  flex-wrap: wrap;
}

.block-editor .in-page-link-list li::before {
  display: none;
}

.block-editor .in-page-link-list li {
  margin: 1%;
  width: 23%;
  padding: 0;
}

.block-editor .in-page-link-list li a {
  line-height: 1.2;
  font-weight: bold;
  color: #dc4713;
  padding: 1rem 2rem;
  display: block;
  background: #fdf9ea;
  box-shadow: 0 3px 0 #f9b127;
  border-radius: 10rem;
  transition: 0.3s;
}
.block-editor .in-page-link-list li a:hover{
  transform: translateY(0.3rem);
  box-shadow: none;
}

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

  .block-editor .in-page-link-list li {
    width: 46%;
    font-size: 1.4rem;
    margin: 2%;
  }
}

/*カバー背景色*/

.wp-block-columns.bg-cover::before {
  content: "";
  background: inherit;
  width: 200vw;
  position: absolute;
  left: -50vw;
  top: -5rem;
  height: calc(100% + 10rem);
  z-index: -1;
}

.wp-block-columns.bg-cover {
  position: relative;
  padding: 5rem 0;
}

/*----------------------------------------
part（専用パーツ）
----------------------------------------*/


/*どんな方が対象なの？*/

.block-editor .part-target {
  position: relative;
  z-index: auto;
  margin: 10rem auto;
}

.block-editor .part-target::before {
  position: absolute;
  top: 10rem;
  right: calc(50% + 30rem);
  width: 40rem;
  height: 51.2rem;
  background: url(../img/common/img_boat-nami01.png) no-repeat center center/contain;
  background-size: 100% auto;
  mix-blend-mode: multiply;
  content: "";
  transform: rotate(0deg);
  z-index: -1;
}

.block-editor .part-target::after {
  position: absolute;
  top: -10rem;
  left: calc(50% + 35rem);
  width: 40rem;
  height: 68.9rem;
  background: url(../img/common/img_boat-nami02.png) no-repeat center center/contain;
  background-size: 100% auto;
  mix-blend-mode: multiply;
  content: "";
  transform: rotate(-10deg)
}

.block-editor .part-target__list-wrap {
  display: flex;
  justify-content: center;
  max-width: 100rem;
  margin: 0 auto 8rem;
  flex-wrap: wrap;
  position: relative;
  z-index: 100;
}

.block-editor .part-target__list {
  width: 16rem;
  height: 16rem;
  background: url(../img/common/img_dots_orange.png) repeat top left/32px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  margin: 2rem;
  color: #dc4713;
  font-weight: bold;
  border-radius: 11rem;
}
.block-editor .part-target__list span{
  border-bottom: 2px dashed #333;
}
.block-editor .part-target__list:nth-child(1) {
  background-image: url(../img/common/img_dots_pink.png);
  border-color: #e8505b;
  color: #e8505b;
  margin: 10rem 0 0;
}
.block-editor .part-target__list:nth-child(1) span {
  border-color: #e8505b;
}
.block-editor .part-target__list:nth-child(2) {
  background-image: url(../img/common/img_dots_blue.png);
  border-color: #3b82f4;
  color: #3b82f4;
  margin: 1rem;
}
.block-editor .part-target__list:nth-child(2) span {
  border-color: #3b82f4;
}
.block-editor .part-target__list:nth-child(3) {
  background-image: url(../img/common/img_dots_red.png);
  border-color: #dc4713;
  margin: 10rem 0 0;
}
.block-editor .part-target__list:nth-child(3) span {
  border-color: #dc4713;
}
.block-editor .part-target__list:nth-child(4) {
  background-image: url(../img/common/img_dots_green.png);
  border-color: #4fbf9a;
  color: #4fbf9a;
  margin: 1rem 1rem;
}
.block-editor .part-target__list:nth-child(4) span {
  border-color: #4fbf9a;
}
.block-editor .part-target__list:nth-child(5) {
  background-image: url(../img/common/img_dots_orange.png);
  border-color: #f6aa1c;
  color: #f6aa1c;
  margin: 10rem 0 0;
}
.block-editor .part-target__list:nth-child(5) span {
  border-color: #df9b1c;
}


.block-editor .part-target__txt {
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  margin: 3rem auto;
}

.block-editor .part-target__txt span{
  background:linear-gradient(transparent 80%, #ffe89e 80%);
  font-size: 1.2em;
}
@media screen and (max-width: 767px) {


  .block-editor .part-target {
    position: relative;
    z-index: auto;
    margin: 0 auto 5rem;
  }

  .block-editor .part-target::before {
    position: absolute;
    top: 10rem;
    right: calc(50% + 30rem);
    width: 40rem;
    height: 51.2rem;
    background: url(../img/common/img_boat-nami01.png) no-repeat center center/contain;
    background-size: 100% auto;
    mix-blend-mode: multiply;
    content: "";
    transform: rotate(0deg);
    z-index: -1;
  }

  .block-editor .part-target::after {
    position: absolute;
    top: -10rem;
    left: calc(50% + 35rem);
    width: 40rem;
    height: 68.9rem;
    background: url(../img/common/img_boat-nami02.png) no-repeat center center/contain;
    background-size: 100% auto;
    mix-blend-mode: multiply;
    content: "";
    transform: rotate(-10deg)
  }

  .block-editor .part-target__list-wrap {
    display: flex;
    justify-content: center;
    max-width: 100rem;
    margin: 0 auto 2rem;
    flex-wrap: wrap;
    position: relative;
    z-index: 100;
  }

  .block-editor .part-target__list {
    width: 27vw;
    height: 27vw;
    font-size: 2rem;
  }
  .block-editor .part-target__list span{
    border-bottom: 2px dashed #333;
  }
  .block-editor .part-target__list:nth-child(1) {
    margin: 0;
  }
  .block-editor .part-target__list:nth-child(1) span {
    border-color: #e8505b;
  }
  .block-editor .part-target__list:nth-child(2) {
    background-image: url(../img/common/img_dots_blue.png);
    border-color: #3b82f4;
    color: #3b82f4;
    margin: 1rem;
  }
  .block-editor .part-target__list:nth-child(2) span {
    border-color: #3b82f4;
  }
  .block-editor .part-target__list:nth-child(3) {
    margin: 0;
  }
  .block-editor .part-target__list:nth-child(3) span {
    border-color: #dc4713;
  }
  .block-editor .part-target__list:nth-child(4) {
    background-image: url(../img/common/img_dots_green.png);
    border-color: #4fbf9a;
    color: #4fbf9a;
    margin: 0 1rem;
  }
  .block-editor .part-target__list:nth-child(4) span {
    border-color: #4fbf9a;
  }
  .block-editor .part-target__list:nth-child(5) {
    margin: 0;
  }
  .block-editor .part-target__list:nth-child(5) span {
    border-color: #f6aa1c;
  }


  .block-editor .part-target__txt {
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    margin: 3rem auto;
  }

  .block-editor .part-target__txt span{
    background:linear-gradient(transparent 80%, #ffe89e 80%);
    font-size: 1.2em;
  }
}


/*ご利用料金とご利用対象*/

.block-editor .wp-block-table.users-table th,
.block-editor .wp-block-table.users-table td {
  background: #fef4d9;
  border: .3rem solid #fff;
  vertical-align: middle;
  padding: 5rem;
}

.block-editor .wp-block-table.users-table {
  margin: auto;
}

.block-editor .wp-block-table.users-table tr:last-child th,
.block-editor .wp-block-table.users-table tr:last-child td {
  border-bottom: 0;
}

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

  .block-editor .wp-block-table.users-table table,
  .block-editor .wp-block-table.users-table table tbody,
  .block-editor .wp-block-table.users-table table tr,
  .block-editor .wp-block-table.users-table table th,
  .block-editor .wp-block-table.users-table table td {
    display: block;
    width: 100%;
  }

  .block-editor .wp-block-table.users-table table th,
  .block-editor .wp-block-table.users-table table td {
    padding: 2rem;
  }
}

/*事業所一覧*/
.part-office__information-wrap {
  background: #fdf9ea;
  padding: 2rem 3rem;
}

.part-office__information {
  display: flex;
  flex-wrap: wrap;
}

.part-office__information__item {
  width: 25%;
  color: #dc4713;
  font-weight: bold;
  margin-bottom: 1rem;
}

.part-office__information__content {
  width: 70%;
  margin-bottom: 1rem;
}






/*ステップ*/

.block-editor .wp-block-columns.part-feature__step{
  margin: 25rem auto 10rem;
  position: relative;
}

.block-editor .wp-block-columns.part-feature__step::before{
  position: absolute;
  top: -18.8rem;
  left: 41rem;
  z-index: 1;
  width: 45.7rem;
  height: 20.6rem;
  background: url(../img/common/img_boat01.png) no-repeat center center/100% auto;
  content: "";
}

.block-editor .wp-block-columns.part-feature__step .part-feature__step__step-badge {
  margin: 0 auto 1rem;
}

.block-editor .wp-block-columns.part-feature__step .wp-block-column .sme-badge {
  padding: 2rem;
}


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

  .block-editor .wp-block-columns.part-feature__step::before{
    position: absolute;
    top: -19rem;
    left: 0;
    right: 0;
    z-index: 1;
    margin: auto;
    width: 80%;
    height: 30vw;
    background: url(../img/common/img_boat01.png) no-repeat center center/100% auto;
    content: "";
  }

  .block-editor .wp-block-columns.part-feature__step{
    margin-top: 20rem;
  }
  .block-editor .wp-block-columns.part-feature__step .wp-block-column{
    margin-bottom: 0;
  }
}


/*道案内*/
.block-editor .wp-block-group.access__direction {
  counter-reset: number 0;
}

.block-editor .wp-block-group.access__direction .wp-block-column {
  position: relative;
}

.block-editor .wp-block-group.access__direction .wp-block-column::before {
  counter-increment: number 1;
  /* number カウンタの増加数をセット */
  content: counter(number) " ";
  /* 表示形式を指定 */
  position: absolute;
  display: flex;
  line-height: 1;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  background: #dc4713;
  color: #fff;
  border-radius: 50%;
  left: 0;
  right: 0;
  margin: auto;
  top: -2rem;
}
@media screen and (max-width: 767px) {
  .block-editor .wp-block-group.access__direction .wp-block-column,
  .block-editor .wp-block-group.access__direction .wp-block-column:first-child{
    margin-top: 5rem;
  }
  .block-editor .wp-block-group.access__direction .wp-block-column::before{
    width: 6rem;
    height: 6rem;
    top: -3rem;
    font-size: 2rem;
  }

}


/*online-program*/
.online-program .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.online-program .wp-block-column .wp-block-image:last-child {
    margin-top: auto;
}