@charset "utf-8";

#contents.mitocon * {
  line-height:1.5;
}
.mitocon img {
  width:100%;
}
.wid1100 {
  width:1100px;
  margin:0 auto;
}
.pcnone {display:none;}
.spnone {display:inline-block;}
.mb1em {margin-bottom:1em;}
.mb2em {margin-bottom:2em;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.line_y {
  background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(230,255,37) 70%);
}

.txt_area {
  margin-bottom:30px;
}
.txt_area ul li {
  padding-left:1em;
  position:relative;
}
.txt_area ul li:before {
  content:"・";
  position:absolute;
  top:0;
  left:0;
}
.flex {
  display:flex;
  justify-content:space-between;
}
.flex .txt_area {
  width:60%;
}
.flex .img_area {
  width:38%;
}

.mito_common_area {
  margin-bottom:150px;
}
.mito_common_area h2 {
  text-align:center;
  font-weight:bold;
  font-size:32px;
  margin-bottom:30px;
}
.mito_common_area h3 {
  font-weight:bold;
  font-size:24px;
  margin-bottom:20px;
}

#contents .fade .pc.layoutC.marB80 {
  width:448px;
}
#contents .footer .bgcCB.marT10 a {
  width:50px;
  display:inline-block;
}

/* mito_first
==================*/
.mito_first {
  height:500px;
  position:relative;
  background:url(/labo/specialty/mitochondria/img/img_first_01.png) no-repeat right center;
  background-size:contain;
  max-width:1400px;
  min-width:1200px;
  margin:0 auto 30px;
}
.mito_first .txt_area {
  position:absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  margin-bottom:0;
}
.mito_first .txt_area h1 {
  font-size:48px;
  font-weight:bold;
}
/* mito_about_area
==================*/
.mito_about_area .img_area {
  border:1px solid #aaa;
  padding:30px;
  width:60%;
  margin:0 auto;
}
.mito_about_area .img_area h3 {
  text-align:center;
  font-size:20px;
  margin-bottom:20px;
}

/* mito_ao_area
==================*/
.mito_ao_area .img_area {
  width:60%;
  margin:0 auto;
}

/* mito_vc_area
==================*/
.mito_vc_area .img_area {
  width:50%;
  margin:0 auto;
}


/* mito_birth_area
==================*/
.mito_birth_area h4 {
  text-align:center;
  font-size:24px;
  font-weight:bold;
  margin-bottom:25px;
}
.mito_birth_area .img_area {
  width:70%;
  margin:0 auto 50px;
}


/* mito_conclusion_are
==================*/

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

SP

=======================================*/
@media screen and (max-width:768px) {
  .bgcCB.marT10.s_marT0 .fade img {
    width:50px;
  }
  .wid1100 {
    width:96%;
    padding:0 2%;
  }
  .pcnone {display:inline-block;}
  .spnone {display:none;}

  .flex {
    display:block;
  }
  .flex .txt_area,
  .flex .img_area {
    width:100%;
  }
  .mito_common_area h2 {
    font-size:20px;
  }
  .mito_common_area h3 {
    font-size:18px;
    text-align:center;
  }
  .mito_ao_area .img_area,
  .mito_vc_area .img_area,
  .mito_birth_area .img_area {
    width:100%;
  }

  /* mito_first
  ==================*/
  .mito_first {
    height:450px;
    position:relative;
    width:100%;
    max-width:none;
    min-width:auto;
    background-position:center bottom;
    margin-bottom:50px;
  }
  .mito_first .txt_area {
    top:0;
    left: 50%;
    transform: translate(-50%,0);
    width:100%;
    background:#eff2f1;
    padding:10px 0;
  }
  .mito_first .txt_area h1 {
    font-size:32px;
    text-align:center;
  }
  .mito_first .txt_area p {
    text-align:center;
  }

  /* mito_about_area
  ==================*/
  .mito_about_area .img_area {
    width:100%;
  }

  
  /* mito_birth_area
  ==================*/
  .mito_birth_area h4 {
    font-size:20px;
  }



}