/* CSS Document */
* {	margin:0px;	padding:0px;}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*
=============================================================================================================================
次ページ見出し
=============================================================================================================================
*/

.n_h2{ width:100%; background-color:#FDD72E; font-size:2.8em; color:#000; padding:2em 0; margin-bottom:1em; text-align:center; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; font-weight:700; background-position:20px 50%; background-repeat:no-repeat;}

.h2_syaken{ background-image:url(../img/bk_syaken.png);}
.h2_subsk{ background-image:url(../img/bk_subsk.png);}
.h2_sintyu{ background-image:url(../img/bk_sintyu.png);}
.h2_item{ background-image:url(../img/bk_toriatu.png);}
.h2_gaiyo{ background-image:url(../img/bk_gaiyo.png);}
.h2_contact{ background-image:url(../img/bk_toi.png);}

header{ position:inherit;}

.n_cont{ padding-bottom:4em;}
.n_cont section{ width:1200px; margin:0 auto; padding:2em 0;}
.n_cont section h3{ color:#F90; font-size:2em; border-bottom:1px solid #F90; padding:2em .5em 1em; margin:0 0 .5em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; font-weight:700; line-height:1.2em;}
.n_cont section p{ margin:0 1em 1em;}

.n_cont section h5{ font-size:1.2em; color:#003; font-weight:bold; margin:0 0 .8em .8em;}

.aki_ire{ padding-top:200px;}

table, table th, table td{ border:1px solid #CCC; border-collapse:collapse;}
table th, table td{ padding:1em;}
table th{ font-weight:bold;}

@media only screen and (max-width: 1280px) {
	
	.n_cont section{ width:96%;}
	
	}

@media only screen and (max-width: 880px) {
	
	.n_h2{ font-size:2em; background-position:-20% 50%; background-size:40%;}
	
	}

@media only screen and (max-width: 600px) {
	
	.n_cont section h3{ font-size:1.6em;}
	
	}




/*
=============================================================================================================================
ホリデー車検
=============================================================================================================================
*/

/*価格表*/

.n-holiday table{ width:100%; margin-bottom:2em;}
.kakakuhyo{ color:#FFF; text-align:center; width:100%; background-color:#006; font-size:1.7em; padding:.5em 0; margin-bottom:.5em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; font-weight:700;}

.holi_tbl table th {
    border: 1px solid #000;
    background: #e5a10d;
    text-align: center;
    width: 15%;
    font-size: 134%;
    font-weight: bold;
}

.holi_tbl table .first td .block-car {
    position: relative;
    display: block;
}

.holi_tbl table .first td .block-car .text-inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    font-size: 58%;
}

.holi_tbl table .col-red {
    color: #fff;
}

.holi_tbl table .col-red th {
    background: #ee000f !important;
    font-size: 184%;
    font-weight: bold;
	line-height:1.6em;
}

.holi_tbl table td {
    border: 1px solid #000;
    padding: 10px;
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	vertical-align:middle;
}

.holi_tbl table .col-blue {
    width: 28px;
    color: #fff;
    background: #3227c7;
    font-size: 117%;
}

.holi_tbl table th {
    border: 1px solid #000;
    background: #e5a10d;
    text-align: center;
    width: 15%;
    font-size: 110%;
    font-weight: bold;
	vertical-align:middle;
}

.holi_tbl table .col-red td {
    background: #ee000f;
    font-size: 300%;
    font-weight: bold;
}

.holi_tbl table .col-red th span {
    line-height: 18px;
    font-size: 66.7%;
    display: block;
}

.holi_tbl table .first td .block-car .text-inner02 {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    font-size: 50%;
}

.text-note{ color:#C00;}

.w_1200, .w_800{ display:none;}

@media only screen and (max-width: 1280px) {
	
	.n-holiday table{ display:none;}
	
	.w_1200{ display:inherit;}
	.w_1200 figure img{ width:100%;}
	
	}

@media only screen and (max-width: 880px) {
	
	.vanish_800{ display:none;}
	.w_800{ display:inherit;}
	.w_800 img{ width:100%;}
	
	}

/*特長*/

.tokucho{ display:flex; flex-wrap:wrap;}
.tokucho div{ width:32%; background-color:#FDD72E; margin-top:2.4em;}
.tokucho div:nth-of-type(n+2){ margin-left:2%;}

.toku_title{ font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; font-weight:700; font-size:3.2em; text-align:center;}
.toku_title span{ font-size:2em; color:#009;}

.toku_nakamoji{ text-align:center; color:#FFF; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; font-weight:700; font-size:1.2em; margin-bottom:.8em;}
.toku_nakamoji span{ font-size:1.4em;}

.fuchidori{
  text-shadow:1px 1px 0 #C30, -1px -1px 0 #C30,
              -1px 1px 0 #C30, 1px -1px 0 #C30,
              0px 1px 0 #C30,  0-1px 0 #C30,
              -1px 0 0 #C30, 1px 0 0 #C30;
}

.toku_kakaku{
	color:#F30;
	text-align:center;
	font-size:1.5em;
	line-height:1.5em;
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;
	font-weight:700;
	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;

	}

.lh_2em{ line-height:2em !important;}
	
.toku_kakaku span{
	font-size:2em;
	}

.toku_bunsyo{ font-size:.9em; text-align:center;}

.tokucho_tyui{ border:1px solid #F60; background-color:#F9F9DE; border-radius:8px; margin:1em auto; font-size:.9em; padding-top:1em;}

@media only screen and (max-width: 1280px) {
	
	.tokucho div{ width:90%; margin:3em 0 2em 5%;}
    .tokucho div:nth-of-type(n+2){ margin-left:5%;}
	
	}

/*車検の流れ*/

.item:not(:last-child)::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
        border-top-color: transparent;
        border-top-width: medium;
        border-right-color: transparent;
        border-right-width: medium;
        border-bottom-color: transparent;
        border-bottom-width: medium;
        border-left-color: transparent;
        border-left-width: medium;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
        border-top-color: rgba(136, 183, 213, 0);
    border-top-color: goldenrod;
    border-width: 25px;
    margin-left: -25px;}

.item::after {
    content: ' ';
    display: table;
    clear: both;
}

.item {
    border: 10px solid goldenrod;
    margin-top: 20px;
    display: table;
    table-layout: fiexd;
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}

.item-1st {
    background-color: goldenrod;
    display: table-cell;
    vertical-align: middle;
    width: 25%;
}

.item-1st > h4 {
    height: 100%;
    padding: 25px;
}

.item-number {
    border: 5px solid white;
    border-radius: 50%;
    color: #fafafa;
    display: inline-block;
    font-family: arial;
    font-size: 100px;
    font-weight: bold;
    height: 125px;
    line-height: 1;
    padding: 7px;
    width: 125px;
}

.item-title {
    color: yellow;
    display: block;
    font-size: 25px;
    font-weight: bold;
    margin-top: 25px;
    line-height: 1.3;
}

.item-2nd {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

.item-2nd > p {
    height: 100%;
    padding: 25px;
}

.item-text {
    color: #333333;
    font-size: 16px;
    text-align: left;
    line-height: 2;
}

.item-3rd {
    width: 25%;
    display: table-cell;
    vertical-align: middle;
}

.item-3rd figure {
    height: 100%;
    padding-right: 25px;
}

.holiday_syosai{
	color:#000;
	line-height:1.2em;
	display:table;
	padding:1em 4em 1em 1em;
	border-radius:10px;
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;
	font-weight:700;
	font-size:2.4em;
	margin:1em auto;
	position:relative;
	background-color:#FDD72E;
	}

.holiday_syosai span{
	color:#F60;
	font-size:1.2em;
	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;
	}

.holiday_syosai figure{
	position:absolute;
	width:131px;
	right:-20px;
	top:10%;
	}

.holiday_syosai:hover{
	background-color:#F60;
	}

@media only screen and (max-width: 880px) {
	
	.item-3rd figure {
    padding-right: 10px;
}
	.item-3rd figure img{
		width:100%;
}
	
	.holiday_syosai figure{
	right:10px;
	top:20%;
	}
	
	
	}

@media only screen and (max-width: 600px) {
	
.item-1st {
    display: table-caption;
    width: 100%;
}

.item-2nd {
    width: 100%;
    display: inherit;
}

.item-3rd {
    width: 50%;
    display: inherit;
	margin:0 auto;
}

.item-number {
    font-size: 80px;
    height: 100px;
    width: 100px;
}

.item-title {
    margin-top: 10px;
}

.item-1st > h4 {
    padding: 25px 25px 0;
}
	
	}


/*
=============================================================================================================================
洗車サブスク・アプリ
=============================================================================================================================
*/

.wp_setumei{ display:flex; flex-wrap:wrap;}
.wp_setumei p{ width:60%; margin: 0 0 1em 2% !important;}
.wp_setumei p span{ color:#F30;}
.wp_setumei figure{ width:30%; margin-left:5%;}
.wp_setumei figure img{ width:100%;}

.w_pass1{ margin-bottom:1em;}
.w_pass1 th{ background-color:#FDFDD2; color:#F30;}

.w_pass2 th{ text-align:center; vertical-align:middle;}

.campaign{ vertical-align:middle;}

.campaign p:first-of-type{ font-size:1.8em; font-weight:700; text-align:center; color:#FFF; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; background-color:#F36; padding:.2em; border-radius:8px; margin-bottom:0.4em; line-height:1.6em;}
.campaign p:nth-of-type(2){ color:#006; text-align:center; font-weight:bold;}

.col_wp1, .col_wp2{ width:50px; color:#FFF; font-size:110%; writing-mode: vertical-rl; text-orientation: upright;}
.col_wp1{ background-color:#069;}
.col_wp2{ background-color:#F60;}

.menu_area1, .menu_area2{ width:50%;}

.menu_area1 p, .menu_area2 p{ margin:0 0 .5em 0 !important;}

.menu_area1 p:first-of-type, .menu_area2 p:first-of-type{ font-size:1.4em; font-weight:bold;}
.menu_area1 p:first-of-type{ color:#069;}
.menu_area2 p:first-of-type{ color:#F60;}

.menu_area1 p:nth-of-type(2), .menu_area2 p:nth-of-type(2){ color:#FFF; border-radius:4px; display:inherit; padding:.2em .5em;}
.menu_area1 p:nth-of-type(2){ background-color:#069;}
.menu_area2 p:nth-of-type(2){ background-color:#F60;}

.menu_area1 p:nth-of-type(3), .menu_area2 p:nth-of-type(3){ font-size:.9em;}

.red{ color:#C00;}

.kaiin_sogo, .kaiin_sd, .kaiin_gd{ text-align:center; vertical-align:middle; font-size:1.5em; font-weight:700;}
.kaiin_sd, .kaiin_gd{ width:24%;}
.kaiin_sd span, .kaiin_gd span{ font-size:.5em;}
.kaiin_sogo{ background-color:#FDD72E; color:#000;}
.kaiin_sd{ color:#FFF; background-color:#666;}
.kaiin_gd{ color:#FFF; background-color:#C90;}

.silver_star, .gold_star{ font-size:2em; text-align:center; vertical-align:middle;}
.silver_star{ color:#666;}
.gold_star{ color:#C90;}

.nyukai_tokuten{ font-size:1.5em; background-color:#066; color:#FFF; text-align:center; vertical-align:middle;}
.gas_otoku{ color:#066; font-weight:bold; text-align:center; font-size:1.2em;}
.gas_otoku span{ color:#C00; font-size:1.4em;}

.apri article{ border:8px solid #F90; padding:1.5em; display:flex; flex-wrap:wrap; width:90%; margin:0 auto 2em; position:relative; border-radius:10px;}
.apri article div{ position:relative; width:65%;}
.apri article div p{ position:absolute; top:50%; transform: translateY(-50%);}
.apri article div p span{ display:block; font-size:2.4em; color:#F90; margin-bottom:.5em; font-weight:bold;}
.apri article figure{ width:30%; margin-left:3%;}
.apri article figure img{ width:100%;}

.apri article:nth-of-type(1):after, .apri article:nth-of-type(2):after, .apri article:nth-of-type(3):after{
	content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -30px;
    border: 30px solid transparent;
    border-top: 30px solid #F90;
	}

@media only screen and (max-width: 880px) {
	
	.wp_setumei p{ width:96%;}
    .wp_setumei figure{ width:400px; margin:0 auto 2em;}
	
	.w_pass2{ font-size:.6em;}
	.w_pass2 th, .w_pass2 td{ padding:.5em;}
	
	
	}

@media only screen and (max-width: 600px) {
	
	.apri article div{ width:100%;}
	
	.apri article div p{ position:inherit;}
	
	.apri article figure{ width:90%; margin:1em auto; text-align:center;}

	
	}





/*
=============================================================================================================================
新車・中古車販売
=============================================================================================================================
*/

.used_car{ display:flex; flex-wrap:wrap;}
.osusume_syaryo div{ width:96%; margin-left:2%;}
.osusume_syaryo div figure{ width:400px; margin:0 auto;}
.osusume_syaryo div figure img{ width:100%;}
.osusume_syaryo div p, .osusume_syaryo div article span{ text-align:center;}
.osusume_syaryo div p{ font-size:1.4em; font-weight:bold; color:#036; margin-bottom:1em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;}
.osusume_syaryo div article{ width:48%; float:left; margin-bottom:4em;}
.osusume_syaryo div article:nth-of-type(2){ margin-left:4%;}
.osusume_syaryo div article a{ display:block; margin-bottom:1em;}
.osusume_syaryo div article a img{ width:100%;}
.osusume_syaryo div article a img:hover, .used_car div a:hover{ opacity:0.7;}
.osusume_syaryo div article span{ font-size:1.2em; padding:.5em 1em; border-radius:40px; background:#FDD72E; display:table; margin:0 auto;}

.used_car div{ width:50%;}
.used_car div p{ margin-bottom:1em;}
.used_car div a, .syozai1 div a{ display:block; width:90%; padding:.5em 1%; text-align:center; color:#FFF; font-weight:700; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; margin:0 auto; font-size:1.5em; line-height:1.5em; border-radius:10px;}

.u_1{ background-color:#F60;}
.u_2{ background-color:#069;}

.used_car figure{ width:45%; margin:0 0 0 5%;}
.used_car figure img{ width:100%;}

@media only screen and (max-width: 600px) {
	
	.osusume_syaryo div figure{ width:90%;}
	.osusume_syaryo div article{ width:90%; float:none; margin:0 auto 4em;}
	.osusume_syaryo div article:nth-of-type(2){ margin-left:auto;}
	
	.used_car div{ width:100%; margin-bottom:2em;}
	.used_car figure{ width:80%; margin:0 auto;}
	
	}


/*
=============================================================================================================================
取扱い商材
=============================================================================================================================
*/

.syozai1{ display:flex; flex-wrap:wrap;}
.syozai1 div{ width:60%;}
.syozai1 figure{ width:38%; margin-left:2%;}
.syozai1 figure img{ width:100%;}

.syozai1 div h4{ color:#FFF; background-color:#F60; display:table; padding:.2em 2em; font-weight:bold; border-radius:4px; margin:0 0 1em 1em;}

.syozai1 div table{ margin:0 2% 1em; width:96%; font-weight:bold;}
.syozai1 div table th{ text-align:center;}
.syozai1 div table td span{ font-size:1.5em;}

.red{ color:#C00;}

.menu_yellow{ color:#F30; background-color:#FF9;}
.menu_gray{ color:#FFF; background-color:#666;}
.menu_purple{ color:#639; background-color:#E0E0FB;}
.menu_blue{ color:#069; background-color:#DDF6FF;}
.menu_green{ color:#063; background-color:#DFFBE6;}

@media only screen and (max-width: 800px) {
	
	.syozai1 div{ width:100%; margin-bottom:1em;}
    .syozai1 figure{ width:70%; margin:0 auto 1em;}
	
	}


/*
=============================================================================================================================
会社概要
=============================================================================================================================
*/

.gaiyo{ border-top:1px solid #999; border-bottom:1px solid #999; border-left:none !important; border-right:none !important; margin-top:2em; width:100%;}
.gaiyo th, .gaiyo td{ border-left:none !important; border-right:none !important;}
.gaiyo th{ background-color:#FFF8DB; width:10em;}


/*
=============================================================================================================================
お問い合わせ
=============================================================================================================================
*/

.tel a{ font-family: 'Poppins', sans-serif; font-size:4em; display:table; margin:0 auto .5em; padding-top:1em;}
.tel p{ text-align:center; font-size:1.2em;}

@media only screen and (max-width: 600px) {
	
	.tel a{ font-size:2.5em;}
	
	}