@charset "utf-8";
/* CSS Document */

/*
Theme Name: 123MOTORING
Version: 3.1
Author: k-design
*/

@import url(css/post.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}

body, html{width:100%;box-sizing:border-box;}

body{
	font-size:100%;
	font-weight:500;
	line-height:1.8;
	font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;
}

p{margin-bottom:16px;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";content:none;}
blockquote, q{quotes:none;}
a{font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
img{max-width: 100%;height: auto;width /***/:auto;vertical-align:bottom;}
a img{border: 0;}
a:hover img,a:active img{-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);}
input, select{vertical-align:middle;}

/* パンくずリスト */
.bread_crumbs{margin:0 0 40px;font-size:12px;clear:both;}
.bread_crumbs li{margin-right:3px;display:inline;color:#333333;letter-spacing:1.5px;}
.bread_crumbs li a{color:#333333;}
.box{margin-bottom:64px;}

/* 注意 */
.red{color:#FF0000;}

/* text */
.txt_r{text-align:right;}
.txt_c{text-align:center;}
.alignleft{margin:0 16px 16px 0;float:left;}
.alignright{margin:0 0 16px 16px;float:right;}

/* ===== Navigation ===== */
.navigation{padding:24px 0;line-height:18px;overflow:hidden;clear:both;border-bottom:1px dotted #CCCCCC;}

.navigation a{position:relative;}
.navigation a:before,.navigation a:after{width: 6px;height: 6px;position: absolute;content: "";top: 50%;z-index: 0;}
.nav-previous{float:left;width:40%;}
.nav-previous a{padding-left:24px;}
.nav-next{float:right;text-align:right;width:40%;}
.nav-next a{padding-right:24px;}
.nav-previous a:before{border-top: 2px solid #000000;border-left: 2px solid #000000;
	left:4px;-webkit-transform: translateY(-41%) rotate(-45deg);transform: translateY(-41%) rotate(-45deg);}
.nav-next a:after{border-top: 2px solid #000000;border-right: 2px solid #000000;
	right:4px;-webkit-transform: translateY(-41%) rotate(45deg);transform: translateY(-41%) rotate(45deg);}
.wp-pagenavi {padding:40px 0;clear: both;text-align:center;}
.wp-pagenavi a, .wp-pagenavi span {color: #001433;background-color: #FFFFFF;padding: 8px 15px;margin: 0 2px;white-space: nowrap;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;text-align: center;text-decoration: none;border: thin dotted #000000;display: inline-block;transform:skew(-10deg);}
.wp-pagenavi a:hover{color: #fff;background-color: #000000;}
.wp-pagenavi span.current{color: #fff;background-color: #000000;}

/* ===== 全体 ===== */
.l_wrap{max-width:1280px;margin:0 auto;}
.wrap{max-width:1000px;margin:0 auto;}
.s_wrap{max-width:800px;margin:0 auto;}
.pc{display: block;}
.sp{display: none;}
.clear:after{content:"";display:block;clear:both;}
.serif{font-family:"Noto Serif JP", serif;font-optical-sizing:auto;font-weight:700;}
.en{font-family:"Antonio", sans-serif;font-optical-sizing:auto;font-weight:600;}

.flex_box{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.two_flex .item{width:48%;position:relative;}
.three_flex .item{width:32%;position:relative;}
.three_flex::after{content:"";display: block;width:32%;}
.four_flex .item{width:24%;position:relative;}
.four_flex::before{content:"";display: block;width:24%;order:1;}
.four_flex::after{content:"";display: block;width:24%;}
.box_link{width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999px;white-space:nowrap;overflow:hidden;}
.list_center{display:block;text-align:center;}
.list_center li{display:inline-block;}
.br_sp{display:none;}
/* youtube埋め込みレスポンシブ */
.movie{height:0;padding-bottom:56.25%;position:relative;overflow: hidden;}
.movie iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
/* Google mapの下余白&レスポンシブ */
.map iframe{vertical-align:bottom;}
/* ※ */
.kome > li{margin-left:0!important;padding-left:24px;list-style:none!important;position:relative;}
.kome > li:before{content:"※";position:absolute;top:0;left:0;}
/* 丸文字 */
.maru{margin:0;padding:0;counter-reset:my-counter;}
.maru > li{margin-left:0!important;padding-left:30px;list-style:none!important;position:relative;}
.maru > li::before{width:18px;height:18px;content:counter(my-counter);counter-increment:my-counter;border:1px solid;border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-size:85%;line-height:1;position:absolute;top:4px;left: 0;}

.arrow{position:relative;display:inline-block;padding:10px;}
.arrow::before{content:'';width:10px;height:10px;border-top:solid 2px #FFFFFF;border-right:solid 2px #FFFFFF;position:absolute;left:48%;bottom:8px;transform:translateX(-48%);transition:0.4s;}
.arrow:hover::before{bottom:0;}
.arrow.arrow-bottom::before{transform:rotate(135deg);}.btn_dsn2{width:240px;text-align:center;}

.stickarrow::after{width:60px;height:4px;margin-left:12px;content:"";display:inline-block;border-bottom:1px solid #000;border-right:1px solid #000;transform:skew(45deg);transition:0.2s;}
/* コンテンツのフェードイン表示 */
.fade-in{opacity:0;visibility:hidden;transition:opacity 1s ease, visibility 0s linear 1s;}
.fade-in.is-visible{opacity:1; visibility:visible;transition:opacity 2s ease, visibility 0s linear 0s;}

.btn_dsn1{width:360px;margin:0 auto;text-align:center;}
.btn_dsn1 a{padding:8px 12px;display:block;border:1px solid #3F7A4D;box-sizing:border-box;color:#3F7A4D;transition:0.4s;}
.btn_dsn1 a:hover{background:#3F7A4D;color:#FFFFFF;}

#page-top{position:fixed;bottom:0;right:16px;background-color:rgba(0,0,0,0.6);font-size:12px;}
#page-top a{width:40px;height:40px;line-height:40px;color:#FFFFFF;text-decoration: none;text-align: center;display: block;position:relative;}

/* ===== header ===== */
#header{display:flex;justify-content:space-between;box-sizing:border-box;}
.home #header{width:100%;position:absolute;z-index:2;}
/* === logo === */
#logo{width:260px;padding-left:2%;display:flex;align-items:center;}
#logo a{width:100%;}
/* === head_box === */
#head_box{display:flex;justify-content:flex-end;}
#head_box a{color:#000000;}
.home #head_box a{color:#FFFFFF;}
#head_box .head_menu{margin-right:24px;}
/* head_tel */
.head_tel{padding:10px 0 8px;font-size:42px;line-height:1.2;text-align:right;}
.head_tel a span{padding-left:40px;background:url("image/tel_icon.svg") no-repeat left center / 32px;}
/* global_menu */
#global_menu ul{display:flex;justify-content:flex-end;font-size:15px;}
#global_menu ul li{margin-left:24px;}
#global_menu ul li:first-of-type{margin-left:0;}
/* h_contact */
#h_contact{width:180px;height:100px;}
#h_contact a{height:100%;display:flex;align-items:center;justify-content:center;background:#000000;color:#FFFFFF;transition:0.4s;}
#h_contact a:hover{background:#333333;}
/* === movie === */
.main_movie{height:90vh;}
#movie video{width:100%;height:90vh;object-fit:cover;position:relative;}
/* movie_catch */
.movie_catch{position:absolute;left:5%;top:50%;transform:translateY(-50%);color:#FFFFFF;}
.movie_catch h2{margin-bottom:24px;font-size:52px;letter-spacing:0.05em;}
.movie_catch h2 small{font-size:48px;}
.movie_catch p{margin-bottom:0;font-size:24px;}

/* ===== contents ===== */
#contents{margin-bottom:40px;}
#contents section{padding:32px 0;}
/* === page_head === */
.page_head{text-align:center;}
.page_head .title_en{font-size:24px;line-height:1;}
.page_head .page_title{margin-bottom:32px;font-size:15px;font-weight:600;}
.page_head .page_title::after{width:20px;margin:12px auto 0;content:"";border-bottom:2px solid #628047;display:block;}

/* === news === */
.home #contents #news{margin-bottom:32px;padding:0 3%;background:#000000;color:#FFFFFF;}
#news .news_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
#news .news_wrap .news_head{width:140px;padding:12px 0;display:flex;flex-direction:column;justify-content:center;}
#news .news_wrap .news_head .title_en{font-size:13px;line-height:1;}
#news .news_wrap .news_box{width:calc(100% - 360px);padding:12px 0;}
#news .news_wrap .news_box dl{display:flex;justify-content:space-between;flex-wrap:wrap;}
#news .news_wrap .news_box dt{width:100px;}
#news .news_wrap .news_box dd{width:calc(100% - 100px);}
#news .news_wrap .news_box dd a{color:#FFFFFF;}
#news .news_wrap .new_list{width:220px;}
#news .news_wrap .new_list a{height:100%;background:#333333;display:flex;justify-content:center;align-items:center;color:#FFFFFF;}
/* === banner === */
#banner .banner_wrap li{width:380px;margin:8px 12px;text-align:center;}
#banner .banner_wrap li a{padding:12px 0;display:block;position:relative;border:1px solid #000000;box-sizing:border-box;transition:0.4s;}
#banner .banner_wrap li a:hover{background:#EFEFEF;}
#banner .banner_wrap li a::after{width:0;height:0;content:"";position:absolute;right:4px;bottom:4px;border-style:solid;border-width:0 0 16px 16px;border-color:transparent transparent #3F7A4D transparent;}
/* === service === */
#service .service_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;counter-reset:number 0;}
#service .service_item{width:49.5%;margin:0.5% 0;padding:180px 24px 24px;background:no-repeat center center / cover;position:relative;box-sizing:border-box;}
#service .service_item:nth-of-type(1){background-image:url("image/service01.jpg");}
#service .service_item:nth-of-type(2){background-image:url("image/service02.jpg");}
#service .service_item:nth-of-type(3){background-image:url("image/service03.jpg");}
#service .service_item:nth-of-type(4){background-image:url("image/service04.jpg");}
#service .service_item::before{counter-increment:number 1;content:counter(number, decimal-leading-zero) " ";position:absolute;left:24px;bottom:28px;z-index:10;font-size:90px;font-family:"Antonio", sans-serif;font-optical-sizing:auto;font-weight:600;color:#FFFFFF;line-height:1;}
#service .service_item::after{width:100%;height:100%;content:"";display:block;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;}
#service .service_item h3{padding-left:96px;position:relative;z-index:10;font-size:28px;font-weght:700;color:#FFFFFF;}
#service .service_item .service_des{padding-left:96px;position:relative;z-index:10;font-size:15px;color:#FFFFFF;}
/* === about === */
#about{background:linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 92px, #1E1E1E 92px, #1E1E1E 100%);color:#FFFFFF;}
#about p.txt_c{margin-bottom:40px;}
#about #local_menu li{width:320px;margin:0 4px;box-shadow:-2px 2px 6px #333333;font-size:18px;font-weight:500;text-align:center;letter-spacing:0.2em;}
#about #local_menu li a{padding:80px 12px 12px;background:#FFFFFF no-repeat top 24px center / 48px;display:block;position:relative;color:#000000;}
#about #local_menu li a::after{width:0;height:0;content:"";position:absolute;right:4px;bottom:4px;border-style:solid;border-width:0 0 16px 16px;border-color:transparent transparent #3F7A4D transparent;}
#about #local_menu li:nth-of-type(1) a{background-image:url("image/greeting_icon.svg");}
#about #local_menu li:nth-of-type(2) a{background-image:url("image/corporation_icon.svg");}
#about #local_menu li:nth-of-type(3) a{background-image:url("image/equipment_icon.svg");}
/* === voice === */
#voice .voice_wrap{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;column-gap:2%;}
#voice .voice_wrap::after{display:none;}
#voice .voice_item{width:100%;margin-bottom:12px;display:grid;grid-row:span 2;grid-template-rows:subgrid;background:#FFFFFF;box-shadow:2px 2px 8px #000000;}
#voice .voice_item .voice_detail{padding:24px;font-size:15px;}
#voice .voice_item .voice_detail .voice_name{font-size:13px;font-feature-settings:"palt";letter-spacing:0.05em;}
#voice .voice_item .voice_reply{padding:16px 24px 16px 96px;background:#E5E5E5;display:flex;align-items:center;font-size:14px;}
#voice .voice_item .voice_reply p{margin-bottom:0;}

/* === contact_box === */
#contact_box{padding:48px 0;background:url("image/contact_bg.jpg") no-repeat center center / cover;color:#FFFFFF;}
#contact_box .page_head .title_en{font-size:36px;line-height:1.2;}
#contact_box .page_head .page_title::after{display:none;}
#contact_box p.txt_c{margin-bottom:32px;}
/* tel_box */
#contact_box .tel_box{width:420px;margin:0 auto;padding:12px 0;position:relative;border:1px solid #FFFFFF;box-sizing:border-box;text-align:center;}
#contact_box .tel_box .tel_txt{font-size:15px;}
#contact_box .tel_box .tel_number{font-size:48px;line-height:1.2;}
#contact_box .tel_box .tel_time{font-size:13px;}
/* ===== footer ===== */
#footer{padding:16px 5%;background:#040000;display:flex;justify-content:space-between;flex-wrap:wrap;color:#FFFFFF;}
#footer #f_logo{width:250px;}
#footer #f_menu{display:flex;align-items:center;}
#footer #f_menu li{margin:0 12px;font-size:15px;}
#footer #f_menu li a{color:#FFFFFF;}
#footer #f_des{width:280px;text-align:center;font-size:11px;}

/* === 配下ページ共通 === */
.box_line{border-bottom:1px solid #000000;}
/* head_title */
#head_title{padding:12px;text-align:center;}
#head_title .page_title{margin-bottom:0;font-size:32px;font-weight:900;letter-spacing:0.1em;}
#head_title .title_en{margin-bottom:12px;font-size:18px;}
/* head_wrap */
#head_wrap{padding:64px 0;background:no-repeat center center / cover;color:#FFFFFF;text-align:center;}
#head_wrap .catch{margin-bottom:12px;font-size:40px;font-weight:700;}
/* sub_title */
.sub_title{margin-bottom:40px;position:relative;}
.sub_title .title_en{margin-right:16px;display:inline;font-size:32px;line-height:1;}
.sub_title .page_title{display:inline;font-size:18px;font-weight:700;letter-spacing:0.05em;}
.sub_title:after{width:20px;margin:0;content:"";border-bottom:2px solid #628047;display:block;}

/* === 会社案内 === */
.corporation #head_wrap{background-image:url("image/corporation/head_bg.jpg?202610081400");}
/* card_wrap */
.card_wrap{margin-bottom:48px;position:relative;}
.card_wrap .card_detail{width:40%;padding:24px 32px;position:absolute;top:50%;right:0;transform:translateY(-50%);background:#FFFFFF;box-shadow:2px 2px 6px #000000;box-sizing:border-box;}
.card_wrap .card_detail p{margin-bottom:32px;}
.card_wrap .card_detail p.card_name{margin-bottom:0;text-align:right;}
.card_wrap .card_detail p.card_name span{margin-left:16px;font-size:24px;font-weight:700;}
/* concept */
#concept .concept_list{display:flex;justify-content:space-between;flex-wrap:wrap;}
#concept .concept_list li{width:24%;padding:160px 8px 24px;background:#2F2F2F no-repeat center top 16px / 160px;box-sizing:border-box;font-size:15px;color:#FFFFFF;text-align:center;}
#concept .concept_list li:nth-of-type(1){background-image:url("image/corporation/concept_icon1.svg");}
#concept .concept_list li:nth-of-type(2){background-image:url("image/corporation/concept_icon2.svg");}
#concept .concept_list li:nth-of-type(3){background-image:url("image/corporation/concept_icon3.svg");}
#concept .concept_list li:nth-of-type(4){background-image:url("image/corporation/concept_icon4.svg");}
/* company_detail */
#company_detail .com_detail_wrap{margin-bottom:48px;}
#company_detail dl{padding:8px 0;display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #D6D6D6;}
#company_detail dl:first-of-type{border-top:1px solid #D6D6D6;}
#company_detail dl dt{width:172px;font-weight:600;color:#3f7a4d;}
#company_detail dl dd{width:calc(100% - 172px);}
/* service */
#service ul.service_list{display:flex;justify-content:space-between;flex-wrap:wrap;}
#service ul.service_list li{width:13.5%;padding:120px 8px 8px;background:#2F2F2F no-repeat center top 16px / 90px;box-sizing:border-box;font-size:12px;color:#FFFFFF;text-align:center;}
.corporation #service ul.service_list li:nth-of-type(1){background-image:url("image/corporation/service_icon1.svg");}
.corporation #service ul.service_list li:nth-of-type(2){background-image:url("image/corporation/service_icon2.svg");}
.corporation #service ul.service_list li:nth-of-type(3){background-image:url("image/corporation/service_icon3.svg");}
.corporation #service ul.service_list li:nth-of-type(4){background-image:url("image/corporation/service_icon4.svg");}
.corporation #service ul.service_list li:nth-of-type(5){background-image:url("image/corporation/service_icon5.svg");}
.corporation #service ul.service_list li:nth-of-type(6){background-image:url("image/corporation/service_icon6.svg");}
.corporation #service ul.service_list li:nth-of-type(7){background-image:url("image/corporation/service_icon7.svg");}
/* === 車検・整備 === */
.maintenance #head_wrap{background-image:url("image/maintenance/head_bg.jpg");}
/* card_wrap */
.maintenance .card_wrap .card_detail{width:50%;top:inherit;bottom:32px;transform:inherit;font-size:15px;}
.maintenance .card_wrap .card_detail h3{margin-bottom:12px;font-size:16px;font-weight:700;}
.maintenance .card_wrap .card_detail p{margin-bottom:0;}
/* strengths */
#strengths .strengths_list{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
#strengths .strengths_list li{width:16%;padding:160px 8px 24px;background:no-repeat center top 16px / 160px;list-style:none;box-sizing:border-box;font-size:15px;text-align:center;}
#strengths .strengths_list li:nth-of-type(1){background-image:url("image/maintenance/strengths_icon1.svg");}
#strengths .strengths_list li:nth-of-type(2){background-image:url("image/maintenance/strengths_icon2.svg");}
#strengths .strengths_list li:nth-of-type(3){background-image:url("image/maintenance/strengths_icon3.svg");}
#strengths .strengths_list li:nth-of-type(4){background-image:url("image/maintenance/strengths_icon4.svg");}
#strengths .strengths_list li:nth-of-type(5){background-image:url("image/maintenance/strengths_icon5.svg");}
#strengths .strengths_list li:nth-of-type(6){background-image:url("image/maintenance/strengths_icon6.svg");}
/* inspection */
#inspection{margin-bottom:0;counter-reset:counter;}
#inspection .inspection_head{display:flex;justify-content:center;align-items:center;flex-direction:column;background:#000000;color:#FFFFFF;}
#inspection .inspection_head h3{text-align:center;}
#inspection .inspection_head h3 .en{font-size:24px;line-height:1;}
#inspection .inspection_item{margin-bottom:24px;}
#inspection .inspection_item .inspection_img{margin-bottom:12px;}
#inspection .inspection_item dt{margin-bottom:12px;font-weight:700;}
#inspection .inspection_item dt::before{margin-right:8px;content:counter(counter, decimal-leading-zero);counter-increment:counter;font-size:28px;font-family:"Antonio", sans-serif;font-optical-sizing:auto;font-weight:600;color:#3F7A4D;line-height:1;}
#inspection .inspection_item dd{font-size:14px;line-height:1.5;}
/* maintenance */
#maintenance ul.maintenance_list{margin-bottom:64px;display:flex;justify-content:space-between;flex-wrap:wrap;}
#maintenance ul.maintenance_list li{width:13.5%;padding:120px 8px 8px;background:#2F2F2F no-repeat center top 16px / 110px;box-sizing:border-box;font-size:12px;color:#FFFFFF;text-align:center;}
#maintenance ul.maintenance_list li:nth-of-type(1){background-image:url("image/maintenance/service_icon1.svg");}
#maintenance ul.maintenance_list li:nth-of-type(2){background-image:url("image/maintenance/service_icon2.svg");}
#maintenance ul.maintenance_list li:nth-of-type(3){background-image:url("image/maintenance/service_icon3.svg");}
#maintenance ul.maintenance_list li:nth-of-type(4){background-image:url("image/maintenance/service_icon4.svg");}
#maintenance ul.maintenance_list li:nth-of-type(5){background-image:url("image/maintenance/service_icon5.svg");}
#maintenance ul.maintenance_list li:nth-of-type(6){background-image:url("image/maintenance/service_icon6.svg");}
#maintenance ul.maintenance_list li:nth-of-type(7){background-image:url("image/maintenance/service_icon7.svg");}
/* check_point */
#check_point .point_box{margin-bottom:40px;padding:12px 16px 12px 108px;background:url("image/maintenance/point_icon.svg") no-repeat left 16px center / 80px;border:2px solid #000000;border-radius:8px;box-sizing:border-box;}
#check_point .point_box dt{font-size:24px;font-weight:700;color:#CC3333;}
/* support_box */
#check_point .support_box{display:flex;justify-content:space-between;flex-wrap:wrap;}
#check_point .support_box .support_item{width:19%;padding:120px 8px 12px;background:#000000 no-repeat center top 24px / 110px;box-sizing:border-box;font-size:12px;color:#FFFFFF;text-align:center;}
#check_point .support_box .support_item:nth-of-type(1){background-image:url("image/maintenance/support_icon1.svg");}
#check_point .support_box .support_item:nth-of-type(2){background-image:url("image/maintenance/support_icon2.svg");}
#check_point .support_box .support_item:nth-of-type(3){background-image:url("image/maintenance/support_icon3.svg");}
#check_point .support_box .support_item:nth-of-type(4){background-image:url("image/maintenance/support_icon4.svg");}
#check_point .support_box .support_item.support_head{padding:0;display:flex;justify-content:center;align-items:center;background:inherit;border:1px solid #000000;color:#000000;text-align:center;}
#check_point .support_box .support_item.support_head .title_en{font-size:24px;}
/* faq */
#faq .faq_box dl{margin-bottom:24px;counter-reset:faq-counter;}
#faq .faq_box dl dt{margin-bottom:8px;padding-left:40px;position:relative;font-size:15px;font-weight:700;color:#3f7a4d;}
#faq .faq_box dl dt::before{content:"Q" counter(faq-counter);counter-increment:faq-counter;position:absolute;left:0;top:-2px;font-size:24px;font-family:"Antonio", sans-serif;font-optical-sizing:auto;font-weight:600;color:#3f7a4d;line-height:1;}
#faq .faq_box dl dd{margin-bottom:12px;padding:0 0 12px 40px;border-bottom:1px solid #EBEBEB;font-size:14px;}
#faq .faq_box dl dd:last-of-type{border:none;}
/* car_life */
#car_life{padding:32px 24px!important;background:#EBEBEB;display:flex;justify-content:space-between;flex-wrap:wrap;}
#car_life .car_life_detail{width:60%;}
#car_life .car_life_detail h3{margin-bottom:12px;font-size:21px;font-weight:700;}
#car_life .car_life_detail p{margin-bottom:32px;font-size:14px;}
#car_life .car_life_img{width:35%;height:auto;}
#car_life .car_life_img img{width:100%;height:100%;object-fit:cover;}
#car_life .car_life_box{display:flex;justify-content:space-between;}
#car_life .car_life_box dl.car_life_item{width:19%;padding:80px 8px 0;background:no-repeat center top / 65%;border-right:1px solid #CCCCCC;box-sizing:border-box;}
#car_life .car_life_box dl.car_life_item:first-of-type{border-left:1px solid #CCCCCC;}
#car_life .car_life_box dl.car_life_item:nth-of-type(1){background-image:url("image/maintenance/car_life1.svg");}
#car_life .car_life_box dl.car_life_item:nth-of-type(2){background-image:url("image/maintenance/car_life2.svg");}
#car_life .car_life_box dl.car_life_item:nth-of-type(3){background-image:url("image/maintenance/car_life3.svg");}
#car_life .car_life_box dl.car_life_item:nth-of-type(4){background-image:url("image/maintenance/car_life4.svg");}
#car_life .car_life_box dl.car_life_item:nth-of-type(5){background-image:url("image/maintenance/car_life5.svg");}
#car_life .car_life_box dl.car_life_item dt{margin-bottom:4px;font-size:10px;text-align:center;}
#car_life .car_life_box dl.car_life_item dd{font-size:9px;text-align:center;}
/* === お問い合わせ === */
.contact #contents{margin-bottom:0;display:flex;justify-content:space-between;flex-wrap:wrap;}
.contact #contents #contact_head{width:36%;padding:80px 40px;background:url("image/contact/main_image.jpg") no-repeat center center / cover;box-sizing:border-box;color:#FFFFFF;}
.contact #contact_head .head_title{margin-bottom:32px;}
.contact #contact_head .head_title .title_en{font-size:36px;line-height:1.2;}
.contact #contents #contact_wrap{width:64%;padding:24px 5% 64px;box-sizing:border-box;}
.contact #contact_wrap .head_title{margin-bottom:32px;}
.contact #contact_wrap .head_title .page_title{margin-bottom:0;font-size:32px;font-weight:700;}
.contact #contact_wrap .head_title .title_en{font-size:21px;}
/* contact */
#contact{margin-bottom:12px;}
#contact dl{padding:8px 0;display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #D6D6D6;}
#contact dl:first-of-type{border-top:1px solid #D6D6D6;}
#contact dt{width:210px;position:relative;}
#contact dt span.red{padding:1px 8px;background:#D90000;position:absolute;top:3px;right:0;font-size:11px;color:#FFFFFF;}
#contact dd{width:calc(100% - 252px);}
#contact dd .wpcf7-list-item{margin:0 1em 0 0;}
.wpcf7 input[type="text"],.wpcf7 input[type="tel"],.wpcf7 input[type="email"],.wpcf7 textarea,.wpcf7 select{width:100%;padding:8px;font-size:100%;cursor:pointer;-webkit-appearance: none;appearance: none;border:1px solid #D6D6D6;box-sizing:border-box;}
.wpcf7 input[type="radio"] {margin:-4px 4px 0 0;vertical-align:middle;}
.wpcf7 input[type="submit"]{width:320px;margin:0 auto;padding:12px 0;display:block;background:#3F7A4D;border:1px solid #3F7A4D;cursor:pointer;outline:none;box-sizing:border-box;-webkit-appearance:none;border-radius:0;clear:both;color:#FFFFFF;transition:0.4s;}
.wpcf7 input[type="submit"]:hover{background:#FFFFFF;color:#3F7A4D;}
.wpcf7 input::placeholder,textarea::placeholder{color:#dddddd;}
.wpcf7-form.hide_error_message .wpcf7-not-valid-tip{display: none;}
/* privacy_wrap */
.privacy_wrap h2{margin-bottom:12px;font-size:16px;}
.privacy_wrap .privacy_detail{height:150px;margin-bottom:24px;padding:8px 16px;border:1px solid #D6D6D6;box-sizing:border-box;overflow-y:scroll;}
.privacy_wrap .privacy_detail h3{margin-bottom:8px;font-size:15px;}
.privacy_wrap .privacy_detail p{margin-bottom:8px;font-size:14px;}
.privacy_wrap .privacy_detail dt{font-weight:700;font-size:14px;}
.privacy_wrap .privacy_detail dd{margin-bottom:12px;font-size:13px;line-height:1.5;}
.privacy_wrap .privacy_detail dd ul{margin-left:24px;list-style:disc;}
/* submit_btn */
.submit_btn .consent{margin-bottom:40px;text-align:center;font-size:15px;}
.submit_btn .consent .wpcf7-list-item{margin:0;}
/* === お知らせ一覧 === */
.news-list #contents .news_box dl,
.archive #contents .news_box dl{margin-bottom:8px;padding-bottom:8px;display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #CCCCCC;}
.news-list #contents .news_box dl dt,
.archive #contents .news_box dl dt{width:100px;}
.news-list #contents .news_box dl dd,
.archive #contents .news_box dl dd{width:calc(100% - 100px);}
.news-list #contents .news_box dl dd a,
.archive #contents .news_box dl dd a{color:#000000;}

/* ===== single ===== */
.single #contents{padding-top:48px;}
.single #contents h1.page_title{font-size:28px;font-weight:700;letter-spacing:0.05em;}
.single #contents .entry_data{margin-bottom:48px;font-size:11px;}
.two_column{display:flex;justify-content:space-between;flex-wrap:wrap;}
.two_column .left_box{width:calc(100% - 300px);}
/* ===== sidebar ===== */
#sidebar{width:240px;}
/* サイド（右側部分） */
#sidebar .side_fix{position:sticky;top:80px;}
#sidebar .widget{margin-bottom:48px;}
#sidebar .widget dt{padding-bottom:8px;border-bottom:1px solid #343434;font-size:18px;}
#sidebar .widget dd ul li{font-size:14px;}
#sidebar .widget dd ul li a{padding:8px 0;display:block;border-bottom:1px solid #D9D9D9;color:#000000;}
#sidebar .widget dd ul li ul{margin-left:24px;}
#sidebar .widget dd ul li ul li{position:relative;}
#sidebar .widget dd ul li ul li:before{content:"├";position:absolute;left:-24px;top:50%;transform:translateY(-50%);}
#sidebar .widget dd ul li ul li:last-of-type:before{content:"└";}
#sidebar .widget dd select{width:100%;margin-top:18px;padding:8px;box-sizing:border-box;cursor:pointer;background: #FFFFFF;border: 1px solid #343434;color: #343434;}
/* ranking_box */
#sidebar .side_ranking dt{margin-bottom:12px;}
#sidebar .ranking_box{margin-bottom:12px;padding-bottom:12px;display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid rgba(68,68,68,0.6);position:relative;}
#sidebar .ranking_box .ranking_image{width:80px;}
#sidebar .ranking_box .ranking_detail{width:calc(100% - 100px);}
#sidebar .ranking_box .ranking_detail .ranking_date{font-size:10px;font-weight:500;}
#sidebar .ranking_box .ranking_detail .ranking_title{font-size:13px;font-weight:700;}
#sidebar .ranking_box .ranking_detail .starts_view{margin-left:12px;color:#999999;}

/* ===== error404 ===== */
.error404 #contents{padding-top:80px;text-align:center;}
.error404 #contents h1{margin:0;font-size:600%;font-family:Arial, Helvetica, "sans-serif";font-weight:600;line-height:1;color:#E60019;}
.error404 #contents h2{border-bottom:none;}
.error404 #contents p a{text-decoration:underline;}

@media screen and (min-width: 1025px) {
	#global_menu{display:block !important;}
}
@media screen and (min-width: 741px) {
	a[href^="tel:"]{pointer-events:none;cursor:default;text-decoration: none;}
}

@media screen and (max-width: 1320px) {
	.l_wrap{width:94%;}
	#global_menu ul, #footer #f_menu li{font-size:14px;}
/* === footer === */
	#footer{justify-content:center;}
	#footer #f_logo{margin:0 auto 12px;order:2;}
	#footer #f_menu{width:100%;margin-bottom:24px;justify-content:center;order:1;}
	#footer #f_des{width:100%;order:3;}
	
	#car_life .car_life_detail{width:100%;}
	#car_life .car_life_img{display:none;}
	#car_life .car_life_box dl.car_life_item{background-size:42%;}
	#car_life .car_life_box dl.car_life_item dt{font-size:1.2vw;}
	#car_life .car_life_box dl.car_life_item dd{font-size:1vw;}
}
@media screen and (max-width: 1110px) {
	#logo{margin-top:20px;}
	.head_tel{font-size:24px;}
}

@media screen and (max-width: 1024px) {
	.pc{display: none;}
	.sp{display:block;}
	.wrap{width:90%;}
	/* === overlayMenuBtn === */
	.overlayMenuBtn{height:28px;position:absolute;top:50%;right:1.5%;transform:translateY(-50%);cursor:pointer;z-index:100001;}
	.home .overlayMenuBtn{top:54%;transform:translateY(-50%);}
	.overlayMenuBtn span{width:32px;position:relative;display:block;border:2px solid #000000;transition:.5s;background-color:#000000;}
	.overlayMenuBtn span:nth-child(1){top: 0;}
	.overlayMenuBtn span:nth-child(2){top: 8px;}
	.overlayMenuBtn span:nth-child(3){top: 16px;}
	/* overlayMenu */
	.overlayMenu{width:100%;height:100vh;display:none;position:fixed;overflow:auto;background:#FFFFFF;z-index:100000;color:#333333;top:0;left:0;}
	.overlayMenuInner{padding:64px 4% 40px;}
	/* overlayMenuItem */
	.overlayMenuItem ul.sp_menu{margin:20px 0 40px;padding:0;list-style-type:none;}
	.overlayMenuItem ul.sp_menu li{border-top:1px solid #CCC;}
	.overlayMenuItem ul.sp_menu li:last-child{border-bottom:1px solid #CCC;}
	.overlayMenuItem ul.sp_menu li a{width:100%;padding:12px 24px;display:block;box-sizing:border-box;color:#333333;text-decoration:none;transition:.5s;}
	.overlayMenuItem ul.sp_menu li a:hover{background-color:#000000;color:#FFFFFF;}
	/* home */
	.home .overlayMenuBtn span{border-color:#FFFFFF;background-color:#FFFFFF;}
	
	#header{position:relative;}
	#logo{margin-top:12px;}
	#head_box{width:calc(100% - 380px);}
	#head_box .head_menu{margin-right:20px;}
	#head_box .head_tel{padding-top:12px;font-size:32px;}
	#h_contact{display:none;}
	/* ===== global_menu ===== */
	#global_menu{display:none;}
	
	#about #local_menu li{width:31%;}
	
	.card_wrap .card_bg{width:100%;}
	.card_wrap .card_bg img{width:100%;}
	.card_wrap .card_detail{width:90%;margin:-15% auto 0;position:relative;transform:inherit;}
	#service ul.service_list::before{content:"";display: block;width:24%;order:1;}
	#service ul.service_list::after{content:"";display: block;width:24%;}
	#service ul.service_list li{width:24%;margin:0.5% 0;}
/* === maintenance === */
	.maintenance .card_wrap .card_detail{width:90%;}
	#strengths .strengths_list li{width:32%;}
	#inspection .inspection_item{width:49%;}
	#maintenance ul.maintenance_list::before{content:"";display: block;width:24%;order:1;}
	#maintenance ul.maintenance_list::after{content:"";display: block;width:24%;}
	#maintenance ul.maintenance_list li{width:24%;margin:0.5% 0;}
	#check_point .support_box .support_item.support_head{width:100%;border:none;}
	#check_point .support_box .support_item.support_head h2.page_title br{display:none;}
	#check_point .support_box .support_item{width:49.5%;margin:0.5% 0;}
/* === contact === */
	.contact #contents #contact_head{width:100%;padding:24px 40px;}
	.contact #contents #contact_wrap{width:100%;}
}

@media screen and (max-width: 1000px) {
	#about #local_menu li{margin-bottom:20px;}
}
@media screen and (max-width: 980px) {
	.main_movie{height:84vh;}
	#movie video{height:84vh;}
	#news .news_wrap .news_box{width:calc(100% - 140px);}
	#news .news_wrap .new_list{margin:0 auto;padding:12px 0;}
	#news .news_wrap .new_list a{height:inherit;padding:12px 0;}
	#banner .banner_wrap li{width:46%;margin:8px 1.5%;}
	#voice .voice_item .voice_reply{padding:16px 24px;}
	
	#concept .concept_list li{width:49.5%;margin:0.5% 0;padding-top:120px;background-size:120px;}
	
/* ===== single ===== */
	.two_column .left_box{width:100%;margin-bottom:64px;}
	#sidebar{width:100%;}
	#sidebar .side_fix{position:inherit;top:inherit;}
}

@media screen and (max-width: 900px) {
	#service .service_item{width:100%;}
	#head_wrap{padding:64px 3%;}
	
	#voice .voice_wrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
	#voice .voice_item{width:49%;margin-bottom:16px;}
	#voice .voice_item .voice_reply{margin-top:auto;flex-grow:1;}
}

@media screen and (max-width: 800px) {
	#header, .home #header{z-index:99;}
	#head_wrap .catch{font-size:24px;}
	
	#head_box{width:100%;position:fixed;bottom:0;left:0;justify-content:space-between;align-items:center;z-index:100000;}
	#head_box a{color:#ffffff;}
	#head_box .head_menu{width:100%;height:60px;margin-right:0;}
	#head_box .head_menu .head_tel{height:100%;margin:0;padding:0;text-align:center;}
	#head_box .head_menu .head_tel a{height:100%;display:flex;justify-content:center;align-items:center;background:#000000;font-size:20px;border-top:1px solid #ffffff;}
	#head_box .head_menu .head_tel a span{padding-left:32px;background-size:24px;}
	#h_contact{width:49.9%;height:60px;display:block;box-sizing:border-box;}
	
	#news .news_wrap .news_head{width:100%;align-items:center;}
	#news .news_wrap .news_box{width:100%;}
	#news .news_wrap .new_list{margin:0 auto;}
	
	#footer{padding-bottom:80px;}
	
/* === corporation === */	
	.card_wrap .card_detail{width:90%;margin-top:-40px;margin-left:auto;position:inherit;transform:translateY(0%);}
	#concept .concept_list li{width:49%;margin-bottom:18px;}
	#service ul.service_list li{width:33%;margin-bottom:4px;}
/* === maintenance === */	
	.maintenance .card_wrap .card_detail{width:90%;}
	#strengths .strengths_list li{width:33%;}
	#inspection .inspection_item.inspection_head{width:100%;padding:8px;box-sizing:border-box;}
	#inspection .inspection_item{width:100%;}
	#maintenance ul.maintenance_list li{width:33%;margin-bottom:4px;}
	#car_life .car_life_box{flex-wrap:wrap;}
	#car_life .car_life_box::after{width:32%;content:"";display:block;}
	#car_life .car_life_box dl.car_life_item{width:32%;margin:1% 0;background-size:40%;}
	#car_life .car_life_box dl.car_life_item dt{font-size:13px;}
	#car_life .car_life_box dl.car_life_item dd{font-size:12px;}
	.maintenance .sub_title .page_title{display:block;}
/* === contact === */
	#contact dt{margin-bottom:8px;}
	#contact dd{width:100%;}
}

@media screen and (max-width: 782px) {
	#header{padding:12px 0;}
	#logo{width:200px;margin-top:0;}
	
	.br_sp{display:block;}
	.movie_catch h2{font-size:24px;}
	.movie_catch h2 small{font-size:24px;}
	
	#banner .banner_wrap li{width:100%;max-width:380px;margin:12px auto;}
	#service .service_item{width:100%;padding:100px 24px 24px;}
	#service .service_item h3{font-size:20px;}
	#service .service_item .service_des{font-size:13px;}
	
	#about #local_menu li{margin-bottom:12px;font-size:15px;}
	#contact_box .tel_box{width:90%;}
	
	#h_contact a{background:#333333;}
/* === corporation === */	
	#company_detail dl dt{width:100%;}
	#company_detail dl dd{width:100%;}
/* === contact === */
	#concept .concept_list li{margin-bottom:8px;font-size:13px;}
/* === footer === */
	#footer{padding-bottom:80px;}
	#footer #f_logo{width:100%;text-align:center;}
	#footer #f_logo img{width:300px;}
	#footer #f_menu.list_center{width:100%;margin:20px 0 48px;justify-content:space-between;flex-wrap:wrap;}
	#footer #f_menu li{width:24%;margin:4px 0;}
	#footer #f_menu li:first-of-type{display:none;}
	#footer #f_des{width:100%;}
}

@media screen and (max-width: 740px) {
	.table_scroll{overflow: auto;white-space: nowrap;display:block;}
	.table_scroll::-webkit-scrollbar{height: 5px;}
	.table_scroll::-webkit-scrollbar-track{background: #333;}
	.table_scroll::-webkit-scrollbar-thumb {background: #999;}
	.table-scroll table{width:100%;}
	a[href^="tel:"]{text-decoration:none;color:#000000;}
	
	.two_flex .item{width:100%;margin:0 0 40px;}
	.three_flex .item{width:100%;}
	.four_flex .item{width:48%;}
	.four_flex::before{content:"";display: block;width:48%;order:1;}
	.four_flex::after{content:"";display: block;width:48%;}
	
/* === voice === */
	#voice .voice_wrap{width:90%;margin:0 auto 48px;}
}

@media screen and (max-width: 640px) {
	#logo{padding-top:20px;}
	.home #logo{padding-top:0;}
	.main_movie{height:70vh;}
	#movie video{height:70vh;}
	.movie_catch{top:40%;}
	.movie_catch h2{font-size:6.5vw;}
	.movie_catch p{font-size:16px;}
	
	#about #local_menu li{width:28%;}
	#voice .voice_item{width:80%;margin:0 auto 16px;}
	.card_wrap .card_detail{padding:24px 24px;}
	#strengths .strengths_list li{width:48%;}
	#maintenance ul.maintenance_list li{width:32.5%;}
	#car_life{padding:24px 16px!important;}
	#car_life .car_life_box dl.car_life_item{width:48%;}
	#contact dd .wpcf7-list-item{display:block;}
/* === maintenance === */	
	#maintenance ul.maintenance_list li{padding:90px 8px 8px;background:#2F2F2F no-repeat center top 16px / 80px;}
	#maintenance ul.maintenance_list li span{font-size:10.5px;}
	#car_life .car_life_box dl.car_life_item{margin-bottom:20px;padding:60px 8px 0;border:none;}
	#car_life .car_life_box dl.car_life_item:first-of-type{border:none;}
	#car_life .car_life_box dl.car_life_item dt{font-size:12px;font-weight:700;}
	#car_life .car_life_box dl.car_life_item dd{font-size:11px;}
	
/* === footer === */	
	#global_menu ul, #footer #f_menu li{font-size:13px;}
}
