@charset "UTF-8";
@import url("../monolith_tcd042/style.css");


/*
	Theme Name: 17new-theme
	Template: monolith_tcd042
*/


/* ロゴに関する部分のCSS */
.logo_box{
	border: 3px solid #0045A4;
    border-radius: 3px;
    padding: 15px 15px 0;
    margin: 25px 0;
    background: #fff;
    overflow: auto;
    }
    
div.well p.logo_title01{
	padding: 0px 5px 0;
    margin-bottom: 10px !important;
    border-left: 5px solid #C62D26;
    }
    
.logo_omoi{
	padding-left: 15px;
    padding-top: 5px;
    line-height: 2.1 !important;
    font-weight: bold;
    }
    
div.well p.logo_title02{
	padding: 0px 5px 0;
    margin-bottom: 10px !important;
    border-left: 5px solid #377636;
    }
    
 .mr35{
   margin-right: 35px;
   }
	   
.no_brett li{
	font-size: 1rem !important;
	font-weight: bold;
	line-height: 1 !important;
	}
	
.logo_en{
	font-size: 2rem;
	vertical-align: -3px;
	}




#footer_menu{
	width: 850px;
}

#footer_menu.footer_menu_num5 .footer_menu{
	width: 145px;
	margin: 0 20px 0 0;
}

div#footer-menu5 img {
    width: 135px;
    height: auto;
    margin: 0 0 0 20px;
    vertical-align: top;
}

/*
.progress img{
	max-width: 145px;
	margin-top: 140px;
	}
*/

/* recruitページ：サイドバーのプロジェクトの文字の大きさ  */
.side_headline {
    font-size: 20px;
} 

/* recruitページ インターンバナー：*/
img.intertour-banner {
    margin-top: -35px;
}
	
@media screen and (max-width:768px) {
	.progress img{
		max-width: 145px;
		margin-top: 0px;
		}
	
    div#footer-menu5 img {
    width: auto;
    margin: 0 10px 0 10px;
    }	

	#footer-menu5{
		width: 100% !important;
		text-align: center !important;
		}

/* recruitページ インターンバナー */
img.intertour-banner {
    margin-top: 30px;
}	
	}

.q_button{
	background-color: #08408A !important;
}

.q_button:hover{
	background-color: #285BFB !important;
}

li.none_list{
	list-style: none !important;
	}



.arrow{
	font-size: 3rem;
    width: 100%;
    text-align: center;
    letter-spacing: 3rem;
}

.txtar{
	text-align: right;
}

.lineh15{
	line-height: 1.5 !important;
}

.pl345{
	padding-left: 345px;
	}
	
.mt-20{
	margin-top: -20px;
	}

.pr15{
	padding-right: 15px;
}

.pt15{
	padding-top: 15px;
	}

.fs1rem{
	font-size: 1rem;
}

.fs11rem{
	font-size: 1.1rem;
}

.fs12rem{
	font-size: 1.2rem;
}

.fs13rem{
	font-size: 1.3rem;
}

.fs14rem{
	font-size: 1.4rem;
}

.fs15rem{
	font-size: 1.5rem;
}

.post_content th {
     width: 82px;
}

.project_img img{
}

div.well {
	overflow: auto;
}

div.zayunomei_box{
	margin: 0 auto;
	width: 100%;
	display: block;
	text-align: center;
}

.pl15{
	padding-left: 15px;
}

.pl30{
	padding-left: 30px;
}

#index_news{
	padding-top: 0 !important;
	}
	
#header_content{
	position: relative;
	margin-bottom: 30px !important
	}


@media screen and (min-width: 980px) {
	#menu-main-menu{
		z-index: 10;
		}
		
	#header_content{
		height: 540px !important;
		margin-bottom: 30px !important;
		overflow: hidden;
		}
	
	#video{
		width: 100%;
		max-width: 1250px;
		height: auto;
		box-sizing: border-box;
		background: #fff;
		z-index: 9;
		position: absolute;
		padding: 0 25px;
		margin: 15px auto 0;		
		}
	
	.top_view{
		z-index: 1;
		margin-top: -120px;
		}

	}
	
	
td.column-2 img{
	min-width: 100px;
	} 
	
@media screen and (max-width: 768 px) {

	.time-flow td.column-1 .time{
		font-size: 12px !important;
		}
		
	.time-flow td.column-1{
		width: 20px !important;
		}


	}

#index_news{
	text-align: center;
	}

div.well p {
	margin: 0 !important;
}


/*TOP用CSS*/
	#project_list li, #project_list img {
		width: 240px !important;
	 }

@media screen and (max-width:600px) {
	#project_list li {
		width: 300px !important;
		width:50% !important;
		height:auto !important;
	}
	
	#project_list img{
		width: 100% !important;
	}
}

.pc #global_menu > ul > li > a {
    font-size: 18px !important;
    font-weight: normal !important;
}


/*COMPANY用CSS*/

.ffgyosyo{
	font-family: "HG行書体","HGP行書体",cursive;
}

.no_brett{
	list-style: none !important;
}

.no_brett li{
	font-size: 1.2rem !important;
}

.logo_en{
	font-size: 2rem;
}

li span.red{
	color: #CD342B !important;
}

li span.yellow{
	color: #F3D335 !important;
}

li span.green{
	color: #3E813D !important;
}

li span.blue{
	color: #08408A !important;
}


/* 社員の一日の流れ用のCSS */

.time-flow{
	
}

.column-1{
	width: 110px;
	vertical-align: middle !important;
}

.time{
	font-weight: bold;
	font-size: 1.25rem;
}

.time::before{
	content: "\f017";
	font-family: "FontAwesome";
	margin-right: 10px;
}

.rikunabi{
	width: 300px;
	max-width: 300px;
	}