@charset "utf-8";

/* 全体 */
html {
  font-family: YuGothic,'Yu Gothic',sans-serif;
}
a {
  transition: .2s;
}
/* a:hover,a:active {
  opacity: .8;
} */
.cf:before, .cf:after {
  content:"";
  display:table
}
.cf:after { clear:both }
/* 全体PC */
a[href^="tel:"] {
  pointer-events:none;
}
/* 全体SP */
@media screen and (max-width:767px) {
  a[href^="tel:"] {
    pointer-events:auto;
  }
}

/* ヘッダー */
/* ヘッダーPC */
header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: #ffffff;
  z-index: 100;
}
.toggleButton {
  display: none;
}
.headerContainer {
  height: 150px;
}
.headerContainerInner {
  width: 1000px;
  margin: 0 auto;
}
.headerContainerInner > p {
  display: flex;
  align-items: center;
  height: 62px;
  font-size: 12px;
  color: rgb(18, 18, 18);
  line-height: 2.5;
}
@media screen and (min-width: 1025px) {
  .headerContainerInner > p br {
    display: none;
  }
}
.headerContainerInnerCenter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 88px;
}
.headerMenu {
  display: flex;
  align-items: flex-end;
  height: 50px;
}
.headerMenu > li {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 105px;
  height: 100%;
  text-align: center;
  transition: 0.4s;
}
.headerMenu > li:nth-child(2)::before,.headerMenu > li:nth-child(3)::before,.headerMenu > li:nth-child(4)::before {
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  left: 0;
  width: 1px;
  height: 28px;
  border-left: dotted 1px #121212;

}
/* .headerMenu > li:not(:last-child) a:hover,.headerMenu > li:not(:last-child) a:active {
  transform: translateY(-2px);
} */
.headerMenu > li a {
  font-size: 16px;
  font-weight: bold;
  color: rgb(18, 18, 18);
}
.headerMenu > li a:hover {
  color: #108ad8;
  transition: 0.4s;
}
.headerMenu > li a span {
  font-size: 9px;
  font-family: 'Arial',sans-serif;
  color: rgb(140, 139, 139);
}
.headerMenu > li:last-child {
  display: block;
  width: 173px;
  text-align: center;
  transition: .4s;
}
.headerMenu > li:last-child ul li:nth-child(1) a {
  font-size: 16px;
  font-family: 'Arial',sans-serif;
  color: rgb(18, 18, 18);
}
.headerMenu > li:last-child ul li:nth-child(2) {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 30px;
  background-color: #6cca07;
  border: 2px solid #6cca07;
  border-radius: 5px;
}
.headerMenu > li:last-child ul li:nth-child(2) a {
  font-size: 14px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  width: 100%;

}
/* ヘッダーSP */
@media screen and (max-width:1024px) {
  .headerContainer {
    height: 90px;
  }
  .headerContainerInner {
    width: 95%;
  }
  .headerContainerInner > p {
    height: unset;
    font-size: 10px;
    line-height: 1.5;
    margin-top: 5px;
  }
  .headerContainerInnerCenter {
    position: relative;
    height: unset;
  }
  .headerContainerInnerCenterLogo h1 a img {
    width: 190px;
    margin-top: 10px;
  }
  .toggleButton {
    display: block;
    position: fixed;
    top: 1px;
    right: 3px;
    width: 75px;
    height: 72px;
    z-index: 100;
  }
  .toggleButtonInner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: auto;
  }
  .toggleButtonInner span:nth-child(1) {
    display: block;
    position: absolute;
    top: 20%;
    right: 0;
    width: 80%;
    height: 3px;
    background-color: #108ad8;
    transition: .5s;
  }
  .toggleButtonInner span:nth-child(2) {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 80%;
    height: 3px;
    background-color: #108ad8;
    transition: .5s;
  }
  .toggleButtonInner span:nth-child(3) {
    content: "";
    display: block;
    position: absolute;
    top: 80%;
    right: 0;
    width: 80%;
    height: 3px;
    background-color: #108ad8;
    transition: .5s;
  }
  header.open .toggleButtonInner span:nth-child(1) {
    top: 50%;
    transform: rotate(135deg);
  }
  header.open .toggleButtonInner span:nth-child(2) {
    display: none;
  }
  header.open .toggleButtonInner span:nth-child(3) {
    top: 50%;
    transform: rotate(-135deg);
  }
  .headerContainerInnerCenterMenu {
    position: fixed;
    top: 100vh;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    transition: .6s;
  }
  .open .headerContainerInnerCenterMenu {
    top: 80px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;

  }
  .headerMenu {
    display: block;
  }
  .headerMenu li {
    width: 200px;
    margin: 0 auto;
  }
  .headerMenu > li:nth-child(2)::before,.headerMenu > li:nth-child(3)::before,.headerMenu > li:nth-child(4)::before {
    content: "";
    display: block;
    position: absolute;
    top: unset;
    bottom: 0;
    left: 25px;
    width: 150px;
    height: 2px;
    border-left: none;
    border-bottom: dotted 2px #121212;
  }
  .headerMenu li:last-child {
    margin: 30px auto;
  }
  .headerMenu li:last-child ul li:first-child a {
    display: block;
    margin-left: -25px;
  }
}

/* メインビジュアル */
/* メインビジュアルPC */
.mainvisualContainer {
  width: 100%;
  height: 1000px;
}
.mainvisualContainerSlider {
  height: 100%;
}
.slider {
  height: 1000px;
}
.mainvisualContainerSlider001 {
  background-image: url(../img/ky_img01.jpg);
  background-size: cover;
  background-position: center;
}
.mainvisualContainerSlider002 {
  background-image: url(../img/ky_img02.jpg);
  background-size: cover;
  background-position: center;
}
.mainvisualContainerSlider003 {
  background-image: url(../img/ky_img03.jpg);
  background-size: cover;
  background-position: center;
}
.mainvisualContainerSliderCatchphrase {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 475PX;
}
.mainvisualContainerSliderCatchphrase h2 {
  font-size: 90px;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
  color: rgb(16, 138, 216);
}
.mainvisualContainerSliderCatchphrase h2 span {
  font-size: 60px;
}
.mainvisualContainerSliderCatchphrase p {
  display: inline-block;
  position: relative;
  font-size: 21px;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
  color: rgb(16, 138, 216);
  margin-top: 20px;
}
.mainvisualContainerSliderCatchphrase p::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: -55px;
  width: 40px;
  height: 1px;
  background-color: #108ad8;
}
.mainvisualContainerSliderCatchphrase p::after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  right: -55px;
  width: 40px;
  height: 1px;
  background-color: #108ad8;
}
/* メインビジュアルSP */
@media screen and (max-width: 1024px) {
  .mainvisual {
    margin-top: -90px;
  }
  .mainvisualContainer {
    height: 500px;
  }
  .slider {
    height: 500px;
  }
  .mainvisualContainerSliderCatchphrase {
    padding-top: 250px;
  }
  .mainvisualContainerSliderCatchphrase h2 {
    font-size: 60px;
  }
  .mainvisualContainerSliderCatchphrase h2 span {
    font-size: 40px;
  }
  .mainvisualContainerSliderCatchphrase p {
    font-size: 14px;
  }
  .mainvisualContainerSliderCatchphrase p::before {
    top: 6px;
    left: -40px;
    width: 30px;
  }
  .mainvisualContainerSliderCatchphrase p::after {
    top: 6px;
    right: -40px;
    width: 30px;
  }
}
@media screen and (max-width: 767px) {
  .mainvisualContainerSliderCatchphrase {
    padding-top: 275px;
  }
  .mainvisualContainerSliderCatchphrase h2 {
    font-size: 40px;
  }
  .mainvisualContainerSliderCatchphrase h2 span {
    font-size: 20px;
  }
  .mainvisualContainerSliderCatchphrase p {
    font-size: 12px;
    margin-top: 12px;
  }
  .mainvisualContainerSliderCatchphrase p::before {
    top: 5px;
    left: -25px;
    width: 15px;
  }
  .mainvisualContainerSliderCatchphrase p::after {
    top: 5px;
    right: -25px;
    width: 15px;
  }

}

/* 取扱商品 */
/* 取扱商品PC */
.product {
  overflow: hidden;
  max-width: 100%;
  padding-top: 105px;
}
.productContainerHeader {
  text-align: center;
}
.productContainerHeader h2 {
  font-size: 60px;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
  color: #121212;
  line-height: 50px;
}
.productContainerHeader h2 span:first-child {
  color: rgb(16, 138, 216);
}
.productContainerHeader h2 span:nth-child(3) {
  font-size: 24px;
  color: rgb(18, 18, 18);
}
.productContainerInner {
  margin-top: 32px;
}
.productContainerInner > div {
  width: calc(50% - 20px);
  height: 150px;
  background-color: #f4f7fa;
}
.productContainerInnerBox001,.productContainerInnerBox003 {
  float: left;
  display: flex;
  justify-content: flex-end;
}
.productContainerInnerBox002,.productContainerInnerBox004 {
  float: right;
}
.productContainerInnerBox002,.productContainerInnerBox003,.productContainerInnerBox004 {
  margin-top: 45px;
}
.productContainerInnerBox001content,.productContainerInnerBox002content,.productContainerInnerBox003content,.productContainerInnerBox004content {
  display: flex;
  width: 410px;
}
.productContainerInnerBox001contentText,.productContainerInnerBox002contentText,.productContainerInnerBox003contentText,.productContainerInnerBox004contentText {
  width: 170px;
  text-align: center;
}
.productContainerInnerBox001contentText h3,.productContainerInnerBox002contentText h3 {
  font-size: 24px;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
  color: rgb(18, 18, 18);
  white-space: nowrap;
  margin: 40px 0 10px;
}
/* 修正 */
.productContainerInnerBox002contentText.air_chamber h3{
  margin: 20px 0 10px;
}



.productContainerInnerBox003contentText h3  {
  font-size: 24px;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
  color: rgb(18, 18, 18);
  white-space: nowrap;
  margin: 40px 0 10px -24px;
}
.productContainerInnerBox004contentText h3 {
  font-size: 24px;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
  color: rgb(18, 18, 18);
  white-space: nowrap;
  margin: 32px 0 7px;
}
.productContainerInnerBox001contentText a,.productContainerInnerBox002contentText a,.productContainerInnerBox003contentText a {
  display: inline-block;
  width: 170px;
  height: 30px;
  font-size: 14px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 26px;
  background-color: #6cca07;
  border: 2px solid #6cca07;
  border-radius: 5px;
  margin-top: 10px;
}
.productContainerInnerBox004contentText a {
  display: inline-block;
  width: 170px;
  height: 30px;
  font-size: 14px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 26px;
  background-color: #6cca07;
  border: 2px solid #6cca07;
  border-radius: 5px;
  margin-top: 7px;
}
.productContainerInnerBox001contentImg,.productContainerInnerBox002contentImg,.productContainerInnerBox003contentImg,.productContainerInnerBox004contentImg {
  width: 240px;
}
.productContainerInnerBox001contentImg img {
  display: block;
  width: 85px;
  margin: -14px auto 0;
}
.productContainerInnerBox002contentImg img {
  display: block;
  width: 97px;
  margin: -7px auto 0;
}
.productContainerInnerBox003contentImg img {
  display: block;
  width: 61px;
  margin: -14px auto 0;
}
.productContainerInnerBox004contentImg img {
  display: block;
  width: 100px;
  margin: 8px auto 0;
}
/* 取扱商品SP */
@media screen and (max-width: 1024px) {
  .productContainerInner > div {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .productContainerHeader h2 {
    font-size: 40px;
    line-height: 34px;
  }
  .productContainerHeader h2 span:nth-child(3) {
    font-size: 12px;
  }
  .productContainerInner > div {
    width: 95%;
  }
  .productContainerInnerBox001content,
  .productContainerInnerBox003content{
    justify-content: flex-end;
  }
  .productContainerInnerBox001contentText h3,.productContainerInnerBox002contentText h3,.productContainerInnerBox003contentText h3,.productContainerInnerBox004contentText h3 {
    font-size: 18px;
  }
  .productContainerInnerBox003contentText h3 {
    margin: 40px auto 10px;
  }
  .productContainerInnerBox001contentText a,.productContainerInnerBox002contentText a,.productContainerInnerBox003contentText a,.productContainerInnerBox004contentText a {
    width: 120px;
  }
  .productContainerInnerBox001contentImg,.productContainerInnerBox002contentImg,.productContainerInnerBox003contentImg,.productContainerInnerBox004contentImg {
    width: 130px;
  }
}

/* 納入事例 */
/* 納入事例PC */
.case {
  padding-top: 116px;
}
.caseContainerHeader {
  text-align: center;
}
.caseContainerHeader h2 {
  font-size: 60px;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
  color: #121212;
  line-height: 50px;
}
.caseContainerHeader h2 span:first-child {
  color: rgb(16, 138, 216);
}
.caseContainerHeader h2 span:nth-child(3) {
  font-size: 24px;
  color: rgb(18, 18, 18);
}
.caseContainerInner {
  width: 1000px;
  margin: 0 auto;
  padding: 60px 0;
  background-color: #f4f7fa;
}
.caseContainerInnerTop {
  display: flex;
  width: 820px;
  margin: 0 auto;
}
.caseContainerInnerTopBox+.caseContainerInnerTopBox {
  margin-left: 60px;
}
.caseContainerInnerTopBox p {
  font-size: 14px;
  color: rgb(18, 18, 18);
  text-align: center;
  margin-top: 20px;
}
.caseContainerInner > a {
  display: block;
  width: 220px;
  height: 40px;
  font-size: 16px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  margin: 38px auto 0;
  text-align: center;
  line-height: 40px;
  background-color: #6cca07;
  border-radius: 5px;
  border: solid 2px #6cca07;
}
.caseContainerInner a img{
  width: 160px;
  height: 220px;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}
/* 納入事例SP */
@media screen and (max-width: 1024px) {
  .caseContainerInner {
    max-width: 80%;
    margin: 0 5%;
    padding: 5% 0;
  }
  .caseContainerInnerTop {
    flex-wrap: wrap;
    max-width: 380px;
    margin-top: 10%;
  }
  .caseContainerInnerTopBox+.caseContainerInnerTopBox {
    margin-left: auto;
    margin-top: 10%;
  }
  .caseContainerInner a img {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .caseContainerHeader h2{
    font-size: 40px;
  }
  .caseContainerInnerTop {
    display: block;
    max-width: 100%;
  }
  .caseContainerInnerTopBox img {
    display: block;
    margin: 40px auto 0;
  }
}

/* 新着情報 */
/* 新着情報PC */
.news {
  margin-top: 120px;
}
.newsContainer {
  display: flex;
}
.newsContainerLeft {
  width: 12.5%;
}
.maintenanceContainerLeft {
  width: 12.5%;
  background-color: #f4f7fa;
}
.newsContainerCenter {
  width: 75%;
  min-width: 1025px;
  text-align: center;
  background-color: #108ad8;
  padding: 0 5% 80px;
}
.maintenanceContainer {
  background-color: #f4f7fa;
}
.newsContainerCenterHeader h2 {
  font-size: 60px;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
  color: rgb(255, 255, 255);
  line-height: 55px;
  margin-top: 80px;
}
.newsContainerCenterHeader h2 span {
  font-size: 24px;
}
.maintenanceContainerHeader {
  text-align: center;
}
.maintenanceContainerHeader h2 {
  font-size: 60px;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
  color: #121212;
  line-height: 50px;
  margin-top: 80px;
}
.maintenanceContainerHeader h2 span:first-child {
  color: rgb(16, 138, 216);
}
.maintenanceContainerHeader h2 span:nth-child(3) {
  font-size: 24px;
  color: rgb(18, 18, 18);
}
.newsContainerCenterInner {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
}
.acd-check {
  display: none;
}
.acd-label {
  background: #ffffff;
  display: block;
  text-align: left;
  padding: 20px;
}
.maintenance_label{
  margin-top: 20px;
}
.acd-label .time {
  font-size: 14px;
  color: rgb(16, 138, 216);
}
.acd-label .title {
  font-size: 14px;
  color: rgb(18, 18, 18);
  font-weight: bold;
  margin-top: 14px;
  background-image: url(../img/arowDown.png);
  background-repeat: no-repeat;
  background-position: right;
  overflow: hidden;
  padding-right: 80px;
}
.acd-label .title.arw_none{
  background-image: none;
}
.acd-content {
  height: 0;
  text-align: left;
  opacity: 0;
  padding: 0 20px;
  background-color: #ffffff;
  visibility: hidden;
  transition: 0.5s;
}
.acd-content + input + .acd-label,
.news_box{
  margin-top: 20px;
}
.acd-content p {
  font-size: 14px;
  color: rgb(101, 101, 101);
  line-height: 1.429;
  opacity: 0;
  transition: 0.3s;
}
.acd-content p a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 30px;
  background-color: #6cca07;
  border: 2px solid #6cca07;
  border-radius: 5px;
  margin-top: 10px;
  color: #fff;
}
.acd-check:checked + .acd-label + .acd-content {
  height: auto;
  opacity: 1;
  padding: 10px 20px 26px;
  visibility: visible;
}
.acd-check:checked + .acd-label + .acd-content p{
  opacity: 1;
}
.acd-check:checked + .acd-label .title {
  background-image: url(../img/arow.png);
}
.acd-check:checked + .acd-label .title.arw_none {
  background-image: none;
}
.newsContainerRight {
  width: 12.5%;
  background-color: #108ad8;
}
.maintenanceContainerRight{
  background-color: #ffffff;
}

 /* 詳細が無い */

 .news_box{
  background: #ffffff;
  display: block;
  text-align: left;
  padding: 20px;
  margin-bottom: 20px;
}
.news_box .time{
  font-size: 14px;
  color: rgb(16, 138, 216);
}

.news_box .title{
  font-size: 14px;
  color: rgb(18, 18, 18);
  font-weight: bold;
  margin-top: 14px;
  background-repeat: no-repeat;
  background-position: right;
  overflow: hidden;
  padding-right: 80px;
}
.news_box .title.dec_padding {
  padding-right: 0;
}

  /* top newsとPAGETOP被らないようにする */

  @media screen and (max-width: 1200px) {
    .newsContainerCenterInner {
      width: 900px;
      margin: 0 auto;
    }
  }
/* 新着情報SP */
@media screen and (max-width: 1024px) {
  .newsContainerCenterHeader h2{
    font-size: 40px;
  }
  .maintenanceContainerHeader h2{
    font-size: 40px;
  }
  .newsContainerLeft {
    display: none;
  }
  .newsContainerCenter {
    width: 100%;
    min-width: unset;
    max-width: 100%;
  }
  .newsContainerCenterInner {
    width: 85%;
    margin: 0 0 0 2%;
  }
  .acd-label .title {
    padding-right: 40px;
  }
  .newsContainerRight {
    display: none;
  }

}

@media screen and (max-width: 496px) {
  .newsContainerCenterInner {
    width: 79%;
  }
}

/* お問い合わせ */
/* お問い合わせPC */
.contact {
  height: 390px;
  margin-top: 120px;
  text-align: center;
  background-image: url(../img/cv_img.jpg);
  background-position: center;
}
.contactContainerHeader h3 {
  color: rgb(255, 255, 255);
  font-size: 22px;
  padding: 120px 30px 0;
  line-height: 1.4;
  font-weight: 700;
}
.contactContainerInner {
  display: flex;
  justify-content: center;
  width: 1000px;
  margin: 42px auto 0;
}
.contactContainerInnerTel {
  width: 500px;
  text-align: right;
  margin-right: 30px;
}
.contactContainerInnerTel a {
  font-size: 45px;
  font-family: 'Arial',sans-serif;
  color: rgb(255, 255, 255);
  line-height: 70px;
}
.contactContainerInnerTel a span {
  font-size: 30px;
}
.contactContainerInnerMail {
  width: 410px;
  margin-left: 30px;
  display: inline-block;
  position: relative;
}
.contactContainerInnerMail a {
  display: block;
  height: 70px;
  font-size: 18px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 70px;
  background-color: #6cca07;
  border: #6cca07 2px solid;
  border-radius: 5px;
  transition: 0.4s;
  padding-left: 38px;
  position: relative;
}
.contactContainerInnerMail a:hover{
  background-color: #fff;
  color: #6cca07;
}
.contactContainerInnerMail::before {
  content: "";
  width: 30px;
  height: 26px;
  background: url(../img/ft_contact.png)no-repeat;
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translateY(-50%);
  z-index: 10;
  pointer-events:none;
}
.contactContainerInnerMail:hover::before {
  background: url(../img/ft_contact_hover.png)no-repeat;
  transition: 0.4s;
  pointer-events:none;
}

/* お問い合わせSP */
@media screen and (max-width: 1024px) {

  .contactContainerInnerMail {
    width: 300px;
  }
  .contactContainerHeader h3 {
    font-size: 22px;
    padding-top: 80px;
  }
  .contactContainerInner {
    display: block;
    width: 100%;
  }
  .contactContainerInnerTel {
    width: 100%;
    max-width: 80%;
    text-align: center;
    margin: 0 5%;
  }
  .contactContainerInnerTel a {
    font-size: 30px;
  }
  .contactContainerInnerTel a span {
    font-size: 20px;
  }
  .contactContainerInnerMail {
    width: 100%;
    margin-left: 0;
  }
  .contactContainerInnerMail a {
    width: 300px;
    max-width: 80%;
    margin: 0 5%;
  }
  .contactContainerInnerMail::before {
    left: 34%;
  }
}

@media screen and (max-width: 767px) {
  .contactContainerInnerMail::before {
    left: 16%;
  }
}
/* フッター */
/* フッターPC */
.footerMenu {
  display: flex;
  justify-content: space-between;
  width: 600px;
  margin: 68px auto 0;
}
.footerMenu > li {
  width: 120px;
  font-size: 14px;
  color: rgb(18, 18, 18);
  line-height: 2.143;
  text-align: center;
}
.footerMenu > li > a {
  display: inline-block;
  width: 100%;
}
.footerMenu > li:not(:first-child) > a {
  border-left: solid 1px #a6a6a6;
}
.footerMenu > li > ul {
  width: 220px;
  padding-top: 6px;
  padding-left: 31px;
}
.footerMenu > li > ul li {
  font-size: 12px;
  color: rgb(18, 18, 18);
  line-height: 2;
  text-align: left;
}
.footerContainerCopyright {
  text-align: center;
  padding: 42px 0 60px;
}
.footerContainerCopyright p {
  font-size: 12px;
  color: rgb(18, 18, 18);
}
/* フッターSP */
@media (max-width: 767px) {
  .footerContainerTop {
    display: none;
  }
  .footerContainerCopyright {
    padding: 21px 0 30px;
  }
  .footerContainerCopyright p {
    font-size: 11px;
    padding-left: 5%;
    text-align: left;
  }
}

/* 納入事例バナー */
/* 納入事例バナーPC */
.bnrContainer img {
  position: fixed;
  right: 120px;
  bottom: 180px;
}
/* 納入事例バナーSP */
@media screen and (max-width: 1024px) {
  .bnrContainer img {
    right: 100px;
    bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .bnrContainer img {
    width: 60%;
  }
}

/* ページトップへ */
/* ページトップへPC */
.totopContainer {
  position: fixed;
  right: 100px;
  bottom: 100px;
}
/* ページトップへSP */
@media screen and (max-width: 1024px) {
  .totopContainer {
    position: fixed;
    left: unset;
    bottom: 80px;
    right: 20px;
    left: unset;
  }
  .totopContainer a img {
    width: 60px;
  }
}


/* sid_nav */

.sidnav{
  position: fixed;
  top: 280px;
  right: 0;
  width: 50px;
  z-index: 10;
}

.sidnav a{
  display: block;
  font-size: 18px;
  width: 100%;
  height: 140px;
  padding: 30px 16px 30px 10px;
  letter-spacing: 0.05em;
  box-sizing: border-box;
  background: #063282;
  border: 2px solid #063282;
  color: #fff;
  border-radius: 10px 0 0 10px;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  font-weight: 600;
}
.sidnav a:hover{
  border: 2px solid #063282;
  color: #063282;
  background: #fff;
  font-weight: bold;

}

@media screen and (max-width: 496px) {
  .sidnav{
    position: fixed;
    top: auto;
    bottom: 16%;
    width: 40px;
  }

  .sidnav a{
    display: block;
    font-size: 15px;
    width: 100%;
    padding: 37px 8px 30px 5px;
    letter-spacing: 0.05em;
    box-sizing: border-box;
    background: #063282;
    border: 2px solid #063282;
    color: #fff;
    border-radius: 10px 0 0 10px;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
  }
}

/* heder_nav */

.header__gnav-list--item .submenu {
  opacity: 0;
  position: absolute;
  left: calc(80% - 126px);
  top: 100%;
  /* width: 260px; */
  width: 296px;
  padding: 1rem 2rem;
  background: rgba(199,244,255,.9);
  transition: all 0.4s;
  visibility: hidden;
}



.header__gnav-list--item:hover .submenu {
  opacity: 1;
  transition: all 0.4s;
  visibility: visible;
}

.header__gnav-list--item .submenu li a {
  display: block;
  padding: 1rem 0;
  color: #108ad8;
  text-align: left;
  border-bottom: rgba(18,18,18,0);
  border-bottom: rgba(255,255,255,0) solid 1px;
}
.header__gnav-list--item .submenu li a:hover{
  border-bottom: none;
  border-bottom: #fff solid 1px;
}
.header__gnav-list--item .submenu .on{
  border-bottom: #fff solid 1px;
}

@media screen and (max-width: 767px) {
  .header__gnav-list--item:hover .submenu {
    display: none;
  }
}

/* ヘッダーナブカレント */
.headerMenu > li.on{
  position: relative;
}
.headerMenu > li.on::after{
  content: "";
  width: 20%;
  height: 3px;
  background-color: #108ad8;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}

/* マウスホバー時オパシティ */
.headerMenu > li:last-child ul li:nth-child(2){
  transition: 0.4s;
}
.caseContainerInnerTopBox a:hover{
  opacity: 0.4;
}
.headerMenu > li:last-child ul li:nth-child(2):hover{
  opacity: 0.4;

}
.acd-label:hover{
  opacity: 0.8;
  transition: 0.4s;
}

/* マウスホバー時色反転 */
.productContainerInnerBox001contentText a:hover{
  color: #6cca07;
  background: #fff;
  border: 2px solid #6cca07;
  transition: 0.4s;
}
.productContainerInnerBox002contentText a:hover{
  color: #6cca07;
  background: #fff;
  border: 2px solid #6cca07;
  transition: 0.4s;
}
.productContainerInnerBox003contentText a:hover{
  color: #6cca07;
  background: #fff;
  border: 2px solid #6cca07;
  transition: 0.4s;
}
.productContainerInnerBox004contentText a:hover{
  color: #6cca07;
  background: #fff;
  border: 2px solid #6cca07;
  transition: 0.4s;
}
.caseContainerInner > a:hover{
  color: #6cca07;
  background: #fff;
  border: 2px solid #6cca07;
  transition: 0.4s;
}

/* spナビゲーション*/

.header_nav_sp{
  display: none;
}

@media screen and (max-width: 1024px) {

  .header_nav_pc{
    display: none;
  }
  .header_nav_sp{
    display: block;
    overflow: auto;
    /* ナビゲーションをスクロールさせる。 */
    overflow-y: scroll;
    /* ヘッダーの高さ引く */
    height: calc(100% - 97px);
  }
  .header_nav_sp li{
    /* width: 200px; */
    width: 250px;

    margin: 0 auto;
    position: relative;

  }
  .header_nav_sp li::after{
    content: "";
    display: block;
    position: absolute;
    top: unset;
    bottom: 0;
    /* left: 25px; */
    left: 50%;
    transform: translate(-50%,0);
    /* width: 150px; */
    width: 181px;
    height: 2px;
    border-left: none;
    border-bottom: dotted 2px #121212;
  }

  .header_nav_sp > li{
   display: block;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    transition: all 0.8s;
    padding: 16px 0;
  }
    .header_nav_sp > li a {
      font-size: 16px;
      font-weight: bold;
  }

  .header_nav_sp > li a span {
    font-size: 9px;
    font-family: 'Arial',sans-serif;
    color: rgb(140, 139, 139);
  }
  .header_nav_sp .submenu_sp p{
    display: block;
    line-height: 2rem;
  }
  .headerMenu > li:last-child ul li:nth-child(2) a {
    font-size: 14px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    display: block;
    width: 100%;
}
.header_nav_sp li .contact_sp_nav li::after{
  border-bottom: none;
}
.header_nav_sp li .contact_sp_nav li:nth-child(2){
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 30px;
  background-color: #6cca07;
  border: 2px solid #6cca07;
  border-radius: 5px;
  margin-top: 10px;
}
.header_nav_sp li .contact_sp_nav li:nth-child(2) a{
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  display: block;
  width: 100%;

}
.header_nav_sp li:last-child{
  margin-bottom: 50px;
}
.header_nav_sp li .contact_sp_nav li:last-child{
  margin-bottom: 0;
}
}


.header_nav_pc{
  opacity: 1;
}
#water-supply{
  padding-top: 60px;
  margin-top: -60px;
}
#water-hammer{
  padding-top: 60px;
  margin-top: -60px;
}
#air-container{
  padding-top: 60px;
  margin-top: -60px;
}
#automatic-washr{
  padding-top: 60px;
  margin-top: -60px;
}
#water-supply01{
  padding-top: 60px;
  margin-top: -60px;
}
#water-supply02{
  padding-top: 165px;
  margin-top: -110px;
}

#water-supply03{
  padding-top: 165px;
  margin-top: -110px;
}
#water-supply04{
  padding-top: 60px;
  margin-top: -60px;
}



@media screen and (max-width: 1024px) {

  .headerContainerInner p{
    display: none;
  }
  .headerContainerInnerCenterLogo h1 a img {
    width: 190px;
    margin-top: 25px;
  }
}

.totopContainer{
  transition: opacity .3s ease;
}
 .totopContainer a{
  transition: none;
 }
 .totopContainer:hover {
   opacity: .5;
 }

 /* top のボタンが被らないようにする */
 @media screen and (max-width: 1420px) {
  .totopContainer{
    position: fixed;
    right: 3%;
    bottom: 5%;
    width: auto;
    box-sizing: border-box;
    left: auto;
    transform: scale(1);
    transform-origin: top right;
  }
  .totopContainer a img {
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .totopContainer{
    position: fixed;
    right: 3%;
    bottom: 5%;
    width: auto;
    left: auto;
    transform: scale(.7);
    transform-origin: top right;
  }
  .totopContainer a img {
    width: 100%;
  }

}
/* sp カレント */

.header_nav_sp .on  {
  color: #108ad8 !important;
}