@charset "UTF-8";

/* ===================================================================
	ドライバーの種類のcss
=================================================================== */

.sub_page_title {
	width: var(--def-width);
	max-width: var(--def-max-width);
	margin: 20px auto 40px;
}

.introduction_content {
	width: var(--def-width);
	max-width: var(--def-max-width);
	margin: 0 auto;
	padding: 50px;
	border: solid 5px var(--bs-dorapita03);
	border-radius: 25px;
	background: var(--bs-white);
	filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.2));
}
.introduction .sec {
	margin: 0 0 50px;
}
.introduction .sec:last-child {
	margin-bottom: 0;
}

.introduction .sec p {
	margin-bottom: 1em;
	font-size: 1.1rem;
	line-height: 1.8;
}
.introduction .sec h3 {
	margin-bottom:15px;
	font-weight:700;
	font-size:1.6rem;
	color:var(--bs-dorapita);
	line-height: 1.4;
}
.introduction .sec h4 {
	font-weight:700;
	font-size:1.3rem;
	line-height: 1.4;
}




.introduction .sec .main_img {
	text-align:center;
	margin:30px auto 0;
}
.introduction_ex {
	margin:20px 0 ;
}
.introduction_ex:last-child {
	margin-bottom: 0;
}
.introduction_ex h4 {
	margin-bottom:10px;
	padding: .5em;
	background: var(--bs-dorapita03);
}

.introduction_ex.fbox {
	display: flex;
	justify-content: space-between;
}
.introduction_ex_detail {
	order: 2;
}
.introduction_ex_img {
	order: 1;
	flex-shrink: 0;
	flex-grow: 0;
	width: 25%;
	max-width: 250px;
	margin-right: 20px;
}
.introduction_ex_img_sp {
	display: none;
}


.taxi_ryokin {
	margin: 1em 0;
	text-align: center;
}
/*

.introduction .sec .main_img img {
	width:100%;
	max-width:460px;
}
.taxi_ryokin img {
	height:30px;
}
.taxi_ryokin img {
	height:30px;
}
.introduction_ex_img {
	width:auto;
	float:none;
	text-align:center;
	margin:0 0 10px;
}
.introduction_ex_txt {
	width:auto;
	float:none;
}*/



.introduction_other_list {
	width: var(--def-width);
	max-width: var(--def-max-width);
	margin: 20px auto 0;
	padding: 20px;
	border: solid 5px var(--bs-dorapita03);
	border-radius: 25px;
	background: var(--bs-white);
	filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.2));
}
.introduction_other_list ul {
	display: flex;
	flex-wrap: wrap;
}
.introduction_other_list ul li {
	margin-right:1.5em;
}
.introduction_other_list ul li a {
	text-decoration: underline;
}
.introduction_other_list ul li a i {
	margin-right: .3em;
	color: var(--bs-dorapita);
}


/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1400px) {
	
}


/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 
	
	
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {

}


/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	.introduction_content {
		padding: 20px;
	}
	
	.introduction_ex.fbox {
		flex-direction: column;
	}
	.introduction_ex_img {
		display: none;
	}
	.introduction .sec p.introduction_ex_img_sp {
		display: block;
		width: 100%;
		max-width: inherit;
		margin: 0 0 10px;
		text-align: center;
	}
}



/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	
}




@media (max-width: 479px) {
	
}