@charset "UTF-8";
/* CSS Document */
//ブレイクポイントを指定------ここから
$xl: 1399px;
$lg: 1199px;
$md: 991px;
$sm: 767px;
$xs: 575px;

@mixin xl {
  @media screen and (max-width: ($xl)) {
    @content;
  }
}
@mixin lg {
  @media screen and (max-width: ($lg)) {
    @content;
  }
}
@mixin md {
  @media screen and (max-width: ($md)) {
    @content;
  }
}
@mixin sm {
  @media screen and (max-width: ($sm)) {
    @content;
  }
}
@mixin xs {
  @media screen and (max-width: ($xs)) {
    @content;
  }
}
//ブレイクポイントを指定------ここまで


#headerImg{
	.imgContainer{
		background: url( "../img/header-company.jpg") no-repeat center center/cover;
	}
}

//ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー会社概要ここから編集

//#wrapper .container{
//	@include md{max-width: 700px;}
//}

.order-xs-1{
	@include xs{
		margin-bottom: 20px;
	}
}
	
.life-partner-text{
	h4{
		color: #1b377f;
		font-size: 2.5rem;
		font-weight: 600;
		margin-bottom: 10px;
		line-height: 3.5rem;
	}
	.gradBtn{
		margin-top: 12px;
	}
}

.company-table{
	margin-top: 100px;
	margin-bottom: 5rem;
	.borderTitle{
		margin-bottom: 17px;
	}
	table{
		width: 70%;
		@include md {
			width: 85%;
		}
		@include sm {
			width: 100%;
		}
		tr{
		border-bottom: solid 1px #d2d2d2;
		}
		th{
			color: #1b377f;
			padding: 15px 20px 0px 10px;
			vertical-align: top;
			@include sm {
				width: 20%;
			}
			@include xs {
				width: 28%;
			}
		}
		td{
			padding-top: 15px;
			padding-bottom: 15px;
		}
	} 
}

#license-table {
	padding-top: 8rem;
    margin-top: -8rem;
	table {
		width: 70%;
		@include md {
			width: 85%;
		}
		@include sm {
			width: 100%;
		}
		tr {
			border: solid 1px #d2d2d2;
		}
		th {
//			color: #1b377f;
			padding: 0.5rem 2rem;
			background-color: #f7f8f8;
			width: 250px;
			font-weight: 500;
			@include lg {
				width: 175px;
			}
			@include xs {
				width: 130px;
				padding: 0.5rem 1rem;
			}
		}
		td {
			border-left: solid 1px #d2d2d2;
			padding: 0.5rem 2rem;
			@include xs {
				padding: 0.5rem 1rem;
			}
		}
	}
}

.company-access{
	margin-top: 100px;
	margin-bottom: 150px;
	iframe{
		width: 950px;
		height: 270px;
		@include md{
			width: 100%;
  			aspect-ratio: 16/9; //アスペクト比（縦横比）を指定
		}
		@include sm{
			width: 100%;
  			aspect-ratio: 16/9; //アスペクト比（縦横比）を指定
		}
		@include xs{
			width: 100%;
  			aspect-ratio: 16/9; //アスペクト比（縦横比）を指定
		}
	}
}