@charset "UTF-8";
/*----------------------------------------------------
コラム一覧
----------------------------------------------------*/
#column {
  padding-bottom: 200px;
}
@media (width < 500px) {
  #column {
    padding-bottom: 100px;
  }
}
#column #pages-mainvisual {
  background: url(../../assets/img/column/img-column_mv.jpg);
}
#column #column-parts {
  width: 1300px;
  margin: 0 auto;
}
@media (width < 1300px) {
  #column #column-parts {
    width: 90%;
  }
}
#column #column-parts .search-form {
  display: inline-block;
  overflow: hidden;
  border: 1px solid #6F6F6F;
  border-radius: 3px;
  background-color: #fff;
  margin-bottom: 60px;
}
#column #column-parts .search-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#column #column-parts .search-form form input {
  width: 250px;
  height: 45px;
  padding: 5px 15px;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1em;
  outline: none;
}
#column #column-parts .search-form form input::-webkit-input-placeholder {
  color: #D9D9D9;
}
#column #column-parts .search-form form input::-moz-placeholder {
  color: #D9D9D9;
}
#column #column-parts .search-form form input:-ms-input-placeholder {
  color: #D9D9D9;
}
#column #column-parts .search-form form input::-ms-input-placeholder {
  color: #D9D9D9;
}
#column #column-parts .search-form form input::placeholder {
  color: #D9D9D9;
}
#column #column-parts .search-form form button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  height: 45px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
#column #column-parts .search-form form button::after {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='%23777777'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
}
#column #column-parts .cat-list {
  margin-bottom: 100px;
}
#column #column-parts .cat-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (width < 500px) {
  #column #column-parts .cat-list ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}
#column #column-parts .cat-list ul li:not(:last-child) {
  margin-right: 20px;
}
#column #column-parts .cat-list ul li a {
  width: 260px;
  height: 60px;
  padding: 22px;
  line-height: 1;
  border: 1px solid #CF000E;
  border-radius: 100vh;
  color: #222;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
@media (hover: hover) {
  #column #column-parts .cat-list ul li a:hover {
    -webkit-box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.15);
  }
}
@media (width < 500px) {
  #column #column-parts .cat-list ul li a {
    height: 50px;
    padding: 12px;
  }
}
#column #column-parts .cat-list ul li a div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#column #column-list .inner .column_wrap {
  margin-bottom: 150px;
}
#column #column-list .inner .column_wrap .serch_ttl {
  width: 90%;
  margin: 0 auto 50px auto;
}
#column #column-list .inner .column_wrap ul {
  width: 1300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 50px;
}
@media (width < 1300px) {
  #column #column-list .inner .column_wrap ul {
    width: 90%;
  }
}
@media (width < 500px) {
  #column #column-list .inner .column_wrap ul {
    margin-bottom: 50px;
    gap: 20px;
  }
}
#column #column-list .inner .column_wrap ul li {
  width: 400px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  #column #column-list .inner .column_wrap ul li:hover {
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.15);
  }
}
@media (600px <= width < 1300px) {
  #column #column-list .inner .column_wrap ul li {
    width: 340px;
  }
}
@media (width < 500px) {
  #column #column-list .inner .column_wrap ul li {
    width: 100%;
  }
}
@media (hover: hover) {
  #column #column-list .inner .column_wrap ul li a:hover article .img_wrap img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  #column #column-list .inner .column_wrap ul li a:hover article .img_wrap img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  #column #column-list .inner .column_wrap ul li a:hover article .article_txt h2 {
    color: #CF000E;
  }
}
#column #column-list .inner .column_wrap ul li a article .img_wrap {
  position: relative;
  width: 100%;
  height: 240px;
  border-radius: 2px 2px 0 0;
  overflow: hidden;
}
@media (width < 500px) {
  #column #column-list .inner .column_wrap ul li a article .img_wrap {
    height: 240px;
  }
}
#column #column-list .inner .column_wrap ul li a article .img_wrap img {
  height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (width < 500px) {
  #column #column-list .inner .column_wrap ul li a article .img_wrap img {
    height: 240px;
  }
}
#column #column-list .inner .column_wrap ul li a article .img_wrap .cat {
  position: absolute;
  bottom: 10px;
  right: 10px;
  border-radius: 2px;
  padding: 6px;
  line-height: 1;
  font-size: 12px;
  font-size: 1.2rem;
}
#column #column-list .inner .column_wrap ul li a article .img_wrap .cat.web-consul { /* Webコンサル */
  color: #fff;
  border: 1px solid #fff;
  background-color: #2D9AFF;
}
#column #column-list .inner .column_wrap ul li a article .img_wrap .cat.ec-consul { /* ECコンサル */
  color: #fff;
  border: 1px solid #fff;
  background-color: #FF773D;
}
#column #column-list .inner .column_wrap ul li a article .img_wrap .cat.problem { /* お困りの方へ */
  color: #fff;
  border: 1px solid #fff;
  background-color: #66B600;
}
#column #column-list .inner .column_wrap ul li a article .article_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
  height: 154px;
}
@media (width < 500px) {
  #column #column-list .inner .column_wrap ul li a article .article_txt {
    height: auto;
  }
}
#column #column-list .inner .column_wrap ul li a article .article_txt h2 {
  width: 100%;
  font-size: clamp(16px, 14px + 0.5vw, 20px);
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#column #column-list .inner .column_wrap ul li a article .article_txt .article_days {
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Roboto", sans-serif;
}
#column #column-list .inner .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#column #column-list .inner .nav-links span {
  text-decoration: underline;
  text-underline-offset: 6px;
  padding-right: 20px;
}
#column #column-list .inner .nav-links a {
  padding-right: 20px;
}
@media (hover: hover) {
  #column #column-list .inner .nav-links a:hover {
    color: #D9D9D9;
  }
}

/*----------------------------------------------------
コラム詳細
----------------------------------------------------*/
#column-single {
  padding-bottom: 200px;
}
@media (width < 500px) {
  #column-single {
    padding-bottom: 100px;
  }
}
#column-single #pages-mainvisual {
  background: url(../../assets/img/column/img-column_mv.jpg);
}
#column-single .breadcrumb {
  margin-bottom: 200px;
}
@media (width < 500px) {
  #column-single .breadcrumb {
    margin-bottom: 100px;
  }
}
#column-single .main_post {
  width: 1100px;
  margin: 0 auto;
  margin-bottom: 200px;
}
@media (width < 500px) {
  #column-single .main_post {
    width: 90%;
    margin-bottom: 100px;
  }
}
#column-single .main_post .main_post_wrap .single_post_container .post_meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 100px;
}
@media (width < 500px) {
  #column-single .main_post .main_post_wrap .single_post_container .post_meta {
    display: block;
  }
}
#column-single .main_post .main_post_wrap .single_post_container .post_meta .post-ttl_wrap {
  width: 470px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (width < 500px) {
  #column-single .main_post .main_post_wrap .single_post_container .post_meta .post-ttl_wrap {
    width: 100%;
    margin-bottom: 30px;
  }
}
#column-single .main_post .main_post_wrap .single_post_container .post_meta .post-ttl_wrap .post_cat .cat {
  margin-bottom: 20px;
}
#column-single .main_post .main_post_wrap .single_post_container .post_meta .post-ttl_wrap .single_ttl {
  font-size: clamp(32px, 28px + 1vw, 40px);
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 30px;
}
@media (width < 500px) {
  #column-single .main_post .main_post_wrap .single_post_container .post_meta .post-ttl_wrap .single_ttl {
    margin-bottom: 10px;
  }
}
#column-single .main_post .main_post_wrap .single_post_container .post_meta .post-ttl_wrap .post_time {
  font-size: 14px;
  font-size: 1.4rem;
}
#column-single .main_post .main_post_wrap .single_post_container .post_meta .img_wrap .single_thumb {
  width: 600px;
}
@media (width < 500px) {
  #column-single .main_post .main_post_wrap .single_post_container .post_meta .img_wrap .single_thumb {
    width: 100%;
  }
}
#column-single .main_post .main_post_wrap .single_post_container .post_meta .img_wrap .single_thumb img {
  border-radius: 2px;
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body .toc__container {
  width: 50%;
  margin: 0 auto;
  padding: 40px 60px;
  background-color: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
  margin: 50px auto 100px auto;
}
@media (width < 500px) {
  #column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body .toc__container {
    width: 100%;
    padding: 30px;
  }
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body .toc__index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body .toc__index figure {
  margin-right: 10px;
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body .toc__index figure img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body .toc__index p {
  font-size: clamp(16px, 14px + 0.5vw, 20px);
  font-weight: bold;
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body .toc__item a {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 500;
  padding-left: 20px;
  color: #6F6F6F;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body .toc__item a::before {
  position: absolute;
  content: "";
  background: url(../img/root/icon_arrow3.svg) no-repeat;
  width: 8px;
  height: 14px;
  top: 8px;
  left: 0;
}
@media (hover: hover) {
  #column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body .toc__item a:hover {
    color: #CF000E;
  }
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body .toc__link {
  margin-bottom: 20px;
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body blockquote {
  margin: 30px 0;
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body h2 {
  margin: 50px 0;
}
@media (width < 500px) {
  #column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body h2 {
    margin-bottom: 30px;
  }
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body h2 span[id*=heading] {
  border-left: 4px solid #CF000E;
  padding-left: 12px;
  font-size: clamp(24px, 20px + 1vw, 32px);
  line-height: 0.64;
}
@media (width < 500px) {
  #column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body h2 span[id*=heading] {
    line-height: 1.3;
  }
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body h3 span[id*=heading] {
  padding-left: 20px;
  font-size: clamp(16px, 12px + 1vw, 24px);
  line-height: 2;
  position: relative;
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body h3 span[id*=heading]::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #CF000E;
  top: 14px;
  left: 0;
}
@media (width < 500px) {
  #column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body h3 span[id*=heading]::before {
    top: 7px;
  }
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body p {
  line-height: 1.8;
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body p a {
  display: inline-block;
  position: relative;
  color: #CF000E;
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body p a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 6px;
  width: 100%;
  height: 1px;
  background: #CF000E;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
          transform-origin: right top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; /*変形の時間*/
}
@media (width < 500px) {
  #column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body p a::after {
    display: none;
  }
}
@media (hover: hover) {
  #column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body p a:hover::after {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
    -webkit-transform-origin: left top;
            transform-origin: left top; /*左から右に向かう*/
  }
}
@media (width < 500px) {
  #column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body p a {
    text-decoration: underline;
    text-underline-offset: 4px;
  }
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body > ul,
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body > ol {
  list-style: auto;
  margin: 20px 0 20px 20px;
  font-weight: bold;
  line-height: 2.625;
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body > ul > p,
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body > ol > p {
  font-weight: normal;
}
@media (width < 500px) {
  #column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body div {
    width: 100% !important;
  }
}
#column-single .main_post .main_post_wrap .single_post_container .detail_text .post_body .wp-caption-text {
  font-size: 14px;
  font-size: 1.4rem;
}
#column-single .main_post .main_post_wrap .single_post_container strong {
  font-weight: bold;
}
#column-single .main_post .main_post_wrap .single_post_container .column_btn a {
  border: 1px solid #CF000E;
  background-color: #CF000E;
  padding: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
  border-radius: 2px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 20px;
}
#column-single .main_post .main_post_wrap .single_post_container .column_btn a:hover {
  background-color: #fff;
  color: #CF000E;
}
#column-single .tag01 {
  font-weight: bold;
}
#column-single .tag01::after {
  content: ">>";
  color: #CF000E;
  margin-left: 5px;
}
#column-single .tag02 {
  font-weight: bold;
}
#column-single .tag02::before {
  content: "●";
  color: #CF000E;
  margin-right: 5px;
}
#column-single .tag03 {
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff81e));
  background: linear-gradient(transparent 50%, #fff81e 50%);
  padding: 0 7px;
}
#column-single #connection-post {
  width: 1100px;
  margin: 0 auto;
}
@media (width < 500px) {
  #column-single #connection-post {
    width: 90%;
  }
}
@media (width < 500px) {
  #column-single #connection-post .container {
    width: 100%;
  }
}
#column-single #connection-post .container .related-title {
  padding-left: 20px;
  font-size: clamp(16px, 14px + 0.5vw, 20px);
  line-height: 2;
  position: relative;
  margin-bottom: 30px;
}
#column-single #connection-post .container .related-title::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100vh;
  background-color: #CF000E;
  top: 16px;
  left: 0;
}
@media (width < 500px) {
  #column-single #connection-post .container .related-title::before {
    top: 12px;
  }
}
#column-single #connection-post .container .related-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
@media (width < 500px) {
  #column-single #connection-post .container .related-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#column-single #connection-post .container .related-list .related-item {
  width: 50%;
}
@media (width < 500px) {
  #column-single #connection-post .container .related-list .related-item {
    width: 100%;
  }
}
#column-single #connection-post .container .related-list .related-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
  padding: 30px;
  -webkit-box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.05);
}
@media (hover: hover) {
  #column-single #connection-post .container .related-list .related-item a:hover {
    color: #CF000E;
    -webkit-box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.15);
  }
  #column-single #connection-post .container .related-list .related-item a:hover .related-img img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@media (width < 500px) {
  #column-single #connection-post .container .related-list .related-item a {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 20px;
  }
}
#column-single #connection-post .container .related-list .related-item a .related-img {
  width: 200px;
  overflow: hidden;
}
@media (width < 500px) {
  #column-single #connection-post .container .related-list .related-item a .related-img {
    width: 120px;
    margin-right: 20px;
  }
}
#column-single #connection-post .container .related-list .related-item a .related-img img {
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#column-single #connection-post .container .related-list .related-item a .related-text-wrap {
  font-size: clamp(16px, 14px + 0.5vw, 20px);
  line-height: 1.6;
  font-weight: bold;
  width: 250px;
}
@media (width < 500px) {
  #column-single #connection-post .container .related-list .related-item a .related-text-wrap {
    width: 55%;
  }
}

/*----------------------------------------------------
WEB・EC共通
----------------------------------------------------*/
#web,
#web.ec,
#web.agency {
  display: block;
  /*----------------------------------------------------
  Webコンサルティング内容
  ----------------------------------------------------*/
  /*----------------------------------------------------
  プラン
  ----------------------------------------------------*/
}
#web #web-contents,
#web.ec #web-contents,
#web.agency #web-contents {
  background-color: #fff;
  padding-bottom: 200px;
}
@media (width < 500px) {
  #web #web-contents,
  #web.ec #web-contents,
  #web.agency #web-contents {
    padding: 0 0 100px 0;
  }
}
#web #web-contents .inner .contents-flow,
#web.ec #web-contents .inner .contents-flow,
#web.agency #web-contents .inner .contents-flow {
  text-align: center;
  margin-bottom: 80px;
}
@media (width < 1025px) {
  #web #web-contents .inner .contents-flow,
  #web.ec #web-contents .inner .contents-flow,
  #web.agency #web-contents .inner .contents-flow {
    margin-bottom: 50px;
  }
}
#web #web-contents .inner .contents-list,
#web.ec #web-contents .inner .contents-list,
#web.agency #web-contents .inner .contents-list {
  width: 1100px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 60px;
}
@media (width < 1025px) {
  #web #web-contents .inner .contents-list,
  #web.ec #web-contents .inner .contents-list,
  #web.agency #web-contents .inner .contents-list {
    width: 90%;
    gap: 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#web #web-contents .inner .contents-list li,
#web.ec #web-contents .inner .contents-list li,
#web.agency #web-contents .inner .contents-list li {
  width: 520px;
  border: 1px solid #D9D9D9;
  padding: 50px;
}
@media (width < 1025px) {
  #web #web-contents .inner .contents-list li,
  #web.ec #web-contents .inner .contents-list li,
  #web.agency #web-contents .inner .contents-list li {
    width: 48%;
  }
}
@media (width < 500px) {
  #web #web-contents .inner .contents-list li,
  #web.ec #web-contents .inner .contents-list li,
  #web.agency #web-contents .inner .contents-list li {
    width: 100%;
    padding: 30px;
  }
}
#web #web-contents .inner .contents-list li h3,
#web.ec #web-contents .inner .contents-list li h3,
#web.agency #web-contents .inner .contents-list li h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(16px, 14px + 0.5vw, 20px);
  font-weight: bold;
  margin-bottom: 20px;
}
#web #web-contents .inner .contents-list li h3 span,
#web.ec #web-contents .inner .contents-list li h3 span,
#web.agency #web-contents .inner .contents-list li h3 span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px;
  width: 24px;
  height: 24px;
  border-radius: 50vw;
  border: 1px solid #6F6F6F;
  background-color: #F9F9F9;
  margin-right: 12px;
}
#web #web-contents .inner .contents-list li figure,
#web.ec #web-contents .inner .contents-list li figure,
#web.agency #web-contents .inner .contents-list li figure {
  text-align: center;
  margin-bottom: 20px;
}
#web #web-contents .inner .contents-list li p,
#web.ec #web-contents .inner .contents-list li p,
#web.agency #web-contents .inner .contents-list li p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
}
@media (width < 500px) {
  #web #web-contents .inner .contents-list li p,
  #web.ec #web-contents .inner .contents-list li p,
  #web.agency #web-contents .inner .contents-list li p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
#web #web-contents .inner .contents-list li p a,
#web.ec #web-contents .inner .contents-list li p a,
#web.agency #web-contents .inner .contents-list li p a {
  text-decoration: underline;
  color: #c4525a;
}
#web #web-contents .inner .contents-list li p a.agency_a,
#web.ec #web-contents .inner .contents-list li p a.agency_a,
#web.agency #web-contents .inner .contents-list li p a.agency_a {
  display: inline;
}
#web #web-plan,
#web.ec #web-plan,
#web.agency #web-plan {
  padding: 200px 0;
  background-color: #fff;
}
@media (width < 500px) {
  #web #web-plan,
  #web.ec #web-plan,
  #web.agency #web-plan {
    padding: 100px 0;
  }
}
#web #web-plan .inner,
#web.ec #web-plan .inner,
#web.agency #web-plan .inner {
  width: 840px;
  margin: 0 auto;
}
@media (width < 1025px) {
  #web #web-plan .inner,
  #web.ec #web-plan .inner,
  #web.agency #web-plan .inner {
    width: 90%;
  }
}
#web #web-plan .inner .ttl_wrap,
#web.ec #web-plan .inner .ttl_wrap,
#web.agency #web-plan .inner .ttl_wrap {
  margin-bottom: 80px;
}
@media (width < 500px) {
  #web #web-plan .inner .ttl_wrap,
  #web.ec #web-plan .inner .ttl_wrap,
  #web.agency #web-plan .inner .ttl_wrap {
    margin-bottom: 50px;
  }
}
#web #web-plan .inner .plan-index,
#web.ec #web-plan .inner .plan-index,
#web.agency #web-plan .inner .plan-index {
  margin-bottom: 80px;
}
@media (width < 500px) {
  #web #web-plan .inner .plan-index,
  #web.ec #web-plan .inner .plan-index,
  #web.agency #web-plan .inner .plan-index {
    margin-bottom: 50px;
  }
}
#web #web-plan .inner .plan-index ul,
#web.ec #web-plan .inner .plan-index ul,
#web.agency #web-plan .inner .plan-index ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
}
@media (width < 500px) {
  #web #web-plan .inner .plan-index ul,
  #web.ec #web-plan .inner .plan-index ul,
  #web.agency #web-plan .inner .plan-index ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}
#web #web-plan .inner .plan-index ul li,
#web.ec #web-plan .inner .plan-index ul li,
#web.agency #web-plan .inner .plan-index ul li {
  width: 190px;
  line-height: 1;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (width < 500px) {
  #web #web-plan .inner .plan-index ul li,
  #web.ec #web-plan .inner .plan-index ul li,
  #web.agency #web-plan .inner .plan-index ul li {
    width: calc(50% - 10px);
  }
}
#web #web-plan .inner .plan-index ul li.link-spot, #web #web-plan .inner .plan-index ul li.link-mix,
#web.ec #web-plan .inner .plan-index ul li.link-spot,
#web.ec #web-plan .inner .plan-index ul li.link-mix,
#web.agency #web-plan .inner .plan-index ul li.link-spot,
#web.agency #web-plan .inner .plan-index ul li.link-mix {
  border: 1px solid #2D9AFF;
}
#web #web-plan .inner .plan-index ul li.link-spot .sub_ttl, #web #web-plan .inner .plan-index ul li.link-mix .sub_ttl,
#web.ec #web-plan .inner .plan-index ul li.link-spot .sub_ttl,
#web.ec #web-plan .inner .plan-index ul li.link-mix .sub_ttl,
#web.agency #web-plan .inner .plan-index ul li.link-spot .sub_ttl,
#web.agency #web-plan .inner .plan-index ul li.link-mix .sub_ttl {
  color: #2D9AFF;
}
#web #web-plan .inner .plan-index ul li.link-spot svg path, #web #web-plan .inner .plan-index ul li.link-mix svg path,
#web.ec #web-plan .inner .plan-index ul li.link-spot svg path,
#web.ec #web-plan .inner .plan-index ul li.link-mix svg path,
#web.agency #web-plan .inner .plan-index ul li.link-spot svg path,
#web.agency #web-plan .inner .plan-index ul li.link-mix svg path {
  fill: #2D9AFF;
}
#web #web-plan .inner .plan-index ul li.link-trial, #web #web-plan .inner .plan-index ul li.link-management,
#web.ec #web-plan .inner .plan-index ul li.link-trial,
#web.ec #web-plan .inner .plan-index ul li.link-management,
#web.agency #web-plan .inner .plan-index ul li.link-trial,
#web.agency #web-plan .inner .plan-index ul li.link-management {
  border: 1px solid #66B600;
}
#web #web-plan .inner .plan-index ul li.link-trial .sub_ttl, #web #web-plan .inner .plan-index ul li.link-management .sub_ttl,
#web.ec #web-plan .inner .plan-index ul li.link-trial .sub_ttl,
#web.ec #web-plan .inner .plan-index ul li.link-management .sub_ttl,
#web.agency #web-plan .inner .plan-index ul li.link-trial .sub_ttl,
#web.agency #web-plan .inner .plan-index ul li.link-management .sub_ttl {
  color: #66B600;
}
#web #web-plan .inner .plan-index ul li.link-trial svg path, #web #web-plan .inner .plan-index ul li.link-management svg path,
#web.ec #web-plan .inner .plan-index ul li.link-trial svg path,
#web.ec #web-plan .inner .plan-index ul li.link-management svg path,
#web.agency #web-plan .inner .plan-index ul li.link-trial svg path,
#web.agency #web-plan .inner .plan-index ul li.link-management svg path {
  fill: #66B600;
}
#web #web-plan .inner .plan-index ul li.link-advisor, #web #web-plan .inner .plan-index ul li.link-customize,
#web.ec #web-plan .inner .plan-index ul li.link-advisor,
#web.ec #web-plan .inner .plan-index ul li.link-customize,
#web.agency #web-plan .inner .plan-index ul li.link-advisor,
#web.agency #web-plan .inner .plan-index ul li.link-customize {
  border: 1px solid #CF000E;
}
#web #web-plan .inner .plan-index ul li.link-advisor .sub_ttl, #web #web-plan .inner .plan-index ul li.link-customize .sub_ttl,
#web.ec #web-plan .inner .plan-index ul li.link-advisor .sub_ttl,
#web.ec #web-plan .inner .plan-index ul li.link-customize .sub_ttl,
#web.agency #web-plan .inner .plan-index ul li.link-advisor .sub_ttl,
#web.agency #web-plan .inner .plan-index ul li.link-customize .sub_ttl {
  color: #CF000E;
}
#web #web-plan .inner .plan-index ul li.link-advisor svg path, #web #web-plan .inner .plan-index ul li.link-customize svg path,
#web.ec #web-plan .inner .plan-index ul li.link-advisor svg path,
#web.ec #web-plan .inner .plan-index ul li.link-customize svg path,
#web.agency #web-plan .inner .plan-index ul li.link-advisor svg path,
#web.agency #web-plan .inner .plan-index ul li.link-customize svg path {
  fill: #CF000E;
}
#web #web-plan .inner .plan-index ul li.link-partner,
#web.ec #web-plan .inner .plan-index ul li.link-partner,
#web.agency #web-plan .inner .plan-index ul li.link-partner {
  border: 1px solid #FF773D;
}
#web #web-plan .inner .plan-index ul li.link-partner .sub_ttl,
#web.ec #web-plan .inner .plan-index ul li.link-partner .sub_ttl,
#web.agency #web-plan .inner .plan-index ul li.link-partner .sub_ttl {
  color: #FF773D;
}
#web #web-plan .inner .plan-index ul li.link-partner svg path,
#web.ec #web-plan .inner .plan-index ul li.link-partner svg path,
#web.agency #web-plan .inner .plan-index ul li.link-partner svg path {
  fill: #FF773D;
}
#web #web-plan .inner .plan-index ul li a,
#web.ec #web-plan .inner .plan-index ul li a,
#web.agency #web-plan .inner .plan-index ul li a {
  text-align: center;
  padding: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 1.2;
}
@media (width < 500px) {
  #web #web-plan .inner .plan-index ul li a,
  #web.ec #web-plan .inner .plan-index ul li a,
  #web.agency #web-plan .inner .plan-index ul li a {
    padding: 10px;
    width: 100%;
  }
}
@media (hover: hover) {
  #web #web-plan .inner .plan-index ul li a:hover,
  #web.ec #web-plan .inner .plan-index ul li a:hover,
  #web.agency #web-plan .inner .plan-index ul li a:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.15);
  }
  #web #web-plan .inner .plan-index ul li a:hover .sub_ttl,
  #web.ec #web-plan .inner .plan-index ul li a:hover .sub_ttl,
  #web.agency #web-plan .inner .plan-index ul li a:hover .sub_ttl {
    color: #6F6F6F;
  }
  #web #web-plan .inner .plan-index ul li a:hover svg,
  #web.ec #web-plan .inner .plan-index ul li a:hover svg,
  #web.agency #web-plan .inner .plan-index ul li a:hover svg {
    -webkit-transform: translateY(6px) rotate(90deg);
            transform: translateY(6px) rotate(90deg);
  }
}
#web #web-plan .inner .plan-index ul li a .sub_ttl,
#web.ec #web-plan .inner .plan-index ul li a .sub_ttl,
#web.agency #web-plan .inner .plan-index ul li a .sub_ttl {
  display: inline-block;
  width: 100%;
  font-family: "Roboto", sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#web #web-plan .inner .plan-index ul li a svg,
#web.ec #web-plan .inner .plan-index ul li a svg,
#web.agency #web-plan .inner .plan-index ul li a svg {
  width: 8px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#web #web-plan .inner .plan-list ul li:not(:last-child),
#web.ec #web-plan .inner .plan-list ul li:not(:last-child),
#web.agency #web-plan .inner .plan-list ul li:not(:last-child) {
  margin-bottom: 80px;
}
#web #web-plan .inner .plan-list ul li .ttl,
#web.ec #web-plan .inner .plan-list ul li .ttl,
#web.agency #web-plan .inner .plan-list ul li .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1;
}
@media (width < 500px) {
  #web #web-plan .inner .plan-list ul li .ttl,
  #web.ec #web-plan .inner .plan-list ul li .ttl,
  #web.agency #web-plan .inner .plan-list ul li .ttl {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#web #web-plan .inner .plan-list ul li .ttl h3,
#web.ec #web-plan .inner .plan-list ul li .ttl h3,
#web.agency #web-plan .inner .plan-list ul li .ttl h3 {
  font-size: clamp(16px, 14px + 0.5vw, 20px);
  font-weight: bold;
  color: #fff;
  padding: 3px;
  margin-bottom: 10px;
}
@media (width < 500px) {
  #web #web-plan .inner .plan-list ul li .ttl h3,
  #web.ec #web-plan .inner .plan-list ul li .ttl h3,
  #web.agency #web-plan .inner .plan-list ul li .ttl h3 {
    line-height: 1.3;
  }
}
#web #web-plan .inner .plan-list ul li .ttl span,
#web.ec #web-plan .inner .plan-list ul li .ttl span,
#web.agency #web-plan .inner .plan-list ul li .ttl span {
  font-size: clamp(16px, 12px + 1vw, 24px);
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
#web #web-plan .inner .plan-list ul li dl,
#web.ec #web-plan .inner .plan-list ul li dl,
#web.agency #web-plan .inner .plan-list ul li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #F9F9F9;
}
@media (width < 500px) {
  #web #web-plan .inner .plan-list ul li dl,
  #web.ec #web-plan .inner .plan-list ul li dl,
  #web.agency #web-plan .inner .plan-list ul li dl {
    padding: 20px;
    display: block;
  }
}
#web #web-plan .inner .plan-list ul li dl dt, #web #web-plan .inner .plan-list ul li dl dd,
#web.ec #web-plan .inner .plan-list ul li dl dt,
#web.ec #web-plan .inner .plan-list ul li dl dd,
#web.agency #web-plan .inner .plan-list ul li dl dt,
#web.agency #web-plan .inner .plan-list ul li dl dd {
  padding: 30px;
  line-height: 1.8;
}
@media (width < 500px) {
  #web #web-plan .inner .plan-list ul li dl dt, #web #web-plan .inner .plan-list ul li dl dd,
  #web.ec #web-plan .inner .plan-list ul li dl dt,
  #web.ec #web-plan .inner .plan-list ul li dl dd,
  #web.agency #web-plan .inner .plan-list ul li dl dt,
  #web.agency #web-plan .inner .plan-list ul li dl dd {
    padding: 0;
  }
}
#web #web-plan .inner .plan-list ul li dl dt,
#web.ec #web-plan .inner .plan-list ul li dl dt,
#web.agency #web-plan .inner .plan-list ul li dl dt {
  width: 105px;
  padding-right: 0;
}
@media (width < 500px) {
  #web #web-plan .inner .plan-list ul li dl dt,
  #web.ec #web-plan .inner .plan-list ul li dl dt,
  #web.agency #web-plan .inner .plan-list ul li dl dt {
    line-height: 1;
    width: 100%;
    margin-bottom: 20px;
  }
}
#web #web-plan .inner .plan-list ul li dl dd,
#web.ec #web-plan .inner .plan-list ul li dl dd,
#web.agency #web-plan .inner .plan-list ul li dl dd {
  width: 750px;
}
@media (width < 500px) {
  #web #web-plan .inner .plan-list ul li dl dd,
  #web.ec #web-plan .inner .plan-list ul li dl dd,
  #web.agency #web-plan .inner .plan-list ul li dl dd {
    width: 100%;
  }
}
#web #web-plan .inner .plan-list ul li#spot .ttl h3, #web #web-plan .inner .plan-list ul li#mix .ttl h3,
#web.ec #web-plan .inner .plan-list ul li#spot .ttl h3,
#web.ec #web-plan .inner .plan-list ul li#mix .ttl h3,
#web.agency #web-plan .inner .plan-list ul li#spot .ttl h3,
#web.agency #web-plan .inner .plan-list ul li#mix .ttl h3 {
  background-color: #2D9AFF;
}
#web #web-plan .inner .plan-list ul li#spot .ttl span, #web #web-plan .inner .plan-list ul li#mix .ttl span,
#web.ec #web-plan .inner .plan-list ul li#spot .ttl span,
#web.ec #web-plan .inner .plan-list ul li#mix .ttl span,
#web.agency #web-plan .inner .plan-list ul li#spot .ttl span,
#web.agency #web-plan .inner .plan-list ul li#mix .ttl span {
  color: #2D9AFF;
}
#web #web-plan .inner .plan-list ul li#spot dl, #web #web-plan .inner .plan-list ul li#mix dl,
#web.ec #web-plan .inner .plan-list ul li#spot dl,
#web.ec #web-plan .inner .plan-list ul li#mix dl,
#web.agency #web-plan .inner .plan-list ul li#spot dl,
#web.agency #web-plan .inner .plan-list ul li#mix dl {
  border-top: 1px solid #2D9AFF;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (width < 500px) {
  #web #web-plan .inner .plan-list ul li#spot dl, #web #web-plan .inner .plan-list ul li#mix dl,
  #web.ec #web-plan .inner .plan-list ul li#spot dl,
  #web.ec #web-plan .inner .plan-list ul li#mix dl,
  #web.agency #web-plan .inner .plan-list ul li#spot dl,
  #web.agency #web-plan .inner .plan-list ul li#mix dl {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
#web #web-plan .inner .plan-list ul li#spot dl:last-child, #web #web-plan .inner .plan-list ul li#mix dl:last-child,
#web.ec #web-plan .inner .plan-list ul li#spot dl:last-child,
#web.ec #web-plan .inner .plan-list ul li#mix dl:last-child,
#web.agency #web-plan .inner .plan-list ul li#spot dl:last-child,
#web.agency #web-plan .inner .plan-list ul li#mix dl:last-child {
  border-bottom: 1px solid #2D9AFF;
}
#web #web-plan .inner .plan-list ul li#trial .ttl h3, #web #web-plan .inner .plan-list ul li#management .ttl h3,
#web.ec #web-plan .inner .plan-list ul li#trial .ttl h3,
#web.ec #web-plan .inner .plan-list ul li#management .ttl h3,
#web.agency #web-plan .inner .plan-list ul li#trial .ttl h3,
#web.agency #web-plan .inner .plan-list ul li#management .ttl h3 {
  background-color: #66B600;
}
#web #web-plan .inner .plan-list ul li#trial .ttl span, #web #web-plan .inner .plan-list ul li#management .ttl span,
#web.ec #web-plan .inner .plan-list ul li#trial .ttl span,
#web.ec #web-plan .inner .plan-list ul li#management .ttl span,
#web.agency #web-plan .inner .plan-list ul li#trial .ttl span,
#web.agency #web-plan .inner .plan-list ul li#management .ttl span {
  color: #66B600;
}
#web #web-plan .inner .plan-list ul li#trial dl, #web #web-plan .inner .plan-list ul li#management dl,
#web.ec #web-plan .inner .plan-list ul li#trial dl,
#web.ec #web-plan .inner .plan-list ul li#management dl,
#web.agency #web-plan .inner .plan-list ul li#trial dl,
#web.agency #web-plan .inner .plan-list ul li#management dl {
  border-top: 1px solid #66B600;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (width < 500px) {
  #web #web-plan .inner .plan-list ul li#trial dl, #web #web-plan .inner .plan-list ul li#management dl,
  #web.ec #web-plan .inner .plan-list ul li#trial dl,
  #web.ec #web-plan .inner .plan-list ul li#management dl,
  #web.agency #web-plan .inner .plan-list ul li#trial dl,
  #web.agency #web-plan .inner .plan-list ul li#management dl {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
#web #web-plan .inner .plan-list ul li#trial dl:last-child, #web #web-plan .inner .plan-list ul li#management dl:last-child,
#web.ec #web-plan .inner .plan-list ul li#trial dl:last-child,
#web.ec #web-plan .inner .plan-list ul li#management dl:last-child,
#web.agency #web-plan .inner .plan-list ul li#trial dl:last-child,
#web.agency #web-plan .inner .plan-list ul li#management dl:last-child {
  border-bottom: 1px solid #66B600;
}
#web #web-plan .inner .plan-list ul li#advisor .ttl h3, #web #web-plan .inner .plan-list ul li#customize .ttl h3,
#web.ec #web-plan .inner .plan-list ul li#advisor .ttl h3,
#web.ec #web-plan .inner .plan-list ul li#customize .ttl h3,
#web.agency #web-plan .inner .plan-list ul li#advisor .ttl h3,
#web.agency #web-plan .inner .plan-list ul li#customize .ttl h3 {
  background-color: #CF000E;
}
#web #web-plan .inner .plan-list ul li#advisor .ttl span, #web #web-plan .inner .plan-list ul li#customize .ttl span,
#web.ec #web-plan .inner .plan-list ul li#advisor .ttl span,
#web.ec #web-plan .inner .plan-list ul li#customize .ttl span,
#web.agency #web-plan .inner .plan-list ul li#advisor .ttl span,
#web.agency #web-plan .inner .plan-list ul li#customize .ttl span {
  color: #CF000E;
}
#web #web-plan .inner .plan-list ul li#advisor dl, #web #web-plan .inner .plan-list ul li#customize dl,
#web.ec #web-plan .inner .plan-list ul li#advisor dl,
#web.ec #web-plan .inner .plan-list ul li#customize dl,
#web.agency #web-plan .inner .plan-list ul li#advisor dl,
#web.agency #web-plan .inner .plan-list ul li#customize dl {
  border-top: 1px solid #CF000E;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (width < 500px) {
  #web #web-plan .inner .plan-list ul li#advisor dl, #web #web-plan .inner .plan-list ul li#customize dl,
  #web.ec #web-plan .inner .plan-list ul li#advisor dl,
  #web.ec #web-plan .inner .plan-list ul li#customize dl,
  #web.agency #web-plan .inner .plan-list ul li#advisor dl,
  #web.agency #web-plan .inner .plan-list ul li#customize dl {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
#web #web-plan .inner .plan-list ul li#advisor dl:last-child, #web #web-plan .inner .plan-list ul li#customize dl:last-child,
#web.ec #web-plan .inner .plan-list ul li#advisor dl:last-child,
#web.ec #web-plan .inner .plan-list ul li#customize dl:last-child,
#web.agency #web-plan .inner .plan-list ul li#advisor dl:last-child,
#web.agency #web-plan .inner .plan-list ul li#customize dl:last-child {
  border-bottom: 1px solid #CF000E;
}
#web #web-plan .inner .plan-list ul li#partner .ttl h3,
#web.ec #web-plan .inner .plan-list ul li#partner .ttl h3,
#web.agency #web-plan .inner .plan-list ul li#partner .ttl h3 {
  background-color: #FF773D;
}
#web #web-plan .inner .plan-list ul li#partner .ttl span,
#web.ec #web-plan .inner .plan-list ul li#partner .ttl span,
#web.agency #web-plan .inner .plan-list ul li#partner .ttl span {
  color: #FF773D;
}
#web #web-plan .inner .plan-list ul li#partner dl,
#web.ec #web-plan .inner .plan-list ul li#partner dl,
#web.agency #web-plan .inner .plan-list ul li#partner dl {
  border-top: 1px solid #FF773D;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (width < 500px) {
  #web #web-plan .inner .plan-list ul li#partner dl,
  #web.ec #web-plan .inner .plan-list ul li#partner dl,
  #web.agency #web-plan .inner .plan-list ul li#partner dl {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
#web #web-plan .inner .plan-list ul li#partner dl:last-child,
#web.ec #web-plan .inner .plan-list ul li#partner dl:last-child,
#web.agency #web-plan .inner .plan-list ul li#partner dl:last-child {
  border-bottom: 1px solid #FF773D;
}

/*----------------------------------------------------
Webコンサルティング
----------------------------------------------------*/
#web {
  /*----------------------------------------------------
  Dヴォイスのコンサルティングとは？
  ----------------------------------------------------*/
  /*----------------------------------------------------
  サービス内容
  ----------------------------------------------------*/
  /*----------------------------------------------------
  ケーススタディ
  ----------------------------------------------------*/
  /*----------------------------------------------------
  モットー
  ----------------------------------------------------*/
}
#web #pages-mainvisual {
  background: url(../../assets/img/web/img-web_mv.jpg) no-repeat;
}
#web #question {
  position: relative;
}
#web #question::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 150px;
  background: url(../../assets/img/web/bg_web2.svg) no-repeat bottom;
  bottom: 0;
}
@media (width < 500px) {
  #web #question::after {
    height: 50px;
  }
}
#web #question .inner {
  width: 900px;
  margin: 0 auto;
  padding: 0 0 260px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (width < 500px) {
  #web #question .inner {
    width: 90%;
    display: block;
    padding-bottom: 150px;
  }
}
#web #question .inner .q-ttl_wrap {
  font-size: clamp(24px, 20px + 1vw, 32px);
  font-weight: bold;
  line-height: 1.5625;
}
@media (width < 500px) {
  #web #question .inner .q-ttl_wrap {
    margin-bottom: 20px;
  }
}
#web #question .inner .q-ttl_wrap span {
  display: block;
  background-color: #CF000E;
  color: #fff;
  padding: 4px 8px;
}
@media (width < 500px) {
  #web #question .inner .q-ttl_wrap span {
    display: inline-block;
  }
}
#web #question .inner .q-ttl_sub {
  display: block;
  font-size: clamp(16px, 14px + 0.5vw, 20px);
  font-weight: bold;
  line-height: 1.5625;
  margin-bottom: 15px;
}
#web #question .inner .txt_wrap {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  width: 562px;
}
@media (width < 500px) {
  #web #question .inner .txt_wrap {
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
#web #web-service {
  background-color: #fff;
  padding: 50px 0 200px 0;
}
@media (width < 500px) {
  #web #web-service {
    padding: 50px 0 100px 0;
  }
}
@media (width < 1025px) {
  #web #web-service .inner {
    width: 90%;
    margin: 0 auto;
  }
}
#web #web-service .inner .service-index {
  width: 1100px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 70px 0;
  margin-bottom: 100px;
}
@media (width < 1025px) {
  #web #web-service .inner .service-index {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 20px;
    margin-bottom: 50px;
  }
}
#web #web-service .inner .service-index li,
#web #web-service .inner .service-index .service_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 320px;
  height: 230px;
  padding: 60px;
  border-radius: 2px;
  background: linear-gradient(131.19deg, #B9B9B9 2.5%, #D0D0D0 21.82%, #FFFFFF 82.08%);
}
@media (width < 500px) {
  #web #web-service .inner .service-index li,
  #web #web-service .inner .service-index .service_box {
    width: 100%;
    height: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 30px;
  }
}
#web #web-service .inner .service-index li .index_wrap,
#web #web-service .inner .service-index .service_box .index_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (width < 500px) {
  #web #web-service .inner .service-index li .index_wrap,
  #web #web-service .inner .service-index .service_box .index_wrap {
    width: 62%;
  }
}
#web #web-service .inner .service-index li .index_wrap figure,
#web #web-service .inner .service-index .service_box .index_wrap figure {
  margin-right: 20px;
}
#web #web-service .inner .service-index li .index_wrap h3,
#web #web-service .inner .service-index .service_box .index_wrap h3 {
  font-size: clamp(16px, 14px + 0.5vw, 20px);
  line-height: 1.2;
  font-weight: bold;
  white-space: nowrap;
}
#web #web-service .inner .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (width < 500px) {
  #web #web-service .inner .type {
    display: block;
  }
}
#web #web-service .inner .type .txt_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 490px;
  padding: 30px;
  margin-right: 20px;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
}
@media (width < 500px) {
  #web #web-service .inner .type .txt_wrap {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
#web #web-service .inner .type .txt_wrap h4 {
  font-size: clamp(16px, 14px + 0.5vw, 20px);
  font-weight: bold;
}
#web #web-service .inner .type .txt_wrap span {
  font-size: 14px;
  font-size: 1.4rem;
}
@media (width < 500px) {
  #web #web-service .inner .type .txt_wrap span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
#web #web-service .inner .type ul {
  width: 460px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
@media (width < 500px) {
  #web #web-service .inner .type ul {
    width: 100%;
    gap: 10px;
  }
}
#web #web-service .inner .type ul li {
  padding: 10px;
  line-height: 1;
  border: 1px solid #D9D9D9;
  background-color: #F9F9F9;
  border-radius: 2px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (width < 500px) {
  #web #web-service .inner .type ul li {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
#web #web-service .inner .type ul li:last-child {
  padding: 10px 0;
  border: none;
  background-color: #fff;
}
#web #web-service .inner .type .type_title:not(:first-of-type) {
  margin-top: 20px;
}
#web #casestudy-link {
  padding: 200px 0;
}
@media (width < 500px) {
  #web #casestudy-link {
    padding: 100px 0 0 0;
  }
}
#web #casestudy-link .inner {
  width: 1100px;
  margin: 0 auto;
}
@media (width < 500px) {
  #web #casestudy-link .inner {
    width: 90%;
    margin-bottom: 100px;
  }
}
#web #casestudy-link .inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 70px 0;
}
@media (width < 500px) {
  #web #casestudy-link .inner ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px 0;
  }
}
#web #casestudy-link .inner ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  width: 320px;
  height: 230px;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (width < 500px) {
  #web #casestudy-link .inner ul li a {
    height: 180px;
  }
}
#web #casestudy-link .inner ul li a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
#web #casestudy-link .inner ul li a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-filter: blur(2px);
          filter: blur(2px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  #web #casestudy-link .inner ul li a:hover .link_wrap .arrow {
    bottom: 20px;
    right: -30px;
  }
  #web #casestudy-link .inner ul li a:hover::before {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
  }
  #web #casestudy-link .inner ul li a:hover::after {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
#web #casestudy-link .inner ul li a .link_wrap span {
  position: relative;
  display: block;
  color: #CF000E;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}
#web #casestudy-link .inner ul li a .link_wrap h3 {
  position: relative;
}
#web #casestudy-link .inner ul li a .link_wrap h3 .txt_bg {
  display: table;
  background-color: #CF000E;
  padding: 3px;
  font-size: clamp(16px, 14px + 0.5vw, 20px);
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
}
#web #casestudy-link .inner ul li a .link_wrap h3 .arrow {
  position: absolute;
  width: 11px;
  height: 11px;
  bottom: 10px;
  right: -20px;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}
#web #casestudy-link .inner ul li a .link_wrap h3 .arrow svg path {
  fill: #CF000E;
}
#web #casestudy-link .inner ul li:first-child a::before {
  background: url(../../assets/img/web/img-web_01.jpg) no-repeat;
  background-image: image-set(url(../../assets/img/web/img-web_01.jpg) 1x, url(../../assets/img/web/img-web_01@2x.jpg) 2x);
  background-image: -webkit-image-set(url(../../assets/img/web/img-web_01.jpg) 1x, url(../../assets/img/web/img-web_01@2x.jpg) 2x);
}
#web #casestudy-link .inner ul li:nth-child(2) a::before {
  background: url(../../assets/img/web/img-web_02.jpg) no-repeat;
  background-image: image-set(url(../../assets/img/web/img-web_02.jpg) 1x, url(../../assets/img/web/img-web_02@2x.jpg) 2x);
  background-image: -webkit-image-set(url(../../assets/img/web/img-web_02.jpg) 1x, url(../../assets/img/web/img-web_02@2x.jpg) 2x);
}
#web #casestudy-link .inner ul li:last-child a::before {
  background: url(../../assets/img/web/img-web_03.jpg) no-repeat;
  background-image: image-set(url(../../assets/img/web/img-web_03.jpg) 1x, url(../../assets/img/web/img-web_03@2x.jpg) 2x);
  background-image: -webkit-image-set(url(../../assets/img/web/img-web_03.jpg) 1x, url(../../assets/img/web/img-web_03@2x.jpg) 2x);
}
#web #motto .inner,
#web #feature .inner {
  margin-bottom: 200px;
}
@media (width < 500px) {
  #web #motto .inner,
  #web #feature .inner {
    margin-bottom: 100px;
  }
}
#web #motto .inner .intro-txt,
#web #feature .inner .intro-txt {
  text-align: center;
  margin-bottom: 80px;
}
@media (width < 500px) {
  #web #motto .inner .intro-txt,
  #web #feature .inner .intro-txt {
    margin-bottom: 30px;
  }
}
#web #motto .inner .motto-index,
#web #motto .inner .feature-index,
#web #feature .inner .motto-index,
#web #feature .inner .feature-index {
  width: 670px;
  margin: 0 auto;
  gap: 70px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 50px;
  margin-bottom: 80px;
}
@media (width < 500px) {
  #web #motto .inner .motto-index,
  #web #motto .inner .feature-index,
  #web #feature .inner .motto-index,
  #web #feature .inner .feature-index {
    width: 90%;
    gap: 20px;
  }
}
#web #motto .inner .motto-index .container,
#web #motto .inner .feature-index .container,
#web #feature .inner .motto-index .container,
#web #feature .inner .feature-index .container {
  width: 180px;
  height: 180px;
  border-radius: 50vw;
  border: 1px solid #CF000E;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (width < 500px) {
  #web #motto .inner .motto-index .container,
  #web #motto .inner .feature-index .container,
  #web #feature .inner .motto-index .container,
  #web #feature .inner .feature-index .container {
    width: 100px;
    height: 100px;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}
@media (width < 500px) {
  #web #motto .inner .motto-index .container:nth-child(2) dl dt,
  #web #motto .inner .feature-index .container:nth-child(2) dl dt,
  #web #feature .inner .motto-index .container:nth-child(2) dl dt,
  #web #feature .inner .feature-index .container:nth-child(2) dl dt {
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #web #motto .inner .motto-index .container:nth-child(2) dl dt figure,
  #web #motto .inner .feature-index .container:nth-child(2) dl dt figure,
  #web #feature .inner .motto-index .container:nth-child(2) dl dt figure,
  #web #feature .inner .feature-index .container:nth-child(2) dl dt figure {
    height: 30px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  #web #motto .inner .motto-index .container:nth-child(2) dl dt figure img,
  #web #motto .inner .feature-index .container:nth-child(2) dl dt figure img,
  #web #feature .inner .motto-index .container:nth-child(2) dl dt figure img,
  #web #feature .inner .feature-index .container:nth-child(2) dl dt figure img {
    display: block;
    height: 100%;
    width: auto;
  }
}
#web #motto .inner .motto-index .container dl dt,
#web #motto .inner .feature-index .container dl dt,
#web #feature .inner .motto-index .container dl dt,
#web #feature .inner .feature-index .container dl dt {
  margin-bottom: 20px;
}
@media (width < 500px) {
  #web #motto .inner .motto-index .container dl dt,
  #web #motto .inner .feature-index .container dl dt,
  #web #feature .inner .motto-index .container dl dt,
  #web #feature .inner .feature-index .container dl dt {
    margin-bottom: 10px;
  }
}
#web #motto .inner .motto-index .container dl dt figure,
#web #motto .inner .feature-index .container dl dt figure,
#web #feature .inner .motto-index .container dl dt figure,
#web #feature .inner .feature-index .container dl dt figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
}
@media (width < 500px) {
  #web #motto .inner .motto-index .container dl dt figure,
  #web #motto .inner .feature-index .container dl dt figure,
  #web #feature .inner .motto-index .container dl dt figure,
  #web #feature .inner .feature-index .container dl dt figure {
    height: 30px;
  }
}
#web #motto .inner .motto-index .container dl dd,
#web #motto .inner .feature-index .container dl dd,
#web #feature .inner .motto-index .container dl dd,
#web #feature .inner .feature-index .container dl dd {
  width: 100%;
  text-align: center;
  line-height: 1;
}
@media (width < 500px) {
  #web #motto .inner .motto-index .container dl dd,
  #web #motto .inner .feature-index .container dl dd,
  #web #feature .inner .motto-index .container dl dd,
  #web #feature .inner .feature-index .container dl dd {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
#web #motto .inner .motto-list,
#web #motto .inner .feature-list,
#web #feature .inner .motto-list,
#web #feature .inner .feature-list {
  width: 1100px;
  margin: 0 auto;
}
@media (width < 1025px) {
  #web #motto .inner .motto-list,
  #web #motto .inner .feature-list,
  #web #feature .inner .motto-list,
  #web #feature .inner .feature-list {
    width: 90%;
  }
}
#web #motto .inner .motto-list ul,
#web #motto .inner .feature-list ul,
#web #feature .inner .motto-list ul,
#web #feature .inner .feature-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#web #motto .inner .motto-list ul li,
#web #motto .inner .feature-list ul li,
#web #feature .inner .motto-list ul li,
#web #feature .inner .feature-list ul li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#web #motto .inner .motto-list ul li:nth-child(2),
#web #motto .inner .feature-list ul li:nth-child(2),
#web #feature .inner .motto-list ul li:nth-child(2),
#web #feature .inner .feature-list ul li:nth-child(2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (width < 500px) {
  #web #motto .inner .motto-list ul li:nth-child(2),
  #web #motto .inner .feature-list ul li:nth-child(2),
  #web #feature .inner .motto-list ul li:nth-child(2),
  #web #feature .inner .feature-list ul li:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (width < 1025px) {
  #web #motto .inner .motto-list ul li:nth-child(2) .txt_wrap,
  #web #motto .inner .feature-list ul li:nth-child(2) .txt_wrap,
  #web #feature .inner .motto-list ul li:nth-child(2) .txt_wrap,
  #web #feature .inner .feature-list ul li:nth-child(2) .txt_wrap {
    margin: 0 0 0 30px;
  }
}
@media (width < 500px) {
  #web #motto .inner .motto-list ul li:nth-child(2) .txt_wrap,
  #web #motto .inner .feature-list ul li:nth-child(2) .txt_wrap,
  #web #feature .inner .motto-list ul li:nth-child(2) .txt_wrap,
  #web #feature .inner .feature-list ul li:nth-child(2) .txt_wrap {
    margin-left: 0;
  }
}
@media (width < 500px) {
  #web #motto .inner .motto-list ul li:nth-child(2) .txt_wrap .ttl h3 figure,
  #web #motto .inner .feature-list ul li:nth-child(2) .txt_wrap .ttl h3 figure,
  #web #feature .inner .motto-list ul li:nth-child(2) .txt_wrap .ttl h3 figure,
  #web #feature .inner .feature-list ul li:nth-child(2) .txt_wrap .ttl h3 figure {
    width: 30px;
  }
}
#web #motto .inner .motto-list ul li:not(:last-child),
#web #motto .inner .feature-list ul li:not(:last-child),
#web #feature .inner .motto-list ul li:not(:last-child),
#web #feature .inner .feature-list ul li:not(:last-child) {
  margin-bottom: 100px;
}
@media (width < 500px) {
  #web #motto .inner .motto-list ul li:not(:last-child),
  #web #motto .inner .feature-list ul li:not(:last-child),
  #web #feature .inner .motto-list ul li:not(:last-child),
  #web #feature .inner .feature-list ul li:not(:last-child) {
    margin-bottom: 50px;
  }
}
@media (width < 500px) {
  #web #motto .inner .motto-list ul li,
  #web #motto .inner .feature-list ul li,
  #web #feature .inner .motto-list ul li,
  #web #feature .inner .feature-list ul li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#web #motto .inner .motto-list ul li .txt_wrap,
#web #motto .inner .feature-list ul li .txt_wrap,
#web #feature .inner .motto-list ul li .txt_wrap,
#web #feature .inner .feature-list ul li .txt_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (width < 1025px) {
  #web #motto .inner .motto-list ul li .txt_wrap,
  #web #motto .inner .feature-list ul li .txt_wrap,
  #web #feature .inner .motto-list ul li .txt_wrap,
  #web #feature .inner .feature-list ul li .txt_wrap {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 30px 0 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (width < 500px) {
  #web #motto .inner .motto-list ul li .txt_wrap,
  #web #motto .inner .feature-list ul li .txt_wrap,
  #web #feature .inner .motto-list ul li .txt_wrap,
  #web #feature .inner .feature-list ul li .txt_wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: 0;
  }
}
#web #motto .inner .motto-list ul li .txt_wrap .ttl,
#web #motto .inner .feature-list ul li .txt_wrap .ttl,
#web #feature .inner .motto-list ul li .txt_wrap .ttl,
#web #feature .inner .feature-list ul li .txt_wrap .ttl {
  max-width: 220px;
  margin-right: 50px;
}
@media (width < 1025px) {
  #web #motto .inner .motto-list ul li .txt_wrap .ttl,
  #web #motto .inner .feature-list ul li .txt_wrap .ttl,
  #web #feature .inner .motto-list ul li .txt_wrap .ttl,
  #web #feature .inner .feature-list ul li .txt_wrap .ttl {
    max-width: 100%;
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (width < 500px) {
  #web #motto .inner .motto-list ul li .txt_wrap .ttl,
  #web #motto .inner .feature-list ul li .txt_wrap .ttl,
  #web #feature .inner .motto-list ul li .txt_wrap .ttl,
  #web #feature .inner .feature-list ul li .txt_wrap .ttl {
    margin: 0 0 20px 0;
  }
}
#web #motto .inner .motto-list ul li .txt_wrap .ttl h3,
#web #motto .inner .feature-list ul li .txt_wrap .ttl h3,
#web #feature .inner .motto-list ul li .txt_wrap .ttl h3,
#web #feature .inner .feature-list ul li .txt_wrap .ttl h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(16px, 14px + 0.5vw, 20px);
  font-weight: bold;
}
#web #motto .inner .motto-list ul li .txt_wrap .ttl h3 figure,
#web #motto .inner .feature-list ul li .txt_wrap .ttl h3 figure,
#web #feature .inner .motto-list ul li .txt_wrap .ttl h3 figure,
#web #feature .inner .feature-list ul li .txt_wrap .ttl h3 figure {
  width: 40px;
  margin-right: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (width < 500px) {
  #web #motto .inner .motto-list ul li .txt_wrap .ttl h3 span br,
  #web #motto .inner .feature-list ul li .txt_wrap .ttl h3 span br,
  #web #feature .inner .motto-list ul li .txt_wrap .ttl h3 span br,
  #web #feature .inner .feature-list ul li .txt_wrap .ttl h3 span br {
    display: none;
  }
}
#web #motto .inner .motto-list ul li .txt_wrap .txt,
#web #motto .inner .feature-list ul li .txt_wrap .txt,
#web #feature .inner .motto-list ul li .txt_wrap .txt,
#web #feature .inner .feature-list ul li .txt_wrap .txt {
  width: 340px;
}
@media (width < 500px) {
  #web #motto .inner .motto-list ul li .txt_wrap .txt,
  #web #motto .inner .feature-list ul li .txt_wrap .txt,
  #web #feature .inner .motto-list ul li .txt_wrap .txt,
  #web #feature .inner .feature-list ul li .txt_wrap .txt {
    width: 100%;
  }
}
#web #motto .inner .motto-list ul li .img,
#web #motto .inner .feature-list ul li .img,
#web #feature .inner .motto-list ul li .img,
#web #feature .inner .feature-list ul li .img {
  width: 440px;
}
@media (width < 1025px) {
  #web #motto .inner .motto-list ul li .img,
  #web #motto .inner .feature-list ul li .img,
  #web #feature .inner .motto-list ul li .img,
  #web #feature .inner .feature-list ul li .img {
    width: auto;
    margin-bottom: 20px;
  }
}
#web #motto .inner .motto-list ul li .img figure img,
#web #motto .inner .feature-list ul li .img figure img,
#web #feature .inner .motto-list ul li .img figure img,
#web #feature .inner .feature-list ul li .img figure img {
  border-radius: 2px;
}
#web #web-flow {
  padding: 200px 0;
}
@media (width < 500px) {
  #web #web-flow {
    padding: 100px 0;
  }
}
#web #web-flow .inner .flow {
  width: 1100px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px 0;
}
@media (width < 500px) {
  #web #web-flow .inner .flow {
    width: 90%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}
#web #web-flow .inner .flow li {
  width: 240px;
}
@media (width < 500px) {
  #web #web-flow .inner .flow li {
    width: calc(50% - 10px);
  }
}
#web #web-flow .inner .flow li:first-child div .icon::before {
  position: absolute;
  content: "";
  width: 870px;
  height: 1px;
  top: 12px;
  left: 50%;
  background-color: #CF000E;
  z-index: -999;
}
@media (width < 500px) {
  #web #web-flow .inner .flow li:first-child div .icon::before {
    display: none;
  }
}
#web #web-flow .inner .flow li div {
  position: relative;
  z-index: 1;
}
#web #web-flow .inner .flow li div .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px;
  width: 24px;
  height: 24px;
  border-radius: 50vw;
  border: 1px solid #CF000E;
  background-color: #fff;
  margin-right: 12px;
  color: #CF000E;
  text-align: center;
  margin: 0 auto 36px auto;
}
#web #web-flow .inner .flow li dl dt {
  text-align: center;
  margin: 0 auto;
}
#web #web-flow .inner .flow li dl dt figure {
  height: 50px;
  margin-bottom: 36px;
}
#web #web-flow .inner .flow li dl dt h3 {
  font-size: clamp(16px, 14px + 0.5vw, 20px);
  font-weight: bold;
  line-height: 1;
  margin-bottom: 32px;
}

/*----------------------------------------------------
お知らせ
----------------------------------------------------*/
#info {
  width: 100%;
  background: url(../../assets/img/top/bg.png);
  padding-bottom: 200px;
}
@media (width < 500px) {
  #info {
    padding-bottom: 100px;
  }
}
#info #pages-mainvisual {
  background: url(../../assets/img/info/img-info_mv.jpg);
}
#info #info-list .inner .info_wrap {
  width: 1100px;
  margin: 0 auto;
}
@media (width < 500px) {
  #info #info-list .inner .info_wrap {
    width: 90%;
  }
}
#info #info-list .inner .info_wrap .info-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 100px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 100px;
}
@media (width < 500px) {
  #info #info-list .inner .info_wrap .info-article {
    gap: 20px;
    margin-bottom: 50px;
  }
}
#info #info-list .inner .info_wrap .info-article .article-list {
  width: 100%;
}
#info #info-list .inner .info_wrap .info-article .article-list article {
  background-color: #fff;
  padding: 60px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.05);
}
@media (width < 500px) {
  #info #info-list .inner .info_wrap .info-article .article-list article {
    padding: 30px;
  }
}
#info #info-list .inner .info_wrap .info-article .article-list article .line_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1;
  border-bottom: 1px dotted #6F6F6F;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media (width < 500px) {
  #info #info-list .inner .info_wrap .info-article .article-list article .line_wrap {
    display: block;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
#info #info-list .inner .info_wrap .info-article .article-list article .line_wrap .cat_wrap {
  margin-right: 20px;
}
@media (width < 500px) {
  #info #info-list .inner .info_wrap .info-article .article-list article .line_wrap .cat_wrap {
    margin: 0 0 10px 0;
  }
}
#info #info-list .inner .info_wrap .info-article .article-list article .line_wrap .cat_wrap .cat {
  display: inline-block;
  line-height: 1;
  width: 106px;
  text-align: center;
  padding: 12px 20px;
  border: 1px solid #222;
  border-radius: 2px;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #fff;
}
@media (width < 500px) {
  #info #info-list .inner .info_wrap .info-article .article-list article .line_wrap .cat_wrap .cat {
    width: auto;
  }
}
#info #info-list .inner .info_wrap .info-article .article-list article .line_wrap .article-ttl_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (width < 500px) {
  #info #info-list .inner .info_wrap .info-article .article-list article .line_wrap .article-ttl_wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#info #info-list .inner .info_wrap .info-article .article-list article .line_wrap .article-ttl_wrap .days {
  font-size: 14px;
  font-size: 1.4rem;
  margin-right: 10px;
}
@media (width < 500px) {
  #info #info-list .inner .info_wrap .info-article .article-list article .line_wrap .article-ttl_wrap .days {
    margin: 0 0 10px 0;
  }
}
@media (width < 500px) {
  #info #info-list .inner .info_wrap .info-article .article-list article .line_wrap .article-ttl_wrap h2 {
    width: 100%;
    line-height: 1.5;
  }
}
#info #info-list .inner .info_wrap .info-article .article-list article .article_post {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.5714285714;
  width: 100%;
}
#info #info-list .inner .info_wrap .info-article .article-list article .article_post p a {
  display: inline-block;
  position: relative;
}
#info #info-list .inner .info_wrap .info-article .article-list article .article_post p a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 6px;
  width: 100%;
  height: 1px;
  background: #222;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
          transform-origin: right top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; /*変形の時間*/
}
@media (width < 500px) {
  #info #info-list .inner .info_wrap .info-article .article-list article .article_post p a::after {
    display: none;
  }
}
@media (hover: hover) {
  #info #info-list .inner .info_wrap .info-article .article-list article .article_post p a:hover::after {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
    -webkit-transform-origin: left top;
            transform-origin: left top; /*左から右に向かう*/
  }
}
@media (width < 500px) {
  #info #info-list .inner .info_wrap .info-article .article-list article .article_post p a {
    text-decoration: underline;
    text-underline-offset: 4px;
  }
}
#info #info-list .inner .info_wrap .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#info #info-list .inner .info_wrap .nav-links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#info #info-list .inner .info_wrap .nav-links ul li .current {
  text-decoration: underline;
  text-underline-offset: 6px;
  padding-right: 20px;
}
#info #info-list .inner .info_wrap .nav-links ul li .next {
  padding-right: 0;
}
#info #info-list .inner .info_wrap .nav-links ul li a {
  padding-right: 20px;
}
@media (hover: hover) {
  #info #info-list .inner .info_wrap .nav-links ul li a:hover {
    color: #D9D9D9;
  }
}

/*----------------------------------------------------
採用情報
----------------------------------------------------*/
#recruit {
  /* 共通小文字 */
}
#recruit #pages-mainvisual {
  background: url(../../assets/img/recruit/img-recruit_mv.jpg) no-repeat;
}
#recruit .small {
  font-size: 14px;
  font-size: 1.4rem;
}
#recruit #recruit-point {
  /* 共通小文字 */
}
#recruit #recruit-point .small {
  color: #6F6F6F;
}
#recruit #recruit-point .inner .copy {
  font-size: clamp(16px, 14.1818181818px + 0.4848484848vw, 20px);
  font-weight: bold;
  text-align: center;
  line-height: 1.7;
  margin-bottom: 100px;
}
@media (width < 500px) {
  #recruit #recruit-point .inner .copy {
    margin-bottom: 50px;
  }
}
#recruit #recruit-point .inner .point-index {
  width: 820px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px 0;
  margin-bottom: 100px;
}
@media (width < 500px) {
  #recruit #recruit-point .inner .point-index {
    width: 90%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 50px;
    margin-bottom: 50px;
  }
}
#recruit #recruit-point .inner .point-index li {
  width: 240px;
}
@media (width < 500px) {
  #recruit #recruit-point .inner .point-index li {
    width: 100%;
  }
}
#recruit #recruit-point .inner .point-index li .container dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 180px;
  height: 180px;
  border-radius: 50vw;
  border: 1px solid #CF000E;
  background-color: #fff;
  text-align: center;
  line-height: 1.25;
  margin: 0 auto 20px auto;
  padding: 30px 0;
}
#recruit #recruit-point .inner .point-index li .container dt h3 {
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
}
#recruit #recruit-point .inner .point-index li .container dt figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  max-height: 53px;
}
#recruit #recruit-point .inner .point-index li .container dd p {
  width: 100%;
}
#recruit #recruit-point .inner .point-list {
  margin-bottom: 100px;
}
#recruit #recruit-point .inner .point-list ul {
  width: 1100px;
  margin: 0 auto;
}
@media (width < 500px) {
  #recruit #recruit-point .inner .point-list ul {
    width: 90%;
  }
}
#recruit #recruit-point .inner .point-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #CF000E;
  padding: 50px 0;
}
#recruit #recruit-point .inner .point-list ul li:nth-of-type(2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#recruit #recruit-point .inner .point-list ul li:last-child {
  border: none;
  padding-top: 50px;
}
@media (width < 500px) {
  #recruit #recruit-point .inner .point-list ul li:last-child {
    padding: 30px 0 0 0;
  }
}
@media (width < 500px) {
  #recruit #recruit-point .inner .point-list ul li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 30px 0;
  }
}
#recruit #recruit-point .inner .point-list ul li .txt_wrap {
  width: 580px;
}
@media (width < 500px) {
  #recruit #recruit-point .inner .point-list ul li .txt_wrap {
    width: 100%;
    margin-bottom: 30px;
  }
}
#recruit #recruit-point .inner .point-list ul li .txt_wrap h3 {
  font-size: clamp(16px, 14.1818181818px + 0.4848484848vw, 20px);
  color: #CF000E;
  font-weight: bold;
  margin-bottom: 20px;
}
#recruit #recruit-point .inner .point-list ul li .img_wrap figure {
  width: 420px;
}
@media (width < 500px) {
  #recruit #recruit-point .inner .point-list ul li .img_wrap figure {
    width: 100%;
  }
}
#recruit #recruit-point .inner .point-list ul li .img_wrap figure img {
  border-radius: 2px;
}
#recruit #hiring {
  width: 1100px;
  margin: 0 auto;
}
@media (width < 500px) {
  #recruit #hiring {
    width: 90%;
  }
}
#recruit #hiring .inner {
  /* 共通見出し */
  /* 共通囲み文字 */
  /* 共通箇条書き */
}
#recruit #hiring .inner .ttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
}
#recruit #hiring .inner .ttl.first {
  margin-bottom: 50px;
}
@media (width < 500px) {
  #recruit #hiring .inner .ttl.first {
    margin-bottom: 20px;
  }
}
#recruit #hiring .inner .ttl4::before {
  content: "●";
  color: #CF000E;
  margin: 0 5px 0 0;
}
#recruit #hiring .inner .wrap-txt {
  display: inline-block;
  padding: 8px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #CF000E;
  line-height: 1;
  border: 1px solid #CF000E;
  border-radius: 2px;
}
#recruit #hiring .inner .list-dot {
  list-style-type: disc;
  list-style-position: inside;
}
#recruit #hiring .inner .recruit-index {
  margin-bottom: 100px;
}
#recruit #hiring .inner .recruit-index ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (width < 500px) {
  #recruit #hiring .inner .recruit-index ul {
    gap: 20px;
  }
}
#recruit #hiring .inner .recruit-index ul li {
  width: 340px;
  line-height: 1;
  border-radius: 2px;
  border: 1px solid #D9D9D9;
}
#recruit #hiring .inner .recruit-index ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  #recruit #hiring .inner .recruit-index ul li a:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.15);
  }
  #recruit #hiring .inner .recruit-index ul li a:hover .sub_ttl {
    color: #6F6F6F;
  }
  #recruit #hiring .inner .recruit-index ul li a:hover .arrow svg {
    -webkit-transform: translateY(6px) rotate(90deg);
            transform: translateY(6px) rotate(90deg);
  }
}
@media (width < 500px) {
  #recruit #hiring .inner .recruit-index ul li a {
    padding: 20px;
  }
}
#recruit #hiring .inner .recruit-index ul li a .txt_wrap {
  line-height: 1;
}
#recruit #hiring .inner .recruit-index ul li a .txt_wrap span {
  margin-bottom: 10px;
}
#recruit #hiring .inner .recruit-index ul li a .txt_wrap h4 {
  font-size: clamp(16px, 14.1818181818px + 0.4848484848vw, 20px);
}
#recruit #hiring .inner .recruit-index ul li a .arrow {
  width: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#recruit #hiring .inner .recruit-index ul li a .arrow svg {
  width: 8px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#recruit #hiring .inner .recruit-index ul li a .arrow svg path {
  fill: #D9D9D9;
}
#recruit #hiring .inner .recruit-list ul li[id] {
  padding: 50px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.05);
  margin-bottom: 100px;
}
@media (width < 500px) {
  #recruit #hiring .inner .recruit-list ul li[id] {
    padding: 30px;
    margin-bottom: 50px;
  }
}
#recruit #hiring .inner .recruit-list ul li[id] .recruit-ttl_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px;
}
@media (width < 500px) {
  #recruit #hiring .inner .recruit-list ul li[id] .recruit-ttl_wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
#recruit #hiring .inner .recruit-list ul li[id] .recruit-ttl_wrap .wrap-txt {
  margin-right: 20px;
}
@media (width < 500px) {
  #recruit #hiring .inner .recruit-list ul li[id] .recruit-ttl_wrap .wrap-txt {
    display: inline-block;
    margin: 0 10px 10px 0;
  }
}
@media (width < 500px) {
  #recruit #hiring .inner .recruit-list ul li[id] .recruit-ttl_wrap .ttl {
    width: 100%;
  }
}
#recruit #hiring .inner .recruit-list ul li[id] dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0;
  border-top: 1px solid #D9D9D9;
  font-size: 16px;
  font-size: 1.6rem;
}
#recruit #hiring .inner .recruit-list ul li[id] dl:last-of-type {
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 50px;
}
@media (width < 500px) {
  #recruit #hiring .inner .recruit-list ul li[id] dl:last-of-type {
    margin-bottom: 30px;
  }
}
@media (width < 500px) {
  #recruit #hiring .inner .recruit-list ul li[id] dl {
    display: block;
    padding: 20px 0;
  }
}
#recruit #hiring .inner .recruit-list ul li[id] dl dt {
  width: 100px;
  margin-right: 30px;
}
@media (width < 500px) {
  #recruit #hiring .inner .recruit-list ul li[id] dl dt {
    font-weight: bold;
  }
}
#recruit #hiring .inner .recruit-list ul li[id] dl dd {
  width: 840px;
}
@media (width < 500px) {
  #recruit #hiring .inner .recruit-list ul li[id] dl dd {
    width: 100%;
  }
}
#recruit #hiring .inner .recruit-list ul li[id] dl dd p {
  margin-bottom: 30px;
}
#recruit #hiring .inner .recruit-list ul li[id] dl dd .merit {
  color: #6F6F6F;
  font-size: 14px;
  font-size: 1.4rem;
}
#recruit #hiring .inner .recruit-list ul li[id] dl dd .merit span {
  display: inline-block;
  padding: 8px;
  line-height: 1;
  border: 1px solid #6F6F6F;
  border-radius: 2px;
  margin-bottom: 10px;
}
#recruit #hiring .inner .recruit-list ul li[id] .re-btn {
  display: inline-block;
  border-radius: 2px;
  border: 1px solid #222;
}
#recruit #hiring .inner .recruit-list ul li[id] .re-btn a {
  width: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 30px 30px 64px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  #recruit #hiring .inner .recruit-list ul li[id] .re-btn a:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.15);
  }
  #recruit #hiring .inner .recruit-list ul li[id] .re-btn a:hover .sub_ttl {
    color: #222;
  }
  #recruit #hiring .inner .recruit-list ul li[id] .re-btn a:hover .arrow svg {
    -webkit-transform: translateY(6px) rotate(90deg);
            transform: translateY(6px) rotate(90deg);
  }
}
@media (width < 500px) {
  #recruit #hiring .inner .recruit-list ul li[id] .re-btn a {
    padding: 20px;
  }
}
#recruit #hiring .inner .recruit-list ul li[id] .re-btn a .txt_wrap {
  line-height: 1;
}
#recruit #hiring .inner .recruit-list ul li[id] .re-btn a .txt_wrap span {
  margin-bottom: 10px;
}
#recruit #hiring .inner .recruit-list ul li[id] .re-btn a .txt_wrap h4 {
  font-size: clamp(16px, 14.1818181818px + 0.4848484848vw, 20px);
}
#recruit #hiring .inner .recruit-list ul li[id] .re-btn a .arrow {
  width: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#recruit #hiring .inner .recruit-list ul li[id] .re-btn a .arrow svg {
  width: 8px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#recruit #hiring .inner .recruit-list ul li[id] .re-btn a .arrow svg path {
  fill: #222;
}
#recruit #recruit-details {
  width: 1100px;
  margin: 0 auto;
  border: 1px solid #CF000E;
  border-radius: 2px;
  margin-bottom: 100px;
}
@media (width < 500px) {
  #recruit #recruit-details {
    width: 90%;
  }
}
#recruit #recruit-details .inner {
  padding: 50px;
}
@media (width < 500px) {
  #recruit #recruit-details .inner {
    padding: 30px;
  }
}
#recruit #recruit-details .inner h3 {
  position: relative;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 20px;
  margin-bottom: 50px;
}
#recruit #recruit-details .inner h3::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 1px;
  background-color: #CF000E;
  bottom: 0;
  left: 0;
}
#recruit #recruit-details .inner p {
  margin-bottom: 50px;
}
#recruit #mochio {
  width: 700px;
  margin: 0 auto;
  margin-bottom: 200px;
}
@media (width < 500px) {
  #recruit #mochio {
    width: 90%;
    margin-bottom: 100px;
  }
}

/*----------------------------------------------------
お問い合わせ
----------------------------------------------------*/
#contact #pages-mainvisual {
  background: url(../../assets/img/contact/img-contact_mv.jpg) no-repeat;
}
#contact #contact-content {
  padding-bottom: 200px;
}
@media (width < 500px) {
  #contact #contact-content {
    padding-bottom: 100px;
  }
}

/*----------------------------------------------------
ケーススタディ
----------------------------------------------------*/
#case #pages-mainvisual {
  background: url(../../assets/img/web/img-web_mv.jpg) no-repeat;
}
#case #case-study {
  margin-bottom: 200px;
}
@media (width < 500px) {
  #case #case-study {
    margin-bottom: 100px;
  }
}
#case #case-study .inner .case-index {
  width: 1100px;
  margin: 0 auto 100px auto;
}
@media (width < 500px) {
  #case #case-study .inner .case-index {
    width: 90%;
  }
}
#case #case-study .inner .case-index ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 31px;
     -moz-column-gap: 31px;
          column-gap: 31px;
}
@media (width < 500px) {
  #case #case-study .inner .case-index ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}
#case #case-study .inner .case-index ul li {
  width: 33.3333333333%;
  line-height: 1;
  border-radius: 2px;
  border: 1px solid #D9D9D9;
}
@media (width < 500px) {
  #case #case-study .inner .case-index ul li {
    width: 100%;
  }
}
#case #case-study .inner .case-index ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (width < 500px) {
  #case #case-study .inner .case-index ul li a {
    padding: 20px;
  }
}
@media (hover: hover) {
  #case #case-study .inner .case-index ul li a:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.15);
  }
  #case #case-study .inner .case-index ul li a:hover .arrow svg {
    -webkit-transform: translateY(6px) rotate(90deg);
            transform: translateY(6px) rotate(90deg);
  }
}
#case #case-study .inner .case-index ul li a .txt_wrap {
  line-height: 1;
}
#case #case-study .inner .case-index ul li a .txt_wrap span {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Roboto", sans-serif;
  color: #CF000E;
  line-height: 1;
  margin-bottom: 8px;
}
#case #case-study .inner .case-index ul li a .txt_wrap figure {
  margin: 0 auto;
  width: 30px;
}
#case #case-study .inner .case-index ul li a .ttl h4 {
  font-size: clamp(16px, 14px + 0.5vw, 20px);
  line-height: 1.2;
  font-weight: 500;
}
#case #case-study .inner .case-index ul li a .arrow {
  width: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#case #case-study .inner .case-index ul li a .arrow svg {
  width: 8px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#case #case-study .inner .case-index ul li a .arrow svg path {
  fill: #D9D9D9;
}
@media (width < 500px) {
  #case #case-study .inner .case-list .inner {
    width: 90%;
    margin: 0 auto;
  }
}
#case #case-study .inner .case-list .inner ul {
  width: 100%;
}
#case #case-study .inner .case-list .inner ul li[id^=case] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (width < 500px) {
  #case #case-study .inner .case-list .inner ul li[id^=case] {
    display: block;
  }
}
#case #case-study .inner .case-list .inner ul li[id^=case]:first-child .img_wrap .img {
  background-image: url(../../assets/img/case/img-case_01.jpg);
}
#case #case-study .inner .case-list .inner ul li[id^=case]:nth-child(2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin: 0 0 0 auto;
}
#case #case-study .inner .case-list .inner ul li[id^=case]:nth-child(2) .img_wrap .img {
  background-image: url(../../assets/img/case/img-case_02.jpg);
  border-radius: 2px 0 0 2px;
}
#case #case-study .inner .case-list .inner ul li[id^=case]:nth-child(2) .img_wrap span {
  left: -10px;
  right: auto;
}
#case #case-study .inner .case-list .inner ul li[id^=case]:nth-child(2) .container {
  margin: 0 50px 0 0;
}
@media (600px <= width < 1610px) {
  #case #case-study .inner .case-list .inner ul li[id^=case]:nth-child(2) .container {
    margin: 0 20px 0 0;
  }
}
#case #case-study .inner .case-list .inner ul li[id^=case]:last-child .img_wrap .img {
  background-image: url(../../assets/img/case/img-case_03.jpg);
}
#case #case-study .inner .case-list .inner ul li[id^=case]:not(:last-child) {
  margin-bottom: 200px;
}
@media (width < 500px) {
  #case #case-study .inner .case-list .inner ul li[id^=case]:not(:last-child) {
    margin-bottom: 100px;
  }
}
#case #case-study .inner .case-list .inner ul li[id^=case] .img_wrap {
  position: relative;
  width: 910px;
}
@media (600px <= width < 1610px) {
  #case #case-study .inner .case-list .inner ul li[id^=case] .img_wrap {
    width: 45%;
  }
}
@media (width < 500px) {
  #case #case-study .inner .case-list .inner ul li[id^=case] .img_wrap {
    width: 100%;
  }
}
#case #case-study .inner .case-list .inner ul li[id^=case] .img_wrap .img {
  max-width: 910px;
  height: 580px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 2px 2px 0;
}
@media (600px <= width < 1610px) {
  #case #case-study .inner .case-list .inner ul li[id^=case] .img_wrap .img {
    height: auto;
    padding-bottom: 63.73%;
  }
}
@media (width < 500px) {
  #case #case-study .inner .case-list .inner ul li[id^=case] .img_wrap .img {
    height: 240px;
    margin-bottom: 20px;
  }
}
#case #case-study .inner .case-list .inner ul li[id^=case] .img_wrap span {
  position: absolute;
  content: "";
  top: -10px;
  right: -10px;
  color: #CF000E;
  font-size: clamp(16px, 12px + 1vw, 24px);
  font-family: "Roboto", sans-serif;
  background-color: #F9F9F9;
  line-height: 1;
  padding: 10px;
}
#case #case-study .inner .case-list .inner ul li[id^=case] .container {
  width: 680px;
  margin-left: 50px;
}
@media (600px <= width < 1610px) {
  #case #case-study .inner .case-list .inner ul li[id^=case] .container {
    width: 50%;
    margin-right: 20px;
  }
}
@media (width < 500px) {
  #case #case-study .inner .case-list .inner ul li[id^=case] .container {
    width: 100%;
    margin-left: 0;
  }
}
#case #case-study .inner .case-list .inner ul li[id^=case] .container .case-ttl_wrap .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (width < 500px) {
  #case #case-study .inner .case-list .inner ul li[id^=case] .container .case-ttl_wrap .ttl {
    display: block;
  }
}
@media (width < 500px) {
  #case #case-study .inner .case-list .inner ul li[id^=case] .container .case-ttl_wrap .ttl h3 {
    margin-bottom: 20px;
  }
}
#case #case-study .inner .case-list .inner ul li[id^=case] .container .case-ttl_wrap .ttl h3 span {
  background-color: #222;
  color: #F9F9F9;
  font-size: clamp(16px, 14px + 0.5vw, 20px);
  line-height: 1;
  padding: 6px 8px;
  margin-right: 10px;
}
#case #case-study .inner .case-list .inner ul li[id^=case] .container .case-ttl_wrap .ttl .bubble {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-left: 15px;
  padding: 4px 12px;
  border: 1px solid #CF000E;
  border-radius: 2px;
  background-color: #fff;
  font-weight: bold;
}
@media (width < 500px) {
  #case #case-study .inner .case-list .inner ul li[id^=case] .container .case-ttl_wrap .ttl .bubble {
    display: inline-block;
    margin-left: 0;
  }
}
#case #case-study .inner .case-list .inner ul li[id^=case] .container .case-ttl_wrap .ttl .bubble::before, #case #case-study .inner .case-list .inner ul li[id^=case] .container .case-ttl_wrap .ttl .bubble::after {
  position: absolute;
  left: -15px;
  width: 15px;
  height: 15px;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  content: "";
}
@media (width < 500px) {
  #case #case-study .inner .case-list .inner ul li[id^=case] .container .case-ttl_wrap .ttl .bubble::before, #case #case-study .inner .case-list .inner ul li[id^=case] .container .case-ttl_wrap .ttl .bubble::after {
    height: 10px;
    top: -10px;
    left: 15px;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
  }
}
#case #case-study .inner .case-list .inner ul li[id^=case] .container .case-ttl_wrap .ttl .bubble::before {
  background-color: #CF000E;
}
#case #case-study .inner .case-list .inner ul li[id^=case] .container .case-ttl_wrap .ttl .bubble::after {
  left: -13px;
  background-color: #fff;
}
@media (width < 500px) {
  #case #case-study .inner .case-list .inner ul li[id^=case] .container .case-ttl_wrap .ttl .bubble::after {
    top: -8px;
    left: 15px;
  }
}
#case #case-study .inner .case-list .inner ul li[id^=case] .container .case-ttl_wrap .ttl .bubble .marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(40%, yellow));
  background: linear-gradient(transparent 70%, yellow 40%);
  color: #CF000E;
}
#case #case-study .inner .case-list .inner ul li[id^=case] .container .txt_wrap dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  font-size: 14px;
  font-size: 1.4rem;
}
#case #case-study .inner .case-list .inner ul li[id^=case] .container .txt_wrap dl:not(:last-child) {
  border-bottom: 1px dotted #D9D9D9;
}
@media (width < 500px) {
  #case #case-study .inner .case-list .inner ul li[id^=case] .container .txt_wrap dl {
    padding: 20px 0;
  }
}
#case #case-study .inner .case-list .inner ul li[id^=case] .container .txt_wrap dl dt {
  width: 96px;
  color: #6F6F6F;
}
@media (width < 500px) {
  #case #case-study .inner .case-list .inner ul li[id^=case] .container .txt_wrap dl dt {
    width: 130px;
  }
}
#case #case-study .inner .case-list .inner ul li[id^=case] .container .txt_wrap dl dd {
  width: 550px;
}
#case #case-study .inner .case-list .inner ul li[id^=case] .container .txt_wrap dl dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
#case #case-study .inner .case-list .inner ul li[id^=case] .container .txt_wrap dl dd ul li {
  display: inline-block;
  padding: 10px;
  line-height: 1;
  border: 1px dotted #D9D9D9;
  background-color: #F9F9F9;
  border-radius: 2px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (width < 500px) {
  #case #case-study .inner .case-list .inner ul li[id^=case] .container .txt_wrap dl dd ul li {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
#case #case-study .inner .case-list .inner ul li[id^=case] .container .point {
  border-top: 1px solid #CF000E;
  border-bottom: 1px solid #CF000E;
  padding: 24px 0;
  margin-bottom: 24px;
}
#case #case-study .inner .case-list .inner ul li[id^=case] .container .point h4 {
  display: inline-block;
  padding: 8px;
  border: 1px solid #CF000E;
  border-radius: 2px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #CF000E;
  line-height: 1;
  margin-bottom: 10px;
}
#case #case-study .inner .case-list .inner ul li[id^=case] .container .type {
  font-size: 12px;
  font-size: 1.2rem;
  color: #6F6F6F;
}

/*----------------------------------------------------
会社案内 & WeWork受付方法
----------------------------------------------------*/
#company, #reception {
  display: block;
  /* company */
  /*----------------------------------------------------
  WeWork受付方法
  ----------------------------------------------------*/
  /*----------------------------------------------------
  行き方、受付方法共通
  ----------------------------------------------------*/
}
#company #pages-mainvisual, #reception #pages-mainvisual {
  background: url(../../assets/img/company/img-company_mv.jpg?20260129) no-repeat;
}
#company .ttl, #reception .ttl {
  font-size: clamp(16px, 16px + 0.5vw, 20px);
  font-weight: bold;
  line-height: 1;
  margin-bottom: 50px;
}
@media (width < 500px) {
  #company .ttl, #reception .ttl {
    margin-bottom: 30px;
  }
}
#company #greeting, #reception #greeting {
  margin-bottom: 323px;
}
@media (width < 500px) {
  #company #greeting, #reception #greeting {
    margin-bottom: 100px;
  }
}
#company #greeting .inner .container, #reception #greeting .inner .container {
  width: 1510px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media (width < 500px) {
  #company #greeting .inner .container, #reception #greeting .inner .container {
    width: 100%;
    display: block;
  }
}
#company #greeting .inner .container .img_wrap, #reception #greeting .inner .container .img_wrap {
  padding: 50px 100px 0 0;
}
@media (600px <= width < 1610px) {
  #company #greeting .inner .container .img_wrap, #reception #greeting .inner .container .img_wrap {
    width: 600px;
    padding: 50px 50px 0 0;
  }
}
@media (width < 500px) {
  #company #greeting .inner .container .img_wrap, #reception #greeting .inner .container .img_wrap {
    width: 100%;
    padding: 0 50px 0 0;
    margin-bottom: 80px;
  }
}
@media (600px <= width < 1610px) {
  #company #greeting .inner .container .img_wrap figure, #reception #greeting .inner .container .img_wrap figure {
    width: 100%;
  }
}
@media (width < 500px) {
  #company #greeting .inner .container .img_wrap figure, #reception #greeting .inner .container .img_wrap figure {
    overflow: hidden;
  }
}
#company #greeting .inner .container .img_wrap figure img, #reception #greeting .inner .container .img_wrap figure img {
  border-radius: 0 2px 2px 0;
}
@media (width < 500px) {
  #company #greeting .inner .container .img_wrap figure img, #reception #greeting .inner .container .img_wrap figure img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
#company #greeting .inner .container .txt_wrap, #reception #greeting .inner .container .txt_wrap {
  width: 710px;
}
@media (width < 500px) {
  #company #greeting .inner .container .txt_wrap, #reception #greeting .inner .container .txt_wrap {
    width: 90%;
    margin: 0 auto;
  }
}
#company #greeting .inner .container .txt_wrap .ttl, #reception #greeting .inner .container .txt_wrap .ttl {
  font-size: clamp(16px, 16px + 0.5vw, 20px);
  line-height: 1;
  font-weight: bold;
  margin-bottom: 50px;
}
@media (width < 500px) {
  #company #greeting .inner .container .txt_wrap .ttl, #reception #greeting .inner .container .txt_wrap .ttl {
    line-height: 2;
    margin-bottom: 30px;
  }
}
#company #greeting .inner .container span, #reception #greeting .inner .container span {
  width: 710px;
  position: absolute;
  content: "";
  left: 600px;
  bottom: -90px;
}
@media (600px <= width < 1610px) {
  #company #greeting .inner .container span, #reception #greeting .inner .container span {
    width: 550px;
    left: 500px;
  }
}
@media (width < 500px) {
  #company #greeting .inner .container span, #reception #greeting .inner .container span {
    top: 280px;
    left: auto;
    right: 0;
    bottom: 0;
    width: 50%;
  }
}
#company #greeting .inner .container span figure img, #reception #greeting .inner .container span figure img {
  border-radius: 2px;
}
#company #overview, #reception #overview {
  width: 1100px;
  margin: 0 auto;
  margin-bottom: 200px;
}
@media (width < 500px) {
  #company #overview, #reception #overview {
    width: 90%;
    margin-bottom: 100px;
  }
}
#company #overview .inner .container, #reception #overview .inner .container {
  background-color: #fff;
  padding: 50px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.05);
}
@media (width < 500px) {
  #company #overview .inner .container, #reception #overview .inner .container {
    padding: 30px;
  }
}
#company #overview .inner .container dl, #reception #overview .inner .container dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0;
  border-top: 1px solid #D9D9D9;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
}
#company #overview .inner .container dl:last-of-type, #reception #overview .inner .container dl:last-of-type {
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 50px;
}
@media (width < 500px) {
  #company #overview .inner .container dl:last-of-type, #reception #overview .inner .container dl:last-of-type {
    margin-bottom: 30px;
  }
}
@media (width < 500px) {
  #company #overview .inner .container dl, #reception #overview .inner .container dl {
    display: block;
    padding: 20px 0;
  }
}
#company #overview .inner .container dl dt, #reception #overview .inner .container dl dt {
  width: 128px;
}
#company #overview .inner .container dl dd, #reception #overview .inner .container dl dd {
  width: 840px;
}
@media (width < 500px) {
  #company #overview .inner .container dl dd, #reception #overview .inner .container dl dd {
    width: 100%;
  }
}
#company #overview .inner .container dl dd ul li, #reception #overview .inner .container dl dd ul li {
  position: relative;
  padding-left: 20px;
}
#company #overview .inner .container dl dd ul li::before, #reception #overview .inner .container dl dd ul li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #222;
  position: absolute;
  left: 4px;
  top: 15px;
}
#company #overview .inner .container .map iframe, #reception #overview .inner .container .map iframe {
  width: 100%;
  height: 480px;
}
@media (width < 500px) {
  #company #overview .inner .container .map iframe, #reception #overview .inner .container .map iframe {
    height: 300px;
  }
}
#company #about .inner .container, #reception #about .inner .container {
  width: 1510px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 200px;
}
@media (600px <= width < 1610px) {
  #company #about .inner .container, #reception #about .inner .container {
    width: 100%;
  }
}
@media (width < 500px) {
  #company #about .inner .container, #reception #about .inner .container {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 100px;
  }
}
#company #about .inner .container .img_wrap, #reception #about .inner .container .img_wrap {
  margin-right: 50px;
}
@media (600px <= width < 1610px) {
  #company #about .inner .container .img_wrap, #reception #about .inner .container .img_wrap {
    width: 600px;
  }
}
@media (600px <= width < 1610px) {
  #company #about .inner .container .img_wrap figure, #reception #about .inner .container .img_wrap figure {
    width: 100%;
  }
}
@media (width < 500px) {
  #company #about .inner .container .img_wrap figure, #reception #about .inner .container .img_wrap figure {
    width: 100%;
    height: 300px;
    overflow: hidden;
    margin-bottom: 30px;
  }
}
#company #about .inner .container .img_wrap figure img, #reception #about .inner .container .img_wrap figure img {
  border-radius: 0 2px 2px 0;
}
#company #about .inner .container .txt_wrap, #reception #about .inner .container .txt_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 710px;
}
@media (width < 500px) {
  #company #about .inner .container .txt_wrap, #reception #about .inner .container .txt_wrap {
    width: 90%;
    margin: 0 auto;
  }
}
#company #about .inner .container .txt_wrap .ttl, #reception #about .inner .container .txt_wrap .ttl {
  font-size: clamp(16px, 14px + 0.5vw, 20px);
  line-height: 1;
  font-weight: bold;
  margin-bottom: 50px;
}
@media (width < 500px) {
  #company #about .inner .container .txt_wrap .ttl, #reception #about .inner .container .txt_wrap .ttl {
    margin-bottom: 30px;
  }
}
#company #about .inner .container .txt_wrap .txt, #reception #about .inner .container .txt_wrap .txt {
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
}
#company #about .inner .container .txt_wrap .txt:not(:last-child), #reception #about .inner .container .txt_wrap .txt:not(:last-child) {
  padding-bottom: 30px;
  border-bottom: 1px solid #D9D9D9;
}
#company #about .inner .container .txt_wrap .txt:last-child, #reception #about .inner .container .txt_wrap .txt:last-child {
  padding-top: 30px;
}
#company #about .inner .container .txt_wrap .txt dt, #reception #about .inner .container .txt_wrap .txt dt {
  font-size: 16px;
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #CF000E;
  margin-bottom: 20px;
}
@media (width < 500px) {
  #company #about .inner .container .txt_wrap .txt dt, #reception #about .inner .container .txt_wrap .txt dt {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    line-height: 2;
    margin-bottom: 10px;
  }
}
#company #about .inner .container .txt_wrap .txt dt figure, #reception #about .inner .container .txt_wrap .txt dt figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 4px;
  width: 10px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
@media (width < 500px) {
  #company #about .inner .container .txt_wrap .txt dt figure, #reception #about .inner .container .txt_wrap .txt dt figure {
    margin-top: 12px;
  }
}
@media (width < 500px) {
  #company #about .inner .container .txt_wrap .txt dd, #reception #about .inner .container .txt_wrap .txt dd {
    margin-left: 10px;
  }
}
#company #access, #company #flow, #reception #access, #reception #flow {
  width: 1100px;
  margin: 0 auto 200px auto;
}
@media (width < 500px) {
  #company #access, #company #flow, #reception #access, #reception #flow {
    width: 90%;
    margin: 0 auto 100px auto;
  }
}
#company #access .inner ul li, #company #flow .inner ul li, #reception #access .inner ul li, #reception #flow .inner ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (width < 500px) {
  #company #access .inner ul li, #company #flow .inner ul li, #reception #access .inner ul li, #reception #flow .inner ul li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#company #access .inner ul li:not(:last-child), #company #flow .inner ul li:not(:last-child), #reception #access .inner ul li:not(:last-child), #reception #flow .inner ul li:not(:last-child) {
  margin-bottom: 123px;
}
@media (width < 500px) {
  #company #access .inner ul li:not(:last-child), #company #flow .inner ul li:not(:last-child), #reception #access .inner ul li:not(:last-child), #reception #flow .inner ul li:not(:last-child) {
    margin-bottom: 80px;
  }
}
#company #access .inner ul li:not(:last-child) .img_wrap::after, #company #flow .inner ul li:not(:last-child) .img_wrap::after, #reception #access .inner ul li:not(:last-child) .img_wrap::after, #reception #flow .inner ul li:not(:last-child) .img_wrap::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 23px;
  background: url(../img/root/icon_arrow5.svg) no-repeat;
  bottom: -80px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (width < 500px) {
  #company #access .inner ul li:not(:last-child) .img_wrap::after, #company #flow .inner ul li:not(:last-child) .img_wrap::after, #reception #access .inner ul li:not(:last-child) .img_wrap::after, #reception #flow .inner ul li:not(:last-child) .img_wrap::after {
    width: 20px;
    height: 14px;
    bottom: -50px;
    background-size: contain;
  }
}
#company #access .inner ul li .txt_wrap, #company #flow .inner ul li .txt_wrap, #reception #access .inner ul li .txt_wrap, #reception #flow .inner ul li .txt_wrap {
  width: 390px;
}
@media (width < 500px) {
  #company #access .inner ul li .txt_wrap, #company #flow .inner ul li .txt_wrap, #reception #access .inner ul li .txt_wrap, #reception #flow .inner ul li .txt_wrap {
    width: 100%;
  }
}
#company #access .inner ul li .txt_wrap .ttl, #company #flow .inner ul li .txt_wrap .ttl, #reception #access .inner ul li .txt_wrap .ttl, #reception #flow .inner ul li .txt_wrap .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media (width < 500px) {
  #company #access .inner ul li .txt_wrap .ttl, #company #flow .inner ul li .txt_wrap .ttl, #reception #access .inner ul li .txt_wrap .ttl, #reception #flow .inner ul li .txt_wrap .ttl {
    padding-bottom: 20px;
  }
}
#company #access .inner ul li .txt_wrap .ttl span, #company #flow .inner ul li .txt_wrap .ttl span, #reception #access .inner ul li .txt_wrap .ttl span, #reception #flow .inner ul li .txt_wrap .ttl span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(16px, 12px + 1vw, 24px);
  font-family: "Roboto", sans-serif;
  color: #CF000E;
  padding: 2px;
  width: 40px;
  height: 40px;
  border-radius: 50vw;
  border: 1px solid #CF000E;
  margin-right: 20px;
}
@media (width < 500px) {
  #company #access .inner ul li .txt_wrap .ttl span, #company #flow .inner ul li .txt_wrap .ttl span, #reception #access .inner ul li .txt_wrap .ttl span, #reception #flow .inner ul li .txt_wrap .ttl span {
    width: 30px;
    height: 30px;
  }
}
#company #access .inner ul li .txt_wrap .ttl p, #company #flow .inner ul li .txt_wrap .ttl p, #reception #access .inner ul li .txt_wrap .ttl p, #reception #flow .inner ul li .txt_wrap .ttl p {
  font-size: 16px;
  font-size: 1.6rem;
}
#company #access .inner ul li .txt_wrap .caution, #company #flow .inner ul li .txt_wrap .caution, #reception #access .inner ul li .txt_wrap .caution, #reception #flow .inner ul li .txt_wrap .caution {
  margin-bottom: 50px;
}
@media (width < 500px) {
  #company #access .inner ul li .txt_wrap .caution, #company #flow .inner ul li .txt_wrap .caution, #reception #access .inner ul li .txt_wrap .caution, #reception #flow .inner ul li .txt_wrap .caution {
    margin-bottom: 20px;
  }
}
#company #access .inner ul li .txt_wrap .caution p .red, #company #flow .inner ul li .txt_wrap .caution p .red, #reception #access .inner ul li .txt_wrap .caution p .red, #reception #flow .inner ul li .txt_wrap .caution p .red {
  color: #CF000E;
}
#company #access .inner ul li .txt_wrap .caution p .small, #company #flow .inner ul li .txt_wrap .caution p .small, #reception #access .inner ul li .txt_wrap .caution p .small, #reception #flow .inner ul li .txt_wrap .caution p .small {
  font-size: 12px;
  font-size: 1.2rem;
  color: #6F6F6F;
}
@media (width < 500px) {
  #company #access .inner ul li .txt_wrap .btn, #company #flow .inner ul li .txt_wrap .btn, #reception #access .inner ul li .txt_wrap .btn, #reception #flow .inner ul li .txt_wrap .btn {
    margin-bottom: 30px;
  }
}
#company #access .inner ul li .txt_wrap .btn a, #company #flow .inner ul li .txt_wrap .btn a, #reception #access .inner ul li .txt_wrap .btn a, #reception #flow .inner ul li .txt_wrap .btn a {
  margin: 0 auto 0 0;
  padding-left: 44px;
}
#company #access .inner ul li .img_wrap, #company #flow .inner ul li .img_wrap, #reception #access .inner ul li .img_wrap, #reception #flow .inner ul li .img_wrap {
  position: relative;
}
#company #access .inner ul li .img_wrap figure img, #company #flow .inner ul li .img_wrap figure img, #reception #access .inner ul li .img_wrap figure img, #reception #flow .inner ul li .img_wrap figure img {
  border-radius: 2px;
  border-radius: 2px;
}
@media (width < 500px) {
  #company #flow .inner ul li .txt_wrap, #reception #flow .inner ul li .txt_wrap {
    margin-bottom: 30px;
  }
}

#web.ec {
  /*question*/
  /*service*/
  /*plan*/
}
#web.ec #pages-mainvisual {
  background: url(../../assets/img/ec/img-ec_mv.jpg) no-repeat;
}
@media (width < 500px) {
  #web.ec #pages-mainvisual {
    background-position: center;
    background-size: cover;
  }
}
#web.ec #web-service .inner .service-index {
  width: 1100px;
  margin: 0 auto;
  margin-bottom: 100px;
  display: block;
}
@media (width < 1025px) {
  #web.ec #web-service .inner .service-index {
    width: 100%;
  }
}
#web.ec #web-contents .inner .contents-flow,
#web.ec #web-contents .inner .contents-flow {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media (width < 500px) {
  #web.ec #web-contents .inner .contents-flow,
  #web.ec #web-contents .inner .contents-flow {
    margin: 0 20px 20px 20px;
  }
}
#web.ec .ttl_h2 {
  font-size: 3.2rem;
  line-height: 54px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 6rem;
}
@media screen and (max-width: 500px) {
  #web.ec .ttl_h2 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 4rem;
    line-height: 1.3;
  }
}
#web.ec .ttl_h2 span {
  color: #CF000E;
}
#web.ec .wrap_container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
#web.ec .question_catch {
  font-size: 3.2rem;
  line-height: 54px;
  font-weight: bold;
  text-align: center;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media (width < 500px) {
  #web.ec .question_catch {
    line-height: 1.3;
  }
}
#web.ec .question_catch span {
  color: #CF000E;
}
#web.ec .question_catch::before {
  content: "";
  width: 41px;
  height: 80px;
  background-image: url("../img/ec/icon-01.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: -70px;
}
@media (width < 500px) {
  #web.ec .question_catch::before {
    left: -40px;
    bottom: -10px;
  }
}
#web.ec .question_catch::after {
  content: "";
  width: 41px;
  height: 80px;
  background-image: url("../img/ec/icon_02.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: -70px;
}
@media (width < 500px) {
  #web.ec .question_catch::after {
    right: -40px;
    bottom: -10px;
  }
}
#web.ec .question_list {
  margin-top: 45px;
}
@media (width < 500px) {
  #web.ec .question_list {
    margin-top: 60px;
  }
}
#web.ec .question_list li {
  position: relative;
  border: 1px solid #707070;
  padding: 35px 35px 35px 70px;
  font-size: 2.2rem;
  font-weight: bold;
}
@media (width < 500px) {
  #web.ec .question_list li {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: normal;
    padding: 20px 20px 20px 40px;
  }
}
#web.ec .question_list li::before {
  content: "";
  width: 70px;
  height: 70px;
  background-image: url(../img/ec/icon_check.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -15px;
  left: -35px;
}
@media (width < 500px) {
  #web.ec .question_list li::before {
    width: 40px;
    height: 40px;
    left: -15px;
  }
}
#web.ec .question_list li:not(:first-of-type) {
  margin-top: 54px;
}
@media (width < 500px) {
  #web.ec .question_list li:not(:first-of-type) {
    margin-top: 30px;
  }
}
#web.ec .icon_arrow {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  width: 35px;
}
#web.ec .question_support {
  font-size: 3.2rem;
  line-height: 54px;
  text-align: center;
  margin-top: 70px;
}
@media (width < 500px) {
  #web.ec .question_support {
    font-size: 24px;
    font-size: 2.4rem;
    min-height: 0vw; /* Safari clamp関数対策 */
    line-height: 1.3;
    font-weight: bold;
    margin-top: 30px;
  }
}
#web.ec .question_support_text {
  margin-top: 30px;
  font-size: 1.6rem;
  line-height: 27px;
  max-width: 835px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 250px;
}
@media (width < 500px) {
  #web.ec .question_support_text {
    padding-bottom: 100px;
  }
}
@media (width < 1025px) {
  #web.ec .wrap_container {
    width: 90%;
  }
}
@media screen and (max-width: 500px) {
  #web.ec .question_catch {
    font-size: 20px;
  }
  #web.ec .question_list {
    margin-top: 35px;
  }
}
#web.ec .service_title {
  font-size: 2.4rem;
  font-weight: bold;
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (width < 500px) {
  #web.ec .service_title {
    font-size: 20px;
    font-size: 2rem;
  }
}
#web.ec .service_title span {
  color: #CF000E;
  margin-right: 3rem;
}
#web.ec .service_title::before,
#web.ec .service_title::after {
  content: "";
  height: 1px;
  background-color: #CF000E;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (width < 500px) {
  #web.ec .service_title::before,
  #web.ec .service_title::after {
    display: none;
  }
}
#web.ec .service_title::before {
  margin-right: 20px;
}
#web.ec .service_title::after {
  margin-left: 20px;
}
#web.ec .service_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  margin-top: 3rem;
}
@media (width < 500px) {
  #web.ec .service_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#web.ec .service_detail {
  max-width: 750px;
}
#web.ec .service_text {
  font-size: 1.6rem;
  line-height: 27px;
}
#web.ec .service_text a {
  display: inline;
  color: #CF000E;
  text-decoration: underline;
}
#web.ec .service_list {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.6rem;
}
#web.ec #web-service .inner .service-index .service_list li {
  width: 206px;
  padding: 10px 5px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  border: 2px solid #CF000E;
  border-radius: 3px;
  display: block;
  background: #fff;
  height: auto;
}
@media (width < 500px) {
  #web.ec #web-service .inner .service-index .service_list li {
    width: auto;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
#web.ec .plan_text {
  font-size: 16px;
  line-height: 27px;
  font-weight: bold;
  margin-bottom: 2rem;
}
#web.ec #motto {
  background-color: #fff;
}
#web.ec #motto .inner {
  padding-bottom: 200px;
  margin-bottom: 0;
}
@media (width < 500px) {
  #web.ec #motto .inner {
    padding-bottom: 100px;
  }
}

#web.agency #web-contents .inner .contents-flow, #web.agency #intro .inner, #web.agency #case, #web.agency #content .inner {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#web.agency {
  background-color: #fff;
  /*----------------------------------------------------
  特徴
  ----------------------------------------------------*/
  /*----------------------------------------------------
  内容
  ----------------------------------------------------*/
}
#web.agency #pages-mainvisual {
  background: url(../../assets/img/agency/img-agency_mv.jpg) no-repeat;
}
@media (width < 500px) {
  #web.agency #pages-mainvisual {
    background-size: cover;
    background-position: center;
  }
}
@media (width < 500px) {
  #web.agency #web-contents .inner .contents-flow {
    margin-left: 0 20px;
  }
}
#web.agency .plan_text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 27px;
  font-weight: bold;
  margin-bottom: 2rem;
}
#web.agency #intro .inner {
  text-align: center;
  margin-bottom: 30px;
}
@media (width < 1025px) {
  #web.agency #intro .inner {
    width: 90%;
  }
}
#web.agency #intro .inner .ttl_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 67px;
}
@media (width < 500px) {
  #web.agency #intro .inner .ttl_wrap {
    width: 90%;
    margin: 0 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
@media (width < 500px) {
  #web.agency #intro .inner .ttl_wrap .img_wrap {
    width: 40%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#web.agency #intro .inner .ttl_wrap .txt_wrap {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.5;
}
@media (width < 500px) {
  #web.agency #intro .inner .ttl_wrap .txt_wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
#web.agency #intro .inner .ttl_wrap .txt_wrap figure {
  margin-bottom: 30px;
}
#web.agency #intro .inner .ttl_wrap .txt_wrap h2 {
  font-size: 35px;
  font-size: 3.5rem;
  color: #CF000E;
}
@media (width < 500px) {
  #web.agency #intro .inner .ttl_wrap .txt_wrap h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
#web.agency #intro .inner p {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 30px;
}
@media (width < 500px) {
  #web.agency #intro .inner p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
#web.agency #case {
  margin-bottom: 160px;
}
@media (width < 500px) {
  #web.agency #case {
    margin-bottom: 50px;
  }
}
#web.agency #case ul {
  margin-bottom: 170px;
}
@media (width < 500px) {
  #web.agency #case ul {
    margin-bottom: 50px;
  }
}
#web.agency #case ul li {
  background-color: #FFF7F7;
}
#web.agency #case ul li:not(:last-child) {
  margin-bottom: 60px;
}
#web.agency #case ul li .inner {
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#web.agency #case ul li .inner .worries {
  width: 675px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  background-color: #fff;
  margin-bottom: 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 33px 62px;
  border: 2px solid #000;
}
@media (width < 500px) {
  #web.agency #case ul li .inner .worries {
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 20px 20px 20px 80px;
  }
}
#web.agency #case ul li .inner .worries .moya {
  position: absolute;
  content: "";
  left: -100px;
}
@media (width < 1025px) {
  #web.agency #case ul li .inner .worries .moya {
    left: -70px;
  }
}
@media (width < 500px) {
  #web.agency #case ul li .inner .worries .moya {
    left: -30px;
    height: 90px;
  }
}
#web.agency #case ul li .inner .ttl_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  margin-bottom: 50px;
}
@media (width < 500px) {
  #web.agency #case ul li .inner .ttl_wrap {
    display: block;
    margin-bottom: 20px;
  }
}
#web.agency #case ul li .inner .ttl_wrap span {
  position: absolute;
  left: 0;
  padding: 9px 36px;
  background-color: #CF000E;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
}
@media (width < 500px) {
  #web.agency #case ul li .inner .ttl_wrap span {
    width: 100%;
    display: inline-block;
    text-align: center;
    position: static;
    margin-bottom: 10px;
  }
}
#web.agency #case ul li .inner .ttl_wrap h3 {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  color: #CF000E;
  text-align: center;
}
#web.agency #case ul li .inner .txt_wrap {
  width: 90%;
  background-color: #fff;
  padding: 40px;
  margin-bottom: 50px;
}
@media (width < 500px) {
  #web.agency #case ul li .inner .txt_wrap {
    width: 100%;
    padding: 30px;
    margin-bottom: 0;
  }
}
#web.agency #case ul li .inner .txt_wrap p {
  font-weight: bold;
}
#web.agency #case ul li .inner .txt_wrap > p:first-of-type {
  margin-bottom: 50px;
}
#web.agency #case ul li .inner .txt_wrap .omakase {
  position: relative;
  padding-right: 20px;
  font-size: 20px;
  font-size: 2rem;
  color: #CF000E;
  font-weight: bold;
}
#web.agency #case ul li .inner .txt_wrap .omakase::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 78%;
  height: 1px;
  background-color: #CF000E;
}
#web.agency #case ul li .inner .txt_wrap .solution h4 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #CF000E;
  font-weight: bold;
  margin-bottom: 10px;
}
#web.agency #case ul li .inner .txt_wrap .solution h4 span {
  margin-right: 10px;
}
#web.agency #case .sub_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (width < 500px) {
  #web.agency #case .sub_ttl {
    width: 90%;
    margin: 0 auto;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}
#web.agency #case .sub_ttl figure:last-child {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
#web.agency #case .sub_ttl p {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  padding: 0 20px;
}
@media (width < 500px) {
  #web.agency #case .sub_ttl p {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
#web.agency #case .sub_ttl p span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FFF5CB));
  background: linear-gradient(transparent 60%, #FFF5CB 60%);
}
#web.agency #feature .inner {
  padding: 100px 0;
  margin-bottom: 150px;
}
#web.agency #feature .inner .ttl_wrap {
  margin-bottom: 50px;
}
#web.agency #feature .inner .ttl_wrap .main_ttl {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
}
@media (width < 500px) {
  #web.agency #feature .inner .ttl_wrap .main_ttl {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3;
  }
}
#web.agency #feature .inner .ttl_wrap .main_ttl span {
  font-size: 36px;
  font-size: 3.6rem;
}
@media (width < 500px) {
  #web.agency #feature .inner .ttl_wrap .main_ttl span {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
#web.agency #content .inner {
  margin-bottom: 160px;
}
@media (width < 1025px) {
  #web.agency #content .inner {
    width: 90%;
  }
}
@media (width < 500px) {
  #web.agency #content .inner {
    width: 90%;
    margin: 0 auto;
  }
}
#web.agency #content .inner .common {
  margin-bottom: 70px;
}
#web.agency #content .inner .common .main_ttl {
  font-size: 36px;
  font-size: 3.6rem;
  text-align: center;
  line-height: 1.5;
}
@media (width < 500px) {
  #web.agency #content .inner .common .main_ttl {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
#web.agency #content .inner .sub_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 30px;
}
#web.agency #content .inner .sub_ttl figure:last-child {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
#web.agency #content .inner .sub_ttl p {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  padding: 0 30px;
}
@media (width < 500px) {
  #web.agency #content .inner .sub_ttl p {
    font-size: 20px;
    font-size: 2rem;
    padding: 0;
  }
}
#web.agency #content .inner ul.content_li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 42px;
}
@media (width < 500px) {
  #web.agency #content .inner ul.content_li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 20px;
  }
}
#web.agency #content .inner ul.content_li:last-of-type {
  margin: 42px 0 160px 0;
}
@media (width < 500px) {
  #web.agency #content .inner ul.content_li:last-of-type {
    margin: 42px 0 50px 0;
  }
}
#web.agency #content .inner ul.content_li li[class^=box] {
  width: 33.3333333333%;
  color: #626262;
  padding: 20px;
  border-radius: 3px;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1);
}
@media (width < 500px) {
  #web.agency #content .inner ul.content_li li[class^=box] {
    width: 100%;
  }
}
#web.agency #content .inner ul.content_li li[class^=box] .ttl_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
#web.agency #content .inner ul.content_li li[class^=box] .ttl_wrap figure {
  width: 50px;
  height: 50px;
  margin-right: 20px;
}
#web.agency #content .inner ul.content_li li[class^=box] .ttl_wrap figure img {
  width: 100%;
  height: 100%;
}
#web.agency #content .inner ul.content_li li[class^=box] .ttl_wrap h4 {
  line-height: 1;
  color: #222;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#web.agency #content .inner ul.content_li li[class^=box] .txt_wrap ul li {
  list-style: disc;
  list-style-position: inside;
}
#web.agency #content .inner ul.content_li li[class^=box] .txt_wrap ul li[class*=caption] {
  list-style-type: none;
}
#web.agency #content .inner ul.content_li li[class^=box] .txt_wrap ul li[class*=caption] p {
  font-size: 12px;
  font-size: 1.2rem;
}
#web.agency #content .inner ul.content_li li[class^=box] .txt_wrap ul li[class*=caption] p a {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  color: #CF000E;
  border-bottom: 1px solid #CF000E;
}
#web.agency #content .inner .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (width < 500px) {
  #web.agency #content .inner .type {
    display: block;
  }
}
#web.agency #content .inner .type .txt_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 490px;
  padding: 30px;
  margin-right: 20px;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
}
@media (width < 500px) {
  #web.agency #content .inner .type .txt_wrap {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
#web.agency #content .inner .type .txt_wrap h4 {
  font-size: clamp(16px, 14px + 0.5vw, 20px);
  font-weight: bold;
}
#web.agency #content .inner .type .txt_wrap span {
  font-size: 14px;
  font-size: 1.4rem;
}
@media (width < 500px) {
  #web.agency #content .inner .type .txt_wrap span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
#web.agency #content .inner .type ul {
  width: 460px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
@media (width < 500px) {
  #web.agency #content .inner .type ul {
    width: 100%;
    gap: 10px;
  }
}
#web.agency #content .inner .type ul li {
  padding: 10px;
  line-height: 1;
  border: 1px solid #D9D9D9;
  background-color: #F9F9F9;
  border-radius: 2px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (width < 500px) {
  #web.agency #content .inner .type ul li {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
#web.agency #content .inner .type ul li:last-child {
  padding: 10px 0;
  border: none;
  background-color: #fff;
}
#web.agency #content .inner .type .type_title:not(:first-of-type) {
  margin-top: 20px;
}