﻿@charset "utf-8";

/*
Theme Name: テーマ
Version 1.0
*/ 

@import "base.css";

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  全般設定
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

body {
	padding : 0 0 0 0;
	font-family : "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic","MS P Gothic",sans-serif, Arial,Helvetica;
	font-size:16px;
	color:#4d4d4d;
	background-color:#fff345;
}
#wrapper {
	padding : 0;
	width : 100%;
}
/*　メニュー モーダル　
----------------------------------------------------------*/
#menu-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width:100%;
	height: 120% ;
	background-color: rgba( 255,255,255,0.5 ) ;
}
/*　モーダル　
----------------------------------------------------------*/
.button-link:hover {
	cursor: pointer ;
	color: #9d9d9d;
}
.button-link {
	color: #00f ;
	text-decoration: underline ;
}
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.9 ) ;
}


/*　フッター　
----------------------------------------------------------*/
.copyright{
	width:640px;
	height:40px;
	text-align:center;
	margin:50px auto 20px;
}

/*　共通
----------------------------------------------------------*/
h2{
	text-align:center;
	padding-top:10px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  index.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　共通 top
----------------------------------------------------------*/
.top_box{
	height:207px;
    background-image:url(../img/index/top_box.png);
	background-repeat:no-repeat;
	background-position:top center;
	color:#000000;
	font-weight:bold;
}
.top_b1{
	max-width:450px;
	margin:0 auto;
	padding-top:25px;
}
.top_b2{
	display:block;
	font-size:125%;
	line-height:1.3;
    margin:20px 0 0 10px;
	float:left;
}
.top_b3{
    text-align:center;
	padding-top:8px;
}

/*　共通 news
----------------------------------------------------------*/
.news_img{
	width:127px;
	height:24px;
	display:inline-block;
	background-image:url(../img/index/news_img01.png);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
	padding-top:7px;
	font-size:80%;
}

/*　共通 plan
----------------------------------------------------------*/
.plan_b1{
	margin:30px auto;
}

/*　共通 oil
----------------------------------------------------------*/
.oil_bar{
	height:53px;
    background-image:url(../img/index/oil_bar.png);
	background-repeat:no-repeat;
	background-position:top center;
	color:#ffffff;
	font-size:130%;
	text-align:center;
	margin-top:20px;
	padding-top:14px;
}
.oil_box_txt1{
	width:480px;
	font-size:130%;
	margin:0 auto;
	padding-top:50px;
}
.oil_box_txt2{
	color:#e60012;
	font-size:200%;
	text-align:center;
	padding-top:20px;
}
.oil_box_txt3{
	color:#e60012;
	font-size:110%;
	text-align:center;
	padding-top:20px;
}

/*　共通 company
----------------------------------------------------------*/
.company_box1{
	width:518px;
	height:583px;
    background-image:url(../img/index/company_box1.png);
	background-repeat:no-repeat;
	background-position:top center;	
	color:#000000;
	font-weight:bold;
	margin-top:10px;
	padding-top:25px;
	padding-left:22px;
	float:left;
}
.company_b2{
	width:455px;
	margin:8px 0 0 22px;
}
.company_btn{
	width:226px;
	height:40px;
    background-image:url(../img/index/company_btn.png);
	background-repeat:no-repeat;
	background-position:top center;	
	color:#ffffff;
	font-size:110%;
	text-align:center;
	padding-top:14px;
	float:left;
}
.company_btn a{
	color:#ffffff;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  service.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　共通 
----------------------------------------------------------*/
.service_bar h2{
	display:inline;
	color:#4d4d4d;
	font-size:80%;
	padding-left:30px;
}

/*　共通 inspection
----------------------------------------------------------*/
.inspection_b2{
	width:312px;
    height:62px;
    background-image:url(../img/service/inspection_b2.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	margin:10px auto;
    padding:10px 25px;
}
.inspection_txt3{
	color:#000000;
	font-size:110%;
	font-weight:bold;
	margin:18px 20px 0;
	float:left;
}

/*　共通 parts
----------------------------------------------------------*/
.parts_b4{
	margin-left:30px;
}
.parts_txt1{
	width:300px;
    height:80px;
	color:#000000;
	font-size:150%;
	font-weight:bold;
	margin:40px 0 0 30px;
    float:left;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  max-width:640px（640px以下の場合）
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
@media only screen and (max-width: 640px){
	
.pc{
	display:none;
}	
.sp{
	display:block;
}

 /*  スマホ用メニュー
 ----------------------------------------------------------*/  

#Menu{	
    position: relative;
}
#menu-open{
	position:absolute;
    top: 0;
    right:0;	
}

.sp_menu li{
	display:block;
	width:450px;
	height:100px;
    background: #fff345;
    list-style: none;
    border-bottom: solid 1px #ffffff;
    float:left;	
}
.sp_menu li a{
    position: relative;
	font-size:130%;
    padding-left:30px;
	padding-top:35px;
    text-decoration: none;
    color: #000000;
    display: block;
}

#menu-content {
	width:450px ;
    top:0;
	right:0;
	position:absolute;
	display:none;
	z-index: 2 ;
	float:right;
}

/*  スマホ用メニューのため　ここまで
----------------------------------------------------------*/ 

/*　640px以下 main　
----------------------------------------------------------*/
#main{
	width:640px;
	margin:0 auto;
	position:relative;
}
.main_inner{
	width:640px;
}

/*　640px以下 ヘッダー　
----------------------------------------------------------*/
#header{
	width:100%;
	margin:0 auto;
}
.header_inner{
	width:640px;
	margin:0 auto;
}
.header_nav{
    margin:20px 0;
}

/*　640px以下 固定ボタン　
----------------------------------------------------------*/
.tel_bottom{
	bottom:0px;
	left:0px;
	position:fixed;
	z-index:5;
}
.floating{
	bottom:200px;
	right:0px;
	position:fixed;
	z-index:5;
}

/*　640px以下 フッター　
----------------------------------------------------------*/
#footer{
	width:100%;
	margin:0 auto 200px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  index.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　640px以下 top　
----------------------------------------------------------*/
.top_bg{
	height:738px;
    background-image:url(../img/index/sp_top_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

/*　640px以下 news
----------------------------------------------------------*/
.news_bg{
	height:676px;
    background-image:url(../img/index/sp_news_bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;	
	padding-top:25px;
}
.news_bar{
	height:60px;
    background-image:url(../img/index/sp_news_bar.png);
	background-repeat:no-repeat;
	background-position:top center;
	line-height:2;
	padding-top:20px;
	padding-left:450px;
}
.news_box{
	height:610px;
    background-image:url(../img/index/sp_news_box.png);
	background-repeat:no-repeat;
	background-position:top center;
	color:#000000;
	margin-top:25px;
	padding-top:25px;
}
.news_txt{
	width:83%;
	border-bottom:2px;
	border-bottom-style:dotted;
	border-bottom-color:#4d4d4d;
	color:#4d4d4d;
	font-size:140%;
	line-height:1.4;
	margin-left:55px;
	padding-top:15px;
	padding-bottom:10px;
}

/*　640px以下 plan　
----------------------------------------------------------*/
.plan_bg{
	height:546px;
    background-image:url(../img/index/sp_plan_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
.plan_bg1{
	height:306px;
    background-color:#8bc53f;
    background-image:url(../img/index/sp_plan_box1.png);
	background-repeat:no-repeat;
	background-position:center center;
	color:#000000;
	font-size:130%;
	font-weight:bold;
	text-align:center;
	position:relative;
}
.plan_bg2{
	height:843px;
    background-color:#ff7bab;
    background-image:url(../img/index/sp_plan_box2.png);
	background-repeat:no-repeat;
	background-position:center center;
	color:#000000;
	font-size:130%;
	font-weight:bold;
	text-align:center;	
}
.plan_bar{
    background-image:url(../img/index/sp_plan_bar.png);
	background-repeat:no-repeat;
	background-position:center 20px;
	color:#ffffff;
	font-size:120%;
	font-weight:bold;
	margin-top:10px;
	padding-top:30px;
}
.sp_plan{
	margin-top:-10px;
}
.sp_txt{
	width:550px;
	text-align:left;
	margin:15px auto 0;
}
.sp_txt2{
	width:510px;
	text-align:left;
	margin:0 auto;
}

/*　640px以下 oil　
----------------------------------------------------------*/
.oil_bg{
	height:848px;
    background-image:url(../img/index/sp_oil_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
.oil_bg1{
	height:804px;
    background-color:#009fe4;
    background-image:url(../img/index/sp_oil_box1.png);
	background-repeat:no-repeat;
	background-position:center center;
	color:#000000;
	font-size:130%;
	font-weight:bold;
	text-align:center;	
}
.oil_box{
	height:436px;
    background-image:url(../img/index/oil_box.png);
	background-repeat:no-repeat;
	background-position:top center;
	color:#000000;
	font-weight:bold;
	margin-top:10px;
}
.oil_b2{
	text-align:center;
	padding-top:50px;
}
.oil_b3{
	width:565px;
	margin:30px auto;
}

/*　640px以下 contents　
----------------------------------------------------------*/
.contents_bg{
	height:1690px;
    background-image:url(../img/index/sp_contents_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
.contents_box{
	width:582px;
    height:328px;
    background-image:url(../img/index/sp_contents_box.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	margin:10px auto;
	padding:10px 10px 0;
}
.contents_b1{
	width:231px;
    height:231px;
    background-image:url(../img/service/sp_followup_b2.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	color:#ffffff;
	font-size:180%;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
	margin:5px 0 8px 5px;
	float:left;
}
.contents_b2{
	width:520px;
	color:#000000;
	font-size:120%;
	font-weight:bold;
	margin:15px auto 0px;
}
.contents_b3{
	width:585px;
	margin:20px auto;
}
.contents_b4{
	padding:10px 0 0 9px;
	float:left;
}
.sp_ten{
	display:inline;
}

/*　640px以下 company
----------------------------------------------------------*/
.company_bg{
	height:2206px;
    background-image:url(../img/index/sp_company_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;	
}
.company_bar{
	height:46px;
    background-image:url(../img/index/sp_company_bar.png);
	background-repeat:no-repeat;
	background-position:top center;	
	color:#ffffff;
	font-size:120%;
	font-weight:bold;
	padding-top:9px;
	padding-left:70px;
}
.sp_company_box1{
	width:518px;
	height:583px;
    background-image:url(../img/index/company_box1.png);
	background-repeat:no-repeat;
	background-position:top center;	
	color:#000000;
	font-weight:bold;
	padding-top:25px;
	padding-left:22px;
	margin:0 auto 8px;
}
.company_b1{
	font-size:120%;
	line-height:1.5;
	margin:10px 0 0 20px;
}
.company_b3{
	width:550px;
	margin:20px auto 10px;
}

/*　640px以下 index text
----------------------------------------------------------*/
.index_txt{
	width:550px;
	margin:25px auto 50px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  service.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　640px以下
----------------------------------------------------------*/
.top_bar{
	width:640px;
    height:100px;
    background-image:url(../img/service/top_bar.jpg);
  	background-repeat:no-repeat;
   	background-position:top center;
}
.top_bar1{
	padding-top:25px;
}
.service_bar{
    height:46px;
    background-image:url(../img/service/sp_service_bar.png);
  	background-repeat:no-repeat;
   	background-position:top center;	
	color:#000000;
	font-size:110%;
	font-weight:bold;
	margin-bottom:20px;
    padding-top:10px;
	padding-left:50px;
}

/*　640px以下 sale
----------------------------------------------------------*/
.sale_bg{
    width:640px;
    height:634px;
    background-image:url(../img/service/sp_sale_bg.jpg);
  	background-repeat:no-repeat;
   	background-position:top center;
	padding-top:30px;
}
.sale_box{
	height:431px;
    background-image:url(../img/service/sp_sale_box.png);
	background-repeat:no-repeat;
	background-position:top center;	
	color:#000000;
	font-weight:bold;
	margin-top:30px;
}
.sale_txt{
	width:480px;
	font-size:120%;
	margin:0 auto;
	padding-top:50px;
}

/*　640px以下 box1 2 3
----------------------------------------------------------*/
.box1{
	width:595px;
    height:366px;
    background-image:url(../img/service/sp_box1.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	padding:10px 0 0 10px;
}
.sp_box1_d{
	width:593px;
    height:424px;
    background-image:url(../img/service/sp_box1_d.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	padding:10px 0 0 10px;
}
.box2{
	width:597px;
    height:534px;
    background-image:url(../img/service/sp_box2.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	padding:15px 0 0 14px;
}
.box3{
	width:595px;
    height:581px;
    background-image:url(../img/service/sp_box3.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	margin:0 auto;
	padding-top:10px;
}

/*　640px以下 mainte
----------------------------------------------------------*/
.mainte_bg{
    width:640px;
    height:1218px;
    background-image:url(../img/service/sp_mainte_bg.jpg);
  	background-repeat:no-repeat;
   	background-position:top center;
	padding-top:40px;
}
.mainte_b2{
	width:231px;
    height:186px;
    background-image:url(../img/service/sp_mainte_b2.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	color:#000000;
	font-size:120%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	margin:5px 0 8px 5px;
	padding-top:45px;
	float:left;
}
.mainte_b2_d{
	width:231px;
    height:200px;
    background-image:url(../img/service/sp_mainte_b2.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	color:#000000;
	font-size:120%;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	margin:5px 0 10px 5px;
	padding-top:31px;
	float:left;
}
.mainte_b3{
	width:520px;
	color:#000000;
	font-weight:bold;
	margin:15px auto 0px;
}
.mainte_b4{
	width:600px;
	margin:15px auto;
}
.sp_mainte_img{
	margin:12px 75px 0 80px;
	float:left;
}

/*　640px以下 inspection
----------------------------------------------------------*/
.inspection_bg{
    width:640px;
    height:1056px;
    background-image:url(../img/service/sp_inspection_bg.jpg);
  	background-repeat:no-repeat;
   	background-position:top center;
	padding-top:40px;
}
.inspection_b3{
	padding:10px 0 0 9px;
	float:left;
}
.inspection_b4{
	width:350px;
	margin:0 auto;
}
.inspection_txt1{
	color:#000000;
	font-size:180%;
	font-weight:bold;
	margin:30px 0 20px 50px;
}
.inspection_txt2{
	width:520px;
	color:#000000;
	font-weight:bold;
	margin:8px 0 5px 35px;
}
.sp_inspection_img{
	text-align:center;
}

/*　640px以下 followup
----------------------------------------------------------*/
.followup_bg{
    width:640px;
    height:1292px;
    background-image:url(../img/service/sp_followup_bg.jpg);
  	background-repeat:no-repeat;
   	background-position:top center;
	padding-top:40px;
}
.followup_b2_1{
	width:231px;
    height:213px;
    background-image:url(../img/service/sp_followup_b2.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	color:#000000;
	font-size:120%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	margin:5px 0 8px 5px;
	padding-top:18px;
	float:left;
}
.followup_b2_2{
	width:231px;
    height:161px;
    background-image:url(../img/service/sp_followup_b2.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	color:#000000;
	font-size:120%;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	margin:5px 0 10px 5px;
	padding-top:70px;
	float:left;
}
.followup_b2_3{
	width:231px;
    height:190px;
    background-image:url(../img/service/sp_followup_b2.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	color:#000000;
	font-size:120%;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	margin:5px 0 10px 5px;
	padding-top:41px;
	float:left;
}
.followup_txt{
	font-size:65%;
}

/*　640px以下 parts
----------------------------------------------------------*/
.parts_bg{
    width:640px;
    height:738px;
    background-image:url(../img/service/sp_parts_bg.jpg);
  	background-repeat:no-repeat;
   	background-position:top center;
	padding-top:40px;
}
.parts_b2{
	width:500px;
	margin:20px 0 0 20px;
}
.parts_b3{
    margin:20px 0 0 75px;
}
.parts_txt2{
	width:480px;
    height:100px;
	color:#000000;
	font-weight:bold;
	margin:20px 0 0 60px;
}

/*　640px以下 モーダル
----------------------------------------------------------*/
.sp_inspection_modal{
    height:1676px;
    background-image:url(../img/service/sp_inspection_modal.jpg);
  	background-repeat:no-repeat;
   	background-position:top center;	
}
#modal-content {
	width: 640px ;
	margin: 5200px 0 0 ;
	padding:0;
	background: #fff ;
	position:absolute;
	display: none ;
	z-index: 2 ;
}

}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  min-width: 641px（641px以上の場合）
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
@media only screen and (min-width: 641px){

.sp{
    display:none;
}

/*　640px以上 main　
----------------------------------------------------------*/
#main{
	width:100%;
	margin:0 auto;
	position:relative;
}
.main_inner{
	width:1280px;
	margin:0 auto;
}


/*　640px以上 ヘッダー　
----------------------------------------------------------*/
#header{
	width:100%;
	min-width:1280px;
	margin:0 auto;
}
.header_inner{
	width:1100px;
	margin:0 auto;
}
.header_nav{
    margin:10px 0;
}
.header_nav ul{
    float:right;
}
.header_nav li{
    background-image:url(../img/common/sign.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-right:45px;
	padding-top:25px;
	padding-left:30px;
	line-height:2;
	float:left
}

/*　640px以上 固定ボタン　
----------------------------------------------------------*/
.tel_right{
	top:0px;
	right:0px;
	position:fixed;
	z-index:5;
}
.floating{
	bottom:0px;
	right:0px;
	position:fixed;
	z-index:5;
}

/*　640px以上 フッター　
----------------------------------------------------------*/
#footer{
	width:100%;
	margin:0 auto;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  index.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　640px以上 top　
----------------------------------------------------------*/
.top_bg{
	height:650px;
    background-image:url(../img/index/top_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

/*　640px以上 plan
----------------------------------------------------------*/
.plan_bg{
	height:467px;
    background-image:url(../img/index/plan_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
.plan_bg1{
	height:321px;
    background-color:#8bc53f;
    background-image:url(../img/index/plan_box1.png);
	background-repeat:no-repeat;
	background-position:center center;
	color:#000000;
	font-size:130%;
	font-weight:bold;
	text-align:center;
}
.plan_bg2{
	height:650px;
    background-color:#ff7bab;
    background-image:url(../img/index/plan_box2.png);
	background-repeat:no-repeat;
	background-position:center center;
	color:#000000;
	font-size:130%;
	font-weight:bold;
	text-align:center;	
}

.plan_bar{
    background-image:url(../img/index/plan_bar.png);
	background-repeat:no-repeat;
	background-position:center 20px;
	color:#ffffff;
	font-size:120%;
	font-weight:bold;
	margin-top:10px;
	padding-top:32px;
}

/*　640px以上 news
----------------------------------------------------------*/
.news_bg{
	height:370px;
    background-image:url(../img/index/news_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;	
	padding-top:25px;
}
.news_bar{
	height:40px;
    background-image:url(../img/index/news_bar.png);
	background-repeat:no-repeat;
	background-position:top center;
	line-height:2;
	padding-top:10px;
	padding-left:990px;
}
.news_box{
	height:336px;
    background-image:url(../img/index/news_box.png);
	background-repeat:no-repeat;
	background-position:top center;
	color:#000000;
	padding-top:25px;
}
.news_txt{
	width:85%;
	border-bottom:2px;
	border-bottom-style:dotted;
	border-bottom-color:#4d4d4d;
	color:#4d4d4d;
	vertical-align:text-bottom;
	margin-left:95px;
	padding-top:5px;
	padding-bottom:10px;
}

/*　640px以上 oil
----------------------------------------------------------*/
.oil_bg{
	height:750px;
    background-image:url(../img/index/oil_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	padding-left:70px;
}
.oil_bg1{
	height:600px;
    background-color:#009fe4;
    background-image:url(../img/index/oil_box1.png);
	background-repeat:no-repeat;
	background-position:center center;
	color:#000000;
	font-size:130%;
	font-weight:bold;
	text-align:center;	
}
.oil_box{
	width:610px;
	height:436px;
    background-image:url(../img/index/oil_box.png);
	background-repeat:no-repeat;
	background-position:top center;
	color:#000000;
	font-weight:bold;
	margin-top:10px;
}
.oil_b1{
	width:1020px;
	margin:0 auto 50px;
	padding-top:90px;
}
.oil_b2{
	float:left;
}
.oil_b3{
	width:565px;
	margin-top:30px;
	float:left;
}

/*　640px以上 contents
----------------------------------------------------------*/
.contents_bg{
	height:748px;
    background-image:url(../img/index/contents_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
.contents_box{
	width:270px;
	height:384px;
    background-image:url(../img/index/contents_box.png);
	background-repeat:no-repeat;
	background-position:top center;
	color:#000000;
	font-weight:bold;
	padding-top:15px;
	padding-left:10px;
	float:left;
}
.contents_b1{
	width:259px;
	height:45px;
    background-image:url(../img/index/contents_b1.png);
	background-repeat:no-repeat;
	background-position:top center;
	color:#ffffff;
	font-size:150%;
	font-weight:bold;
	text-align:center;
	margin-top:8px;
	padding-top:15px;
}
.contents_b2{
	font-size:110%;
	line-height:1.6;
	padding-top:10px;
	padding-left:15px;
}
.contents_b3{
	width:1120px;
	margin:40px auto 0;
}

/*　640px以上 company
----------------------------------------------------------*/
.company_bg{
	height:1414px;
    background-image:url(../img/index/company_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;	
}
.company_bar{
	height:34px;
    background-image:url(../img/index/company_bar.png);
	background-repeat:no-repeat;
	background-position:top center;	
	color:#ffffff;
	font-size:120%;
	font-weight:bold;
	padding-top:9px;
	padding-left:110px;
}
.company_box2{
	width:1101px;
	height:360px;
    background-image:url(../img/index/company_box2.png);
	background-repeat:no-repeat;
	background-position:top center;	
	color:#000000;
	font-weight:bold;
	margin:10px auto;
	padding-top:25px;
	padding-left:22px;
}
.company_box2_img{
	float:left;
	padding-left:10px;
}
.company_b1{
	margin:15px 0 0 20px;
}
.company_b3{
	width:1100px;
	margin:20px auto 30px;
}
.company_b4{
	margin:0 50px;
	float:left;
}
.pc_fl{
	float:left;
}

/*　640px以上 index text
----------------------------------------------------------*/
.index_txt{
	width:1100px;
	margin:25px auto 50px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  service.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　640px以上
----------------------------------------------------------*/
.top_bar{
	width:100%;
    height:100px;
    background-image:url(../img/service/top_bar.jpg);
  	background-repeat:x-repeat;
   	background-position:top center;
}
.top_bar1{
	width:1180px;
	margin:0 auto;
	padding-top:25px;
	padding-left:90px;
}
.service_bar{
    height:32px;
    background-image:url(../img/service/service_bar.png);
  	background-repeat:no-repeat;
   	background-position:top center;	
	color:#000000;
	font-size:110%;
	font-weight:bold;
	margin-bottom:20px;
    padding-top:10px;
	padding-left:110px;
}

/*　640px以上 sale
----------------------------------------------------------*/
.sale_bg{
    height:477px;
    background-image:url(../img/service/sale_bg.jpg);
  	background-repeat:no-repeat;
   	background-position:top center;
	padding-top:30px;
}
.sale_box{
	height:361px;
    background-image:url(../img/service/sale_box.png);
	background-repeat:no-repeat;
	background-position:top center;	
	color:#000000;
	font-weight:bold;
	margin-top:30px;
}
.sale_txt{
	max-width:850px;
	font-size:110%;
	margin:0 auto;
	padding-top:50px;
}

/*　640px以上 box1 2 3
----------------------------------------------------------*/
.box1{
	width:351px;
    height:545px;
    background-image:url(../img/service/box1.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	padding:15px 0 0 12px;
	float:left;
}
.box2{
	width:720px;
    height:545px;
    background-image:url(../img/service/box2.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	padding:15px 0 0 14px;
	float:left;
}
.box3{
	width:1110px;
    height:388px;
    background-image:url(../img/service/box3.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	margin:0 auto;
}

/*　640px以上 mainte
----------------------------------------------------------*/
.mainte_bg{
    height:709px;
    background-image:url(../img/service/mainte_bg.jpg);
  	background-repeat:no-repeat;
   	background-position:top center;
	padding-top:40px;
}
.mainte_b2{
	width:313px;
    height:105px;
    background-image:url(../img/service/mainte_b2.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	color:#000000;
	font-size:120%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	margin:20px 0 0 13px;
}
.mainte_b2_d{
	width:313px;
    height:105px;
    background-image:url(../img/service/mainte_b2.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	color:#000000;
	font-size:120%;
	font-weight:bold;
	line-height:1.1;
	text-align:center;
	margin:20px 0 0 13px;
}
.mainte_b3{
	width:290px;
	color:#000000;
	font-weight:bold;
	margin:15px auto;
}
.mainte_b4{
	width:1100px;
	margin:15px auto;
}

/*　640px以上 inspection
----------------------------------------------------------*/
.inspection_bg{
    height:709px;
    background-image:url(../img/service/inspection_bg.jpg);
  	background-repeat:no-repeat;
   	background-position:top center;
	padding-top:40px;
}
.inspection_b4{
	width:350px;
	float:left;
}
.inspection_txt1{
	color:#000000;
	font-size:180%;
	font-weight:bold;
	margin:30px 0 0 20px;
}
.inspection_txt2{
	width:280px;
	color:#000000;
	font-weight:bold;
	margin:20px 0 30px 20px;
}

/*　640px以上 followup
----------------------------------------------------------*/
.followup_bg{
    height:709px;
    background-image:url(../img/service/followup_bg.jpg);
  	background-repeat:no-repeat;
   	background-position:top center;
	padding-top:40px;
}
.followup_b2_1{
	width:313px;
    height:105px;
    background-image:url(../img/service/followup_b2.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	color:#000000;
	font-size:120%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	margin:20px 0 0 13px;
}
.followup_b2_2{
	width:313px;
    height:105px;
    background-image:url(../img/service/followup_b2.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	color:#000000;
	font-size:120%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	margin:20px 0 0 13px;
}
.followup_b2_3{
	width:313px;
    height:105px;
    background-image:url(../img/service/followup_b2.png);
  	background-repeat:no-repeat;
   	background-position:top center;
	color:#000000;
	font-size:120%;
	font-weight:bold;
	line-height:1.1;
	text-align:center;
	margin:20px 0 0 13px;
}
.followup_txt{
	font-size:65%;
	margin-top:10px;
}

/*　640px以上 parts
----------------------------------------------------------*/
.parts_bg{
    height:567px;
    background-image:url(../img/service/parts_bg.jpg);
  	background-repeat:no-repeat;
   	background-position:top center;
	padding-top:40px;
}
.parts_b2{
	width:500px;
	float:left;
}
.parts_b3{
	float:right;
    padding:15px;
}
.parts_txt2{
	width:480px;
    height:150px;
	color:#000000;
	font-weight:bold;
	margin:30px 0 0 40px;
}

/*　640px以上 モーダル
----------------------------------------------------------*/
.inspection_modal{
    height:1432px;
    background-image:url(../img/service/inspection_modal.jpg);
  	background-repeat:no-repeat;
   	background-position:top center;	
}
#modal-content {
	width: 1088px ;
	margin: 3200px auto 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position:absolute;
	display: none ;
	z-index: 2 ;
}

}
