@charset "utf-8";

/* =========================== PAGE */
.pagecommon {
  position: relative;
  padding: 100px 0;
  font-size: 15px;
  line-height: 1.6;
  color: #666;
}
.pagecommon .pl {
  white-space: pre-line;
}
.pagecommon * {
  word-break: keep-all;
}

/* identity1003 */
#identity1003 .tit_box {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
#identity1003 .tit_box .s_tit {
  margin-bottom: 18px;
  font-weight: 700;
  color: #888;
}
#identity1003 .tit_box .b_tit {
  display: inline-block;
  position: relative;
  padding-bottom: 45px;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  color: #111;
}
#identity1003 .tit_box .b_tit:before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: '';
  width: 1000px;
  height: 1px;
  background: #111;
}
#identity1003 .ci_cont {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1400px;
  margin: 44px auto 0;
}
#identity1003 .ci_cont .l_box {
  width: 770px;
}
#identity1003 .ci_cont .r_box {
  width: calc(100% - 770px);
  padding-left: 60px;
}
#identity1003 .txt_box {
  margin-bottom: 37px;
}
#identity1003 .txt_box .tit {
  margin-bottom: 18px;
  font-weight: 700;
  color: #111;
}
#identity1003 .txt_box .tit span {
  margin-right: 15px;
}
#identity1003 .txt_box .txt {
  padding-left: 29px;
}
#identity1003 .mock_up {
  width: 100%;
  margin-top: 46px;
}
#identity1003 .txt_box .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 260px;
  border: 1px solid #e1e1e1;
}
#identity1003 .txt_box .img img {
  width: 100%;
}
#identity1003 .color_info {
  display: flex;
}
#identity1003 .color_info dt span {
  display: block;
  width: 80px;
  height: 80px;
  background-color: #ea4d1c;
}
#identity1003 .color_info dd {
  width: calc(100% - 80px);
  padding-left: 30px;
}
#identity1003 .color_info dd span {
  display: flex;
  margin-bottom: 3px;
  font-weight: 700;
  color: #111;
}
#identity1003 .color_txt {
  margin-top: 33px;
}

@media (max-width: 1460px) {
  .pagecommon {
    padding: 100px 30px;
  }
}
@media (max-width: 1230px) {
  .pagecommon {
    padding: 80px 30px;
  }
  #identity1003 .ci_cont .l_box {
    width: calc(100% / 2 - 25px);
  }
  #identity1003 .ci_cont .r_box {
    width: calc(100% / 2 - 25px);
    padding-left: 0;
  }
}
@media (max-width: 1024px) {
  #identity1003 .tit_box .b_tit {
    font-size: 35px;
  }
  #identity1003 .txt_box .img {
    height: 215px;
  }
  #identity1003 .txt_box .img img {
    width: 45%;
  }
}
@media (max-width: 768px) {
  .pagecommon {
    padding: 60px 15px 30px;
  }
  #identity1003 .tit_box .s_tit {
    margin-bottom: 10px;
    font-size: 13px;
  }
  #identity1003 .tit_box .b_tit {
    padding-bottom: 25px;
    font-size: 30px;
  }
  #identity1003 .ci_cont {
    display: block;
  }
  #identity1003 .ci_cont .l_box {
    width: 100%;
  }
  #identity1003 .ci_cont .r_box {
    width: 100%;
  }
  #identity1003 .mock_up {
    margin: 0 0 45px;
  }
}
@media (max-width: 480px) {
  .pagecommon {
    font-size: 14px;
  }
  #identity1003 .ci_cont {
    margin-top: 35px;
  }
  #identity1003 .txt_box {
    margin-bottom: 30px;
  }
}
@media (max-width: 380px) {
  #identity1003 .tit_box .s_tit {
    margin-bottom: 0;
  }
  #identity1003 .tit_box .b_tit {
    padding-bottom: 20px;
    font-size: 25px;
  }
  #identity1003 .mock_up {
    margin-bottom: 35px;
  }
  #identity1003 .color_info dd {
    padding-left: 25px;
  }
}