@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 */
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%;
}

.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: 0px;
}

.header-pc .top-tel a:hover {
	opacity: 0.8;
}

.logo img {
	width: 68%;
}

/* ----------------------------------- 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.jpg) 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: 9px;
	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;
}

/* ----------------------------------- toiawase-btn */
.toiawase-btn {
	text-align: center;
}

.toiawase-btn img {
	margin-top: 20px;
	width: 70%;
}

.toiawase-btn:hover {
	position: relative;
	top: 3px;
	left: 3px;
	opacity: 0.8;
}

/* ----------------------------------- 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.jpg) no-repeat 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: flex;
	flex-direction: row;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 30px;
}

section.tokuten .box {
	background-color: white;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	margin-left: 15px;
	margin-right: 15px;
	border-radius: 10px;
	padding: 20px;
}

section.tokuten .box .img {
	text-align: center;
	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;
	border: none;
}

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: 5%;
}

.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;
}

/* ----------------------------------- どれくらい安い 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;
}

.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: 30px;
	background-color: #edf5dd;
	padding-left: 40px;
}

.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.jpg) 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;
}

.s-ttl.shop01 {
	background-color: #d0f3d9;
	color: #49b152;
}

.s-ttl.shop02 {
	background-color: #ffddd0;
	color: #ff743b;
}

.tenpo .s-img {
	text-align: center;
	margin-bottom: 30px;
}

.tenpo-wrap .text {
	margin: 0 auto;
	margin-top: 5%;
	margin-bottom: 6%;
}

.tenpo-wrap .about {
	text-align: center;
}

.tenpo-wrap .about img {
	margin-bottom: 5%;
}

.tenpo-wrap .about img:last-child {
	margin-bottom: 5%;
}

.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: 85%;
	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.png) 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;
}

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;
}

/* ----------------------------------- responsive */
@media only screen and (max-width: 768px) {
	.text {
		font-size: 90%;
	}

	header .logo {
		margin-top: 0px;
		margin-left: 15px;
		width: 45%;
		margin-right: 20px;
	}

	header .logo img {
		margin-bottom: 12px;
		width: 100%;
	}


	.ttl {
		font-size: 95%;
	}

	.daisya img {
		width: 95%;
	}

	.daisya .desc {
		font-size: 90%;
	}

	.tel-btn img,
	.satei-btn img,
	.toiawase-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.png) 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%;
	}

	.graph-img img {
		width: 90%;
	}

	.omakase {
		text-align: center;
	}

	section.advice .ttl {
		padding-left: 10px;
	}

	.page-id-466 th {
		display: block;
	}

	.page-id-466 td {
		display: block;
	}

}

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


/*--------------------------------------
               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;
}

/*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 {
		padding-bottom: 60px;
	}

	.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
---------------------------------------------------------------------------*/


/* PCキャッチ */
.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.4em;
	font-size: 16pt;
}

/* PCキャッチ周りここまで */



.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%;
		margin: 0 auto;
	}

	/*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%;
	}
}



/* SPキャッチ */
@media only screen and (max-width: 768px) {

	.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;
		letter-spacing: 0.29em;
		font-size: 12pt;
	}

}

/* SPキャッチここまで */


/* Googleレビューオリジナル */
.store-info {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 20px;
}

.store-photo {
	width: 80px;
	/* 画像の幅を設定 */
	height: 80px;
	/* 画像の高さを設定 */
	object-fit: cover;
	/* 画像のサイズを調整 */
	border-radius: 50%;
	/* 角を丸くする */
}

.store-name {
	font-weight: bold;
}

.store-average {
	color: rgb(251, 142, 40);
	/* 星の色 */
	font-size: 1.2em;
	/* 星のサイズ */
}

.store-total {
	font-size: 0.75em;
	color: #333;
}

.store-google-logo {
	width: 20%;
}

.rating-info {
	flex-grow: 1;
}

.half-star {
	width: 17.8px;
	position: relative;
	top: -8.2px;
}

/* レビューカードの基本スタイル */
.review-card {
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	/* カード間の間隔 */
}

svg {
	position: relative !important;
	top: -40px !important;
	right: -20px !important;
	width: 18px !important;
	height: 18px !important
}

.top-section {
	display: flex;
	align-items: center;
	padding: 15px;
	width: 90%;
}

/* ユーザーのアバターのスタイル */
.avatar {
	width: 50px;
	height: 50px;
	margin-right: 15px;
	/* アバターと情報の間隔 */
}

.info {
	flex: 1;
	/* 残りの幅を占める */
}

.bottom-section {
	position: relative;
	/* 相対位置指定 */
	height: 150px;
	/* 高さを150pxに設定 */
	padding: 15px;
	background-color: #f9f9f9;
	/* 背景色を少し変える */
	border-top: 1px solid #eee;
	/* 上部に境界線を追加 */
	overflow: auto;
	/* コンテンツがオーバーフローした場合にスクロール可能に */
}

.bottom-section::-webkit-scrollbar {
	display: none;
	/* WebKitブラウザ用のスクロールバーを非表示に */
}

.bottom-section {
	-ms-overflow-style: none;
	/* IEとEdgeのスクロールバーを非表示に */
	scrollbar-width: none;
	/* Firefoxのスクロールバーを非表示に */
}


.author,
.date,
.rating {
	margin: 5px 0;
	/* 上下のマージンを設定 */
}

/* テキストコンテンツのスタイル */
.content {
	flex: 1;
}

/* レビュータイトル（著者名など）のスタイル */
.author {
	font-weight: bold;
	color: #154fc1 !important;
}

/* レビューの評価と日付 */
.date {
	color: #666;
	font-size: 0.9em;
}

.rating {
	color: rgb(251, 142, 40);
	/* 星の色 */
	font-size: 1.2em;
	/* 星のサイズ */
}

/* レスポンシブデザイン */
@media (max-width: 600px) {
	.review-card {
		flex-direction: column;
		align-items: start;
	}

	.avatar {
		margin-bottom: 10px;
	}
}

.reviews-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	/* PCでは2列 */
	gap: 20px;
	/* カード間のギャップ */
	padding: 20px;
	/* コンテナのパディング */
}

.review-card {
	background-color: #fff;
	/* 背景色 */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	/* 影の追加 */
	border-radius: 5px;
	/* 角の丸み */
	overflow: hidden;
	/* 内容がはみ出ないようにする */
	display: flex;
	/* レビューカード内の要素をフレックスボックスで配置 */
	align-items: center;
	/* アイテムを中央揃え */
	padding: 15px;
	/* パディング */
}

.avatar {
	width: 50px;
	height: 50px;
	margin-right: 15px;
	/* アバターとコンテンツの間のマージン */
}

@media (max-width: 600px) {
	.reviews-container {
		grid-template-columns: 1fr;
		/* スマホでは1列表示 */
	}
}

.g-btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 200px;
	height: 30px;
	color: #333;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
}

.g-btn a:hover {
	color: #f2f2f2;
}

.viewmoregoogle a {
	background-color: #ceb849;
	border: 1px solid #ceb849;
	border-radius: 35px;
	text-align: center;
	margin: 10px auto 30px;
}

.viewmoregoogle a:hover {
	background-color: #B99b00;
	border: 1px solid #333;
}

.viewmoregoogle a::before {
	content: '';
	position: absolute;
	top: calc(50% - 4px);
	right: -35px;
	transform: rotate(30deg);
	width: 12px;
	height: 1px;
	background-color: #333;
}

.viewmoregoogle a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -35px;
	transform: translateY(-50%);
	width: 50px;
	height: 1px;
	background-color: #333;
}

@media only screen and (max-width:768px) {
	.onlypc {
		display: none;
	}

	.wide80 {
		margin: 0 auto 56px;
	}
}

.wide80 {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}