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

/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　　全体　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/


/* モバイル　ドロワーの文字の大きさ */
.c-drawer a {
        font-size: 20px;
        color: #e6a544;
        font-weight: 520;
}

/* モバイル　ドロワーの背景色変更 */
.c-drawer__inner {
    background-image: url("https://ikouriha.com/wp-content/uploads/2026/03/6.png");


}
.p-footer-sticky-nav a  {
    display: contents;
}
.l-contents__inner {
    margin-bottom: var(--contents--gap);
    margin-top: 0px !important;
}

.smb-section__contents-wrapper>*+* {
    margin-top: 25px !important;
}
    
/*各ページのアイキャッチ部分の文字の色 */
.page-id-34 .c-page-header {
    display: none;
}

/* 各ページタイトルの文字の色 */
.c-page-header__title {
    color: #ffffff;

    text-shadow:
      0 1px 0 rgba(0,0,0,0.1),
      0 3px 10px rgba(0,0,0,0.12);
    
}

.page-id-30 .c-page-header__title {
    color: #2b2b2b;

    text-shadow:
     0 1px 0 rgba(255,255,255,0.6),
     0 3px 8px rgba(0,0,0,0.15);
    
}
.page-id-32 .c-page-header__title {
    color: #2b2b2b;

    text-shadow:
     0 1px 0 rgba(255,255,255,0.6),
     0 3px 8px rgba(0,0,0,0.15);
    
}


/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
  /* 　　　　文字の大きさ　・　配置　　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/* スマホの文字の大きさ調整　タイトル、見出しの文字のサイズ */
@media (min-width: 374px) and (max-width: 767px) {

    /* 背景セクションのタイトル */
    .smb-section__title {
        --_font-size-level: 3 !important;
    }
    h1 {
        --_font-size-level: 3;
    }
    .smb-media-text__title {
        --_font-size-level: 3 !important;
    }

    /* 装具について　タイトル */
   .has-sm-4-xl-font-size{
    --_font-size-level: 4;
   }








    /* 文字を右側 */
    .left {
        text-align: left !important;
    }
    /* 文字を左側 */
    .right {
        text-align: right;
    }



}



/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　　ヘッダー　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/*  　　ロゴ大きさ調整　　　　*/
.c-site-branding__title .custom-logo {
    width: 500px;
    margin-left: -50px;
}



/* ヘッダーアイコン　メール　インスタ */
.s-btn-mail {
    display: flex;
    align-items: center;
    max-width: 600px;
}

.telephone {
    display: flex;
    align-items: center;
    max-width: 300px;
    margin-right: 5px;
    margin-left: 10px;

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

.l-header:not(.l-header--left) .c-row, .l-header:not(.l-header--left) .c-row__col {
    margin-bottom: 0;
    margin-right: -50px;
}

/* モバイル版用 */
@media (min-width: 374px) and (max-width: 834px) {
/* ヘッダーにアイコン入れた時にハンバーガーがどっかいってしまうのをもどしてくる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;
        padding: 5px !important;
    }

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

    .c-hamburger-btn__bars {
        margin: 0px;
    }

    .s-btn-mail {
        display: flex;
        align-items: center;
        max-width: 700px;
    }
    .telephone {
        display: flex;
        align-items: center;
        max-width: 200px;
        margin-right: 5px;
        margin-left: 0px;
    
    }
    .l-header:not(.l-header--left) .c-row, .l-header:not(.l-header--left) .c-row__col {
        margin-bottom: 0;
        margin-right: 0px;
    }

    .c-row>.c-row__col {
        padding-left: 3px;
        padding-right: 3px;
        padding-bottom: 3px;
    }


}

.p-breadcrumbs-wrapper {
    display: none;
}


/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　　フッター　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* モバイル版 */
@media (min-width: 374px) and (max-width: 413px) {

    /* フッター下の文字の大きさ */
    .c-copyright {
        font-size: 12px;
}

}
.l-footer--default .l-footer-widget-area {
    padding-bottom: var(--_padding2);
    padding-top: var(--_padding2);
    background: radial-gradient(circle, #fffffc 50%, #fffcf7 100%);
}

.l-footer {
    border-top: 1px solid #f8f3e9;
    overflow: hidden;
}
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /*  各ページ　　アイキャッチ画像の幅変更　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/


/* 各ページのアイキャッチ画像の高さ幅を変更 */
.c-page-header[data-has-image=true] {
    height: 200px;
}
@media (min-width: 375px) and (max-width: 767px) {
    .c-page-header[data-has-image=true] {
        height: 140px;
    }
}

.wp-block-snow-monkey-blocks-section-with-bgimage {
    margin-top: 0;
}



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

.l-contents__inner:first-child {
    padding-top: 0;
}
.l-contents__inner:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
}

@media (min-width: 375px) and (max-width: 767px) {
    .c-row>.c-row__col.aikon  {
        margin-bottom: -10px;
    }
}




/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
  /* 　　　　文字の大きさ　・　配置　　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/* スマホの文字の大きさ調整　タイトル、見出しの文字のサイズ */
@media (min-width: 375px) and (max-width: 767px) {

    /* 背景セクションのタイトル */
    .smb-section__title {
        --_font-size-level: 2;
    }

.smb-media-text__title {
        --_font-size-level: 2;
    }


    /* 文字を右側 */
    .left {
        text-align: left;
    }
    /* 文字を左側 */
    .right {
        text-align: right;
    }
    .size1 {
        font-size: 15px;
    }
    .mozi10 {
        font-weight: 1000;
        letter-spacing: 0.08em;
        font-size: 20px;
        background: linear-gradient(180deg, #00c27a 0%, #009760 60%, #006b45 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-shadow: 0 4px 10px rgba(0, 0, 0, 0.15), 0 10px 30px rgba(0, 151, 96, 0.35);
    }



}



/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
              /* 装具について */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.title1 .smb-section__title{
    font-weight: 1000;
    letter-spacing: 0.05em;
    --_font-size-level: 5 ;

    background: linear-gradient(180deg, #ffb347 0%, #ff7a00 60%, #e85d00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    text-shadow:
        0 4px 10px rgba(0,0,0,0.15),
        0 10px 30px rgba(255,120,0,0.35);
}

/* 画像の周りの縁の部分 */
.seikei {
    border: 1px solid #fde7ef;  /* ものすごく薄いピンク */
    border-radius: 12px;        /* 角を丸く */
    padding: 16px;              /* 中の余白 */
    background: none;           /* 背景なし（縁だけ） */
}
.seikei1 {
border: 1px solid #e0f4ff;  /* かなり薄い水色 */
  border-radius: 12px;
  padding: 16px;
  background: none;           /* 縁だけ */
}



/* 採用情報ページ */
.title11 .smb-section__title{
    bfont-weight: 1000;
    letter-spacing: 0.08em;
    --_font-size-level: 5 ;

    background: linear-gradient(180deg, #ffb347 0%, #ff7a00 60%, #e85d00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    text-shadow:
        0 4px 10px rgba(0,0,0,0.15),
        0 10px 30px rgba(255,120,0,0.35);
}

.title2 .smb-media-text__title{
    font-weight: 1000;
    letter-spacing: 0.08em;

    background: linear-gradient(180deg, #ffb347 0%, #ff7a00 60%, #e85d00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    text-shadow:
        0 4px 10px rgba(0,0,0,0.15),
        0 10px 30px rgba(255,120,0,0.35);
}


/* 靴型装具（整形外科靴）の文字の部分 */
.title3.wp-block-heading.is-style-plain {
    font-weight: 1000;
    letter-spacing: 0.08em;

    background: linear-gradient(180deg, #ffb347 0%, #ff7a00 60%, #e85d00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    text-shadow:
        0 4px 10px rgba(0,0,0,0.15),
        0 10px 30px rgba(255,120,0,0.35);
}

.title4.wp-block-heading.has-text-align-center.is-style-plain   {
    font-weight: 1000;
    letter-spacing: 0.08em;
    font-size: 28px;

    background: linear-gradient(180deg, #ffb347 0%, #ff7a00 60%, #e85d00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    text-shadow:
        0 4px 10px rgba(0,0,0,0.15),
        0 10px 30px rgba(255,120,0,0.35);
    
}
@media (min-width: 374px) and (max-width: 767px) {
    .title4.wp-block-heading.has-text-align-center.is-style-plain   {
        font-weight: 1000;
        letter-spacing: 0.04em;
        font-size: 18px;
    
        background: linear-gradient(180deg, #ffb347 0%, #ff7a00 60%, #e85d00 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    
        text-shadow:
            0 4px 10px rgba(0,0,0,0.15),
            0 10px 30px rgba(255,120,0,0.35);
    }
    .title5 .smb-section__title{
        font-weight: 1000;
        letter-spacing: 0.08em;
        font-size: 17px;
    
        background: linear-gradient(180deg, #ffb347 0%, #ff7a00 60%, #e85d00 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    
        text-shadow:
            0 4px 10px rgba(0,0,0,0.15),
            0 10px 30px rgba(255,120,0,0.35);
    }

}
.smb-media-text[data-sm-split-point=lg]>.c-row--reverse {
    text-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.mozi10 {
    text-shadow: 0 8px 24px rgba(0,0,0,0.28);
}


/* よくある質問の背景色 */
.smb-accordion__item__body {
    background-color: rgb(255, 251, 244);
}


/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　各ページの背景変更方法　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* 各ページの背景変更方法 */
.page-id-20:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background: url("https://ikouriha.com/wp-content/uploads/2026/03/6.png") center no-repeat;
    background-size: cover;
}

.page-id-22:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background: url("https://ikouriha.com/wp-content/uploads/2026/03/87.png") center no-repeat;
    background-size: cover;
}

.page-id-30:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background: url("https://ikouriha.com/wp-content/uploads/2026/03/87.png") center no-repeat;
    background-size: cover;
}
/* 個人情報の取り扱いについて */
.page-id-32:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background: url("https://ikouriha.com/wp-content/uploads/2026/03/87.png") center no-repeat;
    background-size: cover;
}



/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　装具について　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.sougu .c-row.c-row--lg-middle {
    background-color: white;
    padding: 10px;
    
}

/* 特徴のパネルセクションの横幅を変更 */
.tokutyou .smb-panels__item  {
    margin-right: -20px;
    margin-left: -20px;
}
/* 制作の流れの背景色 */
.haikei1 {
    background-color: #FFF2B540;
}

.huti {
    border: 4px solid #d4af37;
}
@media (min-width: 375px) and (max-width: 767px) {

.genki.has-text-align-center {
    text-align: left;
}

}
/* よくあるご質問の「見出し」に適応 */
.title12.wp-block-heading {
    font-weight: 1000;
    letter-spacing: 0.08em;

    background: linear-gradient(180deg, #ffb347 0%, #ff7a00 60%, #e85d00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    text-shadow:
        0 4px 10px rgba(0,0,0,0.15),
        0 10px 30px rgba(255,120,0,0.35);
}

.title13.wp-block-heading {
    font-weight: 1000;
    letter-spacing: 0.08em;
    font-size: 18px;

    background: linear-gradient(180deg, #ffb347 0%, #ff7a00 60%, #e85d00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    text-shadow:
        0 4px 10px rgba(0,0,0,0.15),
        0 10px 30px rgba(255,120,0,0.35);
}
.hogosya {
    padding-left: 220px;
}

@media (min-width: 374px) and (max-width: 767px) {
    .title12.wp-block-heading.has-text-align-center.is-style-plain   {
        font-weight: 1000;
        letter-spacing: 0.04em;
        font-size: 18px;
    
        background: linear-gradient(180deg, #ffb347 0%, #ff7a00 60%, #e85d00 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    
        text-shadow:
            0 4px 10px rgba(0,0,0,0.15),
            0 10px 30px rgba(255,120,0,0.35);
        
    }
    .title13.wp-block-heading   {
        font-weight: 1000;
        letter-spacing: 0.04em;
        font-size: 12px;
    
        background: linear-gradient(180deg, #ffb347 0%, #ff7a00 60%, #e85d00 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    
        text-shadow:
            0 4px 10px rgba(0,0,0,0.15),
            0 10px 30px rgba(255,120,0,0.35);
        
}
.hogosya {
    padding-left: 11px;
}
img.wp-image-317 {
    width: 190px !important;
}

}
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.gyarari .c-row>.c-row__col {
    margin-bottom: var(--_gap);
    padding-left: calc(var(--_gap) * .1);
    padding-right: calc(var(--_gap) * .1);
}

.gyarari2 {
    background-image: url("https://ikouriha.com/wp-content/uploads/2026/04/36.png");

}

/*このページのみのアイキャッチ画像設定 */
.c-page-header__bgimage>img, .c-page-header__bgimage>picture>img.page-id-22  {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: 30% 30%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　　投稿ページ　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.c-prev-next-nav {
    display: none;
}


/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　採用情報ページ　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/


.kangei  {
    border: 3px solid #d4af37;
    padding: 30px 120px;
    background-color: white;
}
.kangei1  {
    border: 3px solid #d4af37;
    padding: 30px 120px;
}

.mozi10 {

        font-weight: 1000;
        letter-spacing: 0.08em;
        font-size: 30px;
    
        background: linear-gradient(180deg, #00c27a 0%, #009760 60%, #006b45 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    
        text-shadow:
        0 4px 10px rgba(0,0,0,0.15),
        0 10px 30px rgba(0,151,96,0.35);

}
@media (min-width: 375px) and (max-width: 767px) {
.mozi10 {
    font-weight: 1000;
    letter-spacing: 0.08em;
    font-size: 20px;
    background: linear-gradient(180deg, #00c27a 0%, #009760 60%, #006b45 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.15), 0 10px 30px rgba(0, 151, 96, 0.35);
}

/* 採用ページリスト項目の見た目の調節 */
.motome  {
    padding-left:25px !important;

}
.motome1 {
    font-size: 17px !important;
}
.kankyou1  {
    padding-left: 25px !important;
}
.kankyou2 {
    font-size: 17px !important;
}

}/* ======================== */





/* 採用ページリスト項目の見た目の調節 */
.motome  {
    padding-left: 400px;
    font-size: 19px;
}
.kankyou1  {
    padding-left: 220px;
}

.point {
    margin-top: -30px;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /* 　　　　お知らせ　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.c-entries--simple .c-entry-summary__figure {
    width: 13%;

}
.c-prev-next-nav {
    display: none;
}



/* ーーーーーーーーーーーーーーーーーーーーーーーーーー */
        /*　　三浦医工デザイン株式会社 様　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー*/

