/*---------------------------------------《全体の設定》--------------------------------------------------- */ 

/*はみ出る要素を非表示 */
body{overflow-x:hidden !important;}
div.ccm-page{overflow-x:hidden !important;}

a:focus, button:focus {
    outline: none !important;
}

/*テーブルの余白設定 */                
table td,th{padding-left:10px !important;
    padding-right:10px !important;
    font-size:0.9em !important;
    }
    /* 480px以下に適用されるCSS（スマホ・タブレット用） */
   @media screen and (max-width: 480px) {
    table td,th{font-size:0.5em;
                padding-left:5px !important;
                padding-right:5px !important;}}

/*テーブルのX軸画面からはみ出た部分をスクロールさせる */  
.table-scroll{overflow-x:auto !important;
              white-space:nowrap !important;}

 /* スクロールしたらふわっとフェードイン */
 .effect-fade {
    opacity: 0;
    transform: translate(0, 100px); /* フェードインで動く高さを指定 */
    transition: all 1300ms; /* フェードインにかかる時間を指定 */
  }
  .effect-fade-B {
    opacity: 0;
    transform: translate(0, 0px); /* フェードインで動く高さを指定 */
    transition: all 3000ms; /* フェードインにかかる時間を指定 */
  }
  .effect-scroll {
    opacity: 1;
    transform: translate(0, 0);
  }


/* スクロールで横からスライドインしてくるB-試し */
.fade-in-leftB{opacity: 0;
    transition-duration: 1.5s;
    transform: translateX(-300px);}
  .fade-in-leftB.effect{transform: translateX(0);
             opacity: 1;}
  .fade-in-rightB{opacity: 0;
    transition-duration: 1.5s;
    transform: translateX(300px);
   }
  .fade-in-rightB.effect{transform: translateX(0);
           opacity: 1;}
           
  .fade-in-leftC{opacity: 0;
    transition-duration: 1s;
    transform: translateX(-300px);
    }
  .fade-in-leftC.effect{transform: translateX(0);
           opacity: 1;}                         
  .fade-in-rightC{opacity: 0;
    transition-duration: 1s;
    transform: translateX(300px);
    }
  .fade-in-rightC.effect{transform: translateX(0);
            opacity: 1;}                         
      
  
  .fade-in-leftD{opacity: 0;
    transition-duration: 0.6s;
    transform: translateX(-300px);
    }
  .fade-in-leftD.effect{transform: translateX(0);
           opacity: 1;}                                   
  .fade-in-rightD{opacity: 0;
    transition-duration: 0.6s;
    transform: translateX(300px);
   }
  .fade-in-leftD.effect{transform: translateX(0);
                    opacity: 1;}    
  
  
  /* スクロールで横からスライドインしてくる */
  .fade-in-right {
  animation-name:fade-in-rightAnime;
  animation-duration:0.8s;
  animation-fill-mode:forwards;
  opacity: 0;
  
  
  }
  @keyframes fade-in-rightAnime{
  from {
  opacity: 0;
  transform: translateX(100px);
  }
  
  to {
  opacity: 1;
  transform: translateX(0);
  }
  }

.line-a{width:100% !important;}

/*フォームのボタンの色 */    
div.ccm-page .ccm-block-type-form .btn-primary, div.ccm-page .main-reply-form .btn-primary{background-color:#1a1a1a !important;
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　  border-color:#1a1a1a solid 0.5px  !important;}
div.ccm-page .ccm-block-type-form .btn-primary:hover, div.ccm-page .main-reply-form .btn-primary:hover{background-color:#ffbc00 !important;
                                                                                                       border-color:#ffbc00  !important;}

/*フォームの「必須」の色 */ 
div.ccm-block-type-form span.text-muted{color:#ce7502 !important;
                                        opacity:0.8 !important;}


div.ccm-page main a:not(.fa):not(.btn):not(.button-sk){
  color:#ff9100 ;
  text-decoration:none;
  }
  div.ccm-page main a:hover:not(.fa):not(.btn):not(.button-sk){
    color:#c95d15  ;
    text-decoration:none;
    }


/*背景スクロール */ 
.background-scroll img{width:100% !important;}
       /* 3000px以下に適用されるCSS（PC用） */
       @media screen and (max-width: 3000px){
        .background-scroll{background-size: cover !important;
                           background-attachment: fixed !important;
                           width:100% !important;
                           overflow-x: hidden !important;
                           z-index:-1 !important;}}
       /* 1700px以下に適用されるCSS（スマホ用） */
       @media screen and (max-width: 1700px){
        .background-scroll{background-size: cover !important;
                           background-attachment: fixed !important;
                           width:100% !important;
                           overflow-x: hidden !important;
                           z-index:-1 !important;}
         .background-scroll img{width:100% !important;}}
       /* 480px以下に適用されるCSS（スマホ用） 
       @media screen and (max-width: 480px){
        .background-scroll{width:100% !important;
                           background-size:270% !important;
                           margin-bottom:-47% !important;
                           background-attachment: fixed !important;
                           display:none !important;}
        .background-scroll img{width:100% !important;}}
        /* 393px以下に適用されるCSS（Pixel5 縦用） 
        @media screen and (max-width: 393px) {
        .background-scroll{width:100% !important;
                           background-size:190% !important;
                           height:250px !important;
                           margin-bottom:-27% !important;
                           padding-bottom:10% !important;
                           background-attachment: fixed !important;}}*/


div.ccm-page main{background-color:#ffeb00 !important;
                  font-family: 'Noto Sans JP', sans-serif !important;}


/* ボタンｰ川薩保温工業様用-a */
.button-sh-a{font-family: 'Noto Sans JP', sans-serif !important;}
.button-sh-a a {
   background: none;
   border-radius: 50px;
   position: relative;
   display: flex;
   justify-content: space-around;
   align-items: center;
   margin: 0 auto;
   max-width: 200px;
   padding: 5px 25px 7px 25px;
   color: #fff !important;
   transition: 0.3s ease-in-out;
   font-weight: 500;
   font-size:0.8em;
   text-decoration: none;
   border:#fff 1px solid;

}
.button-sh-a a:hover {
   background: #ffeb00;
   color: #1a1a1a !important;
   border-color:#ffeb00 !important;}

.button-sh-a a:after {
   content: '';
   width: 10px;
   height: 10px;
   border-top: 2px solid #fff;
   border-right: 2px solid #fff;
   transform: rotate(45deg) translateY(-50%);
   position: absolute;
   top: 50%;
   right: 20px;
   border-radius: 1px;
   transition: 0.3s ease-in-out;
   text-decoration: none;
}
.button-sh-a a:hover:after {
   border-color: #1a1a1a;}   


/* ボタンｰ川薩保温工業様用-b */
.button-sh-b{font-family: 'Noto Sans JP', sans-serif !important;}
.button-sh-b a {
   background: #1a1a1a;
   border-radius: 50px;
   position: relative;
   display: flex;
   justify-content: space-around;
   align-items: center;
   margin: 0 auto;
   max-width: 200px;
   padding: 5px 25px 7px 25px;
   color: #fff !important;
   transition: 0.3s ease-in-out;
   font-weight: 500;
   font-size:0.8em;
   text-decoration: none;
   border:#1a1a1a 1px solid;

}
.button-sh-b a:hover {
   background: #ffbc00;
   color: #1a1a1a !important;
   border-color:#ffbc00 !important;}

.button-sh-b a:after {
   content: '';
   width: 10px;
   height: 10px;
   border-top: 2px solid #fff;
   border-right: 2px solid #fff;
   transform: rotate(45deg) translateY(-50%);
   position: absolute;
   top: 50%;
   right: 20px;
   border-radius: 1px;
   transition: 0.3s ease-in-out;
   text-decoration: none;
}
.button-sh-b a:hover:after {
   border-color: #1a1a1a;}   



/*記事リストのタイトル色 */
div.ccm-block-page-list-title a{
  color:#1a1a1a !important;
  font-family: 'Noto Sans JP', sans-serif !important;
  font-weight:700 !important;}
  div.ccm-block-page-list-title a:hover{
  color:#ffbc00 !important;}


/*記事リストの仕切り線 */
  div.ccm-page div.ccm-block-page-list-page-entry-horizontal, div.ccm-page div.ccm-block-page-list-page-entry{border-bottom:1px solid #8a8a8a !important;}

/*記事リストの間隔幅 */
  div.ccm-page div.ccm-block-page-list-page-entry-horizontal, div.ccm-page div.ccm-block-page-list-page-entry{
  padding-bottom:20px !important;
  margin-bottom:20px !important;}



/*ズームアップ */
  .zoom-up-a{width:500px !important;
    height:320px !important;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    margin-top:10px;}
  .zoom-up-a img{width:600px !important;
                 transition:0.3s;}
    /* 1199px以下に適用されるCSS（iPhone XR 縦用） */
    @media screen and (max-width: 1199px) {
      .zoom-up-a{width:400px !important;
        height:260px !important;
        margin-left:5px;
        margin-right:5px;
        margin-bottom:5px;
        margin-top:5px;}
      .zoom-up-a img{width:500px !important;}}
    /* 991px以下に適用されるCSS（iPhone XR 縦用） */
    @media screen and (max-width: 991px) {
      .zoom-up-a{width:300px !important;
        height:190px !important;
        margin-left:5px;
        margin-right:5px;
        margin-bottom:5px;
        margin-top:5px;}
      .zoom-up-a img{width:400px !important;}}
    /* 767px以下に適用されるCSS（iPhone XR 縦用） */
    @media screen and (max-width: 767px) {
      .zoom-up-a{width:400px !important;
        height:250px !important;
        margin-left:15%;
        margin-right:10%;
        margin-bottom:30px;
        margin-top:5px;}
      .zoom-up-a img{width:700px !important;}}
    /* 600px以下に適用されるCSS（iPhone XR 縦用） */
    @media screen and (max-width: 600px) {
      .zoom-up-a{width:400px !important;
        height:250px !important;
        margin-left:5%;
        margin-right:5%;
        margin-bottom:30px;
        margin-top:5px;}
      .zoom-up-a img{width:700px !important;}}
  /* 430px以下に適用されるCSS（iPhone XR 縦用） */
   @media screen and (max-width: 430px) {
    .zoom-up-a{width:250px !important;
      margin-left:5px;
      margin-right:5px;
      margin-bottom:5px;
      margin-top:5px;}
    .zoom-up-a img{width:400px !important;}}
  
  .zoom-up-a img:hover{
    transform: scale3d(1.1,1.1,1) ; /* hover時の倍率を指定 */
    transition:0.5s;}
  .zoom-up-a{width:270px ;
             height:auto ;
             overflow:hidden !important;}
  /* 430px以下に適用されるCSS（iPhone XR 縦用） */
  @media screen and (max-width: 430px) {
    .zoom-up-a{width:250px ;
               height:auto ;
               overflow:hidden !important;}}
  
  
  .zoom-up-b{width:350px !important;}
  .zoom-up-b img{width:550px !important;
                 transition:0.5s;}
  /*                
  .zoom-up-b img:hover{transform: scale3d(1.1,1.1,1) ; hover時の倍率を指定 
                       transition:0.5s;}*/
  
  .zoom-up-b{width:550px ;
             height:350px ;
             overflow:hidden;}
      /* 1180px以下に適用されるCSS（iPad air 横用） */
      @media screen and (max-width: 1180px) {
          .zoom-up-b{width:450px !important;
                     height:300px;
                     overflow:hidden;}
          .zoom-up-b img{margin-top:28px;}}
      /* 1024px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
      @media screen and (max-width: 1024px) {
          .zoom-up-b{width:450px !important;
                     height:300px;
                     overflow:hidden;}
          .zoom-up-b img{margin-top:0px;}}
      /* 915px以下に適用されるCSS（Galaxy S20 横用） */
      @media screen and (max-width: 915px) {
          .zoom-up-b{width:350px !important;
                     height:280px;
                     overflow:hidden;}
          .zoom-up-b img{margin-top:38px;}}
       /* 912px以下に適用されるCSS（Surface Pro7 横用） */
       @media screen and (max-width: 912px) {
        .zoom-up-b{width:350px !important;
                   height:230px;
                   overflow:hidden;}}
      /* 720px以下に適用されるCSS（Surface Duo 横用） */
      @media screen and (max-width: 720px) {
        .zoom-up-b{width:700px !important;
                   height:350px;
                   overflow:hidden;}}
       /* 540px以下に適用されるCSS（Surface Duo 縦用） */
       @media screen and (max-width: 540px) {
        .zoom-up-b{width:100% !important;
                   height:300px;
                   overflow:hidden;}}
      /* 414px以下に適用されるCSS（iPhone XR 縦用） */
      @media screen and (max-width: 414px) {
        .zoom-up-b{width:100% !important;
                   height:200px;
                   overflow:hidden;}}
       /* 412px以下に適用されるCSS（Galaxy S20_GalaxyA51/71 縦用） */
       @media screen and (max-width: 412px) {
       .zoom-up-b{width:100% !important;
                  height:200px;
                  overflow:hidden;}}
      /* 393px以下に適用されるCSS（Pixel5 縦用） */
      @media screen and (max-width: 393px) {
        .zoom-up-b{width:100% !important;
                   height:200px;
                   overflow:hidden;}
       .zoom-up-b img{margin-top:0px;}}
  /* 390px以下に適用されるCSS（iPhone12 pro 縦用） */
  @media screen and (max-width: 390px) {
        .zoom-up-b{width:100% !important;
                   height:200px;
                   overflow:hidden;}
       .zoom-up-b img{margin-top:0px;}}
       /* 280px以下に適用されるCSS（Galaxy Fold 縦用） */
       @media screen and (max-width: 280px) {
        .zoom-up-b{width:100% !important;
                   height:160px;
                   overflow:hidden;}}
  
  .zoom-up-c img{width:1800px !important;
                 transition:0.5s;}
                            
  .zoom-up-c img:hover{transform: scale3d(1.1,1.1,1) ; /* hover時の倍率を指定 */
                       transition:0.5s;}
  .zoom-up-c{width:120% ;
             height:400px ;
             overflow-y:block !important;}
  /* 1368px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 1368px) {
      .zoom-up-c{height:400px ;
                 padding-right:10px;
                 margin-right:20px;
                 margin-left:-30px;}} 
  /* 1180px以下に適用されるCSS（iPad air 横用） */
  @media screen and (max-width: 1180px) {
      .zoom-up-c{height:300px ;}} 
  /* 915px以下に適用されるCSS（Galaxy S20 横用） */
  @media screen and (max-width: 915px) {
      .zoom-up-c{height:220px ;}} 
  /* 912px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 912px) {
    .zoom-up-c{height:260px ;}} 
  /* 768px以下に適用されるCSS（iPad Mini 縦用） */
  @media screen and (max-width: 768px) {
    .zoom-up-c{height:180px ;}} 
  /* 540px以下に適用されるCSS（Surface Duo 縦用） */
  @media screen and (max-width: 540px) {
    .zoom-up-c{height:300px ;}}
  /* 414px以下に適用されるCSS（iPhone XR 縦用） */
  @media screen and (max-width: 414px) {
    .zoom-up-c{height:160px ;}}  
  /* 412px以下に適用されるCSS（Galaxy S20_GalaxyA51/71 縦用） */
  @media screen and (max-width: 412px) { 
  .zoom-up-c{height:160px ;}} 
  /* 393px以下に適用されるCSS（Pixel5 縦用） */
  @media screen and (max-width: 393px) {
    .zoom-up-c{height:180px ;}} 
  /* 390px以下に適用されるCSS（iPhone12 pro 縦用） */
  @media screen and (max-width: 390px) {
    .zoom-up-c{height:180px ;}} 
  /* 375px以下に適用されるCSS（iPhone SE 縦用） */
  @media screen and (max-width: 375px) {
    .zoom-up-c{height:200px ;}} 
  /* 280px以下に適用されるCSS（Galaxy Fold 縦用） */
  @media screen and (max-width: 280px) {
  .zoom-up-c{width:200% ;
             height:155px;}}

.drop-shadow{filter: drop-shadow(0 0px 6px rgba(0, 0, 0, .9));}


.hw-back-to-top i{left:7px ;
                  bottom:-4px ;}

/*---------------------------------------《書体の設定》--------------------------------------------------- */ 

div.ccm-page h1{font-family: 'Anton', sans-serif !important;
                font-size:3.5em !important;
                letter-spacing:0.03em !important;}

div.ccm-page h2 {padding: 1rem 2rem;
                 border-bottom: 1px solid #1a1a1a;}

div.ccm-page h3 {padding: 1rem 2rem;
                 border-left: 4px solid #1a1a1a;
                 color:#1a1a1a !important;}

.midashi-a{font-family: 'Anton', sans-serif !important;
           font-size:3.5em !important;
           color:#ffeb00;
           letter-spacing:0.03em !important;
           margin-bottom:-10px !important;}
  /* 430px以下に適用されるCSS（スマホ・タブレット用） */
  @media screen and (max-width: 430px) {
    .midashi-a{font-size:2.5em !important;}}

.midashi-a-m{font-family: 'Anton', sans-serif !important;
            font-size:2em !important;
            font-weight:700 !important;
            color:#ffeb00;
            letter-spacing:0.03em !important;
            }
  /* 430px以下に適用されるCSS（スマホ・タブレット用） */
  @media screen and (max-width: 430px) {
    .midashi-a-m{font-size:1.0em !important;}}

.midashi-a-s{font-family: 'Anton', sans-serif !important;
            font-size:2em !important;
            color:#ffeb00;
            letter-spacing:0.03em !important;
            }


.midashi-black-m{color:#1a1a1a !important;
            font-family: 'Noto Sans JP', sans-serif !important;
            font-weight:700 !important;
            line-height:1.8em !important;
            font-size:1.4em !important;
            letter-spacing:0.03em !important;}
  /* 430px以下に適用されるCSS（スマホ・タブレット用） */
  @media screen and (max-width: 430px) {
    .midashi-black-m{font-size:1.0em !important;}}

.midashi-white-s{color:#fff !important;
                 font-family: 'Noto Sans JP', sans-serif !important;
                 font-weight:700 !important;}
  /* 430px以下に適用されるCSS（スマホ・タブレット用） */
  @media screen and (max-width: 430px) {
    .midashi-white-s{font-size:0.7em !important;}}

.midashi-white-m{color:#fff !important;
                 font-family: 'Noto Sans JP', sans-serif !important;
                 font-weight:700 !important;
                 line-height:2.2em !important;
                 font-size:1.4em !important;
                 letter-spacing:0.07em !important;}
  /* 430px以下に適用されるCSS（スマホ・タブレット用） */
  @media screen and (max-width: 430px) {
  .midashi-white-m{font-size:1.0em !important;}}



.main-white{color:#fff !important;
            line-height:1.8em !important;}
  /* 430px以下に適用されるCSS（スマホ・タブレット用） */
  @media screen and (max-width: 430px) {
    .main-white{font-size:0.8em !important;
                line-height:1.6em !important;}}

.main-white-b{color:#fff !important;
              line-height:1.8em !important;
              font-weight:700 !important;
              font-size:1.5em !important;
              letter-spacing:0.07em !important;}
  /* 430px以下に適用されるCSS（スマホ・タブレット用） */
  @media screen and (max-width: 430px) {
    .main-white-b{font-size:1.2em !important;}}


.midashi-yamabuki-s{color:#ffbc00 !important;
              font-family: 'Noto Sans JP', sans-serif !important;
              font-weight:700 !important;}
 

/*---------------------------------------《ヘッダーの設定》--------------------------------------------------- */ 



div.ccm-page header{background-color:rgba(255,255,255,0) !important;
                    position:absolute !important;
                    z-index:3 !important;
                    border-bottom:none !important;
                    right:10px !important;
                    left:20px !important;}
    /* 430px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 430px) {
    div.ccm-page header{padding-top:5px !important;
                        padding-bottom:5px !important;}}
   /* 414px以下に適用されるCSS（スマホ用） */
   @media screen and (max-width: 414px) {
   div.ccm-page header{position:fixed !important;
                       background:rgba(0,0,0,0.5) !important;
                       left:0px !important;
                       right:0px !important;
                       height:8% !important;
                       padding-bottom:10px !important;}
   .hd-logo{width:80% !important;}}

                
div.ccm-page header nav ul a{color:#fff !important;
                             text-decoration:none !important;}
div.ccm-page header nav ul a:hover{color:#ffeb00 !important;}
div.ccm-page header nav ul li ul li a{color:#a2a2a2 !important;}
div.ccm-page header nav ul li ul li a:hover{color:#ffbc00 !important;}

  /* スクロールしたら表示されるヘッダー */
#fixed-header { font-family:  'Noto Sans JP', sans-serif !important;
  font-weight:bold;
  position: fixed !important;
  top: -80px !important;  
  width: 100% !important;
  height: 70px !important;
  font-size: 2em !important;
  text-align: center !important;
  color: #fff !important;
  background-color:rgba(26,26,26,0.8)  !important;
  background-size:100% !important;
  background-repeat:no-repeat !important;
  background-position:center bottom !important;
  box-sizing: border-box !important;
  transition: .5s !important;
  z-index:9000 !important;
  padding-left:15px !important;
  padding-right:15px !important;
  padding-top:25px !important;
  left:0 !important;
  right:0 !important;}

/* 414px以下に適用されるCSS（iPhone XR 縦用） */
@media screen and (max-width: 414px) {#fixed-header {background-size:cover !important;
                                                padding-left:0px !important;
                                                padding-right:0px !important;
                                                font-size: 1.7em !important;
                                                top:-100px !important;
                                                height:100px !important;
                                                display:none !important;}}               

#fixed-header a{font-family:  'Noto Sans JP', sans-serif !important;
  color: #fff !important;
  font-weight:bold !important;
  text-decoration:none !important;}
#fixed-header a:hover{color:#ffeb00 !important;}
#fixed-header.is-show {
  top: 0px !important;
  padding-bottom:14px !important;
  padding-top:40px !important;
  padding-left:20px !important;
  height:80px !important;}
/* 667px以下に適用されるCSS（iPhone XR 横用） */
@media screen and (max-width: 667px) {#fixed-header.is-show { top: -20px !important;}}
  
.header-logo{width:20% !important;
padding:10px 15px !important;
margin-top:-1.7% !important;
margin-right:3% !important;}
/* 1090px以下に適用されるCSS（タブレット・PC用） */
@media screen and (max-width: 1090px) {.header-logo{width:23% !important;
  padding:10px 0px !important;}}
/* 834px以下に適用されるCSS（iPad pro10.5 縦用） */
@media screen and (max-width: 834px) {.header-logo{width:23% !important;
                                              padding:10px 0px !important;}}
/* 414px以下に適用されるCSS（iPhone XR 縦用） */
@media screen and (max-width: 414px) {.header-logo{width:150px !important;
                                              margin-right:-10% !important;
                                              margin-left:-15% !important;
                                              transform:scale(0.7) !important;
                                              }}

.header-logo img{padding-bottom:10px !important;
                 padding-top:10px !important;
                 width:80%}
/* 3000px以下に適用されるCSS（PC用） */
@media screen and (max-width: 3000px) {.header-logo img{width:60% !important;}}
/* 2000px以下に適用されるCSS（PC用） */
@media screen and (max-width: 2000px) {.header-logo img{width:60% !important;}}
/* 1800px以下に適用されるCSS（PC用） */
@media screen and (max-width: 1800px) {.header-logo img{width:70% !important;}}
/* 1600px以下に適用されるCSS（PC用） */
@media screen and (max-width: 1600px) {.header-logo img{width:80% !important;}}
/* 1500px以下に適用されるCSS（PC用） */
@media screen and (max-width: 1500px) {.header-logo img{width:85% !important;}}
/* 1400px以下に適用されるCSS（PC用） */
@media screen and (max-width: 1400px) {.header-logo img{width:90% !important;}}
/* 1300px以下に適用されるCSS（PC用） */
@media screen and (max-width: 1300px) {.header-logo img{width:100% !important;}}
/* 834px以下に適用されるCSS（iPad pro10.5 縦用） */
@media screen and (max-width: 834px) {.header-logo img{width:100% !important;}}

.header-logo img:hover{opacity:0.7 !important;}

.row4{display:flex !important;
align-items:center !important;
}
.sh-navi-2{display:flex !important;
     font-size:0.5em !important;
     width:80% !important;
     justify-content: space-between !important;
     align-items:center !important;}
/* 834px以下に適用されるCSS（iPad pro10.5 縦用） */
@media screen and (max-width: 834px) {.sh-navi-2{width:100% !important;
                                                 font-size:0.5em !important;}}
/* 667px以下に適用されるCSS（iPad pro10.5 縦用） */
@media screen and (max-width: 667px) {.sh-navi-2{width:100% !important;
                                                 font-size:0.4em !important;}}
/* 414px以下に適用されるCSS（iPhone XR 縦用） */
@media screen and (max-width: 414px) {.sh-navi-2{width:100% !important;
                                                 font-size:0.4em !important;}}

.satonomori-navi-2 a{padding:0px 15px !important;}
/* 414px以下に適用されるCSS（iPhone XR 縦用） */
@media screen and (max-width: 414px) {.sh-navi-2 a{padding:0px 0px !important}}


  /* ヘッダーナビの子ページ表示 */
div.ccm-page header nav ul li ul{padding:10px !important;}
div.ccm-page header nav ul li ul li a{font-size:0.8em !important;
                                      padding-bottom:5px !important;}

.top-header{position:absolute;}

.ccm-responsive-menu-launch i:after{color:#ffeb00 !important;}
.ccm-responsive-overlay{position:fixed !important;
                        top:54px !important;
                        border-bottom:5px solid #ffbc00 !important;
                        font-family: 'Noto Sans JP', sans-serif !important;
                        font-weight:500 !important;
                        background:rgba(0,0,0,0.7) !important;}
.ccm-responsive-overlay ul li a{color:#ffeb00 !important;
                                font-family: 'Noto Sans JP', sans-serif !important;
                                font-weight:500 !important;}
.ccm-responsive-overlay ul li a:hover{opacity:0.8 !important;}


/*---------------------------------------《フッターの設定》--------------------------------------------------- */ 
div.ccm-page div.area-content-accent{display:none !important;}
footer#footer-theme{background:url(https://sensatsuhoon.jp/application/files/4316/8983/0979/footer-back.jpg) !important;
                    background-size:cover !important;
                    background-position: center top !important;
                    padding-top:40px !important;
                    color:#fff !important;
                    font-family:  'Noto Sans JP', sans-serif !important;
                    }

footer#concrete5-brand{display:none !important;} 

.footer-bottom{padding-top:5px !important;
               padding-bottom:5px !important;
               font-size:0.8em !important;}
.ft-bottom{padding-top:5px !important;
           padding-bottom:5px !important;
           font-size:0.8em !important;}

.ft-button{position: relative;
           display: inline-block;
           padding:5px 10px ;
           background: none;
           transition:0.5s ;
           color:#fff !important;
           width:100% !important;
           text-decoration:none !important;}
.ft-button a{text-decoration:none !important;}
.ft-button:hover{background: #ffeb00;
                 transition:0.5s ;
                 color:#1a1a1a !important;}

/* 430px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 430px) {.ft-logo img{width:80% !important;}}


/*---------------------------------------《TOPページの設定》--------------------------------------------------- */ 

  /* グラスウールのイラスト-a */
  .glass-wool-a{position:absolute;
                z-index:2;
                width:80%;
                right:0 !important;
                left:auto !important;
                margin-top:-14% ;}

  /* グラスウールのイラスト-b */
  .glass-wool-b{position:absolute;
    z-index:2;
    width:80%;
    right:0 !important;
    left:auto !important;
    margin-top:-6% ;}

  /* お知らせを非表示 */
  .news{display:none !important;}



/*-------------------------イメージスライダー------------------------------------- */ 

.rslides_tabs{position:relative ;
  z-index:10 ;
 text-align: center;
 margin-top:-40px ;
 }

div.ccm-page .ccm-image-slider-container .ccm-image-slider-text{top:40px !important;}
/* 530px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 530px) {
div.ccm-page .ccm-image-slider-container .ccm-image-slider-text{top:20px !important;}}
/* 480px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 480px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text{top:10px !important;}}
/* 375px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 375px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text{top:30px !important;}}


.ccm-image-slider-container{background-image: none !important ;
                          }

div.ccm-page .ccm-image-slider-container .ccm-image-slider{padding-left:0px !important;
                                               padding-right:0px !important;}

div.ccm-page .ccm-image-slider-container{padding-top: 0 !important;
                             border-bottom:none !important;
                             margin-bottom:-17px !important;}

div.ccm-page .ccm-image-slider-container .ccm-image-slider .rslides li{max-height: 80% !important;}

div.ccm-page .ccm-image-slider-container .ccm-image-slider{width:100% !important;
                                               margin-left:0 !important;
                                               margin-right:0 !important;
                                               padding-left:0 !important;
                                               padding-right:0 !important;
                                               }

div.ccm-page .ccm-image-slider-container .ccm-image-slider-inner{margin:0 !important;
                                                     padding:0 !important;}
/*イメージスライダーの丸ナビ */ 
div.ccm-page .ccm-image-slider-container .rslides_tabs li a{width:10px !important;
                                                height:10px !important;
                                                margin-right:7px !important;}
/* 375px以下に適用されるCSS（タブレット用 */
@media screen and (max-width: 375px) {
    div.ccm-page .ccm-image-slider-container .rslides_tabs li a{width:6px !important;
                                                                height:6px !important;
                                                                margin-right:6px !important;
                                                                margin-top:30px !important;}}
/*イメージスライダーの丸ナビの上下余白調整 */  
/* 375px以下に適用されるCSS（iPhone SE 縦用） */
@media screen and (max-width: 375px) {
div.ccm-page .ccm-image-slider-container .rslides_tabs{padding-top:0px !important;
                                                       padding-bottom:0px !important;}}


/*イメージスライダーの丸ナビ現在表示 */  
div.ccm-page .ccm-image-slider-container .rslides_tabs li.rslides_here a{background-color: #ffbc00 !important;}

div.ccm-page .ccm-image-slider-container .rslides_tabs{z-index:2 !important;}

/*イメージスライダーのズームアップ */ 
#rslides1_s0{animation: shrink 19s  infinite !important;
  transition:opacity 1.2s ease-in-out 0s !important;}
@keyframes shrink{0% {transform: scale(1.05);}
50%{transform:scale(1.0);}
       100% {transform:scale(1.05);}}

#rslides1_s1{animation: shrink1 19s infinite !important;
transition:opacity 1.2s ease-in-out 0s !important;}
@keyframes shrink1{0% {transform: scale(1.05);}
50%{transform:scale(1.0);}
100% {transform:scale(1.05);}}

#rslides1_s2{animation: shrink2 19s infinite !important;
transition:opacity 1.2s ease-in-out 0s !important;}
@keyframes shrink2{0% {transform: scale(1.05);}
50%{transform:scale(1.0);}
100% {transform:scale(1.05);}}

#rslides1_s3{animation: shrink3 19s infinite !important;
transition:opacity 1.2s ease-in-out 0s !important;}
@keyframes shrink3{0% {transform: scale(1.05);}
50%{transform:scale(1.0);}
100% {transform:scale(1.05);}} 

/*事業紹介のスライダー設定 */ 
.cycle-caption{display:none !important;}


/*TOPのイメージスライダーの背景 */
.topslide{padding-top:-30px !important;
          padding-bottom:-30px !important;}  

.ccm-image-slider-inner{width:100% !important;}

.top-slide-catch-a{color:#ffeb00;
                   position:relative !important;
                   margin-top:-35% !important;
                   z-index:2 !important;
                   font-weight:700 !important;
                   font-size:2em;}



.slide-catch{margin-top:-35% !important;
             font-weight:700 !important;
             font-size:2.7em;
             letter-spacing:0.05em !important;
             color:#ffeb00;
             position:relative ;
             z-index:2 ;}
    /* 430px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 430px) {
    .slide-catch{font-size:1em;}
    .slide-catch a{font-size:1em;}}



.slide-items__wrap {margin-top:-3% !important;}


/* イメージスライダーの文字で1枚目とｎ枚目のズレをなくす*/
div.ccm-page .ccm-image-slider-container .ccm-image-slider-text{top:60px !important;}
    /* 540px以下に適用されるCSS（Surface Duo 縦用） */
    @media screen and (max-width: 540px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text{top:10px !important;}}


/* 実績紹介の枠の設定*/
.achievement-waku{position:relative !important;
                  z-index:1 !important;}


/*--------------------------------------------会社案内ページ-------------------------------------------------------- */ 
/* 430px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 430px) {
.president{left:auto !important;
           right:auto !important;}
.president img{width:200px !important;}}