.contact-top{ 
    top: 63.2%;
}

.warpper-slide{ width: 100%; margin: auto;}
.warpper-slide .slide-banner img{ width: 100%;}

.introduction{ background: url(../images/pattern-line.png); position: relative; padding: 24px 0;}
.introduction .title-introdution{ font-size: 27px; color: #000; text-align: center; width: 180px; margin: auto; font-family: "M2c-medium";}
.introduction .title-introdution .line{ display: flex; flex-wrap: wrap; width: 100%; border-radius: 18px; overflow: hidden;}
.introduction .title-introdution .line .line-yellow{ width: 50%; height: 4px; background: #fcc400; display: block;}
.introduction .title-introdution .line .line-lightblue{ width: 50%; height: 4px; background: #28a6ff; display: block;}
.introduction .introduction-link{ display: flex; padding: 30px 0;}
.introduction .introduction-link .banner-store1{ padding-right: 15px; width: 50%;}
.introduction .introduction-link .banner-store1 img{ width: 100%;}
.introduction .introduction-link .banner-store2{ padding-left: 15px; width: 50%;}
.introduction .introduction-link .banner-store2 img{ width: 100%; }
.introduction .introduction-link p{ text-align: center; font-size: 22px; font-family: "M2c-medium";}
.introduction .introduction-link p::before{ content: url(../images/text-left.png); margin-right: 11px;}
.introduction .introduction-link p::after{ content: url(../images/text-right.png); margin-left: 4px;}
.introduction .line-curve{ background: url(../images/pattern-curve-white.png); width: 100%; height: 12px; position: absolute; bottom: 0;}
.introduction .lease {
    padding: 0 0 24px;
    margin: 0 auto;
    text-align: center;
}
.introduction .lease img {
    width: 900px;
}
.introduction .lease .pc {
    display: block !important;
}
.introduction .lease .sp {
    display: none !important;
}

.car-reccommend .line-curve-color{background: url(../images/pattern-curve.png); width: 100%; height: 13px;}
.car-reccommend .title-reccommend{ font-size: 27px; font-family: "M2c-medium"; color: #000; text-align: center; width: 180px; margin: 28px auto 8px;}
.car-reccommend .title-reccommend .line{ display: flex; width: 100%;  border-radius: 18px; overflow: hidden;}
.car-reccommend .title-reccommend .line .line-lightblue{ width: 50%; height: 4px; background: #7ad6f1; display: block;}
.car-reccommend .title-reccommend .line .line-darkblue{ width: 50%; height: 4px; background: #186bd2; display: block;}

.car-reccommend .thumbcar-recommend{ display: flex; flex-wrap: wrap;}
.car-reccommend .thumbcar-recommend .list-car{ width: 24%; margin: 14px auto; border-radius: 8px; overflow: hidden; border: 1px solid #fff; transition: all 0.5s; background-color:#edfafe;}
.car-reccommend .thumbcar-recommend .list-car:first-child{ margin-left: 0;}
.car-reccommend .thumbcar-recommend .list-car:last-child{ margin-right: 0;}
.car-reccommend .thumbcar-recommend .list-car:hover{border: 1px solid #147cf1;}
.car-reccommend .thumbcar-recommend .list-car .images-car{ overflow: hidden;}
.car-reccommend .thumbcar-recommend .list-car .images-car img{ width: 100%;}
.car-reccommend .thumbcar-recommend .list-car .detail-car{ background: #edfafe; padding: 12px 4px; text-align: center;}
.car-reccommend .thumbcar-recommend .list-car .detail-car .name{ border-bottom: 2px solid #0279ff; padding: 4px 0;}
.car-reccommend .thumbcar-recommend .list-car .detail-car .name small{ height: 40px; display: block; overflow: hidden; font-size:14px;}
.car-reccommend .thumbcar-recommend .list-car .detail-car .price{padding: 4px 0;}
.car-reccommend .thumbcar-recommend .list-car .detail-car .price strong{ font-size: 26px; color: #ff0600;}
.car-reccommend .thumbcar-recommend .list-car .detail-car .time{ display: flex; }
.car-reccommend .thumbcar-recommend .list-car .detail-car .time div{ display: inline-block; width: 47%; border-top: 1px dotted #000; margin: 4px 1%; padding: 4px 0;}
.car-reccommend .thumbcar-recommend .list-car .detail-car .time div strong{ display: block; font-weight: normal;}

.social{ position: relative;}
.social .box-social{ display: flex; flex-wrap: wrap; padding: 15px 0;}
.social .box-social .news{ width: 70%; padding: 12px 12px 12px 0;}
.social .box-social .news .title-news{ font-size: 26px; font-weight: bold; text-align: right; border-bottom: 1px solid #ccc; padding: 12px 0;}
.social .box-social .news .title-news h3{ float: left; font-size: 27px; font-family: "M2c-medium"; font-weight: normal;}
.social .box-social .news .title-news .more{ font-size: 14px; font-weight: normal; color: #363535; background: #c8f4fd; padding: 4px 8px; border-radius: 4px;}
.social .box-social .news .title-news .more i{ color: #0078ff;}
.social .box-social .news .title-news .more:hover{ background: #74ddf3;}
.social .box-social .news .list-news{ display: table; width: 100%;}
.social .box-social .news .list-news .thumb-news{ display: table-row;}
.social .box-social .news .list-news .thumb-news .images-news{ display: table-cell; width: 30%; padding: 10px; padding-left: 0; vertical-align: top; border-bottom: 1px solid #ccc;}
.social .box-social .news .list-news .thumb-news .images-news img{ width: 100%;}
.social .box-social .news .list-news .thumb-news .content-news{ display: table-cell; width: 70%; padding: 10px; vertical-align: top; border-bottom: 1px solid #ccc;}
.social .box-social .news .list-news .thumb-news .content-news .yellow{ background: #fcc400; display: inline-block; padding: 4px 12px; text-align: center; color: #fff; border-radius: 6px; margin: 8px 0;}
.social .box-social .news .list-news .thumb-news .content-news .blue{ background: #28a6ff; display: inline-block; padding: 4px 12px; text-align: center; color: #fff; border-radius: 6px; margin: 8px 0;}
.social .box-social .news .list-news .thumb-news .content-news .green{ background: #85e4ba; display: inline-block; padding: 4px 12px; text-align: center; color: #fff; border-radius: 6px; margin: 8px 0;}

.social .box-social .news .list-news .thumb-news .content-news a:hover{ color: #0279ff; text-decoration: underline;}
.social .box-social .news .list-news .thumb-news .content-news .title-news-link{ height: 80px; overflow: hidden;}
.social .box-social .facebook{ width: 30%; padding: 12px 0 12px 12px;}
.social .box-social .facebook .title-fb{ text-align: center; font-size: 26px; font-weight: bold;}
.social .box-social .facebook .api-fb{ margin-top: 20px; overflow: hidden; text-align: center;}
.social .box-social .facebook .api-fb img{ max-width: 100%; margin: auto;}

.warpper-link{ background: #ecf2f4; padding: 34px 0;}
.warpper-link .banner-link{display: flex;flex-wrap: wrap;justify-content: center;}
.warpper-link .banner-link a{ width: 33.33%; padding: 4px;}
.warpper-link .banner-link a:hover{ opacity: 0.8; }
.warpper-link .banner-link a img{ width: 100%; }


/* service */

@font-face {
    font-family: 'seshatregular';
    src: url('../fonts/seshat-webfont.woff2') format('woff2'),
         url('../fonts/seshat-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.bg-service { background: rgba(255, 255, 255, 0.8); padding: 28px 12px 20px; }
.service { display: flex; flex-wrap: wrap; justify-content: center; align-items: top; width: 100%; padding: 12px 12px 2px; margin: 22px auto; }
.service .item-service {
    width: 25%;
    margin: 8px 3%;
    display: block;
    padding: 12px 18px 2px;
    text-align: right;
    position: relative;
    box-sizing: border-box;
    box-shadow: 0px 10px 16px rgba(0,0,0,0.4);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #186bd2), color-stop(100, #2d3170));
	background: -moz-linear-gradient(Top, #186bd2 0%, #2d3170 100%);
	background: -ms-linear-gradient(Top, #186bd2 0%, #2d3170 100%);
	background: -o-linear-gradient(Top, #186bd2 0%, #2d3170 100%);
	background: linear-gradient(to bottom, #186bd2 0%, #2d3170 100%); }

.service .ribbon-dot {
    font-size: 34px;
    line-height: 1;
    text-align: left;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 8px 8px 6px;
    font-family: 'Forum', cursive;
    letter-spacing: 1px;}
/* .service .ribbon-dot::before { content: ''; width: 0; height: 0; border-right: 4px solid #2d3170; border-top: 4px solid #2d3170; border-left: 4px solid transparent; border-bottom: 4px solid transparent; position: absolute; bottom: -8px; left: 0px; }
.service .ribbon-dot::after { content: ''; width: 0; height: 35px; border-top: 30px solid #0078ff; border-bottom: 30px solid #0078ff; border-right: 25px solid transparent; display: block; position: absolute; top: 0; right: -25px; } */

.service .img-item { margin: 20px auto 0; text-align: center; }
.service .img-item img { max-width: 100%; }
.service .a-link {
    color: #fff;
    font-size: 15px;
    display: inline-block;
    margin: 16px auto 8px;
    padding: 8px;
    transition: all 0.3s;
    cursor: pointer;
    letter-spacing: 2px;
}
.service .a-link span {
    font-size: 20px;
}
.bg-service.sp{
    display: none !important;
}
.link-service { position: absolute; left: 5%; top: 250px; z-index: 9; width: 90%; margin: 0 auto; padding-top: 16px; display: none; }
.sub-link { background: #fff; border: 3px solid #28a6ff; border-radius: 8px; display: block; position: relative; padding: 8px 0; }
.sub-link::before { content: url(../images/arrow-link.png); position: absolute; top: -16px; left: 40%; display: block; }
.sub-link a { display: block; padding: 12px 8px; text-align: center; color: #000; font-size: 16px; font-weight: bold; transition: all 0.3s;  }
.sub-link a:last-child { border-bottom: 0; }
.sub-link a:hover { background: #f2f5fa; }

/* カレンダー */
.topH2 {
    text-align: center;
    position: relative;
    font-size: 24px;
    font-family: "M2c-medium";
    font-weight: 500;
}
.bg-calendar .topH2:before{
	content:'';
	width: 31px;
	height: 29px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.022%22%20height%3D%2229.716%22%20viewBox%3D%220%200%2031.022%2029.716%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_20%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2020%22%20transform%3D%22translate(0%200)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_183%22%20data-name%3D%22%E3%83%91%E3%82%B9%20183%22%20d%3D%22M21.3%2C0V3.348H9.723V0H6.316V3.348H0V9.216H31.022V3.348H24.7V0Z%22%20transform%3D%22translate(0)%22%20fill%3D%22%233260cc%22%2F%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_104%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20104%22%20width%3D%229.327%22%20height%3D%225.121%22%20transform%3D%22translate(10.747%2017.578)%22%20fill%3D%22%233260cc%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_184%22%20data-name%3D%22%E3%83%91%E3%82%B9%20184%22%20d%3D%22M20.072%2C13.978V10.163h1.514v3.815h7.23v1.4h-7.23V20.5h7.23v1.4h-7.23v3.508H20.072V21.9H10.747v3.508H9.232V21.9H1.939V20.5H9.232V15.379H1.939v-1.4H9.232V10.163h1.515v3.815ZM0%2C27.516H31.021V8.357H0Z%22%20transform%3D%22translate(0%202.199)%22%20fill%3D%22%233260cc%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A');
	background-size: 100%;
	display: inline-block;
	top: 4px;
	position: relative;
}
.bg-calendar{
	/* background-color: rgb(184 241 238); */
	padding: 0;
}
.calendar_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
}
.script-calendar{
    width: 100%;
}
.right_banner{
    display: flex;
    flex-wrap: wrap;
}
.right_banner a {
    display: block;
    margin-top: 10px;
}
.right_banner a img{
    max-width: 100%;
    height: auto;
}
.right_banner.sp{
    justify-content: center;
    margin: 20px 0;
}
.right_banner.sp a{
    margin: 10px 10px 0;
}


/********************************
            広告
*********************************/

@media(max-width:820px){
	/* .car-reccommend .thumbcar-recommend .list-car{ width: 48%;} */
	.car-reccommend .thumbcar-recommend .list-car .detail-car .name{ font-size: 10px;}
	.car-reccommend .thumbcar-recommend .list-car .detail-car .price strong{ font-size: 18px;}
	.car-reccommend .thumbcar-recommend .list-car .detail-car .time div{ font-size: 9px;}
	.service .ribbon-dot { font-size: 25px; }
    }

@media(max-width:768px){
	.social .box-social .news{ display: block; width: 100%; padding: 8px;}
	.social .box-social .facebook{ display: block; width: 100%; padding: 8px;}
    .introduction .lease .pc {
        display: none !important;
    }
    .introduction .lease .sp {
        display: block !important;
        padding: 0 15px;
    }
    .introduction .lease img {
        width: 100%;
    }
    .script-calendar{
	    width: 49%;
		max-width:370px;
	}
    .right_banner {
        justify-content: center;
        margin: 20px 0;
    }
    .right_banner a{
        margin: 10px 10px 0;
    }
    .bg-service.pc{
        display: none !important;

    }
    .bg-service.sp{
        display: block !important;
    }
    .facebook{
        margin: 30px 10px;
    }


}
@media(max-width:680px){
	.introduction .introduction-link{ display: flex; flex-wrap: wrap;}
	.introduction .introduction-link .banner-store1{ padding-right: 0; margin: 4px auto;}
	.introduction .introduction-link .banner-store2{ padding-left: 0; margin: 4px auto;}
	.introduction .introduction-link .banner-store1{ width: 100%;}
	.introduction .introduction-link .banner-store2{ width: 100%;}

	.car-reccommend .thumbcar-recommend .list-car{ width: 48%; margin: 8px auto !important;}

	.service .item-service { width: 90%; margin-top: 25px; }
	.calendar_flex{
        justify-content: center;
	}
	.script-calendar{
	    width: 100%;
	}	
}

/* @media(min-width:481px) and (max-width:767px) {

} */

@media(max-width:480px){
	.social .box-social .news .list-news{ display: block;}
	.social .box-social .news .list-news .thumb-news{ display: block; border-bottom: 1px solid #ccc; padding: 8px 0;}
	.social .box-social .news .list-news .thumb-news .images-news{/* display: block; *//* margin: auto; *//* width: 80%; */border-bottom: 0;padding: 0 5px 0 0;}
	.social .box-social .news .list-news .thumb-news .images-news img{ max-width: 100%;}
	.social .box-social .news .list-news .thumb-news .content-news{/* display: block; */margin: auto;/* width: 100%; */border-bottom: 0;padding: 3px 0;}
	.social .box-social .news .list-news .thumb-news .content-news .title-news-link {
	    height: auto;
	}
	.social .box-social .news .list-news .thumb-news .content-news .yellow,
	.social .box-social .news .list-news .thumb-news .content-news .blue,
	.social .box-social .news .list-news .thumb-news .content-news .green{ padding: 2px 12px; margin: 3px 0; font-size:11px; border-radius:3px;}
	.warpper-link {
	    background: #ecf2f4;
	    padding: 20px 0;
	}
	.warpper-link .banner-link a{width: 50%;padding: 4px;}
	
	.bg-service {
	    background: rgba(255, 255, 255, 0.8);
	    padding: 15px 12px 10px;
	}
	.service {margin:0 0 0 0;padding: 10px 0px 2px;}
    .service .item-service {padding: 6px 18px 8px;margin-top: 3px;width:100%;box-shadow: 0px 3px 7px rgb(0 0 0 / 40%);}

    .service .img-item {margin: 20px auto 0;width:30%;display: inline-block;}
    .service .a-link {width:68%;display:inline-block;font-size: 5vw;}

}

@media(max-width:420px){
	.social .box-social .news .title-news h3{text-align: left;font-size: 22px;/* display: inline; */}
.social .box-social .news .title-news h3 img{ width:50px}
	.social .box-social .news .title-news .more {
	    font-size: 13px;
	    padding: 4px 5px;
	    display: inline-block;
	}

}