/*
Theme Name: X-T9-child(x-t9)
Template: x-t9
*/



.works-1:hover img {
	opacity: 70%;
	}

.works-2:hover img {
    opacity: 70%;
        }
        
.works-i-1 :hover img {
   opacity: 70%;
       }

.h1 {
    border-bottom: 2px solid #8BBF1F;
 }

 *[class*=nav--active-border-bottom] .wp-block-navigation__responsive-container:where(:not(.is-menu-open)) :where(.wp-block-navigation__container,.wp-block-page-list)>.wp-block-navigation-item>a::after {
    border-bottom-color: #8BBF1F !important;
 }
 

 /*タイトルの下線アニメーション設定*/
/*リンクの下線をなくして*/
 .title-line a {
    text-decoration: none;
    transition: 0.3s;
    position: relative;

 }
 /*タイトル下線アニメーション設定*/
 .title-line a::after{
    content: "";
     /*線の太さ*/
    height: 4px;
    width: 0;
    background-color: #8BBF1F;
     /*位置指定始まるよ*/
    position: absolute;
    left: 0;   
    bottom: -10px;
    /*線が出てくる速度*/
    transition:0.3s;
    display: block;

 }
 /*ホバー時の設定、ホバーした時に100％の表示にする*/
 .title-line a:hover::after{
    width: 100%;
 }

 ul{
    list-style:none;
  }
/* ul li{
    background:url(http://www.w3.org/2000/svg) no-repeat 0 0;
    background-size:auto 20px;
    padding-left: 20px;
    color:#8BBF1F;
 } */
 .h2 {
   border-bottom: 2px solid #8BBF1F;
}

*[class*=nav--active-border-bottom] .wp-block-navigation__responsive-container:where(:not(.is-menu-open)) :where(.wp-block-navigation__container,.wp-block-page-list)>.wp-block-navigation-item>a::after {
   border-bottom-cSolor: #8BBF1F !important;
}


/*タイトルの下線アニメーション設定*/
/*リンクの下線をなくして*/
.title-line a {
   text-decoration: none;
   transition: 0.3s;
   position: relative;

}
/*タイトル下線アニメーション設定*/
.title-line a::after{
   content: "";
    /*線の太さ*/
   height: 4px;
   width: 0;
   background-color: #8BBF1F;
    /*位置指定始まるよ*/
   position: absolute;
   left: 0;   
   bottom: -10px;
   /*線が出てくる速度*/
   transition:0.3s;
   display: block;

}
/*ホバー時の設定、ホバーした時に100％の表示にする*/
.title-line a:hover::after{
   width: 100%;
}

/ul{
   list-style:none;
 }
/* ul li{
   background:url(http://www.w3.org/2000/svg) no-repeat 0 0;
   background-size:auto 20px;
   padding-left: 20px;
   color:#8BBF1F;
} */


 .service-list >li::before{
    font: var(--fa-font-solid);
    content:"\f058";
    color: #8BBF1F;
    display: inline-block;
    margin-right: 10px;
 }
.service-list-group{
    text-align: center;
}
.service-list{ 
    display: inline-block;
    text-align: left;
}

 /*ナビゲーションのtxt、ホバー時に変える*/
.wp-block-navigation-item__label:hover{
    color: #8BBF1F;
    
}

.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover{
    color: #8BBF1F;
 }
 .wp-block-button__link:is(.has-background,.wp-element-button):hover{
    filter: none !important;
    color: #fff;
    background-color: #009CE5 !important;
 }

 
 img:hover {
   filter: brightness(0.9);
   /* ホバー時の明るさを調整 */
 }
 .social-icons {
   display: flex; /* 横並びにする場合 */
   justify-content: center; /* アイコンを中央揃え */
   gap: 10px; /* アイコン間の隙間 */
 }
 
 .social-icons img {
   width: 30px; /* アイコンのサイズを調整 */
   height: auto; /* 自動調整 */
 }
 
 @media (max-width: 768px) {
   .social-icons {
     display: flex; /* モバイルでも表示されるように */
     justify-content: space-around; /* 必要に応じて中央揃えを変更 */
   }
 
   .social-icons img {
     width: 25px; /* モバイル用にサイズを小さく調整 */
   }
 }

 img {
   transition: opacity 0.3s ease; /* 全体のホバー効果 */
 }
 
 img:hover {
   opacity: 0.9; /* ホバー時の透明度 */
 }