@charset "utf-8";

/* ================
use
=================== */
.section{
    padding: var(--contentPadding);
    padding-bottom: 60px;
}

.section--use{
    background-color: var(--primary-blueGray);
}

.item{
    background-color: var(--primary-lightBlue);  
    border-radius: 20px;
    border: 4px solid var(--primary-blue);
}

.item:not(:first-child){
    margin-top: 20px;
}

.title{
    line-height: 1.3;
    text-align: center;
}

.question{
    font-size: 2rem;
    font-weight: 500;
    padding: 30px 20px 0 20px;
}

.answer{
    font-size: 1.8rem;
    font-weight: 400;
    padding: 30px 20px;
}

.txt{
    margin-top: 24px;
}

.txt:first-of-type{
    margin-top: 0;
}

.btn{
    margin-top: 20px;
}

@media screen and (min-width:769px){
    .section{
        padding-bottom: 80px;
    }

    .item{
        border: 5px solid var(--primary-blue);
    }

    .item:not(:first-child){
        margin-top: 30px;
    }

    
    .question{
        font-size: 3rem;
        padding: 40px 40px 0 40px;
    }

    .answer{
        font-size: 2.4rem;
        padding: 40px 40px 60px;
    }

    .btn{
        margin-top: 40px;
    }
}/* 769px */

/* ================
nurse
=================== */
.section--nurse{
    background-color: var(--primary-lightPink);
}

.item--nurse{
    background-color: var(--primary-white);  
    border-radius: 20px;
    border: 4px solid var(--primary-pink);
}

.btn__nurse{
    background-color: var(--primary-pink);
}

.btn__nurse:hover{
    background-color: var(--primary-white);
    border: 4px solid var(--primary-pink);
}

@media screen and (min-width:769px){
    .item--nurse{ 
        border: 5px solid var(--primary-pink);
    }
}/* 769px */

/* ================
support
=================== */
.section--support{
    background-color: var(--primary-lightBlue);
}

.item--support{
    background-color: var(--primary-white);
}

.btn__support:hover{
    background-color: var(--primary-white);
}