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

@media screen and (max-width: 599px){
.onpc{display: none;}
}
@media screen and (min-width: 600px){
.onsp{display: none;}
}

/*PCのヘッダーを削除*/
header#header {
    display: none;
}

/**文字サイズ ここから**/
/*PC*/
@media screen and (min-width: 600px){
    .pc-fs-1_5rem{font-size: 1.5rem!important;}
    .pc-fs-2rem{font-size: 2rem!important;}
}
/*SP*/
@media screen and (max-width: 599px){
    .sp-fs-1_25rem{font-size: 1.25rem!important;}
    .sp-fs-1_5rem{font-size: 1.5rem!important;}
    .sp-fs-2rem{font-size: 2rem!important;}
}
/**文字サイズ ここまで**/

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

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

/*文字色*/
.aka{color:#FF1519!important;}
.yellow{color:#ffff00!important;}
.yellow span {
    color: #ffff00!important;
}
.yellow svg.__icon {
    color: #ffff00!important;
}

/**事例の枠 ここから**/
.zirei-waku {
    background-color: #fff;
    padding: 2rem!important;
    border: solid 2px #000;
}
/**事例の枠 ここまで**/

/**事例のパーセント％テキスト ここから**/
.zirei-per-txt {
    text-align: center;
    font-weight: 700;
    font-size: 4rem;
    color: #FF1519;
    margin-top: -2.5rem!important;
}
/**事例のパーセント％テキスト ここまで**/

/**事例の年間削減金額 ここから**/
/*PC*/
@media screen and (min-width: 600px){
.nen-sakugengaku-txt {
    text-align: center;
    font-weight: 700;
    color: #FF1519;
    font-size: 2rem;
    border: solid 4px #FF1519;
    padding: 1rem;
    border-radius: 10px;
    width: 50%;
    margin: -4rem auto 2rem!important;
}
}
/*SP*/
@media screen and (max-width: 599px){
    .nen-sakugengaku-txt {
        text-align: center;
        font-weight: 700;
        color: #FF1519;
        font-size: 2rem;
        border: solid 4px #FF1519;
        padding: 1rem;
        border-radius: 10px;
        width: 80%;
        margin: -4rem auto 2rem!important;
    }
    }
/**事例の年間削減金額 ここまで**/

/**コスト削減パターン ここから**/
.pattern-box {
    border: 4px solid #F3A037;
    padding: 2rem;
    border-radius: 10px;
    background: #fff;
}

/**パディング ここから**/
/*PC*/
@media screen and (min-width: 600px){
    .pc-pad-bt-1rem{padding-bottom:1rem!important;}
}

/**セクションの矢印 ここから**/
.bottom_yazirushi{position: relative;}
/*PC*/
@media screen and (min-width: 600px){
.bottom_yazirushi::after {
    content: '';
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border-top: 80px solid #1C49D8;
    /*border-top: 80px solid #034F2E;*/
    border-left: 10vw solid transparent;
    border-right: 10vw solid transparent;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
}
}
/*SP*/
@media screen and (max-width: 599px){
    .bottom_yazirushi::after {
        content: '';
        position: absolute;
        top: 100%;
        width: 0;
        height: 0;
        border-top: 50px solid #1C49D8;
        /*border-top: 50px solid #034F2E;*/
        border-left: 20vw solid transparent;
        border-right: 20vw solid transparent;
        left: 50%;
        transform: translateX(-50%);
        opacity: 1;
    }
    }
/**セクションの矢印 ここまで**/

/**ご依頼の多いコスト品目 ここから**/
/*PC*/
@media screen and (min-width: 600px){
    .cost-item-name{color:#1D49D8;text-align: center;font-weight: 700;font-size: 1.5rem;}
    .cost-item-sakugen{color:#FF1519;text-align: center;font-weight: 700;font-size: 1.5rem;}
    .costitem-box {background: #fff;border-radius: 10px;padding:1rem 0!important;}    
}
/*SP*/
@media screen and (max-width: 599px){
    .cost-item-name{color:#1D49D8;text-align: center;font-weight: 700;font-size: 1.5rem;}
    .cost-item-sakugen{color:#FF1519;text-align: center;font-weight: 700;}
    .costitem-box {background: #fff;border-radius: 10px;padding:1rem 0!important;}
}
/**ご依頼の多いコスト品目 ここまで**/

/**TOPページの電話番号 ここから**/
/*PC*/
@media screen and (min-width: 600px){
.top-tel-txt {
    font-size: 5rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    margin-top: -2rem!important;
}
.icon-phone {
    font-size: 3.5rem!important;
}
.top-phone-sub-txt{text-align: center;color: #fff;font-size: 1.5rem;font-weight: 700;margin-top: -2rem!important;}
.top-tel-txt a,.icon-phone a{color: #fff!important;}
}
/*SP*/
@media screen and (max-width: 599px){
    .top-tel-txt {
        font-size: 2.5rem;
        font-weight: 700;
        text-align: center;
        color: #fff;
    }
    .top-phone-sub-txt{text-align: center;color: #fff;font-size: 1rem;font-weight: 700;}
    .top-tel-txt a,.icon-phone a{color: #fff!important;}
    }
/**TOPページの電話番号 ここまで**/

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

/**各固定ページのタイトルを非表示 ここから**/
.page-id-201 h1, .page-id-218 h1 {display: none;}
/*PC*/
@media screen and (min-width: 600px){
.page-id-201 .l-mainContent__inner>.post_content, .page-id-218 .l-mainContent__inner>.post_content {
    margin-top: -4rem;
}
}
@media screen and (max-width: 599px){
.page-id-201 .l-mainContent__inner>.post_content, .page-id-218 .l-mainContent__inner>.post_content {
margin-top: -2.5rem;
}
}
/**各固定ページのタイトルを非表示 ここまで**/

/**フォームのデザイン（contactform7） ここから**/
/*PC*/
@media screen and (min-width: 600px){
.cf7-contact-haikei-a {
    background-color: #fff;
    border-radius: 10px;
    padding: 2rem 5rem;
}

.cf7-contact-haikei-b {
    background-color: #fff;
    border-radius: 10px;
    padding: 2rem 5rem;
    margin-top:2rem;
}

.cf7-main-text{font-size:14pt;font-weight:700;margin-top:2rem;}
.cf7-bunki-text{font-size:14pt;font-weight:700;margin-top:2rem;margin-left:4rem;}
.cf7-chusyaku-a{font-size: 11pt;line-height:1.5rem;margin-top:1rem;margin-left:3rem;}
.cf7-chusyaku-b{font-size: 11pt;line-height:1.5rem;margin-left:3rem;}
.cf7-main-text-2{font-size: 14pt;padding-left:2rem;line-height: 3rem;margin-top:2rem;}
.cf7-main-textarea{font-size: 14pt;padding-left:2rem;line-height: 3rem;}
.cf7-main-textarea-2{font-size: 14pt;padding-left:2rem;line-height: 3rem;margin-top:1rem;}
.cf7-normal-text{font-size: 12pt;font-weight:normal!important;}

.cf7-hissu{font-size: 11pt;
    padding: 3px;
    background: #F51427;
    color: #fff;
    border-radius: 3px;
    margin-right: 5px;}

.cf7-radiobtn, .cf7-checkbtn {
  padding: 0 0 0 1.5em;
	line-height:3em;
	font-size:14pt;
}
.cf7-textarea {
    line-height: 3em;
    font-size: 14pt;
    margin-top:1rem;
}
.cf7-bunki-textarea {
    padding: 0 0 0 5em;
    line-height: 3em;
    font-size: 14pt;
    margin-top:1rem;
}
/* CF7ラジオボタンを縦並びに */
.wpcf7-radio .wpcf7-list-item {
    margin-top:5px;
    display: block;
    }
/*CFテキストエリアを幅100%に*/
.wpcf7 textarea {
    width: 100%!important
    }
/*入力エリアの幅を100%に*/
input[type="text" i], input[type="tel" i], input[type="email" i] {
    width: 100%!important;
}

/*個人情報の取り扱い*/
.box-rr-pp {
    width: 95%;                /* 横幅を200pxに指定 */
    height: 200px;               /* 横幅を200pxに指定 */
    border: 1px solid #000;      /* わかりやすくボーダーを引く */
    overflow-y: scroll;          /* 縦方向にスクロール可能にする */
    padding:1em;
    margin:1em;
    font-size:11pt;
    line-height:1.5em;
}

/*送信ボタンのデザイン変更*/
#formbtn-akakei{
    display: block;
    padding:1em 2em 1em 2em;
    margin-top:30px;
    background:#f50126;
    color:#fff;
    font-size:18px;
    font-weight:bold;	 
    border-radius:2px;
    border: none;
    margin-right: auto;
    margin-left: auto;
    border-radius:5px;
}
/*送信ボタンマウスホバー時*/
#formbtn-akakei:hover{
    background:#FEE5E9;
    color:#000;
}
}

/*SP*/
@media screen and (max-width: 599px){
    .cf7-contact-haikei-a {
    background-color: #fff;
    border-radius: 10px;
    padding: 2rem 0.5rem 1rem;
    margin:0 -0.5rem!important;
    }
    
    .cf7-contact-haikei-b {
    background-color: #fff;
    border-radius: 10px;
     padding: 2rem 0.5rem 1rem;
     margin:2rem -0.5rem 0!important;
    }
    
    .cf7-main-text{font-size:14pt;font-weight:700;margin-top:2rem;}
    .cf7-bunki-text{font-size:14pt;font-weight:700;margin-top:2rem;}
    .cf7-chusyaku-a{font-size: 11pt;line-height:1.5rem;margin-top:1rem;margin-left:3rem;}
    .cf7-chusyaku-b{font-size: 11pt;line-height:1.5rem;margin-left:3rem;margin-top:2rem;}
    .cf7-main-text-2{font-size: 14pt;padding-left:2rem;line-height: 3rem;margin-top:2rem;}
    .cf7-main-textarea{font-size: 14pt;line-height: 3rem;width: 100%!important;}
    .cf7-main-textarea-2{font-size: 14pt;line-height: 3rem;margin-top:1rem;width: 100%!important;}
    .cf7-normal-text{font-size: 12pt;font-weight:normal!important;}
    
    .cf7-hissu{
    font-size: 11pt;
    padding: 3px;
    background: #F51427;
    color: #fff;
    border-radius: 3px;
    margin-right: 5px;
    }
    
    .cf7-radiobtn, .cf7-checkbtn {
    line-height:2em;
    font-size:14pt;
    }
    .cf7-textarea {
    line-height: 2em;
    font-size: 14pt;
    padding:1rem 1rem 0;
    }
    .cf7-bunki-textarea {
    line-height: 2em;
    font-size: 14pt;
    padding:1rem 1rem 0;
    }
    /* CF7ラジオボタンを縦並びに */
    .wpcf7-radio .wpcf7-list-item {
     margin-top:5px;
    display: block;
    }
    /*CFテキストエリアを幅100%に*/
    .wpcf7 textarea {
    width: 100%!important
    }

    /*入力エリアの幅を100%に*/
    input[type="text" i], input[type="tel" i], input[type="email" i] {
        width: 100%!important;
    }
    
    /*個人情報の取り扱い*/
    .box-rr-pp {
    width: 95%;                /* 横幅を200pxに指定 */
    height: 200px;               /* 横幅を200pxに指定 */
    border: 1px solid #000;      /* わかりやすくボーダーを引く */
    overflow-y: scroll;          /* 縦方向にスクロール可能にする */
    padding:1em;
    margin:1em;
    font-size:11pt;
    line-height:1.5em;
    }
    
    /*送信ボタンのデザイン変更*/
    #formbtn-akakei{
    display: block;
    padding:1em 2em 1em 2em;
    margin-top:30px;
    background:#f50126;
    color:#fff;
    font-size:18px;
    font-weight:bold;	 
    border-radius:2px;
    border: none;
    margin-right: auto;
    margin-left: auto;
    border-radius:5px;
    }
    /*送信ボタンマウスホバー時*/
    #formbtn-akakei:hover{
    background:#FEE5E9;
    color:#000;
    }
    }

/**フォームのデザイン（contactform7） ここまで**/

/**サンクスページのボックス ここから**/
.thanks-box{
    background-color: #fff;
    border-radius: 10px;
    padding: 2rem;
}
/**サンクスページのボックス ここまで**/