@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
h1, h2, h3, h4, h5, h6{color:#444;}
.ttl_page{color:#fff;}
a,.lineup_item_title a{color:#444;}
a:hover,.lineup_item_excerpt{color:#444;}
.form__subtext,.facility-form__item,.form__flow,.policy-notice,.policy-notice{color:#444;}

/*#confirmBtn:hover, #submitBtn:hover, #modifyContactBtn:hover{opacity:0.9;}*/
.page{margin-bottom:0;}
.container {
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto; }

.container-fluid {
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .container {
    max-width: 740px; } }
@media (min-width: 768px) {
  .container {
    max-width: 920px; } }
@media (min-width: 992px) {
  .container {
    max-width: 1160px; } }
@media (min-width: 1200px) {
  .container {
    max-width: 1400px; }

  .container-fluid {
    padding-right: 15px;
    padding-left: 15px; } }
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px; }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 12px;
  padding-left: 12px; }

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%; }

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%; }

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%; }

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%; }

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%; }

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%; }

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%; }

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }

  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }

  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }

  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }
.d-block {
  display: block !important; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important; }

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important; }

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important; }

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important; }

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important; }

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important; }

.w-100 {
  width: 100% !important; }

.h-100 {
  height: 100% !important; }

.flex, .form form span, .link, .items-news:after, .page-banner .content {
  display: flex;
  align-items: center; }

.font-icon {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; }

.text-center {
  text-align: center; }

.m-0 {
  margin: 0 !important; }

.p-0 {
  padding: 0 !important; }

.d-none {
  display: none; }

.d-block {
  display: block; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.mb-50 {
  margin-bottom: 50px; }

:root {
  --font: "Noto Sans", sans-serif;
  --font-title: "Noto Serif JP", serif; }

body {
  font-family: var(--font) !important; }

.background, .page-banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
 .tax-case_tax .page-banner{display:none;}
 .tax-case_tax .text-start_wrap{    padding: 0% 0% 3% 0%;}

.tax-case_tax .main .container {
    padding-left: 3%;
    max-width: inherit;
}
.works_bnr_item img{display:block;width:100%;height:auto;}

#root{margin-bottom:50px;}
.tax-lineup_tax .text-start{    padding: 0% 0% 0 3%;}
.flex, .form form span, .link, .items-news:after, .page-banner .content {
  display: flex;
  align-items: center;
  justify-content: center; }

a {
  transition: all 0.3s; }

img {
  max-width: 100%; }

.w-100 {
  width: 100%; }

.d-block {
  display: block; }

.absolute-top, .items-news:after {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%); }

@media screen and (min-width: 1280px) {
.header_inner{display:none;}
    .work_bnr_wrapper{margin-bottom: -70px;}
    .tax-case_tax .container .breadcrumbs{  padding-left: 0%;}
}
.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 256px;
  min-height: 100vh;
  height: 100%;
  overflow: auto;
  background-color: #fff;
  box-shadow: 0 0 5px #ccc;
  z-index: 999;
  padding: 40px 30px;
  display: flex;
  align-items: space-between;
  flex-direction: column;
  justify-content: space-between; }
  .sidebar .logo {
    text-align: center;
    display: block; }
    .sidebar .logo .header_fixed_logo {
      margin-bottom: 10px;
      display: block; }
      .sidebar .logo .header_fixed_logo img {
        width: 100%; }
  .sidebar .header_fixed_title {
    display: block;
    padding: 10px 15px;
    font-size: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000; }
  .sidebar .header_fixed_brand {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px; }
    .sidebar .header_fixed_brand .brand-link {
      display: inline-block;
      padding: 5px 0;
      font-size: 95%;
      color: #444;
      text-decoration: none;
      border: none; }
      .sidebar .header_fixed_brand .brand-link:hover {
        text-decoration: underline; }
  .sidebar ul li a {
    display: block;
    border: 1px solid #444;
    padding: 5px 10px;
    font-size: 100%;
    margin: 0 auto;
    text-decoration: none;
    text-align: center;
    margin-bottom: 10px; }
  .sidebar ul li:last-child a {
    margin-bottom: 0; }

.main-nh-custom {
  padding-left: 256px; }

.relative {
  position: relative; }
  .relative .text {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    padding: 50px;
    color: #fff;
    z-index: 9; }
    @media screen and (max-width: 768px) {
      .relative .text {
        padding: 10px;} }
.site-banner img {
  width: 100%;
  display: block;
 /* height: 984px;*//*height:100vh;*/height:auto;
  object-fit: cover; }

.site-about {
  height: 100vh;
  max-height: 850px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  position: relative; }
  .site-about:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, white 100%); }
  .site-about--title {
    color: #444;
    font-size: 100%;
    line-height: 2;
    font-weight: 400;
    position: relative;
    z-index: 2;
    margin-bottom: 35px; }
  .site-about .btn_link {
    position: relative;
    z-index: 5; }
  .site-about .content {
    max-width: 455px;
    text-align: left;
    font-size: 95%;
    color: #444;
    position: relative;
    z-index: 2;
    font-weight: bold; }
    .site-about .content p {
      margin-bottom: 30px; }
      .site-about .content p:last-child {
        margin-bottom: 0; }

.products {
  background-color: #f5ede2; }

.ttl_section {
  font-family: var(--font-title); }
  .ttl_section_en {
    font-size: 400%;
    font-weight: 500;
    color: #444;
    font-family: var(--font-title); }

.form form {
  position: relative;
  border-radius: 29.5px; }
  .form form input {
    width: 100%;
    height: 50px;
    border: 2px solid #000;
    background: #fff;
    border-radius: 30px;
    padding-left: 210px; }
  .form form span {
    position: absolute;
    top: 0;
    left: 0;
    width: max-content;
    font-size: 90%;
    color: #444;
    background: #d9d9d9;
    border-radius: 29.5px 0px 0px 29.5px;
    padding: 0px 35px;
    height: 50px;
    border: 2px solid #000; }
  .form form button {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: 0;
    outline: none;
    width: 70px;
    height: 50px; }
    .form form button svg {
      width: 30px; }

.link {
  text-decoration: none;
  justify-content: flex-end;
  font-size: 100%;
  color: #444;
  font-weight: bold;
  margin: 15px 0px; }
  .link svg {
    margin-left: 10px; }

.works_case_nhm_ttl {
  color: #444;
  font-family: var(--font-title);
  font-size: 125%;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center; }

.ratio {
  overflow: hidden;
  display: block;
  padding-bottom: 100%;
  position: relative; }
  .ratio img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.items-care {
  display: block;
  position: relative;
  margin-bottom: 15px; }
  .items-care .ratio {
    padding-bottom: 66%; }
  .items-care h3 {
    width: 100%;
    height: auto;
    padding-top: 10px;
    line-height: 1.5;
    font-size: 125%;
    color: #444;
    font-weight: bold; }

.title-main {
  font-family: var(--font-title); }
  .title-main .heading {
    font-size: 400%;
    color: #444;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 15px; }
  .title-main p {
    font-size: 125%;
    color: #444;
    margin-bottom: 0; }

.news {
  padding: 100px 0px; }
  .news .title-main {
    padding-right: 50px; }

.items-news {
  padding-bottom: 15px;
  border-bottom: 1px solid #444;
  margin-bottom: 15px;
  padding-right: 50px;
  position: relative; }
  .items-news:hover:after {
    background-color: #444;
    color: #fff; }
  .items-news:after {
    content: ">";
    right: 0;
    width: 35px;
    height: 35px;
    font-size: 100%;
    border: 1px solid #444;
    border-radius: 50%;
    transition: all 0.3s; }
  .items-news:last-child {
    border-bottom: 0; }
  .items-news .ratio {
    padding-bottom: 80%; }
  .items-news span {
    display: block;
    border-left: 1px solid #3fb6ac;
    padding-left: 10px;
    font-size: 90%;
    margin-bottom: 10px; }
  .items-news h3 a {
    text-decoration: none;
    line-height: 1.5;
    font-size: 100%;
    color: #444;
    font-weight: 500;
    margin-bottom: 0; }

.footer-nhm--top {
  background-color: #424242;
  padding: 50px 0px;
  text-align: center;
  color: #fff; }
.footer-nhm .footer_nav_aside {
  background-color: #f5ede2;
  gap: 20px 20px; }
  .footer-nhm .footer_nav_aside a {
    font-weight: bold; }
.footer-nhm .copyright {
  background-color: #fff;
  padding: 20px 0px !important; }

.page-banner {
  height: 100vh;
/*  max-height: 1000px;*/
  position: relative;
  display: flex;
  font-family: var(--font-title);
  align-items: flex-end; }
  .page-banner .content {
    position: relative;
    z-index: 5;
    color: #fff;
    padding-bottom: 40px;
    justify-content: flex-start; }
    .page-banner .content--left {
      flex: 0 0 20%;
      max-width: 20%; min-width:300px;}
      .page-banner .content--left h3 {
        font-size: 200%;
        font-weight: bold; color:#fff;}
      .page-banner .content--left p {
        font-size: 125%;
        margin-bottom: 0; }
    .page-banner .content--right {
      padding-left: 30px;
      border-left: 2px solid #fff; }
      .page-banner .content--right p {
        margin-bottom: 1rem;
        font-size: 90%; }
        .page-banner .content--right p:last-child {
          margin-bottom: 0; }
  .page-banner:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 600px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #222 100%);
    background-blend-mode: multiply; }

.site-woodone {
 /* padding: 100px 0px 50px 0px;*/
    padding: 30px 0px 30px 0px;
  background: #f5ede2; }

@media (min-width: 1280px) {
    .works_bnr {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 60px 40px;
        margin-bottom: 45px;
    }
}
.items-woodone {
  background-color: #fff;
  padding: 40px 35px;
  height: 100%; }
  .items-woodone h3 a {
    display: block;
    margin-bottom: 10px;
    font-size: 140%;
    color: #444;
    font-weight: bold;
    text-decoration: none; }
  .items-woodone .ratio {
    padding-bottom: 65%; }
  .items-woodone .link {
    margin-top: 10px;
    margin-bottom: 0; }

.site-about-page {
  background-position: center bottom; }

.site-initiat {
  padding: 100px 0px;
  background-color: #f5f5f5; }

.the_content {
  max-width: 455px;
  margin: 0 auto;
  text-align: justify;
  font-weight: bold;
  font-size: 100%; }
  .the_content img {
    width: 100%; }
  .the_content p {
    margin-bottom: 1rem; }

.products .the_content {
  margin-top: 50px;
  margin-bottom: 50px; }

.site-case-about {
  padding: 100px 0px; }
  .site-case-about .title {
    text-align: center;
    font-weight: bold;
    font-size: 150%;
    line-height: 1.5;
    color: #444;
    margin-bottom: 30px; }
  .site-case-about .case_list li {
    margin-bottom: 20px;
    text-align: center; }
    .site-case-about .case_list li img {
      display: block;
      width: 100%;
      border-radius: 30px; }
    .site-case-about .case_list li p {
      font-size: 100%;
      font-weight: bold;
      font-size: 100%;
      color: #444;
      margin-top: 10px; }

.ttl_section_ja {
  color: #444;
  font-weight: 400; }

.footer_nav_link {
  color: #444; }
  .mb20{margin-bottom:20px;}
    .container .pager {
    margin: 0 auto;
    max-width: 1300px;    padding: 30px;
}.fw-bold {
    font-weight: 700 !important;
    }.sidebar ul li a.f_b{background:#444;color:#fff;position:relative;}
    a.betsu2:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 14px;
    height: 14px;
    background-image: url(../../../../../../index/img/new/betsutab_w.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    vertical-align: middle;
    right: 10px;
}

    .footer-nhm--top{margin-top:70px;}
    .page .fix-doc,.main .fix-page {
    padding: 0 30px;
    max-width: 1260px;
    margin: 0 auto;
    }.page-banner .container{    margin-left: auto;
    padding-left: 6%;
    max-width: inherit;
    padding-right: 6%;}.business .container,.about_lineup .container,.products .container,.works .container,.news .container,.site-about .container,.site-woodone .container {
    padding-left: 30px;padding-right:30px;    max-width: 1560px;
    margin: 0 auto;    width: 100%;
    }.lineup{        clear: both;}.fix-archive_list {
    padding: 0;
    max-width: 1200px;
    margin: 0 auto;
}.main .fix-document {
    padding: 0 30px;    margin-left: 0;
}
    .main .fix-container {
    margin-left:0;padding-left: 258px;padding-right:0;
    overflow: hidden;max-width: inherit;
}.container .breadcrumbs {
    padding: 2% 23% 3% 3%;color:#444;
}
.tax-lineup_tax .container .breadcrumbs {
    padding: 2% 23% 3% 3%;
}

.archive .site-woodone{padding-top:10px;}
.archive .site-woodone .pan{margin-bottom:0;}
.archive .site-woodone .container .breadcrumbs{padding-top:0;padding-bottom: 0;}


.blend-overlay {top:auto;
    bottom: 0;
    height: 40%;
}.main .container .article-format {
    margin: 0 auto;
    max-width: 1060px;padding:0 30px;
}        .text-start_wrap{padding: 0% 0% 3% 3%;    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;justify-content: flex-start;}
    
    .text-start_l{ padding-right:26px;}
    
    .text-start_l .text-start {
    margin-top: 0%;
    padding: 0;margin-bottom:0;
}
    .text-start_r{min-height: 120px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    border-left: 2px solid #000;
    }
    
    .text-start {
    margin-top: 0%;
    padding:0;
    }
    .pan + .text-start_wrap .text-start{padding-top:0;}
    .page_thumbnail_LL {
    width: calc(100vw - 270px);
}
.text-start_wrap + .page_thumbnail_LL {
    width: calc(100vw - 270px);
    max-height: calc(100vh - 287px);
}
.text-start_wrap + .page_thumbnail_LL img{    width: 100%;
    height:calc(100vh - 287px);
    object-fit: cover;object-position:50% 50%;}
    
.fix-container .page .page_thumbnail_LL{max-height:calc(100dvh);}

h1.ttl_page{
    margin: auto;
    color: #fff;
    font-weight: 700;
    margin: 20px 0;
    font-size: 2.6rem;font-family: var(--font-title);
}

/*
.single-lineup .page_thumbnail_LL{    max-height: 100vh;}*/

    .page-banner .content--right {
    min-height: 120px;
    display: flex;
    align-items: center;
    }
.fix-container{        max-width: inherit;}
.container.fix-container {
    max-width: inherit;
    padding-right: 0;
    padding-left: 257px;
}
.page_thumbnail_LL_fix_image{width:100%;height:auto;}
.blend-overlay{    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 40%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #222 100%);
    background-blend-mode: multiply;}
    .page_thumbnail_N {
    width: calc(100vw - 270px);
            max-height: calc(100vh);
    height: 100vh;
    max-height: 1000px;
    position: relative;
    display: flex
;
    font-family: var(--font-title);
    align-items: flex-end;
}
.page_thumbnail_N .default-thumbnail{    width: 100%;}


.breadcrumb-overlay {
    margin-left: auto;
    padding-left: 6%;
    max-width: inherit;
    padding-right: 6%;
    position: absolute;
    z-index: 5;
    color: #fff;
    padding-bottom: 40px;
    left:0;bottom:0;
}
/*.page_thumbnail_LL .breadcrumb-overlay{padding-left:0;}*/

h1.ttl_page_02{margin:auto;color:#fff;}
.page_catch_title{  color:#fff;
}

.page_thumbnail_N {
    width: calc(100vw - 270px);
    max-height: calc(100vh);
}
.page_thumbnail_N img{    width: 100%;
    height:calc(100vh);
    object-fit: cover;object-position:50% 50%;}

.works_case {
     background-color:inherit;
     border-radius: 0px;
    box-shadow:none;
}
    
    
    /* NEWS */

    
    
.archive_list>li a{text-decoration: none;}

.category-news .container .breadcrumbs,.page-template-default .container .breadcrumbs{
    padding: 0;
    margin-bottom: 60px;color:#444;
}
.post-template-default .text-start{padding-left:3%;}
.page-id-16385 .container .breadcrumbs,.page-id-16387 .container .breadcrumbs{
   /* padding: 2% 23% 3% 3%;*/
    padding:2% 0;
}

    /*お問い合わせ関係*/
   #policy .texttl {
    background: none;
    padding: 0;
    text-align: center;
}#policy .texttl h3 {
    border-left: none;
    font-size: 178.5% !important;
    letter-spacing: 1px;
}#policy .subtl01 {
    border-bottom: 2px solid #2A2823;
    padding-left: 0px;
    position: relative;
}#policy .subtl01 h3 {
    text-align: left;
    border-left: none;
    padding: 0;
}

    /*footer*/
    .main-nh-custom nav .container{
    margin-left: 2%;
    max-width: 1100px;
    margin: 0 auto;
    width: 1190px;
    max-width: 100%;
    }.main-nh-custom{padding-bottom:0;}
footer nav .container{margin-left:0;padding-left:40px;}

   .header-categry {
        font-size: 14px;
    }
    }
/**/
.sns {
    padding: 45px 0 30px
}
.sns.d-md-block{
        border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}
@media (min-width: 1280px) {
    .sns {
        padding:40px 0
    }
    .page-home .bnrs-list__item{border-left:0!important;        padding: 0 0.4%!important;}    
    
}
.sns-list {
    padding: 0;
    margin: 0;
    list-style: none
}

@media (min-width: 1280px) {
    .sns-list {
        display:flex
    }
}
@media (min-width: 1280px) {
    .sns-list>li {
        flex:1;
        padding-left: 1%;
        text-align: center;
        border-left: 1px solid #c9c9c9
    }

    .sns-list>li:first-child {
        border-left: 0
    }
}

.sns-list__link {
    position: relative;
    display: block;
    padding: 10px 0
}    .five-cols .col {
  flex: 0 0 25%;
  max-width: 25%;margin-bottom:25px;
}
.hr {
    border-top: 1px solid #ccc;
}
.pt20 {
    padding-top: 20px !important;
}
.mt20 {
    margin-top: 20px !important;
}.mt30 {
    margin-top: 30px !important;
}
#sub_contents3 aside section{border-bottom:1px solid #eee;margin-bottom:20px;}
#sub_contents3 aside section:last-of-type{border-bottom:none;}
    #sub_contents3 a{text-decoration:none;}
#sub_contents3 .listtl{border-left: 3px solid #ff4d02;
    font-size: 16px;
    line-height: 1.5;
    padding: 5px 5px 5px 15px;
    margin-bottom: 20px;}

#sub_contents3 .sub_list_01 li a {
    padding: 5px 15px 5px 20px;
    display: block;font-size:12px;
}

#sub_contents3 h5,#sub_contents3 h5 a{
    margin-bottom: 10px;
    color: #6c757d !important;
}#sub_contents3 .d-block{margin:8px 0;font-size: 10.8px;
}#sub_contents3 a.betsu{position:relative;}
#sub_contents3 a.betsu:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../../.././../../../index/img/new/betsutab.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    vertical-align: middle;
    margin-left: 8px;
}
    .lineup .lineup_inner .lineup_item a{text-decoration:none;}

    @media (min-width: 1280px) {
            .lineup {
        margin: 0 auto;
        width: 100%;  /*padding-left: 30px;padding-right:30px;*/    max-width: 1560px;
                        padding: 0 30px;
    }.lineup_children_section {
               margin: 0 auto;
        max-width: 1260px;
        margin-top: 4%;
        padding: 0 30px;
    }    .catch {
              margin: 0 auto;
        max-width: 1260px;
        padding: 0 30px;
    }

    .container {        padding-left: 287px;
        margin-left: auto;
        padding-right: 30px;
    }.page .case-term-list {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
 /*   margin-top: -40px;*/
    margin-bottom: 60px;
    text-align: center;
}.post-wrap {max-width: 1060px;
        padding: 0 30px;
        margin: 0 auto;
}
}

.page-template-default .text-start{text-align:center!important;}

.page-banner:before{    max-height: 300px;}
.page-about .business .images img{max-width: 100%;
        width: 100%;
        height: auto;
        object-fit: cover;object-position: 50% 40%;aspect-ratio: 16 / 5;}
.page-about .business::before,.page-about .business::after{content:none!important;}
.page-about .business_text{font-size:94%;letter-spacing: 0;line-height:2;font-weight: 700;}
.page-about .business_section {border-width: inherit;    border: none;
    background-color: inherit;        display: flex
;
        justify-content: space-between;
        gap: 20px;
        flex-wrap: wrap;
        flex-direction: column;
    width: 47%;
    margin: auto;
    max-width: 564px;
    padding: 30px;
}.page-about .business_heading{color:#000;}.page-about .business_text strong{color:#000;}
.page-about .case{border: none;    position: relative;}
.page-about .case_name{color:#444;}
.page-about .about_lineup{background:#f5ede2;}
.about_lineup .the_content{margin-bottom:50px;}
.page-about .business_text{color: #444;}
@media (min-width: 1200px) {
    .br-sp br{display:none;}
    .page-about .business_section:nth-of-type(2) .business_image {
        width: auto;
        text-align: center;
    }    .page-about .case_ttl {
        font-size: 2rem;
        position: relative;
        text-align: center;
        left: auto;
        top: auto;
        width: auto;
    }.page-about .case_ttl_inner {
        color:#444;
        width: auto;
        line-height: 1.5;
        top: auto;
        left: auto;
        position: relative;
        transform: none;
    }
        .page-about .case_list {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 20px 24px;
        padding: 0;
        margin-top: 25px;
    }
}
    .page-about .business_image{margin-bottom:48px;}
    .the_content {
        max-width: 484px;font-size:94%;}
    .about_lineup .the_content p {
    margin:0;color:#444;
}
    .mb10{margin-bottom:10px;}

@media screen and (max-width: 1300px) {
  .page-banner .content--left {
    flex: 0 0 25%;
    max-width: 25%; } }
/*@media screen and (max-width: 1280px) {*/
@media screen and (max-width: 1279px) {
  .site-banner {
    max-height: 700px; }

  .page-banner {
    max-height: 600px; } }
/*@media screen and (max-width: 1280px) {*/
@media screen and (max-width: 1279px) {
  .news .title-main {
    margin-bottom: 20px;
    padding: 0;
    text-align: left; }

  .page-banner .content--left {
    flex: 0 0 30%;
    max-width: 30%; } }
/*@media screen and (max-width: 1280px) {*/
@media screen and (max-width: 1279px) {
  body {
    font-size: 14px; }

  .site-about {
    max-height: 500px; }

  .sidebar {
    min-height: auto;
    height: auto;
    width: 100%;
    position: sticky;
    top: 0;
    padding: 12px; }
    .sidebar .header_fixed_logo img {
      max-width: 150px; }
    .sidebar ul {
      display: none; }

  .header_fixed_title {
    display: none !important; }

  .main-nh-custom {
    padding-left: 0; }

  body {
    margin: 0 !important; }

  .sidebar .logo .header_fixed_logo {
    margin-bottom: 0; }

  .ttl_section_en,
  .title-main .heading {
    font-size: 200%; }

  .form form span {
    padding: 0px 10px; }

  .news {
    padding: 50px 0px; }

  .items-news {
    padding-right: 0; }

  .items-news:after {
    display: none; }

  .page-banner .content {
    display: block; }

  .page-banner .content--left {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 20px; }

  .page-banner {
    max-height: 100%;
    height: auto;
    padding: 100px 0px 0px 0px; }

  .site-woodone {
    padding: 50px 0px 30px 0px; }

  .items-woodone {
    padding: 15px; }

  .mb-50 {
    margin-bottom: 20px; }

  .site-about .content {
    padding: 0px 15px; }

  .site-initiat,
  .site-case-about {
    padding: 50px 0px; } }