@charset "UTF-8";
.CSR-grid {
  display: grid;
	grid-template-columns: 150px 150px;
	grid-template-rows: 350px 420px 420px 120px 120px 140px;
	gap: 3px;
	background:#F7F8F8; 
	border-block: 1px solid #E3E5E6; 
	padding: 2px;
}
 
.CSR_item1{
	grid-row: 1/2;
	grid-column: 1/3;
	margin: 0;
	padding: 20px;
}

.CSR_item2{
	grid-row: 2/3;
	grid-column: 1/3;
	padding-left: 18px;
}

.CSR_item3{
	grid-row: 3/4;
	grid-column: 1/3;
	padding-left: 18px;
}

.CSR_item4{
	grid-row: 4/5;
	grid-column: 1/2;
	padding: 15px 15px 15px 30px;
}

.CSR_item5{
	grid-row: 4/5;
	grid-column: 2/3;
	padding: 15px 15px 15px 30px;
}
.CSR_item6{
	grid-row: 5/6;
	grid-column: 1/2;
	padding: 15px 15px 15px 30px;
	}

.CSR_item7{
	grid-row: 5/6;
	grid-column: 2/3;
	padding: 15px 15px 15px 30px;
}
.CSR_item8{
	grid-row: 6/7;
	grid-column: 1/2;
	padding: 15px 15px 15px 30px;
}
.CSR_item9{
	grid-row: 6/7;
	grid-column: 2/3;
	padding: 15px 15px 15px 30px;
}

a.anchor{
 display: block;
 padding-top: 35px;
 margin-top: -35px;
}
.mainO {
	width: 330px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
.VLO-grid {
  display: grid;
	grid-template-columns: 150px 150px;
	grid-template-rows: 40px 150px 40px;
	gap: 10px;
	border: solid 3px #333333;
}
 
.VLO_item1{
	grid-row: 1/2;
	grid-column: 1/3;
	width: 100%;
	text-align: center;
	font-size: x-large;
	font-weight: bolder;
}

.VLO_item2{
	grid-row: 2/3;
	grid-column: 1/3;
	width: 310px;
	font-size: small;
	padding: 0 10px 5px 10px;
}
.VLO_item3{
	grid-row: 3/4;
	grid-column: 1/2;
	width: 150px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

.VLO_item4{
	grid-row: 3/4;
	grid-column: 2/3;
	width:150px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

.VLO_item3 a,.VLO_item4 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 185px;
    padding: 0px 0px;
    font-family: "Noto Sans Japanese";
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    background: linear-gradient(to top, rgb(5, 130, 174), #27acd9);
    color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    border-radius: 9999px;
}
.VLO_item3 a:hover,.VLO_item4 a:hover {
    color: #fff;
    opacity: 0.5;
}
/*20240118追加*/
#kinkyubunsho{
	width: 80%;
	margin: 40px auto 0 auto;
	border: 1px solid #000;
	padding: 10px;
}

#kinkyubunsho h2VLfooter_item2{
	color: #000;
	font-weight: bold;
	font-size: small;
}

p.kinkyubunsho{
	color: #000;
	line-height: 1.3em;
	font-size: small;
}
/*20240118追加おわり*/
p.img_txt{
	margin-top: 0;
}
p.text{
	line-height: 1.5em;
}
p.text a{
	display:block;
	margin-bottom: -10px;
}
.topMain_movie{
	position: relative;
	width: 500px;
	margin: 0 auto;
}
.video-btn {
    content: "";
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:40px; /*コントローラー分下部に余白を*/
    cursor: pointer;
    z-index: 2; /*ボタンが前面になるようにする*/
}

.topSec05Main_movie{
	width:400px;
	margin-right:20px
}
.topSec05Main_movie video
{
	width:100%;
	height:400px
}


p.iten{
	text-align: center;
	font-size: small;
	font-weight: 400;
	color: #007dd0;
}
 body.scroll-lock {
      position: fixed;
      left: 0px;
      right: 0px;
      top: 0px;
      bottom:0px;
    }
.open {
	cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}
#pop-up {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.window {
	width: 90vw;
	max-width: 380px;
	height: 240px;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: auto;
}
.text {
	font-size: 14px;
	margin: 0;
}
.close {
	cursor:pointer;
	position: absolute;
	top: 0px;
	right: 10px;
	font-size: 20px;
}/* 20220721追加 */


.img_area_ky{
	width: 100%;
	margin: 0 auto;
}
.index_container_ky{
	width: 60%;
 	margin: 0 auto 50px;
}/* 20220713追加 */
.index_container_ky p{
	color: #000000;
 	margin: 0 auto;
	font-weight:normal; 
	font-size: medium; 
	text-align: center;
} /* 20220713追加 */
.jichinsai_title{
	font-size: 110%;
	font-weight:bold;
	color: white;
	background-color: royalblue;
	border-radius:10px;
	text-align: center;
	padding:5px 0;
	width: 306px;
	margin-left: auto;
	margin-right: auto;
}
.jichinsai_p{
	color: #000000;
}
/*20220705追加*/
img.ban2{
	width: 200px;
}
img.modal_back{
	width: 45px;
}
.mainG {
	width: 306px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}

.VLG2-grid {
  display: grid;
	grid-template-columns: 306px;
	grid-template-rows: 40px 45px 170px 170px;
	gap: 15px;

}
.VLG2_item1{
	grid-row: 1/2;
	grid-column: 1/3;
}

.VLG2_item2{
	font-size: 90%;
	grid-row: 2/3;
	grid-column: 1/3;
}

.VLG2_item3{
	grid-row: 3/4;
	grid-column: 1/2;
}

.VLG2_item4{
	grid-row: 4/5;
	grid-column: 1/2;
}

.main {
	width: 321px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
.VL-grid {
  display: grid;
	grid-template-columns: 306px;
	grid-template-rows: 65px 170px 30px 170px 30px 170px 30px;
	gap: 15px;

}
.VL-grid2 {
  display: grid;
	grid-template-columns: 306px;
	grid-template-rows: 65px 170px 30px 170px 30px 170px 30px 170px 30px;
	gap: 15px;

}
 
.VL_item1{
	grid-row: 1/2;
	grid-column: 1/2;
	padding: 0 0 0 0;
}

.VL_item2{
	grid-row: 2/3;
	grid-column: 1/2;
}

.VL_item3{
	grid-row: 3/4;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item4{
	grid-row: 4/5;
	grid-column: 1/2;
}
.VL_item5{
	grid-row: 5/6;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item6{
	grid-row: 6/7;
	grid-column: 1/2;
	
}

.VL_item7{
	grid-row: 7/8;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item8{
	grid-row: 8/9;
	grid-column: 1/2;
	
}

.VL_item9{
	grid-row: 9/10;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item10{
	grid-row: 10/11;
	grid-column: 1/2;
	
}

.VL_item11{
	grid-row: 11/12;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item12{
	grid-row: 12/13;
	grid-column: 1/2;
	
}

.VL_item13{
	grid-row: 13/14;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item14{
	grid-row: 14/15;
	grid-column: 1/2;
	
}

.VL_item15{
	grid-row: 15/16;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item16{
	grid-row: 16/17;
	grid-column: 1/2;
	
}

.VL_item17{
	grid-row: 17/18;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}


#br-none{
	display: none;
}
#br-exist{
	display: block;
}

.mainF {
	width: 100%;
	background: #007dd0;
	margin-top: 30px;
	
}
.mainF a {
  text-decoration: underline;
  color: #fff;
}
.VLfooter-inner{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}
.VLfooter-grid {
	display: grid;
	grid-template-rows: 10px 1450px 160px;
	grid-template-columns: 100%;
	gap: 15px;
}
.VLfooter-grid div.VLfooter_item1{
	grid-row: 1/2;
	grid-column: 1/2;
	display: none;
	
}
.VLfooter-grid div.VLfooter_item2{
	grid-row: 2/3;
	grid-column: 1/2;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 1.2rem;
	padding-right: 15px;
	padding-left: 15px;
}

.VLfooter-grid div.VLfooter_item2 dl{
	display: flex;
	flex-wrap: wrap;
}
.VLfooter-grid div.VLfooter_item2 dl dt{
	flex-basis: 9rem;
}
.VLfooter-grid div.VLfooter_item2 dl dd{
	flex-basis: 50rem;
}

.VLfooter-grid div.VLfooter_item2 dl dd.fdl_lastitem {
  flex-basis: 100%;
  margin-bottom: 2.5rem;
}

.VLfooter-grid div.VLfooter_item2 hr{
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.VLfooter-grid div.VLfooter_item2 hr.hrcolor{
	border-top: 1px solid #fff;
	margin-bottom: 2.5rem;
}
.VLfooter-grid div.VLfooter_item2 dl.other dt {
  flex-basis: auto;
  flex-shrink: 0;
}
.VLfooter-grid div.VLfooter_item2 dl.other dd {
  flex-basis: 90%;
  flex-shrink: 1;
}
.VLfooter-grid div.VLfooter_item2 dl.link dt {
  flex-basis: 100%;
  flex-shrink: 1;
  text-decoration: underline;
}
.VLfooter-grid div.VLfooter_item2 dl.link dd {
  flex-basis: 100%;
  flex-shrink: 1;
  opacity: 0.7;
}
.VLfooter-grid div.VLfooter_item3{
	grid-row: 3/4;
	grid-column: 1/2;
	font-size: 1.2rem;
	margin: 15px 0 15px 0;
	padding: 0 15px 0;
}
.VLfooter-grid div.VLfooter_item3 .copynote, .VLfooter-grid div.VLfooter_item3 .copyright {
  font-size: 1.2rem;
  text-align: center;
  color: #fff;
  opacity: 0.7;
}
.mainH {
	width: 336px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
.VLyuryo-grid {
    display: grid;
	grid-template-columns: 336px;
	grid-template-rows: 60px 220px 190px 140px 60px;
	gap: 15px;
}
 
.VLyuryo_item1{
	grid-row: 1/2;
	grid-column: 1/2;
	margin-top: 40px;
	padding: 0;
}
	.VLyuryo_item1 h3{
	color: #000000;
 	text-align: center;
	font-weight:bold; 
	font-size: small; 
}
.VLyuryo_item2{
	grid-row: 2/3;
	grid-column: 1/2;
}

.VLyuryo_item3{
	grid-row: 3/4;
	grid-column: 1/2;
}
.VLyuryo_item3 p{
		line-height: 1.7em;
}

.VLyuryo_item4{
	grid-row: 4/5;
	grid-column: 1/2;
}
.VLyuryo_item4 h4{
	color: #333333;
 	text-align: center;
	font-weight:bold; 
	font-size: medium; 
}
	.VLyuryo_item4 table.yuryo_table{
		    background-color: #cdffef;  /* 背景色指定 */
		    border-collapse:  collapse;     /* セルの線を重ねる */
	}
	.VLyuryo_item4 table.yuryo_table th, td{
		border: solid 1px;              /* 枠線指定 */ 
		padding: 3px;      /* 余白指定 */
	}
	.VLyuryo_item4 table.yuryo_table th{
		width: 80px;
	}

.VLyuryo_item5{
	grid-row: 5/6;
	grid-column: 1/2;
}
.VLyuryo_item5 a{
	font-size: small;
}

/*Tablet View*/

@media screen and (min-width: 768px){
header .inner h1.logo a {
  display: inline-block;
  width: 100%; /* logo修正20261027 */
  margin-left: 5px;
}
.CSR-grid {
  display: grid;
	grid-template-columns: 200px 200px 200px 200px;
	grid-template-rows: 200px 320px 335px 180px 200px;
	gap: 3px;
	background:#F7F8F8; 
	border-block: 1px solid #E3E5E6; 
	padding: 2px;
}
 
.CSR_item1{
	grid-row: 1/2;
	grid-column: 1/4;
	margin: 0;
	padding: 20px;
}

.CSR_item2{
	grid-row: 2/3;
	grid-column: 1/4;
	padding-left: 18px;
}

.CSR_item3{
	grid-row: 3/4;
	grid-column: 1/4;
	padding-left: 18px;
	padding-top: 15px;
}

.CSR_item4{
	grid-row: 4/5;
	grid-column: 1/2;
	padding: 15px 15px 15px 30px;
}

.CSR_item5{
	grid-row: 4/5;
	grid-column: 2/3;
	padding: 15px 15px 15px 30px;
}
.CSR_item6{
	grid-row: 4/5;
	grid-column: 3/4;
	padding: 15px 15px 15px 30px;
	}

.CSR_item7{
	grid-row: 5/6;
	grid-column: 1/2;
	padding: 15px 15px 15px 30px;
}
.CSR_item8{
	grid-row: 5/6;
	grid-column: 2/3;
	padding: 15px 15px 15px 30px;
}
.CSR_item9{
	grid-row: 5/6;
	grid-column: 3/4;
	padding: 15px 15px 15px 30px;
}

.mainO {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
.VLO-grid {
  display: grid;
	grid-template-columns: 120px 120px 120px 120px 120px 120px;
	grid-template-rows: 100px 60px;
	gap: 10px;
	border: solid 3px #333333;
}
 
.VLO_item1{
	grid-row: 1/2;
	grid-column: 1/3;
	width: 240px;
	margin-top: 10px;
	text-align: center;
	font-size: x-large;
	font-weight: bolder;
}

.VLO_item2{
	grid-row: 1/2;
	grid-column: 3/6;
	width: 430px;
	font-size: small;
	padding: 0 2px 2px 2px;
}
.VLO_item3{
	grid-row: 2/3;
	grid-column: 1/4;
	width: 350px;
	text-align: center;
}

.VLO_item4{
	grid-row: 2/3;
	grid-column: 4/6;
	width: 350px;
	text-align: center;
}

.VLO_item3 a,.VLO_item4 a {
	position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 200px;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    background: linear-gradient(to top, rgb(5, 130, 174), #27acd9);
    color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    border-radius: 9999px;
}
.VLO_item3 a:hover,.VLO_item4 a:hover {
    color: #fff;
    opacity: 0.5;
}
	div.infomation1{
		width: 100%
}
	
	div.infomation3{
		width: 100%
}
	p.img_txt{
	margin-top: 1em;
}
	p.iten{
	text-align: center;
	font-size: medium;
	font-weight: 400;
	color: #007dd0;
}
	.img_area_ky{
	width: 80%;
	margin: 0 auto;
}

	
.mainG {
	width: 627px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
	
.VLG-grid {
  display: grid;
	grid-template-columns: 306px 306px;
	grid-template-rows: 40px 55px 170px;
	gap: 15px;

}
.VLG_item1{
	grid-row: 1/2;
	grid-column: 1/3;
}

.VLG_item2{
	font-size: 90%;
	grid-row: 2/3;
	grid-column: 1/3;
}

.VLG_item3{
	grid-row: 3/4;
	grid-column: 1/2;
}

.VLG_item4{
	grid-row: 3/4;
	grid-column: 2/3;
}
	.VLG2-grid {
  display: grid;
	grid-template-columns: 306px 306px;
	grid-template-rows: 40px 30px 170px;
	gap: 15px;

}
.VLG2_item1{
	grid-row: 1/2;
	grid-column: 1/3;
}

.VLG2_item2{
	font-size: 90%;
	grid-row: 2/3;
	grid-column: 1/3;
}

.VLG2_item3{
	grid-row: 3/4;
	grid-column: 1/2;
}

.VLG2_item4{
	grid-row: 3/4;
	grid-column: 2/3;
}
	

.VL-grid2 {
  display: grid;
	grid-template-columns: 306px 306px;
	grid-template-rows: 65px 170px 30px 170px 30px;
	gap: 15px;
}
 
.main {
	width: 615px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
.VL-grid {
  display: grid;
	grid-template-columns: 300px 300px;
	grid-template-rows: 65px 170px 30px 170px 30px;
	gap: 15px;
}
	
.VL_item1{
	grid-row: 1/2;
	grid-column: 1/3;
	margin: 0;
	padding: 0 155px 0 155px;
}

.VL_item2{
	grid-row: 2/3;
	grid-column: 1/2;
}

.VL_item3{
	grid-row: 3/4;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}

.VL_item4{
	grid-row: 2/3;
	grid-column: 2/3;
}

.VL_item5{
	grid-row: 3/4;
	grid-column: 2/3;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item6{
	grid-row: 4/5;
	grid-column: 1/2;
	
}

.VL_item7{
	grid-row: 5/6;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item8{
	grid-row: 4/5;
	grid-column: 2/3;
	
}

.VL_item9{
	grid-row: 5/6;
	grid-column: 2/3;
	font-size: small;
	margin: -10px 0 0 0;
}

.VL_item10{
	grid-row: 6/7;
	grid-column: 1/2;
	
}
.VL_item11{
	grid-row: 7/8;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item12{
	grid-row: 6/7;
	grid-column: 2/3;
	
}
.VL_item13{
	grid-row: 7/8;
	grid-column: 2/3;
	font-size: small;
	margin: -10px 0 0 0;
}


.mainI {
	width: 638px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}


.VLI-grid {
  display: grid;
	grid-template-columns: 304px 304px;
	grid-template-rows: 65px 50px 370px 30px;
	gap: 15px;
}
.VLI_item1{
	grid-row: 1/2;
	grid-column: 1/3;
}

.VLI_item2{
	grid-row: 2/3;
	grid-column: 1/3;
}

.VLI_item3{
	grid-row: 3/4;
	grid-column: 1/3;
}
.VLI_item4{
	grid-row: 4/5;
	grid-column: 1/2;
	font-size: x-small;
	margin-top: 0;
}
.VLI_item5{
	grid-row: 4/5;
	grid-column: 2/3;
	font-size: x-small;
	margin-top: 0;
}

	
.VLarchive-grid {
  display: grid;
	grid-template-columns: 199px 199px 199px;
	grid-template-rows: 42px 42px 110px 50px;
	gap: 15px;

}
 
.VLarchive_item1{
	grid-row: 1/2;
	grid-column: 1/4;
	padding: 0 160px 0 160px;
}

.VLarchive_item2{
	grid-row: 2/3;
	grid-column: 1/4;
	padding: 10px 160px 0 160px;
}

.VLarchive_item3{
	grid-row: 3/4;
	grid-column: 1/2;
		background-image: url("../images/video_library/vl_ota_syokuin_m.jpg");
	position:  relative;
}
	.VLarchive_item3 p{
		position: absolute;
		left: 68px;
		top: 20px;
		color: black;
	font-size: 55%;
		font-weight: bold;
		line-height: 130%;
	}

.VLarchive_item4{
	grid-row: 4/5;
	grid-column: 1/2;
	font-size: xx-small;
	margin: -10px 0 0 0;
}

.VLarchive_item5{
	grid-row: 3/4;
	grid-column: 2/3;

}
	.VLarchive_item6{
	grid-row: 4/5;
	grid-column: 2/3;
	font-size: xx-small;
	margin: -10px 0 0 0;
}
	.VLarchive_item7{
	grid-row: 3/4;
	grid-column: 3/4;

}
	.VLarchive_item8{
	grid-row: 4/5;
	grid-column: 3/4;
	font-size: xx-small;
	margin: -10px 0 0 0;
}	

#br-none{
	display: block;
}
#br-exist{
	display: none;
}

.VLfooter-grid div.VLfooter_item2 dl.other dt {
  flex-basis: auto;
  flex-shrink: 0;
}
.VLfooter-grid div.VLfooter_item2 dl.other dd {
  flex-basis: 95%;
  flex-shrink: 1;
}	
.VLfooter-grid div.VLfooter_item3{
	margin: 0 0 10px 0;
}
	
.mainH {
	width: 715px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
.VLyuryo-grid {
    display: grid;
	grid-template-columns: 400px 315px;
	grid-template-rows: 50px 480px 150px 50px;
	gap: 15px;
}
 
.VLyuryo_item1{
	grid-row: 1/2;
	grid-column: 1/3;
	margin-top: 20px;
	padding: 0;
}
	.VLyuryo_item1 h3{
	color: #000000;
 	text-align: center;
	font-weight:bold; 
	font-size: large; 
}
.VLyuryo_item2{
	grid-row: 2/3;
	grid-column: 1/3;
}

.VLyuryo_item3{
	grid-row: 3/4;
	grid-column: 1/2;
}

.VLyuryo_item4{
	grid-row: 3/5;
	grid-column: 2/3;
}
.VLyuryo_item4 h4{
	color: #333333;
 	text-align: center;
	font-weight:bold; 
	font-size: medium; 
}
	.VLyuryo_item4 table.yuryo_table{
		    background-color: #cdffef;  /* 背景色指定 */
		    border-collapse:  collapse;     /* セルの線を重ねる */
	}
	.VLyuryo_item4 table.yuryo_table th, td{
		border: solid 1px;              /* 枠線指定 */ 
		padding: 3px;      /* 余白指定 */
	}
	.VLyuryo_item4 table.yuryo_table th{
		width: 80px;
	}

.VLyuryo_item5{
	grid-row: 4/5;
	grid-column: 1/3;
}
	

}

/* 20230626修正 */
@media (min-width: 960px){
header .inner h1.logo a {
  display: inline-block;
  width: 100%; /* logo修正20261027 */
  margin-left: 5px;
}
.CSR-grid {
  display: grid;
	grid-template-columns: 200px 200px 200px 200px;
	grid-template-rows: 200px 320px 335px 180px 200px;
	gap: 3px;
	background:#F7F8F8; 
	border-block: 1px solid #E3E5E6; 
	padding: 2px;
}
 
.CSR_item1{
	grid-row: 1/2;
	grid-column: 1/4;
	margin: 0;
	padding: 20px;
}

.CSR_item2{
	grid-row: 2/3;
	grid-column: 1/4;
	padding-left: 18px;
}

.CSR_item3{
	grid-row: 3/4;
	grid-column: 1/4;
	padding-left: 18px;
	padding-top: 15px;
}

.CSR_item4{
	grid-row: 4/5;
	grid-column: 1/2;
	padding: 15px 15px 15px 30px;
}

.CSR_item5{
	grid-row: 4/5;
	grid-column: 2/3;
	padding: 15px 15px 15px 30px;
}
.CSR_item6{
	grid-row: 4/5;
	grid-column: 3/4;
	padding: 15px 15px 15px 30px;
	}

.CSR_item7{
	grid-row: 5/6;
	grid-column: 1/2;
	padding: 15px 15px 15px 30px;
}
.CSR_item8{
	grid-row: 5/6;
	grid-column: 2/3;
	padding: 15px 15px 15px 30px;
}
.CSR_item9{
	grid-row: 5/6;
	grid-column: 3/4;
	padding: 15px 15px 15px 30px;
}

.main {
	width: 615px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
.VL-grid {
  display: grid;
	grid-template-columns: 300px 300px;
	grid-template-rows: 65px 170px 30px 170px 30px;
	gap: 15px;
}
	
.VL_item1{
	grid-row: 1/2;
	grid-column: 1/3;
	margin: 0;
	padding: 0 155px 0 155px;
}

.VL_item2{
	grid-row: 2/3;
	grid-column: 1/2;
}

.VL_item3{
	grid-row: 3/4;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}

.VL_item4{
	grid-row: 2/3;
	grid-column: 2/3;
}

.VL_item5{
	grid-row: 3/4;
	grid-column: 2/3;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item6{
	grid-row: 4/5;
	grid-column: 1/2;
	
}

.VL_item7{
	grid-row: 5/6;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item8{
	grid-row: 4/5;
	grid-column: 2/3;
	
}

.VL_item9{
	grid-row: 5/6;
	grid-column: 2/3;
	font-size: small;
	margin: -10px 0 0 0;
}


.mainO {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
.VLO-grid {
  display: grid;
	grid-template-columns: 150px 150px 150px 150px 150px 150px;
	grid-template-rows: 75px 60px;
	gap: 10px;
	border: solid 3px #333333;
}
 
.VLO_item1{
	grid-row: 1/2;
	grid-column: 1/3;
	width: 300px;
	text-align: center;
	font-size: x-large;
	font-weight: bolder;
}

.VLO_item2{
	grid-row: 1/2;
	grid-column: 3/6;
	width:570px;
	font-size: small;
	padding: 0 2px 2px 2px;
}
.VLO_item3{
	grid-row: 2/3;
	grid-column: 1/4;
	width: 470px;
	text-align: center;
}

.VLO_item4{
	grid-row: 2/3;
	grid-column: 4/6;
	width: 470px;
	text-align: center;
}

.VLO_item3 a,.VLO_item4 a {
	position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 200px;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    background: linear-gradient(to top, rgb(5, 130, 174), #27acd9);
    color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    border-radius: 9999px;
}
.VLO_item3 a:hover,.VLO_item4 a:hover {
    color: #fff;
    opacity: 0.5;
}
	div.infomation1{
		width: 35%
}
	div.infomation2{
		width: 15%
}
	div.infomation3{
		width: 50%
}
.VLfooter-inner{
	width: 785px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
}
.VLfooter-grid {
	display: grid;
	grid-template-rows: 1250px 100px;
	grid-template-columns: 175px 595px;
	gap: 15px;
}
.VLfooter-grid div.VLfooter_item1{
	display: block;
	grid-row: 1/2;
	grid-column: 1/2;
	margin: 0;
	padding: 0;
	border: 1px thin #000;
	color: #fff;
	font-size: 1.2rem;
	
}
.VLfooter-grid div.VLfooter_item2{
	grid-row: 1/2;
	grid-column: 2/3;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 1.2rem;
}
.VLfooter-grid div.VLfooter_item2 dl.other dt {
  flex-basis: auto;
  flex-shrink: 0;
}
.VLfooter-grid div.VLfooter_item2 dl.other dd {
  flex-basis: 90%;
  flex-shrink: 1;
}

.VLfooter-grid div.VLfooter_item3{
	grid-row: 2/3;
	grid-column: 1/3;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 1.2rem;
}
	.mainH {
	width: 715px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
.VLyuryo-grid {
    display: grid;
	grid-template-columns: 400px 315px;
	grid-template-rows: 50px 480px 150px 50px;
	gap: 15px;
}
 
.VLyuryo_item1{
	grid-row: 1/2;
	grid-column: 1/3;
	margin-top: 20px;
	padding: 0;
}
	.VLyuryo_item1 h3{
	color: #000000;
 	text-align: center;
	font-weight:bold; 
	font-size: large; 
}
.VLyuryo_item2{
	grid-row: 2/3;
	grid-column: 1/3;
}

.VLyuryo_item3{
	grid-row: 3/4;
	grid-column: 1/2;
}

.VLyuryo_item4{
	grid-row: 3/5;
	grid-column: 2/3;
}
.VLyuryo_item4 h4{
	color: #333333;
 	text-align: center;
	font-weight:bold; 
	font-size: medium; 
}
	.VLyuryo_item4 table.yuryo_table{
		    background-color: #cdffef;  /* 背景色指定 */
		    border-collapse:  collapse;     /* セルの線を重ねる */
	}
	.VLyuryo_item4 table.yuryo_table th, td{
		border: solid 1px;              /* 枠線指定 */ 
		padding: 3px;      /* 余白指定 */
	}
	.VLyuryo_item4 table.yuryo_table th{
		width: 80px;
	}

.VLyuryo_item5{
	grid-row: 4/5;
	grid-column: 1/3;
}

}

@media screen and  (min-width: 900px){
  header .inner h1.logo a {
  display: inline-block;
  width: 150px; /* logo修正20261027 */
  margin-left: 5px;
}
header nav ul li a {
  font-size: 1.55rem;
}
.main {
	width: 615px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
.VL-grid {
  display: grid;
	grid-template-columns: 300px 300px;
	grid-template-rows: 65px 170px 30px 170px 30px;
	gap: 15px;
}
	
.VL_item1{
	grid-row: 1/2;
	grid-column: 1/3;
	margin: 0;
	padding: 0 155px 0 155px;
}

.VL_item2{
	grid-row: 2/3;
	grid-column: 1/2;
}

.VL_item3{
	grid-row: 3/4;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}

.VL_item4{
	grid-row: 2/3;
	grid-column: 2/3;
}

.VL_item5{
	grid-row: 3/4;
	grid-column: 2/3;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item6{
	grid-row: 4/5;
	grid-column: 1/2;
	
}

.VL_item7{
	grid-row: 5/6;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item8{
	grid-row: 4/5;
	grid-column: 2/3;
	
}

.VL_item9{
	grid-row: 5/6;
	grid-column: 2/3;
	font-size: small;
	margin: -10px 0 0 0;
}

}
@media screen and  (min-width: 1040px){
  header .inner h1.logo a {
  display: inline-block;
  width: 250px; /* logo修正20261027 */
  margin-left: 5px;
}
header nav ul li a {
  font-size: 1.6rem;
}
.main {
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
.VL-grid {
  display: grid;
	grid-template-columns: 300px 300px 300px;
	grid-template-rows: 65px 170px 30px;
	gap: 15px;
}
.VL_item1{
	grid-row: 1/2;
	grid-column: 1/4;
	margin: 0;
	padding: 0 321px 0 321px;
}

.VL_item2{
	grid-row: 2/3;
	grid-column: 1/2;
}

.VL_item3{
	grid-row: 3/4;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}

.VL_item4{
	grid-row: 2/3;
	grid-column: 2/3;
}

.VL_item5{
	grid-row: 3/4;
	grid-column: 2/3;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item6{
	grid-row: 2/3;
	grid-column: 3/4;
	
}

.VL_item7{
	grid-row: 3/4;
	grid-column: 3/4;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item8{
	grid-row: 4/5;
	grid-column: 1/2;
	
}

.VL_item9{
	grid-row: 5/6;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item10{
	grid-row: 4/5;
	grid-column: 2/3;
	
}

.VL_item11{
	grid-row: 5/6;
	grid-column: 2/3;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item12{
	grid-row: 4/5;
	grid-column: 3/4;
	
}

.VL_item13{
	grid-row: 5/6;
	grid-column: 3/4;
	font-size: small;
	margin: -10px 0 0 0;
}
}
@media screen and  (min-width: 1160px){
  header .inner h1.logo a {
  display: inline-block;
  width: 350px;
}
header nav ul li a {
  font-size: 1.6rem;
}
.main {
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
.VL-grid {
  display: grid;
	grid-template-columns: 300px 300px 300px;
	grid-template-rows: 65px 170px 30px;
	gap: 15px;
}
.VL_item1{
	grid-row: 1/2;
	grid-column: 1/4;
	margin: 0;
	padding: 0 321px 0 321px;
}

.VL_item2{
	grid-row: 2/3;
	grid-column: 1/2;
}

.VL_item3{
	grid-row: 3/4;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}

.VL_item4{
	grid-row: 2/3;
	grid-column: 2/3;
}

.VL_item5{
	grid-row: 3/4;
	grid-column: 2/3;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item6{
	grid-row: 2/3;
	grid-column: 3/4;
	
}

.VL_item7{
	grid-row: 3/4;
	grid-column: 3/4;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item8{
	grid-row: 4/5;
	grid-column: 1/2;
	
}

.VL_item9{
	grid-row: 5/6;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item10{
	grid-row: 4/5;
	grid-column: 2/3;
	
}

.VL_item11{
	grid-row: 5/6;
	grid-column: 2/3;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item12{
	grid-row: 4/5;
	grid-column: 3/4;
	
}

.VL_item13{
	grid-row: 5/6;
	grid-column: 3/4;
	font-size: small;
	margin: -10px 0 0 0;
}
}

@media (min-width: 1270px){
 header .inner h1.logo a {
  display: inline-block;
  width: 460px; /* logo修正20261027 */
  margin-left: 5px;
}
header nav ul li a {
  font-size: 1.6rem;
}

	div.infomation1{
		width: 35%
}
	div.infomation2{
		width: 15%
}
	div.infomation3{
		width: 50%
}
p.img_txt{
	margin-top: 3em;
}
	p.iten{
	text-align: center;
	font-size: medium;
	font-weight: 400;
	color: #007dd0;
}
.img_area_ky{
	width: 60%;
	margin: 0 auto;
}
.main {
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
	.mainG {
	width: 715px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
	.jichinsai_title{
	font-size: 150%;
	font-weight:bold;
	color: white;
	background-color: royalblue;
	border-radius:10px;
	text-align: center;
	padding:5px 0;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}
.jichinsai_p{
	font-size: 120%;
	color: #000000;
}
.VLG-grid {
        display: grid;
	grid-template-columns: 350px 350px;
	grid-template-rows: 50px 60px 180px;
	gap: 15px;

}
.VLG_item1{
	grid-row: 1/2;
	grid-column: 1/3;
}

.VLG_item2{
	font-size: 90%;
	grid-row: 2/3;
	grid-column: 1/3;
}

.VLG_item3{
	grid-row: 3/4;
	grid-column: 1/2;
}

.VLG_item4{
	grid-row: 3/4;
	grid-column: 2/3;
}
.VLG2-grid {
        display: grid;
	grid-template-columns: 350px 350px;
	grid-template-rows: 50px 30px 180px;
	gap: 15px;

}
.VLG2_item1{
	grid-row: 1/2;
	grid-column: 1/3;
}

.VLG2_item2{
	font-size: 90%;
	grid-row: 2/3;
	grid-column: 1/3;
}

.VLG2_item3{
	grid-row: 3/4;
	grid-column: 1/2;
}

.VLG2_item4{
	grid-row: 3/4;
	grid-column: 2/3;
}
.VL-grid {
  display: grid;
	grid-template-columns: 300px 300px 300px;
	grid-template-rows: 65px 170px 30px;
	gap: 15px;
}
.VL-grid2 {
  display: grid;
	grid-template-columns: 300px 300px 300px;
	grid-template-rows: 65px 170px 30px 170px 30px;
	gap: 15px;
}
 
.VL_item1{
	grid-row: 1/2;
	grid-column: 1/4;
	margin: 0;
	padding: 0 321px 0 321px;
}

.VL_item2{
	grid-row: 2/3;
	grid-column: 1/2;
}

.VL_item3{
	grid-row: 3/4;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}

.VL_item4{
	grid-row: 2/3;
	grid-column: 2/3;
}

.VL_item5{
	grid-row: 3/4;
	grid-column: 2/3;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item6{
	grid-row: 2/3;
	grid-column: 3/4;
	
}

.VL_item7{
	grid-row: 3/4;
	grid-column: 3/4;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item8{
	grid-row: 4/5;
	grid-column: 1/2;
	
}

.VL_item9{
	grid-row: 5/6;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item10{
	grid-row: 4/5;
	grid-column: 2/3;
	
}

.VL_item11{
	grid-row: 5/6;
	grid-column: 2/3;
	font-size: small;
	margin: -10px 0 0 0;
}
.VL_item12{
	grid-row: 4/5;
	grid-column: 3/4;
	
}

.VL_item13{
	grid-row: 5/6;
	grid-column: 3/4;
	font-size: small;
	margin: -10px 0 0 0;
}
	

.mainO {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
.VLO-grid {
  display: grid;
	grid-template-columns: 156px 156px 156px 156px 156px 156px;
	grid-template-rows: 75px 60px;
	gap: 10px;
	border: solid 3px #333333;
}
 
.VLO_item1{
	grid-row: 1/2;
	grid-column: 1/3;
	width: 300px;
	text-align: center;
	font-size: x-large;
	font-weight: bolder;
}

.VLO_item2{
	grid-row: 1/2;
	grid-column: 3/6;
	width: 640px;
	font-size: small;
	padding: 0 2px 2px 2px;
}
.VLO_item3{
	grid-row: 2/3;
	grid-column: 1/4;
	width: 470px;
	text-align: center;
}

.VLO_item4{
	grid-row: 2/3;
	grid-column: 4/6;
	width: 470px;
	text-align: center;
}

.VLO_item3 a,.VLO_item4 a {
	position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 200px;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    background: linear-gradient(to top, rgb(5, 130, 174), #27acd9);
    color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    border-radius: 9999px;
}
.VLO_item3 a:hover,.VLO_item4 a:hover {
    color: #fff;
    opacity: 0.5;
}

	
p.iten{
	
	font-size: large;
	
}	
.mainI {
	width: 689px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
.VLI-grid {
  display: grid;
	grid-template-columns: 337px 337px;
	grid-template-rows: 65px 50px 408px 50px;
		gap: 15px;
}
.VLI_item1{
	grid-row: 1/2;
	grid-column: 1/3;
}

.VLI_item2{
	grid-row: 2/3;
	grid-column: 1/3;
}

.VLI_item3{
	grid-row: 3/4;
	grid-column: 1/3;
}
.VLI_item4{
	grid-row: 4/5;
	grid-column: 1/2;
	font-size: small;
	margin-top: 0;
}
.VLI_item5{
	grid-row: 4/5;
	grid-column: 2/3;
	font-size: small;
	margin-top: 0;
}

.VLarchive-grid {
    display: grid;
	grid-template-columns: 306px 306px 306px;
	grid-template-rows: 65px 30px 170px 30px;
	gap: 15px;
}
 
.VLarchive_item1{
	grid-row: 1/2;
	grid-column: 1/4;
	margin: 0;
	padding: 0 321px 0 321px;
	
}
.VLarchive_item2{
	grid-row: 2/3;
	grid-column: 1/4;
	padding: 0 321px 0 321px;
}

.VLarchive_item3{
	grid-row: 3/4;
	grid-column: 1/2;
	background-image: url("../images/video_library/vl_ota_syokuin.jpg");
	position:  relative;
}
	.VLarchive_item3 p{
		position: absolute;
		left: 110px;
		top: 32px;
		color: black;
	font-size: 80%;
		font-weight: bold;
		line-height: 130%;
	}

.VLarchive_item4{
	grid-row: 4/5;
	grid-column: 1/2;
	font-size: small;
	margin: -10px 0 0 0;
}

.VLarchive_item7{
	grid-row: 3/4;
	grid-column: 2/3;
}

.VLarchive_item6{
	grid-row: 4/5;
	grid-column: 2/3;
	font-size: small;
	margin: -10px 0 0 0;
}
.VLarchive_item7{
	grid-row: 3/4;
	grid-column: 3/4;
}
.VLarchive_item8{
	grid-row: 4/5;
	grid-column: 3/4;
	font-size: small;
	margin: -10px 0 0 0;
}

#br-none{
	display: block;
}
#br-exist{
	display: none;
}

.VLfooter-inner{
	width: 785px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
}
.VLfooter-grid {
	display: grid;
	grid-template-rows: 1250px 100px;
	grid-template-columns: 175px 595px;
	gap: 15px;
}
.VLfooter-grid div.VLfooter_item1{
	display: block;
	grid-row: 1/2;
	grid-column: 1/2;
	margin: 0;
	padding: 0;
	border: 1px thin #000;
	color: #fff;
	font-size: 1.2rem;
	
}
.VLfooter-grid div.VLfooter_item2{
	grid-row: 1/2;
	grid-column: 2/3;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 1.2rem;
}
.VLfooter-grid div.VLfooter_item3{
	grid-row: 2/3;
	grid-column: 1/3;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 1.2rem;
}
.mainH {
	width: 715px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
.VLyuryo-grid {
    display: grid;
	grid-template-columns: 400px 315px;
	grid-template-rows: 50px 480px 150px 50px;
	gap: 15px;
}
 
.VLyuryo_item1{
	grid-row: 1/2;
	grid-column: 1/3;
	margin-top: 20px;
	padding: 0;
}
	.VLyuryo_item1 h3{
	color: #000000;
 	text-align: center;
	font-weight:bold; 
	font-size: large; 
}
.VLyuryo_item2{
	grid-row: 2/3;
	grid-column: 1/3;
}

.VLyuryo_item3{
	grid-row: 3/4;
	grid-column: 1/2;
}

.VLyuryo_item4{
	grid-row: 3/5;
	grid-column: 2/3;
}
.VLyuryo_item4 h4{
	color: #333333;
 	text-align: center;
	font-weight:bold; 
	font-size: medium; 
}
	.VLyuryo_item4 table.yuryo_table{
		    background-color: #cdffef;  /* 背景色指定 */
		    border-collapse:  collapse;     /* セルの線を重ねる */
	}
	.VLyuryo_item4 table.yuryo_table th, td{
		border: solid 1px;              /* 枠線指定 */ 
		padding: 3px;      /* 余白指定 */
	}
	.VLyuryo_item4 table.yuryo_table th{
		width: 80px;
	}

.VLyuryo_item5{
	grid-row: 4/5;
	grid-column: 1/3;
}
}