@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP|Roboto:400,400i,700&display=swap&subset=greek,japanese);
}
body{
	font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
}

.container-fluid{
	padding:0 !important;
}

@media(min-width:990px) {
	.container{
		width:940px !important;
	}
}




h2{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	color:#333;
	text-align:center;
	margin-top:0;
	margin-bottom:1rem;
	letter-spacing:0.2rem;
	line-height:1.1rem;
	font-size:2.0rem;
	
}

h3{
	text-align:center;
	margin-top:4rem;
	margin-bottom:2rem;
}

/* header
----------------------------------*/
.header-title{
	width:35%;
	float:left;
	margin-bottom:0.5rem;
}

.header-eng-title{
		width:30%;
	float:left;
	margin-left:2rem;
	margin-bottom:0.5rem;
}


/* main-title 
-----------------------------------*/	


/* TOP
-----------------------------------*/
h2 {
  position: relative; /* 擬似要素の配置に必要 */
  margin-bottom:3rem;
  font-size:1.5rem;
  font-weight:bold;
  text-align:left;
  padding-left:1.5rem;
  letter-spacing:0.5rem;
}

h2::before {
  position: absolute;
  content: "";
  bottom: -15px;
  left: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(
    to bottom,
    #00afdd 0%, #00afdd 50%,
    #007fa0 50%, #007fa0 100%);
}

.job-row {
	width:calc(100% - 2.2rem);
	margin-left:1.1rem;
	position:relative;
}

.semi-title{
	width:50%;
	max-width:200px;
	position:absolute;
	bottom:-3px;
	right:49%;
}

@media(max-width:767px) {
	.semi-title{
		bottom:-30px;
		right:0.5rem;
	}
}

/* about 
-----------------------------------*/
.company-table {
	width:calc(100% - 3rem);
	margin-left:1.5rem;
	border-collapse: collapse;
}

.company-table th{
	font-weight:normal;
	border-top:1pt dashed #b5b5b6;
	padding:0.5rem 0 0.5rem 0;
	text-align:left !important;
	width:7rem;
	margin:0 !important;
}

.company-table th.sub-row{
	width:6rem;
	margin-left:1rem !important;
}

.company-table td{
	border-top:1pt dashed #b5b5b6;
	padding:0.5rem 1rem 0.5rem 0;
}

.company-table .no-border{
	border:none !important;
}


/* フッター 
-----------------------------------*/
.footer{
	text-align:right;
	font-size:0.8rem;
	color:#333;
}
