@charset "utf-8";

@media screen and (max-width : 768px) {
	
	.m_head {
		margin-bottom: 18px;
	}
	
	.m_head h1 {
		font-size: 18px;
	}
	
	.section_column {
		margin-bottom: 16px;
	}

	.section_column .col_right {
		padding-left: 7px;
	}

    .box {
		position: relative;
		margin-bottom: 24px;
		padding: 18px 20px 22px;
    }
	
	.box .tit_headline {
		padding-bottom: 6px;
	}
	
	.conditions_tbl {
		margin-bottom: 35.5%;
		width: 100%;
		border: 1px solid #999;
	}
	
	.conditions_tbl tr {
		border-bottom: 1px solid #999;
	}
	
	.conditions_tbl tr:last-child {
		border-bottom: none;
	}
	
	.conditions_tbl tr td {
		padding: 16px 12px 14px;
	}
	
	.conditions_tbl tr td.road {
		padding-top: 13px;
	}
	
	.conditions_tbl tr td.l_speed {
		padding-bottom: 10px;
	}
	
	.conditions_tbl tr td .txt_red {
		margin-bottom: 0;
		font-size: 12px;
		font-family: var(--font-light);
		font-family: var(--font-bold);
	}
	
	.conditions_tbl tr td span {
		color: #333;
		font-size: 11px;
		font-weight: normal;
	}
	
	.conditions_tbl tr td ul {
		margin: 14px 0;
		font-size: 11px;
	}
	
	.conditions_tbl tr td ul li {
		padding-left: 14px;
    	text-indent: -14px;
	}
	
	.box_info {
		padding-left: 0;
	}

    .box_info p {
        margin-bottom: 18px;
		font-size: 11px;
    }
	
	.box_info .point {
		position: absolute;
		right: 10px;
		bottom: 16%;
		width: 64vw;
		height: 50.7vw;
		background: url(../image/img_point_sp.png) no-repeat;
		background-size: 100% auto;
	}
	
	.box_info .point p {
		margin: 35vw 13px 0px;
		color: #fff;
		font-size: 3vw;
		font-family: var(--font-bold);
		line-height: 1.5;
	}
	
	.box_info .caution {
		font-size: 11px;
	}

    .btn_previous {
        margin: 30px 0 0;
        text-align: center;
    }

    .btn_previous img {
        max-width: 172px;
    }
}