@charset "utf-8";
/*-----ファーストビュー sp-----*/
.first_view{
	padding-top: 60px;
	
	h1{
		position: relative;
		width: min(88%,1620px);
		margin: 0 auto;
		font-size: var(--font-size46);
		letter-spacing: .06em;
		
		&::after{
			position: absolute;
			content: '';
			display: inline-block;
			width: 5%;
			bottom: 50%;
			left: -7%;
			border-bottom: solid 1px #000;
		}
	}
	h2{
		width: min(88%,1620px);
		margin: var(--px30) auto 0;
		font-weight: var(--Regular);
	}

}
/*----- 会社概要 sp-----*/
.profile{
	padding-top: var(--px140);

  .info_table{
    width: min(90%,1000px);
    margin: 0 auto;
    
    
      table{
        width: 100%;
        border-collapse: collapse;/*--trにボーダー--*/
        border-spacing: 0;
        line-height: 1.4;	
      }
      tr {
        /*ドットを調整*/
        background-image: linear-gradient(to right, #707070 4px, transparent 2px);
        background-size: 8px 1px; /* 横幅8px、高さ1pxで繰り返し */
        background-repeat: repeat-x;
        background-position: left bottom;
        line-height: 1.8;
      }
      th {
        padding: 12px 0 5px;        
        text-align: left;
        display: block;
        
        span{
          background-color: var(--font-color);
          color: #fff;
          width: 120px;
          display: inline-block;
          border-radius: var(--px10);
          padding: 5px 0;
          text-align: center;
			font-weight: var(--Bold);
          font-size: var(--font-size18);
        }
      }
      td {
        padding: 2px 0 12px;
        display: block;
		  font-weight: var(--Regular);
      }
  }

}
@media (min-width:768px){
/*-----ファーストビュー tab-----*/
.first_view{
	padding-top: clamp(140px,15vw,190px) ;
}
/*----- 会社概要 tab-----*/
.profile{ 
  
  .info_table{
    
    th {
      padding: var(--px20) 10px;
      display: table-cell;
      vertical-align:top;
		width: 158px;
    }
    td {
      padding: var(--px20) 10px;
      display: table-cell;
    }
  }
}

}
@media (min-width:1024px){
/*-----ファーストビュー pc-----*/
.first_view{
	
	h1{
		
		&::after{
			border-bottom: solid 2px #000;
		}
	}
}


}

@media (min-width:1280px){

	
}

@media (min-width:1560px){

@media (min-width:1870px){ 
.first_view{
	
	h1{
		
		&::after{
			width: calc((100vw - 1620px - 1.5em) / 2);
			left: calc((1620px - 100vw) / 2);
		}
	}
}
  
}