@charset "UTF-8";
.top-page_section .smb-section__header {
  display: flex;
  flex-flow: column;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　　ヘッダー　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* ヘッダーアイコンを２つ横並びにする方法 */
.header-info{
        display: flex !important;
        margin-left: 10px !important;
    }



/* ヘッダー文字が入りきらない　余白作成 */
/* LINEなどのアイコンを右に移動して余白をつくった */
.c-header-content {
        margin-right: -30px;
}
/* ヘッダーの会社ロゴを左に移動して余白を作った */
.l-1row-header__branding {
        margin-left: -10px;
}

/* アイパッドでヘッダーの文字がバランス悪くなり、修正したもの */
@media (min-width: 834px) and (max-width: 1024px) {
        /* ーーーーiPad Proーーー*/
       .p-global-nav .c-navbar__item>a {
        --_font-size-level: -2 !important;

       }
       .c-site-branding__title .custom-logo {
        width: 300px;
       }
       .l-header:not(.l-header--left) .c-row, .l-header:not(.l-header--left) .c-row__col {
        margin-bottom: 0;
        margin-right: 0;
       }
       .c-btn {
        padding: 3px;
       }
       .c-navbar {
        margin-left: -20px;
        margin-right: -30px;
       }
}

    @media (max-width: 853px) {
/* ーーーーiPad miniーーー*/
/* ヘッダーにアイコン入れた時にハンバーガーがどっかいってしまうのをもどしてくるCSS */
        .u-invisible-md-down {
            display: block!important;
        }
        .u-invisible-md-down .p-global-nav {
            display: none !important;
        }

    /* ヘッダーコンテンツを２つ並べたらハンバーガが重なり直したCSS */
       .l-1row-header__content {
           display: flex !important;
           margin-left: 10px !important;
        }
        .c-btn {
            padding: 3% !important;
            padding-left: 2px !important;
            padding-right: 2px;
            /* ↓これがアイコンボタンの縮小に成功 */
            font-size: 10px;
        }

    /* ハンバーガーのアイコンが上すぎて困った時に入れたCSS */
        .c-hamburger-btn {
            background-color: initial;
            border: none;
            color: inherit;
            cursor: pointer;
            display: inline-block;
            padding-top: 9px;
            margin-right: -15px;
            padding-left: 0px;
            text-align: center;
            vertical-align: middle;
        }
        .header-info {
                display: flex !important;
                margin-left: 3px !important;
                margin-right: 20px;
        }
}

/* 携帯のみ全幅にして見た目よくするCSS */
@media (max-width: 768px) {
        .my-box {
          width: 100vw; 
          margin-left: calc(50% - 50vw);
          margin-right: calc(50% - 50vw);
        }
}
/* H1の文字の大きさ設定 */
@media (max-width: 768px) {
        h1 {
          font-size: 24px; /* 好きなサイズに調整 */
        }
}

/* グローバルナビの文字の色・ハンバーガーで背景色を変えると全て色が変化してしまうのでこの設定必要 */
.p-global-nav .c-navbar__item>a {
        color: black;
    }
    @media (min-width: 1024px) {
        .p-global-nav .c-navbar__item:hover>a,
        .p-global-nav .c-navbar__item:active>a
        .p-global-nav .c-navbar__item:focus>a {
            color: red;
        }
    
}

/* ハンバーガメニューの色の変更 */
.c-drawer__inner {
        background-color: #e5fee0;
}


/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　　トップ　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* TOPページ上部の余白削除 */
.c-section {
        padding: 0;
}

/* ハンバーガー開いた時の文字のいろ */
.c-drawer a {
        color: black;;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　各ページの全体の設定　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* 各ページの上部の余白削除 */
.l-contents__inner {
        margin-top: 0;
}
.c-entry__header {
        margin-bottom: 0;
}





@media (min-width: 375px) and (max-width: 413px) {
        /* iPhone12Pro */
        .smb-section__lede {
                text-align: left;
        }
        /* テーブルの上部余白削除 */
        .smb-section__contents-wrapper>*+* {
                margin-top: 10px;
        }
        .p-entry-content>:where(:not(:first-child)) {
                margin-top: 10px;
        }
        /* 各ページの下に余白削除 */
        .l-contents__inner:last-child {
                margin-bottom: 0;
                padding-bottom: 0 !important;
        }
        

      


        /* 背景セクションのサブの文章　PC用は中央設定　モバイル版は左寄せ設定 */



}
    




/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　建設業許可　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* 各ページのタイトル削除した */
.c-entry__title {
        display: none;
}

/* 各ページのアイキャッチ画像の高さ幅を変更 */
.c-page-header[data-has-image=true] {
        height: 150px;
}
/* アイキャッチの画像の文字の大きさと色 */
.c-page-header__title {
        margin: 0;
        max-width: 100%;
        font-size: 50px;
        color: black;
        background-color: rgba(255, 255, 255, 0.8);
}

.haikei1{
        border: 3px solid #dcfadc; /* 薄いグリーン */
  padding: 20px;
  background: radial-gradient(circle, #ffffff, #f6fff6, #eafdea);
}
.mozikasen {
  text-underline-offset: 4px;     /* 文字と下線の距離 */

}




/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　特殊車両通行許可　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.nagare {
        background: radial-gradient(circle, #f0fff0, #d8fcd8, #bafaba);
}
.nagare1 {
        background: radial-gradient(circle, #ffffff, #edffed, #bff0bf);
}
.nagare2{
        background: #fdfdfd;
}

.smb-step__item__number {
        background-color: #fafafa;
}
.smb-step__item__number {
        color: #0f0f0f;
}

/* 文字の調節 */
@media (max-width: 375px) {
        /* iPhoneSE */
        .has-sm-2-xl-font-size {
                --wp--preset--font-size--sm-2-xl: var(--_fluid-font-size);
                --_font-size-level: 1;
        }
        .p-entry-content>h2 {
                font-size: 20px;
        }
        :root :where(.is-layout-constrained) > :first-child {
                font-size: 15px;
        }
        .smb-section__title {
                --_font-size-level: 2;
                font-size: var(--_fluid-font-size);
                line-height: var(--_line-height);
        }
        .is-style-snow-monkey-143809 {
                font-size: 18px;
        }
     }
@media (min-width: 376px) and (max-width: 767px) {
        /* iPhone12Pro */
        .has-sm-2-xl-font-size {
                --wp--preset--font-size--sm-2-xl: var(--_fluid-font-size);
                --_font-size-level: 2;
        }
        .p-entry-content>h2 {
                font-size: 20px;
        }
        :root :where(.is-layout-constrained) > :first-child {
                font-size: 15px;
        }
        .smb-section__title {
                --_font-size-level: 2;
                font-size: var(--_fluid-font-size);
                line-height: var(--_line-height);
        }
        .is-style-snow-monkey-143809 {
                font-size: 18px;
        }
}


/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　　国際法務　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/


/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　風俗営業許可　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.smb-section__lede-wrapper {
        display: block;
        /* justify-content: center; */
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　料金のご案内　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/




/* テーブルのモバイル版の文字の大きさを縮小 */
@media (min-width: 375px) and (max-width: 413px) {
        /* iPhone12Pro */
        .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th, .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td {

                font-size: 12px;
            }
}


/* フッターしたの文字の大きさ変更　モバイル版 */
@media (min-width: 375px) and (max-width: 413px) {
.c-container {
        font-size: 10px;
}
}






/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /*　　15_梅内法務行政書士事務所　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/