@charset "utf-8";
/* CSS Document

■教育制度
1_新入社員研修
2_

*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/******************************************************************

   あとあと汎用スタイルとして組み込めそうなもの

******************************************************************/

img{
	vertical-align:bottom;
}
.pb0{
	padding-bottom:0 !important;
}

.floatL{float:left;}
.floatR{float:right;}
.flexiblebox {
	 display: -webkit-flex;
	 display: flex;
	 -webkit-align-items: center;
	 align-items: center;
}
hr{
	height: 0;
	margin: 0 0 50px 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #e3e3e3;
}
h1,h2,h3,h4,h5{margin:0; padding:0;}
p{
	text-align: justify;
	text-justify: inter-ideograph;
}
ul li{
	list-style:none;
}

.note{
	font-size:85% !important;
	text-indent:-1em !important;
	padding:10px 0 0 1em !important;
}


/******************************************************************

   	1_新入社員研修

******************************************************************/

/***************** 共通 *****************/
#education_fresher{
	font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
}
#education_fresher #tabBox{
	box-sizing:border-box;
	margin-bottom:60px;
}
#education_fresher .tabsInnerBox{
	margin-bottom:80px;
}
#education_fresher #tabBox .floatR{
	position:relative;
}

/***************** タブ *****************/
#education_fresher #tabBox #tabs{
	width:100%;
	margin-top:50px;
}
#education_fresher #tabBox #tabs li{
	float:left;
	display:table;
	width:49.5%;
	text-align:center;
	margin-right:1%;
}
#education_fresher #tabBox #tabs li:last-child{
	margin-right:0;
}
#education_fresher #tabBox #tabs li a{
	color:#FFFFFF;
	display:table-cell;
	vertical-align:middle;
	font-weight:bold;
	font-size:160%;
	text-decoration:none;
	height:60px;
	width:100%;
	padding-top:5px;
	letter-spacing:3px;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-sizing:border-box;
	border: 3px #d3d3d3 solid;
	background-color:#d3d3d3;

}
#education_fresher #tabBox #tabs #tabjimu a.active{
	background-color:#ffad33;
	border: 3px #ffad33 solid;
}
#education_fresher #tabBox #tabs #tabservice a.active{
	background-color:#8fd346;
	border: 3px #8fd346 solid;
}


/***************** Youtube *****************/
#education_fresher .movieBox {
	width:780px;
	margin: 50px auto;
    padding-top: 0;
}
#education_fresher .movieBox #youtube #youtube_responsive{
  position:relative;
  width:100%;
  height: 0;
  padding-top:56.25%;
}
#education_fresher .movieBox #youtube #youtube_responsive iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}



/***************** カレンダー箇所共通 *****************/
#education_fresher #tabBox #tabs-1{
	border:10px solid #ffad33;
	padding:40px;
}
#education_fresher #tabBox #tabs-2{
	border:10px solid #8fd346;
	padding:40px;
}

#education_fresher #tabBox .floatL{
	width:380px;
}
#education_fresher #tabBox .floatL h4{
	width:249px;
	margin:0 auto 30px;
	border:none;
}
#education_fresher #tabBox .floatL ul{
	padding-top:30px;
	margin:0 auto;
}
#education_fresher #tabBox #tabs-1 .floatL ul{border-top:1px solid #ffad33;}
#education_fresher #tabBox #tabs-2 .floatL ul{border-top:1px solid #8fd346;}

#education_fresher #tabBox .floatL ul li{
	font-size:15px;
	line-height:3.0;
	border-bottom:1px solid #e3e3e3;
}
#education_fresher #tabBox .floatL ul li.dot{
	border-bottom:1px dotted #eeeeee;
}
#education_fresher #tabBox .floatL ul li span{
	font-family: arial, 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:80px;
	font-weight:bold;
	display:inline-block;
}
#education_fresher #tabBox .floatR{
	width:680px;
}


/***************** コベルコテクニカルスクール *****************/
#education_fresher .kts_about .photo,
#education_fresher .kts_curriculum .photo {
	text-align: center;
}
/*#education_fresher .kts_about .photo img,
#education_fresher .kts_curriculum .photo img{
	width: 1000px;
}*/

#education_fresher .kts_point li {
	display: block;
	width: 32%;
	float: left;
	margin-right: 2%;
	padding: 20px 35px 10px;
	/*border: 3px solid #00a7ac;*/
	box-sizing: border-box;
	background-color: #eeeeee;
}
#education_fresher .kts_point li:nth-child(3n) {
	margin-right: 0;
}
#education_fresher .kts_point li p {
	margin-bottom: 20px;
}
#education_fresher .kts_point li p:nth-child(1) {
	margin-bottom: 20px;
	font-size: 110%;
	color: #00a7ac;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #00a7ac;
}
#education_fresher .kts_point li p span {
	display: inline-block;
	margin-bottom: 5px;
	font-weight: bold;
}
#education_fresher .kts_curriculum .photo {
	margin: 50px 0;
}
#education_fresher .kts_curriculum h5 {
	font-size: 110%;
	font-weight: bold;
	color: #00a7ac;
	margin-bottom: 15px;
}
#education_fresher .kts_curriculum dl {
	margin-bottom: 30px;
	margin-left: 1.5em;
}
#education_fresher .kts_curriculum dt {
	font-weight: bold;
	margin-bottom: 3px;
 	display: list-item;
 	list-style-type: desc;
}
#education_fresher .kts_curriculum dd {
	margin-left: 0;
	margin-bottom: 15px;
}
#education_fresher .kts_qualification {
  background-color: #eeeeee;
  padding: 25px 40px;
}
#education_fresher .kts_qualification p {
  font-weight: bold;
  margin-bottom: 15px;
}
#education_fresher .kts_qualification_list:not(:nth-child(1)) {
  width: 29%;
}
#education_fresher .kts_qualification_list:nth-child(1) {
  width: 42%;
}
#education_fresher .kts_qualification_listwrap {
  display: flex;
  flex-wrap: wrap;
}



#education_fresher .kts_dormitory .imgBox {
	margin-top: 40px;
	margin-bottom: 40px;
}
#education_fresher .kts_dormitory .imgBox p {
	width: 32%;
	float: left;
	margin-right: 2%;
}
#education_fresher .kts_dormitory .imgBox p:nth-child(3n) {
	margin-right: 0;
}
#education_fresher .kts_dormitory .imgBox p span {
	font-size: 85%;
}

@media screen and (max-width: 767px){

/******************************************************************

   SP_あとあと汎用スタイルとして組み込めそうなもの

******************************************************************/
.floatL{float:none;}
.floatR{float:none;}
.nextNavTitle{
	margin-top:0;
}


/******************************************************************

   	1_SP_新入社員研修

******************************************************************/

/***************** SP_共通 *****************/
#education_fresher .nextContents .wrapBox{
	margin-bottom:0px;
}
#education_fresher .tabsInnerBox{
	margin-bottom:30px;
}
#education_fresher .remodal .contentsInner h5{
	font-size:120%;
	margin-bottom:10px;
}
#education_fresher .remodal .contentsInner p:first-child{
	text-align:center;
	margin:0 auto;
}
#education_fresher .remodal .contentsInner img{
	width:auto;
	height:auto;
}

/***************** SP_タブ *****************/
#education_fresher #tabBox {
    margin-bottom: 20px;
}
#education_fresher #tabBox #tabs{
	margin-top:40px;
}
#education_fresher #tabBox #tabs li#tabservice{
	float:right;
}
#education_fresher #tabBox #tabs li a{
	font-size:16px;
	font-weight:normal;
	letter-spacing:2px;
	height:50px;
}
#education_fresher #tabBox #tabs li a .spHidden{
	display:none;
}


/***************** SP_Youtube *****************/
#education_fresher .movieBox {width:100%;}


/***************** SP_カレンダー箇所 *****************/
#education_fresher #tabBox #tabs-1,
#education_fresher #tabBox #tabs-2{
	padding:8% 4% 4%;
}
#education_fresher #tabBox .floatL{
	width:100%;
}
#education_fresher #tabBox .floatL h4{
	width:65%;
}
#education_fresher #tabBox .floatL ul{
	padding-top:20px;
	margin:0 auto 30px;
}
#education_fresher #tabBox .floatL ul li{
	font-size:12px;
	line-height:32px;
}
#education_fresher #tabBox .floatL ul li span{
	font-size:90%;
	width:50px;
}
#education_fresher #tabBox .floatR{
	width:100%;
}
	
/***************** コベルコテクニカルスクール *****************/

.kts .wrapBox {
    margin-bottom: 30px !important;
}
#education_fresher .movieBox {
	margin: 30px auto;
}	
#education_fresher .kts_point li {
	display: block;
	width: 100%;
	float: none;
	margin-right: 0;
	padding: 0;
	background-color: none;
	background-color: #fff;
}
#education_fresher .kts_qualification {
	padding: 20px 30px;
}
#education_fresher .kts_qualification p {
	margin-bottom: 10px;
}
#education_fresher .kts_qualification_list {
	width: 100% !important;
	font-size: 90%;
}
#education_fresher .kts_qualification_listwrap {
	display: block;
}
#education_fresher .kts_dormitory .imgBox p {
	width: 100%;
	float: none;
	margin-right: 0;
}	
}