* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	font-weight: normal;
	color: #000;
	font-style: normal;
}

body {
	font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
	color: rgb(51, 51, 51);
	height: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	width: 100%;
}

#header_logo_area {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 0px;
}
/* ヘッダーのメニュー*/
.site-header {
	width: 100%;
	position: fixed;
	z-index: 99;
	padding-top: 45px;
	padding-bottom: 10px;
	background: #fff;
	top: 0;
	left: 0;
}
.site-header.fixed {
	position: fixed;
	top: 0;
}
.site-header h1 {
	margin-top: 3px;
	background-image: url("../images/hino_logo.png");
	background-repeat: no-repeat;
	width: 250px;
	background-size: cover;
	height: 41px;
	position: absolute;
	top: 0;
	left: 0;
}
.site-header h1 a {
	text-indent: -99999px;
	position: absolute;
	width: 100%;
	display: block;
}
.logo_pc {
	display: none;
}
.slider1 {
	display: none;
}
.old_news {
	margin: 0px 0px 30px 0px;
}
.title_h1 {
	margin: 15px 5px 5px 0px;
	font-size: 115%;
	font-weight: bold;
}
.bottom_space {
	margin: 0px 0px 50px 0px;
}
.img_open {
	margin: 20px 0px 0px 0px;
}
.arPdf {
	padding-left: 20px;
}
.arCircle {
	background: url("../images/arrowCircle.gif") no-repeat left center transparent;
	padding-left: 15px;
}
.onpu1 {
	background: url("../images/onpu_mini_b.png") no-repeat left center transparent;
	margin-left: 15px;
	float: left;
	width: 90%;
}
.onpu2 {
	background: url("../images/onpu_mini_r.png") no-repeat left center transparent;
	margin-left: 15px;
	float: left;
	width: 90%;
}
.onpu3 {
	background: url("../images/onpu_mini_o.png") no-repeat left center transparent;
	margin-left: 15px;
	float: left;
	width: 90%;
}
.onpu4 {
	background: url("../images/onpu_mini_y.png") no-repeat left center transparent;
	margin-left: 15px;
	float: left;
	width: 90%;
}
.onpu5 {
	background: url("../images/onpu_mini_g.png") no-repeat left center transparent;
	margin-left: 15px;
	float: left;
	width: 90%;
}
.ListIcon {
	float: right;
	width: 8px;
}

/* -- トピックパス -- */
.content ul#topicPath {
	margin: 15px 5px 5px 10px;
	font-size: 115%;
}
.content ul#topicPath li {
	display: inline;
	line-height: 1.2;
}
.content ul#topicPath li a {
	margin-right: 4px;
	padding-right: 13px;
	background: url(../images/arrow_topicpath.gif) right center no-repeat;
}
.explanation {
	margin: 15px 5px 5px 0px;
	font-size: 100%;
	text-align: center;
}
.explanation2 {
	margin: 15px 5px 0px 10px;
	color: #4b4b4b;
	font-weight: bold;
	font-size: 180%;
	text-align: left;
	background: url("../images/sub_line.png") no-repeat left bottom;
	margin-bottom: 1px;
	padding: 0px 0px 1px 0.2em;
}
.explanation2_2 {
	margin: 15px 5px 10px 10px;
	color: #4b4b4b;
	font-weight: bold;
	font-size: 150%;
	text-align: left;
	margin-bottom: 10px;
	padding: 0px 0px 1px 0.2em;
}
.explanation3 {
	margin: 15px 25px 5px 20px;
	color: #eb7104;
	font-weight: bold;
	font-size: 130%;
	text-align: left;
	width: 87%;
}
.explanation4 {
	margin: 15px 5px 0px 0px;
	color: #4b4b4b;
	font-weight: bold;
	font-size: 120%;
	text-align: left;
	background: url("../images/sub_line2.png") no-repeat left bottom;
	margin-bottom: 1px;
	padding: 0px 0px 1px 0.2em;
	width: 90%;
}
.explanation4_2 {
	margin: 15px 5px 0px 20px;
	color: #4b4b4b;
	font-weight: bold;
	font-size: 120%;
	text-align: left;
	background: url("../images/sub_line2.png") no-repeat left bottom;
	margin-bottom: 1px;
	padding: 0px 0px 1px 0.2em;
	width: 90%;
}
.explanation5 {
	margin: 15px 5px 20px 10px;
	text-align: left;
	clear: both;
	background: url("../images/sub_dot2.png") no-repeat left bottom;
	margin-bottom: 1px;
	padding: 0px 0px 15px 0.2em;
	width: 95%;
}
.explanation6 {
	margin: 15px 5px 0px 20px;
	color: #4b4b4b;
	font-weight: bold;
	font-size: 120%;
	text-align: left;
	background: url("../images/sub_line2.png") no-repeat left bottom;
	margin-bottom: 1px;
	padding: 0px 0px 1px 0.2em;
	width: 90%;
}

.explanation3_sub {
	margin: 15px 30px 5px 30px;
	font-size: 100%;
	text-align: left;
	width: 85%;
}
.explanation_sub {
	margin: 15px 5px 15px 0px;
	font-size: 115%;
	text-align: left;
	width: 95%;
}
.explanation_sub2 {
	margin: 15px 10px 15px 10px;
	font-size: 100%;
	text-align: left;
	width: 90%;
}
.explanation_sub2 li {
	margin: 5px 5px 5px 25px;
	list-style-type: disc; /* リストの左側に黒丸 */
	margin-left: 30px; /* リストの左側に余白 */
	text-align: left;
}
.explanation_sub5 {
	margin: 15px 10px 15px 10px;
	font-size: 100%;
	text-align: left;
	width: 85%;
}
.explanation_sub6 {
	margin: 15px 5px 15px 10px;
	font-size: 115%;
	text-align: left;
	width: 95%;
}
.explanation_sub9 {
	margin: 15px 25px 5px 30px;
	font-size: 115%;
	text-align: left;
	width: 90%;
}
.explanation_sub10 {
	margin: 35px 10px 15px 10px;
	font-size: 100%;
	text-align: left;
	width: 90%;
}

/* -- コンテンツトップのバナー -- */
.nagare {
	width: 95%;
	margin: 30px 0px 10px 0px;
	vertical-align: middle;
}
.nagare ol li {
	margin-top: 5px;
	list-style-type: decimal; /* リストの左側に数字 */
	margin-left: 100px; /* リストの左側に余白 */
	text-align: left;
}
.nagare img {
	float: left;
}
.hino_logo {
	vertical-align: middle;
}

/* -- 共通top -- */
#wrapper2 {
	width: 100%;
	position: relative;
}
.page_title {
	margin: 0px 0px 30px 0px;
}
.page_title .page_title_inner {
	width: 95%;
	margin: 0 auto;
}
.page_title .page_title_inner h2 {
	display: table;
	width: 100%;
	height: 80px;
	text-align: left;
	background-color: #e7f6cf;
	background-image: url(../images/logo_back2.png);
	background-position: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border: 3px solid #b3d97f;
	float: none;
}
.page_title .page_title_inner h3 {
	display: table;
	width: 100%;
	height: 100px;
	text-align: left;
	background-image: url(../images/back_img2.png);
	background-position: center;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	float: none;
}

.page_title .page_title_inner h2 .cell {
	color: #4b4b4b;
	display: table-cell;
	padding: 0 20px;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
	vertical-align: middle;
}
.page_title .page_title_inner h3 .cell {
	color: #4b4b4b;
	display: table-cell;
	padding: 0 20px;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
	vertical-align: middle;
}

.page_title .page_title_inner h2 .border {
	display: inline-block;
	border-left: 6px solid #4b4b4b;
	padding-left: 16px;
}
.page_title .page_title_inner h3 .border {
	display: inline-block;
	border-left: 6px solid #4b4b4b;
	padding-left: 16px;
}

.page_title .page_title_inner .page_title_img {
	display: none;
}
.page_title .page_title_inner .page_title_img2 {
	width: 100%;
	height: auto;
}

nav.globalMenuSp {
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	background: #e5f8d1;
	color: #000;
	text-align: left;
	transform: translateY(-100%);
	transition: all 0.6s;
	width: 100%;
}
nav.globalMenuSp ul {
	background: #fff;
	margin: 40px auto 0 auto;
	padding: 0;
	width: 100%;
}
nav.globalMenuSp ul li {
	font-size: 0.7em;
	list-style-type: none;
	padding: 0;
	width: 100%;
	border-bottom: 1px dotted #4b4b4b;
	float: left;
}
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
nav.globalMenuSp ul li a {
	display: block;
	color: #4b4b4b;
	padding: 1em 0;
	font-weight: bold;
}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
	transform: translateY(0%);
}
/* このクラスを、jQueryで付与・削除する */
.navToggle {
	display: block;
	position: fixed; /* bodyに対しての絶対位置指定 */
	right: 5px;
	top: 5px;
	width: 45px;
	height: 45px;
	cursor: pointer;
	z-index: 9999999;
	background: #a1d042;
	text-align: center;
	border-radius: 5px;
}
.navToggle span {
	display: block;
	position: absolute; /* .navToggleに対して */
	width: 33px;
	border-bottom: solid 2px #eee;
	transition: 0.35s ease-in-out;
	left: 6px;
}
.navToggle span:nth-child(1) {
	top: 9px;
}
.navToggle span:nth-child(2) {
	top: 18px;
}
.navToggle span:nth-child(3) {
	top: 27px;
}
.navToggle span:nth-child(4) {
	border: none;
	color: #eee;
	font-size: 9px;
	font-weight: bold;
	top: 32px;
}
.navToggle.active span:nth-child(1) {
	top: 18px;
	left: 6px;
	transform: rotate(-45deg);
}
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
	top: 18px;
	transform: rotate(45deg);
}
.header_gnav {
	margin-left: 100px;
}
.gnav__menu {
	display: none;
	margin-left: 100px;
}
.gnav__menu__item a {
	color: #333;
	text-decoration: none;
}
.hero {
	max-height: 500px;
	overflow: hidden;
}
.hero img {
	height: 33px;
	width: 200px;
}
.content {
	line-height: 1.6;
	margin: 0 auto;
	padding-top: 50px;
	width: 100%;
	font-size: 13px;
}
.page_title_inner2 {
	font-size: 18px;
}

.content p {
	margin-bottom: 40px;
}

.max-w {
	width: 100%;
	margin: 0 auto;
}
.copyright {
	color: #fff;
	font-size: 12px;
	text-align: center;
}
.blocka {
	float: none;
	width: 95%;
	margin: 0px 0px 0px 10px;
}
.blockb {
	padding: 20px 0;
}
.blockb img {
	width: 80%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.img_center {
	text-align: center;
	margin: 20px 20px 5px 5px;
}
.img_center2 {
	width: 120%;
	text-align: center;
	margin: 20px 20px 5px 5px;
}
.blockc {
	float: none;
	width: 100%;
	margin: 0px 0px 0px 10px;
}
.blockc2 {
	float: none;
	width: 100%;
	margin: 0px 0px 0px 10px;
}
.blockc4 {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
.blockc5 {
	clear: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
.block_sub {
	float: left;
	width: 100%;
	margin: 10px 30px 10px 0px;
}
.block_sub2 {
	float: left;
	width: 100%;
	margin: 10px 30px 10px 10px;
}
.block_sub3 {
	float: left;
	width: 100%;
	margin: 10px 30px 50px 10px;
}
.block_sub4 {
	float: left;
	width: 100%;
	margin: 10px 30px 10px 10px;
}
.block_sub5 {
	float: left;
	width: 95%;
	margin: 10px 30px 10px 10px;
}
.block_sub5_2 {
	float: left;
	width: 95%;
	margin: 10px 30px 10px 10px;
}

.block_sub_ex {
	text-align: left;
	font-size: 115%;
	margin: 20px 0px 0px 10px;
}
.pic_block {
	width: 45%;
	float: left;
	margin: 10px 10px 30px 0px;
}
.pic_block2 {
	width: 40%;
	float: left;
	margin: 10px 10px 30px 10px;
}
.pic_block2_2 {
	width: 40%;
	clear: left;
	margin: 10px 10px 30px 10px;
}
.pic_block3 {
	width: 100%;
	float: left;
	margin: 10px 10px 30px 0px;
}
.pic_block4 {
	width: 100%;
	float: left;
	margin: 10px 10px 30px 0px;
}
.blockd {
	width: 100%;
	margin: 0px 0px 0px 10px;
}
.blocke {
	margin: 0px 20px 30px 0px;
	float: none;
}
.block_sub_e {
	float: none;
	margin: 15px 0px 10px 0px;
}
.block_sub_ex_e {
	float: none;
	margin: 0px 0px 10px 10px;
}
.blockf {
	margin: 0px 0px 0px 10px;
	width: 95%;
	float: none;
}
.blockg {
	margin: 0px 0px 0px 10px;
	width: 95%;
	float: none;
}
.blocki {
	margin: 0px 0px 0px 10px;
	float: none;
}
.blockj {
	margin: 0px 0px 0px 10px;
	float: none;
}
.blockj .pic_block {
	width: 95%;
	float: left;
	margin: 20px 10px 20px 0px;
}

.blockk {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 10px;
}
.blockl {
	margin: 0px 0px 30px 10px;
	float: left;
}
.blockm {
	float: none;
	width: 100%;
	margin: 0px 10px 0px 10px;
}
.blockm .pic_block {
	width: 90%;
	float: left;
	margin: 20px 10px 20px 0px;
}
.blockn {
	margin: 0px 0px 0px 10px;
	width: 95%;
	float: none;
}
.blocko1 {
	margin: 0px 10px 0px 10px;
	width: 95%;
	float: none;
}
.blocko1 .pic_block {
	width: 90%;
	float: left;
	margin: 20px 10px 20px 0px;
}
.blocko2 {
	margin: 0px 10px 0px 10px;
	width: 95%;
	float: none;
}
.blocko2 .pic_block {
	width: 90%;
	float: left;
	margin: 20px 10px 20px 0px;
}
.blockp1 {
	display: none;
	margin: 0px 0px 0px 0px;
}
.blockp2 {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 10px;
}

/* !Table
---------------------------------------------------------- */

.tableBasic01 {
	width: 100%;
	clear: both;
}
.tableBasic01 th,
.tableBasic01 td {
	border-top: 1px solid #dedfdd;
	border-bottom: 1px solid #dedfdd;
	padding: 15px 0 15px 15px;
	vertical-align: top;
}
.tableBasic01 th {
	background-color: #e6f7d0;
	font-weight: bold;
}
.tableBasic01 td {
	background-color: #fff;
}

.company_history_pc {
	display: none;
}

.company_history_table {
	& :where(
		.company_history_structure_heading,
		.company_history_work_heading,
		.company_history_event_heading,
	) {
		inline-size: 80%;
		font-weight: bold;
	}
}

.tableBasic03 {
	width: 100%;
	clear: both;
}
.tableBasic03 th,
.tableBasic03 td {
	border-top: 1px solid #dedfdd;
	border-bottom: 1px solid #dedfdd;
	padding: 15px 0 15px 15px;
	vertical-align: top;
}
.tableBasic03 th {
	background-color: #e6f7d0;
	font-weight: bold;
	white-space: nowrap;
}
.tableBasic03 td {
	background-color: #fff;
}

/* !footer
---------------------------------------------------------- */
.site-footer {
	background: #b3d955;
	padding: 10px 0;
	content: "";
	clear: both;
	display: block;
}
.linksBox {
	float: none;
	width: 100%;
	font-size: 14px;
	margin: 0px 0px 0px 10px;
}
.linksBox ul {
	padding-bottom: 15px;
	list-style: none;
}
.linksBox li {
	background: url("../images/list_icon.png") no-repeat 0 0.6em;
	background-size: 7px 14px;
	padding-left: 14px;
	line-height: 1.7em;
}

#copyright {
	font-size: 14px;
	text-align: center;
	width: 100%;
	color: #ffffff;
}
/* ページスクロールボタン
----------------------------------------------------------
*/
#page-top {
	position: fixed;
	bottom: 30px;
	right: 5px;
	font-size: 1.5rem;
}
#page-top a {
	background: #9a9a99;
	text-decoration: none;
	color: #fff;
	width: 50px;
	height: 50px;
	padding: 15px 10px 10px 10px;
	text-align: center;
	display: block;
	border-radius: 7px;
	opacity: 0.5;
}
#page-top a:hover {
	text-decoration: none;
	background: #b2b2b1;
}
/* ニュース記事
	---------------------------------------------------- */

body #mainArea dl dd {
	background: url("../images/sub_dot.png") no-repeat left bottom;
}

.newsPhoto {
	clear: both;
}

/*---------------------------------------------------- */

.inner {
	max-width: 100%;
	width: auto;
	margin: 0 auto;
}
img {
	max-width: 100%;
	height: auto;
}
.no_list {
	padding: 60px 0 0;
}

.pc_text,
.pc_img,
.pc_display {
	display: none;
}
.sp_text,
.sp_img,
.sp_display {
	display: block;
}
.pc_br {
	display: inline;
	padding-left: 1em;
}
.sp_br {
	display: block;
}
#header_logo_area {
	width: auto;
	background: #00a1e9;
}
#header_logo_area h1 {
	float: none;
	width: 100%;
	padding-top: 3px;
	border-right: none;
}
#header_logo_area h1 a {
	padding: 0;
}
#header_logo_area .header_logo_link {
	float: none;
	display: block;
	position: absolute;
	border-right: none;
	border-left: none;
	left: 100px;
	top: 5px;
	width: auto;
	padding: 0;
}
#header_logo_area .header_logo_link a {
	padding: 0;
}

.header_logo_text {
	display: none;
}
#sub_nav {
	display: none;
}
.search.close {
	display: none;
}
.gcse-search {
	display: none;
}
.search {
	display: none;
	padding-top: 0px;
	padding-left: 0px;
}
.search .header_logo_link.sp {
	display: block;
}
#search input.header_search {
	display: none;
}

/*-- iosの場合のみ font-size 32px指定 --*/
.ios #search input.header_search {
	display: none;
}

.header_search_sub {
	display: none;
}
#fix_def {
	display: none;
}
#global_nav .header_gnav ul li:nth-child(4) span {
	padding-top: 0;
}
#global_nav .header_gnav ul li:nth-child(5) span {
	padding-top: 0;
}
.header_sns {
	display: none;
}

/*-- page_title --*/
/* -- トップmain_area -- */

/* -- 共通ボタン -- */
.list_link a span span {
	display: block;
}

/* --- footer --- */
.footer_nav_area {
	display: block;
	padding: 30px 3.5% 0;
	text-align: center;
	width: auto;
}
.footer_nav {
	padding-top: 10px;
	display: inline-block;
}
.footer_nav ul li {
	padding-right: 20px;
}

.footer_sns {
	padding: 20px 0 0 0;
	display: inline-block;
	text-align: center;
}
.footer_sns ul li:first-child {
	font-size: 40px;
}
.footer_sns ul li:last-child img {
	vertical-align: middle;
}
p.txt_copy {
	font-size: 20px;
}

.android p.txt_copy {
	max-height: 100%;
}

#page_nav {
	display: block;
}
#page_nav a img {
	width: 92px;
	height: 92px;
}
/* 固定ヘッダの高さ分 */
#meisi01,
#meisi02,
#meisi03,
#meisi04,
#meisi05,
#meisi06,
#meisi07,
#meisi08 {
	margin-top: -100px;
	padding-top: 100px;
}