@charset "UTF-8";
/*ＭＯＤＵＬＥ*/
/*--------------------------------
FONTS
---------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap");
/* -----------------------------------------------------------------
MODULE CSS
LAST UPDATE: 

*HR
*TEXT
*LINE
*LINK
*TITLE
*LIST
*BUTTON
*COLUMN
*BOX
*TABLE
*IMG
*FORM
*FONTSIZE
*jsSetting
*MARGIN/PADDING
*FLOAT/FIG
*clearfix
*HIDE/SHOW
*OVERLAY
*ORIGINAL
*ANIMATION
--------------------------------------------------------------------*/
/*--------------------------------
*TEXT
---------------------------------*/
.tetxUL {
  text-decoration: underline; }

.fwB {
  font-weight: bold !important; }

.FF_P {
  font-family: "Poppins", sans-serif !important; }

/*--------------------------------
*LINE
---------------------------------*/
/*--------------------------------
*LINK
---------------------------------*/
.blankIconBL01 {
  background: url(/common/img/icon_blank_bl01.svg) no-repeat right center;
  padding-right: 20px; }

/*--------------------------------
*TITLE
---------------------------------*/
/*--------------------------------
*LIST
---------------------------------*/
.thumbList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
  width: calc(100% + 24px); }
  .thumbList__items {
    width: 25%;
    margin-top: 24px;
    padding-right: 24px; }
    .thumbList__items:hover {
      cursor: pointer; }
    .thumbList__items a {
      width: 100%;
      padding-top: 100%;
      overflow: hidden;
      position: relative;
      display: block; }
      .thumbList__items a img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0; }

/*indentList01*/
.discList {
  margin-left: 1.5em; }
  .discList li {
    list-style: disc;
    list-style-position: outside; }

/*businessList*/
.businessList {
  margin-top: 50px; }
  .businessList__items {
    position: relative;
    height: 680px; }
  .businessList__thumb {
    position: absolute;
    top: 0;
    right: 50%;
    width: 57.5%;
    z-index: 1;
    height: 620px;
    overflow: hidden; }
    .businessList__thumb img {
      width: 100%;
      height: auto; }
  .businessList__box {
    width: 760px;
    background: #fff;
    margin-left: auto;
    position: absolute;
    z-index: 2;
    padding: 50px 80px 70px 80px;
    left: calc(50% - 80px);
    top: 80px; }
    .businessList__box__num {
      font-size: 4.6rem;
      font-family: "Poppins", sans-serif;
      font-weight: 700;
      font-style: italic;
      color: #009172;
      position: relative;
      line-height: 1;
      margin-bottom: 16px; }
      .businessList__box__num::before {
        content: '';
        display: block;
        width: 120px;
        height: 1px;
        background: #009172;
        position: absolute;
        left: -140px;
        top: 2.3rem; }
    .businessList__box__title {
      font-weight: 700;
      font-size: 2.6rem;
      color: #009172; }
    .businessList__box__lead {
      margin-top: 15px;
      font-size: 1.8rem;
      width: 480px; }
  .businessList__items:first-child {
    margin-top: 0; }
  .businessList__items:nth-child(even) .businessList__thumb {
    left: inherit;
    right: 0; }
  .businessList__items:nth-child(even) .businessList__box {
    left: inherit;
    right: calc(50% - 80px); }
    .businessList__items:nth-child(even) .businessList__box .businessList__box__num,
    .businessList__items:nth-child(even) .businessList__box .businessList__box__title,
    .businessList__items:nth-child(even) .businessList__box .businessList__box__lead {
      width: 480px;
      margin-left: auto; }
    .businessList__items:nth-child(even) .businessList__box .businessList__box__num::before {
      left: 80px;
      top: 2.3rem; }

@media screen and (max-width: 768px) {
  .thumbList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
    width: calc(100% + 15px); }
    .thumbList__items {
      width: 50%;
      margin-top: 15px;
      padding-right: 15px; }
      .thumbList__items a {
        width: 100%;
        padding-top: 100%;
        overflow: hidden;
        position: relative;
        display: block; }
        .thumbList__items a img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
          top: 0; }

  /*businessList*/
  .businessList {
    margin-top: 30px; }
    .businessList__items {
      position: relative;
      height: auto;
      padding-top: 0; }
    .businessList__thumb {
      position: inherit;
      top: inherit;
      right: inherit;
      width: 100%;
      z-index: 1;
      height: auto; }
    .businessList__box {
      width: calc( 100% - 60px);
      position: inherit;
      padding: 30px 25px 50px 25px;
      left: inherit;
      top: inherit;
      margin-left: 60px;
      margin-top: -60px; }
      .businessList__box__num {
        font-size: 2.7rem; }
        .businessList__box__num::before {
          width: 60px;
          left: -70px;
          top: 1.3rem; }
      .businessList__box__title {
        font-size: 1.7rem;
        color: #009172; }
      .businessList__box__lead {
        font-size: 1.4rem;
        width: 100%; }
    .businessList__items:nth-child(even) .businessList__thumb {
      left: inherit;
      right: inherit; }
    .businessList__items:nth-child(even) .businessList__box {
      left: inherit;
      right: inherit;
      margin-right: 60px;
      margin-left: 0; }
      .businessList__items:nth-child(even) .businessList__box .businessList__box__num,
      .businessList__items:nth-child(even) .businessList__box .businessList__box__title,
      .businessList__items:nth-child(even) .businessList__box .businessList__box__lead {
        width: 100%;
        margin-left: auto; }
      .businessList__items:nth-child(even) .businessList__box .businessList__box__num::before {
        left: 50px;
        top: 1.3rem; } }
/*--------------------------------
*BUTTON
---------------------------------*/
/*--------------------------------
*COLUMN
---------------------------------*/
/*---------------------------------
 *BOX
-----------------------------------*/
/*---------------------------------
 *TABLE
-----------------------------------*/
.dataTable01 {
  width: 100%; }
  .dataTable01 th {
    color: #009172;
    font-weight: 700;
    width: 80px;
    border-bottom: 1px solid #009172;
    padding: 20px 0;
    vertical-align: top; }
  .dataTable01 td {
    border-bottom: 1px solid #C7C7C7;
    padding: 20px 40px; }

@media screen and (max-width: 768px) {
  .dataTable01 th {
    width: 70px;
    padding: 15px 0; }
  .dataTable01 td {
    padding: 15px 0 15px 10px; } }
/*---------------------------------
 *IMG
-----------------------------------*/
.imgWmax {
  width: 100%;
  height: auto; }

/*---------------------------------
*FORM
-----------------------------------*/
/*---------------------------------
*FONTSIZE
-----------------------------------*/
/*---------------------------------
 *jsSetting
-----------------------------------*/
/*---------------------------------
*MARGIN/PADDING
-----------------------------------*/
.mAll0 {
  margin: 0 !important; }

.pAll0 {
  padding: 0 !important; }

.mtL {
  margin-top: 80px; }

.mbL {
  margin-bottom: 80px; }

.mb0 {
  margin-bottom: 0px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mt0 {
  margin-top: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt55 {
  margin-top: 55px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt80 {
  margin-top: 80px !important; }

.mt100 {
  margin-top: 100px !important; }

.ml0 {
  margin-left: 0px !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml35 {
  margin-left: 35px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml45 {
  margin-left: 45px !important; }

.ml50 {
  margin-left: 50px !important; }

.mr0 {
  margin-right: 0px !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr35 {
  margin-right: 35px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr45 {
  margin-right: 45px !important; }

.mr50 {
  margin-right: 50px !important; }

/*base:20px*/
.mtx6 {
  margin: 120px 0 0 !important; }

.mtx4 {
  margin: 80px 0 0 !important; }

.mtx3 {
  margin: 60px 0 0 !important; }

.mtx2 {
  margin: 40px 0 0 !important; }

.mbx4 {
  margin: 0 0 80px 0 !important; }

/*padding*/
.pb0 {
  padding-bottom: 0px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pt0 {
  padding-top: 0px !important; }

.pt5 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt35 {
  padding-top: 35px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt45 {
  padding-top: 45px !important; }

.pt50 {
  padding-top: 50px !important; }

.pl0 {
  padding-left: 0px !important; }

.pl5 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl25 {
  padding-left: 25px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl35 {
  padding-left: 35px !important; }

.pl40 {
  padding-left: 40px !important; }

.pl45 {
  padding-left: 45px !important; }

.pl50 {
  padding-left: 50px !important; }

.pr0 {
  padding-right: 0px !important; }

.pr5 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr25 {
  padding-right: 25px !important; }

.pr30 {
  padding-right: 30px !important; }

.pr35 {
  padding-right: 35px !important; }

.pr40 {
  padding-right: 40px !important; }

.pr45 {
  padding-right: 45px !important; }

.pr50 {
  padding-right: 50px !important; }

@media screen and (min-width: 768px) {
  .mtL {
    margin-top: 120px; }

  .mbL {
    margin-bottom: 120px; }

  .mb0-pc {
    margin-bottom: 0px !important; }

  .mb5-pc {
    margin-bottom: 5px !important; }

  .mb10-pc {
    margin-bottom: 10px !important; }

  .mb15-pc {
    margin-bottom: 15px !important; }

  .mb20-pc {
    margin-bottom: 20px !important; }

  .mb25-pc {
    margin-bottom: 25px !important; }

  .mb30-pc {
    margin-bottom: 30px !important; }

  .mb35-pc {
    margin-bottom: 35px !important; }

  .mb40-pc {
    margin-bottom: 40px !important; }

  .mb45-pc {
    margin-bottom: 45px !important; }

  .mb50-pc {
    margin-bottom: 50px !important; }

  .mt0-pc {
    margin-top: 0px !important; }

  .mt5-pc {
    margin-top: 5px !important; }

  .mt10-pc {
    margin-top: 10px !important; }

  .mt15-pc {
    margin-top: 15px !important; }

  .mt20-pc {
    margin-top: 20px !important; }

  .mt25-pc {
    margin-top: 25px !important; }

  .mt30-pc {
    margin-top: 30px !important; }

  .mt35-pc {
    margin-top: 35px !important; }

  .mt40-pc {
    margin-top: 40px !important; }

  .mt45-pc {
    margin-top: 45px !important; }

  .mt50-pc {
    margin-top: 50px !important; }

  .mt60-pc {
    margin-top: 60px !important; }

  .ml0-pc {
    margin-left: 0px !important; }

  .ml5-pc {
    margin-left: 5px !important; }

  .ml10-pc {
    margin-left: 10px !important; }

  .ml15-pc {
    margin-left: 15px !important; }

  .ml20-pc {
    margin-left: 20px !important; }

  .ml25-pc {
    margin-left: 25px !important; }

  .ml30-pc {
    margin-left: 30px !important; }

  .ml35-pc {
    margin-left: 35px !important; }

  .ml40-pc {
    margin-left: 40px !important; }

  .ml45-pc {
    margin-left: 45px !important; }

  .ml50-pc {
    margin-left: 50px !important; }

  .mr0-pc {
    margin-right: 0px !important; }

  .mr5-pc {
    margin-right: 5px !important; }

  .mr10-pc {
    margin-right: 10px !important; }

  .mr15-pc {
    margin-right: 15px !important; }

  .mr20-pc {
    margin-right: 20px !important; }

  .mr25-pc {
    margin-right: 25px !important; }

  .mr30-pc {
    margin-right: 30px !important; }

  .mr35-pc {
    margin-right: 35px !important; }

  .mr40-pc {
    margin-right: 40px !important; }

  .mr45-pc {
    margin-right: 45px !important; }

  .mr50-pc {
    margin-right: 50px !important; }

  /*base:10px*/
  .mtx6 {
    margin: 60px 0 0 !important; }

  .mtx4 {
    margin: 40px 0 0 !important; }

  .mtx3 {
    margin: 30px 0 0 !important; }

  .mtx2 {
    margin: 20px 0 0 !important; }

  .mbx4 {
    margin: 0 0 40px 0 !important; }

  /*padding*/
  .pb0-pc {
    padding-bottom: 0px !important; }

  .pb5-pc {
    padding-bottom: 5px !important; }

  .pb10-pc {
    padding-bottom: 10px !important; }

  .pb15-pc {
    padding-bottom: 15px !important; }

  .pb20-pc {
    padding-bottom: 20px !important; }

  .pb25-pc {
    padding-bottom: 25px !important; }

  .pb30-pc {
    padding-bottom: 30px !important; }

  .pb35-pc {
    padding-bottom: 35px !important; }

  .pb40-pc {
    padding-bottom: 40px !important; }

  .pb45-pc {
    padding-bottom: 45px !important; }

  .pb50-pc {
    padding-bottom: 50px !important; }

  .pt0-pc {
    padding-top: 0px !important; }

  .pt5-pc {
    padding-top: 5px !important; }

  .pt10-pc {
    padding-top: 10px !important; }

  .pt15-pc {
    padding-top: 15px !important; }

  .pt20-pc {
    padding-top: 20px !important; }

  .pt25-pc {
    padding-top: 25px !important; }

  .pt30-pc {
    padding-top: 30px !important; }

  .pt35-pc {
    padding-top: 35px !important; }

  .pt40-pc {
    padding-top: 40px !important; }

  .pt45-pc {
    padding-top: 45px !important; }

  .pt50-pc {
    padding-top: 50px !important; }

  .pt60-pc {
    padding-top: 60px !important; }

  .pl0-pc {
    padding-left: 0px !important; }

  .pl5-pc {
    padding-left: 5px !important; }

  .pl10-pc {
    padding-left: 10px !important; }

  .pl15-pc {
    padding-left: 15px !important; }

  .pl20-pc {
    padding-left: 20px !important; }

  .pl25-pc {
    padding-left: 25px !important; }

  .pl30-pc {
    padding-left: 30px !important; }

  .pl35-pc {
    padding-left: 35px !important; }

  .pl40-pc {
    padding-left: 40px !important; }

  .pl45-pc {
    padding-left: 45px !important; }

  .pl50-pc {
    padding-left: 50px !important; }

  .pr0-pc {
    padding-right: 0px !important; }

  .pr5-pc {
    padding-right: 5px !important; }

  .pr10-pc {
    padding-right: 10px !important; }

  .pr15-pc {
    padding-right: 15px !important; }

  .pr20-pc {
    padding-right: 20px !important; }

  .pr25-pc {
    padding-right: 25px !important; }

  .pr30-pc {
    padding-right: 30px !important; }

  .pr35-pc {
    padding-right: 35px !important; }

  .pr40-pc {
    padding-right: 40px !important; }

  .pr45-pc {
    padding-right: 45px !important; }

  .pr50-pc {
    padding-right: 50px !important; } }
/*---------------------------------
*FLOAT/FIG
-----------------------------------*/
.layoutC {
  text-align: center !important; }

.layoutR {
  text-align: right !important; }

.layoutL {
  text-align: left !important; }

@media screen and (max-width: 768px) {
  .layoutCSP {
    text-align: center !important; }

  .layoutRSP {
    text-align: right !important; }

  .layoutLSP {
    text-align: left !important; } }
/*---------------------------------
*clearfix
-----------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  /*¥*/
     /*/
height: auto;
overflow: hidden;
/**/ }

/*---------------------------------
*HIDE/SHOW
-----------------------------------*/
.spOnly {
  display: none; }

.spOnlyI {
  display: none; }

.pcOnly {
  display: block; }

.pcOnlyI {
  display: inline-block; }

@media screen and (max-width: 768px) {
  .spOnly {
    display: block; }

  .spOnlyI {
    display: inline-block; }

  .pcOnly {
    display: none; }

  .pcOnlyI {
    display: none; } }
/*---------------------------------
*OVERLAY
-----------------------------------*/
#overlay {
  z-index: 14;
  cursor: pointer;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.5); }

/*---------------------------------
*ORIGINAL
-----------------------------------*/
