@charset "UTF-8";

:root {
  --green: #BFA06B;
  --r_green: #ECE6DC;
  --p_green: #4F8788;
  --color: #3F342D;
  --font-family: 'Zen Maru Gothic', '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: 58.75vw;
}

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

.mv .mv_text {
  bottom: 50%;
  left: 8%;
  text-shadow: 2px 2px 5px #575757;
}

.mv .mv_text h2,
.mv .mv_text p {
  color: #fff;
}

.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: #F8F6F1;
}

/*
.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,
.profile_box .txt h3 {
  color: var(--color);
}

.pro_license li {
  color: #000;
  background: #fff;
  border: none;
}

.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: #e3e2da;
}



.contact_bg::before {
  background: #e3ede7;
  opacity: 0.75;
}

.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);
}

#footer {
  background: #ECE6DC
}

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

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




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

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

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

}

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

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

  .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;
  }
}