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

#kinoshita{
padding-bottom: 0;
}
#buy,#insta,#carselect,#exhibition,
#maintenance,#keeper,#rentacar,
#secondhand,#kinoshita{
background: #efeae7;
}
/*-------------------
#news
--------------------*/
#news div.box h2{
text-align: center;
font-weight: 600;
color: #1e2087;
}
#news div.box ul li:last-of-type{
padding-bottom: 0;
}
#news div.box ul li a{
color: #333;
}
#news > a{
display: block;
text-align: center;
margin: 0 auto;
border: solid 2px #1E2087;
background: #1E2087;
color: #FFF;
font-weight: 500;
transition: .6s;
}
/*-------------------
#flyer
--------------------*/
#flyer h2{
position: relative;
font-weight: bold;
}
#flyer h2:before{
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
background: #1d2087;
}
#flyer div{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
/*--------------------
#buy
--------------------*/
#buy ul{
margin: 0 auto;
}
#buy ul li a{
display: flex;
}
#buy ul li div{
position: relative;
background: #fff;
}
#buy h2{
position: absolute;
top: 50%;
left: 50%;
text-align: center;
font-weight: bold;
width: 100%;
transform: translate(-50%,-50%);
}
#buy h2 span{
display: block;
font-weight: 600;
color: #2e5baf;
}
#buy ul li:first-of-type h2 span{
color: #2e5baf;
}
#buy ul li:last-of-type h2 span{
color: #c9161c;
}
/*--------------------
#insta
--------------------*/
#insta .box{
position: relative;
z-index: 1;
}
#insta h2 {
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
text-align: center;
letter-spacing: 0.2rem;
}
#insta h2::before,
#insta h2::after {
content: '';
background-color: #303030;
}
#insta h2::before {
transform: rotate(-35deg)
}
#insta h2::after {
transform: rotate(35deg)
}
#insta .box .insta-inner{
position: relative;
margin: 0 auto;
background: #fff;
}
#insta .box div:before{
position: absolute;
display: block;
content: "";
width: 	100%;
height: 100%;
background-color: #303030;
background-image: repeating-linear-gradient(45deg,#efeae7, #efeae7 5px,transparent 0, transparent 10px);
z-index: -1;
}
#insta hgroup a{
display: block;
text-align: center;
color: #303030;
}
#insta hgroup a span{
font-family: "Billabong";
}
#insta .insta-img{
display: flex;
flex-wrap: wrap;
}
#insta .insta-img div{
width: 33.333%;
}
#insta .insta-img div img{
width: 100%;
object-fit: cover;
}
/*--------------------
#carselect
--------------------*/
#exhibition,#maintenance,#keeper,
#rentacar,#secondhand,#kinoshita{
position: relative;
z-index: 1;
}
#carselect > p {
text-align: center;
font-weight: bold;
}
#carselect section .w-box{
position: relative;
background: #fff;
}
#carselect section .w-box:before{
position: absolute;
left: 50%;
display: block;
content: "";
width: 	100%;
height: 100%;
border-radius: 25px;
background-color: #fff;
transform: translateX(-50%);
z-index: -1;
}
#carselect section .w-box .inner:before{
position: absolute;
display: block;
content: "";
left: 50%;
border-radius: 50%;
background: #efeae7;
transform: translateX(-50%);
}
#carselect section .w-box .inner:after{
position: absolute;
left: 50%;
display: block;
content: "";
background: #efeae7;
transform: translateX(-50%);
}
#carselect section .number{
position: absolute;
left: 50%;
font-weight: 600;
color: #c7151a;
transform: translateX(-50%);
z-index: 1;
}
#carselect section .number span{
display: block;
text-align: center;
font-weight: bold;
color: #fff;
line-height: 1;
}
#carselect section  .top-h2{
text-align: center;
font-weight: bold;
color: #1e2087;
}
#carselect section  .top-p{
text-align: center;
font-weight: 500;
}
/*--------------------
#exhibition
--------------------*/
#exhibition ul{
display: flex;
justify-content: space-between;
}
#exhibition ul li h3{
font-weight: 500;
}
/*--------------------
#maintenance
--------------------*/
/*-----#plant-----*/
#plant ul{
display: flex;
justify-content: space-between;
}
#plant ul li h3{
text-align: center;
font-weight: 500;
}
/*-----#inspection-----*/
#inspection h3{
font-weight: bold;
color: rgba(0, 0, 0, 0);
text-shadow: 3px 3px 0 #c7151a;
-webkit-text-stroke: 2px #111;
text-stroke: 2px #111;
}
#inspection h3 .max{
font-weight: bold;
}
#inspection h3 .money{
font-family: "roboto";
font-weight: bold;
letter-spacing: -0.6rem;
}
#inspection ul li{
position: relative;
display: flex;
align-items: center;
background-color: #fff;
background-image: repeating-linear-gradient(45deg,#e7e7e7, #e7e7e7 5px,transparent 0, transparent 10px);
border-radius: 15px;
}
#inspection ul li:last-of-type{
margin-bottom: 0;
}
#inspection ul li:after{
position: absolute;
content: "";
display: block;
bottom: -56px;
left: 50%;
width: 50px;
height: 50px;
background-image: url("../images/plus.gif");
background-repeat:  no-repeat; 
transform: translateX(-50%);
z-index: 1;
}
#inspection ul li:last-of-type:after{
display: none;
}
#inspection ul li .benefits{
text-align: center;
font-weight: bold;
line-height: 1;
background: #1e2087;
color: #fff;
}
#inspection ul li .benefits span{
display: block;
font-weight: bold;
}
#inspection ul li .discount{
display: flex;
align-items: center;
}
#inspection ul li .discount h4{
font-weight: bold;
}
#inspection ul li .discount h4 span{
display: block;
font-weight: bold;
color: #1e2087;
}
#inspection ul li .discount p{
font-weight: bold;
}
#inspection ul li .discount p span:first-child{
font-family: "roboto";
font-weight: bold;
color: #c7151a;
}
#inspection ul li .discount p span:last-of-type{
font-weight: bold;
}
#inspection .price img{
border-radius: 4px;
}
#inspection .price{
border-radius: 10px;
}
/*-----#service-----*/
#service h3{
position: relative;
text-align: center;
font-weight: bold;
}
#service h3 span:first-of-type{
font-family: "roboto";
font-weight: bold;
}
#service h3 span:last-of-type{
position: absolute;
font-weight: bold;
line-height: 1;
color: #fff;
background: #c7151a;
border-radius: 50px;
transform: translateX(-50%);
}
#service ul{
display: flex;
justify-content: space-between;
align-content: space-between;
}
#service ul li{
display: flex;
align-items: center;
border: solid 3px #363636;
border-radius: 10px;
}
#service ul li span{
display: block;
font-size: 1.2rem;
}
#service ul li .s-number{
text-align: center;
font-weight: 600;
line-height: 1;
color: #1e2087;
}
#service ul li .s-number span{
display: block;
font-weight: bold;
color: #111;
background: linear-gradient(transparent 50%, #fff100d1 0%);
}
#service ul li .maintenance h4{
font-weight: bold;
color: #c7151a;
}
#service ul li .maintenance p{
font-weight: bold;
}
/*-----#passport-----*/
#passport h3{
text-align: center;
font-weight: bold;
color: #1e2087;
}
#passport > div{
display: flex;
justify-content: space-between;
align-items: center;
}
/*--------------------
#keeper
--------------------*/
#keeper ul{
display: flex;
justify-content: center;
}
#keeper ul li:last-of-type{
padding-right: 0;
}
#keeper ul li h3{
text-align: center;
font-weight: 500;
}
/*--------------------
#rentacar
--------------------*/
.flex45{
display: flex;
justify-content: space-between;
margin: 0 auto;
}
/*--------------------
#kinoshita
--------------------*/
#kinoshita .flex{
display: flex;
justify-content: space-between;
align-items: center;
}

@media (max-width: 560px){
section{
padding: 50px 0;
}
#carselect{
padding-bottom: 60px;
}
/*-------------------
#news
--------------------*/
#news{
padding: 50px 0 0;
}
#news div.box{
margin-bottom: 30px;
}
#news div.box h2{
font-size: 28px;
font-size: 2.8rem;
padding-bottom: 10px;
}
#news div.box ul li{
padding-bottom: 10px;
}
#news div.box ul li a{
font-size: 1.4rem;
}
#news div.box ul li time{
padding-right: 20px;
}
#news > a{
font-size: 1.4rem;
width: 150px;
padding: 10px 40px;
transition: .3s;
}
/*-------------------
#flyer
--------------------*/
#flyer h2{
font-size: 2.0rem;
padding-left: 15px;
margin-bottom: 20px;
}
#flyer h2:before{
width: 10px;
}
#flyer div{
flex-direction: column;
width: 90%;
margin: 0 auto;
}
#flyer div a{	
padding: 10px;
margin-bottom: 40px;
border: solid 3px #363636;
box-shadow: 10px 10px 0px 0 #363636;
}	
#flyer div a:last-of-type{	
margin-bottom: 0px;
}	
/*--------------------
#buy
--------------------*/
#buy ul li:first-of-type{
margin-bottom: 30px;
}
#buy ul li a{
border: solid 3px #363636;
}
#buy ul li div{
width: 50%;
}
#buy h2{
width: 100%;
font-size: 2.0rem;
}
#buy h2 span{
font-size: 1.6rem;
}
#buy img{
width: 50%;
}
/*--------------------
#insta
--------------------*/
#insta h2 {
font-size: 2.0rem;
padding-bottom: 15px;
}
#insta h2::before,
#insta h2::after {
width: 4px;
height: 40px;
}
#insta h2::before {
margin-right: 15px;
}
#insta h2::after {
margin-left: 15px;
}
#insta .box .insta-inner{
padding: 10px 15px 20px;
border: solid 3px #363636;
}
#insta .box div:before{
top: 15px;
left: 15px;
background-size: 14px 14px;
}
#insta hgroup a{
padding-bottom: 10px;
}
#insta hgroup a i{
font-size: 2.0rem;
}
#insta hgroup a span{
font-size: 3.0rem;
}
#insta .box .insta-inner{
width: 300px;
}
#insta .insta-img div img{
height: 100px;
}
/*--------------------
#carselect
--------------------*/
#carselect > p img{
width: 150px;
}
#carselect > p {
font-size: 1.8rem;
padding-bottom: 10px;
}
#carselect section .w-box{
border-radius: 20px;
border: solid 3px #363636;
}
#carselect section .w-box:before{
top: 30px;
background-image:
radial-gradient(#363636 22%, transparent 25%),
radial-gradient(#363636 22%, transparent 25%);
background-size: 24px 24px;
background-position: 0 0, 12px 12px;
border: solid 3px #363636;
}
#carselect section .w-box .inner:before{
top: -63px;
width: 120px;
height: 120px;
border: solid 3px #363636;
}
#carselect section .w-box .inner:after{
top: -63px;
width: 210px;
height: 60px;
}
#carselect section .w-box .inner{
padding: 80px 5% 30px 5%;
}
#carselect section .number{
top: -40px;
font-size: 1.0rem;
padding-top: 10px;
}
#carselect section .number span{
font-size: 5.0rem;
padding-bottom: 5px;
text-shadow:5px 5px 0px #303030, -2px -2px 0px #303030,
-2px 2px 0px #303030,  2px -2px 0px #303030,
2px 0px 0px #303030, -2px -0px 0px #303030,
0px 2px 0px #303030,  0px -2px 0px #303030;
}
#carselect section  .top-h2{
font-size: 2.8rem;
padding-bottom: 5px;
}
#carselect section  .top-p{
font-size: 1.4rem;
padding-bottom: 30px;
}
/*--------------------
#exhibition
--------------------*/
#exhibition ul{
flex-direction: column;
}
#exhibition ul li{
padding-bottom: 30px;
}
#exhibition ul li:last-of-type{
padding-bottom: 0px;
}
#exhibition ul li h3{
text-align: center;
font-size: 1.8rem;
padding-top: 5px;
}
#exhibition ul li p{
font-size: 1.4rem;
padding-top: 5px;
}
/*--------------------
#maintenance
--------------------*/
#plant,#inspection{
margin-bottom: 60px;
}
#passport{
margin-bottom: 20px;
}
/*-----#plant-----*/
#plant ul{
flex-direction: column;
}
#plant ul li{
padding-bottom: 30px;
}
#plant ul li:last-of-type{
padding-bottom: 0px;
}
#plant ul li h3{
font-size: 1.8rem;
padding-top: 5px;
}
/*-----#inspection-----*/
#inspection h3{
font-size: 3.4rem;
padding: 0 0 20px;
line-height: 1;
}
#inspection h3 .max{
font-size: 3.6rem;
display: block;
}
#inspection h3 .money{
font-size: 8.0rem;
padding: 0 5px 0 7%;
}
#inspection ul{
padding-bottom: 20px;
}
#inspection ul li{
flex-direction: column;
margin-bottom: 50px;
background-size: 14px 14px;
border: solid 3px #363636;
}
#inspection ul li .benefits{
width: 100%;
font-size: 2.0rem;
padding: 10px 0;
border-top-left-radius : 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topleft: 8px;
border-top-right-radius : 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topright: 8px;
}
#inspection ul li .benefits span{
flex-direction: column;
font-size: 5.0rem;
}
#inspection ul li .discount{
flex-direction: column;
padding: 10px;
}
#inspection ul li .discount h4{
text-align: center;
font-size: 1.6rem;
}
#inspection ul li .discount h4 span{
font-size: 2.6rem;
}
#inspection ul li .discount p{
font-size: 2.2rem;
}
#inspection ul li .discount p span:first-child{
font-size: 5.4rem;
}
#inspection ul li .discount p span:last-of-type{
font-size: 3.2rem;
}
#inspection > p{
font-size: 1.2rem;
margin-bottom: 50px;
}
#inspection .price{
overflow:hidden;
overflow-x:scroll;
border: solid 3px #363636;
}
#inspection .price img{
width: 250%;
max-width: 250%;
}
/*-----#service-----*/
#service h3{
font-size: 3.2rem;
margin-bottom: 10px;
}
#service h3 span:first-of-type{
font-size: 9.0rem;
}
#service h3 span:last-of-type{
top: 27px;
left: 58%;
width: 150px;
font-size: 1.2rem;
padding: 5px 12px 7px;
}
#service ul{
flex-direction: column;
margin-bottom: 20px;
}
#service ul li{
width: calc(100% - 30px);
padding: 10px;
margin-bottom: 30px;
box-shadow: 8px 8px 0px 0 #1e2087;
}
#service ul li .s-number{
width: 40px;
font-size: 3.0rem;
margin-right: 10px;
}
#service ul li .s-number span{
font-size: 1.2rem;
}
#service ul li .maintenance{
width: calc(100% - 40px);
}
#service ul li .maintenance h4{
font-size: 1.8rem;
}
#service ul li .maintenance p{
font-size: 1.2rem;
}
/*-----#passport-----*/
#passport h3{
font-size: 2.4rem;
padding-bottom: 20px;
}
#passport > div{
flex-direction: column;
}
#passport > div img{
padding-bottom: 20px;
}
#passport > div p{
font-size: 1.4rem;
}
#passport > div p span{
font-size: 1.2rem;
}
/*--------------------
#keeper
--------------------*/
#keeper ul{
flex-direction: column;
padding-bottom: 10px;
}
#keeper ul li{
margin-bottom: 30px;
}
#keeper ul li h3{
font-size: 1.8rem;	
padding-top: 5px;
}
/*--------------------
#rentacar
--------------------*/
.flex45{
flex-direction: column;
width: 90%;
max-width: 960px;
}
/*--------------------
#kinoshita
--------------------*/
#kinoshita .flex{
padding: 20px 0;
flex-direction: column;
}
#kinoshita .flex img{
width: 20%;
padding-bottom: 20px;
}
}

@media (min-width: 561px){
.nobr{
display: none;
}
#carselect{
padding-bottom: 110px;
}
/*-------------------
#news
--------------------*/
#news{
padding: 100px 0 60px;
}
#news div.box h2{
font-size: 32px;
font-size: 3.2rem;
padding-bottom: 30px;
}
#news div.box ul{
width: 450px;
margin: 0 auto;
padding-bottom: 40px;
}
#news div.box ul li{
padding-bottom: 20px;
}
#news div.box ul li a{
display: flex;
}
#news div.box ul li time{
padding-right: 20px;
}
#news > a{
width: 180px;
padding: 10px 40px;
transition: .3s;
}
#news > a:hover{
border: solid 2px #1E2087;
background: #fff;
color: #1E2087;
transition: .6s;
}
/*-------------------
#flyer
--------------------*/
#flyer h2{
font-size: 28px;
font-size: 2.8rem;
padding-left: 20px;
margin-bottom: 40px;
}
#flyer h2:before{
width: 10px;
}
#flyer div{
padding-bottom: 15px;
}
#flyer div a{
width: 42%;	
padding: 10px;
border: solid 4px #363636;
}
/*--------------------
#buy
--------------------*/
#buy ul li a{
border: solid 4px #363636;
}
#buy ul li div{
width: 40%;
}
#buy h2{
width: 100%;
font-size: 28px;
font-size: 2.8rem;
}
#buy h2 span{
font-size: 20px;
font-size: 2.0rem;
}
#buy img{
width: 60%;
}
/*--------------------
#insta
--------------------*/
#insta h2 {
font-size: 28px;
font-size: 2.8rem;
padding-bottom: 30px;
}
#insta h2::before,
#insta h2::after {
width: 4px;
height: 40px;
}
#insta h2::before {
margin-right: 20px;
}
#insta h2::after {
margin-left: 20px;
}
#insta .box .insta-inner{
padding: 20px 50px 50px;
border: solid 4px #363636;
}
#insta .box div:before{
top: 30px;
left: 30px;
background-size: 14px 14px;
}
#insta hgroup a{
padding-bottom: 10px;
}
#insta hgroup a i{
font-size: 40px;
font-size: 4.0rem;
}
#insta hgroup a span{
font-size: 50px;
font-size: 5.0rem;
}
/*--------------------
#carselect
--------------------*/
#carselect > p img{
width: 200px;
}
#carselect > p {
font-size: 3.0rem;
}
#carselect section .w-box{
border-radius: 25px;
border: solid 4px #363636;
}
#carselect section .w-box:before{
top: 30px;
background-image:
radial-gradient(#363636 22%, transparent 25%),
radial-gradient(#363636 22%, transparent 25%);
background-size: 24px 24px;
background-position: 0 0, 12px 12px;
border: solid 4px #363636;
}
#carselect section .w-box .inner:before{
border: solid 4px #363636;
}
#carselect section .number span{
text-shadow:5px 5px 0px #303030, -2px -2px 0px #303030,
-2px 2px 0px #303030,  2px -2px 0px #303030,
2px 0px 0px #303030, -2px -0px 0px #303030,
0px 2px 0px #303030,  0px -2px 0px #303030;
}
#carselect section  .top-p{
font-size: 1.8rem;
padding-bottom: 30px;
}
/*--------------------
#exhibition
--------------------*/
#exhibition ul{
flex-wrap: wrap;
}
#exhibition ul li{
display: flex;
justify-content: space-between;
width: 48%;	
}
#exhibition ul li:nth-last-child(n+3){
margin-bottom: 30px;
}
#exhibition ul li h3{
font-size: 1.8rem;
}
#exhibition ul li p{
font-size: 1.4rem;
padding-top: 10px;
}
/*--------------------
#maintenance
--------------------*/
/*-----#plant-----*/
#plant ul li{
width: 30%;
}
#plant ul li h3{
font-size: 1.8rem;
padding-top: 10px;
}
/*-----#inspection-----*/
#inspection h3{
text-align: center;
padding: 0 0 10px;
}
#inspection h3 .max{
writing-mode: vertical-rl;
}
#inspection h3 .money{
font-size: 140px;
font-size: 14.0rem;
}
#inspection ul{
padding-bottom: 20px;
}
#inspection ul li{
border: solid 4px #363636;
margin-bottom: 50px;
background-size: 14px 14px;
}
#inspection ul li .benefits{
font-size: 20px;
font-size: 2.0rem;
padding: 10px;
}
#inspection ul li .discount{
padding: 0 20px;
}
#inspection ul li .discount h4{
width: 55%;
}
#inspection ul li .discount p{
width: 45%;
}
#inspection > p{
margin-bottom: 50px;
}
#inspection .price{
border: solid 4px #363636;
}
/*-----#service-----*/
#service h3{
font-size: 40px;
font-size: 4.0rem;
margin-bottom: 10px;
}
#service h3 span:first-of-type{
font-size: 100px;
font-size: 10.0rem;
}
#service h3 span:last-of-type{
top: 27px;
font-size: 14px;
font-size: 1.4rem;
padding: 5px 20px 7px;
}
#service ul{
flex-wrap: wrap;
margin-bottom: 50px;
}
#service ul li{
width: calc(47% - 15px);
height: 100px;
padding: 10px;
margin-bottom: 30px;
box-shadow: 8px 8px 0px 0 #1e2087;
}
#service ul li .s-number{
width: 60px;
font-size: 40px;
font-size: 4.0rem;
margin-right: 10px;
}
#service ul li .s-number span{
font-size: 16px;
font-size: 1.6rem;
}
#service ul li .maintenance h4{
font-size: 22px;
font-size: 2.2rem;
}
#service ul li .maintenance p{
font-size: 14px;
font-size: 1.4rem;
}
/*-----#passport-----*/
#passport h3{
font-size: 40px;
font-size: 4.0rem;
padding-bottom: 20px;
}
/*--------------------
#keeper
--------------------*/
#keeper ul{
padding-bottom: 30px;
}
#keeper ul li{
width: 30%;
padding-right: 5%;
}
#keeper ul li h3{
font-size: 1.8rem;	
padding-top: 10px;	
}
/*--------------------
#rentacar
--------------------*/
.flex45{
width: 90%;
max-width: 960px;
}
.flex45 section{
width: 48%;
}
/*--------------------
#kinoshita
--------------------*/
#kinoshita .flex{
padding: 20px 0 50px;
}
#kinoshita .flex img{
width: 15%;
}
#kinoshita .flex p{
width: 80%;
}
}

@media (min-width: 561px) and (max-width: 1024px){
section{
padding: 70px 0 50px;
}
/*-------------------
#flyer
--------------------*/
#flyer div a{
box-shadow: 15px 15px 0px 0 #363636;
}	
/*--------------------
#buy
--------------------*/
#buy ul{
width: 90%;
}
#buy ul li:first-of-type{
margin-bottom: 50px;
}
/*--------------------
#insta
--------------------*/
#insta .box .insta-inner{
width: 540px;
}
#insta .insta-img div img{
height: 180px;
}
/*--------------------
#carselect
--------------------*/
#carselect > p {
padding-bottom: 10px;
}
#carselect section .w-box .inner:before{
top: -80px;
width: 150px;
height: 150px;
}
#carselect section .w-box .inner:after{
top: -84px;
width: 210px;
height: 80px;
}
#carselect section .w-box .inner{
padding: 100px 5% 40px 5%;
}
#carselect section .number{
top: -35px;
font-size: 1.2rem;
}
#carselect section .number span{
font-size: 6.0rem;
padding: 5px;
}
#carselect section  .top-h2{
font-size: 3.6rem;
padding-bottom: 5px;
}
/*--------------------
#exhibition
--------------------*/
#exhibition ul li{
align-items: flex-start;
}
#exhibition ul li img,
#exhibition ul li div{
width: 48%;	
}
/*--------------------
#maintenance
--------------------*/
#plant,#inspection{
margin-bottom: 70px;
}
#passport{
margin-bottom: 20px;
}
/*-----#inspection-----*/
#inspection h3{
font-size: 6.0rem;
}
#inspection ul li .benefits{
width: 70px;
border-top-left-radius : 11px;
-webkit-border-top-left-radius: 11px;
-moz-border-radius-topleft: 11px;
border-bottom-left-radius : 11px;
-webkit-border-bottom-left-radius: 11px;
-moz-border-radius-bottomleft: 11px;
}
#inspection ul li .benefits span{
font-size: 4.0rem;
}
#inspection ul li .discount{
width: calc(100% - 110px);
}
#inspection ul li .discount h4{
font-size: 1.6rem;
}
#inspection ul li .discount h4 span{
font-size: 2.8rem;
}
#inspection ul li .discount p{
font-size: 2.5rem;
}
#inspection ul li .discount p span:first-child{
font-size: 5.0rem;
}
#inspection ul li .discount p span:last-of-type{
font-size: 3.2rem;
}
/*-----#service-----*/
#service h3 span:last-of-type{
flex-direction: column;
left: 54%;
}
#service ul li{
width: calc(100% - 60px);
height: 90px;
padding: 5px 30px 10px;
}
#service ul li .s-number{
font-size: 5.0rem;
margin-right: 30px;
}
/*-----#passport-----*/
#passport h3{
font-size: 3.4rem;
}
#passport > div img{
width: 40%;
}
#passport > div p{
width: 55%;
}
#passport > div p span{
font-size: 1.3rem;
}
}

@media (min-width: 1025px){
section{
padding: 70px 0;
}
/*-------------------
#news
--------------------*/
#news div.box{
width: 80%;
}
/*-------------------
#flyer
--------------------*/
#flyer div a{
box-shadow: 20px 20px 0px 0 #363636;
}		
/*--------------------
#buy
--------------------*/
#buy ul{
width: 70%;
}
#buy ul li:first-of-type{
margin-bottom: 80px;
}
/*--------------------
#insta
--------------------*/
#insta .box .insta-inner{
width: 660px;
}
#insta .insta-img div img{
height: 220px;
}
/*--------------------
#carselect
--------------------*/
#carselect > p {
padding-bottom: 50px;
}
#carselect section .w-box .inner:before{
top: -103px;
width: 200px;
height: 200px;
}
#carselect section .w-box .inner:after{
top: -104px;
width: 210px;
height: 100px;
}
#carselect section .w-box .inner{
padding: 140px 5% 70px 5%;
}
#carselect section .number{
top: -50px;
font-size: 14px;
font-size: 1.4rem;
padding-top: 10px;
}
#carselect section .number span{
font-size: 70px;
font-size: 7.0rem;
padding: 10px;
}
#carselect section  .top-h2{
font-size: 46px;
font-size: 4.6rem;
padding-bottom: 10px;
}
/*--------------------
#exhibition
--------------------*/
#exhibition ul li img{
width: 55%;	
}
#exhibition ul li div{
width: 40%;	
}
/*--------------------
#maintenance
--------------------*/
#plant,#inspection{
margin-bottom: 100px;
}
#passport{
margin-bottom: 30px;
}
/*-----#inspection-----*/
#inspection h3{
font-size: 80px;
font-size: 8.0rem;
}
#inspection h3 .max{
font-size: 60px;
font-size: 6.0rem;
}
#inspection ul li .benefits{
width: 100px;
border-top-left-radius : 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topleft: 8px;
border-bottom-left-radius : 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
}
#inspection ul li .benefits span{
font-size: 50px;
font-size: 5.0rem;
}
#inspection ul li .discount{
width: calc(100% - 140px);
}
#inspection ul li .discount h4{
font-size: 20px;
font-size: 2.0rem;
}
#inspection ul li .discount h4 span{
font-size: 34px;
font-size: 3.4rem;
}
#inspection ul li .discount p{
font-size: 30px;
font-size: 3.0rem;
}
#inspection ul li .discount p span:first-child{
font-size: 60px;
font-size: 6.0rem;
}
#inspection ul li .discount p span:last-of-type{
font-size: 45px;
font-size: 4.5rem;
}
/*-----#service-----*/
#service h3 span:last-of-type{
left: 53%;
}
#service ul{
height: 600px;
}
#service ul li:nth-of-type(4n){
margin-bottom: 0px;
}
#service ul li .maintenance{
width: calc(100% - 70px);
}
/*-----#passport-----*/
#passport > div img{
width: 40%;
}
#passport > div p{
width: 55%;
}
#passport > div p span{
font-size: 13px;
font-size: 1.3rem;
}
/*--------------------
#rentacar
--------------------*/
.flex45 section .w-box{
height: 620px;
}
}