/* ==============================================
CSS Variables
============================================== */
:root {
  --color-primary: #036eb8;
  --color-primary-dark: #004999;
  --color-primary-light: #0088FF;
  --color-accent: #FF6600;
  --color-accent-green: #009244;
  --color-dark: #1A1A2E;
  --color-text: #1a1a1a;
  --color-text-white: #fff;
  --color-text-light: #0171bc;
  --color-bg: #FFFFFF;
  --color-bg-light: #F0F6FF;
  --color-bg-dark: #003366;
  --color-border: #DDDDDD;
  --font-base: 'Noto Sans JP', sans-serif;
  --font-display: 'Oswald', sans-serif;
  --max-width: 104rem;
  --transition: 0.3s ease;
  --content-width: 92rem;
  --side-padding: 2rem;
  --content-width-news: 67rem;
  --color-tag-info:     #2779b5; /* お知らせ：青 */
  --color-tag-company:  #009245; /* 企業誘致：緑 */
  --color-tag-support:  #00a99d; /* 支援制度：黄緑 */
  --voice-width: 97rem;
  --voice-detail-width: 97.5rem;
  --companies-width: 92rem;
  --sdt-width: 92rem;
  --sdt-pad: 2rem;
  --rsn-width: 79rem;
  --rsn-pad: 2rem;
  --spd-width: 92rem;
  --spd-pad: 2rem;
  --tok-width: 85rem;
  --tok-pad: 2rem;
}

.fontsize_change,
#heading_title{
    display: none;
}

/* 汎用スタイル */
.manu__inner{
    padding-block: 6rem;
}
.manu__inner .heading h1{
    margin: 4rem 0 2rem!important;
    padding: 0.8rem 1.8rem !important;
    color: var(--color-text-white) !important;
    font-size: clamp(2.2rem, 2vw + 1.65rem, 2.2rem) !important;
    line-height:inherit !important;
    font-family: "Noto Sans JP", sans-serif;
    background: #29abe2 !important;
    border-bottom: none !important;
}
.manu__inner .heading time {
    font-size: clamp(1.4rem, 1.27rem + 0.27vw, 1.8rem) !important;
    position:relative !important;
    color: #000 !important;
    bottom: 0 !important;
    right: 0 !important;
    text-align: right !important;
}
.manu__inner .heading h2{
    font-size: clamp(1.8rem, 1.4rem + 0.83vw, 2.4rem) !important;
    font-weight: 700 !important;
    color: var(--color-primary) !important;
    line-height: 1.4 !important;
    font-family: "Noto Sans JP", sans-serif !important;
    padding-bottom: 1rem !important;
    border-bottom: 2px solid var(--color-border) !important;
    border-left: none !important;
}
.manu__inner .heading h3{
    margin-top: 2.4rem !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    color: var(--color-text) !important;
    padding-left: 1.2rem !important;
    background: none !important;
    border-left: 4px solid var(--color-primary) !important;
    line-height: 1.4 !important;
    margin-bottom: 1.6rem !important;
    font-family: "Noto Sans JP", sans-serif !important;
}
.manu__inner .heading h4 {
    font-size: clamp(1.4rem, 1.27rem + 0.27vw, 1.8rem) !important;
    line-height: 1.9 !important;
    color: #00316c !important;
    margin-top: 2rem !important;
    font-weight: bold !important;
    font-family: "Noto Sans JP", sans-serif !important;
     position: relative !important;
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
}
.manu__inner .heading h4::after{
    display: none;
}

.manu__inner .sentence ul{
    list-style: disc;
    padding-left: 3.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.manu__inner .sentence ul li,
.manu__inner .sentence p{
    font-size: clamp(1.4rem, 1.27rem + 0.27vw, 1.6rem) !important;
    line-height: 1.9 !important;
    color: var(--color-text) !important;
    font-weight: 500 !important;
    font-family: "Noto Sans JP", sans-serif;
}
.manu__inner .list-style-white-space{}
.manu__inner .list-style-white-space a[href$=".pdf" i]::before{
  content: ""; /* 空のコンテンツを作る */
  display: inline-block;
  width: 48px;  /* アイコンの幅 */
  height: 48px; /* アイコンの高さ */
  margin-right: 0.4em;
  
  /* 背景画像の設定 */
  background-image: url('/man/file/img/1044464.png'); /* 画像パス */
  background-size: contain;      /* 枠内に収める */
  background-repeat: no-repeat;  /* 繰り返さない */
  background-position: center;   /* 中央に配置 */
  
  vertical-align: middle;        /* テキストとの上下位置調整 */
}
.manu__inner .list-style-white-space a[href$=".docx" i]::before{
  content: ""; /* 空のコンテンツを作る */
  display: inline-block;
  width: 48px;  /* アイコンの幅 */
  height: 48px; /* アイコンの高さ */
  margin-right: 0.4em;
  
  /* 背景画像の設定 */
  background-image: url('/man/file/img/1044465.png'); /* 画像パス */
  background-size: contain;      /* 枠内に収める */
  background-repeat: no-repeat;  /* 繰り返さない */
  background-position: center;   /* 中央に配置 */
  
  vertical-align: middle;        /* テキストとの上下位置調整 */
}
.parts .image{
    padding-top: 30px;
    padding-bottom: 30px;
}
/* ==============================================
RESPONSIVE — Mobile First (max 768px)
============================================== */
@media (max-width: 768px) {
    .manu__inner .heading h1{
        display: flex;
        columns: 1;
        margin-bottom: 20px !important;

    }
    body:not(.dev-mb) .cms-public .heading time {
        position:relative;
        bottom: 0;
        right: 0;
        color: #000 !important;
    }
    body:not(.dev-mb) .cms-public .heading h2 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

}