@charset "UTF-8";
/*----------------------------------------
変数
----------------------------------------*/
/*===============================================
●共通
===============================================*/
.title01 {
  color: #00466C;
  letter-spacing: 0;
  margin-bottom: 2rem;
  line-height: 1.44;
}
@media screen and (max-width: 599px) {
  .title01 {
    font-size: 2rem;
    line-height: 1.45;
    margin-bottom: 2rem;
  }
}

.whiteBox {
  margin-bottom: 12rem;
}
@media screen and (max-width: 599px) {
  .whiteBox {
    border-radius: 2rem;
    margin-bottom: 6rem;
  }
}

main {
  font-size: 16px;
  line-height: normal;
}
main.grid {
  padding: 12rem 2rem 25.6rem;
}
@media screen and (max-width: 599px) {
  main.grid {
    padding: 5rem 2rem 18.1rem;
  }
}

.frameBottom {
  transform: rotateZ(180deg);
}

.sentence {
  text-align: left;
}

.flexBox {
  display: flex;
}

picture {
  display: block;
}

.triangleTitle,
.circleTitle {
  color: #00466C;
  font-weight: bold;
  margin-bottom: 1rem;
}
@media screen and (max-width: 599px) {
  .triangleTitle,
  .circleTitle {
    font-size: 1.8rem;
    line-height: 1.44;
    text-indent: -1.8rem;
    padding-left: 1.8rem;
  }
}

.triangleTitle {
  font-size: 2.5rem;
  line-height: 1.44;
}
@media screen and (max-width: 599px) {
  .triangleTitle {
    font-size: 1.9rem;
    line-height: 1.45;
    text-indent: -1.9rem;
    padding-left: 1.9rem;
  }
}

.circleTitle {
  font-size: 2rem;
  line-height: 1.45;
}
@media screen and (max-width: 599px) {
  .circleTitle {
    font-size: 1.8rem;
    line-height: 1.44;
    text-indent: -1.8rem;
    padding-left: 1.8rem;
  }
}

.borderBox {
  border: 1px solid #707070;
}
@media screen and (min-width: 600px) {
  .borderBox {
    padding: 2rem;
  }
}

strong {
  color: #D6006C;
  font-weight: normal;
}

hr {
  border: #fff;
}

/* lead
---------------------------------------- */
@media screen and (min-width: 800px) {
  #lead h1 {
    padding-bottom: 5.5rem;
    margin-bottom: 0rem;
  }
}
@media screen and (max-width: 599px) {
  #lead h1 {
    line-height: 1.44;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 320px) {
  #lead h1 {
    font-size: 2.3rem;
  }
}
#lead h1 span {
  display: block;
  font-size: 2.8rem;
  line-height: 1.6;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 599px) {
  #lead h1 span {
    font-size: 1.7rem;
    line-height: 1.33;
  }
}
#lead p {
  max-width: 660px;
  text-align: left;
  letter-spacing: 0;
}
#lead .flexBox {
  justify-content: center;
  align-items: center;
}
#lead .flexBox .image {
  position: relative;
  z-index: 20;
  margin-top: 20px;
  margin-right: 3%;
}
@media screen and (max-width: 599px) {
  #lead .flexBox {
    flex-direction: column-reverse;
  }
  #lead .flexBox .image {
    margin-right: 5%;
  }
}

/* 学会発表概要
---------------------------------------- */
#difficulty .announcement img {
  width: 70%;
  margin: 20px 0 30px;
}
@media screen and (max-width: 599px) {
  #difficulty .announcement img {
    width: 100%;
  }
}
#difficulty .announcement picture {
  text-align: center;
}

/* ▶検証方法
---------------------------------------- */
#verification .verificationTitle {
  font-size: 27px;
  font-weight: bold;
  color: #17577E;
}
@media screen and (max-width: 849px) {
  #verification .verificationTitle {
    width: 30%;
  }
}
@media screen and (max-width: 599px) {
  #verification .verificationTitle {
    font-size: 18px;
    padding-bottom: 15px;
    width: 100%;
  }
}
#verification hr {
  border: solid 1px #333;
}
#verification .title {
  padding: 0 80px;
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  margin-top: 70px;
  position: relative;
}
@media screen and (max-width: 849px) {
  #verification .title {
    padding: 0 30px;
  }
}
@media screen and (max-width: 599px) {
  #verification .title {
    padding: 0 10px;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 35px;
    margin-bottom: 25px;
  }
}
#verification .title .bubble {
  width: 20%;
  position: absolute;
  top: -100%;
  left: 45%;
}
@media screen and (max-width: 849px) {
  #verification .title .bubble {
    top: -65%;
  }
}
@media screen and (max-width: 599px) {
  #verification .title .bubble {
    width: 60%;
    top: -25px;
    left: 40%;
  }
}
#verification .title p {
  font-weight: bold;
}
#verification .title p strong {
  font-weight: bold;
}
#verification picture {
  text-align: center;
  margin-bottom: 10px;
}
#verification picture .mg {
  margin: 10px 0 40px;
}
@media screen and (max-width: 599px) {
  #verification picture .mg {
    margin: 10px 0 25px;
  }
}
@media screen and (max-width: 599px) {
  #verification {
    margin: 10px;
  }
}

/*▶代謝への影響
---------------------------------------- */
#verification_box {
  /*オリジナル板状複合粉体の開発がもたらしたもの
  ---------------------------------------- */
}
#verification_box .right {
  width: 90%;
  margin-left: 30px;
}
@media screen and (max-width: 599px) {
  #verification_box .right {
    width: 100%;
    margin-left: 0px;
  }
  #verification_box .right p {
    letter-spacing: -0.2px;
  }
}
#verification_box .title {
  font-weight: bold;
  color: #17577E;
}
#verification_box .title .maintitle {
  font-size: 25px;
}
@media screen and (max-width: 599px) {
  #verification_box .title .maintitle {
    font-size: 22px;
  }
}
#verification_box .title .subtitle {
  font-size: 18px;
}
#verification_box .result {
  background-color: #F9E8B4;
  font-weight: bold;
  padding: 15px;
  margin: 10px 0;
  border-radius: 10px;
}
#verification_box .result p {
  text-indent: -3em;
  margin-left: 3em;
}
@media screen and (max-width: 599px) {
  #verification_box .result p {
    text-indent: -3em;
    margin-left: 3em;
  }
}
#verification_box .result strong {
  font-weight: bold;
}
#verification_box .change .item {
  width: 47%;
  margin-right: 40px;
  margin-bottom: 20px;
}
@media screen and (max-width: 899px) {
  #verification_box .change .item {
    width: 45%;
  }
}
@media screen and (max-width: 599px) {
  #verification_box .change .item {
    width: 100%;
    margin-right: 0px;
  }
}
#verification_box .change .pcgraph {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
}
#verification_box .change .pcgraph .item:nth-child(2n) {
  margin-right: 0;
}
@media screen and (max-width: 599px) {
  #verification_box .change .pcgraph {
    display: none;
  }
}
#verification_box .emopro_result {
  margin-top: 10px;
  display: flex;
  position: relative;
}
#verification_box .emopro_result picture {
  width: 70%;
}
#verification_box .emopro_result p {
  margin-right: 10px;
  font-weight: bold;
}
#verification_box .emopro_result p strong {
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  #verification_box .emopro_result p {
    margin-right: 0px;
  }
}
#verification_box .emopro_result img.spNone.bubble {
  width: 13%;
  position: absolute;
  left: 28%;
  top: 45%;
}
@media screen and (max-width: 849px) {
  #verification_box .emopro_result img.spNone.bubble {
    left: 45%;
    top: 70%;
  }
}
@media screen and (max-width: 599px) {
  #verification_box .emopro_result {
    flex-direction: column;
  }
  #verification_box .emopro_result picture {
    width: 100%;
  }
}
#verification_box #metabolism .metabolism_com {
  margin-top: 20px;
  display: flex;
}
@media screen and (min-width: 600px) {
  #verification_box #metabolism .metabolism_com .pcNone.flexBox {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  #verification_box #metabolism .metabolism_com {
    flex-direction: column;
    margin-bottom: 10px;
  }
  #verification_box #metabolism .metabolism_com .title {
    margin-left: 20px;
  }
}
#verification_box #metabolism .grayBox {
  background-color: #E4EAEE;
  padding: 20px 30px;
  display: flex;
  align-items: center;
}
#verification_box #metabolism .grayBox .title {
  font-size: 20px;
  font-weight: bold;
  color: #17577E;
}
#verification_box #metabolism .grayBox .text {
  width: 70%;
  margin-left: 15px;
}
@media screen and (max-width: 849px) {
  #verification_box #metabolism .grayBox {
    margin-top: 20px;
  }
}
@media screen and (max-width: 599px) {
  #verification_box #metabolism .grayBox {
    flex-direction: column;
    padding: 20px 15px;
    margin-top: 20px;
  }
  #verification_box #metabolism .grayBox .title {
    padding-bottom: 10px;
  }
  #verification_box #metabolism .grayBox .text {
    width: 100%;
    margin-left: 0px;
  }
}
#verification_box .dottedLine2 {
  border-top: 2px dotted #B2B2B2;
  border-bottom: none;
  margin: 30px 0 0;
}
@media screen and (max-width: 599px) {
  #verification_box .dottedLine2 {
    margin: 32px 0 25px;
  }
}
#verification_box #blood_pressure .blood_pressure_com {
  display: flex;
  margin-bottom: 15px;
}
#verification_box #blood_pressure .blood_pressure_com .right {
  display: flex;
}
#verification_box #blood_pressure .blood_pressure_com .pic {
  margin-left: 35px;
}
@media screen and (max-width: 599px) {
  #verification_box #blood_pressure .blood_pressure_com {
    flex-direction: column;
  }
  #verification_box #blood_pressure .blood_pressure_com .right {
    flex-direction: column;
  }
}
@media screen and (min-width: 600px) {
  #verification_box #blood_pressure .blood_pressure_com .pcNone.flexBox {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  #verification_box #blood_pressure .blood_pressure_com {
    flex-direction: column;
  }
  #verification_box #blood_pressure .blood_pressure_com .title {
    margin-left: 20px;
  }
}
#verification_box #blood_pressure .assignment {
  display: flex;
  align-items: center;
  background-color: #F8E7B4;
}
@media screen and (max-width: 599px) {
  #verification_box #blood_pressure .assignment {
    flex-direction: column;
  }
}
#verification_box #blood_pressure .grayBox {
  background-color: #E4EAEE;
  width: 170%;
}
@media screen and (max-width: 599px) {
  #verification_box #blood_pressure .grayBox {
    width: auto;
  }
}
#verification_box #blood_pressure .grayBox p {
  margin: 20px;
}
#verification_box #blood_pressure .grayBox .note {
  font-size: 14px;
  text-indent: -1.2em;
  display: block;
  margin-left: 1.2em;
  margin-top: 5px;
}
@media screen and (max-width: 599px) {
  #verification_box #blood_pressure .grayBox p {
    width: auto;
    letter-spacing: -0.6px;
  }
}
@media screen and (max-width: 599px) {
  #verification_box #blood_pressure {
    flex-direction: column;
  }
  #verification_box #blood_pressure .mmhg {
    margin: 35px 0 30px;
  }
}

.continue_research {
  margin-top: 30px;
  display: flex;
  align-items: center;
}
.continue_research picture {
  margin-left: 20px;
}
.continue_research .balloon-right {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 20px 30px;
  max-width: 75%;
  color: #fff;
  background-color: #89BCD5;
  border-radius: 20px;
}
.continue_research .balloon-right:before {
  content: "";
  position: absolute;
  top: 65%;
  left: 100%;
  margin-top: -15px;
  border: 10px solid transparent;
  border-left: 20px solid #89BCD5;
}
.continue_research .balloon1-right p {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 599px) {
  .continue_research {
    align-items: center;
    flex-direction: column;
  }
  .continue_research picture {
    width: 60%;
    margin-top: 15px;
  }
  .continue_research .balloon-right {
    max-width: 100%;
    padding: 15px;
    margin: 0;
  }
  .continue_research .balloon-right:before {
    top: 102%;
    left: 80%;
    margin-left: -28px;
    border: 10px solid transparent;
    border-top: 27px solid #89BCD5;
    transform: rotate(37deg);
  }
}

.Vol10 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.Vol10 .link_ul {
  color: #4C7FD8;
  font-weight: bold;
  letter-spacing: -0.5px;
  text-decoration: underline;
}
.Vol10 picture {
  margin-right: 10px;
  width: 10%;
}
@media screen and (max-width: 599px) {
  .Vol10 picture {
    margin-right: 0px;
    width: 25%;
  }
}
.Vol10 .balloon-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 20px;
  max-width: 90%;
  background: #fff;
  border: solid 3px #A1D6D3;
  border-radius: 20px;
  display: flex;
  align-items: center;
}
.Vol10 .balloon-left img {
  width: 8%;
}
@media screen and (min-width: 600px) {
  .Vol10 .balloon-left img {
    margin-left: 10px;
  }
}
@media screen and (max-width: 599px) {
  .Vol10 .balloon-left {
    max-width: 100%;
    padding: 20px;
    margin: 1.5em 0 1.5em 0px;
  }
  .Vol10 .balloon-left p {
    font-size: 16.5px;
  }
  .Vol10 .balloon-left img {
    width: 21%;
    position: absolute;
    right: 6%;
    bottom: 3%;
    padding: 0;
    z-index: 99;
  }
}
.Vol10 .balloon-left:before {
  content: "";
  position: absolute;
  top: 39%;
  left: -31px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 32px solid #FFF;
  border-top: 11px solid transparent;
  border-bottom: 15px solid transparent;
  z-index: 2;
}
.Vol10 .balloon-left:after {
  content: "";
  position: absolute;
  top: 40%;
  left: -39px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 25px solid #A1D6D3;
  border-top: 9px solid transparent;
  border-bottom: 12px solid transparent;
  z-index: 1;
}
@media screen and (max-width: 599px) {
  .Vol10 {
    align-items: center;
    flex-direction: column;
  }
  .Vol10 .balloon-left:before {
    top: 95%;
    left: 76%;
    margin-left: -27px;
    border: 0px solid transparent;
    border-right: 18px solid #fff;
    border-top: 17px solid transparent;
    border-bottom: 20px solid transparent;
    transform: rotate(45deg);
    z-index: 2;
  }
  .Vol10 .balloon-left:after {
    top: 105%;
    left: 75%;
    margin-left: -30px;
    border: 0px solid transparent;
    border-right: 18px solid #A1D6D3;
    border-top: 12px solid transparent;
    border-bottom: 19px solid transparent;
    transform: rotate(43deg);
    z-index: 1;
  }
}

/* ボタン
---------------------------------------- */
.btnBox .btn a {
  line-height: 1.44;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}/*# sourceMappingURL=15.css.map */