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

#main_ttl {

	ol.breadcrumb li a span,
	& h1:not(.entry-title),
	& h2 {
		font-family: "Roboto", sans-serif;
	}
}

ol.breadcrumb li a span {
	font-family: "Roboto", sans-serif;
}

/*  */

#container {
	width: 980px;
	height: 645px;
	position: relative;
	margin-bottom: 80px;
	font-family: "Roboto", sans-serif;
}

#container img#bg_img {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
}

#container p.sub {
	position: absolute;
	z-index: 200;
	background-color: rgba(0, 0, 0, .35);
	padding: 19px;
	width: 239px;
	top: 12px;
	left: 12px;
	background-image: url("/assets_eng/img/bg_blur.jpg");
	background-position: -76px -64px;
}

#container p.sub img {
	width: 100%;
}


#container div.box_right {
	position: absolute;
	right: 30px;
	top: 33px;
	text-align: right;
	z-index: 200;
}

#container div.box_right p,
#container div.box_right h3 {
	text-align: right;
	margin: 0;
	margin-bottom: 12px;
}


#container div.box_right p.btn_orange {}

#container div.box_right p.btn_orange a {
	display: inline-block;
	font-size: 2rem;
	padding: 0.6em;
	text-decoration: none;
	color: #fff;
	background-color: #efba4a;
	width: 7em;
	text-align: center;
}

#container div.box_right p.btn_orange a span:before {
	content: " ";
	display: inline-block;
	width: 9px;
	height: 14px;
	background-image: url("/assets_eng/img/icon_arrow_white.png");
	background-size: 9px 14px;
	background-position: 0 0;
	position: relative;
	top: 0.05em;
	margin-right: 0.2em;
}


#container h3 {
	width: 537px;
}

#container h3 img {
	width: 100%;
}

#container div.box_right p.mail {
	font-size: 2.4rem;
	color: #f0ab18;
}

#container div.box_right p.mail br {
	display: none;
}

#container div.box_right p.mail a {
	display: inline-block;
	color: #f0ab18;
	text-decoration: none;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #f0ab18;
	position: relative;
}


/* ================================
Mobile style
================================ */
@media only screen and (max-width: 769px) {

	#main_ttl {
		& div.wrap {
			padding-top: 28vw;
		}
	}

	#container {
		width: 88vw;
		height: 160vw;
		margin-bottom: 12vw;
	}

	#contents {
		min-height: initial;
		height: auto !important;
	}

	#container img#bg_img {
		position: absolute;
		z-index: 0;
		top: auto;
		left: 0;
		bottom: 0;
	}

	#container p.sub {
		padding: 19px;
		width: 35vw !important;
		top: 94px;
	}




	#container div.box_right {
		right: 12px;
		top: 0px;
	}


	#container div.box_right p.area {
		font-size: 1.4rem;
	}

	#container div.box_right p.area br {
		display: none;
	}

	#container div.box_right p.btn_orange a {}



	#container h3 {
		width: 80vw;
	}

	#container h3 img {
		width: 100%;
	}

	#container div.box_right p.mail {
		font-size: 1.4rem;
	}

	#container div.box_right p.mail a {}

	#container div.box_right p.area {
		font-size: 1.4rem;
	}

	#container div.box_right p.area br {
		display: inline;
	}


	#container div.box_right p.mail br {
		display: inline;
	}

}


/*  */