@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;}}

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

/*文字サイズ*/
.cap_box_ttl span {
    font-size: 1rem;
}

/**ロゴのリンク範囲を調整 ここから**/
.c-headLogo__link {
    display: inline-block!important;
    text-decoration: none;
}
/**ロゴのリンク範囲を調整 ここまで**/

/***ヘッダーメニューをカスタマイズ ここから***/
/*ヘッダーメニューのマウスオーバー時の下線の位置を調整*/
.c-gnav>.menu-item>a:after{bottom:20%;}

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

/*class「header-menu」は、自分でメニューにクラスを付ける↓*/
nav#gnav .c-gnav .header-menu{background-color: #37ab9d;color:#fff;}
nav#gnav .c-gnav .header-menu:hover{background-color: #74D2C5;color:#fff;}
.c-gnav .header-menu a::after {background: #FFF!important;}

/*区切り線（上下短い）*/
nav#gnav .c-gnav .header-menu::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: #37ab9d;
}
}

/*ヘッダー追従メニュー*/
.l-fixHeader__gnav.c-gnavWrap .header-menu:hover{background-color: #37ab9d;color:#fff;}
/*追従ヘッダーメニューの影*/
.l-fixHeader{border-bottom: 1px solid rgb(0,0,0,0.1);}
/***ヘッダーメニューをカスタマイズ ここまで***/

/***マージン ここから***/
/*共通*/
.mar-top-m1_5rem {
    margin-top: -1.5rem;
}
/***マージン ここまで***/

/**リストのチェックマークの色を変更 ここから**/
/*.is-style-check_list li:before {color: #00A0E9!important;content: "\e923";}*/
/**リストのチェックマークの色を変更 ここまで**/

/*画像に影を付ける*/
img.kage {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1), 0 4px 8px -4px rgba(0, 0, 0, .2)!important;
}

/**マージン ここから**/
/*PC*/
@media (min-width:600px){
    .pc-mar-top-2rem{margin-top: 2rem!important;}
    .pc-mar-bt-0{margin-bottom: 0!important;}
    .pc-mar-bt-2em{margin-bottom: 2em!important;}
    .pc-mar-bt-m1rem{margin-bottom: -1rem!important;}
    .pc-mar-bt-m2rem{margin-bottom: -2rem!important;}
}
/*SP*/
@media (max-width:599px){
    .sp-mar-top-2rem{margin-top: 2rem!important;}
    .sp-mar-bt-0{margin-bottom: 0!important;}
    .sp-mar-bt-2em{margin-bottom: 2em!important;}
    .sp-mar-bt-m1rem{margin-bottom: -1rem!important;}
    .sp-mar-bt-m2rem{margin-bottom: -2rem!important;}
}
/**マージン ここまで**/

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

@media screen and (max-width: 599px){
    .sp-fs-0_9rem{font-size: 0.9rem!important;}
}