@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Roboto&display=swap");
.fl {
  float: left;
}

.fr {
  float: right;
}

.cb {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

html {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
}

body {
  display: flex;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  -webkit-text-size-adjust: 100%;
  font-size: 1.6rem;
  flex-flow: column;
  align-items: center;
  min-height: 100vh;
  flex-direction: column;
  line-height: 1.5;
}

.bold {
  font-weight: bold;
}

.wrapper {
  width: 100%;
}
@media screen and (max-width:767px) {
  .wrapper {
    font-size: 1.4rem;
  }
}

*:focus {
  outline: none;
}

* {
  box-sizing: border-box;
  word-break: break-all;
}

@media screen and (min-width:768px) {
  body {
    min-width: 1240px;
  }
  .sp {
    display: none !important;
  }
}
@media screen and (max-width:767px) {
  body {
    min-width: 320px;
    letter-spacing: 0.025em;
  }
  .pc {
    display: none !important;
  }
}
main {
  width: 100%;
  flex: 1;
}

.main-wrap {
  flex-grow: 1;
}

* {
  box-sizing: border-box;
  word-break: break-all;
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

pre {
  word-break: break-all;
  white-space: pre-wrap;
}

p {
  margin: 0;
}

select,
button,
input,
textarea {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, "Helvetica Neue", Arial, sans-serif;
  outline: none;
}

a,
label,
select,
button,
input,
textarea {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
  border: none;
}

a {
  color: #000;
  text-decoration: none;
  transition: opacity 0.5s;
}
a:hover {
  opacity: 0.6;
}

input,
textarea {
  padding: unset;
  -webkit-user-select: auto;
  -moz-user-select: initial;
  user-select: initial;
  -webkit-touch-callout: initial;
}

button {
  padding: unset;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: opacity 0.3s;
}

select::-ms-expand {
  display: none;
}

input::-moz-placeholder {
  color: #acacac;
}

input::placeholder {
  color: #acacac;
}

input::-ms-input-placeholder {
  color: #acacac;
}

/* common */
body {
  font-family: "Noto Sans JP", sans-serif, メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Arial, Verdana, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", "Noto Emoji", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
@media screen and (min-width:768px) {
  body {
    min-width: 980px;
  }
}

.main {
  padding-bottom: unset;
}

.ff-roboto {
zoom:1.1;
  display: inline-block;
  position: relative;
  width: 30px;
  padding-left: 1px;
  font-family: "Roboto", "Noto Sans JP", sans-serif, メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Arial, Verdana, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", "Noto Emoji", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #ef232a;
  text-align: center;
}
@media screen and (max-width:767px) {
  .ff-roboto {
    width: 26px;
    font-size: 12px;
  }
}

.ff-roboto::before {
  border: 1px #ef232a solid;
  content: "";
  width: 26px;
  height: 26px;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width:767px) {
  .ff-roboto::before {
    font-size: 16px;
  }
}

.w960 {
  width: 1000px;
  padding: 0 20px;
  margin: auto;
}
@media screen and (max-width:767px) {
  .w960 {
    width: 100%;
    padding: 0 20px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .w960 {
    width: 100%;
    padding: 0 20px;
  }
}

.content {
  margin-top: 60px;
}

.title-border {
  margin-top: 5px;
  margin-bottom: 25px;
  line-height: 0;
}
@media screen and (max-width:767px) {
  .title-border {
    margin-bottom: 15px;
  }
}

.title-border span {
  display: inline-block;
}

.title-border .red-border {
  margin-right: 3px;
  width: 22px;
  height: 2px;
  background: #ef232a;
}

.title-border .gray-border {
  width: calc(100% - 22px - 3px);
  height: 2px;
  background: #3f3f3f;
}

@media screen and (max-width:767px) {
  .header.amino {
    height: 60px;
    background: #fff;
  }
}
.header.amino.is-scrolled .header-container {
  padding: unset;
  height: 60px;
}
@media screen and (min-width:768px) {
  .header.amino .header-container {
    padding: unset;
  }
}
@media screen and (max-width:767px) {
  .header.amino .header-container {
    position: relative;
    padding: 7px 15px;
  }
}
.header.amino .header-title {
  align-items: center;
  background: #ffffff;
}
.header.amino .header-title span {
  display: inline-block;
  margin-left: 10px;
  font-weight: bold;
  letter-spacing: -0.03em;
}
@media screen and (max-width:767px) {
  .header.amino .header-title span {
    font-size: 10px;
				    white-space: nowrap;
  }
}
.header.amino .l-gnav {
  width: 100%;
  padding: 0;
  background: #fff;
}
@media screen and (max-width:767px) {
  .header.amino .l-gnav {
    background: #f2f2f2;
  }
}
.header.amino .l-gnav.is-scrolled.is-active .l-gnav__navi-in {
  padding-top: 60px;
}
.header.amino .l-gnav__navi-in {
  width: 1000px;
  max-width: 1000px;
  padding: 19px 20px;
}
@media screen and (max-width:767px) {
  .header.amino .l-gnav__navi-in {
    width: 100%;
    padding: unset;
    max-width: unset;
  }
}
.header.amino .l-gnav__submenu-in {
  margin: auto;
  width: 1000px;
  padding: 20px;
}
@media screen and (max-width:767px) {
  .header.amino .l-gnav__submenu-in {
    width: 100%;
    padding: 10px;
  }
}
.header.amino .l-gnav__submenu-close {
  right: 20px;
}
.header.amino .l-gnav__menu-link {
  font-size: 14px;
  font-weight: 500;
}
.header.amino .l-gnav__submenu-title:hover {
  background: unset;
}
@media screen and (min-width:768px) {
  .header.amino .l-gnav__submenu-link:hover,
  .header.amino .l-gnav__submenu-link.is-active {
    position: relative;
    color: #ef232a;
    background: none;
    opacity: 1;
  }
  .header.amino .l-gnav__submenu-link:hover::after {
    width: 9px;
    height: 15px;
    margin-left: 10px;
    background: url(../img/ico_next_red.svg) no-repeat center;
  }
}
.header.amino .header-utility__item__ico {
  width: 29px;
  height: 29px;
}
.header.amino .l-gnav__trigger::after,
.header.amino .l-gnav__navi-close::after,
.header.amino .l-gnav__submenu-close::after {
  width: 29px;
  height: 29px;
}
@media screen and (min-width: 1025px) {
  .header.amino .l-gnav__submenu-in {
    padding-bottom: 35px;
  }
  .header.amino .l-gnav__submenu-title {
    padding: 10px 0;
  }
  .header.amino .l-gnav__submenu-list {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    gap: 15px 24px;
  }
  .header.amino .l-gnav__submenu-item {
    width: 304px;
  }
  .header.amino .l-gnav__submenu-link {
    padding: 10px 10px;
    border-bottom: 1px solid #ccc;
  }
  .header.amino .l-gnav__submenu-link:hover {
    border-bottom: 1px solid #ef232a;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .header.amino {
    background: #fff;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .header.amino .l-gnav.is-scrolled.is-active .l-gnav__navi-in {
    padding-top: 0;
  }
  .header.amino .header-title {
    padding-left: 20px;
  }
  .header.amino .header-title span {
    font-size: 10px;
				    white-space: nowrap;
  }
  .header.amino .header-title__logo__img {
    height: 48px;
  }
  .header.amino .l-gnav {
    background: #f2f2f2;
  }
  .header.amino .l-gnav__navi-in {
    width: 100%;
    padding: unset;
    max-width: unset;
  }
  .header.amino.is-scrolled .header-title {
    z-index: 10;
  }
  .header.amino .header-container {
    padding: 0;
  }
  .header.amino .is-active .header-title {
    border-bottom: 1px solid #9fa0a0;
  }
  .header.amino .header-title {
    padding-left: 20px;
    height: 60px;
    align-items: center;
  }
  .header.amino .header-title__logo__img {
    height: 48px;
  }
  .header.amino .l-gnav__submenu-title {
    display: none;
  }
  .header.amino .l-gnav__menu {
    border: none;
    padding: 0 10px 10px 10px;
  }
  .header.amino .l-gnav__menu-link, .header.amino .l-gnav__submenu-link {
    font-size: 14px;
    font-weight: 500;
    padding: 14px 20px;
  }
  .header.amino .l-gnav__submenu-link {
    padding: 6px 20px;
  }
  .header.amino .l-gnav__submenu-link::after {
    content: unset;
  }
  .header.amino .l-gnav__menu-item {
    border-top: none;
    border-bottom: 1px solid #ccc;
  }
  .header.amino .l-gnav__submenu-item {
    border: none;
  }
  .header.amino .l-gnav__submenu-list {
    margin-top: 42px;
    padding-top: 5px;
    border-top: 1px solid #9fa0a0;
    border-bottom: none;
  }
  .header.amino .l-gnav__back {
    top: 74px;
  }
}

		.l-gnav__submenu-link p{

		}
		.l-gnav__submenu-link span{
		font-size:14px;
		display: block;
		margin-right: 6px;
		}
  .header.amino .header-title a{
		display:flex;
		align-items:center;
		}
@media screen and (max-width:767px) {
		.l-gnav__submenu-link span{
		font-size:12px;
		}
		
  .header.amino.is-scrolled .header-title {
    margin-top: -60px;
    z-index: 10;
  }
  .header.amino .header-container {
    padding: 0;
  }
  .header.amino .is-active .header-title {
    border-bottom: 1px solid #9fa0a0;
  }
  .header.amino .header-title {
    padding-left: 20px;
    height: 60px;
    align-items: center;
  }

  .header.amino .header-title__logo__img {
    height: 48px;
  }
  .header.amino .l-gnav__submenu-title {
    display: none;
  }
  .header.amino .l-gnav__menu {
    border: none;
    padding: 0 10px 10px 10px;
  }
  .header.amino .l-gnav__menu-link, .header.amino .l-gnav__submenu-link {
    font-size: 14px;
    font-weight: 500;
    padding: 14px 20px;
  }
  .header.amino .l-gnav__submenu-link {
    padding: 6px 20px;
  }
  .header.amino .l-gnav__submenu-link::after {
    content: unset;
  }
  .header.amino .l-gnav__menu-item {
    border-top: none;
    border-bottom: 1px solid #ccc;
  }
  .header.amino .l-gnav__submenu-item {
    border: none;
  }
  .header.amino .l-gnav__submenu-list {
    margin-top: 38px;
    padding-top: 5px;
    border-top: 1px solid #9fa0a0;
    border-bottom: none;
  }
  .header.amino .l-gnav__back {
    top: 74px;
  }
}


.header.amino .header-sp {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .header.amino .header-sp {
    display: none;
  }
}
.header.amino .header-sp .l-gnav__navi-close {
  top: 14px;
  right: 20px;
  transition: opacity 0.7s;
}
.header.amino .header-sp button#menu-close {
  position: absolute;
  top: 14px;
  right: 20px;
}
.header.amino .header-sp .header-utility__item + .l-gnav__navi-close {
  display: none;
}
.header.amino .header-sp .header-utility__item.is-active#menu-close {
  display: none;
}
.header.amino .header-sp .header-utility__item.is-active + .l-gnav__navi-close {
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .header.amino .l-gnav__menu-link[role=button]::after,
  .header.amino .l-gnav__submenu-link[role=button]::after {
    width: 10px;
    height: 16px;
  }
  .header.amino .l-gnav__back::before {
    width: 10px;
    height: 16px;
  }
}

/* Footer */
#footer {
  padding: 15px 20px;
  border-top: 3px solid #ef232a;
  width: 100%;
}
@media screen and (max-width:767px) {
  #footer {
    margin-top: 0px;
  }
}
#footer a {
  color: #333;
  text-decoration: none;
}
#footer a:hover {
  color: #333;
  text-decoration: underline;
}
#footer .footer_inner {
  margin: 0 auto;
  width: 960px;
  position: relative;
}
@media screen and (max-width:767px) {
  #footer .footer_inner {
    width: 100%;
  }
}
#footer #pagetop_btn {
  top: -50px;
  right: 0;
  position: absolute;
}
#footer .box_link .box_inner {
  padding: 0 0 9px 15px;
  border-left: 1px solid #d3d3d3;
  width: 144px;
  float: left;
}
#footer .box_link .col3 {
  padding-right: 23px;
  width: 251px;
}
#footer .box_link .link_list {
  margin-top: -8px;
}
#footer .box_link .link_list li {
  line-height: 20px;
  padding-top: 7px;
}
#footer .box_link .link_list li a {
  font-size: 13px;
  line-height: 20px;
  display: inline-block;
}
#footer .box_link .link_list ul li {
  line-height: 16px;
  padding-top: 4px;
}
#footer .box_link .link_list ul li a {
  font-size: 11px;
  padding-left: 8px;
  background: url(../../img/common/arrow_icon01.gif) no-repeat 0 6px;
}
#footer .box_txt {
  font-size: 11px;
  line-height: 14px;
  float: left;
}
#footer .f_navi {
  padding: 2px 0 5px;
}
#footer .f_navi li {
  margin-right: 13px;
  padding-right: 12px;
  border-right: 1px solid #656565;
  float: left;
}
#footer .f_navi .last {
  border: none;
}
#footer #copy_right {
  font-size: 10px;
  line-height: 15px;
  text-align: right;
  float: right;
}
@media screen and (max-width:767px) {
  #footer #copy_right {
    margin-top: 10px;
    width: 100%;
    text-align: left;
  }
}
#footer #copy_right span {
  font-size: 11px;
  padding-top: 3px;
  display: block;
}

/* page top */
#amino-top {
  padding-bottom: 0;
}
@media screen and (max-width:767px) {
  #amino-top {
    padding-bottom: 0px;
  }
}
#amino-top .figure-top {
  position: relative;
  width: 100%;
  height: auto;
}
#amino-top .figure-top img {
  width: 100%;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width:767px) {
  #amino-top .figure-top img {
    width: 100%;
    height: auto;
  }
}
#amino-top .figure-top figcaption .title {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  padding: 6px;
  width: 284px;
  height: 62px;
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  border: 2px solid #7b7b7b;
  border-radius: 4px;
  z-index: 10;
}
@media screen and (max-width:767px) {
  #amino-top .figure-top figcaption .title {
    width: 210px;
    height: 50px;
    font-size: 24px;
  }
}
#amino-top .figure-top figcaption .bg {
  position: absolute;
  content: "";
  top: calc(50% + 5px);
  transform: translateY(-50%);
  width: 284px;
  height: 62px;
  left: 20px;
  background: #fff;
  border-radius: 4px;
  z-index: 1;
}
@media screen and (max-width:767px) {
  #amino-top .figure-top figcaption .bg {
    width: 210px;
    height: 50px;
  }
}
#amino-top .card-wrap {
  position: relative;
  z-index: 1;
  margin-top: -100px;
}
@media screen and (max-width:767px) {
  #amino-top .card-wrap {
    margin-top: 20px;
  }
}
#amino-top .card-wrap + .card-wrap {
  margin-top: 100px;
}
@media screen and (max-width:767px) {
  #amino-top .card-wrap + .card-wrap {
    margin-top: 40px;
  }
}
#amino-top .card-wrap .title {
  margin-bottom: 25px;
  font-size: 26px;
  font-weight: 600;
}
@media screen and (max-width:767px) {
  #amino-top .card-wrap .title {
    font-size: 20px;
  }
}
#amino-top .card-wrap .card-items {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  gap: 20px 25px;
}
@media screen and (max-width:767px) {
  #amino-top .card-wrap .card-items {
    gap: 15px;
  }
}
#amino-top .card-wrap .card-item {
  width: calc(25% - 25px);
  background: #fff;
  box-shadow: 0 0 15px -7px #777777;
  border-radius: 0;
}
@media screen and (max-width:767px) {
  #amino-top .card-wrap .card-item {
    width: calc(50% - 8px);
  }
}
#amino-top .card-wrap .card-item a {
  display: block;
  padding: 35px 25px;
}
@media screen and (max-width:767px) {
  #amino-top .card-wrap .card-item a {
    padding: 25px 15px;
  }
}
#amino-top .card-wrap .card-item a .link-arrow {
  position: relative;
  width: 23px;
  height: 23px;
  margin: 15px 0 0 auto;
  display: block;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
}
@media screen and (max-width:767px) {
  #amino-top .card-wrap .card-item a .link-arrow {
    width: 18px;
    height: 18px;
  }
}
#amino-top .card-wrap .card-item a .link-arrow span {
  position: absolute;
  width: 100%;
  display: block;
  transition: 0.4s ease-in-out;
}
#amino-top .card-wrap .card-item a .link-arrow span::before {
  position: absolute;
  content: "";
  width: 23px;
  height: 23px;
  display: inline-block;
  background: url(../img/ico_card_arrow_r.svg) no-repeat center;
}
@media screen and (max-width:767px) {
  #amino-top .card-wrap .card-item a .link-arrow span::before {
    width: 18px;
    height: 18px;
  }
}
#amino-top .card-wrap .card-item a .link-arrow span:nth-child(2) {
  opacity: 0;
}
#amino-top .card-wrap .card-item a .link-arrow span:nth-child(2)::before {
  position: absolute;
  content: "";
  width: 23px;
  height: 23px;
  display: inline-block;
  background: url(../img/ico_card_arrow_r_on.svg) no-repeat center;
}
@media screen and (max-width:767px) {
  #amino-top .card-wrap .card-item a .link-arrow span:nth-child(2)::before {
    width: 18px;
    height: 18px;
  }
}
#amino-top .card-wrap .card-item a:hover {
  opacity: 1;
}
#amino-top .card-wrap .card-item a:hover .link-arrow span:nth-of-type(2) {
  opacity: 1;
}
#amino-top .card-wrap .card-title {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 500;
}
#amino-top .card-wrap .card-title p{
font-size:15px;
}
#amino-top .card-wrap .card-title::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  background: #ef232a;
  width: 50px;
  height: 3px;
}
@media screen and (max-width:767px) {
  #amino-top .card-wrap .card-title::after {
    width: 35px;
    height: 2px;
  }
#amino-top .card-wrap .card-title p{
font-size:12px;
}
}
@media screen and (max-width:767px) {
  #amino-top .card-wrap .card-title {
    font-size: 15px;
  }
}
#amino-top .card-wrap .card-body {
  font-size: 15px;
  font-weight: 300;
  display: -webkit-box;

}
@media screen and (max-width:767px) {
  #amino-top .card-wrap .card-body {
    font-size: 12px;
    -webkit-line-clamp: 6;
  }
}
#amino-top #bnr-area {
  margin-top: 80px;
}
@media screen and (max-width:767px) {
  #amino-top #bnr-area {
    margin-top: 40px;
  }
}
#amino-top #bnr-area a {
  display: block;
}
#amino-top #bnr-area .figure-bnr {
  margin: auto;
  width: 860px;
  height: auto;
}
@media screen and (max-width:767px) {
  #amino-top #bnr-area .figure-bnr {
    margin-top: 40px;
    width: calc(100% - 70px);
  }
}

/* page about */
#amino-about {
  padding-bottom: 0;
  /* arginine page */
}
@media screen and (max-width:767px) {
  #amino-about {
    padding-bottom: 0px;
  }
}
#amino-about .figure-about-top {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
#amino-about .figure-about-top figcaption .title {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  padding: 12px;
		    padding-left: 24px;
  width: 352px;
  height: 98px;
  font-size: 28px;
  font-weight: 500;
 text-align: left;
  border: 2px solid #7b7b7b;
  border-radius: 4px;
  z-index: 10;
		align-items: center;

}
.aboutTtl{
		    display: flex;
    line-height: 1.2;
				}
#amino-about .figure-about-top figcaption .title p{
font-size:20px;
}
@media screen and (max-width:767px) {
#amino-about .figure-about-top figcaption .title p {
    font-size: 16px;
}
  #amino-about .figure-about-top figcaption .title {
    width: 246px;
    height: 80px;
    padding: 10px;

    font-size: 24px;
    align-items: center;
  }
}
#amino-about .figure-about-top figcaption .bg {
  position: absolute;
  content: "";
  top: calc(50% + 5px);
  transform: translateY(-50%);
  width: 352px;
  height: 98px;
  left: 20px;
  background: #fff;
  border-radius: 4px;
  z-index: 1;
}
@media screen and (max-width:767px) {
  #amino-about .figure-about-top figcaption .bg {
    width: 246px;
    height: 80px;
  }
}
#amino-about .list-item {
  position: relative;
  padding-left: 26px;
}
#amino-about .list-item::before {
  position: absolute;
  content: "";
  top: 12px;
  left: 0;
  transform: translateY(-50%);
  width: 17px;
  height: 15px;
  background: url(/amino/assets/img/ico_check.svg) no-repeat center center/contain;
}
@media screen and (max-width:767px) {
  #amino-about .list-item::before {
    top: 5px;
    transform: translateY(0);
  }
}
#amino-about .list-item + .list-item {
  margin-top: 10px;
}
#amino-about .about-title {
  font-size: 25px;
  font-weight: bold;
}
@media screen and (max-width:767px) {
  #amino-about .about-title {
    font-size: 20px;
  }
}
#amino-about .about-container {
  margin-top: 60px;
}
#amino-about .figure-about {
  margin: 35px auto 0;
  width: 660px;
}
@media screen and (max-width:767px) {
.figure-macrophage img{
width:85%;
margin:0 auto;
display: block;
}

  #amino-about .figure-about {
    width: 100%;
  }
}
#amino-about .about-h3-title {
  padding-left: 10px;
  display: inline-block;
  font-size: 20px;
	
  font-weight: bold;
}
#amino-link{
background:#F5F2F4;
text-align:center;
padding:30px 0;
margin:80px 0;
}
#amino-link p{
font-size:18px;
font-weight:600;
margin-bottom:10px;
}
#amino-link a{
color:#2D65C5;
font-size:18px;
}
@media screen and (max-width:767px) {
#amino-link{
background:#F5F2F4;
text-align:center;
padding:30px 0;
margin:40px 0;
}
#amino-link a {
    color: #2D65C5;
    font-size: 15px;
}
#amino-link p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}
  #amino-about .about-h3-title {
    font-size: 18px;
  }
}
#amino-about .about-container .text {
  margin-top: 15px;
  letter-spacing: -0.03em;
}
#amino-about .about-container .last-text {
  margin-top: 90px;
}
@media screen and (max-width:767px) {
#amino-about .about-container{
    margin-top: 30px
}
  #amino-about .about-container .last-text {
    margin-top: 30px;
  }
}
#amino-about .bold-text {
  margin: 30px 0 20px;
  font-size: 19px;
  font-weight: 600;
  text-align: center;
}
.dotline{
border-bottom:2pt dotted #727272;
}
@media screen and (max-width:767px) {
  #amino-about .bold-text {
    margin: 15px 0 20px;
    font-size: 15px;
  }
}
#amino-about .about-functions li + li {
  margin-top: 60px;
}

@media screen and (max-width:767px) {
  #amino-about .about-functions li + li {
    margin-top: 35px;
  }
}
#amino-about .function-cards {
  margin: 35px auto 0;
  width: 483px;
}
@media screen and (max-width:767px) {
  #amino-about .function-cards {
    width: 100%;
  }
}
#amino-about .function-cards .figure-function {
  margin: auto;
  width: 100%;
}
@media screen and (max-width:767px) {
  #amino-about .function-cards .figure-function {
    width: 80%;
  }
}
#amino-about .figure-20function-illust {
  position: relative;
  display: block;
  margin: 35px auto 0;
  width: 610px;
}
@media screen and (max-width:767px) {
  #amino-about .figure-20function-illust {
    width: 100%;
  }
}
#amino-about a.zoom-mark {
  position: absolute;
  top: -18px;
  right: 2px;
}
@media screen and (max-width:767px) {
  a.zoom-mark img {
    width: 35px;
    height: 35px;
  }
}
#amino-about .figure-20function-table {
  display: block;
  margin: 35px auto 0;
  width: 510px;
}
@media screen and (max-width:767px) {
  #amino-about .figure-20function-table {
    width: 70%;
  }
}
#amino-about .figure-function-physiology {
  position: relative;
  display: block;
  margin: auto;
  width: 654px;
}
@media screen and (max-width:767px) {
  #amino-about .figure-function-physiology {
    width: 100%;
  }
}
#amino-about .imgcaption_tx {
  font-size: 10px;
  letter-spacing: -0.03em;
}
#amino-about .img_caption {
  font-size: 10px;
  letter-spacing: -0.03em;
}
#amino-about.arginine .text {
  margin-top: unset;
  margin-bottom: 30px;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .text {
    margin-top: unset;
    margin-bottom: 15px;
  }
}
.img-box {
  position: relative;
}
#amino-about.arginine .figure-about {
  width: 752px;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .figure-about {
    width: 100%;
  }
}
#amino-about.arginine .arginineflex {
  display: flex;
  gap: 30px;
  justify-content: space-between;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .arginineflex {
    display: block;
    width: 100%;
  }
}
#amino-about.arginine .arginineflex > div {
  width: 50%;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .arginineflex > div {
    width: 100%;
  }
}
#amino-about.arginine .arginineTable1 {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .arginineTable1 {
    margin-bottom: 15px;
  }
}
#amino-about.arginine .arginineTable1 th {
  border-top: 1px solid #333;
  text-align: center;
  padding: 5px;
  background: #eee;
  border-bottom: 1px solid #333;
}
#amino-about.arginine .arginineTable1 td {
  padding: 5px;
  border-bottom: 1px solid #333;
}
#amino-about.arginine .arginineTable1 td:last-child {

}
#amino-about.arginine .section-2 .text-border {
    padding: 10px;
    border: 0;
    background: #F5F2F4;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .section-2 .text-border {
    margin-bottom: 15px;
  }
}
#amino-about.arginine .section-4 .arginineflexL {
  width: 478px;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .section-4 .arginineflexL {
    width: 100%;
  }
}
#amino-about.arginine .section-4 .arginineflexR figure {
  margin: auto;
  width: 382px;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .section-4 .arginineflexR figure {
    width: 100%;
  }
}
#amino-about.arginine .section-5 .arginineflexL {
  width: 100%;
}
#amino-about.arginine .section-5 .arginineflexR figure {
  margin: auto;
  width: 382px;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .section-5 .arginineflexR figure {
    width: 100%;
  }
}
#amino-about.arginine .section-5 .text {
  margin-bottom: 30px;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .section-5 .text {
    margin-bottom: 30px;
  }
}
#amino-about.arginine .section-6 .arginineflexR .img-box {
  margin-top: 8px;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .section-6 .arginineflexR .img-box {
    margin-top: 15px;
  }
}
#amino-about.arginine .section-7 .list-check {
  margin-bottom: 15px;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .section-7 .list-check {
    margin-bottom: 30px;
  }
}
#amino-about.arginine .section-7 .arginineflexR .img-box {
  margin-top: 8px;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .section-7 .arginineflexR .img-box {
    margin-top: 15px;
  }
}
#amino-about.arginine .section-8 .arginineflex {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .section-8 .arginineflex {
    display: block;
    width: 100%;
  }
}
#amino-about.arginine .section-8 .arginineflex > div {
  width: 50%;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .section-8 .arginineflex > div {
    width: 100%;
  }
}
@media screen and (max-width:767px) {
  #amino-about.arginine .section-8 .arginineflexR .img-box {
    margin-top: 15px;
  }
}
#amino-about.arginine .section-9 .arginineflex {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  margin-bottom: 30px;
  gap: 70px 30px;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .section-9 .arginineflex {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }
}
#amino-about.arginine .section-9 .arginineflex > div {
  width: calc(50% - 15px);
}
@media screen and (max-width:767px) {
  #amino-about.arginine .section-9 .arginineflex > div {
    width: 100%;
  }
}
@media screen and (max-width:767px) {
  #amino-about.arginine .section-9 .arginineflex .img-box + .img-box {
    margin-top: 30px;
  }
}
#amino-about.arginine .section-10 .figure-macrophage {
  margin-bottom: 50px;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .section-10 .figure-macrophage {
    margin-bottom: 40px;
  }
}
#amino-about.arginine .section-10 .figure-macrophage-table {
  position: relative;
  width: 900px;
  margin: auto;
}
@media screen and (max-width:767px) {
  #amino-about.arginine .section-10 .figure-macrophage-table {
    width: 100%;
  }
}
#amino-about.arginine .img_caption {
  text-align: right;
  font-size: 10px;
  margin-top: 5px;
}
#amino-about.arginine .imgcaption_tx {
  margin: 10px 0;
  font-size: 10px;
}

/* page download */
#amino-download {
  padding-bottom: 0px;
}
@media screen and (max-width:767px) {
  #amino-download {
    padding-bottom: 0px;
  }
}
#amino-download .figure-download-top {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
#amino-download .figure-download-top figcaption .title {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  padding: 6px;
  width: 284px;
  height: 62px;
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  border: 2px solid #7b7b7b;
  border-radius: 4px;
  z-index: 10;
}
@media screen and (max-width:767px) {
  #amino-download .figure-download-top figcaption .title {
    width: 222px;
    height: 50px;
    font-size: 24px;
  }
}
#amino-download .figure-download-top figcaption .bg {
  position: absolute;
  content: "";
  top: calc(50% + 5px);
  transform: translateY(-50%);
  width: 284px;
  height: 62px;
  left: 20px;
  background: #fff;
  border-radius: 4px;
  z-index: 1;
}
@media screen and (max-width:767px) {
  #amino-download .figure-download-top figcaption .bg {
    width: 222px;
    height: 50px;
  }
}
#amino-download .download-cards {
  display: flex;
  justify-content: flex-start;
  flex-flow: wrap;
  gap: 70px 20px;
}
@media screen and (max-width:767px) {
  #amino-download .download-cards {
    justify-content: space-between;
    gap: 40px 20px;
  }
}
#amino-download .download-card {
  width: 300px;
}
@media screen and (max-width:767px) {
  #amino-download .download-card {
    width: calc(50% - 15px);
  }
}
#amino-download .download-title-wrap {
  display: flex;
  align-items: flex-end;
}
#amino-download .download-title {
  width: 100%;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.025em;
}
@media screen and (max-width:767px) {
  #amino-download .download-title {
    font-size: 18px;
  }
}
#amino-download .download-title span {
  display: inline-block;
}
#amino-download .btn-box a.dl-btn {
  position: relative;
  display: block;
  margin-top: 20px;
  padding: 14px;
  width: 100%;
  height: 46px;
  background: #ff7500;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  border-radius: 25px;
  opacity: 1;
  transition: background 0.5s;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width:767px) {
  #amino-download .btn-box a.dl-btn {
    margin-top: 10px;
    padding: 8px;
    height: 30px;
    font-size: 13px;
  }
}
#amino-download .btn-box a.dl-btn::before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 18px;
  height: 16px;
  background: url(../img/ico_dl_off.svg) no-repeat center/contain;
}
@media screen and (max-width:767px) {
  #amino-download .btn-box a.dl-btn::before {
    width: 14px;
    height: 12px;
  }
}
#amino-download .btn-box a.dl-btn:hover {
  padding: 12px 8px;
  border: 2px solid #ff7500;
  background: #fff;
  color: #ff7500;
}
@media screen and (max-width:767px) {
  #amino-download .btn-box a.dl-btn:hover {
    padding: 6px 8px;
  }
}
#amino-download .btn-box a.dl-btn:hover::before {
  content: "";
  width: 18px;
  height: 16px;
  background: url(../img/ico_dl_on.svg) no-repeat center/contain;
}
@media screen and (max-width:767px) {
  #amino-download .btn-box a.dl-btn:hover::before {
    width: 14px;
    height: 12px;
  }
}
#amino-download .download-container {
  margin-top: 50px;
}
@media screen and (max-width:767px) {
  #amino-download .download-container {
    margin-top: 20px;
  }
}
#amino-download .figure-download {
  margin: 35px auto 0;
  width: 660px;
}
@media screen and (max-width:767px) {
  #amino-download .figure-download {
    width: 100%;
  }
}
#amino-download .download-h3-title {
  padding-left: 10px;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width:767px) {
  #amino-download .download-h3-title {
    font-size: 16px;
  }
}
#amino-download .download-container .text {
  margin-top: 15px;
  letter-spacing: -0.03em;
}
#amino-download .download-container .last-text {
  margin-top: 90px;
}
@media screen and (max-width:767px) {
  #amino-download .download-container .last-text {
    margin-top: 30px;
  }
}
#amino-download .bold-text {
  margin: 30px 0 20px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width:767px) {
  #amino-download .bold-text {
    margin: 15px 0 20px;
    font-size: 15px;
  }
}

/* page about */
#type-arginine {
  padding-bottom: 45px;
}
@media screen and (max-width:767px) {
  #type-arginine {
    padding-bottom: 40px;
  }
}
#type-arginine .figure-about-top {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
#type-arginine .figure-about-top figcaption .title {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  padding: 6px;
  width: 284px;
  height: 62px;
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  border: 2px solid #7b7b7b;
  border-radius: 4px;
  z-index: 10;
}
@media screen and (max-width:767px) {
  #type-arginine .figure-about-top figcaption .title {
    width: 210px;
    height: 50px;
    font-size: 24px;
  }
}
#type-arginine .figure-about-top figcaption .bg {
  position: absolute;
  content: "";
  top: calc(50% + 5px);
  transform: translateY(-50%);
  width: 284px;
  height: 62px;
  left: 20px;
  background: #fff;
  border-radius: 4px;
  z-index: 1;
}
@media screen and (max-width:767px) {
  #type-arginine .figure-about-top figcaption .bg {
    width: 210px;
    height: 50px;
  }
}
#type-arginine .list-item {
  position: relative;
  padding-left: 26px;
}
#type-arginine .list-item::before {
  position: absolute;
  content: "";
  top: 12px;
  left: 0;
  transform: translateY(-50%);
  width: 17px;
  height: 15px;
  background: url(/amino/assets/img/ico_check.svg) no-repeat center center/contain;
}
@media screen and (max-width:767px) {
  #type-arginine .list-item::before {
    top: 5px;
    transform: translateY(0);
  }
}
#type-arginine .list-item + .list-item {
  margin-top: 10px;
}
#type-arginine .list-item .red-bold {
  color: #ef232a;
  font-weight: 600;
}
#type-arginine .about-title {
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width:767px) {
  #type-arginine .about-title {
    font-size: 20px;
  }
}
#type-arginine .about-container {
  margin-top: 60px;
}
#type-arginine .figure-about {
  margin: 35px auto 0;
  width: 660px;
}
@media screen and (max-width:767px) {
  #type-arginine .figure-about {
    width: 100%;
  }
}
#type-arginine .about-h3-title {
  padding-left: 10px;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width:767px) {
  #type-arginine .about-h3-title {
    font-size: 16px;
  }
}
#type-arginine .about-container .text {
  margin-top: 15px;
  letter-spacing: -0.03em;
}
#type-arginine .about-container .last-text {
  margin-top: 90px;
}
@media screen and (max-width:767px) {
  #type-arginine .about-container .last-text {
    margin-top: 30px;
  }
}
#type-arginine .bold-text {
  margin: 30px 0 20px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width:767px) {
  #type-arginine .bold-text {
    margin: 15px 0 20px;
    font-size: 15px;
  }
}
#type-arginine .about-functions li + li {
  margin-top: 60px;
}
@media screen and (max-width:767px) {
  #type-arginine .about-functions li + li {
    margin-top: 35px;
  }
}
#type-arginine .function-cards {
  margin: 35px auto 0;
  width: 483px;
}
@media screen and (max-width:767px) {
  #type-arginine .function-cards {
    width: 100%;
  }
}
#type-arginine .function-cards .figure-function {
  margin: auto;
  width: 100%;
}
@media screen and (max-width:767px) {
  #type-arginine .function-cards .figure-function {
    width: 80%;
  }
}
#type-arginine .figure-20function-illust {
  position: relative;
  display: block;
  margin: 35px auto 0;
  width: 610px;
}
@media screen and (max-width:767px) {
  #type-arginine .figure-20function-illust {
    width: 100%;
  }
}
#type-arginine a.zoom-mark {
  position: absolute;
  top: -18px;
  right: 2px;
}
@media screen and (max-width:767px) {
  #type-arginine a.zoom-mark img {
    width: 35px;
    height: 35px;
  }
}
#type-arginine .figure-20function-table {
  display: block;
  margin: 35px auto 0;
  width: 510px;
}
@media screen and (max-width:767px) {
  #type-arginine .figure-20function-table {
    width: 70%;
  }
}
#type-arginine .figure-function-physiology {
  position: relative;
  display: block;
  margin: auto;
  width: 654px;
}

.flex40{
width:40%;
}
.flex60{
width:60%;
margin-top:0 !important;
}
.flex50{
width:50%;
margin-top:0 !important;
}
.mt0{
margin-top:0 !important;
}
.mb20{
margin-bottom:20px !important;
}

.miniDotUl li{
display:flex;
}
.miniDotUl li span{
    display: block;
    width: 100%;
				}
				
.miniDot{
width: 20px !important;
    margin-top: 3px;
    font-size: 12px;
    color: #898989;

}
.mtb10{
margin:10px 0;
}
.boldH3{
    font-size: 17px;
    font-weight: bold;
				margin-bottom:5px;
}
.inp{
font-weight:bold;
color:#EF232A;
}
.grafFlex{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 20px 0 40px 0;
}
.barH3{
display:flex;
font-size:18px;
margin-bottom:20px;
font-weight:bold;
align-items:center;
}
.barH3 span{
    width: 15px;
    margin-right: 5px;
    height: 3px;
    margin-top: 2px;
background:#ccc;
}
.bggraybox{
padding:15px;
margin:20px 0;
background:#F5F2F4;
font-size:90%;
}
strong{
font-weight:bold;
}
.c_red{color:#ef232a;}
.c_red-bold{color:#ef232a;font-weight:600;}
.bl0{
border-left:0 !important;
}
.br0{
border-right:0 !important;
}
.SmallVerTop{
font-size: 12px;
    vertical-align: top;
}
.SmallVerBottom{
font-size: 12px;
    vertical-align: bottom;
}
.img_caption{
text-align:right;
font-size:10px;
margin-top:5px;
}
.imgcaption_tx{
margin:10px 0;
font-size:12px;
font-size:18px;
}

.bcaaflex{
    display: flex;
    gap: 30px;
    justify-content: space-between;
				margin-bottom:30px;
}

.bcaaflex img{

width:400px;
}
.bcaaflex .flex50 .text,.glutamineflex .text,.aspartameFlex .text{
margin-top:0 !important;
}

.bcaaTable{
width:400px;
margin-top:15px;
}
.bcaaTable th{
border-top:1px solid #333;
text-align:center;
padding:5px;
background:#eee;
border-bottom:1px solid #333;
}
.bcaaTable td{
padding:5px;
border-bottom:1px solid #333;
}
.bcaaflexR{
width:50%;
}
.bcaaflexR .figure-about{
margin-top:0 !important;
}
.mt20{
margin-top:20px;
}
.c_red{color:#cc0000;}

.text h4{
margin-top:15px;
margin-bottom:10px;
}
.glutamineflex{
display:flex;
gap:30px;
margin:15px 0;
}
.glutamineflexR{
width:50%;
}
.glutamineflex .name{
font-weight:bold;
margin:10px;
}
.glutamineflex .text{
width:50%;
}
.glutamine_small{
font-size:12px;
}
.glutamineTable{
margin:20px 0;
width:100%;
}
.glutamineTable th,.glutamineTable td{
border:1px solid #ccc;
padding:5px;
}
.glutamineTable th{
background:#f4f4f4;
text-align:center;
}
.bcaaflexR{
width:400px;
}
.ornithineTable{
width:100%;
margin-top:15px;
}
.ornithineTable th{
border-top:1px solid #333;
text-align:center;
padding:5px;
background:#eee;
border-bottom:1px solid #333;
}
.ornithineTable td{
padding:5px;
border-bottom:1px solid #333;
}
.dotlist li{
    list-style-type: disc;
    margin-left: 20px;
}
.w800{
width:800px !important;
}
.aspartameFlex{
    display: flex;
    gap: 40px;
    justify-content: space-between;
}
.aspartameFlex img{
margin-top:15px;
width:400px;
}
.aspartameFlexR{
width:400px;
margin-top:15px;
}
.aspartameH3{
font-weight:bold;
margin:40px 0 20px 0;
}
.pagetop{
    position: fixed;
    right: 30px;
    width: 50px;
    bottom: 30px;
    z-index: 999;
				}

@media screen and (max-width:767px) {
.pagetop{
    position: fixed;
    right: 20px;
    width: 40px;
    bottom: 20px;
    z-index: 999;
				}
.smt20{
margin-top:20px !important;
}
.aspartameFlexR{
display:block;
}
.aspartameFlex{
display:block;
}


	.aspartametable img{
			width: 700px;
			max-width: initial;
	}
.w800{
width:100% !important;
}
.glutamineTable{
width:800px;
}
.glutamineflex{
display:block;
}
.glutamineflexR{
width:100%;
}
.glutamineflex .text{
width:100%;
}
.bcaaflex{
display:block;
}
.bcaaflexR{
width:100%;
}
	.sptable{
			overflow-x:scroll;
	}
	.aspartametable img{
			width: 700px;
			max-width: initial;
	}
.bcaaTable {
    width: 100%;
    margin-top: 15px;
}
.grafFlex{
    display: grid;
    grid-template-columns: 1fr;
    margin: 20px 0 40px 0;
}
.grafFlex img{
width:90%;
    margin: 0 auto;
}
.flex40,.flex60{
width:100%;

}
.flex50{
width:100%;

}
.spmt15{
margin-top:15px !important;
}
  #type-arginine .figure-function-physiology {
    width: 100%;
  }
}

.arrowH5{
    position: relative;
    padding-left: 12px;
    margin-bottom: 12px;
				font-weight:bold;
}
.arrowH5::before{
	left: 4px;
	box-sizing: border-box;
	width: 5px;
	height: 5px;
	border: 4px solid transparent;
	border-left: 4px solid #cc0000;
}
.arrowH5::after, .arrowH5:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.w-full{
width:100% !important;
}

/* page login */
#loginarea {
  margin: 50px 0;
  text-align: center;
}
#loginarea a {
  display: inline-block;
  width: 300px;
  background: #FF7500;
  border-radius: 40px;
  font-size: 20px;
  color: #fff;
  padding: 12px 20px;
}
#loginarea p {
  margin-top: 50px;
}