html { scroll-behavior: smooth;}

		.mrg_btm60 {margin-bottom:60px;}
		.flex {display: flex;}
        
		#travel-renewal .common-header-nav li {
		padding:12px 12px 0 12px!important;
		}

		.highlight_cont {
			background-color: #fff;
			padding:20px 20px 100px 20px;
			margin:10px;
			position: relative;
			border: 1px solid #ddd;
			border-radius: 5px;
		}
		.highlight_cont p {
			position: absolute;
			bottom:10px;
		}

		.toc-002 a {
			color: #333;
			text-decoration: none;
		}

		.toc-002 {
			margin-bottom: 30px;
			border: 2px solid #e39300;;
			border-radius: 3px;
		}

		.toc-002 ol {
			padding: 10px 20px 20px
		}

		.toc-002 div {
			background-color: #e39300;
			color: #fff;
			font-weight: 600;
			font-size: 1.1em;
		}

		.toc-002 div p {
			font-weight: bold; 
			font-size: 1.3em; 
			padding: 10px 0px 10px 0px;
			color: #fff;
			text-align: center;
		}

		.number {
		counter-reset:number; /*数字をリセット*/
		list-style-type: none!important; /*数字を一旦消す*/
		padding:0.5em;
		background: #fffcf5;
		}

		.number_list {
		position: relative;
		padding-left: 40px;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.4em;
		padding: 0.5em 0.5em 0.5em 40px;
		}

		.number_list:before{
		/* 以下数字をつける */
		position: absolute;
		counter-increment: number;
		content: counter(number);
		/*以下数字のデザイン変える*/
		display:inline-block;
		background: #e39300;
		color: white;
		font-family: 'Avenir','Arial Black','Arial',sans-serif;
		font-weight:bold;
		font-size: 15px;
		border-radius: 50%;
		left: 0;
		width: 25px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		/*以下 上下中央寄せのため*/
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		}

		.list_2:before{
		 content: "2";
		}

		.number_list_small {
			font-size: 0.7em;
			font-weight: normal;
			line-height: 0;
		}

@media screen and (max-width: 768px){
    .flex {
        display: block;
    }
	#travel-renewal .common-header-nav li {
		padding:12px 0!important;
	}
	.highlight_cont {
			padding:20px;
		}

		.highlight_cont p {
			position:static;
			margin-top:20px;
		}
}

		.red_bold {
			font-weight: bold;
			color:#c00000;
		}

		.h3_highlight {
			margin:0 10px 20px 10px;
		}

		.h3_highlight .h3_span_highlight {
			display: inline-block;
			position: relative;
			padding: 10px 40px;
		}

		.h3_highlight .h3_span_highlight::before {
		content: "";
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 40px;
		height: 40px;
		border-top: 5px solid rgb(195, 13, 35);
		border-left: 5px solid rgb(195, 13, 35);
		}

		.h3_highlight .h3_span_highlight::after {
		content: "";
		display: block;
		position: absolute;
		right: 0px;
		bottom: 0px;
		width: 40px;
		height: 40px;
		border-right: 5px solid rgb(195, 13, 35);
		border-bottom: 5px solid rgb(195, 13, 35);
		}