/* ******************************************************************
 *	File name		: page.css
 *	Summary			: css base
 * ******************************************************************
 */

/* -----------------------------------------------------------------
   student-insurance
----------------------------------------------------------------- */

#about_si_contents dl{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:30px;
}
#about_si_contents dl dt{
	width:250px;
	}
	#about_si_contents dl dt p{
		font-weight:bold;
		font-size:1.0rem;
		text-align:center;
		color:#FFF;
	}
	#about_si_contents dl dt span{
		color:#FFE555;
	}
	#about_si_contents dl dt:nth-of-type(1) p{
		background:#2BB5AC;
	}
	#about_si_contents dl dt:nth-of-type(2) p{
		background:#F08300;
}
#about_si_contents dl dd{
	width:calc(100% - 270px);
	}
	#about_si_contents dl dd strong{
		display:inline-block;
		width:100%;
		padding-top:7px;
		font-size:1.1rem;
	}
	#about_si_contents dl dd:nth-of-type(1) strong{
		color:#2BB5AC;
	}
	#about_si_contents dl dd:nth-of-type(2) strong{
		color:#F08300;
	}
	#about_si_contents dl dd p{
		font-size:0.9rem;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#about_si_contents dl dt{
		width:100%;
		}
		#about_si_contents dl dt p{
			margin-bottom:0px;
	}
	#about_si_contents dl dd{
		width:100%;
	}
}


#about_si_figure{
	position:relative;
	}
	#about_si_figure p.btn_g{
		position:absolute;
		left:calc(50% - 260px);
		bottom:30px;
		width:520px;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#about_si_figure p.btn_g{
		position:absolute;
		left:5%;
		bottom:30px;
		width:90%;
		height:auto;
	}
	#about_si_figure p.btn_g a{
		font-size:4.0vw;
		text-align:center;
	}
}


/* about_outline */
#about_outline{
	position:relative;
	margin:60px 0 0;
	padding:40px 15px 15px;
	border:3px solid #5F8FCB;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
}
#about_outline h4{
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute !important;
	top:-19px;
	left:calc(50% - 187px);
	width:375px !important;
	height:38px;
	font-weight:500;
	background:#5F8FCB;
	-moz-border-radius:19px;
	-webkit-border-radius:19px;
	border-radius:19px;
	color:#FFF;
}
#about_outline #about_outline_contents{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	}
	#about_outline #about_outline_contents > div{
		position:relative;
		width:33%;
		padding:0 15px 115px;
		background:#EAF6F5;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		border-radius:20px;
		overflow:hidden;
	}
	#about_outline #about_outline_contents div h5{
		position:relative;
		left:-15px;
		width:calc(100% + 30px);
		height:40px;
		padding:15px 0 0;
		font-weight:bold;
		font-size:1.2rem;
		text-align:center;
		background:#2BB5AC;
		color:#FFF;
	}
	#about_outline #about_outline_contents div div.aoc_type{
		position:relative;
		left:-15px;
		width:calc(100% + 30px);
		margin-bottom:15px;
		padding:10px;
		font-size:1.0rem;
		background:#74C6BE;
		color:#FFF;
		}
		#about_outline #about_outline_contents div div.aoc_type p{
			height:50px;
			margin:0px;
			font-weight:500;
			text-align:center;
			line-height:1.5;
		}
		#about_outline #about_outline_contents div div.aoc_type span{
			display:block;
			text-align:center;
			font-weight:500;
			font-size:0.9rem;
			line-height:1.5;
		}
		#about_outline #about_outline_contents div div.aoc_link{
			display:-webkit-flex;
			display:flex;
			justify-content:center;
			align-items:center;
			position:absolute;
			bottom:15px;
			left:15px;
			width:calc(100% - 30px);
			height:100px;
		}
		#about_outline #about_outline_contents > div p.btn_g{
			width:100%;
			min-width:0px;
			height:auto;
			margin:0px;
			text-align:center;
			line-height:1.5;
			}
			#about_outline #about_outline_contents > div p.btn_g a{
				padding:10px 0;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#about_outline{
		padding:40px 15px 0px;
		-moz-border-radius:13px;
		-webkit-border-radius:13px;
		border-radius:13px;
	}
	#about_outline h4{
		left:10%;
		width:80% !important;
		height:38px;
		font-size:4.0vw;
		}
		#about_outline #about_outline_contents > div{
			position:relative;
			width:100%;
			margin-bottom:15px;
			padding:0 15px 25px;
		}
		#about_outline #about_outline_contents div div.aoc_link{
			position:relative;
			bottom:0px;
			left:0px;
			width:80%;
			height:auto;
			margin:0 auto;
		}
		#about_outline #about_outline_contents div div.aoc_type p{
			height:auto;
		}
}

#medical_assist{
	width:100%;
	margin:40px 0 60px;
	}
	#medical_assist h4 span{
		display:inline-block;
		position:relative;
		margin:0 0 0 50px;
		font-size:0.95rem;
		color:#000;
	}
	#medical_assist p{
		font-size:0.92rem;
}

/* live_pass */
#live_pass{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:80px 0 60px;
	}
	#live_pass #live_pass_iframe{
		position:relative;
		width:290px;
		height:516px;
	}
	#live_pass #live_pass_iframe iframe{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
	}
	#live_pass #live_pass_text{
		width:calc(100% - 345px);
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#live_pass{
		display:block;
		}
		#live_pass #live_pass_iframe{
			margin:0 auto 20px;
		}
		#live_pass #live_pass_text{
			width:100%;
	}
}

/* big_btn */
.big_btn{
	margin:0 0 60px;
}
.big_btn strong{
	display:block;
	position:relative;
	width:300px;
	max-width:100%;
	margin:0 auto 15px;
	padding:0 40px;
	font-weight:500;
	font-size:1.7rem;
	text-align:center;
	color:var(--base-color);
	}
	.big_btn strong::before,
	.big_btn strong::after{
		content:" ";
		position:absolute;
		top:7px;
		width:40px;
		height:3px;
		background:var(--base-color);
	}
	.big_btn strong::before{
		left:0px;
		transform:rotate(60deg);
	}
	.big_btn strong::after{
		right:0px;
		transform:rotate(-60deg);
	}
.big_btn .btn{
	width:100%;
	text-align:center;
}
.big_btn .btn a{
	width:450px;
	height:100px;
	max-width:100%;
	margin:0 auto;
	font-size:1.2rem;
	-moz-border-radius:225px;
	-webkit-border-radius:225px;
	border-radius:225px;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.big_btn .btn a{
		width:100%;
		height:50px;
	}
}

/* si_contact */
#si_contact{
	position:relative;
	width:1000px;
	max-width:100%;
	margin:0 auto 100px;
	padding:45px 30px;
	border:4px solid var(--base-color);
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
	background:#FFF;
	}
	#si_contact_contents p{
		position:relative;
		margin:0 0 20px;
		padding-left:35px;
		font-weight:bold;
		font-size:1.6rem;
		text-align:left;
		line-height:1.35;
		}
		#si_contact_contents p::before{
			content:" ";
			position:absolute;
			top:3px;
			left:0px;
			width:26px;
			height:26px;
			-moz-border-radius:50%;
			-webkit-border-radius:50%;
			border-radius:50%;
			background:var(--base-color);
}

.tel_lr_box{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:30px;
	border-bottom:1px solid var(--base-color);
}
.tel_lr_box *{
	font-weight:500;
}
.tel_lr_box .tel_lr_box_l{
	width:calc(100% - 390px);
}
.tel_lr_box .tel_lr_box_r{
	width:370px;
}

.si_contact_tel{
	margin:0 0 20px;
	font-weight:bold;
	font-size:1.5rem;
	}
	.si_contact_tel b{
		font-weight:bold;
		font-size:2.8rem;
}

.attention p{
	font-size:0.8rem;
	line-height:1.5;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#si_contact{
		padding:30px 20px;
	}
	.tel_lr_box .tel_lr_box_l,
	.tel_lr_box .tel_lr_box_r{
		width:100%;
	}
	.si_contact_tel{
		font-size:1.0rem;
		}
		.si_contact_tel b{
			font-size:2.0rem;
	}
	.attention p{
		font-size:0.8rem;
		line-height:1.5;
	}
}

#strong_txt{
	font-weight:bold;
	font-size:1.5rem;
	color:var(--base-color);
	line-height:1.35;
}

.set_damage_lr_flame{
	position:relative;
	width:300px;
	max-width:100%;
	margin:0 auto 30px !important;
	}
	.set_damage_lr_flame::after{
		content:" ";
		position:absolute;
		bottom:-35px;
		left:calc(50% - 6px);
		border:13px solid transparent;
		border-top:13px solid var(--base-color);
}
/* --- responsive --- */
@media screen and (max-width:1000px){
	.set_damage_lr_flame{
		width:100%;
	}
}


/* damage_flow */
#damage_flow p{
	margin-bottom:5px;
	font-weight:500;
}
#damage_flow ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	}
	#damage_flow ul li{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:relative;
		width:18%;
		padding:20px 10px;
		font-weight:500;
		font-size:0.9rem;
		text-align:center;
		background:#FFE2BF;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		}
		#damage_flow ul li::after{
			content:" ";
			position:absolute;
			bottom:calc(50% - 10px);
			right:-29px;
			border:11px solid transparent;
			border-left:12px solid var(--base-color);
	}
	#damage_flow ul li:last-child::after{
		display:none;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#damage_flow ul li{
		width:100%;
		margin-bottom:20px;
		}
		#damage_flow ul li br{
			display:none;
		}
		#damage_flow ul li::after{
			bottom:-29px;
			right:calc(50% - 10px);
			border:11px solid transparent;
			border-top:12px solid var(--base-color);
	}
}

.si_attention{
	padding-left:10px;
	border-left:5px solid var(--base-color);
	}
	.si_attention p{
		margin-bottom:0px;
}


/* -----------------------------------------------------------------
   job
----------------------------------------------------------------- */

#for_company_banner{
	position:relative;
	height:114px;
	margin:0 0 60px;
	border:3px solid var(--base-color);
	background:#FFF7C7;
	}
	#for_company_banner a{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:relative;
		width:100%;
		height:100%;
		font-weight:bold;
		font-size:1.6rem;
		text-decoration:none;
		transition-duration:0.5s;
		color:var(--base-color);
	}
	#for_company_banner a span{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		width:170px;
		height:32px;
		margin:0 40px 0 0;
		font-size:1.2rem;
		background:var(--base-color);
		-moz-border-radius:16px;
		-webkit-border-radius:16px;
		border-radius:16px;
		color:#FFF;
	}
	#for_company_banner a::after{
		content:" ";
		position:relative;
		width:67px;
		height:66px;
		margin:0 0 0 60px;
		background:url(../../image/job/for_company_banner.png) no-repeat 0 0;
		background-size:cover
		}
		#for_company_banner a:hover{
			background:rgb(240,131,0,0.1);
}

#job_list{
	border-top:3px solid var(--base-color);
	}
	#job_list li{
		margin:0px !important;
		border-bottom:2px solid #ADADAD;
		}
		#job_list li > a{
			display:block;
			padding:20px 0 !important;
			color:#000;
			text-decoration:none;
			transition-duration:0.5s;
			}
			#job_list li:hover > a{
				text-decoration:none;
				background:rgb(240,131,0,0.2);
		}
		#job_list li p{
			margin:0px;
			font-size:1.0rem;
		}

		#job_list li .job_head{
			display:block;
			width:100%;
			margin:0 0 10px;
		}
		#job_list li p.date{
			display:inline-block;
			font-weight:bold;
			font-size:1.1rem;
			color:var(--base-color);
		}
		#job_list li p.new{
			display:inline-block;
			margin:0 0 0 45px;
			font-weight:bold;
			font-size:1.1rem;
			color:#FF2323;
		}
		#job_list li p.category{
			display:inline-block;
			height:20px;
			margin:0 0 0 15px;
			padding:0 15px;
			font-size:0.87rem;
			background:#968C8C;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;
			color:#FFF;
			line-height:1.5;
		}
		#job_list li .plus_info{
			position:relative;
			width:100%;
			margin:0px;
			font-size:0.87rem;
			}
			#job_list li .plus_info a{
				display:inline;
				display:none;
				padding:0 !important;
}

/* --- responsive --- */
@media only screen and (max-width:1000px){
	#for_company_banner{
		width:340px;
		max-width:100%;
		height:auto;
		margin:0 auto 40px;
		}
		#for_company_banner a{
			display:block;
			padding:60px 0 20px 30px;
			font-size:1.4rem;
			text-align:left;
			line-height:1.35;
		}
		#for_company_banner a span{
			position:absolute;
			top:20px;
			left:30px;
			margin:0;
			font-size:1.2rem;
		}
		#for_company_banner a::after{
			position:absolute;
			top:calc(50% - 33px);
			right:30px;
			margin:0px;
	}

	#job_list li > a{
		padding:15px 0 !important;
	}
	#job_list li p{
		font-size:0.9rem;
	}
	#job_list li .job_head{
		margin:0 0 5px;
	}
	#job_list li p.date{
		font-size:1.0rem;
	}
	#job_list li p.new{
		margin:0 0 0 20px;
		font-size:1.0rem;
	}
	#job_list li p.category{
		margin:0 0 0 20px;
		padding:0 20px;
		font-size:0.87rem;
	}
}

/* -----------------------------------------------------------------
   job article
----------------------------------------------------------------- */

#app_read_box{
	position:relative;
	margin-bottom:70px;
	border:2px solid var(--base-color);
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	overflow:hidden;
	}
	#app_read_box h3{
		margin-bottom:0px;
		background:var(--base-color);
		color:#FFF;
	}
	#app_read_box > div{
		width:840px;
		max-width:100%;
		margin:0 auto;
		padding:0 20px;
	}
	#app_read_box > div ul{
	}
	#app_read_box > div ul.disc li{
		position:relative;
		padding:30px 0 30px 25px;
		border-bottom:1px solid var(--base-color);
	}
	#app_read_box > div ul.disc li::before{
		top:35px;
		width:13px;
		height:13px;
	}
	#app_read_box > div ul li:last-child{
		border-bottom:none;
}
#app_read_box_mail{
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	text-align:left;
	margin:20px 0 0;
	}
	#app_read_box_mail p{
		display:inline-block;
		margin:0 30px 0 0;
}


#app_lr_dl{
	margin-bottom:20px;
}
#app_lr_dl dl{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	}
	#app_lr_dl dl dt{
		position:relative;
		width:150px;
		margin-bottom:50px;
	}
	#app_lr_dl dl dt span{
		display:inline-block;
		width:100%;
		padding:10px;
		background:#818181;
		color:#FFF;
	}
	#app_lr_dl dl dd{
		position:relative;
		width:calc(100% - 170px);
		margin-bottom:50px;
	}
	#app_lr_dl dl dd ul.disc li{
		margin-bottom:10px;
}

/* --- responsive --- */
@media only screen and (max-width:1000px){
	#app_read_box{
		margin-bottom:30px;
	}
	#app_lr_dl dl dt{
		width:100%;
		margin-bottom:10px;
	}
	#app_lr_dl dl dd{
		width:100%;
		margin-bottom:30px;
	}
}

/* -----------------------------------------------------------------
   教科書
----------------------------------------------------------------- */

#textbooks_flow{
}
#textbooks_flow ul{
}
#textbooks_flow ul li{
	position:relative;
	margin-bottom:40px;
	padding:15px 15px 15px 170px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background:#FFE2BF;
	}
	#textbooks_flow ul li:last-child::after{
		display:none;
	}
	#textbooks_flow ul li::after{
		content:" ";
		position:absolute;
		bottom:-45px;
		left:calc(50% - 15px);
		border:15px solid transparent;
		border-top:20px solid var(--base-color);
	}
	#textbooks_flow ul li span{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:absolute;
		top:0px;
		left:0px;
		width:160px;
		height:100%;
		font-weight:bold;
		font-size:2.0rem;
		color:var(--base-color);
	}
	#textbooks_flow ul li h4{
		font-weight:600;
	}
	#textbooks_flow ul li p{
		line-height:1.75;
	}
	#textbooks_flow ul li p:last-child{
		margin-bottom:0px;
}

/* --- responsive --- */
@media only screen and (max-width:1000px){
	#textbooks_flow ul li{
		padding:15px 15px 15px 15px;
		}
		#textbooks_flow ul li span{
			position:relative;
			width:100%;
			height:auto;
			margin-bottom:20px;
		}
		#textbooks_flow ul li h4{
			font-size:1.1rem;
			text-align:center;
	}
}

/* -----------------------------------------------------------------
   Drivers Licenses
----------------------------------------------------------------- */

#ds_introduction ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	}
	#ds_introduction ul li{
		display:-webkit-flex;
		display:flex;
		justify-content:flex-start;
		align-items:center;
		position:relative;
		width:49%;
		height:78px;
		margin-bottom:20px;
		border:2px solid var(--base-color);
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		color:var(--base-color);
		overflow:hidden;
	}
	#ds_introduction ul li.star::before,
	#ds_introduction ul li.star::after{
		content:" ";
		position:absolute;
		}
		#ds_introduction ul li.star::before{
			top:calc(50 - 15px);
			left:12px;
			width:30px;
			height:30px;
			background:#E8382F;
			-moz-border-radius:50%;
			-webkit-border-radius:50%;
			border-radius:50%;
		}
		#ds_introduction ul li.star::after{
			top:calc(50 - 15px);
			left:16px;
			width:20px;
			height:20px;
			background:url(../../image/license/star.png) no-repeat 0 0;
			background-size:cover;
	}
	#ds_introduction ul li::before{
		content:" ";
	}
	#ds_introduction ul li a.ds_pdf{
		display:-webkit-flex;
		display:flex;
		justify-content:flex-start;
		align-items:center;
		position:relative;
		top:0px;
		right:0px;
		width:100%;
		height:100%;
		padding:8px 80px 8px 50px;
		font-weight:bold;
		font-size:1.2rem;
		text-align:left;
		text-decoration:none;
		background:none;
		transition-duration:0.5s;
		z-index:99;
		}
		#ds_introduction ul li a.ds_pdf:hover{
			text-decoration:none;
			background:rgba(240,131,0,0.1);
	}
	#ds_introduction ul li a.apply{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:absolute;
		top:8px;
		right:9px;
		width:60px;
		height:60px;
		text-decoration:none;
		background:var(--base-color);
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		color:#FFF;
		transition-duration:0.5s;
		z-index:100;
		}
		#ds_introduction ul li a.apply:hover{
			text-decoration:none;
			background:#CA7000;
}

#this_school{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:50px;
	}
	#this_school figure{
		position:relative;
		width:279px;
		max-width:100%;
		height:55px;
	}
	#this_school p{
		display:-webkit-flex;
		display:flex;
		justify-content:flex-start;
		align-items:center;
		position:relative;
		width:calc(100% - 320px);
		min-height:55px;
		padding-left:15px;
		font-weight:500;
		border-left:5px solid #E8382F;
		line-height:1.5;
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#ds_introduction ul li{
		width:100%;
		height:78px;
		margin-bottom:8px;
		font-size:1.0rem;
	}
	#ds_introduction ul li a{
		font-size:1.0rem;
	}

	#this_school{
	}
	#this_school figure{
		margin:0 auto;
	}
	#this_school p{
		display:block;
		width:100%;
		min-height:0px;
		margin:0px !important;
		padding:20px 0 10px 0 !important;
		padding-left:0px;
		font-weight:500;
		font-size:0.9rem;
		text-align:center;
		border-left:none;
	}
}

#area_map_iframe{
	width:100%;
	height:600px;
	margin-bottom:30px;
	}
	#area_map_iframe iframe{
		width:100%;
		height:100%;
}

#area_map .lr_flame .lr_flame_box h4{
		font-size:1.1rem;
		text-align:left;
	}
	#area_map .lr_flame .lr_flame_box h4 span{
		display:inline-block;
		margin:0 0 0 30px;
		font-weight:bold;
		font-size:0.87rem;
	}
	.lr_flame .lr_flame_box ul li{
		position:relative;
		padding-left:20px;
	}
	.lr_flame .lr_flame_box ul li::before,
	.lr_flame .lr_flame_box ul li::after{
		content:" ";
		position:absolute;
	}
	.lr_flame .lr_flame_box ul li::before{
		top:3px;
		left:0px;
		width:17px;
		height:17px;
		background:#5F8FCB;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		border-radius:50%;
		}
		.lr_flame .lr_flame_box ul li.star::before{
			background:#E8382F;
		}
		.lr_flame .lr_flame_box ul li.star::after{
			top:5px;
			left:2px;
			width:12px;
			height:12px;
			background:url(../../image/license/star.png) no-repeat 0 0;
			background-size:cover;
}

#license_step_box ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	}
	#license_step_box ul li{
		position:relative;
		width:32%;
		margin:30px 0 0px;
		padding:30px 15px 20px;
		background:#FFE2BF;
		-moz-border-radius:12px;
		-webkit-border-radius:12px;
		border-radius:12px;
		}
		#license_step_box .step_box_num{
			display:-webkit-flex;
			display:flex;
			justify-content:center;
			align-items:center;
			position:absolute;
			top:-18px;
			left:calc(50% - 19px);
			width:39px;
			height:39px; 
			font-weight:bold;
			font-size:1.7rem;
			-moz-border-radius:50%;
			-webkit-border-radius:50%;
			border-radius:50%;
			background:var(--base-color);
			color:#FFF;
			z-index:10;
			line-height:1;
	}
	#license_step_box ul li h4{
		font-size:1.2rem;
		text-align:center;
	}
	#license_step_box ul li p{
		margin:0px !important;
		font-weight:500;
		font-size:0.9rem;
		line-height:1.75;
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#area_map_iframe{
		height:300px;
	}

	#license_step_box ul li{
		position:relative;
		width:48.5%;
	}
	#license_step_box ul li h4{
		font-size:0.95rem;
	}
	#license_step_box ul li p{
		font-size:0.80rem;
	}
}


#checklist ul{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	#checklist ul li{
		position:relative;
		width:100%;
		margin:0 0 15px;
		padding:20px 110px 15px 90px;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		border-radius:15px;
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		box-shadow: 4px 4px 5px rgba(0,0,0,0.2);
		background:#FFE2BF;
		}
		#checklist ul li h4{
			margin:0 0 5px;
		}
		#checklist ul li p{
			margin:0px;
		}
		#checklist ul li::before{
			content:" ";
			position:absolute;
			left:30px;
			top:calc(50% - 17px);
			width:35px;
			height:35px;
			background:url(../../image/base/check.png) no-repeat 0 0;
			background-size:contain;
		}
		#checklist ul li::after{
			content:" ";
			position:absolute;
			top:calc(50% - 30px);
			right:20px;
			width:75px;
			height:60px;
		}
		#checklist ul li:nth-child(1)::after{
			background:url(../../image/license/checklist_car.png) no-repeat 0 0;
			background-size:contain;
		}
		#checklist ul li:nth-child(2)::after{
			background:url(../../image/license/checklist_schedule.png) no-repeat 0 0;
			background-size:contain;
		}
		#checklist ul li:nth-child(3)::after{
			background:url(../../image/license/checklist_bus.png) no-repeat 0 0;
			background-size:contain;
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#checklist ul li{
		padding:20px 20px 15px 85px;
		}
		#checklist ul li h4{
			margin:0 0 5px;
			font-size:1.0rem;
		}
		#checklist ul li p{
			margin:0px;
			font-size:0.9rem;
		}
		#checklist ul li::before{
			content:" ";
			position:absolute;
			left:28px;
			top:70px;
			width:35px;
			height:35px;
			background:url(../../image/base/check.png) no-repeat 0 0;
			background-size:contain;
		}
		#checklist ul li::after{
			content:" ";
			position:absolute;
			top:20px;
			right:auto;
			left:20px;
			width:50px;
			height:40px;
	}
}
/* -----------------------------------------------------------------
   contact
----------------------------------------------------------------- */

#contact{
	position:relative;
	width:1000px;
	max-width:100%;
	margin:0 auto 150px;
	padding:45px 100px;
	border:4px solid var(--base-color);
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
	background:#FFF;
	}
	#contact h2 + p{
		width:100%;
		margin:0 0 20px;
		padding-bottom:20px;
		text-align:center;
		border-bottom:1px solid var(--base-color);
}

#contact_fshop{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:center;
	flex-wrap:wrap;
	position:relative;
	margin:0 0 20px;
	}
	#contact_fshop p{
		position:relative;
		margin:0 0 7px;
		font-weight:bold;
		font-size:1.2rem;
	}
	#contact_fshop p:nth-child(1){
		position:relative;
		margin:0 50px 0 0;
		padding-left:35px;
		font-size:1.6rem;
		line-height:1.35;
		}
		#contact_fshop p:nth-child(1)::before{
			content:" ";
			position:absolute;
			top:3px;
			left:0px;
			width:26px;
			height:26px;
			-moz-border-radius:50%;
			-webkit-border-radius:50%;
			border-radius:50%;
			background:var(--base-color);
}

#contact_tel{
	margin:0 0 20px;
	font-weight:bold;
	font-size:2.0rem;
	}
	#contact_tel b{
		font-weight:bold;
		font-size:3.5rem;
	}
	#contact_tel span{
		display:inline-block;
		margin:0 0 0 15px;
		font-size:1.3rem;
}

#contact_mail{
	text-align:center;
	}
	#contact_mail a{
		font-size:1.8rem;
		text-decoration:none;
		color:#000;
	}
	#contact_mail a *{
		font-weight:500 !important;
	}
	#contact_mail img{
		margin:0 10px 0 0;
}

/* --- responsive --- */
@media screen and (max-width:1000px){
	#contact{
		width:calc(100% - 40px);
		margin:0 auto 75px;
		padding:45px 50px;
	}
}
@media screen and (max-width:767px){
	#contact{
		width:100%;
		padding:35px 15px;
	}
	#contact_fshop{
		position:relative;
		margin:0 0 20px;
		}
		#contact_fshop p{
			position:relative;
			margin:0 0 7px;
			font-weight:bold;
			font-size:1.0rem;
			text-align:center;
		}
		#contact_fshop p:nth-child(1){
			margin:0 0px 0 0;
	}

	#contact_tel{
		font-size:1.0rem;
		}
		#contact_tel b{
			font-size:1.9rem;
		}
		#contact_tel span{
			font-size:1.0rem;
	}

	#contact_mail a{
		font-size:1.1rem;
	}
}

/* -----------------------------------------------------------------
   資格取得・研修
----------------------------------------------------------------- */

/* -----------------------------------------------------------------
   usefulinfo
----------------------------------------------------------------- */

#main_contents.main_usefulinfo h4{
	margin:0 0 25px;
	padding:10px 10px 10px 30px;
	background:#F8F6F0;
}
.main_usefulinfo h5{
	margin:0 0 20px;
	font-weight:bold;
	font-size:1.1rem;
	color:var(--base-color);
}
.main_usefulinfo p.strong{
	margin-bottom:10px;
	font-weight:500;
	font-size:1.1rem;
	color:#000;
}



/* -----------------------------------------------------------------
   goods_lr
----------------------------------------------------------------- */

section:has(.goods_lr){
	margin:0 0 80px;
}
#fukunyan h4{
}

.goods_lr{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 0 50px;
}
.goods_lr > div{
	width:calc(100% - 220px);
}
.goods_lr figure{
	width:200px;
	max-width:100%;
}

/* --- responsive --- */
@media only screen and (max-width:1000px){
	.goods_lr > div{
		width:100%;
	}
	.goods_lr figure{
		margin:0 auto;
	}
}

/* -----------------------------------------------------------------
   map
----------------------------------------------------------------- */

#cumpus_map_figure{
	width:100%;
	margin:25px auto;
}
/* --- responsive --- */
@media only screen and (max-width:1000px){
	#cumpus_map_figure{
		overflow-x:scroll;
		margin:25px auto 50px;
	}
	#cumpus_map_figure::after{
		content:"▲ 左右にスクロールできます";
		position:absolute;
		right:0px;
		width:100%;
		margin:10px 0;
		font-size:0.8rem;
		text-align:right;
	}
	#cumpus_map_figure figure{
		width:200%;
	}
}

section:has(.campus_locate_box){
	margin:0 0 50px;
}
.campus_locate_box{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	flex-direction:row-reverse;
	}
	.campus_locate_box .locate{
		position:relative;
		width:calc(100% - 570px);
	}
	.campus_locate_box .locate address{
		position:absolute;
		bottom:0px;
		width:100%;
		line-height:1.75;
	}
	.campus_locate_box .locate address .btn{
		margin:10px 0 0;
	}
	.campus_locate_box figure{
		width:550px;
		max-width:100%;
}

/* --- responsive --- */
@media only screen and (max-width:1000px){
	.campus_locate_box{
		display:block;
		}
		.campus_locate_box .locate{
			width:100%;
		}
		.campus_locate_box .locate address{
			position:relative;
			bottom:0px;
			width:100%;
			line-height:1.5;
		}
		.campus_locate_box .locate address .btn{
			width:100%;
			margin:10px 0 0;
		}
	.campus_locate_box figure{
			margin:0 0 10px;
	}
}

/* -----------------------------------------------------------------
   news
----------------------------------------------------------------- */

#news_list{
	border-top:3px solid var(--base-color);
	}
	#news_list li{
		position:relative;
		margin:0px !important;
		border-bottom:2px solid #ADADAD;
		}
		#news_list li > a{
			display:block;
			padding:19px 0 19px 290px;
			color:#000;
			text-decoration:none;
			transition-duration:0.5s;
			}
			#news_list li > div.nolink{
				display:block;
				padding:19px 0 19px 290px;
				color:#000;
				text-decoration:none;
				transition-duration:0.5s;
			}
			#news_list li:hover > a{
				text-decoration:none;
				background:rgb(240,131,0,0.2);
		}
		#news_list li p{
			margin:0px;
			font-weight:normal;
			font-size:1.0rem;
			line-height:1.5;
		}
		#news_list li p.date{
			position:absolute;
			top:16px;
			left:0px;
			display:inline-block;
			font-weight:bold;
			font-size:1.2rem;
			color:var(--base-color);
		}
		#news_list li p.category{
			display:-webkit-flex;
			display:flex;
			justify-content:center;
			align-items:center;
			position:absolute;
			top:20px;
			left:115px;
			width:150px;
			height:20px;
			margin:0px;
			font-size:0.80rem;
			background:#968C8C;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;
			color:#FFF;
			line-height:1;
}

/* --- responsive --- */
@media only screen and (max-width:1000px){
	#news_list li > a{
		padding:50px 0 15px 0px;
		}
		#news_list li p{
			margin:0px;
			font-size:1.0rem;
	}
}

/* -----------------------------------------------------------------
   password
----------------------------------------------------------------- */


#job_send_pw{
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	align-items:center;
}
#job_send_pw div{
	display:block;
	text-align:center;
	}
	#job_send_pw div p{
		text-align:center;
	}
	#job_send_pw div input{
		width:500px;
		max-width:100%;
		margin:15px auto 25px;
		padding:30px 20px;
		font-size:1.2rem;
		border:2px solid var(--base-color);
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		border-radius:20px;
}

/* --- responsive --- */
@media only screen and (max-width:1000px){
	#job_send_pw div p{
		font-size:0.87rem;
	}
	#job_send_pw div input{
		width:300px;
	}
}
#error_message{
	position:relative;
	width:100%;
	padding:20px 0 0px;
	font-weight:bold;
	font-size:1.1rem;
	color:#C00;
}

#login_submit{
	position:relative;
	margin:20px 0 0px;
	text-align:center;
	z-index:999;
	}
	#login_submit input{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:relative;
		text-align:center;
		width:100px !important;
		height:50px !important;
		margin:0 auto;
		padding:0px !important;
		font-weight:bold;
		color:#FFF;
		text-decoration:none;
		background:var(--base-color);
		-moz-border-radius:25px !important;
		-webkit-border-radius:25px !important;
		border-radius:25px !important;
		transition-duration:0.5s;
		opacity:1;
		cursor:pointer;
	}
	#login_submit input:hover{
		opacity:0.8;
}