@charset "utf-8";

@import url('w_interview.css');

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　parts_class
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝?*/
.title_omidashi { /*大見出し*/
	font-size: 24px;
	border-bottom: 1px solid #000;
	padding-bottom: 6px;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 15px;
	color: #000;
}

.title_midashi { /*★見出し*/
	font-size: 24px;
	font-weight: bold;
	padding: .3em 1em;
	color: #fff;
	background: #333333;
}

.title_dotted_02  { /*車両系建設機械運転技能講習（解体）とは？*/
	font-size: 28px;
	color: #33b59d;
	border-bottom: 3px dotted #33b59d;
	font-weight: bold;
	margin-bottom: 10px;
}

.title_blue { /*青：小見出し_こんな方におすすめ*/
	font-size: 20px;
	color: #0081cc;
	/*margin: 12px 0 20px;*/
	font-weight: bold;
	padding: .5em;
	border-left: 6px double #99cdeb;
	/*position: relative;*/
	/*padding: 1em 1em;*/
}

.title_pink { /*ピンク：小見出し_こんなことに気をつけて*/
	font-size: 20px;
	color: #e95377;
	/*margin: 12px 0 20px;*/
	font-weight: bold;
	padding: .5em;
	border-left: 6px double #f5aebf;
	/*position: relative;*/
	/*padding: 1em 1em;*/
}


.title_koushi { /*講師からのメッセージ*/
	font-size: 18px;
	font-weight: bold;
	position: relative;
	display: inline-block;
	padding: .5rem 2rem .5rem 3rem;
	color: #abcd03;
	border-radius: 100vh 0 0 100vh;
	background: #fff;
    border-right: 20px solid #abcd03;
}

.title_koushi:before {
	position: absolute;
	top: calc(50% - 5px);
	left: 14px;
	width: 10px;
	height: 10px;
	content: '';
	border-radius: 50%;
	background: #e9efcd;
}


ol.sample2{ /*数字_四角付き装飾_エメラルド*/
  counter-reset:list;
  list-style-type:none;
  font: 16px/1.6 'arial narrow', sans-serif;
  padding: 0;
}

ol.sample2 li{
  position:relative;
  line-height: 30px;
  margin: 7px 0 7px 40px;
  padding-left: 10px;
  font-weight: bold;
  font-size:20px;
  color: #00a9a9;
}

ol.sample2 li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -35px;
  width: 30px;
  height: 30px;
  background: #00a9a9;
  text-align: center;
  color: #fff;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}







.tokushu_sikaku-tokushu_box {
	margin-top: 10px;
	border-bottom: 3px dotted #20bbef;
	text-align: center;
}

.tokushu_sikaku-tokushu_box_sub_ttl {
	color: #565656;
 	font-size: 18px;
	font-weight: 500;
	margin-bottom: 30px;
}

.tokushu_sikaku-tokushu_box_ttl {
	color: #0a3681;
	font-size: 22px;
	/*font-weight: 500;*/
	margin-bottom: 10px;
	font-weight: bold;
}

.tokushu_sikaku-tokushu_box_txt {
	color: #000000;
	font-size: 16px;
	 font-weight: normal;
	 line-height: 1.5;
	 margin-top: 10px;
}

.tokushu_sikaku-tokushu_list {
	 display: flex;
	 justify-content: space-between;
	 flex-wrap: wrap;
	 margin-top: 40px;
}

.tokushu_sikaku-tokushu_item {
	 width: calc((100% - 60px) /2);
	 margin-bottom: 60px;
}

.tokushu_sikaku-tokushu_item_img {
	 width: 100%;
}

.tokushu_sikaku-tokushu_item_img img {
	 width: 100%;
}





.column_sikaku-tokushu_waku {
    background: #e9efcd;
    padding: 30px;
}
.column_sikaku-tokushu_waku img {
	float: left;
    width: 200px; /*200px*/
}
.column_sikaku-tokushu_waku p {
	float: right;
    width: 770px;
	font-size: 16px;
}





@media (min-width: 600px) {
.shikaku_flow {
	display: flex;
}
	
.shikaku_midashi_01 { /*座学・実技①*/
	font-size: 40px;
	/*flex-grow: 1;*/
    margin: 20px 40px 90px 30px;
	color: #005bac;
	border-bottom: 3px dotted #005bac;
}
.shikaku_midashi_02 { /*座学・実技②*/
	font-size: 40px;
	/*flex-grow: 1;*/
    margin: 20px 40px 90px 30px;
    color: #00aaa9;
	border-bottom: 3px dotted #00aaa9;
}
	

	
/* solid01 */
.button_solid01 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 10px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #e7141a;/*#02b5ef*/
    filter: drop-shadow(0px 2px 4px #ccc);
    border-radius: 3px;
    border-radius: 50px;
}
.button_solid01 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 46%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button_solid01 a:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}
	
	
	
	
	
	

/* --------------【w_interview.css要素】-------------- */

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　clearfix
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*
.clear,
.course_info,
.course_ico,
.inner_02,
.apply_btn_list,
.schedule_img,
.schedule_list li,
.center_access {
	display: block;
}
.clear:after,
.course_info:after,
.course_ico:after,
.inner_02:after,
.apply_btn_list:after,
.schedule_img:after,
.schedule_list li:after,
.center_access:after {
	content: '.';
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}
*/
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　visual
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*
.visual {
	margin-bottom: 15px;
	position: relative;
}
.visual .ico_todofu {
	color: #fff;
	font-size: 20px;
	border: 3px solid #fff;
	height: 84px;
	width: 84px;
	line-height: 84px;
	border-radius: 8px;
	text-align: center;
	position: absolute;
	top: 70px;
    left: 20px;
}
*/
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　curriculum
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*
.curriculum [class*=marker] {
	font-size: 16px;
}
.marker_01 { color: #f5b2b2; }
.marker_02 { color: #7f8ec7; }
.marker_03 { color: #b4e6b4; }
.marker_04 { color: #aadcfa; }
.marker_05 { color: #facd8c; }
.marker_06 { color: #dcbedc; }

.schedule_img {
	margin-top: 20px;
}
.schedule_img li {
	float: left;
	margin-right: 25px;
}
.schedule_img li:nth-child(3n) {
	margin: 0;
}
.schedule_list li:after {
	min-height: 50px;
	display: inline-block;
}
.schedule_list li {
	display: table;
	background: #FFF3E1;
	margin-bottom: 5px;
	position: relative;
	width: 100%;
}
.schedule_list li p {
	padding: 0 20px;
	display: table-cell;
	vertical-align: middle;
	width: 640px;
	word-break: break-all;
}
.schedule_list li p:last-child {
	padding-left: 0;
	padding-right: 0;
	background: #fff;
	border: 3px solid #DF0000;
	width: 100px;
	vertical-align: middle;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto 0;
}
.schedule_list li p span {
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #DF0000;
	height: 27px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
*/
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　qualifi
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*
.qualifi {
	position: relative;
}
.qualifi section {
	margin-bottom: 20px;
}
.qualifi section p + p {
	margin-top: 20px;
	font-size: 12px;
}
.qualifi section img {
	float: left;
}

.anchor_link {
	position: relative;
	top: -70px;
	height: 10px;
	width: 10px;
}*/
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　center_access
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*
.center_access {
	margin-top: 40px;
	margin-bottom: 20px;
}
.center_access h2 {
	margin-top: 0;
}
.center_access h3 {
	float: left;
	width: 525px;
}
.center_access .ttl_fl {
	margin-bottom: 15px;
}
.center_access .ttl_fl p {
	float: right;
	width: 275px;
}
.center_access p {
	word-break: break-all;
}
.center_access .inner_01 {
	width: 525px;
	float: left;
}
.center_access .inner_02 {
	width: 250px;
	float: right;
}
.center_access .inner_02 section:last-child {
	margin-top: 20px;
}
.inner_03 {
	clear: both;
	position: relative;
}
.inner_03 p {
	margin-bottom: 10px;
}
*/