.top_content{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top_box{
    width: min(96svw, 1200px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0;
    margin-top: min(1.6svw,20px);
}

.top_title{
    text-align: center;
    color: #dd2922;
    font-size: min(3.6svw,45px);
    font-weight: lighter;
}

@media (hover: hover){
    .top_title a:hover{
        background-color: #fff7e1;
    }
}

.top_text{
    text-align: center;
    font-size: min(1.52svw,19px);
    background-color: white;
    color: #a66e0b;
    border: 2px solid #d8c284;
    font-weight: lighter;
    padding: min(0.24svw,3px) min(0.48svw,6px) ;
}

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
    .top_box{
        margin-top: min(5.6svw,35px);
    }
    .top_title{
        font-size: min(7.2svw,45px);
        line-height: min(9.36svw,58.5px);
    }
    .top_text{
        margin-top: min(1.6svw,10px);
        font-size: min(3.6svw,22.5px);
        line-height: min(4.68svw,29.25px);
        padding: min(1.35svw,8.4375px) min(3.6svw,22.5px);
    }
}