@charset "UTF-8";

:root {
  --green: #FF75B9;
  --r_green: #fff4f8;
  --r_green2: #ffd9e7;
  --color: #333;
  --font-family: 'Kosugi', 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

body.front-top-page {
  background-color: #fff;
}

.navi-in>ul .caption-wrap .item-label::after,
.navi-footer-in>ul li::after {
  background-color: var(--green);
}

.mv {
  min-height: 42.75vw;
  min-height: 40vw;
}

/*
.mv::after {
  background-image: url('https://isumi-career.com/wp-content/themes/cocoon-child-master/mv_cover2.png');
}*/

.mv .mv_text {
  /*bottom: 10%;
  left: 8%;*/
  top: 30%;
  left: 4%;
  text-shadow: 2px 2px 2px var(--r_green);
}

.mv .mv_text h2,
.mv .mv_text p {
  color: var(--green);
  color: #cc5161;
  color: #cc5178;
}

.mv .mv_text h2 {
  font-size: 2.8rem;
}

.message {
  margin: 8.4rem 0;
  font-size: min(17px, 17rem);
}

.section.profile,
.section.service,
.section.book {
  position: relative;
  background-color: var(--r_green);
  padding-top: 8rem;
}


.section.service {
  background-color: #fff;
}

/*
.section.service {
  background-color: #fff;
}
*/
/*
.section.profile h3:not(.pro_name),
.section.profile h2 {
  color: #39BC80;
}*/

.section.profile:before,
.section.book:after {
  background-image: url('https://isumi-career.com/wp-content/themes/cocoon-child-master/sec_foot.png');
}

.move_title {
  color: var(--green);
}

.profile_box .txt h3 {
  color: var(--green);
}

.pro_license li {
  color: #000;
  background: #fff;
  border: var(--green) solid 2px;
}

.contact_bg::before {
  background: linear-gradient(180deg, rgba(21, 90, 168, .75) 0%, rgba(21, 90, 168, .75) 68.27%);
}

.contact.section .wrap .btn_wrap a {
  background-color: var(--green);
  color: #000;
  border: var(--green) 2px solid;
}

.contact.section .wrap .btn_wrap a:hover {
  background-color: #fff;
}

#footer {
  background: #F7F7F7;
}

.footer-bottom-logo img {
  height: 180px;
}

.move_title {
  position: relative;
  z-index: 0;
}

.fullwidth-bg:before {
  background-color: #fff;
}

.page .article ul.wp-block-list li::before,
.single .article ul.wp-block-list li::before {
  color: var(--green);
}

.closs_list li article .txt h2 span {
  color: var(--r_green2);
}



.contact_bg::before {
  background: #e3ede7;
  background: #fff;
  opacity: 0.5;
}

.navi-in>ul .caption-wrap .item-label::after,
.navi-footer-in>ul li::after,
.flex-triple>li .cat-label,
.category_list>li .cat-label {
  background-color: var(--green);
}

.contact.section .contact_bg .wrap,
.contact.section .wrap h2 {
  color: #000;
}

.contact.section .wrap .btn_wrap a {
  color: #fff;
}

.contact.section .wrap .btn_wrap a:hover {
  color: var(--green);
}

.go-to-top-button {
  background-color: var(--green);
  border-color: var(--green);
}

.go-to-top-button:hover {
  color: var(--green);
}

.btn.b-blue {
  border-color: var(--green);
  background: var(--green);
}

.btn.b-blue:hover {
  color: var(--green);
}

.wp-block-spacer {
  height: 45px !important;
  margin-bottom: 0;
}



#navi .navi-in>.menu-mobile li {
  width: 20%;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {

  /*必要ならばここにコードを書く*/




  .section.profile,
  .section.service,
  .section.book {
    padding-top: 8rem;
  }
}

/*834px以下*/
@media screen and (max-width: 834px) {

  .mv .mv_text {
    padding: 0;
  }

  #navi {
    display: none;
  }

}

/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/

  .mv {
    min-height: 70vh;
  }

  .mv .mv_img {
    height: 70vh;
  }

  .mv .mv_text {
    left: 0;
    max-width: 100%;
    bottom: 25%;
    padding: 0 5%;
    line-height: 4rem;
  }

  .mv .mv_text h2 {
    line-height: 4rem;
  }

  .mv .mv_text p {
    font-size: 1.4rem;
    line-height: 3rem;
  }

  .message {
    margin: 2.4rem 0;
  }

  .message p {
    font-size: 1.4rem;
  }

  .section.profile,
  .section.service,
  .section.book {
    padding-top: 5rem;
  }

  .closs_list li article .txt h2 {
    padding-left: 0%;
    font-size: 1.3rem;
    padding-top: 0.5rem;
  }

  .closs_list li:last-child {
    margin-bottom: 0;
  }

  .contact_bg {
    background-position: right;
  }
}