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

/*---文字サイズ ここから---*/
.fs-10px{font-size: 10px;}
.fs-11px{font-size: 11px;}
.fs-12px{font-size: 12px;}
.fs-13px{font-size: 13px;}
.fs-14px{font-size: 14px;}
.fs-15px{font-size: 15px;}
.fs-16px{font-size: 16px;}
.fs-17px{font-size: 17px;}
.fs-18px{font-size: 18px;}
.fs-19px{font-size: 19px;}
.fs-20px{font-size: 20px;}
.fs-21px{font-size: 21px;}
.fs-22px{font-size: 22px;}
.fs-23px{font-size: 23px;}
.fs-24px{font-size: 24px;}


@media (min-width:600px){
.fs-pc24px{font-size: 24px!important;}
.fs-pc40px{font-size: 40px!important;}
.fs-pc17pt{font-size: 17pt!important;}
.fs-pc26pt{font-size: 26pt!important;}
.fs-pc30pt{font-size: 30pt!important;}
.fs-pc40pt{font-size: 40pt!important;}
}

@media (max-width:599px){ 
.fs-sp15pt{font-size: 15pt!important;}
.fs-sp17pt{font-size: 17pt!important;}
.fs-sp13px{font-size: 13px!important;}
}

/*---文字サイズ ここまで---*/

/*太字*/
.futoji{font-weight: 900!important;}
.futoji-700{font-weight: 700!important;}

/*文字色*/
.kon-001{color:#1c1886!important;}
.white{color:#fff!important;}
/***文字色（リンク色）***/
/*白*/
.link-white a {
    color: #fff!important;
    text-decoration: underline;
}

/*---マージン ここから---*/
.mar-top-0{margin-top:0!important;}
.mar-top-1{margin-top:1%!important;}
.mar-top-2{margin-top:2%!important;}
.mar-top-3{margin-top:3%!important;}
.mar-top-4{margin-top:4%!important;}
.mar-top-5{margin-top:5%!important;}
.mar-top-6{margin-top:6%!important;}
.mar-top-7{margin-top:7%!important;}
.mar-top-8{margin-top:8%!important;}
.mar-top-9{margin-top:9%!important;}
.mar-top-10{margin-top:10%!important;}
.mar-top-m1{margin-top:-1%!important;}
.mar-top-m2{margin-top:-2%!important;}
.mar-top-m3{margin-top:-3%!important;}
.mar-top-m4{margin-top:-4%!important;}
.mar-top-m5{margin-top:-5%!important;}
.mar-top-m6{margin-top:-6%!important;}
.mar-top-m7{margin-top:-7%!important;}
.mar-top-m8{margin-top:-8%!important;}
.mar-top-m9{margin-top:-9%!important;}
.mar-top-m10{margin-top:-10%!important;}
.mar-left-1{margin-left:1%!important;}
.mar-left-2{margin-left:2%!important;}
.mar-left-3{margin-left:3%!important;}
.mar-left-4{margin-left:4%!important;}
.mar-left-5{margin-left:5%!important;}
.mar-bt-0{margin-bottom:0!important;}
.mar-bt-1{margin-bottom:1%!important;}
.mar-bt-2{margin-bottom:2%!important;}
.mar-bt-3{margin-bottom:3%!important;}
.mar-bt-4{margin-bottom:4%!important;}
.mar-bt-5{margin-bottom:5%!important;}
.mar-bt-6{margin-bottom:6%!important;}
.mar-bt-7{margin-bottom:7%!important;}
.mar-bt-8{margin-bottom:8%!important;}
.mar-bt-9{margin-bottom:9%!important;}
.mar-bt-10{margin-bottom:10%!important;}
.mar-bt-m1{margin-bottom:-1%!important;}
.mar-bt-m2{margin-bottom:-2%!important;}
.mar-bt-m3{margin-bottom:-3%!important;}
.mar-bt-m4{margin-bottom:-4%!important;}
.mar-bt-m5{margin-bottom:-5%!important;}
.mar-bt-m6{margin-bottom:-6%!important;}
.mar-bt-m7{margin-bottom:-7%!important;}
.mar-bt-m8{margin-bottom:-8%!important;}
.mar-bt-m9{margin-bottom:-9%!important;}
.mar-bt-m10{margin-bottom:-10%!important;}
/*---マージン ここまで---*/

/*---パディング ここから---*/
.pad-top-0{padding-top:0!important;}
.pad-top-1{padding-top:1%!important;}
.pad-top-2{padding-top:2%!important;}
.pad-top-3{padding-top:3%!important;}
.pad-top-4{padding-top:4%!important;}
.pad-top-5{padding-top:5%!important;}
.pad-top-6{padding-top:6%!important;}
.pad-top-7{padding-top:7%!important;}
.pad-top-8{padding-top:8%!important;}
.pad-top-9{padding-top:9%!important;}
.pad-top-10{padding-top:10%!important;}
.pad-top-m1{padding-top:-1%!important;}
.pad-top-m2{padding-top:-2%!important;}
.pad-top-m3{padding-top:-3%!important;}
.pad-top-m4{padding-top:-4%!important;}
.pad-top-m5{padding-top:-5%!important;}
.pad-top-m6{padding-top:-6%!important;}
.pad-top-m7{padding-top:-7%!important;}
.pad-top-m8{padding-top:-8%!important;}
.pad-top-m9{padding-top:-9%!important;}
.pad-top-m10{padding-top:-10%!important;}
.pad-bt-0{padding-bottom:0!important;}
.pad-bt-1{padding-bottom:1%!important;}
.pad-bt-2{padding-bottom:2%!important;}
.pad-bt-3{padding-bottom:3%!important;}
.pad-bt-4{padding-bottom:4%!important;}
.pad-bt-5{padding-bottom:5%!important;}
.pad-bt-6{padding-bottom:6%!important;}
.pad-bt-7{padding-bottom:7%!important;}
.pad-bt-8{padding-bottom:8%!important;}
.pad-bt-9{padding-bottom:9%!important;}
.pad-bt-10{padding-bottom:10%!important;}
.pad-bt-m1{padding-bottom:-1%!important;}
.pad-bt-m2{padding-bottom:-2%!important;}
.pad-bt-m3{padding-bottom:-3%!important;}
.pad-bt-m4{padding-bottom:-4%!important;}
.pad-bt-m5{padding-bottom:-5%!important;}
.pad-bt-m6{padding-bottom:-6%!important;}
.pad-bt-m7{padding-bottom:-7%!important;}
.pad-bt-m8{padding-bottom:-8%!important;}
.pad-bt-m9{padding-bottom:-9%!important;}
.pad-bt-m10{padding-bottom:-10%!important;}
.pad-left-5{padding-left: 5%!important;}

@media (min-width:600px){
    .pc-pad-bt-2em{padding-bottom:2em!important;}
    }

@media (max-width:599px){
    .sp-pad-bt-5{padding-bottom:5%!important;}
    }


/*余白 ここから*/
.pad-1{padding: 1%!important;}
.pad-2{padding: 2%!important;}
.pad-3{padding: 3%!important;}
.pad-4{padding: 4%!important;}
.pad-5{padding: 5%!important;}
.mar-1{margin: 1%!important;}
.mar-2{margin: 2%!important;}
.mar-3{margin: 3%!important;}
.mar-4{margin: 4%!important;}
.mar-5{margin: 5%!important;}
/*余白 ここまで*/

/*---パディング ここまで---*/

/*---width幅 ここから---*/
.wid-100{width:100%!important;}
.wid-98{width:98%!important;}
.wid-95{width:95%!important;}
.wid-90{width:90%!important;}
.wid-85{width:85%!important;}
.wid-80{width:80%!important;}
.wid-75{width:75%!important;}
.wid-70{width:70%!important;}
.wid-65{width:65%!important;}
.wid-60{width:60%!important;}
.wid-55{width:55%!important;}
.wid-50{width:50%!important;}
.wid-45{width:45%!important;}
.wid-40{width:40%!important;}
.wid-35{width:35%!important;}
.wid-30{width:30%!important;}
.wid-25{width:25%!important;}
.wid-20{width:20%!important;}
.wid-15{width:15%!important;}
.wid-10{width:10%!important;}
.wid-5{width:5%!important;}

@media (min-width:600px){.pc-wid-50{width: 50%;}}
/*---width幅 ここまで---*/

/*中央揃え*/
.mar-naka{margin: 0 auto;}
.center{text-align: center;}

/*背景色*/
.bg-white{background-color: #fff;}
.bg-brown{background-color: #C05E05;}

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

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

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

/***---各メニューページの遷移ボタン ここから---***/
.menu-btn-outer{display: table;width: 100%;height:50px;}
.menu-btn-select{display:table-cell;vertical-align: middle;background-color:#32A2A7;border:#32A2A7 solid 1px;text-align:center;font-weight: 700;color: #fff;}
.menu-btn-no-select{display:table-cell;vertical-align: middle;border:#32A2A7 solid 1px;text-align:center;font-weight: 700;color: #000;}
a.link-black {
    color: #000;
}
/***---各メニューページの遷移ボタン ここまで---***/

/*各メニューの余白（パディング）*/
@media (min-width:600px){
.menu-pad {
    padding: 0 1% 4%;
}}

/*角丸*/
.kadomaru{border-radius: 10px!important;}

/***---コンタクトフォームのデザインカスタマイズ ここから---***/
#cf-tbl{
    width: 800px;
    }
    
    #cf-tbl table{
    width: 100%;
    border-collapse: collapse;
    border: solid #CCC;
    border-width: 1px;
    color: #444;
    }
    #cf-tbl table tr th,
    #cf-tbl table tr td{
    padding: 0.5em;
    text-align: left;
    vertical-align: top;
    border: solid #CCC;
    border-width: 1px;
    vertical-align: middle;
    }
    #cf-tbl table tr th{
    width: 35%;
    background: #eee;
    }
    @media screen and (max-width:768px){
    #cf-tbl{
    width: 100%;
    }
    
    #cf-tbl table,
    #cf-tbl table tbody,
    #cf-tbl table tr,
    #cf-tbl table tr th,
    #cf-tbl table tr td{
    display: block;
    }
    
    #cf-tbl table{
    width: 100%;
    border-width: 0 0 1px 0;
    }
    
    #cf-tbl table tr th,
    #cf-tbl table tr td{
    width: 100%;
    padding: 3% 5%;
    }
    
    #cf-tbl table tr td{
    border-width: 0px 1px 0px 1px;
    }
    }
    /*「必須」文字デザイン*/
    .required{
    font-size:.8em;
    padding: 5px;
    background: #F57500;
    color: #fff;
    border-radius: 3px;
    margin-right: 5px;
    }
    
    /*「任意」文字デザイン*/
    .optional{
    font-size:.8em;
    padding: 5px;
    background: #000080;
    color: #fff;
    border-radius: 3px;
    margin-right: 5px;
    }
    
    /* 入力項目を見やすく */
    input.wpcf7-form-control.wpcf7-text,
    textarea.wpcf7-form-control.wpcf7-textarea {
        width: 100%;
        padding: 8px 15px;
        margin-right: 10px;
        margin-top: 10px;
        border: 1px solid #d0d5d8;
        border-radius: 3px;
        background-color: #eff1f5;
    }
    textarea.wpcf7-form-control.wpcf7-textarea {
        height: 200px;
    }
    
    /* 「送信する」ボタン */
    input.wpcf7-submit {
        display: block;
        padding: 15px;
        width: 400px;
        background: #ffaa56;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        border-radius: 2px;
        margin: 15px auto 0
    }
    @media screen and (max-width:768px){
    input.wpcf7-submit {
    width: 250px;
    }
    }
    
    input.wpcf7-submit:hover {
        box-shadow: 0 15px 30px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);
        transform: translateY(-4px);
        opacity:0.7;
    }
    /* エラーメッセージを見やすく */
    span.wpcf7-not-valid-tip,
    .wpcf7-response-output.wpcf7-validation-errors {
        color: red;
        font-weight: 600;
    }
/***---コンタクトフォームのデザインカスタマイズ ここまで---***/

/***---フッター上部の余白を詰める ここから---***/
/*PC
@media (min-width:600px){
.l-footer{margin-top: -5%!important;}}*/
/*SP
@media (max-width:599px){
    .l-footer{margin-top: -20%!important;}}*/
    /***---フッター上部の余白を詰める ここまで---***/

/*詳細を見るボタンの「→」のマークを削除*/
.is-style-more_btn a:after{content:none!important;}
/*詳細を見るボタンの枠線を変更する*/
.is-style-more_btn a{box-shadow: 0 0 0 1px #00427b;}

/***サービス内容の各見出しの文字サイズ***/
/*PC*/
@media (min-width:600px){
.cap_box_ttl span {
    font-size: 17pt;
}}
/*SP*/
@media (max-width:599px){
    .cap_box_ttl span {
        font-size: 15pt;
    }}

/*電話番号のリンクをPCでは文字色黒に変更*/
@media (min-width:600px){
    .pc-no-link a{color:#000000;}
}

/***トップページお客様の声リストの写真（画像）と文字のサイズをスマホ（SP）で変更***/
@media (max-width:599px){
.-type-list2 .p-postList__thumb {
    width: 50%;
}
.-type-list2 .p-postList__body {
    width: 48%;
}}

/***ヘッダーメニューをカスタマイズ ここから***/
nav#gnav .c-gnav .hnavi-home, nav#gnav .c-gnav .hnavi-voice{background-color: #007BE0;color:#fff;}
nav#gnav .c-gnav .hnavi-home:hover, nav#gnav .c-gnav .hnavi-voice:hover{background-color: #00427B;color:#fff;}

/*区切り線（上下短い）*/
nav#gnav .c-gnav .hnavi-home::before, nav#gnav .c-gnav .hnavi-voice::before{
    content: "";
    display: block;
    height: 1em;
    border-right: 1px solid #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right:0;
    margin: auto;}

/*ヘッダーメニューエリアの背景色*/
@media (min-width:600px){
.-parallel-bottom .l-header__gnav {
    order: 3;
    background: #007BE0;
}}

/*ヘッダー追従メニュー*/
.l-fixHeader__gnav.c-gnavWrap .hnavi-home:hover, .l-fixHeader__gnav.c-gnavWrap .hnavi-voice:hover{background-color: #00427B;color:#fff;}

/***ヘッダーメニューをカスタマイズ ここまで***/

/*ロゴのリンククリックできるエリアが全幅だったので調整*/
@media (min-width: 600px){
    .c-headLogo {
        height: var(--logo_size_pc);
        width: 456px;
        margin: 0 auto;
    }}