@charset "utf-8";

/*--------------------------------------------------
 common
--------------------------------------------------*/
[class*=" flex_type"],
[class^=flex_type],
[class*=" flex_type"] > *,
[class^=flex_type] > * {
  box-sizing: border-box;
}

[class*=" flex_type"],
[class^=flex_type] {
  display: flex;
}

[class*=" flex_type"].gutters,
[class^=flex_type].gutters {
  margin-left: calc(-1*.625rem);
  margin-right: calc(-1*.625rem);
}

[class*=" flex_type"].gutters > *,
[class^=flex_type].gutters > * {
    padding-left: .625rem;
    padding-right: .625rem;
}

.flex_type1 {
  flex-flow: row wrap;
  justify-content: center;
}


/*--------------------------------------------------
 TOP
--------------------------------------------------*/
.case > * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.case.box_type1 {
  z-index: 300;
  width: 899px;
  margin-left: 31px;
  position: relative;
  margin-top: 4.75em;
  margin-bottom: 3.5em;
}
.case.flex_type1 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.case.flex_type1 .fitem {
  width: 33.3333333%;
  margin-top: 0.75em;
  position: relative;
}
.case.flex_type1 .fitem .box_type2 {
  background-color: #fff;
  border: 1px solid #7ecef1;
  margin: 2%;
  padding: 5%;
  border-radius: 10px;
  line-height: 1.15;
  box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.case.flex_type1 .fitem .box_type2.new {
  padding-top: 6%;
  margin-top: 4.5%;
}
.case.flex_type1 .fitem .tag_new {
  background-color: #f39f19;
  padding: 0.4em 1em;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.case.flex_type1 .fitem_img {
  width: 48%;
  height: 85px;
}
.case.flex_type1 .fitem_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case .text_industry {
  font-weight: bold;
  color: #017bbe;
  margin-bottom: 0.5em;
  position: relative;
  padding-left: 1.25em;
}
.case .text_industry::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  background-color: #00afeb;
  border-radius: 50%;
}
.case .text_about {
  font-weight: 800;
  font-size: 1.35em;
  margin-bottom: 0.5em;
  line-height: 1.25;
}
.case .text_about .strong {
  color: #f00;
}
.case .text_company {
  font-weight: bold;
  font-size: 0.85em;
  margin-bottom: 1em;
}
.case .list_type1 .litem {
  font-size: 0.85em;
  margin-bottom: 0.35em;
  padding-left: 1em;
  position: relative;
}
.case .list_type1 .litem::before {
  content: "";
  position: absolute;
  width: 0.85em;
  height: 0.85em;
  border-radius: 50%;
  background-color: #7dcdf2;
  top: 0.75px;
  left: -0.1em;
}

.case .headline_type1 {
  font-size: 2em;
  line-height: 1;
  color: #004e98;
  font-weight: 900;
  height: 1em;
  padding-bottom: 1.25em;
  padding-left: 1em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #00a4e5;
  width: 100%;
  position: relative;
}

.case .headline_type1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: auto;
  background-color: #00a4e5;
  width: 0.5em;
}

.bnrarea {
/*  margin-bottom: 3em;*/
  margin-bottom: 1em;
/*  margin-left: 355px;*/
  transition: opacity 400ms;
/*  position: absolute;*/
}

.bnrarea.vari1 {
/*  left: 70px;*/
  z-index: 1000;
}

.bnrarea.vari2 {
/*  left: 355px;*/
  z-index: 1001;
}

.bnrarea.vari3 {
/*  right: 70px;*/
  z-index: 1002;
}

.bnrarea:hover {
  opacity: 0.8;
}

.box_bnr {
/*  display: block;*/
/*  position: relative;*/
  position: absolute;
/*  top: 700px;*/
  top: 630px;
/*  background: green;*/
/*  width: 960px;*/
  width: 600px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#u501-4 {
  padding-top: 450px;
}

/*--------------------------------------------------
 What‘s NeuG7 ?
--------------------------------------------------*/
.video_box_type1 {
  z-index: 149;
/*
  width: 560px;
  height: 315px;
*/
  width: 470px;
  height: 265px;
  border-width: 0px;
  border-color: transparent;
  background-color: transparent;
/*  margin-left: 200px;*/
  margin-left: 245px;
  margin-top: 50px;
  position: relative;
  margin-bottom: 20px;
}