@charset "UTF-8";

.external_link {
    color: #0097eb;
	font-size: 1em;
	line-height: clamp(1.563rem, 1.226rem + 0.7vw, 1.688rem);
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
    
}

@media screen and (min-width: 768px) {
    .br-sp {
        display: none;
    }
}

/*******************************************************************************
	ホームページ利用上の注意事項ページ
 *******************************************************************************/

body {
    background-color: var(--bg-color--primary);
}

.main_container {
    padding-top: 120px;
    padding-bottom: 90px;
}

.guidelines_section {
    max-width: 1000px;
    width: 90%;
    margin: auto;
}

.guidelines_section + .guidelines_section {
    margin-top: 37px;
}

.guidelines_subtitle {
    text-align: left;
    font-size: clamp(1.5em, 1.211em + 0.6vw, 1.75em);
    color: #006252;
    border-bottom: 4px solid #006252;
    padding: 0 16px 4px;
}

.guidelines_list {
    padding: 18px 16px;
    font-size: clamp(0.9em, 0.9em + 0.2vw, 1em);
    line-height: 1.6875em;
}

.guidelines_text {
    padding: 18px 16px;
    font-size: clamp(0.9em, 0.9em + 0.2vw, 1em);
    line-height: 1.6875em;
}

@media screen and (max-width: 767px) {
    .main_container {
        padding-top: 80px;
        padding-bottom: 44px;
        background-color: #fff;
    }

    .guidelines_section {
        padding: 0 20px;
    }

    .guidelines_section + .guidelines_section {
        margin-top: 39px;
    }

    .guidelines_subtitle {
        font-size: clamp(1.375em, 1.211em + 0.6vw, 1.5em);
        border-bottom: 3px solid #006252;
        padding: 0 10px 3px;
    }

    .guidelines_list {
        padding: 13px 0 0;
        font-size: clamp(0.9375em, 0.9em + 0.2vw, 1em);
        line-height: 1.5em;
    }

    .guidelines_text {
        padding: 13px 0 0;
        font-size: clamp(0.9375em, 0.9em + 0.2vw, 1em);
        line-height: 1.5em;
    }
}

@media screen and (min-width: 768px) {
    
}