.over-hidden{
  overflow:hidden !important}
.w-full{
  width:100%}
.h-12{
  height:48px}
.h-44{
  height:176px}
.h-full{
  height:100%}
.text-blue-500{
  color:#3b82f6 !important}
.mt-2{
  margin-top:8px}
.mt-6{
  margin-top:24px}
.mt-13{
  margin-top:52px}
.my-2{
  margin-top:8px;
  margin-bottom:8px}
.mx-2{
  margin-left:4px;
  margin-right:4px}
.mb-2{
  margin-bottom:8px}
.mb-5{
  margin-bottom:20px}
.mb-6{
  margin-bottom:24px !important}
.mb-12{
  margin-bottom:48px}
.pc-none{
  display:none}
.font-bold{
  font-weight:bold !important}
.text-lg{
  font-size:18px !important}
.max-w-full{
  max-width:100%}
.block{
  display:block}
.text-right{
  text-align:right}
.hover\:underline:hover{
  text-decoration:underline}
.float-left{
  float:left}
.block{
  display:block}
@media only screen and (max-width: 767px){
  .sp-none{
  display:none}
}
.navbar{
  margin-bottom:0}
.navbar-fixed-top{
  padding-top:29px}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{
  background:#fff;
  padding:0}
.navbar-default .navbar-nav{
  display:block;
  position:relative}
.navbar-default .navbar-nav .open a:focus,.navbar-default .navbar-nav .open a:hover{
  background:#fff}
.navbar-nav>li>a{
  padding:23px 20px;
  font-size:0.95em}
.navbar-nav>li:last-child>a{
  padding:23px 28px 23px 20px}
.navbar-brand{
  padding:0px 15px 10px 15px;
  height:66px;
  width:300px;
  max-width:300px
}
.dropdown:hover .dropdown-menu{
  display:block}
.dropdown-menu{
  min-width:129px;
  border:none;
border-radius:0;
box-shadow:none}
.dropdown-menu>li>a{
  padding:6px 20px}
#group-banner{
  display:inline-flex}
#group-banner .group-banner-child{
  padding:0 5px}
@media screen and (min-width: 768px) and (max-width: 1210px){
  .navbar-collapse.collapse{
  display:none !important}
.navbar-text{
  float:none;
  margin:15px 0}
.navbar-fixed-top{
  background:#fff;
  padding-top:0;
position:initial}
.navbar-fixed-top .navbar-collapse{
  max-height:100%}
.navbar-fixed-top .navbar-toggle{
  display:block;
  margin:15px}
.navbar-brand{
  padding:0px 15px 15px 15px}
.navbar-brand img{
 /* width:70% */ }
.navbar-default .navbar-header{
  float:none}
.navbar-default .navbar-collapse.collapse.in{
  display:block !important}
.navbar-default .collapsing{
  overflow:hidden !important}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{
  padding:0 20px}
.navbar-nav{
  margin-right:0;
  float:none !important}
.navbar-nav li{
  float:none}
.navbar-nav li a{
  padding-top:10px;
  padding-bottom:10px}
.dropdown:hover .dropdown-menu{
  display:none}
.dropdown.open .dropdown-menu{
  display:block}
ul .dropdown-menu{
  position:static;
  float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none}
}
@media screen and (max-width: 991px){
  #group-banner{
  display:initial}
.pc-none{
  display:initial !important}
}
@media only screen and (max-width: 767px){
  .navbar-fixed-top{
  background:#fff;
  padding-top:0;
position:initial}
.navbar-fixed-top .navbar-collapse{
  max-height:100%}
.navbar-fixed-top .navbar-toggle{
  margin:15px}
.navbar-brand{
  padding:0px 0px 15px 15px}
.navbar-brand img{
  width:70%}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{
  padding:0 20px}
.navbar-nav{
  margin-right:0}
.navbar-nav>li>a{
  padding:10px;
  font-size:0.9em}
.navbar-nav>li:last-child>a{
  padding:10px}
.dropdown:hover .dropdown-menu{
  display:none}
.dropdown.open .dropdown-menu{
  display:block}
#group-banner{
  display:initial}
#group-banner .group-banner-child{
  padding:4px 0 0 0}
}
.container-small,.container-large,.container-full{
  max-width:100%}
.container-small{
  width:1200px}
.container-large{
  width:1680px}
.container-full{
  width:1920px}
.container{
  margin-bottom:8em}
.container h2{
  font-family:"Open Sans","Lato",sans-serif;
font-size:2.4em;
margin-bottom:40px}
.container .description{
  font-size:1.0em;
  margin-bottom:40px;
margin-top:-20px}
@media screen and (min-width: 768px) and (max-width: 1210px){
  .container-small,.container-larg{
  width:100%}
.container{
  margin-bottom:2em}
.container h2{
  font-size:1.6em;
  margin-bottom:20px}
.container .description{
  display:none}
}
@media only screen and (max-width: 767px){
  .container-small,.container-larg{
  width:100%}
.container{
  margin-bottom:2em}
.container h2{
  font-size:1.6em;
  margin-bottom:20px}
.container .description{
  display:none}
}
.breadcrumb{
  padding:0 15px;
  list-style:none;
background-color:#fff;
margin:3em auto}
.breadcrumb li+li:before{
  content:">"}
.breadcrumb a{
  color:#337ab7}
.breadcrumb a:hover{
  text-decoration:underline}
@media screen and (min-width: 768px) and (max-width: 1210px){
  .breadcrumb{
  margin:2em auto}
}
@media only screen and (max-width: 767px){
  .breadcrumb{
  margin:1.5em auto;
  font-size:0.8em}
}
.breadcrumb-v2{
  height:56px;
  align-items:center;
display:flex;
margin:0px auto;
color:#565656}
.breadcrumb-v2 a{
  color:#565656}
.nav-sidebar li{
  all:initial}
.nav-sidebar li a{
  padding:10px 0;
  border-top:1px solid #e7e7e7;
font-size:0.85em}
.nav-sidebar li a span{
  display:block;
  padding:10px 10px 10px 20px}
.nav-sidebar li a:focus,.nav-sidebar li a:hover{
  color:#565656;
  background:#eee}
.nav-sidebar li a:focus span,.nav-sidebar li a:hover span{
  border-left:5px solid #005BAC;
  padding:10px 10px 10px 15px}
.nav-sidebar li:last-child a{
  border-bottom:1px solid #e7e7e7}
.nav-sidebar .active a{
  color:#565656;
  background:#eee}
.nav-sidebar .active a span{
  display:block;
  padding:10px 10px 10px 15px;
border-left:5px solid #005BAC}
.nav-sidebar .panel-body{
  padding:0px}
.nav-sidebar .list-group-item{
  border-style:none}
.nav-sidebar .list-group-item>a{
  padding:20px}
.nav-sidebar .list-group-item .list-group a{
  padding:20px 0}
.nav-sidebar .list-group-item.active{
  all:initial}
.footer .container{
  margin-bottom:0}
.footer .container .row{
  padding:20px 0}
.footer .container .row .col-md-8 .list-inline li{
  margin-right:1em;
  line-height:2.0em}
.footer .container .row .col-md-8 .list-inline li a{
  font-size:0.8em}
.footer .container .row .col-md-2 .btn_sns{
  text-align:center;
  padding:20px 0}
.footer .container .row .col-md-2 .btn_sns img{
  width:40px}
.footer .container .row .col-md-4 .btn_sns{
  text-align:left;
  padding:20px 0}
.footer .container .row .col-md-4 .btn_sns img{
  width:40px}
.footer .container .row .col-md-12 .btn_sns{
  text-align:center;
  padding:20px 0}
.footer .container .row .col-md-12 .btn_sns img{
  width:45px}
.footer .copyright{
  padding:10px 0 20px}
.footer .copyright small{
  font-size:0.85em}
.footer .copyright .text-center{
  display:block}
#gmofooter .gmofooter_relatedservicelist ul li dl{
  border:none}
#gmofooter .gmofooter_relatedservicelist ul li dl dt{
  width:auto}
#gmofooter .gmofooter_relatedservicelist ul li dl dd{
  background:none}
@media screen and (min-width: 768px) and (max-width: 1210px){
  .footer .container .row .col-md-8 .list-inline li{
  margin-right:0.5em}
.footer .container .row .col-md-12{
  float:left}
.footer .copyright{
  padding:0 0 20px 0}
.footer .copyright .text-center{
  display:block}
#gmofooter{
  padding-bottom:0 !important}
#gmocommonfooter{
  margin-top:0 !important}
#gmocommonfooter .gmo_footer_wrapper{
  display:none !important}
}
@media only screen and (max-width: 767px){
  .footer .container{
  margin-bottom:0}
.footer .container .row{
  padding:0}
.footer .container .row .pull-xs-center{
  float:none !important;
  text-align:center}
.footer .container .row .col-md-4 .btn_sns{
  text-align:center;
  padding:20px 0}
.footer .container .row .col-md-4 .btn_sns img{
  width:40px}
.footer .container .row .col-md-12 .sp_top{
  margin-bottom:20px}
.footer .container .row .col-md-12 .sp_top li a{
  display:block;
  border-top:1px solid #eee;
padding:12px 0;
font-size:0.85em}
.footer .container .row .col-md-12 .sp_top li a:after{
  content:'';
width:10px;
height:10px;
border:0px;
border-top:solid 1px #dadada;
border-right:solid 1px #dadada;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
position:absolute;
right:25px;
margin-top:5px}
.footer .container .row .col-md-12 .sp_top li:last-child a{
  border-bottom:1px solid #eee}
.footer .container .row .col-md-12 .sp_btm{
  margin-bottom:20px}
.footer .container .row .col-md-12 .sp_btm li a{
  font-size:0.75em}
.footer .container .row .col-md-12 .btn_sns{
  text-align:center;
  padding:10px 0}
.footer .copyright{
  padding:10px 0 0 0}
.footer .copyright .text-center{
  display:block}
#gmocommonfooter{
  margin-top:20px !important}
}
.pagetop{
  display:none;
  position:fixed;
bottom:15px;
right:5px;
z-index:100000000}
.pagetop a{
  display:block;
  background:#656565;
text-align:center;
color:#fff;
font-size:1.0em;
padding:4px 12px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5}
.pagetop a:hover{
  display:block;
  background:#b2d1fb;
color:#fff;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5}
@media screen and (min-width: 768px) and (max-width: 1210px){
  .pagetop{
  display:none;
  position:fixed;
bottom:15px;
right:15px}
}
@media only screen and (max-width: 767px){
  .pagetop{
  display:none;
  position:fixed;
bottom:50px;
right:10px}
}
.gmosecurity-header{
  margin:0 auto;
  max-width:1040px;
padding:20px 0px 20px 10px;
display:flex;
gap:20px}
.gmosecurity-header a{
  display:block}
.gmosecurity-header .logo img{
  height:18px;
  width:auto}
.gmosecurity-header .btn_sns{
  display:flex;
  gap:10px}
.gmosecurity-header .btn_sns img{
  width:20px}
@media screen and (max-width: 768px){
  .gmosecurity-header{
  flex-direction:column;
  text-align:center;
padding:20px 0px}
.gmosecurity-header .btn_sns{
  justify-content:center}
}
div.site_seal{
  display:flex;
  justify-content:center}
div.site_seal div.site_seal_left{
  padding:40px 5px 40px 115px}
div.site_seal div.site_seal_right{
  padding:40px 115px 40px 5px}
@media only screen and (max-width: 767px){
  div.site_seal{
  display:block;
  text-align:center}
div.site_seal div.site_seal_left,div.site_seal div.site_seal_right{
  display:flex;
  justify-content:center}
div.site_seal div.site_seal_left{
  padding:40px 115px 5px}
div.site_seal div.site_seal_right{
  padding:5px 115px 40px}
}
#cookie-banner{
  position:fixed;
  bottom:0;
width:100%;
background-color:#fff;
box-shadow:0 0px 4px rgba(0,0,0,0.2);
padding:10px;
display:none;
justify-content:center;
align-items:center;
z-index:100000001}
#cookie-banner p{
  margin:initial}
#cookie-banner p a{
  color:#1a73e8;
  white-space:nowrap}
#cookie-banner p a:hover{
  text-decoration:underline}
#cookie-banner div.button-area{
  display:flex;
  justify-content:space-evenly;
min-width:300px}
#cookie-banner div.button-area button{
  background-color:#1a73e8;
  color:white;
padding:10px 20px;
border:none;
cursor:pointer;
border-radius:5px;
min-width:120px;
white-space:nowrap}
@media screen and (max-width: 782px){
  #cookie-banner{
  flex-direction:column}
#cookie-banner p,#cookie-banner button{
  margin-bottom:8px}
}
.video-wrap{
  position:relative;
  margin-top:67px;
margin-bottom:4em;
min-height:300px}
.video-wrap .main-slides{
  border-top:5px solid #d6d5d5;
  opacity:0;
transition:opacity 0.3s linear;
display:none}
.video-wrap .main-slides.slick-initialized{
  opacity:1;
  display:block}
.video-wrap .main-slides div{
  border-bottom:2px solid #d6d5d5;
  -webkit-transition:opacity 0.2s;
transition:opacity 0.2s}
.video-wrap .main-slides div.slick-active{
  border-right:5px solid #d6d5d5;
  border-left:5px solid #d6d5d5}
.video-wrap .main-slides .slick-slide img{
  max-width:80vw;
  max-height:50vh}
.video-wrap video{
  display:block;
  margin:0 0 0 auto;
width:100%}
.video-wrap .vision{
  font-family:"Open Sans","Lato",sans-serif;
color:#fff;
text-align:center;
font-size:4.2em;
position:absolute;
bottom:7%;
left:50%;
transform:translate(-50%, -50%);
z-index:1;
width:100%;
height:auto}
.video-wrap .vision p{
  line-height:0.95;
  font-size:0.35em}
.video-wrap .scroll{
  position:absolute;
  bottom:0px;
left:50%;
z-index:100;
display:inline-block;
-webkit-transform:translate(0, -50%);
transform:translate(0, -50%);
padding-top:80px;
color:#fff;
pointer-events:none}
.video-wrap .scroll span{
  position:absolute;
  bottom:0;
left:50%;
width:30px;
height:30px;
margin-left:-22px;
border-left:1px solid #fff;
border-bottom:1px solid #fff;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
box-sizing:border-box}
.fluid2{
  display:none}
@media screen and (min-width: 768px) and (max-width: 1210px){
  .video-wrap{
  margin-top:0;
  margin-bottom:3em}
.video-wrap .vision{
  font-size:2.85em}
.video-wrap .vision img{
  width:24%}
.video-wrap .scroll{
  padding-top:38px}
.video-wrap .scroll span{
  width:22px;
  height:22px;
margin-left:-11px}
}
@media only screen and (max-width: 767px){
  .video-wrap{
  display:none}
.item img{
  width:100%}
.fluid2{
  display:block;
  padding:0;
position:relative;
margin-bottom:2em}
.fluid2 .vision{
  font-family:"Open Sans","Lato",sans-serif;
color:#fff;
text-align:center;
font-size:1.5em;
position:absolute;
bottom:0%;
left:50%;
transform:translate(-50%, -50%);
z-index:1;
width:100%;
height:auto}
.fluid2 .vision .logo{
  display:block;
  margin:0 auto;
width:28%}
.fluid2 .vision p{
  font-size:0.2em;
  padding-top:6px}
.fluid2 .carousel-control.left,.fluid2 .carousel-control.right{
  display:none}
}
.news-wrap{
  width:90%;
  margin:0 auto}
.news-wrap h2{
  text-align:left;
  border-bottom:1px solid #9c9c9c;
padding-bottom:10px;
margin-bottom:30px;
position:relative}
.news-wrap h2 span a{
  display:block;
  position:absolute;
right:0;
bottom:10px;
font-size:16px}
.news-wrap h2 span a:hover{
  text-decoration:underline}
.news-wrap .col-md-12{
  padding:0}
.news-wrap ul li{
  margin-bottom:15px;
  padding-bottom:15px;
border-bottom:1px solid #eee;
min-height:90px}
.news-wrap ul li a:hover{
  text-decoration:underline}
.news-wrap .news-top{
  font-size:0.9em;
  color:#bababa;
margin-bottom:10px;
font-weight:normal}
.news-wrap .news-top time{
  padding:0 10px 0 0;
  border-right:1px solid #bababa;
margin:0 10px 0 0}
.news-wrap .news-btm{
  font-size:1.0em}
.news-wrap .btn{
  display:none}
.news-wrap .xj_box tr{
  display:block;
  margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid #eee;
min-height:90px}
.news-wrap .xj_box th{
  display:inline;
  font-size:0.9em;
font-weight:normal;
color:#bababa;
margin:0 0 10px 0;
padding:0 10px 0 0;
border-right:1px solid #bababa}
.news-wrap .xj_box td.category{
  display:inline;
  font-size:0.9em;
font-weight:normal;
color:#bababa;
margin:0 0 10px 0;
padding:0 0 0 10px}
.news-wrap .xj_box td.title{
  display:block;
  margin-top:8px}
.news-wrap .xj_box td.volume{
  display:none}
@media only screen and (max-width: 767px){
  .col-sm-6:first-child{
  margin-bottom:1.5em}
.news-wrap h2{
  text-align:center;
  border-bottom:none;
padding-bottom:10px;
margin-bottom:5px}
.news-wrap h2 span a{
  display:none}
.news-wrap ul li{
  margin-bottom:15px;
  padding-bottom:15px;
border-bottom:1px solid #eee;
min-height:auto}
.news-wrap .news-top{
  font-size:0.8em;
  margin-bottom:5px;
font-weight:normal}
.news-wrap .news-btm{
  font-size:0.8em}
.news-wrap .btn{
  display:block;
  font-size:0.8em;
padding:10px 25px;
float:none !important;
width:100%}
}
.corona-wrap{
  margin-bottom:2em}
.corona-wrap a{
  text-decoration:underline}
.business-wrap .row a:hover{
  opacity:0.8}
.business-wrap .row ul.service-list{
  display:flex;
  flex-wrap:wrap}
.business-wrap .row ul.service-list li.col-md-4{
  float:initial}
.business-wrap .row ul.service-list .box-sp{
  display:none !important}
.business-wrap .row .col-md-3,.business-wrap .row .col-md-4{
  margin-bottom:40px}
.business-wrap .row .col-md-3 .box-pc,.business-wrap .row .col-md-4 .box-pc{
  border:1px solid #efefef;
  -webkit-box-sizing:border-box;
box-sizing:border-box}
.business-wrap .row .col-md-3 .box-pc div,.business-wrap .row .col-md-4 .box-pc div{
  color:#888;
  font-size:.95em;
padding:15px 0}
.business-wrap .row .col-md-3 .box-pc .image-responsive,.business-wrap .row .col-md-4 .box-pc .image-responsive{
  display:block;
  max-width:100%;
height:auto}
.business-wrap .row .col-md-3 .box-pc .arrow:after,.business-wrap .row .col-md-4 .box-pc .arrow:after{
  content:'';
width:11px;
height:11px;
border:0px;
border-top:solid 1px #888;
border-right:solid 1px #888;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
position:absolute;
right:27px;
margin-top:6px}
.business-wrap .row .col-md-3 .box-sp,.business-wrap .row .col-md-4 .box-sp{
  display:none}
@media screen and (min-width: 768px) and (max-width: 1210px), only screen and (max-width: 767px){
  .business-wrap .row a:hover,.business-wrap .row a:active{
  color:#565656;
  text-decoration:none}
.business-wrap .row a .box-pc .img-responsive{
  display:none}
.business-wrap .row a .box-pc .arrow{
  color:#565656;
  padding:30px 0}
.business-wrap .row a .box-pc .arrow .box-sp{
  display:block;
  font-size:1.4em;
margin:5px 0}
.business-wrap .row a .box-pc .arrow span{
  font-size:1.1em}
.business-wrap .row a .box-pc .arrow:after{
  display:none}
}
@media screen and (max-width: 991px){
  .business-wrap .sp-none{
  display:none !important}
.business-wrap .row ul.service-list{
  flex-direction:column}
.business-wrap .row ul.service-list .col-md-4{
  margin:initial}
.business-wrap .row ul.service-list .col-md-4 .box-sp{
  display:block !important;
  font-size:1.4em;
margin:5px 0}
.business-wrap .row ul.service-list .col-md-4 .bg-01{
  background:url(../img/top/img_business_sp_bg-01.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-02{
  background:url(../img/top/img_business_sp_bg-02.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-03{
  background:url(../img/top/img_business_sp_bg-03.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-04{
  background:url(../img/top/img_business_sp_bg-04.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-05{
  background:url(../img/top/img_business_sp_bg-05.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-06{
  background:url(../img/top/img_business_sp_bg-06.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-07{
  background:url(../img/top/img_business_sp_bg-07.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-08{
  background:url(../img/top/img_business_sp_bg-08.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-09{
  background:url(../img/top/img_business_sp_bg-09.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-10{
  background:url(../img/top/img_business_sp_bg-10.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-11{
  background:url(../img/top/img_business_sp_bg-11.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-12{
  background:url(../img/top/img_business_sp_bg-12.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-13{
  background:url(../img/top/img_business_sp_bg-13.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-14{
  background:url(../img/top/img_business_sp_bg-14.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-16{
  background:url(../img/top/img_business_sp_bg-16.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-17{
  background:url(../img/top/img_business_sp_bg-17.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-18{
  background:url(../img/top/img_business_sp_bg-18.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-19{
  background:url(../img/top/img_business_sp_bg-19.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .bg-20{
  background:url(../img/top/img_business_sp_bg-20.jpg) center center/cover no-repeat}
.business-wrap .row ul.service-list .col-md-4 .image-responsive{
  display:none !important}
}
@media only screen and (max-width: 767px){
  .business-wrap .row a:hover,.business-wrap .row a:active{
  color:#565656;
  text-decoration:none}
.business-wrap .row .col-md-3,.business-wrap .row .col-md-4{
  margin-bottom:0}
.business-wrap .row .col-md-3 .bg-01,.business-wrap .row .col-md-4 .bg-01{
  background:url(../img/top/img_business_sp_bg-01.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-02,.business-wrap .row .col-md-4 .bg-02{
  background:url(../img/top/img_business_sp_bg-02.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-03,.business-wrap .row .col-md-4 .bg-03{
  background:url(../img/top/img_business_sp_bg-03.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-04,.business-wrap .row .col-md-4 .bg-04{
  background:url(../img/top/img_business_sp_bg-04.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-05,.business-wrap .row .col-md-4 .bg-05{
  background:url(../img/top/img_business_sp_bg-05.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-06,.business-wrap .row .col-md-4 .bg-06{
  background:url(../img/top/img_business_sp_bg-06.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-07,.business-wrap .row .col-md-4 .bg-07{
  background:url(../img/top/img_business_sp_bg-07.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-08,.business-wrap .row .col-md-4 .bg-08{
  background:url(../img/top/img_business_sp_bg-08.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-09,.business-wrap .row .col-md-4 .bg-09{
  background:url(../img/top/img_business_sp_bg-09.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-10,.business-wrap .row .col-md-4 .bg-10{
  background:url(../img/top/img_business_sp_bg-10.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-11,.business-wrap .row .col-md-4 .bg-11{
  background:url(../img/top/img_business_sp_bg-11.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-12,.business-wrap .row .col-md-4 .bg-12{
  background:url(../img/top/img_business_sp_bg-12.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-13,.business-wrap .row .col-md-4 .bg-13{
  background:url(../img/top/img_business_sp_bg-13.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-14,.business-wrap .row .col-md-4 .bg-14{
  background:url(../img/top/img_business_sp_bg-14.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-16,.business-wrap .row .col-md-4 .bg-16{
  background:url(../img/top/img_business_sp_bg-16.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-17,.business-wrap .row .col-md-4 .bg-17{
  background:url(../img/top/img_business_sp_bg-17.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-18,.business-wrap .row .col-md-4 .bg-18{
  background:url(../img/top/img_business_sp_bg-18.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-19,.business-wrap .row .col-md-4 .bg-19{
  background:url(../img/top/img_business_sp_bg-19.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .bg-20,.business-wrap .row .col-md-4 .bg-20{
  background:url(../img/top/img_business_sp_bg-20.jpg) center center/cover no-repeat}
.business-wrap .row .col-md-3 .box-pc .img-responsive,.business-wrap .row .col-md-4 .box-pc .img-responsive{
  display:none}
.business-wrap .row .col-md-3 .box-pc .image-responsive,.business-wrap .row .col-md-4 .box-pc .image-responsive{
  display:none !important}
.business-wrap .row .col-md-3 .box-pc .arrow,.business-wrap .row .col-md-4 .box-pc .arrow{
  color:#565656;
  padding:18px 0}
.business-wrap .row .col-md-3 .box-pc .arrow .box-sp,.business-wrap .row .col-md-4 .box-pc .arrow .box-sp{
  display:block;
  font-size:1.1em}
.business-wrap .row .col-md-3 .box-pc .arrow span,.business-wrap .row .col-md-4 .box-pc .arrow span{
  font-size:0.9em}
.business-wrap .row .col-md-3 .box-pc .arrow:after,.business-wrap .row .col-md-4 .box-pc .arrow:after{
  display:none}
}
.company-wrap .row a{
  color:#fff}
.company-wrap .row a:hover{
  opacity:0.8}
.company-wrap .row .col-md-3 .bg-01{
  background:url(../img/top/img_company_bg-01.jpg) center center/cover no-repeat}
.company-wrap .row .col-md-3 .bg-02{
  background:url(../img/top/img_company_bg-02.jpg) center center/cover no-repeat}
.company-wrap .row .col-md-3 .bg-03{
  background:url(../img/top/img_company_bg-03.jpg) center center/cover no-repeat}
.company-wrap .row .col-md-3 .bg-04{
  background:url(../img/top/img_company_bg-04.jpg) center center/cover no-repeat}
.company-wrap .row .col-md-3 .box{
  padding:80px 0}
.company-wrap .row .col-md-3 .box p{
  font-size:1.5em}
.company-wrap .row .col-md-3 .box p span{
  font-size:0.9em}
@media screen and (min-width: 768px) and (max-width: 1210px){
  .company-wrap .row .col-md-3 .bg-01{
  background:url(../img/top/img_company_bg-01.jpg) center center/cover no-repeat}
.company-wrap .row .col-md-3 .bg-02{
  background:url(../img/top/img_company_bg-02.jpg) center center/cover no-repeat}
.company-wrap .row .col-md-3 .bg-03{
  background:url(../img/top/img_company_bg-03.jpg) center center/cover no-repeat}
.company-wrap .row .col-md-3 .bg-04{
  background:url(../img/top/img_company_bg-04.jpg) center center/cover no-repeat}
.company-wrap .row .col-md-3 .box{
  padding:30px 0}
.company-wrap .row .col-md-3 .box p{
  font-size:1.5em}
.company-wrap .row .col-md-3 .box p span{
  font-size:0.85em}
}
@media only screen and (max-width: 767px){
  .company-wrap .row .col-md-3 .box{
  padding:30px 0}
.company-wrap .row .col-md-3 .box p{
  font-size:1.2em}
.company-wrap .row .col-md-3 .box p span{
  font-size:0.85em}
}
.recruit-wrap .row a{
  color:#fff}
.recruit-wrap .row a:hover{
  opacity:0.8}
.recruit-wrap .row .col-md-12 .bg-01{
  background:url(../img/top/img_recruit_bg-01.jpg) center center/cover no-repeat}
.recruit-wrap .row .col-md-12 .bg-02{
  background:url(../img/top/img_recruit_bg-02.jpg) center center/cover no-repeat}
.recruit-wrap .row .col-md-12 .bg-03{
  background:url(../img/top/img_recruit_bg-03.jpg) center center/cover no-repeat}
.recruit-wrap .row .col-md-12 .box{
  margin:0px auto;
  width:528px}
.recruit-wrap .row .col-md-12 .box .box-body{
  height:228px;
  display:flex;
align-items:center;
justify-content:center}
.recruit-wrap .row .col-md-12 .box p{
  font-size:1.5em}
.recruit-wrap .row .col-md-12 .box p span{
  font-size:0.9em}
@media screen and (min-width: 768px) and (max-width: 1210px){
  .recruit-wrap .row .col-md-12 .box{
  width:100%}
.recruit-wrap .row .col-md-12 .box .box-body{
  height:128px}
.recruit-wrap .row .col-md-12 .box p{
  font-size:1.2em}
.recruit-wrap .row .col-md-12 .box p span{
  font-size:0.85em}
}
@media only screen and (max-width: 767px){
  .recruit-wrap .row .col-md-12 .bg-01{
  background:url(../img/top/img_recruit_bg-01.jpg) center center/cover no-repeat}
.recruit-wrap .row .col-md-12 .bg-02{
  background:url(../img/top/img_recruit_bg-02.jpg) center center/cover no-repeat}
.recruit-wrap .row .col-md-12 .bg-03{
  background:url(../img/top/img_recruit_bg-03.jpg) center center/cover no-repeat}
.recruit-wrap .row .col-md-12 .box{
  width:100%}
.recruit-wrap .row .col-md-12 .box .box-body{
  height:128px}
.recruit-wrap .row .col-md-12 .box p{
  font-size:1.1em}
.recruit-wrap .row .col-md-12 .box p span{
  font-size:0.85em}
}
.wp-semlabo-posts a:hover{
  color:initial}
.wp-semlabo-posts h2{
  font-family:"Open Sans","Lato",sans-serif;
font-size:2.4em;
margin-bottom:40px}
.wp-semlabo-posts div.logo-area{
  margin-bottom:20px}
.wp-semlabo-posts div.logo-area img{
  max-width:280px}
.wp-semlabo-posts p.desc{
  font-size:1.0em;
  margin-bottom:40px}
.wp-semlabo-posts ul{
  width:100%;
  display:flex;
flex-wrap:wrap}
.wp-semlabo-posts ul li{
  width:25%;
  padding:4px 8px;
margin-bottom:40px}
.wp-semlabo-posts ul li:hover{
  opacity:0.6}
.wp-semlabo-posts ul li div.border{
  border:1px solid #efefef}
.wp-semlabo-posts ul li div.border div.img-area{
  padding-top:52%;
  position:relative;
overflow:hidden}
.wp-semlabo-posts ul li div.border div.img-area img{
  position:absolute;
  top:50%;
left:50%;
transform:translate(-50%, -50%);
object-fit:contain}
.wp-semlabo-posts ul li div.border p.title{
  overflow:hidden;
  display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2}
.wp-semlabo-posts ul li div.border div.type-date{
  color:#999}
@media screen and (min-width: 768px) and (max-width: 1210px){
  .wp-semlabo-posts{
  margin-bottom:0px}
.wp-semlabo-posts h2{
  font-size:1.6em;
  margin-bottom:20px}
.wp-semlabo-posts div.logo-area{
  margin-bottom:20px}
.wp-semlabo-posts ul li{
  width:50%}
}
@media only screen and (max-width: 767px){
  .wp-semlabo-posts{
  margin-bottom:0px}
.wp-semlabo-posts h2{
  font-size:1.6em;
  margin-bottom:20px}
.wp-semlabo-posts div.logo-area{
  margin-bottom:20px}
.wp-semlabo-posts div.logo-area img{
  max-width:200px}
.wp-semlabo-posts ul li{
  width:100%}
}


ol, ul {

    list-style: none;

}