@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

.entry-content>*,.mce-content-body>*,.article p,.demo .entry-content p,.article dl,.article ul,.article ol,.article blockquote,.article pre,.article table,.article .toc,.body .article,.body .column-wrap,.body .new-entry-cards,.body .popular-entry-cards,.body .navi-entry-cards,.body .box-menus,.body .ranking-item,.body .rss-entry-cards,.body .widget,.body .author-box,.body .blogcard-wrap,.body .login-user-only,.body .information-box,.body .question-box,.body .alert-box,.body .information,.body .question,.body .alert,.body .memo-box,.body .comment-box,.body .common-icon-box,.body .blank-box,.body .button-block,.body .micro-bottom,.body .caption-box,.body .tab-caption-box,.body .label-box,.body .toggle-wrap,.body .wp-block-image,.body .booklink-box,.body .kaerebalink-box,.body .tomarebalink-box,.body .product-item-box,.body .speech-wrap,.body .wp-block-categories,.body .wp-block-archives,.body .wp-block-archives-dropdown,.body .wp-block-calendar,.body .ad-area,.body .wp-block-gallery,.body .wp-block-audio,.body .wp-block-cover,.body .wp-block-file,.body .wp-block-media-text,.body .wp-block-video,.body .wp-block-buttons,.body .wp-block-columns,.body .wp-block-separator,.body .components-placeholder,.body .wp-block-search,.body .wp-block-social-links,.body .timeline-box,.body .blogcard-type,.body .btn-wrap,.body .btn-wrap a,.body .block-box,.body .wp-block-embed,.body .wp-block-group,.body .wp-block-table,.body .scrollable-table,.body .wp-block-separator,.body .wp-block,.body .video-container,.comment-area,.related-entries,.pager-post-navi,.comment-respond {
                margin-bottom: 0em

            }
/* コーポレートサイト専用の背景設定 */
.page-id-6, /* 会社概要 */
.page-id-24, /* 建設事業 */
.page-id-26, /* 環境整備事業 */
.page-id-3, /* SDGs */
.page-id-182, /* お問い合わせ */
.page-id-18, /* 会社概要 */
.page-id-20, /* 建設事業 */
.page-id-22, /* 環境整備事業 */
.page-id-305 { /* プライバシーポリシー */
    background-color: #ffffff !important; /* 背景色を白に */
}
.page-id-472 {
    background-color: #121212 !important;
    
}
	/*1023px以下*/
@media screen and (max-width: 1023px){
  .header-container-in.hlt-top-menu { display:none; }
	.mobile-header-menu-buttons { display: flex; bottom: auto; top: 0; }
.header_seconds, .header_second {
        top: 50px; /* モバイルナビゲーションの高さに合わせる */
    }/*必要ならばここにコードを書く*/
}
/* 見出しリセット */
/*見出しデザインリセット*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
	color:initial;
	background-color:initial;/*背景色リセット*/
	border:initial;/*上下左右の枠線リセット*/
	border-radius:initial;/*角の丸みリセット*/
	
	
	
}
#navi .navi-in a:hover {
background-color: transparent;

}








.article h1 {
  background: #008000; /*背景色*/
  padding: 0em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/
}
/* スマートフォン用のスタイル */
  /* PC用は通常表示 */


#sp.bg-slider  { display:none; 

} 
	/*******************************
トップページの説明のテキストスタイル
********************************/
#home_business > p.Text {
    font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-size: 16px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.5px !important;
    color: #6d6259 !important;
}
@media screen and (min-width: 980px) {
	.ListLinkMenu li .Box .Text {
       color: #6d6259;
        font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    }
    #home_business > p.Text {
	font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
	color: #6d6259 !important;
    }
}
@media screen and (max-width: 980px) {
	.ListLinkMenu li .Box .Text {
       color: #6d6259;
        font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    }
    #home_business > p.Text {
	font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important;
        font-size: 1.25rem !important;
        line-height: 1.7 !important;
	color: #6d6259 !important;
    }
}
@media screen and (max-width: 834px) {
    .page-id-6 main.main, div.sidebar {
        padding-right: 20px !important;
        padding-left: 20px !important;
        margin: 12px 0 !important;
        border-width: 0 !important;
    }
}

.l_footer .cont p span {
    font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.5px !important;
    color: #6d6259 !important;
}

@media screen and (max-width: 767px) {
    .l_footer .cont p span {
        font-size: 0.875rem !important;
    }
}


/*******************************
指定した固定ページのみヘッダーロゴを変える
********************************/
.page-id-6 .logo > a img {
visibility: hidden;
}
.page-id-6 .logo > a .site-name-text {
display: inline-block;
background: url("http://itachi-life.online/wp-content/uploads/2024/05/logo_header-1.png") no-repeat;
background-size: contain;
background-position: center;
}


body.page-id-20 .article ul li,
body.page-id-20 .article ol li {
    margin: 0 !important; /* マージンを解除 */
}
body.page-id-22 .article ul li,
body.page-id-22 .article ol li {
    margin: 0 !important; /* マージンを解除 */
}
body.page-id-24 .article ul li,
body.page-id-24 .article ol li {
    margin: 0 !important; /* マージンを解除 */
	
}
body.page-id-24 .article ul { list-style-type: none!important; }
.content {
margin-top: 360px ; 
}


.header_seconds,{background: url(https://sansei-japan.com/wp-content/uploads/2025/03/桐の花ヘッダー.png) no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;}
.header_seconds h1{color: #fff;font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','游明朝','Yu Mincho',serif;text-align: center;}
.header_seconds, .header_second{background: url(../images/bg_header_second.jpg) no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;}
.header_seconds, .header_second h1{color: #fff;font-family: 'ヒラギノ明朝 Pro W3','Hiragino
Pro','HiraMinProN-W3','游明朝','Yu Mincho',serif;text-align: center;　
	}
/* ニュースアーカイブの背景色を白に */
.news-archive {
    background-color: #ffffff;
}
.single-news {
    background-color: #ffffff;
}
.page-id-472 .main {

    border: none !important; /* ボーダー削除 */

}
/* コーポレートサイト専用の背景設定 */
.page-id-6, /* 会社概要 */
.page-id-24, /* 建設事業 */
.page-id-26, /* 環境整備事業 */
.page-id-3, /* SDGs */
.page-id-182, /* お問い合わせ */
.page-id-18, /* 会社概要 */
.page-id-20, /* 建設事業 */
.page-id-22, /* 環境整備事業 */
.page-id-305 { /* プライバシーポリシー */
    background-color: #ffffff !important; /* 背景色を白に */
}
.page-id-472 {
    background-color: #121212 !important;
    
}
	/*1023px以下*/
@media screen and (max-width: 1023px){
  .header-container-in.hlt-top-menu { display:none; }
	.mobile-header-menu-buttons { display: flex; bottom: auto; top: 0; }
.header_seconds, .header_second {
        top: 50px; /* モバイルナビゲーションの高さに合わせる */
    }/*必要ならばここにコードを書く*/
}
/* 見出しリセット */
/*見出しデザインリセット*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
	color:initial;
	background-color:initial;/*背景色リセット*/
	border:initial;/*上下左右の枠線リセット*/
	border-radius:initial;/*角の丸みリセット*/
	
	
	
}
#navi .navi-in a:hover {
background-color: transparent;

}








.article h1 {
  background: #008000; /*背景色*/
  padding: 0em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/
}
/* スマートフォン用のスタイル */
  /* PC用は通常表示 */


#sp.bg-slider  { display:none; 

} 
	/*******************************
トップページの説明のテキストスタイル
********************************/
#home_business > p.Text {
    font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-size: 16px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.5px !important;
    color: #6d6259 !important;
}
@media screen and (min-width: 980px) {
	.ListLinkMenu li .Box .Text {
       color: #6d6259;
        font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    }
    #home_business > p.Text {
	font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
	color: #6d6259 !important;
    }
}
@media screen and (max-width: 980px) {
	.ListLinkMenu li .Box .Text {
       color: #6d6259;
        font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    }
    #home_business > p.Text {
	font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important;
        font-size: 1.25rem !important;
        line-height: 1.7 !important;
	color: #6d6259 !important;
    }
}
@media screen and (max-width: 834px) {
    .page-id-6 main.main, div.sidebar {
        padding-right: 20px !important;
        padding-left: 20px !important;
        margin: 12px 0 !important;
        border-width: 0 !important;
    }
}

.l_footer .cont p span {
    font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.5px !important;
    color: #6d6259 !important;
}

@media screen and (max-width: 767px) {
    .l_footer .cont p span {
        font-size: 0.875rem !important;
    }
}


/*******************************
指定した固定ページのみヘッダーロゴを変える
********************************/
.page-id-6 .logo > a img {
visibility: hidden;
}
.page-id-6 .logo > a .site-name-text {
display: inline-block;
background: url("http://itachi-life.online/wp-content/uploads/2024/05/logo_header-1.png") no-repeat;
background-size: contain;
background-position: center;
}


body.page-id-20 .article ul li,
body.page-id-20 .article ol li {
    margin: 0 !important; /* マージンを解除 */
}
body.page-id-22 .article ul li,
body.page-id-22 .article ol li {
    margin: 0 !important; /* マージンを解除 */
}
body.page-id-24 .article ul li,
body.page-id-24 .article ol li {
    margin: 0 !important; /* マージンを解除 */
	
}
body.page-id-24 .article ul { list-style-type: none!important; }
.content {
margin-top: 360px ; 
}



/*******************************
テーブル
********************************/
#a2,
#construction_consulting a2,
#business_deconstruct a2,
 #company a2,
#a2　{
	font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
color: #524235;
    font-weight: bold;}

p.Text{color: #6d6259;}

dl > div{border-bottom: 1px solid #e5e5e5;}
dl dt{font-weight: bold;color: #524235;}
dl dd{line-height: 1.5;}
 dd {font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #6d6259;
	 }
.AreaMap{position: relative;width: 100%;overflow: hidden;}
.AreaMap iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

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

    #company .Wrapper{padding-top: 35px;padding-bottom: 30px;}
	#a2#construction_consulting a2,
	#business_deconstruct a2,
    #company a2{
		font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
		font-size: 1.25rem;
		color: #524235;
    font-weight: bold;
		text-align: left;
		margin-bottom: 10px;}

    dl > div{padding: 10px 0;}
    dl dt{margin-bottom: 5px;}
 dl {
        font-size: 0.875rem;
	 
    }
	 dd {
color: #6d6259;
		 font-size: 0.875rem;
		   }
    #access .Wrapper{padding-top: 30px;padding-bottom: 20px;}
    #access .Wrapper .Box{padding-bottom: 20px;}
    #access h2{margin-bottom: 18px;}
    #access .Wrapper p.Text{font-size: 1rem;margin-bottom: 15px;}
    .AreaMap{padding-top: 40.817%;height: 0;}

}

@media screen and (min-width:768px) {

    #company .Wrapper{padding-top: 63px;padding-bottom: 60px;}
	#a2#construction_consulting a2,
	#business_deconstruct a2,
    #company a2{
		font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
color: #524235;
    font-weight: bold;
		margin-bottom: 20px;
	font-size: 1.625rem;}

    dl{border-top: 1px solid #e5e5e5;}
    dl > div{display: flex;flex-wrap: wrap;align-items: center;}
    dl dt{width: 130px;padding: 18px 0 17px 20px;}
    dl dd{width: calc(100% - 130px);padding: 18px 20px 17px;}

    #access .Wrapper{padding-top: 60px;padding-bottom: 80px;}
    #access .Wrapper .Box{padding-bottom: 40px;}
    #access h2{margin-bottom: 11px;}
    #access .Wrapper p.Text{font-size: 1.125rem;line-height: 1.44;margin-bottom: 26px;}
    .AreaMap{padding-top: 0%;height: 400px;}

}

.fz-18px {
  font-size: initial;  /* 初期値に戻す */
}

.wp-admin-fz-18px .editor-styles-wrapper {
  font-size: initial;  /* 初期値に戻す */
}



.article{
	margin-bottom:0!important;
}

.footer {
	margin-top: 0;
}

 .content-bottom {
	 margin:0;
}
.article-header{
	padding-left: 36px; /*左の内側余白調整*/
	padding-right: 36px; /*右の内側余白調整*/
}
/* フルワイドカスタマイズここまで-------------------------------------- */
/*******************************
*bgswitcher
********************************/
#sp.bg-slider { display:none; }

#pc.bg-slider {
top: 0;
width: 100vw;
margin: 0 calc(50% - 50vw);
position: absolute;
height: 100vh;
    background-size: cover;

	}
#pc.bg-slider {

	height: calc(100vw * calc(780 / 1920));
}

.parent-element {
    position: relative;
}

.header_seconds, .header_second {
    position: absolute;  /* 必要に応じて relative や fixed に変更してください */
    top: 60;
    left: 0;
    width: 100%;  /* コンテナの幅全体を使用 */
    height: 300px;  /* コンテナの高さ全体を使用 */
      /* 画像のURLは適宜書き換えてください */
    background-size: cover;  /* 画像がコンテナに常にカバーするように */
    background-position: top center;  /* 画像が常に中央に配置されるように */
    margin: 0;  /* 外側の余白を無くす */
}
.header_seconds h1, .header_second h1 {
    text-align: center; /* 中央揃え */
    font-size: 2.875rem; /* フォントサイズの調整 */
    margin: 0; /* マージンをゼロに */
    padding: 0; /* パディングをゼロに */
}
.header_seconds h1 span, .header_second h1 span {
    display: block; /* ブロックレベル要素にして次の行に */
    font-size: 1.5625rem; /* スパンのフォントサイズ */
}



.text-overlay {color: #fff;font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','游明朝','Yu Mincho',serif;text-align: center;}
/*834px以下*/

.page-id-6 .content {
margin-top:calc(100vw * calc(780 / 1920)); 
}
.content-in{
     margin-bottom:0px;
}
.page-id-6 .header-container, .navi {
    background-color: transparent;
}


/*ナビゲーションメニュー背景透明化*/
.page-id-6 .mobile-header-menu-buttons {
  background-color: transparent;
	border: none;
	box-shadow: none;
	color: #ffffff;
}
/* ヘッダーモバイルボタンの文字色と背景色を変更 */
.page-id-6 .mobile-menu-buttons .menu-icon {
  background: transparent !important;
  color: #ffffff !important;
}

.page-id-6 .mobile-menu-buttons .menu-caption {
  background: transparent !important;
  color: #ffffff !important;
}

.page-id-6 .menu-caption {
  background: transparent !important;
  color: #ffffff !important;
}

.page-id-6 .mobile-menu-buttons {
  background: transparent !important;
  color: #ffffff !important;
}

.page-id-6 .menu-icon {
  background: transparent !important;
  color: #ffffff !important;
}

/* スクロール時のモバイルメニュー背景色と文字色を変更 */
.page-id-6 .mobile-header-menu-buttons.scroll {
  background-color: #ffffff !important;
  color: #000000 !important;
}

.page-id-6 .mobile-header-menu-buttons.scroll .menu-icon,
.page-id-6 .mobile-header-menu-buttons.scroll .menu-caption {
  color: #000000 !important;
}

/* 他のCSSとの競合を避けるために追加 */
.page-id-6 .mobile-header-menu-buttons {
  background-color: transparent !important;
  color: #ffffff !important;
}

.page-id-6 .mobile-header-menu-buttons .menu-icon,
.page-id-6 .mobile-header-menu-buttons .menu-caption {
  background: transparent !important;
  color: #ffffff !important;
}
/* 影響している設定の上書き */
.page-id-6 img.site-logo-image {
  visibility: visible !important;
}

/* 通常時のロゴ */
.page-id-6 .mobile-header-menu-buttons .logo-menu-button img.site-logo-image {
  display: block; /* 画像を表示 */
  content: url('http://itachi-life.online/wp-content/uploads/2024/05/logo_header.png'); /* 通常時のロゴ画像 */
}

/* スクロール時のロゴ */
.page-id-6 .mobile-header-menu-buttons.scroll .logo-menu-button img.site-logo-image {
  content: url('http://itachi-life.online/wp-content/uploads/2024/05/logo_footer.png'); /* スクロール時のロゴ画像 */
}
/* 通常時のロゴ */
.page-id-6 img.site-logo-image {
  display: block; /* 画像を表示 */
  content: url('http://itachi-life.online/wp-content/uploads/2024/05/logo_header.png'); /* 通常時のロゴ画像 */
}








/* ナビを前面に */
.mobile-menu-buttons .menu-caption,
.mobile-menu-buttons .menu-icon {
  color: #000000 !important;
}

.header-container, .navi {
  z-index: 3;
}

.box {
  z-index: 0;
}

.logo-menu-button.menu-button {
  background: transparent !important;
}



.page-id-6 #navi ul li a {
  color: #ffffff !important; /* メインメニューにポインタを置く前の文字色 */
}
/*セクション背景色*/
.color-section-1{
	background:#f9f6f3; /*カラーコードをここで設定*/
}
@media screen and (min-width:768px) and (max-width:1299px) {
	.content {
margin-top:240px; 
}

.header_seconds, .header_second  {height: 180px;}
	.header_seconds h1, .header_second h1{font-size: 2.3rem;}
	.header_seconds h1 span, .header_second h1 span{font-size: 1.25rem;}
}
/*834px以下*/
@media screen and (max-width: 834px){
 .header-container-in.hlt-top-menu { display:none; }
	.mobile-header-menu-buttons { display: flex; bottom: auto; top: 0; }
	/*必要ならばここにコードを書く*/

	#home_business .ListLinkMenu {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
	.ListLinkMenu li .Box .Cont{padding: 36px 25px 0;}
	.article h1 {
padding-top: 35px;
		padding-bottom: 35px;
		margin-bottom: 23px;
		font-size: 1.5rem;

}}

/*******************************
カスタム投稿
********************************/

body.single-news .article h1 {
    color: #524235 !important;
    font-size: 1.625rem !important;
    background-color: initial !important;
    font-weight: bold !important;
    padding: 0em !important;
}

@media screen and (min-width: 980px) {
    body.single-news .article h1 {
        font-size: 1.625rem !important;
    }
}

@media screen and (max-width: 767px) {
    body.single-news .article h1 {
        margin-bottom: 23px !important;
        font-size: 1.25rem !important;
    }
}
body.single-news .widget-entry-card {
    font-size: inherit; /* フォントサイズを継承に */
    position: static; /* positionをデフォルトに戻す */
}



/* リンク要素に対して相対位置指定を追加 */

.page-id-6 .widget-entry-card {
    font-size: inherit; /* フォントサイズを継承に */
    position: static; /* positionをデフォルトに戻す */
}

.a-wrap  {
    position: relative; /* これによって、子要素の絶対位置指定の基準点になります */
    display: block; /* リンクがブロックレベル要素として振る舞うように設定 */
    width: 100%; /* 全幅 */
    height: 100%; /* 全高、コンテンツに応じて自動調整される */
	box-sizing: border-box; /* パディングを含む全体のサイズを計算 */
}

/* ニュースラベルのスタイリングと位置指定 */
.Category {
    position: absolute; /* 絶対位置指定 */
    top: 10px; /* 上から10pxの位置 */
    right: 10px; /* 右から10pxの位置 */
    background-color: #FF0000; /* 背景色 */
    color: white; /* 文字色 */
    padding: 5px 10px; /* パディング */
    border-radius: 5px; /* 角の丸め */
    font-size: 0.75rem; /* フォントサイズ */
    text-transform: uppercase; /* 大文字表示 */
    box-sizing: border-box; /* パディングとボーダーを含む計算 */
    z-index: 10; /* 他の要素より前面に表示 */
}

.new-entry-card {
    margin-bottom: 20px; /* 下に20pxのマージンを追加 */
}

/* 最後の記事のマージンを取り除く */
.new-entry-cards .new-entry-card:last-child {
    margin-bottom: 0;
}
.page-id-6 .widget-entry-cards .a-wrap {
    padding: 22px 50px 15px 15px;
    line-height: normal; /* または他の値にリセット */
	background:#ffffff;
	margin-bottom: 15px !important;
    
}


.new-entry-card-news {
    margin-right: 1.6%;
	background:#f7f7f7
}
.widget-entry-card-news {
    margin-top: 0 !important;
    margin-left: 0;
    float:left;
}
.taxonomy_genre_ribon .genre_icon {
    display: inline-block;
    margin: 0 5px 5px 5px;
    padding: .3em .5em;
    background: #ccc;
    font-size: .7em;
}
.taxonomy_genre_ribon .genre_icon:first-child {
    margin-left: 0;
}
/*******************************
問い合わせ
********************************/
.contents_form em{color:#cc0000;position: absolute;top: 50%;transform: translateY(-50%);margin-left: 10px;}
.contents_form form{display:inline;}
.contents_form p.alert{margin-top:5px;}

.contents_form table{width:100%;table-layout: fixed;border-top: 1px solid #e5e5e5;}
.contents_form th,.contents_form td{padding:5px;}
.contents_form th{width:200px;background-color:#f9f6f3;color: #524235;font-weight: bold;border-bottom: 1px solid #e5e5e5;position: relative;}
.contents_form td{border-bottom:#e5e5e5 1px solid;}

/** 注釈文言 **/
.contents_form td .add{font-size:80%;}
.Text.alert{margin-top: 10px;}

/** 確認 **/
.PrivacyLink{margin-bottom: 20px;}

/** ボタン **/
.come_btn input[type="submit"],.come_btn a{
width:100%;padding:10px 0;display:block;text-align:center;background-color:#524235;border: 1px solid #524235;color: #fff;
-webkit-border-radius: 5px; border-radius: 5px;height: 100%;font-weight: 600;max-width: 100%;
-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;
}
.come_btn input[type="submit"]:hover{cursor:pointer;background-color:#fff;color:#524235;}

.form_input_btn{margin:0 auto;}
.come_btn{display: flex;align-items: center;flex-direction: row-reverse;}
.come_btn a{text-decoration: none;}

/** フォーム共通 ***/
.contents_form form input{font-family: "HiraKakuProN W6","Droid Sans","Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
   max-width: 100%;width: 100%;}
input.formtxt,textarea.formtxt,select.formtxt{border: 1px solid #cdcdcd;-webkit-border-radius: 5px;border-radius: 5px;width: 100%;}
input.formtxt{padding:5px;height: 50px;padding: 0 5px 0 18px;font-size: 1rem;font-weight: normal;}
textarea.formtxt{padding:7px;}
::placeholder {color: #beb4ac;}

.form_confirm_btn{margin: 0 -10px;}
.form_confirm_btn form{width: 50%;height: 100%;padding: 0 10px;}
.contents_form.comp .come_btn{height: 40px;justify-content: center;margin-top: 30px;}

@media screen and (max-width:767px) {
    .contents_form em,.contents_form th span{font-size: 0.8125rem;}
    .contents_form .Wrapper{padding-top: 30px;padding-bottom: 40px;}
    .contents_form th,.contents_form td{display: block;width: 100%;}
    .contents_form td{padding: 10px 0 20px;}
    .contents_form th span{margin-left: 10px;}
    .contents_form tr:last-of-type td{border-bottom: none;}
    .AreaForm{margin-top: 20px;}

    .contents_form .conf td{padding-right: 5px;padding-left: 5px;}

    .come_btn input[type="submit"],.come_btn a{font-size: 1rem;}
    .come_btn input[type="submit"],.come_btn.back a{max-width: 300px;margin: 0 auto;}

}

@media screen and (min-width:768px) {

    .contents_form em,.contents_form th span{font-size: 0.875rem;}
    .contents_form th span{display: block;margin-top: 5px;}
    .contents_form .Wrapper{padding-top: 72.5px;padding-bottom: 46px;}
    .Text{line-height: 1.875;}
    .contents_form th{width: 230px;padding: 20px 30px;font-size: 1.125rem;line-height: 1;vertical-align: middle;}
    .contents_form tr:last-of-type th{vertical-align: top;}
    .contents_form td{padding: 14px 20px;}

    .contents_form .AreaForm{margin-top: 42.5px;}
    .contents_form table{margin-bottom: 50px;}

    .come_btn{height: 70px;}
    .form_input_btn{width:300px;}
    .come_btn input[type="submit"]{width:350px;font-size: 1.375rem;}
    .come_btn input[type="submit"],.come_btn a{
        width:300px;padding:10px 0;display:block;text-align:center;background-color:#524235;-webkit-border-radius: 5px; border-radius: 5px;
        -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;
    }
    .form_confirm_btn{margin: 0 auto;max-width: 600px;}

    .contents_form.comp .Text{text-align: center;}

    .contents_form.comp .come_btn{height: 40px;justify-content: center;margin-top: 30px;}
    .come_btn.back a{line-height: 20px;width: 150px;font-size: 0.9rem;}
}

@media screen and (min-width:768px) and (max-width:1080px) {

}

@media screen and (min-width:1081px) {

}
/*******************************
SDGs
********************************/

#sdgs_about .Box figure.Img{width: 100%;}
#sdgs_detail .Box figure.Img{width: 100%;}

#sdgs_detail h3{color: #524235;font-weight: bold;}

ul.Gallery{display: flex;flex-wrap: wrap;}
ul.Gallery li{width: 50%;}
ul.Gallery li figure{text-align: center;}
ul.Gallery li figure figcaption{text-align: left;line-height: 1;color: #6d6259;position: relative;}
ul.Gallery li figure figcaption::before{content: "";display: block;clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
position: absolute;left: 0;top: 0;background: #6d6259;}
p.Text{color: #6d6259;}

.Frame{background: #fff;}

@media screen and (max-width:767px) {
    figure{text-align: center;}

    #sdgs_about .Wrapper{padding-top: 37px;padding-bottom: 28px;}
    #sdgs_about h2{line-height: 1.55;margin-bottom: 30px;}
    #sdgs_about h2 br{display: none;}

    #sdgs_about .Box h3{font-size: 1.125rem;line-height: 1;font-weight: bold;margin-bottom: 12px;}
    #sdgs_about .Box p.Text{font-size: 0.875rem;line-height: 1.71;}
    #sdgs_about .Box figure.Img{margin-bottom: 20px;}

    #sdgs_detail .Wrapper{padding-top: 30px;padding-bottom:40px;}
    #sdgs_detail .Box{margin-bottom: 13px;}
    #sdgs_detail h2{margin-bottom: 15px;line-height: 1;text-align: center;}
    #sdgs_detail h3{font-size: 1.125rem;line-height: 1.2;margin-bottom: 6.5px;}
    #sdgs_detail .Box figure.Img{margin: 10px 0;}
    #sdgs_detail .Box p.Text{line-height: 1.68;}

    .Frame{padding: 26px 20px 28px;}
    ul.Gallery{margin: 15px -5px 0;}
    ul.Gallery li{padding: 0 5px;}
}

@media screen and (min-width:768px) {

    h2{text-align: center;}

    #sdgs_about .Wrapper{padding-top: 77px;padding-bottom: 87px;}
    #sdgs_about h2{line-height: 1.53;margin-bottom: 44px;}
    #sdgs_about .Box,#sdgs_detail .Frame .Box{display: flex;}
    #sdgs_about .Box > div{max-width: calc(100% - 285px);padding-left: 50px;}
    #sdgs_about .Box figure.Img{max-width: 285px;}
    #sdgs_about .Box h3{font-size: 1.125rem;line-height: 1;font-weight: bold;margin-bottom: 12px;}
    #sdgs_about .Box p.Text{font-size: 0.875rem;line-height: 1.71;}

    #sdgs_detail .Wrapper{padding-top: 70px;padding-bottom: 90px;}
    #sdgs_detail .Box{margin-bottom: 13px;}
    #sdgs_detail h2{margin-bottom: 30px;line-height: 1;}
    #sdgs_detail h3{font-size: 1.375rem;line-height: 1;margin-bottom: 6.5px;}
    #sdgs_detail .Box figure.Img{max-width: 320px;margin-left: 20px;}
    #sdgs_detail .Box p.Text{line-height: 1.68;}
   
    .Frame{padding: 56px 38px 58px;}
    ul.Gallery{margin: 33.5px -10px 0;}
    ul.Gallery li{padding: 0 10px;}
}

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

}

@media screen and (min-width:980px) {

}
@media screen and (min-width:768px) and (max-width:979px) {

}

@media screen and (min-width:1081px) {

}
/*768px以下*/
@media screen and (max-width: 768px) {
#pc.bg-slider {
    background-image: none; /* 背景画像を非表示にする */
    display: none;
	top: 0;
width: 0vw;
margin: 0;
height: 0vh;/* 要素を非表示にする */
}  /* スマートフォンではPC用を非表示 */
#pc.bg-slider { display: none !important; }    
#sp.bg-slider {
	top: 0;
width: 100vw;
margin: 0 calc(50% - 50vw);
position: absolute;
	height: 100vh;
    background-size: cover;
height: calc(100vw * calc(900 / 750));
background-size: cover;
}  /* スマートフォンではスマートフォン用を表示 */

.page-id-6 .content {
margin-top:calc(100vw * calc(900 / 750)); 
}

.page-id-6 .logo > a img {
visibility: hidden;
}
.page-id-6 .logo > a img {
visibility: hidden;
}

.page-id-6 img.site-logo-image{
		visibility: hidden;
	}

.page-id-6 .logo-menu-button.menu-button{
		background-image: url("http://itachi-life.online/wp-content/uploads/2024/05/logo_header-1.png");
		background-size: contain;
background-position: center;
	background-repeat: no-repeat;
}
.header_seconds, .header_second  {height: 120px;}
	.header_seconds h1, .header_second h1{font-size: 22px;}
	.header_seconds h1 span, .header_second h1 span{font-size: 12px;}
.content {
margin-top:180px; 
}
.ListLinkMenu li .Box .Text{ 
	font-size: 0.875rem;
	margin-bottom: 18px;
	font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;align-content
	}
	.ListLinkMenu li .Box .Cont{padding: 36px 25px 0;
	}
	.ListLinkMenu li .Btn a {
		font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
        border-radius: 17.5px;
        max-width: 190px;
        line-height: 1.5px;
		        font-size: 0.875rem;
    }


/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	#pc.bg-slider {
        display: none; /* モバイルで要素を非表示にする */
    }
	.article h1 {
padding-top: 35px;
		padding-bottom: 35px;
		margin-bottom: 23px;
		font-size: 1.5rem;
}}


@media screen and (max-width: 480px) {
    .article h1 {
        padding-top: 35px;
        padding-bottom: 35px;
        margin-bottom: 23px;
        font-size: 1.5rem;
    }
}