@charset "UTF-8";
.sp {
  display: none !important; }

html {
  font-size: 62.5%;
  overflow-x: hidden; }

.js-fadeUp {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1s; }
  .js-fadeUp:nth-child(3n+1) {
    transition-delay: 100ms; }
  .js-fadeUp:nth-child(3n+2) {
    transition-delay: 200ms; }
  .js-fadeUp:nth-child(3n+3) {
    transition-delay: 300ms; }

.js-fadeUp.is-inview {
  opacity: 1;
  transform: translate(0, 0); }

.common_botton {
  position: relative; }
  .common_botton:after {
    position: absolute;
    content: "\f054";
    font-family: "Font Awesome 5 free";
    font-weight: 600; }
.common_color {
  background-color: #fff;
  color: #ed6103; }
  .common_color-orange {
    background-color: #ed6103;
    color: #fff; }
  .common_color-white {
    background-color: #fffaf7; }
.common_title {
  position: relative;
  text-align: center; }
  .common_title dt {
    font-size: 6.8rem;
    font-weight: bold;
    letter-spacing: 0;
    color: #f4f4f4;
    padding: 0 0 10px; }
  .common_title dd {
    font-size: 2.6rem;
    position: relative;
    font-weight: bold;
    line-height: 1.54; }
    .common_title dd:after {
      position: absolute;
      bottom: -30px;
      left: 50%;
      transform: translateX(-50%);
      content: "";
      width: 1100px;
      height: 25px;
      background: url(../img/pattern2.png);
      background-size: 8px 8px; }
  .common_title-main {
    position: relative;
    background-image: url(../img/pattern2.png);
    background-size: 8px 8px;
    border-bottom: 1px solid #ed6103; }
    /* .common_title-main:after {
      position: absolute;
      bottom: 0;
      content: "";
      width: 100%;
      height: 61px;
      background: url(../img/title.png); } */
    .common_title-main h1 {
      text-align: center;
      position: relative;
      font-size: 3.6rem;
      font-weight: bold;
      color: #ed6103;
      padding: 63px 0;
      z-index: 1; }
      .common_title-main h1 span {
        padding: 0 10px;
        background: linear-gradient(transparent 75%, rgba(255, 250, 0, 0.6) 75%);
        font-weight: bold; }
  .common_title-roboto dt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    background-image: url(../img/pattern1.jpg);
    background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .common_title-roboto dd {
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 1.42; }
    .common_title-roboto dd span {
      color: #ed6103; }
.common_texts {
  position: relative;
  text-align: center;
  z-index: 1; }
  .common_texts dt {
    font-size: 3.6rem;
    font-weight: bold; }
    .common_texts dt span {
      font-size: 2.8rem;
      font-weight: normal;
      padding: 17px 21px;
      margin-right: 20px; }
.common_list {
  width: 1100px;
  margin: 0 auto; }
  .common_list ul {
    display: flex;
    flex-wrap: wrap;
    /* gap: 45px; */
    padding: 0 0 30px; }
    .common_list ul li {
      /* width: calc(100%/3); */
        width: 32%;
        margin-right: 2%;
    }
    .common_list ul li:nth-child(3n) {
        margin-right: 0;
    }
      .common_list ul li a {
        color: #333333;
        transition: .5s ease; }
        .common_list ul li a:hover img {
          transform: scale(1.1);
          transition: .5s ease; }
        .common_list ul li a:hover dt {
          background-color: #fff;
          color: #ed6103;
          transition: all .5s ease; }
      .common_list ul li .image {
        position: relative;
        width: 100%;
        border: 1px solid #dbdbdb;
        border-radius: 10px;
        margin: 0 0 20px;
        overflow: hidden; }
        .common_list ul li .image img {
          width: 100%;
          height: 200px;
          object-fit: cover;
          border-radius: 10px; }
        .common_list ul li .image p {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-size: 2rem;
          font-weight: bold;
          line-height: 1.5; }
      .common_list ul li .box {
        padding: 0 5px; }
        .common_list ul li .box dl {
          padding: 0 0 35px; }
          .common_list ul li .box dl dt {
            border: 1px solid #ed6103;
            display: inline-block;
            font-size: 1.3rem;
            padding: 10px 37px;
            margin: 0 0 25px; }
          .common_list ul li .box dl dd {
            font-size: 2rem;
            font-weight: bold;
            line-height: 1.25; }
        .common_list ul li .box p {
          position: relative;
          border-bottom: 1px solid #dbdbdb;
          padding: 15px 0 15px 110px;
          line-height: 2; }
          .common_list ul li .box p span {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            color: #ed6103; }
  .common_list .paper {
    flex-wrap: wrap;
    justify-content: start;
    gap: 80px; }
    .common_list .paper li {
      width: 300px; }
    .common_list .paper .image {
      margin-left: 17px; }
      .common_list .paper .image img {
        height: 380px; }
    .common_list .paper .box dl {
      padding: 0; }
  .common_list .common_botton {
    width: 340px;
    margin: 0 auto;
    font-size: 1.9rem;
    font-weight: bold;
    text-align: center;
    padding: 22px 0;
    border: 2px solid #ed6103;
    border-radius: 10px;
    transition: all .5s ease; }
    .common_list .common_botton:hover {
      background-color: #ed6103;
      color: #fff;
      transition: all .5s ease; }
    .common_list .common_botton:after {
      padding-left: 55px; }
.common_detail-slide {
  position: relative;
  margin: 30px auto 0;
  max-width: 1100px;
  width: 100%;
  padding: 30px 50px; }
  .common_detail-slide img {
    height: auto;
    width: 100%; }
  .common_detail-slide .slider .slick-dots {
    bottom: 20px !important; }
  .common_detail-slide .slider button:before {
    color: #fff !important; }
  .common_detail-slide .thumbnail {
    width: 686px;
    margin: 0 0 0 auto; }
    .common_detail-slide .thumbnail .thumbnail-img {
      width: 123.58px;
      height: 123.58px;
      padding-left: 15px; }
      .common_detail-slide .thumbnail .thumbnail-img img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .common_detail-slide .thumbnail .slick-track {
    transform: unset !important;
    margin: 0 0 0 auto !important; }
  .common_detail-slide .slick-dots li {
    margin: 0 9px !important; }
    .common_detail-slide .slick-dots li button:before {
      font-size: 2rem !important;
      opacity: 1 !important; }
  .common_detail-slide .slick-dots .slick-active button:before {
    color: #ed6103 !important; }
.common_detail-flex {
  width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 80px;
  padding: 33px 0 70px; }
  .common_detail-flex_title {
    width: 500px;
    font-size: 1.8rem;
    line-height: 1.5; }
    .common_detail-flex_title dl dt {
      display: inline-block;
      font-size: 1.3rem;
      line-height: 3.07;
      color: #fff;
      background-color: #ed6103;
      padding: 0 36px; }
    .common_detail-flex_title dl dd {
      font-size: 3.1rem;
      font-weight: bold;
      line-height: 1.32;
      padding: 25px 0; }
    .common_detail-flex_title .titles {
      position: relative; }
      .common_detail-flex_title .titles dd {
        padding: 30px 0 0; }
      .common_detail-flex_title .titles:after {
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        content: "";
        width: 1100px;
        height: 25px;
        background: url(../img/pattern2.png);
        background-size: 8px 8px;
        z-index: -1; }
  .common_detail-flex_texts p {
    position: relative;
    border-bottom: 1px solid #ed6103;
    font-size: 1.8rem;
    line-height: 2.83;
    padding-left: 150px; }
    .common_detail-flex_texts p span {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      color: #ed6103;
      padding: 0 15px; }
.common_detail .common_botton {
  width: 340px;
  display: block;
  margin: 0 auto 70px;
  text-align: center;
  text-decoration: none;
  font-size: 1.9rem;
  font-weight: bold;
  padding: 23px 0;
  border: 2px solid #ed6103;
  border-radius: 10px;
  transition: all .5s ease; }
  .common_detail .common_botton:hover {
    background-color: #ed6103;
    color: #fff;
    transition: all .5s ease; }
  .common_detail .common_botton:after {
    left: 0;
    padding-left: 20px;
    content: "\f053"; }
.common_detail-visual {
  width: 1100px;
  margin: 0 auto;
  padding: 0 0 110px;
  font-size: 1.7rem;
  line-height: 2.11; }
  .common_detail-visual h2 {
    position: relative;
    font-size: 3rem;
    font-weight: bold;
    line-height: 2;
    color: #fff;
    background-color: #ed6103;
    padding: 7px 0 7px 20px;
    margin: 0 0 37px; }
    .common_detail-visual h2:before, .common_detail-visual h2:after {
      position: absolute;
      left: 0;
      content: "";
      width: 100%;
      height: 1px;
      background-color: #fff; }
    .common_detail-visual h2:before {
      top: 5px; }
    .common_detail-visual h2:after {
      bottom: 5px; }
  .common_detail-visual h3 {
    position: relative;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 2.31;
    padding-left: 15px;
    margin: 0 0 40px;
    color: #ed6103;
    background-image: url(../img/pattern2.png);
    background-size: 8px 8px; }
  .common_detail-visual h4 {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 2.5;
    padding-left: 15px;
    margin: 0 0 40px;
    background-color: #fff8f3;
    border-bottom: 2px solid #ed6103; }
  .common_detail-visual h5 {
    font-size: 2.2rem;
    font-weight: bold;
    padding-left: 15px;
    margin: 0 0 60px;
    border-left: 3px solid #ed6103; }
  .common_detail-visual h6 {
    display: inline-block;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.3;
    padding: 0 30px 0 10px;
    margin: 0 0 60px;
    background: linear-gradient(transparent 60%, #ffff84 0%); }
  .common_detail-visual a {
    height: 100%;
    display: inline-block;
    color: #ed6103;
    text-decoration: underline; }
  .common_detail-visual .common_detail-flex {
    gap: 0;
    padding: 0 0 60px; }
    .common_detail-visual .common_detail-flex-main {
      display: block;
      padding: 56px 0 42px; }
      .common_detail-visual .common_detail-flex-main .common_detail-flex_title {
        text-align: left;
        width: 100%; }
    .common_detail-visual .common_detail-flex_paper {
      position: relative;
      width: 323px;
      height: 431px;
      border: 1px solid #dbdbdb;
      border-radius: 10px; }
      .common_detail-visual .common_detail-flex_paper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px; }
      .common_detail-visual .common_detail-flex_paper p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: inline-block;
        font-size: 2rem;
        font-weight: bold;
        color: #333333; }
    .common_detail-visual .common_detail-flex .common_detail-slide {
      margin: 0;
      padding: 0;
      max-width: 740px;
      height: 431px !important; }
      .common_detail-visual .common_detail-flex .common_detail-slide .slide-paper {
        border: 1px solid #dbdbdb;
        border-radius: 10px; }
        .common_detail-visual .common_detail-flex .common_detail-slide .slide-paper .slick-img {
          border-radius: 10px;
          height: 431px !important; }
          .common_detail-visual .common_detail-flex .common_detail-slide .slide-paper .slick-img img {
            width: 100%;
            height: 431px !important;
            object-fit: cover;
            border-radius: 10px; }
        .common_detail-visual .common_detail-flex .common_detail-slide .slide-paper .slick-dots {
          bottom: -35px !important; }
        .common_detail-visual .common_detail-flex .common_detail-slide .slide-paper button:before {
          color: #d4d4d4 !important; }
      .common_detail-visual .common_detail-flex .common_detail-slide .slick-active button:before {
        color: #ed6103 !important; }
  .common_detail-visual .common_botton {
    margin: 65px auto 0; }
.common_detail-12 {
  padding: 60px 0 90px; }
  .common_detail-12 .common_detail-flex {
    padding: 0; }
    .common_detail-12 .common_detail-flex .images {
      width: 100%;
      padding: 0 0 33px; }
      .common_detail-12 .common_detail-flex .images img {
        width: 100%; }
  .common_detail-12 .common_detail-flex_title dl:after {
    bottom: -35px; }
  .common_detail-12 .common_detail-flex_title dl dt {
    font-size: 1.3rem;
    color: #7e7e7e;
    background-color: transparent;
    padding: 0 0 30px; }
    .common_detail-12 .common_detail-flex_title dl dt span {
      background-color: #ed6103;
      color: #fff;
      padding: 10px;
      margin: 0 15px 0 0; }
  .common_detail-12 .common_detail-flex_title dl dd {
    color: #333333;
    padding: 0; }

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px; }
  .header-form {
    width: 270px; }
    .header-form dl {
      text-align: center; }
      .header-form dl dt {
        text-align: right; }
        .header-form dl dt a {
          position: relative;
          font-size: 3.2rem;
          font-weight: bold;
          color: #333333;
          white-space: nowrap; }
          .header-form dl dt a:before {
            position: relative;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            width: 32px;
            height: 32px;
            content: "";
            display: inline-block;
            background: url(../img/tel.png) no-repeat;
            background-size: cover; }
      .header-form dl dd {
        font-size: 1.3rem;
        line-height: 1.6;
        padding: 5px 0; }
    .header-form .common_botton {
      text-align: center;
      font-size: 1.4rem;
      padding: 10px 0;
      border: 1px solid #ed6103;
      transition: all .5s ease; }
      .header-form .common_botton:hover {
        background-color: #fff;
        color: #ed6103;
        transition: all .5s ease; }
      .header-form .common_botton:after {
        right: 15px; }

.download-btn {
  position: fixed;
  top: 165px;
  right: -10px;
  height: 320px;
  margin: 0;
  z-index: 9997;
  overflow: hidden; }
  .download-btn a {
    height: 100%;
    background-color: #ed6103;
    border-radius: 10px;
    color: #fff;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.235;
    writing-mode: vertical-rl;
    padding: 20px 20px 0 15px;
    overflow: hidden;
    transition: all .5s ease; }
    .download-btn a:hover {
      background-color: #ff8f43;
      transition: all .5s ease; }
      .download-btn a:hover img {
        transform: scale(1.1);
        transition: .5s ease; }
    .download-btn a img {
      position: absolute;
	  bottom: 0;
      left: 15%;
      width: 60px;
      height: 90px; }

.menu {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  border-top: 1px solid #ed6103;
  border-bottom: 1px solid #ed6103;
  background-color: #fff;
  z-index: 9990; }
  .menu li {
    white-space: nowrap;
    position: relative;
    float: left; }
    .menu li a {
      position: relative;
      color: #333333;
      padding: 30px 35px;
      transition: ease .5s; }
      .menu li a:hover {
        color: #fff;
        background-color: #ed6103;
        transition: ease .5s; }
      .menu li:last-child a { color: #fff; background-color: #ed6103; }
      .menu li:last-child a:hover { opacity: 0.7; }
  .menu .menu_first_lavel {
    position: relative; }
    .menu .menu_first_lavel:hover .sub {
      visibility: visible;
      opacity: 1; }
  .menu:before, .menu:after {
    content: " ";
    display: table; }
  .menu:after {
    clear: both; }

#global-nav {
  background-color: #fff;
  width: 100%; }
  #global-nav .inner {
    max-width: 100%;
    margin: 0 auto; }

.m_fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998; }

.sub {
  position: absolute;
  transition: all .5s ease;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  opacity: 0;
  z-index: 1;
  background-color: #FFF;
  border-bottom: 1px solid #ed6103;
  border-right: 1px solid #ed6103;
  border-left: 1px solid #ed6103; }
  .sub li {
    width: 247px;
    border: 0; }
    .sub li:after {
      display: none; }
    .sub li a {
      border: none;
      padding: 20px;
      margin: 0;
      border-top: 1px solid #ed6103; }
      .sub li a:hover {
        background-color: #ed6103; }

.breadcrumbs a {
  font-size: 1.4rem;
  color: #ed6103;
  text-decoration: underline;
  cursor: pointer; }
.breadcrumbs ul {
  display: flex;
  width: 1100px;
  margin: 30px auto 0; }
  .breadcrumbs ul li {
    position: relative;
    display: inline-flex; }
    .breadcrumbs ul li:after {
      content: ">";
      font-size: 1.4rem;
      padding: 0 5px; }
    .breadcrumbs ul li:last-child:after {
      content: ""; }
  .breadcrumbs ul .active a {
    color: #000;
    text-decoration: none; }

.pagination_list {
  padding: 0;
  align-items: center;
  gap: 30px; }
  .pagination_list li {
    width: 50px;
    text-align: center;
    border: 1px solid #ed6103;
    border-radius: 10px;
    padding: 0; }
    .pagination_list li a {
      width: 50px;
      border-radius: 8px;
      color: #ed6103 !important;
      font-size: 1.9rem;
      font-weight: bold;
      padding: 16px 0; }
      .pagination_list li a:hover {
        background-color: #ed6103;
        color: #fff !important; }
  .pagination_list .active a {
    background-color: #ed6103;
    color: #fff !important;
    text-decoration: none; }

.main_top {
  position: relative;
  background-color: #f1f1f1;
  z-index: 1;
  overflow: hidden; }
  .main_top dl {
    height: 160px;
    position: relative;
    border-top: 1px solid #ed6103;
    position: relative;
    text-align: center;
    margin: 0 0 30px;
    z-index: 2; }
    .main_top dl:after {
      display: block;
      content: "";
      width: 100%;
      height: 1px;
      background-color: #ed6103; }
    .main_top dl dt {
      position: absolute;
      top: -8%;
      left: 50%;
      transform: translateX(-50%);
      width: 200%;
      font-size: 14.6rem;
      font-weight: bold;
      letter-spacing: 0;
      background-image: url(../img/pattern1.jpg);
      background-position: center;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      white-space: nowrap; }
    .main_top dl dd {
      position: relative;
      font-size: 8.9rem;
      letter-spacing: 0.3em;
      color: #ed6103;
      text-emphasis: filled #000;
      -webkit-text-emphasis: filled #000;
      z-index: 2; }
  .main_top-flex {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: center; }
  .main_top-left {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0 0 30px;
    z-index: 2; }
    .main_top-left h2 {
      font-size: 2.7rem;
      line-height: 1.3;
      letter-spacing: 0.1em;
      padding: 0 0 25px; }
      .main_top-left h2 span {
        color: #ed6103; }
    .main_top-left ul {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      z-index: 2; }
      .main_top-left ul li {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 235.34px;
        height: 235.34px;
        font-size: 1.91rem;
        line-height: 1.3;
        color: #fff;
        z-index: 2; }
        .main_top-left ul li:before, .main_top-left ul li:after {
          position: absolute;
          top: 0;
          left: 0;
          content: "";
          border-radius: 50%; }
        .main_top-left ul li:before {
          width: 244.38px;
          height: 244.38px;
          background: url(../img/pattern1.jpg);
          z-index: -2; }
        .main_top-left ul li:after {
          width: 235.34px;
          height: 235.34px;
          background-color: #ed6103;
          z-index: -1; }
        .main_top-left ul li:last-child {
          line-height: 1.15; }
        .main_top-left ul li img {
          padding: 15px 0 0; }
  .main_top-right {
    position: relative;
    width: 50%;
    mix-blend-mode: multiply; }
    .main_top-right:after {
      position: absolute;
      top: 22%;
      left: 9%;
      content: "";
      width: 320px;
      height: 480px;
      background-image: url(../img/women.png);
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 100; }
    .main_top-right img {
      position: absolute;
      top: -20%;
      left: -10%;
      width: 120%; }

.top_01 {
  padding: 0 0 76px; }
  .top_01 .common_title {
    padding: 100px 0; }
    .top_01 .common_title-roboto dt {
      background: none;
      color: #f4f4f4;
      -webkit-text-fill-color: #f4f4f4; }
  .top_01-list {
    border-top: 1px solid #ed6103; }
    .top_01-list_texts {
      width: 700px;
      position: relative;
      text-align: center;
      margin: 0 90px 0 110px; }
      .top_01-list_texts dl {
        font-size: 2.6rem;
        font-weight: bold;
        line-height: 1.54; }
        .top_01-list_texts dl dt {
          position: relative;
          color: #ed6103;
          padding: 0 0 30px; }
          .top_01-list_texts dl dt:before, .top_01-list_texts dl dt:after {
            content: '';
            display: block;
            position: absolute;
            top: 100%;
            left: 53%;
            height: 2px;
            background: #cccccc; }
          .top_01-list_texts dl dt:before {
            width: 34%; }
          .top_01-list_texts dl dt:after {
            width: 40px;
            transform-origin: right center;
            transform: translate(-39.3px, -0.2px) rotate(-45deg); }
        .top_01-list_texts dl dd {
          position: relative;
          padding: 50px 0 0; }
          .top_01-list_texts dl dd:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 19%;
            transform: translateX(-50%);
            height: 2px;
            background: #cccccc;
            width: 34%;
            transform: translate(-30px, 0px); }
    .top_01-list_img {
      position: relative;
      width: 50%;
      height: 100%; }
      .top_01-list_img:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        content: "\f0da";
        font-family: "Font Awesome 5 free";
        font-size: 2.6rem;
        font-weight: 600;
        color: #ed6103; }
      .top_01-list_img img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .top_01-list li {
      height: 320px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #ed6103; }
      .top_01-list li p {
        position: absolute;
        top: 320px;
        transform: rotate(-90deg);
        transform-origin: left top;
        text-align: center;
        background-color: #ed6103;
        color: #fff;
        font-size: 2.8rem;
        width: 320px;
        padding: 20px 0; }
      .top_01-list li:nth-child(even) {
        flex-direction: row-reverse;
        justify-content: start; }
        .top_01-list li:nth-child(even) p {
          transform-origin: right top;
          top: 0;
          right: 68px; }
        .top_01-list li:nth-child(even) .top_01-list_img:before {
          content: "\f0d9";
          right: 0; }
.top_02 {
  padding: 60px 0 100px; }
  .top_02 .common_title {
    margin: 0 0 55px; }
  .top_02 ul {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 30px; }
    .top_02 ul li {
      position: relative;
      width: 535px;
      /* height: 244px; */
      overflow: hidden;
      text-align: center;
      border: 1px solid #ed6103;
      transition: ease .5s; }
      .top_02 ul li:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 700px 400px;
        background-position: center;
        pointer-events: none;
        transition: ease .5s; }
      .top_02 ul li::after {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(237, 97, 3, 0.75);
        opacity: 0;
        z-index: 1; }
      .top_02 ul li:hover:before {
        transform: scale(1.1);
        transition: ease .5s; }
      .top_02 ul li:hover:after {
        opacity: 1;
        transition: ease .5s; }
      .top_02 ul li:nth-child(1):before {
        background-image: url(../img/apartment-3-storey.jpg); }
      .top_02 ul li:nth-child(2):before {
        background-image: url(../img/apartment-2-storey.jpg); }
      .top_02 ul li:nth-child(3):before {
        background-image: url(../img/nursing.jpg); }
      .top_02 ul li:nth-child(4):before {
        background-image: url(../img/welfare.jpg); }
      .top_02 ul li:nth-child(5):before {
        background-image: url(../img/store.jpg); }
      .top_02 ul li a {
        padding: 30px 0;
        color: #333333;
        pointer-events: auto;
        transition: ease .5s;
        z-index: 2; }
        .top_02 ul li a .btn-box {
          position: relative;
          margin: 0 auto;
          background-color: rgba(255, 255, 255, 0.95);
          width: 215px;
          min-height: 180px;
          outline-offset: -5px;
          outline: 1px solid #ed6103;
          z-index: 100; }
          .top_02 ul li a .btn-box dt {
            position: relative;
            font-size: 2.8rem;
            color: #ed6103;
            padding: 40px 0 0;
            margin: 0 0 25px; }
            .top_02 ul li a .btn-box dt:after {
              position: absolute;
              bottom: -15px;
              left: 50%;
              transform: translateX(-50%);
              content: "";
              width: 14px;
              height: 5px;
              background-color: #ed6103; }
          .top_02 ul li a .btn-box dd {
            font-size: 2.6rem;
            font-weight: bold;
            line-height: 1.15;
            padding: 0; }
    .top_02 ul .js-fadeUp:nth-of-type(2) {
      transition-delay: 100ms; }
    .top_02 ul .js-fadeUp:nth-of-type(3) {
      transition-delay: 200ms; }
    .top_02 ul .js-fadeUp:nth-of-type(4) {
      transition-delay: 300ms; }
    .top_02 ul .js-fadeUp:nth-of-type(5) {
      transition-delay: 400ms; }
.top_03 {
  position: relative;
  border-top: 1px solid #ed6103;
  border-bottom: 1px solid #ed6103;
  background-image: url(../img/pattern2.png);
  background-size: 8px 8px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  height: 300px;
  overflow: hidden;
  margin: 0 0 100px; }
  .top_03:after {
    position: absolute;
    bottom: 0;
    content: url(../img/top03-02.png);
    z-index: 1; }
  .top_03 > div {
    position: relative;
    z-index: 10; }
  .top_03-img img {
    position: relative;
    top: 5px;
    transform: scale(-1, 1);
    width: 280px;
    padding: 0 20px; }
  .top_03-text img {
    padding: 40px 0; }
  .top_03-text a {
    width: 430px;
    margin: 0 0 0 auto;
    padding: 30px 0;
    text-align: center;
    border-radius: 5px;
    font-size: 1.9rem;
    font-weight: bold;
    border: 1px solid #ed6103;
    transition: all .5s ease; }
    .top_03-text a:hover {
      background-color: #fff;
      color: #ed6103;
      transition: all .5s ease; }
    .top_03-text a:after {
      padding-left: 35px; }
.top_04 {
  padding: 70px 0; }
  .top_04 .common_title {
    padding: 0 0 75px; }
  .top_04 ul {
    width: 1100px;
    margin: 0 auto;
    padding: 0 0 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1; }
    .top_04 ul li a {
      width: 340px;
      transition: .5s ease; }
      .top_04 ul li a:hover img {
        transform: scale(1.1);
        transition: .5s ease; }
      .top_04 ul li a:hover dt span {
        background-color: #fff;
        color: #ed6103;
        transition: all .5s ease; }
      .top_04 ul li a .images {
        border: 1px solid #ececec;
        border-radius: 10px;
        margin: 0 0 30px;
        overflow: hidden; }
        .top_04 ul li a .images img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .top_04 ul li a dl dt {
        font-size: 1.3rem;
        color: #7e7e7e;
        padding: 0 0 40px; }
        .top_04 ul li a dl dt span {
          background-color: #ed6103;
          border: 1px solid #ed6103;
          color: #fff;
          padding: 10px;
          margin: 0 15px 0 0; }
      .top_04 ul li a dl dd {
        color: #333333;
        font-size: 2rem;
        font-weight: bold;
        line-height: 1.25; }
  .top_04 .common_botton {
    width: 340px;
    margin: 0 auto;
    text-align: center;
    border: 2px solid #ed6103;
    border-radius: 5px;
    font-size: 1.9rem;
    font-weight: bold;
    padding: 25px 0;
    transition: all .5s ease; }
    .top_04 .common_botton:hover {
      background-color: #ed6103;
      color: #fff;
      transition: all .5s ease; }
    .top_04 .common_botton:after {
      padding-left: 75px; }
  .top_04 .pagination_list {
    justify-content: center;
    padding: 0; }
    .top_04 .pagination_list li {
      width: 50px; }
      .top_04 .pagination_list li a {
        width: 50px;
        padding: 16px 0; }

.box_01-01 {
  padding: 0 0 25px;
  background: url(../img/image01-01.jpg) no-repeat;
  background-position: bottom;
  background-size: cover; }
  .box_01-01 .common_texts {
    padding: 110px 0 300px;
    color: #fff; }
    .box_01-01 .common_texts dt {
      font-size: 5.2rem;
      padding: 0 0 65px; }
    .box_01-01 .common_texts dd {
      font-size: 1.8rem;
      line-height: 1.5; }
.box_01-02 h2 {
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.42;
  text-align: center;
  color: #ed6103;
  padding: 0 0 70px; }
.box_01-02 p {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6; }
.box_01-02 .merit_list {
  text-align: center;
  border-top: 1px solid #ed6103; }
  .box_01-02 .merit_list li {
    position: relative;
    background: url(../img/pattern2.png);
    background-size: 8px 8px; }
    .box_01-02 .merit_list li h3 {
      position: absolute;
      top: 0;
      right: 0;
      display: table;
      writing-mode: vertical-lr;
      color: #f4f4f4;
      font-size: 6rem;
      font-weight: bold; }
    .box_01-02 .merit_list li .common_texts {
      color: #ed6103;
      padding: 60px 0; }
    .box_01-02 .merit_list li p {
      padding: 0 0 40px; }
    .box_01-02 .merit_list li .graph img {
      padding: 0 0 50px; }
    .box_01-02 .merit_list li .graph p {
      padding: 0 0 80px; }
    .box_01-02 .merit_list li .image-bottom {
      padding: 0 0 90px; }
    .box_01-02 .merit_list li .box_flex {
      display: flex;
      justify-content: start;
      align-items: center;
      position: relative;
      padding: 0 0 80px; }
      .box_01-02 .merit_list li .box_flex-text {
        position: absolute;
        right: 0;
        width: 54%;
        height: 352px;
        overflow-x: hidden;
        display: flex;
        align-items: center;
        background-color: #fff;
        text-align: left;
        box-shadow: 0 0 16px rgba(0, 0, 0, 0.17);
        z-index: 1; }
        .box_01-02 .merit_list li .box_flex-text p {
          width: 550px;
          margin: 0 0 0 80px;
          text-align: left;
          padding: 0; }
      .box_01-02 .merit_list li .box_flex-img {
        position: relative;
        width: 50%;
        height: 440px;
        overflow: hidden; }
        .box_01-02 .merit_list li .box_flex-img img {
          position: relative;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          height: 440px;
          object-fit: cover; }
    .box_01-02 .merit_list li:not(:first-of-type) .common_texts {
      padding: 70px 0 75px; }
    .box_01-02 .merit_list li:nth-child(even) {
      background-image: none;
      background-color: #ed6103; }
      .box_01-02 .merit_list li:nth-child(even) h3 {
        transform: rotate(180deg);
        left: 0;
        color: rgba(255, 255, 255, 0.3); }
      .box_01-02 .merit_list li:nth-child(even) .common_texts {
        color: #fff; }
      .box_01-02 .merit_list li:nth-child(even) .box_flex {
        justify-content: end; }
        .box_01-02 .merit_list li:nth-child(even) .box_flex-text {
          left: 0;
          justify-content: end;
          text-align: right; }
          .box_01-02 .merit_list li:nth-child(even) .box_flex-text p {
            margin: 0 80px 0 0; }
.box_01-03 {
  position: relative;
  background-image: url(../img/image01-03.jpg);
  background-size: 150%;
  background-position: right 18% bottom 30%;
  padding: 0; }
  .box_01-03:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.71); }
  .box_01-03 .common_texts {
    padding: 176px 0 290px; }
    .box_01-03 .common_texts dt {
      font-size: 3.6rem;
      line-height: 1.41;
      color: #ed6103;
      padding: 0 0 40px; }
    .box_01-03 .common_texts dd {
      color: #333333;
      font-size: 2rem;
      font-weight: bold;
      line-height: 1.6; }
.box_01-04 {
  padding: 70px 0 85px; }
  .box_01-04 h2 {
    padding: 0 0 177px; }
  .box_01-04_list {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .box_01-04_list li {
      position: relative;
      width: 320px;
      height: 260px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #ed6103;
      text-align: center; }
      .box_01-04_list li .images {
        position: absolute;
        top: -15%;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1; }
        .box_01-04_list li .images:after {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          content: "";
          width: 182.36px;
          height: 182.36px;
          background-color: #ed6103;
          border-radius: 50%;
          z-index: -1; }
      .box_01-04_list li h4 {
        font-size: 2.4rem;
        font-weight: bold;
        color: #ed6103;
        line-height: 1.375;
        padding: 100px 0 0; }
        .box_01-04_list li h4 span {
          padding: 6px 10px;
          background: linear-gradient(transparent 70%, #fffa00 70%);
          font-weight: bold; }
.box_02 {
  padding: 90px 0; }
  .box_02-list {
    gap: 40px; }
    .box_02-list li {
      position: relative;
      width: 100% !important;
      background-size: 50% !important;
      background-position: right !important; }
      .box_02-list li:before {
        left: 29% !important;
        background-size: 650px 400px !important; }
      .box_02-list li::after {
        background-color: rgba(0, 0, 0, 0.66) !important; }
      .box_02-list li p {
        position: absolute;
        bottom: 0;
        right: 0;
        color: #fff;
        font-size: 3rem;
        font-weight: bold;
        letter-spacing: 0;
        padding: 5px 10px;
        z-index: 10; }
      .box_02-list li a {
        position: relative;
        width: 50%;
        background-color: #fff2ea;
        pointer-events: auto;
        transition: ease .5s;
        z-index: 2; }
        .box_02-list li a:after {
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 20px 0 20px 25px;
          border-color: transparent transparent transparent #fff2ea;
          position: absolute;
          top: 50%;
          right: -25px;
          transform: translateY(-50%);
          transition: ease .5s; }
        .box_02-list li a dl {
          background-color: #ed6103 !important;
          outline: 1px solid #fff !important;
          color: #fff !important; }
          .box_02-list li a dl dt {
            color: #fff !important; }
            .box_02-list li a dl dt:after {
              display: none; }
        .box_02-list li a:hover {
          background-color: #ed6103;
          transition: ease .5s; }
          .box_02-list li a:hover:after {
            border-color: transparent transparent transparent #ed6103;
            transition: ease .5s; }
      .box_02-list li:nth-child(even):before {
        left: -29% !important; }
      .box_02-list li:nth-child(even) p {
        left: 0;
        text-align: left; }
      .box_02-list li:nth-child(even) a {
        margin: 0 0 0 auto; }
        .box_02-list li:nth-child(even) a:after {
          border-width: 20px 25px 20px 0;
          border-color: transparent #fff2ea transparent transparent;
          right: 0;
          left: -25px; }
        .box_02-list li:nth-child(even) a:hover:after {
          border-color: transparent #ed6103 transparent transparent; }
.box_03-common h1 {
  position: relative;
  text-align: center;
  font-size: 3.3rem;
  font-weight: bold;
  line-height: 1.21; }
  .box_03-common h1:after {
    position: absolute;
    bottom: -21px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: 35px;
    height: 4px;
    background-color: #ed6103; }
.box_03-top {
  position: relative;
  display: flex;
  align-items: center;
  padding: 23px 0 0; }
  .box_03-top:after {
    position: absolute;
    right: 0;
    bottom: 28%;
    content: "";
    width: 51%;
    height: 126px;
    background-color: #ed6103;
    z-index: -1; }
  .box_03-top_image {
    position: relative;
    width: 50%;
    height: 572px; }
    .box_03-top_image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .box_03-top dl {
    position: absolute;
    right: 19.5%;
    white-space: nowrap;
    z-index: 1; }
    .box_03-top dl dt {
      font-size: 11.2rem;
      font-weight: bold;
      color: #000; }
    .box_03-top dl dd {
      font-size: 3.2rem;
      font-weight: bold;
      color: #fff;
      text-align: right; }
.box_03-color {
  background-color: #f9f5f2; }
.box_03-2 {
  position: relative;
  padding: 75px 0 90px; }
  .box_03-2:after {
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    height: 61px;
    background: url(../img/house03.png); }
  .box_03-2 h1 {
    margin: 0 0 145px; }
  .box_03-2 .box_01-04_list li {
    position: relative;
    width: 526px;
    height: 295px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.17);
    border: none; }
    .box_03-2 .box_01-04_list li:after {
      position: absolute;
      top: 0;
      top: -61.5px;
      left: 50%;
      transform: translateX(-50%);
      content: "";
      width: 123px;
      height: 123px;
      background-color: #fff;
      border: 1px solid #ed6103;
      border-radius: 50%; }
    .box_03-2 .box_01-04_list li .images {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 123px;
      height: 123px; }
      .box_03-2 .box_01-04_list li .images:after {
        display: none; }
    .box_03-2 .box_01-04_list li .positioning_1 {
      top: -61.5px; }
    .box_03-2 .box_01-04_list li dl {
      position: absolute;
      top: 85px; }
      .box_03-2 .box_01-04_list li dl dt {
        font-size: 3.3rem;
        font-weight: bold;
        line-height: 1.21;
        color: #ed6103;
        padding: 0 0 30px; }
      .box_03-2 .box_01-04_list li dl dd {
        padding: 0 80px;
        text-align: left;
        font-size: 1.8rem;
        line-height: 1.5; }
  .box_03-2 .box_01-04_list .height_2 {
    height: 382px; }
  .box_03-2 .box_01-04_list .height_3 {
    height: 360px; }
.box_03-3 {
  padding: 70px 0 60px; }
  .box_03-3 h1 {
    margin: 0 0 120px; }
  .box_03-3_flex {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    .box_03-3_flex-image {
      position: relative;
      width: 550px; }
      .box_03-3_flex-image h2 {
        position: absolute;
        top: -63px;
        left: 0;
        font-size: 6.8rem;
        font-weight: bold;
        color: #f4f4f4; }
      .box_03-3_flex-image img {
        border-radius: 10px;
        width: 100%;
        height: 313px;
        object-fit: cover;
        margin: 0 0 20px; }
    .box_03-3_flex-table {
      position: relative; }
      .box_03-3_flex-table:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border: 13px solid transparent;
        border-top-color: #000;
        top: 73%;
        left: 50%;
        transform: translateX(-50%); }
      .box_03-3_flex-table table {
        width: 430px;
        border: 1px solid #dbdbdb;
        border-collapse: collapse;
        border-spacing: 0; }
        .box_03-3_flex-table table th, .box_03-3_flex-table table td {
          border: 1px solid #dbdbdb;
          padding: 15px 20px; }
        .box_03-3_flex-table table tr th {
          background-color: #f7f7f7;
          text-align: center;
          font-weight: normal; }
        .box_03-3_flex-table table tr .white {
          background-color: #fff; }
        .box_03-3_flex-table table tr td {
          width: 50%; }
          .box_03-3_flex-table table tr td:nth-child(even) {
            text-align: right; }
      .box_03-3_flex-table .table-top {
        margin: 0 0 30px; }
      .box_03-3_flex-table .table-bottom {
        background-color: #feffbb; }
        .box_03-3_flex-table .table-bottom td {
          font-weight: bold; }
          .box_03-3_flex-table .table-bottom td:nth-child(even) {
            font-size: 2.2rem;
            color: #c70000; }
.box_03-4 {
  padding: 55px 0 35px; }
  .box_03-4 h1 {
    margin: 0 0 93px; }
  .box_03-4 .common_title {
    padding: 0 0 90px; }
.box_08 {
  padding: 75px 0 0; }
  .box_08 .common_list {
    padding: 0 0 85px; }
    .box_08 .common_list .pagination_list li {
      width: 50px; }
.box_11 {
  padding: 100px 0; }
  .box_11 ul {
    padding: 0 0 40px; }
    .box_11 ul li {
      padding: 0 0 65px; }
  .box_11 .pagination_list {
    padding: 0; }
    .box_11 .pagination_list li {
      padding: 0; }

.footer_menu {
  background-color: #f4f4f4;
  display: flex;
  justify-content: center;
  flex-grow: 1;
  padding: 70px 0 35px; }
  .footer_menu ul {
    padding: 0 60px; }
    .footer_menu ul li {
      position: relative;
      font-size: 1.5rem;
      line-height: 2.67;
      white-space: nowrap; }
      .footer_menu ul li:before {
        position: absolute;
        left: -30px;
        content: "\f054";
        font-family: "Font Awesome 5 free";
        font-weight: 600;
        color: #ed6103; }
      .footer_menu ul li a {
        color: #333333; }
    .footer_menu ul:last-child {
      padding: 0 120px; }
.footer .header {
  position: relative;
  width: 1100px;
  margin: 0 auto;
  padding: 35px 0 20px; }
.footer p {
  text-align: center;
  font-size: 1.3rem;
  line-height: 3.08;
  padding: 7px 0;
  color: #fff;
  background-color: #ed6103; }

#modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: 9998; }

#modal-content {
  display: none;
  position: fixed;
  z-index: 9999; }
  #modal-content .bigimg {
    width: 550px;
    overflow: hidden;
    margin: 0 auto; }
    #modal-content .bigimg img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  #modal-content .modal-btn {
    display: block;
    position: absolute;
    top: -40px;
    right: -40px;
    cursor: pointer;
    padding: 15px; }
    #modal-content .modal-btn span {
      position: absolute;
      left: 0;
      width: 30px;
      height: 5px;
      background-color: #FFF;
      border-radius: 20px; }
      #modal-content .modal-btn span:nth-of-type(1) {
        transform: rotate(-45deg); }
      #modal-content .modal-btn span:nth-of-type(2) {
        transform: rotate(45deg); }
    #modal-content .modal-btn .btn-trigger, #modal-content .modal-btn .btn-trigger span {
      display: inline-block;
      box-sizing: border-box; }

.ReportDownload {
  margin: 60px auto 0;
  width: 1100px; }

.ReportDownload dl {
  width: 100%;
  padding: 30px 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url(/wp-content/themes/eiwatochikatsu/assets/img/report_download_bg.jpg) no-repeat center center;
  background-size: 100% auto; }

.ReportDownload__Title {
  color: #e6eb0a;
  font-size: 3.2rem;
  font-weight: bold; }

.ReportDownload__Text {
  padding: 20px 0 0;
  color: #fff;
  font-size: 2.0rem;
  line-height: 1.5;
  text-align: center; }

.ReportDownload ul {
  width: 100%;
  padding: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f4f4f4; }

.ReportDownload li {
  margin: 0 10px; }

.ReportDownload__Banner {
  position: relative;
  width: 340px;
  border-radius: 10px;
  overflow: hidden; }

.ReportDownload__Banner:before {
  content: "";
  display: block;
  padding-top: 70%; }

.ReportDownload__Banner img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover; }

.ReportDownload__Banner img:hover {
  transform: scale(1.1);
  transition-duration: 0.5s;
  opacity: 0.7; }

.ReportDownload a {
  display: block;
  text-decoration: none; }

.ReportDownload a:hover {
  opacity: 0.7;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.ReportDownload .slick-dots {
  display: none;
  background: none; }

.ArchiveEvent {
  padding: 60px 0 0; }

.ArchiveEvent__Wrap {
  width: 1100px;
  margin: 0 auto;
  padding: 0 0 80px; }

.ArchiveEvent ul {
  display: flex;
  flex-direction: column; }

.ArchiveEvent ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px dotted #ccc;
  padding: 40px 20px; }

.EventSummary__Image {
  position: relative;
  width: 400px;
  border-radius: 10px;
  overflow: hidden; }

.EventSummary__Image:before {
  content: "";
  display: block;
  padding-top: 70%; }

.EventSummary__Image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover; }

.EventSummary__Image img:hover {
  transform: scale(1.1);
  transition-duration: 0.5s;
  opacity: 0.7; }

.EventSummary__Info {
  width: 600px;
  padding: 0; }

.EventSummary__Title {
  padding: 10px 0;
  font-size: 2.2rem;
  font-weight: bold;
  border-bottom: 1px dotted #f4f4f4; }

.EventSummary__Text {
  padding: 10px 0;
  font-size: 1.6rem;
  line-height: 1.6;
  border-bottom: 1px dotted #f4f4f4; }

.EventSummary__Text span {
  display: inline-block;
  margin: 0 0rem 0 0; }

.EventSummary__Button {
  text-align: right; }

.EventSummary__Button a {
  position: relative;
  display: inline-block;
  margin: 20px 0 0;
  padding: 15px 40px 15px 20px;
  color: #ed6103;
  font-size: 1.9rem;
  font-weight: bold;
  text-align: center;
  border: 2px solid #ed6103;
  border-radius: 5px;
  transition: all .5s ease; }

.EventSummary__Button a:hover {
  color: #fff;
  background: #ed6103; }

.EventSummary__Button a:after {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: "\f054";
  font-family: "Font Awesome 5 free";
  font-weight: 600; }

.ArchiveEvent__FormButton {
  margin: 80px auto;
  text-align: center; }

.ArchiveEvent__FormButton a {
  position: relative;
  display: inline-block;
  padding: 35px 0;
  width: 340px;
  color: #ed6103;
  font-size: 1.9rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border: 2px solid #ed6103;
  border-radius: 10px;
  transition: all .5s ease; }

.ArchiveEvent__FormButton a:after {
  position: absolute;
  right: 0;
  padding-right: 20px;
  content: "\f054";
  font-family: "Font Awesome 5 free";
  font-weight: 600; }

.ArchiveEvent__FormButton a:hover {
  color: #fff;
  background: #ed6103; }

.ArchiveReport {
  margin: 0 auto;
  padding: 60px 0 80px;
  width: 1100px; }

.ArchiveReport ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.ArchiveReport ul li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border: 1px solid #d1d1d1;
  padding: 15px 10px;
  margin-bottom: 20px; }

.ReportSummary__Image {
  position: relative;
  width: 250px;
  border-radius: 10px;
  overflow: hidden; }

.ReportSummary__Image a {
  height: initial;
  display: initial;
  color: initial;
  text-decoration: initial; }

.ReportSummary__Image:before {
  content: "";
  display: block;
  padding-top: 60%; }

.ReportSummary__Image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover; }

.ReportSummary__Image img:hover {
  transform: scale(1.1);
  transition-duration: 0.5s;
  opacity: 0.7; }

.ReportSummary__Info {
  display: flex;
  flex-direction: column;
  width: 260px;
  padding: 0;
  margin: 0 0 0 10px; }

.ReportSummary__Title {
  padding: 10px 0;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3; }

.ReportSummary__Button {
  text-align: center; }

.ReportSummary__Button a {
  position: relative;
  display: inline-block;
  margin: 10px 0 0;
  padding: 5px 40px 5px 20px;
  height: initial;
  color: #ed6103;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border: 2px solid #ed6103;
  border-radius: 5px;
  transition: all .5s ease; }

.ReportSummary__Button a:hover {
  color: #fff;
  background: #ed6103; }

.ReportSummary__Button a:after {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: "\f054";
  font-family: "Font Awesome 5 free";
  font-weight: 600; }

.SingleEvent {
  margin: 0 auto;
  padding: 40px 0px 110px;
  width: 1080px;
  font-size: 1.7rem;
  line-height: 2.1; }

.SingleEvent__PageTitle {
  position: relative;
  width: 1100px;
  margin: 0 auto;
  padding: 0 0 80px;
  text-align: left; }

.SingleEvent__PageTitle span {
  display: inline-block;
  padding: 0 0 0 5px;
  color: #7e7e7e;
  font-size: 1.3rem;
  line-height: 3.0;
  background-color: transparent; }

.SingleEvent__PageTitle h2 {
  padding: 0;
  color: #333;
  font-size: 3.1rem;
  font-weight: bold;
  line-height: 1.3;
  background-color: initial;
  position: initial;
  margin: initial; }

.SingleEvent__PageTitle h2:after {
  position: absolute;
  left: 50%;
  bottom: 35px;
  transform: translateX(-50%);
  content: "";
  width: 1100px;
  height: 25px;
  background: url(../img/pattern2.png);
  background-size: 8px 8px;
  z-index: -1; }

.SingleEvent__ReportTitle {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1100px;
  margin: 0 auto;
  padding: 0 0 80px;
  text-align: left; }

.SingleEvent__ReportName {
  width: 720px; }

.SingleEvent__ReportThumb {
  position: relative;
  width: 350px;
  height: 245px;
  border-radius: 10px;
  overflow: hidden; }

/*.SingleEvent__ReportThumb:before {
	content: "";
	display: block;
	padding-top: 70%;
}*/
.SingleEvent__ReportThumb img {
  position: absolute;
  width: auto;
  height: 100%;
  max-height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover; }

.SingleEvent__ReportTitle span {
  display: inline-block;
  padding: 0 0 0 5px;
  color: #7e7e7e;
  font-size: 1.3rem;
  line-height: 3.0;
  background-color: transparent; }

.SingleEvent__ReportTitle h2 {
  padding: 0 0 2vw;
  color: #333;
  font-size: 3.1rem;
  font-weight: bold;
  line-height: 1.3;
  background-color: initial;
  position: initial;
  margin: initial; }

.SingleEvent__ReportTitle h2:after {
  position: absolute;
  left: 50%;
  bottom: 35px;
  transform: translateX(-50%);
  content: "";
  width: 1100px;
  height: 25px;
  background: url(../img/pattern2.png);
  background-size: 8px 8px;
  z-index: -1; }

.SingleEvent__IntroText {
  margin: 0 auto 40px;
  padding: 20px 0;
  width: 880px;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: center;
  background: #f4f4f4;
  border-radius: 10px; }

.SingleEvent ul {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px; }

.SingleEvent ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px dotted #ccc;
  padding: 0 10px 40px; }

.EventDetail__Image {
  position: relative;
  width: 480px;
  border-radius: 10px;
  overflow: hidden; }

.EventDetail__Image:before {
  content: "";
  display: block;
  padding-top: 70%; }

.EventDetail__Image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover; }

.EventDetail__Info {
  width: 540px;
  padding: 0; }

.EventDetail__Title {
  padding: 10px 0;
  font-size: 2.2rem;
  font-weight: bold;
  border-bottom: 1px dotted #f4f4f4; }

.EventDetail__Text {
  padding: 10px 0;
  font-size: 1.6rem;
  line-height: 1.6;
  border-bottom: 1px dotted #f4f4f4; }

.EventDetail__Text span {
  display: inline-block;
  padding: 2px 5px;
  margin: 5px 1rem 5px 0;
  color: #fff;
  background: #565656;
  border-radius: 5px; }

.EventDetail__Button {
  text-align: right; }

.EventDetail__Button a {
  position: relative;
  display: inline-block;
  margin: 20px 0 0;
  padding: 5px 40px 5px 20px;
  color: #ed6103;
  font-size: 1.9rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border: 2px solid #ed6103;
  border-radius: 5px;
  transition: all .5s ease; }

.EventDetail__Button a:hover {
  color: #fff;
  background: #ed6103; }

.EventDetail__Button a:after {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: "\f054";
  font-family: "Font Awesome 5 free";
  font-weight: 600; }

.SingleEvent__FormButton {
  margin: 80px auto;
  text-align: center; }

.SingleEvent__FormButton a {
  position: relative;
  display: inline-block;
  padding: 23px 0;
  width: 340px;
  color: #ed6103;
  font-size: 1.9rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border: 2px solid #ed6103;
  border-radius: 10px;
  transition: all .5s ease; }

.SingleEvent__FormButton a:after {
  position: absolute;
  right: 0;
  padding-right: 20px;
  content: "\f054";
  font-family: "Font Awesome 5 free";
  font-weight: 600; }

.SingleEvent__FormButton a:hover {
  color: #fff;
  background: #ed6103; }

.--ReportButton a {
  padding: 10px 0;
  width: 240px;
  font-size: 1.7rem; }

.--ReportButton a:after {
  display: none; }

.EventForm {
  margin: 0 auto;
  padding: 80px 0 100px;
  width: 1100px; }

.EventForm__Intro {
  padding: 0 0 60px;
  text-align: center; }

.BlockForm {
  /* padding-top: 40px; */
  background: #fff;
  border: none;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  font-weight: bold; }

.BlockForm dt {
  margin: -1px 0 0 -1px;
  position: relative;
  box-sizing: border-box;
  padding: 20px 20px 0;
  width: 30%;
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  background: #fff8f3;
  border: 1px solid #d3d3d3; }

.BlockForm dt:first-child {
  /* border-top: none; */ }

.Block-Form dt strong {
  display: inline-block;
  margin: 0.5rem 0 0; }

.BlockForm .BlockForm__Required {
  position: absolute;
  top: 25px;
  right: 4%;
  margin-left: 20px;
  padding: 0 10px;
  color: #fff;
  font-size: 1.3rem;
  /* font-weight: normal; */
  background: #ed6103;
  border-radius: 5px; }

.BlockForm .BlockForm__Optional {
  position: absolute;
  top: 25px;
  right: 4%;
  margin-left: 20px;
  padding: 0 10px;
  color: #fff;
  font-size: 1.3rem;
  /* font-weight: normal; */
  background: #a3a3a3;
  border-radius: 5px; }

.BlockForm dd {
  margin: -1px 0 0 -1px;
  box-sizing: border-box;
  padding: 20px;
  width: 50%;
  color: #333;
  font-weight: normal;
  border: 1px solid #d3d3d3; }

.BlockForm dd small {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.25rem;
  color: #666; }

.BlockForm dd em {
  display: block;
  margin-top: 0.5rem;
  font-style: normal;
  color: #666; }

.BlockForm input[type="text"],
.BlockForm input[type="tel"],
.BlockForm input[type="email"],
.BlockForm input[type="date"] {
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  margin-left: 0;
  padding: 15px 10px;
  height: 4rem;
  flex: 1;
  width: 90%;
  max-width: 90%;
  background: #fff;
  font-size: 1.6rem; }

.BlockForm ::placeholder {
  color: #cbcbcb; }

.BlockForm select {
  padding: 10px 15px;
  border: 1px solid #d3d3d3;
  border-radius: 0.25rem;
  font-size: 1.6rem; }

.BlockForm input[type="date"] {
  width: 40%; }

.BlockForm textarea {
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  margin-left: 0;
  padding: 10px 15px;
  height: 140px;
  flex: 1;
  width: 90%;
  max-width: 90%;
  background: #fff;
  font-size: 1.6rem; }

.BlockForm__Submit {
  display: inline-block;
  margin: 40px 35% 60px;
  padding: 1.5rem 0 !important;
  width: 30%;
  color: #fff;
  font-size: 2.1rem !important;
  font-weight: bold;
  background: #ed6103 !important;
  border-style: none;
  /* box-shadow: 0 5px 0 #ca1c30; */
  border-radius: 10px; }

.BlockForm__Submit:hover {
  opacity: 0.7;
  cursor: pointer; }

.BlockForm .wpcf7-form-control.wpcf7-checkbox {
  display: block; }

.BlockForm span.span.wpcf7-list-item {
  margin: 0; }

.BlockForm span.checkbox-356 .wpcf7-list-item {
  display: block;
  margin: 0 0 3rem 0 !important; }

.BlockForm span.checkbox-356 label {
  display: inline-block;
  position: relative; }

.BlockForm span.checkbox-356 label span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem 2rem 0.5rem 2.5rem;
  background: #edf4e8;
  width: 140px;
  border-radius: 5px;
  border: 1px solid #66b721; }

.BlockForm span.checkbox-356 label input[type="checkbox"] {
  position: absolute;
  top: 0.65rem;
  left: 0.5rem;
  z-index: 1;
  width: initial;
  height: initial;
  right: initial;
  transform: initial;
  margin: 0.25rem 0 0; }

.BlockForm span.checkbox-356 .wpcf7-list-item-label:before {
  display: none; }

.BlockForm span.checkbox-356 label input:checked + span {
  background: #66b721 !important;
  color: #fff; }

.BlockForm span.checkbox-356 label:hover {
  cursor: pointer; }

.BlockForm input, button, textarea, select {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto; }

.BlockForm .textarea_post_title {
  height: 90px; }

.BlockForm .wpcf7-spinner {
  display: block; }

.TopEvent {
  margin: 0 auto;
  padding: 0 0 60px;
  width: 1100px; }

.TopEvent__Title {
  margin: 60px 0 0;
  padding: 20px 20px;
  color: #fff;
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
  background: #ed6103; }

.TopEvent ul {
  padding: 30px 0 0;
  border: 2px solid #ed6103; }

.TopEvent ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0 20px 40px; }

.EventNew__Image {
  position: relative;
  width: 400px;
  border-radius: 10px;
  overflow: hidden; }

.EventNew__Image:before {
  content: "";
  display: block;
  padding-top: 70%; }

.EventNew__Image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover; }

.EventNew__Image img:hover {
  transform: scale(1.1);
  transition-duration: 0.5s;
  opacity: 0.7; }

.EventNew__Info {
  width: 600px;
  padding: 0; }

.EventNew__Title {
  padding: 10px 0;
  font-size: 2.2rem;
  font-weight: bold;
  border-bottom: 1px dotted #f4f4f4; }

.EventNew__Text {
  padding: 10px 0;
  font-size: 1.6rem;
  line-height: 1.6;
  border-bottom: 1px dotted #f4f4f4; }

.EventNew__Text span {
  display: inline-block;
  margin: 0 0rem 0 0; }

.EventNew__Button {
  display: inline-block;
  margin: 0 0 0 10px;
  text-align: right; }

.EventNew__Button a {
  position: relative;
  display: inline-block;
  margin: 20px 0 0;
  padding: 15px 40px 15px 20px;
  color: #fff;
  font-size: 1.9rem;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  transition: all .5s ease; }

.EventNew__Button a:hover {
  color: #fff; }

.EventNew__Button a:after {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: "\f054";
  font-family: "Font Awesome 5 free";
  font-weight: 600; }

.--BgDetail {
  background: #e91d22; }

.--BgArchive {
  background: #4a5d74; }

.--BgDetail:hover, .--BgArchive:hover {
  opacity: 0.7; }

/*コンタクトフォーム７のラベル*/
.wpcf7 span.wpcf7-list-item.first.last label {
  position: relative;
  padding-left: 25px; }

/*チェックボックを打ち消して新たに作成*/
.wpcf7 input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  border: 1px solid #000;
  border-radius: 3px;
  width: 17px;
  height: 17px;
  font-size: 10px;
  text-align: center; }

/*チェックマークを作成*/
.wpcf7 input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 2px;
  display: inline-block;
  width: 8px;
  height: 5px;
  border-left: 2px solid #555754;
  border-bottom: 2px solid #555754;
  transform: rotate(-54deg); }

/*# sourceMappingURL=style_pc.css.map */

/* 2025.07.09 修正 */
.--ObjectFitCover { position: relative; display: block; width: 100%; background: #eaeaea; overflow: hidden; object-fit: cover; }
.--ObjectFitCover:before { content: ""; display: block; }
.--ObjectFitCover img { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover; }
.--TopHeading { position: relative; margin: 0 auto 40px; padding: 60px 0 30px; width: 1100px; font-size: 3.6rem; font-weight: 700; line-height: 1.4; text-align: center; background-image: url(/wp-content/themes/eiwatochikatsu/assets/img/top-heading-bg-pc.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; }
.--TopHeading span { position: relative; z-index: 1; }
.--TopHeading em { color: #ed6103; font-style: normal; font-weight: 700; }
.--TopHeading small { position: absolute; z-index: 0; top: 0; left: 50%; transform: translateX(-50%); width: 100%; color: #fff; font-size: 9.0rem; font-weight: 700; line-height: 1.0; letter-spacing: 0; white-space: nowrap; font-family: "Roboto Condensed", sans-serif; }
.--PageHeading { position: relative; margin: 0 auto 70px; padding: 20px 0; color: #333; font-size: 3.3rem; font-weight: 700; line-height: 1.2; text-align: center; background: none; border: none; }
.--PageHeading:after { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ""; display: inline-block; width: 35px; height: 4px; background-color: #ed6103; }
.--Button a { position: relative; display: block; margin: 0; padding: 20px 0; color: #ed6103; font-size: 1.9rem; font-weight: 700; text-align: center; background-color: #fff; border: 2px solid #ed6103; border-radius: 5px; transition: .5s ease; }
.--Button a:after { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 1.2rem; content: "\f054"; font-family: "Font Awesome 5 free"; font-weight: bold; }
.--Button a:hover { color: #fff; background-color: #ed6103; }
.HeaderPrimary { display: flex; flex-direction: column; margin: 0; padding: 0; }
.HeaderPrimary h1,
.HeaderPrimary p { margin: 0; padding: 0 0 15px; color: #333; font-size: 1.6rem; line-height: 1.0; text-align: left; background: none; }
.HeaderPrimary dl { display: flex; align-items: center; margin: 0; padding: 0; }
.HeaderPrimary dl dt { margin: 0; padding: 0; font-size: 1.5rem; font-weight: 700; line-height: 1.6; }
.HeaderPrimary dl dd { margin: 0; padding: 0; width: 275px; }
.HeaderPrimary dl dd img { width: 100%; height: auto; }
.HeaderPrimary dl dd a:hover { opacity: 0.7; }
.MainVisual { display: flex; align-items: center; margin: 0 auto; padding: 0; height: 560px; background-image: url(/wp-content/themes/eiwatochikatsu/assets/img/mv-bg-pc.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.MainVisual__Heading { margin: 0; padding: 0 0 0 70px; width: 660px; }
.MainVisual__Heading img { width: 100%; height: auto; }
.Body__TopWorries { display: flex; flex-direction: column; align-items: center; margin: 0 auto; padding: 40px 0 60px; width: 100%; background-color: #f8f8f8; /* ▼お悩み */ }
.TopWorries { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; padding: 0; width: 1100px; }
.TopWorries__Item { position: relative; display: flex; flex-direction: column; margin: 20px; padding: 20px 0; width: 335px; background-color: #fff; box-shadow: 0 0 8px #e0e0e0; counter-increment: worries-num; }
.TopWorries__Item:nth-of-type(1),
.TopWorries__Item:nth-of-type(4) { margin-left: 0; }
.TopWorries__Item:nth-of-type(3),
.TopWorries__Item:nth-last-of-type(1) { margin-right: 0; }
.TopWorries__Item:before { position: absolute; top: 10px; left: 15px; color: #ed6103; font-size: 5.2rem; font-weight: 400; line-height: 1.0; letter-spacing: 0; font-family: "Roboto Condensed", sans-serif; content: counter(worries-num, decimal-leading-zero); }
.TopWorries__Item dt { margin: 0 auto; padding: 0; width: 170px; }
.TopWorries__Item dt img { width: 100%; height: auto; }
.TopWorries__Item dd { margin: 0 auto; padding: 0; font-size: 1.9rem; font-weight: 700; line-height: 1.4; text-align: center; }
.top_02 .--TopHeading { font-size: 2.6rem; /* ▼商品一覧 */ }
.top_02 .--TopHeading small { color: #f4f4f4; font-size: 6.8rem; }
.Body__CallToAction { display: flex; flex-direction: column; align-items: center; margin: 0 auto; padding: 0; width: 100%; background-color: #ed6103; }
.CallToAction { display: flex; justify-content: center; align-items: center; margin: 0 auto; padding: 0; width: 1100px; }
.CallToAction__Primary { display: flex; flex-direction: column; margin: 0; padding: 0; width: 75%; }
.CallToAction__Primary dt { margin: 0; padding: 0 0 20px; color: #fff; font-size: 3.5rem; font-weight: 700; line-height: 1.4; }
.CallToAction__Primary dt strong { color: #f0f700; font-size: 4.5rem; }
.CallToAction__Primary dd { margin: 0; padding: 0; width: 100%; }
.CallToAction__Primary dd a { position: relative; display: block; margin: 0; padding: 20px 0; width: 90%; color: #ed6103; font-size: 2.4rem; font-weight: 700; line-height: 1.0; text-align: center; text-decoration: none; background-color: #fff; border: 1px solid #ed6103; border-radius: 5px; transition: .5s ease; }
.CallToAction__Primary dd a:after { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); font-size: 1.2rem; content: "\f054"; font-family: "Font Awesome 5 free"; font-weight: bold; }
.CallToAction__Primary dd a:hover { color: #fff; background-color: #ed6103; border: 1px solid #fff; }
.CallToAction__Secondary { margin: -10px 0 0; padding: 0; width: 23%; }
.CallToAction__Secondary img { width: 100%; height: auto; }
.Body__Main { margin: -20px auto 0; padding: 20px 0; width: 100%; /* ▼下層コンテンツ */ }
.Body__Main.--BgGray { background-color: #f8f8f8; }
.Body__Reasons { display: flex; flex-direction: column; margin: 0 auto; padding: 50px 0; width: 100%; background-color: #f8f8f8; }
.Reasons { display: flex; flex-direction: column; margin: 0 auto; padding: 0; width: 1100px; }
.Reasons__Item { display: flex; align-items: flex-start; margin: 0 auto 40px; padding: 0; width: 100%; background-color: #fff; box-shadow: 0 0 8px #e0e0e0; }
.Reasons__Primary { margin: 0; padding: 0; width: 30%; }
.Reasons__Primary img { width: 100%; height: auto; }
.Reasons__Secondary { display: flex; flex-direction: column; margin: 0; padding: 3% 2% 0 3%; width: 65%; }
.Reasons__SubHeading { margin: 0; padding: 0 0 20px; color: #ed6103; font-size: 3.2rem; font-weight: 700; }
.Reasons__Text { margin: 0; padding: 0; font-size: 2.0rem; line-height: 1.5; }
.ProductsIntro { position: relative; display: flex; justify-content: space-between; margin: 40px auto 0; padding: 0; width: 100%; /* ▼商品詳細 */ }
.ProductsIntro:before { position: absolute; bottom: 0; left: 0; content: ""; display: block; width: 100%; height: 50%; background-color: #ed6103; }
.ProductsIntro__Primary { position: relative; margin: 0; padding: 0; width: 50%; }
.ProductsIntro__Primary img { width: 100%; height: auto; }
.ProductsIntro__Secondary { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: flex-end; width: 1100px; }
.ProductsIntro__SecondaryTitle { position: relative; margin: 0 -100px 0 0; padding: 5%; width: 75%; background-color: rgba(255, 255, 255, 0.95); }
.ProductsIntro__SecondaryTitle:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 96%; height: 90%; border: 1px solid #ed6103; }
.ProductsIntro__Heading { position: relative; margin: 0; padding: 0; font-size: 4.2rem; font-weight: 700; }
.ProductsIntro__Heading span { display: block; padding: 15px 0; color: #ed6103; font-size: 3.2rem; }
.ProductsIntro__Text { position: relative; margin: 0; padding: 0; width: 72%; font-size: 1.8rem; line-height: 1.5; }
.Main__ProductsCatalog { display: flex; flex-direction: column; align-items: center; margin: 0 auto; padding: 0; width: 100%; background-color: #f9f5f2; background-image: url(/wp-content/themes/eiwatochikatsu/assets/img/products-catalog-bg-pc.png); background-repeat: no-repeat; background-position: center bottom; background-size: auto 80px; }
.ProductsCatalog { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; padding: 70px 0; width: 1100px; }
.ProductsCatalog li { margin: 0 2% 4%; width: 44%; }
.ProductsCatalog li img { width: 100%; height: auto; }
.ProductsStrengths { display: flex; flex-direction: column; margin: 0 auto; padding: 60px 0; width: 1100px; /* ▼強み */ }
.ProductsStrengths__Item { position: relative; display: flex; justify-content: flex-start; margin: 0 auto 40px; padding: 0; width: 100%; counter-increment: worries-num; }
.ProductsStrengths__Item:before { content: "Forte"; display: flex; justify-content: center; margin: 0; padding: 30px 0 0; width: 14%; min-height: 150px; color: #fff; font-size: 3.4rem; font-weight: 400; line-height: 1.0; letter-spacing: 0; text-align: center; font-family: "Roboto Condensed", sans-serif; background-color: #ed6103; }
.ProductsStrengths__Item:after { display: flex; justify-content: center; align-items: flex-end; padding: 0 0 30px; width: 14%; height: 100%; color: #fff; font-size: 5.0rem; font-weight: 700; letter-spacing: 0; font-family: "Roboto Condensed", sans-serif; position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: counter(worries-num, decimal-leading-zero); }
.ProductsStrengths__Contents { display: flex; flex-direction: column; justify-content: center; margin: 0; padding: 0 0 0 5%; width: 80%; }
.ProductsStrengths__SubHeading { margin: 0; padding: 0 0 10px; color: #ed6103; font-size: 3.3rem; font-weight: 700; line-height: 1.2; }
.ProductsStrengths__Text { margin: 0; padding: 0; font-size: 1.8rem; line-height: 1.5; }
.Body__ProductsAchievements { display: flex; flex-direction: column; align-items: center; margin: 0 auto; padding: 60px 0; width: 100%; background-color: #f9f5f2; /* ▼施行実績 */ }
.Body__ProductsVoice { display: flex; flex-direction: column; align-items: center; margin: 0 auto; padding: 60px 0; width: 100%; /* ▼オーナー様の声 */ }
.ProductsAchievements,
.ProductsVoice { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; padding: 0 0 40px; }
.ProductsAchievements .--PageHeading { width: 100%; }
.ProductsAchievements__Item,
.ProductsVoice__Item { position: relative; display: flex; flex-direction: column; margin: 0 20px; padding: 0; width: 340px; }
.ProductsAchievements__Item a,
.ProductsVoice__Item a { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0; }
.ProductsAchievements__Image,
.ProductsVoice__Image { margin-bottom: 20px; border-radius: 10px; overflow: hidden; }
.ProductsVoice__Image { margin: 0 auto 20px; width: 88%; border: 1px solid #dbdbdb; }
.ProductsAchievements__Image:before { padding-top: 59%; }
.ProductsVoice__Image:before { padding-top: 127%; }
.ProductsAchievements__Image img,
.ProductsVoice__Image img { transition-duration: 0.3s; }
.ProductsAchievements__Item:hover .ProductsAchievements__Image img,
.ProductsVoice__Item:hover .ProductsVoice__Image img { opacity: 1.0; transform: scale(1.1); }
.ProductsAchievements__Category,
.ProductsVoice__Category { display: flex; margin: 0; padding: 0 0 20px; }
.ProductsAchievements__Category li,
.ProductsVoice__Category li { display: flex; margin: 0; padding: 5px 10px; color: #fff; font-size: 1.3rem; background-color: #ed6103; border: 1px solid #ed6103; transition: .5s ease; }
.ProductsAchievements__Item:hover .ProductsAchievements__Category li,
.ProductsVoice__Item:hover .ProductsVoice__Category li { color: #ed6103; background-color: #fff; }
.ProductsAchievements__SubHeading,
.ProductsVoice__SubHeading { margin: 0; padding: 0 0 20px; }
.ProductsAchievements__SubHeading h3,
.ProductsVoice__SubHeading h3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; padding: 0; font-size: 2.0rem; font-weight: 700; line-height: 1.25; }
.ProductsAchievements__List { display: flex; flex-wrap: wrap; margin: 0; padding: 0; width: 100%; }
.ProductsAchievements__List dt,
.ProductsAchievements__List dd { margin: 0; padding: 10px 2%; font-size: 1.6rem; line-height: 1.3; border-bottom: 1px solid #dadada; }
.ProductsAchievements__List dt { width: 30%; color: #ed6103; }
.ProductsAchievements__List dd { width: 70%; }
.Body__ProductsAchievements .--Button,
.Body__ProductsVoice .--Button { margin: 0 auto; padding: 0; width: 340px; }
.ProductsContact { display: flex; flex-direction: column; align-items: center; margin: 0 auto; padding: 90px 0; width: 100%; background-color: #ed6103; /* ▼お気軽にお問い合わせ */ }
.ProductsContact__Heading { margin: 0 auto; padding: 0 0 30px; color: #fff; font-size: 4.0rem; font-weight: 700; text-align: center; }
.ProductsContact__Text { margin: 0 auto; padding: 0 0 40px; color: #fff; font-size: 2.0rem; line-height: 1.85; text-align: center; }
.ProductsContact .--Button { width: 400px; }
.ProductsContact .--Button a { padding: 25px 0 25px 10px; color: #ed6103; font-size: 2.2rem; background-color: #fff; border: 1px solid #fff; }
.ProductsContact .--Button a:after { right: initial; left: 60px; content: "\f0e0"; font-size: 2.4rem; font-weight: 400; }
.ProductsContact .--Button a:hover { color: #fff; background-color: #ed6103; }
.message strong { display: block; color: #ed6103; font-size: 2.7rem; font-weight: 700; /* ▼会社概要 */ }
section.company .message { font-size: 1.8rem; line-height: 1.65; }
section.company .compny_president_name { font-size: 1.8rem; }
@media only screen and (min-width:769px) and (max-width:1300px) {
  .ProductsIntro__Secondary { width: 84.615vw; }
  .ProductsIntro__SecondaryTitle { margin: 0 -7.692vw 0 0; }
  .ProductsIntro__Heading { font-size: 3.23vw; }
  .ProductsIntro__Heading span { padding: 1.153vw 0; font-size: 2.461vw; }
  .ProductsIntro__Text { font-size: 1.384vw; }
}