/*----------------------------------------
** ヒックとドラゴン
** hicdragon
** style
----------------------------------------*/


/*-----------------------------------------
** __main
-----------------------------------------*/
.__main > img {
	max-width: inherit;
	width: 100%;
}
.__main-bnr01 {
	position: absolute;
	display: block;
	width: 14.2%;
	top: 5%;
	left: 5.5%;
}
.__main-bnr01 img {
	transition: 0.3s;
}
.__main-bnr01:hover img {
	transform: scale(1.1);
	filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
	-webkit-filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
	-moz-filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
}
.__main-bnr02 {
	position: absolute;
	display: block;
	width: 14.2%;
	bottom: 5%;
	right: 5.5%;
}
.__main-bnr02 img {
	transition: 0.3s;
}
.__main-bnr02:hover img {
	transform: scale(1.1);
	filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
	-webkit-filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
	-moz-filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
}
.__main-bnr03 {
	position: fixed;
	display: block;
	width: 17%;
	bottom: 5%;
	right: 8%;
}
.__main-bnr03 img {
	transition: 0.3s;
}
.__main-bnr03:hover img {
	transform: scale(1.1);
	filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
	-webkit-filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
	-moz-filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
}
.__main-bnr04 {
	position: fixed;
	display: block;
	width: 14.2%;
	bottom: 9.5%;
	right: 28%;
}
.__main-bnr04 img {
	transition: 0.3s;
}
.__main-bnr04:hover img {
	transform: scale(1.1);
	filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
	-webkit-filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
	-moz-filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
}
.__main-bnr05 {
	position: fixed;
	display: block;
	width: 14.5%;
	bottom: 10.5%;
	right: 45%;
}
.__main-bnr05 img {
	transition: 0.3s;
}
.__main-bnr05:hover img {
	transform: scale(1.1);
	filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
	-webkit-filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
	-moz-filter: drop-shadow(0px 4px 5px rgba(0,0,0,0.82));
}
.__main-ttl {
	position: absolute;
	width: 50%;
	top: 2%;
	right: 50%;
	transform: translateX(50%);
}
.__main-ttl h2 {
	margin: 0;
}
.__main-ttl .__tx-copy-01 {
	width: 80%;
	margin: 0 auto;
}
.__tx-copy-02 {
	position: absolute;
	width: 9%;
	top: 2%;
	right: 1%;
	/*transform: translateX(50%);*/
}
.__tx-copy-03 {
	position: absolute;
	width: 9%;
	top: 45%;
	left: 2%;
}

@media screen and (max-width:768px) {
	.__main-bnr01 {
		width: 20%;
		top: 5%;
		left: 5.5%;
	}
	.__main-ttl {
		position: absolute;
		width: 75%;
		top: inherit;
		bottom: 4%;
		right: 50%;
		transform: translateX(50%);
	}
	.__main-ttl h2 {
		margin: 0;
	}
	.__main-ttl .__tx-copy-01 {
		width: 80%;
		margin: 0 auto;
	}
	.__tx-copy-02 {
		position: absolute;
		width: 11%;
		top: 2%;
		right: 1%;
	}
	.__tx-copy-03 {
		position: absolute;
		width: 10%;
		top: 30%;
		left: 2%;
	}
}