@charset "UTF-8";
/*
Theme Name:origin
Description:origin template
Version:1.0
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-padding-start: 0;
  line-height: 1;
  -webkit-text-size-adjust: none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0; }

ol,
ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input[type="password"],
input[type="text"],
input[type="submit"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="button"],
button,
textarea,
select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none; }

input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px; }

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  border: none; }

body, html {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.6;
  font-family: "Noto Sans JP", sans-serif;
  min-height: 100vh; }

a {
  font-size: inherit;
  color: inherit;
  text-decoration: inherit;
  display: inline-block; }

body.fixed {
  overflow: hidden;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 1; }

.wrap {
  position: relative; }

.SpHide {
  display: block !important; }
  @media (max-width: 768px) {
    .SpHide {
      display: none !important; } }

.PcHide {
  display: none !important; }
  @media (max-width: 768px) {
    .PcHide {
      display: block !important; } }

.floating__banner {
  position: fixed;
  right: 0;
  top: 20%;
  z-index: 100;
  display: flex;
  flex-direction: column; }
  @media (max-width: 768px) {
    .floating__banner {
      bottom: 0;
      width: 100%;
      top: inherit;
      flex-direction: row; } }
  .floating__banner > a {
    width: 60px;
    height: 200px;
    writing-mode: vertical-rl;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #FFF;
    letter-spacing: 3px;
    font-weight: 900; }
    @media (max-width: 768px) {
      .floating__banner > a {
        width: 50%;
        writing-mode: horizontal-tb;
        height: 60px;
        font-size: 3.5vw; } }
    .floating__banner > a:last-child {
      background: #6EB48C;
      height: 300px; }
      @media (max-width: 768px) {
        .floating__banner > a:last-child {
          margin-bottom: 0;
          height: 60px; } }
    .floating__banner > a:first-child {
      background: #D96363;
      margin-bottom: 8px; }

#works-list {
  scroll-margin-top: 80px;
  /* ヘッダー高さ分だけ自動調整 */ }

.grecaptcha-badge {
  bottom: 80px !important; }

.header {
  width: 100%;
  z-index: 999999;
  background: #FFF; }
  .header .top__line {
    background: #062C79;
    padding: 8px 8px 8px 24px;
    box-sizing: border-box; }
    .header .top__line h2 {
      color: #FFF;
      font-size: 16px; }
      @media (max-width: 768px) {
        .header .top__line h2 {
          font-size: 3vw;
          text-align: center; } }
  .header .inner__sp {
    display: none; }
    @media (max-width: 768px) {
      .header .inner__sp {
        display: grid;
        grid-template-columns: 220px 1fr 60px;
        height: 50px; } }
    .header .inner__sp > p {
      display: flex;
      align-items: center;
      font-size: 3vw;
      color: #1F5BA2;
      font-weight: 900; }
    .header .inner__sp > div.button {
      grid-column: 3 / 4;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999; }
    .header .inner__sp > a:first-child {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-left: 10px; }
    .header .inner__sp .menu-trigger, .header .inner__sp .menu-trigger span {
      display: inline-block;
      transition: all .4s;
      box-sizing: border-box; }
    .header .inner__sp .menu-trigger {
      position: relative;
      width: 25px;
      height: 25px;
      background: none;
      border: none;
      appearance: none;
      cursor: pointer; }
      .header .inner__sp .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #585858;
        border-radius: 4px; }
        .header .inner__sp .menu-trigger span:nth-of-type(1) {
          top: 2px; }
        .header .inner__sp .menu-trigger span:nth-of-type(2) {
          top: 11px; }
        .header .inner__sp .menu-trigger span:nth-of-type(3) {
          bottom: 2px; }
    .header .inner__sp .menu-trigger.active {
      transform: rotate(360deg); }
      .header .inner__sp .menu-trigger.active span:nth-of-type(1) {
        transform: translateY(9px) rotate(-45deg);
        background-color: #FFF; }
      .header .inner__sp .menu-trigger.active span:nth-of-type(2) {
        transform: translateY(0) rotate(45deg);
        background-color: #FFF; }
      .header .inner__sp .menu-trigger.active span:nth-of-type(3) {
        opacity: 0;
        background-color: #FFF; }
    .header .inner__sp .sp_menu_list {
      transform: translateX(100%);
      transition: 0.5s;
      top: 0;
      right: 0;
      position: fixed;
      z-index: 9998;
      width: 100%;
      background: rgba(31, 91, 162, 0.8);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      overflow: auto;
      height: 100%;
      box-sizing: border-box;
      padding: 30px 20px 120px;
      -webkit-overflow-scrolling: touch; }
      .header .inner__sp .sp_menu_list.active {
        transform: translateX(0);
        transition: 0.5s;
        opacity: 1; }
      .header .inner__sp .sp_menu_list .sp_menu_banner {
        margin-bottom: 24px; }
        .header .inner__sp .sp_menu_list .sp_menu_banner img {
          width: 60%;
          margin: 0 auto;
          display: block; }
      .header .inner__sp .sp_menu_list li {
        box-sizing: border-box;
        border-bottom: 1px solid #FFF; }
        .header .inner__sp .sp_menu_list li a {
          display: block;
          width: 100%;
          height: 100%;
          color: #FFF;
          font-size: 4vw;
          padding: 16px;
          box-sizing: border-box;
          position: relative; }
          .header .inner__sp .sp_menu_list li a::after {
            content: "\f054";
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            font-size: 12px;
            position: absolute;
            right: 4px; }
      .header .inner__sp .sp_menu_list .sp_menu_cate02::after, .header .inner__sp .sp_menu_list .sp_menu_cate03::after, .header .inner__sp .sp_menu_list .sp_menu_cate04::after, .header .inner__sp .sp_menu_list .sp_menu_cate05::after {
        content: "\f054";
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        font-size: 12px;
        position: absolute;
        right: 4px; }
      .header .inner__sp .sp_menu_list .sp_menu_cate01::before {
        content: "";
        width: 30px;
        height: 30px;
        background: url(https://seibuwood.jp/oem/wp-content/themes/seibuwood/img/side_icon01sp.webp) no-repeat;
        background-size: cover;
        display: block;
        margin-right: 8px; }
      .header .inner__sp .sp_menu_list .sp_menu_cate02::before {
        content: "";
        width: 30px;
        height: 30px;
        background: url(https://seibuwood.jp/oem/wp-content/themes/seibuwood/img/side_icon02sp.webp) no-repeat;
        background-size: cover;
        display: block;
        margin-right: 8px; }
      .header .inner__sp .sp_menu_list .sp_menu_cate03::before {
        content: "";
        width: 30px;
        height: 30px;
        background: url(https://seibuwood.jp/oem/wp-content/themes/seibuwood/img/side_icon03sp.webp) no-repeat;
        background-size: cover;
        display: block;
        margin-right: 8px; }
      .header .inner__sp .sp_menu_list .sp_menu_cate04::before {
        content: "";
        width: 30px;
        height: 30px;
        background: url(https://seibuwood.jp/oem/wp-content/themes/seibuwood/img/side_icon04sp.webp) no-repeat;
        background-size: cover;
        display: block;
        margin-right: 8px; }
      .header .inner__sp .sp_menu_list .sp_menu_cate05::before {
        content: "";
        width: 30px;
        height: 30px;
        background: url(https://seibuwood.jp/oem/wp-content/themes/seibuwood/img/side_icon05sp.webp) no-repeat;
        background-size: cover;
        display: block;
        margin-right: 8px; }
      .header .inner__sp .sp_menu_list dl {
        width: 100%;
        margin-bottom: 25px;
        color: #FFF; }
        .header .inner__sp .sp_menu_list dl dt {
          font-size: 3.5vw;
          padding: 16px;
          margin-bottom: 8px;
          box-sizing: border-box;
          display: flex;
          align-items: center;
          background: #E1E1E1;
          color: #000000;
          font-weight: 400;
          position: relative; }
          .header .inner__sp .sp_menu_list dl dt::after {
            content: "\f054";
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            font-size: 12px;
            position: absolute;
            right: 4px;
            color: #606060; }
          .header .inner__sp .sp_menu_list dl dt.blue {
            background: #062C79;
            color: #FFF; }
            .header .inner__sp .sp_menu_list dl dt.blue::after {
              color: #FFF; }
        .header .inner__sp .sp_menu_list dl dd {
          font-size: 16px;
          letter-spacing: 2px;
          padding: 15px 5%;
          box-sizing: border-box;
          border-bottom: 1px solid #E1E1E1;
          display: flex;
          align-items: center;
          color: #000; }
  .header .inner__pc {
    width: 100%;
    margin: auto; }
    .header .inner__pc > div {
      display: grid;
      grid-template-columns: 1fr 300px 200px;
      align-items: center;
      height: 100px;
      padding: 4px;
      box-sizing: border-box; }
      .header .inner__pc > div > div:first-child {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .header .inner__pc > div > div:first-child img {
          width: 500px;
          margin-left: 24px; }
      .header .inner__pc > div > div:nth-child(2) {
        font-size: 20px;
        text-align: center;
        color: #1F5BA2; }
        .header .inner__pc > div > div:nth-child(2) span {
          font-family: "Oswald", serif;
          font-weight: 200;
          font-size: 32px; }
      .header .inner__pc > div > div:last-child a {
        display: block;
        background: #062C79;
        color: #FFF;
        padding: 24px;
        box-sizing: border-box;
        text-align: center;
        font-size: 20px; }
    .header .inner__pc > nav {
      background: #1F5BA2;
      height: 50px; }
      .header .inner__pc > nav .pc__navi {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between; }
        .header .inner__pc > nav .pc__navi li {
          height: 50px;
          display: flex;
          align-items: center;
          width: calc(100%/ 7); }
          .header .inner__pc > nav .pc__navi li:not(:last-child)::after {
            content: "│";
            color: #FFF; }
          .header .inner__pc > nav .pc__navi li a {
            color: #FFF;
            display: flex;
            flex-direction: column;
            width: 100%;
            text-align: center;
            font-size: 14px;
            line-height: 2;
            letter-spacing: 2px;
            transition: all 0.5s;
            font-weight: 900; }
    @media (max-width: 768px) {
      .header .inner__pc {
        display: none; } }

.navi__wrap {
  background: #F1F1F1; }
  .navi__wrap ul {
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box; }
    @media (max-width: 1024px) {
      .navi__wrap ul {
        display: none; } }
    .navi__wrap ul.fixed-nav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      background: #fff;
      z-index: 999;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      max-width: none; }
    .navi__wrap ul li {
      width: calc(100% / 9);
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 8px 0;
      box-sizing: border-box; }
      .navi__wrap ul li a {
        color: #333333;
        font-size: 14px;
        line-height: 1.4; }
      .navi__wrap ul li.small a {
        font-size: 12px; }
      .navi__wrap ul li .dropdown-inner a {
        color: #FFF;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        padding: 15px 30px;
        border-radius: 4px;
        transition: background-color 0.3s ease; }

.pc__navi .dropdown-menu {
  position: relative; }

.dropdown-content {
  display: none;
  position: absolute;
  top: 95%;
  left: 50%;
  width: 200vw;
  background-color: #062C79;
  z-index: 100;
  padding: 8px;
  transform: translateX(-50%);
  box-sizing: border-box; }

.dropdown-inner {
  display: flex;
  justify-content: center;
  gap: 50px;
  max-width: 1200px;
  margin: 0 auto; }

.dropdown-inner a:hover {
  background-color: rgba(255, 255, 255, 0.1); }

.dropdown-menu:hover .dropdown-content {
  display: block; }

.side_menu_list .sp_menu_banner {
  margin-bottom: 24px; }
  .side_menu_list .sp_menu_banner img {
    width: 100%; }
.side_menu_list .sp_menu_heading {
  font-size: 20px;
  padding: 16px;
  margin-bottom: 8px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background: #E1E1E1;
  color: #000000;
  font-weight: 400;
  position: relative; }
  .side_menu_list .sp_menu_heading::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 12px;
    position: absolute;
    right: 4px;
    color: #606060; }
  .side_menu_list .sp_menu_heading.blue {
    background: #062C79;
    color: #FFF; }
    .side_menu_list .sp_menu_heading.blue::after {
      color: #FFF; }
.side_menu_list dl {
  width: 100%;
  margin-bottom: 25px;
  color: #FFF; }
  .side_menu_list dl dt {
    font-size: 20px;
    padding: 16px;
    margin-bottom: 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background: #062C79;
    color: #FFF;
    font-weight: 400;
    position: relative; }
    .side_menu_list dl dt::after {
      content: "\f054";
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      font-size: 12px;
      position: absolute;
      right: 4px;
      color: #FFF; }
  .side_menu_list dl dd {
    font-size: 16px;
    letter-spacing: 2px;
    padding: 15px 5%;
    box-sizing: border-box;
    border-bottom: 1px solid #E1E1E1;
    display: flex;
    align-items: center;
    color: #000; }

.section, .mv, .u_mv, .problem, .about, .work, .process, .contact, .u-contents_body, .u-contents_body .tips, .u-contents_body.catalog, .u-contents_body .catalog {
  width: 100%;
  margin: auto;
  position: relative;
  *zoom: 1; }
  .section:after, .mv:after, .u_mv:after, .problem:after, .about:after, .work:after, .process:after, .contact:after, .u-contents_body:after, .u-contents_body .tips:after, .u-contents_body.catalog:after, .u-contents_body .catalog:after {
    content: "";
    display: table;
    clear: both; }
  .section > .inner, .mv > .inner, .u_mv > .inner, .problem > .inner, .about > .inner, .work > .inner, .process > .inner, .contact > .inner, .u-contents_body > .inner, .u-contents_body .tips > .inner, .u-contents_body .catalog > .inner {
    max-width: 1200px;
    margin: auto;
    box-sizing: border-box;
    padding: 30px 20px; }
    @media (max-width: 768px) {
      .section > .inner, .mv > .inner, .u_mv > .inner, .problem > .inner, .about > .inner, .work > .inner, .process > .inner, .contact > .inner, .u-contents_body > .inner, .u-contents_body .tips > .inner, .u-contents_body .catalog > .inner {
        padding: 10px 5px;
        margin-bottom: 80px; } }
    .section > .inner.right, .mv > .inner.right, .u_mv > .inner.right, .problem > .inner.right, .about > .inner.right, .work > .inner.right, .process > .inner.right, .contact > .inner.right, .u-contents_body > .inner.right, .u-contents_body .tips > .inner.right, .u-contents_body .catalog > .inner.right {
      margin: 0;
      float: right; }
    .section > .inner.left, .mv > .inner.left, .u_mv > .inner.left, .problem > .inner.left, .about > .inner.left, .work > .inner.left, .process > .inner.left, .contact > .inner.left, .u-contents_body > .inner.left, .u-contents_body .tips > .inner.left, .u-contents_body .catalog > .inner.left {
      margin: 0;
      float: left; }

.section p, .mv p, .u_mv p, .problem p, .about p, .work p, .process p, .contact p, .u-contents_body p, .u-contents_body .tips p, .u-contents_body.catalog p, .u-contents_body .catalog p {
  font-size: 1.2rem;
  line-height: 2;
  font-weight: 400;
  margin-bottom: 24px; }
  .section p.large, .mv p.large, .u_mv p.large, .problem p.large, .about p.large, .work p.large, .process p.large, .contact p.large, .u-contents_body p.large {
    font-size: 1.4rem; }
    @media (max-width: 640px) {
      .section p.large, .mv p.large, .u_mv p.large, .problem p.large, .about p.large, .work p.large, .process p.large, .contact p.large, .u-contents_body p.large {
        font-size: 1.1rem; } }
  .section p.maxi, .mv p.maxi, .u_mv p.maxi, .problem p.maxi, .about p.maxi, .work p.maxi, .process p.maxi, .contact p.maxi, .u-contents_body p.maxi {
    font-size: 3rem; }
    @media (max-width: 640px) {
      .section p.maxi, .mv p.maxi, .u_mv p.maxi, .problem p.maxi, .about p.maxi, .work p.maxi, .process p.maxi, .contact p.maxi, .u-contents_body p.maxi {
        font-size: 2rem; } }

.mv > .inner {
  max-width: none;
  padding: 0; }
  @media (max-width: 768px) {
    .mv > .inner {
      min-height: 60vh;
      margin-bottom: 24px; } }
  .mv > .inner > div {
    position: relative; }
    .mv > .inner > div > h1 {
      position: absolute;
      top: 43%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      font-size: 56px;
      color: #FFF;
      font-weight: 600;
      width: 100%; }
      @media (max-width: 768px) {
        .mv > .inner > div > h1 {
          left: 0;
          font-size: 8vw;
          line-height: 1.6;
          top: 15%;
          transform: none; } }

@media (max-width: 768px) {
  .u_mv {
    padding-top: 0px; } }
.u_mv > .inner {
  max-width: none;
  padding: 0; }
  @media (max-width: 768px) {
    .u_mv > .inner {
      margin-bottom: 0; } }
  .u_mv > .inner > div {
    position: relative; }
    .u_mv > .inner > div > h1 {
      position: absolute;
      top: 43%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      font-size: 56px;
      color: #FFF;
      font-weight: 600;
      width: 100%; }
      @media (max-width: 768px) {
        .u_mv > .inner > div > h1 {
          left: 0;
          font-size: 8vw;
          line-height: 1.6;
          top: 30%;
          transform: none; }
          .u_mv > .inner > div > h1.double {
            top: 20%;
            line-height: 1.4;
            font-size: 7vw; } }

.problem > .inner {
  width: 100%;
  max-width: 1200px; }
  @media (max-width: 768px) {
    .problem > .inner .card__flex, .problem > .inner .card__flex--nowrap, .problem > .inner .card__flex--wrap, .problem > .inner .card__flex--wrap--fs {
      flex-direction: column-reverse;
      padding: 0; }
      .problem > .inner .card__flex img, .problem > .inner .card__flex--nowrap img, .problem > .inner .card__flex--wrap img, .problem > .inner .card__flex--wrap--fs img {
        width: 70%;
        margin: 0 auto;
        display: block; } }
  .problem > .inner .problem__list > li {
    border: 1px solid #707070;
    padding: 8px;
    box-sizing: border-box;
    margin-bottom: 8px; }
    .problem > .inner .problem__list > li a {
      display: flex;
      align-items: center;
      font-size: 16px;
      position: relative; }
      .problem > .inner .problem__list > li a div {
        background: #E1E1E1;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Oswald", serif;
        font-size: 18px;
        font-weight: 400;
        margin-right: 16px; }
      .problem > .inner .problem__list > li a p {
        margin-bottom: 0; }
        @media (max-width: 768px) {
          .problem > .inner .problem__list > li a p {
            font-size: 1.2rem;
            line-height: 1.6;
            font-weight: 400;
            margin-bottom: 0;
            width: 70%; } }
      .problem > .inner .problem__list > li a::after {
        content: "\f054";
        font-family: "Font Awesome 5 Free";
        color: #606060;
        font-weight: 600;
        font-size: 12px;
        position: absolute;
        right: 0; }

.about > .inner {
  width: 100%;
  max-width: 1200px; }
  @media (max-width: 768px) {
    .about > .inner .card__flex, .about > .inner .card__flex--nowrap, .about > .inner .card__flex--wrap, .about > .inner .card__flex--wrap--fs {
      flex-direction: column-reverse;
      padding: 0; } }

.work > .inner {
  width: 100%;
  max-width: 1200px; }
  .work > .inner .work__list {
    margin-bottom: 40px; }
    .work > .inner .work__list dt {
      background: #E1E1E1;
      padding: 16px 48px;
      box-sizing: border-box;
      font-size: 20px;
      margin-bottom: 16px; }
      @media (max-width: 768px) {
        .work > .inner .work__list dt {
          padding: 16px;
          font-size: 16px; } }
    .work > .inner .work__list dd ul {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .work > .inner .work__list dd ul li {
        border: 1px solid #707070;
        font-size: 16px;
        width: calc(100% / 6 - 10px);
        display: flex;
        position: relative;
        align-items: center;
        margin-right: 8px;
        margin-bottom: 16px; }
        @media (max-width: 768px) {
          .work > .inner .work__list dd ul li {
            width: 46%;
            margin-bottom: 16px; } }
        .work > .inner .work__list dd ul li a {
          display: block;
          text-align: center;
          width: 100%;
          height: 100%;
          padding: 24px 8px;
          box-sizing: border-box;
          font-size: 1rem; }
          @media (max-width: 768px) {
            .work > .inner .work__list dd ul li a {
              font-size: 3vw;
              padding: 18px; } }
        .work > .inner .work__list dd ul li::after {
          content: "\f054";
          font-family: "Font Awesome 5 Free";
          color: #606060;
          font-weight: 600;
          font-size: 12px;
          position: absolute;
          right: 4px; }
  .work > .inner .recent__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .work > .inner .recent__list::after {
      content: "";
      display: block;
      width: 31.5%;
      height: 0; }
    .work > .inner .recent__list > li {
      width: 31.5%;
      border: 1px solid #707070;
      margin-bottom: 24px; }
      @media (max-width: 768px) {
        .work > .inner .recent__list > li {
          width: 48%; } }
      .work > .inner .recent__list > li h3 {
        padding: 16px;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 1.6; }
        @media (max-width: 768px) {
          .work > .inner .recent__list > li h3 {
            padding: 8px;
            font-size: 14px;
            line-height: 1.4; } }
    .work > .inner .recent__list .spec__list {
      text-align: center;
      font-size: 14px; }
      @media (max-width: 768px) {
        .work > .inner .recent__list .spec__list {
          font-size: 12px; } }
      .work > .inner .recent__list .spec__list li {
        margin-bottom: 8px; }
    .work > .inner .recent__list .tag__list {
      text-align: center;
      font-size: .9rem;
      display: flex;
      width: 95%;
      margin: 24px auto;
      flex-wrap: wrap;
      justify-content: space-around; }
      @media (max-width: 768px) {
        .work > .inner .recent__list .tag__list {
          width: 95%;
          flex-direction: column; } }
      .work > .inner .recent__list .tag__list li {
        margin-bottom: 8px;
        background: #F6F6F6;
        width: 48%;
        padding: 8px;
        box-sizing: border-box; }
        @media (max-width: 768px) {
          .work > .inner .recent__list .tag__list li {
            width: 100%; } }
        .work > .inner .recent__list .tag__list li a {
          font-size: .9rem; }
          @media (max-width: 768px) {
            .work > .inner .recent__list .tag__list li a {
              font-size: 12px; } }

.process > .inner {
  width: 100%;
  max-width: 1200px; }
  .process > .inner .process_img_pc {
    margin: 40px 0; }
    @media (max-width: 768px) {
      .process > .inner .process_img_pc {
        display: none; } }
  .process > .inner .process_img_sp {
    display: none; }
    @media (max-width: 768px) {
      .process > .inner .process_img_sp {
        display: block;
        margin: 0 auto 40px;
        width: 70%; } }

.btn__list ul {
  display: flex;
  max-width: 1000px;
  width: 100%;
  margin: 40px auto;
  justify-content: space-around; }
  @media (max-width: 768px) {
    .btn__list ul {
      padding: 8px; } }
  .btn__list ul li {
    background: #062C79;
    width: 30%;
    padding: 24px 16px;
    color: #FFF;
    box-sizing: border-box; }
    @media (max-width: 768px) {
      .btn__list ul li {
        padding: 16px 4px;
        width: 32%; } }
    .btn__list ul li:nth-child(2) {
      background: #2176A2; }
    .btn__list ul li a {
      width: 100%;
      height: 100%;
      font-size: 32px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
      @media (max-width: 768px) {
        .btn__list ul li a {
          font-size: 4vw; } }
      .btn__list ul li a::after {
        content: "\f054";
        font-family: "Font Awesome 5 Free";
        color: #FFFFFF;
        font-weight: 600;
        font-size: 12px;
        position: absolute;
        right: 0; }
        @media (max-width: 768px) {
          .btn__list ul li a::after {
            font-size: 3vw;
            right: -2px; } }

.contact > .inner {
  width: 100%;
  max-width: 1200px;
  margin: 80px auto 40px; }
  @media (max-width: 768px) {
    .contact > .inner {
      margin: 40px auto;
      padding: 8px;
      box-sizing: border-box; } }
  .contact > .inner > p {
    font-size: 32px;
    text-align: center;
    font-weight: 400; }
    @media (max-width: 768px) {
      .contact > .inner > p {
        font-size: 4.5vw;
        font-weight: 400;
        line-height: 1.6; } }
  .contact > .inner .contact__box {
    display: flex; }
    @media (max-width: 768px) {
      .contact > .inner .contact__box {
        display: flex;
        flex-direction: column; } }
    .contact > .inner .contact__box li {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: #FFF;
      width: 50%; }
      @media (max-width: 768px) {
        .contact > .inner .contact__box li {
          width: 100%; }
          .contact > .inner .contact__box li p {
            font-size: 1rem; } }
      .contact > .inner .contact__box li:last-child a:nth-child(2) {
        background: #D96363;
        padding: 48px;
        color: #FFF;
        width: 100%;
        margin-bottom: 24px;
        font-size: 24px;
        box-sizing: border-box;
        text-align: center; }
        @media (max-width: 768px) {
          .contact > .inner .contact__box li:last-child a:nth-child(2) {
            padding: 32px;
            font-size: 5vw; } }
        .contact > .inner .contact__box li:last-child a:nth-child(2) i {
          margin-right: 8px;
          font-size: 32px; }
          @media (max-width: 768px) {
            .contact > .inner .contact__box li:last-child a:nth-child(2) i {
              font-size: 5vw; } }
      .contact > .inner .contact__box li:last-child a:nth-child(3) {
        background: #6EB48C;
        padding: 48px;
        color: #FFF;
        width: 100%;
        margin-bottom: 24px;
        font-size: 24px;
        box-sizing: border-box;
        text-align: center; }
        @media (max-width: 768px) {
          .contact > .inner .contact__box li:last-child a:nth-child(3) {
            padding: 32px;
            font-size: 5vw; } }
        .contact > .inner .contact__box li:last-child a:nth-child(3) i {
          margin-right: 8px;
          font-size: 32px; }
          @media (max-width: 768px) {
            .contact > .inner .contact__box li:last-child a:nth-child(3) i {
              font-size: 5vw; } }
      .contact > .inner .contact__box li:last-child p {
        font-size: 48px;
        color: #062C79;
        margin-bottom: 24px;
        font-weight: 900;
        font-family: "Oswald", serif; }
        @media (max-width: 768px) {
          .contact > .inner .contact__box li:last-child p {
            font-size: 11vw; } }
      .contact > .inner .contact__box li:first-child {
        color: #333333;
        padding-right: 16px;
        box-sizing: border-box; }

@media (max-width: 768px) {
  .u-contents_body p {
    font-size: 1rem; } }
.u-contents_body .company__wrap h2 {
  text-align: center; }
.u-contents_body .company__wrap p {
  text-align: center; }
  .u-contents_body .company__wrap p strong {
    font-size: 1.6rem; }
.u-contents_body .company__wrap ul.company__strong {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px; }
  @media (max-width: 768px) {
    .u-contents_body .company__wrap ul.company__strong {
      flex-direction: column; } }
  .u-contents_body .company__wrap ul.company__strong li {
    width: 30%;
    font-size: 1.2rem; }
    .u-contents_body .company__wrap ul.company__strong li div {
      background: #062C79;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #FFF;
      padding: 16px;
      box-sizing: border-box; }
    @media (max-width: 768px) {
      .u-contents_body .company__wrap ul.company__strong li {
        width: 100%;
        margin-bottom: 24px; } }
.u-contents_body .company__wrap ul.company__photo {
  display: flex;
  justify-content: space-between; }
  .u-contents_body .company__wrap ul.company__photo li {
    width: 48%;
    position: relative; }
    .u-contents_body .company__wrap ul.company__photo li div {
      position: absolute;
      bottom: 0;
      right: 0;
      background: #2A2A2A;
      color: #FFF;
      padding: 8px;
      font-size: 14px; }
.u-contents_body .company__wrap p.company__greeting {
  margin: 24px auto 64px; }
.u-contents_body .company__wrap table.company__outline {
  width: 100%;
  margin: 40px auto; }
  .u-contents_body .company__wrap table.company__outline tr {
    border: 4px solid #FFF; }
  .u-contents_body .company__wrap table.company__outline th {
    width: 30%;
    background: #eee;
    vertical-align: middle;
    text-align: center;
    padding: 16px;
    font-size: 16px;
    color: #2A2A2A; }
    @media (max-width: 768px) {
      .u-contents_body .company__wrap table.company__outline th {
        font-size: 14px; } }
  .u-contents_body .company__wrap table.company__outline td {
    width: 70%;
    vertical-align: middle;
    padding: 16px;
    line-height: 2;
    font-size: 16px; }
    @media (max-width: 768px) {
      .u-contents_body .company__wrap table.company__outline td {
        font-size: 14px; } }
.u-contents_body .company__wrap dl.company__history {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 48px; }
  .u-contents_body .company__wrap dl.company__history dt {
    width: 20%;
    border-bottom: 1px solid #eee;
    padding: 16px;
    box-sizing: border-box;
    text-align: center;
    color: #2A2A2A;
    font-size: 16px; }
    @media (max-width: 768px) {
      .u-contents_body .company__wrap dl.company__history dt {
        font-size: 14px;
        padding: 16px 8px;
        line-height: 1.6; } }
  .u-contents_body .company__wrap dl.company__history dd {
    width: 80%;
    border-bottom: 1px solid #eee;
    padding: 16px;
    box-sizing: border-box;
    font-size: 16px; }
    @media (max-width: 768px) {
      .u-contents_body .company__wrap dl.company__history dd {
        font-size: 14px;
        padding: 16px 8px;
        line-height: 1.6; } }
.u-contents_body ul.pipe__intro {
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
  margin-bottom: 40px; }
  @media (max-width: 768px) {
    .u-contents_body ul.pipe__intro {
      gap: 2%; } }
  .u-contents_body ul.pipe__intro li {
    position: relative;
    width: 19%;
    margin-bottom: 16px; }
    @media (max-width: 768px) {
      .u-contents_body ul.pipe__intro li {
        width: 32%; }
        .u-contents_body ul.pipe__intro li:last-child {
          width: 100%; } }
    .u-contents_body ul.pipe__intro li > div {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #FFF;
      background: #062C79;
      padding: 8px;
      box-sizing: border-box;
      font-size: 18px;
      width: max-content; }
      @media (max-width: 768px) {
        .u-contents_body ul.pipe__intro li > div {
          font-size: 14px; } }
    .u-contents_body ul.pipe__intro li:not(:last-child)::after {
      content: "▶";
      background: #ccc;
      color: #FFF;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      position: absolute;
      right: -8px;
      bottom: -8px;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media (max-width: 768px) {
        .u-contents_body ul.pipe__intro li:not(:last-child)::after {
          width: 20px;
          height: 20px;
          font-size: 12px; } }
.u-contents_body .pipe__spec {
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
  margin-bottom: 40px; }
  @media (max-width: 768px) {
    .u-contents_body .pipe__spec {
      flex-direction: column; } }
  .u-contents_body .pipe__spec li {
    position: relative;
    width: 32%;
    margin-bottom: 16px; }
    @media (max-width: 768px) {
      .u-contents_body .pipe__spec li {
        width: 100%; } }
    .u-contents_body .pipe__spec li > div {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #FFF;
      background: rgba(6, 44, 121, 0.8);
      padding: 8px;
      box-sizing: border-box;
      font-size: 18px;
      width: max-content;
      text-align: center;
      line-height: 1.6; }
      @media (max-width: 768px) {
        .u-contents_body .pipe__spec li > div {
          width: 80%; } }
.u-contents_body.contact > .inner {
  display: block; }
  .u-contents_body.contact > .inner aside {
    display: none; }
  .u-contents_body.contact > .inner article {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
    .u-contents_body.contact > .inner article .contact__box {
      margin: 80px auto;
      padding: 32px 0;
      background: #F7F7F7; }
      .u-contents_body.contact > .inner article .contact__box li:first-child p:first-child {
        background: #2176A2;
        padding: 8px;
        margin: 0 auto;
        display: block;
        color: #FFF;
        font-weight: 900; }
      .u-contents_body.contact > .inner article .contact__box li:first-child p:last-child {
        font-size: 32px;
        font-weight: 900;
        margin-bottom: 0; }
      .u-contents_body.contact > .inner article .contact__box li:last-child p:first-child {
        line-height: 1.6;
        margin-bottom: 0; }
      .u-contents_body.contact > .inner article .contact__box li:last-child p:last-child {
        font-size: 24px;
        font-family: "Noto Sans JP", sans-serif;
        margin-bottom: 0; }
.u-contents_body > .inner {
  width: 100%;
  max-width: 1200px;
  margin: 80px auto 40px;
  display: grid;
  column-gap: 30px;
  grid-template-columns: 240px 1fr; }
  @media (max-width: 980px) {
    .u-contents_body > .inner {
      display: block; } }
  @media (max-width: 768px) {
    .u-contents_body > .inner {
      margin: 40px auto;
      padding: 0 16px; } }
  .u-contents_body > .inner aside {
    width: 240px; }
    @media (max-width: 980px) {
      .u-contents_body > .inner aside {
        display: none; } }
  .u-contents_body > .inner article h3.top__title, .u-contents_body > .inner article h2.top__title {
    color: #062C79;
    font-size: 24px;
    border-bottom: 3px solid #062C79;
    padding: 8px 0;
    margin-bottom: 24px;
    line-height: 1.6; }
    .u-contents_body > .inner article h3.top__title span, .u-contents_body > .inner article h2.top__title span {
      display: block;
      margin-bottom: 8px;
      background: #062C79;
      padding: 8px;
      box-sizing: border-box;
      color: #FFF;
      width: fit-content;
      font-size: 16px; }
  .u-contents_body > .inner article .top__01 {
    margin-bottom: 160px; }
    @media (max-width: 768px) {
      .u-contents_body > .inner article .top__01 {
        margin-bottom: 64px; } }
    .u-contents_body > .inner article .top__01 dl {
      display: flex; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .top__01 dl {
          flex-direction: column; } }
      .u-contents_body > .inner article .top__01 dl dt {
        width: 40%; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .top__01 dl dt {
            width: 100%;
            margin-bottom: 24px; } }
      .u-contents_body > .inner article .top__01 dl dd {
        width: 60%;
        margin-left: 24px; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .top__01 dl dd {
            width: 100%;
            margin-left: 0; } }
  .u-contents_body > .inner article .top__02 {
    margin-bottom: 160px; }
    @media (max-width: 768px) {
      .u-contents_body > .inner article .top__02 {
        margin-bottom: 64px; } }
    .u-contents_body > .inner article .top__02 ul {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .top__02 ul {
          flex-direction: column; } }
      .u-contents_body > .inner article .top__02 ul li {
        width: 32%; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .top__02 ul li {
            width: 100%;
            margin-bottom: 16px; } }
        .u-contents_body > .inner article .top__02 ul li div {
          background: #062C79;
          text-align: center;
          padding: 8px;
          box-sizing: border-box; }
          .u-contents_body > .inner article .top__02 ul li div p {
            font-size: 24px;
            margin-bottom: 0;
            color: #FFF;
            font-weight: 700;
            line-height: 1.2; }
            .u-contents_body > .inner article .top__02 ul li div p span {
              font-size: 12px;
              display: block;
              margin-bottom: 4px; }
  .u-contents_body > .inner article .top__03 {
    margin-bottom: 160px; }
    @media (max-width: 768px) {
      .u-contents_body > .inner article .top__03 {
        margin-bottom: 64px; } }
    .u-contents_body > .inner article .top__03 h4 {
      background: #2176A2;
      font-weight: 900;
      padding: 16px;
      color: #FFF;
      font-size: 20px;
      width: fit-content;
      letter-spacing: 2px;
      margin-bottom: 24px; }
    .u-contents_body > .inner article .top__03 ul.cate__link {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin-bottom: 48px;
      gap: 2%; }
      .u-contents_body > .inner article .top__03 ul.cate__link li {
        width: 18%;
        margin-bottom: 8px;
        border: 1px solid #707070;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .top__03 ul.cate__link li {
            width: 48%; } }
        .u-contents_body > .inner article .top__03 ul.cate__link li a {
          display: block;
          width: 100%;
          height: 100%;
          padding: 16px;
          box-sizing: border-box;
          text-align: center; }
        .u-contents_body > .inner article .top__03 ul.cate__link li p {
          margin-bottom: 0; }
  .u-contents_body > .inner article ul.post__link {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 48px;
    gap: 2%; }
    .u-contents_body > .inner article ul.post__link li {
      width: 31%;
      margin-bottom: 8px;
      border: 1px solid #707070;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article ul.post__link li {
          width: 48%; } }
      .u-contents_body > .inner article ul.post__link li a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 8px;
        box-sizing: border-box;
        text-align: center; }
      .u-contents_body > .inner article ul.post__link li p {
        margin-bottom: 0; }
      .u-contents_body > .inner article ul.post__link li a > div {
        position: relative; }
        .u-contents_body > .inner article ul.post__link li a > div > div {
          position: absolute;
          top: 8px;
          left: 8px;
          background: #062C79;
          padding: 8px;
          color: #FFF;
          letter-spacing: 2px; }
          @media (max-width: 768px) {
            .u-contents_body > .inner article ul.post__link li a > div > div {
              top: 0;
              left: 0;
              font-size: 12px;
              padding: 4px; } }
      .u-contents_body > .inner article ul.post__link li a > p.size {
        background: #eee;
        margin: 16px 0; }
      .u-contents_body > .inner article ul.post__link li a > p.title {
        margin: 16px 0; }
  .u-contents_body > .inner article .top__04, .u-contents_body > .inner article .top__05 {
    margin-bottom: 160px; }
    @media (max-width: 768px) {
      .u-contents_body > .inner article .top__04, .u-contents_body > .inner article .top__05 {
        margin-bottom: 64px; } }
  .u-contents_body > .inner article .news {
    margin-bottom: 160px; }
    .u-contents_body > .inner article .news dl {
      display: flex;
      border-bottom: 1px solid #707070;
      margin-bottom: 16px; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .news dl {
          flex-direction: column; } }
      .u-contents_body > .inner article .news dl dt {
        font-size: 16px;
        width: 30%;
        padding: 16px;
        box-sizing: border-box; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .news dl dt {
            width: 100%;
            padding: 4px 8px;
            font-size: 14px; } }
      .u-contents_body > .inner article .news dl dd {
        font-size: 16px;
        width: 70%;
        padding: 16px;
        box-sizing: border-box; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .news dl dd {
            width: 100%;
            padding: 4px 8px 8px;
            font-size: 14px; } }
  .u-contents_body > .inner article ul.solution__list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 48px;
    gap: 2%; }
    .u-contents_body > .inner article ul.solution__list li {
      width: 31%;
      margin-bottom: 16px;
      border: 1px solid #707070; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article ul.solution__list li {
          width: 48%; } }
      .u-contents_body > .inner article ul.solution__list li a {
        display: block;
        width: 100%;
        padding: 8px;
        box-sizing: border-box;
        text-align: center; }
      .u-contents_body > .inner article ul.solution__list li p {
        margin-bottom: 0; }
      .u-contents_body > .inner article ul.solution__list li a > div {
        position: relative; }
        .u-contents_body > .inner article ul.solution__list li a > div > div {
          position: absolute;
          top: 8px;
          left: 8px;
          background: #062C79;
          padding: 8px;
          color: #FFF;
          letter-spacing: 2px; }
          @media (max-width: 768px) {
            .u-contents_body > .inner article ul.solution__list li a > div > div {
              top: 0;
              left: 0;
              font-size: 12px;
              padding: 4px; } }
      .u-contents_body > .inner article ul.solution__list li a > p.size {
        background: #eee;
        margin: 16px 0; }
      .u-contents_body > .inner article ul.solution__list li a > p.title {
        margin: 16px 0; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article ul.solution__list li a > p.title {
            text-align: left;
            font-size: 14px;
            line-height: 1.4;
            margin: 8px 0; } }
      .u-contents_body > .inner article ul.solution__list li a > p.discription {
        font-size: 14px;
        line-height: 1.6;
        text-align: left; }
      .u-contents_body > .inner article ul.solution__list li ul.cate__list {
        display: flex;
        padding: 8px;
        box-sizing: border-box;
        gap: 8px; }
        .u-contents_body > .inner article ul.solution__list li ul.cate__list li {
          background: #eee;
          border: none;
          width: fit-content;
          padding: 8px;
          box-sizing: border-box; }
          @media (max-width: 768px) {
            .u-contents_body > .inner article ul.solution__list li ul.cate__list li {
              font-size: 12px;
              padding: 4px; } }
  .u-contents_body > .inner article .u-contents {
    margin-bottom: 48px; }
    .u-contents_body > .inner article .u-contents .no_post {
      margin: 48px auto 96px; }
  .u-contents_body > .inner article .policy > p {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 24px; }
  .u-contents_body > .inner article .policy > h2 {
    font-size: 20px;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    padding: 8px 0;
    box-sizing: border-box;
    margin-bottom: 8px; }
    .u-contents_body > .inner article .policy > h2:not(:first-child) {
      margin-top: 48px; }
  .u-contents_body > .inner article .policy ul {
    margin: 16px 0; }
    .u-contents_body > .inner article .policy ul li {
      font-size: 16px;
      margin-bottom: 8px;
      line-height: 1.6; }
  .u-contents_body > .inner article .pickup__wrap {
    margin: 40px auto; }
    .u-contents_body > .inner article .pickup__wrap ul {
      margin: 24px auto 64px;
      display: flex; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .pickup__wrap ul {
          flex-direction: column; } }
      .u-contents_body > .inner article .pickup__wrap ul li:first-child {
        width: 40%; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .pickup__wrap ul li:first-child {
            width: 100%;
            margin-bottom: 24px; } }
      .u-contents_body > .inner article .pickup__wrap ul li:last-child {
        width: 60%;
        padding-left: 16px;
        box-sizing: border-box; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .pickup__wrap ul li:last-child {
            width: 100%;
            padding-left: 0; } }
  .u-contents_body > .inner article .quality_wrap {
    margin: 40px auto; }
    .u-contents_body > .inner article .quality_wrap ul {
      margin: 24px auto 64px;
      display: flex; }
      .u-contents_body > .inner article .quality_wrap ul li:first-child {
        width: 40%; }
      .u-contents_body > .inner article .quality_wrap ul li:last-child {
        width: 60%;
        padding-left: 16px;
        box-sizing: border-box; }
    .u-contents_body > .inner article .quality_wrap h3 {
      display: flex;
      align-items: flex-start;
      border-bottom: 3px solid #2176A2; }
      .u-contents_body > .inner article .quality_wrap h3 div {
        width: 15%;
        margin-right: 8px;
        background: #2176A2;
        color: #FFF;
        padding: 24px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px; }
      .u-contents_body > .inner article .quality_wrap h3 p {
        font-size: 18px;
        padding: 0 16px;
        box-sizing: border-box;
        line-height: 1.4;
        margin-bottom: 0; }
  .u-contents_body > .inner article .catalog__wrap {
    margin-bottom: 40px; }
    .u-contents_body > .inner article .catalog__wrap ul {
      display: flex; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .catalog__wrap ul {
          flex-direction: column; } }
      .u-contents_body > .inner article .catalog__wrap ul li:first-child {
        width: 30%; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .catalog__wrap ul li:first-child {
            width: 100%; }
            .u-contents_body > .inner article .catalog__wrap ul li:first-child img {
              width: 50%;
              display: block;
              margin: 24px auto; } }
      .u-contents_body > .inner article .catalog__wrap ul li:last-child {
        width: 70%;
        padding-left: 16px;
        box-sizing: border-box; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .catalog__wrap ul li:last-child {
            width: 100%; } }
        .u-contents_body > .inner article .catalog__wrap ul li:last-child p {
          line-height: 1.6; }
  .u-contents_body > .inner article .solution__post__detail .benefit-terms {
    font-size: 16px;
    display: flex;
    margin: 16px auto;
    gap: 16px; }
    .u-contents_body > .inner article .solution__post__detail .benefit-terms span {
      display: block;
      background: #2176A2;
      color: #FFF;
      padding: 8px; }
      .u-contents_body > .inner article .solution__post__detail .benefit-terms span.industry-term {
        background: #062C79; }
  .u-contents_body > .inner article .solution__post__detail > h4 {
    display: flex;
    padding: 16px;
    box-sizing: border-box;
    align-items: center;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 24px; }
    @media (max-width: 768px) {
      .u-contents_body > .inner article .solution__post__detail > h4 {
        flex-direction: column; } }
    .u-contents_body > .inner article .solution__post__detail > h4::before {
      display: block;
      margin-right: 16px;
      font-size: 32px; }
  .u-contents_body > .inner article .solution__post__detail > h4.before {
    background: #eee; }
    .u-contents_body > .inner article .solution__post__detail > h4.before::before {
      content: "BEFORE";
      color: #999; }
  .u-contents_body > .inner article .solution__post__detail > h4.after {
    background: #b3d5e7; }
    .u-contents_body > .inner article .solution__post__detail > h4.after::before {
      content: "AFTER";
      color: #2176A2; }
  .u-contents_body > .inner article .solution__post__detail dl {
    display: flex; }
    @media (max-width: 768px) {
      .u-contents_body > .inner article .solution__post__detail dl {
        flex-direction: column; } }
    .u-contents_body > .inner article .solution__post__detail dl dt {
      width: 40%; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .solution__post__detail dl dt {
          width: 100%;
          margin-bottom: 24px; } }
    .u-contents_body > .inner article .solution__post__detail dl dd {
      width: 60%;
      padding-left: 16px;
      box-sizing: border-box; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .solution__post__detail dl dd {
          width: 100%;
          padding-left: 0; } }
      .u-contents_body > .inner article .solution__post__detail dl dd > h4 {
        font-size: 20px;
        padding-bottom: 8px;
        margin-bottom: 16px; }
        .u-contents_body > .inner article .solution__post__detail dl dd > h4 i {
          margin-right: 8px; }
        .u-contents_body > .inner article .solution__post__detail dl dd > h4.before {
          color: #999;
          border-bottom: 3px solid #999; }
        .u-contents_body > .inner article .solution__post__detail dl dd > h4.after {
          color: #2176A2;
          border-bottom: 3px solid #2176A2; }
  .u-contents_body > .inner article .solution__post__detail > div {
    margin: 40px auto;
    font-size: 80px;
    text-align: center;
    color: #2176A2; }
    @media (max-width: 768px) {
      .u-contents_body > .inner article .solution__post__detail > div {
        margin: 0 auto; } }
  .u-contents_body > .inner article .industry_solution_intro {
    margin: 48px auto; }
    .u-contents_body > .inner article .industry_solution_intro p {
      text-align: center;
      font-size: 32px;
      margin-bottom: 0; }
      .u-contents_body > .inner article .industry_solution_intro p span {
        background: -webkit-linear-gradient(transparent 70%, #eee 70%);
        background: -o-linear-gradient(transparent 70%, #eee 70%);
        background: linear-gradient(transparent 70%, #eee 70%); }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .industry_solution_intro p {
          font-size: 4.5vw; } }
  .u-contents_body > .inner article .industry_solution_contact {
    background: #2176A2;
    margin-bottom: 80px; }
    .u-contents_body > .inner article .industry_solution_contact .inner {
      padding: 48px 16px;
      box-sizing: border-box;
      position: relative; }
      .u-contents_body > .inner article .industry_solution_contact .inner::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        width: 0px;
        height: 0px;
        margin: auto;
        border-style: solid;
        border-color: #F7F7F7 transparent transparent transparent;
        border-width: 20px 20px 0 20px; }
      .u-contents_body > .inner article .industry_solution_contact .inner .solution_txt01 {
        text-align: center;
        color: #FFF;
        font-size: 24px;
        margin-bottom: 0;
        line-height: 1;
        font-weight: 900;
        margin-bottom: 8px; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .industry_solution_contact .inner .solution_txt01 {
            font-size: 4.5vw; } }
      .u-contents_body > .inner article .industry_solution_contact .inner .solution_txt02 {
        text-align: center;
        color: #FFF;
        font-size: 40px;
        font-weight: 900;
        line-height: 1;
        margin-bottom: 24px; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .industry_solution_contact .inner .solution_txt02 {
            font-size: 6vw; } }
      .u-contents_body > .inner article .industry_solution_contact .inner i {
        display: block;
        color: #FFF;
        margin-right: 8px; }
      .u-contents_body > .inner article .industry_solution_contact .inner ul {
        max-width: 720px;
        margin: 32px auto; }
        .u-contents_body > .inner article .industry_solution_contact .inner ul li {
          display: flex;
          color: #FFF;
          font-size: 20px;
          margin-bottom: 16px; }
          @media (max-width: 768px) {
            .u-contents_body > .inner article .industry_solution_contact .inner ul li {
              font-size: 16px;
              line-height: 1.6; } }
      .u-contents_body > .inner article .industry_solution_contact .inner a {
        background: #D96363;
        color: #FFF;
        display: flex;
        font-size: 32px;
        border-radius: 50px;
        padding: 32px;
        box-sizing: border-box;
        margin: 40px auto;
        width: 70%;
        justify-content: center; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .industry_solution_contact .inner a {
            flex-direction: column;
            width: 98%;
            padding: 16px 8px;
            border-radius: 8px;
            font-size: 16px;
            align-items: center;
            justify-content: center; } }
        .u-contents_body > .inner article .industry_solution_contact .inner a i {
          margin-right: 16px; }
          @media (max-width: 768px) {
            .u-contents_body > .inner article .industry_solution_contact .inner a i {
              margin-right: 0;
              margin-bottom: 8px; } }
  .u-contents_body > .inner article .industry_solution_nayami {
    background: #F7F7F7;
    display: flex;
    padding-bottom: 40px; }
    @media (max-width: 768px) {
      .u-contents_body > .inner article .industry_solution_nayami {
        flex-direction: column; } }
    .u-contents_body > .inner article .industry_solution_nayami dt {
      width: 40%;
      padding: 16px;
      box-sizing: border-box; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .industry_solution_nayami dt {
          width: 100%; } }
    .u-contents_body > .inner article .industry_solution_nayami dd {
      width: 60%;
      padding: 16px;
      box-sizing: border-box; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .industry_solution_nayami dd {
          width: 100%; } }
      .u-contents_body > .inner article .industry_solution_nayami dd ul li {
        background: #FFF;
        padding: 8px;
        box-sizing: border-box;
        font-size: 16px;
        margin-bottom: 16px;
        display: flex;
        line-height: 1.6;
        align-items: center; }
        .u-contents_body > .inner article .industry_solution_nayami dd ul li i {
          margin-right: 8px;
          color: #666; }
  .u-contents_body > .inner article .strong dl {
    display: flex;
    margin-bottom: 40px; }
    @media (max-width: 768px) {
      .u-contents_body > .inner article .strong dl {
        flex-direction: column; } }
    .u-contents_body > .inner article .strong dl dt {
      width: 40%;
      padding: 16px;
      box-sizing: border-box; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .strong dl dt {
          width: 100%; } }
    .u-contents_body > .inner article .strong dl dd {
      width: 60%;
      padding: 16px;
      box-sizing: border-box;
      font-size: 18px;
      line-height: 1.6; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .strong dl dd {
          width: 100%; } }
    .u-contents_body > .inner article .strong dl.rvs {
      flex-direction: row-reverse; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .strong dl.rvs {
          flex-direction: column; } }
  .u-contents_body > .inner article .category_tab {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 24px;
    gap: 8px; }
    .u-contents_body > .inner article .category_tab button, .u-contents_body > .inner article .category_tab a {
      background: #E1E1E1;
      padding: 16px;
      font-size: 16px;
      box-sizing: border-box;
      display: flex;
      align-items: center; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .category_tab button, .u-contents_body > .inner article .category_tab a {
          padding: 8px;
          font-size: 14px; } }
      .u-contents_body > .inner article .category_tab button.is-active, .u-contents_body > .inner article .category_tab a.is-active {
        background: #2176A2;
        color: #FFF; }
  .u-contents_body > .inner article .category__list ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16px;
    gap: 16px;
    font-size: 16px;
    flex-wrap: wrap;
    margin-bottom: 24px; }
    @media (max-width: 768px) {
      .u-contents_body > .inner article .category__list ul {
        padding: 0;
        gap: 8px; } }
    .u-contents_body > .inner article .category__list ul li {
      border: 1px solid #E1E1E1;
      padding: 16px;
      font-size: 16px; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .category__list ul li {
          font-size: 14px;
          padding: 8px; } }
  .u-contents_body > .inner article .pagination {
    text-align: center; }
    .u-contents_body > .inner article .pagination a {
      font-size: 1.2rem; }
    .u-contents_body > .inner article .pagination span {
      font-size: 1.2rem;
      font-weight: 900;
      color: #1F5BA2; }
  .u-contents_body > .inner article .recent__list > li ul.tag__list li a {
    font-size: .8rem; }
  .u-contents_body > .inner article .work__list dd ul li a {
    font-size: .9rem; }
  .u-contents_body > .inner article .strengths dt {
    border: 1px solid #707070;
    display: flex;
    align-items: center;
    padding: 8px;
    box-sizing: border-box;
    margin-bottom: 16px; }
    .u-contents_body > .inner article .strengths dt > p {
      margin-bottom: 0;
      font-size: 20px;
      font-weight: 900; }
      @media (max-width: 980px) {
        .u-contents_body > .inner article .strengths dt > p {
          width: 80%;
          font-size: 18px; } }
    .u-contents_body > .inner article .strengths dt div {
      background: #333333;
      width: 50px;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: "Oswald", serif;
      font-size: 18px;
      font-weight: 400;
      margin-right: 16px;
      color: #FFF; }
  .u-contents_body > .inner article .strengths dd {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px; }
    @media (max-width: 980px) {
      .u-contents_body > .inner article .strengths dd {
        flex-direction: column; } }
    .u-contents_body > .inner article .strengths dd > div:first-child {
      width: 35%; }
      @media (max-width: 980px) {
        .u-contents_body > .inner article .strengths dd > div:first-child {
          width: 100%; } }
    .u-contents_body > .inner article .strengths dd > div:last-child {
      width: 62%; }
      @media (max-width: 980px) {
        .u-contents_body > .inner article .strengths dd > div:last-child {
          width: 100%; } }
  .u-contents_body > .inner article .works_detail_txt {
    margin: 32px auto;
    line-height: 1.6;
    font-size: 16px; }
    @media (max-width: 768px) {
      .u-contents_body > .inner article .works_detail_txt {
        font-size: 1rem; } }
  .u-contents_body > .inner article .works_title {
    font-size: 24px;
    border-bottom: 1px solid #707070;
    padding-bottom: 8px;
    margin-bottom: 24px;
    font-weight: 400;
    letter-spacing: 1px; }
  .u-contents_body > .inner article .works_wrap {
    display: flex;
    width: 100%;
    max-width: 1000px; }
    @media (max-width: 768px) {
      .u-contents_body > .inner article .works_wrap {
        flex-direction: column; } }
    .u-contents_body > .inner article .works_wrap .works_slider_wrap {
      width: 50%;
      justify-content: space-between; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .works_wrap .works_slider_wrap {
          flex-direction: column;
          width: 100%; } }
      .u-contents_body > .inner article .works_wrap .works_slider_wrap .works_slider {
        width: 100%; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .works_wrap .works_slider_wrap .works_slider {
            width: 100%; } }
        .u-contents_body > .inner article .works_wrap .works_slider_wrap .works_slider li {
          width: 100%; }
          .u-contents_body > .inner article .works_wrap .works_slider_wrap .works_slider li img {
            width: 100%; }
      .u-contents_body > .inner article .works_wrap .works_slider_wrap .works_slider_thumb {
        display: flex;
        width: 100%; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .works_wrap .works_slider_wrap .works_slider_thumb {
            flex-direction: row;
            width: 100%; } }
        .u-contents_body > .inner article .works_wrap .works_slider_wrap .works_slider_thumb .slick-track {
          width: 100% !important; }
        .u-contents_body > .inner article .works_wrap .works_slider_wrap .works_slider_thumb .slick-slide {
          width: 24% !important;
          margin-right: 2px; }
          .u-contents_body > .inner article .works_wrap .works_slider_wrap .works_slider_thumb .slick-slide img {
            width: 100%; }
    .u-contents_body > .inner article .works_wrap > div.table_wrap {
      width: 50%;
      padding-left: 16px;
      box-sizing: border-box; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .works_wrap > div.table_wrap {
          width: 100%;
          padding-left: 0;
          margin-top: 24px; } }
      .u-contents_body > .inner article .works_wrap > div.table_wrap .works_spec_table {
        width: 100%; }
        .u-contents_body > .inner article .works_wrap > div.table_wrap .works_spec_table th, .u-contents_body > .inner article .works_wrap > div.table_wrap .works_spec_table td {
          width: 25%;
          padding: 24px;
          border: 1px solid #ccc;
          font-size: 16px;
          font-weight: 400; }
          @media (max-width: 768px) {
            .u-contents_body > .inner article .works_wrap > div.table_wrap .works_spec_table th, .u-contents_body > .inner article .works_wrap > div.table_wrap .works_spec_table td {
              padding: 16px;
              font-size: 14px; } }
        .u-contents_body > .inner article .works_wrap > div.table_wrap .works_spec_table th {
          background: #F6F6F6; }
    .u-contents_body > .inner article .works_wrap .work .inner {
      padding: 0; }
  .u-contents_body > .inner article .faq_index {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 48px;
    flex-wrap: wrap; }
    @media (max-width: 768px) {
      .u-contents_body > .inner article .faq_index {
        flex-direction: column; } }
    .u-contents_body > .inner article .faq_index li {
      border: 1px solid #707070;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 18%;
      position: relative;
      margin-right: 8px;
      margin-bottom: 16px; }
      @media (max-width: 768px) {
        .u-contents_body > .inner article .faq_index li {
          width: 100%;
          margin-bottom: 16px; } }
      .u-contents_body > .inner article .faq_index li > a {
        width: 100%;
        height: 100%;
        display: block;
        padding: 24px 16px;
        box-sizing: border-box;
        text-align: center;
        font-size: 14px; }
      .u-contents_body > .inner article .faq_index li::after {
        content: "\f054";
        font-family: "Font Awesome 5 Free";
        color: #707070;
        font-weight: 600;
        font-size: 12px;
        position: absolute;
        right: 4px; }
  .u-contents_body > .inner article .faq_box {
    width: 100%;
    margin-top: 24px; }
    .u-contents_body > .inner article .faq_box:last-child {
      margin-bottom: 64px; }
    .u-contents_body > .inner article .faq_box dt {
      display: flex;
      align-items: center;
      border: 1px solid #707070;
      padding: 8px;
      margin-bottom: 16px; }
      .u-contents_body > .inner article .faq_box dt > p {
        width: 90%;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 0;
        line-height: 1.4; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .faq_box dt > p {
            font-size: 16px; } }
      .u-contents_body > .inner article .faq_box dt:hover {
        cursor: pointer; }
      .u-contents_body > .inner article .faq_box dt::before {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        content: "Q";
        color: #E1E1E1;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 16px;
        font-size: 24px; }
      .u-contents_body > .inner article .faq_box dt.active::after {
        transform: rotateX(360deg);
        transition: all .5s ease-out; }
      .u-contents_body > .inner article .faq_box dt::after {
        content: "▲";
        color: #989898;
        display: block;
        transform: rotateX(180deg);
        transition: all .5s ease-out; }
    .u-contents_body > .inner article .faq_box dd {
      background: #F6F6F6;
      padding: 16px;
      box-sizing: border-box;
      display: none; }
      .u-contents_body > .inner article .faq_box dd p {
        font-size: 16px; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .faq_box dd p {
            font-size: 14px; } }
  .u-contents_body > .inner article .faq_contents {
    width: 100%; }
    .u-contents_body > .inner article .faq_contents:last-child {
      margin-bottom: 64px; }
    .u-contents_body > .inner article .faq_contents dt {
      display: flex;
      align-items: center;
      border-bottom: 1px solid #707070;
      padding: 8px;
      margin-bottom: 16px; }
      .u-contents_body > .inner article .faq_contents dt > p {
        width: 90%;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 0;
        line-height: 1.4; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .faq_contents dt > p {
            font-size: 16px; } }
      .u-contents_body > .inner article .faq_contents dt:hover {
        cursor: pointer; }
      .u-contents_body > .inner article .faq_contents dt::before {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        content: "Q";
        color: #E1E1E1;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 16px;
        font-size: 24px; }
    .u-contents_body > .inner article .faq_contents dd {
      background: #F6F6F6;
      padding: 16px;
      box-sizing: border-box; }
      .u-contents_body > .inner article .faq_contents dd p {
        font-size: 16px; }
        @media (max-width: 768px) {
          .u-contents_body > .inner article .faq_contents dd p {
            font-size: 14px; } }
.u-contents_body > .inner_full {
  display: block;
  max-width: 1200px;
  margin: 80px auto 40px; }
  @media (max-width: 768px) {
    .u-contents_body > .inner_full {
      margin: 0;
      padding: 16px;
      box-sizing: border-box; } }
  .u-contents_body > .inner_full .u-contents {
    margin-bottom: 96px; }
    .u-contents_body > .inner_full .u-contents .no_post {
      margin: 48px auto 96px; }
  .u-contents_body > .inner_full ul.post__link {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 48px;
    gap: 2%; }
    .u-contents_body > .inner_full ul.post__link li {
      width: 23%;
      margin-bottom: 16px;
      border: 1px solid #707070;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media (max-width: 768px) {
        .u-contents_body > .inner_full ul.post__link li {
          width: 48%; } }
      .u-contents_body > .inner_full ul.post__link li a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 8px;
        box-sizing: border-box;
        text-align: center; }
      .u-contents_body > .inner_full ul.post__link li p {
        margin-bottom: 0; }
      .u-contents_body > .inner_full ul.post__link li a > div {
        position: relative; }
        .u-contents_body > .inner_full ul.post__link li a > div > div {
          position: absolute;
          top: 8px;
          left: 8px;
          background: #062C79;
          padding: 8px;
          color: #FFF;
          letter-spacing: 2px; }
      .u-contents_body > .inner_full ul.post__link li a > p.size {
        background: #eee;
        margin: 16px 0; }
      .u-contents_body > .inner_full ul.post__link li a > p.title {
        margin: 16px 0; }
  .u-contents_body > .inner_full h2.custommade_heading {
    font-size: 48px;
    color: #062C79;
    text-align: center;
    margin: 24px auto 48px;
    line-height: 1.2; }
    @media (max-width: 768px) {
      .u-contents_body > .inner_full h2.custommade_heading {
        font-size: 6vw; } }
    .u-contents_body > .inner_full h2.custommade_heading span {
      font-size: 24px; }
      @media (max-width: 768px) {
        .u-contents_body > .inner_full h2.custommade_heading span {
          font-size: 4vw;
          display: inline-block;
          line-height: 1.4;
          margin-bottom: 8px; } }
    .u-contents_body > .inner_full h2.custommade_heading::after {
      content: '';
      display: block;
      width: 85px;
      height: 5px;
      background: #062C79;
      margin: 32px auto; }
      @media (max-width: 768px) {
        .u-contents_body > .inner_full h2.custommade_heading::after {
          margin: 16px auto;
          height: 3px; } }
  .u-contents_body > .inner_full .custommade_point {
    display: flex;
    gap: 1%;
    flex-wrap: wrap;
    justify-content: center; }
    .u-contents_body > .inner_full .custommade_point li {
      width: 32%;
      border: 1px solid #2176A2;
      border-bottom: 5px solid #2176A2;
      padding: 16px;
      box-sizing: border-box;
      margin-bottom: 24px;
      text-align: center; }
      @media (max-width: 768px) {
        .u-contents_body > .inner_full .custommade_point li {
          width: 100%; } }
      .u-contents_body > .inner_full .custommade_point li div {
        font-family: "Oswald", serif;
        font-size: 64px;
        color: #2176A2;
        margin-bottom: 16px; }
      .u-contents_body > .inner_full .custommade_point li p {
        font-weight: 900;
        font-weight: 500;
        font-size: 24px;
        line-height: 1.4; }
  .u-contents_body > .inner_full .custommade_point_detail {
    padding: 40px 0; }
    .u-contents_body > .inner_full .custommade_point_detail h3 {
      display: flex;
      align-items: center;
      font-size: 24px;
      letter-spacing: 2px;
      margin-bottom: 24px;
      border-bottom: 1px solid #eee;
      padding-bottom: 16px; }
      @media (max-width: 768px) {
        .u-contents_body > .inner_full .custommade_point_detail h3 {
          flex-direction: column;
          font-size: 6vw;
          line-height: 1.4; } }
      .u-contents_body > .inner_full .custommade_point_detail h3::before {
        content: "01";
        display: block;
        font-size: 64px;
        color: #eee;
        font-family: "Oswald", serif;
        margin-right: 16px; }
        @media (max-width: 768px) {
          .u-contents_body > .inner_full .custommade_point_detail h3::before {
            margin-bottom: 8px; } }
      .u-contents_body > .inner_full .custommade_point_detail h3.two::before {
        content: "02"; }
      .u-contents_body > .inner_full .custommade_point_detail h3.three::before {
        content: "03"; }
      .u-contents_body > .inner_full .custommade_point_detail h3.four::before {
        content: "04"; }
      .u-contents_body > .inner_full .custommade_point_detail h3.five::before {
        content: "05"; }
    .u-contents_body > .inner_full .custommade_point_detail ul {
      display: flex;
      margin-bottom: 48px; }
      @media (max-width: 768px) {
        .u-contents_body > .inner_full .custommade_point_detail ul {
          flex-direction: column; } }
      .u-contents_body > .inner_full .custommade_point_detail ul.rvs {
        flex-direction: row-reverse; }
        @media (max-width: 768px) {
          .u-contents_body > .inner_full .custommade_point_detail ul.rvs {
            flex-direction: column; } }
        .u-contents_body > .inner_full .custommade_point_detail ul.rvs li:first-child {
          padding-left: 32px;
          padding-right: 0; }
          @media (max-width: 768px) {
            .u-contents_body > .inner_full .custommade_point_detail ul.rvs li:first-child {
              padding-left: 0; } }
      .u-contents_body > .inner_full .custommade_point_detail ul li:first-child {
        width: 60%;
        padding-right: 32px; }
        @media (max-width: 768px) {
          .u-contents_body > .inner_full .custommade_point_detail ul li:first-child {
            width: 100%;
            padding-right: 0; } }
      .u-contents_body > .inner_full .custommade_point_detail ul li:last-child {
        width: 40%;
        box-sizing: border-box; }
        @media (max-width: 768px) {
          .u-contents_body > .inner_full .custommade_point_detail ul li:last-child {
            width: 100%; } }
  .u-contents_body > .inner_full ul.solution__list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 48px;
    gap: 2%; }
    .u-contents_body > .inner_full ul.solution__list li {
      width: 23%;
      margin-bottom: 16px;
      border: 1px solid #707070; }
      @media (max-width: 768px) {
        .u-contents_body > .inner_full ul.solution__list li {
          width: 48%; } }
      .u-contents_body > .inner_full ul.solution__list li a {
        display: block;
        width: 100%;
        padding: 8px;
        box-sizing: border-box;
        text-align: center; }
      .u-contents_body > .inner_full ul.solution__list li p {
        margin-bottom: 0; }
      .u-contents_body > .inner_full ul.solution__list li a > div {
        position: relative; }
        .u-contents_body > .inner_full ul.solution__list li a > div > div {
          position: absolute;
          top: 8px;
          left: 8px;
          background: #062C79;
          padding: 8px;
          color: #FFF;
          letter-spacing: 2px; }
      .u-contents_body > .inner_full ul.solution__list li a > p.size {
        background: #eee;
        margin: 16px 0; }
      .u-contents_body > .inner_full ul.solution__list li a > p.title {
        margin: 16px 0; }
      .u-contents_body > .inner_full ul.solution__list li a > p.discription {
        font-size: 14px;
        line-height: 1.6;
        text-align: left; }
      .u-contents_body > .inner_full ul.solution__list li ul.cate__list {
        display: flex;
        padding: 8px;
        box-sizing: border-box;
        gap: 8px; }
        .u-contents_body > .inner_full ul.solution__list li ul.cate__list li {
          background: #eee;
          border: none;
          width: fit-content;
          padding: 8px;
          box-sizing: border-box; }
  .u-contents_body > .inner_full .modal_list {
    display: flex;
    gap: 1%;
    flex-wrap: wrap; }
    .u-contents_body > .inner_full .modal_list li {
      width: 23%; }
      @media (max-width: 768px) {
        .u-contents_body > .inner_full .modal_list li {
          width: 48%;
          margin-bottom: 24px; } }
      .u-contents_body > .inner_full .modal_list li div:first-child {
        background: #EEE;
        padding: 8px;
        text-align: center;
        font-size: 16px; }
      .u-contents_body > .inner_full .modal_list li div:last-child {
        background: #062C79;
        padding: 8px;
        color: #FFF;
        text-align: center;
        font-size: 20px; }
  .u-contents_body > .inner_full .contact__flow li {
    display: flex;
    border: 2px solid #eee;
    padding: 24px;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: 40px;
    position: relative; }
    @media (max-width: 768px) {
      .u-contents_body > .inner_full .contact__flow li {
        flex-direction: column; } }
    .u-contents_body > .inner_full .contact__flow li:not(:last-child)::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: -20px;
      left: 0;
      width: 0px;
      height: 0px;
      margin: auto;
      border-style: solid;
      border-color: #eee transparent transparent transparent;
      border-width: 20px 20px 0 20px; }
    .u-contents_body > .inner_full .contact__flow li div:first-child {
      width: 30%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      position: relative;
      font-size: 20px; }
      @media (max-width: 768px) {
        .u-contents_body > .inner_full .contact__flow li div:first-child {
          width: 100%;
          margin-bottom: 24px; } }
      .u-contents_body > .inner_full .contact__flow li div:first-child span {
        font-size: 32px;
        color: #ccc;
        font-family: "Oswald", serif; }
      .u-contents_body > .inner_full .contact__flow li div:first-child::after {
        content: "";
        height: 80%;
        width: 2px;
        background: #eee;
        position: absolute;
        right: 8px; }
        @media (max-width: 768px) {
          .u-contents_body > .inner_full .contact__flow li div:first-child::after {
            top: 60%;
            height: 2px;
            width: 80%;
            right: inherit; } }
    .u-contents_body > .inner_full .contact__flow li div:last-child {
      width: 70%;
      padding-left: 16px;
      box-sizing: border-box; }
      @media (max-width: 768px) {
        .u-contents_body > .inner_full .contact__flow li div:last-child {
          width: 100%; } }
@media (max-width: 768px) {
  .u-contents_body.tips.tips__post .inner {
    padding: 16px; } }
@media (max-width: 768px) {
  .u-contents_body.tips .inner {
    padding: 0; } }
.u-contents_body.tips .inner .column__inner {
  margin-bottom: 80px; }
.u-contents_body.tips .inner h3 {
  font-size: 18px;
  margin-bottom: 16px;
  font-weight: 500;
  border-bottom: 2px dotted #1F5BA2;
  padding: 8px;
  box-sizing: border-box; }
.u-contents_body.tips .inner h2 {
  font-size: 20px;
  border-bottom: 3px solid #062C79;
  padding: 8px;
  margin-bottom: 16px;
  font-weight: 700;
  margin-top: 48px;
  display: flex; }
  .u-contents_body.tips .inner h2::before {
    content: "●";
    display: block;
    margin-right: 8px;
    color: #062C79; }
.u-contents_body.tips .inner p {
  font-size: 16px;
  line-height: 1.6; }
.u-contents_body.tips .inner .column_img, .u-contents_body.tips .inner .column_movie {
  display: block;
  margin: 24px auto;
  padding: 0 80px;
  box-sizing: border-box; }
  .u-contents_body.tips .inner .column_img img, .u-contents_body.tips .inner .column_movie img {
    width: 100%; }
.u-contents_body .screw__intro {
  display: flex;
  border: 1px solid #ccc;
  padding: 16px;
  box-sizing: border-box;
  margin: 24px auto; }
  @media (max-width: 768px) {
    .u-contents_body .screw__intro {
      flex-direction: column; } }
  .u-contents_body .screw__intro li:first-child {
    width: 30%; }
    @media (max-width: 768px) {
      .u-contents_body .screw__intro li:first-child {
        width: 100%; } }
  .u-contents_body .screw__intro li:last-child {
    width: 70%;
    padding-left: 16px;
    box-sizing: border-box; }
    @media (max-width: 768px) {
      .u-contents_body .screw__intro li:last-child {
        width: 100%;
        padding-left: 0; } }
.u-contents_body .screw__function {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 80px; }
  @media (max-width: 768px) {
    .u-contents_body .screw__function {
      flex-direction: column; } }
  .u-contents_body .screw__function dt {
    background: #2176A2;
    padding: 24px 8px;
    box-sizing: border-box;
    width: 30%;
    color: #FFF;
    text-align: center;
    font-weight: 600;
    font-size: 18px; }
    @media (max-width: 768px) {
      .u-contents_body .screw__function dt {
        width: 100%;
        padding: 24px; } }
  .u-contents_body .screw__function dd {
    width: 70%;
    padding: 0 16px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 48px; }
    @media (max-width: 768px) {
      .u-contents_body .screw__function dd {
        width: 100%;
        padding: 8px;
        font-size: 14px; } }
.u-contents_body .screw__strong {
  padding: 40px 0; }
  @media (max-width: 768px) {
    .u-contents_body .screw__strong {
      padding: 0; } }
  .u-contents_body .screw__strong h3 {
    display: flex;
    align-items: center;
    font-size: 24px;
    letter-spacing: 2px;
    margin-bottom: 24px; }
    @media (max-width: 768px) {
      .u-contents_body .screw__strong h3 {
        flex-direction: column;
        font-size: 18px;
        line-height: 1.6; } }
    .u-contents_body .screw__strong h3::before {
      content: "1";
      display: block;
      font-size: 64px;
      color: #eee;
      font-family: "Oswald", serif;
      margin-right: 16px; }
      @media (max-width: 768px) {
        .u-contents_body .screw__strong h3::before {
          font-size: 48px;
          margin-bottom: 8px; } }
    .u-contents_body .screw__strong h3.two::before {
      content: "2"; }
    .u-contents_body .screw__strong h3.three::before {
      content: "3"; }
    .u-contents_body .screw__strong h3.four::before {
      content: "4"; }
  .u-contents_body .screw__strong ul {
    display: flex; }
    @media (max-width: 768px) {
      .u-contents_body .screw__strong ul {
        flex-direction: column;
        margin-bottom: 48px; } }
    .u-contents_body .screw__strong ul.rvs {
      flex-direction: row-reverse; }
      @media (max-width: 768px) {
        .u-contents_body .screw__strong ul.rvs {
          flex-direction: column; } }
    .u-contents_body .screw__strong ul li:first-child {
      width: 70%;
      padding: 0 16px; }
      @media (max-width: 768px) {
        .u-contents_body .screw__strong ul li:first-child {
          width: 100%;
          box-sizing: border-box;
          padding: 8px; } }
    .u-contents_body .screw__strong ul li:last-child {
      width: 30%;
      box-sizing: border-box; }
      @media (max-width: 768px) {
        .u-contents_body .screw__strong ul li:last-child {
          width: 100%;
          box-sizing: border-box;
          padding: 8px; } }
.u-contents_body .tips > .inner {
  width: 100%;
  padding: 0 20px; }
  @media (max-width: 768px) {
    .u-contents_body .tips > .inner {
      padding: 0; } }
  .u-contents_body .tips > .inner .tips__list > li {
    display: flex;
    justify-content: space-between;
    padding: 16px;
    border: 1px solid #707070;
    position: relative;
    margin-bottom: 24px; }
    @media (max-width: 768px) {
      .u-contents_body .tips > .inner .tips__list > li {
        flex-direction: column; } }
    .u-contents_body .tips > .inner .tips__list > li::after {
      content: "\f138";
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #989898;
      position: absolute;
      bottom: 8px;
      right: 8px;
      font-size: 24px; }
    .u-contents_body .tips > .inner .tips__list > li a.tips_img {
      display: block;
      width: 40%; }
      @media (max-width: 768px) {
        .u-contents_body .tips > .inner .tips__list > li a.tips_img {
          width: 100%;
          margin-bottom: 24px; } }
    .u-contents_body .tips > .inner .tips__list > li .tips-content {
      width: 58%; }
      @media (max-width: 768px) {
        .u-contents_body .tips > .inner .tips__list > li .tips-content {
          width: 100%; } }
      .u-contents_body .tips > .inner .tips__list > li .tips-content h3 {
        font-size: 24px;
        font-weight: 500;
        border-bottom: 2px solid #ccc;
        padding-bottom: 16px;
        margin-bottom: 16px;
        line-height: 1.4; }
      .u-contents_body .tips > .inner .tips__list > li .tips-content p {
        margin-bottom: 0;
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* 3行で省略 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        white-space: normal; }
      .u-contents_body .tips > .inner .tips__list > li .tips-content > ul {
        display: flex;
        gap: 8px;
        margin-bottom: 16px;
        flex-wrap: wrap; }
        .u-contents_body .tips > .inner .tips__list > li .tips-content > ul li {
          background: #333;
          color: #FFF;
          padding: 8px;
          box-sizing: border-box; }
.u-contents_body .service_intro {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px; }
  .u-contents_body .service_intro li.img {
    width: 40%; }
  .u-contents_body .service_intro li.txt {
    width: 100%;
    padding: 0 0 0 16px;
    box-sizing: border-box; }
.u-contents_body .service_nayami {
  display: flex;
  justify-content: space-around;
  margin-bottom: 24px; }
  .u-contents_body .service_nayami li {
    background: #F6F6F6;
    padding: 24px 16px;
    box-sizing: border-box;
    width: 33%;
    font-size: 16px;
    line-height: 2;
    position: relative; }
    .u-contents_body .service_nayami li::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      border: 15px solid transparent;
      border-top: 15px solid #F6F6F6; }
.u-contents_body .service_solution {
  background: #1F5BA2;
  font-size: 24px;
  font-weight: 900;
  color: #FFF;
  text-align: center;
  width: 100%;
  padding: 48px 24px 24px 24px;
  position: relative;
  margin-top: 24px;
  box-sizing: border-box; }
  .u-contents_body .service_solution::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -20px;
    border: 20px solid transparent;
    border-top: 20px solid #FFFFFF; }
.u-contents_body.service .inner {
  padding: 0; }
  .u-contents_body.service .inner .tips__list {
    display: flex;
    flex-wrap: wrap; }
    .u-contents_body.service .inner .tips__list::after {
      content: "";
      display: block;
      width: 31.5%;
      height: 0; }
    .u-contents_body.service .inner .tips__list > li {
      width: 30%;
      border: 1px solid #707070;
      margin-bottom: 24px;
      display: flex;
      flex-direction: column;
      margin-right: 1%;
      box-sizing: border-box; }
      @media (max-width: 768px) {
        .u-contents_body.service .inner .tips__list > li {
          width: 100%; } }
      .u-contents_body.service .inner .tips__list > li > a.tips_img {
        display: block;
        width: 100%;
        margin-bottom: 24px; }
        @media (max-width: 768px) {
          .u-contents_body.service .inner .tips__list > li > a.tips_img {
            width: 100%; } }
      .u-contents_body.service .inner .tips__list > li > .tips-content {
        width: 100%; }
        @media (max-width: 768px) {
          .u-contents_body.service .inner .tips__list > li > .tips-content {
            width: 100%; } }
        .u-contents_body.service .inner .tips__list > li > .tips-content h3 {
          font-size: 20px;
          font-weight: 500;
          border-bottom: 2px solid #ccc;
          padding-bottom: 16px;
          margin-bottom: 16px; }
        .u-contents_body.service .inner .tips__list > li > .tips-content p {
          margin-bottom: 0;
          font-size: 14px;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          /* 3行で省略 */
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 100%;
          white-space: normal; }
      .u-contents_body.service .inner .tips__list > li::after {
        display: none; }
  .u-contents_body.service .inner .recent__list {
    margin-bottom: 80px; }
  .u-contents_body.service .inner article .faq_box:last-child {
    margin-bottom: 80px; }
.u-contents_body .child-pages-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
  .u-contents_body .child-pages-list > li {
    width: 31.5%;
    border: 1px solid #E1E1E1;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    margin-right: 8px; }
    @media (max-width: 768px) {
      .u-contents_body .child-pages-list > li {
        width: 100%; } }
    .u-contents_body .child-pages-list > li .child-page-title {
      padding: 16px 8px;
      box-sizing: border-box;
      font-size: 16px; }
.u-contents_body .flow_design05 {
  display: flex;
  justify-content: center;
  align-items: center; }
  .u-contents_body .flow_design05 .flow05 {
    padding-left: 0; }
    .u-contents_body .flow_design05 .flow05 > li {
      position: relative;
      padding-left: 50px; }
      .u-contents_body .flow_design05 .flow05 > li:not(:last-child) {
        padding-bottom: 10px; }
        .u-contents_body .flow_design05 .flow05 > li:not(:last-child)::before {
          content: '';
          background: #c3c3c3;
          width: 2px;
          height: 100%;
          position: absolute;
          top: calc(50% - -30px);
          left: 35px;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%); }
      .u-contents_body .flow_design05 .flow05 > li .icon05 {
        width: 70px;
        height: 70px;
        line-height: 0.8;
        text-align: center;
        display: inline-block;
        background: #333333;
        color: #fff;
        position: absolute;
        left: 0;
        font-family: "Oswald", serif;
        font-weight: 400;
        font-size: 32px; }
        .u-contents_body .flow_design05 .flow05 > li .icon05 span {
          font-size: 14px;
          line-height: 1.2; }
      .u-contents_body .flow_design05 .flow05 > li dt {
        font-size: 24px;
        font-weight: 600;
        margin-left: 50px;
        line-height: 2; }
      .u-contents_body .flow_design05 .flow05 > li dd {
        margin-left: 0;
        display: flex;
        margin-left: 50px; }
        @media (max-width: 768px) {
          .u-contents_body .flow_design05 .flow05 > li dd {
            flex-direction: column; } }
        .u-contents_body .flow_design05 .flow05 > li dd img {
          display: block;
          width: 30%; }
          @media (max-width: 768px) {
            .u-contents_body .flow_design05 .flow05 > li dd img {
              width: 100%; } }
        .u-contents_body .flow_design05 .flow05 > li dd p {
          width: 65%;
          padding-right: 10%;
          box-sizing: border-box;
          font-size: 16px; }
          @media (max-width: 768px) {
            .u-contents_body .flow_design05 .flow05 > li dd p {
              width: 100%; } }
.u-contents_body .table__wrap {
  width: 100%; }
  @media (max-width: 768px) {
    .u-contents_body .table__wrap {
      overflow-x: scroll; } }
.u-contents_body .equipment {
  width: 100%;
  margin-bottom: 48px;
  font-size: 14px; }
  @media (max-width: 768px) {
    .u-contents_body .equipment {
      min-width: 150%; } }
  .u-contents_body .equipment th {
    background: #F6F6F6;
    width: 20%;
    border: 10px solid #FFF; }
  .u-contents_body .equipment tr:nth-child(odd) {
    background: #F6F6F6; }
  .u-contents_body .equipment th, .u-contents_body .equipment td {
    padding: 24px;
    line-height: 1.6; }
    .u-contents_body .equipment th.use, .u-contents_body .equipment td.use {
      background: #F6F6F6;
      text-align: center;
      vertical-align: middle;
      border: 10px solid #FFF; }
    @media (max-width: 768px) {
      .u-contents_body .equipment th, .u-contents_body .equipment td {
        padding: 16px; } }
  .u-contents_body .equipment td:last-child {
    text-align: center; }
  .u-contents_body .equipment.half th {
    width: 50%; }
.u-contents_body .form-group .wpcf7-not-valid-tip {
  margin-top: 8px; }
.u-contents_body .form-group .policy {
  text-align: center; }
  .u-contents_body .form-group .policy .wpcf7-list-item-label {
    text-align: left; }
.u-contents_body .form-group .checkbox label a {
  text-decoration: underline;
  font-weight: 400; }
.u-contents_body .form-group .checkbox .wpcf7-form-control-wrap label {
  width: 200px;
  display: flex; }
  .u-contents_body .form-group .checkbox .wpcf7-form-control-wrap label input {
    width: 20%;
    margin-top: 4px; }
  .u-contents_body .form-group .checkbox .wpcf7-form-control-wrap label span {
    width: 80%;
    display: block; }
.u-contents_body .form-group input, .u-contents_body .form-group select, .u-contents_body .form-group textarea {
  border: 1px solid #CECECE;
  border-radius: 3px;
  padding: 16px;
  box-sizing: border-box;
  width: 100%;
  margin-top: 8px;
  font-size: 16px; }
.u-contents_body .form-group label {
  padding: 16px;
  font-weight: 600;
  box-sizing: border-box; }
  .u-contents_body .form-group label span.hissu {
    padding: 4px 12px;
    box-sizing: border-box;
    background: #2176A2;
    color: #FFF;
    margin-left: 8px;
    font-size: 12px;
    font-weight: 600; }
.u-contents_body .form-group input.wpcf7-submit {
  background: #1F5BA2;
  width: 320px;
  padding: 16px;
  box-sizing: border-box;
  color: #FFF;
  display: block;
  margin: 0 auto;
  font-size: 24px; }
  .u-contents_body .form-group input.wpcf7-submit:hover {
    opacity: 0.8;
    cursor: pointer; }
.u-contents_body .form-group .form-submit {
  position: relative;
  width: fit-content;
  margin: 0 auto; }
  .u-contents_body .form-group .form-submit::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    color: #FFFFFF;
    font-weight: 600;
    font-size: 12px;
    position: absolute;
    right: 4px;
    top: 30%; }
.u-contents_body .form-group-half {
  display: flex;
  justify-content: space-between; }
  .u-contents_body .form-group-half > div {
    width: 50%;
    padding-right: 2%;
    box-sizing: border-box; }
.u-contents_body.catalog > .inner {
  width: 100%;
  padding: 0 20px; }
  .u-contents_body.catalog > .inner .catalog__guide {
    text-align: center;
    font-size: 20px;
    margin: 16px auto; }
  .u-contents_body.catalog > .inner .catalog__intro {
    font-size: 14px;
    margin: 0 auto 24px; }
  .u-contents_body.catalog > .inner .catalog__list li {
    display: flex;
    justify-content: space-between;
    padding: 16px;
    border: 1px solid #707070;
    position: relative;
    margin-bottom: 24px; }
    @media (max-width: 768px) {
      .u-contents_body.catalog > .inner .catalog__list li {
        flex-direction: column; } }
    .u-contents_body.catalog > .inner .catalog__list li a.catalog_img {
      display: block;
      width: 40%; }
      @media (max-width: 768px) {
        .u-contents_body.catalog > .inner .catalog__list li a.catalog_img {
          width: 100%;
          margin-bottom: 24px; } }
    .u-contents_body.catalog > .inner .catalog__list li .catalog-content {
      width: 58%; }
      @media (max-width: 768px) {
        .u-contents_body.catalog > .inner .catalog__list li .catalog-content {
          width: 100%; } }
      .u-contents_body.catalog > .inner .catalog__list li .catalog-content h1 {
        font-size: 24px;
        font-weight: 500;
        border-bottom: 2px solid #ccc;
        padding-bottom: 16px;
        margin-bottom: 16px; }
      .u-contents_body.catalog > .inner .catalog__list li .catalog-content p {
        margin-bottom: 0;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        white-space: normal; }
  .u-contents_body.catalog > .inner input.wpcf7-submit {
    background: #1F5BA2;
    width: 320px;
    padding: 16px;
    box-sizing: border-box;
    color: #FFF;
    display: block;
    margin: 0 auto;
    font-size: 24px; }
  .u-contents_body.catalog > .inner .submit__wrap:hover {
    opacity: 0.8;
    cursor: pointer; }
  .u-contents_body.catalog > .inner .form-submit {
    position: relative;
    width: fit-content;
    margin: 0 auto; }
    .u-contents_body.catalog > .inner .form-submit::after {
      content: "\f054";
      font-family: "Font Awesome 5 Free";
      color: #FFFFFF;
      font-weight: 600;
      font-size: 12px;
      position: absolute;
      right: 4px;
      top: 30%; }
    .u-contents_body.catalog > .inner .form-submit::before {
      content: "";
      width: 30px;
      height: 30px;
      background: url(https://seibuwood.jp/oem/wp-content/themes/seibuwood/img/contact_icon02.webp) no-repeat;
      background-size: contain;
      display: block;
      position: absolute;
      left: 20px;
      top: 22%;
      z-index: 20; }
.u-contents_body .catalog > .inner {
  width: 100%;
  padding: 0 20px; }
  .u-contents_body .catalog > .inner .catalog__list li {
    display: flex;
    justify-content: space-between;
    padding: 16px;
    border: 1px solid #707070;
    position: relative;
    margin-bottom: 24px; }
    @media (max-width: 768px) {
      .u-contents_body .catalog > .inner .catalog__list li {
        flex-direction: column; } }
    .u-contents_body .catalog > .inner .catalog__list li a.catalog_img {
      display: block;
      width: 40%; }
      @media (max-width: 768px) {
        .u-contents_body .catalog > .inner .catalog__list li a.catalog_img {
          width: 100%;
          margin-bottom: 24px; } }
    .u-contents_body .catalog > .inner .catalog__list li .catalog-content {
      width: 58%; }
      @media (max-width: 768px) {
        .u-contents_body .catalog > .inner .catalog__list li .catalog-content {
          width: 100%; } }
      .u-contents_body .catalog > .inner .catalog__list li .catalog-content h3 {
        font-size: 24px;
        font-weight: 500;
        border-bottom: 2px solid #ccc;
        padding-bottom: 16px;
        margin-bottom: 16px; }
      .u-contents_body .catalog > .inner .catalog__list li .catalog-content p {
        margin-bottom: 0;
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* 3行で省略 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        white-space: normal; }
    .u-contents_body .catalog > .inner .catalog__list li .catalog_button {
      position: relative;
      margin: 0 auto;
      background: #1F5BA2;
      width: 100%;
      padding: 16px;
      box-sizing: border-box;
      color: #FFF;
      display: block;
      margin: 16px auto;
      font-size: 16px;
      text-align: center; }
      .u-contents_body .catalog > .inner .catalog__list li .catalog_button::after {
        content: "\f054";
        font-family: "Font Awesome 5 Free";
        color: #FFFFFF;
        font-weight: 600;
        font-size: 12px;
        position: absolute;
        right: 4px;
        top: 35%; }
      .u-contents_body .catalog > .inner .catalog__list li .catalog_button::before {
        content: "";
        width: 30px;
        height: 30px;
        background: url(https://seibuwood.jp/oem/wp-content/themes/seibuwood/img/contact_icon02.webp) no-repeat;
        background-size: contain;
        display: block;
        position: absolute;
        left: 20px;
        top: 22%;
        z-index: 20; }
.u-contents_body .work {
  margin-top: 0; }
  .u-contents_body .work .work__list {
    margin: 40px auto; }
    .u-contents_body .work .work__list dt {
      background: #E1E1E1;
      padding: 16px 48px;
      box-sizing: border-box;
      font-size: 20px;
      margin-bottom: 16px; }
      @media (max-width: 768px) {
        .u-contents_body .work .work__list dt {
          padding: 16px;
          font-size: 16px; } }
    .u-contents_body .work .work__list dd ul {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .u-contents_body .work .work__list dd ul li {
        border: 1px solid #707070;
        font-size: 16px;
        width: calc(100% / 5 - 10px);
        display: flex;
        position: relative;
        align-items: center;
        margin-bottom: 16px;
        margin-right: 8px; }
        @media (max-width: 768px) {
          .u-contents_body .work .work__list dd ul li {
            width: 46%;
            margin-bottom: 16px; } }
        .u-contents_body .work .work__list dd ul li a {
          display: block;
          text-align: center;
          width: 100%;
          height: 100%;
          padding: 24px 8px;
          box-sizing: border-box;
          font-size: .7vw; }
          @media (max-width: 768px) {
            .u-contents_body .work .work__list dd ul li a {
              font-size: 3vw;
              padding: 18px; } }
        .u-contents_body .work .work__list dd ul li::after {
          content: "\f054";
          font-family: "Font Awesome 5 Free";
          color: #606060;
          font-weight: 600;
          font-size: 12px;
          position: absolute;
          right: 4px; }
.u-contents_body.policy dt {
  font-size: 1.2rem;
  margin-bottom: 16px; }
.u-contents_body.policy ul {
  margin-bottom: 24px; }
  .u-contents_body.policy ul li {
    font-size: 1.2rem;
    line-height: 2;
    font-weight: 400; }

footer {
  background: #2A2A2A;
  color: #FFF; }
  footer .inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0 10px;
    text-align: center; }
    footer .inner > p {
      font-size: 14px;
      line-height: 1.6; }
    footer .inner ul {
      width: 1300px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      @media (max-width: 768px) {
        footer .inner ul {
          display: none; } }
      footer .inner ul li {
        height: 50px;
        display: flex;
        align-items: center;
        width: calc(100%/ 7); }
        footer .inner ul li:not(:last-child)::after {
          content: "│";
          color: #FFF; }
        footer .inner ul li a {
          color: #FFF;
          display: flex;
          flex-direction: column;
          width: 100%;
          text-align: center;
          font-size: 10px;
          line-height: 1.4;
          letter-spacing: 2px;
          transition: all 0.5s;
          font-weight: 900; }
  footer .copyright {
    text-align: center;
    margin-top: 50px;
    background: #FFF;
    width: 100%;
    height: 30px;
    color: #404040;
    display: flex;
    justify-content: center;
    align-items: center; }

.pan {
  width: 100%;
  overflow: hidden;
  background: #F7F7F7; }
  @media (max-width: 480px) {
    .pan {
      overflow-x: scroll;
      margin-top: 25px;
      display: none; } }
  .pan ol {
    width: 100%;
    display: flex;
    flex-flow: row wrap; }
    @media (max-width: 480px) {
      .pan ol {
        min-width: 200%; } }
  .pan li {
    position: relative;
    margin-right: 10px; }
    .pan li:after {
      content: '';
      width: 5px;
      height: 5px;
      border-top: 1px solid #222222;
      border-right: 1px solid #222222;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto; }
    .pan li:last-child:after {
      content: none; }
  .pan a {
    display: block;
    padding: 15px 20px;
    color: #222222;
    font-size: 1rem;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
    .pan a:hover {
      opacity: 0.6;
      filter: alpha(opacity=60);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s; }

.card, .card__flex, .card__flex--nowrap, .card__flex--wrap, .card__flex--wrap--fs {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  *zoom: 1; }
  @media (max-width: 768px) {
    .card, .card__flex, .card__flex--nowrap, .card__flex--wrap, .card__flex--wrap--fs {
      padding: 15px 0;
      margin-bottom: 0; } }
  .card:after, .card__flex:after, .card__flex--nowrap:after, .card__flex--wrap:after, .card__flex--wrap--fs:after {
    content: "";
    display: table;
    clear: both; }

.card__flex, .card__flex--nowrap, .card__flex--wrap, .card__flex--wrap--fs {
  display: flex;
  overflow: hidden;
  flex-direction: row; }

.card__flex--nowrap {
  flex-flow: row nowrap;
  justify-content: space-around; }

.card__flex--wrap {
  flex-flow: row wrap;
  justify-content: space-around; }

.card__flex--wrap--fs {
  flex-flow: row wrap;
  justify-content: flex-start; }

.block, .block__div1, .block__div2, .block__div3, .block__div4 {
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  position: relative; }

.block__div1 {
  width: 100%; }

.block__div2 {
  width: 50%; }
  @media (max-width: 768px) {
    .block__div2 {
      width: 100%; } }

.block__div3 {
  width: 33.3%; }
  @media (max-width: 768px) {
    .block__div3 {
      width: 100%;
      margin-bottom: 10px; } }

.block__div4 {
  width: 25%; }
  @media (max-width: 768px) {
    .block__div4 {
      width: 50%; } }

.title {
  position: relative;
  width: 100%;
  overflow: hidden; }
  @media (max-width: 480px) {
    .title {
      height: auto; } }

.news__title {
  font-size: 24px;
  text-align: center;
  color: #062C79;
  margin: 24px auto; }
  .news__title::after {
    display: block;
    width: 1px;
    height: 30px;
    margin: 20px auto 0;
    background: #062C79;
    content: ""; }

.heading {
  text-align: center;
  padding-bottom: 8px;
  margin: 0 auto;
  width: fit-content; }
  .heading.problem::after {
    content: "PROBLEM";
    display: block;
    margin: 16px auto 0;
    color: #949494; }
    @media (max-width: 768px) {
      .heading.problem::after {
        margin: 8px auto;
        font-size: 10px; } }
  .heading.about::after {
    content: "ABOUT";
    display: block;
    margin: 16px auto 0;
    color: #949494; }
    @media (max-width: 768px) {
      .heading.about::after {
        margin: 8px auto;
        font-size: 10px; } }
  .heading.work::after {
    content: "WORK";
    display: block;
    margin: 16px auto 0;
    color: #949494; }
    @media (max-width: 768px) {
      .heading.work::after {
        margin: 8px auto;
        font-size: 10px; } }
  .heading.process::after {
    content: "PROCESS";
    display: block;
    margin: 16px auto 0;
    color: #949494; }
    @media (max-width: 768px) {
      .heading.process::after {
        margin: 8px auto;
        font-size: 10px; } }
  .heading > p {
    font-size: 32px;
    font-weight: 400;
    border-bottom: 1px solid #707070;
    width: fit-content;
    line-height: 2; }
    @media (max-width: 768px) {
      .heading > p {
        font-size: 5vw;
        margin-bottom: 0; } }

@media (max-width: 768px) {
  .u-contents_heading {
    padding: 0 16px; } }
.u-contents_heading h1, .u-contents_heading h2 {
  font-size: 32px;
  font-weight: 900;
  color: #FFF;
  background: #062C79;
  width: fit-content;
  height: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-bottom: 24px;
  padding: 0 48px;
  box-sizing: border-box; }
  @media (max-width: 768px) {
    .u-contents_heading h1, .u-contents_heading h2 {
      font-size: 5vw;
      margin-bottom: 48px;
      padding: 24px;
      height: 60px;
      text-align: center;
      line-height: 1.6; } }

.btn, .btn__more, .btn__submit, .btn__back {
  display: block;
  margin: 15px auto; }

.more_btn {
  background: #062C79;
  display: flex;
  align-items: center;
  margin: 40px auto;
  color: #FFF;
  padding: 24px 48px;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  width: fit-content;
  transition: all 0.5s;
  position: relative; }
  @media (max-width: 768px) {
    .more_btn {
      padding: 16px;
      box-sizing: border-box;
      width: 80%;
      font-size: 1.2rem;
      margin: 24px auto;
      align-items: center;
      justify-content: center; } }
  .more_btn::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    color: #FFFFFF;
    font-weight: 600;
    font-size: 12px;
    position: absolute;
    right: 4px; }
  .more_btn:hover {
    opacity: 0.8;
    transition: all 0.5s; }

.btn__movie {
  background: #062C79;
  display: flex;
  align-items: center;
  margin: 40px auto;
  color: #FFF;
  padding: 24px 48px;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  width: fit-content;
  transition: all 0.5s;
  position: relative; }
  @media (max-width: 768px) {
    .btn__movie {
      padding: 16px;
      box-sizing: border-box;
      width: 80%;
      font-size: 1.2rem;
      margin: 24px auto;
      align-items: center;
      justify-content: center; } }
  .btn__movie::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    color: #FFFFFF;
    font-weight: 600;
    font-size: 12px;
    position: absolute;
    right: 4px; }
  .btn__movie:hover {
    opacity: 0.8;
    transition: all 0.5s; }

.btn__back {
  display: block;
  border: 1px solid #999;
  padding: 16px;
  margin: 40px auto;
  width: 160px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  color: #999; }
  .btn__back::before {
    content: "<";
    position: absolute;
    left: 8px;
    top: 40%;
    color: #999; }

.more__list {
  display: flex;
  margin: 0 auto;
  font-size: 1.4rem;
  border-bottom: 1px solid #000;
  width: fit-content;
  line-height: 1.6;
  position: relative;
  align-items: center; }
  .more__list::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    color: #333;
    font-weight: 600;
    font-size: 12px;
    display: block;
    padding-left: 8px; }

.download-btn {
  background: #1F5BA2;
  width: 320px;
  padding: 16px;
  box-sizing: border-box;
  color: #FFF;
  display: block;
  margin: 0 auto;
  font-size: 24px;
  position: relative;
  margin: 0 auto;
  text-align: center; }
  .download-btn::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    color: #FFFFFF;
    font-weight: 600;
    font-size: 12px;
    position: absolute;
    right: 4px;
    top: 45%; }
  .download-btn::before {
    content: "";
    width: 30px;
    height: 30px;
    background: url(https://seibuwood.jp/oem/wp-content/themes/seibuwood/img/contact_icon02.webp) no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    left: 20px;
    top: 22%;
    z-index: 20; }

.list a {
  *zoom: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }
  .list a:after {
    content: "";
    display: table;
    clear: both; }
  .list a:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }