@charset "UTF-8";



/* 各ページメインビジュアル
=============================*/
.labo_contentstop_rmcommon {
  background:url("/labo/assets/img/study/raw_material/common/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_raw_material {
  background:url("/labo/assets/img/study/raw_material/index/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_shuji {
  background:url("/labo/assets/img/study/raw_material/shuji/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_chouhakujin {
  background:url("/labo/assets/img/study/raw_material/chouhakujin/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_natsume {
  background:url("/labo/assets/img/study/raw_material/natsume/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_ougi {
  background:url("/labo/assets/img/study/raw_material/ougi/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_fmc {
  background:url("/labo/assets/img/study/raw_material/fmc/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_shiranuigiku {
  background:url("/labo/assets/img/study/raw_material/shiranuigiku/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_hamo {
  background:url("/labo/assets/img/study/raw_material/hamo/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_guava {
  background:url("/labo/assets/img/study/raw_material/guava/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_yabatsui {
  background:url("/labo/assets/img/study/raw_material/yabatsui/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_pimpinella {
  background:url("/labo/assets/img/study/raw_material/pimpinella/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_hachiyagaki {
  background:url("/labo/assets/img/study/raw_material/hachiyagaki/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_banpeiyu {
  background:url("/labo/assets/img/study/raw_material/banpeiyu/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_nasu {
  background:url("/labo/assets/img/study/raw_material/nasu/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_hakumai {
  background:url("/labo/assets/img/study/raw_material/hakumai/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_mi_xiang_hongcha {
  background:url("/labo/assets/img/study/raw_material/mi_xiang_hongcha/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_sakurakobo {
  background:url("/labo/assets/img/study/raw_material/sakurakobo/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_citrus {
  background:url("/labo/assets/img/study/raw_material/citrus/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_j_pepper {
  background:url("/labo/assets/img/study/raw_material/j_pepper/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_composite {
  background:url("/labo/assets/img/study/raw_material/composite/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_licorice {
  background:url("/labo/assets/img/study/raw_material/licorice/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_purple-orchid {
  background:url("/labo/assets/img/study/raw_material/purple-orchid/main_vis.png") no-repeat right center;
  background-size:contain;
}
.labo_contentstop_southern {
  background:url("/labo/assets/img/study/raw_material/southern/main_vis.png") no-repeat right center;
  background-size:contain;
}


/* top
=============================*/
.labo_raw_material_list.dp_flex {
  flex-wrap:wrap;
}
.labo_raw_material_list li {
  width:32%;
  margin-bottom:20px;
  margin-left:2%;
  position:relative;
}
.labo_raw_material_list li:nth-child(3n - 2) {
  margin-left:0;
}
.labo_raw_material_list_new:before {
  content:"new";
  display:inline-block;
  color:#fff;
  background:#f22;
  padding:2px 10px;
  border:1px solid #fff;
  position:absolute;
  top:0;
  left:0;
}
.labo_raw_material_list a {
  text-decoration:none;
}
.labo_raw_material_list_txt {
  color:#fff;
  background:#1C143D;
  height:4rem;
  padding:10px 20px 10px 10px;
  position:relative;
}
.labo_raw_material_list_txt span {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  color:#fff;
  display:inline-block;
  white-space: nowrap;
}
.labo_raw_material_list_txt:after {
  content: "→";
  position: absolute;
  top:50%;
  right: 10px;
  transform:translateY(-50%);
  color: #fff;
  background: #1C143D;
  border: 1px solid #fff;
  width: 28px;
  height: 28px;
  font-size: 1.2rem;
  line-height: 1.3;
  border-radius: 100px;
  text-align:center;
}


/* 詳細
=============================*/
.labo_raw_material_detailtop_dl {
  display:flex;
  flex-wrap:wrap;
}
.labo_raw_material_detailtop_dl dt,
.labo_raw_material_detailtop_dl dd,
.labo_raw_material_detailtop_dl dd li,
.labo_contentstop_firstarea .labo_raw_material_detailtop_dl dd span {
  font-size:0.8rem;
}
.labo_contentstop_firstarea .labo_raw_material_detailtop_dl dd span {
  background-color: rgba(255, 255, 255, 0.9);
  display: inline-block;
  border-radius: 2px;
  margin-bottom: 3px;
}
.labo_raw_material_detailtop_dl dt {
  width:20%;
  font-weight:bold;
  position:relative;
}
.labo_raw_material_detailtop_dl dt:after {
  content:"：";
  position:absolute;
  top:0;
  right:0;
}
.labo_raw_material_detailtop_dl dd {
  width:80%;
}

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

SP

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

.labo_raw_material_list.dp_flex {
  justify-content:space-between;
}
.labo_raw_material_list li {
  width:48%;
  margin-left:0;
}

.labo_raw_material_list_txt:after {
  width:20px;
  height:20px;
  right:5px;
  font-size:1rem;
  line-height:1.1;
}
.labo_raw_material_list_txt span {
  white-space: normal;
  width:70%;
}


.labo_contentstop_firstarea {
  background-position:right top;
}
.labo_contentstop_shuji {
  height:300px;
}

.labo_contentstop_firstarea .labo_contentstop_firstarea_txt {
  top:31%;
  transform:none;
}
.labo_raw_material_detailtop_dl dt,
.labo_raw_material_detailtop_dl dd,
.labo_raw_material_detailtop_dl dd li {
  font-size:0.9rem;
}


}





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

SP:375px以下

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