#sec7_parent{
    height:100%; width: 100%;
    padding: 20px; margin: 20px 0;
    background-color: #f2f2f2;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

/* 文字の色設定 */
.sec7_red{
    color: #ec6f71;
}

/* タイトル */
.sec7_title{
    text-align: center;
    font-size: 3vw;
    font-weight: bold;
}

/* 質問文 */
.sec7_question{
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #52958b;
}

/* 解答文 */
.sec7_answer{
    display: none;
    color: #7f7f7f;
    padding-top: 10px;
}

/* 角丸の枠 */
.sec7_box {
    padding: 0.5em 1em;
    margin: 1.2em 0;
    font-weight: 680;
    font-size: 1.65vw;
    background: white;
    border: solid 3px white;/*線*/
    border-radius: 10px;/*角の丸み*/
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 70%;
}

/* 三角ボタン */
.sec7_tri{
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-top: 15px solid #52958b;
  border-left: 10px solid transparent;
  padding: 0;
}
/* 三角ボタンの回転設定 */
.sec7_rotate{
    transform: rotate(180deg);
    transition: 0.3s;
}


/* レスポンシブ設定 */
@media (max-width:991px){
    .sec7_box{
        font-size: 15px;
    }
}


@media (max-width:768px){
    .sec7_title{
        font-size: 5vw;
    }

    .sec7_box{
        font-size: 2.5vw;
    }

    .sec7_tri{
        border-right: 8px solid transparent;
        border-top: 12px solid #52958b;
        border-left: 8px solid transparent;
    }
}


@media (max-width:576px) {
    .sec7_title{
        font-size: 6vw;
    }
    
    .sec7_box {
        font-size: 3.8vw;
        line-height: 5.5vw;
        width: 100%;
    }

    .sec7_tri{
        border-right: 8px solid transparent;
        border-top: 12px solid #52958b;
        border-left: 8px solid transparent;
    }
    
}