/* ----------------------------------------------------------
General Settings
---------------------------------------------------------- */


/* ----------------------------------------------------------
Style for PCs
---------------------------------------------------------- */
@media screen and (min-width: 1025px) {


/*------------------------------------
Company
------------------------------------*/
.comp_sec01 {
	width: 100%;
	height: auto;
	display: block;
	background-image: url(../img/company/comp_intro_bg01.webp);
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 20% auto;
}
.comp_sec02 {
	width: 100%;
	height: auto;
	display: block;
	padding:0 15%;
	background-image: url(../img/company/comp_intro_bg02.webp);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20% auto;
}

/* titles */

h2.comp_title01 {
	font-size: clamp(26px, 2.5vw, 60px);
	line-height: 1.75em;
	text-align: center;
	font-weight: 400;
	font-family: var(--font-min);
	color:var(--color-333);
	margin:0 0 0.2em 0;
}
h2.comp_title01 span {
	font-weight: 600;
	color:var(--color-black);
}
h3.comp_title02 {
	font-size: clamp(20px, 1.75vw, 40px);
	line-height: 1.75em;
	text-align: center;
	font-weight: 400;
	font-family: var(--font-min);
	color:var(--color-333);
	margin:0 0 1em 0;
}
h3.comp_title02 span {
	font-weight: 600;
	color:var(--color-black);
}
p.comp_top_p {
	font-size: clamp(14px, 1.1vw, 24px);
	line-height: 2.5em;
	font-family: var(--font-min);
	text-align: center;
	margin-bottom: 0em;
}

.comp_title03 {
	font-size: clamp(26px, 2vw, 60px);
	line-height: 1.25em;
	font-weight: 400;
	font-family: var(--font-min);
	color:var(--color-333);
	margin:0 0 0.5em 0;
}
.comp_title03 span {
	font-weight: 600;
	color:var(--color-black);
}

.comp_title03w {
	font-size: clamp(26px, 2vw, 60px);
	line-height: 1.25em;
	font-weight: 400;
	font-family: var(--font-min);
	color:var(--color-white);
	margin:0 0 0.5em 0;
}
.comp_title03w span {
	font-weight: 600;
	color:var(--color-white);
}


/* HeadQuater */
.comp_hq_intro {
	width: 100%;
	height: auto;
	display: block;
	padding:50px 5% 0;
	margin:0 auto;
}

.comp_hq_cc01 {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 100px;
}

.chc01_cc {
	width:45%;
}

.comp_hq_cc01 .shopname_hq {
	width: 100%;
	height: auto;
	display: block;
	padding-top:65px;
	font-size: clamp(14px, 2vw, 24px);
	line-height: 1em;
	font-family: var(--font-en);
	text-align: center;
	margin-bottom: 1em;
	background-image: url(../img/header/logo_b.webp);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 50px;
}

.chc01_img {
	width:50%;
	height: auto;
	display: block;
	position: relative;
}
.chc01img_01 {
	width:100%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	margin-left:auto;
	border-radius: 5px;
}

/* Azabu */
.comp_hq_cc02 {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 100px;
}

.chc02_cc {
	order:2;
	width:40%;
}

.chc02_img {
	order:1;
	width:55%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
}
.chc02img_02 {
	width:47.5%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	border-radius: 5px;
}
.chc02img_03 {
	width:47.5%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	border-radius: 5px;
	margin-top:7.5%;
}


/* Carousel */
.carousel-container {
	margin-bottom: 0px;
}
.carousel-container .scrollerunit li {
	margin:0 0!important;
}
.carousel-container .scrollerunit li:nth-child(even) {
	margin:0 0 0!important;
}
.carousel-container .scrollerunit li img {
	box-shadow: 0px 10px 15px rgba(0,0,0,0.2)!important;
}


/* AzabuVolante */
.comp_azv_intro {
	width: 100%;
	height: auto;
	display: block;
	padding:150px 5% 100px;
	margin:0 auto;
	background-color: var(--color-1st);
}

.comp_azv_cc01 {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
}

.cazvc01_cc {
	order:2;
	width:40%;
}

.cazvc01_img {
	width:55%;
	height: auto;
	display: block;
	position: relative;
}
.cazvc01img_01 {
	order:1;
	width:100%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	margin-left:auto;
	border-radius: 5px;
}

.comp_azv_cc02 {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.comp_azv_cc01 .shopname_azv {
	width: 100%;
	height: auto;
	display: block;
	padding-top:65px;
	font-size: clamp(14px, 2vw, 24px);
	line-height: 1em;
	font-family: var(--font-en);
	text-align: center;
	margin-bottom: 1em;
	background-image: url(../img/header/logo_w.webp);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 50px;
}

.comp_azv_cc02 .comp_title03, .comp_azv_cc02 .comp_title03 span, .cazvc01_cc, .cazvc02_cc {
	color:var(--color-white);
}

.cazvc02_cc {
	order:1;
	width:40%;
}

.cazvc02_img {
	order:2;
	width:55%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
}
.cazvc02img_02 {
	width:47.5%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	border-radius: 5px;
}
.cazvc02img_03 {
	width:47.5%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	border-radius: 5px;
	margin-top:7.5%;
}


/* Custom */
.custombody {
	width: 100%;
	height: auto;
	display: block;
	background-image: url(../img/company/custombg.webp);
	background-repeat: no-repeat;
	background-position: center0;
	background-size: 100% auto;
	background-color: var(--color-black);
}
.cusb_base {
	width: 100%;
	height: auto;
	display: block;
	padding:10% 10% 10%;
}
.customtitle01 {
	font-size: clamp(20px, 2.5vw, 40px);
	font-weight: 500;
	line-height: 1em;
	text-align: center;
	font-family: var(--font-min);
	color:var(--color-white);
	text-shadow: 0px 1px 10px rgba(0,0,0,1);
	margin-bottom: 0.75em;
}
.customtitle02 {
	font-size: clamp(11px, 1.25vw, 14px);
	font-weight: 400;
	line-height: 1em;
	text-align: center;
	font-family: var(--font-en);
	color:var(--color-3rd);
	text-shadow: 0px 1px 10px rgba(0,0,0,1);
	margin-bottom: 1.5em;
}
.customcomment {
	font-size: clamp(14px, 1.1vw, 16px);
	line-height: 2em;
	text-align: center;
	color:var(--color-white);
	text-shadow: 0px 1px 10px rgba(0,0,0,1);
	margin-bottom: 22%;
}
.customlist {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:20px 20px;
}
.customlist li {
	flex:0 0 calc((100% - 20px * 2) / 3);
	height: auto;
	display: block;
	overflow: hidden;
}
.customlist li a {
	width: 100%;
	height: auto;
	display: block;
	text-decoration: none;
	padding:0;
	transition: .4s all;
}
.customlist li a:hover {
	filter: brightness(1.5);
}

/* Service */
.servicemm {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	padding:50px 0 0;
}
.servicemm .svmbody {
	width:47.5%;
	height: auto;
	display: block;
}
.servicemm .svmbody .svm_img {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	border-radius: 5px;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
}
.servicemm .svmbody .svm_img a {
	width: 100%;
	height: auto;
	display: block;
	transition: .4s all;
}
.servicemm .svmbody .svm_img a:hover {
	filter: brightness(1.5);
}
.servicemm .svmbody .svm_cc {
	width: 100%;
	height: auto;
	display: block;
	padding:2.5em 1em 1em 1em;
}
.servicemm .svmbody .svm_cc h2.svmtitle01 {
	font-size: clamp(20px, 2vw, 40px);
	font-weight: 500;
	line-height: 1em;
	font-family: var(--font-min);
	margin-bottom: 0.5em;
}
.servicemm .svmbody .svm_cc h3.svmtitle02 {
	font-size: clamp(11px, 1.25vw, 14px);
	font-weight: 400;
	line-height: 1em;
	font-family: var(--font-en);
	color:var(--color-1st);
	margin-bottom: 1em;
}
.servicemm .svmbody .svm_cc p.svmcom {
	margin-bottom: 1em;
}
.servicemm .svmbody .svm_cc p.svm_bn {
	width: fit-content;
	height: auto;
	display: block;
	font-size:14px;
	margin:0!important;
}
.servicemm .svmbody .svm_cc p.svm_bn a {
	width: 100%;
	height: auto;
	display: block;
	text-decoration: none;
	line-height: 1em;
	color: var(--color-f0);
	padding:0.75em 2em 0.75em 1em;
	background-color: var(--color-black);
	background-image: url(../img/header/ic-ar_h_w.webp);
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: auto 12px;
	border-radius: 3px;
	transition: .4s all;
}
.servicemm .svmbody .svm_cc p.svm_bn a strong {
	font-weight: 700;
	color: var(--color-white);
}
.servicemm .svmbody .svm_cc p.svm_bn a:hover {
	background-color: var(--color-1st);
	background-image: url(../img/header/ic-ar_h_w.webp);
}





/*------------------------------------
Access
------------------------------------*/
.mapbase01 {
	width: 100%;
	height: auto;
	display: flex;
}
.mb01_cc {
	width: 50%;
	height: auto;
	display: block;
}
.mb01_map {
	width: 50%;
	height: auto;
	display: flex;
}
.mb01_map iframe {
	width:100%;
	height: 100%;
	min-height: 100%;
}

.mapbase02 {
	width: 100%;
	height: auto;
	display: flex;
	background-color: var(--color-1st);
}
.mb02_cc {
	order:2;
	width: 50%;
	height: auto;
	display: block;
}
.mb02_map {
	order:1;
	width: 50%;
	height: auto;
	display: flex;
}
.mb02_map iframe {
	width:100%;
	height: 100%;
	min-height: 100%;
}


.mapbody h3 {
  width: 100%;
  height: auto;
  display: block;
  text-align: center;
  font-size:16px;
  font-weight: 400;
  line-height: 1em;
  text-align: center;
  color:var(--color-black);
  background-image: url(../img/header/logo_b.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 35px;
  padding-top:50px;
  margin-bottom: 0.8em;
}
.mapbody h4 {
  font-size:10px;
  font-family: var(--font-en);
  line-height: 1em;
  font-weight: 400;
  text-align: center;
  color:var(--color-black);
  margin-bottom: 1em;
}
.mapbody p.mbi_ad01 {
  font-size: clamp(12px, 1vw, 14px);
  line-height: 1.5em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 0.5em 0;
}
.mapbody p.mbi_ad02 {
  font-size: clamp(12px, 1vw, 14px);
  line-height: 1.5em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 2em 0;
}
.mapbody p.mbi_tel {
  width: fit-content;
  height: auto;
  display: block;
  margin:0 auto 0.5em;
}
.mapbody p.mbi_tel a {
  width: 100%;
  height: 35px;
  display: block;
  margin:0;
  text-decoration: none;
  background-color: transparent;
  background-image: url(../img/header/ic-tel_b.webp);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 35px;
  font-size:26px;
  color:var(--color-black);
  font-weight: 600;
  line-height: 35px;
  padding:0 0 0 40px;
  transition: .4s all;
}
.mapbody p.mbi_tel a:hover {
  color:var(--color-1st);
  background-image: url(../img/header/ic-tel_1st.webp);
}

.mapbody h5 {
	width: 100%;
	height: auto;
	display: block;
	font-size:16px;
	font-weight: 600;
	line-height: 1em;
	color:var(--color-black);
	text-align: center;
	padding:35px 0 0 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 30px;
	margin-bottom: 0.5em;
}
.mapbody p.mbi_access {
	text-align: center;
	font-size: clamp(12px, 1vw, 14px);
	margin-bottom: 1em;
}

.mapbase02 h3 {
	color:var(--color-white);
  background-image: url(../img/header/logo_w.webp);
}
.mapbase02 h4 {
	color:var(--color-white);
}
.mapbase02 p.mbi_ad01 {
  color:var(--color-white);
}
.mapbase02 p.mbi_ad02 {
  color:var(--color-white);
}
.mapbase02 p.mbi_tel a {
  background-image: url(../img/header/ic-tel_w.webp);
  color:var(--color-white);
}
.mapbase02 p.mbi_tel a:hover {
  background-image: url(../img/header/ic-tel_w.webp);
  color:var(--color-white);
}
.mapbase02 h5 {
	color:var(--color-white);
}
.mapbase02 h5.ic-car {
	background-image: url(../img/header/ic-car_w.webp);
}
.mapbase02 h5.ic-train {
	background-image: url(../img/header/ic-train_w.webp);
}
.mapbase02 p.mbi_access {
	color:var(--color-white);
}


/*------------------------------------
Autoloan
------------------------------------*/
.cresitlist {
	width: 70%;
	height: auto;
	display: flex;
	margin:0 auto;
}

.al_border01 {
	padding-bottom: 18%;
	background-image: url(../img/autoloan/border.webp);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	background-size: 100% auto;
}

.meritlist {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	gap:30px 30px;
}
.meritlist li {
	flex:0 0 calc((100% - 30px) / 2);
	padding:2em;
	border-radius: 10px;
	box-shadow:0px 5px 10px rgba(0,0,0,0.2);
	margin:0 auto;
}
.meritlist li h4 {
	font-size: clamp(20px, 1vw, 28px);
	font-weight: 700;
	color:var(--color-1st);
	line-height: 1.25em;
	margin-bottom: 0.5em;
}
.meritlist li p {
	font-size: clamp(14px, 1.1vw, 16px);
	line-height: 2em;
	margin-bottom: 0em;
}


.autoloan_exmaples {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	gap:50px 50px;
}
.autoloan_exmaples li {
	flex:0 0 calc((100% - 50px * 2) / 3);
	height: auto;
	display: block;
}
.autoloan_exmaples li .alex_graph {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 15px;
}
.autoloan_exmaples li .alex_cc {
	width: 100%;
	height: auto;
	display: block;
}
.autoloan_exmaples li .alex_cc h4 {
	font-size: clamp(20px, 1.5vw, 40px);
	font-weight: 700;
	color:var(--color-1st);
	line-height: 1.25em;
	margin-bottom: 0.25em;
}
.autoloan_exmaples li .alex_cc h5 {
	font-size: clamp(14px, 1vw, 16px);
	font-weight: 700;
	color:var(--color-666);
	line-height: 1.25em;
	margin-bottom: 0.5em;
}
.autoloan_exmaples li .alex_cc h6 {
	width: fit-content;
	height: auto;
	display: block;
	font-size:12px;
	font-weight: 700;
	line-height: 1em;
	padding:0 0em 7px 0em;
	color:var(--color-2nd);
	background-image: url(../img/header/box-1st.webp);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	background-size: 100% 2px;
	margin:0 0 0.25em;
}



/*------------------------------------
Recruit
------------------------------------*/
.recruitflow {
 width: 100%;
 height: auto;
 display: flex;
}
.recruitflow li {
 flex:1;
 padding:0 30px 0 0;
 margin:0 15px 0 0;
 background-image: url(../img/header/ic-flow_ar_h.webp);
 background-repeat: no-repeat;
 background-position: 100% center;
 background-size: 15px auto;
}
.recruitflow li:last-child {
 background-image: none;
}
.recruitflow li .rfli_cc {
 width: 100%;
 height: 100%;
 display: block;
 padding:2em;
 background-color: var(--color-f8);
 border-radius: 5px;
 box-shadow:0px 5px 10px rgba(0,0,0,0.2);
}
.recruitflow li .rfli_cc h4 {
 font-size: clamp(18px, 1.5vw, 24px);
	font-weight: 600;
	letter-spacing: -0.03em;
 line-height: 1em;
 text-align: center;
 margin:0 0 0.5em 0;
}
.recruitflow li .rfli_cc h4 span {
 width: 30px;
 height: 30px;
 display: block;
 margin:0 auto 0.5em;
 font-size:18px;
 font-weight: 500;
 line-height: 28px;
 color:var(--color-white);
 background-color: var(--color-1st);
 border-radius: 9999px;
}
.recruitflow li .rfli_cc p {
 margin:0;
}


/*------------------------------------
Breadcrumb
------------------------------------*/
.breadcrumb {
 width: 100%;
 height: auto;
 display: block;
 background-color: var(--color-black);
}
.breadcrumb ul {
 width: 100%;
 max-width:1920px;
 height: auto;
 display: flex;
 padding:1em 5%;
 margin: 0 auto;
}
.breadcrumb ul li {
 width:fit-content;
 height: auto;
 display: block;
 font-size:12px;
 line-height: 1.25em;
 color:var(--color-white);
 background-image: url(../img/header/ic-ar_h_w.webp);
 background-repeat: no-repeat;
 background-position: right center;
 background-size: auto 8px;
 padding-right:1.5em;
 margin-right:1em;
 white-space: nowrap;
}
.breadcrumb ul li:last-child {
 background-image: none;
 padding-right:0;
 margin-right:0;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;

}
.breadcrumb ul li a {
 text-decoration: none;
 color:var(--color-white);
}


/*------------------------------------
Link
------------------------------------*/
.linkgramm {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:50px 50px;
	margin-bottom: 100px;
}
.linkgramm li {
	flex:0 0 calc((100% - 50px * 3) /4);
	height: auto;
	display: block;
}
.linkgramm li a {
	width: 100%;
	height: auto;
	display: block;
	text-decoration: none;
	transition: .4s all;
}
.linkgramm li a img {
	width:100%;
	height: auto;
	display: block;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
	transition: .4s all;
}
.linkgramm li a:hover img {
opacity: 0.5;
}
.linkgramm li h3 {
	font-size: clamp(14px, 1.1vw, 18px);
	font-weight: 600;
	letter-spacing: -0.03em;
 line-height: 1em;
	color:var(--color-black);
 text-align: center;
 margin:0 0 0.5em 0;
}
.linkgramm li a p {
	font-size: clamp(10px, 1.25vw, 12px);
	font-weight: 400;
	letter-spacing: -0.03em;
 line-height: 1em;
	color:var(--color-999);
 text-align: center;
 margin:0!important;
	transition: .4s all;
}
.linkgramm li a:hover p {
	color: var(--color-1st);
}

/* Other Links */
.linkother {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap:10px 10px;
}
.linkother li {
flex: 0 0 calc((100% - 10px * 4) / 5);
border: 1px solid var(--color-999);
border-radius: 3px;
transition: .4s all;
}
.linkother li:hover {
border:1px solid var(--color-1st);
}
.linkother li a {
	width:100%;
	height: auto;
	display: block;
	text-decoration: none;
	color:var(--color-black);
	line-height: 30px;
	text-align: center;
	transition: .4s all;
}
.linkother li a:hover {
	color:var(--color-white);
	background-color: var(--color-1st);
}


}

/* ----------------------------------------------------------
Style for iPad Pro
---------------------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {


/*------------------------------------
Company
------------------------------------*/
.comp_sec01 {
	width: 100%;
	height: auto;
	display: block;
	background-image: url(../img/company/comp_intro_bg01.webp);
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 20% auto;
}
.comp_sec02 {
	width: 100%;
	height: auto;
	display: block;
	padding:0 15%;
	background-image: url(../img/company/comp_intro_bg02.webp);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20% auto;
}

/* titles */

h2.comp_title01 {
	font-size: clamp(26px, 2.5vw, 60px);
	line-height: 1.75em;
	text-align: center;
	font-weight: 400;
	font-family: var(--font-min);
	color:var(--color-333);
	margin:0 0 0.2em 0;
}
h2.comp_title01 span {
	font-weight: 600;
	color:var(--color-black);
}
h3.comp_title02 {
	font-size: clamp(20px, 1.75vw, 40px);
	line-height: 1.75em;
	text-align: center;
	font-weight: 400;
	font-family: var(--font-min);
	color:var(--color-333);
	margin:0 0 1em 0;
}
h3.comp_title02 span {
	font-weight: 600;
	color:var(--color-black);
}
p.comp_top_p {
	font-size: clamp(14px, 1.1vw, 24px);
	line-height: 2.5em;
	font-family: var(--font-min);
	text-align: center;
	margin-bottom: 0em;
}

.comp_title03 {
	font-size: clamp(26px, 2vw, 60px);
	line-height: 1.25em;
	font-weight: 400;
	font-family: var(--font-min);
	color:var(--color-333);
	margin:0 0 0.5em 0;
}
.comp_title03 span {
	font-weight: 600;
	color:var(--color-black);
}

.comp_title03w {
	font-size: clamp(26px, 2vw, 60px);
	line-height: 1.25em;
	font-weight: 400;
	font-family: var(--font-min);
	color:var(--color-white);
	margin:0 0 0.5em 0;
}
.comp_title03w span {
	font-weight: 600;
	color:var(--color-white);
}


/* HeadQuater */
.comp_hq_intro {
	width: 100%;
	height: auto;
	display: block;
	padding:50px 5% 0;
	margin:0 auto;
}

.comp_hq_cc01 {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 100px;
}

.chc01_cc {
	width:45%;
}

.comp_hq_cc01 .shopname_hq {
	width: 100%;
	height: auto;
	display: block;
	padding-top:65px;
	font-size: clamp(14px, 2vw, 24px);
	line-height: 1em;
	font-family: var(--font-en);
	text-align: center;
	margin-bottom: 1em;
	background-image: url(../img/header/logo_b.webp);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 50px;
}

.chc01_img {
	width:50%;
	height: auto;
	display: block;
	position: relative;
}
.chc01img_01 {
	width:100%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	margin-left:auto;
	border-radius: 5px;
}

/* Azabu */
.comp_hq_cc02 {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 100px;
}

.chc02_cc {
	order:2;
	width:40%;
}

.chc02_img {
	order:1;
	width:55%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
}
.chc02img_02 {
	width:47.5%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	border-radius: 5px;
}
.chc02img_03 {
	width:47.5%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	border-radius: 5px;
	margin-top:7.5%;
}


/* Carousel */
.carousel-container {
	margin-bottom: 0px;
}
.carousel-container .scrollerunit li {
	margin:0 0!important;
}
.carousel-container .scrollerunit li:nth-child(even) {
	margin:0 0 0!important;
}
.carousel-container .scrollerunit li img {
	box-shadow: 0px 10px 15px rgba(0,0,0,0.2)!important;
}


/* AzabuVolante */
.comp_azv_intro {
	width: 100%;
	height: auto;
	display: block;
	padding:150px 5% 100px;
	margin:0 auto;
	background-color: var(--color-1st);
}

.comp_azv_cc01 {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
}

.cazvc01_cc {
	order:2;
	width:40%;
}

.cazvc01_img {
	width:55%;
	height: auto;
	display: block;
	position: relative;
}
.cazvc01img_01 {
	order:1;
	width:100%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	margin-left:auto;
	border-radius: 5px;
}

.comp_azv_cc02 {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.comp_azv_cc01 .shopname_azv {
	width: 100%;
	height: auto;
	display: block;
	padding-top:65px;
	font-size: clamp(14px, 2vw, 24px);
	line-height: 1em;
	font-family: var(--font-en);
	text-align: center;
	margin-bottom: 1em;
	background-image: url(../img/header/logo_w.webp);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 50px;
}

.comp_azv_cc02 .comp_title03, .comp_azv_cc02 .comp_title03 span, .cazvc01_cc, .cazvc02_cc {
	color:var(--color-white);
}

.cazvc02_cc {
	order:1;
	width:40%;
}

.cazvc02_img {
	order:2;
	width:55%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
}
.cazvc02img_02 {
	width:47.5%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	border-radius: 5px;
}
.cazvc02img_03 {
	width:47.5%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	border-radius: 5px;
	margin-top:7.5%;
}


/* Custom */
.custombody {
	width: 100%;
	height: auto;
	display: block;
	background-image: url(../img/company/custombg_m.webp);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
	background-color: var(--color-black);
}
.cusb_base {
	width: 100%;
	height: auto;
	display: block;
	padding:100px 5% 35%;
}
.customtitle01 {
	font-size: clamp(20px, 2.5vw, 40px);
	font-weight: 500;
	line-height: 1em;
	text-align: center;
	font-family: var(--font-min);
	color:var(--color-white);
	text-shadow: 0px 1px 10px rgba(0,0,0,1);
	margin-bottom: 0.75em;
}
.customtitle02 {
	font-size: clamp(11px, 1.25vw, 14px);
	font-weight: 400;
	line-height: 1em;
	text-align: center;
	font-family: var(--font-en);
	color:var(--color-3rd);
	text-shadow: 0px 1px 10px rgba(0,0,0,1);
	margin-bottom: 1.5em;
}
.customcomment {
	font-size: clamp(14px, 1.1vw, 16px);
	line-height: 2em;
	text-align: center;
	color:var(--color-white);
	text-shadow: 0px 1px 10px rgba(0,0,0,1);
	margin-bottom: 2em;
}
.customlist {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:20px 20px;
}
.customlist li {
	flex:0 0 calc((100% - 20px * 2) / 3);
	height: auto;
	display: block;
	background-color: var(--color-white);
	overflow: hidden;
	border-radius: 3px;
}
.customlist li a {
	width: 100%;
	height: auto;
	display: block;
	text-decoration: none;
	padding:0;
	transition: .4s all;
}
.customlist li a:hover {
	filter: brightness(1.5);
}

/* Service */
.servicemm {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	padding:50px 0 0;
}
.servicemm .svmbody {
	width:47.5%;
	height: auto;
	display: block;
}
.servicemm .svmbody .svm_img {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	border-radius: 5px;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
}
.servicemm .svmbody .svm_img a {
	width: 100%;
	height: auto;
	display: block;
	transition: .4s all;
}
.servicemm .svmbody .svm_img a:hover {
	filter: brightness(1.5);
}
.servicemm .svmbody .svm_cc {
	width: 100%;
	height: auto;
	display: block;
	padding:2.5em 1em 1em 1em;
}
.servicemm .svmbody .svm_cc h2.svmtitle01 {
	font-size: clamp(20px, 2vw, 40px);
	font-weight: 500;
	line-height: 1em;
	font-family: var(--font-min);
	margin-bottom: 0.5em;
}
.servicemm .svmbody .svm_cc h3.svmtitle02 {
	font-size: clamp(11px, 1.25vw, 14px);
	font-weight: 400;
	line-height: 1em;
	font-family: var(--font-en);
	color:var(--color-1st);
	margin-bottom: 1em;
}
.servicemm .svmbody .svm_cc p.svmcom {
	margin-bottom: 1em;
}
.servicemm .svmbody .svm_cc p.svm_bn {
	width: fit-content;
	height: auto;
	display: block;
	font-size:14px;
	margin:0!important;
}
.servicemm .svmbody .svm_cc p.svm_bn a {
	width: 100%;
	height: auto;
	display: block;
	text-decoration: none;
	line-height: 1em;
	color: var(--color-f0);
	padding:0.75em 2em 0.75em 1em;
	background-color: var(--color-black);
	background-image: url(../img/header/ic-ar_h_w.webp);
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: auto 12px;
	border-radius: 3px;
	transition: .4s all;
}
.servicemm .svmbody .svm_cc p.svm_bn a strong {
	font-weight: 700;
	color: var(--color-white);
}
.servicemm .svmbody .svm_cc p.svm_bn a:hover {
	background-color: var(--color-1st);
	background-image: url(../img/header/ic-ar_h_w.webp);
}




/*------------------------------------
Access
------------------------------------*/
.mapbase01 {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
}
.mb01_cc {
	width: 100%;
	height: auto;
	display: block;
}
.mb01_map {
	width: 100%;
	height: auto;
	display: flex;
}
.mb01_map iframe {
	width:100%;
	height: 500px;
	display: block;
}

.mapbase02 {
	width: 100%;
	height: auto;
	display: flex;
	background-color: var(--color-1st);
	flex-direction: column;
}
.mb02_cc {
	width: 100%;
	height: auto;
	display: block;
}
.mb02_map {
	width: 100%;
	height: auto;
	display: block;
}
.mb02_map iframe {
	width:100%;
	height: 500px;
	display: block;
}


.mapbody h3 {
  width: 100%;
  height: auto;
  display: block;
  text-align: center;
  font-size:16px;
  font-weight: 400;
  line-height: 1em;
  text-align: center;
  color:var(--color-black);
  background-image: url(../img/header/logo_b.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 35px;
  padding-top:50px;
  margin-bottom: 0.8em;
}
.mapbody h4 {
  font-size:10px;
  font-family: var(--font-en);
  line-height: 1em;
  font-weight: 400;
  text-align: center;
  color:var(--color-black);
  margin-bottom: 1em;
}
.mapbody p.mbi_ad01 {
  font-size: clamp(12px, 1vw, 14px);
  line-height: 1.5em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 0.5em 0;
}
.mapbody p.mbi_ad02 {
  font-size: clamp(12px, 1vw, 14px);
  line-height: 1.5em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 2em 0;
}
.mapbody p.mbi_tel {
  width: fit-content;
  height: auto;
  display: block;
  margin:0 auto 0.5em;
}
.mapbody p.mbi_tel a {
  width: 100%;
  height: 35px;
  display: block;
  margin:0;
  text-decoration: none;
  background-color: transparent;
  background-image: url(../img/header/ic-tel_b.webp);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 35px;
  font-size:26px;
  color:var(--color-black);
  font-weight: 600;
  line-height: 35px;
  padding:0 0 0 40px;
  transition: .4s all;
}
.mapbody p.mbi_tel a:hover {
  color:var(--color-1st);
  background-image: url(../img/header/ic-tel_1st.webp);
}

.mapbody h5 {
	width: 100%;
	height: auto;
	display: block;
	font-size:16px;
	font-weight: 600;
	line-height: 1em;
	color:var(--color-black);
	text-align: center;
	padding:35px 0 0 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 30px;
	margin-bottom: 0.5em;
}
.mapbody p.mbi_access {
	text-align: center;
	font-size: clamp(12px, 1vw, 14px);
	margin-bottom: 1em;
}

.mapbase02 h3 {
	color:var(--color-white);
  background-image: url(../img/header/logo_w.webp);
}
.mapbase02 h4 {
	color:var(--color-white);
}
.mapbase02 p.mbi_ad01 {
  color:var(--color-white);
}
.mapbase02 p.mbi_ad02 {
  color:var(--color-white);
}
.mapbase02 p.mbi_tel a {
  background-image: url(../img/header/ic-tel_w.webp);
  color:var(--color-white);
}
.mapbase02 p.mbi_tel a:hover {
  background-image: url(../img/header/ic-tel_w.webp);
  color:var(--color-white);
}
.mapbase02 h5 {
	color:var(--color-white);
}
.mapbase02 h5.ic-car {
	background-image: url(../img/header/ic-car_w.webp);
}
.mapbase02 h5.ic-train {
	background-image: url(../img/header/ic-train_w.webp);
}
.mapbase02 p.mbi_access {
	color:var(--color-white);
}



/*------------------------------------
Autoloan
------------------------------------*/
.cresitlist {
	width: 70%;
	height: auto;
	display: flex;
	margin:0 auto;
}

.al_border01 {
	padding-bottom: 18%;
	background-image: url(../img/autoloan/border.webp);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	background-size: 100% auto;
}

.meritlist {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	gap:30px 30px;
}
.meritlist li {
	flex:0 0 calc((100% - 30px) / 2);
	padding:2em;
	border-radius: 10px;
	box-shadow:0px 5px 10px rgba(0,0,0,0.2);
	margin:0 auto;
}
.meritlist li h4 {
	font-size: clamp(20px, 1vw, 28px);
	font-weight: 700;
	color:var(--color-1st);
	line-height: 1.25em;
	margin-bottom: 0.5em;
}
.meritlist li p {
	font-size: clamp(14px, 1.1vw, 16px);
	line-height: 2em;
	margin-bottom: 0em;
}


.autoloan_exmaples {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	gap:50px 50px;
}
.autoloan_exmaples li {
	flex:0 0 calc((100% - 50px) / 2);
	height: auto;
	display: block;
}
.autoloan_exmaples li .alex_graph {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 15px;
}
.autoloan_exmaples li .alex_cc {
	width: 100%;
	height: auto;
	display: block;
}
.autoloan_exmaples li .alex_cc h4 {
	font-size: clamp(20px, 1.5vw, 40px);
	font-weight: 700;
	color:var(--color-1st);
	line-height: 1.25em;
	margin-bottom: 0.25em;
}
.autoloan_exmaples li .alex_cc h5 {
	font-size: clamp(14px, 1vw, 16px);
	font-weight: 700;
	color:var(--color-666);
	line-height: 1.25em;
	margin-bottom: 0.5em;
}
.autoloan_exmaples li .alex_cc h6 {
	width: fit-content;
	height: auto;
	display: block;
	font-size:12px;
	font-weight: 700;
	line-height: 1em;
	padding:0 0em 7px 0em;
	color:var(--color-2nd);
	background-image: url(../img/header/box-1st.webp);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	background-size: 100% 2px;
	margin:0 0 0.25em;
}


 /*------------------------------------
Recruit
------------------------------------*/
.recruitflow {
 width: 100%;
 height: auto;
 display: flex;
}
.recruitflow li {
 flex:1;
 padding:0 30px 0 0;
 margin:0 15px 0 0;
 background-image: url(../img/header/ic-flow_ar_h.webp);
 background-repeat: no-repeat;
 background-position: 100% center;
 background-size: 15px auto;
}
.recruitflow li:last-child {
 background-image: none;
}
.recruitflow li .rfli_cc {
 width: 100%;
 height: 100%;
 display: block;
 padding:2em;
 background-color: var(--color-f8);
 border-radius: 5px;
 box-shadow:0px 5px 10px rgba(0,0,0,0.2);
}
.recruitflow li .rfli_cc h4 {
 font-size: clamp(18px, 1.5vw, 24px);
	font-weight: 600;
	letter-spacing: -0.03em;
 line-height: 1em;
 text-align: center;
 margin:0 0 0.5em 0;
}
.recruitflow li .rfli_cc h4 span {
 width: 30px;
 height: 30px;
 display: block;
 margin:0 auto 0.5em;
 font-size:18px;
 font-weight: 500;
 line-height: 28px;
 color:var(--color-white);
 background-color: var(--color-1st);
 border-radius: 9999px;
}
.recruitflow li .rfli_cc p {
 margin:0;
}


/*------------------------------------
Breadcrumb
------------------------------------*/
.breadcrumb {
 width: 100%;
 height: auto;
 display: block;
 background-color: var(--color-black);
}
.breadcrumb ul {
 width: 100%;
 max-width:1920px;
 height: auto;
 display: flex;
 padding:1em 5%;
 margin: 0 auto;
}
.breadcrumb ul li {
 width:fit-content;
 height: auto;
 display: block;
 font-size:12px;
 line-height: 1.25em;
 color:var(--color-white);
 background-image: url(../img/header/ic-ar_h_w.webp);
 background-repeat: no-repeat;
 background-position: right center;
 background-size: auto 8px;
 padding-right:1.5em;
 margin-right:1em;
 white-space: nowrap;
}
.breadcrumb ul li:last-child {
 background-image: none;
 padding-right:0;
 margin-right:0;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.breadcrumb ul li a {
 text-decoration: none;
 color:var(--color-white);
}


/*------------------------------------
Link
------------------------------------*/
.linkgramm {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:50px 50px;
	margin-bottom: 100px;
}
.linkgramm li {
	flex:0 0 calc((100% - 50px * 2) / 3);
	height: auto;
	display: block;
}
.linkgramm li a {
	width: 100%;
	height: auto;
	display: block;
	text-decoration: none;
	transition: .4s all;
}
.linkgramm li a img {
	width:100%;
	height: auto;
	display: block;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
	transition: .4s all;
}
.linkgramm li a:hover img {
opacity: 0.5;
}
.linkgramm li h3 {
	font-size: clamp(14px, 1.1vw, 18px);
	font-weight: 600;
	letter-spacing: -0.03em;
 line-height: 1em;
	color:var(--color-black);
 text-align: center;
 margin:0 0 0.5em 0;
}
.linkgramm li a p {
	font-size: clamp(10px, 1.25vw, 12px);
	font-weight: 400;
	letter-spacing: -0.03em;
 line-height: 1em;
	color:var(--color-999);
 text-align: center;
 margin:0!important;
	transition: .4s all;
}
.linkgramm li a:hover p {
	color: var(--color-1st);
}

/* Other Links */
.linkother {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap:10px 10px;
}
.linkother li {
flex: 0 0 calc((100% - 10px * 2) / 3);
border: 1px solid var(--color-999);
border-radius: 3px;
transition: .4s all;
}
.linkother li:hover {
border:1px solid var(--color-1st);
}
.linkother li a {
	width:100%;
	height: auto;
	display: block;
	text-decoration: none;
	color:var(--color-black);
	line-height: 30px;
	text-align: center;
	transition: .4s all;
}
.linkother li a:hover {
	color:var(--color-white);
	background-color: var(--color-1st);
}



}


/* ----------------------------------------------------------
Style for Smartphone
---------------------------------------------------------- */
@media screen and (max-width: 768px) {


/*------------------------------------
Company
------------------------------------*/
.comp_sec01 {
	width: 100%;
	height: auto;
	display: block;
	background-image: url(../img/company/comp_intro_m.webp);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}
.comp_sec02 {
	width: 100%;
	height: auto;
	display: block;
	padding:0 0 30% 0;
	background-image:none;
}

/* titles */

h2.comp_title01 {
	font-size: clamp(26px, 2.5vw, 60px);
	line-height: 1.75em;
	font-weight: 400;
	font-family: var(--font-min);
	color:var(--color-333);
	margin:0 0 0.2em 0;
}
h2.comp_title01 span {
	font-weight: 600;
	color:var(--color-black);
}
h3.comp_title02 {
	font-size: clamp(20px, 1.75vw, 40px);
	line-height: 1.75em;
	font-weight: 400;
	font-family: var(--font-min);
	color:var(--color-333);
	margin:0 0 1em 0;
}
h3.comp_title02 span {
	font-weight: 600;
	color:var(--color-black);
}
p.comp_top_p {
	font-size: clamp(14px, 1.1vw, 24px);
	line-height: 2em;
	font-family: var(--font-min);
	margin-bottom: 0em;
	text-shadow: 0px 1px 8px rgba(255,255,255,1);
}
p.comp_top_p br {
	display: none;
}

.comp_title03 {
	font-size: clamp(26px, 2vw, 60px);
	line-height: 1.25em;
	font-weight: 400;
	font-family: var(--font-min);
	color:var(--color-333);
	margin:0 0 0.5em 0;
}
.comp_title03 span {
	font-weight: 600;
	color:var(--color-black);
}

.comp_title03w {
	font-size: clamp(26px, 2vw, 60px);
	line-height: 1.25em;
	font-weight: 400;
	font-family: var(--font-min);
	color:var(--color-white);
	margin:0 0 0.5em 0;
}
.comp_title03w span {
	font-weight: 600;
	color:var(--color-white);
}


/* HeadQuater */
.comp_hq_intro {
	width: 100%;
	height: auto;
	display: block;
	padding:50px 5% 0;
	margin:0 auto;
}

.comp_hq_cc01 {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	margin-bottom: 50px;
}

.chc01_cc {
	width:100%;
	height: auto;
	display: block;
	margin-bottom: 50px;
}

.comp_hq_cc01 .shopname_hq {
	width: 100%;
	height: auto;
	display: block;
	padding-top:65px;
	font-size: clamp(14px, 2vw, 24px);
	line-height: 1em;
	font-family: var(--font-en);
	text-align: center;
	margin-bottom: 1em;
	background-image: url(../img/header/logo_b.webp);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 50px;
}

.chc01_img {
	width:100%;
	height: auto;
	display: block;
	position: relative;
}
.chc01img_01 {
	width:100%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	margin-left:auto;
	border-radius: 5px;
}

/* Azabu */
.comp_hq_cc02 {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	margin-bottom: 100px;
}

.chc02_cc {
	order:2;
	width:100%;
}

.chc02_img {
	order:1;
	width:100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	margin-bottom: 50px;
}
.chc02img_02 {
	width:47.5%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	border-radius: 5px;
}
.chc02img_03 {
	width:47.5%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	border-radius: 5px;
	margin-top:7.5%;
}


/* Carousel */
.carousel-container {
	margin-bottom: 0px;
}
.carousel-container .scrollerunit li {
	margin:0 0!important;
}
.carousel-container .scrollerunit li:nth-child(even) {
	margin:0 0 0!important;
}
.carousel-container .scrollerunit li img {
	box-shadow: 0px 10px 15px rgba(0,0,0,0.2)!important;
}


/* AzabuVolante */
.comp_azv_intro {
	width: 100%;
	height: auto;
	display: block;
	padding:100px 5% 100px;
	margin:0 auto;
	background-color: var(--color-1st);
}

.comp_azv_cc01 {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	margin-bottom: 50px;
}

.cazvc01_cc {
	width:100%;
	height: auto;
	display: block;
	margin-bottom: 50px;
}

.cazvc01_img {
	width:100%;
	height: auto;
	display: block;
	position: relative;
}
.cazvc01img_01 {
	width:100%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	margin-left:auto;
	border-radius: 5px;
}

.comp_azv_cc02 {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

.comp_azv_cc01 .shopname_azv {
	width: 100%;
	height: auto;
	display: block;
	padding-top:65px;
	font-size: clamp(14px, 2vw, 24px);
	line-height: 1em;
	font-family: var(--font-en);
	text-align: center;
	margin-bottom: 1em;
	background-image: url(../img/header/logo_w.webp);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 50px;
}

.comp_azv_cc02 .comp_title03, .comp_azv_cc02 .comp_title03 span, .cazvc01_cc, .cazvc02_cc {
	color:var(--color-white);
}

.cazvc02_cc {
	order:1;
	width:100%;
	height: auto;
	display: block;
	margin-bottom: 50px;
}

.cazvc02_img {
	order:2;
	width:100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
}
.cazvc02img_02 {
	width:47.5%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	border-radius: 5px;
}
.cazvc02img_03 {
	width:47.5%;
	height: auto;
	display: block;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
	border-radius: 5px;
	margin-top:7.5%;
}


/* Custom */
.custombody {
	width: 100%;
	height: auto;
	display: block;
	background-image: url(../img/company/custombg_m.webp);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
	background-color: var(--color-black);
}
.cusb_base {
	width: 100%;
	height: auto;
	display: block;
	padding:100px 5% 35%;
}
.customtitle01 {
	font-size: clamp(20px, 2.5vw, 40px);
	font-weight: 500;
	line-height: 1em;
	font-family: var(--font-min);
	color:var(--color-white);
	text-shadow: 0px 1px 10px rgba(0,0,0,1);
	margin-bottom: 0.75em;
}
.customtitle02 {
	font-size: clamp(11px, 1.25vw, 14px);
	font-weight: 400;
	line-height: 1em;
	font-family: var(--font-en);
	color:var(--color-3rd);
	text-shadow: 0px 1px 10px rgba(0,0,0,1);
	margin-bottom: 1.5em;
}
.customcomment {
	font-size: clamp(14px, 1.1vw, 16px);
	line-height: 2em;
	color:var(--color-white);
	text-shadow: 0px 1px 10px rgba(0,0,0,1);
	margin-bottom: 2em;
}
.customlist {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:5px 5px;
}
.customlist li {
	flex:0 0 calc((100% - 5px) / 2);
	height: auto;
	display: block;
	background-color: var(--color-white);
	overflow: hidden;
	border-radius: 3px;
}
.customlist li a {
	width: 100%;
	height: auto;
	display: block;
	text-decoration: none;
	padding:0;
	transition: .4s all;
}
.customlist li a:hover {
	filter: brightness(1.5);
}

/* Service */
.servicemm {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	padding:50px 0 0;
}
.servicemm .svmbody {
	width: 100%;
	height: auto;
	display: block;
}
.servicemm .svmbody:nth-of-type(1) {
	margin-bottom: 50px;
}
.servicemm .svmbody .svm_img {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	border-radius: 5px;
	box-shadow:0px 10px 15px rgba(0,0,0,0.2);
}
.servicemm .svmbody .svm_img a {
	width: 100%;
	height: auto;
	display: block;
	transition: .4s all;
}
.servicemm .svmbody .svm_img a:hover {
	filter: brightness(1.5);
}
.servicemm .svmbody .svm_cc {
	width: 100%;
	height: auto;
	display: block;
	padding:2.5em 1em 1em 1em;
}
.servicemm .svmbody .svm_cc h2.svmtitle01 {
	font-size: clamp(20px, 2vw, 40px);
	font-weight: 500;
	line-height: 1em;
	font-family: var(--font-min);
	margin-bottom: 0.5em;
}
.servicemm .svmbody .svm_cc h3.svmtitle02 {
	font-size: clamp(11px, 1.25vw, 14px);
	font-weight: 400;
	line-height: 1em;
	font-family: var(--font-en);
	color:var(--color-1st);
	margin-bottom: 1em;
}
.servicemm .svmbody .svm_cc p.svmcom {
	margin-bottom: 1em;
}
.servicemm .svmbody .svm_cc p.svm_bn {
	width: fit-content;
	height: auto;
	display: block;
	font-size:14px;
	margin:0!important;
}
.servicemm .svmbody .svm_cc p.svm_bn a {
	width: 100%;
	height: auto;
	display: block;
	text-decoration: none;
	line-height: 1em;
	color: var(--color-f0);
	padding:0.75em 2em 0.75em 1em;
	background-color: var(--color-black);
	background-image: url(../img/header/ic-ar_h_w.webp);
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: auto 12px;
	border-radius: 3px;
	transition: .4s all;
}
.servicemm .svmbody .svm_cc p.svm_bn a strong {
	font-weight: 700;
	color: var(--color-white);
}
.servicemm .svmbody .svm_cc p.svm_bn a:hover {
	background-color: var(--color-1st);
	background-image: url(../img/header/ic-ar_h_w.webp);
}




	/*------------------------------------
Access
------------------------------------*/
.mapbase01 {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
}
.mb01_cc {
	width: 100%;
	height: auto;
	display: block;
}
.mb01_map {
	width: 100%;
	height: auto;
	display: flex;
}
.mb01_map iframe {
	width:100%;
	height: 500px;
	display: block;
}

.mapbase02 {
	width: 100%;
	height: auto;
	display: flex;
	background-color: var(--color-1st);
	flex-direction: column;
}
.mb02_cc {
	width: 100%;
	height: auto;
	display: block;
}
.mb02_map {
	width: 100%;
	height: auto;
	display: block;
}
.mb02_map iframe {
	width:100%;
	height: 500px;
	display: block;
}


.mapbody h3 {
  width: 100%;
  height: auto;
  display: block;
  text-align: center;
  font-size:16px;
  font-weight: 400;
  line-height: 1em;
  text-align: center;
  color:var(--color-black);
  background-image: url(../img/header/logo_b.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 35px;
  padding-top:50px;
  margin-bottom: 0.8em;
}
.mapbody h4 {
  font-size:10px;
  font-family: var(--font-en);
  line-height: 1em;
  font-weight: 400;
  text-align: center;
  color:var(--color-black);
  margin-bottom: 1em;
}
.mapbody p.mbi_ad01 {
  font-size: clamp(12px, 1vw, 14px);
  line-height: 1.5em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 0.5em 0;
}
.mapbody p.mbi_ad02 {
  font-size: clamp(12px, 1vw, 14px);
  line-height: 1.5em;
  text-align: center;
  color:var(--color-black);
  margin:0 0 2em 0;
}
.mapbody p.mbi_tel {
  width: fit-content;
  height: auto;
  display: block;
  margin:0 auto 0.5em;
}
.mapbody p.mbi_tel a {
  width: 100%;
  height: 35px;
  display: block;
  margin:0;
  text-decoration: none;
  background-color: transparent;
  background-image: url(../img/header/ic-tel_b.webp);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 35px;
  font-size:26px;
  color:var(--color-black);
  font-weight: 600;
  line-height: 35px;
  padding:0 0 0 40px;
  transition: .4s all;
}
.mapbody p.mbi_tel a:hover {
  color:var(--color-1st);
  background-image: url(../img/header/ic-tel_1st.webp);
}

.mapbody h5 {
	width: 100%;
	height: auto;
	display: block;
	font-size:16px;
	font-weight: 600;
	line-height: 1em;
	color:var(--color-black);
	text-align: center;
	padding:35px 0 0 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 30px;
	margin-bottom: 0.5em;
}
.mapbody p.mbi_access {
	text-align: center;
	font-size: clamp(12px, 1vw, 14px);
	margin-bottom: 1em;
}

.mapbase02 h3 {
	color:var(--color-white);
  background-image: url(../img/header/logo_w.webp);
}
.mapbase02 h4 {
	color:var(--color-white);
}
.mapbase02 p.mbi_ad01 {
  color:var(--color-white);
}
.mapbase02 p.mbi_ad02 {
  color:var(--color-white);
}
.mapbase02 p.mbi_tel a {
  background-image: url(../img/header/ic-tel_w.webp);
  color:var(--color-white);
}
.mapbase02 p.mbi_tel a:hover {
  background-image: url(../img/header/ic-tel_w.webp);
  color:var(--color-white);
}
.mapbase02 h5 {
	color:var(--color-white);
}
.mapbase02 h5.ic-car {
	background-image: url(../img/header/ic-car_w.webp);
}
.mapbase02 h5.ic-train {
	background-image: url(../img/header/ic-train_w.webp);
}
.mapbase02 p.mbi_access {
	color:var(--color-white);
}



/*------------------------------------
Autoloan
------------------------------------*/
.cresitlist {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:20px 20px;
}
.cresitlist li {
	flex:0 0 calc((100% - 20px) / 2);
}

.al_border01 {
	padding-bottom: 30%;
	background-image: url(../img/autoloan/border.webp);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 150% auto;
}

.meritlist {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap:10px 0px;
}
.meritlist li {
	width:100%;
	padding:1.5em;
	border-radius: 10px;
	box-shadow:0px 5px 10px rgba(0,0,0,0.2);
	margin:0 auto;
}
.meritlist li h4 {
	font-size: clamp(20px, 1vw, 28px);
	font-weight: 700;
	color:var(--color-1st);
	line-height: 1.25em;
	margin-bottom: 0.5em;
}
.meritlist li p {
	font-size: clamp(14px, 1.1vw, 16px);
	line-height: 2em;
	margin-bottom: 0em;
}


.autoloan_exmaples {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 50px 0;
}
.autoloan_exmaples li {
	width:100%;
	height: auto;
	display: block;
}
.autoloan_exmaples li .alex_graph {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 5px;
}
.autoloan_exmaples li .alex_cc {
	width: 100%;
	height: auto;
	display: block;
}
.autoloan_exmaples li .alex_cc h4 {
	font-size: clamp(20px, 1.5vw, 40px);
	font-weight: 700;
	color:var(--color-1st);
	line-height: 1.25em;
	margin-bottom: 0.25em;
}
.autoloan_exmaples li .alex_cc h5 {
	font-size: clamp(14px, 1vw, 16px);
	font-weight: 700;
	color:var(--color-666);
	line-height: 1.25em;
	margin-bottom: 0.5em;
}
.autoloan_exmaples li .alex_cc h6 {
	width: fit-content;
	height: auto;
	display: block;
	font-size:12px;
	font-weight: 700;
	line-height: 1em;
	padding:0 0em 7px 0em;
	color:var(--color-2nd);
	background-image: url(../img/header/box-1st.webp);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	background-size: 100% 2px;
	margin:0 0 0.25em;
}


/*------------------------------------
Recruit
------------------------------------*/
.recruitflow {
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: column;
}
.recruitflow li {
 width: 100%;
 height: auto;
 display: block;
 padding:0 0 30px 0;
 margin:0 0 15px 0;
 background-image: url(../img/header/ic-flow_ar_v.webp);
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size: auto 15px;
}
.recruitflow li:last-child {
 background-image: none;
}
.recruitflow li .rfli_cc {
 width: 100%;
 height: 100%;
 display: block;
 padding:1em;
 text-align: center;
 background-color: var(--color-f8);
 border-radius: 5px;
 box-shadow:0px 5px 10px rgba(0,0,0,0.2);
}
.recruitflow li .rfli_cc h4 {
 font-size: clamp(18px, 1.5vw, 24px);
	font-weight: 600;
	letter-spacing: -0.03em;
 line-height: 1em;
 text-align: center;
 margin:0 0 0.5em 0;
}
.recruitflow li .rfli_cc h4 span {
 width: 30px;
 height: 30px;
 display: block;
 margin:0 auto 0.5em;
 font-size:18px;
 font-weight: 500;
 line-height: 28px;
 color:var(--color-white);
 background-color: var(--color-1st);
 border-radius: 9999px;
}
.recruitflow li .rfli_cc p {
 margin:0;
}

/*------------------------------------
Breadcrumb
------------------------------------*/
.breadcrumb {
 display: none;
}


/*------------------------------------
Link
------------------------------------*/
.linkgramm {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:30px 0px;
	margin-bottom: 100px;
}
.linkgramm li {
	width: 100%;
	height: auto;
	display: block;
}
.linkgramm li a {
	width: 100%;
	height: auto;
	display: block;
	text-decoration: none;
	transition: .4s all;
}
.linkgramm li a img {
	width:60%;
	height: auto;
	display: block;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	margin:0 auto 20px;
	transition: .4s all;
}
.linkgramm li a:hover img {
opacity: 0.5;
}
.linkgramm li h3 {
	font-size: clamp(14px, 1.1vw, 18px);
	font-weight: 600;
	letter-spacing: -0.03em;
 line-height: 1em;
	color:var(--color-black);
 text-align: center;
 margin:0 0 0.5em 0;
}
.linkgramm li a p {
	font-size: clamp(10px, 1.25vw, 12px);
	font-weight: 400;
	letter-spacing: -0.03em;
 line-height: 1em;
	color:var(--color-999);
 text-align: center;
 margin:0!important;
	transition: .4s all;
}
.linkgramm li a:hover p {
	color: var(--color-1st);
}

/* Other Links */
.linkother {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap:10px 10px;
}
.linkother li {
flex: 0 0 calc((100% - 10px) / 2);
border: 1px solid var(--color-999);
border-radius: 3px;
transition: .4s all;
}
.linkother li:hover {
border:1px solid var(--color-1st);
}
.linkother li a {
	width:100%;
	height: auto;
	display: block;
	text-decoration: none;
	color:var(--color-black);
	line-height: 30px;
	text-align: center;
	transition: .4s all;
}
.linkother li a:hover {
	color:var(--color-white);
	background-color: var(--color-1st);
}



}