@charset "UTF-8";

:root {
  --color: #333;
  --font-family: '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(--blue);
}

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

.mv .mv_text {
  bottom: 5%;
  left: 10%;
  text-shadow: 1px 1px 10px rgb(174 210 255 / 70%);
}

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

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

.section.profile {
  border-radius: 50px 50px 0 0;
}

.section.profile,
.section.service,
.section.book {
  position: relative;
  background-color: #EBF1F8;
  padding-top: 8rem;
}

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

.profile_box .txt h3 {
  color: #155AA8;
}

.pro_license li {
  color: #000;
  background: #fff;
  border: #155AA8 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(--yellow);
  color: #000;
  border: var(--yellow) 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(--blue);
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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;
  }
}