@charset "UTF-8";
/* CSS Document */

.contents{
    max-width: 100%;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    text-align: center;
}

.attention-title{
    font-size: 26px;
    font-weight: 500;
    margin: 20px auto;
    text-align: center;
}

.attention-content{
    margin:50px auto;
    display: block; /* 画像とテキスト縦並び */
    font-size: 15px;
    text-align: center;
}

.attention-content img{
    width: 420px;
    max-width: 100%;
    display: block;
    margin: 50px auto;
}

.back-btn{
	margin: 60px auto 50px;
	width: 340px;
	padding: 21.5px 20px 20px;
	border: 1px solid #575757;
	background-color: #ffffff;
	font-size:1.4rem;
	text-align: center;
	color: #575757;
    }

.back-btn a{
    display: block;
     text-decoration: none;
}

@media screen and (max-width:599px){
    .attention-title{
        font-size: 20px;
    }
    
    .attention-content{
        font-size: 14px;
        width: 96%;
        margin: 30px auto;
    }
    
    .attention-content img{
        width: 90%;
        margin: 30px auto;
    }

    .back-btn{
        width: 70%;
        margin: 30px auto;
        text-align: center;
        font-size: 15px;
        padding: 10px 10px;
        color: #000;
        border: solid 1px #000;
    }

    .back-btn a{
        display: block;
        text-decoration: none;
    }
}