@charset "utf-8";
/* CSS Document */
/* MB-LINQ
 */


/*commn*/
.mb-linq-page {
    height: 100%;
    color: #333;
    background-color: #FFFFFF;
    word-wrap: break-word;
    margin: 0;
}

/*font*/
.mb-linq-page :root {
    font-family: 'Inter', sans-serif;
}

@supports (font-variation-settings: normal) {
    :root {
        font-family: 'Inter var', sans-serif;
    }
}

.mb-linq-page h1,
.mb-linq-page h2,
.mb-linq-page h3,
.mb-linq-page h4,
.mb-linq-page h5,
.mb-linq-page p,
.mb-linq-page a {
    font-feature-settings: "palt";
}

.mb-linq-page img {
    vertical-align: top;
    padding-bottom: 10px;
}

.mb-linq-page section,
.mb-linq-page article {
    display: block;
}

.mb-linq-page li {
    list-style-type: none;
}

.mb-linq-page a {
    color: #333;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    transition: 0.2s linear;
    text-decoration: none;
    cursor: pointer;
}

.mb-linq-page a:hover img,
form.contact_form input.form_btn:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}

.mb-linq-page a:hover {
    color: #E5E5E7;
    text-decoration: none;
}


.clfix::after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.mb-linq-page .a_point {
    margin-top: -90px;
    padding-bottom: 90px;
    display: block;
}

.mb-linq-page a.anchor {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
    transform: scale(1.2, 1.2);
}

.mb-linq-page .inner {
    max-width: 1200px;
    margin: 0 auto;
}

.mb-linq-page p {
    font-size: 1.2rem;
}

/*header*/
.site-header {
  width: 100%;
  z-index: 100;
}

.header-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}
.header-links {
  margin: 0;
}
.header-links a {
  border-bottom: 2px dotted #fff;
  padding: 0 0 5px 0;
}
.g_navi {
  display: flex;
  gap: 1.5rem;
}
/*トップページのheader*/
.is-top .site-header {
  position: absolute; 
  top: 0;
  left: 0;
}
.is-top .site-header a {
  color: #fff;
}
.is-top .site-header {
  background: transparent;
}

/*下層ページ*/
.is-sub .site-header {
  position: relative;  
  background: #fff;
}
.is-sub .site-header a {
  color: #333;
}
.is-sub .header-links a {
  border-bottom: 2px dotted #333;
}

.mb-linq-page .logo {
    width: 10%;
    position: absolute;
    top: 20px;
    left: 130px;
    z-index: 999;
}
.hero {
  height: 100vh;
}

.hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nav-taggle {
  display: none;
}

/*contets*/
.col-md-12 {
  display: none;
}
.mb-linq-page .inner section {
  margin: 3% 0 15% 0;
}

.mb-linq-page .oshirase-area {
  display: flex;
  justify-content: space-between;
  font-size: 1.2rem;
}

.mb-linq-page .oshirase-icon-waku {
    padding: 2% 8%;
    border-radius: 50px;
    border: 2.5px solid #239039;
    color: #239039;
    margin: 0 3% 0 0;
}

.mb-linq-page .oshirase-icon-waku-news {
    border: 2.5px solid #237D90;
    color: #237D90;
}

.mb-linq-page .oshirase-contents {
  border-bottom: 2.0px dotted #333;
  width: 45%;
}
.mb-linq-page .oshirase-contents p {
  margin: 2% 0 3.5% 0;
}

.mb-linq-page .gaiyo-area {
  margin: 0 0 15% 0;
}

.mb-linq-page .gaiyo-area p {
  background-color: rgb(252,254,0,0.35);
  padding: 5% 10%;
}
.mb-linq-page .gaiyo-area h3 {
  text-align: center;
  font-size: 1.3rem;
  margin: -2.0% auto;
} 

.mb-linq-page .readmore {
   display: block;
   margin: 5% auto;
   width: 15%;
}
.mb-linq-page .readmore  a{
    border-radius: 50px;
    border: 2.5px solid #25296B;
    color: #25296B;
    background-color: rgb(252, 254, 0, 0.35);
    font-size: 1.3rem;
    font-weight: bold;
    padding: 5% 10%; 
}
.mb-linq-page .text-contents {
    margin: 5% 0 2% 0;
}
/*science*/
.mb-linq-page .midashi-area {
  margin: 3% auto; 
} 
.line-wrapper {
  display: flex;
  align-items: center;
  gap: 25px;
}

.line-wrapper .line {
   flex: 1; 
   height: 1px;
   background-color: #333;
}
.line-wrapper h2 {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  white-space: nowrap;
}
.mb-linq-page .midashi-area p {
    max-width: 1000px;
    margin: 0 auto;
}
.mb-linq-page .inner .feature-area {
  margin: 5% 0 10% 0;
}

.img-wrapper img {
  width: 160px;
  height: auto;
}

.feature-content {
  max-width: 600px
  
}
.feature-flex-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  max-width: 1000px;
  margin: 0 auto;
}

.feature-header {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 6px 0;
}

.feature-header h2 {
  font-size: 1.4rem;
  margin: 0;
  font-weight: bold;
}

.feature-header .number {
  margin-right: 8px;
}

.feature-header > :ntn-last-child(2) {
  margin-right: 5px;
}

.mb-linq-page  .feature-en {
  margin: 0;
  font-size: 1.0rem;
  color: #555;
  font-weight: bold;
}

.feature-text {
  line-height: 1.5;
  color: #333;
  margin: 2% 0;
}

/* バッジ */
.hex {
  width: 60px;
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  clip-path: polygon(
    25% 6.7%,
    75% 6.7%,
    100% 50%,
    75% 93.3%,
    25% 93.3%,
    0% 50%
  );
  transform: rotate(30deg);

}
.badge {
  transform: rotate(-30deg);
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  background: none;
}

.xfel {
  background: #f3982d;
}
.sr {
  background: #3cb37a;
}
.yodenshi {
  background: #e64b3c;
}

.laser {
  background: #5E318F;
}
.icon-wrapper {
  display: flex;
}

.feature-footer {
  text-align: center;
}

.feature-footer .btn {
  display: inline-block;
  padding: 10px 28px;
  background: #f7f3a6;
  border-radius: 24px;
  text-decoration: none;
  color: #333;
  font-weight: bold;
  border: solid 0.8px #25296B;
}
/*concept*/
.mb-linq-page .inner .concept-area {
  position: relative;
  margin: 6rem 0;
  margin: 5% 0 15% 0;

}
.concept-contents {
  position: relative;
  max-width: 820px;
  margin-left: auto; /* 右寄せ */
  padding: 3.5rem 3rem;
  background: #fff;
  z-index: 1;
}
.concept-contents::before {
  content: "";
  position: absolute;
  inset: -40px -120px -40px -40px;
  border: 10px solid #FCFE00;
  border-top: 10px solid #FCFE00;
  border-right: none;
  mask-image: linear-gradient(
    to right,
    black 0%,
    black 70%,
    transparent 100%
  );
  z-index: -1;
}

/* Typography */
.concept-contents h1 {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  margin-bottom: 2.5rem;
  font-weight: 500;
}

.concept-contents p {
  margin-bottom: 1.4rem;
}

.font-bold-green {
  font-weight: bold;
  color: #0072BC;
}

/*footer*/
.mb-linq-page footer {
  height: 10%;
}
.mb-linq-page footer .imsslogo{
  width: 25%;
  margin: 0 auto;
}
.mb-linq-page footer .imsslogo img {
  width: 100%;
}

.mb-linq-page footer p {
  background-color: #25296B;
  color: #FFF;
  text-align: center;
  vertical-align: middle;
  padding: 1% 3%;
  font-weight: 100;
  font-size: 0.8rem;
}

@media screen and (max-width: 1200px) {
  .mb-linq-page .readmore {
    width: 25%;
  }
  .mb-linq-page .inner {
   padding: 0 3%;
  }
  .mb-linq-page .midashi-area p {
   padding: 0 3%;
  }
  .mb-linq-page footer .imsslogo {
    width: 35%;
  }
}

@media screen and (max-width: 767px){
/*common*/
.mb-linq-page .inner {
  max-width: 500px;
}


.mb-linq-page .inner section{
  margin: 3% 0;
}

.mb-linq-page img {
  max-width: 100%;
  height: auto;
}

.mb-linq-page section {
  padding: 1.2em 1em;
}
.mb-linq-page p {
  line-height: 1.7;
  font-size: 0.9rem;
}
.mb-linq-page h4 {
font-size: 1.3rem;
}
.mb-linq h5 {
  font-size: 1.0rem;
}
/* ハンバーガーボタン*/
.mb-linq-page header {
  position: relative;
}
 header .g_navi {
    display: none !important;
  }
  .header-links, .header-left {
    display: none;
  }

  header .g_navi.is-open {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #002244;
    z-index: 1000;
  }

  .is-sub header .g_navi.is-open {
  background: #f7f3a6;
  }

  header .g_navi a {
    display: block;
    padding: 1em;
    color: #fff;
    text-align: center;
    font-weight: bold;
  }

  .nav-taggle {
    display: block;
    background: none;
    border: none;
    width: 40px;
    height: 32px;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translateY(-50%);
    z-index: 1001;
  }

  .nav-taggle span {
    display: block;
    height: 2px;
    background: #002244;
    margin: 7px 0;
  }

  .is-top  .nav-taggle span {
    background: #fff;
  }


  .mb-linq-page .hero {
    height: auto;
    padding: 0;
  }

/*コンテンツ*/
.mb-linq-page .oshirase-area {
  display: block;
}
.mb-linq-page .oshirase-icon {
font-size: 1.0rem;
}
.mb-linq-page .oshirase-icon h5 {
margin: 0;
}
.mb-linq-page .oshirase-contents {
width: 100%;
margin: 5% 0;
}

.mb-linq-page .oshirase-contents p {
margin: 4% 0;
font-size: 0.9rem;
}
.mb-linq-page .oshirase-icon-waku {
padding: 2% 3%;
}
.mb-linq-page .gaiyo-area h3 {
  font-size: 16px;
  margin: -5.0% auto;
}
.mb-linq-page .gaiyo-area p {
  padding: 10% 8%;

}
.mb-linq-page .readmore {
  width: 40%;

}
.mb-linq-page .readmore a {
  font-size: 0.9rem;
  padding: 5% 10%;
}
/*science*/
.line-wrapper h2 {
  font-size: 1.0rem;
}
.feature-flex-wrapper {
  flex-flow: column;
  align-items: center;
}
.feature-header {
  flex-flow: column;
  gap: 20px;
}
.img-wrapper {
  display: block;
  margin: 0 auto;
}

.feature-header h2 {
  font-size: 1.2rem;
}

.mb-linq-page .feature-en {
  font-size: 1.0rem;
}
.mb-linq-page .feature-text {
  margin: 10% 0;
}
.hex {
  width: 65px;
}

.concept-contents::before {
    border-right: 6px solid #ffe600;
  }


/*footer*/
.mb-linq-page footer .imsslogo {
  width: 55%;
}

}


.mb-linq-page .is-sub a {
color: #0000CD;
}