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

#work .maint_menu ul a:link,
#work .maint_menu ul a:visited{
	color:#000000;
}
#work .side ul a:link,
#work .side ul a:visited{
	color:#000000;
}
#work .side ul a:hover{
	color:#000000;
	text-decoration:underline;
}



/*車検ーーー*/

#work #shaken .hinmoku{
	background:url(../img/work/shaken/sideback_shaken.png) repeat;
}
#work #shaken .area h5{
	color:#FF7F00;
	background:url(../img/work/shaken/li_icon_shaken.png) no-repeat left center;
}

/*点検・整備ーーー*/

#work #tenken .hinmoku{
	background:url(../img/work/tenken/sideback_tenken.png) repeat;
}
#work #tenken .area h5{
	color:#4CA5FF;
	background:url(../img/work/tenken/li_icon_tenken.png) no-repeat left center;
}

/*鈑金ーーー*/

#work #bankin .hinmoku{
	background:url(../img/work/bankin/sideback_bankin.png) repeat;
}
#work #bankin .area h5{
	color:#00B259;
	background:url(../img/work/bankin/li_icon_bankin.png) no-repeat left center;
}

/*ガラスリペアーーー*/

#work #garasu .hinmoku{
	background:url(../img/work/garasu/sideback_tosou.png) repeat;
}
#work #garasu .area h5{
	color:#9672FF;
	background:url(../img/work/garasu/li_icon_tosou.png) no-repeat left center;
}

/*新車中古車販売ーーー*/

#work #hanbai .hinmoku{
	background:url(../img/work/hanbai/sideback_hanbai.png) repeat;
}
#work #hanbai .area h5{
	color:#FFBF00;
	background:url(../img/work/hanbai/li_icon_hanbai.png) no-repeat left center;
}

/*保険ーーー*/

#work #hoken .hinmoku{
	background:url(../img/work/hoken/sideback_hoken.png) repeat;
}
#work #hoken .area h5{
	color:#FF7272;
	background:url(../img/work/hoken/li_icon_hoken.png) no-repeat left center;
}
#work #hoken a#kanyuhoshin{
    width: fit-content;
    margin-left: 80px;
    padding: 5px 50px;
    font-size: 22px;
    letter-spacing: 0.3em;
    color: #ffffff;
    background-color: #4C5280;
    border-radius: 45px;
}



@media screen and (min-width: 641px){
/*コミナトの仕事メニューアイコン*/

#work .maint_menu{
	width:920px;
	margin:100px 0px;
	clear:both;
}
#work .maint_menu a{
	margin-right:6px;
}
#work .maint_menu a:hover{
	opacity:0.5;
}
.maint_menu p{
	margin:0px 0px 20px;
	font-size:25px;
	padding-left:40px;
	clear:both;
	background:url(../img/index/h_icon.png) left center no-repeat;
}
/*====================営業品目*/

#work .hinmoku{
	width:900px;
	height:auto;
	margin-bottom:50px;
	clear:both;
}

/*サイド*/

#work .side{
	width:260px;
	height:100%;
	float:left;
}
#work .side img{
	margin:30px auto;
	display:block;
}
#work .side ul{
	margin:0px 0px 0px 35px;
}
#work .side li{
	margin-bottom:8px;
	padding-left:30px;
	font-size:18px;
	background:url(../img/work/side_li_icon.png) no-repeat left center;
}

/*内容*/

#work .box{
	width:640px;
	height:100%;
	background-color:#FFFFFF;
	float:left;
}
#work .area{
	width:550px;
	margin:50px auto;
}
#work .area h5{
	margin:0px 0px 10px;
	padding-left:35px;
	font-size:25px;
}
#work .area p{
	margin:0px;
}
#work .area p img{
	margin:20px 0px 0px 35px;
}

/*車検　流れ*/

#shaken dl.nagare dt{
	color:#FFA600;
	border-bottom:#FFA600 2px dotted;
	padding-bottom:2px;
}
dl.nagare dd{
	margin:5px 0px 30px;
	padding-left:18px;
}
dl.hitsuyou dt{
	background:#EEEEEE;
	padding:5px 5px 5px 10px;
}
dl.hitsuyou dd{
	margin:5px 0px 30px;
	padding-left:10px;
}

/*保険　流れ*/

#hoken dl.nagare dt{
	color:#FF7272;
	border-bottom:#FF7272 2px dotted;
	padding-bottom:2px;
}

/*ガラス交換・リペア*/

#garasu .garasu_img img{
	margin:10px 0px;
}

/*オートリースについて*/

#hanbai dl.nagare dt{
	color:#FFBF00;
	border-bottom:#FFBF00 2px dotted;
	padding-bottom:2px;
}
#hanbai dl.nagare dd img{
	margin:10px 0px;
}

/*====================メンテナンス*/

.maint h5{
	margin:0px;
}
.maint h5 span{
	font-size:22px;
	background-color:#F9FF28;
	padding:5px;
}
.maint p{
	margin:10px 0px 50px;
}
#maintenance{
	margin-bottom:100px;
	padding-bottom:50px;
	background-image:url(../img/maint/maint_back.jpg);
}

/*メンテナンスメニューボタン*/

#maintenance .maint_btn{
	width:1000px;
	margin:0px auto;
}
#maintenance .maint_btn ul{
	width:750px;
	margin:0px auto;
	padding:50px 0px 40px;
}
#maintenance .maint_btn ul a:hover{
	opacity:0.8;
}
#maintenance .maint_btn a li{
	margin-right:5px;
	display:inline-block;
}

/*メンテナンス枠*/

#maintenance .maint{
	width:900px;
	margin:0px auto 50px;
	padding-bottom:50px;
	background-color:#FFFFFF;
}
#garasu .maint{
	margin-bottom:0px;
}
#maintenance .maint_icon{
	margin:50px 30px 50px 50px;
	float:left;
}
#maintenance .maint_txt{
	width:500px;
	float:left;
}
#maintenance .maint_txt h3{
	margin:50px 0px 0px;
	padding-left:40px;
	font-size:35px;
	background:url(../img/index/h_icon.png) no-repeat left center;
}

/*メンテナンス説明*/

#maintenance .maint_area{
	width:800px;
	margin:0px auto;
	padding:40px 0px 0px;
	clear:both;
	border-top:#0059B2 5px dotted;
}
#maintenance .maint_area p{
	margin:10px 0px 50px;
	padding-left:10px;
}
#maintenance .maint_area p:last-child{
	margin-bottom:0px;
}

/*メンテナンスポイント*/

#maintenance .maint_area .point dt{
	background:#EEEEEE;
	border-left:#00BFFF 10px solid;
	margin:20px 0px 0px;
	padding:5px 5px 5px 10px;
}
#maintenance .maint_area .point dd{
	margin:10px 0px 30px;
	padding-left:20px;
}
}


/*スマートフォン表示*/
@media screen and (max-width:640px){

#shaken{
	margin-top:10%;
}

#work .top_txt img{
	width:70%;
	margin:0% 0% 2%;
}
.maint_menu{
	width:100%;
	margin:10% auto;
}
.maint_menu img{
	width:28%;
	height:auto;
	margin-bottom:5%;
	float:left;
}
.maint_menu img:nth-child(odd){
	margin-right:5%;
}
.maint_menu p{
	font-size:20px;
	margin:0% 0% 5%;
	padding-left:40px;
	clear:both;
	background:url(../img/index/h_icon.png) left center no-repeat;
}
/*#work .maint_menu{
	margin-bottom:15%;
}
#work .maint_menu img{
	width:100%;
	margin-bottom:10px;
}
#work .maint_menu ul{
}
#work .maint_menu li{
	padding-left:30px;
	font-size:20px;
	background:url(../img/work/li_icon.png) no-repeat left center;
}*/

/*====================営業品目*/

#work .hinmoku{
	width:100%;
	margin-bottom:5%;
}
#work .side{
	width:100%;
	height:10%;
}
#work .side img{
	margin:0% auto;
	padding:10% 0%;
	display:block;
}
#work .side ul{
	margin:0% 0% 0% 20%;
}
#work .side li{
	margin-bottom:0%;
	padding-left:30px;
	font-size:20px;
	background:url(../img/work/side_li_icon.png) no-repeat left center;
}
#work .box{
	width:100%;
	height:100%;
	background-color:#FFFFFF;
}
#work .box img{
	width:100%;
	height:auto;
}
#work .area{
	width:80%;
	margin:10% auto 5%;
	padding-top:10%;
}
#work .area h5{
	margin:0% 0% 2%;
	padding-left:30px;
	font-size:20px;
}
#work .area p{
	margin:0px;
}

/*車検*/

dl.nagare dt{
	color:#FFA600;
	border-bottom:#FFA600 2px dotted;
	padding-bottom:2px;
}
dl.nagare dd{
	margin:5px 0px 30px;
	padding-left:18px;
}
dl.hitsuyou dt{
	background:#EEEEEE;
	padding:5px 5px 5px 10px;
}
dl.hitsuyou dd{
	margin:5px 0px 30px;
	padding-left:10px;
}

/*保険　流れ*/

#hoken dl.nagare dt{
	color:#FF7272;
	border-bottom:#FF7272 2px dotted;
	padding-bottom:2px;
}

#garasu .garasu_img img{
	margin:10px 0px;
}

/*オートリースについて*/

#hanbai dl.nagare dt{
	color:#FFBF00;
	border-bottom:#FFBF00 2px dotted;
	padding-bottom:2px;
}


/*====================メンテナンス*/


#maintenance{
	margin-bottom:100px;
	padding-bottom:50px;
	background-image:url(../img/maint/maint_back.jpg);
}
#maintenance .maint_img img{
	width:100%;
	height:auto;
}
#maintenance .maint_btn{
	width:100%;
	margin:0% auto;
	background-image:url(../img/maint/maint_back.jpg);
}
#maintenance .maint_btn ul{
	width:90%;
	margin:0% auto;
	padding:10% 0% 0%;
	display:block;
}
#maintenance .maint_btn li{
	width:30%;
	margin:0% 2% 2% 0%;
	display:inline-block;
}
#maintenance .maint_btn img{
	width:100%;
}

/*メンテナンス枠*/

#maintenance .maint{
	width:100%;
	margin:10% auto;
	padding:10% 0% 5% 0%;
	clear:both;
	background-color:#FFFFFF;

}
#maintenance .maint_txt h3{
	margin:0px;
	padding-left:40px;
	font-size:28px;
	background:url(../img/index/h_icon.png) no-repeat 0% 40%;
}
#cleaner .maint{
	margin-bottom:0px;
}
#maintenance .maint_icon{
	margin:0% auto 5%;
	display:block;
}
#maintenance .maint_txt{
	width:85%;
	margin:0% auto;
}

/*メンテナンス説明*/

.maint_area h5{
	margin:0px;
}
.maint_area h5 span{
	font-size:22px;
	background-color:#F9FF28;
	padding:5px;
}
#maintenance .maint_area{
	width:85%;
	margin:0px auto;
	padding:40px 0px 0px;
	clear:both;
	border-top:#0059B2 5px dotted;
}
#maintenance .maint_area p{
	margin:3% 0% 10%;
}
#maintenance .maint_area p:last-child{
	margin-bottom:0px;
}
#maintenance .maint_area img{
	margin:0% 0% 5%;
	display:block;
}

/*メンテナンスポイント*/

#maintenance .maint_area .point dt{
	background:#EEEEEE;
	border-left:#00BFFF 10px solid;
	margin:20px 0px 0px;
	padding:5px 5px 5px 10px;
}
#maintenance .maint_area .point dd{
	margin:10px 0px 30px;
	padding-left:20px;
}


}