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

#price_wrap{
    width: 100%;
    margin:  0 auto;
    min-width: 1000px;

}

.price{
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0 0 0;
}

.p_midashi img{
    width: 380px;
}


/*見積り、代車無料項目*/
.mitumori_muryou{
    width: 90%;
    margin: 20px auto;
    background-image: url("../img/price/muryou_back.png");
    height: 100px;
    background-size: cover;
    text-align: center;
     color: #c30d23;
    padding: 10px 0;
    
}

.mitumori_muryou strong{
       padding: 20px;
    font-size: 50px;
    display: block;
    font-weight: 700;
    letter-spacing: -2px;
    
}
.mitumori_muryou span{
    font-size: 18px;
    font-weight: 700;
    
}

/*4つの割引特典*/

.tokuten {
  
    margin: 50px auto 0;
    background-image:url("../img/price/tokuten_back.png");
    background-position: bottom;

}

.tokuten_midashi{
    width: 400px;
    margin: 0 auto;
    text-align: center;
}

.tokuten_list ul{
    display: flex;
    margin: 50px auto;
}

.tokuten_list li {
      color: #3e3a39;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
        width: 100%;
    background-image:url("../img/price/tokuten_list_back.png");;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    padding: 30px 0;
    border-left: 1px solid #ffcc00;
    border-right: 1px solid #ffcc00;

}

.tokuten_list li:nth-child(2) {
     border-left: none;
}


.tokuten_list li:nth-child(3) {
     border-left: none;
}

.tokuten_list li:nth-child(4) {
     border-left: none;
}



.tokuten_list li span{
    color: #FFFFFF;
    background-color: #e83828;
    width: 80px;
    font-size: 18px;
    font-weight: 700;
    padding: 10px;
    
}


.tokuten_list li p{
    height: 70px;
    padding: 20px 0;
    font-size: 20px;
    font-weight: 700;
    justify-content: center;
    display: flex;
    align-items: center;
}
 



.tokuten_list li strong{
    font-size: 36px;
    font-weight: 900;
    color: #e83828;
    
     /*background: linear-gradient(transparent 60%,  #ffcc00 40%);*/
    border-bottom: 20px solid #ffcc00;
    
}

.tokuten_down{
    text-align: center;
}

.tokuten_down p{
    font-size: 26px;
    font-weight: 900;
    padding: 20px 0;
}


.tokuten_down span{
    display: block;
    color: #c30d23;
    padding: 0 0 20px 0;
}



.tokuten_arrow{
    width: 200px;
    margin: 0 auto;
    text-align: center;
}

.tokuten_waribiki{
    width: 500px;
    margin: 0 auto;
    
}


/*****料金table*****/
.price_table{
    margin: 0 auto 80px;
}

.price_table table{
   /* display: flex;*/
    width: 100%;
    margin: 0 auto 20px;
}

.price_table tbody{
    /*display: flex;*/
    width: 100%;
}


.price_table tr{
    /*display: flex;*/
    width: 100%;
}



.price_table th,.price_table td{
    text-align: center;
    padding: 10px 0;
    vertical-align:middle;
}



/*******表黄色部分********/

.price_koumoku th,.price_koumoku td{
    background: #ffcc00;
    border: 1px solid #ea5514;
    font-weight: 900;
    color: #e83828;
}



/*******表通常項目部分********/
.kaku_koumoku th,.kaku_koumoku td{
    background: #fffde5;
    border: 1px solid #ffcc00;
    color: #595757;
}

.kaku_koumoku th{
    font-weight: 900;
}


/*******表通常項目部分********/
.kaku_koumoku th,.kaku_koumoku td{
    background: #fffde5;
    border: 1px solid #ffcc00;
    color: #595757;
}

.kaku_koumoku th{
    font-weight: 900;
}


/*******法定費用項目********/
.houtei_koumoku{
    writing-mode: vertical-rl;
    width: 20px;
}

/*******項目合計部分********/

.kaku_koumoku_goukei th,.kaku_koumoku_goukei td{
    color: #e60012;
    background: #fffde5;
    border: 1px solid #ffcc00;
}

.kaku_koumoku_goukei th{
    font-weight: 900;
}




/*******割引合計部分********/

.goukei_koumoku th,.goukei_koumoku td{
    color:#FFFFFF;
    background: #e60012;
    border: #ffcc00 1px solid;
	font-weight: 900;
    
}


.goukei_koumoku th{
    color:#ffcc00;
    font-weight: 900;
}


.sp_text{
    display: none;
}





/*********オプション********/

.optipn_table b{
    font-size: 28px;
    font-weight: bold;
    padding:0 0 20px;
    display: block;
    
}

.optipn_table table{
    margin: 10px auto;
    
}

.optipn_table tr{
    
}

.optipn_table th,.optipn_table td{
    border: 1px solid #898989;
    text-align: center;
     vertical-align: middle;
    width: 20%;
    padding: 10px;
    
}

.optipn_table th{
    font-weight: 900;
    background-color: #f7f8f8;
    
}

.optipn_table dl{
    margin: 10px auto;
}


.optipn_table dt{
    font-weight: bold;
    padding: 4px 0;
}

.optipn_table dd{
    border-bottom: 1px solid #dcdddd;
    margin: 0 auto 10px;
    width: 96%;
}


/*********自動車重量税************/

.tax_table{
    width: 1000px;
    margin: 40px auto;
}

.tax_table p{
    padding: 20px 0;
}

.tax_table table{
    width: 100%;
    margin: 20px auto;
    
}

.tax_table tr{
    
}


.tax_table th,.tax_table td{
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    
}

/*****ポリマーガード********/
.guard_table{
    width: 1000px;
    margin: 40px auto 100px;
    min-width: 1000px;
}

.guard_table table{
    width: 100%;
    margin: 20px auto;
}

.guard_table th,.guard_table td{
     padding: 10px;
    text-align: center;
    vertical-align: middle;
    
}









/***********************************
スマホ用css(768px~)
***********************************/

@media screen and (max-width: 768px) {

    
#price_wrap{
    min-width: inherit;

}
    
.sp_text{
    display: inherit;
}

    

.price{
    width: 100%;
}

.p_midashi img{
    width: 70%;
}


/*見積り、代車無料項目*/
.mitumori_muryou{
    width: 100%;
    margin: 40px auto 20px;
    height: inherit;
    padding: 8vw 0;
    
}

.mitumori_muryou strong{
    font-size: 9vw;
    font-weight: 900;
    letter-spacing: -2px;
    
}
.mitumori_muryou span{
    font-size: 3.4vw;    
	width: 90%;
	display: block;
	margin: 1% auto;
}

/*4つの割引特典*/

.tokuten {
  
    margin: 50px auto 0;
    background:none;

}

.tokuten_midashi{
    width: 80%;
}

.tokuten_list ul{
        flex-wrap: wrap;
	flex-direction: column;

}

.tokuten_list li {
    border:none;
    width: 100%;
	margin: 0 auto;
	
	/*背景*/
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
}



.tokuten_list li span{
	width: 20%;
font-size: 5vw;
}


.tokuten_list li p{
    font-size: 4.5vw;
}
 

.tokuten_list li br{
	display: none;
}
 



.tokuten_list li strong{
    font-size:12vw;
}

.tokuten_down{
		
}
	
.tokuten_down p,.tokuten_down span{
	font-size: 5vw;
}

	
.tokuten_waribiki {
    width: 80%;
    margin: 0 auto;
}


    

/*****料金table*****/

.price_table {
	width: 95%;
	
}	

.price_table table{
   /* display: flex;*/
    width: 100%;
    margin: 0 auto 20px;
	overflow-x: auto;
    display: block;
	 white-space: nowrap;
}

.price_table table th,.price_table table td{
	 white-space: nowrap;
	padding: 3vw;
}
	
	
.price_table p{
	font-size: 3.5vw;
	width: 90%;
	padding: 0.5vw 0;
	margin: 0 auto;
	

}
	
.price_koumoku th,.price_koumoku td {
	
	padding: 1vw;
}
	
.kaku_koumoku th {
    font-weight: 900;
    padding: 2vw;
}



/*********オプション********/

.optipn_table {
  width: 90%;
	margin: 0 auto;
}

.optipn_table b {
	font-size: 5vw;
}

.optipn_table table{
     overflow-x: auto;
    display: block;
}

.optipn_table tr{
    
}

.optipn_table th,.optipn_table td{
     white-space: nowrap;

}

.optipn_table th{
}

.optipn_table dl{
}


.optipn_table dt,.optipn_table dd{
font-size: 3.5vw;
}

.optipn_table dd{
	width: 100%;

}
	


/*********自動車重量税************/

.tax_table{
    width: 90%;
    margin: 40px auto;

}

.tax_table p{
	font-size: 3.5vw;
}

.tax_table table{
    width: 100%;
    margin: 20px auto;
	overflow-x: auto;
    display: block;
}

.tax_table tr{
    
}


.tax_table th,.tax_table td{
      white-space: nowrap;
}
    
/*****ポリマーガード********/
.guard_table{
    width: 90%;
    margin: 0 auto 4vw;
    min-width: inherit;
}

.guard_table table{
    width: 100%;
    margin: 20px auto;
	overflow-x: auto;
    display: block;
}

.guard_table th,.guard_table td{
     padding: 10px;
    text-align: center;
    vertical-align: middle;
	white-space: nowrap;
    
}

	.guard_table p{
		font-size: 3.5vw;
		padding: 1vw 0;
	}
    
	


}/****スマホ用css(768px~)ここまで*******/