@charset "utf-8";
/* CSS Document */

#hh_it{
width: 100%;
}

#hh_it .it_header {
	background:url(/img/hth/it/it_haupi.png) no-repeat right bottom;
}

#hh_it .it_header h2 {
	margin:10px 0 20px 0;
	padding:0;
}

#hh_it .it_header p {
	margin:0 0 20px 0;
	font-size:20px; line-height:160%;
}

#hh_it .it_header .jusetsu {
	border:2px solid #00AAA8;
	border-radius: 10px;
	padding:20px 0 0 30px;
	width:880px;
}

#hh_it .it_header .jusetsu .j_title {
	font-size:24px;
	font-weight:bold;
	color:#00AAA8;
}

#hh_it .it_header .jusetsu p {
	font-size:17px;
	line-height:160%;
	margin:5px 0 20px 0;
}

#hh_it .it_osusume {
	margin-top:40px;
	background:url(/img/hth/it/it_img01.png) no-repeat 760px 25px;
	background-color:#2BA6E0;
	padding:12px 0 26px 0;
}

#hh_it .it_osusume h3 {
	font-size:36px;
	font-weight:bold;
	color:#FF0;
	margin:0 0 0 15px;
	padding:0;
}

#hh_it .it_osusume p {
	color:#fff;
	font-size:24px;
	border-bottom:1px dashed #fff;
	padding:0 0 0 5px;
	width:610px;
	margin:0 0 20px 100px;
	line-height:150%;
}

#hh_it .it_step {
	margin-top:40px;
}

#hh_it .it_step h3 {
	font-size:36px;
	font-weight:bold;
	color:#E64B87;
	margin:0 0 0 15px;
	padding:0;
}

#hh_it .it_osusume h3 img,
#hh_it .it_step h3 img {
	vertical-align:middle;
}

#hh_it .it_step .it_stepcnt {
	display:flex;
	justify-content:space-between;
	padding:0;
	margin:10px 0 40px 0;
}

#hh_it .it_step .it_stepcnt .cnt {
	width:calc(100% / 4);
	width:286px;
	height:450px;
	background-color:#EAE3C8;
}

#hh_it .it_step .it_stepcnt .cnt .steptxt {
	background-color:#E64B87;
	padding:2px 0;
	text-align:center;
	color:#fff;
}

#hh_it .it_step .it_stepcnt .cnt h4 {
	margin:10px 0;
	text-align:center;
	font-size:20px;
}

#hh_it .it_step .it_stepcnt .cnt .stepimg {
	height:230px;
	width:286px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

#hh_it .it_step .it_stepcnt .cnt p {
	font-size:16px;
	line-height:160%;
	width:90%;
	margin:0 auto;
}

#hh_it .btn_cnt {
	text-align:center;
	color:#00AAA8;
}


.s22 {font-size:22px; font-weight:normal;}
.s26 {font-size:26px; font-weight:bold;}
.s12 {font-size:12px;}


.cf {
width: 100%;
}
.cf:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0.1em;/*added for FF*/
}

a.it_link {color:#E64B87;}