@charset "UTF-8";

/*-- h --*/
.labo_top_h2 {
  font-size:2.5rem;
  font-family: "A1 Mincho", Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  margin-bottom:60px;
  text-align:center;
}

/* labo_top_1st
=============================*/
.labo_top_1st {
  width:100%;
  height:91vh;
  background:url("/labo/assets/img/top/bg_top.png") no-repeat center center;
  background-size:cover;
  position:relative;
  margin-bottom:80px;
}
.labo_top_1st_h {
  font-size:2.5rem;
  text-align:center;
  font-weight:bold;
  padding-top:5%;
  line-height:1.5;
  margin-bottom:20px;
}
.labo_top_1st_txt {
  text-align:center;
}

/* labo_top_topics
=============================*/
.labo_top_topics {
  margin-bottom:200px;
}
.labo_top_topics_list {
  display:flex;
  justify-content:space-between;
  flex-wrap: wrap;
}
.labo_top_topics_list a {
  text-decoration:none;
}
.labo_top_topics_list li {
  width:32%;
  border-radius:10px;
}
.labo_top_topics_list_img img {
  border-radius:10px 10px 0 0;
}
.labo_top_topics_list_txt {
  font-size:1.125rem;
  text-align:center;
  color:#fff;
  background:#1C143D;
  padding:20px 0;
  border-radius:0 0 10px 10px;
}


/* labo_top_philosophy
=============================*/
.labo_top_philosophy {
  margin-bottom:200px;
  position:relative;
  background:rgba(255,255,255,0.8);
}
.labo_top_philosophy_txt {
  font-size:1.25rem;
  text-align:center;
  line-height:3;
  margin-bottom:80px;
}
.labo_top_philosophy_img_01,
.labo_top_philosophy_img_02,
.labo_top_philosophy_img_03 {
  position:absolute;
  z-index:-1;
}
.labo_top_philosophy_img_01 {
  width:175px;
  top:30%;
  left:3%;
}
.labo_top_philosophy_img_02 {
  width:277px;
  top:8%;
  right:3%;
}
.labo_top_philosophy_img_03 {
  width:300px;
  top:60%;
  right:10%;
}

/* labo_top_study
=============================*/
.labo_top_study {
  margin-bottom:200px;
}
.labo_top_study_box {
  margin-bottom:80px;
}
.labo_top_study_box_02_ul {
  display:flex;
  justify-content:space-between;
  margin-bottom:80px;
}
.labo_top_study_box_02_ul li {
  width:49%;
}
.labo_top_study_box_02_ul li a {
  display:block;
  text-decoration:none;
  text-align:center;
  border:3px solid #1C143D;
  border-radius:10px;
  padding-top:10px;
  background:url("/labo/assets/img/top/ic_attempt.png") no-repeat center 60px;
  height:196px;
  font-size:1.5rem;
  font-weight:bold;
  color:#1C143D;
  position:relative;
}
.labo_top_study_box_02_ul li:nth-child(2) a {
  background-image:url("/labo/assets/img/top/ic_sustainability.png");
}
.labo_top_study_box_02_ul li a:after {
  content:"→";
  position:absolute;
  right:10px;
  bottom:10px;
  color:#fff;
  background:#1C143D;
  width:28px;
  height:28px;
  font-size:1.2rem;
  line-height:1.4;
  border-radius:100px;
}

/* labo_top_collagen
=============================*/
.labo_top_collagen {
  background:url("/labo/assets/img/top/bg_collagen.png") no-repeat center top;
  background-size:cover;
  padding:80px 0;
  margin-bottom:200px;
}
.labo_top_collagen .labo_top_h2,
.labo_top_collagen_txt {
  color:#fff;
}
.labo_top_collagen_txt {
  margin-bottom:50px;
  font-size:1.1rem;
}
.labo_top_collagen .labo_a_btn_01 a {
  background:#fff;
  color:#1C143D;
  border-color:#fff;
}
.labo_top_collagen .labo_a_btn_01 a:hover {
  color:#fff;
  background:#1C143D;
}

/* labo_top_news
=============================*/


/*=======================================

SP

=======================================*/
@media screen and (max-width:768px) {

.labo_top_1st_h {
  font-size:1.5rem;
  padding-top:30%;
}
.labo_top_h2 {
  font-size:1.8rem;
  margin-bottom:40px;
}

.labo_top_topics,
.labo_top_philosophy,
.labo_top_study,
.labo_top_collagen {
  margin-bottom:100px;
}

/* labo_top_topics_list
=============================*/
.labo_top_topics_list li {
  width:100%;
  margin-bottom:15px;
}

/* labo_top_topics_list
=============================*/
.labo_top_philosophy {
  padding:0 2%;
}
.labo_top_philosophy .labo_top_h2 {
  font-size:1.6rem;
}
.labo_top_philosophy_txt {
  font-size:1.1rem;
  line-height:2.5;
}

/* labo_top_study
=============================*/
.labo_top_study .wid1000 {
  width:100%;
}
.labo_top_study_box_02_ul li a {
  font-size:1.1rem;
  height:160px;
  background-size:50%;
  background-position:center 80%;
}

/* labo_top_collagen
=============================*/
.labo_top_collagen {
  background-size:contain;
  background-color:#1C143D;
}




}





/*=======================================

SP:375px以下

=======================================*/
@media screen and (max-width:375px) {
}