.ht_h1_wrap{
	
	width:98%;
	height:130px;
	margin:0 auto;
	padding:5vw 0px;

}
.ht_h1_in{
	width:98%;
	position:absolute;
	top: 220px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.ht_h1_sub{
	position: relative;
    top: -10%;
    left: 50%;
    transform: translate(-50%, -35%);
    -webkit-transform: translate(-50%, -35%);
    -ms-transform: translate(-50%, -35%);
    z-index: 2;
    display: inline-block;
    color: #ffffff;
    font-size: 28px;
    letter-spacing: 4px;
    text-shadow: 
		2px  2px   0px #51b294, -2px    2px 0px #51b294, -2px -2px   0px #51b294,  2px   -2px 0px #51b294,
		2px  1.5px 0px #51b294,  1.5px  2px 0px #51b294, -2px  1.5px 0px #51b294,  1.5px -2px 0px #51b294,
		2px  1px   0px #51b294,  1px    2px 0px #51b294, -2px  1px   0px #51b294,  1px   -2px 0px #51b294,
		2px  0.5px 0px #51b294,  0.5px  2px 0px #51b294, -2px  0.5px 0px #51b294,  0.5px -2px 0px #51b294,
    	2px  0px   0px #51b294,  0px    2px 0px #51b294, -2px  0px   0px #51b294,  0px   -2px 0px #51b294,
		2px -0.5px 0px #51b294, -0.5px  2px 0px #51b294, -2px -0.5px 0px #51b294, -0.5px -2px 0px #51b294,
    	2px -1px   0px #51b294, -1px    2px 0px #51b294, -2px -1px   0px #51b294, -1px   -2px 0px #51b294,
    	2px -1.5px 0px #51b294, -1.5px  2px 0px #51b294, -2px -1.5px 0px #51b294, -1.5px -2px 0px #51b294		
    	;
}
.ht_h1_main{
	position: relative;
	bottom: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index:1;
	background:#51b294;
	border-radius:15px;
	color:#FFF;
	max-width:768px;
	width:90%;
	height:70px;
	padding-top: 14px;
}
.ht_pricing_wrap{
	overflow-x: hidden;
	width:100%;
}

.ht_pricing{
	white-space: normal;
	width:100%;
	min-width:737px;
	height:auto;
	display: block;
	border-collapse: separate;
	border-spacing: 2px 0px;
	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;

}
.ht_top_row{
	width:100%;
	height:auto;
	display: flex;
	text-align: center;
	background:#FFF;
}
.ht_top_row p{
	padding:3px;
	margin:0px 2px;
	background:#FFF;
	height:auto;
	width:100%;
	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;
}
.ht_sub_row,
.ht_data_row{
	width:100%;
	height:auto;
	display: flex;
	background:#FFF;
}

.ht_data_row .ht_col,
.ht_data_row .ht_first_col{
	display: flex;
	border-bottom:1px #AAA dashed;
	padding:5px;
	margin:0px 1px;
	background:#FFF;
	height:auto;
	vertical-align: middle;
}
.ht_first_col{
	display: block;
	width:calc(15% - 1px);
	height:auto;
	margin-left:1px;
	margin-right:1px;
	text-align: left;
	position: -webkit-sticky;
    position: sticky;
	left: 0px;
    z-index: 1;
    background: #FFF;
}


.ht_type1_col{
	/*width:calc(20% - 4px);*/
	width:calc(30% - 4px);
	border: solid #0080ff;
	color:#666666;
}

.ht_type2_col{
	/*width:calc(24% - 4px);*/
	width:calc(34% - 4px);
	padding-top:0px;
	border: solid #f95858;
	font-weight: bold; 
	font-size:120%;
}

/*.ht_type2_col{
	width:calc(20% - 4px);
	border: solid #ffa539;
	color:#666666;
}

.ht_type3_col{
	width:calc(24% - 4px);
	padding-top:0px;
	border: solid #f95858;
	font-weight: bold; 
	font-size:120%;
}
.ht_type4_col{
	width:calc(20% - 4px);
	border: solid #ffa539;
	color:#666666;
}*/
.ht_top_row .ht_type1_col{
	background: #0080ff;
	margin-top: 30px;
	padding-top: 5px;
	color:#494949;
}
.ht_top_row .ht_type2_col{
	background: #f95858;
	margin-top: 0px;
	padding-top: 10px;
}
/*.ht_top_row .ht_type2_col{
	background: #ffa539;
	margin-top: 30px;
	padding-top: 5px;
	color:#494949;
}
.ht_top_row .ht_type3_col{
	background: #f95858;
	margin-top: 0px;
	padding-top: 10px;
}
.ht_top_row .ht_type4_col{
	background: #ffa539;
	margin-top: 30px;
	padding-top: 5px;
	color:#494949;
}*/

.ht_col{
	display: block;
	height:auto;
	margin-left:1px;
	margin-right:1px;
	border-width:0px 1px;
}
.ht_top_row div{
	border-radius: 20px 20px 0px 0px;
}
.ht_top_row div.ht_noradius{
	border-radius: 0px 0px 0px 0px;
}
.ht_title_sub{
	height: auto;
	padding:10px 2px;
	margin:0px 1px;
	text-align: center;
	font-weight: bold; 
}
.ht_exp_sub{
	font-size: 100%;
	padding:5px;
	width:100%;
}
.ht_exp_price{
	display:block;
	text-align: center;	
	font-size: 114%;
	margin:10px auto;
}
.ht_exp_small{
	font-size:small;
}
.ht_data_sub{
	vertical-align: middle;
	height: auto;
    margin: auto 0px;
}
.ht_data_cell{
	margin: auto;
	font-size: 160%;
}
.ht_end_row{
	width:100%;
	height:15px;
	display: flex;
	background:#FFF;
}
.ht_end_row .ht_col{
	border-radius:0px 0px 20px 20px ;
	border-width: 0px 1px 1px 1px;
}
.speech-area {
	width: 80%;
	margin: 24px 0px 30px 20%;
	min-width: calc(737px - 20%);
}
.speech-area img {
    width: 30%;
	display: block;
}
.speech-area .speech-bubble {
    width: 50%;
    text-align: center;
    font-weight: 900;
	display: block;
	white-space:normal;
}

.speech-bubble {
    padding: 2em;
    position: relative;
    background: url(../img/common/speech-buble.png) no-repeat;
    background-size: 100% 100%;
	display: block;
}
.ht_button{
	margin-top:20px;
	display: block;
}
.clear{
	content: "";
	display: block;
	clear: both;
}
@media screen and (max-width:767px) { 
	.ht_h1_in {
    	top: 190px;
	}
	.speech-area {
		width: 330px;
		margin: 12px 0px 30px 286px;
		min-width: unset;
	}
	.speech-area img {
		width: 45%;
		display: block;
		margin-top:50px;
	}

	.speech-bubble {
		width: 60%;
		padding: 2em;
		position: relative;
		background: url(../img/common/speech-buble.png) no-repeat;
		background-size: 100% 100%;
		display: block;
		font-size:14px;
	}
	.ht_pricing_wrap{
		overflow-x: scroll;
		white-space: nowrap;
	}
}
@media screen and (max-width:480px) { 
	.ht_h1_sub{
		font-size:18px;
		top: -10%;
		left: 50%;
		transform: translate(-50%, -75%);
		-webkit-transform: translate(-50%, -75%);
		-ms-transform: translate(-50%, -75%);
	}
	.ht_h1_main h1{
		font-size:8vw;
	}
	.ht_pricing{
		position: relative;
	}
}