@charset "utf-8";
/* ==================================================
Main_Visual
================================================== */
.goto_link {
	width: 29px;
	height: 13px;
	position: absolute;
	bottom: 0;
	right: 0;
	text-indent: -999999px;
	color:#FFFFFF;
	background: #dd0202 url(/shared/site_hamact/images/icon/icon_arrow_haft.png) no-repeat 6px 4px;
	-moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.purpose_item:hover .goto_link,
.purpose_item:focus .goto_link,
.purpose_item:active .goto_link {
	-moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	background: #f7f6f6 url(/shared/site_hamact/images/icon/icon_arrow_link_haft.png) no-repeat 6px 4px;
}
.support_startup_item:hover .goto_link,
.support_startup_item:focus .goto_link,
.support_startup_item:active .goto_link {
	-moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	background: #f7f6f6 url(/shared/site_hamact/images/icon/icon_arrow_link_haft.png) no-repeat 27px 7px;
}
.slick-prev {
	background: url(/shared/site_hamact/images/icon/icon_prev.png) no-repeat center center;
}
.slick-next {
	background: url(/shared/site_hamact/images/icon/icon_next.png) no-repeat center center;
}
.btn_slides.stop {
	background: url(/shared/site_hamact/images/icon/icon_stop.png) no-repeat 5px center;
}
.btn_slides.start {
	background: url(/shared/site_hamact/images/icon/icon_start.png) no-repeat 5px center;
}
.btn_slides {
	width: 65px;
	min-height: 27px;
	padding: 0 0 0 20px;
	margin: 0 15px 0 0;
	border: none;
	text-transform: uppercase;
	font-size: 100%;
	color: #FFFFFF;
	background-color: #000000;
	cursor: pointer;
}
.btn_slides:focus,
.slick-prev:focus,
.slick-next:focus {
	outline: none;
}
.slick_control{
	position: absolute;
	bottom: -50px;
	left: 0;
	min-width: 380px;
	padding: 0 0 0 17px;
	display: inline-block;
	background-color: #000000;
	list-style: none;
}
.slick-dots {
	display: inline-block;
	padding: 22px 0 0;
	vertical-align: sub;
}
.slick-dots li{
	display: inline-block;
	margin-right: 12px;
}
.slick-dots li button {
	width: 8px;
	height: 8px;
	padding: 0;
	border: none;
	background-color: #FFFFFF;
	border-radius: 50%;
	text-indent: -99999px;
	cursor: pointer;
}
.slick-dots li.slick-active button {
	background-color: #dd0202;
}
#tmp_main_visual .container {
	position: relative;
}
#tmp_main_visual .main_visual_cnt {
	float: left;
	width: 100%;
	min-height: 661px;
	margin-right: -400px;
}
#tmp_main_visual .main_visual_cnt .slick-list {
	height: 100%;;
}
#tmp_main_visual .main_visual_cnt .main_visual_pc {
	padding-right: 400px;
	visibility:hidden;
    opacity:0;
}
#tmp_main_visual .main_visual_cnt .main_visual_pc.slick-initialized{
	visibility:visible;
    opacity:1;
}
#tmp_main_visual .main_visual_pc .main_list_img {
	min-height: 662px;
	position: relative;
}
#tmp_main_visual .main_visual_sp {
	display: none;
}
#tmp_main_visual .sub_img {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
#tmp_main_visual .main_visual_pc .main_pc_img,
#tmp_main_visual .main_visual_pc .main_pc_img img {
	width: 100%;
	height: 100%;
	min-height: 662px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position:center top;
}
#tmp_main_visual .slick_option {
	float: right;
}
#tmp_main_visual .slick-prev,
#tmp_main_visual .slick-next {
	width: 50px;
	height: 50px;
	border: none;
	text-indent: -9999999px;
	background-color: #333333;
	cursor: pointer;
	position: relative;
}
#tmp_main_visual .slick-prev {
	background-color: #454444;
}
.main_visual_right {
	width: 400px;
	float: right;
}
.main_visual_right .visual_box>a {
	display: block;
	position: relative;
	text-decoration: none;
}
.main_visual_right .visual_box span {
	display: block;
}
.main_visual_right .visual_box_img {
	width: 100%;
	overflow: hidden;
}
.main_visual_right .visual_box_img img {
	width: 100%;
	height: 100%;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.main_visual_right  a:hover .visual_box_img img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.main_visual_right .visual_box_ttl {
	min-width: 130px;
	padding: 5px 5px 4px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	color: #FFFFFF;
	background-color: #dd0202;
	z-index: 1;
	display:inline-block;
}
.main_visual_right .visual_box_txt {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px 10px 0 12px;;
	color: #FFFFFF;
	background: rgba(0,0,0,.9);
}

/* ==================================================
contents
================================================== */
#tmp_main h2 {
	font-size: 285.7%;
	padding: 0 0 6px;
	margin-bottom: 15px;
}
.wrap_purpose_menu {
	padding: 106px 0 75px;
	color: #FFFFFF;
	background: #dd0202 url(/shared/site_hamact/images/main/bg_purpose.jpg) no-repeat center -215px;
}
.wrap_purpose_menu .purpose_menu_ttl h2,
.wrap_support_startup .support_startup_ttl h2 {
	background: transparent url(/shared/site_hamact/images/main/bg_h2_purpose.png) no-repeat left bottom;
}
.wrap_purpose_menu .purpose_lists .txt_note,
.wrap_support_startup .support_startup_slick .txt_note {
	margin: 0 0 25px;
	font-size: 142.8%;
	color: #FFFFFF;
	font-weight:bold;
}
.wrap_purpose_menu .purpose_lists ul {
	margin: 0 -10px;;
}
.wrap_purpose_menu .purpose_lists ul>li {
	width: 25%;
	float: left;
	padding: 0 10px;
	list-style: none;
}
.wrap_purpose_menu .purpose_lists ul>li>a span {
	display: block;
}

.wrap_purpose_menu .purpose_lists ul>li .purpose_item {
	display: block;
	padding: 0 0 35px;
	position: relative;
	text-decoration: none;
	border-bottom: 3px solid #dd0202;
	background-color: #FFFFFF;
	color:#000000;
}
.wrap_purpose_menu ul>li .purpose_list_img {
	height: 250px;
	margin: 0 0 17px;
	overflow: hidden;
}
.wrap_purpose_menu ul>li .purpose_list_img img {

	transition: all .5s;
    -moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.wrap_purpose_menu ul>li>a:hover .purpose_list_img img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.wrap_purpose_menu ul>li .purpose_list_txt {
	padding: 0 0 0 18px;
	font-size: 114.3%;
	color: #222222;
	background-color: transparent;
	font-weight: bold;
}
.wrap_purpose_menu ul>li .purpose_list_type {
	padding: 0 0 0 18px;
	color: #dd0202;
	background-color: transparent;
}

/* ==================================================
	News
================================================== */
#tmp_news{
	padding: 85px 0 100px;
	background: #FFFFFF url(/shared/site_hamact/images/main/icon_news_bg.png) no-repeat center top;
	color: #222222;
	-webkit-background-size: 120%;
	background-size: 120%;
}
.general_section_ttl{
	margin-bottom: 23px;
}
.general_section_ttl h2{
	background: transparent url(/shared/site_hamact/images/icon/border_h2_top.png) no-repeat left bottom;
	color: #222222;
}
.general_section_ttl p{
	color: #222222;
	background: transparent;
	font-size: 142.8%;
	font-weight: bold;
}
#tmp_interview .general_section_ttl h2,
#tmp_interview .general_section_ttl p {
	text-shadow: 0px 0px 5px rgb(255, 255, 255),0px 0px 5px rgb(255, 255, 255),0px 0px 5px rgb(255, 255, 255),0px 0px 5px rgb(255, 255, 255),0px 0px 5px rgb(255, 255, 255),0px 0px 5px rgb(255, 255, 255);
}
#tmp_news .news_left_body{
	width: 660px;
	float: left;
}
.news_list_info{
	overflow: hidden;
	margin-bottom: 20px;
} 
.news_part_ttl{
	padding: 18px 15px 12px 55px;
	border: 1px solid #dddddd;
	border-bottom: 4px solid #ebebeb;
}
.news_list_info .news_part_ttl{
	background: #F8F8F8 url(/shared/site_hamact/images/icon/icon_speak_big.png) 20px center no-repeat;
}
.news_part_ttl .jp_ttl{
	float: left;
	font-size: 114.2%;
	font-weight: bold;
	color: #222222;
	background: #F8F8F8;
}
.news_part_ttl .en_ttl{
	position: relative;
	float: right;
	color: #666666;
	background: #F8F8F8;	
}
.news_part_ttl .en_ttl:after{
	content: "";
	position: absolute;
    right: 3px;
    bottom: -19px;
	width: 80px;
	background: #dd0202;
	height: 4px;
}
.news_left_body ul{
	list-style: none;
	padding: 8px 0;
}
.news_left_body ul li{
    padding: 13px 10px 13px 0;
    border-bottom: 1px solid #ebebeb;
}
.news_left_body ul li a{
	color: #0049ba;
	background-color: transparent;
}
.news_left_body ul li a:hover,
.news_left_body ul li a:focus{
	text-decoration: none;
}
.news_left_body .view_list{
	float: right;
	text-decoration: none;
	padding: 8px 27px 3px 52px;
	border-bottom: 2px solid #dd0202;
	background: transparent url(/shared/site_hamact/images/icon/icon_arrow_link_haft.png) no-repeat right center;
	color: #222222;
	font-weight: bold;
	transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}
.news_left_body .view_list:hover,
.news_left_body .view_list:focus{
	padding: 8px 27px 3px 20px;
	border-bottom: 2px solid #dd0202;
}
.news_left_body .news_list_event .news_part_ttl .en_ttl{
	padding-right: 20px;
}
.news_left_body .news_list_event .news_part_ttl{
	background: #F8F8F8 url(/shared/site_hamact/images/icon/icon_event.png) 17px center no-repeat;
}
.news_left_body .news_list_event ul{
    padding: 0;
}
.news_left_body .news_list_event ul li{
	padding: 19px 10px 18px 0;
}
#tmp_news .face_right_body{
	width: 500px;
	float: right;
}
#tmp_news .face_right_body .news_part_ttl{
	background: #F8F8F8 url(/shared/site_hamact/images/icon/icon_facebook.png) 17px center no-repeat;
	margin-bottom: 20px;	
}
#tmp_news .face_right_body .news_part_ttl .en_ttl{
	padding-right: 9px;
}
/* Interview
================================================== */
#tmp_interview {
	background: transparent url(/shared/site_hamact/images/main/interview_bg.png) no-repeat center top;
	color: #222222;
	padding-top: 93px;
	margin-bottom: 37px;
	overflow: hidden;
	-webkit-background-size: 120%;
	background-size: 120%;
}
#tmp_interview .general_section_ttl h2 {
	background-color: transparent;
}
#tmp_interview .slick-list,
#tmp_interview .slick-track,
#tmp_interview .slick-slide {
	height: 100%;
}
#tmp_interview .interview_cnt {
	position: relative;
}
#tmp_interview .interview_img {
    position: absolute;
    top: 30px;
    left: 100%;
    margin-left: -63%;
}
#tmp_interview .interview_slider {
	position: relative;
	z-index: 5;;
	width: 100%;
	visibility:hidden;
	opacity:0;
}
#tmp_interview .interview_slider.slick-initialized{
    visibility:visible;
    opacity:1;
}
#tmp_interview .interview_slider_item {
	width: 100%;
	position: relative;
	min-height: 570px;
	overflow: hidden;
}
#tmp_interview .interview_slider_item .interview_slider_block {
	width: 542px;
	min-height: 491px;
	padding: 45px 25px 75px 35px;
	color:#FFFFFF;
	background: #D60202 url(/shared/site_hamact/images/main/interview_cnt_bg.jpg) no-repeat top left;
	position: relative;
}
.interview_cnt .interview_slider .slick_control {
	position: relative;
	height: 80px;
    min-width: 447px;
    bottom: 80px;
	left: -5px;
	padding: 0 0 0 5px;
    display: inline-block;
    background-color: #ffffff;
    list-style: none;
}
#tmp_interview .interview_cnt .interview_slider .slick-dots {
	padding: 22px 0 20px;
}
#tmp_interview .interview_cnt .interview_slider .slick-dots li {
    display: inline-block;
    margin-right: 12px;
}
#tmp_interview .interview_cnt .interview_slider .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: none;
    background-color: #cccccc;
    border-radius: 50%;
    text-indent: -99999px;
}
#tmp_interview .interview_cnt .interview_slider .slick-dots li.slick-active button {
	background-color: #dd0202;
}
#tmp_interview .interview_cnt .interview_slider .slick_option {
	float: right;
	margin-right: -100px;
}
#tmp_interview .interview_cnt .interview_slider .slick-prev, 
#tmp_interview .interview_cnt .interview_slider .slick-next {
    width: 50px;
    height: 50px;
    border: none;
    text-indent: -9999999px;
    background-color: #dd0202;
    cursor: pointer;
    position: relative;
}
#tmp_interview .interview_cnt .interview_slider .slick-prev {
	background-color: #dc3030;
}
#tmp_interview .interview_cnt .interview_slider .btn_slides {
	color: #000000;
	background-color: #ffffff;
	min-height: 27px;
	margin-right: 13px;
}
#tmp_interview .interview_cnt .interview_slider .btn_slides.stop {
	background: url(/shared/site_hamact/images/icon/icon_stop_black.png) no-repeat left center;
}
#tmp_interview .interview_cnt .interview_slider .btn_slides.start {
	background: url(/shared/site_hamact/images/icon/icon_start_black.png) no-repeat left center;
}

#tmp_interview .interview_cnt .interview_slider .btn_slides:focus {
	outline: none;
}
#tmp_interview .interview_slider_ttl {
	font-size: 171.4%;
	position: relative;
	margin-bottom: 29px;
	overflow: hidden;
}
.interview_slider_item .interview_slider_ttl:after {
	content: '';
	display: block;
	width: 121px;
	height: 1px;
	background-color: #ffffff;
	color: #000000;
	position: relative;
	margin-top: 17px;
}
#tmp_interview .interview_slider_cnt {
	font-size: 114.3%;
}
#tmp_interview .interview_slider_url {
    position: absolute;
    background: #d70202 url(/shared/site_hamact/images/icon/icon_arrow.png) no-repeat 100% center;
    color: #ffffff;
    bottom: 33px;
    right: 33px;
    border-bottom: 1px solid #ffffff;
    text-decoration: none;
	padding: 0 31px 6px 49px;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
#tmp_interview .interview_slider_url:hover,
#tmp_interview .interview_slider_url:focus,
#tmp_interview .interview_slider_url:active {
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	padding-left:20px;
}
#tmp_interview .slick-slide {
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	overflow: hidden;
}
#tmp_interview .slick-list.draggable {
	-webkit-user-select: auto;
	-khtml-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}
/* wrap_support_startup
================================================== */
.wrap_support_startup {
	padding: 55px 0 20px;
	overflow: hidden;
	color:#FFFFFF;
	background: #dd0202 url(/shared/site_hamact/images/main/bg_purpose.jpg) no-repeat top center;
}
.support_startup_slick ul:before,
.support_startup_slick ul:after{
	content: '';
	display: table;
}
.support_startup_slick ul:after{
	clear: both;
}
.support_startup_slick ul{
	visibility:hidden;
	opacity:0;
	list-style: none;
	padding: 0;
	margin: 0;
}
.support_startup_slick ul .slick_control ul {
	visibility: inherit;
	opacity: 1;
}
.support_startup_slick ul.slick-initialized{
    visibility:visible;
    opacity:1;
}
.support_startup_slick ul li .support_startup_item {
	display: block;
	position: relative;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000; 
}
.startup_slick_wrap ul li .support_startup_txt {
	display: block;
	text-align: center;
	position: absolute;
	top: 55px;
	left: 0;
	right: 0;
	font-size: 157.1%;
	color: inherit;
	background-color:transparent;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1),0px 0px 5px rgba(0, 0, 0, 1);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 1),0px 0px 5px rgba(0, 0, 0, 1);
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 1),0px 0px 5px rgba(0, 0, 0, 1);
	font-weight: bold;
}
.startup_slick_wrap ul li .support_startup_cash {
	width: 100%;
	height: 120px;
	display: table;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFFFFF;
	background: rgba(0,0,0,0.65);
}
.startup_slick_wrap ul li .middle_txt {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 171.4%;
	font-weight: bold;
}
.startup_slick_wrap ul li .middle_txt .big_txt {
	display: block;
	font-size: 175%;
}
.startup_slick_wrap ul li .goto_link {
	width: 50px;
	height: 19px;
	background-position: 27px 7px;
}
.wrap_support_startup .startup_slick_wrap .btn_slides {
	width: 65px;
	min-width: inherit;
	background-color: transparent;
}
.wrap_support_startup .startup_slick_wrap .slick_control {
	width: 180px;
	min-width: inherit;
	display: block;
	position: relative;
	bottom: 0;
	margin: 0 auto;
	padding: 10px 0 5px;
	background: transparent;
	list-style: none;
}
.wrap_support_startup .startup_slick_wrap ul .slick-dots li button {
	background-color: rgba(255,255,255,0.5);
}
.wrap_support_startup .startup_slick_wrap ul .slick-dots li.slick-active button {
	background-color: #FFFFFF;
}
.startup_slick_wrap ul .slick-prev,
.startup_slick_wrap ul .slick-next {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	border: none;
	text-indent: -99999px;
	background-color: #333333;
	z-index: 1;
	cursor: pointer;
}
.startup_slick_wrap ul .slick-prev:focus,
.startup_slick_wrap ul .slick-next:focus {
	outline: none;
}
.startup_slick_wrap ul .slick-prev {
	left: -30px;
}
.startup_slick_wrap ul .slick-next {
	right: -30px;
}
/* RELATED LINKS
================================================== */
#tmp_publicity {
	margin-bottom: 97px;
	overflow: hidden;
}
#tmp_publicity ul{
	list-style: none;
	margin: 0 -15px 70px;
}
#tmp_publicity ul li{
	width: 33.33%;
	float: left;
	padding: 0 15px;
	margin-bottom: 30px;
	min-height:151px;
}
#tmp_publicity ul li a{
	display: block;
}
#tmp_publicity ul li:nth-child(3n+1) {
	clear:both;
}
/* ==================================================
clearfix
================================================== */
.wrap_purpose_menu ul:after,
#tmp_publicity ul:after {
	content: ""; /* Do not edit */
	display: table; /* Do not edit */
	clear: both; /* Do not edit */
}
/* ==================================================
No Javascript
================================================== */
.no_javascript #tmp_main_visual .main_visual_cnt .main_visual_pc {
	max-height: 662px;
	overflow-y: scroll;
	visibility: visible;
	opacity: 1;
}
.no_javascript .support_startup_slick ul li{
	width: 25%;
	float: left;
}
.no_javascript #tmp_interview .interview_slider {
	max-height: 495px;
	overflow-x: hidden;
    overflow-y: scroll;
}
.no_javascript .support_startup_slick ul{
	visibility: visible;
	opacity: 1;
	max-height: 270px;
	overflow-x: hidden;
	overflow-y: auto;
}
#tmp_interview .interview_slider{
	visibility: visible;
	opacity: 1;
}
/* datatable 
   enquete_table
================================================== */
table.datatable,
table.enquete_table {
	margin:0 0 0.8em; /* Do not edit */
	color:inherit;
	background-color:#FFFFFF;
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
	border:1px solid #cccccc;
	word-break: break-all;
}
table.datatable th,
table.enquete_table th {
	padding:9px 8px;
	color:#000000;
	background-color:#e8e8e8;
	border:1px solid #cccccc;
}
table.datatable td,
table.enquete_table td {
	padding:9px 8px 8px;
	border:1px solid #cccccc;
	color:#000000;
	vertical-align:top;
}
table.datatable caption,
table.enquete_table caption {
	padding:0 0 0.5em; /* Do not edit */
	font-weight:bold; /* Do not edit */
	text-align:left; /* Do not edit */
}
table.datatable p {
	margin:0; /* Do not edit */
}
table.datatable ul,
table.datatable ol,
table.enquete_table ul,
table.enquete_table ol {
	margin:0.2em 0 0 24px; /* Do not edit */
}
table.datatable ul ul,
table.datatable ul ol,
table.datatable ol ul,
table.datatable ol ol,
table.enquete_table ul ul,
table.enquete_table ul ol,
table.enquete_table ol ul,
table.enquete_table ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}
table.enquete_table {
	width:100%; /* Do not edit */
}
table.enquete_table th {
	width:20%; /* Do not edit */
}
table.enquete_table .nes,
table.enquete_table .memo {
	color:#990000; /* base.css > Styles > .text_red */
	font-weight:normal; /* Do not edit */
	background-color:transparent; /* Do not edit */
}
table.layouttable {
	width:100%;
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
}

/* ==================================================
print
================================================== */
@media print {
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:""; /* 変更しない */
	height:1px; /* 変更しない */
}
}
