@charset "UTF-8";
/***************************************
*
*	1. #bodySec style
*
***************************************/
/* 1. #bodySec style */
/* ------------------------------------------------------------------------------------ */
#bodySec {
  width: 100%;
  overflow: hidden;
}
img {
  width: 100%;
}

#bloodAnc,
#transfusionAnc,
#symptomAnc {
  padding-top: 60px;
  /*ヘッダーの高さ*/
  margin-top: -60px;
  /*ヘッダーの高さ*/
  width: 0;
  height: 0;
  text-indent: -9999px;
  overflow: hidden;
  opacity: 0;
  float: left;
}

#bodySec h1 {
  margin-bottom: 0;
}

/* .main-content */
.main-content {
  width: 100%;
}
.main-content .tl {
  text-align: center;
  margin: 0 auto;
}
.main-content .tl img {
  width: 262px;
}
.main-content .img {
  text-align: center;
  margin-bottom: 14px;
}
.main-content .img img {
  width: 176px;
}
.main-content .txt {
  font-weight: bold;
}

.link-list {
  margin-bottom: 41px;
}

.link-list li {
  margin-bottom: 20px;
  line-height: 1;
  width: 130px;
}

.link-list .li1 {
  width: 116px;
}

.link-list .li2 {
  width: 162px;
}

.link-list .li3 {
  width: 159px;
}

.link-list .li4 {
  width: 181px;
}

/*blood-works*/
.blood-works {
  width: 100%;
  margin-bottom: 45px;
}
.blood-works .tl {
  text-align: left;
  margin-bottom: 22px;
}
.blood-works .tl img {
  width: 156.5px;
}

.blood-works-inner {
  background: url(../img/need/img-02.png) no-repeat center 90px;
  background-size: 262px;
  position: relative;
  height: 350px;
}

.red-cell {
  width: 48%;
  position: absolute;
  top: 0;
  left: 0;
}
.tl-red-cell img {
  width: 45.5px;
}
.txt-red-cell,
.txt-platelet,
.txt-plasma {
  font-size: 0.92308rem;
  line-height: 1.58333;
  margin-top: 5px;
}
.txt-plasma {
  margin-left: 1px;
}
.platelet {
  width: 47%;
  position: absolute;
  top: 0;
  right: 0;
}
.tl-platelet img {
  width: 45.5px;
}
.plasma {
  position: absolute;
  bottom: 0;
  left: 0;
}
.tl-plasma img {
  width: 109.5px;
}

/*transfusion*/
.transfusion {
  margin-bottom: 50px;
}
.transfusion .tl {
  margin-bottom: 30px;
}
.transfusion .tl img {
  width: 230px;
}
.box {
  background: #fffbf0;
  border-radius: 6px;
  padding: 20px;
  margin-top: 20px;
}
.box .tl {
  margin-bottom: 16px;
}
.box ul {
  font-size: 0.923rem;
  line-height: 1.583;
}
.box ul li {
  background: url(../img/need/list-dot.png) no-repeat 0 6px;
  background-size: 6px;
  padding-left: 12px;
  margin-left: 4px;
  margin-bottom: 14px;
}
.box ul li:last-child {
  margin-bottom: 0;
}
.bleeding .tl img {
  width: 133px;
}
.unable .tl img {
  width: 166px;
}
.consumption .tl img {
  width: 168px;
}
.broken .tl img {
  width: 180px;
}
.insufficient .tl img {
  width: 137px;
}
.neutralization .tl img {
  width: 164px;
}
.remove .tl img {
  width: 211px;
}

/*symptom*/
.symptom {}
.symptom .tl {
  margin-bottom: 13px;
}
.symptom .tl img {
  width: 231px;
}
.symptom .img {
  text-align: center;
  margin-bottom: 7px;
}
.symptom .img img {
  width: 147px;
}

.next-link {
  margin: 36px 0 15px;
}
.next-link img {
  width: 213px;
}