@charset "utf-8";
@import "css/basic.css";
/*
Theme Name: consulting.blanc-pacifique.com
*/ :root {
 --main-black: #13262d;
 --main-dark: #1c4d60;
 --main-middle: #69a2b3;
 --main-light: #c9dae1;
 --main-catch: #dc7c0a;
 --transition: 0.3s ease-in-out;
 --min: "游明朝", "Yu Mincho", "Yu Gothic", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", serif;
 --gothic: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 ;
}
/*body
---------------------------------------*/
body {
 font-size: 17px;
 line-height: 1.8em;
 font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color: #1b1b1b;
 font-weight: 500;
 background-image: url("img/background_wave80.webp");
 background-repeat: repeat-y;
 background-position: center top;
}
.min {
 font-family: "游明朝", "Yu Mincho", "Yu Gothic", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.wrap {
 max-width: 1200px;
 margin: 0 auto;
}
.wrap1500 {
 max-width: 1500px;
 margin: 0 auto;
}
.wrap1800 {
 max-width: 1800px;
 margin: 0 auto;
}
/*header
---------------------------------------*/
.scrolled #header {
 background-color: hsl(0deg 0% 100% / 95%);
 box-shadow: 0 0 6px #cdcdcd;
}
.admin-bar #header {
 top: 32px;
}
#header {
 position: fixed;
 z-index: 100;
 top: 0;
 width: 100%;
 height: 75px;
 background-color: rgba(255, 255, 255, 0.7);
 #sitelogo {
  position: absolute;
  left: 10px;
  top: 15px;
  z-index: 10;
 }
 #sitelogo img {
  width: 210px;
  height: auto;
 }
 #nav {
  position: absolute;
  right: 5px;
  top: 16px;
 }
 #nav ul {
  display: flex;
  gap: 30px;
 }
 #nav ul li a {
  padding: 12px 0;
  text-decoration: none;
  color: var(--main-black);
  display: block;
  position: relative;
  line-height: 1em;
 }
 #nav ul li a:before {
  content: "";
  position: absolute;
  bottom: 3px;
  width: 0%;
  left: 50%;
  height: 1px;
  background-color: var(--main-black);
  transition: var(--transition);
  opacity: 0;
 }
 #nav ul li.currnet_page a:before, #nav ul li:hover a:before {
  width: 100%;
  opacity: 1;
  left: 0%;
 }
 #nav ul li.head_contact a:hover {
  background-color: var(--main-middle);
 }
 #nav ul li.head_contact a {
  background-color: var(--main-dark);
  transition: var(--transition);
  color: #fff;
  position: relative;
  width: 260px;
  text-align: center;
  box-sizing: border-box;
  padding-left: 25px;
 }
 #nav ul li.head_contact a:before {
  display: none;
 }
 #nav ul li.head_contact a:after {
  content: "";
  position: absolute;
  width: 32px;
  height: 21px;
  background-image: url(img/SVG/mail.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: inline-block;
  left: 26px;
  top: 10px;
 }
 #nav ul li {
  font-weight: bold;
  font-size: 0.9em;
 }
}
/*TOP
---------------------------------------*/
.smart_br {
 display: none;
}
#heroimage {
 background-image: url("img/hero_image.webp");
 background-position: center;
 background-size: cover;
 position: relative;
 z-index: 1;
 .wrap1500 {
  height: 770px;
  display: flex;
  align-items: center;
  padding-top: 75px;
  box-sizing: border-box;
  position: relative;
 }
 span.illust {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(img/SVG/hero_svg.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 44% auto;
  z-index: 1;
 }
 .catch {
  z-index: 2;
  position: relative;
 }
 .catch h1 {
  display: block;
  line-height: 1.4em;
  font-size: 3.7em;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-shadow: 0 0 9px var(--main-dark), 0 0 9px var(--main-dark), 0 0 9px var(--main-dark), 0 0 8px var(--main-dark), 0 0 8px var(--main-dark);
 }
 .catch h2 {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  background: linear-gradient(321deg, #1c4c60, #193472);
  padding: 11px;
  font-size: 2em;
  letter-spacing: 0.05em;
 }
}
/*Pickup*/
.tp_parent {
 position: relative;
 z-index: 5;
 min-height: 150px;
}
.top_pickup {
 position: absolute;
 top: -80px;
 right: 0;
 background-color: #fff;
 width: 50%;
 box-sizing: border-box;
 padding: 20px 0px 20px 30px;
 .tp_body {
  border: 10px solid var(--main-light);
  padding: 15px;
  position: relative;
  z-index: 2;
  background-color: #fff;
  width: calc(100% + 30px);
  box-sizing: border-box;
  transition: var(--transition);
 }
 .tp_tab {
  position: relative;
  z-index: 0;
 }
 .tp_tab ul {
  gap: 5px;
  margin-left: 10px;
  position: absolute;
  bottom: -14px;
  left: 0;
  display: flex;
 }
 .tp_tab ul li span {
  background-color: var(--main-dark);
  color: #fff;
  font-weight: bold;
  font-size: 0.8em;
  padding: 3px 15px 3px 13px;
  display: block;
  cursor: pointer;
  position: relative;
  top: 0;
  transition: var(--transition);
 }
 .tp_tab ul li.active span {
  font-size: 1em;
  top: -7px;
  padding-bottom: 7px;
  padding-left: 27px;
  padding-top: 7px;
 }
 .tp_tab ul li span:hover {
  top: -6px;
 }
 .tp_tab ul li.active span:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 9px;
  height: 9px;
  border-radius: 150%;
  background-color: var(--main-middle);
 }
 .tp_tab .tp_btn {
  position: absolute;
  right: 10%;
  bottom: 0;
  width: 55px;
  height: 35px;
  cursor: pointer;
  transition: var(--transition);
 }
 .tp_tab .tp_btn:hover {
  bottom: -2px;
 }
 .tp_tab .tp_btn span {
  background-color: var(--main-dark);
  width: 100%;
  height: 120%;
  display: block;
  position: relative;
  z-index: 1;
  transform: rotate(12deg);
  top: 7px;
 }
 .tp_tab .tp_btn:after {
  content: "";
  width: 24px;
  height: 15px;
  background-image: url(img/SVG/arrow1.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  top: 13px;
  left: 15px;
  position: absolute;
  z-index: 2;
 }
 .tp_body .item {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 0;
  visibility: hidden;
  transition: var(--transiton);
  opacity: 0;
 }
 .tp_body .item.active {
  top: 0px;
  left: 0px;
  visibility: visible;
  position: relative;
  display: block;
  opacity: 1;
  z-index: 5;
 }
 h3 {
  font-size: 1.5em;
  line-height: 1.4em;
  margin-bottom: 2px;
  a {
   text-decoration: none;
   color: var(--main-black);
  }
 }
 .date {
  background-color: var(--main-middle);
  display: inline-block;
  color: #fff;
  font-weight: 600;
  padding: 8px 15px;
  line-height: 1.3em;
  margin: 8px 0;
 }
 .ex {
  line-height: 1.8em;
  font-size: 0.95em;
 }
}
/*Our Value*/
.h_sub_en {
 font-size: 3.18em;
 line-height: 1.4em;
 font-weight: 400;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: var(--main-middle);
}
.h_jp {
 font-size: 2.7em;
 line-height: 1.4em;
 margin-bottom: 0.3em;
}
.h_jp .small {
 font-size: 0.75em;
}
.color_dark {
 color: var(--main-dark);
}
#top_our_value {
 padding: 1px 0 140px 0;
 .flex {
  gap: 60px;
 }
 .top_ov_content {
  width: 55%;
 }
 .top_ov_image {
  img {
   max-width: 100%;
   position: relative;
   z-index: 2;
  }
  img.backimage {
   position: absolute;
   left: 15px;
   top: 15px;
   z-index: 1;
  }
  width: calc(45% - 60px);
  margin-top: 6em;
  position: relative;
 }
 .content_post {
  font-size: 0.95em;
 }
 .flex.btn_link {
  column-gap: 10px;
 }
}
a.btn_type1, .btn_type1 {
 display: block;
 padding: 11px 60px 11px 30px;
 color: #fff;
 font-weight: bold;
 background-color: var(--main-dark);
 background-image: url("img/SVG/arrow1.svg");
 background-repeat: no-repeat;
 background-position: calc(100% - 15px) center;
 background-size: 20px auto;
 text-decoration: none;
 transition: var(--transition);
}
.btn_type1:hover {
 opacity: 0.75;
}
.btn_type1.color_blue {
 background-color: var(--main-middle);
}
#top_feature {
 background-image: url(img/top_img2.webp);
 background-position: center;
 background-size: cover;
 padding: 80px 0;
 .flex.tf_point {
  display: flex;
  gap: 30px;
  .item {
   width: 33.333%;
   background-color: #fff;
   padding: 30px 0 25px 0;
   .icon {
    text-align: center;
    height: 50px;
    margin-bottom: 20px;
   }
   img {
    width: 40px;
   }
   h3 {
    text-align: center;
    font-size: 1.9em;
    line-height: 1.4em;
    color: var(--main-dark);
    font-family: var(--min);
    min-height: 3em;
    margin-bottom: 20px;
   }
   .ex {
    padding: 0 1em;
    font-size: 0.95em;
   }
  }
 }
 .top_works .btn_type1 {
  text-align: center;
  margin-top: 20px;
  font-family: var(--min);
  font-size: 1.7em;
  line-height: 1.4em;
  font-weight: 500;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
 }
 .top_works .btn_type1 span {
  position: relative;
 }
 .top_works .btn_type1 span:before {
  content: "";
  width: 27px;
  height: 39px;
  background-image: url(img/SVG/works.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: block;
  position: absolute;
  left: -47px;
  top: 1px;
 }
}
/*Service*/
#top_service {
 background-color: #ecf3f5;
 padding: 60px 0 250px 0;
 background-image: url(img/top_img3.png);
 background-position: left bottom;
 background-repeat: no-repeat;
}
#top_service {
 .h_sub_en.min {
  color: var(--main-dark);
 }
 .services {
  margin-top: 50px;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  li {
   background-color: #fff;
   width: calc(33.333% - 20px);
   box-sizing: border-box;
   border: 1px solid var(--main-dark);
   border-top-width: 5px;
   padding: 20px 20px 45px 20px;
   position: relative;
   a.link {
    position: absolute;
    z-index: 1;
    width: 65px;
    height: 65px;
    background-color: var(--main-dark);
    border-radius: 150%;
    right: -10px;
    bottom: -19px;
    background-image: url(img/SVG/arrow1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35% auto;
    cursor: pointer;
    transition: var(--transition);
   }
   a.link:hover {
    opacity: 0.7;
   }
  }
  li:nth-child(even) a.link {
   background-color: var(--main-middle);
  }
  li dt {
   font-family: var(--min);
   margin-bottom: 25px;
  }
  li dd {
   font-size: .95em;
   line-height: 2em;
  }
  li dt a {
   text-decoration: none;
   font-weight: bold;
   font-size: 1.7em;
   line-height: 1.4em;
   color: var(--main-dark);
  }
 }
}
/*footer
---------------------------------------*/
#footer {
 padding: 120px 0 250px 0;
 background-color: var(--main-dark);
 color: #fff;
 background-image: url("img/footer.webp");
 background-position: center top;
 background-size: cover;
 a {
  color: #fff;
  text-decoration: none;
 }
 address {
  font-size: 0.9em;
 }
 .flex {
  justify-content: space-between;
 }
 .copyright small {
  font-size: 13px;
  line-height: 1em;
  display: block;
 }
 p.name {
  font-size: 1.2em;
  margin: 15px 0 5px 0;
 }
 .footer_links.flex {
  font-size: 0.95em;
  gap: 80px;
 }
 .footer_links.flex li {
  margin: 0 0 15px 0;
  font-weight: 500;
 }
 .footer_links.flex li a {
  display: block;
  padding-left: 15px;
  color: #fff;
  text-decoration: none;
  background-image: url(img/SVG/link.svg);
  background-repeat: no-repeat;
  background-size: 5px auto;
  background-position: left 12px;
 }
}
#pagetop {
 position: fixed;
 right: 10px;
 bottom: 10px;
 z-index: 100;
}
#pagetop a {
 background-image: url(img/SVG/pagetop.svg);
 background-position: center;
 background-repeat: no-repeat;
 background-size: 35% auto;
 background-color: var(--main-dark);
 border-radius: 150%;
 display: block;
 height: 50px;
 width: 50px;
}
/*archive
---------------------------------------*/
#top_news.sec_space {
 padding-bottom: 0;
}
.sec_space {
 padding: 130px 0;
}
.single .sec_space {
 padding: 60px 0;
}
.h_news {
 font-size: 2em;
 color: var(--main-dark);
 margin-bottom: 0.7em;
 span {
  display: block;
  color: var(--main-middle);
  font-size: 0.7em;
  line-height: 1.3em;
  margin-top: 5px;
  font-weight: 500;
  letter-spacing: 1px;
 }
}
.news_list li {
 position: relative;
 border-radius: 5px;
 margin-bottom: 5px;
 transition: var(--transition);
}
.news_list a {
 display: flex;
 background-color: #f8f8f8;
 text-decoration: none;
 color: var(--main-black);
 padding: 15px 35px 15px 15px;
 background-image: url(img/SVG/arrow3.svg);
 background-size: 16px auto;
 background-repeat: no-repeat;
 background-position: calc(100% - 15px) center;
 transition: var(--transition);
}
.news_list a:hover {
 background-color: #efefef;
}
.news_list li .date {
 width: 100px;
 display: block;
}
.news_list li .in_status, .news_list li .cats {
 width: 100px;
 display: block;
}
.news_list li .in_status span, .news_list li .cats .cat {
 background-color: var(--main-middle);
 color: #fff;
 font-size: 0.75em;
 display: block;
 padding: 4px 10px;
 line-height: 1em;
 margin: 0 auto;
 text-align: center;
 position: relative;
 top: 3px;
}
.news_list li .title {
 padding-left: 20px;
 width: calc(100% - 200px);
 box-sizing: border-box;
 font-weight: bold;
}
.in_title {
 width: 50%;
 padding-left: 30px;
 box-sizing: border-box;
 font-weight: bold;
}
.in_date {
 width: calc(50% - 100px);
}
.news_list {
 padding: 10px 0;
}
.archive_list {
 margin: 60px 0;
}
.new_more {
 text-align: right;
 a {
  text-decoration: none;
  font-weight: 600;
  padding-right: 30px;
  color: var(--main-dark);
  position: relative;
  display: inline-block;
  font-size: 0.95em;
 }
 a:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("img/SVG/arrow2.svg");
  bottom: 5px;
  right: 5px;
 }
}
.more_blog {
 background-color: #fff;
 max-width: 280px;
 margin: 0 auto;
 text-align: center;
 a {
  border: 1px solid var(--main-dark);
  display: block;
  font-weight: bold;
  text-decoration: none;
  color: var(--main-dark);
  padding: 10px 0;
  font-size: 0.9em;
  transition: var(--transition);
  border-radius: 150px;
  background-image: url(img/SVG/arrow2.svg);
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
 }
 a:hover {
  background-color: var(--main-dark);
  color: #fff;
  background-image: url(img/SVG/arrow1.svg);
 }
}
.blog_list {
 display: flex;
 flex-wrap: wrap;
 column-gap: 0;
 row-gap: 50px;
 margin-bottom: 50px;
 li {
  width: 33.333%;
  box-sizing: border-box;
  border: 1px solid #fff;
 }
 dt {
  overflow: hidden;
 }
 li dt img {
  transition: var(--transition);
 }
 li:hover dt img {
  transform: scale(1.1);
 }
 dd {
  padding: 10px;
  .date {
   font-size: 0.9em;
   padding-left: 20px;
   background-image: url(img/SVG/watch.svg);
   background-repeat: no-repeat;
   background-size: 12px auto;
   background-position: 1px 8px;
   margin-bottom: 5px;
  }
  a {
   text-decoration: none;
   color: initial;
   line-height: 1.4em;
   display: block;
  }
 }
}
#archive_title {
 font-size: 1.8em;
 text-align: center;
 line-height: 1.6em;
 padding-bottom: 15px;
 margin-bottom: 15px;
 position: relative;
}
#archive_title:after {
 content: "";
 width: 4%;
 left: 48%;
 height: 1px;
 border-bottom: dotted 2px #929292;
 display: block;
 position: absolute;
 bottom: 0;
}
.archive_post {
 padding-bottom: 20px;
 padding-top: 15px;
}
.archive_post li {
 margin-bottom: 10px;
 padding-bottom: 10px;
 border-bottom: dotted 1px #ddd;
 overflow: hidden;
}
.archive_post li dt {
 float: left;
 width: 15%;
 text-align: center;
}
.archive_post li dt img {
 max-width: 100%;
 height: auto;
}
.archive_post li dd {
 float: right;
 width: 82%;
}
.archive_post li dd .archive_title {
 font-weight: bold;
 font-size: 1.4em;
 line-height: 1.4em;
 margin-bottom: 5px;
}
.archive_post li dd .ex {
 font-size: 0.9em;
 line-height: 1.1em;
 color: #666;
}
/*searchform sou
---------------------------------------*/
.widget_search {
 position: relative;
}
.widget_search input[type="search"] {
 padding: 12px 30px 10px 10px;
 border-radius: 4px;
 width: 100%;
 font-size: 18px;
 box-sizing: border-box;
 background-color: #f7f7f7;
 border: 1px solid #eaeaea;
}
.widget_search .wp-block-search__button {
 padding: 9px 14px;
 border-radius: 9px;
 border: none;
 line-height: 1em;
 font-size: 1em;
 background-color: transparent;
 color: #fff;
 position: absolute;
 right: 4px;
 top: 8px;
 background-size: 72% auto;
 background-image: url(img/SVG/search_gray.svg);
 background-repeat: no-repeat;
 width: 30px;
 height: 30px;
 text-indent: -999px;
 overflow: hidden;
 cursor: pointer;
 opacity: 0.4;
 margin: 0;
 background-position: center;
}
.searchform, #searchform {
 clear: both;
 position: relative;
 padding-bottom: 5px;
 padding-top: 5px;
 margin: 0 auto;
}
#searchform label.screen-reader-text {
 display: none;
}
.searchform input[type="text"], #searchform input[type="text"] {
 padding: 5px;
 border-radius: 4px;
 border: #000 solid 1px;
 width: 100%;
 font-size: 18px;
 box-sizing: border-box;
 background-color: #fff;
}
.searchform input[type="submit"], #searchform input[type="submit"] {
 padding: 9px 14px;
 border-radius: 9px;
 border: none;
 line-height: 1em;
 font-size: 1em;
 background-color: transparent;
 color: #fff;
 position: absolute;
 right: 8px;
 top: 6px;
 background-size: 100% auto;
 background-image: url(img/search.png);
 background-repeat: no-repeat;
 width: 30px;
 height: 30px;
 text-indent: -999px;
 overflow: hidden;
 cursor: pointer;
}
input[type="submit"] {
 cursor: pointer;
}
/*contact sou
---------------------------------------*/
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {
 padding: 6px 10px;
 border-radius: 0;
 margin-bottom: 5px;
 border: 1px solid #d7d7d7;
 width: 100%;
 font-size: 18px;
 box-sizing: border-box;
 font-family: var(--gothic);
 background-color: #f3f3f3;
}
#form_body {
 .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {
  background-color: #fff;
  border-color: #fff;
 }
}
.wpcf7-form select {
 width: auto;
}
.wpcf7-form input[type="checkbox"], .wpcf7-form input[type="radio"] {
 width: 20px;
 height: 20px;
 position: relative;
 top: 4px;
 display: inline-block;
}
.content_post .wpcf7-list-item {
 margin-left: 0;
 margin-right: 1.5em;
}
.wpcf7-form input[type="tel"], .wpcf7-form input[type="email"], .wpcf7-form input[type="text"], .wpcf7-form textarea {
 font-size: 18px;
}
.content_post .wpcf7-form input[name="age"] {
 width: 5em;
}
.content_post .wpcf7-form input[name="k_other"] {
 margin-left: 10px;
 width: 15em;
}
.content_post .wpcf7-form input#zip {
 width: 8em;
}
.wpcf7-form textarea.tarea1 {
 height: 10em;
}
.wpcf7-form input[type="checkbox"] {
 border-radius: 4px;
 margin-left: 10px;
}
body #form_body .wpcf7-form input[type="submit"], .wpcf7-form input[type="submit"] {
 padding: 12px 0;
 background-color: var(--main-dark);
 border: none;
 color: #Fff;
 font-family: var(--gothic);
 margin: 0 auto;
 display: block;
 width: 100%;
 max-width: 1200px;
 font-weight: bold;
 font-size: 1.1em;
 letter-spacing: 1px;
 transition: var(--transition);
 background-image: url(img/SVG/arrow1.svg);
 background-repeat: no-repeat;
 background-position: calc(100% - 10px) center;
 background-size: 20px auto;
}
.mw_wp_form input.in_back_btn {
 background-color: #666;
 padding: 6px 0;
 max-width: 100px;
}
body #form_body .wpcf7-form input[type="submit"]:hover, .wpcf7-form input[type="submit"]:hover {
 box-shadow: none;
 -moz-box-shadow: none;
 -o-box-shadow: none;
 -webkit-box-shadow: none;
 color: white;
 background-color: #282F3A;
}
.content_post dl.form_dl dd {
 background-color: transparent;
 box-shadow: none;
 margin: 0;
 padding: 0;
 width: 73%;
}
.content_post dl.form_dl p, .content_post dl.form_dl div {
 margin-bottom: 0;
}
.content_post dl.form_dl dd:after {
 display: none;
}
.content_post dl.form_dl dt {
 font-size: 1em;
 width: 27%;
 position: relative;
 padding-right: 70px;
 box-sizing: border-box;
}
.content_post dl.form_dl {
 display: flex;
 border-top: #afafaf solid 1px;
 padding: 20px 0;
}
.hissu {
 font-size: 0.7em;
 font-weight: bold;
 margin-left: 10px;
 background-color: #DA4525;
 color: #fff;
 padding: 2px 10px;
 border-radius: 5px;
 display: inline-block;
 position: absolute;
 top: 0;
 right: 30px;
}
.nini {
 font-size: 0.75em;
 font-weight: bold;
 margin-left: 10px;
 background-color: #84c9ed;
 color: #fff;
 padding: 2px 10px;
 border-radius: 5px;
 display: inline-block;
}
body .wpcf7 form.validating .wpcf7-response-output, body .wpcf7 form.invalid .wpcf7-response-output, body .wpcf7 form.sent .wpcf7-response-output {
 padding: 1.5em;
 margin-right: 0;
 margin-left: 0;
 font-weight: bold;
 color: #fff;
 text-align: center;
}
.wpcf7 form.sent .wpcf7-response-output, .wpcf7-mail-sent-ok {
 background-color: #2F95D5;
 border: 1px solid #2F95D5;
}
body .wpcf7 form.validating .wpcf7-response-output, .wpcf7-validation-errors, .wpcf7 form.invalid .wpcf7-response-output {
 background-color: #9c4243;
 border: 1px solid #9c4243;
}
.content_post .basic_form dt {
 width: 200px;
 line-height: 1.3em;
 padding: 7px 5px;
 box-sizing: border-box;
}
.content_post .basic_form dd {
 padding: 7px 5px;
 line-height: 1.3em;
 border-bottom: dotted 1px #c5c5c5;
 box-sizing: border-box;
 width: calc(100% - 200px);
 margin: 0;
}
.content_post .basic_form dd:last-child {
 border-bottom: none;
}
.content_post .basic_form {
 padding-top: 6px;
 max-width: 760px;
 margin: 0 auto;
 display: flex;
 flex-wrap: wrap;
}
.content_post .basic_form p {
 margin-bottom: 0;
}
.content_post .basic_form label {
 display: inline-block;
 cursor: pointer;
 padding: 4px 10px 3px 10px;
 background-color: #f3f3f3;
 border-radius: 4px;
 line-height: 1.1em;
 margin: 2px 2px;
}
.content_post .basic_form input[type="radio"], .content_post .basic_form input[type="checkbox"] {
 width: 18px;
 height: 18px;
 position: relative;
 top: 2px;
}
.wpcf7-list-item label {
 display: inline-block;
 cursor: pointer;
}
textarea::placeholder, input::placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
/* IE */
textarea:-ms-input-placeholder, input:-ms-input-placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
/* Edge */
textarea::-ms-input-placeholder, input::-ms-input-placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
.content_post .yellow strong {
 background: #f9f970; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #f9f970 51%, #f9f970 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #f9f970 51%, #f9f970 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #f9f970 51%, #f9f970 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.content_post .orange strong {
 background: #FFE3D0; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #FFE3D0 51%, #FFE3D0 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #FFE3D0 51%, #FFE3D0 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #FFE3D0 51%, #FFE3D0 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.content_post .blue strong {
 background: #AEE4FF; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #AEE4FF 51%, #AEE4FF 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #AEE4FF 51%, #AEE4FF 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #AEE4FF 51%, #AEE4FF 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.content_post .green strong {
 background: #B4FFBC; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #B4FFBC 51%, #B4FFBC 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #B4FFBC 51%, #B4FFBC 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #B4FFBC 51%, #B4FFBC 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.content_post .pink strong {
 background: #FFD5F9; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #FFD5F9 51%, #FFD5F9 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #FFD5F9 51%, #FFD5F9 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #FFD5F9 51%, #FFD5F9 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
/*---------------------------------------
wp-pagenavi setting
---------------------------------------*/
.pagelink {
 text-align: center;
 margin-bottom: 20px;
 clear: both;
 padding-left: 10px;
 padding-right: 10px;
}
.wp-pagenavi {
 clear: both;
 display: flex;
 justify-content: center;
 margin-bottom: 60px;
 flex-wrap: wrap;
}
.wp-pagenavi a, .wp-pagenavi span {
 text-decoration: none;
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 2px;
 width: 50px;
 height: 50px;
 background-color: var(--main-middle);
 color: #fff;
 transition: var(--transition);
 font-weight: bold;
}
.wp-pagenavi span.pages {
 width: auto;
 padding-right: 1em;
 padding-left: 1em;
}
.wp-pagenavi span.current, .wp-pagenavi a:hover {
 background-color: var(--main-dark);
}
#page_link {
 padding: 30px 5px;
 overflow: hidden;
 margin-top: 30px;
 column-gap: 30px;
}
#page_link .page_link {
 background-color: #efefef;
 margin-bottom: 5px;
 background-image: url(img/SVG/arrow2_left.svg);
 background-position: 10px center;
 background-repeat: no-repeat;
 background-size: 28px auto;
}
#page_link .page_link a {
 display: block;
 text-decoration: none;
 color: var(--main-dark);
 font-weight: bold;
 font-size: 0.9em;
 line-height: 1.2em;
 padding: 15px 50px;
}
#page_link .page_link.page_next {
 text-align: right;
 background-image: url(img/SVG/arrow2.svg);
 background-position: calc(100% - 10px) center;
}
.page_in_links {
 text-align: center;
}
.page_in_links span {
 display: inline-block;
 width: 30px;
 text-align: center;
 padding: 8px 0;
 line-height: 1.1em;
 margin: 0 5px;
}
.page_in_links a span {
 background-color: #000;
 color: #fff;
}
/*---------------------------------------
image position
---------------------------------------*/
.aligncenter {
 margin-right: auto;
 margin-left: auto;
 display: block;
}
.alignleft {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}
.alignright {
 float: right;
 margin-bottom: 10px;
 margin-left: 10px;
}
/*
page link
---------------------------------------*/
.singlepostlink {
 padding-top: 20px;
 font-size: 0.9em;
}
span.oldpage {
 float: right;
}
span.newpage {
 float: left;
}
/*
social
---------------------------------------*/
.social_links {
 display: flex;
 flex-wrap: wrap;
 padding: 5px 0;
}
.social_links li {
 width: 33.333%;
}
.social_links li span, .social_links li a {
 display: block;
 text-decoration: none;
 background-color: #388cff;
 color: #fff;
 font-size: 13px;
 font-weight: bold;
 padding: 7px 5px 7px 50px;
 border-radius: 2px;
 margin: 0 3px 3px 0;
 background-position: 19px center;
 background-repeat: no-repeat;
 background-size: auto 16px;
 cursor: pointer;
}
.social_links li span:hover, .social_links li a:hover {
 opacity: 0.7;
}
.social_links li.b_fb a {
 background-color: #226cc0;
 background-image: url(img/SVG/fb.svg);
}
.social_links li.b_ha a {
 background-image: url(img/SVG/b.svg);
}
.social_links li.b_tw a {
 background-color: #2cafef;
 background-image: url(img/SVG/tw.svg);
}
.social_links li.b_li a {
 background-color: #36af18;
 background-image: url(img/SVG/line_w.svg);
}
.social_links li.b_po a {
 background-color: #ec5a7a;
 background-image: url(img/SVG/po_w.svg);
}
.social_links li.b_sk span {
 background-color: #ea8729;
 background-image: url(img/SVG/like.svg);
}
/*pankuzu
---------------------------------------*/
#pankuzu {
 padding-top: 8px;
 padding-bottom: 5px;
 font-size: 13px;
 line-height: 1.2em;
 color: #515151;
}
#pankuzu a {
 text-decoration: none;
 color: #515151;
}
/*content post
---------------------------------------*/
.content_post {
 clear: both;
 padding-bottom: 20px;
 padding-top: 15px;
 text-align: left;
 word-wrap: break-word;
}
.content_post .post_thumbnail img {
 width: 100%;
}
.content_post div, .content_post p {
 margin-bottom: 1.5em;
 line-height: 1.8em;
}
.content_post p span {
 line-height: 1.4em;
}
.content_post figure.wp-block-image {
 margin: 0 0 1.5em 0;
}
.content_post img {
 max-width: 100%;
 height: auto;
}
.content_post ul li {
 list-style-type: disc;
 margin-left: 35px;
 margin-bottom: 10px;
 padding-left: 5px;
 padding-right: 10px;
 line-height: 1.4em;
 list-style-position: outside;
}
.content_post ul.nomark li {
 list-style: none;
 margin-left: 0;
 padding-left: 0;
}
.content_post .wp-block-gallery ul li {
 list-style: none;
 margin: inherit;
}
.content_post .wp-block-gallery ul li figcaption {
 box-sizing: border-box;
}
.content_post .wp-block-gallery ul li figure {
 position: relative;
}
.content_post .wp-block-gallery ul li img {
 width: 100%;
}
.content_post code {
 background-color: #f4f4f4;
 padding: 5px 8px;
 border: 1px solid #dcdcdc;
 border-radius: 5px;
}
.content_post ol {
 list-style-type: decimal;
}
.content_post ol li {
 margin-left: 35px;
 margin-bottom: 10px;
 padding-left: 5px;
 padding-right: 10px;
 line-height: 1.4em;
 list-style-position: outside;
 list-style-type: decimal;
}
.content_post ul, .content_post ol {
 margin-bottom: 1em
}
.content_post ul ul, .content_post ol ol {
 padding-top: 10px;
}
.content_post ol.maru_number li {
 list-style: none;
 padding-left: 1.5em;
 position: relative;
}
.content_post ol.maru_number li:after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 font-size: 1em;
}
.content_post ol.maru_number li:nth-child(1):after {
 content: "①";
}
.content_post ol.maru_number li:nth-child(2):after {
 content: "②";
}
.content_post ol.maru_number li:nth-child(3):after {
 content: "③";
}
.content_post ol.maru_number li:nth-child(4):after {
 content: "④";
}
.content_post ol.maru_number li:nth-child(5):after {
 content: "⑤";
}
.content_post ol.maru_number li:nth-child(6):after {
 content: "⑥";
}
.content_post ol.maru_number li:nth-child(7):after {
 content: "⑦";
}
.content_post ol.maru_number li:nth-child(8):after {
 content: "⑧";
}
.content_post ol.maru_number li:nth-child(9):after {
 content: "⑨";
}
.content_post ol.maru_number li:nth-child(10):after {
 content: "⑩";
}
.content_post ol.maru_number li:nth-child(11):after {
 content: "⑪";
}
.content_post ol.maru_number li:nth-child(12):after {
 content: "⑫";
}
.content_post ol.maru_number li:nth-child(13):after {
 content: "⑬";
}
.content_post ol.maru_number li:nth-child(14):after {
 content: "⑭";
}
.content_post ol.maru_number li:nth-child(15):after {
 content: "⑮";
}
.content_post .left {
 float: left;
}
.content_post .right {
 float: right;
}
.content_post h1 {
 display: block;
 font-size: 2em;
 font-weight: bold;
 margin: 1em 0 0.5em 0;
 line-height: 1.2em;
 padding: 5px 0;
}
.content_post h2 {
 display: block;
 margin-top: 1.5em;
 margin-right: 0;
 margin-bottom: 1em;
 margin-left: 0;
 padding: 0px 0 0px 15px;
 clear: both;
 font-size: 1.8em;
 line-height: 1.2em;
 border-left: 10px solid var(--main-middle);
}
.content_post h3 {
 display: block;
 font-size: 1.6em;
 font-weight: bold;
 margin-top: 1.1em;
 margin-bottom: 1em;
 margin-left: 0px;
 padding: 1em 0 0.2em 0;
 clear: both;
 line-height: 1.2em;
}
.content_post h4 {
 display: block;
 font-size: 1.2em;
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 1em;
 margin-left: 0;
 clear: both;
 padding-left: 0;
 line-height: 1.3em;
 color: var(--main-dark);
}
.content_post h5 {
 background-color: #eee;
 display: block;
 font-size: 1.1em;
 font-weight: bold;
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 0.5em;
 margin-left: 0;
 padding-bottom: 0px;
 line-height: 1em;
 padding: 8px 10px 9px 11px;
 position: relative;
 border-radius: 4px;
}
.content_post h6 {
 display: block;
 font-size: 1.1em;
 font-weight: bold;
 margin-top: 1em;
 margin-bottom: 1em;
 padding-top: 5px;
 padding-left: 2px;
 padding-bottom: 5px;
 border-top: 1px #969696 solid;
 border-bottom: 1px #969696 solid;
}
.content_post h1:first-child, .content_post h2:first-child, .content_post h3:first-child, .content_post h4:first-child {
 margin-top: 0;
}
.content_post .nolistmark li {
 list-style-type: none;
}
.content_post ul li.blocks-gallery-item {
 padding-left: 0;
 padding-right: 0;
}
.content_post table {
 margin-top: 10px;
 margin-bottom: 10px;
 width: 100%;
}
.content_post table caption {
 text-align: left;
 font-weight: bold;
}
.content_post table th {
 background-color: #eee;
}
.content_post table th, .content_post table td {
 padding: 6px;
 border: 1px solid #aaa;
}
.content_post .wp-block-table.recruit_table td {
 border-left: none;
 border-right: none;
 border-color: var(--main-light);
 padding: 20px 0;
}
.content_post .wp-block-table.recruit_table td:first-child {
 width: 27%;
}
.content_post dl dt {
 font-weight: bold;
 font-size: 1.2em;
}
.content_post dl dd {
 margin-bottom: 1em;
 margin-left: 1em;
 background-color: #f1f1f1;
 padding: 20px;
 border-radius: 12px;
 box-shadow: 2px 2px 0 #d5d5d5;
 margin-top: 18px;
 position: relative;
}
.content_post dl dd:after {
 content: "";
 position: absolute;
 left: 15px;
 top: -18px;
 border-style: solid;
 border-width: 10px;
 border-color: transparent transparent #f1f1f1 #f1f1f1;
}
.content_post q, .content_post blockquote {
 margin: 0 auto 1em auto;
 width: 90%;
 padding: 15px 3%;
 background-color: #EEE;
 border-radius: 10px;
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
 display: block;
}
blockquote:before, q:before {
 content: "“";
 font-size: 58px;
 top: 20px;
 left: -5px;
 position: relative;
}
.content_post blockquote p, .content_post q p {
 margin-bottom: 10px;
}
blockquote:after, q:after {
 text-align: right;
 content: "”";
 font-size: 58px;
 display: block;
 position: relative;
 top: 20px;
 right: -5px;
}
.content_post .wp-block-column {
 margin-bottom: 0;
}
.content_post pre {
 background-color: #f4f4f4;
 padding: 15px 20px;
 border-radius: 8px;
 box-shadow: inset 2px 3px 2px #cecece;
}
/*works
---------------------------------------*/
#works_cat_body {
 margin-bottom: 0;
 border-bottom: 1px solid var(--main-dark);
}
.works_tab li a {
 display: block;
 background-color: #8ca0a7;
 color: #fff;
 font-weight: bold;
 font-size: 0.9em;
 text-decoration: none;
 padding: 10px 10px 14px 10px;
 position: relative;
}
.works_tab {
 display: flex;
 gap: 3px;
 overflow: hidden;
}
.works_tab li.active a {
 background-color: var(--main-dark);
 padding-left: 26px;
}
.works_tab li.active a:before {
 content: "";
 position: absolute;
 top: 14px;
 left: 9px;
 width: 10px;
 height: 10px;
 background-color: var(--main-middle);
 border-radius: 150%;
}
.works_tab li {
 position: relative;
 top: 12px;
}
.works_tab li.active {
 top: 0px;
}
article.works_item {
 padding: 80px 0;
}
article.works_item:nth-child(even) {
 background-color: #f7f7f7;
}
article.works_item dl {
 display: flex;
 gap: 50px;
 dt {
  width: 34%;
 }
 .img_empty span {
  background-color: var(--main-light);
  width: 100%;
  display: block;
  aspect-ratio: 9/5.5;
  border-radius: 20px;
 }
 dd {
  width: calc(66% - 50px);
  .gyoushu {
   font-size: 1.1em;
   line-height: 1.4em;
   margin-bottom: 10px;
  }
  .shien {
   font-weight: bold;
   font-size: 1.1em;
   color: var(--main-middle);
   border-bottom: 2px solid var(--main-middle);
   display: inline-block;
   padding: 0 5px 0 0;
   margin-bottom: 15px;
  }
  h2 {
   font-size: 1.5em;
   line-height: 1.4em;
   font-weight: bold;
   color: var(--main-dark);
  }
  .content_post {
   font-size: 0.95em;
   p {
    line-height: 2em;
   }
  }
 }
 dt img {
  width: 100%;
  border-radius: 20px;
 }
}
/*page
---------------------------------------*/
table.info_meta {
 background-color: var(--main-middle);
 width: 100%;
 color: #fff;
 text-align: center;
 th, td {
  border: 1px solid #fff;
  text-align: center;
  padding: 5px 5px;
 }
 td {
  background-color: var(--main-light);
  color: initial;
 }
}
#form_body {
 background-color: #ecf3f5;
 padding: 60px 0;
}
.page_space {
 margin-top: 60px;
}
.page_head.back_image {
 justify-content: center;
 align-items: center;
 box-sizing: border-box;
 position: relative;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
}
.page_head {
 text-align: center;
 padding: 175px 0 100px;
 background: var(--main-dark);
 color: #fff;
}
.page_head #page_title {
 font-size: 1.64em;
 font-weight: bold;
 line-height: 1.2em;
}
.page_head .sub_title {
 margin-top: 4px;
 letter-spacing: 1px;
}
.content_post .wp-block-button__link {
 padding-top: 0.5em;
 padding-bottom: 0.5em;
 font-weight: bold;
 font-size: 1rem;
 background-image: url(img/SVG/arrow1.svg);
 background-position: calc(100% - 15px);
 background-repeat: no-repeat;
 background-size: 18px auto;
 padding-right: 4em;
 box-sizing: border-box;
}
.content_post .w600 {
 max-width: 600px;
 margin: 1.5em auto;
}
.content_post .w700 {
 max-width: 700px;
 margin: 1.5em auto;
}
.content_post .w800 {
 max-width: 800px;
 margin: 1.5em auto;
}
.content_post .w900 {
 max-width: 900px;
 margin: 1.5em auto;
}
.content_post .gray_list li {
 list-style: none;
 background-color: #f8f8f8;
 padding: 15px 1em;
 margin-left: 0;
 font-weight: bold;
}
.content_post .wp-block-columns.reverse {
 flex-direction: row-reverse;
}
.content_post .table_bottom_border td {
 border: none;
 box-sizing: border-box;
 padding: 15px;
 border-bottom: 1px solid #aaa;
}
.content_post .about_dl dt {
 padding: 6px;
 float: left;
 clear: both;
 width: 15%;
}
.content_post .about_dl dd {
 padding: 6px 6px 6px 17%;
 float: none;
 border-bottom: dotted 1px #ddd;
 margin-left: 0;
 margin-bottom: 0;
}
.wp-block-table.about_table td:first-child {
 width: 150px;
 background-color: #e7e7e787;
}
.wp-block-table.about_table td {
 padding: 10px 12px;
 border: none;
 border-bottom: 1px solid #b0b0b061;
}
.content_post .flow_box .wp-block-columns {
 margin: 3px 0;
}
.content_post .flow_box .wp-block-columns > .wp-block-column:first-child {
 min-height: 6em;
 padding-left: 83px;
 font-size: 1.1em;
 background-repeat: no-repeat;
 background-size: 25px auto;
 background-position: 36px center;
 box-sizing: border-box;
}
.content_post .flow_box .wp-block-columns > .wp-block-column.step1 {
 background-image: url(img/SVG/step1.svg);
}
.content_post .flow_box .wp-block-columns > .wp-block-column.step2 {
 background-image: url(img/SVG/step2.svg);
}
.content_post .flow_box .wp-block-columns > .wp-block-column.step3 {
 background-image: url(img/SVG/step3.svg);
}
.content_post .flow_box .wp-block-columns > .wp-block-column.step4 {
 background-image: url(img/SVG/step4.svg);
}
.content_post .flow_box .wp-block-columns .wp-block-column {
 display: flex;
 align-items: center;
 justify-content: left;
 font-size: 0.9em;
}
/*Service*/
article.sv_item h2 a {
 text-decoration: none;
 color: var(--main-dark);
}
article.sv_item h2 {
 margin-bottom: 0.6em;
}
article.sv_item {
 padding: 30px 0;
}
article.sv_item .more_link a {
 background-color: var(--main-middle);
 display: inline-block;
 text-decoration: none;
 color: #fff;
 font-weight: bold;
 padding: 5px 15px;
 font-size: 0.95em;
}
article.sv_item .more_link {
 margin-top: 1em;
}
.archive_list article.sv_item:nth-child(even) .flex {
 flex-direction: row-reverse;
}
/*single
---------------------------------------*/
#single_title {
 font-size: 1.8em;
 color: var(--main-black);
 margin: 0 0 0.5em 0;
}
.single_meta.wrap {
 margin-top: 60px;
 margin-bottom: 30px;
}
.single_meta .metas {
 display: flex;
 gap: 20px;
 .date {
  color: #3b3b3b;
  font-size: 0.9em;
  padding-left: 21px;
  background-image: url(img/SVG/watch.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 15px auto;
 }
 .single_cat {
  padding-left: 24px;
  background-image: url(img/SVG/category.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 17px auto;
  display: flex;
  gap: 5px;
  position: relative;
  top: 3px;
  .cat {
   a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8em;
    padding: 6px 10px;
    line-height: 1em;
    display: block;
    background-color: var(--main-middle);
   }
  }
 }
}
.post-tags {
 overflow: hidden;
 padding: 5px 0;
}
.post-tags.tag_blog-category {
 padding-left: 30px;
 background-image: url(img/SVG/category.svg);
 background-repeat: no-repeat;
 background-size: 20px auto;
 background-position: 0 10px;
}
.post-tags li {
 float: left;
}
.post-tags li a {
 display: block;
 margin: 0 5px 5px 0;
 border: 1px solid #409ae3;
 border-radius: 0 5px 5px 5px;
 line-height: 1em;
 font-size: 0.85em;
 text-decoration: none;
 font-weight: bold;
 color: #409ae3;
 padding: 5px 8px 4px 16px;
 position: relative;
 transition: var(--transition);
 box-shadow: 2px 2px 0 #b9ddfa;
}
.post-tags.tag_blog-category li a {
 background-color: #fff;
 border-radius: 150px;
 border-color: #7b8386;
 color: #7b8386;
 box-shadow: none;
 padding: 6px 18px;
}
.post-tags.tag_blog-category li a:after {
 display: none;
}
.post-tags li a:hover {
 background-color: #409ae3;
 color: #fff;
}
.post-tags.tag_blog-category li a:hover {
 background-color: #7b8386;
}
.post-tags li a:after {
 content: "";
 width: 4px;
 height: 4px;
 border: 1px solid #409ae3;
 position: absolute;
 left: 3px;
 top: 3px;
 border-radius: 54%;
 background-color: #fff;
 box-shadow: inset 1px 1px 0 #b9ddfa;
}
.page_title {
 font-size: 2em;
 line-height: 1.2em;
 padding: 10px 0;
}
.nopost {
 clear: both;
 padding: 40px 0;
 text-align: center;
 font-size: 1.1em;
 line-height: 1.6em;
 font-weight: bold;
}
.comments_title {
 font-size: 1em;
 line-height: 1.6em;
}
/*Recruit
---------------------------------------*/
.recruit_overview {
 padding: 20px;
 background-color: #f6f6f6;
 border-radius: 12px;
 box-shadow: 3px 3px 0 #e4e4e4;
}
.career_detail {
 display: flex;
 flex-wrap: wrap;
}
.content_post .career_detail dt {
 width: 130px;
 box-sizing: border-box;
 padding: 8px 12px;
 border-bottom: 2px solid #aaa;
}
.content_post .career_detail dd {
 width: calc(100% - 130px);
 box-sizing: border-box;
 padding: 8px 12px;
 border-bottom: 1px solid #aaa;
 margin: 0;
}