@charset "utf-8";
/* 
サイト固有の記述
*/

/* 全体（色系）*/
body {
    &.sponsorship {
        .infobox02 {
            .line01 {
                padding-bottom: 20px;
                margin-bottom: 20px;
            }
        }
    }

    &.trial-join .sec02 {
            .sub_images_ul li {
                border-bottom: dashed 2px #cccccc;
            }

            .sub_images_ul li p {
                margin-bottom: 10px;
            }
    }

    .chk_list .no-before::before {
        content: none;
    }

    .add_item_contact {
        .ttl02.type01 .jp_txt {
            color: #333;
        }

        .ttl02.type01 .eng_txt {
            color: #333;
        }

        p {
            color: #333;
        }

        .add_contact .layout_c li a.tel_link {
            color: #333;
        }

        .add_contact .layout_c li a.tel_link:before {
            color: #333;
        }

        .btn01 a {
            color: #fff;
            background-color: #000E46;
        }

        .btn01 a:before {
            background: #424968;
        }
    }

    .add_partnership {
        .sub_images_ul p {
            text-align: center;
        }
    }

}

/* モニター以上*/
@media screen and (min-width: 1560px) {
    body {
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {

        .add_partnership {
            .sub_images_ul.cul4 li {
                width: calc(100% / 3 - 15px);
            }
        }
        
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {

        .tp_sec03 {
            height: 600px;
        }

        .chk_list li span {
            display: contents;
        }

        .partner_list li .box.price_flex .price_flex_l {
                width: 35%;
        }

        .add_partnership {
            .sub_images_ul.cul4 li {
                width: calc(100% / 3 - 15px);
            }
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {

        .add_partnership {
            .sub_images_ul.cul4 li {
                width: calc(100% / 2 - 15px);
            }
        }

        .tp_sec01:before {
            border-radius: 0;
            top: 60%;
            height: 90vh;
        }

        .tp_sec03 {
            height: 250px;
        }

        &.regional-expansion {
            .ttl06 {
                flex-wrap: nowrap;

                .inthefuture {
                    font-size: 24px;
                } 

                .jp_ttl {
                    top: -5px;
                }
            }
        }

        .partner_list li .box.price_flex .price_flex_l {
        width: 30%;
    }

    }
}