@charset "UTF-8";

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

body{
	font-family: sans-serif;
	background-color:#FFFFFF;
	color:#333333;
	font-size:14px;
	margin-bottom:-20px;
}
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.clear{
	clear:both;
}
hr{
	clear:both;
}
img{
	max-width:100%;
	padding:1px;
}
.img34{
	aspect-ratio: 3 / 4;
	object-fit:cover;
}
.img35{
	aspect-ratio: 3 / 5;
	object-fit:cover;
}
.img43{
	aspect-ratio: 4 / 3;
	object-fit:cover;
}
.img53{
	aspect-ratio: 5 / 3;
	object-fit:cover;
}
.img33{
	aspect-ratio: 3 / 3;
	object-fit:cover;
	object-position: top;
}

section{
	padding:100px 0;
}
section:after{
	content: "";
	display:block;
	clear:both;
}

.cover{
	width:100%;
	height: 300px;
	object-fit: cover;
}
.midashi_dai{
	position: relative;
}
.midashi_dai img{
	width:100%;
	height: 300px;
	object-fit: cover;
}
.midashi_dai p{
	position: absolute;
	top:40%;
	left:0;
	right:0;
	text-align:center;
	font-size:3em;
	color:#FFFFFF;
}
.midashi_dai p small{
	display:block;
	font-size:0.5em;
}

#company,#concept,#news,#therapist,#system,#access,#recruit,#contact{
	padding-top:100px;
	padding-bottom:100px;
	margin:0;
}

h3.midashi{
	font-family: serif;
	padding-top:.2em;
	font-weight:bold;
	margin-top:100px;
	color:blue;
	font-size:2.4em;
}
h3.midashi small{
	color:#333333;
}

.navbar{
	margin-bottom: 0px;
}
.navbar-nav li{
	font-size:1.2em;
	font-weight: bold;
}

.navbar-nav li small{
	font-weight:normal;
	display:block;
	font-size:0.7em;
}

.navbar-nav li:hover{
	background-color:#AA0000;
}


/* ナビバーがトップまでスクロールで固定 */
.sticky-top{
	position: sticky;
	z-index: 999;
	top: 0;
}

/* index_header */
.index_header{
	background-position: center;
	background-size: cover;
	color:#333333;
	background-color: #FFFFFF;
	
}
.index_header:after{
	content:"";
	display:block;
	height:40px;
	background-image:url("../../images/bar_city.png");
	background-position: bottom;
	background-repeat: repeat-x;
	background-size: contain;
	clear:both;
}
.index_header h1{
	font-size:1.2em;
	
}
.index_header h2{
	font-size:4em;
	color:#DD2731;
	font-weight:bold;
	font-family: Arial;
}
.index_header h2 ruby{
	ruby-position: under;
	border-top:20px solid #205097;
}

.index_header h2 ruby rt{
	font-size:0.3em;
	background-color: #205097;
	color:#FFFFFF;
}

.index_header .tel {
	font-size:2.4em;
	font-weight:bold;
	margin:6px 12px;
}
.index_header .time {
	font-size:1em;
	margin:6px 12px;
}


	
/* footer */
.footer{
	background-color:#FF6666;
	color:#FFFFFF;
	padding-bottom:20px;
}
.footer .copyright{
	text-align:center;
	font-size:1em;
}
.footer .footer_nav{
	display:block;
	text-align:center;
	margin:1em 0;
}
.footer .footer_nav li{
	display:inline-block;
	border-left:1px solid #FFFFFF;
}
.footer .footer_nav li:first-child{
	border-left: none;
}
.footer .footer_nav li a{
	padding:0 1em;
	color:#FFFFFF;
	opacity: 0.8;
}
.footer .footer_nav li a:hover{
	opacity: 1;
	text-decoration: none;
}
.footer .tel {
	font-size:1.5em;
	font-weight:bold;
}
.footer .time {
	font-size:1em;
	font-weight:bold;
}

.food_header{
	padding:1em;
}
.food_header h3{
	font-family: serif;
	font-weight: bold;
}

/* item */
.item{
	background-color: rgba(255,255,255,1);
	color:#333333;
	padding:12px;
	border-radius: 6px;
	margin:0 0 24px;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.item .name{
	margin:0.2em;
	padding:0.2em;
}
.item .time{
	border-top:1px solid rgba(0,0,0,0.3);
	margin:0.2em;
	padding:0.2em;
}

/* system price*/
.price{
	font-size:2em;
}
@media (max-width: 767px){
	.price{
		font-size:1.1em;
	}
}

.navbar-brand{
	font-family: serif;
	font-weight: bold;
}

/* ./car/ */
.preview-area{ 
	display: flex;
	flex-wrap: wrap;
}
.preview-area img{
	width: 24%;
	margin: 0 0 10px;
	object-fit: contain;
}
.preview-area img:not(:nth-child(4n)){
	margin-right: 1.333%;
}

img{
	max-width:100%;
}
.car_index{
	border-top:5px dotted #cccccc;
	padding:12px 0;
}
.car_index .thum{
  width:100%;
  height: 100px;
  object-fit: cover;
	border:2px solid #FFFFFF;
}
.urikire{
	position: absolute;
	bottom: 10%;
	right:25%;

	font-weight:bold;
	font-size:3em;
	color:#FFFFFF;
	background-color:#FF0000;
	padding:0.2em 1em;

	opacity: 0.75;
	border:10px groove #FF0000;

	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}
.urikire_mini{
	position: absolute;
	bottom: 10%;
	right:25%;

	font-weight:bold;
	font-size:24px;
	color:#FFFFFF;
	background-color:#FF0000;
	padding:0.2em 1em;

	opacity: 0.75;
	border:10px groove #FF0000;

	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}

/* policy */
.policy{}
.policy h3{}
.policy h4{
	padding-top:1em;
	padding-bottom:1em;
	font-weight:bold;
}
.policy ol, .policy ul{
	padding-top:1em;
	padding-bottom:1em;
}
.policy li{
	padding-top:0.5em;
	padding-bottom:0.5em;
}

/*cms*/
		.preview-area0{ 
		}
		.preview-area0 a{
			margin:0;
			padding:0;
		}
		.preview-area0 img{
			width: 19%;
			max-height:60px;
			margin: 0 0 10px;
			object-fit: contain;
		}
		.preview-area0 img:not(:nth-child(5n)){
			margin-right: 1%;
		}

		#thumbnails img{
			width: 24%;
			margin: 0 0 10px;
			object-fit: contain;
		}
		#thumbnails img:not(:nth-child(4n)){
			margin-right: 1.333%;
		}


/**/
.flag_condition{
	font-size:12px;
	font-weight:bold;
	position:absolute;
	top:0;
	left:0;
	background-color:#000000;
	color:#FFFF00;
	padding:0.5em 0.5em;
	border-radius: 50%;
	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}
.flag_condition_used{
	color:#CC0000;
}
.flag_condition_new{
	color:#FFFF00;
}

.flag_condition_unused{
	color:#00CC00;
}

.flag_osusume{
	font-size:10px;
	font-weight:bold;
	position:absolute;
	top:10px;
	right:20px;
	background-color:#CC0000;
	color:#FFFFFF;
	padding:1.2em 0.5em;
	border-radius: 50%;
}

/**/
.car_table{
	border:2px solid #cccccc;
}
.car_table tr td:nth-child(2n-1){
	background-color:#efefef;
	font-size:0.6em;
	width:70px;
}
.car_table td{
	border:1px solid #cccccc;
	font-size:0.8em;
	padding-right:5px;
	padding-left:5px;
}