/*----------------------
トヨタレンタリース釧路
trlkushiro.com
--
2024-03-26 org
----------------------*/

/*--------------
Form Reset
--------------*/
/*input,*/
input[type="text"],
input[type="number"],
input[type="email"],
button,
select,
textarea	{
	padding: 0 1em;
	background-color: #f0f4f8;
	min-width: initial;
	height: 48px;
	font: inherit;
	border: none;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="checkbox"]	{
	height: auto;
}

input[type="text"],
input[type="email"],
textarea	{
	width: clamp(100px, 100%, 800px);
}

textarea	{ padding: 1em; min-height: 12em; vertical-align: text-top; }

/*input[type="number"]	{ width: 4em; }*/


input[type="submit"],
.button,
.submit,
.previs	{
	display: inline-block;
	margin: 1rem auto;
	padding: .75rem 1.5rem;
	color: #fff;
	font-size: 1em;
	cursor: pointer;
	border: none;
	border-radius: .5em;
	background-color: #06c;
	transition: .3s;
	-webkit-appearance: none;
}

input[type="submit"]:after,
a.submit:after	{
	content:"\f054";
	font-family: FontAwesome;
	color: rgba(255,255,255,.5);
	margin-left: 1rem;
}

a.previs:before	{
	content:"\f053";
	font-family: FontAwesome;
	color: rgba(255,255,255,.5);
	margin-right: 1rem;
}

input[type="submit"]:hover,
.button:hover,
.submit:hover,
.previs:hover	{ color: #fff; background-color: #39f; }

label	{ cursor: pointer; display: inline-block; margin-right: 1em; }

::placeholder	{ font-size: .8em; opacity: .8; }



/*--------------
Adjust
--------------*/

article+article	{ margin-top: 4em; }
article >*	{ margin: 1em 0; }

.inquiry	{ text-align: left; }

.inquiry h4	{ text-align: left; }
.inquiry h4	{ font-size: clamp(1.0em, 5vw, 1.4em); }
.inquiry h4	{ display: flex; align-items: center; gap: 1em; white-space: nowrap; }
.inquiry h4:after {
	content: '';
	width: 100%;
	height: 1px;
	background-color: rgba(160,192,64,.6);
	background-color: #abc;
}

.required label:after	{ display: inline-block; }
.required label:after	{
	content: '必須';
	margin-left: .75em;
	padding: 0 .5em;
	font-size: .6em;
	font-weight: normal;
	color: #fff;
	background-color: #e66;
	border-radius: .5em;
	vertical-align: text-bottom;
}



/*--------------
form-select
--------------*/
.form-select	{ position: relative; height: 48px; background-color: #f0f4f8; border-radius: 4px; }
.form-select::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	margin: auto;
	width: 6px;
	height: 6px;
	border-color: #678;
	border-style: solid;
	border-width: 0;
	transform: rotate(45deg);
	border-right-width: 2px;
	border-bottom-width: 2px;
	right: 14px;
	pointer-events: none;
}
.form-select select {
	position: absolute;
	width: 100%;
	height: 100%;
}
.form-select select::-ms-expand { display: none; }


/*--------------
Lity Adjust
--------------*/
.lity-iframe-container iframe	{ border-radius: 8px; }


/* for SmartPhone Landscape */
@media screen and (min-width:480px) {
}

/* for Tablet */
@media screen and (min-width: 768px) {

	.inquiry	{ padding: 2em; }
/*	.inquiry	{ margin: auto; max-width: 78%; box-shadow: 0 0 8px #1363; border-radius: 8px; }*/
	.inquiry:first-of-type	{ padding-top: .5em; }
	.inquiry p	{ margin: 1.5em 0; }
	.inquiry .submit,
	.inquiry input[type="submit"] { margin-top: 1em; margin-left: 0; }
	.inquiry label	{ display: block; margin-bottom: .25em; }
/*
	.inquiry	{ padding: 1em 2em; }
	.inquiry:first-of-type	{ padding-top: 2em; }
	.inquiry:last-of-type	{ padding-bottom: 2em; }
	.inquiry+.inquiry	{ padding-top: 0; }
	.inquiry:not(:first-of-type){ border-top: none; }
	.inquiry:not(:last-of-type)	{ border-bottom: none; }
	.inquiry	{ display: flex; align-items: center; gap: 1.2em; }
	.inquiry dt	{ width: auto; margin: 0; white-space: nowrap; }
	.inquiry dd	{ width: 100%; margin-top: 0; }
	.inquiry input[type="submit"] { margin-left: 0; }
*/
	.half >*	{ max-width: 50%; }
	.quarter >*	{ max-width: 25%; }
}

/* for PC */
@media screen and (min-width:1024px) {
}