@charset "UTF-8";


.hf_f a,
.hf_f a:link,
.hf_f a:visited{
	color: #000;
	text-decoration: none;
}

.hf_f a:hover{
	text-decoration: underline;
}

/* IE6,7 対策 */
.hf_f a img{
	border-style: none;
}

.hf_f a img{
	opacity: 1;

	-webkit-transition: 0.1s ease-in-out;
	   -moz-transition: 0.1s ease-in-out;
	     -o-transition: 0.1s ease-in-out;
	        transition: 0.1s ease-in-out;
}

.hf_f a:hover img{
/*	opacity: 0.7;*/
}

.hf_f .fade{
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

.hf_f .fade:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}


.hf_f table.header{
	color: #000;
	width: 100%;
	max-width: 1000px;
	height: 50px;
	margin: 0 auto;
}

.hf_f table.header a:hover{
	text-decoration: none;
}

.hf_f table.header th{
	vertical-align: middle;
	text-align: left;
	width: 35px;
	padding: 5px 0 0 20px;
}

.hf_f table.header td{
	vertical-align: middle;
	text-align: right;
	padding: 5px 20px 0 0;
}

.hf_f table.header td a{
	margin-right: 28px;
}

.hf_f table.header td a.sns{
	margin-left: 5px;
	margin-right: 0px;
}

.hf_f .header2{
	position: relative;
	text-align: center;
	height: 0;
	top: -33px;
}

.hf_f .footer {
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;	
	margin: 60px 0;
}

.hf_f .footer .logo{
	display: inline-block;
	position: relative;
	vertical-align: top;
	top: -4px;
	width: 125px;
	margin-right: 10px;
}

.hf_f .footer img[src*="/hf_f/ft."]{
	width: 120px;
	height: auto;
}

.hf_f .footer .access{
	display: inline-block;
	position: relative;
	vertical-align: top;
	text-align: left;
	margin-bottom: 20px;
}

.hf_f table{
	max-width: 740px;
	margin: 0 auto;
}

.hf_f table th{
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	width: 145px;
}

.hf_f table td{
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	padding-top: 5px;
}

.hf_f .footer .copyright{
}

.hf_f .wheelstop{
	display: block;
	width: 100%;
}

.hf_f .contents .collapse .wheelstop{
	float: left;
}

.hf_f .contents .slideshow{
	position: relative;
	visibility: hidden;
	height: 60vw;
}

.hf_f .contents .slideshow img{
	width: 100%;
}

.hf_f .contents{
	text-align: center;
	width: 100%;
	margin: 0;
	overflow: hidden;
}

.hf_f .contents img{
	width: 100%;
}

.hf_f .contents img.text{
	width: auto;
	max-width: 90%;
}

.hf_f .contents img[src*="/hf_f/100."]{
	position: relative;
	width: auto;
	left: 363px;
	margin: -295px 0 21% 0;
}

.hf_f .contents img[src*="/hf_f_2/3."],
.hf_f .contents img[src*="/hf_f_2/4."],
.hf_f .contents img[src*="/hf_f/5."],
.hf_f .contents img[src*="/hf_f/6."]{
	width: auto;
	max-width: 70vmin;
	margin: 140px 0 0 0;
}

.hf_f .contents img[src*="/hf_f_2/4."],
.hf_f .contents img[src*="/hf_f/6."]{
	margin: 110px 0 140px 0;
}

.hf_f .contents img[src*="/hf_f/t1_1."]{
	margin: 270px 0 0;
}

.hf_f .contents img[src*="/hf_f/t1_2."]{
	margin: 20px 0 280px;
}

.hf_f .contents img[src*="/hf_f/t1_en."]{
	margin: 270px 0 280px;
}

.hf_f .contents img[src*="/hf_f/HFS709."],
.hf_f .contents img[src*="/hf_f_2/5."]{
	margin: 80px 0;
}

.hf_f .contents img.HFS709_2{
	margin: 180px 0 65px;
}

.hf_f .contents img[src*="/hf_f/t3."],
.hf_f .contents img[src*="/hf_f/t3_en."]{
	margin: 0 0 180px 0;
}

.hf_f .contents img[src*="/hf_f/8."]{
	width: auto;
	max-width: 80vw;
}

.hf_f .contents img[src*="/hf_f/9."]{
	width: auto;
	max-width: 75vw;
	margin: 220px 0 0 0;
}

/*.hf_f .contents img[src*="/hf_f_2/9."]{
	width: auto;
	max-width: 80vw;
	margin: 220px 0 0 0;
}*/
.hf_f .contents .img9{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	max-width: 80vw;
	margin: 220px auto 0;
}
.hf_f .contents .img9 a{
}
.hf_f .contents .img9 a:first-child{
	margin-right: 30px;
}
@media (max-width: 1300px){
	.hf_f .contents .img9 a:first-child{
		margin-right: 2.3vw;
	}
}

.hf_f .contents img[src*="/t4."]{
	margin: 85px 0 220px;
}

.hf_f .contents .collapse img{
	float: left;
}

.hf_f .contents img[src*="/hf_f/t5."]{
	margin: 70px 0 10px 10%;
	width: 50%;
	max-width: 259px;
}

.hf_f .contents .movieOuter{
	overflow: hidden;
	height: 56vw;
}
.hf_f .contents .movieOuter iframe{
	height: 56vw;
}

.hf_f .contents img[src*="/hf_f/movie."]{
	cursor: pointer;
}

.hf_f .contents #playButton{
	cursor: pointer;
	position: relative;
	margin: -30% 0 23.5% 0;
}




/* PC向け ******************************************************************************************* */

@media (min-width: 671px) {

}



/* スマホ向け **************************************************************************************** */

@media (max-width: 520px), (max-width: 940px) and (orientation: landscape){
	.hf_f .contents{
		padding: 0;
	}
}

@media (min-width: 591px) {
	.mw590{
		display: none;
	}
}

@media (max-width: 590px) {
	.hf_f_2 table.header th{
		padding: 5px 0 0 10px;
	}
	.hf_f_2 table.header td{
		padding: 6px 0 0;
	}
	.hf_f_2 table.header .mw590{
		display: inline-block;
		vertical-align: 2px;
	}
	.hf_f .header2{
		display: none;
		/*height: auto;*/
		/*top: 0;*/
		/*text-align: left;*/
		/*margin: -20px 0 10px 37px;*/
	}
	.hf_f img[src*="/hf_f_2/header/1."],
	.hf_f img[src*="/hf_f_2/header/1_2."]{
		width: 70px;
	}
	.hf_f img[src*="/hf_f_2/header/1_2."]{
		/*display: block;*/
		/*margin: -5px 0 0;*/
		margin: 0 0 0 15px;
	}

	.hf_f .contents{
		padding: 0;
	}
}

@media (max-width: 670px) {
	.hf_f table.header{
		width: 100%;
		-webkit-transform-origin: 50%;
		-webkit-transform: scale(0.93);
		transform-origin: 50%;
		transform: scale(0.93);
	}

	.hf_f table.header td a{
		margin-right: 10px;
	}

	.hf_f .footer {
		width: 92%;
		margin: 13% 4%;
	}

	.hf_f .footer .access{
		text-align: center;
	}

	.hf_f .footer .logo{
		width: 35%;
		max-width: 125px;
	}

	.hf_f .footer img[src*="/hf_f/ft."]{
		width: 95%;
	}

	.hf_f table th{
		width: 35%;
	}

	.hf_f table td{
		width: 200px;
		padding-top: 0px;
	}

	.hf_f .header img[src*="/hf_f/1sp."]{
		width: 65px;
	}

	.hf_f .contents #colors{
		width: 80%;
		max-width: 492px;
		height: 30%;
		max-height: 192px;
		margin: 10% 0;
	}

	.hf_f .contents img[src*="/hf_f/100."]{
		display: none;
	}

	.hf_f .contents img[src*="/hf_f/t1_1."]{
		width: 82.3%;
		margin: 15vmin 0 0;
	}

	.hf_f .contents img[src*="/hf_f/t1_2."]{
		margin: 3vw 0 16vmin;
	}

	.hf_f .contents img[src*="/hf_f/t1_en."]{
		margin: 15vmin 0 16vmin;
	}

	.hf_f .contents img[src*="/hf_f/HFS709."]{
		width: 20%;
		margin: 15vmin 0;
	}

	.hf_f .contents img.HFS709_2{
		margin: 22vmin 0 5vmin;
	}

	.hf_f .contents img[src*="/hf_f/5."]{
		margin: 15vw 0 0 0;
	}

	.hf_f .contents img[src*="/hf_f/6."]{
		margin: 10vw 0 15vw 0;
	}

	.hf_f .contents img[src*="/hf_f/9."]{
		margin: 22vw 0 0 0;
	}

	/*.hf_f .contents img[src*="/hf_f_2/9."]{
		margin: 22vw 0 0 0;
	}*/
	.hf_f .contents .img9{
		margin: 22vw auto 0;
	}

	.hf_f .contents img[src*="/hf_f/sp/t3."],
	.hf_f .contents img[src*="/hf_f/t3_en."]{
		margin: 7vw 0 23vw 0;
	}

	.hf_f .contents img[src*="/t4."]{
		width: 70%;
		margin: 7vw 0 6vw 0;
	}

	.hf_f .contents img[src*="/hf_f/t5."]{
		width: 30vmin;
	}
}

@media (max-width: 380px) and (orientation: portrait) {
}

@media (max-width: 670px) and (orientation: landscape) {
}