@charset "UTF-8";
/* CSS Document */

/*　段落　*/
/* ============================================ */
.wrap-about > section:not(:last-child) ,
.wrap-company > section:not(:last-child),
.wrap-faq > section:not(:last-child) {
	margin-bottom: 16rem;
}
.wrap-about > section > section:not(:last-child),
.wrap-researchers > section:not(:last-child),
.wrap-company > section > section:not(:last-child),
.wrap-faq > section > section:not(:last-child) {
	margin-bottom: 10rem;
}
.wrap-about > section >  section >section:not(:last-child),
.wrap-company > section >  section >section:not(:last-child) {
	margin-bottom: 4rem;
}

@media screen and (max-width: 767px) {
.wrap-about > section:not(:last-child),
.wrap-company > section:not(:last-child) {
	margin-bottom: 12rem;
}
.wrap-about > section > section:not(:last-child),
.wrap-researchers > section:not(:last-child),
.wrap-company > section > section:not(:last-child) {
	margin-bottom: 8rem;
}
}

.table-about th,
.table-researchers th,
.table-company th {
	border-left: none !important;
	border-right: none;
	font-weight: bold;
	width: 20%;
}
.table-about td,
.table-researchers td,
.table-company td {
	border-left: none;
	border-right: none;
	width: 80%;
}
@media screen and (max-width: 767px) {
.table-about,
.table-researchers,
.table-company	{
		border: none;
}
.table-about th,
.table-about td,
.table-researchers th,
.table-researchers td,
.table-company th,
.table-company td {
	border: none;
	display: block;
	width: 100%;
		}
.table-about tr:not(:last-child) td,
.table-researchers tr:not(:last-child) td,
.table-company tr:not(:last-child) td {
	padding-bottom: 2em;
}
}

/*　DSANJについて　*/
/* ============================================ */
.table-about th {
	background: rgba(var(--blue-rgb), .1);
}
@media screen and (min-width: 960px) {
}
@media screen and (max-width: 959px) {
}

/*　医療関係者の皆様　*/
/* ============================================ */
.table-researchers th {
	background: rgba(200, 228, 240, .5);
}
.list-topics {
	margin-bottom: 4rem;
}
/*　ページャー　*/
.list-pager {
	display: flex;
	justify-content: center;
	margin-bottom: 4rem;
}
.list-pager li,
.list-pager li a {
	display: flex;
	align-items: center;
	justify-content: center;
}
.list-pager li:not(.back):not(.next) {
	width: 2.5em;
	height: 2.5em;
}
.list-pager li.active {
	background: var(--blue);
	color:  var(--white);
}
.list-pager li.back {
	margin-right: .25em;
}
.list-pager li.next {
	margin-left: .25em;
}
.list-pager li a {
	background: var(--white);
/*	border: 1px solid var(--blue);*/
	color: var(--blue);
	width: 100%;
	height: 100%;
}
.list-pager li.back a,
.list-pager li.next a {
	padding: 0 .75em;
}
.list-pager li a:hover {
	background: var(--blue);
	color: var(--white);
}

/*　製薬企業の皆様　*/
/* ============================================ */
.table-company th {
	background: rgba(229, 215, 243, .5);
}
@media screen and (min-width: 960px) {
}
@media screen and (max-width: 959px) {
}

/*　FAQ　*/
/* ============================================ */
.wrap-faq .nav-inner-main,
.wrap-faq .nav-inner-sub {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1em;
}
.wrap-faq .nav-inner-main {
	margin-bottom: 8rem;
}
.wrap-faq .nav-inner-sub {
	font-weight: bold;
	margin-bottom: 6rem;
}
.wrap-faq .nav-inner-main a,
.wrap-faq .nav-inner-sub a {
	margin-top: 0;
}
/*チェックボックスを消す*/
.toggle {
  display: none;
}
/*アコーディオンの大きさと位置調整*/
.wrap-faq-inner {
  margin-bottom: 2px;
}
/*アコーディオンのラベルの設定*/
.wrap-faq-inner dt {
}
.wrap-faq-inner dt label {
  background-color: rgba(200, 228, 240, .5);
	color: var(--blue);
	font-weight: bold;
  position: relative;
  display: block;
  padding: 1em 3em 1em 1em;
  cursor: pointer;
}
/*ラベル内の矢印の設定*/
.wrap-faq-inner dt label::after {
  content:'';
  display: block;
	width: .75em;
	height: .75em;
	border-top: 2px solid var(--blue);
	border-right: 2px solid var(--blue);
	position: absolute;
	top: 50%;
  right: 1em;
  transform: translate(0,-50%) rotate(135deg);
  transition: .4s;
}
/*表示される要素の基本設定*/
.wrap-faq-inner dd {
  height: 0;
  transition:.4s;
  overflow: hidden;
  padding: 0 1em;
}
/*ラベル内の矢印のアニメーション設定*/
.toggle:checked ~ .wrap-faq-inner dt label {
  background-color: var(--blue);
	color: var(--white);
}
.toggle:checked ~ .wrap-faq-inner dt label::after{
	border-top: 2px solid var(--white);
	border-right: 2px solid var(--white);
	top: 55%;
  transform: translate(0,-50%) rotate(-45deg);  
}
/*表示される要素のアニメーション設定*/
.toggle:checked ~ .wrap-faq-inner dd{
  height: auto;
  padding: 1.5em 1em;
}
@media screen and (min-width: 960px) {
}
@media screen and (max-width: 767px) {
.wrap-faq .nav-inner-main,
.wrap-faq .nav-inner-sub {
	width: 100%;
	}
.wrap-faq .nav-inner-main li,
.wrap-faq .nav-inner-sub li {
	width: 100%;
	max-width: 48rem;
	}
}