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


/* --------------------------------
 * base
 * -------------------------------- */
html {
	font-size: 62.5%;
}
body {
	color: #333;
	font-size: 1.2rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
*, *::before, *::after {
	box-sizing: border-box;
}
a:link, a:visited, a:hover, a:active {
	color: #d03c56;
	text-decoration: none;
}
.clearfix::after {
	content: '';
	display: block;
	clear: both;
}
img {
	max-width: 100%;
	height: auto;
}
p {
	line-height: 1.7;
	padding:5%;
	font-size: 1.3rem;
}
h2 {
	margin-top: 40px;
}
h3 {
	padding-left: 5%;
	width: 95%;
	margin-top: 30px;
}
.copyright {
	text-align: center;
	font-size: 1rem;
	padding-top: 10px;
}

.txt_center{text-align: center; font-size: 1.3rem; padding-top: 0;}
.delivery{ padding:0 10%; width: 100%; margin-top: 0; text-align: center;}
.bg_delivery{background: #fffbed; max-width: 100%; padding: 10px 0 60px 0;}

.bg_delivery p{font-size: 1.3rem;}

/* --------------------------------
 * top
 * -------------------------------- */
.wrapper {
	max-width: 750px;
	margin: 0 auto;
}
.logo {
	margin: 4% 0 0 2%;
}
.layout-left {
	float: left;
	width: 48%;
}
.layout-right {
	float: right;
	width: 50%;
	text-align: right;
}
.layout-right img {
	width: 35%;
	margin-bottom: -2px;
}
.layout-right a:first-child{margin-right:-4px;}

.bnr-reserve{
	margin-top: 20px;
	margin-bottom: 20px;
}
.title_reserve{
	margin-top: -80px;
	padding-top: 80px;
}

.content {
	max-width: 750px;
	height: auto;
	margin: 0 auto;
}
.navi {
/*
	background: #E02023;
	*/
	background-color: #ff4d00;
	width: 100%;
	height: 50px;
	line-height: 50px;
}
.navi ul {
	text-align: center;
}
.navi li {
	display: inline-block;
	color: #fff;
	width: 25%;
	line-height: 1.4;
	height: 1.4;
	vertical-align: middle;
	font-weight: bold;
}
.navi li:first-child {
	padding-left: 1%;
}
.navi li:last-child {
	width: 18%;
}
.navi li a{text-decoration: none; color: #FFFFFF; }

.movie {
	width: 90%;
	margin: 0 auto;
	position: relative;
	padding-top: 56.25%;
}
.movie video {
	position: absolute;
	top: 0;
	right: 0;
	width: 99% !important;
	height: 90.99% !important;
	margin-top: 10px;
	border: 3px solid #000000;
}

.movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	margin-top: 10px;
}

.about {
	background: #fffbed;
}
.col2 {
	display: inline-block;
	padding-left: 10%;
	width: 100%;
	padding-top: 0;
}
.col2 img {
	width: 45%;
}
.footer {
	background: #fffbed;
	text-align: center;
}
.footer p img {
	width: 40%;
}

.footer a {color: #000000;}
.footer a:hover{text-decoration: underline;}

/* --------------------------------
 * car_list
 * -------------------------------- */

.car_list_submenu{text-align: center;}
.car_list_submenu img{padding: 5px; width: 32%;}
.carlist {
	background: #fffbed;
}

.carlist h2{margin-top: 0;	padding-left: 5%; padding-top: 0;
	width: 95%;
}

.carlist h3{ width: 100%; padding-left: 0;
}

.breadcrumb{width: 100%; border-bottom: 1px solid #BDBDBD; padding: 15px; font-size: 1.3rem; background: #FFFFFF;}
.breadcrumb a{ color: #000000; text-decoration: underline;}




/* --------------------------------
 * margin
 * -------------------------------- */
.m_top0 {
	margin-top: 0;
}
.m_top10 {
	margin-top: 10px;
}
.m_top20 {
	margin-top: 20px;
	width: 95%;
	padding-left: 5%;
}
.m_top30 {
	margin-top: 0px;
}
#about{
	margin-top: 0px;
}
.m_bottom30{margin-bottom: 30px;}

.p_top0{padding-top: 0;}
.p_top10{padding-top: 10px;}
.p_top20{padding-top: 20px;}
.p_top30{padding-top: 30px;}



/*pagetop*/

.pagetop {
	position: fixed;
	bottom: 10px;
	right: -220px;
}
.pagetop img {
	width: 20%;
	z-index: 10000;
}



.rank-wrapper{
	position:relative;
	z-index:0;
	background-size: auto auto;
	background-color: rgba(251, 236, 227, 1);
	background-image: repeating-linear-gradient(90deg, transparent, transparent 30px, rgba(247, 185, 166, 1) 30px, rgba(247, 185, 166, 1) 45px );
}

.rank-wrapper .container{
	padding:5%;
}

.rank{
	background-image:url(../img/back.png);
	background-repeat:no-repeat;
	background-size:cover;
}

.flag-l{
	display:block;
	position:absolute;
	z-index:-1;
	position:absolute;
	top:0;
	left:0;
}
.flag-r{
	display:block;
	position:absolute;
	z-index:-1;
	position:absolute;
	top:0;
	right:0;
}

.rank ul{
	list-style-type:none;
	width:100%;
	margin:0 auto;
	padding-bottom: 50px;
}

.rank ul li{
	width: 70%;
	position:relative;
	margin: 30px 20% 30px 10%;
}
.rank ul li img{
	width: 100%;
}
.medal{
	position:absolute;
	top:0;
	left:0;
}

.ranking-car{
	display:block;
	margin:0 auto;
}
.ranking-car{
	display:block;
	margin-left: 0px;
}
.ranking-car + p{
	font-weight:bold;
	background-color:#fff000;
	display:inline-block;
	margin-top:15px;
}

.rank ul li span{
	display:block;
	color:#e50012;
	font-weight:bold;
}

.rank ul li span + p{
	line-height:1.5;
	margin-top:5px;
}

.sp-not-padding{
	padding:0;
	margin-bottom: 10px;
}
.sp-not-padding02{
	padding:0 !important;
}

.ranking-title{
	padding: 60px 5px 5px 5px;
	margin: 0 auto;
  width:50%;
  border-bottom: 4px dashed #182987;
}
.loan_table{
	max-width: 600px;
	width: 90%;
	margin:30px 5%;
}
@media screen and (max-width:700px) {
.rank{
	background-image:url(../img/back.png);
	background-repeat:no-repeat;
	background-size:contain;
}
	.ranking-title{
	padding: 40px 5px 5px 5px;
}
.rank ul li{
	width: 80%;
	position:relative;
	margin: 30px 10%;
}
}
@media screen and (max-width:600px) {
.rank{
	background-image:url(../img/back2.png);
	background-repeat:no-repeat;
	background-size:contain;
}
	}
@media screen and (max-width:500px) {

.rank{
	background-image:url(../img/back3.png);
	background-repeat:no-repeat;
	background-size:contain;
}
	}
@media screen and (max-width:400px) {

.rank{
	background-image:url(../img/back4.png);
	background-repeat:no-repeat;
	background-size:contain;
}
	}
@media screen and (max-width:325px) {

.rank{
	background-image:url(../img/back5.png);
	background-repeat:no-repeat;
	background-size:contain;
}
	}



.okyaku{
	background-color:#dd5057;
	padding:20px 0;
	margin-top:80px;
	position:relative;
	text-align:center;
}

.okyaku:before{
	content: "";
  position: absolute;
  top: 96%;
  left: 50%;
  margin-left: -24px;
  border: 24px solid transparent;
  border-top: 24px solid #dd5057;
}

.c-voice-text{
	color:#dd5057;
	font-weight:bold;
	font-size:2.5rem;
	margin-top:40px;
	text-align:center;
}

.voice-container{
	display:flex;
	justify-content:space-between;
	align-items:center;
	border:4px solid #dd5057;
	padding:14px;
	border-radius:14px;
}

.voice-container img{
	display:block;
	margin-right:16px;
}

.voice-container p{
	padding:0;
}

.voice-title{
	font-weight:bold;
	line-height:1.5;
	font-size:1.5rem;
}

.voice-title + p{
	font-size:1.3rem;
	margin-top:10px;
}

.voice-title + p + p{
	font-size:1.3rem;
	margin-top:18px;
}

.voice-row{
	display:flex;
}

.odd{
	margin-right:15px;
}

.voice-manzoku{
	align-items:center;
	margin-top:30px;
}

.voice-manzoku .padding{
	padding:0 15px;
}

.nagare{
	background-color:#ffb200;
	padding:20px 0;
	position:relative;
	text-align:center;
}

.nagare:before{
	content: "";
  position: absolute;
  top: 96%;
  left: 50%;
  margin-left: -24px;
  border: 24px solid transparent;
  border-top: 24px solid #ffb200;
}

.nagare-container{
	border:3px solid #ffb200;
	background-color:#ffebcd;
	height:100%;
}

.nagare-container p{
	padding:0;
}

.nagare-container div{
	padding:16px;
}

.nagare-container img + div p:first-child{
	text-align:center;
}

.nagare-container img + div p:nth-child(2){
	margin-top:10px;
	text-align:center;
}

.nagare-container img + div p:last-child{
	margin-top:10px;
}

.flex1{
	flex:1;
}

.voice-row2{
	margin-top:15px;
}

.voice-row02{
	margin-top:20px;
}

.nagare-text-left{
	text-align:left !important;
}

.mt5{
	margin-top:5%;
}

.question{
	background-color:#69c200;
	padding:20px 0;
	position:relative;
	margin-top:80px;
	text-align:center;
}

.question:before{
	content: "";
  position: absolute;
  top: 96%;
  left: 50%;
  margin-left: -24px;
  border: 24px solid transparent;
  border-top: 24px solid #69c200;
}




.shitsumon-container .col-12{
	padding:0 15px;
}

.shitsumon-container ul{
	padding-left:0;
	list-style-type:none;
	margin-top:40px;
}

.shitsumon-container ul li{
	background-color:#69c200;
	border-radius:10px;
	margin-top:20px;
}

.shitsumon-container ul li:first-child{
	margin-top:0;
}

.shitsumon-container ul li p{
	padding:0;
}

.parent-dl dt img{
	display:block;
}

.parent-dl dt img:first-child{
	margin-right:10px;
}

.accordion_icon_parent{
	margin-left:auto;
	width:4%;
}

.parent-dd{
	background-color:#fff;
	padding:20px;
}

.parent-dd span{
	color:#ff0000;
}

.parent-dd p:first-child{
  font-weight:bold;
  font-size:1.3rem;
}

.parent-dd p:first-child + p{
  margin-top:10px;
  font-size:1rem;
}

.parent-dd.parent-open{
  height:auto;
}


.parent-dt .parent-link{
	display:block;
	padding:5px 10px;
	display:flex;
	align-items:center;
}

.padding-none{
	padding:0 5% 10px 5% !important;
}

.nagare-box{
	margin-top:30px;
}

.padding5{
	padding:0 5%;
}

@media screen and (max-width:480px) {

.okyaku img{
	width:30%;
}

.okyaku{
	padding: 10px 0;
  margin-top: 30px;
}

.c-voice-text {
	font-size: 1.6rem;
	margin-top: 20px;
}

.nagare img{
	width:50%;
}

.nagare{
	padding: 10px 0;
}

.question img{
	width:40%;
}

.question{
	padding: 10px 0;
	margin-top: 30px;
}

.nagare-container img + div p:first-child img{
	width:20px;
}

.nagare-container img + div p:nth-child(2) img{
	width:100%;
}

.nagare-text-width img{
	width:100% !important;
}

.nagare-text{
	font-size:1rem;
}

}

.movie_arrow {
	margin-top:14px;
}

.movie_arrow div{
	text-align:center;
}

.movie_arrow div + p{
	text-align:center;
	font-weight:bold;
	margin-top:10px;
	font-size:2.2rem;
}

.onayami-flex{
	display:flex;
	justify-content:space-around;
	align-items:center;
	margin-top:30px;
}

.onayami ul{
	list-style-type:none;
	margin-top:30px;
}

.onayami ul li{
	text-align:center;
	padding:10px 0;
	font-size:1.7rem;
}

.onayami ul li:nth-child(odd){
	background-color:#eeeeef;
}

.onayami ul li:nth-child(even){
	background-color:#c8c9ca;
}

.movie-bg{
	background-color:#f39800;
	padding:60px 0;
}

.movie-bg .col-12 > div{
	text-align:center !important;
}

.movie-bg .col-12 > div img{
	max-width:700px;
}

.video-width{
	width:70%;
	margin:0 auto;
	max-width:600px;
}

.video-width{
	margin-top:20px;
}

.ank .col-12{
		margin-top:10px;
	}

.ank .col-12:nth-child(1){
	margin-top:0;
}

@media screen and (max-width:480px) {

	.hikaku-txt{
		font-size:1.6rem;
	}
	.onayami-flex{
		padding:0 5%;
	}

	.onayami-flex img:first-child{
		width: 17%;
	}

	.onayami ul{
	padding:0 5%;
}

.movie_arrow div + p{
	font-size:1.6rem;
	line-height:1.5;
}

.movie-bg .col-12 > div img {
  width: 80%;
}

.video-width{
  width: 90%;
}

.movie-bg {
   padding: 20px 0;
}

.movie_arrow div img{
	width: 30%;
}

.movie_arrow div + p {
  margin-top: 0;
}

.onayami ul li {
  font-size: 1.3rem;
}

}

#head-menu02{
  height: 75px !important;
  padding: 0;
  box-shadow: 1px -1px 5px #ddd;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  /*
  padding: 5px 5px 5px 15px;
  text-align: center;
  height: 70px;
	*/
  z-index: 9999999999999999999999999999;
  border-bottom: solid 1px #ececec;
  background-color: #fff;

  /* display:flex;
  justify-content:space-between; */
}
#head-menu02 .container-text{
	background-color: #ff4d00;
	color: white;
	text-align: center;
	padding: 5px 0;
	font-size: 3vw;
	height: 20px;
}

#head-menu02 .container-navbar{
	display:flex;
	justify-content:space-between;
}

#head-menu02 #sp-logo{
	width: 48%;
	max-width: 154px;
	margin: 10px 0 0 5px;
}
#head-menu02 #sp-logo h1 a{
	display:block;
}
#head-menu02 ul{
	display:flex;
	list-style-type:none;
	max-width: 196px;
}
#head-menu02 ul li{
	width: calc(100%/4);
}
#head-menu02 ul li:first-child{
	background-color:#8dc833;
	padding:6px;
}
#head-menu02 ul li:nth-child(2){
	background-color:#0593de;
	padding:6px;
}
#head-menu02 ul li:nth-child(3){
	background-color:#ff9301;
	padding:6px;
}







#news{
	margin:15px auto;
	padding:0 5%;
}

.news-title{
	align-items:center;
	padding-left:20px;
	display:flex;
}

.news-title span{
	display:inline-block;
	margin-left:20px;
}

.news-title p{
	margin-bottom:0;
	font-size:2.5rem;
	font-weight:bold;
	padding:0;
}

#news ul{
	list-style-type:none;
	padding:0 !important;
	max-height: 200px;
	overflow-y: scroll;
}

#news ul li{
	border-top:solid 1px #d3d3d3;
	padding:10px 20px;
}

#news ul li span{
	color:#fff;
	background-color: #9a9a9a;
  border-radius: 15px;
  padding: 6px 10px;
  line-height: 1;
  font-size: 1.1rem;
  display:inline-block;
}

#news ul li:last-child{
	border-bottom:solid 1px #d3d3d3;
}

#news ul li p{
	padding:0 !important;
	margin-top:10px;
}










@media screen and (max-width:320px){
	#head-menu02 #sp-logo {
    width: 41%;
    margin: 12px 0 0 0;
    padding: 0 5px;
	}
}


@media screen and (max-width:768px){
	.shashu-kochira-button a{
		padding:2rem;
    height:130px;
	}
}

@media screen and (max-width:480px){
	.shashu-kochira-button{
	text-align:center;
}

.shashu-kochira-button a{
	background-color:#ff0000;
	display:inline-block;
	text-align:center;
	padding:2rem;
	border-radius:20px;
	position:relative;
	border-bottom:6px solid #aa3939;
	width:70%;
	height:85px;
}

.shashu-kochira-button a:hover{
	opacity:0.8;
}

.shashu-kochira-button a:active{
	-webkit-transform: translate(0,6px);
	-moz-transform: translate(0,6px);
	transform: translate(0,6px);
	border-bottom:none;
}

.shashu-kochira-button a img{
	width:100%;
}
}


.contact{
	max-width: 900px;
	margin: 0px auto;
	background: #fff;
	padding: 50px 20px;
}
.contact-inbox{
	max-width: 500px;
	width: 100%;
}
.contact-inbox h6{
text-align: center;
	line-height: 2;
	letter-spacing: 1.4px;
	font-size: 1rem;
}
.contact-inbox .examination{
  text-align: center;
  margin-top: 30px;
}

.submit{
	width: 100px;
	margin: 10px auto;
}

.form-wrap{
	line-height: 2;
}
.form-group{
	text-align: left;
}
.wpcf7-form-control-wrap{

}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.btn-default {
    text-shadow: 0 1px 0 #fff;
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
	border-color: #ccc;}
textarea.form-control {
    height: auto;
}



  /*20200317追加*/


  /*****after01*****/
div.after01 {
    background:url(../../img/bcg_20200302.png);
    text-align: center;
    padding-bottom: 30px;

}

div.after01 h1 {
    background:url(../../img/bcg_20200301.png);
    padding: 50px 5%;
    margin-bottom: 25px;
}
div.after01 .cont-wrap {
        margin: 0 5%;
}
div.after01 p {
    font-size: 3.25vw;
    font-weight: bold;
        line-height: 1.3;
        margin: 15px 0;
       padding: 0;
}

div.after01 p strong {
    color: #eb1c24;
    font-weight: bold;
}

/*****after02*****/
div.after02 {
    text-align: center;

    padding: 0 5%;
    padding-bottom: 25px;
}

div.after02 h1 {
    padding: 12px 0;
}
div.after02 p {
    font-size: 3.25vw;
    font-weight: bold;
        line-height: 1.3;
        margin-bottom: 15px;
        margin-top: 15px;
        padding: 0;
}

div.after02 p strong {
    color: #eb1c24;
    font-weight: bold;
}

.column-sec{
	padding-bottom: 50px;
}
.column-box{
	margin-top: 90px;
	margin-bottom: 60px;
	border: solid 2px #c9c3ad;
	padding: 20px 20px;
	height: 350px;
	overflow: scroll;
}
.column-box p{
	font-size: 130%;
	font-weight: bold;
	border-bottom: solid 2px #c9c3ad;
	padding: 0 0 5px;
	margin-bottom: 15px;
}
.column-box .column-list{
	font-size: 14px;
	line-height: 1.4;
}
.column-box .column-list dt {
	margin-bottom: 5px;
}
.column-box .column-list dd {
	margin-left: 20px;
	margin-bottom: 10px;
}
.line_textarea{
	width: 70%;
	margin: -25px auto;
}
.line_text{
	color: #e50012;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.4;
}
.button_area{
	padding-top: 15px;
}
.button_line{
	margin: 10px auto;
	width: 63%;
}