@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
*/

/*PCのみ表示*/
@media (max-width:599px){.onpc{display: none;}
}
/*spスマホのみ表示*/
@media (min-width:600px){.onsp{display: none;}
}

/*グローバルメニューのマウスオーバー時の下線の位置*/
.c-gnav>.menu-item>a:after{bottom:25%;}

/*ヘッダー追従メニューに影をつける*/
.l-fixHeader {
    box-shadow: 0 2px 4px rgba(0,0,0,.12)!important;
}

/*下層ページのグローバルメニューの下線調整*/
.c-gnav > .-current > a::after {
    transform: scaleX(1);
    width: 70%!important;
    left: auto!important;
    background: #fff!important;
}


/***TOPページ ここから***/
/**TOP サービスの見出し**/
/*PC*/
@media (min-width:600px){h2.top-service-midashi {font-size: 2rem;color:#fff!important;}}
/*SP*/
@media (max-width:599px){h2.top-service-midashi {font-size: 2rem;color:#fff!important;}}

/**TOP ホームページ制作の見出し**/
/*共通*/
h3.top-site-midashi::before{display:none;}
/*PC*/
@media (min-width:600px){
h3.top-site-midashi{font-size: 2rem;}
}
/*SP*/
@media (max-width:599px){h3.top-site-midashi{font-size: 2rem;}}
.service-column{background-color: #fff;border-radius: 10px;padding:2rem 1rem!important;}
/***TOPページ ここまで***/

/**MOREボタンの矢印を非表示**/
.is-style-more_btn a:after{display: none!important;}
/**MOREボタンの色を変更**/
/*PC*/
@media (min-width:600px){
.is-style-more_btn a{box-shadow: 0 0 0 1px #158CE9;background-color: #158CE9!important;color:#fff;}
.is-style-more_btn a:hover{background-color: #158CE9;opacity: 0.8;}
}
/*SP*/
@media (max-width:599px){.is-style-more_btn a{background-color: #158CE9;color:#fff;}}

/**固定ページタイトル画像のオーバーレイの色を変更する**/
.l-topTitleArea.c-filterLayer::before {
    background-color: #158CE9!important;
    opacity: 0.5!important;
    content: ""!important;
}


/***固定ページ サービス紹介 WEBサイト制作サービスWEVA ここから***/
/*リストのチェックマークの色を変更*/
.is-style-check_list.hp-nayami li:before {
    color: #158CE9;
    content: "\e923";
}

/**リストのボックス**/
/*PC*/
@media (min-width:600px){
.hp-nayami-box {
    background-color: #fff;
    border-radius: 10px;
    padding: 2rem;
}
}
/*SP*/
@media (max-width:599px){
    .hp-nayami-box {
        background-color: #fff;
        border-radius: 10px;
        padding:2rem 0.5rem;
}
}

/**OKポーズの女性の横のテキスト**/
/*PC*/
@media (min-width:600px){
.woman-side-text {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
}
.woman-side-span-blue {
    color: #158CE9;
    font-size: 3rem;
}
.woman-side-span-orange {
    color: #E7670A;
    font-size: 3rem;
}
.woman-side-span-blue2 {
    color: #158CE9;
    font-size: 2rem;
}
.woman-side-span-orange2 {
    color: #E7670A;
    font-size: 2rem;
}
}
/*SP*/
@media (max-width:599px){
.woman-side-text {
        font-size: 1.5rem;
        font-weight: 700;
        text-align: center;
    }
.woman-side-span-blue {
        color: #158CE9;
        font-size: 2rem;
    }
.woman-side-span-orange {
        color: #E7670A;
        font-size: 2rem;
}
.woman-side-span-blue2 {
        color: #158CE9;
        font-size: 1.5rem;
}
.woman-side-span-orange2 {
        color: #E7670A;
        font-size: 1.5rem;
}
}

/*見出しh2*/
h2.h2-blue {
    background: #158CE9!important;
    color: #fff!important;
}
h2.h2-blue::before {
    position: absolute;
    display: block;
    pointer-events: none;
    content: "";
    top: -4px;
    left: 0;
    width: 100%;
    height: calc(100% + 4px);
    box-sizing: content-box;
    border-top: solid 2px #158CE9;
    border-bottom: solid 2px #158CE9;
}
h2.h2-orange {
    background: #E7670A!important;
    color: #fff!important;
}
h2.h2-orange::before {
    position: absolute;
    display: block;
    pointer-events: none;
    content: "";
    top: -4px;
    left: 0;
    width: 100%;
    height: calc(100% + 4px);
    box-sizing: content-box;
    border-top: solid 2px #E7670A;
    border-bottom: solid 2px #E7670A;
}

/**WEVAの特徴のナンバー**/
/*PC*/
@media (min-width:600px){
.hp-num {
    font-size: 1.5rem;
    text-align: center;
    font-weight: 700;
    color: #121057;
    margin-bottom: 0em!important;
}
.hp-num-img img {
    width: 80%;
}
.hp-num-text{font-weight: 700;text-align: center;}
.hp-num-text-span{font-size: 1.5rem;color: #121057;}
}
/*SP*/
@media (max-width:599px){
.hp-num {
        font-size: 2rem;
        text-align: center;
        font-weight: 700;
        color: #121057;
        margin-bottom: 0em!important;
}
.hp-num-img img {
    width: 80%;
}
.hp-num-text{font-weight: 700;text-align: center;}
.hp-num-text-span{font-size: 1.5rem;color: #121057;}
}

/***固定ページ サービス紹介 WEBサイト制作サービスWEVA ここまで***/

/***固定ページ サービス紹介 WEBライティング ここから***/
/*PC*/
@media (min-width:600px){
.is-style-balloon_box.box-orange {
    background-color: #E7670A!important;
    font-size: 1.5rem;
    font-weight: 700;
}}
/*SP*/
@media (max-width:599px){
.is-style-balloon_box.box-orange {
        background-color: #E7670A!important;
        font-size: 1.3rem;
        font-weight: 700;
}}
.is-style-balloon_box.box-orange:before {
    border-top: 12px solid #E7670A!important;
}
/*料金表のテーブルの枠線*/
.wp-block-table.writing-price-table {
    --table-border: 1px solid #999!important;
}
/***固定ページ サービス紹介 WEBライティング ここまで***/

/*カテゴリページのタイトル横の「– category –」の表記を消す*/
small.c-pageTitle__subTitle.u-fz-14 {
    display: none;
}

/*Google-recapcha非表示*/
.grecaptcha-badge { visibility: hidden; }

/**問い合わせフォーム ここから**/
/*snow monkey formのプログレストラッカーの位置を中央にする*/
ol.smf-progress-tracker {
    padding-left: 0!important;
}
/*フォームの見出しの背景色を変更*/
.form-title .smf-item__col.smf-item__col--label {
    background-color: #F8F4EB;
}
/**問い合わせフォーム ここまで**/



/*中央揃え*/
/*PC*/
@media (min-width:600px){
.pc-center{text-align: center;}    
}

/*利用規約のリストの番号にカッコを付ける ここから*/
.yakkan-sub-list li {
    list-style-type: none;
    counter-increment: cnt;
    position: relative;
  }
  .yakkan-sub-list li:before {
    content: "("counter(cnt)")";
    display: inline-block;
    margin-left: -4.2em;
    width: 4em;
    text-align: right;
    position: absolute;
    top: 0;
    left: 0;
  }
  /*利用規約のリストの番号にカッコを付ける ここまで*/

/**パディング ここから**/
.pad-bt-3rem{padding-bottom:3rem!important;}
/*PC*/
@media (min-width:600px){
    .pc-mar-bt-1rem{margin-bottom: 1rem!important;}
}
/*SP*/
@media (max-width:599px){
    .sp-mar-bt-1rem{margin-bottom: 1rem!important;}
}
/**パディング ここまで**/

/**賃料適正化サービスのフォーム ここから**/
/*PC*/
@media screen and (min-width: 600px){
.midorikasen-title {
    font-size: 2rem!important;
    border-bottom: 2px solid #158CE9;
    text-align: center;
    font-weight: 700;
}
}
/*SP*/
@media screen and (max-width: 599px){
.midorikasen-title {
    font-size: 1.5rem!important;
    border-bottom: 2px solid #158CE9;
    text-align: center;
    font-weight: 700;
}
}
/**賃料適正化サービスのフォーム ここまで**/