@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

/*全体の設定
---------------------------------------------------------------------------*/
body {
	background: #f9f1db;
	color: #3c3c3c;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	font-family: "YakuHanJP_Noto", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.delline{/*打ち消し*/
	text-decoration: line-through;
	text-decoration-color: #ff0000;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	margin-bottom:30px;
}
img {
	border: none;
	vertical-align: bottom;
	max-width: 100%;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #555;	/*リンクテキストの色*/
	text-decoration: none;
}
a:hover {
	color: #006ddc;	/*マウスオン時の文字色（全体）*/
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	position: relative;
	width: 750px;	/*コンテナー幅*/
	background-color: white;
	border-left:1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 auto;
	font: 16px/1.6 "YakuHanJP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
}

.body-bg2 {
	background-color: #fff;
}

/*--------------------------------------
               container
-------------------------------------*/
/* --------------------- common */
h2{
	text-align: center;
}
span.red{
	color: #b80000;
	font-size: 600;
}
.text{
	width: 90%;
	margin: 0 auto;
	margin-top: 3%;
	margin-bottom: 3%;
	text-align: justify;
}
.text p{
	letter-spacing: -0.03em;
	margin-bottom: 3%;
}
.alert_higashi{
	width: 90%;
	margin: 0 auto;
	margin-top: 3%;
	margin-bottom: 3%;
	text-align: justify;
}
.ttl{
	font-size: 130%;
	font-weight: 600;
}
.ttl p{
	text-align: center;
	line-height: 1.4;
}
span.pink{
	color: #ff4c85;
}
span.orange{
	color: #ff9c00;
}
mark{
	background: linear-gradient(transparent 35%, #fffa7f 35%);
    font-weight: bold;
}
.ttl-wrap{
	display: flex;
	align-items: center;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 3%;
}
.ttl-wrap:before,
.ttl-wrap:after {
	border-top: 1px solid #ccc;
	content: "";
	flex-grow: 1;
}
.ttl-wrap:before {
	margin-right: 2%;
}
.ttl-wrap:after {
	margin-left: 2%;
}
/*--------------------------------------
               css start
-------------------------------------*/
/* ----------------------------------- header-pc */
.header-pc{
	background-color: white;
}
.header-pc .wrap{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-bottom: 1px solid #ccc;
}
.header-pc .logo{
	margin-top: 7px;
}
.header-pc .top-tel a:hover{
	opacity: 0.8;
}
/* ----------------------------------- header */
header .wrap{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-bottom: 1px solid #ccc;
}
header .logo{
	margin-left: 20px;
}
header .top-tel a:hover{
	opacity: 0.8;
}
/* ----------------------------------- fv-pc */
.fv-pc{
	background: url(../img/fv-bg.webp) no-repeat center top;
}
.fv-pc.all{
	background: url(/lpcommon/img/fv-bg-all.webp) no-repeat center top;
}
.fv-pc .wrap{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.fv-pc .wrap img{
	margin-top: 0px;
}
.fv-pc .scroll {
	margin-top: 15px;
	background-color: white;
}
.etc-wrap{
	background-color: #fdd019;
}
p.etc{
	margin-top: 3px;
	text-align: center;
	font-size: 80%;
	padding: 3px auto;
}
/* ----------------------------------- fv */
p.etc{
	margin-top: 3px;
	text-align: center;
	font-size: 80%;
	background-color: #fdd019;
	padding: 3px;
}
/* ----------------------------------- fv scroll */
.scroll img {
    width: auto;
    height: 120%;
}
.scroll img:first-child{
	-webkit-animation: loop 60s -30s linear infinite;
    animation: loop 60s -30s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}
/* ----------------------------------- sogyo */
section.sogyo{
	padding-top: 5%;
	text-align: center;
	margin-bottom: 5%;
}
.sogyo .catch{
	margin-top: 2%;
    margin-bottom: 7%;
}
/* ----------------------------------- merit */
.merit{
	margin-top: 8%;
	margin-bottom: 7%;
}

.daisya{
	text-align: center;
}
.daisya img{
	margin-bottom: 3%;
}
/* ----------------------------------- top-manga */
section.top-manga .ttl{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.top-manga-wrap{
	text-align: center;
	margin-bottom: 5%;
}
.top-manga-wrap img{
	width: 80%;
	margin-bottom: 20px;
}
/* ----------------------------------- nayami */
section.nayami{
	padding-top: 5%;
}
section.nayami .ttl{
	text-align: center;
}
.nayami-contents{
	text-align: center;
	margin-top: 5%;
}
.nayami-contents img{
	width:  80%;
}
.kaiketu{
	text-align: center;
}
/* ----------------------------------- main-car */
.main-car{
	text-align: center;
	margin-top: 3%;
	margin-bottom: 3%;
}

/* ----------------------------------- tel-btn */
.tel-wrap{
	margin-bottom: 7%;
}
.tel-btn{
	text-align: center;
}
.tel-btn img{
	width: 70%;
}
.tel-btn:hover{
	position: relative;
	top: 3px;
	left: 3px;
	opacity: 0.8;
}
.tel-wrap .ok{
	margin-top: 0;
	text-align: center;
	font-size: 80%;
}
section.contact{
	margin-bottom: 10%;
}
/* ----------------------------------- shinsa-btn */
section.shinsa{
	margin-bottom: 7%;
}
.satei-btn{
	text-align: center;
}
.satei-btn img{
	width: 70%;
}
.satei-btn:hover{
	position: relative;
	top: 3px;
	left: 3px;
	opacity: 0.8;
}
.re-shinsa{
	text-align: center;
}
/* ----------------------------------- popular */
section.popular{
	margin-bottom: 5%;
}
.ttl-img{
	text-align: center;
	margin-bottom: 2%;
}
.atamakin{
	text-align: center;
	margin-bottom: 5%;
}
.komikomi{
	margin-left: 15%;
	margin-right: 15%;
}
.komikomi ul{
	text-align: center;
	list-style: none;
}
.komikomi ul li{
	display: inline-block;
	text-align: center;
	background-color: #cfebff;
	color: #4896d2;
	padding: 4px 20px;
	width: 145px;
	margin-bottom: 10px;
	font-weight: 600;
}
.teigaku-10000{
	text-align: center;
}
.teigaku-10000 img{
	width: 60%;
    margin-left: 20px;
}
.rental-manga{
	margin-top: 5%;
	text-align: center;
	margin-bottom: 5%;
}
.rental-manga img{
	width: 80%;
}
section.color{
	text-align: center;
	margin-top: 4%;
	margin-bottom: 8%;
}
.color-img{
	margin-top: 5%;
	margin-bottom: 5%;
	text-align: center;
}
/* ----------------------------------- lineup */
.lineup-ttl{
	 margin-bottom: 10px;
}
.lineup-ttl h2{
	text-align: center;
}
.lineup-ttl p{
	text-align: center;
	font-size: 90%;
	font-weight: 600;
	background: #ffe5bc;
    padding: 5px;
}
.lineup-ttl h2 span.kikan{
	font-size: 70%;
	margin-left: 5px;
}
.lineup-ttl p:before{
	content: "▼▼▼";
	color:  #bb7200;
	margin-right: 5px
}
.lineup-ttl p:after{
	content: "▼▼▼";
	color:  #bb7200;
	margin-left: 5px
}
.lineup-wrap{
	margin-bottom: 50px;
}
.lineup-wrap .inner{
	position: relative;
	margin: 0;
	width: 100%;
	background: white;
}
.lineup-wrap .p-box{
	width: 234px;
	height: 350px;
	border: 1px solid #ff9c00;
	border-radius: 10px;
	margin-left: 3px;
	margin-right:3px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.lineup-wrap .p-box::-webkit-scrollbar {
    display:none;
}
.lineup-wrap ul li{
	display: inline-block;
/*	overflow-x: scroll;*/
}
.lineup-wrap .p-box .detail{
	text-align: center;
}
.lineup-wrap .car-pic{
	height: 140px;
}
.lineup-wrap .car-pic img{
	width: 100%;
}
.lineup-wrap .p-box .name{
	text-align: center;
	font-weight: 700;
	line-height: 1.3;
}
.lineup-wrap .p-box .name span.grade{
	font-size: 75%;
}
.lineup-wrap p.price{
	text-align: center;
	font-family: 'Anton', sans-serif;
	color: #ff9c00;
	font-size: 220%;
	line-height: 1;
	letter-spacing: 0.02em;
	padding-top: 10px;
}
.lineup-wrap p.price:before{
	font-family: "YakuHanJP_Noto", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	content: "月々";
	font-size: 40%;
	font-weight: 700;
}
.lineup-wrap p.price:after{
	font-family: "YakuHanJP_Noto", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	content: "円(税込)";
	font-size: 40%;
	font-weight: 700;
	margin-left: 5px;
}
.lineup-wrap .text{
	margin: 0;
	font-size: 70%;
	padding-top: 12px;
}
.lineup-wrap .text p{
	line-height: 1;
}
.lineup-wrap .text p:before{
	content: "○";
}
.lineup-wrap p.ex{
	text-align: right;
	font-size: 40%;
	color: #777;
}
/* ----------------------------------- ranking */
section.ranking{
	margin-bottom: 10%;
}
section.ranking .wrap{
	margin-bottom: 5%;
}
section.ranking .small-ttl{
	text-align: center;
	margin-bottom: 10px;
}
section.ranking .wrap .box-wrap{
	display: flex;
	flex-direction: row;
	margin: 0 auto;
	width: 90%;
}
section.ranking .under-item{
	display: flex;
	flex-direction: row;
	width: 50%;
}
section.ranking .no-01,
section.ranking .no-02,
section.ranking .no-03{
	border: 1px solid #4896d2;
}
section.ranking .no-01{
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 5px;
	margin-left: 5px;
	border-radius: 10px;
	padding: 10px 0 10px 10px;
}
section.ranking .no-01 .name{
	color: #4896d2;
	font-size: 120%;
	font-weight: 600;
	margin-left: 60px;
}
section.ranking .no-02 .name,
section.ranking .no-03 .name{
	color: #4896d2;
	font-size: 80%;
	font-weight: 600;
	margin-left: 47px;
	margin-bottom: 30px;
}
section.ranking .no-02 .name p,
section.ranking .no-03 .name p{
	line-height: 1.4;
}
section.ranking .no-01{
	position: relative;
}
section.ranking .no-01 img.absolute{
	position: absolute;
	top: 5px;
	left: 10px;
}
section.ranking .no-01 .car-pic{
	text-align: center;
}
section.ranking .no-01 .car-pic{
	margin: 0 auto;
	width: 80%;
}
section.ranking .no-01 p.price{
	text-align: center;
	font-family: 'Anton', sans-serif;
	color: #ff9c00;
	font-size: 220%;
	line-height: 1;
	letter-spacing: 0.02em;
	padding-top: 5px;
}
section.ranking .no-01 p.price:before{
	font-family: "YakuHanJP_Noto", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	content: "月々";
	font-size: 40%;
	font-weight: 700;
}
section.ranking .no-01 p.price:after{
	font-family: "YakuHanJP_Noto", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	content: "円(税込)";
	font-size: 40%;
	font-weight: 700;
	margin-left: 5px;
}
section.ranking .no-02,
section.ranking .no-03{
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 5px;
	margin-left: 5px;
	border-radius: 10px;
	padding: 20px 5px 0;
}
section.ranking .no-02 img.absolute,
section.ranking .no-03 img.absolute{
	position: absolute;
	top: 15px;
	left: 10px;
}
section.ranking .no-02 .car-pic,
section.ranking .no-03 .car-pic{
	height: 100px;
}
section.ranking .no-02 .car-pic img,
section.ranking .no-03 .car-pic img{
	width: 100%;
}
section.ranking .no-02 p.price,
section.ranking .no-03 p.price{
	text-align: center;
	font-family: 'Anton', sans-serif;
	color: #ff9c00;
	font-size: 140%;
	line-height: 1;
	letter-spacing: 0.02em;
	padding-top: 15px;
}
section.ranking .no-02 p.price:before,
section.ranking .no-03 p.price:before{
	font-family: "YakuHanJP_Noto", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	content: "月々";
	font-size: 40%;
	font-weight: 700;
}
section.ranking .no-02 p.price:after,
section.ranking .no-03 p.price:after{
	font-family: "YakuHanJP_Noto", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	content: "円(税込)";
	font-size: 40%;
	font-weight: 700;
	margin-left: 5px;
}
/* -----------------------------------  tokuten */
section.tokuten{
	background: url(../img/tokuten-bg.webp) repeat-y top center;
}
.gentei-ttl{
	text-align: center;
}

.tokuten-img{
	text-align: center;
    margin-bottom: 5%;
}
.big-wrap{
	padding-bottom: 3%;
}
section.tokuten .wrap-top,
section.tokuten .wrap-bottom{
	margin: 0 auto;
	display: block;
	flex-direction: row;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 30px;
}

section.tokuten .wrap-bottom {
	padding-top:0;
}

section.tokuten .box{
	background-color: white;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin-left: 15px;
	margin-right: 15px;
	border-radius: 10px;
	padding: 20px;
	margin-bottom:20px;
}
section.tokuten .box .img{
	text-align: left;
	margin-bottom: 20px;
}
section.tokuten .desc p{
	line-height: 1.6;
	letter-spacing: -0.03em;
}
section.tokuten .bottom-img{
	text-align: center;
	margin-top: 7%;
	margin-bottom: 7%;
}
.plus{
	text-align: center;
	margin-top: 3%;
}
.kikan-gentei .ttl{
	text-align: center;
	display: block;
	margin: 0 auto;
	color: white;
	font-size: 150%;
	background-color: #171717;
	padding: 10px;

}
section.manga{
	text-align: center;
	padding-top: 7%;
	padding-bottom: 5%;
}
section.manga img{
	width: 60%;
}
/* -----------------------------------  about-carlease */
section.about-carlease{
	margin-bottom: 5%;
}
section.about-carlease h2{
	margin-top: 2%;
	text-align: center;
    line-height: 1.4;
}
.carlease-img{
	text-align: center;
}
/* ----------------------------------- teigaku */
section.teigaku .img{
	margin-top: 2%;
	text-align: center;
	margin-bottom: 5%;
}
section.teigaku .include-img{
	text-align: center;
	margin-bottom: 5%;
}
.graph-img{
	text-align: center;
	margin-bottom: 5%;
}
section.teigaku h2{
	text-align: center;
}
section.teigaku .text{
	width: 70%;
}
.anshin{
	margin-bottom: 10%;
}
section.teigaku .genkin-img,
section.teigaku .tanamo-img{
	margin-top: 5%;
	text-align: center;
}
.manki{
	margin-bottom: 5%;
}
.manki-img{
	text-align: center;
	margin-bottom: 5%;
}
/* ----------------------------------- pay-ex */
.pay-ex{
	text-align: center;
	margin-bottom: 5%;
}
.pay-ex .box{
	margin-bottom: 30px;
}
.pay-ex .box h2{
	margin-bottom: 10px;
}
/* ----------------------------------- maintenance */
.maintenance{
	margin-bottom: 5%;
}
.maintenance .ttl{
	margin-bottom: 3%;
}
.maintenance .plan{
	text-align: center;
	margin-top: 5%;
	margin-bottom: 2%;
}
.and-plus{
	text-align: center;
	margin-bottom: 5%;
}
.subete{
	margin-top: 5%;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	border: 2px solid #aaa;
	margin-bottom: 7%;
	padding: 10px 0;
	font-size: 110%;
}
.subete mark{
	font-weight: 500;
}
/* ----------------------------------- plan-qa */
.plan-qa .ttl{
	margin-bottom: 5%;
}
.plan-qa .wrap{
	width: 80%;
	margin: 0 auto;
	margin-bottom: 7%;
}
.plan-qa .qa-box{
	margin-bottom: 5%;
}
.plan-qa .qa-box h3{
	color: #4896d2;
}
/* ----------------------------------- recommend */
.recommend{
	margin-bottom: 1%;
}
.recommend .ttl{
	width: 80%;
	margin: 0 auto;
	background-color: #4896d2;
}
.recommend .ttl-2{
	width: 80%;
	margin: 0 auto;
	background-color: #ff9c00;
}
.recommend h3{
	color: white;
	text-align: center;
	font-weight: 500;
	margin-bottom: 3%;
}
.meyasu{
	text-align: center;
}
/* ----------------------------------- factory */
.factory{
	margin-bottom: 5%;
}
.factory .ttl{
	width: 80%;
	margin: 0 auto;
	background-color: #4896d2;
}
.factory .ttl-2{
	width: 80%;
	margin: 0 auto;
	background-color: #ff9c00;
}
.factory h3{
	color: white;
	text-align: center;
	font-weight: 500;
	margin-bottom: 3%;
}
.meyasu{
	text-align: center;
}
/* ----------------------------------- どれくらい安い cheaper */
.otoku50-img{
	text-align: center;
	margin-bottom: 5%;
}
.cheaper .text{
	margin-bottom: 5%;
}
.all-price-img{
	text-align: center;
	margin-bottom: 5%;
}
/* ----------------------------------- 比較の表 compare */
.chose{
	margin-bottom: 10%;
}
.compare{
	max-width: 80%;
	text-align: center;
	margin: 0 auto;
	margin-top: 5%;
}
.compare table{
	width: 100%;
}
.compare tbody{
	border: 1px solid #aaa;
}
.compare th.title{
	border: 1px solid #aaa;
	padding: 15px 0;
}
.compare th.kind{
	width: 25%;
	background: #cfebff;
	border-bottom: 1px solid #aaa;
	border: 1px solid #aaa;
	padding: 10px 10px;
	font-size: 80%;
	color: #4896d2;
}
.compare td{
	font-size: 80%;
	text-align: center;
	padding: 10px 10px;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
}
.compare td.tanamo,
.compare th.title.tanamo{
	background: #fff4e3;
	border-left: 3px solid #e40000;
    border-right: 3px solid #e40000;
}
.compare th.title.tanamo.border-top{
    border-top: 3px solid #e40000;
}
.compare td.tanamo.border-bottom{
    border-bottom: 3px solid #e40000;
}
.compare td.tanamo.zero{
	font-size: 140%;
	color: #ff9c00;
	font-weight: 700;
}
.compare td.tanamo.zero-02{
	font-size: 120%;
	color: #ff9c00;
	font-weight: 700;
}
.compare td.tanamo.total{
	font-size: 100%;
	color: #ff9c00;
	font-weight: 700;
}
.compare td.total-b{
	font-size: 100%;
	font-weight: 700;
}
.otoku-img{
	text-align: center;
	margin-top: 5%;
}
/* ----------------------------------- secret */
section.secret .text {
    width: 70%;
    margin-bottom: 3%;
}
section.secret .ttl{
}
.yasui-img,
.yasui-img-bottom{
	text-align: center;
	margin-bottom: 3%;
}
.naruhodo-img{
	text-align: center;
	margin-bottom: 7%;
}
/* ----------------------------------- anxiety */
.anxiety-img{
	text-align: center;
	margin-bottom: 10%;
}
.yazirushi{
	text-align: center;
	margin-bottom: 2%;
}
/* ----------------------------------- voice */
section.voice{
	margin-top: 7%;
	margin-bottom: 10%;
}
section.voice .wrap{
	margin-top: 5%;
}
.v-box{
	width: 80%;
	margin: 0 auto;
	border: 4px solid #4896d2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
    padding: 20px;
    box-shadow: 5px 5px 0 #4896d2;
    margin-bottom: 30px;
}
.v-box .car{
	float: left;
	margin-right: 20px;
	overflow: hidden;
}
.v-box .car img{
	margin-top: 0;
}
.v-box .inner img{
	margin-bottom: 10px;
}
.v-box .inner .face{
	font-size: 90%;
}
.v-box p.name,
.v-box p.plan{
	font-size: 80%;
}
.v-box .ttl h2{
	color: #4896d2;
    text-indent: 0rem;
    margin-left: 4rem;
    font-size: 100%;
    font-weight: 600;
    line-height: 1.4;
    border-bottom: 2px dotted #4896d2;
    margin-bottom: 20px;
    padding-bottom: 10px;
	text-align: left;
}
.v-box .inner{
	display: flex;
	flex-direction: row;
}
.v-box .text{
	margin: 0;
	margin-left: 15px;
}
/* ----------------------------------- advice */
section.advice {
	margin-bottom: 5%;
}
section.advice .ttl{
	text-align: center;
	padding-top: 20px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	background-color: #edf5dd;
}
.advice-wrap{
	width: 80%;
	margin: 0 auto;
}
.advice-wrap .a-box{
	margin-bottom: 20px;
}
.advice-wrap .a-box h3{
	color: #8bb92a;
}
/* ----------------------------------- nagare */
section.nagare{
	background: url(../img/clowd-bg.webp) no-repeat center top;
	background-color: #cfebff;
	padding-top: 5%;
	padding-bottom: 7%;
}
.family{
	text-align: center;
}
section.nagare .wrap{
	width: 60%;
	margin: 0 auto;
	margin-top: 7%;
}
section.nagare .wrap .out-box{
	border: 2px solid #4896d2;
	background: white;
	padding: 2px;
}
section.nagare .wrap .sankaku{
	width: 0;
	height: 0;
	border-top: 15px solid #4896d2;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	margin: 0 auto;
	margin-top: 5px;
}
section.nagare .wrap .inside-box{
	display: flex;
	flex-direction: row;
	border: 1px solid #4896d2;
	background: white;

}
section.nagare .wrap .inside-box .num{
	display: inline-block;
	background: #4896d2;
	color: white;
	text-align: center;
	padding: 10px 20px;
	margin-right: 30px;
	font-size: 140%;
	font-weight: 700;
}
section.nagare .wrap .inside-box .naiyo{
	padding-top: 11px;
    font-size: 140%;
    font-weight: 500;
}
section.nagare span.small{
	font-size: 80%;
}
/* ----------------------------------- daisya */
.daisya-02{
	width: 80%;
	margin: 0 auto;
	text-align: center;
	background-color: white;
	margin-top: 5%;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 0 20px;
}
.daisya-02 img{
	width: 95%;
}
/* ----------------------------------- company */
section.company{
	margin-bottom: 7%;
}
section.company .img{
	text-align: center;
	margin-top: 2%;
}
.omakase{
	width: 90%;
	margin: 0 auto;
}
.omakase img{
	float: left;
	margin-right: 30px;
}
.omakase .text{
	padding: 30px 30px 0;
	margin-bottom: 50px;
}
.s-ttl{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	background-color: #cfebff;
	color: #4896d2;
	font-size: 120%;
	padding: 6px 0;
	margin-bottom: 30px;
}
.tenpo .s-img{
	text-align: center;
	margin-bottom: 30px;
}
.tenpo-wrap{
	display: flex;
	flex-direction: row;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.tenpo-wrap .about{
	margin-right: 15px;
}
.tenpo-wrap .box{
	margin-bottom: 20px;
}
.tenpo-wrap .box p{
	font-size: 80%;
	line-height: 1.5;
	letter-spacing: -0.03em;
}
.g-map{
	margin: 0 auto;
	width: 80%;
	margin-bottom: 10px;
}
.address{
	text-align: center;
	margin: 0 auto;
	margin-bottom: 5%;
	letter-spacing: 0.03em;
}
/* ----------------------------------- onegai */
section.onegai{
	background-color: #fffbdd;
	padding-top: 7%;
	padding-bottom: 3%;
	margin-bottom: 5%;
}
.daihyo{
	text-align: center;
}
section.onegai .text{
	width: 70%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section.onegai .text ul{
	list-style: none;
	font-size: 130%;
}
section.onegai .text ul li{
	border-bottom: 1px dotted #aaa;
	padding-top: 2%;
	padding-bottom: 2%;
	background: url(../img/check.webp) no-repeat top 13px left 0;
}
section.onegai .text ul li p{
	text-indent:  0;
	margin-left: 2em;
	margin-bottom: 0;
}
/* ----------------------------------- form*/
section.kari-satei{
	padding-bottom: 5%;

}
section.kari-satei .box .attention {
    width: 80%;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    font-size: 14px;
}
section.kari-satei .box{
	margin-top: 3%;
}
section.kari-satei .box .attention tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
section.kari-satei .form_tbl {
    border-collapse: collapse;
    margin: 20px auto;
    width: 80%;
}
section.kari-satei .form_tbl th {
    padding: 15px;
    background: #efefef;
    border: 1px solid #ccc;
	width: 30%;
}
section.kari-satei .form_tbl td {
    padding: 15px;
    border: 1px solid #ccc;
    background: #fff;
}
section.kari-satei td input.write{
	width: 90%;
	border: none;
	background-color: #ffffa2;
	padding: 15px;

}
section.kari-satei p.small{
	color: #666;
	font-size: 80%;
	padding-top: 10px;
	line-height: 1.4;
}
.last-btn{
	text-align: center;
	margin-bottom: 5%;
}
.last-btn:hover{
	position: relative;
	top: 3px;
	left: 3px;
	opacity: 0.8;
}
section.kozin{
	font-size: 90%;
	padding: 30px;
	line-height: 1.4;
	background: #efefef;;
	margin-bottom: 5%;
}
section.kozin a{
	color: blue;
}



/*--------------------- test bottom fix*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 10vw;
    font-size: 77%;
    z-index: 100;
}
#page-top ul{
	list-style: none;
}
#page-top img{
	width: 100%;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    padding: 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    opacity: 0.8;
}


.shinsafuan {
	margin-bottom: 50px;
}

.shinsafuan h3 {
	text-align:center;
	color: #fff;
	background: #fd9b00;
	padding: 20px;
    width: 500px;
    margin: 0 auto 20px;
}

.shinsafuan p {
	text-align:center;
}

.shinsafuan p span {
	font-weight: bold;
	font-size:1.1em;
	color: #fd9b00;
}




/* ----------------------------------- responsive */
@media only screen and (max-width: 768px){
	.text{
		font-size: 90%;
	}
	header .logo{
		margin-top: -0.5vw;
		margin-left: 15px;
		width: 45%;
		margin-right: 20px;
	}
	.ttl{
		font-size: 95%;
	}
	.daisya img{
		width: 95%;
	}
	.daisya .desc{
		font-size: 90%;
	}
	.tel-btn img,
	.satei-btn img{
		width: 85%;
	}
	.tel-wrap .ok{
		font-size: 60%;
	}
	.atamakin img{
		width: 60%;
	}
	.komikomi{
		margin-left: 0;
    	margin-right: 0;
	}
	.komikomi ul li{
		width: 155px;
	}
	.teigaku-10000 img{
		width: 90%;
	}
	section.nayami .ttl img,
	.kaiketu img{
		width: 90%;
	}
	.nayami-contents img{
		width: 90%;
	}
	.lineup-wrap .p-box{
		width: 45vw;
    	height: auto;
	}
	.lineup-wrap .p-box .name{
		font-size: 80%;
	}
	.lineup-wrap p.price{
		font-size: 160%;
	}
	.lineup-wrap .text{
		font-size: 50%;
	}
	.color-img img{
		width: 90%;
	}
	.lineup-wrap .car-pic{
	height: 45vw;
	}
	section.ranking .wrap .box-wrap{
		flex-direction: column;
		width: 95%;
	}
	section.ranking .no-01{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
	}
	section.ranking .under-item{
		width: 100%;
	}
	section.ranking .no-01 p.price{
		padding-top: 0;
	}
	section.ranking .no-02,
	section.ranking .no-03{
		padding: 20px 5px 10px;
	}
	section.ranking .no-02 img.absolute,
	section.ranking .no-03 img.absolute{
		top: 2vw;
	}
	section.ranking .no-02 .name,
	section.ranking .no-03 .name{
		margin-top: -2vw;
		margin-bottom: 3vw;
	}
	section.ranking .no-02 p.price,
	section.ranking .no-03 p.price{
		font-size: 150%;
		padding-top: 0;
	}
	section.ranking .no-02 .car-pic,
	section.ranking .no-03 .car-pic {
    height: 126px;
}
	.tokuten-img img{
		width: 80%;
	}
	section.tokuten{
		background-size: cover;
	}
	section.tokuten .big-wrap{
		margin-top: 5%;
	}
	section.tokuten .wrap-top,
	section.tokuten .wrap-bottom{
		width: 100%;
		flex-direction: column;
		padding-top: 0;
		padding-right: 5%;
		padding-bottom: 0;
	}
	section.tokuten .wrap-top .box,
	section.tokuten .wrap-bottom .box{
		width: 100%;
		flex-direction: column;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 20px;
	}
	section.tokuten .bottom-img img{
		width: 90%;
	}
	.kikan-gentei .ttl{
		width: 100%;
		font-size: 130%;
		padding: 5px 0;
		margin-bottom: 0;
	}
	.carlease-img img{
		width: 95%;
	}
	.pay-ex .box img{
		width: 95%;
	}
	.maintenance .plan img{
		width: 90%;
	}
	.subete{
		width: 90%;
		font-size: 110%;
	}
	.recommend .ttl{
		width: 90%;
	}
	.recommend h3{
		padding: 8px;
	}
	.manki-img img{
		width: 90%;
	}
	.otoku50-img img{
		width: 65%;
	}
	.all-price-img img{
		width: 85%;
	}
	section.teigaku .img img{
		width: 70%;
	}
	section.teigaku .include-img img{
		width: 95%;
	}
	.compare-sp{
		text-align: center;
	}
	.compare-sp img{
		width: 95%;
	}
	section.teigaku .text{
		width: 90%;
	}
	section.teigaku .text p{
		margin-bottom: 5%;
	}
	section.teigaku .genkin-img img,
	section.teigaku .tanamo-img img{
		width: 95%;
		margin-top: 5%;
	}
	.anshin {
    	margin-bottom: 15%;
	}
	.compare-sp img{
		margin-top: 5%;
		width: 90%;
	}
	.otoku-img img{
		width: 95%;
	}
	section.secret .text{
		width: 80%;
	}
	.naruhodo-img{
		margin-bottom: 9%;
	}
	.naruhodo-img img{
		width: 80%;
	}
	.anxiety-img img{
		width: 80%;
	}
	.re-shinsa{
		font-size: 75%;
	}
	.meyasu img{
		width: 80%;
	}
	.yasui-img img,
	.yasui-img-bottom img{
		width: 80%;
	}
	section.company .img img{
		width: 90%;
	}
	.omakase .text{
		padding: 0;
		margin-bottom: 0;
	}
	.omakase img{
		float: none;
		margin-right: 0;
	}
	.tenpo-wrap{
		flex-direction: column;
		margin-bottom: 0;
	}
	.tenpo-wrap .about{
		margin-right: 0;
		margin-bottom: 30px;
	}
	.g-map{
		width: 100%;
	}
	.address{
		font-size: 70%;
	}
	section.onegai .text{
		width: 90%;
	}
	section.onegai .text ul{
		font-size: 110%;
	}
	section.onegai .text ul li{
		border-bottom: 1px dotted #aaa;
    	padding-top: 3%;
    	padding-bottom: 4%;
    	background: url(../img/check.webp) no-repeat top 13px left 0;
	}
	.v-box{
		width: 90%;
	}
	.v-box .car img{
		 margin-top: 2vw;
	}
	.v-box .inner{
		flex-direction: column;
	}
	.v-box .inner .face{
		text-align: center;
	}
	.v-box .face p.name,
	.v-box .face p.plan{
		font-size: 90%;
		text-align: center;
	}
	.v-box p.plan{
		margin-bottom: 15px;
	}
	.v-box .text{
		margin-left: 0;
		width: 100%;
	}
	.family img{
		width: 80%;
	}
	.advice-wrap .a-box h3{
		font-size: 100%;
	}
	section.advice .ttl img{
		width: 95%;
	}
	.a-box p{
		font-size: 85%;
	}
	section.nagare .wrap{
		width: 90%;
	}
	section.nagare .wrap .inside-box .naiyo{
		font-size: 90%;
		padding-top: 4vw;
	}
	.daisya-02{
		width: 95%;
	}
	section.manga img{
		width: 80%;
	}
	section.kari-satei .box .attention{
		width: 90%;
		font-size: 75%;
	}
	section.kari-satei .form_tbl{
		width: 95%;
	}
	section.kari-satei td input.write{
		width: 100%;
	}
	section.kari-satei .form_tbl th{
		padding:5px;
		font-size: 50%;
	}
	.last-btn{
		margin: 0 auto;
		width: 90%;
		margin-bottom: 20px;
	}
	.kozin{
		font-size: 60%;
	}
	img.move{
		top: 47%
	}
	#page-top{
		right: 0;
		bottom: -30px;
	}
	#page-top ul.pc-none{
		display: flex;
		flex-direction: row;
	}
	#page-top ul.pc-none li.right{
		margin-left: -11vw;
	}
	.lineup-ttl p{
		font-size: 60%;
	}

	.shinsafuan {
		width:85%;
		margin: 0 auto 50px;
	}

	.shinsafuan h3 {
		width:100%;
	}

	.shinsafuan p {
		text-align:justify;
	}

}
/*ここまで-------------------*/


/*--------------------------------------
               common 02
-------------------------------------*/
/* --------------------- 保護 */
.hogo{
	margin: 0 auto;
	font-size:90%;
	background-color:#eee;
	padding:20px;
	margin-bottom:10%;
	margin-top:20px;
}
.menseki{
	font-size: 70%;
    margin-top: 3%;
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 5%;
}
#main {
	clear:both;
	margin: 0;
}
/* --------------------- p */
p{
	line-height:1.7;
	text-align: justify;
	margin:0 auto;
}

/* キャッチ周りここから */
.catchcopy {

    letter-spacing: 0.03em;
    font-weight: 900;
    font-size: 23pt;
    text-align: center;
    color: #111;
    display:block;
    padding-top:14px;
}

.catchcopy p {
	text-align:center;
}

span.orangetitle {
    color: #f05650;
}

[data-ruby] {
    position: relative;
}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -0.9em;
    left: 0;
    right: 0;
    margin: 0 0 0 5px;
    letter-spacing: 0.32em;
    font-size: 16pt;
}
/* キャッチ周りここまで */

/*img設定
---------------------------------------------------------------------------*/
a.img-link:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	width:100%;
	height: auto;
	color: #fff;
	background-color: #036eb8;
	font-size: 80%;
}
.footer-inner{
	text-align: center;
}
.footer-inner a{
    color: #fff;
}
.footer-inner a:hover{
	text-decoration: underline;
	}
.footer-inner ul{
	margin:0 auto;
	padding:0;
	list-style: none;
}
.footer-inner li{
	display: inline-block;
	padding-top: 20px;
	padding-left: 15px;
    padding-right: 15px;
}
.footer-inner li:hover{
	opacity: 0.5;
}
.fotter-inner li:last-child::after{
	content: none;
}
footer p.copy{
	text-align: center;
	padding: 20px 0;
}

@media only screen and (max-width: 768px) {
	footer{
		height: 180px;
	}
	.footer-inner{
		text-align: center;
		padding-top: 20px;
    	padding-bottom: 15px;
	}
	.footer-inner li{
		display: inline-block;
	    border: 1px solid white;
	    width: 150px;
	    padding: 3px;
	    margin-top: 0;
	    margin-bottom: 8px;
	    margin-left: 2px;
	    margin-right: 2px;
	}
	footer p.copy{
		padding: 0 0;
		padding-bottom: 22px;
	}
}

/*その他
---------------------------------------------------------------------------*/
.clear {
	clear: both;
}
.center { text-align: center;}
.left { text-align: left; }
.right { text-align: right; }

.alignleft{float:left;}
.alignright{float:right;
 margin-right:30px;}

/*リンク透明設定*/
a.img-link:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/*フォント設定
---------------------------------------------------------------------------*/
.under { text-decoration: underline; }
.red { color: #d80011; }
.murasaki { color:#6d308e; }
.ao { color: #1c639d; }
.kiro { color: #FF0; }
.gray { color: #666; }
.siro { color: #fff; }
.bold { font-weight: bold; }
.through { text-decoration: line-through; }

/* margin
---------------------------------------------------------------------------*/
.sp-none{display:block;}
.pc-none{display:none;}

@media screen and (max-width: 768px) {
/* スマホ用のCSS */	
*, *: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;
}

.sp-none{display:none;}
.pc-none{display:block;}
img{
		max-width:100% !important;
}
img.alignright{
	width:40%;
}
img.w-adimg{
width:40%;
}
body{
font: 12px/1.6;
}
h2{
	font-size:120%;
}
h3.green{
	font-size:140%;
	padding:5px;}
#container {
	width:100%;
}
.hd_link{
	display:none;
}
header{
	height:auto;
}
table.day ,.day_box{
	width:98%;
	margin:10px auto 20px;
	border:1px solid #ccc;
}
header {
	height:auto;
	padding:0;
}

.hd_logo{
	margin:2px;
}

.hd_logo img{
	width:50%;
}

dl.tbl_form dl,dt,dd {
margin: 0;
padding: 0;
}

dl.tbl_form{
background: #eee;
border: 1px solid #ccc;
width: 100%;
}
dl.tbl_form dt,dl.tbl_form dd {
padding: 6px;
}
dl.tbl_form dd {
background: #fff;
}
input{
max-width:99%;
}
textarea{
max-width:99%;
}


/*----------- slick ---------*/
.slider{
    margin: 10px auto;
    width: 80%;
}
.slider img{
    height: auto;
    width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
@media screen and (max-width: 768px) {
	.slick-prev {
    	left: -36px;
    	z-index: 250;
	}
	.slick-next {
    	right: -36px;
    }
    .slick-dotted.slick-slider{
    	margin-left: 37px;
    }
    .lineup-wrap .p-box{
    	width: 98%;
    }
    .lineup-wrap p.price{
    	font-size: 250%;
    }
        /* キャッチ周りここから */
	.catchcopy {
	    margin: 12px auto;
	    letter-spacing: 0.001em;
	    font-weight: 900;
	    font-size: 11pt;
	    text-align: center;
	    padding-top:0;
	}

	.catchcopy p {
		z-index: 999999999;
	    position: relative;
	}

	section.fv.pc-none img {
		margin-top:-50px;
	}

	span.orangetitle {
	    color: #f05650;
	}

	[data-ruby] {
	    position: relative;
	}
	[data-ruby]::before {
	    content: attr(data-ruby);
	    position: absolute;
	    top: -1.1em;
	    left: 0;
	    right: 0;
	    margin: 0 0 0 3px;
	    letter-spacing: 0.25em;
	    font-size: 12pt;
	}
	/* キャッチ周りここまで */
}