@charset "utf-8";

/* ===================================
   リセット・汎用クラス　　　　　　　　　　　　　　　　
=================================== */
body{
  padding: 0;
  margin: 0 !important;
  font-size: 100%;
}
.malp{
  font-family: "Roboto","Noto Sans JP",sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.malp main h1,
.malp main h2,
.malp main h3,
.malp main h4,
.malp main div,
.malp main p,
.malp main ul,
.malp main ol,
.malp main li,
.malp main dl,
.malp main dt,
.malp main dd,
.malp main table,
.malp main th,
.malp main td{
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #111;
  line-height: 1.8;
  box-sizing: border-box;
}
.malp main .contents_wrap{
   width: 1000px;
   margin: 0 auto;
   padding: 80px 0;
}
.malp main .contents_wrap h2{
   font-size: 42px;
   font-weight: 900;
   text-align: center;
   line-height: 1.4;
   margin: 0 0 40px 0;
   padding-bottom: 14px;
   letter-spacing: 0.04em;
   position: relative;
}
.malp main .contents_wrap h2::after{
   content: "";
   width: 90px;
   height: 3px;
   background: url("../images/bg_h2_dot.png") center center repeat-x;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
}
.malp main .contents_wrap h2 span{
   display: block;
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 3px; 
   color: #00a7ac;
}
.malp main .contents_wrap h2 + p{
   text-align: center;
   margin-bottom: 40px;
}
.malp a{
  text-decoration: none;
  color: #00a7ac;
}
.malp main img{
  border: none;
  vertical-align: middle;
}
.malp main ul li,
.malp main ol li{
   list-style: none;
}
.malp main sup{
  vertical-align: top;
}
.malp main .note{
  display: block;
  font-size: 0.85rem;
  line-height: 1.8 !important;
  padding-left: 1em;
  text-indent: -1em;
}
/* .malp main .note a{
   text-decoration: underline;
} */
.malp main .indent{
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}
.malp main .txt_small{
   font-size: 0.8rem;
}
.sp_only{
   display: none;
}

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

body{
  margin: 0 0 0 0 !important;
}
.malp main h1,
.malp main h2,
.malp main h3,
.malp main h4,
.malp main div,
.malp main p,
.malp main ul,
.malp main ol,
.malp main li,
.malp main dl,
.malp main dt,
.malp main dd,
.malp main table,
.malp main th,
.malp main td{
  margin: 0;
  padding: 0;
  font-size: 15px;
  color: #111;
  line-height: 1.8;
  box-sizing: border-box;
}
.malp main .contents_wrap{
   width: 100%;
   padding: 40px 5%;
   box-sizing: border-box;
}
.malp main .contents_wrap h2{
   font-size: 26px;
   margin: 0 0 30px 0;
   padding-bottom: 12px;
}
.malp main .contents_wrap h2 span{
   font-size: 14px;
}
.malp main .contents_wrap h2 + p{
   text-align: left;
   margin-bottom: 30px;
}
#page-top {
    bottom: 65px;
}
.pc_only{
   display: none;
}
.sp_only{
   display: inline-block;
}
}

/* ===================================
   MV　　　　　　　　　　　　　　　
=================================== */
h1 {
   width: 100%;
   height: 80vh; 
   overflow: hidden;
   margin: 0;
   padding: 0;
   position: relative;
}
.mainV {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
}
.mainV video {
   object-fit: cover; 
   min-width: 100%; 
   min-height: 100%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
   h1 {
      height: 50vh; 
   }
   .mainV video {
   max-width: 100%;
}
}
/* ===================================
   ヘッダー　　　　　　　　　　　　　　　　
=================================== */
#header {
   position: static !important;
}
.pipe_equipment .header_hamburger{
   display: none;
}
.pipe_equipment .page_header{
   display: flex;
   position: fixed;
   top: 5;
   right: 0;
   z-index: 22;
}
.pipe_equipment #header_cta .header_cta_inner{
   display: flex;
   justify-content: center;
   align-items: center;
   height: 65px;
}
.pipe_equipment #header_cta .header_cta_inner a{
   display: block;
   text-align: center;
   box-sizing: border-box;
   width: 220px;
   line-height: 1.4;
   transition: all .1s ease-out;
   color: #00a7ac;
   font-weight: 700;
}
.pipe_equipment #header_cta .header_cta_inner a:nth-child(1){
   background: url(../images/ico_download.png) #fff left 13px center no-repeat;
   background-size: 24px;
   margin-right: 10px;
   padding: 17px 2px 16px 33px;
   border: 2px solid #00a7ac;
   border-radius: 50px;
}
.pipe_equipment #header_cta .header_cta_inner a:nth-child(2){
   background: url(../images/ico_cta_inquiry_w.png) #00a7ac left 26px center no-repeat;
   color: #fff;
   background-size: 30px;
   padding: 5px 0 5px 33px;
   border: 2px solid #00a7ac;
   border-radius: 50px;
}
.pipe_equipment #header_cta .header_cta_inner a:nth-child(1):hover{
   color: #fff;
   background: url(../images/ico_download_w.png) #00a7ac left 13px center no-repeat;
   background-size: 24px;
   border: 2px solid #fff;
}
.pipe_equipment #header_cta .header_cta_inner a:nth-child(2):hover{
   color: #00a7ac;
   background: url(../images/ico_cta_inquiry.png) #fff left 26px center no-repeat;
   background-size: 30px;
   border: 2px solid #00a7ac;
}

.pipe_equipment #title_box{
   width: 100%;
   position: relative;
}
.pipe_equipment #title_box h1 img{
   display: block;
   width: 100%;   
}
.pipe_equipment .heder_area{
   position: relative;
   position: sticky;
   top: 0;
   z-index: 999;
}
.pipe_equipment .heder_area{
   display: flex;
   justify-content: center;
   background-color: #fff;
   padding: 13px 0 8px 0;
   box-shadow: 0px 3px 5px -4px #777777;
}
.pipe_equipment .heder_area .navi_box .navi_innerbox{
   display: flex;
   justify-content: center;
}
.pipe_equipment .heder_area .navi_box .navi_innerbox .logo_img:hover{
   opacity: .7;
}
.pipe_equipment .heder_area .navi_box ul{
   height: 70px;
   box-sizing: border-box;
   background-color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-right: 30px;
}
.pipe_equipment .heder_area .navi_box ul li{
   font-weight: 600;
}
.pipe_equipment .heder_area .navi_box ul li a{
   color: #111;
   padding-right: 18px;
   margin-right: 25px;
   position: relative;
   transition: .15s all ease-out;
}
.pipe_equipment .heder_area .navi_box ul li:last-child a{
   margin-right: 0px;
}
.pipe_equipment .heder_area .navi_box ul li a:hover{
   color: #00a7ac;
}
.pipe_equipment .heder_area .navi_box ul li a:hover::after{
   color: #00a7ac;
}
.pipe_equipment .navi_box ul li a::after {
   content: "";
   position: absolute;
   top: 5px;
   right: 0;
   display: inline-block;
   vertical-align: middle;
   color: #bbb;
   line-height: 1;
   width: 10px;
   height: 10px;
   border: 2px solid currentColor;
   border-radius: 1px;
   border-left: 0;
   border-bottom: 0;
   box-sizing: border-box;
   transform: translateY(-25%) rotate(135deg);
   transition: .15s all ease-out;
}

@media screen and (max-width: 767px){
.pipe_equipment .header_hamburger{
   display: block;
   width: 50px;
   height: 50px;
   background-color: #fff;
   border: 1px solid #00a7ab;
   box-sizing: border-box;
   position: fixed;
   top: 0;
   right: 0;
   cursor: pointer;
   z-index: 999;
}

.pipe_equipment .header_hamburger div{
   position: relative;
}
.pipe_equipment .header_hamburger div span{
   display: block;
   width: 24px;
   height: 2px;
   margin: auto;
   background-color: #00a7ab;
   position: absolute;
   left: 0;
   right: 0;
   transition: all 0.3s;
}
.pipe_equipment .header_hamburger div span:first-child {
   top: 8px;
}
.pipe_equipment .header_hamburger div span:nth-child(2) {
   top: 16px;
}
.pipe_equipment .header_hamburger div span:nth-child(3) {
   top: 24px;
}
.pipe_equipment .header_hamburger p {
   padding-top: 20px;
   font-weight: 600;
   font-size: 10px;
   text-align: center;
   letter-spacing: 0;
   color: #00a7ac;
}
.pipe_equipment .header_hamburger.is-open div span:first-child {
   transform: rotate(45deg);
   top: 16px;
}
.pipe_equipment .header_hamburger.is-open div span:nth-child(2) {
   opacity: 0;
}
.pipe_equipment .header_hamburger.is-open div span:nth-child(3) {
   transform: rotate(-45deg);
   top: 16px;
}

.pipe_equipment .heder_area{
   padding: 0;
   box-shadow: none;
}
.pipe_equipment .heder_area .navi_box .navi_innerbox{
   display: block;
}
.pipe_equipment #header_cta{
   position: fixed;
   top: inherit;
   bottom: 0;
   right: 0;
   left: 0;
   z-index: 22;
   width: 100%;
}
.pipe_equipment .heder_area .navi_box .navi_innerbox .logo_img{
   width: 60%;
   margin: 0 auto;
}
.pipe_equipment #header_cta .header_cta_inner{
   height: 55px;
   width: 100%;
}
.pipe_equipment #header_cta .header_cta_inner a{
   width: 50%;
   height: 55px;
   transition: none;
   font-size: 15px;
   border: 1px solid #00a7ac;
   box-sizing: border-box;
}
.pipe_equipment #header_cta .header_cta_inner a:nth-child(1){
   border: 1px solid #00a7ac;
   margin-right: 0;
   border-radius: 0;
   background: url(../images/ico_download.png) #fff left 20px center no-repeat;
   background-size: 26px;
   padding: 6px 0 5px 27px;
}
.pipe_equipment #header_cta .header_cta_inner a:nth-child(2){
   border: 1px solid #00a7ac;
   border-radius: 0;
   background: url(../images/ico_cta_inquiry_w.png) #00a7ac left 20px center no-repeat;
   background-size: 26px;
   padding: 6px 0 5px 27px;
}
body.is-fixed{
   overflow: hidden;
}
.pipe_equipment .heder_area .navi_box{
   display: none;
   width: 100%;
   height: calc( 80vh - 105px );
   background-color: #ededed;
   margin: 0 auto;
   padding: 30px 5%;
   position: fixed;
   top: 50px;
   left: 0;
   right: 0;
}
.pipe_equipment .heder_area .navi_box ul{
   width: 100%;
   height: auto;
   border: none;
   border-radius: 0;
   background-color: inherit;
   display: block;
}
.pipe_equipment .heder_area #header_cta {
   position: relative;
   top: inherit;
   bottom: 0;
}
.pipe_equipment .heder_area #header_cta .header_cta_inner {
   width: 100%;
   position: fixed;
   display: flex;
   bottom: 0;
   justify-content: center;
   align-items: center;
   right: inherit;
}


.pipe_equipment .heder_area .navi_box ul li{
   font-weight: 500;
   font-size:16px;
}
.pipe_equipment .heder_area .navi_box ul li a{
   display: block;
   padding-right: 20px;
   margin: 0;
   padding: 15px 0;
   border-bottom: 1px solid #ccc;
   transition: none;
}
.pipe_equipment .heder_area .navi_box ul li:last-child a{
   margin: 0px;
   border-bottom: 0;
}
.pipe_equipment .heder_area .navi_box ul li a::after{
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
   right: 10px;
   color: #111;
   transition: none;
}
.pipe_equipment .heder_area .navi_box ul li a:hover{
   color: #111;
}
.pipe_equipment .heder_area .navi_box ul li a:hover::after{
   color: #111;
}
}


/* ===================================
   01_管工事・設備工事で選ばれる理由
=================================== */
.pipe_equipment #anc_reason .reason_box h3{
   font-size: 22px;
   font-weight: 800;
   margin-bottom: 20px;
   border-bottom: 1px solid #111;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox{
   margin-bottom: 50px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox:last-child{
   margin-bottom: 0;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div:first-child{
   float: right;
   width: 460px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div:first-child img{
   width: 100%;
   border-radius: 10px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div img{
   margin-top: 40px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div:last-child{
   float: left;
   width: 500px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div:last-child p{
   margin-bottom: 30px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div:last-child dl dt{
   font-weight: 800;
   padding-left: 16px;
   margin-bottom: 15px;
   position: relative;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div:last-child dl dt span{
   background-color: #00a7ab;
   color: #fff;
   border-radius: 20px;
   font-size: 0.9em;
   padding: 3px 8px;
   font-weight: normal;
   margin-right: 10px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div:last-child dl dt::before{
   content: "";
   width: 8px;
   height: 8px;
   display: block;
   position: absolute;
   left: 0;
   top: 9px;
   line-height: 8px;
   background-color: #00a7ac;
   border-radius: 50%;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div:last-child dl dd{
   padding-left:16px;
   font-size: 15px;
   margin-bottom: 20px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div:last-child dl dd:last-of-type{
   margin-bottom: 0;
}
.pipe_equipment #anc_reason p strong{
   display: inline;
   font-weight: normal;
   background: linear-gradient(transparent 60%, #cef0f0 40%);
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox  dl dd span{
   border: 1px solid #000;
   padding: 3px 6px;
   margin-right: 10px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox  dl dd a{
   border-bottom: 1px solid #00a7ac;
   padding-bottom: 3px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox  dl dd .link_ico a {
  display: inline-block;
  line-height: 1.2;
  vertical-align: middle;
  position: relative;
  margin-top: 20px;
  font-weight: 500;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox  dl dd .link_ico {
   position: relative;
   padding-left: 25px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox  dl dd .link_ico::before {
   content: "";
   display: inline-block;
   width: 20px;
   height: 20px;
   background-image: url(../images/ico_link.png);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   position: absolute;
   left: 0;
   top: 30px;
   transform: translateY(-50%);
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox  dl dd .link_text{
   margin-top: 20px;
   display: -webkit-inline-box;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox  dl dd .link_text a{
   font-weight: 500;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox  dl dd .link_text div{
   display:inline-block;
}


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

.pipe_equipment #anc_reason .reason_box h3{
   font-size: 18px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox{
   margin-bottom: 30px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div:first-child{
   float: none;
   width: 100%;
   margin-bottom: 20px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div:first-child img{
   width: 100%;
   border-radius: 10px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div:last-child{
   float: none;
   width: 100%;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div:last-child p{
   margin-bottom: 20px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div:last-child dl dt{
   padding-left: 14px;
   margin-bottom: 0px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div:last-child dl dt::before{
   top: 8px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div:last-child dl dd{
   padding-left:14px;
   font-size: 14px;
   margin-bottom: 10px;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div:last-child dl dd:last-of-type{
   margin-bottom: 0;
}
.pipe_equipment #anc_reason .reason_box .reason_innerbox div img{
   margin-top: 10px;
}
}


/* ===================================
   02_導入事例　　　　　　　　　　　　　　　
=================================== */
.pipe_equipment #anc_case{
   width: 100%;
   margin-top: 40px;
   background-color: #e3f3f3;
}
.pipe_equipment .case_box{
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   gap: 30px;
}
.pipe_equipment .case_box .case_innerbox{
   width: 48%;
   border: 1.5px solid #00a7ac;
   border-radius: 10px;
   padding-bottom: 10px;
   position: relative;
   background-color: #fff;
}
.pipe_equipment .case_box .case_innerbox:hover{
   transform: translateY(-2%);
   box-shadow: 0 10px 10px -10px #425058;
   transition-duration: 300ms;
}
.pipe_equipment .case_box .case_innerbox img{
   display: block;
   width: 100%;
   border-radius: 10px 10px 0 0;
}
.pipe_equipment .case_box .case_innerbox h3{
   font-size: 18px;
   margin: 15px 0;
}
.pipe_equipment .case_box .youtube_text{
   padding: 20px;
}
.pipe_equipment .case_box .youtube_text .company_name{
   color: #00a7ac;
   font-weight: bold;
   font-size: 0.9em;
}
.pipe_equipment .case_box .youtube_text h3{
   text-align: left;
   font-size: 1.25em;
   line-height: normal;
}
.pipe_equipment .case_box .youtube_text .target_model span{
   border: 1px solid #000;
   padding: 3px 6px;
   margin-right: 10px;
}



/* youtubeモーダル */
.modal-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.7);
   display: none;
   z-index: 1000;
   overflow: auto;
}
.modal-overlay.is-open {
   display: block;
}
.modal-content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   max-width: 90%;
   padding: 0;
   background: transparent;
}
.video-container {
   position: relative;
   width: 50%;
   height: auto;
}
.modal-close {
   position: absolute;
   top: -30px;
   right: -30px;
   width: 30px;
   height: 30px;
   background: transparent;
   border: none;
   color: #fff;
   font-size: 2.5em; 
   line-height: 1; 
   cursor: pointer;
   z-index: 1001;
   display: flex;
   justify-content: center;
   align-items: center;
}

@media screen and (max-width: 767px){
.pipe_equipment .case_box .case_innerbox{
   width: 100%;
   margin: 0 auto 10px auto;
   padding-bottom: 20px;
}
.pipe_equipment .case_box .case_innerbox:nth-of-type(3n){
   margin: 0 auto 10px auto;
}
.pipe_equipment .case_box .case_innerbox:nth-of-type(n+4){
   margin: 0 auto 10px auto;
}
.pipe_equipment .case_box .case_innerbox:nth-of-type(6){
   margin: 0 auto;
}
.pipe_equipment .case_box .case_innerbox::after{
   position: absolute;
   bottom: 20px;
   right: 20px;
   text-align: right;
   font-size: 14px;
}
.pipe_equipment .case_box .case_innerbox h3{
   letter-spacing: 0.1em;
   font-size: 16px;
   margin: 10px 0 20px 0;
}

.modal-content {
   width: 320px; 
   max-width: 320px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%); 
   margin: auto; 
}

.video-container {
   width: 320px;
   padding-bottom: 0;
   height: 180px;
   position: relative; 
}

.video-container iframe {
   width: 320px !important;
   height: 180px !important;
   position: absolute; 
   top: 0;
   left: 0;
}
.modal-close {
   position: absolute;
   top: -30px; 
   right: -30px; 
   width: 40px;
   height: 40px;
   background: transparent;
   border: none;
   color: #fff; 
   font-size: 3em;
   line-height: 1; 
   cursor: pointer;
   z-index: 1002; 
   display: flex;
   justify-content: center;
   align-items: center;
   text-shadow: 0 0 5px rgba(0,0,0,0.5); 
   opacity: 0.9;
}
}

/* ===================================
   03_購入支援制度
=================================== */
.pipe_equipment #anc_support .support_box h3{
   font-size: 22px;
   font-weight: 800;
   margin-bottom: 20px;
   border-bottom: 1px solid #111;
}
.pipe_equipment #anc_support .support_box .support_innerbox{
   margin-bottom: 50px;
}
.pipe_equipment #anc_support .support_box .support_innerbox:last-child{
   margin-bottom: 0;
}
.pipe_equipment #anc_support .support_box .support_innerbox div:first-child{
   float: right;
   width: 415px;
}
.pipe_equipment #anc_support .support_box .support_innerbox div:first-child img{
   width: 100%;
   border-radius: 10px;
}
.pipe_equipment #anc_support .support_box .support_innerbox div:last-child{
   float: left;
   width: 545px;
}
.pipe_equipment #anc_support .support_box .support_innerbox div:last-child p{
   margin-bottom: 30px;
}
.pipe_equipment #anc_support .support_box .support_innerbox div:last-child dl dt{
   font-weight: 800;
   padding-left: 16px;
   margin-bottom: 15px;
   position: relative;
}
.pipe_equipment #anc_support .support_box .support_innerbox div:last-child dl dt span{
   background-color: #00a7ab;
   color: #fff;
   border-radius: 20px;
   font-size: 0.9em;
   padding: 3px 15px;
   font-weight: normal;
   margin-right: 10px;
}
.pipe_equipment #anc_support .support_box .support_innerbox div:last-child dl dd strong{
   display: inline;
   font-weight: normal;
   background: linear-gradient(transparent 60%, #cef0f0 40%);
}
.pipe_equipment #anc_support .support_box .support_innerbox div:last-child dl dd{
   padding-left:16px;
   font-size: 15px;
   margin-bottom: 20px;
}
.pipe_equipment #anc_support .support_box .support_innerbox div:last-child dl dd:last-of-type{
   margin-bottom: 0;
}
.pipe_equipment #anc_support .support_box .support_innerbox dl dd a {
   border-bottom: 1px solid #00a7ac;
   padding-bottom: 3px;
}
.pipe_equipment #anc_support .support_box .support_innerbox dl dd .link_ico a {
   display: inline-block;
   line-height: 1.2;
   vertical-align: middle;
   position: relative;
   margin-top: 30px;
   font-weight: 500;
}
.pipe_equipment #anc_support .support_box .support_innerbox dl dd .link_ico {
   position: relative;
   padding-left: 25px;
}
.pipe_equipment #anc_support .support_box .support_innerbox dl dd .link_ico::before {
   content: "";
   display: inline-block;
   width: 20px;
   height: 20px;
   background-image: url(../images/ico_link.png);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   position: absolute;
   left: 0;
   top: 40px;
   transform: translateY(-50%);
}


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

.pipe_equipment #anc_support .support_box h3{
   font-size: 18px;
}
.pipe_equipment #anc_support .support_box .support_innerbox{
   margin-bottom: 30px;
}
.pipe_equipment #anc_support .support_box .support_innerbox div:first-child{
   float: none;
   width: 100%;
   margin-bottom: 20px;
}
.pipe_equipment #anc_support .support_box .support_innerbox div:first-child img{
   width: 100%;
   border-radius: 10px;
}
.pipe_equipment #anc_support .support_box .support_innerbox div:last-child{
   float: none;
   width: 100%;
}
.pipe_equipment #anc_support .support_box .support_innerbox div:last-child p{
   margin-bottom: 20px;
}
.pipe_equipment #anc_support .support_box .support_innerbox div:last-child dl dt{
   padding-left: 14px;
   margin-bottom: 0px;
}
.pipe_equipment #anc_support .support_box .support_innerbox div:last-child dl dt::before{
   top: 8px;
}
.pipe_equipment #anc_support .support_box .support_innerbox div:last-child dl dd{
   padding-left:14px;
   font-size: 14px;
   margin-bottom: 10px;
}
.pipe_equipment #anc_support .support_box .support_innerbox div:last-child dl dd:last-of-type{
   margin-bottom: 0;
}

}

/* ===================================
   04_ラインナップ
=================================== */

.pipe_equipment #anc_lineup{
   background-color: #e3f3f3;
}
.pipe_equipment #anc_lineup .lineup_box{}
.pipe_equipment #anc_lineup .lineup_box h3{
   font-size: 22px;
   font-weight: 800;
   margin-bottom: 20px;
   border-bottom: 1px solid #111;
}
.pipe_equipment #anc_lineup .lineup_box .note{
   margin-top: 35px;
}
.pipe_equipment #anc_lineup .lineup_box .note li{
   font-size:0.9em;
}
.pipe_equipment #anc_lineup .lineup_box .note li a{
   border-bottom: 1px solid #00a7ac;
   padding-bottom: 2px;
   font-weight: 500;
}
.pipe_equipment #anc_lineup .lineup_box h3 + p{
   margin-bottom: 20px;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable{
   margin-bottom: 40px;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable:last-child{
   margin-bottom: 0px;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table{
   width: 100%;
   background-color: #ffffff;
   border-spacing: 0;
   border-collapse: separate;
   overflow: hidden;
   border: #d3d3d3 1px solid;
   margin-bottom: 5px;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table colgroup col{ width: 120px;}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table colgroup col:nth-of-type(1){ width: 180px;}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table colgroup col:nth-of-type(2){ width: 170px;}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table colgroup col:nth-of-type(3){ width: 130px;}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table colgroup col:nth-of-type(4){ width: 140px;}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table colgroup col:nth-of-type(5){ width: 100px;}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table colgroup col:nth-of-type(6){ width: 130px;}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table colgroup col:last-of-type{ width: 110px;}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > th,
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td{
   border-bottom: 1px solid #d3d3d3;
   font-size: 15px;
   text-align: center;
   padding: 5px 0 6px 0;
   line-height: 1.5;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > th{
	background:#333F49;
   line-height: 1.5;
   padding: 15px 0 13px 0;
   border-left: 1px solid #d3d3d3;
   color: #fff;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > th:first-child{
   border-left: none;      
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td{
   border-left: 1px solid #d3d3d3;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td:first-child{
   border-left: none;
   padding: 5px 2px 7px 5px;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr:last-child th,
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr:last-child td{
   border-bottom: none;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td a{
   display: flex;
   justify-content: center;
   align-items: center;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td a p{
   color: #00a7ac;
   text-decoration: underline;
   line-height: 1.5;
   font-size: 15px;
   margin-right: 6px;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td a:hover p{
   text-decoration: none;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td a p img{
   display: block;
   max-width: 50px;
   max-height: 52px;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td.btn_download{
   padding: 6px 10px;
   width: 160px;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td.btn_download a{
   display: block;
   border: 1px solid #00a7ac;
   border-radius: 20px;
   font-weight: 500;
   padding: 5px 20px 4px 0;
   background: url("../images/ico_download.png") #fff right 16px center no-repeat;
   background-size: 16px;
   transition: .15s all ease-out;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td.btn_download a:hover{
   background: url("../images/ico_download_w.png") #00a7ac right 16px center no-repeat;
   color: #fff;
   background-size: 16px;
}



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

.pipe_equipment #anc_lineup .lineup_box h3{
   font-size: 18px;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable{
   overflow-x:auto;
   margin-bottom:20px;
   margin-bottom: 30px;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table{
   width: 1000px;
   margin-bottom: 8px;
}
/* スクロールバー全体 */
.pipe_equipment #anc_lineup .lineup_box .responsiveTable::-webkit-scrollbar{
    height: 0.75em;
    background-color: #eee;
    border-radius: 6px;
    border-radius: 0.6rem;
}
/* スクロールバーのつまみ(可動部分) */
.pipe_equipment #anc_lineup .lineup_box .responsiveTable::-webkit-scrollbar-thumb{
    background-color:#ccc;
    border-radius: 6px;
    border-radius: 0.6rem;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable::-webkit-scrollbar-thumb:hover{
    background-color: #888;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > th,
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td{
   font-size: 14px;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > th{
   padding: 10px 0;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td a p{
   font-size: 14px;
}
.pipe_equipment #anc_lineup .lineup_box .responsiveTable table > tbody > tr > td a p img{
   display: block;
   height: 46px;
}

}

/* ===================================
   05_よくあるご質問
=================================== */
.pipe_equipment #anc_faq .faq_box .faq_innerbox{
   margin-bottom: 10px;
   background-color: #fff;
   border: 1px solid #00a7ac;
   border-radius: 10px;
   /* padding: 0 40px; */
   background-color: #E3F3F3;
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox:last-child{
   margin-bottom: 0;
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl{}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dt,
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dd{
   font-size: 15px;
   position: relative;
   padding: 20px 0 20px 75px;
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dd{
   padding-right:40px;
   border-radius: 0 0 10px 10px;
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dt::before,
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dd::before{
   color: #00a7ac;
   font-size: 30px;
   font-weight: 500;
   position: absolute;
   line-height: 1;
   left: 40px;
   top: 18px;
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dt{
   font-weight: 700;
   cursor: pointer;
   background: url("../images/ico_faq_open.png") right center no-repeat;
   background-size: 33px;
   background-position: right 40px center;
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dt.active{
   background: url("../images/ico_faq_close.png") right center no-repeat;
   background-size: 33px;
   background-position: right 40px center;
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dt::before{
   content: "Q";
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dd{
   display: none;
   background-color: #fff;
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dd::before{
   content: "A";
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dd span a{
   position: relative;
   display: block;
   line-height: 1.0;
   padding: 15px 0 0 15px;
   font-weight: 500;
   text-decoration: underline;
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dd span a:hover{
   text-decoration: none;   
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dd span a::before{
   content: "";
   position: absolute;
   left: 0;
   top: 18px;
   color: #00a7ac;
   width: 0.5em;
   height: 0.5em;
   border: 0.1em solid currentColor;
   border-left: 0;
   border-bottom: 0;
   box-sizing: border-box;
   transform: translateX(-25%) rotate(45deg);
}


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

/* .pipe_equipment #anc_faq .faq_box .faq_innerbox{
   padding: 0 15px;
} */
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dt,
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dd{
   font-size: 15px;
   position: relative;
   padding: 15px 41px 15px 37px;;
   line-height: 1.6;
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dt::before,
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dd::before{
   font-size: 20px;
   position: absolute;
   top: 16px;
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dt{
   background: url("../images/ico_faq_open.png") right center no-repeat;
   background-size: 22px;
   background-position: right 15px center;
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dt.active{
   background: url("../images/ico_faq_close.png") right center no-repeat;
   background-size: 22px;
   background-position: right 15px center;
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dd span a{
   line-height: 1.6;
   padding: 15px 0 0 15px;
   font-weight: 500;
   text-decoration: underline;
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dd span a:hover{
   text-decoration: none;   
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dd span a::before{
   top: 22px;
}
.pipe_equipment #anc_faq .faq_box .faq_innerbox dl dt::before, .pipe_equipment #anc_faq .faq_box .faq_innerbox dl dd::before {
   left: 15px;
}
}


/* ===================================
   06_見積もり依頼/お問い合わせ
=================================== */

.pipe_equipment #anc_cta{
   background-color: #e3f3f3;
}
.pipe_equipment #anc_cta .contents_wrap{
   padding: 60px 0;
}
.pipe_equipment #anc_cta .contents_wrap > p::before{
   margin-right: 0.5em;
   transform: rotate(-30deg);
}
.pipe_equipment #anc_cta .contents_wrap > p::after{
   margin-left: 0.5em;
   transform: rotate(30deg);
}
.pipe_equipment #anc_cta .cta_box{
   /* display: flex; */
   width: 1000px;
   margin: 0 auto;
   text-align: -webkit-center;
}
.pipe_equipment #anc_cta .cta_box a{
   width: 60%;
   display: block;
   padding: 26px 0 32px 0;
   color: #00a7ac;
   line-height: 1.6;
   font-weight: 500;
   text-align: center;
   background: #fff;
   border-radius: 10px 0 0 10px;
   opacity: 1;
   transition: all .2s ease-out;
}
.pipe_equipment #anc_cta .cta_box a{
   background: #fffd3f;
   border-radius: 10px;
}
.pipe_equipment #anc_cta .cta_box a:hover{
   opacity: 0.85;
}
.pipe_equipment #anc_cta .cta_box a strong{
   display: inline-block;
   font-size: 24px;
   font-weight: 800;
   margin-bottom: 10px;
   padding: 10px 10px 10px 50px;
   line-height: 1.0;
}
.pipe_equipment #anc_cta .cta_box a strong{
   background: url("../images/ico_inquiry.png") left 6px no-repeat;
   background-size: 36px;
}
.pipe_equipment #anc_cta .cta_box a span{
   display: block;
   font-size: 14px;
}
iframe {
   overflow: hidden;
}


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

.pipe_equipment #anc_cta .contents_wrap{
   padding: 40px 20px;
}
.pipe_equipment #anc_cta .contents_wrap > p{
   font-size: 18px;
   letter-spacing: 0.05em;
}
.pipe_equipment #anc_cta .contents_wrap > p::before,
.pipe_equipment #anc_cta .contents_wrap > p::after{
   content: "";
   height: 18px;
}
.pipe_equipment #anc_cta .cta_box{
   display: block;
   width: 100%;
}
.pipe_equipment #anc_cta .cta_box a{
   width: 100%;
   display: block;
   padding: 15px 20px 20px 20px;
   border-radius: 10px;
   box-sizing: border-box;
}
.pipe_equipment #anc_cta .cta_box a:hover{
   opacity: 1;
}
.pipe_equipment #anc_cta .cta_box a:first-child{
   width: 100%;
   margin: 0 0 10px 0;
}
.pipe_equipment #anc_cta .cta_box a:nth-child(2){
   border-radius: 10px;
}
.pipe_equipment #anc_cta .cta_box a strong{
   display: inline-block;
   font-size: 20px;
   font-weight: 800;
   margin-bottom: 5px;
   padding: 10px 10px 10px 40px;
   line-height: 1.0;
}
.pipe_equipment #anc_cta .cta_box a strong{
   background: url("../images/ico_inquiry.png") left 7px no-repeat;
   background-size: 30px;
}
.pipe_equipment #anc_cta .cta_box a span{
   display: block;
   font-size: 14px;
}
#formArea {
   min-height: 210vh;
}
}
@media screen and (max-width: 415px){
   #formArea {
   min-height: 216vh;
   }
}
@media screen and (max-width: 391px){
   #formArea {
   min-height: 230vh;
   }
}
@media screen and (max-width: 380px){
   #formArea {
   min-height: 290vh;
   }
}
@media screen and (max-width: 361px){
   #formArea {
   min-height: 264vh;
   }
}