@media (max-width:999px){
.page__contents__wrapper .contents-2row-container {margin-top:-4% !important;}
.page__contents__wrapper .contents-2row-container div {
    margin: 0 auto 2%;
    width: 100% !important;
}
.page__contents__wrapper .contents-2row-container div a span {font-size:1rem;line-height:1.8rem !important;}
.page__contents__wrapper .contents-2row-container div a  {line-height:1.8rem !important;}
}

.vehicles_p span.ttl {font-size: 2rem;font-weight: 600;display: block;line-height: 2.7rem;margin-bottom: 5%;color:#003366;}
.grid-container {
  display: grid;margin-top: 4%;margin-bottom: 6%;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 8px;
  grid-template-areas:
    "grid1 grid2 grid3"
    "grid1 grid4 grid5";
  min-height: 100%;
}

@media (max-width:999px){
.grid-container {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-areas:
    "grid1 grid2"
    "grid1 grid3"
	  "grid4 grid5";
	}
}

@media (max-width:767px){
.grid-container {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;gap:25px 0;
  grid-template-areas:
    "grid1"
	 "grid1"
    "grid2"
	 "grid3"
	  "grid4"
	  "grid5";
	}
}


.grid-area1 {
  grid-area: grid1;
  position: relative;
}

.grid-area2 {
  grid-area: grid2;
  position: relative;
}
.grid-area3 {
  grid-area: grid3;
  position: relative;
}

.grid-area4 {
  grid-area: grid4;
  position: relative;
}
.grid-area5 {
  grid-area: grid5;
  position: relative;
}

.video_area_frame {width: 80%; margin:6% auto 8%;}
.video_area {width: 100% !important;position: relative;
  padding-top:56.25%;}
.video_area iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
	height: 100%;}

 .video_area img {
	position: absolute;width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
}



@media only screen and (max-width: 767.9px) {
	.video_area_frame {width:98% !important; margin: 13% auto 15% !important;}
}


.video-wrap {
  width: 100%;
  height: 100vh;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0%;
  left: 0%;
}

.video-wrap::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #10394b;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .3;
}

.video-wrap video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}


/*パンくずリストを非表示*/
#breadcrumb{
  display:none;
}

/*会社概要 company_01*/
#company_01 {
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto;
}

#company_01 tr{
  border-bottom: solid 2px white;
}

#company_01 tr:last-child{
  border-bottom: none;
}

#company_01 th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #003366;
  color: white;
  padding: 1em 1.5em;
}

#company_01 th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #003366;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

#company_01 td{
  text-align: left;
  width: 70%;
  background-color: #eee;
  padding:1em 1.5em;
}

/*会社概要_campany_02*/
#company_02 {
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto;
}
#company_02 tr{
  border-bottom:1px solid #a7a9ac;
}

#company_02 tr:last-child{
  border-bottom: none;
}
#company_02 th{
  position: relative;
  text-align: left;
  width: 20%;
  background-color: #d1d3d4;
  color: #000;
  padding: 1em 1.5em;
}
#company_02 td{
 background-color:#ffffff;
  text-align: left;
  width: 80%;
  padding:1em 1.5em;
}
/*つよみ資格一覧、銃器類*/
#strength-sikaku{
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto;
  padding:0;
}

#strength-sikaku td{
 background-color:#ffffff;
}
#strength-sikaku th{
 background-color:#EEEEEE;
}
/*タイトル*/
#section-title h3 span {
  font-size:22px;
}
#section-title h3{
  font-size: 42px;
}
#section-title h3 {
  font-weight: 600;
  font-size: 34px;
	font-family:   "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	letter-spacing: 1px;
	color: #003366;
	text-align: center;
	position: relative;
}
#section-title h3::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%; /* 位置調整 */
	transform: translate(-50%); /* 位置調整 */
	bottom: -10px; /* 下線の上下位置調整 */
	width: 40px; /* 下線の幅 */
	height:5px; /* 下線の太さ */
	background-color: #ff0000; /* 下線の色 */
	border-radius: 5px;
}
#section-title02{
  padding:0;
}
#section-title02 h3 {
  font-weight: 600;
  font-size:18px;
	font-family:   "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	letter-spacing: 1px;
	color: #003366;
	text-align:left;
  padding:15px 0 0;
}
@media (min-width: 1024px) {
#section-title h3 {
  font-size: 42px;
}

#section-title02 h3 {
  font-size:22px;

}
}

#jisseki{
color:#000000;
position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    width: 33.3333%;
}
/*ボタン*/
.page__contents__wrapper .contents-2row-container {
    text-align: left;
    padding: 10px 0;
    overflow: hidden;
}
.page__contents__wrapper .contents-2row-container div {
    background-color: #003366;
    text-align: center;
    color: #fff;
    font-weight: 600;
    margin:0 0.5% 3% 0.5%;
    width: 49%;
}
.page__contents__wrapper .contents-2row-container div:hover {
    background-color: #FF0000;
}
.page__contents__wrapper .contents-2row-container div a {
    background-color: #00000000;
    padding:1em;
    margin: 0;
}
.page__contents__wrapper .contents-2row-container div a:hover {
    background-color: #FF0000;
}

.card-body {min-height:85px;}
.kyoka {margin:2% auto 8%;}
#strength-sikaku  {margin:0 auto 5%;}
#company_01 {margin-top:-3% !important;}
#company_02 {margin-top:-3% !important;}


@media screen and (max-width: 768px) {
#company_01 {margin-top:-10% !important;}
#company_02 {margin-top:-10% !important;}

}
.contents-2row-container span {font-size:1.1rem;font-family:   "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;}
.contents-2row-container  div a {padding: 0.6em 1em !important; }