@charset "utf-8";

/*===========================
  reset Css
===========================*/
html{-webkit-text-size-adjust:100%;box-sizing:border-box;-moz-tab-size:4;tab-size:4;word-break:normal}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{color:inherit;height:0;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}
ul,ol{ list-style:none; }
dl, ol, ul{ margin:0; }

/*===========================
  base.css
===========================*/
:root{
	--main-color:#A00011;
	--sub-color:#FCFAF5;
	--third-color:#F0F5FC;
	--line-color:#E8E3C6;
	--enfont:"Roboto Slab","Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック体", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", serif;
	--hexagon:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	--pc-font-10:clamp(0px,0.88vw,10px);
	--pc-font-11:clamp(0px,0.96vw,11px);
	--pc-font-12:clamp(0px,1.05vw,12px);
	--pc-font-13:clamp(0px,1.14vw,13px);
	--pc-font-14:clamp(0px,1.23vw,14px);
	--pc-font-15:clamp(0px,1.32vw,15px);
	--pc-font-16:clamp(0px,1.40vw,16px);
	--pc-font-17:clamp(0px,1.49vw,17px);
	--pc-font-18:clamp(0px,1.58vw,18px);
	--pc-font-19:clamp(0px,1.67vw,19px);
	--pc-font-20:clamp(0px,1.75vw,20px);
	--pc-font-21:clamp(0px,1.84vw,21px);
	--pc-font-22:clamp(0px,1.93vw,22px);
	--pc-font-23:clamp(0px,2.02vw,23px);
	--pc-font-24:clamp(0px,2.11vw,24px);
	--pc-font-25:clamp(0px,2.19vw,25px);
	--pc-font-26:clamp(0px,2.28vw,26px);
	--pc-font-28:clamp(0px,2.46vw,28px);
	--pc-font-30:clamp(0px,2.63vw,30px);
	--pc-font-32:clamp(0px,2.81vw,32px);
	--pc-font-38:clamp(0px,3.33vw,38px);
	--pc-font-40:clamp(0px,3.51vw,40px);
	--pc-font-42:clamp(0px,4vw,42px);
	--pc-font-52:clamp(0px,4.56vw,52px);
	--pc-font-60:clamp(0px,5vw,60px);
	--pc-font-100:clamp(0px,8.77vw,100px);
	--sp-font-10:clamp(6px, 2.56vw, 30px);
	--sp-font-11:clamp(6px, 2.93vw, 30px);
	--sp-font-12:clamp(10px, 3vw, 30px);
	--sp-font-13:clamp(11px, 3.33vw, 30px);
	--sp-font-14:clamp(12px, 3.59vw, 30px);
	--sp-font-15:clamp(13px, 3.85vw, 30px);
	--sp-font-16:clamp(14px, 4.10vw, 40px);
	--sp-font-17:clamp(15px, 4.36vw, 40px);
	--sp-font-18:clamp(16px, 4.62vw, 40px);
	--sp-font-19:clamp(16px, 4.87vw, 40px);
	--sp-font-20:clamp(18px, 5.13vw, 40px);
	--sp-font-21:clamp(18px, 5.38vw, 40px);
	--sp-font-22:clamp(18px, 5.87vw, 40px);
	--sp-font-24:clamp(18px, 6.4vw, 40px);
	--sp-font-26:clamp(22px, 6.67vw, 30px);
	--sp-font-27:clamp(20px, 6.92vw, 31px);
	--sp-font-28:clamp(20px, 7.18vw, 32px);
	--sp-font-30:clamp(20px, 7.18vw, 35px);
	--sp-font-35:clamp(30px, 8vw, 39px);
	--sp-font-40:clamp(30px, 10.26vw, 44px);
}

body{
	width:100%;
	background:var(--sub-color);
	font-size:var(--pc-font-16);
    font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    -webkit-font-smoothing:antialiased;
    color:#333333;
	line-height:1.8;
	letter-spacing:0.02em;
}
#root{
	width:100%;
	overflow-x:hidden;
}

p{ margin:0; }
a{ color:#333333; }
a:link,
a:hover,
a:visited,
a:active{ text-decoration:none; color:#333333; }
img{ max-width:100%; height:auto; vertical-align:bottom; }

/*  contents
===========================*/
.inner{ max-width:1140px; margin:0 auto; padding:0 30px; box-sizing:content-box; } 
.inner::after{ content:""; display:block; clear:both; }

/*  header
===========================*/
#siteHeader{ width:100%; max-width:100%; min-height:85px; background:#fff; }
#siteHeader.top{ background:var(--sub-color); }
#siteHeader .inner{ max-width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:23px 40px; }
#siteHeader .logo{ width:152px; }
#siteHeader .logo a{ width:100%; display:block; background:url("/system_panel/uploads/images/logo_nardi.svg") no-repeat 0 0 / 100% auto; text-indent:-9999px; aspect-ratio:152 / 42; overflow:hidden; }
#siteHeader .telArea{ margin:0 35px 0 auto; padding:0 0 0 36px; text-align:center; background:url("/system_panel/uploads/images/ico_tel.svg") no-repeat 0 center / 23px auto; line-height:1; }
#siteHeader .telArea .tel{ font-size:var(--pc-font-28); font-weight:700; font-family:var(--enfont); }
#siteHeader .telArea .txt{ margin:5px 0 0; font-size:var(--pc-font-14); font-weight:700; }
#siteHeader .contactBtn{ width:166px; }
#siteHeader .contactBtn a{ width:100%; max-width:300px; display:block; padding:16px 0; text-align:center; background:var(--main-color); border-radius:50px; font-weight:600; color:#ffffff; line-height:1; }

/*  footer
===========================*/
#siteFooter{ padding:50px 0 30px; }
#siteFooter .inner{ display:flex; flex-wrap:wrap; }
#siteFooter .logoArea{ width:152px; }
#siteFooter .logoArea .logo a{ width:100%; display:block; background:url("/system_panel/uploads/images/logo_nardi.svg") no-repeat 0 0 / 100% auto; text-indent:-9999px; aspect-ratio:152 / 42; overflow:hidden; }
#siteFooter .logoArea .snsLink ul{ display:flex; flex-wrap:wrap; justify-content:center; margin:20px 0 0; gap:0 10px; }
#siteFooter .logoArea .snsLink ul li a{ width:30px; height:30px; display:block; background:url("/system_panel/uploads/images/ico_fb.png") no-repeat center center / 100% auto; text-indent:-9999px; }
#siteFooter .logoArea .snsLink ul li:nth-child(2) a{ background-image:url("/system_panel/uploads/images/ico_insta.png"); }
#siteFooter .logoArea .snsLink ul li:nth-child(3) a{ background-image:url("/system_panel/uploads/images/ico_line.png"); }
#siteFooter .linkList{ width:calc(80% - 152px); padding:0 7% 0 8%; }
#siteFooter .linkList ul{ display:flex; flex-wrap:wrap; gap:10px 0; }
#siteFooter .linkList ul li{ width:20%; }
#siteFooter .linkList ul li a{ font-weight:600; }
#siteFooter .address{ width:20%; font-size:var(--pc-font-14); }
#siteFooter .address .comName{ margin:0 0 5px; font-weight:600; }
#siteFooter .address .txtArea{ font-weight:500; }
#siteFooter .copy{ width:100%; margin:60px 0 0; text-align:center; font-size:var(--pc-font-11); color:#7C7C7C; }

/*  fixMenu
===========================*/
.fixMenu{ position:fixed; top:calc(50vh - 254px); right:0; z-index:10; }
.fixMenu .fixMenuBtn{ width:58px; height:230px; background:url("/system_panel/uploads/images/fixbtn_txt.svg") no-repeat center center / 26px auto var(--main-color); border-radius:30px 0 0 30px; color:#fff; font-weight:600; font-size:var(--pc-font-20); font-family:var(--enfont); cursor:pointer; position:absolute; top:110px; right:0; }
.fixMenu .fixMenuBtn p{ text-indent:-9999px; }
.fixMenu .box{ width:252px; padding:20px 15px; text-align:center; background:var(--main-color); border-radius:30px 0 0 30px; color:#fff; position:absolute; top:0; right:0; }
.fixMenu .box .closeBtn{ margin:20px 0 0; font-size:var(--pc-font-14); font-weight:600; font-family:var(--enfont); cursor:pointer; }
.fixMenu .box .closeBtn p{ display:inline-block; padding:0 17px; background:url("/system_panel/uploads/images/arrow_white_right.svg") no-repeat right center / 10px auto; }
.fixMenu .box .menuLink ul li:nth-child(1){ border-radius:50px; }
.fixMenu .box .menuLink ul li a{ padding:12px 0 57px; background-position:center bottom 15px; font-size:var(--pc-font-14); }
.fixMenu .box .menuLink ul li:nth-child(1) a{ padding:7px 0; font-size:var(--pc-font-18); }
.fixMenu .box .menuLink ul li:nth-child(2) a{ background-position:left 55% bottom 15px; }
.fixMenu .box .menuLink  ul li:nth-child(6) a{ background-position:center bottom 22px; }

.fixMenu .box .snsLink ul{ display:flex; flex-wrap:wrap; justify-content:center; margin:20px 0 0; gap:0 10px; }
.fixMenu .box .snsLink ul li a{ width:30px; height:30px; display:block; background:url("/system_panel/uploads/images/ico_fb_white.png") no-repeat center center / 100% auto; text-indent:-9999px; }
.fixMenu .box .snsLink ul li:nth-child(2) a{ background-image:url("/system_panel/uploads/images/ico_insta_white.png"); }
.fixMenu .box .snsLink ul li:nth-child(3) a{ background-image:url("/system_panel/uploads/images/ico_line_white.png"); }

.fixMenu .box{ opacity:0; visibility:hidden; transition:all 0.3s; }
.fixMenu .box.open{ opacity:1; visibility:visible; }
.fixMenu.top{ opacity:0; visibility:hidden; transition:all 0.3s; }
.fixMenu.top.show{ opacity:1; visibility:visible; }

/*===========================
  parts.css
===========================*/
/*  title
===========================*/
.heading1{ margin:0 0 40px; text-align:center; font-size:var(--pc-font-30); font-weight:700; color:var(--main-color); line-height:1; }

/*  btn
===========================*/
.redBtn a{ width:100%; max-width:280px; display:inline-block; padding:32px 20px; text-align:center; background:url("/system_panel/uploads/images/arrow_white_right.svg") no-repeat right 31px center / 10px auto var(--main-color); border:var(--main-color) 3px solid; border-radius:50px; font-size:var(--pc-font-18); font-weight:700; color:#fff; line-height:1; }

.redBtn.pdf{ margin:15px 0 0; text-align:center; }
.redBtn.pdf a{ max-width:340px; padding:20px 45px 20px 20px; background:url("/system_panel/uploads/images/ico_pdf.svg") no-repeat right 25px center / 20px auto var(--main-color); font-size:var(--pc-font-16); }

/*  link
===========================*/
.moreLink{ margin:40px 0 0; text-align:right; }
.moreLink a{ display:inline-block; padding:0 15px 0 0; background:url("/system_panel/uploads/images/arrow_red_right.svg") no-repeat right center / 7px auto; border-top:var(--sub-color) 1px solid; border-bottom:var(--sub-color) 1px solid; font-size:var(--pc-font-15); font-weight:700; color:var(--main-color); }

/*  txt
===========================*/
.note{ font-size:var(--pc-font-14); }

/*  table
===========================*/
.table .colum{ display:flex; flex-wrap:wrap; line-height:1.4 }
.table .colum.tdcolum{ border-bottom:var(--line-color) 1px solid; }
.table .colum .th,
.table .colum .td{ width:12%; display:flex; align-items:center; justify-content:center; padding:2px 0; text-align:center; }
.table .colum .th{ padding:10px 0; }
.table .colum .th:first-child,
.table .colum .td:first-child{ width:16%; }
.table .colum .th{ justify-content:flex-start; padding-left:5px; padding-right:5px; text-align:left; font-weight:600; }
.table .colum.thcolum .th{ justify-content:center; background:var(--main-color); color:#fff; }
.table .colum.thcolum .th:nth-of-type(2n + 1){ background:#900111; }
.table .colum.thcolum .th:first-of-type{ background:none; }
.table .colum .td{ background:#fff; }
.table .colum:nth-child(2) .td{ padding:10px 0; }
.table .colum .td:nth-of-type(2n + 1){ background:#FCFAF6; }
.table .colum .td .ue,
.table .colum .td .shita{ width:100%; display:flex; align-items:center; justify-content:center; padding:0 0; font-style:normal; }
.table .colum .td .ue{ min-height:85px; }
.table .colum .td .shita{ min-height:110px; padding:0 5px; border-top:var(--line-color) 1px solid; font-size:var(--pc-font-14); }
.table .colum.tdcolum .th{ background:#F2EFDE; }
.table .colum.sumclum .th{ flex:none; background:#F7E9DE; }
.table .colum.sumclum .th{ font-size:var(--pc-font-14); }
.table .colum.sumclum .th strong{ font-size:var(--pc-font-16); font-weight:700; }
.table .colum.sumclum .td{ width:84%;flex:none; background:#FAEEE5; }
.table .colum.pinkcolum .th,
.table .colum.pinkcolum .td{ background:#F7E9DE; }
.table .colum.pinkcolum .td:nth-child(2n){ background:#FAEEE5; }

#rentalcar3 .table .colum.tdcolum .th,
#rentalcar4 .table .colum.tdcolum .th{ padding-left:20px; }
#rentalcar4 .table .colum .th:nth-child(n+2),
#rentalcar4 .table .colum .td:nth-child(n+2){ width:28%; }
#rentalcar4 .table0829 .colum .th:nth-child(n+2), 
#rentalcar4 .table0829 .colum .td:nth-child(n+2){ width:42%; }
#rentalcar4 .table .colum.sumclum .td{ width:84%; }

#rentalcar5 .table0829 .colum .th:nth-child(n+2), 
#rentalcar5 .table0829 .colum .td:nth-child(n+2){ width:84%; }

#inspection4 .table .colum.thcolum .th:first-of-type{ background:#900111; }
#inspection4 .table .colum.thcolum .th,
#inspection4 .table .colum.tdcolum .th,
#inspection4 .table .colum.tdcolum .td{ width:calc(100% / 12); }
#inspection4 .table .colum.thcolum .th.twocolum{ width:calc((100% / 12) * 2); }
#inspection4 .table .colum.tdcolum .th:nth-child(3){ min-height:7em; padding-top:0; padding-bottom:0; font-size:13px; }
#inspection4 .table .colum.tdcolum .th.bdtNone{ position:relative; }
#inspection4 .table .colum.tdcolum .th.bdtNone::before{ width:100%; height:0; content:""; border-top:#F2EFDE 1px solid; position:absolute; top:-1px; left:0; }
#inspection4 .table .colum.tdcolum .th.threeline,
#inspection4 .table .colum.tdcolum .th.fourline{ position:relative; }
#inspection4 .table .colum.tdcolum .th.threeline p,
#inspection4 .table .colum.tdcolum .th.fourline p{ width:100%; display:flex; align-items:center; padding:0 5px; border-right:var(--line-color) 1px solid; position:absolute; top:0; left:0; z-index:3; }
#inspection4 .table .colum.tdcolum .th.threeline p{ height:300%; }
#inspection4 .table .colum.tdcolum .th.fourline p{ height:400%; }

/*  input
===========================*/
input[type="text"],
input[type="email"],
textarea{ width:100%; padding:7px 15px; background:#fff; border:var(--line-color) 1px solid; box-sizing:border-box; font-size:16px; }
textarea{ height:10em; }
input[type="radio"],
input[type="checkbox"]{ width:18px; height:18px; margin:0 10px 0 0; box-sizing:border-box;  accent-color:var(--main-color); vertical-align:-3px; }

input.zipInput{ width:200px; }
.addArea label{ display:block; padding:10px 0 2px; font-size:var(--pc-font-14); font-weight:600; }
.addArea.zip label{ display:inline-block; padding:0 10px; }

/*  pankuzu
===========================*/
.pankuzu{ background:#fff; }
.pankuzu ul{ display:flex; font-size:var(--pc-font-14); }
.pankuzu ul li a{ margin:0 10px 0 0; padding:0 14px 0 0; background:url("/system_panel/uploads/images/arrow_black_right.svg") no-repeat right center / 4px auto; color:#D05C6A; }

/*  pageTitle
===========================*/
.pageTitle{ margin:0 0 25px; padding:0 0 100px; background:#fff; text-align:center; overflow:hidden; position:relative; }
.pageTitle::after{ width:120%; height:200px; content:""; display:block; background:var(--sub-color); border-radius:50% 50% 0 0; position:absolute; left:-10%; bottom:-130px; }
.pageTitle .title{ font-size:var(--pc-font-38); font-weight:700; }

/*  subLinkArea
===========================*/
.subLinkArea{ margin:20px 0 0; }

/*  list1
===========================*/
.list1{ margin:0 0 20px; }
.list1 ul{ display:flex; flex-wrap:wrap; gap:10px 0; }
.list1 ul li{ width:50%; padding:0 0 0 15px; font-size:var(--pc-font-14); line-height:1.4; position:relative; }
.list1 ul li::before{ content:"●"; margin:0 5px 0 0; font-size:10px; color:#D05C6A; vertical-align:2px; position:absolute; top:2px; left:0; }

/*===========================
  module
===========================*/
/*  topKv
===========================*/
.topKv .inner{ max-width:1322px; display:flex; flex-wrap:wrap; }
.topKv .kvTxt{ width:calc(100% - 395px); background:url("/system_panel/uploads/images/img_top_kv.jpg") no-repeat center center / cover; border-radius:50px 0 0 50px; }
.topKv .kvTxt p{ padding:8% 0 29% 8%; text-shadow:0 0 20px rgba(0,0,0,0.5); font-size:var(--pc-font-42); font-weight:700; color:#fff; line-height:1.7; }
.topKv .kvTxt p strong{ display:block; font-size:var(--pc-font-52); font-weight:700; }
.topKv .topMenu{ width:395px; padding:30px 30px 50px; text-align:center; background:var(--main-color); border-radius:0 50px 50px 0; color:#fff; }
.topKv .topMenu .tit{ margin:0 0 15px; font-size:var(--pc-font-24); font-family:var(--enfont); font-weight:700; }

/*  menuLink
===========================*/
.menuLink ul{ display:flex; flex-wrap:wrap; gap:15px; }
.menuLink ul li:first-child{ width:100%; font-family:var(--enfont); }
.menuLink ul li{ width:calc(50% - 8px); background:#fff; border-radius:20px; }
.menuLink ul li a{ display:block; padding:16px 0 66px; background:url("/system_panel/uploads/images/ico_doc.svg") no-repeat center bottom 23px / 43px auto; font-size:var(--pc-font-20); font-weight:700; }
.menuLink ul li:nth-child(1) a{ padding:13px 0; background:none; }
.menuLink ul li:nth-child(2) a{ background-position:left 55% bottom 25px; }
.menuLink ul li:nth-child(3) a{ background-image:url("/system_panel/uploads/images/ico_spanner.svg"); background-size:35px auto; }
.menuLink ul li:nth-child(4) a{ background-image:url("/system_panel/uploads/images/ico_car.svg"); background-size:40px auto; }
.menuLink ul li:nth-child(5) a{ background-image:url("/system_panel/uploads/images/ico_rentalcar.svg"); background-size:53px auto; }
.menuLink ul li:nth-child(6) a{ background-image:url("/system_panel/uploads/images/ico_sheet_metal.svg"); background-size:56px auto; background-position:center bottom 33px; }
.menuLink ul li:nth-child(7) a{ background-image:url("/system_panel/uploads/images/ico_mail.svg"); background-size:40px auto; }

/*  topLead
===========================*/
.topLead{ padding:89px 0 80px; }
.topLead .title{ text-align:center; font-size:var(--pc-font-38); font-weight:700; line-height:1.5; }
.topLead .title strong{ font-weight:700; color:var(--main-color); }

/*  topService
===========================*/
.topService{ margin:50px 0 0; padding:40px 0 130px; background:#F2EFDE; position:relative; }
.topService::before{ width:120%; height:200px; content:""; display:block; background:#F2EFDE; border-radius:50% 50% 0 0; position:absolute; top:-50px; left:-10%; }
.topService .inner{ position:relative; }
.topService .leadBox{ display:flex; align-items:flex-start; justify-content:space-between; padding:0 7%; }
.topService .leadBox img{ width:43%; }
.topService .leadBox .txtArea{ width:50%; }
.topService .leadBox .txtArea .enTit{ font-size:var(--pc-font-20); font-family:var(--enfont); font-weight:600; color:#D05C6A; }
.topService .leadBox .txtArea .tit{ margin:15px 0 0; font-size:var(--pc-font-30); font-weight:700; color:var(--main-color); }
.topService .leadBox .txtArea .txt{ margin:15px 0 0; font-size:var(--pc-font-18); }
.topService .serviceList{ margin:79px 0 0; display:flex; flex-wrap:wrap; gap:28px 3%; }
.topService .serviceList a{ width:60%; display:flex; flex-wrap:wrap; background:url("/system_panel/uploads/images/arrow_red_right.svg") no-repeat right 27px center / 12px auto #fff; border:var(--main-color) 3px solid; border-radius:30px; overflow:hidden; }
.topService .serviceList a img{ width:26%; object-fit:cover; }
.topService .serviceList a .txtArea{ width:74%; padding:5% 10% 5% 5%; display:flex; flex-wrap:wrap; align-items:center; }
.topService .serviceList a .txtArea .tit{ width:100%; font-size:var(--pc-font-30); font-weight:700; color:var(--main-color); }
.topService .serviceList a .txtArea .lead{ width:100%; font-size:var(--pc-font-18); font-weight:700; }
.topService .serviceList a .txtArea .txt{ margin:10px 0 0; line-height:1.4; }

.topService .serviceList a:nth-child(2n){ width:37%; }
.topService .serviceList a:nth-child(2n) img{ width:43%; }
.topService .serviceList a:nth-child(2n) .txtArea{ width:57%; }
.topService .serviceList a:nth-child(2n) .txtArea .tit{ font-size:var(--pc-font-24); }

/*  topPhoto
===========================*/
.topPhoto{ padding:20px 0 0; position:relative; }
.topPhoto .inner{ min-height:500px; position:relative; }
.topPhoto::before{ width:120%; height:200px; content:""; display:block; background:var(--sub-color); border-radius:50% 50% 0 0; position:absolute; top:-50px; left:-10%; }
.topPhoto .txt{ text-align:center; font-size:var(--pc-font-60); font-family:var(--enfont); font-weight:600; color:var(--main-color); letter-spacing:0.03em; position:relative; z-index:1; }
.topPhoto .txt br{ display:none; }
.topPhoto .imgArea{ max-width:1859px; width:1859px; display:flex; flex-wrap:wrap; gap:0 9px; position:absolute; top:70px; left:calc(-50% + 265px); }
.topPhoto .imgArea img{ width:calc((100% - 27px) / 4); }

/*  topCompany
===========================*/
.topCompany .box{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.topCompany .box img{ width:45%; border-radius:20px; }
.topCompany .box .txtArea{ width:50%; }
.topCompany .box .txtArea .title{ font-size:var(--pc-font-30); font-weight:700; color:var(--main-color); }
.topCompany .box .txtArea .txt{ margin:20px 0 0; font-size:var(--pc-font-18); }
.topCompany .box .txtArea .redBtn{ margin:48px 0 0; text-align:right; }

/*  topNews
===========================*/
.topNews{ padding:80px 0 120px; }
.topNews .inner{ max-width:800px; }
.topNews .title{ margin:0 0 40px; text-align:center; font-size:var(--pc-font-30); font-weight:700; color:var(--main-color); }

/*  cmContact
===========================*/
.cmContact .boxFrame{ display:flex; flex-wrap:wrap; padding:30px 6% 0px; text-align:center; background:var(--main-color); border-radius:30px; font-weight:700; color:#fff; }
.cmContact .boxFrame .title{ width:100%; margin:0 0 25px; text-align:center; font-size:var(--pc-font-40); font-family:var(--enfont); }
.cmContact .boxFrame .box{ width:50%; margin:0 0 34px; padding:0 0 39px; border-bottom:#D05C6A 1px solid; line-height:1; }
.cmContact .boxFrame .box:nth-last-child(-n + 2){ border-bottom:none; }
.cmContact .boxFrame .box.tel{ position:relative; }
.cmContact .boxFrame .box.tel::after{ width:1px; height:75%; content:""; background:#D05C6A; position:absolute; top:0; right:0; }
.cmContact .boxFrame .box.tel .tit{ display:inline-block; margin:0 0 10px; padding:11px 0 11px 37px; background:url("/system_panel/uploads/images/ico_tel2.svg") no-repeat 0 center / 29px auto; font-size:var(--pc-font-22); }
.cmContact .boxFrame .box.tel .tel{ margin:0 0 10px; }
.cmContact .boxFrame .box.tel .tel a{ font-size:var(--pc-font-40); font-weight:700; font-family:var(--enfont); color:#fff; }
.cmContact .boxFrame .box.tel .time{ font-size:var(--pc-font-15); }

.cmContact .boxFrame .box.mail .tit{ display:inline-block; padding:3px 0 3px 40px; background:url("/system_panel/uploads/images/ico_mail.svg") no-repeat 0 center / 34px auto; font-size:var(--pc-font-22); }
.cmContact .boxFrame .box.mail .redBtn{ margin:28px 0 0; }
.cmContact .boxFrame .box.mail .redBtn a{ max-width:320px; padding:20px 0; background-color:#fff; background-image:none; font-size:var(--pc-font-20); color:var(--main-color); }

.cmContact .boxFrame .box.recruit{ padding:0 3% 0 10%; text-align:left; }
.cmContact .boxFrame .box.recruit .tit{ margin:10px 0 0; font-size:var(--pc-font-20); }
.cmContact .boxFrame .box.recruit .txt{ margin:20px 0 0; font-size:var(--pc-font-15); font-weight:normal; line-height:1.8; }

.cmContact .boxFrame .box.recruitBtn > div{ width:80%; background:url("/system_panel/uploads/images/img_recruit.jpg") no-repeat 0 center / cover; border-radius:20px; overflow:hidden; }
.cmContact .boxFrame .box.recruitBtn a{ display:block; padding:43px 0; background:url("/system_panel/uploads/images/arrow_white_right.svg") no-repeat right 12px center / 12px auto; font-size:var(--pc-font-20); color:#fff; }

/*  cmList
===========================*/
.cmList{ max-width:800px; margin:0 auto; }
.cmList .column{ display:flex; flex-wrap:wrap; padding:23px 0; border-top:var(--line-color) 1px solid; font-size:var(--pc-font-16); line-height:1.4; }
.cmList .column:last-child{ border-bottom:var(--line-color) 1px solid; }
.cmList .column .tit{ width:30%; padding:0 5px 0 20px; font-weight:600; }
.cmList .column .txt{ width:70%; }

/*  box1
===========================*/
.box1{ max-width:990px; display:flex; align-items:flex-start; justify-content:space-between; margin:0 auto; font-size:var(--pc-font-18); }
.box1 img{ width:46%; border-radius:50px; }
.box1 .txtArea{ width:46%; padding:10px 0 0; }
.box1 .txtArea .tit{ margin:0 0 10px; font-weight:600; }
.box1 .txtArea .tit2{ margin:0 0 20px; font-size:var(--pc-font-30); font-weight:700; color:var(--main-color); }
.box1 .txtArea .tit3{ margin:0 0 10px; font-weight:600; }
.box1 .txtArea .txt{ margin:0 0 20px; }

.box1.pt1{ max-width:1140px; }
.box1.pt1 img{ width:35%; }
.box1.pt1 .txtArea{ width:61%; }

/*  box2
===========================*/
.box2{ max-width:990px; display:flex; margin:40px auto 0; gap:0 30px; }
.box2 .box{ flex:1; padding:3%; background:#fff; border:var(--main-color) 3px solid; border-radius:30px; }
.box2 .box .tit{ text-align:center; font-size:var(--pc-font-20); font-weight:700; color:var(--main-color); }
.box2 .box .txt{ margin:10px 0 0; font-size:var(--pc-font-18); }
.box2 .box .num{ display:inline-block; padding:0 8px; background:var(--main-color); border-radius:15px; font-size:var(--pc-font-20); font-weight:600; font-family:var(--enfont); color:#fff; }

/*  box3
===========================*/
.box3{ max-width:990px; margin:0 auto; }
.box3 .box{ margin:0 0 30px; padding:4%; display:flex; flex-wrap:wrap; align-items:flex-start; gap:0 4%; background:#fff; border-radius:30px; }
.box3 .box img{ width:33%; }
.box3 .box .txtArea{ width:59.6%; }
.box3 .box .txtArea .tit{ font-size:var(--pc-font-24); font-weight:700; }
.box3 .box .txtArea .stit{ font-size:var(--pc-font-18); font-weight:700; }
.box3 .box .txtArea .txt{ margin:10px 0 15px; }
.box3 .box .txtArea .redBtn{ margin:10px 0 0; }
.box3 .box .txtArea .redBtn a{ max-width:300px; padding-top:20px; padding-bottom:20px; }

/*  box4
===========================*/
.box4{ max-width:990px; margin:0 auto; }
.box4 .box{ margin:0 0 30px; padding:4%; background:#fff; border-radius:30px; }
.box4 .box .titArea{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 15px; }
.box4 .box .titArea .tit{ font-size:var(--pc-font-24); font-weight:700; }
.box4 .box .titArea .txt strong{ font-size:var(--pc-font-18); }
.box4 .box .titArea .txt{ font-size:var(--pc-font-14); }
.box4 .box .imgBoxFrame{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; background:url("/system_panel/uploads/images/arrow_red_right.svg") no-repeat center 43% / 18px auto; }
.box4 .box .imgBoxFrame .imgbox{ width:48%; }
.box4 .box .imgBoxFrame .imgbox .txt{ margin:15px 0 0; text-align:center; font-size:var(--pc-font-18); font-weight:700; }

/*  box5
===========================*/
.box5{ max-width:990px; margin:0 auto; }

/*  company
===========================*/
#company1,
#company2,
#company3{ padding:0 0 100px; }
#company3 .box1 .txtArea .tit{ margin:0 0 20px; font-size:var(--pc-font-24); font-weight:700; line-height:1.6; }

/*  car
===========================*/
#car1{ padding:0 0 80px; }
#car2,
#car3,
#car4,
#car5{ padding:0 0 100px; }

/* car1 */
#car1 .box2 .box{ padding:3% 2%; }
#car1 .box2 .box .tit{ padding:53px 0 0; }
#car1 .box2 .box:nth-child(1) .tit{ background:url("/system_panel/uploads/images/ico_doc2.svg") no-repeat center 0 / 43px auto; }
#car1 .box2 .box:nth-child(2) .tit{ background:url("/system_panel/uploads/images/ico_car2.svg") no-repeat center 8px / 40px auto; }
#car1 .box2 .box:nth-child(3) .tit{ background:url("/system_panel/uploads/images/ico_spanner2.svg") no-repeat center 8px / 35px auto; }
#car1 .box2 .box .txt{ font-size:var(--pc-font-16); line-height:1.6; }

/* car2 */
#car2 .car2Con{ max-width:990px; margin:0 auto; padding:5% 3% 4%; text-align:center; background:#F2EFDE; border-radius:30px; }
#car2 .title{ margin:0 0 30px; font-size:var(--pc-font-24); font-weight:700; }
#car2 .boxFrame{ display:flex; flex-wrap:wrap; gap:0 40px; }
#car2 .boxFrame .box{ flex:1; }
#car2 .boxFrame .box .imgArea{ padding:5% 0; background:#fff; border-radius:20px; }
#car2 .boxFrame .box .tit{ margin:20px 0 0; }
#car2 .boxFrame .box .tit a{ padding:0 20px 0 0; background:url("/system_panel/uploads/images/arrow_red_right.svg") no-repeat right center / 10px auto; font-size:var(--pc-font-18); font-weight:700; color:var(--main-color); }

/*  rentalcar
===========================*/
#rentalcar1,
#rentalcar2,
#rentalcar3,
#rentalcar4{ padding:0 0 100px; }

#rentalcar4 .heading1{ letter-spacing:-0.05em; }

/*  inspection
===========================*/
#inspection1,
#inspection2,
#inspection3,
#inspection4{ padding:0 0 100px; }

/*  sheetmetal
===========================*/
#sheetmetal1,
#sheetmetal2,
#sheetmetal3{ padding:0 0 100px; }

/*  maintenance
===========================*/
#maintenance1,
#maintenance2,
#maintenance3,
#maintenance4{ padding:0 0 100px; }

/*  ブログ共通
===========================*/
/* 一覧 */
.webgene-blog{ max-width:800px; margin:0 auto; }
.webgene-blog .webgene-item{ border-bottom:var(--line-color) 1px solid; }
.webgene-blog .webgene-item:first-child{ border-top:var(--line-color) 1px solid; }
.webgene-blog .webgene-item a{ display:flex; flex-wrap:wrap; padding:20px 2px; }
.webgene-blog .webgene-item .day{ width:20%; color:#D05C6A; font-weight:700; font-family:var(--enfont); }
.webgene-blog .webgene-item .tit{ width:80%; font-weight:700; }

/* ページング */
.webgene-pagination{ width:100%; margin:40px 0 120px; text-align:center; font-family:var(--enfont); }
.webgene-pagination ul{ display:inline-block; padding:0 55px; position:relative; }
.webgene-pagination ul li{ display:inline-block; vertical-align:middle; }
.webgene-pagination ul li a{ display:block; padding:5px 6px; font-size:var(--pc-font-18); }
.webgene-pagination ul li.prev{ position:absolute; top:calc(50% - 20px); left:0; }
.webgene-pagination ul li.next{ position:absolute; top:calc(50% - 20px); right:0; }
.webgene-pagination ul li.prev a,
.webgene-pagination ul li.next a{ width:40px; height:40px; padding:0; background:url("/system_panel/uploads/images/arrow_white_right.svg") no-repeat center center / 6px auto var(--main-color); text-indent:-9999px; border-radius:50%; overflow:hidden; }
.webgene-pagination ul li.prev a{ transform:rotateY(180deg); }
.webgene-pagination ul li.selected a{ color:var(--main-color); }

/* 詳細 */
.detailArea{ max-width:800px; margin:0 auto 120px; }
.detailArea .webgene-blog .webgene-item{ border:none; }
.detailArea .dateArea{ display:flex; align-items:center; color:#D05C6A; }
.detailArea .dayTxt{ margin:0 15px 0 0; font-weight:600; font-family:var(--enfont); }
.detailArea .cateTxt{ font-weight:700; }
.detailArea .newsTitle{ margin:20px 0 28px; font-size:var(--pc-font-30); font-weight:700; }
.detailArea .webgene-item img{ width:auto; max-width:100%; max-height:700px; display:block; margin:30px auto; }
/*.detailArea .webgene-item p{ margin:0 0 30px; }*/

/*  contactArea
===========================*/
.contactArea{ margin:0 auto 53px; }
.contactArea .inner{ max-width:800px; }
.contactArea .leadTxt{ font-size:var(--pc-font-18); }
.contactArea .leadTxt p{ margin:0 0 40px; }
.contactArea .container .row{ display:flex; flex-wrap:wrap; margin:0; padding:24px 0; border-top:var(--line-color) 1px solid; }
.contactArea .container .row .formTh{ width:30%; display:flex; align-items:center; justify-content:space-between; padding:0 5% 0 0; font-weight:600; }
.contactArea .container .row .formTd{ width:70%; }
.contactArea .container .row:nth-child(7){ border-bottom:var(--line-color) 1px solid; }
.contactArea .container .row:nth-child(8),
.contactArea .container .row:nth-last-child(-n + 2){ border-top:none; }
.contactArea .col{ width:100%; }

.contactArea .kiyakuArea{ margin:50px 0 0; }
.contactArea .kiyakuArea .tit{ margin:0 0 15px; text-align:center; font-weight:600; }
.contactArea .kiyakuArea .txtArea{ width:100%; height:180px; padding:20px; background:#fff; border:var(--line-color) 1px solid; box-sizing:border-box; overflow:auto; overflow-wrap: break-word; }
.contactArea .text-center{ text-align:center; }
.contactArea .formBtnTd{ width:100%; }
.contactArea .formBtnTd button[type=submit]{ width:100%; max-width:300px; display:block; margin:0 auto; padding:16px 0; text-align:center; background:var(--main-color); border:none; border-radius:50px; font-size:var(--pc-font-20); font-weight:700; color:#ffffff; line-height:1; }

.radioArea .d-inline-block{ margin:7px 10px 0 0; }
.radioArea label{ margin:0; }

.contactArea .requiredText{ padding:5px 15px; background:#DD5261; border-radius:2px; font-size:var(--pc-font-12); font-weight:600; color:#ffffff; line-height:1; white-space:nowrap; }
.formError .formErrorContent{ padding:5px 10px; background:#ffd8d6; border-color:#ffffff; box-shadow:0 0 0; font-size:14px; color:#000000; position:relative; }
.formError .formErrorArrow{ width:0; height:0; margin:-2px auto 0; border-style:solid; border-right:5px solid transparent; border-left:5px solid transparent; border-top:10px solid #ffd8d6; border-bottom:0; }
.formError .formErrorArrow .line1,
.formError .formErrorArrow .line2,
.formError .formErrorArrow .line3,
.formError .formErrorArrow .line4,
.formError .formErrorArrow .line5,
.formError .formErrorArrow .line6,
.formError .formErrorArrow .line7,
.formError .formErrorArrow .line8,
.formError .formErrorArrow .line9,
.formError .formErrorArrow .line10{ display:none; }

/*  formComplete
===========================*/
.formComplete{ margin:0 0 120px; }
.formComplete .tit{ display:block; margin:0 0 20px; text-align:center; font-size:var(--pc-font-24); font-weight:700; }
.formComplete .txt{ margin:0 0 60px; }
.formComplete .redBtn{ text-align:center; }

/*---------- PC ----------------------------------------------------------*/
@media screen and (min-width:769px){
	
	
	.spOnly,
	.spMenuBtn{ display:none; }
	
	a,
	input[type=submit]{ transition:all 0.2s; }
	
	#siteHeader .contactBtn a:hover,
	.redBtn a:hover,
	.moreLink a:hover,
	.webgene-item a:hover,
	.moreLink2 a:hover,
	input[type=submit]:hover,
	.topService .serviceList a:hover,
	.cmContact .boxFrame .box.recruitBtn a:hover{ opacity:0.75; }
	
	.table .colum.tdcolum:hover .th{ background:rgba(214,206,172,0.4); }
	.table .colum.tdcolum:hover .td{ background:rgba(214,206,172,0.1); }
}

/*---------- SP版 ----------------------------------------------------------*/
@media screen and (max-width: 768px){
	
	body{ font-size:var(--sp-font-14); }
	body.bodyfix{ overflow:hidden; }
		
	.pcOnly{ display:none; }
	
	/*  contents
	===========================*/
	.inner,
	.contents{ display:block; padding:0 4vw; }
	
	.container{ padding:0; } /* bootstrap打ち消し */
	
	.contents .asideMenu,
	.recommendPage .asideMenu{ width:100%; margin:20px 0 40px; padding:0; position:static; }
	.contents .asideMenu ul,
	.recommendPage .asideMenu ul{ display:flex; flex-wrap:wrap; gap:10px 10px; }
	.contents .asideMenu ul li,
	.recommendPage .asideMenu ul li{ width:calc((100% - 10px) / 2); margin:0; font-size:var(--sp-font-13); }
	.contents .main{ width:100%; padding:0; }
	
	/*  siteHeader
	===========================*/
	#siteHeader{ min-height:60px; }
	#siteHeader .inner{ min-height:auto; padding:4vw 4vw 2vw; }
	#siteHeader .logo{ width:27%; left:15px; z-index:5; }
	#siteHeader .logo a{  }
	#siteHeader .telArea{ margin:0 5px 0 auto; padding:0 0 0 22px; background-size:auto 100%; }
	#siteHeader .telArea .tel{ font-size:var(--sp-font-14); }
	#siteHeader .telArea .txt{ font-size:var(--sp-font-10); }
	#siteHeader .contactBtn{ width:100px; }
	#siteHeader .contactBtn a{ padding:10px 0; font-size:var(--sp-font-11); }
	
	#siteHeader .spMenuBtn{ width:60px; height:60px; position:absolute; top:0; right:0; z-index:30; }
	#siteHeader .spMenuBtn p{ width:60px; height:60px; display:inline-block; position:relative; }
	#siteHeader .spMenuBtn p a{ display:block; text-indent:-9999px; }
	#siteHeader .spMenuBtn p a:after,
	#siteHeader .spMenuBtn p a:before{ width:23px; height:1px; display:block; content:""; margin:0 auto; position:absolute; top:50%; left:0; right:0; background:#fff; transition:.3s; }
	#siteHeader .spMenuBtn p a:before{ margin-top:-4px; }
	#siteHeader .spMenuBtn p a:after{ margin-top: 4px; }
	#siteHeader .spMenuBtn.close a{ background: transparent; }
	#siteHeader .spMenuBtn.close a:before{ margin-top:0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
	#siteHeader .spMenuBtn.close a:after{ margin-top:0; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
	#siteHeader .spMenuBtn.close a:before,
	#siteHeader .spMenuBtn.close a:after{ background:#ffffff; }
	
	#siteHeader .menuArea{ width:100%; display:block; padding:0 30px; background:var(--sub-color); box-sizing:border-box; position:fixed; top:0; right:0; z-index:10; }
	#siteHeader .menuArea a{ color:#ffffff; }
	#siteHeader .menuArea .gnav{ width:100%; margin:0 0 40px; }
	#siteHeader .menuArea .gnav ul li{ width:100%; margin:25px 0 0; text-align:center; font-size:14px; }
	#siteHeader .menuArea .gnav ul li a{ display:block; }
	#siteHeader .menuArea .sns{ width:100%; }
	#siteHeader .menuArea .sns ul{ justify-content:center; }
	
	#siteHeader .menuArea{ height:0; opacity:0; visibility:hidden; transition:all 0.2s; }
	#siteHeader .menuArea.open{ height:100vh; padding-top:50px; padding-bottom:15px; opacity:1; visibility:visible; transition:all 0.4s; }
	
	/*  siteFooter
	===========================*/
	#siteFooter{ padding:30px 0 70px; text-align:center; }
	#siteFooter .logoArea{ width:100%; }
	#siteFooter .logoArea .logo{ margin:0 0 20px; padding:0 0 20px; border-bottom:var(--main-color) 1px solid; }
	#siteFooter .logoArea .logo a{ width:30%; margin:0 auto; }
	#siteFooter .snsLink{ margin:0 0 20px; }
	#siteFooter .linkList{ width:100%; padding:0; }
	#siteFooter .linkList ul{ padding:0 0 0; column-gap:4%; }
	#siteFooter .linkList ul li{ width:calc(96% / 2); }
	#siteFooter .linkList ul li a{ font-size:var(--sp-font-14); }
	#siteFooter .address{ width:100%; margin:30px 0 0; font-size:var(--sp-font-13); }
	#siteFooter .address .comName{ margin:0; }
	#siteFooter .copy{ margin:20px 0 0; text-align:center; font-size:var(--sp-font-11); }
	
	/*  fixMenu
	===========================*/
	.fixMenu{ top:auto; right:0; bottom:0; }
	.fixMenu .fixMenuBtn{ width:90vw; height:50px; background-image:url("/system_panel/uploads/images/fixbtn_txt_sp.svg"); background-size:25% auto; border-radius:20px 20px 0 0; top:auto; right:5vw; bottom:0; }
	.fixMenu .box{ width:90vw; border-radius:20px 20px 0 0; top:auto; right:5vw; bottom:0; }
	.fixMenu .box .menuLink ul li a{ font-size:var(--sp-font-14); }
	.fixMenu .box .menuLink ul li:nth-child(1) a{ font-size:var(--sp-font-16); }
	.fixMenu .box .closeBtn{ font-size:var(--sp-font-18); }
	.fixMenu .box .closeBtn p{ padding:0 25px; background-image:url("/system_panel/uploads/images/arrow_white_down.svg"); background-size:15px auto; }
	
	/*===========================
	  parts.css
	===========================*/
	/*  title
	===========================*/
	.heading1{ margin:0 0 20px; font-size:var(--sp-font-20); }
	
	/*  link
	===========================*/
	.moreLink{ margin:20px 0 0; }
	.moreLink a{  font-size:var(--sp-font-14); }
	
	/*  txt
	===========================*/
	.note{ font-size:var(--sp-font-14); }
	
	/*  btn
	===========================*/
	.redBtn{ text-align:center; }
	.redBtn a{ max-width:500px; padding:20px 30px; font-size:var(--sp-font-16); }
	
	.redBtn.pdf a{ max-width:none; font-size:var(--sp-font-16); }
	
	/*  input
	===========================*/
	input.zipInput{ width:30%; }
	
	/*  table
	===========================*/
	.table{ width:auto; margin-right:-4vw; overflow:auto; font-size:15px; }
	.table .colum{ width:1000px; }
	.table .colum .td .ue{ font-size:14px; }
	.table .colum .td .shita{ font-size:12px; }
	.table .colum.sumclum .th{ font-size:12px; }
	.table .colum.sumclum .th strong{ font-size:14px; }
	
	/*  pankuzu
	===========================*/
	.pankuzu ul{ font-size:var(--sp-font-12); }
	
	/*  pageTitle
	===========================*/
	.pageTitle{ padding:30px 0 50px; }
	.pageTitle::after{ height:130px; bottom:-100px; }
	.pageTitle .title{ font-size:var(--sp-font-24); letter-spacing:-0.03em; }
	
	/*  list1
	===========================*/
	.list1 ul li{ width:50%; font-size:var(--sp-font-14); }
	
	/*===========================
	  module
	===========================*/
	/*  topKv
	===========================*/
	.topKv .inner{ display:block; }
	.topKv .kvTxt{ width:100%; border-radius:30px 30px 0 0; }
	.topKv .kvTxt p{ padding:15% 8%; font-size:var(--sp-font-20); }
	.topKv .kvTxt p strong{ font-size:var(--sp-font-24); }
	.topKv .topMenu{ width:100%; padding:10px 10px 20px; border-radius:0 0 30px 30px; }
	.topKv .topMenu .tit{ margin:0 0 10px; font-size:var(--sp-font-18); }
	
	/*  menuLink
	===========================*/
	.menuLink ul{ gap:10px; }
	.menuLink ul li{ width: calc(50% - 5px); border-radius:15px; }
	.menuLink ul li a{ padding:10px 0 60px; background-position:center bottom 15px; font-size:var(--sp-font-16); }
	.menuLink ul li:nth-child(2) a{ background-position:left 55% bottom 17px; }
	.menuLink ul li:nth-child(6) a{ background-position:center bottom 25px; }
	
	/*  .topLead
	===========================*/
	.topLead{ padding:40px 0; }
	.topLead .title{ font-size:var(--sp-font-22); }
	
	/*  .topService
	===========================*/
	.topService{ padding:0 0 100px; }
	.topService .leadBox{ display:block; padding:0; }
	.topService .leadBox img{ width:70%; display:block; margin:0 auto; }
	.topService .leadBox .txtArea{ width:100%; margin:10px 0 0; }
	.topService .leadBox .txtArea .enTit{ font-size:var(--sp-font-16); }
	.topService .leadBox .txtArea .tit{ font-size:var(--sp-font-20); }
	.topService .leadBox .txtArea .txt{ font-size:var(--sp-font-16); }
	
	.topService .serviceList{ margin:30px 0 0; gap:15px; }
	.topService .serviceList a{ width:100% !important; background-position:right 15px center; background-size:10px auto; order:0; border-radius:20px; } 
	.topService .serviceList a img{ width:30% !important; }
	.topService .serviceList a .txtArea{ width:70% !important; padding:15px 30px 15px 15px; line-height:1.4; }
	.topService .serviceList a .txtArea .tit{ font-size:var(--sp-font-20) !important; }
	.topService .serviceList a .txtArea .lead{ margin:5px 0 0; font-size:var(--sp-font-16) !important; }
	.topService .serviceList a .txtArea .txt{ margin:5px 0 0; font-size:var(--sp-font-14) !important; }
	.topService .serviceList a:nth-child(2){ order:2; }
	.topService .serviceList a:nth-child(4){ order:3; }
	.topService .serviceList a:nth-child(6){ order:4; }
	
	/*  .topPhoto
	===========================*/
	.topPhoto{ padding:10px 0 0; }
	.topPhoto .imgArea{ width:auto; margin:-15px 0 0; gap:0; position:static; }
	.topPhoto .inner{ min-height:auto; }
	.topPhoto .txt{ font-size:var(--sp-font-28); line-height:1; }
	.topPhoto .txt br{ display:block; }
	.topPhoto .imgArea{ margin-top:-8px; }
	.topPhoto .imgArea img{ width:50%; }
	
	/*  .topCompany
	===========================*/
	.topCompany{ padding:50px 0 0; }
	.topCompany .box{ display:block; }
	.topCompany .box img{ width:100%; max-width:400px; display:block; margin:0 auto; }
	.topCompany .box .txtArea{ width:100%; }
	.topCompany .box .txtArea .title{ margin:20px 0 0; font-size:var(--sp-font-20); }
	.topCompany .box .txtArea .txt{ margin:5px 0 0; font-size:var(--sp-font-16); }
	.topCompany .box .txtArea .redBtn{ margin:20px 0 0; text-align:center; }
	
	/*  topNews
	===========================*/
	.topNews{ padding:50px 0; }
	.topNews .title{ margin:0 0 20px; font-size:var(--sp-font-18); }
	
	/*  cmContact
	===========================*/
	.cmContact .boxFrame{ padding-bottom:0; }
	.cmContact .boxFrame .title{ margin:0 0 20px; font-size:var(--sp-font-18); }
	.cmContact .boxFrame .box{ width:100%; margin:0 0 25px; padding:0 0 25px; }
	.cmContact .boxFrame .box.tel::after{ display:none; }
	.cmContact .boxFrame .box.tel .tit{ padding:8px 0 8px 25px; background-size:20px auto; font-size:var(--sp-font-16); }
	.cmContact .boxFrame .box.tel .tel a{ font-size:var(--sp-font-22); }
	.cmContact .boxFrame .box.tel .time{ font-size:var(--sp-font-12); }
	
	.cmContact .boxFrame .box.mail .tit{ padding:0 0 0 30px; background-size:25px auto; font-size:var(--sp-font-16); }
	.cmContact .boxFrame .box.mail .redBtn{ margin:10px 0 0; }
	.cmContact .boxFrame .box.mail .redBtn a{ max-width:500px; font-size:var(--sp-font-16); }
	
	.cmContact .boxFrame .box.recruit{ padding:0; }
	.cmContact .boxFrame .box.recruit .tit{ text-align:center; font-size:var(--sp-font-16); }
	.cmContact .boxFrame .box.recruit .txt{ margin:10px 0 0; font-size:var(--sp-font-13); }
	
	.cmContact .boxFrame .box.recruitBtn > div{ width:100%; max-width:500px; margin:0 auto; }
	.cmContact .boxFrame .box.recruitBtn a{ padding:30px 0; font-size:var(--sp-font-16); }
	
	/*  cmList
	===========================*/
	.cmList .column{ padding:15px 0; font-size:var(--sp-font-14); }
	
	/*  box1
	===========================*/
	.box1{ display:block; font-size:var(--sp-font-16); }
	.box1 img{ width:100%; max-width:500px; display:block; margin:0 auto; border-radius:30px; }
	.box1 .txtArea{ width:100%; margin:20px 0; font-size:var(--sp-font-14); }
	.box1 .txtArea .tit2{ text-align:center; font-size:var(--sp-font-22); }
	
	.box1.pt1 img{ width:100%; }
	.box1.pt1 .txtArea{ width:100%; }
	
	/*  box2
	===========================*/
	.box2{ display:block; }
	.box2 .box{ margin:0 0 15px; padding:5% 8%; }
	.box2 .box .tit{ font-size:var(--sp-font-18); }
	.box2 .box .num{ font-size:var(--sp-font-18); }
	.box2 .box .txt{ font-size:var(--sp-font-16); }
	
	/*  box3
	===========================*/
	.box3 .box{ display:block; padding:5%; }
	.box3 .box img{ width:100%; border-radius:20px; }
	.box3 .box .txtArea{ width:100%; }
	.box3 .box .txtArea .tit{ margin:20px 0 0; font-size:var(--sp-font-18); }
	.box3 .box .txtArea .stit{ font-size:var(--sp-font-16); }
	.box3 .box .txtArea .redBtn a{ max-width:500px; }
	
	/*  box4
	===========================*/
	.box4 .box{ padding:5%; }
	.box4 .box .titArea{ display:block; }
	.box4 .box .titArea .tit{ font-size:var(--sp-font-20); }
	.box4 .box .titArea .txt{ font-size:var(--sp-font-14); }
	.box4 .box .titArea .txt strong{ font-size:var(--sp-font-18); }
	.box4 .box .imgBoxFrame{ width:100%; background:url("/system_panel/uploads/images/arrow_red_down.svg") no-repeat center center / 18px auto; }
	.box4 .box .imgBoxFrame .imgbox{ width:100%; }
	.box4 .box .imgBoxFrame .imgbox:nth-child(1){ margin:0 0 40px; }
	.box4 .box .imgBoxFrame .imgbox .txt{ margin:10px 0 0; font-size:var(--sp-font-18); }
	
	/*  company
	===========================*/
	#company1{ padding:20px 0 50px; }
	#company2,
	#company3{ padding:0 0 50px; }
	#company3 .box1 .txtArea .tit{ font-size:var(--sp-font-20); }
	
	/*  car
	===========================*/
	#car1,
	#car2,
	#car3,
	#car4,
	#car5{ padding:0 0 50px; }
	
	#car1 .box2 .box{ padding:5% 7%; }
	#car1 .box2 .box .txt{ font-size:var(--sp-font-16); }
	
	#car2 .car2Con{ padding:8% 5%; }
	#car2 .title{ margin:0 0 10px; font-size:var(--sp-font-20); }
	#car2 .boxFrame{ display:block; }
	#car2 .boxFrame .box{ margin:0 0 20px; }
	#car2 .boxFrame .box:last-child{ margin-bottom:0; }
	#car2 .boxFrame .box .imgArea{ min-height:75px; display:flex; align-items:center; justify-content:center; }
	#car2 .boxFrame .box .tit{ margin:10px 0 0; }
	#car2 .boxFrame .box .tit a{ font-size:var(--sp-font-18); }
	
	/*  rentalcar
	===========================*/
	#rentalcar1,
	#rentalcar2,
	#rentalcar3,
	#rentalcar4{ padding:0 0 50px; }
	
	/*  inspection
	===========================*/
	#inspection1,
	#inspection2,
	#inspection3,
	#inspection4{ padding:0 0 50px; }
	
	/*  sheetmetal
	===========================*/
	#sheetmetal1,
	#sheetmetal2,
	#sheetmetal3{ padding:0 0 50px; }
	
	/*  maintenance
	===========================*/
	#maintenance1,
	#maintenance2,
	#maintenance3,
	#maintenance4{ padding:0 0 50px; }

	/*  ブログ共通
	===========================*/
	/* 一覧 */
	.webgene-blog{ width:100%; font-size:var(--sp-font-14); }
	.webgene-blog .webgene-item a{ padding:15px 2px; }
	.webgene-blog .webgene-item .day{ width:30%; }
	.webgene-blog .webgene-item .tit{ width:70%; }
	.webgene-blog .webgene-item .tit .txt{ display:block; font-weight:600; }
	
	/* ページング */
	.webgene-pagination ul li a{ padding:0px 8px; font-size:var(--sp-font-18); }
	.webgene-pagination ul li.prev,
	.webgene-pagination ul li.next{ top:calc(50% - 15px); }
	.webgene-pagination ul li.prev a,
	.webgene-pagination ul li.next a{ width:30px; height:30px; }
	
	/* 詳細 */
	.detailArea{ margin:0 auto 60px; }
	.detailArea .newsTitle{ margin:10px 0 20px; font-size:var(--sp-font-22); }
	.detailArea .webgene-item img{ margin:20px auto; }
	.detailArea .webgene-item p{ margin:0 0 20px; }
	
	/*  contactArea
	===========================*/
	.contactArea{ margin:0 0 60px; }
	.contactArea .leadTxt{ font-size:var(--sp-font-16); }
	.contactArea .leadTxt p{ margin:0 0 20px; }
	.contactArea .container .row .formTh{ width:100%; margin:0 0 10px; justify-content:flex-start; }
	.contactArea .container .row .formTh .requiredText{ margin:0 0 0 10px; }
	.contactArea .container .row .formTd{ width:100%; padding:0; }
	.addArea label{ font-size:var(--sp-font-14); }

	.contactArea .telContact .txt1{ font-size:16px; }
	.contactArea .telContact .telnum a{ padding:20px 70px 20px 100px; }
	
	.contactArea .kiyakuArea{ margin:40px 0 0; }
	.contactArea .kiyakuArea .txtArea{ padding:10px; }
	
	.contactArea .container .row:last-child{ padding-top:0; }
	.contactArea .formBtnTd button[type=submit]{ font-size:var(--sp-font-18); }
	
	.privacyformError{ margin-top:-36.5px !important; }
	
	.contactArea .requiredText{ font-size:var(--sp-font-12); }
	
	/*  formComplete
	===========================*/
	.formComplete{ margin:0 0 100px; }
	.formComplete .tit{ font-size:var(--sp-font-18); }

}

@media (min-width:450px) and (max-width:768px){
	#siteHeader .contactBtn{ width:30%; }
	#siteHeader .telArea{ padding:0 0 0 6%; }
}