@charset "UTF-8";
html {font-size: 62.5%;}

/*リセット*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-style: normal;
	line-height: 1.5em;
	font-size: 16px;
	font-weight: 400;
	color:#231815;
	background: #fff; /* Old browsers */
	padding: 0;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

.mincho {
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/*共通*/
ol, ul {
	list-style: none;
}

*{
margin:0;
padding:0;
}
a:hover,
a{
	color:#231815;
	text-decoration: none;
}
a:hover{
	opacity: 0.9;
}
.full_wrap{
	width:100%;
	font-size: 14px;
}
.max_box{
	max-width: 1050px;
	margin: 0 auto;
	font-size: 14px;
}
.middle_box{
	max-width: 620px;
	margin: 0 auto;
}
.half_box{
	width:50%;
	margin: 0 auto;
	display: inline-block;
	vertical-align: top;
}
.center {
	text-align: center;
	margin: 0 auto;
}
.font0{
	font-size: 0;
}
.font12{
	font-size: 12px;
}
.font14{
	font-size: 14px;
}
.font16{
	font-size: 16px;
}
.font18{
	font-size: 18px;
}
.font20{
	font-size: 20px;
}
.font22{
	font-size: 22px;
}
.font24{
	font-size: 24px;
}
.font26{
	font-size: 26px;
}
.font28{
	font-size: 28px;
}
.font30{
	font-size: 30px;
}
.font32{
	font-size: 32px;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
/*header*/
header {}

header .full_wrap{
	background: #231815;
	padding:2em 0;
}
.tap header .full_wrap{
	background: #000;
	padding:0.5em 0;
}

header .full_wrap a{
	color: #fff;
}
header .full_wrap h1{
	text-align: left;
	display: inline-block;
}
header ul{
	text-align: right;
	display: inline-block;
	float: right;
}
header ul li{
	display: inline-block;
	text-align: center;
	margin: 0 0.5em;
}
header ul li:last-child{
	margin-right: 0;
}

/*top_logo?*/
.max_box.logo h1{
	font-size: 40px;
	padding: 0.8em 0;
}
.max_box.logo h1 a{
	color:#231815;
}

/*topimage*/
.top_image_tap {
	height: 40vh;
	min-height: 400px;
	position: relative;
	background: url(../images/tap_bg.jpg) center center /cover;
}

.top_image_hino {
	height: 40vh;
	min-height: 400px;
	position: relative;
	background: url(../images/hino_bg.jpg) center center /cover;
}
.full_wrap .catch img{
	width: 280px;
	margin-bottom: 20px;
}

.top_image_hino .catch img{
	width: 500px;
	margin-bottom: 20px;
}

.full_wrap .catch{
	text-align: center;
	position: absolute;
	height: 160px;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin: auto;
}
.top_image_tap .catch{
	height: 120px;
	color:#f4c200;
	font-size: 30px;
}
.top_image_hino .catch{
	height: 120px;
	color:#fff;
	font-size: 30px;
}
.top_image_tap .catch a{
	color:#f4c200;
	font-size: 30px;
}
.top_image_hino .catch a{
	color:#fff;
	font-size: 30px;
}

.link_banner {}
.link_banner ul{
	text-align: center;
}
.link_banner ul:first-child{
	padding-top:4em;
}
.link_banner ul:last-child{
	padding-bottom:4em;
}

.link_banner ul li{
	display: inline-block;
	text-align: center;
	margin: 0 0.25em;
}

.link_banner ul li img{
	height: 60px;
}

.link_banner ul li:last-child{
	margin-right: 0;
}

/*foorer*/
footer{
	text-align: center;
}
footer .max_box{
	border-bottom: 1px solid #231815;
}
footer ul{
	text-align: center;
	padding-bottom: 0.5em;
}
footer ul li{
	text-align: center;
	display: inline-block;
	margin: 0 0.5em;
}
footer ul li a{
	color:#231815;
}

footer p{
	margin: 1em 0 3em;
}
footer .full_wrap.copy{
	background: #ccc;
	padding: 1em 0;
}
footer .full_wrap.copy span{
	font-size: 12px;
}

/*other_page 共通*/
#other_page .full_wrap.main_bg{
margin-bottom: 4em;
}

.mb-1 {
	margin-bottom: 1em;
}
.mb-2 {
	margin-bottom: 2em;
}
.mb-3 {
	margin-bottom: 3em;
}
.mb-4 {
	margin-bottom: 4em;
}
.mb-5 {
	margin-bottom: 5em;
}
.mb-6 {
	margin-bottom: 6em;
}
.mb-7 {
	margin-bottom: 7em;
}
.mb-8 {
	margin-bottom: 8em;
}
.mb-9 {
	margin-bottom: 9em;
}

.pdb-1 {
	padding-bottom: 1em;
}
.pdb-2 {
	padding-bottom: 2em;
}
.pdb-3 {
	padding-bottom: 3em;
}
.pdb-4 {
	padding-bottom: 4em;
}
.pdb-5 {
	padding-bottom: 5em;
}

.pdt-1 {
	padding-top: 1em;
}
.pdt-2 {
	padding-top: 2em;
}
.pdt-3 {
	padding-top: 3em;
}
.pdt-4 {
	padding-top: 4em;
}
.pdt-5 {
	padding-top: 5em;
}

.title {
	font-size: 20px;
	text-align: left;
	border-bottom: 1px solid;
}
.sub_title {
	font-size: 24px;
	text-align: center;
	line-height: 1.5;
}
.brown {
	color: #231815;
	border-color: #231815;
}
.orange {
	color: #f4c200;
	border-color: #f4c200;
}
.pink {
	color: #ff7cb8;
	border-color: #ff7cb8;
}
.green {
	color: #5bc5c0;
	border-color: #5bc5c0;
}

.table_info{
width: 100%;
border-collapse: collapse;
}
.table_info.brown tr th{
width: 30%;
text-align: left;
padding-left: 1em !important;
}


.table_info.brown tr th,
.table_info.brown tr td{
	border-bottom: 1px solid #231815;
	padding: 1em 0;
}

.table_info.brown tr:first-child th,
.table_info.brown tr:first-child td{
	border-top: 3px solid #231815;
}

/*about us contact recruit*/
.full_image_about {
	height: 40vh;
	min-height: 300px;
	position: relative;
	background: url(../images/about_main.jpg) center center /cover;
}
.full_image_recruit {
	height: 40vh;
	min-height: 300px;
	position: relative;
	background: url(../images/recruit_main.jpg) center center /cover;
}

.full_image_contact {
	height: 40vh;
	min-height: 300px;
	position: relative;
	background: url(../images/contact_main.jpg) center center /cover;
}

#other_page .full_wrap .catch{
	text-align: left;
	height: 1em;
	font-size: 40px;
	color:#fff;
}
#other_page.tap .full_wrap .catch h1{
	color:#f4c200;
}
/*tap*/
.tap_top_list{
	font-size: 0;
}
.tap_top_list li {
	display: inline-block;
	background: #f4c200;
	text-align: center;
	font-size: 20px;
	width: 49%;
	margin-right: 1%;
	margin-bottom: 1%;
	vertical-align: middle;
}
.tap_top_list li a{
color:#231815;
padding: 50px 0;
display: block;
font-weight: bold;
}
.tap_top_list li a img{
margin-bottom: 10px;
height: 60px;
}
.tap_top_list li:nth-child(2n+2){
	margin-right: 0;
	margin-left: 1%;
}

.full_image_tap_news {
	height: 40vh;
	min-height: 300px;
	position: relative;
	background: url(../images/tap_news_main.jpg) center center /cover;
}

.full_image_tap_about {
	height: 40vh;
	min-height: 300px;
	position: relative;
	background: url(../images/tap_about_main.jpg) center center /cover;
}

.tap_symbol_small {
	max-width: 100px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.tap_symbol_big {
	max-width: 320px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.tap_symbol_more_big {
	max-width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.tap_gray {
	background: #eee;
	padding:3em 1em;
}

.tap_white {
	background: #fff;
	padding:3em 1em;
}

.tap_bb {
	border-bottom: 2px solid #ccc;
}

#other_page.tap .three-block,
#other_page.tap .four-block,
#other_page.tap .five-block{
	text-align: left;
	font-size: 0;
}
#other_page.tap .five-block li{
	width:18%;
	display: inline-block;
	vertical-align: top;
	margin-right: 1.2%;
	background: #fff;
	box-shadow: 1px 1px 3px #666;
	font-size: 14px;
	padding:0.5%;
	text-align: left;
	line-height: 1.5;
	min-height: 11em;
}

#other_page.tap .five-block li span{
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}
#other_page.tap .five-block li b{
	padding: 0.25em 0.5em;
	margin-right: 0.5em;
}

#other_page.tap .five-block li:nth-child(1) b{
	background: #fce9f2;
}
#other_page.tap .five-block li:nth-child(2) b{
	background: #fce2cb;
}
#other_page.tap .five-block li:nth-child(3) b{
	background: #e2dfef;
}
#other_page.tap .five-block li:nth-child(4) b{
	background: #e1efd5;
}
#other_page.tap .five-block li:nth-child(5) b{
	background: #cbe8ec;
}


#other_page.tap .five-block li:last-child{
	margin-right: 0;
}

#other_page.tap .three-block li{
	width:31%;
	display: inline-block;
	vertical-align: top;
	margin-right: 3.5%;
	text-align: left;
	font-size: 14px;
}
#other_page.tap .three-block li:nth-child(3n+3){
	margin-right: 0;
}

#other_page.tap .three-block li span{
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
	border-left: 5px solid #f4c200;
	padding-left: 1em;
	font-weight: bold;
}
#other_page.tap .three-block li img{
	width: 100%;
	margin-bottom: 1em;
}

/*member*/
.full_image_tap_member {
	height: 40vh;
	min-height: 300px;
	position: relative;
	background: url(../images/tap_member_main.jpg) center center /cover;
}

.left_box_30 {
	width:30%;
	display: inline-block;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
}

.right_box_70 {
	width:68%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	padding-left: 2%;
}

.right_box_70 h1{
	font-size: 20px;
}

.right_box_70 p{
	margin-bottom: 2em;
}

.right_box_70 .tap_gray{
	padding: 1em;
}

#other_page.tap .four-block li{
	width:24.25%;
	display: inline-block;
	vertical-align: top;
	margin-right: 1%;
	font-size: 14px;
}

#other_page.tap .four-block li a{
	color:#231815;
}

#other_page.tap .four-block li:nth-child(4n+4){
	margin-right: 0;
}

#license .middle_box{
	text-align: left;
}


/*hino*/
.hino header .full_wrap{
	background: rgba(0,0,0,1);
}
.image_hino_index {
	height: 80vh;
	min-height: 300px;
	position: relative;
	background: url(../images/hino_top_main.jpg) center center /cover;
}

.hino .three-block{
	font-size: 0;
}

.hino .three-block.course li{
	width: 32%;
	display: inline-block;
	vertical-align: top;
	height: 300px;
	overflow: hidden;
	margin-right: 2%;
	margin-bottom: 10px;
	font-size: 20px;
	position: relative;
	text-align: center;
	box-shadow: 2px 2px 2px #ccc;
	font-weight: bold;
}
.hino .three-block.course li img{
	width: 100%;
}
.hino .three-block.course li:nth-child(3n+3){
	margin-right: 0;
}
.hino .three-block.course li span{
	position: absolute;
	left: 0;
	right:0;
	top:230px;
	margin: auto;
	text-shadow: 1px 1px 1px #000;
}
.hino .three-block.course li a span{
	color: #fff;
}

.index_news {
}
.hino_news_list {
	max-width: 700px;
	background: #efefef;
	padding: 2em;

}
.hino_news_list li{
	text-align: left;
}
.hino_news_list li a:hover{
	text-decoration: underline;
}
.hino_news_list li span{
	margin-right: 2em;
	margin-bottom: 1em;
}

.hino .three-block.hino_navi li{
	width: 33%;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	margin-right: 0.5%;
	margin-bottom: 10px;
	font-size: 18px;
	position: relative;
	text-align: center;
	font-weight: bold;
}
.hino .three-block.hino_navi li:hover{
	opacity: 0.6;
}

.hino .three-block.hino_navi li:nth-child(3n+3){
	margin-right: 0;
}
.hino .three-block.hino_navi li a{
	background: url(../images/hino_nav_btn.png) no-repeat center center /cover;
}
.hino .three-block.hino_navi li:nth-child(4n+1){
	background-color: #693905;
}
.hino .three-block.hino_navi li:nth-child(4n+2){
	background-color: #c9bc9c;
}
.hino .three-block.hino_navi li:nth-child(4n+3){
	background-color: #b28146;
}
.hino .three-block.hino_navi li:nth-child(4n+4){
	background-color: #a38b77;
}
.hino .three-block.hino_navi li span{
}
.hino .three-block.hino_navi li a{
display: block;
padding: 1.9em 0;
}
.hino .three-block.hino_navi li a span{
	color: #fff;
}

.hino .three-block.hino_course_navi {
	background: #ededed;
	padding: 20px;
}

.hino .three-block.hino_course_navi li{
	width: 33%;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	margin-right: 0.5%;
	margin-bottom: 10px;
	font-size: 16px;
	position: relative;
	text-align: left;
}
.hino .three-block.hino_course_navi li:nth-child(3n+3){
	margin-right: 0;
}
.hino .three-block.hino_course_navi li span{
}
.hino .three-block.hino_course_navi li a:before{
	content: '・';
	margin-right: 0.1em;
}
.hino .three-block.hino_course_navi li a span{
	color: #333;
}

/*hino_read*/
.full_image_hino_read {
	height: 40vh;
	min-height: 300px;
	position: relative;
	background: url(../images/hino_read_main.jpg) center center /cover;
}

.hino_symbol_small {
	max-width: 100px;
}
.read p{
	font-size: 16px;
}
.read table{
	font-size: 16px;
	border-collapse: collapse;
}
.read table{
	border-top: 4px solid #000;
}
.read table th{
	border-bottom: 1px solid #000;
	padding: 1em;
	vertical-align: middle;
}
.read table.pattern2 th{
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
.read table.pattern2 th:last-child{
	border-right: none;
}
.read table td{
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	padding: 1em;
	vertical-align: middle;
}
.read table.pattern2 td{
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-left: none;
}
.read table.pattern2 td:last-child{
	border-right: none;
}
table.table_green th{
	background:#5bc5c0;
}
table.table_purple th{
	background:#b6b6dc;
}
table.table_pink th{
	background:#fce9f2;
}
table.table_gray th{
	background:#eee;
}

.read dt {
	display: block;
	background:#eee;
	padding: 1em;
	margin-bottom: 1em;
}
.read dd {
	display: block;
	padding: 1em;
	margin-bottom: 3em;
}

.hino .small{
	font-size: 14px;
}

.full_image_hino_member {
	height: 40vh;
	min-height: 300px;
	position: relative;
	background: url(../images/hino_member_main.jpg) center center /cover;
}

.full_image_hino_lesson01 {
	height: 40vh;
	min-height: 300px;
	position: relative;
	background: url(../images/hino_lesson01_main.jpg) center center /cover;
}
.full_image_hino_schedule {
	height: 40vh;
	min-height: 300px;
	position: relative;
	background: url(../images/hino_schedule_main.jpg) center center /cover;
}

.full_image_hino_lesson02 {
	height: 40vh;
	min-height: 300px;
	position: relative;
	background: url(../images/hino_lesson02_main.jpg) center center /cover;
}


.lesson01 .half_box {
	width:48%;
	padding: 1%;
}

.img_catch {
	position: relative;
}
.img_catch img {
	width: 100%;
}
.img_catch h1 {
	font-size: 40px;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	position: absolute;
	height: 2.4em;
	margin: auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	line-height: 1.2;
}
.img_catch h1 span {
	font-size: 30px;
}

.lesson .square {
	padding: 0.6em 0.2em;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	line-height: 1.2;
}

.lesson .square a{
	color:#fff;
}

.lesson .blue {
	color: #fff;
	background: #60c56f;
}
.bl_blue{
	border-left: 10px solid #24988f;
	padding-left: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	font-size: 20px;
}

.lesson .yellow {
	color: #fff;
	background: #f6d071;
}
.bl_yellow{
	border-left: 5px solid #edaa32;
	padding-left: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	font-size: 20px;
}

.lesson .orange {
	color: #fff;
	background: #ee9326;
}
.bl_orange{
	border-left: 5px solid #df5605;
	padding-left: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	font-size: 20px;
}

.lesson .purple {
	color: #fff;
	background: #8083bc;
}
.bl_purple{
	border-left: 5px solid #41438c;
	padding-left: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	font-size: 20px;
}

.lesson .brown {
	color: #fff;
	background: #3f2212;
}
.bl_brown{
	border-left: 5px solid #0f0402;
	padding-left: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	font-size: 20px;
}
.sky {
	opacity:0.65;
}
.line img{
	max-width: 240px;
}
.link {
	color:#00f;
}
.link:hover {
	text-decoration: underline;
}


@media (max-width: 767px){

	/*tap*/
	.image_hino_index,
	.top_image_hino,
	.top_image_tap {
		min-height: auto;
	}
	.image_hino_index {
    height: 45vh;
	}

	.full_wrap h1{
		font-size: 20px;
		/* margin-left: 0.5em; */
		padding: 0.5em 0;
	}
	header .full_wrap h1 span{
		display: block;
	}

	header .full_wrap ul{
		display: none;
	}
	header .full_wrap .active + ul{
		display: block;
	}

	.full_wrap .catch img{
		width: 170px;
	}

	.full_wrap .catch p{
		font-size: 22px;
	}

	.top_img_tap .catch{
		height: 150px;
	}

	.max_box{
		width: 96%;
	}

	.tap_top_list li{
		margin-bottom: 2%;
	}

	.tap_top_list li a img{
		height: 50px;
	}

	.link_banner ul li img{
		height: 70px;
	}

	.link_banner ul li:nth-child(4){
		margin-right: 203px;
	}

	.catch h1{
		font-size: 30px;
	}

	.tap_symbol_big{
		width: 90%;
	}

	.tap_gray
	,.tap_white{
		padding: 3em 0;
	}

	.full_wrap{
		width: 100%;
	}

	.center{
		width: 96%;
	}


	/*company*/
	.navi_box h1{
		font-size: 18px;
	}

	.logo h1 a{
		font-size: 30px;
	}

	.hino .three-block.course li{
		font-size: 0;
		width: 49%;
	}

	.hino .three-block.course li:nth-child(odd){
		margin-right: 2%;
	}

	.hino .three-block.course li:nth-child(even){
		margin-right: 0;
	}

	.hino .three-block.course li a span{
		font-size: 12px;
		color: #fff;
		text-shadow: none;
		top: 60%;;
		padding-top: 0.7em;
	}

	.hino_news_list{
		width: 100%;
		padding: 2em 0 2em 0;
	}

	.hino_navi span{
		font-size: 16px;
	}

	.hino .three-block.hino_course_navi li{
		width: 100%;
	}

	.sub_title{
		font-size: 20px;
		width: 96%;
	}

	.about .link_banner ul li:nth-child(4)
	,.recruit .link_banner ul li:nth-child(4)
	,.index .link_banner ul li:nth-child(4)
	,.contact .link_banner ul li:nth-child(4){
		margin: 0 0.25em;
	}

	.link_banner ul{
		padding: 0 2em 1em;
	}

	.link_banner ul:first-child{
		padding-top: 4em;
	}
	.link_banner ul:last-child{
		padding-bottom: 4em;
	}

	textarea{
		width: 100%;
	}

	/*lesson1*/
	.mb-8{
		width: 100%;
	}

	.img_catch h1{
		font-size: 26px;
	}

	.img_catch h1 span{
		font-size: 18px;
	}

	/*lesson2*/
	.half_box
	,.half_box img
	,.mb-4 img{
		width: 100%;
	}

	.lesson .blue{
		font-size: 18px;
	}

	/*ヘッダー*/
	header .full_wrap{
		padding: 0.5em 0;
	}

	.hino .three-block.course li {
	height: auto;
	box-shadow: none;
	}
	.hino .half_box {
		width: 100%;
	}
	.long {
		text-align: left;
		font-size: 16px;
	}
	header .full_wrap {
    position: fixed;
		z-index: 100;
	}
	header {
		padding-bottom: 70px;
	}

}