/* CSS Document */
@charset "utf-8";
body {
    font-size: 14px;
    line-height: 1.5em;
    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    background-color: #F2F2F2;
}
body img {    display: block; }

.sp_display{display:none; }


/***********************************
* link
***********************************/
a:hover img{opacity: 0.8;}
a:link{color:#F83D0F;text-decoration:none;}
a:visited{color: #222222;text-decoration:none;}
a:hover{color:#ff004e;text-decoration:none;}
a:active{color:#0bd;text-decoration:none;}


/***********************************
* 個別マージン
***********************************/
.mt10{  margin-top:10px;}
.mt20{  margin-top:20px;}
.mt40{  margin-top:40px;}

.mb10{  margin-bottom:10px;}
.mb20{  margin-bottom:20px;}
.mb30{  margin-bottom:30px;}
.mb50{  margin-bottom:50px;}

/***********************************
* header
***********************************/
header{
    margin: 0 auto;
    width: 100%;
    /* position: fixed; */
}

.headerWrap_top {
	display: flex;
	padding: 10px;
	position: relative;
  background-color: #fff;
}
.header_inner {
	display: flex;
  align-items: center;
}
.header_logo_box {
	background-color: #000;
	padding: 1px;
	width: 50px;
	border-radius: 50%;
}

.headerWrap_top p {
  box-sizing: border-box;
	font-size: 11px;
	color: #fff;
	padding: 0px 10px;
	background-color: #6a7c91;
	position: absolute;
  top: 0px;
	width: 100%;
}


    header #headerWrap{
        margin: 0 auto;
        width: 100%;
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
        flex-wrap:wrap;
        -webkit-justify-content: space-between; /* Safari */
        justify-content:         space-between;
    }
        header #header_logoArea {
            width: 52%;
            box-sizing: border-box;
        }
            header #header_logoArea h1{
                display: block;
                width: 100%;
                background-color: #000;
                overflow: scroll;
                white-space: nowrap;
            }
                header #header_logoArea h1 a{
                    padding: 5px 10px;
                    box-sizing: border-box;
                    display: block;
                    width: 100%;
                    font-size: 12px;
                    line-height: 100%;
                }
            header #header_logoArea h2{
                display: block;
                height: auto;
                /* background-image: url(../img/logo_white.svg);
                background-repeat: no-repeat;
                background-size: 26px;
                background-position: 10px 50%; */
            }
                header #header_logoArea #headerTell a{
                    display: none;
                }
    /*            header #header_logoArea h2 img{
                    display: block;
                    width: 34px;
                    height: 34px;
                }*/
                    header #header_logoArea h2 a {
                        padding: 15px 10px 0;
                        /* padding-left: 40px; */
                        box-sizing: border-box;
                        display: inline-block;
                        font-size: 0.8em;
                        text-align: center;
                        color: #000;
                    }
                        header #header_logoArea h2 a span{
                            display: inline-block;
                            font-size: 1.5em;
                        }
    header #header_menuArea{
        padding: 5px;
        box-sizing: border-box;
    }
        header #header_menuArea > div{
            /* padding: 7px; */
            box-sizing: border-box;
            text-align: center;

        }
        header #header_menuArea > div > button {
        	padding: 12px 10px;
        	background-color: #f9f9f9;
        	box-sizing: border-box;
        	/* width: 50%; */
        	text-align: center;
        	border: none;
        	border-radius: 3px;
        	border: 1px solid;
          color: #000;
        }
        header #header_menuArea nav{
            display: none;
            background-color: #000;
            z-index: 999;
        }
            header #header_menuArea nav#menuaa {
            	position: absolute;
            	top: 83px;
            	width: 100%;
            	left: 0;
            }
            header #header_menuArea nav ul{
                width: 100%;
                display:-ms-flexbox;/*--- IE10 ---*/
                display:-webkit-flex;/*--- safari（PC）用 ---*/
                display:flex;
                -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                flex-wrap:wrap;
                -webkit-justify-content: flex-start; /* Safari */
                justify-content:         flex-start;
            }
                header #header_menuArea nav ul li{
                    width: 100%;
                    display: inline-block;
                }
                    header #header_menuArea nav ul li > a{
                        padding: 15px 10px 15px 24px;
                        box-sizing: border-box;
                        display: block;
                        color: #FFF;
                        font-size: 1em;
                        line-height: 100%;
                        border-bottom: 1px solid #333;
                        background-image: url(../img/icon_arr02_right_white.svg);
                        background-repeat: no-repeat;
                        background-position: 12px 50%;
                        background-size: 5px;
                        font-weight: bold;
                    }
                    header #header_menuArea nav ul li > span {
                      	display: block;
                      	color: #888;
                      	position: relative;
                      	padding: 10px 0 10px 24px;
                    }
                    header #header_menuArea nav ul li > span::before {
                      	content: '';
                      	position: absolute;
                      	width: 6px;
                      	height: 6px;
                      	border-right: 1px solid #888;
                      	border-bottom: 1px solid #888;
                      	transform: rotate(45deg);
                      	top: 15px;
                      	left: 10px;
                    }
                    header #header_menuArea nav ul li > a span{
                        display: inline-block;
                        margin-left: 5px;
                        font-size: 70%;
                    }
/*                    header #header_menuArea nav ul li a:nth-child(2n){
                        border-right: none;
                    }*/
                        header #header_menuArea nav ul li ul{
                            display:-ms-flexbox;/*--- IE10 ---*/
                            display:-webkit-flex;/*--- safari（PC）用 ---*/
                            display:flex;
                            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                            flex-wrap:wrap;
                            -webkit-justify-content: flex-start; /* Safari */
                            justify-content:         flex-start;
                            background-color: #333;
                        }
                            header #header_menuArea nav ul li ul li{
                                width: 50%;
                            }
                                header #header_menuArea nav ul li ul li a{
                                    padding: 10px 5% 10px 15%;
                                    box-sizing: border-box;
                                    border-right:  1px solid #222;
                                    border-bottom:  1px solid #222;
                                    font-weight: normal;
                                    font-size: 0.9em;
                                    background-size: 3px;
                                }
                                    header #header_menuArea nav ul li ul li:nth-child(2n) a{
                                        border-right:  none;
                                    }


/***********************************
* contents
***********************************/

/****** メインイメージ部分 ******/
#mainImg{
    padding:0px 0 0px;
    width: 100%;
    background-color: #555;
    background-image: url(../img/bg_main01.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size:  cover;
    display: block;
}
    #mainImg #mainImgWrap{
        margin: 0 auto;
        width: 100%;
    }
        #mainImg #mainImgWrap ul.slider{

        }
            #mainImg #mainImgWrap ul.slider ul li{
                width: auto;
                display: inline-block;
            }
            #mainImg #mainImgWrap ul.slider  li{
                width: 100%;
            }
                #mainImg #mainImgWrap ul.slider  li img{
                    width: 100%;
                    display: block;
                    height: auto;
                }


/****** ニュース、ブログ用ボックス ******/
#infoArea {
	/* margin-top: 10px; */
	/* margin-bottom: 20px; */
	width: 100%;
	padding: 10px 0;
	background-color: #fff;
}
#infoArea #infoAreaWrap{
    margin: 0px auto;
    width: 95%;
}

#staffblogBox{
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    background-color: #FFF;
}
    #staffblogBox a{
        width: 100%;
        display: block;
        height: auto;
    }
        #staffblogBox a img{
            width: 100%;
            display: block;
            height: auto;
        }

.newsBox{
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;
    padding-left: 5px;
    align-items: center;
}
    .newsBox dt{
        width: 15%;
        font-size: 1.2em;
    }
        .newsBox dt span.newsBox_title {
            width: 30%;
            padding: 0 0 10px;
            box-sizing: border-box;
            display: block;
        }
        .newsBox dt a{
            /* padding: 10px 4%; */
            box-sizing: border-box;
            display: block;
            /* background-color: #222; */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            font-size: 88%;
            color: #000;
        }
        .newsBox dt a span{
        }
            .newsBox dt a img {
                display: inline-block;
                width: 11px;
                height: auto;
                object-fit: cover;
                margin-left: 5px;
                background-color: #000;
                padding: 1px;
                border-radius: 50%;
            }
    .newsBox dd{
        width: 85%;
        padding: 10px;
        box-sizing: border-box;
    }
        .newsBox dd ul{
          border-left: 1px solid #000;
        }
            .newsBox dd ul li{
                /* margin-bottom: 5px; */
            }

                .newsBox dd ul li a{
                    padding: 5px 20px;
                    box-sizing: border-box;
                    display: block;
                    color: #000;
                }
                    .newsBox dd ul li a > span {
                        box-sizing: border-box;
                        display: block;
                        width: 100%;
                        color: #999;
                        font-size: 11px;
                        font-weight: bold;
                        line-height: 1.5;
                    }
                    .newsBox dd ul li a > p{
                        display: block;
                        width: 100%;
                        font-size: 13px;
                    }

/****** ニュース、ブログ用ボックス02 ******/
.newsBox02{
    width: 100%;
}
    .newsBox02 dt{
        background-color: #333;
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
        flex-wrap:wrap;
        -webkit-justify-content: space-between; /* Safari */
        justify-content:         space-between;
        font-size: 20px;
    }
        .newsBox02 dt span{
            padding: 15px;
            box-sizing: border-box;
            display: block;
            color: #FFF;
            width: 90%;
        }
        .newsBox02 dt a{
            padding: 2%;
            box-sizing: border-box;
            width: 10%;
            display: block;
            color: #FFF;
            background-color: #222;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
            .newsBox02 dt a img{
                display: block;
                width: 100%;
                height: auto;
                object-fit: cover;
            }
    .newsBox02 dd{
        box-sizing: border-box;
        background-color: #FFF;
    }
        .newsBox02 > dd > ul{
            padding: 20px;
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content: space-between; /* Safari */
            justify-content:         space-between;
        }
            .newsBox02 dd > ul > li{
                padding: 10px 0;
                border-bottom: 1px solid #DDD;
                margin-bottom: 15px;
                width: 100%;
            }
                .newsBox02 dd > ul > li .listWrap{
                    display:-ms-flexbox;/*--- IE10 ---*/
                    display:-webkit-flex;/*--- safari（PC）用 ---*/
                    display:flex;
                    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                    flex-wrap:wrap;
                    -webkit-justify-content: space-between; /* Safari */
                    justify-content:         space-between;
                }
                    .newsBox02 dd > ul > li .listWrap > a{
                        display: block;
                        width: 30%;
                        height: auto;
                    }
                    .newsBox02 dd > ul > li .listWrap a > figure{
                        margin-bottom: 5px;
                        display: block;
                        width: 100%;
                        height: 80px;
                        overflow: hidden;
                        position: relative;
                    }
                        .newsBox02 dd > ul > li .listWrap a > figure > img{
                            display: block;
                            width: 100%;
                            height: 100%;
                            object-fit:cover;
                            position: absolute;

                        }
                    .newsBox02 dd ul > li h4{
                        margin-bottom: 10px;
                    }
                        .newsBox02 dd ul > li h4 a{
                            margin-bottom: 5px;
                            font-size: 1.4em;
                            font-weight: bold;
                        }
                    .newsBox02 dd ul > li .wrap{
                        width: 65%;
                    }
                        .newsBox02 dd ul > li .wrap time{
                            padding-left: 16px;
                            box-sizing: border-box;
                            margin-bottom: 10px;
                            font-size: 0.9em;
                            line-height: 100%;
                            background-image: url(../img/icon_time_gray.svg);
                            background-repeat: no-repeat;
                            background-position: 0 50%;
                            background-size: 10px;
                            display: block;
                        }

                    ul.post-categories{
                        display: block;
                    }
                        ul.post-categories > li{
                            margin-right: 3px;
                            margin-bottom: 3px;
                            display: inline-block;
                        }
                            ul.post-categories > li > a{
                                padding: 5px 10px 5px 10px;
                                line-height: 100%;
                                background-color: #EFEFEF;
                                color: #000;
                                font-size: 0.65em;
                                display: block;
                                border-radius: 3px;
                                box-sizing: border-box;
                            }



/****** カレンダー ******/
#calBox{
    width: 100%;
}
    #calBox a{
        padding: 10px 20px 10px;
        box-sizing: border-box;
        display: block;
        width: 100%;
        background-color: #4199C7;
        color: #FFF;
                    display:-ms-flexbox;/*--- IE10 ---*/
                    display:-webkit-flex;/*--- safari（PC）用 ---*/
                    display:flex;
                    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                    flex-wrap:wrap;
                    -webkit-justify-content: flex-start; /* Safari */
                    justify-content:         flex-start;
    }
            #calBox a p{
                padding: 5px 0 0;
                box-sizing: border-box;
                font-size: 1.5em;

            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            }
            #calBox a img{
                margin-right: 3%;
                display: block;
                width: 12%;
                max-width: 50px;
                height: auto;
            }

/* 板金エリア
*******************************/
section#bankinArea{
    padding: 40px 0;
    background-color: #f8f8f8;
    /* background-image: url(../img/bg_bankin.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size:  cover; */
}
    section#bankinArea h3{
        margin-bottom: 10px;
        display: block;
        width: 100%;
        color: #000;
        font-size: 2em;
        line-height: 1.2em;
        text-align: center;
        font-weight: bold;
        position: relative;
        z-index: 0;
    }

    section#bankinArea h3 span {
    	margin-top: 20px;
    	display: inline-block;
    	/* width: 100%; */
    	font-size: 0.4em;
    	position: relative;
    	border-bottom: 1px solid;
    	padding: 0 15px 0 5px;
      color: #999;
      line-height: 1.7;
    }
    section#bankinArea h3 span::after {
    	width: 10px;
    	border-bottom: 1px solid;
    	content: "";
    	position: absolute;
    	bottom: 2px;
    	transform: rotate(42deg);
    	right: -2px;
    }
    section#bankinArea #bankinAreaWrap{
        margin: 0 auto;
        width: 100%;
        z-index: 50;
        /* display:flex;
        overflow:scroll; */
    }



/****** 板金メニュー ******/
ul.bankinMenuList{
    margin: 0 5px 10px;
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    width: max-content;
}
    .bankinMenuList li{
        flex-shrink: 0;
        margin: 8px;
        width: 160px;
        background-color: #FFF;
        border-radius: 10px;
        box-shadow: 0 0 15px 0px #eee;
    }
        .bankinMenuList li a{
            display:block;
            color: #000;
        }
            .bankinMenuList li a .bankinMenuList_wrap{
                display:-ms-flexbox;/*--- IE10 ---*/
                display:-webkit-flex;/*--- safari（PC）用 ---*/
                display:flex;
                -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                flex-wrap:wrap;
                -webkit-justify-content: space-between; /* Safari */
                justify-content:         space-between;
                position: relative;
            }
                .bankinMenuList li a .bankinMenuList_wrap span.num {
                    display: block;
                    position: absolute;
                    color: #fff;
                    font-size: 2.5em;
                    font-weight: bold;
                    left: 0px;
                    top: 83px;
                }
                .bankinMenuList li a .bankinMenuList_wrap span.more {
                	padding: 2px 15px 4px 10px;
                	display: block;
                	position: absolute;
                	right: 0px;
                	top: 15px;
                	background-image: url(../img/icon_arr02_right_white.svg);
                	background-repeat: no-repeat;
                	background-size: 5px;
                	background-position: 90% 50%;
                	color: #FFF;
                	line-height: 1;
                	background-color: rgba(0,0,0,0.6);
                	/* border: 1px solid; */
                	font-size: 12px;
                }
                .bankinMenuList li a .bankinMenuList_wrap .imgWrap{
                }
                    .bankinMenuList li a .bankinMenuList_wrap .imgWrap img{
                        display:block;
                        width: 100%;
                        height: auto;
                        /* transform:skewX(10deg) scale(3.4); */
                        /* object-fit: cover; */
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                    }
                .bankinMenuList li a .bankinMenuList_wrap .textWrap{
                    padding: 10px 6% 10px;
                    box-sizing: border-box;
                    display:inline-block;
                }
                    .bankinMenuList li a .bankinMenuList_wrap .textWrap .textWrapWrap{
                        font-size: 0.8em;
                        line-height: 1.5em;
                    }
                        .bankinMenuList li a .bankinMenuList_wrap .textWrap .textWrapWrap h4{
                            margin-bottom: 10px;
                            font-size: 1.3em;
                            font-weight: bold;
                        }


/* スクロールバー装飾 */
.simplebar-track {
    background: #E5E5E5; /* バーの背景色を設定できます*/
    border-radius: 10px;　/* バーに丸みをもたせる*/
}
.simplebar-track .simplebar-scrollbar.simplebar-visible::before{
  opacity:1;　/* デフォルトだと薄くなっています。*/
}
.simplebar-track .simplebar-scrollbar::before{
  background: #6a7c91;　/* ここでバーの色を設定 */
}


/* 代車・お支払いについて
*******************************/
#pay_daisha_area ul {
  padding: 10px 20px;
}
#pay_daisha_area ul li {
  width: 100%;
  box-shadow: 0 0 15px #ddd;
  margin: 20px 0;
}
#pay_daisha_area ul li img {
  width: 100%;
}


/* ご利用の流れ
*******************************/
section#flow_area {
	padding: 50px 0;
	background-color: #fff;
}
section#flow_area h3 {
	margin-bottom: 40px;
	display: block;
	width: 100%;
	color: #000;
	font-size: 2em;
	line-height: 1.2em;
	text-align: center;
	font-weight: bold;
	position: relative;
	z-index: 0;
}
section#flow_area h3::after {
	/* content: "Body repair & paint Menu"; */
	content: "Flow of usage";
	display: block;
	width: 100%;
	color: #eee;
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	position: absolute;
	z-index: -1;
	top: -10px;
}
section#flow_area h3 span {
	margin-top: 20px;
	display: inline-block;
	/* width: 100%; */
	font-size: 0.5em;
	position: relative;
}
section#flow_area h3 span::before {
  content: "";
	display: block;
	width: 50px;
  height: 1px;
  background-color: #000;
  transform: rotate(-45deg);
  position: absolute;
	bottom: -30px;
	left: -70px;
}
section#flow_area h3 span::after {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	background-color: #000;
	transform: rotate(45deg);
	position: absolute;
	bottom: -30px;
	right: -70px;
}
#flow_area ul.flow_area_item {
  margin: 0 auto;
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  -ms-flex-wrap:wrap;/*--- IE10用 ---*/
  -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
  flex-wrap:wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  padding: 10px 10px;
  text-align: center;
}
#flow_area ul.flow_area_item li.item_side {
  width: 40%;
  border-bottom: 1px solid #eee;
}
#flow_area ul.flow_area_item li.item_center {
  width: 20%;
	text-align: center;
  position: relative;
}
#flow_area ul.flow_area_item li.item_center span {
	border-radius: 50%;
	padding: 7px 12px;
	font-size: 20px;
	background-color: #6a7c91;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	position: relative;
	z-index: 2;
}
#flow_area ul.flow_area_item li.item_center span.flow_num::before {
	content: "";
	width: 3px;
	height: 133px;
	text-align: center;
	position: absolute;
	display: block;
	background-color: #6a7c91;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -1;
}
#flow_area ul.flow_area_item li.item_center span.flow_num_1::before {
	height: 180px;
}
#flow_area ul.flow_area_item li .flow_itemtitle {
  padding: 10px 3px;
  margin: 0 0 10px;
}
#flow_area ul.flow_area_item li.item_side br.br_none {
  display: none;
}
#flow_area ul.flow_area_item li.item_side .flow_itemtitle {
  border: 1px solid;
  border-radius: 5px;
}
#flow_area ul.flow_area_item li.item_side .flow_itemtitle a {
  color: #000;
}
#flow_area ul.flow_area_item li.item_side .flow_itemtitle span {
  font-size: 12px;
  font-weight: bold;
}
#flow_area ul.flow_area_item li p {
  padding: 10px 0;
  box-sizing: border-box;
  margin: 0 0 10px;
}
#flow_area ul.flow_area_item li.item_side p {
	padding: 10px 5px;
	font-size: 11px;
}
#flow_area ul.flow_area_item li.item_side p span {
	display: inline-block;
	font-weight: bold;
	margin: 0 0 5px;
	font-size: 120%;
  color: #6a7c91;
}
#flow_area ul.flow_area_item li.item_side p a {
	display: inline-block;
	background-color: #6a7c91;
	padding: 5px 10px;
	color: #fff;
	border-radius: 5px;
	margin: 15px 0 0;
}




/* カスタムエリア
*******************************/
section#customArea{
    padding: 40px 0;
}
    section#customArea h3{
        margin-bottom: 30px;
        display: block;
        width: 100%;
        color: #333;
        font-size: 2em;
        text-align: center;
        font-weight: bold;
        position: relative;
        z-index: 1;
    }
    section#customArea h3 span{
        margin-top: 5px;
        display: block;
        width: 100%;
        font-size: 0.5em;
    }
    section#customArea #customAreaWrap{
        margin: 0 auto;
        width: 100%;
    }

/******  カスタムメニュー ******/
.customMenuList{
    margin: 0 auto;
    width: 96%;
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;
}
    .customMenuList > li{
        margin-bottom: 20px;
        width: 48.5%;
        height: auto;
        background-color: #FFF;
        position: relative;
    }
        .customMenuList > li > a{
            display: block;

        }
            .customMenuList > li > a .imgWrap{
                width: 100%;
                overflow: hidden;
            }
                .customMenuList > li > a .imgWrap img{
                    width: 100%;
                    height: auto;
                    object-fit: cover;
                }
            .customMenuList > li > a .textWrap{
                padding: 10px 5% 20px;
                box-sizing: border-box;
                width: 100%;

            }
                .customMenuList li a .textWrap h4{
                    margin-bottom: 10px;
                    font-size: 1.1em;
                    font-weight: bold;
                }
                .customMenuList li a .textWrap p{
                    margin-bottom: 10px;
                    font-size: 12px;
                    line-height: 140%;
                }
                .customMenuList li a .textWrap span.more{
                    background-color: #4199c7;
                    padding: 5px 25px 5px 10px;
                    box-sizing: border-box;
                    line-height: 100%;
                    display: block;
                    color: #FFF;
                    position: absolute;
                    z-index: 2;
                    bottom: 0px;
                    right: 0px;
                    background-image: url(../img/icon_arr02_right_white.svg);
                    background-repeat: no-repeat;
                    background-size: 6px;
                    background-position: 90% 50%;
                }

/***********************************
* footer
***********************************/

footer #footer_map {
  border: 1px solid #e9e9e9;
}
footer #footer_map iframe{
  filter: grayscale(1);
  display: block;
  height: 300px;
}

footer{
    padding-bottom: 66px;
    background-color: #000;
}
footer #footerWrap01{
    padding: 50px 0 20px;
    background-color: #000;
    color: #FFF;
}
    footer #footerWrap01 > #wrap{
        margin: 0 auto;
        width: 96%;
    }

    footer #footerWrap01 > #wrap > #dl01{
        width: 100%;
        border-bottom: 1px solid #333;
    }

    footer #footerWrap01 > #wrap > #dl02{
        width: 100%;
        border-bottom: 1px solid #333;
    }
        footer #footerWrap01 > #wrap > #dl03 dd > ul.cate{
            margin-bottom: 10px;
        }
    footer #footerWrap01 > #wrap > #dl03{
        width: 100%;
    }
        footer #footerWrap01 > #wrap > #dl01,
        footer #footerWrap01 > #wrap > #dl02,
        footer #footerWrap01 > #wrap > #dl03{
            margin-bottom: 20px;
        }
        footer #footerWrap01 > #wrap > #dl01 dt,
        footer #footerWrap01 > #wrap > #dl02 dt,
        footer #footerWrap01 > #wrap > #dl03 dt{
            margin-bottom: 20px;
            font-weight: bold;
            font-size: 1.5em;
            text-align: center;
        }
        footer #footerWrap01 > #wrap > #dl01 dd,
        footer #footerWrap01 > #wrap > #dl02 dd,
        footer #footerWrap01 > #wrap > #dl03 dd{
            margin-bottom: 20px;
            line-height: 1.5em;
         }
        footer #footerWrap01 > #wrap > #dl01 dd p,
        footer #footerWrap01 > #wrap > #dl02 dd p,
        footer #footerWrap01 > #wrap > #dl03 dd p{
            margin-bottom: 10px;
         }
        footer #footerWrap01 > #wrap > #dl01 dd img,
        footer #footerWrap01 > #wrap > #dl02 dd img,
        footer #footerWrap01 > #wrap > #dl03 dd img{
            margin-bottom: 10px;
            display: block;
            width: 100%;
            height: auto;
         }
        footer #footerWrap01 > #wrap > #dl01 dd > a,
        footer #footerWrap01 > #wrap > #dl02 dd > a,
        footer #footerWrap01 > #wrap > #dl03 dd > a{
            padding: 5px 25px 5px 10px;
            display: inline-block;
            height: auto;
            color: #FFF;
            background-color: #333;
            line-height: 100%;
            background-image: url(../img/icon_arr02_right_white.svg);
            background-repeat: no-repeat;
            background-size: 6px;
            background-position: 90% 50%;
            font-size: 0.9em;
         }
        footer #footerWrap01 > #wrap > #dl03 dd ul{
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content: flex-start; /* Safari */
            justify-content:         flex-start;
        }
            footer #footerWrap01 > #wrap > #dl03 dd ul li{
                display: inline-block;
                margin-right: 5px;
                margin-bottom: 10px;
            }
                footer #footerWrap01 > #wrap > #dl03 dd ul li a{
                    padding: 5px 10px;
                    line-height: 100%;
                    box-sizing: border-box;
                    display: block;
                    background-color: #ff3333;
                    color: #FFF;
                    border-radius: 5px;
                }

.footerLogo_box {
	text-align: center;
}
.footerLogo_box img {
	width: 100px;
	margin: 40px auto 5px;
}
.footerLogo_box span {
	color: #fff;
  font-weight: bold;
}


footer .contactArea{
    background-color: #333;
    color: #FFF;
}
    footer .contactArea .contactAreaWrap{
        padding: 30px 0;
        margin: 0 auto;
        width: 100%;
    }
        footer .contactArea .contactAreaWrap h4{
            margin-bottom: 30px;
            text-align: center;
            font-size: 1.8em;
            line-height: 1.4em;
            font-weight: bold;
        }
        footer .contactArea .contactAreaWrapWrap{
            margin: 0 auto;
            width: 94%;
        }
        footer .contactArea .contactAreaWrapWrap .left{
            margin-bottom: 10px;
            width: 100%;
        }
            footer .contactArea .contactAreaWrapWrap .left > ul{

            }
            footer .contactArea .contactAreaWrapWrap .left > ul > li{
                margin-bottom: 5px;
                width: 100%;
            }
                footer .contactArea .contactAreaWrapWrap .left > ul > li > a.mail,
                footer .contactArea .contactAreaWrapWrap .left > ul > li > a.line{
                    padding: 20px 15px;
                    line-height: 100%;
                    padding-left: 45px;
                    box-sizing: border-box;
                    width: 100%;
                    display: block;
                    color: #FFF;
                    border-radius: 5px;
                    background-image: url(../img/icon_arr01_right_white.svg);
                    background-repeat: no-repeat;
                    background-size: 20px;
                    background-position: 15px 50%;
                    font-size: 1.3em;
                }
                footer .contactArea .contactAreaWrapWrap .left > ul > li > a.mail{
                    background-color: #E20A15;
                }
                footer .contactArea .contactAreaWrapWrap .left > ul > li > a.line{
                    background-color: #4ECA21;
                }
        footer .contactArea .contactAreaWrapWrap .right{
            width: 100%;
        }
            footer .contactArea .contactAreaWrapWrap .right a.tell{
                margin:0 auto 20px;
                display: inline-block;
                box-sizing: border-box;
                padding-left: 35px;
                background-image: url(../img/icon_tel_white.svg);
                background-repeat: no-repeat;
                background-size: 30px;
                background-position: 0px 50%;
                font-size: 34px;
                color: #FFF;
                text-align: center;
            }
            footer .contactArea .contactAreaWrapWrap .right p{
                line-height: 1.5em;
            }


footer #footerWrap03{
    padding: 50px 0 5px;
    background-color: #000;
    color: #FFF;
}
    footer #footerWrap03 #footerLogo{
        margin: 0 auto 10px;
        width: 150px;
        height: auto;
    }
        footer #footerWrap03 #footerLogo img{
            width: 100%;
            height: auto;
        }
    footer #footerWrap03 #footerLogoText{
        margin: 0 auto 10px;
        text-align: center;
    }
    footer #footerWrap03 #footercopyrightText{
        padding: 20px 0 0;
        margin: 0 auto 10px;
        border-top: 1px solid #333;
        text-align: center;
    }


footer #footerWrap04,
footer #footerWrap04 a {
  color: #fff;
}
footer #footerWrap04 ul.footer_shopText li {
	text-align: center;
}
footer #footerWrap04 ul.footer_shopText li.li_left {
	width: 70%;
	margin: 20px auto 10px;;
  font-size: 18px;
}
footer #footerWrap04 ul.footer_shopText li.li_left span {
  display: block;
  border-top: 1px solid #fff;
  font-size: 13px;
}
footer #footerWrap04 ul.footer_shopText li a.tel {
  font-size: 24px;
}

footer #footerWrap04_flexbox_01 #footerLogo {
  width: 100px;
  margin: 50px auto 0;
}
footer #footerWrap04_flexbox_01 #footerLogoText {
	padding: 30px 50px;
	font-size: 12px;
	color: #fff;
	/* text-align: center; */
}
footer #footerWrap04_flexbox_01 #footerLogoText span {
  font-weight: bold;
  font-size: 110%;
}
footer #footerWrap04_flexbox_01 #footerLogoText a {
  color: #6a7c91;
}


footer #footerWrap04_flexbox_02 #menuaa ul {
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  -ms-flex-wrap:wrap;/*--- IE10用 ---*/
  -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
  flex-wrap:wrap;
  -webkit-justify-content: start; /* Safari */
  justify-content:         start;
  padding: 10px 30px;
}
footer #footerWrap04_flexbox_02 #menuaa ul li {
	padding-right: 20px;
	padding-bottom: 10px;
}
footer #footerWrap04_flexbox_02 #menuaa ul a {
  color: #fff;
  font-size: 12px;
	color: #fff;
	font-size: 12px;
	border-left: 3px solid #333;
	padding-left: 6px;
}

footer #footerWrap04 .footer_menu_box #menuaa ul {
	padding: 30px 15px 20px;
}
footer #footerWrap04 .footer_menu_box #menuaa ul li {
	display: inline-block;
	padding: 8px;
  font-size: 13px;
}


.footercopyrightText {
	color: #fff;
	font-size: 10px;
	text-align: center;
	padding: 15px 0;
	margin: 20px 0 0;
}
.footercopyrightText a {
	color: #fff;
	font-size: 10px;
}


#footercopyrightText {
	color: #555;
	font-size: 10px;
	text-align: center;
	background-color: #111;
	padding: 15px 0;
	margin: 20px 0 0;
}
#footercopyrightText a {
	color: #888;
}


/***********************************
* ボトムメニュー
***********************************/
.bottomMenu{
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.8);
    color: #FFF;
    z-index: 999999;
}
    .bottomMenu .bottomMenuWrap{
        margin: 0 auto;
        width: 100%;
    }
        .bottomMenu .bottomMenuWrap ul{
            margin: 0 auto;
            width: 100%;
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content: space-between; /* Safari */
            justify-content:         space-between;
            border-top: 1px solid #444;
        }
            .bottomMenu .bottomMenuWrap ul li{
                width: 33.33%;
            }
                .bottomMenu .bottomMenuWrap ul li a {
                  	padding: 10px 20% 5px;
                  	box-sizing: border-box;
                  	width: 100%;
                  	height: auto;
                  	display: block;
                  	border-right: 1px solid #444;
                  	text-align: center;
                  	color: #fff;
                  	font-size: 11px;
                }
                .bottomMenu .bottomMenuWrap ul li:last-child a{
                    border-right: none;
                }
                    .bottomMenu .bottomMenuWrap ul li a img{
                        margin: 0 auto;
                        width: 100%;
                        max-width: 30px;
                        height: auto;
                        display: block;

                    }

/***********************************
* 下層ページ
***********************************/

/******  下層ページ - パンくず ******/
#pankuzu{
}
    #pankuzu ul{
        margin: 0 auto;
        width: 100%;
        overflow: scroll;
        white-space: nowrap;
        background-color: #FFF;
    }
        #pankuzu ul li{
            display: inline-block;
        }
            #pankuzu ul li a{
                padding: 5px 20px;
                box-sizing: border-box;
                display: block;
                background-image: url(../img/icon_arr02_right_black.svg);
                background-repeat: no-repeat;
                background-position: 10px 50%;
                background-size:  5px;
                border-right: 1px solid #eee;
            }
                #pankuzu ul li:first-child a{
                    padding: 5px 10px 5px 23px;
                    box-sizing: border-box;
                    display: block;
                    background-image: url(../img/icon_home_black.svg);
                    background-repeat: no-repeat;
                    background-position: 7px 50%;
                    background-size:  15px;
                }
            #pankuzu ul li span{
                padding: 5px 10px;
                box-sizing: border-box;
                display: block;

            }

/******  下層ページ - メインイメージ ******/
#localMainImg{
    width: 100%;
    background-image: url(../img/bg_bankin.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size:  cover;
}
    #localMainImg #localMainImgWrap{
        padding: 50px 0;
        box-sizing: border-box;
        margin: 0 auto;
        width: 100%;
    }
        #localMainImg h3{
            color: #FFF;
            font-size: 2em;
            font-weight: bold;
            text-align: center;
        }
            #localMainImg h3 span{
                margin-top: 5px;
                display: block;
                width: 100%;
                color: #FFF;
                font-size: 0.6em;
                font-weight: normal;
                text-align: center;
            }
        #localMainImg img{
            display: block;
            width: auto;
            height: auto;
        }

/******  下層ページ - セクション ******/
.localSec01{
    background-color: #f2f2f2;
}
.localSec01 h3{}
    .localSec01_wrap{
        margin: 20px auto;
        width: 100%;
    }

/***********************************
* 汎用タイトル
***********************************/
.title01.black{    background-color: #000;    color: #FFF;}
.title01.red{    background-color: #ff3333;    color: #FFF;}
.title01.gray{    background-color: #555;    color: #FFF;}
.title01{
    padding: 15px 20px;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 120%;
}



/***********************************
* 差し色の上書き
***********************************/
/*header #header_menuArea,*/
#calBox a,
.bankinMenuList li a span.more,
.customMenuList li a .textWrap span.more {
    background-color: #FF3333;
    background-color: #4199C7;
}


/***********************************
* コーティングショップOPENバナー部分
***********************************/
.open {
    margin: 20px auto 0;
}
.open a {
    display: block;
}
.open img {
    display: block;
    width: 100%;
}


/***********************************
* トップページ video
***********************************/
#videoArea {
  position: relative;
}

#videoArea > video {
    max-width: 100%;
}

#videoArea .videoArea_text {
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 20px;
	line-height: 1.3;
	color: #fff;
}

#videoArea .videoArea_text .videoArea_logo_box {
	width: 88px;
	margin: 10px 15px;
}
#videoArea .videoArea_text .title_company {
  font-weight: bold;
  font-size: 18px;
  line-height: 0.86;
}
#videoArea .videoArea_text .title_company span {
  display: block;
  font-weight: bold;
  font-size: 24px;
}
#videoArea .videoArea_text p {
	font-size: 10px;
	letter-spacing: 3.8px;
	margin: 0px 0 0;
	font-weight: bold;
}


/***********************************
* 板金塗装
***********************************/

.common_area_01 h2 {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.0;
  color: #6a7c91;
}
.common_area_01 h2 span {
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 15px 0 0;
}

.common_area_01 {
  padding: 60px 0 20px;
}
.common_area_02,
.common_area_03,
.common_area_04 {
  padding: 50px 0;
}
.common_area_01 .inner,
.common_area_02 .inner,
.common_area_03 .inner,
.common_area_04 .inner {
  padding: 0 15px;
}

.common_area_02 {
}
.common_area_02 h3 {
	font-size: 28px;
	font-weight: bold;
	margin: 0 0 30px;
	line-height: 1.4;
  text-align: center;
}

.common_area_01,
.common_area_02,
.common_area_04 {
  background-color: #fff;
}
.common_area_03 {
  background-color: #f5f5f5;
}
.common_area_03 h3,
.common_area_04 h3 {
  position: relative;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 20px;
  z-index: 2;
}
.common_area_03 h3 span,
.common_area_04 h3 span {
  display: block;
  font-size: 20px;
  font-weight: bold;
}
.common_area_03 h3::before,
.common_area_04 h3::before {
  position: absolute;
  content: "FEATURE";
  font-size: 74px;
  color: #fff;
  font-weight: bold;
  line-height: 0.2;
  left: -10px;
  top: -15px;
  z-index: -1;
}
.common_area_03 ul {
  margin: 40px 0 0;
}
.common_area_03 ul li {
  width: 100%;
  margin: 0 0 40px;
	background-color: #fff;
  padding: 5px;
  border-radius: 15px;
  box-sizing: border-box;
}
.common_area_03 ul li p {
	padding: 0 10px 10px;
	font-size: 13px;

}
.common_area_03 ul li img {
  width: 100%;
  border-radius: 15px;
}
.common_area_03 ul li .title {
  font-size: 24px;
  font-weight: bold;
  margin: 20px 0;
  text-align: center;
  line-height: 1.2;
}


/***********************************
* 板金塗装ページ
（上記共通CSSからの変更）
***********************************/
#body_repair .common_area_03 {
  padding: 70px 0 1px;
}
#body_repair .common_area_04 {
  padding: 70px 0 1px;
}
#body_repair .common_area_03 h3::before {
  content: "EQUIPMENT";
  font-size: 60px;
}

/* 鈑金塗装ページ/主要取引先一覧部分　会社概要ページ　沿革下に移動の為 両方にマーク */
#body_repair .common_area_04 h3::before,
#company_profile .common_area_04 h3.h3_clients::before {
  /* content: "Business partner"; */
  content: "Clients";
  font-size: 60px;
  color: #eee;
}
#body_repair .common_area_04 ul.clients,
#company_profile .common_area_04 ul.clients {
  padding: 20px 0;
}
#body_repair .common_area_04 ul.clients li,
#company_profile .common_area_04 ul.clients li {
	/* display: inline-block; */
	padding: 10px 10px 10px 30px;
	/* background-color: #f6f6f6; */
	/* border-radius: 10px; */
	box-shadow: 1px 1px 1px #ddd;
	margin: 5px 0px;
	position: relative;
	background: linear-gradient(#fafafa, #f3f3f3);
  border-left: 5px solid #6a7c91;
}
#body_repair .common_area_04 ul.clients li::before,
#company_profile .common_area_04 ul.clients li::before {
	content: "";
	height: 0px;
	width: 0px;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #6a7c91;
	border-top: 5px solid transparent;
	position: absolute;
	top: 16px;
	left: 15px;
}

#company_profile .common_area_04 ul.clients a {
	display: block;
	font-size: 88%;
	color: #888;
}


/***********************************
* 車検整備ページ
（共通CSSからの変更）
***********************************/
#course .common_area_03 h3::before {
  content: "COURSE";
}
#course .common_area_03 .course_imgbox {
	margin: 40px 0 40px;
}
#course .common_area_03 ul.course_imgbox_bgul {
	background-image: url(../../img_new_02/menu_img_04.png);
	background-size: cover;
	background-position: center;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  align-items: center;
  padding: 5px 20px;
	margin: 40px 0 0;
}
#course .common_area_03 ul.course_imgbox_bgul li {
  width: 100%;
  background-color: rgba(0,0,0,0.6);
  color: #fff;
  padding: 1px 10px 10px;
  box-sizing: border-box;
  margin: 20px 0;
}
#course .common_area_03 ul.course_imgbox_bgul li .title {
	font-size: 20px;
	font-weight: bold;
	margin: 15px 0;
	text-align: center;
}
#course .common_area_03 ul.course_imgbox_bgul li .title span {
	display: inline-block;
  font-weight: bold;
  border-bottom: 1px solid;
}
#course .course_imgbox_text {
	padding: 10px 18px;
	background-color: #fff;
  font-size: 12px;
}
#course .course_imgbox_text p {
	margin: 15px 0;
}

#course .common_area_03 h3.course_01 {
}
#course .common_area_03 h3::before {
  content: "COURSE";
  font-size: 60px;
}

#course .course_01_area {
	padding: 50px 0px 0;
}

table.priceTable01 {
	width: 100%;
  margin: 10px 0;
  background-color: #fff;
  font-size: 11px;
}
table.priceTable01 th,
table.priceTable01 td {
	border: 1px solid #aaa;
	padding: 10px 5px;
	vertical-align: middle;
}
table.priceTable01 th {
	background-color: #ddd;
}

table.priceTable01 td span.br {
	display: block;
}

#course table.priceTable01 tbody th {
	width: 130px;
	padding: 10px 5px;
}

.table_bottom_p {
	margin: 20px 10px;
}

.syaken_seibi_naiyou {
	background-color: #fff;
	padding: 20px;
	margin: 15px 0;
}
.syaken_seibi_naiyou h5 {
  font-size: 120%;
  font-weight: bold;
  margin: 0 0 10px;
}
.syaken_seibi_naiyou span {
  display: inline-block;
  margin: 5px;
  border: 1px solid;
  padding: 10px;
}

/* 2024.9.5 table変更にて変更CSS */
table.priceTable01.course._fixed {
	table-layout: fixed;
}
#course table.priceTable01.course._sp_nofixed {
	table-layout: auto;
}
table.priceTable01.course tbody th,
table.priceTable01.course tbody td {
	/* height: 3.0em; */
}
table.priceTable01.course {
	text-align: center;
	border-spacing: 1px;
	border-collapse: separate;
}
table.priceTable01.course thead th.top_th {
	background-color: #6a7c91;
  color: #fff;
  font-weight: bold;
  padding: 10px 5px;
}

table.priceTable01.course thead tr.cartype td {
	font-size: 9px;
	line-height: 1.6;
}

#course .course_01_area h3.course_price::before {
  content: "PRICE";
  font-size: 100px;
}
#course .course_01_area .top_textbox {
  margin: 0 0 20px;
}


#course .common_area_04 h3.check_point::before {
  content: "CHECK POINT";
  font-size: 100px;
}


.check_point_area {
  position: relative;
  margin: 40px 0 0px;
}

.check_point_area .check_point_imgbox {
  margin: auto;
  padding: 0px 0 0;
}
.check_point_area .check_point_imgbox img {
  width: 100%;
  margin: 0 auto 10px;
}

.check_point_area .check_point_box_01,
.check_point_area .check_point_box_02,
.check_point_area .check_point_box_03,
.check_point_area .check_point_box_04 {
  background-color: #fff;
  margin: 10px 0;
}
.check_point_area .check_point_box_02::before {}
.check_point_area .check_point_box_03::before {}
.check_point_area .check_point_box_04::before {}

.check_point_area .check_point_box_01 .point_title,
.check_point_area .check_point_box_02 .point_title,
.check_point_area .check_point_box_03 .point_title,
.check_point_area .check_point_box_04 .point_title {
  padding: 5px 10px;
  text-align: center;
  background-color: #6a7c91;
  color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.check_point_area .check_point_box_01 ul,
.check_point_area .check_point_box_02 ul,
.check_point_area .check_point_box_03 ul,
.check_point_area .check_point_box_04 ul {
	padding: 10px 15px 10px 20px;
  border: 1px solid #ccc;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.check_point_area .check_point_box_01 ul li,
.check_point_area .check_point_box_02 ul li,
.check_point_area .check_point_box_03 ul li,
.check_point_area .check_point_box_04 ul li {
	margin: 5px;
  list-style: disc;
  font-size: 13px;
}

ul.priceTable01_boomtext {
  display: block;
  margin: 25px 0 0;
}
ul.priceTable01_boomtext li {
  width: 100%;
  box-sizing: border-box;
  padding: 5px 5px 5px 20px;
  background: none;
  text-indent: -13px;
  margin: 0;
  font-size: 13px;
}
ul.priceTable01_boomtext li::before {
  content: "\203b";
  margin-right: 4px;
}


/***********************************
* ポリマーページ　→　コーティング表記に変更
（共通CSSからの変更）
***********************************/

#polymer .common_area_02 .top_imgbox {
  width: 80%;
  margin: auto;
}
#polymer .common_area_02 .top_imgbox img {
  width: 100%;
}
#polymer .top_textbox {
	padding: 20px 10px;
	/* font-size: 18px; */
	line-height: 2;
  text-align: center;
}
#polymer .top_textbox br.sp_none {
	display: none;
}
#polymer .top_textbox span.b {
	font-weight: bold;
  font-size: 120%;
}
#polymer .top_textbox span.block {
	display: block;
}
#polymer .common_area_02 h3.title_himohs {
	margin: 40px 0 10px;
}

#polymer .common_area_03_gray {
  background-color: #777;
  color: #fff;
}
#polymer .common_area_03_gray h3::before {
  content: "MENU";
  color: #888;
  font-size: 60px;
}
#polymer .common_area_03_gray h3 {
}

#polymer .common_area_03_gray .polymer_menu img {
  width: 100%;
}

.tbl01 {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	width: 100%;
	margin: 10px 0 10px;
}
.tbl01 th, .tbl01 td {
	padding: 8px 3px;
	box-sizing: border-box;
	border: 1px solid #fff;
	vertical-align: middle;
	font-size: 9px;
	line-height: 1.3;
}
.tbl01 td {
	text-align: center;
}
.tbl01 td br {
	display: block;
	margin: 3px;
}

.color-red {
	font-size: 13px;
}

#polymer .polymer_instagram img {
  width: 100%;
}
#polymer .polymer_instagram .instagram_logobox {
	width: 130px;
	margin: 0px auto 20px;
}

#polymer .common_area_03-02 {
  background-color: #000;
  color: #fff;
  padding: 5px 0;
}
#polymer .common_area_03-02 ul li {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}
#polymer .common_area_03-02 ul li.libox01 {
  background-image: url("../img/bmw-bg02.png");
  background-repeat: no-repeat;
  background-size: cover;
}
#polymer .common_area_03-02 ul li.libox02 {
  background-image: url("../img/bmw-bg03.png");
  background-repeat: no-repeat;
  background-size: cover;
}
#polymer .common_area_03-02 ul li img {
  margin: 0 0 10px;
}
#polymer .common_area_03-02 ul li p {
  padding: 0 0px 10px;
}

#polymer .top_coating_profile {
	background-color: #f9f9f9;
	padding: 10px 15px 15px;
	border-radius: 10px;
	/* box-shadow: 0 0 15px 0 #ddd; */
	border: 1px solid #ddd;
	margin: 30px auto 70px;
	width: 100%;
  box-sizing: border-box;
}
#polymer .top_coating_profile img {
  max-width: 100%;
  margin: 0 auto;
}
#polymer .common_area_02 .top_coating_profile h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 15px;
}
#polymer .common_area_02 .top_coating_profile h3 br {
	display: block;
}
#polymer .top_coating_profile h3 span {
	font-size: 13px;
	display: block;
	margin: 5px 0 0;
	border-bottom: 3px solid #000;
	padding: 0 0 15px;
}
#polymer .top_coating_profile p.tel {
	font-size: 120%;
	font-weight: bold;
	padding: 3px 0;
}
.top_coating_profile p > br {
  display: none;
}
.top_coating_profile p:last-child > br {
  display: block;
}


#polymer .polymer_instagram .instagram_imgbox {
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  -ms-flex-wrap:wrap;/*--- IE10用 ---*/
  -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
  flex-wrap:wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}
#polymer .polymer_instagram .instagram_imgbox a {
	display: block;
	width: 33.2%;
	margin: 1px 0;
	box-sizing: border-box;
}
#polymer .polymer_instagram .instagram_imgbox a > img {
	display: block;
	width: 100%;
	object-fit: cover;
	height: 170px;
}


/***********************************
* 保険修理ページ
（共通CSSからの変更）
***********************************/
#hoken .common_area_02 .top_textbox {
  margin: 0 0 30px;
}
#hoken .common_area_02 a.daisha_link {
	display: block;
	margin: 20px 0 0;
	box-shadow: 0 0 15px 0px #eee;
	border: 1px solid #eee;
}
#hoken .hoken_area_01 {
	background-color: #eee;
}
#hoken .hoken_area_01 .inner {
	max-width: 1000px;
	margin: auto;
}
#hoken .hoken_area_01 ul {
}
#hoken .hoken_area_01 ul li {
  width: 100%;
}
#hoken .hoken_area_01 ul li.left {
  padding: 40px 15px 40px;
  box-sizing: border-box;
}
#hoken .hoken_area_01 ul li .title {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 10px;
}
#hoken .hoken_area_01 ul li span.subtitle {
  display: block;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 20px;
}
#hoken .hoken_area_01 ul li p {
	font-size: 15px;
}
#hoken .hoken_area_01 ul li.right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#hoken .hoken_area_02 {
	background-color: #fff;
  padding: 40px 0;
}
#hoken .hoken_area_02 .inner {
	width: 100%;
	margin: auto;
}
#hoken .hoken_area_02 .box01 {
  text-align: center;
}
#hoken .hoken_area_02 .box01 .title {
  font-size: 22px;
	font-weight: bold;
	line-height: 1.5;
}
#hoken .hoken_area_02 .box01 .title span {
	font-weight: bold;
	border-bottom: 1px dotted #999;
	padding: 0 0 5px;
  position: relative;
}
#hoken .hoken_area_02 .box01 .title span::before,
#hoken .hoken_area_02 .box01 .title span::after {
  content: "";
  height: 0px;
  width: 0px;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 40px solid #f9c91a;
  position: absolute;
}
#hoken .hoken_area_02 .box01 .title span::before {
  left: -40px;
  transform: rotate(-40deg);
}
#hoken .hoken_area_02 .box01 .title span::after {
  right: -40px;
  transform: rotate(40deg);
}
#hoken .hoken_area_02 .box01 .subtitle {
  font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
  margin: 15px 0 0;
}
#hoken .hoken_area_02 .box01 .subtitle span {
	font-weight: bold;
  color: #f36500;
}
#hoken .hoken_area_02 .box01 ul {
}
#hoken .hoken_area_02 .box01 ul li {
	position: relative;
	background-color: #eee;
	border-radius: 10px;
	margin: 40px 15px 30px;
}
#hoken .hoken_area_02 .box01 ul li .title_me,
#hoken .hoken_area_02 .box01 ul li .title_de {
  position: absolute;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
}
#hoken .hoken_area_02 .box01 ul li .title_me span,
#hoken .hoken_area_02 .box01 ul li .title_de span {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	padding: 10px 40px;
	border-radius: 30px;
	font-size: 120%;
}
#hoken .hoken_area_02 .box01 ul li .title_me span {
  background-color: #f36500;
}
#hoken .hoken_area_02 .box01 ul li .title_de span {
  background-color: #333;
}
#hoken .hoken_area_02 .box01 ul li p {
  padding: 50px 20px 30px;
  font-weight: bold;
}
#hoken .hoken_area_02 .box01 ul li p span {
  color: #ff0000;
  font-weight: bold;
}
#hoken .hoken_area_02 .box01 .text_box {
	padding: 30px 45px;
	background-color: #f9c91a;
	/* border-radius: 10px; */
	position: relative;
	/* margin: 0 15px; */
	font-size: 12px;
	text-align: left;
}
#hoken .hoken_area_02 .box01 .text_box::before,
#hoken .hoken_area_02 .box01 .text_box::after {
  content: "";
  height: 190px;
  width: 0px;
  position: absolute;
  top: 30px;
}
#hoken .hoken_area_02 .box01 .text_box::before {
	left: 20px;
	/* transform: rotate(-10deg); */
	border-left: 5px dotted #fff;
}
#hoken .hoken_area_02 .box01 .text_box::after {
  right: 20px;
  /* transform: rotate(10deg); */
  border-right: 5px dotted #fff;
}
#hoken .hoken_area_02 .box01 .text_box span {
  font-weight: bold;
  display: inline-block;
  margin: 10px 0;
}


#hoken .hoken_area_03 {
	background-color: #eee;
  padding: 40px 15px;
}
#hoken .hoken_area_03 .inner {
	max-width: 1000px;
	margin: auto;
}



.hoken_area_03 h4.title_01 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 5px;
	color: #75879c;
	padding-left: 10px;
	border-left: 10px solid;
	padding-bottom: 2px;
	margin: 0 0 20px;
}
.hoken_area_03 .box01 {
	background: #fff;
	box-sizing: border-box;
	padding: 15px;
	border-radius: 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.hoken_area_03 .box01 .box_left {
	width: 80px;
}
.hoken_area_03 .box01 .box_left img {
	width: 100%;
}
.hoken_area_03 .box01 .box_right {
	width: calc(100% - 95px);
}
.hoken_area_03 .box01 .box_right p {
	margin: 10px 0 0;
  font-size: 90%;
}

.hoken_area_03 .box02 {
	margin: 40px 0 0;
}

.hoken_area_03 .box02 > h4 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 5px;
}
.hoken_area_03 .box02 > h4 span {
	display: inline-block;
	font-size: 82%;
}

article.ex-art .ico {
	width: 106px;
}
article.ex-art .cont {
	width: calc(100% - 126px);
}
article.ex-art .cont ul {
	margin-top: 10px;
}

.iusu-TBL02 table {
  width: 1100px;
	table-layout: fixed;
}
.iusu-TBL02 .co00 {
	width: 100px;
}
.iusu-TBL02 th, .iusu-TBL02 td {
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	height: 50px;
	position: relative;
}
.iusu-TBL02 th, .iusu-TBL02 td.co00 {
	font-size: 18px;
	font-weight: 700;
}
.iusu-TBL02 th {
	color: #fff;
	background: #6a7c91;
	border-right: dashed 1px #fff;
}
.iusu-TBL02 td {
	background: #fff;
	border-right: dashed 1px #BBBBBB;
	border-bottom: dashed 1px #BBBBBB;
	font-size: 14px;
}

.hoken_area_03 .box02 .scr-wrap {
	padding: 52px 0;
	position: relative;
  width: 96vw;
  margin: 20px 0;
}
.sbBox01 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	line-height: 42px;
	position: absolute;
	top: 0;
	left: 606px;
	width: 350px;
}
.sbBox01 > .text {
	font-size: 14px;
	font-weight: 700;
	color: #1434cb;
}
.sbBox01 > .sb {
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	border-radius: 5px;
	background: #1434cb;
	padding: 0 15px;
	margin-right: 10px;
	position: relative;
}
.sbBox01 > .sb::after {
	content: "";
	width: 0;
	height: 0;
	border-top: solid 10px #1434cb;
	border-left: solid 4.5px transparent;
	border-right: solid 4.5px transparent;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	margin: 0 auto;
}

.iusu-TBL02 tr.line02 td.co11::after, .iusu-TBL02 tr.line02 td.co12::after {
	content: "";
	width: 0;
	height: 0;
	border-left: solid 8px #1434cb;
	border-top: solid 5px transparent;
	border-bottom: solid 5px transparent;
	position: absolute;
	z-index: 2;
	top: calc(50% - 5px);
	right: -5px;
}
.iusu-TBL02 tr.line02 td.co11::before {
	content: "";
	width: calc(300% + 3px);
	height: calc(100% + 1px);
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	border: solid 3px #1434cb;
	z-index: 2;
}

.iusu-TBL02 .co00 {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 5;
}

.sbBox02 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	line-height: 42px;
	position: absolute;
	bottom: 0;
	left: 406px;
  width: 528px;
}
.sbBox02 > .sb {
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	border-radius: 5px;
	background: #f36500;
	padding: 0 15px;
	margin-right: 10px;
	position: relative;
}
.sbBox02 > .sb::after {
	content: "";
	width: 0;
	height: 0;
	border-bottom: solid 10px #f36500;
	border-left: solid 4.5px transparent;
	border-right: solid 4.5px transparent;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	margin: 0 auto;
}
.sbBox02 > .text {
	font-size: 14px;
	font-weight: 700;
	color: #f36500;
}

.iusu-TBL02 tr.line03 td.co07::after, .iusu-TBL02 tr.line03 td.co08::after {
	content: "";
	width: 0;
	height: 0;
	border-left: solid 8px #f36500;
	border-top: solid 5px transparent;
	border-bottom: solid 5px transparent;
	position: absolute;
	z-index: 2;
	top: calc(50% - 3px);
	right: -5px;
}
.iusu-TBL02 tr.line03 td.co09::before {
	content: "";
	width: calc(300% + 3px);
	height: calc(100% + 1px);
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top: -1px;
	border: solid 3px #f36500;
	z-index: 2;
}
.sbBox02 .sp {
	display: none !important;
}


.scr-wrap.scroll-hint {
	width: 96vw;
}

.iusu-TBL02 th.co10::before {
	content: "";
	width: calc(100% + 2px);
	height: 300%;
	box-sizing: border-box;
	position: absolute;
	left: -1px;
	top: 0;
	border: solid 3px #F9C91A;
	z-index: 2;
}

.iusu-TBL02::after {
	content: "スクロールできます →";
	box-sizing: border-box;
	position: absolute;
	left: 0px;
	top: 20px;
	/* border-bottom: 1px solid; */
  background-color: #fff;
	z-index: 2;
  color: #bbb;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  padding: 2px 15px 2px 10px;
  font-size: 10px;
}


.hoken_area_03 .box03 {
	margin: 50px 0 0;
}
.iusu-TBL01 table {
  width: 810px;
	table-layout: fixed;
}
.iusu-TBL01 .col01 {
	width: 130px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 5;
}
.iusu-TBL01 tbody th, .iusu-TBL01 tbody td {
	/* height: 60px; */
	vertical-align: middle;
	border-bottom: dashed 1px #BBBBBB;
}
.iusu-TBL01 thead th.col02 {
	border-right: dashed 1px #fff;
}
.iusu-TBL01 thead th {
	text-align: center;
	vertical-align: middle;
	color: #fff;
	height: 50px;
	background: #6a7c91;
	font-size: 17px;
	font-weight: 700;
}
.iusu-TBL01 thead th.col01 {
	background-color: #fff;
}
.iusu-TBL01 thead th.col01 > div {
  color: #bbb;
  font-size: 10px;
}
.iusu-TBL01 tbody th {
	padding: 10px 5px 10px 15px;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	background: #ddd;
}
.iusu-TBL01 tbody th > div {
	font-weight: bold;
}
.iusu-TBL01 tbody td {
	text-align: center;
	vertical-align: middle;
	background: #fff;
	font-size: 14px;
	font-weight: 700;
}
.iusu-TBL01 tbody td.col02 {
	border-right: dashed 1px #BBBBBB;
}

.iusu-TBL01 tbody td .inner02.flex {
	justify-content: center;
	font-weight: 500;
}
.inner02.flex {
	width: 100%;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.iusu-TBL01 tbody td .inner02.flex > div:first-child {
	margin-right: 20px;
}

.iusu-TBL01 tbody td span.price-num .red {
	font-size: 24px;
	font-weight: 800;
  color: #f36500;
}

.hikaku-text {
	margin-top: 45px;
	text-align: center;
	font-weight: 800;
	font-size: 18px;
	position: relative;
  line-height: 1.3;
}
.hikaku-text::before {
	content: "";
	width: 0;
	height: 0;
	border-top: solid 20px #F9C91A;
	border-left: solid 40px transparent;
	border-right: solid 40px transparent;
	position: absolute;
	left: 0;
	right: 0;
	bottom: calc(100% + 15px);
	margin: 0 auto;
}
.hikaku-text .sp {
	display: block !important;
}
.hikaku-text .big {
	font-size: 24px;
	font-weight: 900;
}
span.uline.red {
	color: #f36500;
}


/***********************************
* ラッピングページ・オールペイントページ
（共通CSSからの変更）
***********************************/
#wrapping_allpaint .common_area_03 h3.wrapping::before {
  content: "WRAPPING";
  font-size: 60px;
}

#wrapping_allpaint .common_area_03 h3.common_subtitle::before {
  font-size: 60px;
  color: #f5f5f5;
  left: -10px;
  top: -8px;
}
#wrapping_allpaint .common_area_03 h3.common_subtitle.protection_film::before {
  content: "PROTECTION FILM";
  font-size: 34px;
}
#wrapping_allpaint .common_area_03 h3.common_subtitle {
  font-size: 24px;
}
#wrapping_allpaint .common_area_03 .wrapping_inbox {
  background-color: #fff;
  padding: 25px 15px 15px;
  margin: 20px 0;
}
#wrapping_allpaint .common_area_03 .wrapping_inbox h4 {
	font-size: 17px;
	font-weight: bold;
	border-left: 5px solid #6a7c91;
	padding-left: 10px;
	margin: 0 0 15px;
}
#wrapping_allpaint .common_area_03 .wrapping_inbox ul {
	margin: 0 0 20px;
	padding: 0 0 30px;
}
#wrapping_allpaint .common_area_03 .wrapping_inbox ul li.text {
	padding: 0 0px;
	margin: 0 0 15px;
}
#wrapping_allpaint .common_area_03 .wrapping_inbox ul li.image {
  padding: 0;
	margin: 0;
}
#wrapping_allpaint .common_area_03 .wrapping_inbox ul li.image img {
  border-radius: unset;
}
#wrapping_allpaint .common_area_03 .wrapping_inbox ul li {
  background-color: unset;
}

#wrapping_allpaint .common_area_03 .wrapping_inbox .gallery_area {
	padding: 35px 0px 0;
}
#wrapping_allpaint .common_area_03 .wrapping_inbox h3#gallery_title::before,
#wrapping_allpaint .common_area_03 .wrapping_inbox h3.price::before {
  font-size: 60px;
  color: #f5f5f5;
}
#wrapping_allpaint .common_area_03 .wrapping_inbox h3#gallery_title,
#wrapping_allpaint .common_area_03 .wrapping_inbox h3.price {
  font-size: 24px;
  margin: 0 0 10px 10px;
}
#wrapping_allpaint .common_area_03 .wrapping_inbox h3#gallery_title::before {
  font-size: 34px;
  top: -8px;
}
#wrapping_allpaint .common_area_03 .wrapping_inbox h3.price::before {
  content: "PRICE";
  font-size: 34px;
  top: -8px;
}
#wrapping_allpaint .common_area_03 .wrapping_inbox img.sample2 {
	max-width: 100%;
	margin: 25px 0 50px;
	background-color: #fff;
	padding: 20px 10px 30px;
	box-shadow: 0 0 10px 0px #eee;
	border: 1px solid #eee;
	box-sizing: border-box;
}

#wrapping_allpaint .common_area_03 h3.common_subtitle.dinoc_film::before {
  content: "DINOC FILM";
  font-size: 34px;
}

#wrapping_allpaint .common_area_03 h3.merit_demerit {
  margin: 80px 0 30px;
  font-size: 22px;
}
#wrapping_allpaint .common_area_03 h3.merit_demerit span {
  margin: 10px 0 0;
  font-size: 16px;
}
#wrapping_allpaint .common_area_03 h3.merit_demerit::before {
	content: "MERIT・DEMERIT";
	font-size: 60px;
	line-height: 1;
	top: -35px;
}
#wrapping_allpaint .merit_demerit .point {
	background-color: #fff;
	padding: 30px 20px 20px;
	position: relative;
	margin: 15px 0 30px;
  border-radius: 6px;
}
#wrapping_allpaint .merit_demerit .point br.pc {
  display: none;
}
#wrapping_allpaint .merit_demerit .point span {
	position: absolute;
	top: -13px;
	left: 20px;
	background-color: #000;
	color: #fff;
	padding: 2px 30px;
	border-radius: 20px;
}
#wrapping_allpaint .merit_demerit table.pc {
	display: none;
}
#wrapping_allpaint .merit_demerit table {
	table-layout: fixed;
	width: 100%;
  border-collapse: separate;
  border-spacing: 10px;
}
#wrapping_allpaint .merit_demerit table td {
  padding: 10px;
  font-size: 11px;
}
#wrapping_allpaint .merit_demerit table td.icon {
	background-color: #fff;
	border-bottom: 5px solid #77d3fc;
  text-align: center;
}
#wrapping_allpaint .merit_demerit table td.icon img {
	width: 100%;
	padding: 8px 20px 0px;
	box-sizing: border-box;
}
#wrapping_allpaint .merit_demerit table td.merit {
  background-color: #77d3fc;
}
#wrapping_allpaint .merit_demerit table td.demerit {
  background-color: #ddd;
}
#wrapping_allpaint .merit_demerit table td.osusume {
  background-color: #ffffcb;
}
#wrapping_allpaint .merit_demerit table td.merit,
#wrapping_allpaint .merit_demerit table td.demerit,
#wrapping_allpaint .merit_demerit table td.osusume {
  vertical-align: middle;
  position: relative;
}
#wrapping_allpaint .merit_demerit table td.icon {
  position: relative;
}

#wrapping_allpaint .merit_demerit table td.icon::before,
#wrapping_allpaint .merit_demerit table td.merit::before,
#wrapping_allpaint .merit_demerit table td.demerit::before {
	content: '';
	position: absolute;
	bottom: -50px;
	width: 2px;
	height: 50px;
	background-color: #000;
	left: 75px;
}

#wrapping_allpaint .common_area_03 h3.allpaint::before {
  content: "ALL PAINT";
  font-size: 60px;
}


/***********************************
* カスタム作業
　ホイール塗装・キャリパー塗装・スモーク塗装・エアロ塗装取付・エンブレム塗装 ページ
（共通CSSからの変更）
***********************************/

#wheel .common_area_03,
#caliper .common_area_03,
#aero .common_area_03 {
  padding: 70px 0;
}

#wheel .common_area_03 h3::before {
  content: "WHEEL REPAIR";
  font-size: 50px;
}
#wheel .top_textbox,
#wheel .top_textbox_02,
#caliper .top_textbox,
#caliper .top_textbox_02,
#smoke .top_textbox,
#smoke .top_textbox_02,
#aero .top_textbox,
#aero .top_textbox_02,
#emblem .top_textbox,
#emblem .top_textbox_02 {
  margin: 0 0 20px;
  font-size: 13px;
}

#aero .top_textbox_02 p {
  padding: 10px 0 10px;
  border-bottom: 1px dotted #999;
}

#emblem .top_textbox_02 .textbold span {
	display: inline-block;
	padding: 10px 30px;
	margin: 10px 0 10px;
  background-color: #fff;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
#emblem .top_textbox_02 p span {
	display: inline-block;
	padding: 10px;
	margin: 0 0 2px;
	border-bottom: 1px dotted #999;
}

#caliper .common_area_03 h3::before {
  content: "CALIPER PAINT";
  font-size: 48px;
}
#smoke .common_area_03 h3::before {
  content: "SMOKE PAINT";
  font-size: 50px;
}
#aero .common_area_03 h3::before {
  content: "AERO";
  font-size: 50px;
}
#emblem .common_area_03 h3::before {
  content: "EMBLEM PAINT";
  font-size: 50px;
}

#caliper .common_area_03 .caliper_price_area,
#smoke .common_area_03 .smoke_price_area,
#emblem .common_area_03 .emblem_price_area {
	padding: 70px 0px 0;
}
#caliper .common_area_03 .caliper_price_area h3,
#smoke .common_area_03 .smoke_price_area h3,
#emblem .common_area_03 .emblem_price_area h3 {
	font-size: 18px;
}
#caliper .common_area_03 .caliper_price_area h3::before,
#smoke .common_area_03 .smoke_price_area h3::before,
#emblem .common_area_03 .emblem_price_area h3::before {
  content: "PRICE";
  font-size: 60px;
}


.gallery_area {
	padding: 80px 0px 0;
}
.common_area_03 .gallery_area h3#gallery_title::before {
  content: "GALLERY";
  font-size: 60px;
}
.gallery_area .gallery_box {
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  -ms-flex-wrap:wrap;/*--- IE10用 ---*/
  -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
  flex-wrap:wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}
.gallery_box img {
  width: 50%;
}
.gallery_box img.sp_img100 {
  width: 100%;
}

#aero .common_area_03 h3#gallery_title {
  font-size:
}

#wheel .gallery_area {
	padding: 0;
}



/***********************************
* バイクについてのページ
（共通CSSからの変更）
***********************************/

#bike .image_box center img {
  width: 100%;
  background-color: #fff;
  padding: 10px;
  box-sizing: border-box;
}

#bike .common_area_02 .top_textbox .top_textbox_title span {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid;
	display: block;
	margin: 50px 0 20px;
	padding: 0 10px 5px;
	background: linear-gradient(#fff 60%, #eee 70%);
	text-align: center;
}
#bike .common_area_02 .top_textbox .inner_bottombox {
	border-radius: 15px;
	padding: 6px;
	margin: 30px 0 0;
	border: 5px solid #000;
	background-color: #eb2142;
}
#bike .common_area_02 .top_textbox .inner_bottombox p {
	border-radius: 10px;
	padding: 20px 20px;
	background-color: #fff;
	font-size: 13px;
}
#bike .common_area_02 .top_textbox .inner_bottombox p span {
	display: inline-block;
	color: #eb2142;
	font-weight: bold;
	margin: 0 0 10px;
	font-size: 14px;
}


/***********************************
* 代車についてのページ
（共通CSSからの変更）
***********************************/

#rent .common_area_03 h3::before {
  content: "LOANER CAR";
  font-size: 50px;
}
#rent .common_area_03 ul {
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  -ms-flex-wrap:wrap;/*--- IE10用 ---*/
  -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
  flex-wrap:wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  margin: 40px 0 20px;
}
#rent .common_area_03 ul li {
  margin: 0 0 15px;
	width: 48%;
}
#rent .common_area_03 ul li .title {
  margin: 15px 0 10px;
  font-size: 11px;
}
#rent .common_area_03 ul li .title span {
	display: block;
	font-size: 10px;
	margin: 3px 0 0;
}
#rent .common_area_03 ul li .icon {
  text-align: center;
  margin: 0 0 10px;
}
#rent .common_area_03 ul li .icon span {
	display: inline-block;
	background-color: #6a7c91;
	color: #fff;
	margin: 1px;
	padding: 0px 5px;
	font-size: 10px;
	border-radius: 5px;
	box-shadow: 0 0 2px #333 inset;
}
#rent .common_area_03 .bottom_text {
	text-align: center;
	margin: 0 0 50px;
}



/***********************************
* 納車引取エリア についてのページ
（共通CSSからの変更）
***********************************/

#area .common_area_03 h3::before {
  content: "AREA";
  font-size: 50px;
}
#area .common_area_03 .top_textbox {
  margin: 0 0 50px;
}

#area .common_area_03 .area_list {}
#area .common_area_03 .area_list .area_titlebar {
  background-color: #6a7c91;
  color: #fff;
  padding: 10px 20px;
}
#area .common_area_03 .area_list .area_titlebar span {
	display: inline-block;
	background-color: #fff;
	color: #6a7c91;
	padding: 0 10px;
	font-size: 90%;
  /* font-weight: bold; */
	margin-right: 10px;
}
#area .common_area_03 .area_list .list_box {
  padding: 5px 20px 20px;
	background-color: #eee;
  margin: 0 0 40px;
}
#area .common_area_03 .area_list .list_box p {
  margin: 20px 0 5px;
}
#area .common_area_03 .area_list .list_box span {
	display: inline-block;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 3px 10px;
	margin: 1px;
	border-radius: 5px;
  font-size: 14px;
}

#area .common_area_03 .area_list .list_box_02 {
  padding: 25px 20px 15px;
}
#area .common_area_03 .area_list .list_box_02 p {
  margin: 5px;
}



/***********************************
* お支払い方法ページ
（共通CSSからの変更）
***********************************/

#pay .common_area_03 h3::before {
  content: "PAYMENT";
  font-size: 50px;
}
#pay .common_area_03 .top_textbox {
  margin: 0 0 20px;
}
#pay .common_area_03 .pay_img_02_box {
  padding: 20px 10px;
  background-color: #fff;
}
#pay .common_area_03 .pay_img_02_box img {
  width: 100%;
}

#pay .common_area_03 h3.loan_simulator {
	margin: 80px 0 20px;
}
#pay .common_area_03 h3.loan_simulator::before {
  content: "LOAN SIMULATOR";
  font-size: 40px;
}

#pay .airregi {
	color: #21aee4;
	font-size: 24px;
	padding: 20px 0 0px;
	text-decoration: underline;
	border-bottom: 10px solid;
	display: inline-block;
	margin: 0 0 30px;
	line-height: 1.3;
}
#pay .airregi span {
	font-size: 120%;
  font-weight: bold;
}


/***********************************
* 会社概要ページ
（共通CSSからの変更）
***********************************/
#company_profile .common_area_03 h3::before {
  content: "SHOP";
}
#company_profile .common_area_03 ul.shop li {
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 0 15px #e9e9e9;
}
#company_profile .common_area_03 ul.shop li .title span {
	font-size: 14px;
	display: block;
	margin: 10px 0 0;
}


#company_profile .history_area {
	padding: 40px 0px 0;
}
#company_profile .history_area h3::before {
  content: "HISTORY";
  font-size: 50px;
}
#company_profile .history_area p span {
  display: inline-block;
}
#company_profile .history_area p span.left {
  position: relative;
  width: 15%;
  font-weight: bold;
}
#company_profile .history_area p span.left::after {
  content: "";
  display: block;
  width: 2px;
  height: 50px;
  background-color: #000;
  position: absolute;
  top: 10px;
  right: 0;
}
#company_profile .history_area p span.left_last::after {
  display: none;
}
#company_profile .history_area p {
	padding: 0 0 5px;
	display: flex;
  align-items: baseline;
	font-size: 12px;
	height: 40px;
}
#company_profile .history_area p span.center {
  position: relative;
  width: 12%;
  text-align: center;
  font-weight: bold;
}
#company_profile .history_area p span.center::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #000;
	position: absolute;
	top: 6px;
	left: -6px;
}
#company_profile .history_area p span.right {
  width: 73%;
  line-height: 1.4;
}

#company_profile .common_area_04.staff_area {
	padding: 80px 0 10px;
}
#company_profile .common_area_04.staff_area h3 span {
  font-size: 12px;
}
#company_profile .common_area_04.staff_area h3::before {
  content: "STAFF";
  font-size: 50px;
  color: #eee;
}
#company_profile .common_area_04.staff_area img.staff_box_topimg {
  width: 100%;
}
#company_profile .common_area_04.staff_area ul {
  margin: 30px 0;
}
#company_profile .common_area_04.staff_area ul li {
  width: 100%;
  box-shadow: 0 0 15px #ddd;
  padding: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 20px 0;
}
#company_profile .common_area_04.staff_area ul li .box01 img {
  width: 100%;
}
#company_profile .common_area_04.staff_area ul li .box02 {
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  -ms-flex-wrap:wrap;/*--- IE10用 ---*/
  -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
  flex-wrap:wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}
#company_profile .common_area_04.staff_area ul li .box02 img {
	width: 40%;
	height: 240px;
	object-fit: cover;
}
#company_profile .common_area_04.staff_area ul li .box02 .box02_text {
	width: 57%;
	padding: 10px 0 0;
}
#company_profile .common_area_04.staff_area ul li .box02 .box02_text .name {
	font-weight: bold;
	font-size: 120%;
	border-bottom: 1px solid;
	margin: 0 0 5px;
}
#company_profile .common_area_04.staff_area ul li .box02 .box02_text span {
	display: inline-block;
	padding: 3px 5px;
	border: 1px solid;
	font-size: 10px;
	margin: 1px;
	line-height: 1;
}
#company_profile .common_area_04.staff_area ul li .box02 .box02_text .subtitle {
	font-size: 14px;
	margin: 10px 0 6px;
	font-weight: bold;
}
#company_profile .common_area_04.staff_area ul li .box02 .box02_text p {
  font-size: 12px;
  line-height: 1.5;
}


/***********************************
* contactページ
***********************************/
section.contact_area {
  background-color: #fff;
  padding: 40px 20px 20px;
}
.contact_area .inner {
  max-width: 1000px;
  margin: auto;
}
.contact_area .title_01 {
	color: #233555;
	font-weight: bold;
	font-size: 20px;
	border-left: 3px solid;
	padding-left: 15px;
	line-height: 0.7;
	letter-spacing: 5px;
}
.contact_area h3 {
	font-weight: bold;
	font-size: 19px;
	padding: 20px 0px;
}
.contact_area .textbox {
  font-size: 13px;
}
.contact_area ul {
  margin: 20px 0;
}
.contact_area ul li {
}
.contact_area ul li a {
	display: block;
	border: 1px solid #000;
	padding: 20px 0;
	text-align: center;
	color: #233555;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
  margin: 10px 0;
  background-color: rgba(255,255,255,0.5);
}

section.contact_area_02 {
  background-color: #eee;
  padding: 40px 20px 20px;
}