/*============================
	attention
============================*/


.attention__tbl--li{
    margin-left: 1em;
    text-indent: -1em;
}
.attention__innertbl {
    margin-bottom: 5px;
}

.attention__tbl td .small {
    font-size: 1.4rem;
    display: block;
    margin-left: 1.2rem;
    text-indent: -1.2rem;
}

.attention__tbl .mb-30 {
    margin-bottom: 30px;
    display: block;
}

.attention__btn a {
    display: block;
    width: fit-content;
    font-size: 1.4rem;
    line-height: 30px;
    padding: 0 40px 0 15px;
    border: solid 1px #636c83;
    position: relative;
    transition: .3s ease-out;

}

.attention__btn .arw {
    font-size: 1rem;
    position: absolute;
    right: 5%;
    top: 0;
}

.attention__btn a:hover {
    background: #636c83;
    color: #fff;
}

.at_comment_s {
	 text-indent:-1em; 
	 padding:0 1em 1em 1em; 
	 font-size:85%; 
	 line-height:1.3em; 
	 margin-left: 1em;
}


@media screen and (max-width:767px) {
    .attention {
        padding: 50px 0 0;
    }

    .attention__ttl {
        font-size: 1.4rem;
        line-height: 50px;
    }

    .attention__ttl .ac__arw {
        width: 14px;
        right: 3%;
        top: 22px;
    }

    .attention__tblbox {
        padding: 20px 0 10px;
    }

    .attention__tbl {
        margin-bottom: 10px;
        border-spacing: 3px;
    }

    .attention__tbl--li{
        margin-left: 1em;
        text-indent: -1em;
        font-size: 1.2rem;
    }

    .attention__tbl .mb-30 {
        margin-bottom: 20px;
    }

    .attention__caution {
        font-size: 1rem;
    }

	.at_comment_s {
        font-size: 1.2rem;
	}
}