@charset "utf-8";

/* subsidy
---------------------------------------------------- */
.subsidy{
	padding:5px 10px 0 10px;
}
.subsidy > h2{
	font-size:1.2rem;
	padding:7px 0 7px 0;
}

.subsidy-p{
	width:90%;
	margin:10px auto 0 auto;
	font-size:0.8rem;
	line-height:1.2rem;
	letter-spacing:0.1rem;
}
.subsidy-h3{
	display:block;
	width:90%;
	text-align:center;
	padding:10px 0 10px 0;
	margin:40px auto 10px auto;
	font-size:1.1rem;
	background-color:#FFF;
	border:solid 1px #999;
}
.subsidy-date-p{
	display:block;
	width:90%;
	padding:20px 10px 20px 10px;
	background-color:#FFFAEF;
	text-align:center;
}
.subsidy-date-p > span{
	font-size:1.0rem;
}

.subsidy-img{
  width:90%;
  margin-top:10px;
}
.subsidy-navi-p{
	text-align:center;
	margin:40px 0 10px 0;
	font-size:1.2rem;
	font-weight:bold
}
.subsidy-title-p{
	margin-top:10px;
	font-size:1.0rem;
	line-height:2.0rem;
	text-align:center;
}
.subsidy-link{
	display:block;
	font-size:1.1rem;
	text-align:center;
	text-decoration:underline !important;
}
.subsidy-detail-p{
	width:100%;
	margin:10px auto 0 auto;
	font-size:1.0rem;
	line-height:2.0rem;
	text-align:center;
}
.subsidy > a > img{
	width:100%;
	margin:0 auto 0 auto;
}
/* トラック協会講習
---------------------------------------------------- */
.truck{
	padding:0 0 0 0;
}
.truck-p{
	width:94%;
	padding:3px 0 3px 0;
	font-size:0.9rem;
	margin:20px auto 10px auto;
	line-height:1.8rem;
	letter-spacing:0.10rem;
}
.truck_subsidy-img{
 	display:block;
	margin-top:12px;
	width: 94%;
}

picture +.truck-p{
	margin-top:14px !important;
	padding-top:0px !important;
}

.truck-subsidy-h2{
	width:100%;
	font-size:1.4rem !important;
	padding:5px 10px 5px 10px;
	margin:20px auto 0 auto;
	text-align:center;
}
.truck-subsidy-h2:nth-of-type(2),
.truck-subsidy-h2:nth-of-type(3),
.truck-subsidy-h2:nth-of-type(4){
	margin-top:30px;
}
.subsidy_course{
	width:94%;
	padding:10px 0 10px 0;
	margin:30px auto 0 auto;
	border-top: 1px solid #390;
}
.subsidy_course + .subsidy_course{
	margin-top:70px;
}
.truck-subsidy-h3{
	width:60%;
	text-align:center;
	font-size:1.2rem;
	letter-spacing:0.8rem;
	background-color:#FFF;
	border-top:2px solid #093;	
	border-left:10px solid #093;
	border-right:10px solid #093;
	border-bottom:2px solid #093;
	padding:4px 0 4px 0;
	display:block;
	margin:-30px auto 0 auto !important; 
	position: relative;
}
.truck-subsidy-h3:nth-of-type(2){
	margin-top:20px;
}
table + .truck-subsidy-h4{
	margin-top:20px
}
.truck-subsidy-h4{
	width:100%;
	margin:20px auto 0 auto;
	text-align:center;
}
table + .truck-subsidy-h4{
	margin-top:10px;
	font-size:1.1rem;
	font-weight:bold;
}
.truck-subsidy-h4:before{
	content:"【";
	width:20px;
	height:20px;
	left:0px;
}
.truck-subsidy-h4:after{
	content:"】";
	width:20px;
	height:20px;
	right:0px;
}
.title_subsidy{
	text-align:left;
	font-size:1.0rem;
	background-color:#99CC66;
	color:#FFF;
}
.truck_subsidy_normal .title_subsidy{
	background-color:#009933;
}
.title_subsidy span{
	font-size:1.0rem;
	color:#FF9;
	margin-right:3px;
}
.truck_subsidy + .truck_subsidy{
	margin-top:20px;
}
.truck_subsidy,
.truck_subsidy_normal{
	width:100%;
}
.item_subsidy{
	background-color:#F5F1E6 !important;
}
.item_subsidy:nth-of-type(1),
.item_subsidy:nth-of-type(2){
	width:30%;
}
.item_subsidy:nth-of-type(3),
.item_subsidy:nth-of-type(4){
	width:20%;
}

.truck_subsidy td,
.truck_subsidy_normal td{
	text-align:center;
	padding:8px;
	font-size:0.8rem;
}
.truck_subsidy td.price,
.truck_subsidy_normal td.price{
	font-size:0.9rem;
	text-align:center;
}
.truck_subsidy td.price span,
.truck_subsidy_normal td.price span{
	font-size:0.9rem;
	text-align:left;
}
.truck_subsidy td.date,
.truck_subsidy_normal td.date {
	text-align:center;

}
.truck_subsidy td.date span,
.truck_subsidy_normal td.date span{
	font-size:0.8rem;
	display:block;
	text-align:center;
	 -ms-writing-mode: tb-rl;
	  writing-mode: vertical-rl;
	  margin-left:40%;
}
.truck_subsidy td.date .date_span,
.truck_subsidy_normal td.date .date_span{
	 -ms-writing-mode: horizontal-tb !important;
	  writing-mode: horizontal-tb !important;
	  margin-left:0;
}
.truck_subsidy td a,
.truck_subsidy_normal td a{
	text-align:center;
	font-size:0.9rem;
	padding:0;
}
.price span,.limit span{
	font-size:0.9rem;
	font-weight:bold;
}
.truck-answer-p{
	display:none;	
	width:400px;
	font-size:1.0rem;
	border-radius:0;
	padding:10px 0 10px 0;
	text-align:center;
	margin:10px auto 10px auto;
}
.course_detail{
	width:100%;
	display:block;
	font-size:0.9rem;
	line-height:1.8rem;
	margin:4px auto 0 auto;
	line-height:1.8rem !important;
	padding:3px 0 3px 0;
}
.subsidy_detail{
	width:90%;
	text-align:center;
	font-size:1.0rem;
	line-height:1.6rem;
	padding:0 8% 0 8%;
	margin:20px auto 0 auto;
	background-color:#FFF;
}

.subsidy_detail + .subsidy_detail{
	margin:14px auto 0 auto;
}

.subsidy_detail span{
	display:block;
	font-size:1.0rem;
	margin:0 auto 0 auto;
	text-align:center;
}
.subsidy_detail span + span{
	margin-top:10px;
}
.subsidy_detail strong{
	font-weight:bold;
	background: linear-gradient(transparent 60%, #ffff7f 60%);
	padding:0 4px 0 4px;
}
.subsidy-flow-h2{
	width:100%;
	display:block;
	padding:9px 0 9px 0;
	margin:10px auto 0 auto;
	color:#FFF;
	background-color:#009933;	
}
.subsidy-flow-h2 span{
	font-size:0.9rem !important;
	text-align:left !important;
	color:#FFF;
}
.subsidy-flow-h2:last-child{
	margin-bottom:20px;
}
.subsidy-flow-h2:before{
	content:"１";
	width:30px;
	height:30px;
	font-size:0.9rem;
  	background-color:#99CC66;
	border-radius:50px;
	border:3px solid #FFF;
	padding:16px 17px;
	position:relative;
	left:-12px;
	top:0;
}
.subsidy-flow-h2:nth-of-type(2):before{
	content:"２";
}
.subsidy-flow-h2:nth-of-type(3):before{
	content:"３";
}
.subsidy-flow-h2:nth-of-type(4):before{
	content:"４";
}
.subsidy-flow-h2:nth-of-type(5):before{
	content:"５";
}
.subsidy-flow-h2:nth-of-type(6):before{
	content:"６";
	background-color:#F96;
}
.subsidy-flow-h2:nth-of-type(1):after{
	width:auto;
	display:inline-block;
	font-size:0.9rem;
	content:"重要";
	background-color:#FF0000;
	font-weight:normal;
	color:#FFF;
	padding:2px 4px 2px 4px;
	margin-left:8px;
	border-radius:2px;
}
.subsidy-flow{
	margin:auto;
	width:94%;
}
.flow-step{
	display:block;
	width:100%;
	margin:0 auto 48px auto;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	position:relative;
}
.flow-step:after{
	position:absolute;
	bottom:-22px;
	left:45%;
	content:"";
	border-left:16px solid transparent;
	border-right:16px solid transparent;
	border-top:12px solid #999;
}
.flow-step p{
	text-align:left;
	font-size:0.9rem;
	line-height:1.7rem;
	padding:12px 12px 12px 12px;
}
.flow-step strong{
	font-size:0.8rem;
	color:#FF0000;
	font-weight:normal;
}
.flow-step span{
	display:block;
	font-size:0.8rem;
	margin:0 auto 0 auto;
	padding:8px;
	color:#333;
	font-weight:bold;
}
.flow-step .dl_button{
	display:block;
	margin:0 auto 20px auto;
	width:500px;
	text-align:center;
	padding:12px 0 12px 0;
	border:1px solid #FFC;
	color:#FFF;
	font-size:1.1rem;
	font-weight:bold;
	background-color:#F90;
	border-radius:40px;	
}
.flow-step .dl_button:hover{
	border:2px solid #F90;
	color:#F90;
	background-color:#FFF;
}
.button-safetyac-pdf{
	display:block;
	margin:0 auto 10px auto !important;
}
.subsidy-flow-h3{
	display:block;
	text-align:center;
	font-size:1.1rem;
	font-weight:bold;
	letter-spacing:0.2rem;
	padding:10px 10px;
	margin-top:10px;
}
.subsidy-flow-p{
	display:block;
	width:94%;
	padding:10px 13px 10px 13px;
	font-size:0.9rem;
	margin:0px auto 40px auto !important;
	line-height:1.6rem;
	letter-spacing:0.1rem;
}
.subsidy-flow-h4:before{
	content:"【";
	width:20px;
	height:20px;
	left:0px;
}
.subsidy-flow-h4:after{
	content:"】";
	width:20px;
	height:20px;
	right:0px;
}
.subsidy-schedule-h4{
	text-align:center;
	width:60%;
	display:block;
	margin:20px auto 0 auto;
	text-align:center;
	padding:8px 10px 10px 10px;
	font-size:1.4rem;
}
.subsidy-schedule-h5{
	font-size:1.0rem;
	display:inline-block;
	margin:25px auto 0 auto;
	border-radius:2px;
	text-align:center;
}
.subsidy_tab{
	width:94%;
	margin:10px auto 0 auto;
}
.subsidy_list{
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	margin:20px 0 0 0;
}
.subsidy_list li{
	width:40%;
	margin:10px 2.5% 0 2.5% !important;
	background-color:#CCC !important;
	letter-spacing:0.2rem;
	position:relative;
	top:1px !important;
}
.subsidy_list li:nth-child(1):before{
	content:"　";
	width:48px;
	height:48px;
	background:url("/img/truck/truck_img_07.png") no-repeat center center;
	background-size: 170%;
	position:absolute;
	left:10%;
	top:9px;
	border-radius:50%;
	filter: grayscale(100%);
	pointer-events: none;
}
.subsidy_list li:nth-child(2):before{
	content:"　";
	width:48px;
	height:48px;
	background:url("/img/truck/truck_img_01.png") no-repeat center center;
	background-size: 280%;
	position:absolute;
	left:10%;
	top:9px;
	border-radius:50%;
	filter: grayscale(100%);
	pointer-events: none;
}
.subsidy_list li.ui-tabs-active:before{
	filter: grayscale(0);
}
.subsidy_list li a{
	width:100%;
	display:block;
	margin-left:12px;
	text-align:center;
	font-size:1.1rem;
	color:#FFF;
}
.subsidy_tab .ui-tabs-anchor,
.subsidy_tab .ui-tabs{
	padding:20px 0 12px 0 !important;
	display:block !important;
	float:none !important;
}
.subsidy_tab .ui-tabs-panel{
	padding:0 !important;
	padding-bottom:0 !important;
	border-top:1px solid #CCC;
}
.subsidy_list .ui-state-active{
	background-color:#FFF !important;
	border:1px solid #CCC !important;
	border-bottom:none !important;
}
.subsidy_list .ui-tabs-tab a{
	padding:24px 10px 16px 10px !important;
}
.subsidy_list .ui-state-active a{
	color:#555 !important;
}
.subsidy-schedule-h4{
	width:100%;
	display:block;
	margin:20px auto 0 auto;
	text-align:center;
	padding:10px 0 10px 0;
	font-size:1.0rem;
}
.subsidy-schedule-h5{
	font-size:1.0rem;
	display:inline-block;
	margin:20px 0 0 6px;
	border-radius:2px;
	text-align:center;
}
.schedule_pull{
	font-size:0.9rem;
	width:100%;
	margin:auto;
	border:none !important;
}
.course_list{
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	margin:0 !important;
	padding:14px 0 10px 0 !important;
}
.course_list li{
	width:40%;
	margin:0px !important;
	border:none !important;
	border-radius:0px;
	border-right:1px solid #CCC !important;
	border-radius:2px;
	position:relative;
	top:-10px;
}
.course_list li:nth-child(1){
	border-left:1px solid #CCC !important;
}
.course_list li a{
	width:100%;
	display:block;
	color:#555;
	padding:10px 0 10px 0;
	text-align:center;
	font-size:0.9rem;
	letter-spacing:0.2rem;
}
#tabs_course .ui-tabs-anchor{
	padding:0 !important;
	border:none !important;
	float:none !important;
}
#tabs_course .ui-state-active{
	background-color:#FFF !important;
}
#tabs_course .ui-state-active:before{
	position:absolute;
	content:"▲";
	font-size:0.6rem;
	color:#093;
	width:10px;
	height:10px;
	bottom:-10px;
	left:46%;
}
#tabs_course .ui-state-active a{
	color:#999 !important;
}
#tabs_course .ui-tabs-panel{
	border:none !important;
}
.schedule_pull table th{
	font-size:0.8rem;
	padding:8px;
	vertical-align:top !important;
}
.schedule_pull table td{
	font-size:0.8rem;
	padding:8px !important;
	vertical-align:top !important;
}
.schedule_pull table td{
	line-height:1.0rem;
}
.schedule_pull table td p{
	display:inline-block;
	font-size:0.8rem;
	line-height:1.2rem;
	padding-left:10px;
	position:relative;
}
.schedule_pull table td p:before{
	content:"・";
	font-size:0.8rem;
	position:absolute;
	left:-4px;
}
.schedule_pull table td p + p{
	display:block;
	margin-top:8px;
}
.timetalbe th{
	width:38%;
	text-align:left;
	padding:2px;
}
.timetalbe th .label{
	width:auto;
	display:inline-block;
	padding:4px 6px 2px 6px;
	text-align:center;
	font-size:0.8rem;
	background-color:#009;
	color:#FFF;
	margin:0 auto 0 auto;
	border-radius:2px;
}
.timetalbe th span{
	width:auto;
	display:block;
	font-size:0.8rem;
	margin:4px 0 2px 0;
	line-height:1.2rem;
	text-align:left;
}
.timetalbe th span+span{
	margin-top:8px;
}
.timetalbe th .lable+span{
	margin-top:4px;
}

.center_th{
	background-color:#FFF;	
}
.center_th p{
	display:block !important;
	text-align:center !important;
}
.timetalbe th p:last-child{
	margin-bottom:5px;
}
.schedule_days{
	padding:10px;
	font-size:1.2rem !important;
	font-weight:bold;
	background-color:#009933;
	color:#FFE;
}
.truck_subsidy_betto{
	margin-top:30px !important;
	width:100%;
}
.truck_subsidy_betto th,
.truck_subsidy_betto td{
	font-size:0.8rem;
}
.truck_subsidy_button1{
    position: relative;
    display:block;
	width:78%;
    margin:20px auto 0 auto;
    padding:18px 10px 18px 10px;
	text-align:center;
    color: #FFF;
    transition: 0.3s ease-in-out;
	font-size:0.9rem;
    background: #FA6976;
    border-radius: 8px;
	border-bottom: 5px solid #b9000e;
}
.truck_subsidy_button1::before{
	background:url("/img/icon/dl.png") no-repeat;
	background-size:100%;
	content:"　";
	width:10px;
	height:10px;
	padding:6px;
	position:relative;
	right:1.5%;
}
.truck_subsidy_button2{
    position: relative;
    display:block;
	width:78%;
    margin:20px auto 0 auto;
    padding:18px 10px 18px 10px;
	text-align:center;
    color: #FFF;
    transition: 0.3s ease-in-out;
	font-size:0.9rem;
    background: #008FF8;
    border-radius: 8px;
	border-bottom: 5px solid #005999;
}
.truck_subsidy_button2::before{
	background:url("/img/icon/dl.png") no-repeat;
	background-size:100%;
	content:"　";
	width:10px;
	height:10px;
	padding:6px;
	position:relative;
	right:1.5%;
}
.truck_subsidy_button3{
    position: relative;
    display:block;
	width:78%;
    margin:20px auto 30px auto;
    padding:18px 10px 18px 10px;
	text-align:center;
    color: #FFF;
    transition: 0.3s ease-in-out;
	font-size:0.9rem;
    background: #FF5A35;
    border-radius: 8px;
	border-bottom: 5px solid #CC482B;
}
.truck_subsidy_button3:before{
	background:url("/img/icon/dl.png") no-repeat;
	background-size:100%;
	content:"　";
	width:10px;
	height:10px;
	padding:6px;
	position:relative;
	right:1.5%;
}
.truck_subsidy_button4{
    position: relative;
    display:block;
	width:94%;
    margin:10px auto 20px auto;
    padding:12px 10px 12px 10px;
	text-align:center;
    color: #FFF;
    transition: 0.3s ease-in-out;
	font-size:0.9rem;
    background: #09F;
    border-radius: 8px;
	border-bottom: 5px solid #039;
}
.truck_subsidy_button4:before{
	background:url("/img/icon/link.png") no-repeat;
	background-size:100%;
	content:"　";
	width:10px;
	height:10px;
	padding:6px;
	position:relative;
	right:1.5%;
}
.truck-link-p{
	margin:10px 20px 15px 20px;
	font-size:0.9rem;
	width:90%;
}
.flow_detail{
	display:block;
	margin:0 auto 10px auto;
	padding:0 12px 0 12px;
}
.flow_detail li{
	font-weight:bold;
	font-size:0.9rem;
	padding:4px 0 4px 0;
}
.truck-answer-p{
	width:70%;
	text-align:center;
	display:none;
	font-size:1.0rem;
	margin:10px auto 15px auto;
	padding:5px 10px 5px 10px;
	border-radius:20px;
}
.open{
	display:block !important;
}
.answer-tag{
	width:30%;
	display:block;
	color:#FFF;
	font-size:0.8rem;
	background-color:#43B134;
	text-align:center;
	padding:4px 7px 4px 7px;
	margin-top:4px;
}
.truck-h3 + .truck-p{
	margin-top:10px;
}
.quiz{
	text-align:center;
	background-color:#F0FFE6;
	margin:0 auto 10px auto;
	width:99%;
	padding:10px 10px 10px 10px;
	border-radius:10px;
	border-bottom-left-radius:40px;
	border-top-right-radius:40px;
}
.quiz::before{
	content:"　";
	padding:15px;
	background:url("/img/truck/quiz.png") no-repeat;
	background-size:100%;
	position:relative;
	top:7px;
	left:0;
}
.answer-icon::before{
	content:"　";
	padding:15px;
	background:url("/img/truck/answer.png") no-repeat;
	background-size:100%;
	position:relative;
	top:5px;
	left:-2px;
}
.truck-img-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 5px;
}
.truck-img-list > a{
	display:block;
	width: 48%;
	margin: 0 1% 10px 1%;
	padding: 0;
	overflow: hidden;
}
.truck-img{
	width: 100%;
}
.truck-img + span{
	width:100%;
	font-size:0.8rem;
}
.lb-image{
	margin-top:40%;
}
.truck-img-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 5px;
}
.truck-img-list > a{
	display:block;
	width: 48%;
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
}
.truck-img{
	width: 100%;
}

.truck-img + span{
	width:95%;
	font-size:0.8rem;
}
.lb-image{
	margin-top:40%;
}
#truck_pamph .normal-h2{
	width:95%;
	font-size:1.0rem;
	padding:5px 5px 5px 5px;
}
.truck-pamph1-img{
	width:90%;
	margin:20px auto 0 auto;
	border:#CCC 1px solid;
}
.truck-pamph2-img{
	width:100%;
	margin:70px auto 0 auto;
	border:#CCC 1px solid;
}
.start_time{
	display:inline-block;
	font-size:0.9rem;
	margin-left:4px;	
}