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

@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}

*{ margin:0px; padding: 0px; box-sizing:border-box;}
div, span, object, iframe, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul,ol{ list-style:none;}
html,body {
margin:0 auto;
padding:0;
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
font-size:16px!important;
text-align:left;
color:#000;
min-width:1020px;

}

img { border-style:none; vertical-align:bottom; padding:0px; max-width:100%;}
/*画像ロールオーバー*/
/*a:hover img { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }*/

figure {margin:20px auto; text-align:center;}

p{ line-height:2em !important; margin:0 0 3%; padding:0;}
p:last-child{margin:0px; }
a{ color:#0c6fcc; text-decoration:none;}
a:hover{ text-decoration: underline;}

input[type="text"], input[type="tel"], input[type="email"], textarea {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #0a54a3;
    background-color: #deeaee;
    padding: 10px;
	box-sizing: border-box;
}

select { min-height: 40px; border: solid 1px #0a54a3; background-color: #deeaee; border-radius: 3px; box-sizing: border-box;}

.opa { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.opa:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

.left { text-align:left!important;}
.right { text-align:right!important;}
.center { text-align:center!important;}
.middle { vertical-align:middle!important;}

.clear { clear:both;}
/**clearfix**/

.clearfix { display: inline-table; zoom:1; overflow:hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; overflow:visible;}
.clearfix { display: block; }
/* End hide from IE-mac */

@media print, screen and (min-width:769px){
	.smp{ display:none !important;}
	.ml15 { margin-left:15px; }
	.pl65 { padding-left:65px; }
	.pc_center { text-align:center;}
	.order01 { order:1;}
	.order02 { order:2;}
}

@media screen and (max-width:768px){
.pc{ display:none !important;}
*{ box-sizing:border-box;}
.figure{ text-align:center; margin:10px auto;}
.right { text-align:left;}
img { height:auto;}
	.title_img_smp { width: 100%; text-align: center;}
	.title_img_smp img { width: 50px!important; height:auto;}
	input[type="text"], input[type="tel"], input[type="email"], textarea {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #0a54a3;
    background-color: #deeaee;
    padding: 10px;
	box-sizing: border-box;
		width: 100%;
	}
	
	.center_smp { text-align: center; }

}

/*ヘッダー*/
header { margin:0; padding:0;}
#header{
	margin:0 auto;
	width:100%;
	background-color:rgba(0,53,103,1)!important;
	position: absolute;
	top: 0;
	z-index: 10;
		
}

#header_inner { width:1200px; margin: 0 auto; display: flex; flex-wrap: wrap;}
	#header .logo_box { width: 25%; display:flex; flex-wrap:wrap; justify-content: center; align-items: center; margin: 0 !important; padding:30px 0; box-sizing: border-box; }

@media screen and (max-width:768px){
	#header_inner { width: 100%; margin: 0 auto; padding: 0; display: flex; flex-wrap: wrap;}	
}

@media screen and (min-width:1281px){
	
}

.nav { width: 75%; z-index: 10; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; padding: 0 15px; }
.nav ul { display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center; width:100%; height: 100%; margin:0; padding:0 ; font-size:100%; }
.nav li {
	margin:0;
	display: flex;
	padding:0 20px;
	justify-content:center;
	align-items: center;
	}
	

/*.nav li a {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.5;
	padding:0 20px;
	position: relative;
	color: #fff;
	font-weight: 900;
	}*/
.nav li a { 
	color: #fff;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	text-decoration: none;
	font-weight:900;
}
.nav li a:hover { text-decoration: none;}
.nav li a::after {
	border-bottom: solid 1px #fff;
	bottom: -3px;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	width: 0;
}
.nav li a:hover::after { width: 100%; }
.nav li a span { display: inline-block; background-color: #000; border-radius:50%; padding: 10px;}

@media screen and (max-width:1080px){
	#header .logo_box { width:18%; display:flex; flex-wrap:wrap; justify-content: center; align-items: center; margin: 0 !important; padding:1%; }
	.nav { z-index: 10; width: 82%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; }
	.nav ul { display:flex; flex-wrap:wrap; justify-content: center; align-items: center; width:100%; height: 100%; margin:0; padding:0 ; font-size:100%; }
	.nav li a {	padding: 0 14px;}
}

@media screen and (min-width:1281px){	
}

.sns_nav {  width: 25%;}

.sns_nav ul {  display:flex; flex-wrap:wrap; justify-content:  flex-end; align-items: center; width:100%; height: 100%; margin:0; padding:0; font-size:16px !important; }
.sns_nav li {
	margin:0;
	padding: 0 15px;
	justify-content: center;
	align-items: center;
	text-align:center;
	}
@media screen and (min-width:1281px){
	
}

.map_icon {
	color: #ff6666;
	}



.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
	background: rgba(255,255,255,0.7);
  }
@media screen and (max-width:768px){
	
	html,body {
		margin:0 auto;
		padding:0;
		font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
		color:#333;
		min-width:100%;
		}
	
	header { width:100%; border-top:0 !important; }

	.logo img { max-width:100%; height:auto;}
}
@media screen and (max-width:768px){
	#gnav { position: absolute; top: 100%; left: 0; right: 0; display: none; z-index: 9999; background-color: rgba(0,53,103,0.9); }
	#gnav ul { padding: 0 4%; }
	#gnav li { border-bottom: 1px solid #fff; float: none; position: relative; }
	#gnav li:last-child { border-bottom: none; }
	#gnav li img { vertical-align: middle; height: 90% !important;}
	#gnav li a { color: #fff; font-weight: 900; text-decoration: none; display: block; padding: 3% 0; width: 100%; position: relative; }
	#gnav li a:before { content:" "; position: absolute; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fff; top: 0; right: 3%; height: 6px; bottom: 0; margin: auto; }
	#gnav li a span { display: block; }
	#header { position: fixed; width: 100%; z-index: 9999; border:0 !important; }
	#header .h_main { background-color: transparent; padding: 3%; }
	#header .h_main .h_logo { width: 50%; margin: 0; }
	#header img { max-width:100%; height:auto;}
	#header .h_main .h_tools { width: 40%; }
	#header .h_main .h_tools li { width: 30%; margin-right: 3%; }
	#header .h_main .h_tools li#h_menu { position: relative; margin-right: 0; text-align:left; }
	#header .h_main .h_tools li#h_menu span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 33px; height: 5px; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -o-transition: All 0.35s ease; }
	#header .h_main .h_tools li#h_menu span:after { content: ''; position: absolute; top: 10px; width: 33px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color: #fff; transition: All 0.35s ease-in-out; -webkit-transition: All 0.35s ease-in-out; -o-transition: All 0.35s ease-in-out; }
	#header .h_main .h_tools li#h_menu span:before { content: ''; position: absolute; top: -10px; width: 33px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color: #fff; transition: All 0.35s ease-in-out; -webkit-transition: All 0.35s ease-in-out; -o-transition: All 0.35s ease-in-out; }
	#header .h_main .h_tools li#h_menu span.active { background: rgba(255, 255, 255, 0); }
	#header .h_main .h_tools li#h_menu span.active:after { top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
	#header .h_main .h_tools li#h_menu span.active:before { top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
	#header .h_main .h_tools li#h_menu span { width: 20px; height: 3px; }
	#header .h_main .h_tools li#h_menu span:after { top: 7px; width: 20px; height: 3px; }
	#header .h_main .h_tools li#h_menu span:before { top: -7px; height: 3px; width: 20px; }
	
	/*----------------------------------------------------------------------------------------------------
	□ #site_header
	---------------------------------------------------------------------------------------------------- */
	
	.dis_flex { display: -webkit-box; display: -ms-flexbox; display: flex; display: -moz-flex; display: -ms-flex; }
	.flex_wrap { -ms--ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.flex_align_item_start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; }
	.flex_align_item_end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; }
	.flex_align_item_center { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit--webkit-box-align: center; -ms-flex-align: center; align-items: center; -moz--webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms--webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	.flex_jus_between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; }
	.flex_jus_center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
	.flex_jus_around { -ms-flex-pack: distribute; justify-content: space-around; }
	.flex_jus_start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; }
	.flex_jus_end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
}

@media screen and (min-width:480px) and (max-width:768px){
	#header .h_main .h_logo { width: 30%; margin: 0; }
	#header img { max-width:100%; height:auto;}
	#header .h_main .h_tools { width: 30%; }
}

/*フッター*/
footer { margin-top:0 !important; background: #003567!important; }
#footer{ width:1200px; margin:0 auto; padding:35px 0; color:#fff; font-size:14px; text-align: center;}
#footer p { margin: 2% 0;}
.foot_bt { margin-bottom: 2%; }
.foot_bt li { display: inline-block; margin: 0 1%; text-align: center;  }
.foot_bt li a { color: #fff; position: relative; display: inline-block; font-weight: 900;}
.foot_bt li a:hover { text-decoration: none;}
.foot_bt li a::after {
	border-bottom: solid 1px #fff;
	bottom: -3px;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	width: 0;
}
.foot_bt li a:hover::after { width: 100%; }
.foot_bt li a span { display: inline-block; background-color: #fff; border-radius:50%; padding: 10px;}
.foot_bt li img { transition: .5s;  }
.foot_bt li:hover img {  opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

address { font-style:normal; color: #fff; text-align: center; }

.sns_nav_foot { display:flex; flex-wrap:wrap; justify-content:center; align-items: center; margin:20px 0; padding:0; }
.sns_nav_foot li {
	justify-content: center;
	align-items: center;
	text-align:center;
	padding:0 10px;
	}

.sns_nav_foot li a img { transition: .5s; }
.sns_nav_foot li a img:hover {  opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=60)"; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

@media screen and (max-width:768px){
	footer { margin-top:0px !important; }
	#footer { width:100%; margin:0 auto; padding:5%; color:#fff; text-align:left; font-size:90%; line-height:2;}
	#footer p { margin:3% 0;}
	.copyright { background-color: #7e6b5a; }
	.copyright-inner { width: 100%; margin: 0 auto; padding:3%; }
	address { font-style:normal; color: #fff; font-size: 12px !important; }
}
@media screen and (max-width:1080px){
	#footer{ width:100%; margin:0 auto; padding:35px 0; color:#fff; font-size:14px; text-align: center;}
}

/*ぱんくず*/
#breadcrumb { background-color: #7e6b5a; padding: 10px 0; }
#breadcrumb ul  { width: 1000px; margin:0 auto !important; padding:0px 10px !important; font-size: 10px; }
#breadcrumb ul li { display: inline;  margin-left:0 !important; padding:0px !important; }
#breadcrumb ul li:first-child:before { display: none;}
#breadcrumb ul li:before { display: inline; content: " > "; color:#fff; margin: 0 10px;}
#breadcrumb a { color: #fff; text-decoration:none;}
#breadcrumb a:hover { text-decoration:underline;}

#mainimage { width:100%; height: 100vh; background-image: url("https://web.archive.org/web/20250814110949im_/https://jeep-denso.com/images/main_image01.jpg"); margin:0 auto; top:0; z-index: 0;  position: relative; background-size:cover !important; background-position: center !important; object-fit: cover !important; background-repeat: no-repeat; }

#mainimage-inner { width:1100px; height: 100%; margin: 0 auto; position: relative; display: flex; justify-content: flex-start; align-items: center; }

#mainimage p { font-size:30px; line-height: 1; color: #0a54a3; margin-bottom: 0;}
#mainimage h2 {
	color: #0a54a3;
    font-size: 300%;
    text-align: left;
    line-height: 1.5;
	width: 100%;
	margin-bottom: 40%;
}
#mainimage h3 {
	font-family: 'Kosugi', sans-serif;
    font-weight: 600;
    font-size: 130%;
    text-align: left;
    line-height: 1.5;
	width: 60%;
	margin: 0;
}

@media screen and (max-width:768px){
	#breadcrumb ul  { width: 100%; margin:0 auto !important; padding:0px 10px !important; font-size: 10px; }
	#mainimage { width:100%; height: auto; background-image: none; margin:0 auto; top:0; z-index: 0;  position: relative; background-repeat: no-repeat; background-position: top !important; background-size: cover;}
	#mainimage-inner { width: 100%; height: 300px;  background-image: url("https://web.archive.org/web/20250814110949im_/https://jeep-denso.com/images/main_image01.jpg"); background-repeat: no-repeat; background-position: top !important; background-size: cover; margin: 0 auto; position: relative; padding:3%; }
	#mainimage p { font-size:14px; line-height: 1; color: #0a54a3; margin-bottom: 0;}
	#mainimage h2 {		
		font-size: 130%;
		text-align: left;
		line-height: 1.5 !important;
		width: 100%;
		margin-top: 0;
		margin-bottom: 20%;
			}	
	#mainimage h3 {
		font-size: 80%;
		text-align: left;
		line-height: 1.5 !important;
		width: 100%;
		margin: 0;
		}
	
}

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

}

#main_news { position: absolute; bottom: 0; width: 100%; background-color:rgba(0,53,103,1.00); padding:15px  0; color: #fff;}
#main_news_inner {  display: flex; flex-wrap: wrap; width:1000px; margin: 0 auto; height: 100%; }

@media screen and (max-width:768px){
	#main_news { position: static; padding: 3%;}
}

@media screen and (min-width:769px) and (max-width:1080px){
	#mainimage { width:100%; height: 800px; margin:0 auto; top:0; z-index: 0;  position: relative; background-size:cover!important; background-position:center  center !important; object-fit: cover !important; }
	#mainimage-inner { width:1000px; height: 100%; margin:  0 auto; position: relative; display: flex; justify-content:flex-start; align-items: center;}
}

@media screen and (min-width:1281px){
	#footer{ width:1200px; margin:0 auto; padding-top:35px; color:#fff; font-size:14px;}
	.copyright-inner {width:1200px; margin: 0 auto; padding: 10px 0; }
	#breadcrumb ul  { width: 1200px; margin:0 auto !important; padding:0px 10px !important; font-size: 10px; }
	
	#mainimage { width:100%; height: 800px; background-image: url("https://web.archive.org/web/20250814110949im_/https://jeep-denso.com/images/main_image01.jpg"); margin:0 auto; top:0; z-index: 0;  position: relative; background-size:100% auto !important; background-position:center  bottom !important; object-fit: cover !important; }
	
	#mainimage-inner { width:1200px; height: 100%; margin:  0 auto; position: relative; display: flex; justify-content:flex-start; align-items: center; }
	#main_news_inner {  display: flex; flex-wrap: wrap; width:1200px; margin: 0 auto;}
}

#mainimage_sub { width:100%; height: 350px; margin:0 auto; top:0; z-index: 0; background-image: url("https://web.archive.org/web/20250814110949im_/https://jeep-denso.com/images/main_image01_sub.jpg");  position: relative; background-size:100% auto !important; background-position:center !important; object-fit: cover !important; }

#mainimage_sub_inner { width:1000px; height: 100%; margin: 0 auto; position: relative; display: flex; justify-content: flex-start; align-items: center;}
#mainimage_sub h2 {
	font-family: toppan-bunkyu-midashi-go-std, sans-serif; font-weight: 900; font-style: normal;
    font-size: 300%;
	color: #fff !important;
    text-align: left;
    line-height: 1.5 !important;
	display: block; width: 100%;
}

#mainimage-sub h3 {
	color: #97824b;
	font-size: 12px;
    display: block;
	width: 80%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 4px;
	text-shadow:0px 0px 4px #fff;
	text-align: center;
}

@media screen and (max-width:768px){
	#mainimage_sub { background-image: url("https://web.archive.org/web/20250814110949im_/https://jeep-denso.com/images/main_image01_sub.jpg"); background-repeat: no-repeat; background-size:auto 100%; background-position:top center; background-attachment: inherit; height:200px; display: flex; flex-wrap:wrap; justify-content: center; align-items: center;  }
	#mainimage_sub_inner { width:100%; height: 100%; margin: 0 auto; position: relative; display: flex; justify-content: flex-start; align-items: center; padding-left: 3%;}
	#mainimage_sub h2 {
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-size: 130%;
    text-align: left;
    line-height: 1.5 !important;
	display: block; width: 100%;
	}
	
}

@media screen and (min-width:1281px){
	#mainimage_sub_inner { width:1200px; height: 100%; margin: 0 auto; position: relative; display: flex; justify-content: flex-start; align-items: center;}
}

/*ニュースティッカー*/

.news_title { width: 15%; display: flex; justify-content: flex-start; align-items: center; font-size: 130%; }
.news_bt { width: 15%; display: flex; flex-wrap:wrap; justify-content: center; align-items: center;}
.news_bt a { display: block; width: 100%;}
.news_ticker {
    margin: 0 auto;
    width: 70%;
    text-align: left;
    position: relative;
    overflow: hidden;
	z-index: 0;
	vertical-align: middle;
	display: flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	align-items: center;
	padding: 1% 0;
}

.ticker {
    margin: 0 auto;
    width: 100%;
	height: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
#oshirase { width: 100%; }
.php_logo { text-align: center; display: none; width: 100%;}
.php_logo a { color:#fff!important; margin: 0!important; font-size: 10px!important; }
.php_logo2 { text-align: center; display: block; width: 100%;}
.php_logo2 a { color:#0a54a3!important; margin: 0!important; font-size: 10px!important; }

#detail { margin: 35px 0;}

.ticker a { color:#fff!important; margin: 0!important; }

.ticker ul {
    width: 100%;
    position: relative;
	padding: 10px 0;
}
 
.ticker ul li {
    width: 100%;
    display: none;
}

@media screen and (max-width:768px){
	
	#main_news_inner {  display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto;}
	.news_title { width: 100%; display: flex; justify-content: flex-start; align-items: center; font-size: 130%; }
	.news_bt { width: 40%; }
	.news_ticker {
    margin: 0 auto;
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
	z-index: 0;
	vertical-align: middle;
	display: flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	align-items: center;
	}
	.ticker { position:relative !important; padding:1%; height:30px !important; vertical-align:middle !important; }
	.showlist { width: 100%!important;}
}

/*メイン*/
#content{ overflow:hidden; text-align:left; background-repeat:repeat-x; background-position:bottom;}
section { width:100%; margin:0 auto;}
.maincontent {
	padding:0;
	margin:0 auto;
	width:100%;
}

.main-content { width:1000px; margin:0 auto; padding: 3% 0; }
.main-content h3 { font-size: 160%; text-align: center; font-weight: 900; line-height: 1.5; }
.main-content p { margin-bottom:2%; }
.inner01 { width:80%; margin:0 auto; }
.faq_inner { width: 80%; margin: 3% auto 10% auto; position: relative;}
.faq_inner:after { 
    border-bottom: solid 1px #a6937c!important;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content: "";
    display: block;
    position: absolute;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 100px;
}

@media screen and (max-width:768px){
	#mainimage { width:100%;  }
	/*.maincontent{ margin-top:21.5%;}*/
	.main-content{ width:100%; margin:0 auto; padding:3%; }
	.main-content h3 { font-size: 130%; text-align: center; font-weight: 900; line-height: 1.5; }
	.inner01 { width:100%; margin:0 auto; }
	.faq_inner { width: 80%; margin: 3% auto 20% auto; position: relative;}
	.faq_inner:after { 
		bottom: -30px;
	}
}

@media screen and (min-width:1281px){
	.main-content { width:1200px; margin:0 auto; padding: 3% 0; }
	.main-content h3 { font-size: 200%; text-align: center; font-weight: 900; line-height: 1.5; }
	.inner01 { width:80%; margin:0 auto; }
}

.top-catch-pic img { border: solid 5px #fff; border-radius: 10px; box-shadow: 0 0 8px gray; }
.top-catch { font-family: 'Sawarabi Mincho', sans-serif; font-size: 300%; font-weight: normal; }

@media screen and (max-width:768px){
	.top-catch { font-family: 'Sawarabi Mincho', sans-serif; font-size: 200%; font-weight: normal; }
}

#greeting .main-content { background-image: url("greeting_bg.jpg"); background-repeat: no-repeat; background-position: bottom right; }
#greeting h3 { text-align: left; font-family: source-han-sans-japanese, sans-serif!important;
font-weight: 900;
font-style: normal;
	font-size: 300%;
}

#service { background-color: #f5f5f5; }

#service .main-content h3 { position: relative; text-align: center; font-family: source-han-sans-japanese, sans-serif!important; font-weight: 900!important; font-style: normal!important; font-size: 220%; margin-bottom: 15px;  }
#service .main-content h3:after { 
    border-bottom: solid 1px #000!important;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content: "";
    display: block;
    position: absolute;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 100px;
}
#service .main-content h4 { position: relative; text-align: center; font-family: source-han-sans-japanese, sans-serif!important; font-weight: 900!important; font-style: normal!important; font-size: 160%; margin-top: 0!important;  }

.service_cont { display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; }
.service_box { width: 20%; padding: 1%;  display: flex;}
.service_box ul { padding: 10px;}
.service_box li { padding: 2%; }
.jeep_box_inner { border: solid 2px #485f2b; background-color: #fff; }
.jeep_box_inner h4 { background-color: #485f2b; color: #fff; font-size: 130%!important; padding: 5px!important; }
.fiat_box_inner { border: solid 2px #b11636; background-color: #fff; }
.fiat_box_inner h4 { background-color: #b11636; color: #fff; font-size: 130%!important; padding: 5px!important; }

#recommend .main-content h3 { position: relative; text-align: center; font-family: source-han-sans-japanese, sans-serif!important; font-weight: 900!important; font-style: normal!important; font-size: 220%; margin-bottom: 15px;  }
#recommend .main-content h3:after { 
    border-bottom: solid 1px #000!important;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content: "";
    display: block;
    position: absolute;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 100px;
}
#recommend .main-content h4 { position: relative; text-align: center; font-family: source-han-sans-japanese, sans-serif!important; font-weight: 900!important; font-style: normal!important; font-size: 160%; margin-top: 0!important;  }

.contact_bn { background-color: #eaf4ff; display: flex; flex-wrap: wrap;font-family: source-han-sans-japanese, sans-serif!important; }
.contact_bn h4 { margin: 0; color: #003567; font-size: 250%!important; text-align: left!important;}
.contact_bn p { color: #003567; }
.contact_txt { width: 45%; box-sizing: border-box; display: flex; justify-content: center; flex-direction: column; padding: 2%;}
.contact_img { width: 55%; height: 370px;}
.contact_img img { width:100%; height:100%; object-fit:cover; }
.contact_bn a { color: #003567;}

.product_box { display: flex; flex-wrap: wrap; text-align: center; font-size: 140%; }
.product_box li { width: 25%; }
.product_box li img { margin: 2% 0; }
.product_box a { color:#0a54a3; }


#subpage .main-content h3 { position: relative; text-align: center; font-family: source-han-sans-japanese, sans-serif!important; font-weight: 900!important; font-style: normal!important; font-size: 220%; margin-bottom: 15px;  }
#subpage .main-content h3:after { 
    border-bottom: solid 1px #000!important;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content: "";
    display: block;
    position: absolute;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 100px;
}
#subpage .main-content h4 {  position: relative; text-align: center; font-family: source-han-sans-japanese, sans-serif!important; font-weight: 900!important; font-style: normal!important; font-size: 160%; margin-top: 0!important;  }

#service-page h3 { text-align: left; font-family: source-han-sans-japanese, sans-serif!important; font-weight: 900!important; font-style: normal!important; margin-top: 0; }
#service-page h4 { text-align: left; font-family: source-han-sans-japanese, sans-serif!important; font-weight: 900!important; font-style: normal!important; margin-top: 0; font-size: 140%; }

#sub_cont01 { background:#ede9e0; }
.sub_title { border-left: 3px solid #795a93; padding-left: 10px; font-size: 150%; }

.title_check:before { content: ""; background-image:  url("https://web.archive.org/web/20250814110949im_/https://jeep-denso.com/images/check_icon.png"); display: inline-block; background-size: contain; vertical-align: middle; width: 35px; height: 35px; margin-right: 10px; }
.title_check { justify-content: center; padding: 1% 0; line-height: 1.5; display: inline-block; box-sizing: border-box; font-size: 130%; margin: 0; }


@media screen and (max-width:768px){
	#greeting h3 { 
		text-align: left; font-family: source-han-sans-japanese, sans-serif!important;
		font-weight: 900;
		font-style: normal;
		font-size: 200%!important;
	}
	
	#greeting .main-content {
    background-image: none;
    background-repeat: no-repeat;
    background-position: bottom right;
	}
	
	.service_cont { display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; }
	.service_box { width : calc(100% / 2) ; padding: 1%;  display: flex; box-sizing: border-box;}
	.service_box ul { padding: 10px; font-size: 90%;}
	.service_box li { padding: 2%; }
	.jeep_box_inner { border: solid 2px #485f2b; background-color: #fff; }
	.jeep_box_inner h4 { background-color: #485f2b; color: #fff; font-size: 100%!important; padding: 5px!important; }
	.fiat_box_inner { border: solid 2px #b11636; background-color: #fff; }
	.fiat_box_inner h4 { background-color: #b11636; color: #fff; font-size: 100%!important; padding: 5px!important; }
	
	.contact_bn { display: flex; flex-wrap: wrap; margin:35px 0; }
	.contact_bn h4 { margin: 0;  font-size: 180%!important; }
	.contact_bn p { margin: 5px 0; }
	.contact_txt { width: 100%; box-sizing: border-box; display: flex; justify-content: center; flex-direction: column; padding: 3%; line-height: 1.2!important;}
	.contact_img { width: 100%; height: 200px;}
	.contact_img img { width:100%; height:100%; object-fit:cover; }
		
	.product_box { display: flex; flex-wrap: wrap; text-align: center; font-size: 120%; }
	.product_box li { width: 50%; }
	
	#sub_cont01 { background:#ede9e0; }
	
}
@media screen and (min-width:480px) and (max-width:768px){
	.greeting_img { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
	.w50p_tab { width: 50%; padding: 1%; }
}

@media screen and (max-width:1080px){
	.pc_only { display: none; }
}
@media screen and (min-width:1281px){
	#sub_page .main-content { width:1200px; margin:0 auto; }
	#sub_cont01 { background:#ede9e0; }
	#sub_cont01 .main-content { width:1200px; margin:0 auto; }
	#top_kaisetsu h3 { font-size: 200%; text-align: center; font-weight: 900; line-height: 1.5; }
	.title_check { justify-content: center; padding: 1% 0; line-height: 1.5; display: inline-block; box-sizing: border-box; font-size: 160%; margin: 0; }
}

.ryouhou_txt { position: relative; margin-bottom: 70px!important;}
.ryouhou_txt:after { 
    border-bottom: solid 1px #a6937c!important;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content: "";
    display: block;
    position: absolute;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 100px;
}

#infomation { background:#ede9e0; }
.osirase_box { width: 33.33%; padding: 2%; font-family: 'Noto Sans JP', sans-serif;}
.osirase_box a { color:#6a3906; font-weight: 900; font-size: 120%; }
.cat { background-color:#6a3906 ; padding: 5px 10px; border-radius:50px; color: #fff; font-size: 12px; display: inline-block; line-height: 1; margin-right: 10px;}
.date { font-size: 14px; }

.top_info_list { padding: 2%; font-family: 'Noto Sans JP', sans-serif; display: flex; flex-wrap: wrap; }
.top_info_list dt { width: 10%; display: flex; justify-content: flex-start; align-items: center; padding: 1% 0; border-bottom: dashed 1px #6a3906; }
.top_info_list dt:first-child {border-top: dashed 1px #6a3906;}
.top_info_list dd { width: 90%; padding: 1% 0; border-bottom: dashed 1px #6a3906; }
.top_info_list dd:nth-child(2) { border-top: dashed 1px #6a3906;}
.top_info_list dd a { color:#6a3906; font-weight: 900; font-size: 120%; position: relative; display: inline-block; }
.top_info_list dd a:hover { text-decoration: none; color: #a6937c;}
.top_info_list dd a::after {
	border-bottom: solid 1px #6a3906;
	bottom: -3px;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	width: 0;
}
.top_info_list dd a:hover::after { width: 100%; }

@media screen and (max-width:768px){
	.osirase_box { width: 50%; padding: 2%; font-family: 'Noto Sans JP', sans-serif;}
	.cat { background-color:#6a3906 ; padding: 5px 10px; border-radius:50px; color: #fff; font-size: 12px; display: inline-block;}
	.top_info_list dt { width: 100%; display: flex; justify-content: flex-start; align-items: center; padding: 2% 0 0 0; border-bottom: dashed 0px #6a3906; }
	.top_info_list dt:first-child {border-top: dashed 1px #6a3906;}
	.top_info_list dd { width: 100%; padding: 0 0 2% 0; border-bottom: dashed 1px #6a3906; }
	.top_info_list dd:nth-child(2) { border-top: dashed 0px #6a3906;}
}

#access .main-content { width:100%; margin:0 auto; padding: 0;}
.gmap iframe { vertical-align:bottom; }

.info_list_cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content:flex-start;
	align-items: center;
	}

.info_list_title { width:25%; font-size:130%; display:block; }
.info_list { width:75%; line-height:2em; display:block; padding:0 2%;}
.info_list dt { background-position:left center; background-repeat:no-repeat; padding:15px 0 15px 0; vertical-align:top; float:left;}
.info_list dd { margin-left:23%; margin-bottom:2%; padding:15px 0;}
.info_list dd:last-child { margin-bottom:0;}

.info_list_sub { width:100%; line-height:2em; display:block; padding:0 2%;}
.info_list_sub dl { border-bottom:dashed 1px #333; }
.info_list_sub dt { background-position:left center; background-repeat:no-repeat; padding:15px 0 15px 0; vertical-align:top; float:left;}
.info_list_sub dd { margin-left:15%; margin-bottom:2%; padding:15px 0;}
.info_list_sub dd:last-child { margin-bottom:0;}

#faq { background:#ede9e0; }
#faq .main-content { width:1000px; margin:0 auto; }

@media screen and (max-width:768px){
	#sub-page .main-content { width:100%; padding:3%; margin:0 auto; }
	.sub-title { border-left: 3px solid #795a93; padding-left: 10px; margin-top: 35px; font-size: 130%; }
	.service-title { margin-left: 0; border-left: 0px solid #5ec618; padding-left: 0; }
	#infomation { background:#ede9e0; padding:3% 0; }
	#infomation .main-content { width:100%; margin:0 auto; padding:0; }
	.info_list_cont { display:block; width:100%; }
	.info_list_title { width:40%; margin:0 auto; font-size:130%; display:block; }
	.info_list { width:100%; line-height:2em; display:block; padding:0;}
	.info_list dt { background-position:left center; background-repeat:no-repeat; padding:1% 0; vertical-align:top; float:none;}
	.info_list dd { margin-left:0; margin-bottom:3%; padding:1% 0;}
	.info_list_sub { width:100%; line-height:2em; display:block; padding:0 2%;}
	.info_list_sub dl { border-bottom:dashed 1px #333; }
	.info_list_sub dt { background-position:left center; background-repeat:no-repeat; padding:1% 0; vertical-align:top; float:none;}
	.info_list_sub dd { margin-left:0; margin-bottom:3%; padding:1% 0;}
	.info_list_sub dd:last-child { margin-bottom:0;}
	#faq { background:#ede9e0; }
	#faq .main-content { width:100%; margin:0 auto; }
}
@media screen and (min-width:1281px){
	#faq { background:#ede9e0; }
	#faq .main-content { width:1200px; margin:0 auto; }
	#faq .main-content h3 { font-size: 160%; text-align: left; font-weight: 900; line-height: 1.5; }
}

/*list*/
.disc_list { background-color: #f5f5f5; padding: 25px 35px 25px 45px; border-radius: 10px; margin: 15px 0; }
.disc_list li { list-style: disc; }

.item_list li { position: relative; padding-left: 40px; margin-bottom: 3%; }
.item_list li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f085";/*アイコン種類*/
  position: absolute;
  left : 0; /*左端からのアイコンまで*/
  color: #333; /*アイコン色*/
  font-size:130%;  
}

.item_list li a { color: #0a54a3; position: relative; display: inline-block; }
.item_list li a:hover { text-decoration: none;}
.item_list li a::after {
	border-bottom: solid 1px #333;
	bottom: -3px;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	width: 0;
}
.item_list li a:hover::after { width: 100%; }

.arrow_list { margin-bottom:5%;  position: relative; }
.arrow_list li { line-height: 1.5; padding: 0 0 1% 4%; list-style-type: none!important; }
.arrow_list li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";/*アイコン種類*/
	display: inline-block;
	margin-right: 10px;
  color: #0a54a3; /*アイコン色*/
  font-size:170%;  
}

.check_list { margin-bottom:5%;  position: relative; }
.check_list li { line-height: 1.5; padding: 0 0 1% 35px; list-style-type: none!important; }
.check_list li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f14a";/*アイコン種類*/
	display: inline-block;
	margin-right: 10px;
  color: #0a54a3; /*アイコン色*/
  font-size:120%;  
}

.faq_list li:first-child a { border-top: 1px dashed #ccc; }
.faq_list li a { padding: 2% 0 2% 40px; list-style-type: none!important; border-bottom: dashed #ccc 1px; display: block;  background-repeat: no-repeat; background-position: left center; transition: .5s; color: #313131; position: relative;}
.faq_list li a:hover { background-color: #f5f5f5;}
.faq_list li a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f02d";/*アイコン種類*/
	position: absolute;
	left : 15px; /*左端からのアイコンまで*/
	color: #313131; /*アイコン色*/
	font-size: 130%;
}


.sitemap_list:first-child a { border-top: 1px dashed #ccc; }
.sitemap_list li a { padding: 2% 0 2% 40px; list-style-type: none!important; border-bottom: dashed #ccc 1px; display: block;  background-repeat: no-repeat; background-position: left center; transition: .5s; color: #313131; position: relative;}
.sitemap_list li a:hover { background-color: #f5f5f5;}
.sitemap_list li a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f15c";/*アイコン種類*/
	position: absolute;
	left : 15px; /*左端からのアイコンまで*/
	color: #313131; /*アイコン色*/
	font-size: 130%;
}

.contents_list { margin:3% 0; padding: 0; display: flex; flex-wrap: wrap; font-family: 'Noto Sans JP', sans-serif; font-weight: 900; text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0-2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;}
.contents_list li { display: flex; width: 33.33%; border-right: 1px solid #fff; border-bottom: 1px solid #fff; box-sizing: border-box;  transition: .5s;}
.contents_list li:before {
    content:"";
    display: block;
	padding-top: 56.25%;}
.contents_list li a {  color: #000; font-size: 140%; padding: 3%; width: 100%;}

.no_list { margin-left: 35px;}

.no_list ol {
	counter-reset: li;
}

.no_list ol > li {
	list-style: none;
	position: relative;/*リストの項目の位置を基準に*/
	padding-left: 2.5em; /*li:before分左に余白を。調整可*/
	margin-bottom: 2%;
	padding-top: 5px;
}

.no_list ol > li:before {
	counter-increment: li;
	content: counter(li);
	margin-right: 1em;
	background: #0a54a3 ;
	color: #fff; 
	border-radius: 50%;
	text-align: center;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0em;
	top: 2px;
	line-height: 2;
}

.no_list2 ol { margin-left: 35px; margin-bottom: 35px; list-style-type: decimal;}
.no_list2  li {  margin-bottom: 15px; }
.no_list2 ol li ol { margin-top: 15px;}

@media screen and (max-width:768px){
	.check_list { padding: 1%;}
	.check_list li:before { content: ""; background-image:  url("https://web.archive.org/web/20250814110949im_/https://jeep-denso.com/images/check_icon.png"); display: inline-block; background-size: contain; vertical-align: middle; width: 20px; height: 20px; margin-right: 10px; }
	.check_list li { justify-content: center; padding: 1%; font-size: 100%; line-height: 1.5; display: inline-block; width: 100%; box-sizing: border-box; margin-bottom: 3%;}
	.check_list2 { margin-bottom:5%; background: whitesmoke; position: relative; }
	.check_list2 li { line-height: 1; padding: 3% 0 3% 40px; border-bottom: 1px solid #999; list-style-type: none!important;}
	.check_list2 li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";/*アイコン種類*/
	position: absolute;
	left : 2%; /*左端からのアイコンまで*/
	color: #5ec618; /*アイコン色*/
	font-size: 130%;
	}
	.contents_list { font-weight: 600; text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;}
	.contents_list li { width: 50%; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
	.contents_list li a {  color: #000; font-size: 80%; padding: 3%; width: 100%;}
	.no_list { margin-left: 0px;}
}


/* ページトップへ戻る */
#page-top {
    position: fixed;
    bottom: 0;
    right:0;
    font-size: 90%;
	z-index:999;
}
#page-top a {
    background: #003567;
    text-decoration: none;
    color: #fff;
    width: 50px;
	height: 50px;
    display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: solid 1px #fff;
	font-size: 140%;
	position: relative;
}


#page-top a:hover {
    text-decoration: none;
    background: #5387be;
}

#page-top a:before { content: ""; border-top: solid 2px #fff; width: 20px; display: block; margin-bottom: 2px; }

/*margin,padding,width*/

.w250 { width:250px; }
.w375 { width:375px; }
.w420 { width:420px; }
.w500 { width:500px; }
.w600 { width:600px; }
.w800 { width:800px; }
.w900 { width:900px; }


.w20p { width:20%; }
.w25p { width:25%; }
.w30p { width:30%; }
.w33p { width:33.33%; }
.w33p_smp_pc { width:33.33%; }
.w35p { width:35%; }
.w40p { width:40%; }
.w45p { width:45%; }
.w49p { width:49%; }
.w50p { width:50%; }
.w50p_smp_pc { width:50%; }
.w55p { width:55%; }
.w60p { width:60%; }
.w65p { width:65%; }
.w70p { width:70%; }
.w75p { width:75%; }
.w80p { width:80%; }
.w85p { width:85%; }

.w100p { width:100%!important; }

@media screen and (min-width:901px){
	.w10p { width:10%; }
	.w90p { width:90%; }
	.w20p_pc { width: 20%; }
	.w25p_pc { width: 25%;}
	.w30p_pc { width: 30%;}
	.w70p_pc { width: 70%;}	
}

.fl { float:left; }
.fr { float:right; }

.bor_gree { border:solid 1px #26aeec; }

@media screen and (max-width:768px){
	.w250 { width:100%; }
	.w375 { width:100%; }
	.w420 { width:100%; }
	.w500 { width:100%; }
	.w600 { width:100%; }
	.w800 { width:100%; }
	.w20p { width:100%; }
	.w25p { width:100%; }
	.w30p { width:100%; }
	.w33p { width:100%; }
	.w35p { width:100%; }
	.w40p { width:100%; }
	.w40p_smp { width: 40%!important; }
	.w45p { width:100%; }
	.w50p { width:100%; }	
	.w50p_smp { width: 50%!important; }
	.w55p { width:100%; }
	.w60p { width:100%; }
	.w60p_smp { width: 60%!important; }
	.w60p_center_smp { width: 60%!important; margin: 0 auto;}
	.w65p { width:100%; }
	.w70p { width:100%; }
	.w75p { width:100%; }
	.w80p { width:100%; }
	.w90p_smp { width: 90%!important; height: auto;}
	
	.fl { float:none; }
	.fr { float:none; }
}

.p2p { padding:2%; }
.p3p { padding:3%; }
.pb5p { padding-bottom:5%; }

.pr3p { padding-right: 3%; }
.pr10 { padding-right: 10px; }

.ptb20 { padding:20px 0; }

.m0 { margin:0; }



.mt0 { margin-top:0 !important;}
.mt20 { margin-top:20px !important;}
.mt35 { margin-top:35px !important;}
.mt60 { margin-top:60px !important;}
.mt2p { margin-top:2% !important;}
.mt5p { margin-top:5% !important; }
.mt7p { margin-top:7%; }
.mt10p { margin-top:10%!important; }

.mb0 { margin-bottom:0; }
.mb15 { margin-bottom:15px;}
.mb25 { margin-bottom:25px!important;}
.mb3p { margin-bottom:3%; }
.mb5p { margin-bottom:5%; }

.mlr2p { margin:0 2%; }

.ml30 { margin-left:30px; }

.ml2p { margin-left:2%; }
.ml3p { margin-left:3%; }

.mr10 { margin-right:10px; }
.mr50 { margin-right:50px; }
.mr2p { margin-right:2%; }

.mtb20 { margin:20px 0 !important;}
.m_auto { margin:0 auto; }

@media screen and (min-width:1024px){
	.pl3p { padding-left: 3%; }
	.pr3p_pc { padding-right: 3%; }
	.mt150_pc { margin-top: 150px; }
	.mb25_pc { margin-bottom:25px!important;}
	
}

@media screen and (max-width:768px){
	.mt50_smp { margin-top: 50px; }
	.ml3p { margin-left:0; }
	.mb5p_smp { margin-bottom:5% !important; }
	
	.mr50 { margin-right:0; }
	.m_auto_smp { margin:0 auto; }
	.p2p_smp { padding: 2%; }
	.plr3p_smp { padding: 0 3%; }
}
@media screen and (max-width:480px){
	.mb25_smp { margin-bottom:25px!important;}
}
/*table*/

.legal_notice {
	border-collapse: collapse;
	width: 100%;
	font-size: 16px;
	margin: 3% auto;
	padding: 0;
	border-top: 1px solid #003567;
	border-left: 0px solid #003567;
}

.legal_notice th {
	color: #000;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	padding: 2% 0;
	border-right: 0px solid #003567;
	border-bottom: 1px solid #003567;
	width:25%;
}

.legal_notice td {
	color: #000;
	padding: 2% 0;
	border-right: 0px solid #003567;
	border-bottom: 1px solid #003567;
}

.price {
	border-collapse: collapse;
	width: 100%;
	font-size: 16px;
	margin: 3% auto;
	padding: 0;
	border-top: 1px solid #7e6b5a;
	border-left: 0px solid #7e6b5a;
}

.price th {
	color: #000;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	padding: 2% 3%;
	border-right: 0px solid #7e6b5a;
	border-bottom: 1px solid #7e6b5a;
	width:35%;
}

.price td {
	color: #000;
	padding: 2% 3%;
	border-right: 0px solid #7e6b5a;
	border-bottom: 1px solid #7e6b5a;
}

.form
{
	border-collapse: collapse;
	width: 100%;
	margin: 3% auto;
	padding: 0;
	font-size:14px;
	border-top: 1px solid #0a54a3;
	border-left: 0px solid #0a54a3;
}


.form th
{
   color: #fff;
   background-color:#0a54a3;
   text-align: left;
   vertical-align:top;
   font-weight: normal;
   padding: 13px 15px;
   border-right: 0px solid #0a54a3;
   border-bottom: 1px solid #fff;
   width:30%;
}
.form tr:last-child th { border-bottom: 1px solid #0a54a3; }
.form td {
	background-color: #fff;
   color: #000;
   padding: 13px 15px;
   border-right: 0px solid #0a54a3;
   border-bottom: 1px solid #0a54a3;
}

@media screen and (max-width:480px){
	.legal_notice { width:100%; margin:0 auto; }
	.legal_notice th,.legal_notice td { display:block; width:100%; text-align:left; border-bottom:0; padding:2%; }
	.legal_notice {
	border-collapse: collapse;
	width: 100%;
	font-size: 16px;
	margin: 3% auto;
	padding: 0;
	border-top: 1px solid #003567;
	border-left: 1px solid #003567;
}

.legal_notice th {
	color: #fff;
	text-align: left;
	font-weight: normal;
	background-color: #003567;
	padding: 2% 3%;
	border-right: 1px solid #003567;
	border-bottom: 1px solid #003567;
}

.legal_notice td {
	background-color: #fff;
	color: #000;
	padding: 2% 3%;
	border-right: 1px solid #003567;
	border-bottom: 1px solid #003567;
	}
	
	.price th { width: 50%; }
	
	.form { width: 100%; table-layout: fixed; word-break: break-all; word-wrap: break-all; margin:3% auto; }
	.form th,.form td { display:block; width:100%; text-align:left; }
	.form textarea { width:100% !important; }
}
/* btn */


/*googlemap*/

.ggmap { width:500px; border:solid 5px #fff; box-sizing:border-box; }
.fb_box { width:100%; text-align:center; margin-bottom:15px; }
@media screen and (max-width:768px){
	.ggmap { width:100%; border:0; }
	.fb_box { width:100%; padding-top:10%; margin:3% 0; }
	.fb_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
	
	.gmap {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
}




.title01 { padding:10px; border-bottom: solid 3px #003567; color: #003567; background-color: #ebeff3; }
.title02 { border-left: solid 10px #003567; padding-left: 10px; color:#003567; }

.item_title { border-left:3px solid #000; padding-left: 10px; }

.sub_title { font-family: 'M PLUS Rounded 1c', sans-serif; background-image:url("https://web.archive.org/web/20250814110949im_/https://jeep-denso.com/images/head_title01.jpg"); background-size:cover; background-position:center; width:1000px; height:320px; display: flex; justify-content: flex-start; align-items: center; flex-wrap:wrap; margin:35px auto; padding:0 50px; font-size:250%; }

.faq_q { font-family: 'M PLUS Rounded 1c', sans-serif; border-bottom:solid 5px #26aeec; padding-bottom:10px; font-size:160%; padding-left:51px;}
.faq_q:before { content:"Q"; font-weight:900; display:inline-block; margin-left:-52px; font-family: 'M PLUS Rounded 1c', sans-serif; font-size:130%; padding:8px 10px; line-height:1; background-color:#26aeec; border-radius:10px; color:#fff; margin-right:10px; }

.faq_a { padding-left:55px; font-size:120%; border-bottom:dashed 1px #ccc; margin-bottom:35px; padding-bottom:15px; }
.faq_a:before { content:"A"; font-weight:900; color:#F93; margin-left:-26px; margin-right:13px; font-size:120%; }

.bt_list { display: flex; flex-wrap: wrap; margin: 3% auto;}
.bt_list li { padding:0 1%; display: flex; justify-content: space-between;}

.bt_list2 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;margin: 3% auto;}
.bt_list2 li { padding:0 1%; }

.bt01 {  background-color:#485f2b; border:solid 1px #485f2b; padding:20px 60px; color:#FFF; font-weight:700; display: flex; font-size:120%; position:relative; transition: .5s; justify-content: center; align-items: center; text-align:center; box-sizing: border-box; line-height: 1; }
.bt01:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	display: block;
	left: 0;
	top:50%;
	margin-top: -.5em;
	content: "\f061";/*アイコン種類*/
	color: #fff; /*アイコン色*/
	font-size:180%;
	transition: .5s;
}
.bt01:hover { background-color:#fff; color:#485f2b; border:solid 1px #485f2b; text-decoration: none;}
.bt01:hover:before { color:#485f2b;}

.bt02 {  background-color:#b11636; border:solid 1px #b11636; padding:20px 60px; color:#FFF; font-weight:700; height: 71px; display: flex; font-size:120%; position:relative; transition: .5s; justify-content: center; align-items: center; text-align:center; box-sizing: border-box; line-height: 1; }
.bt02:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	display: block;
	left: 0;
	top:50%;
	margin-top: -.5em;
	content: "\f061";/*アイコン種類*/
	color: #fff; /*アイコン色*/
	font-size:180%;
	transition: .5s;
}
.bt02:hover { background-color:#fff; color:#b11636; border:solid 1px #b11636; text-decoration: none;}
.bt02:hover:before { color:#b11636;}

.bt03 {  background-color:#003567; border:solid 1px #003567; padding:20px 60px; color:#FFF; font-weight:700; display: inline-block; font-size:120%; position:relative; transition: .5s; justify-content: center; align-items: center; text-align:center; box-sizing: border-box; line-height: 1; }
.bt03:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	display: block;
	left: 0;
	top:50%;
	margin-top: -.5em;
	content: "\f061";/*アイコン種類*/
	color: #fff; /*アイコン色*/
	font-size:180%;
	transition: .5s;
}
.bt03:hover { background-color:#fff; color:#003567; border:solid 1px #003567; text-decoration: none;}
.bt03:hover:before { color:#003567;}

.bt_info {  background-color:#fff; border:solid 1px #fff; padding:5px 15px; color:#003567; font-weight:700; font-size:100%; position:relative; transition: .5s; display:flex; justify-content: center; align-items: center; text-align:center; box-sizing: border-box; line-height: 1.8; border-radius:50px;  }
.bt_info:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	content: "\f054";/*アイコン種類*/
	color: #003567; /*アイコン色*/
	font-size:120%;
	margin-right: 5px;
	transition: .5s;
}
.bt_info:hover { background-color:#003567; color:#fff; border:solid 1px #fff; text-decoration: none;}
.bt_info:hover:before { color:#fff;}

.contact_bt {  background-color:#0a54a3; min-width: 230px; border:solid 1px #0a54a3; padding:5px 70px; color:#fff; font-weight:700; font-size:100%; position:relative; transition: .5s; display:inline-block; justify-content: center; align-items: center; text-align:center; box-sizing: border-box; line-height: 1.8; border-radius:50px;  }
.contact_bt:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top:0;
	left: 5%;
	content: "\f054";/*アイコン種類*/
	color: #fff; /*アイコン色*/
	font-size:120%;
	margin-right: 10px;
	transition: .5s;
}
.contact_bt:hover { background-color:#fff; color:#0a54a3; border:solid 1px #0a54a3; text-decoration: none;}
.contact_bt:hover:before { color:#0a54a3;}

@media screen and (max-width:768px){
	.contact_bt { min-width: 230px;}
	.bt_list { display: flex; flex-wrap: wrap; margin: 3% auto;}
	.bt_list li { width: 100%; padding:1%; display: flex; justify-content:center; align-items: center;}
	
	.bt_list2 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;margin: 3% auto;}
	.bt_list2 li { width: 100%; padding:1%; display: flex; justify-content:center; align-items: center;}
	.bt01 { width: 100%; }
	.bt02 { width: 100%; height: auto;}
	.bt03 { font-size: 100%; padding: 15px 15px 15px 35px;}
}

.bt_tw  { background-image: url("https://web.archive.org/web/20250814110949im_/https://jeep-denso.com/images/tw_logo.png"); background-repeat: no-repeat; background-position: left; background-size: contain; background-color:#7e6b5a; border:solid 1px #7e6b5a; padding:10px 40px 10px 80px; color:#FFF; font-weight:700; font-size:120%; position:relative; transition: .5s; display:flex; justify-content: center; align-items: center; text-align:center; box-sizing: border-box; line-height: 1.5; }
.bt_tw:hover { background-color:#fff; color:#7e6b5a; border:solid 1px #7e6b5a;}
.bt_tw:before { }



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

.flex-wrap { display:flex; flex-wrap:wrap; }
.flex-center { display:flex; flex-wrap:wrap; justify-content: center; align-items: center; }
.flex-vcenter { display:flex; flex-wrap:wrap; justify-content: flex-start; align-items: center; }

.top_title_box { width:530px; margin:3% auto;}
.top_title_icon { width:95px; display: flex; justify-content: center; align-items: center; }

.product_item { width:25%; text-align: center; margin-left: -1px; margin-top: -1px; font-family: toppan-bunkyu-midashi-go-std, sans-serif; font-weight: 900; font-style: normal; line-height: 1.5; }
.product_item img { margin: 15px 0;}
.product_item2 { width:33.33%; text-align: center; margin-left: -1px; margin-top: -1px; font-family: toppan-bunkyu-midashi-go-std, sans-serif; font-weight: 900; font-style: normal; line-height: 1.5; }
.product_item2 img { margin: 15px 0;}
.product_item_inner { display: block; height: 100%; padding:15px; background-color:#fff; box-sizing: border-box; border: solid 1px #0a54a3; word-break:break-all; font-size:14px; }

@media screen and (max-width:768px){
	.top_title_box { width:100%; margin:3% auto;}
	.top_title_icon { width:100%; display: flex; justify-content: center; align-items: center; }
	
	.product_item { width:50%; text-align: center; margin-left: -1px; margin-top: -1px; font-family: toppan-bunkyu-midashi-go-std, sans-serif; font-weight: 900; font-style: normal; line-height: 1.5; }
	
}


.yellow_bg { background-color: #FF0; padding:5px 10px; }
.gr_bg { background-color:#dcdcdc; padding:5px 10px; }
.gr_bg2 { background-color:#dcdcdc; padding:5px 0; }

.cat_muryo { background-color:#0443a2; color:#fff; padding:1px 7px; font-size:12px; display:inline-block; margin-right:10px;}


/*ふわっと*/
.effect i {
  height: 120px;
  padding: 20px;
  font-size: 100px;
  transition: 1.5s;
} 
.effect div {
  margin: auto;
  transition: 1.5s;
  transition-delay: 1.5s;
}

.fade_off {
    opacity: 0;
    -webkit-transition: all 3s;
    -moz-transition: all 3s;
    -o-transition: all 3s;
    -ms-transition: all 3s;
    transition: all 3s;
}

.fade_on { opacity: 1; }

.privacypolicy {
    font-size: 12px;
    height: 300px;
    overflow: auto;
    border: 1px solid #0a54a3;
    padding: 20px;
    margin: 1% 0;
	background: rgba(10,84,163,0.6);
}

.privacypolicy a { color: #000; position: relative; display: inline-block;}
.privacypolicy a:hover { text-decoration: none;}
.privacypolicy a::after {
	border-bottom: solid 1px #000;
	bottom: -1px;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	width: 0;
}
.privacypolicy a:hover::after { width: 100%; }

.bx-wrapper {
    -moz-box-shadow: 0 0 0px #ccc!important;
    -webkit-box-shadow: 0 0 0px #ccc!important;
    box-shadow: 0 0 0px #ccc!important;
    border: 0px solid #fff!important;
    background: #fff!important;
	margin: 0 auto;
}

/*
     FILE ARCHIVED ON 00:06:02 Jul 12, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:11:34 Jul 09, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.388
  load_resource: 242.431
  PetaboxLoader3.resolve: 46.992
  PetaboxLoader3.datanode: 74.93 (2)
  loaddict: 163.101
*/