/* 導入前後のサポートページ */
.support_introduction_content h2{
    margin-top:40px;
    text-align: center;
}

.support_introduction_content .support_card{
    background-color: rgba(251, 250, 250, 1);
    border-radius: 20px;
    padding: 30px 40px;
    min-height:180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin:40px 0px;
    position: relative;
}

.support_introduction_content .support_card .wrap{
    display: flex;
    gap:20px;
}

.support_introduction_content .support_card .wrap .number{
    color:rgba(192, 0, 0, 1);
    font-family: "League Gothic", sans-serif;
    font-size: 48px;
}

.support_introduction_content .support_card.pc .wrap .text{
    width:70%;
}

.support_introduction_content .support_card .wrap .main{
    font-size:24px;
    font-weight:700;
}

.support_introduction_content .support_card .sub{
    margin-top:10px;
    font-size:16px;
    color:rgba(62, 57, 57, 1);
}

.support_introduction_content .support_card.pc .icon{
    text-align: center;
    position: absolute;
    top: 50%;
    right: 7%;
    transform: translateY(-50%);
}

.support_introduction_content .support_card.pc .icon img{
    width:100px;
    height:100px;
}

.support_introduction_content .support_card.pc .button_black{
    margin-top: 10px;
}

.support_introduction_content .support_card.pc .button_black a{
    height:50px;
}

.support_introduction_content .support_card.sp{
    padding:30px;
}

.support_introduction_content .support_card.sp .wrap{
    align-items: center;
}

.support_introduction_content .support_card.sp .wrap .number{
    font-size:38px;
}

.support_introduction_content .support_card.sp .wrap .main{
    font-size:20px;
}

.support_introduction_content .support_card.sp .icon{
    text-align: center;
    margin: 10px 0px;
}

.support_introduction_content .support_card.sp .icon img{
    width:100px;
    height:100px;
}

.support_introduction_content .support_card.sp .sub{
    font-size:14px;
}

.support_introduction_content .support_card.sp .button_black{
    margin-top: 30px;
}

.support_introduction_content .step{
    background-color: rgba(251, 250, 250, 1);
    padding:60px 0px 40px 0px;
    text-align: center;
    position: relative;
    margin-bottom:80px;
}

.support_introduction_content .step::before{
    content: "";
    border-style: solid;
    border-right: 80px solid transparent;
    border-left: 80px solid transparent;
    border-top: 100px solid rgba(246, 244, 244, 1);
    border-bottom: 0;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    top:0%;
}

.support_introduction_content .step::after{
    content: "";
    border-style: solid;
    border-right: 80px solid transparent;
    border-left: 80px solid transparent;
    border-top: 100px solid rgba(251, 250, 250, 1);
    border-bottom: 0;
    position: absolute;
    transform: translateX(-50%) translateY(-5%);
}

.support_introduction_content .user_page{
    background-color: rgba(251, 250, 250, 1);
    padding:60px 0px 40px 0px;
}

.support_introduction_content .user_page p{
    text-align: center;
     font-size:16px;
    color:rgba(62, 57, 57, 1);
}

/* 導入前後のサポートページ終了 */