@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* エックスサーバーモリサワフォント MB101 */
body { font-family:"Gothic MB101"!important, "Noto Serif JP", sans-serif; letter-spacing:0.04em; font-feature-settings:"palt"; }

/* 改行～デバイスサイズにより表示・非表示 */
.pc_br{ display: block; } @media screen and (max-width:768px) {.pc_br{ display: none;}} /* pcのみ表示 */
.sp_br{ display: none; } @media screen and (max-width:767.98px) {.sp_br{ display: block;}} /* spのみ表示 */

/* developers.google.com/recaptcha/docs/faq?hl=ja */
.grecaptcha-badge { visibility: hidden; }
.fo_recaptcha { font-size:0.6em; line-height:0.8em } /* reCAPTCHA利用条件表記の調整 */

/* SWELLかぶせ headerロゴ周り */
@media (min-width: 960px) { .-series .l-header__logo { padding:0; }}
@media (min-width: 960px) and (min-width: 600px) { .-series .c-headLogo { max-width:460px; }}
.c-gnav>.menu-item > a { padding: 0 10px; }

/* SWELLかぶせ footer */
.l-footer__widgetArea { padding-top:0; }
.w-footer__box { padding-top:0; }

/* SWELLかぶせ アコーデオン */
.swell-block-accordion__title { background: #ffffff; font-size:1.14em }
.swell-block-accordion__body p::first-letter { float:left; padding-right:5px; font-size:1.4em; font-weight:bold; color:#004f9c; padding-top:6px }

/* SWELLかぶせ – category – 非表示 */
.c-pageTitle__subTitle { display:none; }

/* SWELLかぶせ 検索ボックス（lapinwebさん＋α）*/
.c-searchForm__s { padding: 2px 44px 2px 8px; }
input { border-radius:7px; }
.c-widget.widget_search,
.p-searchModal__inner {
width: 100%;
max-width: 500px;/*横幅の最大サイズ*/
margin: auto;
}
/*「検索」の文字 */
.c-widget.widget_search .c-searchForm__s::-moz-placeholder, .p-searchModal__inner .c-searchForm__s::-moz-placeholder {
font-size:0.86rem
}
/*補足①*/
.c-widget.widget_search .c-searchForm__s:focus-visible,
.p-searchModal__inner .c-searchForm__s:focus-visible {
outline: none;
border: 1px solid #dcdcdc;
}
/*虫眼鏡アイコンの背景とボーダー*/
.c-widget.widget_search .u-bg-main,
.p-searchModal__inner .u-bg-main {
background-color: transparent !important;
}
.c-widget.widget_search .c-searchForm__submit,
.p-searchModal__inner .c-searchForm__submit {
border: none;
}
/*虫眼鏡アイコン*/
.c-widget.widget_search .c-searchForm__submit:before,
.p-searchModal__inner .c-searchForm__submit:before {
color: #004f9c; /*色*/
font-weight: bold;
font-size:1em	
}
/*全画面検索の追加スタイル　補足②*/
#search_modal .p-searchModal__inner { background: none; }
#search_modal .c-modal__close { text-shadow: none; }

/* SWELLかぶせ 投稿ブロックマージン調整 */
@media (min-width: 600px) {.-type-card.-pc-col1 .p-postList__item { margin: 0 0 0.7em; }}

/* SWELLかぶせ スマホで投稿一覧の横スクロール */
@media not all and (min-width: 600px) {
  .-snap {
    --item-mobile-width: 80vw; /* スマホでのアイテムの幅 */
    --gap: 1rem; /* 各アイテム同士の間隔 */
  }
  .-snap > * {
    flex-wrap: nowrap !important;
    padding: 0 calc((100vw - var(--item-mobile-width, 80vw)) / 2) !important;
    margin-inline: calc(var(--swl-pad_container, 0px) * -1) !important;
    gap: var(--gap);
    overflow-x: scroll;
    -webkit-scroll-snap-type: x mandatory;
            scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .-snap > *::-webkit-scrollbar {
    display: none;
  }
  .-snap > * > * {
    padding: 0 !important;
    margin-inline: auto !important;
    flex-shrink: 0;
    width: var(--item-mobile-width, 80vw) !important;
    scroll-snap-align: center;
  }
  /* 「ノーマル」スタイルの調整 */
  .swell-block-tab.is-style-default .c-tabBody:has(.-snap) {
    padding-left: var(--swl-pad_container, 0px);
    padding-right: var(--swl-pad_container, 0px);
  }
}
/**/

/* PCのみ投稿最新2件まで非表示 */
@media (min-width: 1200px) {.first-displaynone ul li:first-child { display:none; }}
@media (min-width: 1200px) {.first-displaynone ul li:nth-child(2) { display:none; }}

/* 追従バナーPC */
.follow-banner {
  position: fixed;
  top: 78%;
  right: 0;
  transform: translateY(-50%);
  z-index: 20;
}
.follow-banner img { width:300px; }
.follow-banner a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  writing-mode: vertical-rl;
  padding: 0em;
  transition: opacity 0.25s;
}
.follow-banner a:hover {
  opacity: 0.5;
}
.follow-banner .swl-inline-icon::after {
  left: 50%;
  transform: translateX(-50%);
}
/* 追従バナーPC スマホで非表示 */
@media screen and (max-width: 599px) {
  .follow-banner {
    display: none;
  }
}
/* 追従バナーSP */
@media screen and (max-width: 959px) {
    body {
        padding-bottom: 62px; /* 固定メニューの高さに合わせて余白を設定 */
    }
    .p-fixBtnWrap {
        bottom: 6.8em; /* 上に戻るボタンの位置を上に */
    }
    #fixed-bottom-menu {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 99;
        padding: 0;
    }
    #fixed-bottom-menu .swell-block-column {
        padding:0;
    }
    #fixed-bottom-menu .swell-block-button__link[data-has-icon] {
        padding: 1em 1em;
    }    
}
@media screen and (min-width: 960px) {
    #fixed-bottom-menu, #fixed-sidebar-menu {
        display: none; /* PCでは非表示にする */
    }
}

/* 背景 */
.base_01 { background: linear-gradient(to right, rgba(0,79,156,1) 0%,rgba(51,184,187,1) 80%); border-radius:35px }
.base_01 img { padding:15px 10px 0 12px; }
@media (min-width: 575.98px) { .base_01{ display: flex; } }
.bg_02 {background:url(/wp-content/uploads/2026/01/bg_dot-2.jpg) repeat; }
.bg_03 {background:url(/wp-content/uploads/2026/01/bg_dot-2.jpg) repeat; border-radius:35px } /* 適用したのはパターンにある作りかけ */
.bg_04 { background: linear-gradient(-225deg, rgba(0,79,156,1) 0%,rgba(51,184,187,1) 80%); border-radius:35px 35px 0 0; color:#ffffff }
.bg_05 {background:url(/wp-content/uploads/2026/01/bg_dot_2.jpg) repeat; } 
.bg_06 { background: linear-gradient(270deg, #004f9c, #005fa6, #006fae, #007eb4, #008db7, #009cb9, #00aaba, #33b8bb)!important; border-radius:35px} /*テーマカラーグラデ角丸*/

/* 画像を要素の下に配置（※要調整） */
.imgunder { position: relative; }
.imgunder img {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}

/* WPFormsかぶせ　送信ボタン幅 */
div.wpforms-container-full .wpforms-form input[type="submit"], div.wpforms-container-full .wpforms-form button[type="submit"], div.wpforms-container-full .wpforms-form .wpforms-page-button { width:100%; }

/* Contact Form7かぶせ */
.wpcf7 input:not([type=checkbox]):not([type=radio]):not([type=submit]), .wpcf7 select, .wpcf7 textarea {
width: 100%;
border-radius: 4px;
margin-bottom:30px;
}
.wpcf7 input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus-visible, .wpcf7 select:focus-visible, .wpcf7 textarea:focus-visible {
  outline: 1px solid #cacaca;
}
.wpcf7 form p {
  margin-bottom: 25px;
}
.wpcf7 .wpcf7-submit {
border-radius: 0.5rem;
padding: 0.3rem 2rem;
min-width: 100%;
display: block;
margin: 3em auto;
background:#066aab;
color:#ffffff;
font-weight:bold;
letter-spacing:1em
}
/**/

/* Other */
.hr_1 { border-top: 0.32em #004f9c solid!important; width:48%!important; margin-bottom:0; }
 .post_content hr { margin:0 auto; border-bottom:none; } /* WPブロックエディタかぶせ～中央配置・影なし */
.hr_2 { border-top: 0.32em #004f9c solid!important; margin-bottom:0 }
.hr_3 { background:#e9f2ff; border: 0.32em #004f9c solid!important; border-radius:40px; padding:6px 10px 30px 10px } /* WPforms 配置用 */
.hr_4 { background:#eaf2f2; border: 0.32em #33b8bb solid!important; border-radius:40px; padding:6px 10px 30px 10px } /* WPforms 配置用 */

.btn_pop { transition-duration: .4s; }
 .btn_pop:hover { transform: scale(1.06); }
.imground img { border-radius:30px }
.column_wht { background:#ffffff; border-radius:30px; padding:24px 8px 18px 8px!important  }
.foot_tel { display:flex; align-items:center; justify-content:center; color:#ffffff }
.foot_siryou { background:#33b8bb; display:flex; align-items:center; justify-content:center; color:#ffffff }
.foot_toiawase { background:#004f9c; display:flex; align-items:center; justify-content:center; color:#ffffff }
.box_1 { border:1px #cccccc solid; border-radius:35px; padding:20px }

.frame_01 { background:#1f81d3; border-radius:20px; color:#ffffff; padding:10px!important; font-size:clamp(1.3rem, 1.282rem + 0.09vw, 1.35rem)!important; line-height:1.4em } /* 記帳代行 */
.frame_02 { background:linear-gradient(to top, #e2ebf0 0%, #cfd9df 100%); border-radius:20px; padding:10px!important; font-size:clamp(1.1rem, 1.082rem + 0.09vw, 1.15rem)!important; line-height:1.4em } /* 記帳代行 */
.frame_03 { background:linear-gradient(-225deg, #FFE29F 0%, #FFA99F 20%, #FF719A 100%); border-radius:20px; padding:10px!important; font-size:clamp(1.1rem, 1.082rem + 0.09vw, 1.15rem)!important; line-height:1.4em; color:#ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); } /* 記帳代行 */
.frame_04 { background:#1f81d3; border-radius:64px; color:#ffffff; padding:0!important; font-size:clamp(1.3rem, 1.282rem + 0.09vw, 1.35rem)!important; line-height:1.4em } /* 記帳代行 */
.frame_05 { background:url(/wp-content/uploads/2026/02/kichodaiko.jpg) no-repeat right center; background-size:cover; }/*記帳代行*/
.frame_06 { background:url(/wp-content/uploads/2026/02/keiridaiko.jpg) no-repeat center center; background-size:auto 700px; }/*経理代行*/
.frame_07 { background:#e23d00; border-radius:20px; color:#ffffff; padding:10px!important; font-size:clamp(1.3rem, 1.282rem + 0.09vw, 1.35rem)!important; line-height:1.4em } /* 経理代行 */
.frame_08 { border:2px #004f9c solid; background:#fff7ea }
.frame_09 { background:#004f9c!important; border-radius:30px!important; color:#ffffff!important; line-height:2em!important  }
.frame_10 { background:url(/wp-content/uploads/2026/01/bg_dot_3-1.jpg) repeat }/*充実したサポート内容（パターン）*/
.frame_11 { background:url(/wp-content/uploads/2026/02/kyuyokeisandaiko.jpg) no-repeat center center; background-size:cover; }/*給与計算代行*/
.frame_12 { background:#2aab2c; border-radius:20px; color:#ffffff; padding:10px!important; font-size:clamp(1.3rem, 1.282rem + 0.09vw, 1.35rem)!important; line-height:1.4em } /* 給与計算代行 */
.frame_13 { background:#edf3e7!important; border-radius:30px!important; line-height:2em!important }/*給与計算代行*/

.frame_14 { background:url(/wp-content/uploads/2026/01/kyuyokeisandaiko_no1.png)no-repeat center center #2aab2c; background-size:auto 80px; border-radius:66px; color:#ffffff; padding:28px 10px!important; font-size:clamp(1rem, 0.955rem + 0.23vw, 1.125rem)!important; line-height:1.4em } /* 給与計算代行-1 */
.frame_15 { background:url(/wp-content/uploads/2026/01/kyuyokeisandaiko_no2.png)no-repeat center center #2aab2c; background-size:auto 80px; border-radius:66px; color:#ffffff; padding:28px 10px!important; font-size:clamp(1rem, 0.955rem + 0.23vw, 1.125rem)!important; line-height:1.4em } /* 給与計算代行-2 */
.frame_16 { background:url(/wp-content/uploads/2026/01/kyuyokeisandaiko_no3.png)no-repeat center center #2aab2c; background-size:auto 80px; border-radius:66px; color:#ffffff; padding:28px 10px!important; font-size:clamp(1rem, 0.955rem + 0.23vw, 1.125rem)!important; line-height:1.4em } /* 給与計算代行-3 */
.frame_17 { background:url(/wp-content/uploads/2026/01/kyuyokeisandaiko_no4.png)no-repeat center center #2aab2c; background-size:auto 80px; border-radius:66px; color:#ffffff; padding:28px 10px!important; font-size:clamp(1rem, 0.955rem + 0.23vw, 1.125rem)!important; line-height:1.4em } /* 給与計算代行-4 */
.frame_18 { background:url(/wp-content/uploads/2026/01/kyuyokeisandaiko_no5.png)no-repeat center center #2aab2c; background-size:auto 80px; border-radius:66px; color:#ffffff; padding:28px 10px!important; font-size:clamp(1rem, 0.955rem + 0.23vw, 1.125rem)!important; line-height:1.4em } /* 給与計算代行-5 */

.frame_19 { background:url(/wp-content/uploads/2026/02/nenmatsuchoseidaiko.jpg) no-repeat center center; background-size:cover; }/*年末調整代行*/
.frame_20 { background:#ff891c; border-radius:20px; color:#ffffff; padding:10px!important; font-size:clamp(1.3rem, 1.282rem + 0.09vw, 1.35rem)!important; line-height:1.4em } /* 年末調整代行 */
.frame_21 { background:#fff4ea; border-radius:20px; padding:28px 15px!important; } /* 年末調整代行 */
.frame_22 { background:url(/wp-content/uploads/2026/02/seikyukanridaiko.jpg) no-repeat center center; background-size:cover; }/*請求管理代行*/
.frame_23 { background:#ad7fcc; border-radius:20px; color:#ffffff; padding:10px!important; font-size:clamp(1.3rem, 1.282rem + 0.09vw, 1.35rem)!important; line-height:1.4em } /* 請求管理代行 */
.frame_24 { background:#f8f5fc; border-radius:20px; padding:28px 15px!important; } /* 請求管理代行 */
.frame_25 { background:#27afb7; border-radius:20px; color:#ffffff; padding:10px!important; font-size:clamp(1.3rem, 1.282rem + 0.09vw, 1.35rem)!important; line-height:1.4em } /* 支払管理代行 */
.frame_26 { background:#eff9f8; border-radius:20px; padding:28px 15px!important; } /* 支払管理代行 */
.frame_27 { background:url(/wp-content/uploads/2026/02/keirikaizenshien.jpg) no-repeat center center; background-size:cover; }/*経理改善支援*/
.frame_28 { background:#f186b6; border-radius:20px; color:#ffffff; padding:10px!important; font-size:clamp(1.3rem, 1.282rem + 0.09vw, 1.35rem)!important; line-height:1.4em } /* 経理改善支援 */
.frame_29 { background:#fff2f5; border-radius:20px; padding:28px 15px!important; } /* 経理改善支援 */
.frame_30 { background:#f186b6; border-radius:20px; padding:28px 15px!important; color:#ffffff } /* 経理改善支援 */
.frame_31 { background:url(/wp-content/uploads/2026/02/shiharaikanridaiko.jpg) no-repeat center center; background-size:cover; }/*支払管理代行*/
@media (min-width: 1200px) {.frame_32 { background:url(/wp-content/uploads/2026/02/top_01.jpg) no-repeat center left; background-size:77% auto; }} /* 今の状況をスピード解決 */


.gradation_1 {
  background: linear-gradient(60deg, #ddf3f4, #ffffff );
  background-size: 200% 200%;
  animation: Grad 5s ease infinite;
}
@keyframes Grad {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}/*erabareruriyuu */

@media (min-width: 1200px) { .keiridaiko_tenti_1 { height:110px }}
@media (min-width: 1200px) { .keiridaiko_tenti_2 { height:77px }}
@media (min-width: 1200px) { .keiridaiko_tenti_3 { height:140px }}

/* fo */
.lead { font-size:clamp(1rem, 0.955rem + 0.23vw, 1.125rem) }
.lead_lineheight { line-height:2.1rem }
.fo_01 { font-size:clamp(1.6rem, 1.545rem + 0.27vw, 1.75rem); }
@media (max-width:575.98px) {.fo_01 { line-height:0.6em; padding-bottom:8px }}
@media (min-width:576px) { .fo_02 { vertical-align: 8px; }} /*～より大きい*/
@media (max-width:575.98px) { .fo_02 { padding-left:8%; vertical-align:20px; }} /*～より小さい*/
.fo_03 { font-size:clamp(1.2rem, 0.864rem + 1.68vw, 2.125rem)!important; }
.fo_04 { color:#004f9c!important; font-size:clamp(1.5rem, 1.273rem + 1.14vw, 2.125rem)!important;}
.fo_05 { font-size:clamp(2rem, 1.727rem + 1.36vw, 2.75rem)!important }
.fo_06 { font-size:clamp(1.5rem, 1.409rem + 0.45vw, 1.75rem); color:#004f9c!important; margin: 0.6em 0 38px 0!important; }
.fo_07 { font-size:clamp(1.5rem, 1.432rem + 0.34vw, 1.688rem)!important }
.fo_08_pagetitle { font-size:clamp(2.75rem, 2.341rem + 2.05vw, 3.875rem)!important; margin:-26px 6px 16px 6px!important; }
.fo_09_kichodaiko { color:#1f81d3!important }
.fo_09_keiridaiko { color:#e23d00!important }
.fo_09_main { color:#004f9c!important }
.fo_10_kyuyokeisandaiko { color:#2aab2c!important }
.fo_09_nenmatsuchoseidaiko { color:#ff891c!important }
.fo_09_seikyukanridaiko { color:#ad7fcc!important }
.fo_09_shiharaikanridaiko { color:#27afb7!important }
.fo_09_keirikaizenshien { color:#f186b6!important }

.fo_10 { font-size:clamp(2rem, 1.818rem + 0.91vw, 2.5rem)!important }
.fo_11 { font-size:clamp(2rem, 1.591rem + 2.05vw, 3.125rem)!important } /*ひときわ大きい*/
.fo_12 { font-size:86% }

.fo_13 {
font-size:clamp(1.25rem, 1.159rem + 0.45vw, 1.5rem)!important; border-radius:26px!important ;   
background-color:#f5f5f5!important;
border: 2px #dcdcdc solid!important;
padding: 4px 10px 3px 10px;
text-align: center; }
.fo_14 {
font-size:clamp(1.25rem, 1.159rem + 0.45vw, 1.5rem)!important; border-radius:26px!important ;   
background-color:#fff2f5!important;
border: 2px #f186b6 solid!important;
padding: 4px 10px 3px 10px;
text-align: center;
font-weight:bold!important }
.fo_15 { text-shadow: 0px 1px 5px rgba(255, 255, 255, 1), 0px 1px 22px rgba(255, 255, 255, 1), 0px 1px 50px rgba(255, 255, 255, 1)!important; } /* ページヘッダテキストの光輪 */
.fo_16 { font-size:clamp(2.25rem, 2.068rem + 0.91vw, 2.75rem)!important; vertical-align:-4%; background:linear-gradient(135deg, rgba(239,187,0,1) 0%,rgba(253,231,157,1) 24%,rgba(252,214,88,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
@media (max-width:575.98px) {.fo_17 { text-indent:-28px; padding-left:28px; }}
.fo_18 { font-size:clamp(1.125rem, 0.943rem + 0.91vw, 1.625rem)!important;}
.fo_19 { font-size:clamp(1rem, 0.727rem + 1.36vw, 1.75rem)!important }
.fo_20 {
font-size:0.66em;
border-radius: 26px; 
background-color: #ed2000;
padding: 2px 8px;
text-align: center;
color: #ffffff;
font-weight:bold; }
.fo_21 { font-size:1em; line-height:1.26em; font-weight:bold; }
.fo_22 { color:#004f9c }
/* sp */
.sp_01 { margin-right:20px }
@media (max-width:575.98px) { .sp_01 { margin-bottom:16px }}
.sp_02 img { max-width:156px }
@media (max-width:575.98px) {.sp_02 img { max-width:100px }}
.sp_03 { margin-top:20px!important; margin-bottom:40px!important }
.sp_04 { padding:30px 0!important }
.sp_05 { padding:48px 0 80px 0!important }
.sp_06 { padding-right:10px }
@media (min-width: 1200px) {.sp_07 { padding-left:74px!important }}
.sp_08 { padding:0 15px 20px 15px }
.sp_09 { padding-top:28px!important }
.sp_10 { padding:1.7rem 1rem 0.8rem 1rem!important }
.sp_11 { margin-right:8px }
.sp_12 { margin-top:12px!important; }
.sp_13 { margin-bottom:28px!important; }
@media (min-width: 1200px) {.sp_14 { margin-bottom:30px!important }}
.sp_15 { margin-bottom:28px!important}
@media (max-width: 575.98px) {.sp_15 { margin-bottom:8px!important }}
/* SWELLかぶせ */ .sp_16 { --swl-clmn-mrgn--y: 0!important; }
@media (max-width: 575.98px) {.sp_17 { padding-left:8px!important }}
.sp_18 { padding-left:30px!important;  }
@media (max-width: 575.98px) {.sp_18 { padding:0 12px 0 0!important;  }}
.sp_19 { min-height:28px}
@media (max-width: 575.98px) {.sp_20 img { max-height:20px; }}
.sp_21 { margin-top:40px; }

/* SWELLかぶせ　メガメニュー（不使用・保留） */
#header .menu1,
#header .bbbbb { /*bbbbbは追加用*/
 display: none;
 box-shadow: 0px 10px 12px 1px rgba(100, 100, 100, .3);
}
.l-header .p-blogParts {
 position: absolute;
 top: 100px;
 left: 0;
}
.c-gnav .menu-item-3525 .sub-menu,
.c-gnav .menu-item-309 .sub-menu { /* menu-item-309 は追加用 */
 display:none;
}
/**/