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

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

body{text-decoration:none !important;}

div.ccm-page main{font-family: 'Noto Sans JP', sans-serif;
                  padding-bottom:0px !important;
                  margin-bottom:-1px !important;}


div.ccm-page strong{color:#fe5a22 !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;}

div.ccm-page .btn{color:#fff !important;}
div.ccm-page .btn:hover{color:#fff !important;}


/* ボタンｰ宇野商事様用 */
.button-us{font-family: 'Noto Sans JP', sans-serif;
           font-size:0.9em !important;}
.button-us a {
   border: #333 solid 1px !important;
   border-radius: 50px;
   position: relative;
   display: flex;
   justify-content: space-around;
   align-items: center;
   margin: 0 auto;
   max-width: 260px;
   padding: 6px 10px;
   color: #333 !important;
   transition: 0.3s ease-in-out;
   font-weight: 500;
   text-decoration: none;

}
.button-us a:hover {
   background: #59c431;
   color: #FFF !important;
   border: #59c431 solid 1px !important;}

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




/* ボタンｰ宇野商事様用-B */
.button-us-b{font-family: 'Noto Sans JP', sans-serif;
             color:#1e3c3c;
             font-size:0.9em !important;}
.button-us-b a {
   border: #1e3c3c solid 1px !important;
   border-radius: 50px;
   position: relative;
   display: flex;
   justify-content: space-around;
   align-items: center;
   margin: 0 auto;
   max-width: 260px;
   padding: 6px 10px;
   color: #1e3c3c !important;
   transition: 0.3s ease-in-out;
   font-weight: 500;
   text-decoration: none;

}
.button-us-b a:hover {
   background: #1e3c3c;
   color: #fff !important;
   border: #1e3c3c solid 1px !important;}

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


/* ボタンｰ宇野商事様用-C */
.button-us-c{font-family: 'Noto Sans JP', sans-serif;
   color:#59c431;
   font-size:0.9em !important;}
.button-us-c a {
border: #59c431 solid 0.5px !important;
border-radius: 50px;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
max-width: 40px;
padding: 0px 0px;
color: #59c431 !important;
transition: 0.3s ease-in-out;
font-weight: 300;
text-decoration: none;
font-size:2em;
}

.button-us-c a:hover {
background: #1e3c3c;
color: #fff !important;
border: #1e3c3c solid 0.5px !important;}



.dropshadow-a{filter:drop-shadow(0 0px 3px rgba(150, 150, 150, .5));}

.opacity09{transition:0.2s;}
.opacity09:hover{opacity:0.9;
                 transition:0.2s}
.opacity08{transition:0.2s;}
.opacity08:hover{opacity:0.8;
                 transition:0.2s}
.opacity07{transition:0.2s;}
.opacity07:hover{opacity:0.7;
                 transition:0.2s}
.opacity06{transition:0.2s;}
.opacity06:hover{opacity:0.6;
                 transition:0.2s}


 /* スクロールしたらふわっとフェードイン */
 .effect-fade {
    opacity: 0;
    transform: translate(0, 100px); /* フェードインで動く高さを指定 */
    transition: all 1000ms; /* フェードインにかかる時間を指定 */
  }
  .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.2s;
    transform: translateX(-300px);}
  .fade-in-leftB.effect{transform: translateX(0);
             opacity: 1;}
  .fade-in-rightB{opacity: 0;
    transition-duration: 1.2s;
    transform: translateX(300px);
   }
  .fade-in-rightB.effect{transform: translateX(0);
           opacity: 1;}
           
  .fade-in-leftC{opacity: 0;
    transition-duration: 1s;
    transform: translateX(-300px);
    }
  .fade-in-leftC.effect{transform: translateX(0);
           opacity: 1;}                         
  .fade-in-rightC{opacity: 0;
    transition-duration: 1s;
    transform: translateX(300px);
    }
  .fade-in-rightC.effect{transform: translateX(0);
            opacity: 1;}                         
      
  
  .fade-in-leftD{opacity: 0;
    transition-duration: 0.6s;
    transform: translateX(-300px);
    }
  .fade-in-leftD.effect{transform: translateX(0);
           opacity: 1;}                                   
  .fade-in-rightD{opacity: 0;
    transition-duration: 0.6s;
    transform: translateX(300px);
   }
  .fade-in-leftD.effect{transform: translateX(0);
                    opacity: 1;}    
  
  
  /* スクロールで横からスライドインしてくる */
  .fade-in-right {
  animation-name:fade-in-rightAnime;
  animation-duration:0.8s;
  animation-fill-mode:forwards;
  opacity: 0;
  
  
  }
  @keyframes fade-in-rightAnime{
  from {
  opacity: 0;
  transform: translateX(100px);
  }
  
  to {
  opacity: 1;
  transform: translateX(0);
  }
  }

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

/*フォーム「必須」の文字設定 */ 
.text-muted{content:'';}

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



/*ReCaptchaの位置 */ 
.grecaptcha-badge{right:-30% !important;
                  bottom:-10% !important;}
.grecaptcha-badge:hover{right:-12% !important;}
    /* 2000px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 2000px) {
    .grecaptcha-badge{right:-58% !important;
                      bottom:-10% !important;}
    .grecaptcha-badge:hover{right:-41% !important;}}
    /* 1950px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1950px) {
        .grecaptcha-badge{right:-55% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-39% !important;}}
    /* 1900px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1900px) {
        .grecaptcha-badge{right:-53% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-37% !important;}}
    /* 1850px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1850px) {
        .grecaptcha-badge{right:-51% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-35% !important;}}
    /* 1800px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1800px) {
        .grecaptcha-badge{right:-48% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-32% !important;}}
    /* 1750px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1750px) {
        .grecaptcha-badge{right:-46% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-30% !important;}}
    /* 1700px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1700px) {
        .grecaptcha-badge{right:-44% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-28% !important;}}
    /* 1650px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1650px) {
        .grecaptcha-badge{right:-42% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-25% !important;}}
    /* 1600px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1600px) {
        .grecaptcha-badge{right:-40% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-23% !important;}}
    /* 1550px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1550px) {
        .grecaptcha-badge{right:-37% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-21% !important;}}
    /* 1500px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1500px) {
        .grecaptcha-badge{right:-34% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-18% !important;}}
    /* 1450px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1450px) {
        .grecaptcha-badge{right:-32% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-16% !important;}}
    /* 1400px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1400px) {
        .grecaptcha-badge{right:-30% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-14% !important;}}
    /* 1350px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1350px) {
        .grecaptcha-badge{right:-28% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-12% !important;}}
    /* 1300px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1300px) {
        .grecaptcha-badge{right:-26% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-9% !important;}}
    /* 1250px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1250px) {
        .grecaptcha-badge{right:-23% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-7% !important;}}
    /* 1200px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1200px) {
        .grecaptcha-badge{right:-21% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-5% !important;}}
    /* 1150px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1150px) {
        .grecaptcha-badge{right:-34% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-14% !important;}}
    /* 1100px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1100px) {
        .grecaptcha-badge{right:-31% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-11% !important;}}
    /* 1050px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1050px) {
        .grecaptcha-badge{right:-29% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-8% !important;}}
    /* 1000px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 1000px) {
        .grecaptcha-badge{right:-26% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-5% !important;}}
    /* 992px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 992px) {
        .grecaptcha-badge{right:-50% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-23% !important;}}
    /* 970px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 970px) {
        .grecaptcha-badge{right:-48% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-21% !important;}}
    /* 925px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 925px) {
        .grecaptcha-badge{right:-45% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-18% !important;}}
    /* 900px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 900px) {
        .grecaptcha-badge{right:-43% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-17% !important;}}
    /* 850px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 850px) {
        .grecaptcha-badge{right:-39% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-13% !important;}}
    /* 800px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 800px) {
        .grecaptcha-badge{right:-35% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-10% !important;}}
    /* 750px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 750px) {
        .grecaptcha-badge{right:-34% !important;
                          bottom:-9% !important;}
        .grecaptcha-badge:hover{right:-7% !important;}}
    /* 550px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 550px) {
        .grecaptcha-badge{right:-35% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-9% !important;}}
    /* 500px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 500px) {
        .grecaptcha-badge{right:-52% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-9% !important;}}
    /* 450px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 450px) {
        .grecaptcha-badge{right:-57% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-10% !important;}}
    /* 400px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 400px) {
        .grecaptcha-badge{right:-60% !important;
                          bottom:-10% !important;}
        .grecaptcha-badge:hover{right:-12% !important;}}


/*フォーム「必須」の文字設定 */ 
.text-muted{content:'';}

/*フォームのボタンの色 */    
div.ccm-page .ccm-block-type-form .btn-primary, div.ccm-page .main-reply-form .btn-primary{background-color:# !important;
    border-color:#b78e51 !important;}
div.ccm-page .ccm-block-type-form .btn-primary:hover, div.ccm-page .main-reply-form .btn-primary:hover{background-color:#5a321b !important;
      border-color:#5a321b  !important;}

/*---------------------------------------《子ページ上部余白設定》--------------------------------------------------- */ 
/* 767px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 767px) {
.ccm-custom-style-container.ccm-custom-style-main-495{
padding-top:0px !important;
}
.hd-top{
margin-bottom:0px !important;
border-bottom:none !important;}
}


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

div.ccm-page h2{color:#59c431 !important;
                font-size:2em !important;}
    /* 375px以下に適用されるCSS（iPhone SE 縦用） */
    @media screen and (max-width: 375px) {
    div.ccm-page h2{font-size:1.5em !important;}}
            

div.ccm-page h3{color:#59c431 !important;
                font-size:1.3em !important;
                border-bottom:#c1da80 solid 1.5px;
                padding-bottom:5px;
                margin-bottom:15px;
                position:relative;
                font-weight:700;
                width:50%;}
div.ccm-page h3:before{content:'';
                  width:50px;
                  height:1.5px;
                  background-color:#59c431;
                  display:block;
                  position:absolute;
                  left:0;
                  bottom:-1.5px;} 
    /* 1199px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 1199px) { 
        div.ccm-page h3{width:60% !important;}}
    /* 991px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 991px) { 
    div.ccm-page h3{width:100% !important;}}
                  
/*白文字の見出し―大 */ 
.midashi-white{
   color:#fff;
   font-size:2em;
   font-weight:700;
   line-height:1.2em !important;
  -webkit-text-stroke-width: 4px;
  -webkit-text-stroke-color: #59c431;
  paint-order: stroke;}
    /* 500px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 500px) {
    .midashi-white{font-size:1.5em !important;}}
/*白文字の見出し―小 */ 
.midashi-white-s{color:#fff;
                font-size:1.3em;
                font-weight:700;
                line-height:1.4em !important;}

.main-white{color:#fff !important;}

/*黄緑文字の見出し―大 */ 
.midashi-green{color:#59c431;
    font-size:1.8em;
    font-weight:700;
    letter-spacing:0.15em;
    line-height:1.2em !important;
}
    /* 500px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 500px) {
    .midashi-green{font-size:1.3em !important;
    }}
/*黄緑文字の見出し―小 */ 
.midashi-green-s{color:#59c431;
        font-size:1.2em;
        font-weight:700;
        letter-spacing:0.05em;}

/*オレンジ文字の見出し―大 */         
.midashi-orange{color:#fe5a22;
         font-size:1.8em;
         font-weight:700;
         letter-spacing:0.15em;}
/*オレンジ文字の見出し―小 */     
.midashi-orange-s{color:#fe5a22;
             font-size:1.3em;
             font-weight:700;
             letter-spacing:0.05em;}

div.ccm-page main{
    letter-spacing:0.1em !important;
    font-size:1.1em !important;
    line-height:1.5em !important;}

div.ccm-page .fa, div.ccm-page .fas{color:#59c431 !important;}
div.ccm-page .fa, div.ccm-page .fas:hover{color:#1eaa39 !important;}


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

.hd-navi{padding-top:10px;}           

.hd-top{font-family: 'Noto Sans JP', sans-serif;
        color:#fff;
        font-size:0.8em;
        font-weight:500;
        margin-bottom:30px;
        top:0;
        border-bottom:#59c431 solid 10px;}
    /* 400px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 400px) {
        .hd-top{font-size:0.6em;
                margin-bottom:10px;}}
    /* 390px以下に適用されるCSS（iPhone14 縦用） */
    @media screen and (max-width: 390px) {
        .hd-top{font-size:0.6em;
                margin-bottom:10px;}}
    /* 375px以下に適用されるCSS（iPhone SE 縦用） */
    @media screen and (max-width: 375px) {
        .hd-top{font-size:0.6em;
                margin-bottom:5px;}}

    /* 360px以下に適用されるCSS（Galaxy S8 縦用） */
    @media screen and (max-width: 360px) {
        .hd-top{font-size:0.82em;}}

    /* 280px以下に適用されるCSS（Galaxy Fold 縦用） */
    @media screen and (max-width: 280px) {
        .hd-top{font-size:0.82em;}}



    /* 414px以下に適用されるCSS（iPhone XR 縦用） */
    @media screen and (max-width: 414px) {
        .ccm-custom-style-container.ccm-custom-style-hdtop-765{
            padding-top:3px !important;
            padding-bottom:3px !important;}}
    /* 393px以下に適用されるCSS（Pixel5 縦用） */
    @media screen and (max-width: 393px) {
        .ccm-custom-style-container.ccm-custom-style-hdtop-765{
            padding-top:3px !important;
            padding-bottom:3px !important;}}
    /* 390px以下に適用されるCSS（iPhone14/12 pro 縦用） */
    @media screen and (max-width: 390px) {
        .ccm-custom-style-container.ccm-custom-style-hdtop-765{
            padding-top:3px !important;
            padding-bottom:3px !important;}}
    /* 375px以下に適用されるCSS（iPhone SE 縦用） */
    @media screen and (max-width: 375px) {
    .ccm-custom-style-container.ccm-custom-style-hdtop-765{
            padding-top:3px !important;
            padding-bottom:3px !important;}}
    /* 360px以下に適用されるCSS（Galaxy S8 縦用） */
    @media screen and (max-width: 360px) {
    .ccm-custom-style-container.ccm-custom-style-hdtop-765{
            padding-top:2px !important;
            padding-bottom:2px !important;}}
    /* 280px以下に適用されるCSS（Galaxy Fold 縦用） */
    @media screen and (max-width: 280px) {
    .ccm-custom-style-container.ccm-custom-style-hdtop-765{
            padding-top:0px !important;
            padding-bottom:0px !important;}}



    /* 2000px以下に適用されるCSS（PC用） */
    @media screen and (max-width: 2000px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(1.1) !important;
            margin-left:-550px !important;
            }} 
    /* 1680px以下に適用されるCSS（ノートPC15.4インチ用） */
    @media screen and (max-width: 1680px) {
    .hd-top-text{
        width:120% !important;
        transform:scale(1.1) !important;
        margin-left:-430px !important;
        }} 
    /* 1368px以下に適用されるCSS（Surface Pro7 横用） */
    @media screen and (max-width: 1368px) {
    .hd-top-text{
        width:120% !important;
        transform:scale(1.1) !important;
        margin-left:-370px !important;
        }} 
    /* 1280px以下に適用されるCSS（Nest Hub Max 横用） */
    @media screen and (max-width: 1280px) {
    .hd-top-text{
        width:120% !important;
        transform:scale(1.1) !important;
        margin-left:-485px !important;
        }} 
        /* 1112px
    /* 1180px以下に適用されるCSS（iPad air 横用） */
    @media screen and (max-width: 1180px) {
    .hd-top-text{
        width:120% !important;
        transform:scale(1.1) !important;
        margin-left:-410px !important;
        }} 
    /* 1112px以下に適用されるCSS（iPad pro10.5 横用） */
    @media screen and (max-width: 1112px) {
    .hd-top-text{
        width:120% !important;
        transform:scale(1.2) !important;
        margin-left:-320px !important;
        }} 
    /* 1082px以下に適用されるCSS（PC・タブレット用） */
    @media screen and (max-width: 1082px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(1.2) !important;
            margin-left:-360px !important;
            }} 
    /* 1048px以下に適用されるCSS（PC・タブレット用） */
    @media screen and (max-width: 1048px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(1.1) !important;
            margin-left:-320px !important;
            }} 
    /* 1025px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 1025px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(1.16) !important;
            margin-left:-309px !important;
            }} 
    /* 1024px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
    @media screen and (max-width: 1024px) {
    .hd-top-text{
        width:120% !important;
        transform:scale(1.16) !important;
        margin-left:-305px !important;
        }} 
    /* 1010px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 1010px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(1.10) !important;
            margin-left:-280px !important;
            }} 
    /* 1000px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 1000px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(1.10) !important;
            margin-left:-280px !important;
            }} 
    /* 975px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 975px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(1.10) !important;
            margin-left:-260px !important;
            }} 
    /* 964px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 964px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(1.10) !important;
            margin-left:-250px !important;
            }}
    /* 953px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 953px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(1.05) !important;
            margin-left:-235px !important;
            }}  
    /* 930px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 930px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(1.05) !important;
            margin-left:-220px !important;
            }} 
    /* 917px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 917px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(1.05) !important;
            margin-left:-210px !important;
            }} 
    /* 915px以下に適用されるCSS（Galaxy S20 横用） */
    @media screen and (max-width: 915px) {
    .hd-top-text{
        width:120% !important;
        transform:scale(1.04) !important;
        margin-left:-205px !important;
        }} 
    /* 914px以下に適用されるCSS（Galaxy A51/71 横用） */
    @media screen and (max-width: 914px) {
    .hd-top-text{
        width:120% !important;
        transform:scale(1.04) !important;
        margin-left:-205px !important;
        }} 
    /* 912px以下に適用されるCSS（Surface Pro7 横用） */
    @media screen and (max-width: 912px) {
    .hd-top-text{
        width:120% !important;
        transform:scale(1.04) !important;
        margin-left:-205px !important;
        }} 
    /* 896px以下に適用されるCSS（iPhone XR 横用） */
    @media screen and (max-width: 896px) {
    .hd-top-text{
        width:120% !important;
        transform:scale(1.03) !important;
        margin-left:-192px !important;
        }} 
    /* 892px以下に適用されるCSS（iPhone XR 横用） */
    @media screen and (max-width: 896px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(1.0) !important;
            margin-left:-185px !important;
            }} 
    /* 873px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 873px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(1.0) !important;
            margin-left:-175px !important;
            }} 
    /* 867px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 867px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(1.0) !important;
            margin-left:-169px !important;
            }} 
    /* 861px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 861px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(0.95) !important;
            margin-left:-159px !important;
            }} 
    /* 851px以下に適用されるCSS（Pixel5 横用） */
    @media screen and (max-width: 851px) {
    .hd-top-text{
        width:120% !important;
        transform:scale(0.97) !important;
        margin-left:-155px !important;
        }} 
    /* 844px以下に適用されるCSS（iPhone14/12 pro 横用） */
    @media screen and (max-width: 844px) {
    .hd-top-text{
        width:120% !important;
        transform:scale(0.97) !important;
        margin-left:-150px !important;
        }} 
    /* 834px以下に適用されるCSS（iPad pro10.5 縦用） */
    @media screen and (max-width: 834px) {
    .hd-top-text{
        width:120% !important;
        transform:scale(0.96) !important;
        margin-left:-143px !important;
        }} 
    /* 820px以下に適用されるCSS（iPad air 縦用） */
    @media screen and (max-width: 820px) {
    .hd-top-text{
        width:120% !important;
        transform:scale(0.92) !important;
        margin-left:-123px !important;
        }} 
    /* 810px以下に適用されるCSS（iPad air 縦用） */
    @media screen and (max-width: 810px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(0.93) !important;
            margin-left:-125px !important;
            }} 
    /* 800px以下に適用されるCSS（Nest Hub Max 縦用） */
    @media screen and (max-width: 800px) {
    .hd-top-text{
        width:120% !important;
        transform:scale(0.91) !important;
        margin-left:-116px !important;
        }} 
    /* 783px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 783px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(0.90) !important;
            margin-left:-106px !important;
            }} 
    /* 770px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 770px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(0.88) !important;
            margin-left:-96px !important;
            }} 
    /* 768px以下に適用されるCSS（iPad Mini 縦用） */
    @media screen and (max-width: 768px) {
    .hd-top-text{
        width:120% !important;
        transform:scale(0.88) !important;
        margin-left:-96px !important;
        }} 
    /* 760px以下に適用されるCSS（Galaxy S8 横用） */
    @media screen and (max-width: 760px) {
        .hd-top-text{
            width:92% !important;
            transform:scale(0.87) !important;
            margin-left:-91px !important;
            }} 
    /* 752px以下に適用されるCSS（Galaxy S8 横用） */
    @media screen and (max-width: 752px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(0.86) !important;
            margin-left:-86px !important;
            }} 
    /* 745px以下に適用されるCSS（Galaxy S8 横用） */
    @media screen and (max-width: 745px) {
        .hd-top-text{
            width:120% !important;
            transform:scale(0.85) !important;
            margin-left:-80px !important;
            }}     
    /* 740px以下に適用されるCSS（Galaxy S8 横用） */
    @media screen and (max-width: 740px) {
    .hd-top-text{
        width:89% !important;
        transform:scale(1.1) !important;
        margin-left:45px !important;
        }}            
    /* 720px以下に適用されるCSS（Surface Duo 横用） */
    @media screen and (max-width: 720px) {
    .hd-top-text{
        width:96% !important;
        transform:scale(1.02) !important;
        margin-left:20px !important;
        }}
    /* 688px以下に適用されるCSS（Surface Duo 横用） */
    @media screen and (max-width: 688px) {
        .hd-top-text{
            width:92% !important;
            transform:scale(1.07) !important;
            margin-left:33px !important;
            }}  
    /* 685px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 685px) {
        .hd-top-text{
            width:96.5% !important;
            transform:scale(1.02) !important;
            margin-left:18px !important;
            }}  
    /* 681px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 681px) {
        .hd-top-text{
            width:97% !important;
            transform:scale(1.02) !important;
            margin-left:18px !important;
            }}  
    /* 667px以下に適用されるCSS（iPhone SE 横用） */
    @media screen and (max-width: 667px) {
    .hd-top-text{
        width:88% !important;
        transform:scale(1.12) !important;
        margin-left:43px !important;
        }}  
    /* 653px以下に適用されるCSS（Galaxy Fold 横用） */
    @media screen and (max-width: 653px) {
    .hd-top-text{
        width:90% !important;
        transform:scale(1.09) !important;
        margin-left:37px !important;
        }}  
    /* 600px以下に適用されるCSS（Nest Hub 縦用） */
    @media screen and (max-width: 600px) {
    .hd-top-text{
        width:86% !important;
        transform:scale(1.1) !important;
        margin-left:46px !important;
        }}  
    /* 540px以下に適用されるCSS（Surface Duo 縦用） */
    @media screen and (max-width: 540px) {
    .hd-top-text{
        width:96% !important;
        transform:scale(1.02) !important;
        margin-left:16px !important;
        }}  
    /* 414px以下に適用されるCSS（iPhone XR 縦用） */
    @media screen and (max-width: 414px) {
    .hd-top-text{
            width:116% !important;
            transform:scale(0.87) !important;
            margin-left:-31px !important;
            }}  
    /* 393px以下に適用されるCSS（Pixel5 縦用） */
    @media screen and (max-width: 393px) {
        .hd-top-text{
            width:121% !important;
            transform:scale(0.83) !important;
            margin-left:-36px !important;
            }}  
    /* 390px以下に適用されるCSS（iPhone SE 縦用） */
    @media screen and (max-width: 390px) {
    .hd-top-text{
            width:121% !important;
            transform:scale(0.83) !important;
            margin-left:-36px !important;
            }}     
    /* 375px以下に適用されるCSS（iPhone SE 縦用） */
    @media screen and (max-width: 375px) {
    .hd-top-text{
           width:116% !important;
           transform:scale(0.86) !important;
           margin-left:-24px !important;
           }}         
    /* 360px以下に適用されるCSS（Galaxy S8 縦用） */
    @media screen and (max-width: 360px) {
        .hd-top-text{
            width:135% !important;
            transform:scale(0.74) !important;
            margin-left:-58px !important;
            }}
    /* 280px以下に適用されるCSS（Galaxy Fold 縦用） */
    @media screen and (max-width: 280px) {
        .hd-top-text{
            width:170% !important;
            transform:scale(0.59) !important;
            margin-left:-90px !important;
            }}

.row2{display:flex !important;
      justify-content: space-between !important;
      align-items:center !important;
      }
    /* 360px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 360px) {
    .row2{align-items:fix-end !important;}}

.row3{display:flex !important;
        justify-content: space-between !important;}
    /* 480px以下に適用されるCSS（Galaxy S8 縦用） */
    @media screen and (max-width: 480px) {
    .row3{display:block !important;}}

.row4{display:flex !important;
        justify-content: space-between !important;
        }
      /* 390px以下に適用されるCSS（Galaxy S8 縦用） */
      @media screen and (max-width: 390px) {
          .row4{display:block !important;}}

div.ccm-page header nav ul a{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:500;
    color:#1e3c3c;
    padding-right:0px !important;
    margin-right:40px !important;

}
    /* 992px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 992px) {
    div.ccm-page header nav ul a{font-size:0.9em !important;}}
    /* 991px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 991px) {
        div.ccm-page header nav ul a{font-size:0.9em !important;}}

div.ccm-page header nav ul a:hover{color:#59c431;}
div.ccm-pageheadernavula_hover{color:#59c431;}

.hd-sitetitle:hover{opacity:0.8;}

/* 480px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 480px) {
.hd-sitetitle{width:100% !important;}}
/* 360px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 360px) {
    .hd-sitetitle{width:70% !important;}}
    


.ccm-responsive-overlay{position:fixed !important;
                        top:180px !important;}


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

/* 991px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 991px) {
    .hd-logo{width:80% !important;}}
/* 770px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 770px) {
.hd-logo{width:90% !important;}}
/* 480px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 480px) {
    .hd-logo{width:100% !important;}}



div.ccm-responsive-menu-launch{margin-left:300px !important;
                               padding-right:20px !important;}
/* 766px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 766px) {
    div.ccm-responsive-menu-launch{margin-left:320px !important;}}
/* 736px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 736px) {
    div.ccm-responsive-menu-launch{margin-left:300px !important;}}
/* 720px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 720px) {
    div.ccm-responsive-menu-launch{margin-left:280px !important;}}
/* 700px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 700px) {
    div.ccm-responsive-menu-launch{margin-left:270px !important;}}
/* 680px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 680px) {
    div.ccm-responsive-menu-launch{margin-left:250px !important;}}
/* 670px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 670px) {
    div.ccm-responsive-menu-launch{margin-left:240px !important;}}
/* 660px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 660px) {
    div.ccm-responsive-menu-launch{margin-left:230px !important;}}
/* 650px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 650px) {
    div.ccm-responsive-menu-launch{margin-left:220px !important;}}
/* 640px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 640px) {
    div.ccm-responsive-menu-launch{margin-left:210px !important;}}
/* 630px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 630px) {
    div.ccm-responsive-menu-launch{margin-left:200px !important;}}
/* 620px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 620px) {
    div.ccm-responsive-menu-launch{margin-left:190px !important;}}
/* 610px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 610px) {
    div.ccm-responsive-menu-launch{margin-left:180px !important;}}
/* 600px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 600px) {
    div.ccm-responsive-menu-launch{margin-left:170px !important;}}
/* 590px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 590px) {
    div.ccm-responsive-menu-launch{margin-left:160px !important;}}
/* 580px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 580px) {
    div.ccm-responsive-menu-launch{margin-left:150px !important;}}
/* 570px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 570px) {
    div.ccm-responsive-menu-launch{margin-left:140px !important;}}
/* 560px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 560px) {
    div.ccm-responsive-menu-launch{margin-left:130px !important;}}
/* 550px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 550px) {
    div.ccm-responsive-menu-launch{margin-left:120px !important;}}
/* 540px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 540px) {
    div.ccm-responsive-menu-launch{margin-left:110px !important;}}
/* 530px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 530px) {
    div.ccm-responsive-menu-launch{margin-left:100px !important;}}
/* 520px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 520px) {
    div.ccm-responsive-menu-launch{margin-left:90px !important;}}
/* 480px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 480px) {
    div.ccm-responsive-menu-launch{margin-left:90px !important;
                                   margin-top:3px !important;}}
/* 390px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 390px) {
    div.ccm-responsive-menu-launch{margin-left:90px !important;
                                   margin-top:0px !important;}}











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

/*-------------------------イメージスライダーのロゴアニメ用------------------------------------- */ 

.top-logo-box-c{animation:top-logo-box-c 24070ms infinite  !important;
    position:relative !important;
    z-index:2 !important;
    margin-top:-80% !important;
    margin-bottom:5% !important;}
@keyframes top-logo-box-c{
    0%{opacity:0% ;}
    4%{opacity:0% ;}
    10%{opacity:100% ;}
    26%{opacity:100%;}
    32%{opacity:0%;}
    98%{opacity:0%;}
    100%{opacity:0%;}}


    /* 1800px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 1800px) {
        .top-logo-box-c{margin-top:-70% !important;}}
    /* 1600px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 1600px) {
        .top-logo-box-c{margin-top:-60% !important;}}
    /* 1500px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 1500px) {
        .top-logo-box-c{margin-top:-50% !important;}}
    /* 1300px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 1300px) {
        .top-logo-box-c{margin-top:-47% !important;}}
    /* 1200px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 1200px) {
        .top-logo-box-c{margin-top:-45% !important;}}
    /* 1100px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 1100px) {
        .top-logo-box-c{margin-top:-45% !important;}}
    /* 900px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 900px) {
        .top-logo-box-c{margin-top:-48% !important;}}
    /* 800px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 800px) {
        .top-logo-box-c{margin-top:-47% !important;}}
    /* 700px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 700px) {
        .top-logo-box-c{margin-top:-41% !important;}}
    /* 600px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 600px) {
        .top-logo-box-c{margin-top:-35% !important;}}
    /* 500px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 500px) {
        .top-logo-box-c{margin-top:-33% !important;}}
    /* 400px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 400px) {
        .top-logo-box-c{margin-top:-27% !important;}}



.top-logo-box{animation:top-logo-box 24060ms infinite  !important;
              position:relative !important;
              z-index:2 !important;
              margin-top:1% !important;}
 @keyframes top-logo-box{
         0%{opacity:0% ;
            transform: translateX(-300px);}
         4%{opacity:0% ;
             transform: translateX(-300px);}
         10%{opacity:100% ;
                transform: translateX(0px);}
         26%{transform: translateX(0px);
            opacity:100%;}
         32%{opacity:0%;
             transform: translateX(0px);}
         98%{opacity:0%;
             transform: translateX(0px);}
         100%{opacity:0%;
              transform: translateX(-300px);}}
     
.top-logo-box-green{animation:top-logo-box-green 24060ms infinite  !important;
                position:relative !important;
                z-index:2 !important;
                margin-top:-28% !important;}
   @keyframes top-logo-box-green{
           0%{opacity:0% ;
              transform: translateX(300px);}
           4%{opacity:0% ;
               transform: translateX(300px);}
           10%{opacity:100% ;
                  transform: translateX(0px);}
           26%{transform: translateX(0px);
              opacity:100%;}
           32%{opacity:0%;
               transform: translateX(0px);}
           98%{opacity:0%;
               transform: translateX(0px);}
           100%{opacity:0%;
                transform: translateX(300px);}}

.top-logo-box-uno{animation:top-logo-box-uno 24060ms infinite  !important;
                    position:relative !important;
                    z-index:2 !important;
                    margin-top:-29.8% !important;}
       @keyframes top-logo-box-uno{
        0%{opacity:0% ;}
        4%{opacity:0% ;}
        10%{opacity:0% ;}
        16%{opacity:100% ;}
        26%{opacity:100%;}
        32%{opacity:0%;}
        98%{opacity:0%;}
        100%{opacity:0%;}}
    

.top-logo-box-b{animation:top-logo-box-b 24060ms infinite  !important;
        position:relative !important;
        z-index:2 !important;
        margin-top:3% !important;}
@keyframes top-logo-box-b{
    0%{opacity:0% ;
        transform: translateX(300px);}
     4%{opacity:0% ;
         transform: translateX(300px);}
     10%{opacity:100% ;
            transform: translateX(0px);}
     26%{transform: translateX(0px);
        opacity:100%;}
     32%{opacity:0%;
         transform: translateX(0px);}
     98%{opacity:0%;
         transform: translateX(0px);}
     100%{opacity:0%;
          transform: translateX(300px);}}


/*ロゴアニメ用の見出し */ 
.top-logo-box-c-midashi{color:#59c431;
    font-size:2.5em;
    font-weight:700;
    letter-spacing:0.05em;
    line-height:1.4em !important;}
    /* 900px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 900px) {
        .top-logo-box-c-midashi{font-size:1.5em;}}
    /* 500px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 500px) {
        .top-logo-box-c-midashi{font-size:1.0em;}}
    /* 407px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 407px) {
        .top-logo-box-c-midashi{font-size:0.9em;}}



.top-logo-a{width:35%;}
.top-logo-a-green{width:35%;}
.top-logo-a-uno{width:35%;}
.top-logo-b{width:35%;}

.ccm-custom-style-container.ccm-custom-style-main5460-201{margin-top:-35px !important;
                                                          z-index:3 !important;}
    /* 1199px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 1199px) {
        .ccm-custom-style-container.ccm-custom-style-main5460-201{margin-top:10px !important;}}


/*-------------------------淡グリーンレイアウト枠余白設定------------------------------------- */ 
/* 767px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 767px) {
.ccm-custom-style-container.ccm-custom-style-main73-381,
.ccm-custom-style-container.ccm-custom-style-main7883-304{
 padding:30px 30px 30px 40px !important;}}
/* 500px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 500px) {
.ccm-custom-style-container.ccm-custom-style-main73-381,
.ccm-custom-style-container.ccm-custom-style-main7883-304{
 padding:20px 20px 20px 30px !important;}}


/*-------------------------淡グリーンレイアウト枠画像設定------------------------------------- */ 
/* 767px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 767px) {
.ccm-custom-style-container.ccm-custom-style-main73747693-897,
.ccm-custom-style-container.ccm-custom-style-main788385-787{
margin-top:30px !important;
margin-right:0px !important;
margin-left:0px !important;
}}


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

.rslides_tabs{position:relative ;
    z-index:9 ;
   text-align: center;
   margin-top:-40px ;
   }
  
  .ccm-image-slider-container{background-image: none !important ;
                            }
  
  div.ccm-page .ccm-image-slider-container .ccm-image-slider{padding-left:0px !important;
                                                 padding-right:0px !important;}
  
  div.ccm-page .ccm-image-slider-container{padding-top: 0 !important;
                               border-bottom:none !important;
                               margin-bottom:-17px !important;}
  
  div.ccm-page .ccm-image-slider-container .ccm-image-slider .rslides li{max-height: 80% !important;}
  
  div.ccm-page .ccm-image-slider-container .ccm-image-slider{width:100% !important;
                                                 margin-left:0 !important;
                                                 margin-right:0 !important;
                                                 padding-left:0 !important;
                                                 padding-right:0 !important;
                                                 }
    /* 1000px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 1000px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:13% ;}}
    /* 990px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 990px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:13.2% ;}}
    /* 970px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 970px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:13.4% ;}}
    /* 960px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 960px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:13.6% ;}}
    /* 940px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 940px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:13.8% ;}}
    /* 930px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 930px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:14% ;}}
    /* 920px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 920px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:14.2% ;}}
    /* 910px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 910px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:14.4% ;}}
    /* 900px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 900px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:14.6% ;}}
    /* 890px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 890px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:14.8% ;}}
    /* 870px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 870px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:15% ;}}
    /* 860px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 860px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:15.2% ;}}
    /* 840px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 840px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:15.4% ;}}
    /* 830px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 830px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:15.6% ;}}
    /* 820px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 820px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:15.8% ;}}
    /* 810px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 810px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:16% ;}}
    /* 800px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 810px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:16.2% ;}}
    /* 790px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 790px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:16.4% ;}}
    /* 780px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 780px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:16.6% ;}}
    /* 770px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 770px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:16.8% ;}}
    /* 760px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 760px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:18.8% ;}}
    /* 750px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 750px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:16.8% ;}}
    /* 740px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 740px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:19% ;}}
    /* 730px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 730px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:19.4% ;}}
    /* 720px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 720px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:19.6% ;}}
    /* 710px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 710px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:20% ;}}
    /* 700px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 700px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:20.5% ;}}
    /* 680px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 680px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:21% ;}}
    /* 670px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 670px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:21.3% ;}}
    /* 660px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 660px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:21.5% ;}}
    /* 650px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 660px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:21.5% ;}}
    /* 640px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 640px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:22.5% ;}}
    /* 620px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 620px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:23% ;}}
    /* 610px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 610px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:23.4% ;}}
    /* 600px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 600px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:23.8% ;}}
    /* 590px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 590px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:24% ;}}
    /* 580px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 580px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:24.8% ;}}
    /* 570px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 570px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:25% ;}}
    /* 560px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 560px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:25.6% ;}}
    /* 550px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 550px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:26% ;}}
    /* 540px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 540px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:26.8% ;}}
    /* 530px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 530px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:27% ;}}
    /* 520px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 520px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:27.6% ;}}
    /* 510px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 510px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:28% ;}}
    /* 500px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 500px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:28.6% ;}}
    /* 480px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 480px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:30% ;}}
    /* 470px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 470px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:34% ;}}
    /* 460px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 460px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:34.2% ;}}
    /* 450px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 450px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:34.8% ;}}
    /* 440px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 440px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:34.6% ;}}
    /* 430px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 430px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:36.2% ;}}
    /* 420px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 420px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:36.8% ;}}
    /* 410px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 410px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:33.8% ;}}
    /* 400px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 400px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:27% ;}}
    /* 390px以下に適用されるCSS（iPhone SE 縦用） */
    @media screen and (max-width: 390px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:27.4% ;}}
    /* 375px以下に適用されるCSS（iPhone SE 縦用） */
    @media screen and (max-width: 375px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider{
    margin-top:27.2% ;}}
    /* 360px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 360px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:29.4% ;}}
    /* 350px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 350px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:35.4% ;}} 
    /* 340px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 340px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:36.6% ;}} 
    /* 330px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 330px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:37.8% ;}} 
    /* 320px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 320px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:38.8% ;}} 
    /* 310px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 310px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:40% ;}} 
    /* 300px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 300px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:41.6% ;}} 
    /* 290px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 290px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:42.8% ;}} 
    /* 280px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 280px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider{
        margin-top:44.8% ;}} 
        
  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;}

  /*イメージスライダー-各スライドの大キャッチ */    
  div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{color:#fff !important;
                                                                     font-weight:700 !important;
                                                                     font-size:4em !important;
                                                                     margin-left:20% !important;
                                                                     margin-top:40% !important;
                                                                     width:100% !important;
                                                                     filter:drop-shadow(2px 4px 6px rgba(150,150,150,0.7)) !important;}
    /* 2000px以下に適用されるCSS（PC・タブレット用） */
    @media screen and (max-width: 2000px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
            font-size:4em !important;
            width:1600px !important;}}
    /* 1385px以下に適用されるCSS（PC・タブレット用） */
    @media screen and (max-width: 1385px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
            font-size:3.5em !important;
            width:900px !important;}}
    /* 1368px以下に適用されるCSS（Surface Pro7 横用） */
    @media screen and (max-width: 1368px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
        font-size:3.5em !important;
        width:700px !important;}}
    /* 1180px以下に適用されるCSS（iPad air 横用） */
    @media screen and (max-width: 1180px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
        font-size:3.2em !important;
        width:600px !important;}}
    /* 1112px以下に適用されるCSS（iPad pro10.5 横用） */
    @media screen and (max-width: 1112px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
        font-size:3em !important;
        width:500px !important;}}
    /* 1048px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 1048px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
        font-size:2.95em !important}}
    /* 1025px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 1025px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
            font-size:2.9em !important}}
    /* 1024px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
    @media screen and (max-width: 1024px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
        font-size:2.9em !important}}
    /* 1010px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
    @media screen and (max-width: 1010px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
            font-size:2.85em !important}}
    /* 1000px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 1000px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
            font-size:2.85em !important}}
    /* 998px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 998px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
            font-size:2.8em !important}}
    /* 975px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 975px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
            font-size:2.7em !important}}
    /* 973px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 973px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
            font-size:2.75em !important}}
    /* 964px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 964px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
            font-size:2.7em !important}}
    /* 915px以下に適用されるCSS（Galaxy S20 横用） */
    @media screen and (max-width: 915px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
        font-size:2.6em !important}}
    /* 912px以下に適用されるCSS（Surface Pro7 横用） */
    @media screen and (max-width: 912px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                    font-size:2.58em !important;}}
    /* 896px以下に適用されるCSS（iPhone XR 横用） */
    @media screen and (max-width: 896px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                    font-size:2.5em !important;}}
    /* 851px以下に適用されるCSS（Pixel5 横用） */
    @media screen and (max-width: 851px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                    font-size:2.4em !important;}}
    /* 844px以下に適用されるCSS（iPhone14/12 pro 横用） */
    @media screen and (max-width: 844px){ 
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                    font-size:2.37em !important;}}
    /* 834px以下に適用されるCSS（iPad pro10.5 縦用） */
    @media screen and (max-width: 834px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                   font-size:2.35em !important;}}
    /* 820px以下に適用されるCSS（iPad air 縦用） */
    @media screen and (max-width: 820px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                  font-size:2.25em !important;}}
    /* 783px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 783px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                      font-size:2.2em !important;}}
    /* 778px以下に適用されるCSS（iPad Mini 縦用） */
    @media screen and (max-width: 778px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                  font-size:2.16em !important;}}
    /* 768px以下に適用されるCSS（iPad Mini 縦用） */
    @media screen and (max-width: 768px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                  font-size:2.16em !important;}}
    /* 765px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 765px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                      font-size:2.10em !important;}}
    /* 745px以下に適用されるCSS（Galaxy S8 横用） */
    @media screen and (max-width: 745px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                      font-size:2.05em !important;}}
    /* 740px以下に適用されるCSS（Galaxy S8 横用） */
    @media screen and (max-width: 740px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                  font-size:1.95em !important;}}
    /* 694px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 694px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                      font-size:1.94em !important;}}
    /* 691px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 691px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                      font-size:1.93em !important;}}
    /* 687px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 687px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                      font-size:1.92em !important;}}
    /* 684px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 684px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                      font-size:1.90em !important;}}
    /* 667px以下に適用されるCSS（iPhone SE 横用） */
    @media screen and (max-width: 667px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                  font-size:1.85em !important;}}
    /* 653px以下に適用されるCSS（Galaxy Fold 横用） */
    @media screen and (max-width: 653px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                  font-size:1.8em !important;}}
    /* 600px以下に適用されるCSS（Nest Hub 縦用） */
    @media screen and (max-width: 600px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                  font-size:1.65em !important;}}
    /* 540px以下に適用されるCSS（Surface Duo 縦用） */
    @media screen and (max-width: 540px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                 font-size:1.49em !important;}}
    /* 375px以下に適用されるCSS（タブレット用 */
    @media screen and (max-width: 375px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                 font-size:1em !important}}
    /* 360px以下に適用されるCSS（Galaxy S8 縦用） */
    @media screen and (max-width: 360px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
                 font-size:1em !important;
                 width:400px !important;}}
    /* 280px以下に適用されるCSS（Galaxy Fold 縦用） */
    @media screen and (max-width: 280px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2{
        font-size:0.9em !important;
        width:400px !important;}}


/*イメージスライダー-各スライドの小キャッチ */    
div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
    color:#fff !important;
    font-size:2.5em;
    font-weight:600 !important;
    line-height:1.2em !important;
    width:100% !important;
    margin-left:20% !important;
    margin-top:-3% !important;
    filter:drop-shadow(2px 4px 6px rgba(150,150,150,0.7)) !important;}
    /* 2000px以下に適用されるCSS（iPad air 横用） */
    @media screen and (max-width: 2000px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
              width:1600px !important;}}
    /* 1180px以下に適用されるCSS（iPad air 横用） */
    @media screen and (max-width: 1180px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
               font-size:2.3em !important;}}
    /* 1112px以下に適用されるCSS（iPad pro10.5 横用） */
    @media screen and (max-width: 1112px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
                font-size:2.1em !important;}}
    /* 1025px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 1025px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
                    font-size:2.05em !important;}}
    /* 1024px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
    @media screen and (max-width: 1024px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
                font-size:2.05em !important;}}
    /* 1000px以下に適用されるCSS（iPad Mini_Nest Hub 横用） */
    @media screen and (max-width: 1000px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
                    font-size:2em !important;}}
    /* 975px以下に適用されるCSS（タブレット用） */
    @media screen and (max-width: 975px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
                font-size:1.93em !important;}}
    /* 915px以下に適用されるCSS（Galaxy S20 横用） */
    @media screen and (max-width: 915px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
                font-size:1.85em !important;}}
    /* 896px以下に適用されるCSS（iPhone XR 横用） */
    @media screen and (max-width: 896px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
                font-size:1.75em !important;}}
    /* 851px以下に適用されるCSS（Pixel5 横用） */
    @media screen and (max-width: 851px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
                font-size:1.7em !important;}}
    /* 834px以下に適用されるCSS（iPad pro10.5 縦用） */
    @media screen and (max-width: 834px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
               font-size:1.65em !important;}}
    /* 820px以下に適用されるCSS（iPad air 縦用） */
    @media screen and (max-width: 820px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
            font-size:1.6em !important;}}
    /* 783px以下に適用されるCSS（タブレット・スマホ用） */
    @media screen and (max-width: 783px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
            font-size:1.55em !important;}}
    /* 778px以下に適用されるCSS（iPad Mini 縦用） */
    @media screen and (max-width: 778px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
                font-size:1.5em !important;}}
    /* 768px以下に適用されるCSS（iPad Mini 縦用） */
    @media screen and (max-width: 768px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
            font-size:1.5em !important;}}
    /* 746px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 746px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
            font-size:1.46em !important;}}
    /* 740px以下に適用されるCSS（Galaxy S8 横用） */
    @media screen and (max-width: 740px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
            font-size:1.4em !important;}}
    /* 699px以下に適用されるCSS（Galaxy S8 横用） */
    @media screen and (max-width: 699px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
                font-size:1.38em !important;}}
    /* 690px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 690px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
                    font-size:1.37em !important;}}
    /* 685px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 685px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
                    font-size:1.35em !important;}}
    /* 681px以下に適用されるCSS（スマホ用） */
    @media screen and (max-width: 681px) {
        div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
                    font-size:1.35em !important;}}
    /* 667px以下に適用されるCSS（iPhone SE 横用） */
    @media screen and (max-width: 667px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
            font-size:1.3em !important;}}
    /* 653px以下に適用されるCSS（Galaxy Fold 横用） */
    @media screen and (max-width: 653px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
            font-size:1.25em !important;}}
    /* 600px以下に適用されるCSS（Nest Hub 縦用） */
    @media screen and (max-width: 600px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
            font-size:1.15em !important;}}
    /* 540px以下に適用されるCSS（Surface Duo 縦用） */
    @media screen and (max-width: 540px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
            font-size:1.05em !important;}}
    /* 375px以下に適用されるCSS（タブレット用 */
    @media screen and (max-width: 375px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
                font-size:0.6em !important;}}
    /* 280px以下に適用されるCSS（Galaxy Fold 縦用） */
    @media screen and (max-width: 280px) {
    div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p{
                font-size:0.4em !important;
                width:400px !important;
                transform:scale(0.9);
                margin-left:6px !important;}}



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


.col-sm-1 .ccm-theme-grid-offset-column{margin-left:0px !important;
                                        margin-right:0px !important;}

.col-sm-offset-1{margin-left:0% !important;}



.top-blog-list{filter:drop-shadow(0 0px 3px rgba(150, 150, 150, .5));}

.top-kaisou{z-index:11;}

.top-info{z-index:2 !important;
          margin-left:5%;
          margin-right:-5%;}
/* 1112px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 1112px) {
    .top-info{margin-top:6% !important;}}          
/* 768px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 768px) {
    .top-info{margin-right:5% !important;}}
/* 767.999px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 767.999px) {
    .top-info{margin-top:9% !important;}}
/* 600px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 600px) {
    .top-info{margin-top:13% !important;}}
/* 390px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 390px) {
    .top-info{margin-top:20% !important;
              margin-bottom:80px !important;}}


/* 390px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 390px) {
.ccm-custom-style-container.ccm-custom-style-main54-414{margin-bottom:-45px !important;
                                                        margin-top:0px !important;}
.ccm-custom-style-container.ccm-custom-style-main6364-770{margin-top:60px !important}}


.ccm-custom-style-container.ccm-custom-style-main54-252{position:relative;}
.ccm-custom-style-container.ccm-custom-style-main54-332{position:relative;}
/* 375px以下に適用されるCSS（iPhone SE 縦用） */
@media screen and (max-width: 375px) 
{.ccm-custom-style-container.ccm-custom-style-main54-332{margin-top:70px !important;}}

div.ccm-page div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title a{color:#59c431 !important;}
div.ccm-page div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title a:hover{color:#1eaa39 !important;}


/*---------------------------------------《採用情報ページの設定》--------------------------------------------------- */ 

div.ccm-block-type-form span.text-muted{color:#fe5a22 !important;
                                        opacity:0.8 !important;}

/*---------------------------------------《会社情報ページの設定》--------------------------------------------------- */ 

.about-waku-a{padding-top:30%;}


/*---------------------------------------《お知らせページの設定》--------------------------------------------------- */ 

/*管理者と日付の斜め表示を普通に */
div.ccm-page div.ccm-block-page-title-byline span.page-date, div.ccm-page div.ccm-block-page-title-byline span.page-author{
   font-style:normal !important;}
   
/*記事リストのタイトル色 */
div.ccm-page div.blog-entry-list div.ccm-block-page-list-title a{
     font-family: 'Noto Sans JP', sans-serif !important;
     color:#59c431 !important;}
div.ccm-page div.blog-entry-list div.ccm-block-page-list-title a:hover{
     color:#1eaa39 !important;}

/*各記事のタイトルの色 */
div.ccm-page div.ccm-block-page-title-byline h1.page-title{
   font-family: 'Noto Sans JP', sans-serif;
   color:#59c431 !important;}

/*トピックス名の色 */  
div.ccm-page .ccm-block-topic-list a{color:#59c431 !important;}
div.ccm-page .ccm-block-topic-list a:hover{color:#1eaa39 !important;}

/*アーカイブ名の色 */
div.ccm-page ul.ccm-block-date-navigation-dates a{color:#59c431 !important;}
div.ccm-page ul.ccm-block-date-navigation-dates a:hover{color:#1eaa39 !important;}

span.page-author{display:none !important;}


/*---------------------------------------《お問合せページの設定》--------------------------------------------------- */ 
.tel-number{font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
   color:#59c431;
   font-size:2em;
   font-weight:700;
   letter-spacing:0.1em;}


/*---------------------------------------《フッターの設定》--------------------------------------------------- */ 
div.ccm-page footer{text-decoration:none !important;}
div.ccm-page div.area-content-accent{display:none !important;}
div.ccm-page footer#footer-theme section:first-child{background-color:#59c431 !important;}
div.ccm-page footer#footer-theme section:last-child{background-color:#59c431 !important;}
footer#footer-theme section{border:none !important;}

.ft-sitemaptitle{color:#fff;
                 font-size:1.3em;
                 font-weight:700;
                 border-bottom:#fff solid 1px;
                 margin-bottom:5px;}

footer#footer-theme section{padding-top:0px !important;
                            padding-bottom:0px !important;}
div.ccm-page footer{font-family: 'Noto Sans JP', sans-serif;
                    padding-top:20px;
                    padding-bottom:20px;
                    background-color:#59c431 !important;
                    color:#fff !important;}
div.ccm-page footer a{color:#fff !important;
                      font-weight:500 !important;
                      font-size:0.9em !important;}
div.ccm-page footer a:hover{color:#1e3c3c !important;}

.ft-navi{width:100%;}
.ft-add{width:80%;
        margin-right:13%;
        color:#fff;}
.ft-tel{font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
        color:#fff;
        font-size:2em;
        font-weight:700;
        letter-spacing:0.1em;}



#footer-bottom{background-color:#1eaa39 !important;
               padding-top:5px;
               padding-bottom:5px;
               color:#fff;}

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

/* リンククリック時の黒枠を消す */
a:focus {
    outline: none !important;
}