@charset "UTF-8";
/********************************************************
    
    flex-grid:| sm  | md  | lg  |  xl  |
    min-width:| 576 | 768 | 992 | 1200 |
    max-width:| 575 | 767 | 991 | 1199 |

********************************************************/
.c-page{
  padding-bottom: 0;
  overflow: hidden;
}
.c-hero__elm{
  position: absolute;
  max-width: 1200px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.c-hero__elm img{
  position: absolute;
  right: 10px;
  bottom: 0;
  width: calc(750 / 1280 * 100%);
}
@media screen and (max-width: 767px) {
  .c-hero__elm img{
    width: 230px;
    right: 0;
  }
}
/*.prod-top .c-hero__ttl-en{ position: relative; }*/
.prod-top .c-hero__ttl-en img{ max-width: none; width: 178px; }
/*.prod-top .c-hero__ttl-en::before{
  position: absolute;
  content: '';
  bottom: 0px;
  left: 50%;
  width: 100%;
  height: 1px;
  transform: translateX(-50%);
  background-color: #2a2a2a;
}*/
/* ======================================================

  製品トップ2nd タイトル

====================================================== */
.prod2nd-title-wrap{
  margin-bottom: 75px;
  text-align: center;
}
.prod2nd-title-wrap__title{
  max-width: 414px;
  margin: 0 auto 15px;
}
.prod2nd-title-wrap__text{
  font-size: 2.1rem;
  margin-bottom: 1.25em;
}
.prod2nd-title-wrap__lead{
  font-size: 1.8rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .prod2nd-title-wrap{
    margin-bottom: 35px;
  }
  .prod2nd-title-wrap__title{
    max-width:294px;
    margin: 0 auto 7px;
  }
  .prod2nd-title-wrap__text{
    font-size: 1.6rem;
    margin-bottom: 1.25em;
  }
  .prod2nd-title-wrap__lead{
    font-size: 1.6rem;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}
/* ======================================================

  製品トップ2nd レイアウト

====================================================== */
.prod2nd-link--only .c-row { justify-content: center; }
/* ======================================================

  製品トップ2nd タイトル

====================================================== */
.link-prod2nd{
  display: block;
  color: inherit;
}
.link-prod2nd figure{
  margin-bottom: 15px;
}
.link-prod2nd__title{
  position: relative;
  padding-left: 20px;
  font-size: 2.4rem;
}
.link-prod2nd__desc{
  padding-left: 20px;
}
.link-prod2nd__title::before{
  position: absolute;
  display: block;
  content: '\e906';
  font-size: 4rem;
  top: 50%;
  left: -0.4em;
  margin-top: 1px;
  transform: translateY(-50%);
  color: #319041;
}
@media screen and (max-width: 767px) {
  .link-prod2nd__title{
    font-size: 1.6rem;
  }
  .link-prod2nd__desc{
    font-size: 1.4rem;
  }
}
/* ======================================================

  製品名 | 画像 | 紹介文

====================================================== */
.hero{
    position: relative;
}
.hero__name{
    font-size: 7.3rem;
    font-weight: 700;
    line-height: 1;
    text-shadow : 1px 1px 5px rgba(0, 0, 0, 0.3);
    /*color: #ff0000 !important;*/
}
.hero__catch{
    font-size: 3.2rem;
    font-weight: 900;
    line-height: 1.45;
}
.hero__lead{
    margin-bottom: 0.9em;

    font-size: 2.6rem;
    font-weight: 900;
    line-height: 1.45;
}
.hero__center{
    position: relative;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .hero__name{
        /*font-size: 5.0rem !important;*/ /* 5.2 >> 5.0 */
        font-size: 3.6rem;
    }
    .hero__catch{
        font-size: 2.4rem;
    }
    .hero__lead{
        font-size: 2.1rem;
    }
    .hero__fig{
        width: 80%;
        margin: 0 auto 0 auto;
        max-width: none;

        text-align: center;
    }
    .hero img{
        width: 100% !important;
    }
}
/* ======================================================

  注目ポイント！

====================================================== */
.p-check{
  padding: 50px;
  background-color: #dce4ee;
}
.p-check__title{
  margin-bottom: .75em;
  padding: 5px 10px;
  background-color: #295ca0;
  
  font-size: 1.8rem;
  font-weight: 900;
  color: #ffffff;
}
.p-check__title-sub{
  font-size: 1.8rem;
  font-weight: 900;
  color: #000000;
}
.p-check__list{
  margin-bottom: .75em;

  font-size: 1.8rem;
  font-weight: 900;
  color: #295ca0;
}
.p-check__list li{
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 0.5em;
}
.p-check__list li span{
  font-size: 1.6rem;
  font-weight: normal;
}
.p-check__text{
  font-weight: normal;
  color: #000000;
}
@media screen and (max-width: 767px) {
  .p-check{
    padding: 0 15px 15px 15px;
  }
  .p-check__title{
    margin-left: -15px;
    margin-right: -15px;
  }
}
/* ======================================================

  こんな方にオススメ！ | 注目ポイント！

====================================================== */
.p-check2,
.p-check3{
  display: flex;
  align-items: center;
  background-color: #D4DEEA;
  padding: 20px 25px;
  border-radius: 8px 8px 8px 8px;
}
.p-check3{
  background-color: #295C97;
  color: #ffffff;
  border-radius: 8px 8px 0 0;
}
.p-check3 + .p-check2{
  border-radius: 0 0 8px 8px;
}
.p-check2__text,
.p-check3__text{
  flex: 0 0 116px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 116px;
  height: 116px;
  margin-right: 20px;
  border-radius: 50%;
  background-color: #295C97;
  transform: rotate(-15deg);

  font-size: 1.8rem;
  font-weight: 900;
  text-align: center;
  line-height: 1.25;
  color: #ffffff;
}
.p-check3__text{
  background-color: #ffffff;
  color: #295C97;
}
.p-check2__list,
.p-check3__list{
  padding-left: 1em;
  /*margin-bottom: .75em;*/

  font-size: 1.8rem;
  font-weight: 900;
  color: #295ca0;
}
.p-check3__list{
  color: #ffffff;
}
.p-check2__list li,
.p-check3__list li{
  text-indent: -1em;
  padding-left: 1em;
  /*margin-bottom: 0.5em;*/
}

@media screen and (max-width: 767px) {
  .p-check2,
  .p-check3{
    display: block;
    padding: 20px 25px;
    margin-left: -20px;
    margin-right: -20px;
    border-radius: 0;
  }
  .p-check3 + .p-check2{
     border-radius: 0;
  }
  .p-check2__text,
  .p-check3__text{
    margin: 0 auto 20px;
    transform: rotate(0);
  }
  .p-check2__list,
  .p-check3__list{
    padding-left: 0;
  }
}
/* ======================================================

  機能説明

====================================================== */
.func{
  margin-bottom: 30px;
}
.func__fig{
  margin-bottom: 20px;
}
.func__name{
  margin-bottom: 0.6em;

  font-size: 1.8rem;
  font-weight: 600;
}
.func__text{
  text-align: justify;
  text-justify: inter-ideograph;
}
.func__note,
.func__list li{
  font-size: 1.6rem;
  text-indent: -1em;
  padding-left: 1em;
}
.func__list li:before{
  content: '●';
  color: #9fa0a0;
  font-size: 70%;
  margin: 0.25em;
}
.func-wrap__msg{
  margin-bottom: -1em;
  
  font-size: 2.4rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .func__fig{
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;

    text-align: center;
  }
  .func-wrap__msg{
    font-size: 2.1rem;
  }
}

/* ======================================================
  20211116
====================================================== */
.bg_red{
	background-color:#d11f37 !important;
}