@charset "utf-8";

/** |READ ME| **********************************************************************************************************

"Hinomaru Group CSS"

Cascading Style Sheet Setting File

Ver.20170405

------------------------------------------------------------------------------------------------------------------------

01. Header
02. Main
03. KeyVisual
04. GroupIndex
05. Group
06. Footer

********************************************************************************************************** |READ ME| **/

/** |01. Header | >> ********************************************************************************* >> START **/

#grpHeader .globalNavi{
	position:fixed;
	z-index:1000;
	width:100%;
}

#grpHeader .globalNavi .menu{
	position:absolute;
	top:30px;
	left:30px;
}

#grpHeader .globalNavi .menu.hidden{
	display: none;
}

#grpHeader .globalNavi .menu a{
	display:block;
	width:28px;
	height:28px;
	background-image: url("../img/hinomaru-group/ico_hgp_menu.png");
	background-repeat:no-repeat;
	background-size:28px 28px;
	background-position:0 0;
}

#grpHeader .globalNavi .menu.white a{
	background-image: url("../img/hinomaru-group/ico_hgp_menu_whi.png");
}

#grpHeader .globalNavi .menu.gray a{
	background-image: url("../img/hinomaru-group/ico_hgp_menu_gray.png");
}

#grpHeader .globalNavi .menu.close a{
	background-image: url("../img/hinomaru-group/ico_hgp_close.png");
}

#grpHeader .globalNavi .menu.white.close a{
	background-image: url("../img/hinomaru-group/ico_hgp_close_whi.png");
}

#grpHeader .globalNavi .menu.gray.close a{
	background-image: url("../img/hinomaru-group/ico_hgp_close_gray.png");
}

#grpHeader .globalNavi .conversion{
	position:absolute;
	top:25px;
	right:30px;
}

#grpHeader .globalNavi .cnv{
	display: inline-block;
	width:183px;
	height:38px;
	text-align: center;
	font-size:15px;
	line-height:38px;
	border-radius:3px;
}

@media  (max-width: 640px) {

	#grpHeader .globalNavi .menu{
		top:15px;
		left:15px;
	}

	#grpHeader .globalNavi .conversion{
		top:10px;
		right:15px;
	}

	#grpHeader .globalNavi .cnv{
		padding:0 20px;
		width:auto;
		height:30px;
		font-size:13px;
		line-height:30px;
	}

}

/** |01. Header | << ********************************************************************************* << END **/

/** |01. PullDown | >> ********************************************************************************* >> START **/

#GrpPullDown{
	display:none;
	position: fixed;
	width:100%;
	height:100%;
	z-index:2000;
	background-color: rgba(0, 0, 0, 0.9);
}

#GrpPullDown.view{
	display: block;
}

#GrpPullDown .close{
	position:absolute;
	top:30px;
	left:30px;
}

#GrpPullDown .close a{
	display:block;
	width:28px;
	height:28px;
	background-image: url("../img/hinomaru-group/ico_hgp_close_whi.png");
	background-repeat:no-repeat;
	background-size:28px 28px;
	background-position:0 0;
}

#GrpPullDown .box{
	position: absolute;
	width:500px;
	top:0;
	left:50%;
	margin:0 0 0 -200px;
	text-align: left;
}

#GrpPullDown .bg{
	position: absolute;
	width:100%;
	height:100%;
}

#GrpPullDown .box::after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

#GrpPullDown .box .home{
	margin:0 0 15px 0;
	white-space: nowrap;
	width:0;
	overflow: hidden;
	transition:0.3s ease-in-out;
}

#GrpPullDown .box .home.open{
	width:200px;
}

#GrpPullDown .box .home a,
#GrpPullDown .box .home a:hover{
	color:#fff;
}

#GrpPullDown .box .left{
	float:left;
	width:250px;
}

#GrpPullDown .box .right{
	float:right;
	width:250px;
}

#GrpPullDown .box dt,
#GrpPullDown .box dd{
	padding:0 0 15px 0;
	line-height:1;
	width:0;
	overflow: hidden;
	transition:0.3s ease-in-out;
	white-space: nowrap;
}

#GrpPullDown .box .open dt,
#GrpPullDown .box .open dd{
	width:200px;
}

#GrpPullDown .box dt{
	color: #de1314;
}

#GrpPullDown .box dd a{
	color: #fff;
}

@media  (max-width: 640px) {

	#GrpPullDown{
		overflow-y: scroll;
	}

	#GrpPullDown .box{
		position:relative;
		width:auto;
		top:auto;
		left:auto;
		margin:0 20px 20px;
	}

	#GrpPullDown .close{
		top:15px;
		left:15px;
	}

	#GrpPullDown .box .home{
		padding:0 0 15px 0;
	}

	#GrpPullDown .box .left{
		float:none;
		width:auto;
	}

	#GrpPullDown .box .right{
		float:none;
		width:auto;
	}

	#GrpPullDown .box .home{
		width:auto;
	}

	#GrpPullDown .box dt,
	#GrpPullDown .box dd{
		padding:0 0 15px 0;
		line-height:1;
		width:0;
		overflow: hidden;
		transition:0.3s ease-in-out;
		white-space: nowrap;
	}

	#GrpPullDown .box .open dt,
	#GrpPullDown .box .open dd{
		width:auto;
	}

	#GrpPullDown .box dd a{
		display: block;
	}

}

/** |01. PullDown | << ********************************************************************************* << END **/

/** |02. Main | << ********************************************************************************* >> START **/

.cnv{
	color:#fff;
	background-color:#00c4ff;
	border-radius:5px;
	box-shadow:0px 5px 0px 0px #0296c2;
	-moz-box-shadow:0px 5px 0px 0px #0296c2;
	-webkit-box-shadow:0px 5px 0px 0px #0296c2;
}

/** |02. Main | << ********************************************************************************* << END **/

/** |03. KeyVisual | << ********************************************************************************* >> START **/

.hinomaru-kv{
	color:#fff;
	background-color:#ee0303;
	margin:0 0 90px 0;
}

.hinomaru-kv .frame{
	text-align: center;
}

.hinomaru-kv .mainTile{
	padding:0 0 5px 0;
	display: block;
	font-size:85px;
	line-height:1;
	font-family: 'Roboto Condensed', sans-serif;
}

.hinomaru-kv .corp {
    padding:90px 0 10px;
}

.hinomaru-kv .subTile{
	margin:0 0 80px 0;
	display: block;
	font-size:22px;
	line-height:1;
}

.hinomaru-kv .catch{
	padding:50px 0;
	font-weight: bold;
}

.hinomaru-kv .catch b{
	display: block;
	padding:0 0 10px ;
	font-size: 22px;
	line-height: 1.5;
}

.hinomaru-kv .catch small{
	font-size:14px;
	line-height: 1.5;
	font-weight: normal;
}

.hinomaru-kv .curve{
	width:100%;
	height:auto;
}

.ulTitle {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 80px;
    padding: 0 0 30px;
    position: relative;
}

.ulTitle::after {
    background-color: #111;
    bottom: 0;
    content: " ";
    display: block;
    height:2px;
    left: 50%;
    margin: 0 0 0 -40px;
    position: absolute;
    width:80px;
}











.hinomaru-group-main-img-sp {
	display:none;
}

.hinomaru-group-main-img-sp img{
	width:100%;
	height:auto;
}

.hinomaru-kv .hinomaru-group-main-img{
	position:relative;
    min-width:1180px;
    overflow:hidden;
}

.hinomaru-kv .hinomaru-group-main-list{
	position:relative;
	margin:0 auto;
	width:760px;
	height:370px;
}

.hinomaru-kv .hinomaru-group-main-list li{
	position:absolute;
	top:0;
	left:0;
}

.hinomaru-kv .btnLeft,
.hinomaru-kv .btnRight{
	position:absolute;
	display:block;
	top:167px;
	left:50%;
	margin:0 0 0 -458px;
	width:36px;
	height:36px;
	border-radius:18px;
	background:#fff;
	cursor:pointer;
}

.hinomaru-kv .btnLeft:hover,
.hinomaru-kv .btnRight:hover{
	opacity:0.7;
}

.hinomaru-kv .btnLeft::after {
    position: absolute;
    content: " ";
    display: block;
    top: 50%;
    left: 15px;
    margin: -5px 0 0 0;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    transform: rotate(45deg);
    z-index: 9;
}

.hinomaru-kv .btnRight{
	left:auto;
	right:50%;
	margin:0 -458px 0 0 ;
}

.hinomaru-kv .btnRight::after {
    position: absolute;
    content: " ";
    display: block;
    top: 50%;
    right: 15px;
    margin: -5px 0 0 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    z-index: 9;
}

.hinomaru-kv .cursorWrap{
	padding:25px 0 0;
}

.hinomaru-kv .cursorWrap li{
	width:12px;
	height:12px;
	margin:0 5px;
	background:#c70101;
	display:inline-block;
	border-radius:6px;
	cursor:pointer;
}

.hinomaru-kv .cursorWrap li.act{
	background:#fd8383;
}

.hinomaru-kv .cursorWrap li:hover{
	opacity:0.7;
}

.curveWrap{
	margin:70px 0 0 0;
}

@media  (max-width: 640px) {

	.hinomaru-kv{
		margin:0 0 50px 0;
	}

	.hinomaru-kv .corp{
		padding:60px 0 10px 0;
	}

	.hinomaru-kv .corp img{
		width:200px;
		height:auto;
	}

	.hinomaru-kv .mainTile{
		padding:0 0 5px 0;
		display: block;
		font-size:32px;
		line-height:1;
	}

	.hinomaru-kv .subTile{
		margin:0 0 30px;
		display: block;
		font-size:13px;
		line-height:1;
	}

	.hinomaru-kv .catch{
		padding:40px 0 50px ;
		font-size:15px;
	}

	.hinomaru-kv .catch b{
		padding:0 15px 5px ;
		font-size:18px;
		line-height:1.4;
	}

	.hinomaru-kv .catch small{
		display:block;
		padding:0 15px 5px ;
		font-size:13px;
		line-height:1.5;
		text-align:left;
	}

	.hinomaru-kv .catch small br{
		display: none;
	}

	.ulTitle{
		margin:0 0 30px 0;
		padding:0 0 15px;
		font-size:22px;
	}












	.hinomaru-group-main-img-sp {
	display:block;
	}

	.hinomaru-group-main-img-sp{
		padding: 0 15px;
	}

	.hinomaru-kv .hinomaru-group-main-img{
		display:none;
	}

	.curveWrap{
		margin:30px 0 0 0;
	}

	.hinomaru-group-main-img-sp .bx-wrapper .bx-prev{
		left:5px;
		margin:-40px 0 0 0;
		background: url("../img/hinomaru-group/icon_slider.png") no-repeat 0 0;
	}

	.hinomaru-group-main-img-sp .bx-wrapper .bx-next{
		right:5px;
		margin:-40px 0 0 0;
		background: url("../img/hinomaru-group/icon_slider.png") no-repeat -44px 0;
	}

}

/** |03. KeyVisual | << ********************************************************************************* << END **/

/** |05. GroupIndex | << ********************************************************************************* >> START **/

.hinomaru-group-index .serviceTitle{
	padding: 0 0 20px 0;
	min-width:1180px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
}

.hinomaru-group-index .serviceText{
	min-width:1180px;
	padding: 0 0 120px 0;
	font-size:15px;
	line-height: 1.8;

}

.hinomaru-group-index .cntTitle{
	min-width:1180px;
	padding:0 0 50px 0;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5;
}

.hinomaru-group-index .groupIndex .groupList{
	margin:0 auto;
	width:1020px;
}

.hinomaru-group-index .groupIndex .groupList::after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.hinomaru-group-index .groupIndex .groupList a{
	display: block;
}

.hinomaru-group-index .groupIndex .groupList li{
	position:relative;
	float:left;
	padding:0 10px;
	width:320px;
	text-align:left;
	font-size:16px;
}

.hinomaru-group-index .groupIndex .groupList li.special:before{
	content:" ";
	display:block;
	position:absolute;
	top:-15px;
	right:0;
	width:60px;
	height:60px;
	background: url("../img/hinomaru-group/ico_hgp_spe.png") no-repeat 0 0;
	background-size:60px 60px;
	z-index:1;
}

.hinomaru-group-index .groupIndex .groupList img{
	display:block;
}

.hinomaru-group-index .groupIndex .groupList .cat{
	display:block;
	padding:30px 20px 10px 20px;
	font-size:16px;
}

.hinomaru-group-index .groupIndex .groupList .nam{
	display:block;
	padding:0 20px 0 20px;
	font-size:14px;
}

.hinomaru-group-index .groupIndex .groupList .area{
	display:block;
	padding:0 20px 0 20px;
	font-size:14px;
}

.hinomaru-group-index .groupIndex .groupList .check{
	display:block;
	padding:10px 20px 100px 20px;
	letter-spacing: -0.4em;
}

.hinomaru-group-index .groupIndex .groupList .check .tag{
	margin:0 5px 5px 0;
	padding:0 10px;
	display:inline-block;
	letter-spacing:0;
	color:#e60012;
	border:2px solid #e60012;
	font-size:12px;
	line-height:20px;
	height:20px;
	border-radius:12px;
	background-color:#fff;
}

.hinomaru-group-index .groupIndex .conversion {
	text-align: center;
}

.hinomaru-group-index .conversion{
	padding: 0 0 100px 0;
}

.hinomaru-group-index .conversion .cnv{
	display: inline-block;
	width:440px;
	height:68px;
	font-size:20px;
	line-height:68px;
}

@media  (max-width: 640px) {

.hinomaru-group-index .serviceTitle{
	padding: 0 15px 5px;
	min-width:0;
	font-size: 20px;
}

.hinomaru-group-index .serviceText{
	min-width:0;
	padding: 0 15px 30px;
	text-align:left;

}

.hinomaru-group-index .serviceText br{display:none;}

.hinomaru-group-index .cntTitle{
	min-width:0;
	font-size:20px;
	padding:0 0 15px 0;
}

.hinomaru-group-index .groupIndex .groupList{
	padding:15px 15px 20px;
	width:auto;
}

.hinomaru-group-index .groupIndex .groupList li{
	float:left;
	padding:0;
	width:48%;
	font-size:16px;
}

.hinomaru-group-index .groupIndex .groupList li.special:before{
	top:-15px;
	right:-10px;
	width:40px;
	height:40px;
	background-size:40px 40px;
}


.hinomaru-group-index .groupIndex .groupList li:nth-child(2n){
	float:right;
	width:48%;
}

.hinomaru-group-index .groupIndex .groupList img{
	width:100%;
	height:auto;
}

.hinomaru-group-index .groupIndex .groupList .cat{
	display:block;
	padding:10px 0 5px;
	font-size:14px;
}

.hinomaru-group-index .groupIndex .groupList .cat br{
	display: none;
}

.hinomaru-group-index .groupIndex .groupList .nam{
	display:block;
	padding:0 0 0 0;
}

.hinomaru-group-index .groupIndex .groupList .area{
	padding:0 0 5px 0;
}

.hinomaru-group-index .groupIndex .groupList .check{
padding:0 0 30px 0;
}

.hinomaru-group-index .conversion{
	padding: 0 0 50px 0;
}

.hinomaru-group-index .conversion .cnv{
	display:block;
	width:auto;
	margin:0 15px;
}

}

/** |05. GroupIndex | << ********************************************************************************* << END **/

/** |06. Group | << ********************************************************************************* >> START **/

.group-kv{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	height:570px;
	background-color: #000;
}

#Hinomaru-group.central-taxi .group-kv{background-image: url("../img/hinomaru-group/central-taxi/bg_hgp_kv_central-taxi.jpg");}
#Hinomaru-group.hato-taxi .group-kv{background-image: url("../img/hinomaru-group/hato-taxi/bg_hgp_kv_hato-taxi.jpg");}
#Hinomaru-group.miki-taxi .group-kv{background-image: url("../img/hinomaru-group/miki-taxi/bg_hgp_kv_miki-taxi.jpg");}
#Hinomaru-group.oi-kotsu .group-kv{background-image: url("../img/hinomaru-group/oi-kotsu/bg_hgp_kv_oi-kotsu.jpg");}
#Hinomaru-group.taishin-kotsu .group-kv{background-image: url("../img/hinomaru-group/taishin-kotsu/bg_hgp_kv_taishin-kotsu.jpg");}
#Hinomaru-group.nichiei-kotsu .group-kv{background-image: url("../img/hinomaru-group/nichiei-kotsu/bg_hgp_kv_nichiei-kotsu.jpg");}
#Hinomaru-group.daiei-tokyo .group-kv{background-image: url("../img/hinomaru-group/daiei-tokyo/bg_hgp_kv_daiei-tokyo.jpg");}
#Hinomaru-group.limousine .group-kv{background-image: url("../img/hinomaru-group/limousine/bg_hgp_kv_limousine.jpg");}
#Hinomaru-group.daiya-kotsu .group-kv{background-image: url("../img/hinomaru-group/daiya-kotsu/bg_hgp_kv_daiya-kotsu.jpg");}

.group-kv .frame{
	height:570px;
}

.group-kv .mainCatch{
	padding: 250px 0 0;
	text-align: center;
	color:#fff;
	font-size:35px;
	line-height:54px;
	font-weight: bold;
}

.group-kv .corp{
	position:absolute;
	top:30px;
	left:50%;
	margin:0 0 0 -123px;
	line-height: 1;
}

#Hinomaru-group.limousine .group-kv .mainCatch{
	padding: 140px 0 0;
}

.group-kv .ribbon{
	display:block;
	position: absolute;
	bottom:-40px;
	left:50%;
	margin:0 0 0 -224px;
	width:448px;
	height:80px;
	text-align: center;
	color:#fff;
	background-image: url("../img/hinomaru-group/bg_hgp_ribbon.png");
	background-repeat:no-repeat;
	background-size:448px 80px;
}

.group-kv .ribbon b{
	padding: 15px 0 0;
	display:block;
	font-size: 24px;
	line-height: 1;
}

.group-kv .ribbon small{
	padding:5px 0 0;
	font-size:14px;
	display:block;
}

.hinomaru-group #anchor{
	padding:100px 0 60px;
}

.hinomaru-group #anchor .ancList{
	margin:0 auto;
	width:1000px;
	border-top: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
}

.hinomaru-group #anchor .ancList:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.hinomaru-group #anchor li{
	float:left;
	width:25%;
}

.hinomaru-group #anchor li a{
	display:block;
	position:relative;
	padding:25px 0;
	text-align: center;
	font-size:16px;
	line-height: 1;
	font-weight: bold;
	border-left:1px #ddd solid;
}

.hinomaru-group #anchor li:first-child a{
	border-left:none;
}

.hinomaru-group #anchor li a::after{
	content:" ";
	position: absolute;
	top:50%;
	left:20px;
	margin:-5px 0 0 0;
	width:15px;
	height:10px;
	background-image: url("../img/hinomaru-group/ico_hgp_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 15px 10px;
}

.hinomaru-group #greet{
	padding:0 0 100px 0;
}

.hinomaru-group #greet .frame{
	text-align: center;
}

.hinomaru-group #greet .catch{
	font-size:24px;
	font-weight: bold;
	line-height: 1.2;
}

.hinomaru-group #greet .text{
	width:800px;
	margin:0 auto;
	padding:20px 0 50px;
	font-size:16px;
	line-height:1.8;
}

.hinomaru-group #greet .greetList{
	width:800px;
	margin:0 auto;
	padding:50px 0 40px;
	background-image: url("../img/hinomaru-group/bg_hgp_greet.gif");
	background-repeat: repeat;
}

.hinomaru-group #greet .greetList .ttl{
	padding:0 0 30px 0;
	font-size: 22px;
	font-weight: bold;
}

.hinomaru-group #greet .greetList .check{
	position:relative;
	display:inline-block;
	margin:0 0 10px 10px;
	padding:0 20px 0 40px;
	min-width:160px;
	height:34px;
	line-height:34px;
	border-radius:19px;
	color:#e60012;
	font-size:15px;
	font-weight: bold;
	border:solid #e60012 2px;
	background-color:#fff;
}

.hinomaru-group #greet .greetList .check::after{
	position: absolute;
	top:4px;
	left:4px;
	content:" ";
	width:25px;
	height:25px;
	background-image: url("../img/hinomaru-group/ico_hgp_check.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 25px 25px;
}

.hinomaru-group #message{
	padding:0 0 100px 0;
}

.hinomaru-group #message .frame{
	text-align: center;
}

.hinomaru-group #message .msgList{
	display: block;
	margin:0 auto 100px;
	width:1000px;
	text-align: left;
}

.hinomaru-group #message .msgList:last-of-type{
	margin:0 auto;
}

.hinomaru-group #message .msgList:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.hinomaru-group #message .left{
	float:left;
}

.hinomaru-group #message .right{
	float:right;
}

.hinomaru-group #message .img{
	width:490px;
}

.hinomaru-group #message .text{
	width:460px;
}

.hinomaru-group #message .text b{
	display: block;
	padding:0 0 30px;
	color:#e60012;
	font-size:26px;
	line-height:1.5;
}

.hinomaru-group #message .text{
	font-size:14px;
	line-height: 2;
}

.hinomaru-group #message .text.full{
	width:1000px;
}

.hinomaru-group #message .text.full b{
	padding:0 0 30px;
	text-align: center;
}

.hinomaru-group #company{
	padding:0 0 100px 0;
}

.hinomaru-group #company .frame{
	text-align: center;
}

.hinomaru-group #company .infoList{
	display: block;
	margin: 0 auto;
	width:1000px;
	text-align: left;
}

.hinomaru-group #company .infoList:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.hinomaru-group #company .left{
	float:left;
}

.hinomaru-group #company .right{
	float:right;
	width:500px;
}

.hinomaru-group #company #GoogleMap{
	width:450px;
	height:283px;
	background-color:#f5f5f5;
}

.hinomaru-group #company .infoList .right:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.hinomaru-group #company .infoList .right dt{
	clear: both;
	float: left;
	padding: 0 0 15px;
	min-width: 70px;
}

.hinomaru-group #company .infoList .right dd{
	padding: 0 0 15px;
}

.hinomaru-group #slider{
	margin:0 0 100px;
	animation-duration: 24s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	background-position: 1200px 0;
	background-repeat: repeat-x;
	height:220px;
	text-align: center;
	width: 100%;
}

#Hinomaru-group.central-taxi .hinomaru-group #slider{background-image: url("../img/hinomaru-group/central-taxi/img_hgp_slider_central-taxi.png");background-size:1000px 220px;animation-name: slide1;}
#Hinomaru-group.hato-taxi .hinomaru-group #slider{background-image: url("../img/hinomaru-group/hato-taxi/img_hgp_slider_hato-taxi.png");background-size:1330px 220px;animation-name: slide2;}
#Hinomaru-group.miki-taxi .hinomaru-group #slider{background-image: url("../img/hinomaru-group/miki-taxi/img_hgp_slider_miki-taxi.png");background-size:1000px 220px;animation-name: slide1;}
#Hinomaru-group.oi-kotsu .hinomaru-group #slider{background-image: url("../img/hinomaru-group/oi-kotsu/img_hgp_slider_oi-kotsu.png");background-size:2920px 220px;animation-name: slide3;animation-duration: 36s;}
#Hinomaru-group.taishin-kotsu .hinomaru-group #slider{background-image: url("../img/hinomaru-group/taishin-kotsu/img_hgp_slider_taishin-kotsu.png");background-size:1330px 220px;animation-name: slide2;}
#Hinomaru-group.nichiei-kotsu .hinomaru-group #slider{background-image: url("../img/hinomaru-group/nichiei-kotsu/img_hgp_slider_nichiei-kotsu.png");background-size:1330px 220px;animation-name: slide2;}
#Hinomaru-group.daiei-tokyo .hinomaru-group #slider{background-image: url("../img/hinomaru-group/daiei-tokyo/img_hgp_slider_daiei-tokyo.png");background-size:1330px 220px;animation-name: slide2;}
#Hinomaru-group.limousine .hinomaru-group #slider{background-image: url("../img/hinomaru-group/limousine/img_hgp_slider_limousine.png");background-size:1000px 220px;animation-name: slide1;}
#Hinomaru-group.daiya-kotsu .hinomaru-group #slider{background-image: url("../img/hinomaru-group/daiya-kotsu/img_hgp_slider_daiya-kotsu.png");background-size:1000px 220px;animation-name: slide1;}

@keyframes slide1 {
	0% {background-position: 1000px 0;}
	100% {background-position: 0 0;}
}

@keyframes slide2 {
	0% {background-position: 1330px 0;}
	100% {background-position: 0 0;}
}

@keyframes slide3 {
	0% {background-position: 2920px 0;}
	100% {background-position: 0 0;}
}

.hinomaru-group #apply{
	padding:100px 0;
	min-width:1180px;
	background:#f5f5f5;
}

.hinomaru-group #apply .frame{
	text-align: center;
}

.hinomaru-group #apply .box {
	background-color: #fff;
	margin:0 auto;
	padding:80px 60px;
	width:900px;
	text-align: left;
	border:3px #000 solid;
	text-align: left;
}

.hinomaru-group #apply .box::after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.hinomaru-group #apply .box .left {
  float: left;
  width: 47%;
}

.hinomaru-group #apply .box .right {
  float: right;
  width: 47%;
}

.hinomaru-group #apply dt{
	padding:15px 0 5px;
	font-weight: bold;
	border-bottom:dotted 1px #ccc;
}
.hinomaru-group #apply dd{
	padding:20px 0 50px;
	font-size:14px;
}

#conversion .frame{
	text-align: center;
}

#conversion{
	padding:100px 0;
}

.conversion .bnr_jins,
#conversion .bnr_jins{
    position: relative;
    margin: 0 auto 50px;
    padding:50px 30px 50px 315px;
    width:580px;
    min-height:90px;
    line-height:1.3;
	text-align: left;
	display: inline-block;
	background-color: #e1f4f5;
}

.conversion .bnr_jins{
	padding:50px 30px 50px 355px;
	width:615px;

}

.conversion .bnr_jins .catch,
#conversion .bnr_jins .catch {
	padding: 0 0 3px 0;
    font-size:16px;
    font-weight:bold;
    line-height:1.5;
}

.conversion .bnr_jins .tag,
#conversion .bnr_jins .tag {
    left: 0;
    position: absolute;
    top: 0;
}

.conversion .bnr_jins .img,
#conversion .bnr_jins .img {
    position: absolute;
    top:65px;
	left:65px;
}

.conversion .bnr_jins .img{
	left:75px;
}

.conversion .bnr_jins a,
#conversion .bnr_jins a{text-decoration: underline;}
.conversion .bnr_jins a:hover,
#conversion .bnr_jins a:hover{text-decoration:none;}

#conversion .cnv{
	display: inline-block;
	width:440px;
	height:68px;
	font-size:20px;
	line-height:68px;
}

#conversion .tel{
	padding:40px 15px 0;
	display:block;
	font-size:14px;
}

#conversion .tel b{
	font-size:15px;
}

.hinomaru-group #introText .text{
	padding:100px 0;
	text-align:center;
	font-size: 16px;
	line-height: 1.8;
}

.hinomaru-group #intRight{
	float:right;
	width:300px;
}
.hinomaru-group #intRight .intComTitle{
	position:relative;
	font-size:20px;
	font-weight: bold;
	margin: 0 0 40px;
	padding:0 0 0 50px;
}
.hinomaru-group #intRight .intComTitle::before {
	position: absolute;
	top:-5px;
	left:0px;
	content: " ";
	width:37px;
	height:30px;
	background-image: url("../img/hinomaru-group/ico_hgp_company.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size:37px 30px;
}
.hinomaru-group #intRight .intComList{
	padding:0 0 50px;
}
.hinomaru-group #intRight .intComList dt{
	font-weight: bold;
}
.hinomaru-group #intRight .intComList dd{
	padding:0 0 20px 0;
}
.hinomaru-group #intRight .interviewBtnGoogle{
	position: relative;
	padding:0 35px 0 20px;
	display:inline-block;
	color:#fff;
	background:#333;
	border-radius:3px;
	font-size:13px;
	margin:10px 0 0 0;
}
.hinomaru-group #intRight .interviewBtnGoogle::before{
	content:" ";
	position:absolute;
	top:50%;
	right:15px;
	margin:-3px 0 0 0;
	width:5px;
	height:5px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.hinomaru-group #intRight .intPoiTitle{
	font-size:16px;
	font-weight:bold;
	margin: 0 0 30px;
}
.hinomaru-group #intRight .intPoiList li{
	position: relative;
	display:block;
	margin: 0 0 10px;
	padding: 0 20px 0 50px;
	height: 34px;
	line-height: 34px;
	border-radius: 19px;
	color: #e60012;
	font-size: 15px;
	font-weight: bold;
	border: solid #e60012 2px;
	background-color: #fff;
}
.hinomaru-group #intRight .intPoiList li::after {
	position: absolute;
	top: 4px;
	left: 4px;
	content: " ";
	width: 25px;
	height: 25px;
	background-image: url("../img/hinomaru-group/ico_hgp_check.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 25px 25px;
}
.hinomaru-group #intLeft{
	float:left;
	padding:0 0 50px;
	width:750px;
}

.hinomaru-group #intLeft .intLeftText{
	padding:0 0 50px;
	font-size: 15px;
	line-height: 1.8;
}

.hinomaru-group #intLeft .intLeftImg{
	margin:0 0 50px 0;
	display:block;
	width:auto;
	max-width:100%;
}
.hinomaru-group #intLeft .intLeftImg.low{
	margin:0 0 10px 0;
}
.hinomaru-group #intLeft .intLeftText.bdrDot{
	padding:0 0 50px;
	border-bottom:1px dashed #333;
}
.hinomaru-group #intLeft .intLeftText.bdrDot + p{
	padding:50px 0;
}
.hinomaru-group #map{
	min-width:1180px;
}
@media  (max-width: 640px) {

	.group-kv{
		height:300px;
	}

	.group-kv .frame{
		height:300px;
	}

	.group-kv .mainCatch{
		padding:100px 15px 0;
		font-size:20px;
		line-height:30px;
	}

	#Hinomaru-group.limousine .group-kv .mainCatch{
		padding:90px 15px 0;
	}

	.group-kv .ribbon{
		margin:0 0 0 -160px;
		width:320px;
		background-size:320px 80px;
	}

	.group-kv .ribbon b{
		font-size:19px;
	}

	.group-kv .ribbon small{
		font-size:12px;
	}

	.hinomaru-group #anchor{
		margin:0 15px;
		padding:50px 0 30px;
	}

	.hinomaru-group #anchor .ancList{
		width:auto;
		border-bottom:none;
	}

	.hinomaru-group #anchor li{
		width:50%;
		padding:20px 0;
		border-bottom: 1px #ddd solid;
		box-sizing: border-box;
	}

	.hinomaru-group #anchor li a{
		padding:0;
		font-size:13px;
		text-indent:15px;
		border-left:none;
	}

	.hinomaru-group #anchor li:nth-child(2n){
		border-left:1px solid #ddd;
	}

	.hinomaru-group #anchor li a::after{
		left:10px;
	}

	.hinomaru-group #greet{
		padding:0 0 50px 0;
	}

	.hinomaru-group #greet .catch{
		margin:0 15px;
		font-size:18px;
		line-height:1.4;
	}

	.hinomaru-group #greet .text{
		width:auto;
		margin:0 15px;
		padding:10px 0 30px;
		text-align: left;
		line-height:1.5;
	}

	.hinomaru-group #greet .greetList{
		width:auto;
		margin:0 15px;
		padding:30px 15px 20px;
	}

	.hinomaru-group #greet .greetList .ttl{
		padding:0 0 15px 0;
		font-size: 18px;
	}

	.hinomaru-group #greet .greetList .check{
		display:block;
		margin:0 0 10px 0 ;
		width:auto;
	}

	.hinomaru-group #message{
		padding:0 0 50px 0;
	}

	.hinomaru-group #message .msgList{
		margin:0 15px 30px;
		width:auto;
	}

	.hinomaru-group #message .msgList:last-of-type{
		margin:0 15px 50px;
	}

	.hinomaru-group #message .left{
		float:none;
	}

	.hinomaru-group #message .right{
		float:none;
	}

	.hinomaru-group #message .img{
		width:auto;
	}

	.hinomaru-group #message .img img{
		width:100%;
		height:auto;
	}

	.hinomaru-group #message .text{
		width:auto;
		padding:0 5px;
	}

	.hinomaru-group #message .text b{
		padding:20px 0 5px;
		font-size:20px;
	}

	.hinomaru-group #message .text{
		font-size:14px;
		line-height:1.5;
	}

	.hinomaru-group #message .text.full{
		width:auto;
		padding:0 5px;
		font-size:14px;
		line-height:1.5;
	}

	.hinomaru-group #message .text.full b{
		padding:20px 0 5px;
		text-align:left;
	}

	.hinomaru-group #company{
		padding:0 0 50px 0;
	}

	.hinomaru-group #company .infoList{
		width:auto;
	}

	.hinomaru-group #company .left{
		float:none;
	}

	.hinomaru-group #company .right{
		float:none;
		width:auto;
		padding:0 30px;
	}

	.hinomaru-group #company #GoogleMap{
		margin:0 15px 20px;
		width:auto;
	}

	.hinomaru-group #company .infoList .right dt{
		padding: 0 0 10px;
	}

	.hinomaru-group #company .infoList .right dd{
		padding: 0 0 10px;
	}

	.hinomaru-group #slider{
	    background-position:600px 0;
	    background-size:550px 110px;
			margin:0 0 50px;
	    height:110px;
	}

	#Hinomaru-group.central-taxi .hinomaru-group #slider{background-size:550px 110px;}
	#Hinomaru-group.hato-taxi .hinomaru-group #slider{background-size:665px 110px;}
	#Hinomaru-group.miki-taxi .hinomaru-group #slider{background-size:550px 110px}
	#Hinomaru-group.oi-kotsu .hinomaru-group #slider{background-size:1460px 110px;}
	#Hinomaru-group.taishin-kotsu .hinomaru-group #slider{background-size:665px 110px}
	#Hinomaru-group.nichiei-kotsu .hinomaru-group #slider{background-size:665px 110px}
	#Hinomaru-group.daiei-tokyo .hinomaru-group #slider{background-size:665px 110px}
	#Hinomaru-group.limousine .hinomaru-group #slider{background-size:550px 110px}
	#Hinomaru-group.daiya-kotsu .hinomaru-group #slider{background-size:550px 110px}

	.hinomaru-group #apply{
		padding:50px 15px;
		min-width:0;
	}

	.hinomaru-group #apply .box {
	   padding: 30px 15px 0;
	   width:auto;
	}

	.hinomaru-group #apply .box .left {
	   float:none;
	   width:auto;
	}

	.hinomaru-group #apply .box .right {
	   float:none;
	   width:auto;
	}

	.hinomaru-group #apply dt{
		padding:10px 0;
	}

	.hinomaru-group #apply dd{
		padding:10px 0 30px;
	}

	#conversion{
		padding:50px 0;
	}

	.conversion .bnr_jins,
	#conversion .bnr_jins{
	    margin: 0 15px 40px;
	    padding:120px 15px 15px;
	    width:auto;
	    min-height:0;
	}

	.conversion .bnr_jins{
	padding:120px 15px 15px;
	width:auto;
	}

	.conversion .bnr_jins .catch br,
	#conversion .bnr_jins .catch br{
		display: none;
	}

	.conversion .bnr_jins .tag,
	#conversion .bnr_jins .tag{
		width:60px;
		height:60px;
	}

	.conversion .bnr_jins .img,
	#conversion .bnr_jins .img{
	    position: absolute;
	    top:40px;
			left:50%;
			margin:0 0 0 -90px;
			width:180px;
			height:54px;
	}

	.conversion .bnr_jins .img{
			left:50%;
	}

	.conversion .bnr_jins a,
	#conversion .bnr_jins a{text-decoration:none;display: block;}
	.conversion .bnr_jins a:hover,
	#conversion ..bnr_jins a:hover{text-decoration:none;}

	#conversion .cnv{
		display:block;
		width:auto;
		margin:0 15px;
	}


	.hinomaru-group #introText .text{
	padding:50px 15px;
	text-align:left;
	}

	.hinomaru-group #introText .text br{
	display:none;
	}

	.hinomaru-group #intRight{
	float:none;
	padding:0 15px 40px;
	width:auto;
	}

	.hinomaru-group #intRight .intComTitle{
	position:relative;
	font-size:20px;
	font-weight: bold;
	margin: 0 0 20px;
	}

	.hinomaru-group #intRight .intComList{
	padding:0 0 30px;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden;
	}

	.hinomaru-group #intRight .intComList dt{
	padding:10px 0;
	width:30%;
	text-indent:10px;
	background:#f5f5f5;
	}

	.hinomaru-group #intRight .intComList dd{
	padding:10px 0;
	width:70%;
	background:#f5f5f5;
	}

	.hinomaru-group #intRight .intComList dt:nth-child(4n),
	.hinomaru-group #intRight .intComList dd:nth-child(4n),
	.hinomaru-group #intRight .intComList dt:nth-child(4n-1),
	.hinomaru-group #intRight .intComList dd:nth-child(4n-1){
	background:#eee;
	}

	.hinomaru-group #intRight .interviewBtnGoogle{
	margin:2px 0 0 0;
	}

	.hinomaru-group #intRight .intPoiTitle{
	margin: 0 0 20px;
	}

	.hinomaru-group #intLeft{
	float:none;
	padding:0 15px 30px;
	width:auto;
	}

	.hinomaru-group #intLeft .intLeftText{
	padding:0 0 30px;
	}

	.hinomaru-group #intLeft .intLeftImg{
	margin:0 auto 30px;
	}

	.hinomaru-group #intLeft .intLeftImg.low{
	margin:0 auto 10px;
	}

	.hinomaru-group #intLeft .intLeftText.bdrDot{
	padding:0 0 30px;
	}

	.hinomaru-group #intLeft .intLeftText.bdrDot + p{
	padding:30px 0;
	}

	.hinomaru-group #map{
	height:240px;
	min-width:0;
	}

	.hinomaru-group #map iframe{
	height:240px;
	}

}

/** |06. Group | << ********************************************************************************* << END **/

/** |07. Footer | << ********************************************************************************* << END **/

#GrpFooter{
	border-top:1px solid #ddd;
}

#GrpFooter .copy{
	padding:40px 0;
	text-align: center;
	font-size: 12px;
}

/** |07s. Footer | << ********************************************************************************* >> START **/