@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/*

.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.noto-serif-jp-<uniquifier> {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.roboto-<uniquifier> {
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

*/
body{
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:#333333;
}

a{
  text-decoration:none;
}

img{
  max-width:100%;
}


@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    flex-basis: 100%;
  }
}


@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: wrap;
  }
}

.navbar-nav{
  width:100%;
  align-items: center;
  justify-content: center;
}

footer{
  background:#ededed;
  padding:40px 0px 0px 0px;
  font-size:14px;
}

ul#footermenu1,
ul#footermenu2{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  justify-content: flex-end;
}

ul#footermenu1{
  margin-bottom:20px;
}

ul#footermenu1 li{
  padding:0px 10px;
}

ul#footermenu1 li:first-child{
  padding-left:0;
}

ul#footermenu1 li:last-child{
  padding-right:0;
}

ul#footermenu1 li a{
  color:#333333;
  font-weight:bold;
}

ul#footermenu2 li{
  border-right:1px solid #333333;
  padding:0px 10px;
}

ul#footermenu2 li:first-child{
  padding-left:0;
}

ul#footermenu2 li:last-child{
  border-right:0;
  padding-right:0;
}

ul#footermenu2 li a{
  color:#333333;
  font-weight:bold;
}


#copyright{
  background:#1840b3;
  color:#FFF;
  font-weight:bold;
  font-size:14px;
  text-align:right;
  padding:10px;
  margin-top:40px;
}


.video{
	padding-top: 56.25%;
	width: 100%;
	position: relative;
}

.video video{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* home */
#mainmovie{
}

#mainservices{
  background-image:url("/img/index/services.jpg");
  background-size:cover;
  padding:60px 0px;
}


#mainservices .maincatch{
  margin-top:30px;
}


h2{
  font-size:30px;
  font-weight:bold;
}
h2 .alp{
  padding-top:10px;
  color:#1840b3;
  font-size:24px;
  font-weight:bold;
}

.maincatch{
  font-size:24px;
}

.maincatch .electric{
  font-size:36px;
}

.maincatch .companyname{
  font-size:30px;
  color:#1840b3;
  font-weight: 700;
  padding-bottom:15px;
}

a.more{
  display:inline-block;
  border-bottom:2px solid #1840b3;
  min-width:170px;
  color:#4d4d4d;
  font-weight:bold;
  font-size:18px;
  padding:0px 0px 5px 0px;
}


#mainrecord{
  background-image:url("/img/index/mainrecord.jpg");
  background-size:cover;
  padding:60px 0px;
}

.record_img{
  margin-bottom:10px;
}

.record_name{
  font-weight:bold;
  margin-bottom:10px;
}

.record_content{
}

.record_more a{
  color:#1840b3;
}

#maincompany{
  padding:60px 0px;
}

#maincompany .maincatch{
  margin-bottom:30px;
}

p{
  line-height:2;
}

#mainrecruit{
  padding:0px 0px;
  position:relative;
  color:#FFF;
}

#mainrecruit > img{
  width:100%;
}

#mainrecruit .inner{
  position:absolute;
  top:60px;
  left:0;
  width:100%;
}

#mainrecruit a{
  color:#FFF;
}

#mainrecruit .maincatch{
  margin-bottom:30px;
}

#mainrecruit p{
  line-height:2;
}

#footertop{
  padding:60px 0px;
}

ul.sns{
  display:flex;
  list-style:none;
  padding:0;
  margin:0;
  justify-content: center;

}

ul.sns li{
  padding:0px 5px;
}



.pageheader{
  background-size:cover;
  padding:80px 0px;
  text-align:center;
  font-size:24px;
  font-weight:bold;
  color:#FFF;
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}


.pageheader .alp{
  font-size:50px;
  font-weight:bold;
  display:block;
  color:#FFF;
  font-family: "Poppins", serif;
  font-weight: 600;
  font-style: normal;
}

#company .pageheader{
  background-image:url("/img/company.jpg");
}

#recruit .pageheader{
  background-image:url("/img/recruit.jpg");
  padding:240px 0px;
}

#service .pageheader{
  background-image:url("/img/service.jpg");
}

#service_company .pageheader{
  background-image:url("/img/service_company.jpg");
}

#service_school .pageheader{
  background-image:url("/img/service_school.jpg");
}

#service_government .pageheader{
  background-image:url("/img/service_government.jpg");
}

#service_same .pageheader{
  background-image:url("/img/service_same.jpg");
}


ul.submenu{
  padding:0;
  margin:0;
  list-style:none;
  display:flex;
  justify-content:center;
}

ul.submenu li{
  border-right:1px solid #0071ba;
  padding:0px 10px;
}

ul.submenu li:last-child{
  border-right:0;
}

ul.submenu li a{
  color:#0071ba;
  font-weight:bold;
}

.font24{
  font-size:24px;
}

h3{
  color:#4d4d4d;
  font-size:24px;
  text-align:center;
}

table.ctable{
  width:100%;
}

table.ctable tbody tr th,
table.ctable tbody tr td{
  padding:20px 0px;
  border-bottom:1px solid #333333;
  font-size:16px;
}

.lh2{
  line-height:2;
}

#gmap iframe{
  width:100%;
  max-height:500px;
}
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

.benefitlist{
  color:#0071ba;
  font-size:18px;
  font-weight:bold;
}

.recruit_title{
  font-size:36px;
  font-weight:bold;
  color:#4d4d4d;
}

h3{
  color:#4d4d4d;
  font-size:24px;
  font-weight:bold;
  text-align:left;
  margin-bottom:30px;
}

h3 span{
  color:#span;
  font-size:36px;
  display:block;
  margin-bottom:10px;
  color:#1840b1;
}

#recruittop{
  position:relative;
}

#recruittop > img{
  position:absolute;
  left:0;
  top:-140px;
}

@media screen and (max-width: 1200px) {
}

/* md ≥768px */
@media screen and (max-width: 991px) {
}

/* sm ≥576px */
@media screen and (max-width: 767px) {
}

/* xs <576px */
@media screen and (max-width: 576px) {
  .navbar-brand{
    max-width:75%;
  }
  h2{
    font-size:25px;
  }
  .maincatch{
    font-size:18px;
  }
  .maincatch .electric{
    font-size:28px;
  }
  #mainrecruit{
    position:static;
    color:#000;
  }
  #mainrecruit .inner{
    position:static;
  }
  #mainrecruit a{
    color:#000;
  }
  ul#footermenu1, ul#footermenu2{
    display:block;
  }
  ul#footermenu1{
    margin-bottom:0;
  }
  ul#footermenu1 li{
    padding:10px;
  }
  ul#footermenu2, ul#footermenu2{
    display:block;
  }
  ul#footermenu2 li:first-child{
    padding-left:10px;
  }
  ul#footermenu2 li{
    padding:10px;
  }

  table.ctable,
  table.ctable tbody,
  table.ctable tbody tr,
  table.ctable tbody tr th,
  table.ctable tbody tr td{
    display:block;
    width:100%;
  }

  #gmap{
    padding:10px;
  }

  #recruit .pageheader{
    padding:100px 0px;
  }
  
  .recruit_title{
    font-size:17px;
  }

  h3{
    font-size:18px;
  }

  h3 span{
    font-size:26px;
  }

  #recruittop{
    position:static;
  }

  #recruittop > img{
    position:static;
  }
}