@charset "utf-8";


.hint_txt_blk_01 {
	margin: 34px 0 42px;
}
.hint_txt_blk_02 {
	margin: 40px 0 40px;
}

.hint_cont_wrap_01 {
	margin: 114px auto 0;
	width: 850px;
}

.hint_hl_01 {
	border-bottom: 2px #91D4E2 solid ;
	text-align: center ;
	padding: 0 0 10px;
}
.hint_hl_01 > span {
	color: #009BBC ;
	font-size: 20px;
	font-weight: bold ;
	line-height: 1.375 ;
}

.hint_blk_01 {
	margin: 30px 0 0 ;
}
.hint_blk_01 .box_01 {
	width: 460px ;
	float: left ;
	margin-left: 30px;
}
.hint_blk_01 .box_01:first-child {
	margin-left: 0;
}
.hint_blk_01 .box_01 .txt_01 {
	margin: 8px 0 0;
}


.hint_blk_02 {
	margin: 40px auto 0 ;
	width: 750px ;
	position: relative ;
}
.hint_blk_02 .box_01 {
	width: 365px ;
	float: right ;
}
.hint_blk_02 .box_02 {
	width: 365px ;
	float: left ;
}
.hint_blk_02 .clm_01 {
	position: absolute ;
	right: 0;
	bottom: 0;
	width: 365px ;
}


.hint_blk_03 {
	margin: 60px auto 0 ;
	width: 750px ;
}
.hint_blk_03 .box_01 {
	width: 190px ;
	float: left ;
	margin-left: 0;
}
.hint_blk_03 .box_02 {
	width: 270px ;
	float: left ;
	margin-left: 20px;
}
.hint_blk_03 .box_02:nth-child(2) {
	margin-left: 0;
}

.hint_blk_03 .hl_01 {
	border-bottom: #B2B2B2 2px solid ;
	padding: 0 2px 8px;
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	text-align: center ;
}
.hint_blk_03 .clm_01 {
	padding: 16px 20px 0 0 ;
}


.hint_blk_04 {
	margin: 60px auto 0 ;
	width: 750px ;
	position: relative ;
}
.hint_blk_04.other_01 {
	margin: 80px auto 0 ;
}
.hint_blk_04 .box_01 {
	width: 356px ;
	float: left ;
	margin-left: 38px;
}
.hint_blk_04 .box_01:first-child {
	margin-left: 0;
}
.hint_blk_04 .box_01 .txt_01 {
	margin: 8px 0 0;
}
.hint_blk_04 .box_01 .img_01 {
	margin: 8px 0 0;
}
.hint_blk_04 .box_01 .com_hl_04 {
	margin-bottom: 10px ;
}


.hint_blk_05 {
	margin: 80px auto 60px ;
	width: 750px ;
	box-sizing: border-box ;
	background: #fff ;
	border: #7FCDDD 1px solid ;
	padding: 19px 44px ;
}
.hint_blk_05 .box_01 {
	width: 320px ;
	float: left ;
	margin-left: 20px;
}
.hint_blk_05 .box_01:first-child {
	margin-left: 0;
}
.hint_blk_05 .box_01 .txt_01,
.hint_blk_05 .box_01 .txt_02 {
	margin-bottom: 15px;
}



.hint_blk_06 {
	margin: 76px auto 0 ;
	width: 874px ;
	position: relative ;
}
.hint_blk_06.other_01 {
	margin: 260px auto 0 ;
}
.hint_blk_06 .box_01 {
	width: 410px ;
	float: left ;
	margin-left: 54px;
}
.hint_blk_06 .box_01.minus1 {
	margin-top: -212px;
}
.hint_blk_06 .box_01.minus2 {
	margin-top: -258px;
}
.hint_blk_06 .box_01.minus3 {
	margin-top: -237px;
}
.hint_blk_06 .box_01:first-child {
	margin-left: 0;
}
.hint_blk_06 .clm_01 {
	width: 330px ;
	margin: 0 auto ;
}
.hint_blk_06 .box_01 .com_hl_05 {
	margin-bottom: 20px ;
}
.hint_blk_06 .box_01 .txt_01 {
	margin: 23px 0 0;
}

/* ===================================================================================
for SP max-width: 640px
=================================================================================== */

@media screen and (max-width: 640px) {

	
	.hint_txt_blk_01 {
		margin: 12px 0 25px;
	}
	.hint_txt_blk_02 {
		margin: 12px 0 25px;
	}

	.hint_cont_wrap_01 {
		margin: 50px auto 0;
		width: auto ;
	}

	.hint_hl_01 {
		border-bottom: 2px #91D4E2 solid ;
		text-align: left ;
		padding: 0 0 10px;
	}
	.hint_hl_01 > span {
		color: #009BBC ;
		font-size: 16px;
		font-weight: bold ;
		line-height: 1.375 ;
	}

	.hint_blk_01 {
		margin: 30px auto 0 ;
	}
	.hint_blk_01 .box_01 {
		width: auto ;
		float: none ;
		margin-left: 0;
		margin-top: 25px;
	}
	.hint_blk_01 .box_01:first-child {
		margin-left: 0;
	}
	.hint_blk_01 .box_01 .txt_01 {
		margin: 8px 0 0;
	}


	.hint_blk_02 {
		margin: 12px auto 0 ;
		width: auto ;
		position: relative ;
	}
	.hint_blk_02 .box_01 {
		width: auto ;
		float: none ;
	}
	.hint_blk_02 .box_02 {
		width: auto ;
		float: none ;
		margin: 12px 0 0 ;
	}
	.hint_blk_02 .clm_01 {
		position: relative ;
		right: auto ;
		bottom: auto ;
		width: auto ;
		margin: 25px 0 0 ;
	}


	.hint_blk_03 {
		margin: 30px auto 0 ;
		width: auto;
	}
	.hint_blk_03 .box_01 {
		width: auto ;
		float: none ;
		margin-left: 0;
	}
	.hint_blk_03 .box_02 {
		width: auto ;
		float: none ;
		margin-left: 0;
		margin-top: 15px ;
	}
	.hint_blk_03 .box_02:nth-child(2) {
		margin-left: 0;
	}

	.hint_blk_03 .hl_01 {
		border-bottom: #B2B2B2 2px solid ;
		padding: 0 2px 4px;
		font-size: 14px;
		line-height: 1.4;
		font-weight: bold;
		text-align: center ;
	}
	.hint_blk_03 .clm_01 {
		padding: 12px 0 0 0 ;
	}


	.hint_blk_04 {
		margin: 30px auto 0 ;
		width: auto ;
		position: relative ;
	}
	.hint_blk_04.other_01 {
		margin: 100px auto 0 ;
	}
	.hint_blk_04 .box_01 {
		width: auto ;
		float: none ;
		margin-left: 0;
		margin-top: 100px;
	}
	.hint_blk_04 .box_01:first-child {
		margin-left: 0;
		margin-top: 30px;
	}
	.hint_blk_04 .box_01 .txt_01 {
		margin: 8px 0 0;
	}
	.hint_blk_04 .box_01 .img_01 {
		margin: 8px 0 0;
	}
	.hint_blk_04 .box_01 .com_hl_04 {
		margin-bottom: 10px ;
	}


	.hint_blk_05 {
		margin: 100px auto 30px ;
		width: auto ;
		box-sizing: border-box ;
		background: #fff ;
		border: #7FCDDD 1px solid ;
		padding: 20px 20px ;
	}
	.hint_blk_05 .box_01 {
		width: auto ;
		float: none ;
		margin-left: 0;
	}
	.hint_blk_05 .box_01:first-child {
		margin-left: 0;
		margin-bottom: 15px;
	}
	.hint_blk_05 .box_01 .txt_01,
	.hint_blk_05 .box_01 .txt_02 {
		margin-bottom: 15px;
	}



	.hint_blk_06 {
		margin: 30px auto 0 ;
		width: auto ;
		position: relative ;
	}
	.hint_blk_06.other_01 {
		margin: 0 auto 0 ;
	}
	.hint_blk_06 .box_01 {
		width: auto ;
		float: none ;
		margin-left: 0;
		margin-top: 100px;
	}
	.hint_blk_06 .box_01.minus1 {
		margin-top: 100px;
	}
	.hint_blk_06 .box_01.minus2 {
		margin-top: 100px;
	}
	.hint_blk_06 .box_01.minus3 {
		margin-top: 100px;
	}
	.hint_blk_06 .box_01:first-child {
		margin-left: 0;

	}
	.hint_blk_06.other_01 .box_01:first-child {
		margin-top: 0;

	}
	.hint_blk_06 .clm_01 {
		width: auto ;
		margin: 0 auto ;
	}
	.hint_blk_06 .box_01 .com_hl_05 {
		margin-bottom: 15px ;
	}
	.hint_blk_06 .box_01 .txt_01 {
		margin: 23px 0 0;
	}

	
	
}
