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

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

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

/*ページ内ジャンプをスクロール */
html { scroll-behavior: smooth !important;}

/*波背景-a */
.back-nami-a{position:relative !important;
             margin-top:-9.5% !important;
             z-index:2 !important;}

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


div.ccm-page div.col-sidebar div.ccm-block-topic-list{margin:0px 0px 0px 0px !important;}
div.ccm-page div.col-sidebar div.ccm-block-page-list-wrapper{margin:0px 0px 0px 0px !important;}
.ccm-block-topic-list .ccm-block-topic-list-list{padding-left:0px !important;}  


/*ホバーで半調設定 */
.opacity-90:hover{opacity:0.9;}
.opacity-90 a:hover{opacity:0.9;}

.opacity-80:hover{opacity:0.8;}
.opacity-80 a:hover{opacity:0.8;}


 /* スクロールしたらふわっとフェードイン */
 .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);
}
}



/*大啓建設様用詳しく見るボタン */
/* From uiverse.io */
button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
 }
 
 button.learn-more {
  width: 18rem;
  height: auto;
  margin-left:20% !important;
  margin-right:20% !important;
  transform:scale(0.9) !important;

 }
 
 button.learn-more .circle {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  display: block;
  margin: 0;
  width: 3rem;
  height: 3rem;
  background: #00a0e9;
  border-radius: 1.625rem;
 }
 
 button.learn-more .circle .icon {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
 }
 
 button.learn-more .circle .icon.arrow {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.725rem;
  width: 1.125rem;
  height: 0.08rem;
  background: none;
 }
 
 button.learn-more .circle .icon.arrow::before {
  position: absolute;
  content: "";
  top: -0.29rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.225rem solid #fff;
  border-right: 0.225rem solid #fff;
  transform: rotate(45deg);
 }
 
 button.learn-more .button-text {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: -2px !important;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.4rem 0;
  margin: 0 0 0 1.85rem;
  color: #787878;
  font-weight: 600;
  line-height: 2.2em;
  text-align: center;
  text-transform: uppercase;
 }
 
 button:hover .circle {
  width: 100%;
 }
 
 button:hover .circle .icon.arrow {
  background: #fff;
  transform: translate(1rem, 0);
 }
 
 button:hover .button-text {
  color: #fff;
 }


/* ボタンｰ大啓建設様用 */
.button-fd{font-family: 'Zen Kaku Gothic New', sans-serif !important;}
.button-fd a {
   background: #18cfc0;
   border-radius: 50px;
   position: relative;
   display: flex;
   justify-content: space-around;
   align-items: center;
   margin: 0 auto;
   max-width: 200px;
   padding: 1px 25px;
   color: #fff !important;
   transition: 0.3s ease-in-out;
   font-weight: 500;
   font-size:0.8em;
   text-decoration: none;

}
.button-fd a:hover {
   background: #186ac2;
   color: #FFF !important;}

.button-fd 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-fd a:hover:after {
   border-color: #FFF;}   

/* ボタンｰ大啓建設様用-2（フッターで使用） */
.button-fd-2{font-family: 'Zen Kaku Gothic New', sans-serif !important;}
.button-fd-2 a {
   background: #186ac2;
   border-radius: 50px;
   position: relative;
   display: flex;
   justify-content: space-around;
   align-items: center;
   margin: 0 auto;
   max-width: 300px;
   padding: 1px 25px;
   color: #fff !important;
   transition: 0.3s ease-in-out;
   font-weight: 700;
   font-size:1em;
   text-decoration: none;
}
       /* 1199px以下に適用されるCSS  */
       @media screen and (max-width: 1199px){.button-fd-2 a{font-size:0.9em;}}

.button-fd-2 a:hover {
   background: #18cfc0;
   color: #fff !important;
   opacity:0.9;}

.button-fd-2 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-fd-2 a:hover:after {
   border-color: #fff;}   

/* ボタンｰフッター用 */
.button-ft{font-family: 'Noto Sans JP', sans-serif !important;}
.button-ft a {
   background: none;
   border-radius: 50px;
   position: relative;
   display: flex;
   justify-content: space-around;
   align-items: center;
   max-width: 80%;
   padding: 5px 25px 7px 25px;
   color: #fff !important;
   transition: 0.3s ease-in-out;
   font-weight: 500;
   font-size:0.8em;
   text-decoration: none;
   background-color:#00a0e9;
   border: #00a0e9 1px solid;

}
.button-ft a:hover {
   background: #fff;
   color: #00a0e9 !important;
   border-color:#fff !important;}

.button-ft 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-ft a:hover:after {
   border-color: #00a0e9;}   


/*サムネイルボタンの設定 */ 
.thumbnail-button:hover{opacity:0.8 !important;}


/*Googleマップのレスポンシブ設定 */ 
.map{ 
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  }
 .map iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  }  
  
  .row3{display:flex !important;
        align-items:center !important;
        justify-content:space-evenly !important;}  
       /* 615px以下に適用されるCSS（スマホ用）  */
       @media screen and (max-width: 615px){
        .row3{display:block !important;}}

  .row4{display:flex !important;
        align-items:center !important;
        justify-content:space-evenly !important;}
       /* 991px以下に適用されるCSS（スマホ用）  */
       @media screen and (max-width: 991px){
        .row4{display:block !important;}}  
       /* 767px以下に適用されるCSS（スマホ用）  */
       @media screen and (max-width: 767px){
        .row4{display:flex !important;}}
       /* 623px以下に適用されるCSS（スマホ用）  */
       @media screen and (max-width: 623px){
        .row4{display:block !important;}}   


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

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

.drop-shadow-a{filter:drop-shadow(0px 0px 2px #231815) !important;}
.drop-shadow-b{filter:drop-shadow(0px 0px 2px #7c7c7c) !important;}



/*ズームアップ */
.zoom-up-a{width:250px !important;
  height:180px !important;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  margin-top:10px;}
.zoom-up-a img{width:400px !important;
               transition:0.3s;}
  /* 1199px以下に適用されるCSS（iPhone XR 縦用） */
  @media screen and (max-width: 1199px) {
    .zoom-up-a{width:230px !important;
      height:170px !important;
      margin-left:5px;
      margin-right:5px;
      margin-bottom:5px;
      margin-top:5px;}
    .zoom-up-a img{width:400px !important;}}
  /* 991px以下に適用されるCSS（iPhone XR 縦用） */
  @media screen and (max-width: 991px) {
    .zoom-up-a{width:170px !important;
      height:130px !important;
      margin-left:5px;
      margin-right:5px;
      margin-bottom:5px;
      margin-top:5px;}
    .zoom-up-a img{width:300px !important;}}
  /* 767px以下に適用されるCSS（iPhone XR 縦用） */
  @media screen and (max-width: 767px) {
    .zoom-up-a{width:200px !important;
      height:130px !important;
      margin-left:5%;
      margin-right:10%;
      margin-bottom:30px;
      margin-top:5px;}
    .zoom-up-a img{width:300px !important;}}
  /* 600px以下に適用されるCSS（iPhone XR 縦用） */
  @media screen and (max-width: 600px) {
    .zoom-up-a{width:200px !important;
      height:130px !important;
      margin-left:5%;
      margin-right:5%;
      margin-bottom:30px;
      margin-top:5px;}
    .zoom-up-a img{width:300px !important;}}
/* 430px以下に適用されるCSS（iPhone XR 縦用） */
 @media screen and (max-width: 430px) {
  .zoom-up-a{width:100px !important;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px;
    margin-top:5px;}
  .zoom-up-a img{width:250px !important;}}

.zoom-up-a img:hover{
  transform: scale3d(1.1,1.1,1) ; /* hover時の倍率を指定 */
  transition:0.5s;}
.zoom-up-a{width:100px ;
           height:auto ;
           overflow:hidden !important;}
/* 430px以下に適用されるCSS（iPhone XR 縦用） */
@media screen and (max-width: 430px) {
  .zoom-up-a{width:100px ;
             height:auto ;
             overflow:hidden !important;}}


.zoom-up-b{width:550px !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;}}


/*背景スクロール */ 
.background-scroll img{width:100% !important;}
       /* 3000px以下に適用されるCSS（PC用） */
       @media screen and (max-width: 3000px){
        .background-scroll{background-size: 100% !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: 100% !important;
                           background-attachment: fixed !important;
                           width:100% !important;
                           overflow-x: hidden !important;
                           z-index:-1 !important;}
         .background-scroll img{width:100% !important;}}
       /* 700px以下に適用されるCSS（スマホ用） */
       @media screen and (max-width: 700px){
        .background-scroll{background-size: 150% !important;}}
       /* 500px以下に適用されるCSS（スマホ用） */
       @media screen and (max-width: 500px){
        .background-scroll{background-size: 170% !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;}}*/


/*白半調背景の設定 */                            
.back-white-a{margin-top:-200px !important;
              margin-bottom:-100px !important;}


/*ページ上部へ戻る */ 
.hw-back-to-top i{left:7px;
                  bottom:-4px;}



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

div.ccm-page main{color:#323232 !important;
                  font-family: 'Noto Sans JP', sans-serif !important;
                  line-height:1.8em !important;
                  padding-bottom:0px !important;}
              /* 1368px以下に適用されるCSS（Surface Pro7 横用） */
              @media screen and (max-width: 1368px) {
                main{font-size:1em !important;
                     line-height:1.4em !important;}}
              /* 1180px以下に適用されるCSS（iPad air 横用） */
                 @media screen and (max-width: 1180px) {
                  main{font-size:1em !important;
                       line-height:1.4em !important;}}
              /* 1085px以下に適用されるCSS */
                 @media screen and (max-width: 1085px) {
                  main{font-size:0.8em !important;
                       line-height:1.4em !important;}}
              /* 480px以下に適用されるCSS（iPhoneSE 縦用） */
              @media screen and (max-width: 480px) {
                main{font-size:0.8em !important;
                     line-height:1.4em !important;}}

              /* 375px以下に適用されるCSS（iPhoneSE 縦用） */
              @media screen and (max-width: 375px) {
                main{font-size:0.8em !important;
                     line-height:1.4em !important;}}

.main-white{color:#fff !important;
      font-family: 'Noto Sans JP', sans-serif !important;
      line-height:1.8em !important;}
                 /* 480px以下に適用されるCSS（iPhoneSE 縦用） */
                 @media screen and (max-width: 480px) {
                  .main-white{font-size:0.8em !important;
                       line-height:1.4em !important;}}
                      
                  /* 375px以下に適用されるCSS（iPhoneSE 縦用） */
                  @media screen and (max-width: 375px) {
                  .main-white{font-size:0.8em !important;
                       line-height:1.4em !important;}}
  

div.ccm-page h1{font-family: 'Noto Sans JP', sans-serif !important;
              font-size:3.5em !important;
              letter-spacing:0.03em !important;
              color:#0040ae !important;}

div.ccm-page h1.page-title{color:#186ac2 !important;
                           font-size:2.5em !important;}

div.ccm-page h2{  border-bottom: solid 3px #18cfc0;
                  position: relative;}
div.ccm-page h2:after{position: absolute;
                      content: " ";
                      display: block;
                      border-bottom: solid 3px #186ac2;
                      bottom: -3px;
                      width: 30%;}

div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
  font-family: 'Zen Old Mincho', serif !important;
  color:#0040ae !important;
  font-weight:700 !important; 
  font-size:2.5em !important;
  margin-bottom:30px !important;
}

div.ccm-page .ccm-image-slider-container .ccm-image-slider-text{width:1000px !important;
                                                                left:5% !important;}

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

.midashi-l{color:#323232 !important;
           font-family: 'Chonburi', cursive !important;
           font-weight:400 !important;
           line-height:1.8em !important;
           font-size:2.5em !important;
           letter-spacing:0.03em !important;}

.midashi-m{color:#323232 !important;
           font-family: 'Zen Old Mincho', serif !important;
           font-weight:500 !important;
           line-height:1.6em !important;
           font-size:2.4em !important;
           letter-spacing:0.03em !important;}

.midashi-m2{color:#323232 !important;
            font-family: 'Zen Old Mincho', serif !important;
            font-weight:500 !important;
            line-height:1.9em !important;
            font-size:1.8em !important;
            letter-spacing:0.03em !important;}

.midashi-m-white{color:#fff !important;
            font-family: 'Zen Old Mincho', serif !important;
            font-weight:700 !important;
            line-height:1.6em !important;
            font-size:2.3em !important;
            letter-spacing:0.03em !important;
            filter:drop-shadow(0px 0px 2px #231815) !important;}
       /* 3000px以下に適用されるCSS（PC用） */
       @media screen and (max-width: 3000px) {
        .midashi-m-white{font-size:2em;}}
       /* 2000px以下に適用されるCSS（PC用） */
       @media screen and (max-width: 2000px) {
        .midashi-m-white{font-size:1.6em;}}

.midashi-white-m{color:#fff !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;
                    filter:drop-shadow(0px 0px 2px #231815) !important;}
       /* 1199px以下に適用されるCSS（iPhoneSE 縦用） */
       @media screen and (max-width: 1199px) {
        .midashi-white-m{}}

.midashi-white-m2{color:#fff !important;
          font-family: 'Noto Sans JP', sans-serif !important;
          font-weight:700 !important;
          line-height:1.8em !important;
          font-size:1em !important;
          letter-spacing:0.03em !important;
          filter:drop-shadow(0px 0px 2px #231815) !important;}
/* 1199px以下に適用されるCSS（iPhoneSE 縦用） */
@media screen and (max-width: 1199px) {
.midashi-white-m2{font-size:1em !important;}}
/* 767px以下に適用されるCSS（iPhoneSE 縦用） */
@media screen and (max-width: 767px) {
  .midashi-white-m2{font-size:1.2em !important;}}

.midashi-blue-m{color:#186ac2 !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;
          }
/* 1199px以下に適用されるCSS（iPhoneSE 縦用） */
@media screen and (max-width: 1199px) {
.midashi-blue-m{}}

.midashi-blue-s{color:#186ac2 !important;
                      font-family:  'Anton', sans-serif !important;;
                      font-weight:500 !important;
                      font-size:0.9em;
                      letter-spacing:0.1em !important;}

.midashi-grade{position: relative;
               padding: 0.2em 1em;
               background: -webkit-linear-gradient(to right, #0040ae, transparent);
               background: linear-gradient(to right, #0040ae, transparent);
               color: #fff;
               font-size:1.3em}
  

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

/*---------------------------------------《ヘッダーの設定》--------------------------------------------------- */ 
div.ccm-page header{background-color:rgba(255,255,255,0) !important;
  position:absolute !important;
  z-index:6 !important;
  border-bottom:none !important;
  width:100% !important;
  padding-bottom:10px !important;}

div.ccm-page header nav ul li{margin-right:-20px !important;}

.header-navi{font-size:1em !important;
             font-family: 'Noto Sans JP', sans-serif !important;}
.header-navi a{font-size:0.9em !important;
               font-family: 'Noto Sans JP', sans-serif !important;}

div.ccm-page header nav ul a{color:#fff !important;}
div.ccm-page header nav ul a:hover{opacity:0.7 !important;}

.container-b{padding-right:5px !important;
             padding-left:5px !important;}

.row-2{margin-right:0px !important;
       margin-left:20px !important;}

.hd-title:hover{opacity:0.8 !important;}

/* 767px以下に適用されるCSS（PC用） */
@media screen and (max-width: 767px){
.hd-tel{width:30% !important;}}

.hd-tel{display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-direction: column;
        flex-direction: column;
}

.hd-icon{margin-right:0 !important;
         margin-left:94% !important;
         margin-top:-7.6% !important;
         position:fixed !important;
         z-index:10000 !important;
         filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .7)) !important;}
/* 2000px以下に適用されるCSS（PC用） */@media screen and (max-width: 2000px){.hd-icon{margin-top:-4.7% !important;}}
/* 1980px以下に適用されるCSS（PC用） */@media screen and (max-width: 1980px){.hd-icon{margin-top:-4.8% !important;}}
/* 1930px以下に適用されるCSS（PC用） */@media screen and (max-width: 1930px){.hd-icon{margin-top:-4.9% !important;}}
/* 1900px以下に適用されるCSS（PC用） */@media screen and (max-width: 1900px){.hd-icon{margin-top:-5% !important;}}
/* 1860px以下に適用されるCSS（PC用） */@media screen and (max-width: 1860px){.hd-icon{margin-top:-5.2% !important;}}
/* 1790px以下に適用されるCSS（PC用） */@media screen and (max-width: 1790px){.hd-icon{margin-top:-5.3% !important;}}
/* 1750px以下に適用されるCSS（PC用） */@media screen and (max-width: 1750px){.hd-icon{margin-top:-5.4% !important;}}
/* 1720px以下に適用されるCSS（PC用） */@media screen and (max-width: 1720px){.hd-icon{margin-top:-5.5% !important;}}
/* 1690px以下に適用されるCSS（PC用） */@media screen and (max-width: 1690px){.hd-icon{margin-top:-5.6% !important;}}
/* 1660px以下に適用されるCSS（PC用） */@media screen and (max-width: 1660px){.hd-icon{margin-top:-5.7% !important;}}
/* 1630px以下に適用されるCSS（PC用） */@media screen and (max-width: 1630px){.hd-icon{margin-top:-5.8% !important;}}
/* 1600px以下に適用されるCSS（PC用） */@media screen and (max-width: 1600px){.hd-icon{margin-top:-5.9% !important;}}
/* 1560px以下に適用されるCSS（PC用） */@media screen and (max-width: 1560px){.hd-icon{margin-top:-6% !important;}}
/* 1530px以下に適用されるCSS（PC用） */@media screen and (max-width: 1530px){.hd-icon{margin-top:-6.3% !important;}}
/* 1480px以下に適用されるCSS（PC用） */@media screen and (max-width: 1480px){.hd-icon{margin-top:-6.4% !important;}}
/* 1450px以下に適用されるCSS（PC用） */@media screen and (max-width: 1450px){.hd-icon{margin-top:-6.6% !important;}}
/* 1410px以下に適用されるCSS（PC用） */@media screen and (max-width: 1410px){.hd-icon{margin-top:-6.8% !important;}}
/* 1370px以下に適用されるCSS（PC用） */@media screen and (max-width: 1370px){.hd-icon{margin-top:-7% !important;}}
/* 1340px以下に適用されるCSS（PC用） */@media screen and (max-width: 1340px){.hd-icon{margin-top:-7.2% !important;}}
/* 1310px以下に適用されるCSS（PC用） */@media screen and (max-width: 1310px){.hd-icon{margin-top:-7.4% !important;}}
/* 1270px以下に適用されるCSS（PC用） */@media screen and (max-width: 1270px){.hd-icon{margin-top:-7.6% !important;}}
/* 1230px以下に適用されるCSS（PC用） */@media screen and (max-width: 1230px){.hd-icon{margin-top:-7.8% !important;}}
/* 1200px以下に適用されるCSS（PC用） */@media screen and (max-width: 1200px){.hd-icon{margin-top:-8% !important;}}
/* 1199px以下に適用されるCSS（PC用） */@media screen and (max-width: 1199px){.hd-icon{margin-top:-7% !important;}}
/* 1180px以下に適用されるCSS（PC用） */@media screen and (max-width: 1180px){.hd-icon{margin-top:-7.2% !important;}}
/* 1160px以下に適用されるCSS（PC用） */@media screen and (max-width: 1160px){.hd-icon{margin-top:-7.3% !important;}}
/* 1140px以下に適用されるCSS（PC用） */@media screen and (max-width: 1140px){.hd-icon{margin-top:-7.5% !important;}}
/* 1110px以下に適用されるCSS（PC用） */@media screen and (max-width: 1110px){.hd-icon{margin-top:-7.7% !important;}}
/* 1080px以下に適用されるCSS（PC用） */@media screen and (max-width: 1080px){.hd-icon{margin-top:-7.9% !important;}}
/* 1060px以下に適用されるCSS（PC用） */@media screen and (max-width: 1060px){.hd-icon{margin-top:-8.1% !important;}}
/* 1030px以下に適用されるCSS（PC用） */@media screen and (max-width: 1030px){.hd-icon{margin-top:-8.2% !important;}}
/* 1020px以下に適用されるCSS（PC用） */@media screen and (max-width: 1020px){.hd-icon{margin-top:-8.3% !important;}}
/* 1000px以下に適用されるCSS（PC用） */@media screen and (max-width: 1000px){.hd-icon{margin-top:-9.6% !important;
                                                                                    transform:scale(0.9);
                                                                                    margin-left:91.3% !important;
                                                                                    margin-right:-1% !important;}}
/* 960px以下に適用されるCSS（PC用） */@media screen and (max-width: 960px){.hd-icon{margin-top:-10.7% !important;
                                                                                  transform:scale(0.8);
                                                                                  margin-left:91.3% !important;
                                                                                  margin-right:-1% !important;}}
/* 940px以下に適用されるCSS（PC用） */@media screen and (max-width: 940px){.hd-icon{margin-top:-10.9% !important;}}
/* 920px以下に適用されるCSS（PC用） */@media screen and (max-width: 920px){.hd-icon{margin-top:-11.1% !important;}}
/* 900px以下に適用されるCSS（PC用） */@media screen and (max-width: 900px){.hd-icon{margin-top:-11.3% !important;}}
/* 880px以下に適用されるCSS（PC用） */@media screen and (max-width: 880px){.hd-icon{margin-top:-11.5% !important;}}
/* 850px以下に適用されるCSS（PC用） */@media screen and (max-width: 850px){.hd-icon{margin-top:-11.7% !important;}}
/* 830px以下に適用されるCSS（PC用） */@media screen and (max-width: 830px){.hd-icon{margin-top:-11% !important;
                                                                                  transform:scale(0.9);
                                                                                  margin-left:90% !important;
                                                                                  margin-right:-0.7% !important;}}
/* 810px以下に適用されるCSS（PC用） */@media screen and (max-width: 810px){.hd-icon{margin-top:-11.4% !important;}}
/* 790px以下に適用されるCSS（PC用） */@media screen and (max-width: 790px){.hd-icon{margin-top:-11.6% !important;}}
/* 780px以下に適用されるCSS（PC用） */@media screen and (max-width: 780px){.hd-icon{margin-top:-11.8% !important;}}
/* 770px以下に適用されるCSS（PC用） */@media screen and (max-width: 770px){.hd-icon{margin-top:-12% !important;}}
/* 767px以下に適用されるCSS（PC用） */@media screen and (max-width: 767px){.hd-icon{margin-top:-13.2% !important;
                                                                                  display:none !important;}}
/* 740px以下に適用されるCSS（PC用） */@media screen and (max-width: 740px){.hd-icon{margin-top:-13.4% !important;}}
/* 720px以下に適用されるCSS（PC用） */@media screen and (max-width: 720px){.hd-icon{margin-top:-13.6% !important;}}
/* 700px以下に適用されるCSS（PC用） */@media screen and (max-width: 700px){.hd-icon{margin-top:-13.8% !important;}}
/* 680px以下に適用されるCSS（PC用） */@media screen and (max-width: 680px){.hd-icon{margin-top:-14% !important;}}
/* 660px以下に適用されるCSS（PC用） */@media screen and (max-width: 660px){.hd-icon{margin-top:-14.2% !important;}}
/* 660px以下に適用されるCSS（PC用） */@media screen and (max-width: 660px){.hd-icon{margin-top:-14.4% !important;}}

.hd-icon img{transition:0.3s !important;}
.hd-icon img:hover{opacity:0.8 !important;
                   transition:0.3s}

.hd-navi{padding-right:10% !important;}

.ccm-responsive-overlay{border-bottom:none !important;
                        background:rgba(255,255,255,0.9) !important;}
/* 768px以下に適用されるCSS（PC用） */@media screen and (min-width: 768px){.ccm-responsive-overlay{display:none !important;}}
/* 767px以下に適用されるCSS（PC用） */@media screen and (max-width: 767px){.ccm-responsive-menu-launch{position:fixed !important;
                                                                                                     margin-left:92% !important;}}
.ccm-responsive-navigation a{font-family:  'Noto Sans JP', sans-serif !important;
                             font-weight:500 !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: #186ac2 !important;
    background-color:rgba(255,255,255,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;}
  
  /* 767px以下に適用されるCSS（タブレット用） */
  @media screen and (max-width: 767px) {#fixed-header{display:none !important;
                                                      position:fixed !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;}}               
  
  #fixed-header a{font-family:  'Noto Sans JP', sans-serif !important;
    color: #646464 !important;
    font-weight:bold !important;
    text-decoration:none !important;}
  #fixed-header a:hover{opacity:0.7 !important;}
  #fixed-header.is-show {
    top: 0px !important;
    padding-bottom:14px !important;
    padding-top:36px !important;
     /*padding-left:20px !important;*/}
  /* 667px以下に適用されるCSS（iPhone XR 横用） */
  @media screen and (max-width: 667px) {#fixed-header.is-show { top: -20px !important;}}
    
  .header-logo{width:30% !important;
  padding:10px 15px !important;
  margin-top:-1.7% !important;
  margin-right:15% !important;}
  /* 1090px以下に適用されるCSS（タブレット・PC用） */
  @media screen and (max-width: 1090px) {.header-logo{width:30% !important;
    padding:10px 0px !important;}}
  /* 834px以下に適用されるCSS（iPad pro10.5 縦用） */
  @media screen and (max-width: 834px) {.header-logo{width:30% !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;
                                                display:none !important;}}
  
  .header-logo img{padding-bottom:10px !important;
     width:80%}
  /* 1300px以下に適用されるCSS（PC用） */
  @media screen and (max-width: 1300px) {.header-logo img{width:100% !important;}}
  .header-logo img:hover{opacity:0.7 !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;}}


.contact-link{font-size:3.5em !important;
              text-align:center;
              color:#2336ab !important;
              margin-left:-3px;}
.contact-title{width:150px;
               text-align:center;
               margin-left:-52px;
               margin-top:-14px;
               color:#2336ab !important;
               font-weight:700 !important;}
  /* 1160px以下に適用されるCSS（PC用） */
  @media screen and (max-width: 1160px){
  .contact-title{margin-left:-50px;}}



/* 独自ハンバーガーメニュー */
@font-face {font-family: 'BIZ UDMincho', serif;
font-weight: 400;}
@font-face {font-family: 'BIZ UDMincho', serif;
font-weight: 400;}
.flex-center {
display: flex;
align-items: center;
justify-content: center;
}

a,
a:visited,
a:hover,
a:active {
color: inherit;
text-decoration: none;
}

.outer-menu {
position: fixed;
top: 10vh;
left: 0;
z-index: 1000;
margin-left:90% !important;
}
   /* 667px以下に適用されるCSS（iPhone SE 横用） */
   @media screen and (max-width: 667px) {.outer-menu { margin-left:70% !important;}}
   /* 414px以下に適用されるCSS（iPhone XR 縦用） */
    @media screen and (max-width: 414px) {.outer-menu { margin-left:58% !important;}}
   /* 375px以下に適用されるCSS（iPhone SE 横用） */
   @media screen and (max-width: 375px) {.outer-menu { margin-left:58% !important;}}


.outer-menu .checkbox-toggle {
position: absolute;
top: 329px;
left: 9px;
z-index: 1001;
cursor: pointer;
width: 106px;
height: 100px;
opacity: 0;
margin-left:0% !important;
}
  /* 1450px以下に適用されるCSS（PC用） */
  @media screen and (max-width: 1450px)  {.outer-menu .checkbox-toggle{top:329px;
                                                                       left:22px;}}
  /* 1368px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 1368px)  {.outer-menu .checkbox-toggle{left:23px;}}
  /* 1330px以下に適用されるCSS（PC用） */
  @media screen and (max-width: 1330px)  {.outer-menu .checkbox-toggle{left:23px;}}
  /* 1300px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 1300px)  {.outer-menu .checkbox-toggle{left:23px;}}
  /* 1220px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 1220px)  {.outer-menu .checkbox-toggle{left:15px;}}
  /* 1210px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 1210px)  {.outer-menu .checkbox-toggle{left:15px;}}
  /* 1200px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 1210px)  {.outer-menu .checkbox-toggle{top:280px;
                                                                         left:12px;}}
  /* 1190px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 1190px)  {.outer-menu .checkbox-toggle{left:13px;}}
  /* 1180px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 1180px)  {.outer-menu .checkbox-toggle{left:10px;}}
  /* 1160px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 1160px)  {.outer-menu .checkbox-toggle{left:8px;}}
  /* 1024px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
  @media screen and (max-width: 1024px) {.outer-menu .checkbox-toggle{left:-5px;}}
  /* 1020px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
  @media screen and (max-width: 1020px) {.outer-menu .checkbox-toggle{left:-5px;
                                                                      transform:scale(0.8);}}
  /* 1000px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
  @media screen and (max-width: 1000px) {.outer-menu .checkbox-toggle{top:180px;
                                                                      left:0px;
                                                                      transform:scale(0.8);}}
  /* 900px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
  @media screen and (max-width: 900px) {.outer-menu .checkbox-toggle{top:140px;
                                                                     left:-8px;}}
  /* 850px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
  @media screen and (max-width: 850px) {.outer-menu .checkbox-toggle{top:140px;
                                                                     left:-14px;
                                                                     transform:scale(0.8);}}
  /* 800px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
  @media screen and (max-width: 800px) {.outer-menu .checkbox-toggle{top:140px;
                                                                     left:-14px;
                                                                     transform:scale(0.7);}}
  /* 790px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
  @media screen and (max-width: 890px) {.outer-menu .checkbox-toggle{left:-16px;}}
  /* 750px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
  @media screen and (max-width: 850px) {.outer-menu .checkbox-toggle{top:140px;
                                                                     left:-22px;}}
  /* 667px以下に適用されるCSS（iPhone SE 横用） */
  @media screen and (max-width: 667px) {.outer-menu .checkbox-toggle{top:140px;
                                                                     left:111px;}}
  /* 660px以下に適用されるCSS（iPhone SE 横用） */
  @media screen and (max-width: 660px) {.outer-menu .checkbox-toggle{top:140px;
                                                                     left:105px;}}
  /* 640px以下に適用されるCSS（iPhone SE 横用） */
  @media screen and (max-width: 640px) {.outer-menu .checkbox-toggle{top:90px;
                                                                     left:96px;}}
  /* 610px以下に適用されるCSS（iPhone SE 横用） */
  @media screen and (max-width: 610px) {.outer-menu .checkbox-toggle{top:50px;
                                                                     left:88px;}}
  /* 414px以下に適用されるCSS（iPhone XR 縦用） */
  @media screen and (max-width: 414px) {.outer-menu .checkbox-toggle {top:-80px;
                                                                      left:10px;}}
    /* 375px以下に適用されるCSS（iPhone SE 縦用） */
    @media screen and (max-width: 375px) {.outer-menu .checkbox-toggle {top:-55px;
                                                                        left:80px;}}
.outer-menu .checkbox-toggle:checked + .hamburger > div {
transform: rotate(135deg);
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:before,
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
top: 0;
transform: rotate(90deg);
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
opacity: 0;
}
.outer-menu .checkbox-toggle:checked ~ .menu {
pointer-events: auto;
visibility: visible;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div {
transform: scale(1);
transition-duration: 0.75s;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div > div {
opacity: 1;
transition: opacity 0.4s ease 0.4s;
}
.outer-menu .checkbox-toggle:hover + .hamburger {
box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.0);
}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
transform: rotate(225deg);
}
.outer-menu .hamburger {
position: absolute;
top: 329px;
left: 9px;
z-index: 1000;
width: 106px;
height: 100px;
padding: 0em 2em;
background: rgba(235, 203, 177, 0);
border-radius: 0 0.12em 0.12em 0;
cursor: pointer;
transition: box-shadow 0.4s ease;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
background:#2336ab !important;
padding-bottom:1.3em;
}
    /* 1450px以下に適用されるCSS（PC用） */
  @media screen and (max-width: 1450px)  {.outer-menu .hamburger{top:329px;
                                                                 left:22px;}}
  /* 1368px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 1368px)  {.outer-menu .hamburger{left:22px;}}
  /* 1330px以下に適用されるCSS（PC用） */
  @media screen and (max-width: 1330px)  {.outer-menu .hamburger{left:23px;}}
  /* 1300px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 1300px)  {.outer-menu .hamburger{left:23px;}}
  /* 1220px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 1220px)  {.outer-menu .hamburger{left:15px;}}
  /* 1210px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 1210px)  {.outer-menu .hamburger{left:15px;}}
  /* 1200px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 1210px)  {.outer-menu .hamburger{top:280px;
                                                                 left:12px;}}
  /* 1190px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 1190px)  {.outer-menu .hamburger{left:13px;}}
  /* 1180px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 1180px)  {.outer-menu .hamburger{left:10px;}}
  /* 1160px以下に適用されるCSS（Surface Pro7 横用） */
  @media screen and (max-width: 1160px)  {.outer-menu .hamburger{left:8px;}}
  /* 1024px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
  @media screen and (max-width: 1024px) {.outer-menu .hamburger{left:-5px;}}
  /* 1020px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
  @media screen and (max-width: 1020px) {.outer-menu .hamburger{left:-5px;
                                                                transform:scale(0.8);}}
  /* 1000px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
  @media screen and (max-width: 1000px) {.outer-menu .hamburger{top:180px;
                                                                left:0px;
                                                                transform:scale(0.8);}}
  /* 900px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
  @media screen and (max-width: 900px) {.outer-menu .hamburger{top:140px;
                                                               left:-8px;}}
  /* 850px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
  @media screen and (max-width: 850px) {.outer-menu .hamburger{top:140px;
                                                               left:-16px;
                                                               transform:scale(0.8);}}
  /* 800px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
  @media screen and (max-width: 800px) {.outer-menu .hamburger{top:140px;
                                                               left:-16px;
                                                               transform:scale(0.7);}}
    /* 790px以下に適用されるCSS（iPhone SE 横用） */
    @media screen and (max-width: 790px) {.outer-menu .hamburger{left:-16px;}}
    /* 750px以下に適用されるCSS（iPhone SE 横用） */
    @media screen and (max-width: 750px) {.outer-menu .hamburger{top:140px;
                                                                 left:-22px;}}
    /* 667px以下に適用されるCSS（iPhone SE 横用） */
    @media screen and (max-width: 667px) {.outer-menu .hamburger{top:140px;
                                                                 left:111px;}}
    /* 660px以下に適用されるCSS（iPhone SE 横用） */
    @media screen and (max-width: 660px) {.outer-menu .hamburger{top:140px;
                                                                 left:105px;}}
    /* 640px以下に適用されるCSS（iPhone SE 横用） */
    @media screen and (max-width: 640px) {.outer-menu .hamburger{top:90px;
                                                                 left:96px;}}
    /* 610px以下に適用されるCSS（iPhone SE 横用） */
    @media screen and (max-width: 610px) {.outer-menu .hamburger{top:50px;
                                                                 left:88px;}}
    /* 414px以下に適用されるCSS（iPhone XR 縦用） */
    @media screen and (max-width: 414px) {.outer-menu .hamburger{top:-100px;
                                                                 left:10px;}}
    /* 375px以下に適用されるCSS（iPhone SE 縦用） */
    @media screen and (max-width: 375px) {.outer-menu .hamburger{  width: 80px;
                                                                   height: 20px;
                                                                   top:-35px;
                                                                   left:80px;}}


.outer-menu .hamburger > div {
position: relative;
flex: none;
width: 100%;
height: 4px;
background: #fff;
transition: all 0.6s ease;
display: flex;
align-items: center;
justify-content: center;
}
.outer-menu .hamburger > div:before,
.outer-menu .hamburger > div:after {
content: '';
position: absolute;
z-index: 1000;
top: -13px;
left: 0;
width: 100%;
height: 4px;
background: inherit;
transition: all 0.4s ease;
}
.outer-menu .hamburger > div:after {
top: 13px;
}
.outer-menu .menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
visibility: hidden;
overflow: hidden;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
outline: 1px solid transparent;
display: flex;
align-items: center;
justify-content: center;
}
.outer-menu .menu > div {
width: 200vw;
height: 200vw;
color: #565656;
background: rgba(255, 255, 255, 0.8);
border-radius: 50%;
transition: all 0.4s ease;
flex: none;
transform: scale(0);
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
overflow: hidden !important;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Shippori Mincho B1', serif;
font-weight:500;
line-height:3em;
}
.outer-menu .menu > div > div {
text-align: center;
max-width: 90vw;
max-height: 100vh;
opacity: 0;
transition: opacity 0.4s ease;
overflow-y: auto;
flex: none;
display: flex;
align-items: center;
justify-content: center;
}
.outer-menu .menu > div > div > ul {
list-style: none;
padding: 0 1em;
margin: 0;
display: block;
max-height: 100vh;
width:100vw;
}
.outer-menu .menu > div > div > ul > li {
padding: 0;
margin: 1em;
font-size: 24px;
display: block;
}
.outer-menu .menu > div > div > ul > li > a {
position: relative;
display: inline;
cursor: pointer;
transition: color 0.4s ease;
color:#9a9a9a !important;
}
.outer-menu .menu > div > div > ul > li > a:hover {
color: #2336ab !important;
}
.outer-menu .menu > div > div > ul > li > a:hover:after {
width: 100%;
}
.outer-menu .menu > div > div > ul > li > a:after {
content: '';
position: absolute;
z-index: 1000;
bottom: -0.15em;
left: 0;
width: 0;
height: 2px;
}

.outer-menu .menu > div > div > ul > li{font-size:35px;
                                      margin:1.5em;}
    /* 414px以下に適用されるCSS（iPhone XR 縦用） */
    @media screen and (max-width: 414px) {.outer-menu .menu > div > div > ul > li{font-size:1.3em;}} 

/*ハンバーガーメニューの「メニュー」文字 */
.hamburger-title{font-weight:700;
                 margin-top:0px;
                 font-size:0.9em;
                 position:absolute;
                 width:100px;
                 top:394px;
                 margin-left:12px;
                 text-align:center;
                 z-index:1001;
                 color:#fff !important;}
    /* 1450px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1450px) {
      .hamburger-title{margin-left:26px ;}}  
    /* 1368px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1368px) {
    .hamburger-title{margin-left:27px ;
                     margin-top:0px}}
    /* 1210px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1210px) {
      .hamburger-title{margin-left:16px ;
                       margin-top:-50px}}
    /* 1200px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1200px) {
      .hamburger-title{margin-left:16px ;
                       margin-top:-50px}}
    /* 1160px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1160px) {
      .hamburger-title{margin-left:14px ;}}
    /* 1020px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1020px) {
      .hamburger-title{margin-left:0px; 
                       margin-top:-54px;}}
    /* 1010px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1010px) {
        .hamburger-title{margin-left:0px ;
                         margin-top:-154px;}}
    /* 1000px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1000px) {
        .hamburger-title{margin-left:3px ;
                         margin-top:-154px;}}
    /* 900px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 900px) {
        .hamburger-title{margin-left:-3px ;
                         margin-top:-194px;}}
    /* 850px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 850px) {
      .hamburger-title{margin-left:-10px ;
                       top:394px;}}
    /* 750px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 750px) {
      .hamburger-title{margin-left:-20px ;}}
    /* 667px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 667px) {
        .hamburger-title{margin-left:114px ;
                         font-size:0.7em;}}
    /* 660px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 660px) {
        .hamburger-title{margin-left:110px;}}
    /* 640px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 640px) {
        .hamburger-title{margin-left:100px;
                         margin-top:-245px;}}
    /* 610px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 610px) {
        .hamburger-title{margin-left:92px;
                         margin-top:-285px;}}
  

.hd-right{display: -webkit-flex !important;
          display: flex !important;
         -webkit-align-items: flex-start !important;
         align-items: flex-start !important;
         -webkit-flex-direction: column !important;
         flex-direction: column !important;
         align-content:center !important;}

/*---------------------------------------《フッターの設定》--------------------------------------------------- */ 
div.ccm-page div.area-content-accent{display:none !important;}
footer#concrete5-brand{display:none !important;} 
footer#footer-theme{color:#646464 !important;
                    background-color:#186ac2 !important;
                    background:url(https://daikei-kensetsu.com/application/files/8317/0312/6076/footer-back-a-5.jpg) !important;
                                   background-position:center bottom !important;
                    font-family: 'Noto Sans JP', sans-serif !important;}
footer#footer-theme section:last-child{background-color:#186ac2 !important;
                                       background:url(https://daikei-kensetsu.com/application/files/8317/0312/6076/footer-back-a-5.jpg) !important;
                                       background-position:center bottom !important;
                                       background-size:100%;
                                       padding-bottom:20px !important;}
/* 1368px以下に適用されるCSS（Surface Pro7 横用） */
@media screen and (max-width: 1368px) {
  footer#footer-theme section:last-child{font-size:1em !important;
               line-height:1.4em !important;}}
/* 1180px以下に適用されるCSS（iPad air 横用） */
@media screen and (max-width: 1180px) {
  footer#footer-theme section:last-child{font-size:1em !important;
               line-height:1.4em !important;}}
/* 1085px以下に適用されるCSS */
@media screen and (max-width: 1085px) {
  footer#footer-theme section:last-child{font-size:0.8em !important;
               line-height:1.4em !important;}}
/* 480px以下に適用されるCSS（iPhoneSE 縦用） */
@media screen and (max-width: 480px) {
  footer#footer-theme section:last-child{font-size:0.8em !important;
               line-height:1.4em !important;}}
/* 375px以下に適用されるCSS（iPhoneSE 縦用） */
@media screen and (max-width: 375px) {
  footer#footer-theme section:last-child{font-size:0.8em !important;
               line-height:1.4em !important;}}
.footer-navi{margin-top:30px !important;}
/* 1368px以下に適用されるCSS（Surface Pro7 横用） */
@media screen and (max-width: 1368px) {
  footer#footer-theme section:last-child{font-size:1em !important;
               line-height:1.4em !important;}}
/* 1180px以下に適用されるCSS（iPad air 横用） */
@media screen and (max-width: 1180px) {
  footer#footer-theme section:last-child{font-size:1em !important;
               line-height:1.4em !important;}}
/* 1085px以下に適用されるCSS */
@media screen and (max-width: 1085px) {
  footer#footer-theme section:last-child{font-size:0.8em !important;
               line-height:1.4em !important;}}
/* 480px以下に適用されるCSS（iPhoneSE 縦用） */
@media screen and (max-width: 480px) {
  footer#footer-theme section:last-child{font-size:0.8em !important;
               line-height:1.4em !important;}}
/* 375px以下に適用されるCSS（iPhoneSE 縦用） */
@media screen and (max-width: 375px) {
  footer#footer-theme section:last-child{font-size:0.8em !important;
               line-height:1.4em !important;}}


.footer-navi a{color:#2336ab !important;
               font-family: 'Noto Sans JP', sans-serif !important;
               font-weight:500 !important;}
.footer-navi a:hover{color:#abcbda !important;}
footer#footer-theme section{padding-bottom:0px !important;
                            border-top:none !important;}

.ft-bottom{color:#fff !important;
           font-size:0.8em !important;
           font-weight:500 !important;
           font-family: 'Noto Sans JP', sans-serif !important;}
.ft-link{border-bottom:#646464 1px solid !important;
         padding-bottom:2px !important;
         line-height:0.4em !important;
         margin-bottom:20px !important;}
.ft-title{color:#186ac2 !important;
               font-family: 'Zen Kaku Gothic New', sans-serif !important;
               font-weight :700 !important;
               font-size:1.5em !important;
               border-bottom:#186ac2 solid 1.5px !important;
               padding-bottom:3px !important;}

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


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

.footer-bottom{font-size:0.9em !important;
               color:#fff !important;
               font-family: 'Zen Kaku Gothic New', sans-serif !important;
               font-weight:500 !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:#186ac2 !important;
           width:100% !important;
           text-decoration:none !important;
           font-weight:500 !important;}
.ft-button a{text-decoration:none !important;}
.ft-button:hover{background: #18cfc0;
                 transition:0.5s ;
                 color:#fff !important;
                 font-weight:500 !important;
                 opacity:0.9;}

/* 1199px以下に適用されるCSS */
@media screen and (max-width: 1199px) {
.footer-navi-1,.footer-navi-2{font-size:0.8em}}




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

/*-------------------------ABOUt USの背景設定------------------------------------- */ 

.back-water-a{padding:500px 50px 50px 50px !important;}


.recruit-icon{position:fixed !important;
              right:0 !important;
              left:auto !important;
              z-index:1002 !important;
              top:25% !important;
              width:50px !important;
             transition:0.3s !important;}
.recruit-icon:hover{transform:scale(1.1) !important;
                    transition:0.3s !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:30% !important;
                                                                left:20% !important;}
/* 1556px以下に適用されるCSS（タブレット・PC用） */
@media screen and (max-width: 1556px) {
div.ccm-page .ccm-image-slider-container .ccm-image-slider-text{top:30% !important;
                                                                left:13% !important;}}
/* 1078px以下に適用されるCSS（タブレット・PC用） */
@media screen and (max-width: 1078px){
div.ccm-page .ccm-image-slider-container .ccm-image-slider-text{top:230px !important;
                                                                  left:85px !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;}}

div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{font-family:'Noto Sans JP', sans-serif !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: 100% !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: #5a321b !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);}}

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

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

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

/*イメージスライダー-with Fudou Doboku */


.withfudoudoboku-a{position:absolute !important;
               z-index:4 !important;
               margin-top:53% !important;
               margin-left:-15% !important;
               width:100%;
               transform:scale(0.6);}
/* 667px以下に適用されるCSS（スマホ・タブレット用） */
@media screen and (max-width: 667px) {
.withfudoudoboku-a{transform:scale(0.5) !important;}}



/*イメージスライダー-with Fudou Doboku-SVG */

/***************************************************
 * Generated by SVG Artista on 8/25/2023, 3:21:40 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 @-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
          animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
          animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
          animation: animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s both;
          animation: animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s both;
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
          animation: animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
          animation: animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
          animation: animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
          animation: animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(86, 86, 87);
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
          animation: animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
}


.slide-catch{margin-top:-35% !important;
             margin-left:65% !important;
             position:absolute !important;
             z-index:5 !important;
             width:100%;}

  /* 1310px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 1310px) {
    .slide-catch{margin-left:60% !important;}}
  /* 1210px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 1210px) {
    .slide-catch{margin-left:55% !important;}}
  /* 850px以下に適用されるCSS（タブレット・スマホ用） */
  @media screen and (max-width: 850px) {
    .slide-catch{margin-left:50% !important;}}
  /* 790px以下に適用されるCSS（タブレット・スマホ用） */
  @media screen and (max-width: 790px) {
    .slide-catch{margin-left:45% !important;}}
  /* 700px以下に適用されるCSS（タブレット・スマホ用） */
  @media screen and (max-width: 700px) {
    .slide-catch{margin-left:40% !important;}}
  /* 700px以下に適用されるCSS（タブレット・スマホ用） */
  @media screen and (max-width: 700px) {
    .slide-catch{margin-left:40% !important;}}
  /* 640px以下に適用されるCSS（Pタブレット・スマホ用） */
  @media screen and (max-width: 640px) {
    .slide-catch{margin-left:38% !important;
                 transform:scale(0.9) !important;}}
  /* 600px以下に適用されるCSS（タブレット・スマホ用） */
  @media screen and (max-width: 600px) {
    .slide-catch{margin-left:35% !important;
                 transform:scale(0.8)!important;}}
  /* 580px以下に適用されるCSS（タブレット・スマホ用） */
  @media screen and (max-width: 580px) {
    .slide-catch{margin-left:35% !important;
                 transform:scale(0.7)!important;}}



/*イメージスライダー-暮らしの、その先へ */
.top-catch-a{position:absolute !important;
             z-index:5 !important;
             -ms-writing-mode: tb-rl;
             writing-mode: vertical-rl;
             margin-top:25%;
             margin-left:1%;
             height:400px;
             font-size:1.7em;
             font-family: 'Zen Old Mincho', serif !important;
             font-weight:500;}
  /* 800px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
  @media screen and (max-width: 800px) {
    .top-catch-a{margin-top:20%;}}
  /* 750px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
  @media screen and (max-width: 750px) {
  .top-catch-a{margin-top:20%;}}


/*TOPの採用情報の枠 */
.top-recruit-waku{position:absolute !important;
                  z-index:3 !important;
                  margin-left:10% !important;
                  margin-right:10% !important;
                  padding-top:45% !important;
                  }

/*TOPの採用情報枠上の背景 */
.back-nami-c{width:100% !important;
            position:absolute;
            z-index:4}





.ccm-custom-style-main{padding-bottom:0px !important;}

/*---------------------------------------《採用情報ページの設定》--------------------------------------------------- */ 
 
/*クレーン車のアニメーション */
.clane-anime{position:absolute;}
  /* 2000px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 2000px) {
    .clane-anime-b{margin-left:110% !important;
                   margin-right:-110% !important;}}    
  /* 1600px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 1600px) {
.clane-anime-b{margin-left:80% !important;
               margin-right:-120% !important;}}
  /* 1430px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 1430px) {
    .clane-anime-b{margin-left:60% !important;
                   margin-right:-100% !important;}}
  /* 1370px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 1370px) {
    .clane-anime-b{margin-left:30% !important;
                   margin-right:-60% !important;}}
  /* 1280px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 1280px) {
    .clane-anime-b{margin-left:0% !important;
                   margin-right:-30% !important;}}
  /* 1210px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 1210px) {
    .clane-anime-b{margin-left:-10% !important;
                   margin-right:0% !important;}}
  /* 1199px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 1199px) {
    .clane-anime-b{margin-left:20% !important;
                   margin-right:-60% !important;
                   margin-top:20% !important;}}
  /* 1050px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 1050px) {
    .clane-anime-b{margin-left:-10% !important;
                   margin-right:-40% !important;
                   margin-top:20% !important;}}
  /* 1000px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 1000px) {
    .clane-anime-b{margin-left:-30% !important;
                   margin-right:-20% !important;
                   margin-top:20% !important;}}
  /* 991px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 991px) {
    .clane-anime-b{margin-left:50% !important;
                   margin-right:-140% !important;
                   margin-top:20% !important;}}
  /* 950px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 950px) {
    .clane-anime-b{margin-left:30% !important;
                   margin-right:-120% !important;
                   margin-top:20% !important;}}
  /* 920px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 920px) {
    .clane-anime-b{margin-left:20% !important;
                   margin-right:-110% !important;
                   margin-top:20% !important;}}
  /* 900px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 900px) {
    .clane-anime-b{margin-left:0% !important;
                   margin-right:-100% !important;
                   margin-top:20% !important;}}
  /* 860px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 860px) {
    .clane-anime-b{margin-left:0% !important;
                   margin-right:-20% !important;
                   margin-top:60% !important;}}
  /* 767px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 767px) {
    .clane-anime-b{margin-left:70% !important;
                   margin-right:-5% !important;
                   margin-top:12% !important;}}
  /* 710px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 710px) {
    .clane-anime-b{margin-left:70% !important;
                   margin-right:-5% !important;
                   margin-top:22% !important;}}
  /* 640px以下に適用されるCSS（PC・タブレット用） */
  @media screen and (max-width: 640px) {
    .clane-anime-b{margin-left:70% !important;
                   margin-right:-5% !important;
                   margin-top:-12% !important;}}



/*ショベルカーのアニメーション */
.excavatorcar-anime{position:absolute;}
                    
.excavatorcar-anime-a{animation:excavatorcar 40s infinite;}
@keyframes excavatorcar{
              0%{transform:translate(140%,0%) scale(1,1);}
              1%{transform:translate(140%,0%) scale(1,1);}
              40%{transform:translate(0%,0%) scale(1,1);}
              49%{transform:translate(0%,0%) scale(1,1);}
              50%{transform:translate(0%,0%) scale(-1,1);}
              100%{transform:translate(140%,0%) scale(-1,1);}}

/* 2000px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 2000px) {
                     .excavatorcar-anime-a{margin-left:110% !important;
                                    margin-right:-110% !important;}}    
                   /* 1600px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 1600px) {
                    .excavatorcar-anime-a{margin-left:80% !important;
                                margin-right:-120% !important;}}
                   /* 1430px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 1430px) {
                    .excavatorcar-anime-a{margin-left:60% !important;
                                    margin-right:-100% !important;}}
                   /* 1370px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 1370px) {
                    .excavatorcar-anime-a{margin-left:30% !important;
                                    margin-right:-60% !important;}}
                   /* 1280px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 1280px) {
                    .excavatorcar-anime-a{margin-left:0% !important;
                                    margin-right:-30% !important;}}
                   /* 1210px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 1210px) {
                    .excavatorcar-anime-a{margin-left:-10% !important;
                                    margin-right:0% !important;}}
                   /* 1199px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 1199px) {
                    .excavatorcar-anime-a{margin-left:50% !important;
                                    margin-right:-90% !important;
                                    margin-top:0% !important;}}
                   /* 1050px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 1050px) {
                    .excavatorcar-anime-a{margin-left:-10% !important;
                                    margin-right:-40% !important;
                                    margin-top:20% !important;}}
                   /* 1000px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 1000px) {
                    .excavatorcar-anime-a{margin-left:-10% !important;
                                    margin-right:-40% !important;
                                    margin-top:20% !important;}}
                   /* 991px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 991px) {
                    .excavatorcar-anime-a{margin-left:70% !important;
                                    margin-right:-160% !important;
                                    margin-top:20% !important;}}
                   /* 950px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 950px) {
                    .excavatorcar-anime-a{margin-left:60% !important;
                                    margin-right:-150% !important;
                                    margin-top:20% !important;}}
                   /* 920px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 920px) {
                    .excavatorcar-anime-a{margin-left:60% !important;
                                    margin-right:-150% !important;
                                    margin-top:20% !important;}}
                   /* 900px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 900px) {
                    .excavatorcar-anime-a{margin-left:40% !important;
                                    margin-right:-140% !important;
                                    margin-top:20% !important;}}
                   /* 860px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 860px) {
                    .excavatorcar-anime-a{margin-left:40% !important;
                                    margin-right:-80% !important;
                                    margin-top:60% !important;}}
                   /* 767px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 767px) {
                    .excavatorcar-anime-a{margin-left:150% !important;
                                    margin-right:-140% !important;
                                    margin-top:-10% !important;}}
                   /* 710px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 710px) {
                    .excavatorcar-anime-a{margin-left:140% !important;
                                    margin-right:-130% !important;
                                    margin-top:-10% !important;}}
                   /* 700px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 700px) {
                    .excavatorcar-anime-a{margin-left:140% !important;
                                    margin-right:-130% !important;
                                    margin-top:0% !important;}}
                   /* 640px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 640px) {
                    .excavatorcar-anime-a{margin-left:120% !important;
                                    margin-right:-100% !important;
                                    margin-top:-2% !important;}}
                   /* 570px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 570px) {
                    .excavatorcar-anime-a{margin-left:110% !important;
                                    margin-right:-90% !important;
                                    margin-top:-2% !important;}}
                   /* 540px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 540px) {
                    .excavatorcar-anime-a{margin-left:100% !important;
                                    margin-right:-80% !important;
                                    margin-top:-2% !important;}}
                   /* 510px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 510px) {
                    .excavatorcar-anime-a{margin-left:90% !important;
                                    margin-right:-70% !important;
                                    margin-top:-2% !important;}}
                   /* 480px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 480px) {
                    .excavatorcar-anime-a{margin-left:80% !important;
                                    margin-right:-60% !important;
                                    margin-top:-2% !important;}}
                   /* 450px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 450px) {
                    .excavatorcar-anime-a{margin-left:70% !important;
                                    margin-right:-50% !important;
                                    margin-top:-4% !important;}}
                   /* 420px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 420px) {
                    .excavatorcar-anime-a{margin-left:70% !important;
                                    margin-right:-45% !important;
                                    margin-top:-4% !important;}}
                   /* 410px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 410px) {
                    .excavatorcar-anime-a{margin-left:65% !important;
                                    margin-right:-40% !important;
                                    margin-top:-4% !important;}}
                   /* 390px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 390px) {
                    .excavatorcar-anime-a{margin-left:60% !important;
                                    margin-right:-35% !important;
                                    margin-top:-4% !important;}}
                   /* 380px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 380px) {
                    .excavatorcar-anime-a{margin-left:65% !important;
                                    margin-right:-25% !important;
                                    margin-top:-4% !important;}}
                   /* 360px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 360px) {
                    .excavatorcar-anime-a{margin-left:60% !important;
                                    margin-right:-20% !important;
                                    margin-top:-4% !important;}}
                   /* 340px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 340px) {
                    .excavatorcar-anime-a{margin-left:60% !important;
                                    margin-right:-10% !important;
                                    margin-top:4% !important;}}
                   /* 290px以下に適用されるCSS（PC・タブレット用） */
                   @media screen and (max-width: 290px) {
                    .excavatorcar-anime-a{margin-left:60% !important;
                                    margin-right:-15% !important;
                                    margin-top:10% !important;}}



/*--採用情報ページ/recruit--*/
 /*--切り替えタブ--*/
 .tabs {/*--タブ切り替え全体のスタイル--*/
    margin-top: 50px;
    padding-bottom: 50px;
    background-color: #fff;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin: 0 auto;}

.tab_item {/*--タブのスタイル--*/
    width: calc(100%/6 - 1px);
    height: 50px;
    border-top: 3px solid #9FCEFF;
    background-color: #9FCEFF;
    line-height: 50px;
    font-size: 1em;
    text-align: center;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    transition: all 0.2s ease;}
@media screen and (max-width:480px){
    .tab_item {
        width: calc(100%/3);
        font-size: 0.6em;}}
.tab_item:hover {opacity: 0.75;}

input[name="tab_item"] {/*--ラジオボタンを全て消す--*/display: none;}
.tab_content {/*--タブ切り替えの中身のスタイル--*/
    display: none;
    padding: 40px 40px 0;
    clear: both;
    overflow: hidden;}
@media screen and (max-width:480px){
    .tab_content{padding: 20px 10px 0;}}


#recruit01:checked ~ #recruit01_content,
#recruit02:checked ~ #recruit02_content,
#recruit03:checked ~ #recruit03_content,
#recruit04:checked ~ #recruit04_content,
#recruit05:checked ~ #recruit05_content,
#recruit06:checked ~ #recruit06_content {/*--選択されているタブのコンテンツのみを表示--*/display: block;}

.tabs input:checked + .tab_item {/*--選択されているタブのスタイルを変えるbackground-color: #9FCEFF;--*/
    background-color: #fff;
    color: #9fceff;}

 /*--採用情報_タブ02リード--*/
 .recruit_wm {
    position: relative;
    border-top: solid 2px #18cfc0;
    border-bottom: solid 2px #18cfc0;
    background: #f1fae8;
    line-height: 1.4;
    padding: 0.4em 0.5em;
    margin: 2em 0 0.5em;}
  
  .recruit_wm:after {
    /*タブ*/
    position: absolute;
    font-weight: 500;
    content: 'クレーンオペレーター';
    background: #18cfc0;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 5px 7px 3px;
    font-size: 1em;
    line-height: 1;
    letter-spacing: 0.05em;}
  
  /*--採用情報_タブ03リード--*/
  .recruit_fi {
    position: relative;
    border-top: solid 2px #18cfc0;
    border-bottom: solid 2px #18cfc0;
    background: #fffae8;
    line-height: 1.4;
    padding: 0.4em 0.5em;
    margin: 2em 0 0.5em;}
  
  .recruit_fi:after {
    /*タブ*/
    position: absolute;
    font-weight: 500;
    content: 'ここに職種名が入ります';
    background: #18cfc0;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 5px 7px 3px;
    font-size: 1em;
    line-height: 1;
    letter-spacing: 0.05em;}
  
  
  
  /*--採用情報_枠の設定--*/
  .tab__area{
      color: #333;
      margin:  0px;
      width: auto;
      font-size: 15px;
      line-height: 1.6;}
  .tab__list{
      display: flex;
      justify-content:center;
      margin: 0;
      width: 100%;
      zoom: 0;
      border-spacing: 0;}
  .tab__item{
      display: table-cell;
      text-align: center;
      font-size: 1em;
      font-weight: bold;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;}
  @media screen and (max-width:480px){
      .tab__item{font-size: 0.87em;}}
          
  .tab__item a{
      display: block;
      padding: 1.5px 24px;
      margin: 1px;
      overflow: hidden;
      position: relative;
      color: #333;
      background-color: #fff;
      border: 1px solid #ccc;
      border-radius: 3px 3px 0 0;
      font-size: 1em;
      text-decoration: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;}
  @media screen and (max-width:1199px){
     .tab__item a{padding: 1.5px 6px;}}
  @media screen and (max-width:480px){
     .tab__item a{font-size: 0.87em;}}
  
  /* hover時の背景色（グレー）の指定 */
  .tab__item a:hover{background-color: #eee;}
  /* タブ選択時の文字色の指定 */
  .tab__item a.selected{color: #fff !important;}
  /* タブ01（若松記念病院）の背景色と文字色の指定 */
  .tab__item:first-child a.selected{background-color: #186ac2;}
  /* タブ02（コスモス）の背景色と文字色の指定 */
  .tab__item:nth-child(2) a.selected{background-color: #186ac2;}
  /* タブ03（ふくいく）の背景色と文字色の指定 */
  .tab__item:nth-child(3) a.selected{background-color: #186ac2;}
  .tab__inner{border: 0px solid #ccc;
      margin-top: -1px;}
  /* タブ01選択時のコンテンツ内の背景色の指定 */
  .tab__inner .pink{
      padding: 20px;
      background-color: #eee;}
  /* タブ02選択時のコンテンツ内の背景色の指定 */
  .tab__inner .orange{
      padding: 20px;
      background-color: #eee;}
  /* タブ03選択時のコンテンツ内の背景色の指定 */
  .tab__inner .green{
      padding: 20px;
      background-color: #eee;}
  
  /*--採用情報内のアコーディオン表示--*/
  .accordion-wrap{
      border-bottom: 1px solid #ccc;}
  
  .accordion-item{
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    margin-top: 30px;}
  
  .accordion-header{
    transition: ease-in-out 100ms;}
  
  .accordion-text{
    width: 100%;
    display: none;
    padding-top: 5px;
    padding-bottom: 20px;}
  
   .fa{transition: ease-in-out 300ms;}
  
   .rotate-fa{transform: rotate(180deg);}
  
  
   .accordion-header .fa{
    float: right;
    line-height: 35px;}
  
   .accordion-gold{color: #18cfc0;}
  
   .accordion-no-bar{border-bottom: 0;}

   div.ccm-page main a:not(.fa):not(.btn), div.ccm-page footer a:not(.fa):not(.btn){color:#186ac2 ;}