@charset "utf-8";

/* Style Reset
------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1;
  text-decoration: none;
  font-size: 100%;
  font-style: normal;
}

html,
body,
div,
span,
applet,
object,
iframe,
strong,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
legend,
caption,
tbody,
tfoot,
thead,
table,
label,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  font-weight: normal;
  vertical-align: baseline;
}

ul,
ol {
  list-style: none;
}

/* HTML5
------------------------------------------------*/
section,
nav,
article,
aside,
hgroup,
header,
footer,
figure,
figcaption,
summary {
  display: block;
  margin: 0;
  padding: 0;
  color: #000000;
  font-family: sans-serif;
}

br {
  letter-spacing: normal;
}

/* floatの解除 */
.clear {
  clear: both;
  margin: 0;
  padding: 0;
}

.clearfix:after {
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: ".";
}

.clearfix {
  min-height: 1px;
  /* IE6、7対策 */
}

* html .clearfix {
  height: 1px;
  /*¥*/
  /*/ /*MAC IE5.x対策*/
  height: auto;
  overflow: hidden;
  /**/
}

/* Base Style
------------------------------------------------*/
/* Float Style */
.columnLeft {
  float: left !important;
}

.columnRight {
  float: right !important;
}

/* Font Style */
strong {
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

em {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.em {
  font-size: italic;
}

.under {
  text-decoration: underline;
}

.del {
  text-decoration: line-through;
}

.attention {
  color: #f00;
}

.taLeft {
  text-align: left;
}

.taRight {
  text-align: right;
}

.taCenter {
  text-align: center;
}

/* Table Style */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  text-align: left;
  background: transparent;
}

/*
Mobile : - 539px
Tablet : 540px -
Desktop : 768px -
*/

/* common */
html {
  height: 100%;
  color: #333;
  font-size: 0.813em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
}

body {
  height: 100%;
}

div {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

img {
  max-width: 100%;
  height: auto;
}

p {
  line-height: 1.6;
}

hr {
  height: 1px;
  border: none;
  border-top: 1px dotted #519548;
}

a {
  color: #0099ff;
  text-decoration: underline;
}

a:visited,
a:active {
  color: #000080;
}

a:hover {
  text-decoration: none;
}

blockquote {
  font-family: "ＭＳ Ｐゴシック", sans-serif;
  font-style: italic;
  color: #555;
  line-height: 1.8;
}

.container {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 10px;
}

.container02 {
  overflow: hidden;
  margin: 0 auto;
}

/* Mobile */
.displayPc {
  display: none;
}

/* Global Header
------------------------------------------------*/
#globalHeader .headerInner {
  overflow: hidden;
  background: #275392;
  padding: 10px 0;
}

#globalHeader .headerInner h1 {
  display: block;
  float: left;
  min-width: 280px;
  max-width: 374px;
}

/* Global Navigation */
#menuIcon {
  position: fixed;
  bottom: 0;
  left: 0;
  cursor: pointer;
  width: 100%;
  background: #000;
  background-color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.8);
  color: rgba(0, 0, 0, 0.8);
  padding: 5px 10px;
}

#menuIcon:before {
  content: "メニュー";
  width: 60px;
  height: 20px;
  background: #3d67a7;
  /* Old browsers */
  background: -moz-linear-gradient(top,
      #3d67a7 0%,
      #3d67a7 50%,
      #295393 50%,
      #295393 50%,
      #295393 50%,
      #39619c 50%,
      #295393 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, #3d67a7),
      color-stop(50%, #3d67a7),
      color-stop(50%, #295393),
      color-stop(50%, #295393),
      color-stop(50%, #295393),
      color-stop(50%, #39619c),
      color-stop(100%, #295393));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,
      #3d67a7 0%,
      #3d67a7 50%,
      #295393 50%,
      #295393 50%,
      #295393 50%,
      #39619c 50%,
      #295393 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,
      #3d67a7 0%,
      #3d67a7 50%,
      #295393 50%,
      #295393 50%,
      #295393 50%,
      #39619c 50%,
      #295393 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top,
      #3d67a7 0%,
      #3d67a7 50%,
      #295393 50%,
      #295393 50%,
      #295393 50%,
      #39619c 50%,
      #295393 100%);
  /* IE10+ */
  background: linear-gradient(to bottom,
      #3d67a7 0%,
      #3d67a7 50%,
      #295393 50%,
      #295393 50%,
      #295393 50%,
      #39619c 50%,
      #295393 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d67a7', endColorstr='#295393', GradientType=0);
  /* IE6-9 */
  border-top: 1px solid #4270b5;
  border-left: 1px solid #4270b5;
  border-right: 1px solid #254b85;
  border-bottom: 1px solid #254b85;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  color: #fff;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  padding: 5px;
}

#gnavMb>ul {
  z-index: 10000;
  display: none;
  clear: both;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  background-color: rgba(256, 256, 256, 0.9);
  background: rgba(256, 256, 256, 0.9);
  color: rgba(256, 256, 256, 0.9);
}

#gnavMb>ul li {
  border-bottom: 1px dotted #999;
}

#gnavMb>ul li a,
#gnavMb>ul li span {
  cursor: pointer;
  display: block;
  color: #05175f;
  font-weight: bold;
  line-height: 1.6;
  text-decoration: none;
  padding: 10px;
}

#gnavMb ul li span:after {
  content: " +";
}

#gnavMb ul li span.minus:after {
  content: " -";
}

#gnavMb>ul li ul {
  display: none;
}

#gnavMb>ul li ul li {
  background: url(../images/icon-arrow-002.gif) no-repeat 15px center;
  border-top: 1px dotted #999;
  border-bottom: none;
  padding-left: 15px;
}

#gnavMb>ul .close {
  background: #000;
  background-color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.8);
  color: rgba(0, 0, 0, 0.8);
}

#gnavMb>ul li.close a {
  display: block;
  color: #fff;
  font-weight: bold;
  line-height: 1.6;
  text-decoration: none;
  padding: 10px;
}

#gnavMb>ul li a:hover,
#gnavMb>ul li span:hover {
  background: #009dd9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #009dd9 0%, #009dd9 50%, #00aaea 50%, #00aaea 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, #009dd9),
      color-stop(50%, #009dd9),
      color-stop(50%, #00aaea),
      color-stop(100%, #00aaea));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,
      #009dd9 0%,
      #009dd9 50%,
      #00aaea 50%,
      #00aaea 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #009dd9 0%, #009dd9 50%, #00aaea 50%, #00aaea 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #009dd9 0%, #009dd9 50%, #00aaea 50%, #00aaea 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #009dd9 0%, #009dd9 50%, #00aaea 50%, #00aaea 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009dd9', endColorstr='#00aaea', GradientType=0);
  /* IE6-9 */
  color: #fff;
  text-decoration: none;
}

#gnavMb>ul li ul li a:hover {
  background: transparent;
  color: #05175f;
  text-decoration: underline;
}

#gnavMb>ul .close a:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}

/* Content
------------------------------------------------*/
/* Main Image */
#mainImage {
  background: url(../images/home/bg-mainimage-001.gif) repeat-x left top;
}

#mainImage img {
  display: block;
}

#mainImage img.displayPc {
  display: none;
}

/* Topics Path */
#topicsPath {
  overflow: hidden;
  margin-top: 20px;
}

#topicsPath li {
  float: left;
  background: url(../images/icon-arrow-002.gif) no-repeat left center;
  margin-right: 7px;
  margin-bottom: 5px;
  padding-left: 10px;
}

#topicsPath li:first-child {
  background: none;
  padding-left: 0;
}

#topicsPath .topicsCurrent {
  font-weight: bold;
}

/* Content */
#content {
  overflow: hidden;
  margin-top: 30px;
  padding-bottom: 40px;
}

#content>.container {
  overflow: hidden;
}

#content #mainContent {
  overflow: hidden;
}

#content .section {
  overflow: hidden;
  margin-bottom: 50px;
}

#content .section02 {
  overflow: hidden;
  margin-bottom: 40px;
}

#content .section03 {
  overflow: hidden;
  margin-bottom: 25px;
}

#content .section h2 {
  height: 59px;
  background: url(../images/bg-h2.png) repeat-x right center;
  border-right: 1px solid #ececec;
  border-left: 1px solid #ececec;
  margin-bottom: 40px;
  padding: 3px 2px 0 2px;
}

#content .section h2 span {
  display: block;
  height: 54px;
  background: url(../images/icon-list-002.gif) no-repeat 5px center;
  border: 1px solid #b2ae89;
  color: #05175f;
  font-size: 1.154em;
  font-weight: bold;
  line-height: 3.8;
  text-indent: 1.5em;
}

#home #content .section h2 {
  height: auto;
  background: url(../images/icon-arrow-001.gif) no-repeat right center;
  border: none;
  border-bottom: 2px solid #00aaea;
  margin: 0 0 20px 0;
  padding: 0 10px 3px 0;
}

#content .section h3 {
  background: url(../images/icon-arrow-001.gif) no-repeat right center;
  border-bottom: 2px solid #00aaea;
  margin-bottom: 20px;
  padding: 0 10px 3px 0;
}

#content .section h4 {
  background: #fff9e3;
  border-bottom: 1px solid #aeaa84;
  color: #444;
  font-size: 1.154em;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 10px;
}

#content .section h5 {
  border-left: 3px solid #999;
  border-bottom: 1px dotted #999;
  font-weight: bold;
  line-height: 1.3;
  margin: 20px 0 10px;
  padding: 0 0 2px 5px;
}

#content .section h6 {
  font-weight: bold;
  line-height: 1.3;
  margin: 20px 0 10px;
}

#content .section .pageLink {
  overflow: hidden;
  max-width: 617px;
  background: #fff9e3;
  margin: 0 -20px 20px 0;
  padding: 5px 10px;
  /zoom: 1;
  /* IE6,7 */
}

#content .section .pageLink li {
  display: inline;
  margin-right: 20px;
}

#content .section .pageLink li:first-child {
  margin-left: 0;
}

#content .section p {
  line-height: 1.6;
  margin-bottom: 15px;
}

#content .section ul {
  margin: 20px 0;
}

#content .section ul li {
  background: url(../images/icon-list-002.gif) no-repeat left 3px;
  line-height: 1.6;
  margin-top: 15px;
  padding-left: 15px;
}

#content .section ol {
  margin: 20px 0;
}

#content .section ol li {
  line-height: 1.6;
  margin-top: 15px;
}

#content .section ol li ol {
  padding-left: 20px;
}

#content .section ol li ul li {
  background: none;
  margin-top: 10px;
}

#content .section02 img {
  margin: 20px 0;
}

#content .section table {
  border: 1px solid #ccc;
}

#content .section table th {
  background: #e5f8fd;
  border: 1px solid #ccc;
  font-weight: bold;
  padding: 10px;
}

#content .section table td {
  border: 1px solid #ccc;
  vertical-align: middle;
  padding: 10px;
}

#content .section .tableCaption {
  font-size: 0.846em;
  margin: 5px 0 0 0;
}

#content dl {
  margin: 20px 0;
}

#content dl dt {
  font-weight: bold;
  margin-bottom: 5px;
}

#content dl dd {
  margin-bottom: 10px;
}

.dl01 dt {
  clear: left;
  float: left;
  width: 5em;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding-bottom: 5px;
}

.dl01 dd {
  line-height: 1.5;
  margin-bottom: 5px;
  padding: 0 0 5px 5em;
}

.dl02 dt {
  clear: left;
  float: left;
  width: 8em;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding-bottom: 5px;
}

.dl02 dd {
  line-height: 1.5;
  margin-bottom: 5px;
  padding: 0 0 5px 8em;
}

#content .linkA {
  background: #fffdf7;
  border: 1px dotted #999;
  padding: 5px 10px;
}

#content .linkA a {
  background: url(../images/icon-arrow-002.gif) no-repeat left center;
  padding-left: 10px;
}

#content .linkB a {
  display: block;
  width: 240px;
  height: 22px;
  background: url(../images/bg-button-001.png) no-repeat left top;
  text-align: center;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  text-decoration: none;
  padding: 14px 10px 6px 10px;
}

#content .linkB a:hover {
  background-position: left -42px;
}

/* Side */
#side {
  overflow: hidden;
  margin-top: 30px;
}

#side .search .gsc-control-cse {
  margin-bottom: 15px;
  padding: 0;
}

#side .search .gsc-input-box {
  border: 1px solid #ccc;
}

#side .search input.gsc-search-button,
input.gsc-search-button:hover,
input.gsc-search-button:focus {
  border-color: #666666;
  background-color: #275392;
  background-image: none;
  filter: none;
}

#side #banner {
  overflow: hidden;
  background: url(../images/bg-sidebar-001.png);
  border-top: 3px solid #05175f;
  border-bottom: 3px solid #05175f;
  padding: 10px;
}

#side #banner ul li {
  margin: 20px auto 0px;
}

#side #banner ul li:first-child {
  margin-top: 0px;
}

#side #banner ul li img {
  display: block;
  margin: 0 auto;
}

/* Global Footer
------------------------------------------------*/
#globalFooter {
  background: url(../images/bg-footer-001.gif);
  padding: 20px 0 50px;
}

#globalFooter .footerColumn {
  margin-top: 20px;
}

#globalFooter .container .footerColumn:first-child {
  margin-top: 0;
}

#globalFooter .footerColumn h3 {
  cursor: pointer;
  color: #fff;
  font-size: 0.923em;
  font-weight: bold;
}

#globalFooter .footerColumn h3:after {
  content: " +";
}

#globalFooter .footerColumn h3.minus:after {
  content: " -";
}

#globalFooter .footerColumn ul {
  display: none;
}

#globalFooter .footerColumn ul li {
  background: url(../images/icon-list-001.gif) no-repeat left 2px;
  margin-top: 15px;
  padding-left: 13px;
}

#globalFooter .footerColumn ul li a {
  color: #fff;
}

#globalFooter #copy {
  border-top: 1px solid #fff;
  color: #fff;
  font-size: 0.846em;
  padding-top: 5px;
}

/* Page
------------------------------------------------*/
/* home */
#home #mainContent .sixButton {
  margin-top: 0;
}

#home #mainContent .sixButton ul {
  overflow: hidden;
  margin: 0 auto;
}

#home #mainContent .sixButton ul li {
  float: left;
  width: 47.591%;
  background: none;
  margin: 0 4.816% 15px 0;
  padding: 0;
}

#home #mainContent .sixButton .button2,
#home #mainContent .sixButton .button4,
#home #mainContent .sixButton .button6 {
  margin-right: 0;
}

#home #mainContent .sixButton .button5,
#home #mainContent .sixButton .button6 {
  margin-bottom: 0;
}

#home .topics,
#actopics .actopics {
  overflow: hidden;
}

#home .topics dl,
#actopics .actopics dl {
  font-size: 0.923em;
  margin-top: 15px;
}

#actopics .actopics dl {
  font-size: 1em;
}

#home .topics dl dt,
#actopics .actopics dl dt {
  color: #666;
  font-weight: bold;
}

#actopics .actopics dl dt {
  padding-top: 10px;
}

#home .topics dl dt span,
#actopics .actopics dl dt span {
  color: #e0542c;
}

#home .topics dl dd,
#actopics .actopics dl dd {
  border-bottom: 1px dotted #d3d3d3;
  margin: 5px 0 10px;
}

#actopics .actopics dl dd {
  overflow: hidden;
  padding-bottom: 10px;
}

#home .topics dl dd .topicsTitle,
#actopics .actopics dl dd .topicsTitle {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 5px;
}

#home .topics dl dd .topicsArticle,
#actopics .actopics dl dd .topicsArticle {
  margin-bottom: 10px;
}

#home .topics dl dd img,
#actopics .actopics dl dd img {
  border: 1px solid #d3d3d3;
  margin: 0 15px 0 0;
}

#home .topics dl dd a,
#actopics .actopics dl dd a {
  line-height: 1.5;
}

#home .topics dl+p,
#actopics .actopics .moreTopics {
  margin-top: 10px;
}

#home .topics dl+p a,
#actopics .actopics .moreTopics a {
  display: block;
  float: right;
  background: url(../images/icon-arrow-002.gif) no-repeat left center;
  font-size: 0.923em;
  padding-left: 10px;
}

#actopics .actopics .topicsList {
  overflow: hidden;
  max-width: 617px;
  background: #fff9e3;
  margin: 0 -20px 0 0;
  padding: 5px 10px;
  /zoom: 1;
  /* IE6,7 */
}

#actopics .actopics .topicsList li {
  display: inline;
  margin-right: 20px;
}

#actopics .actopics .topicsList li:first-child {
  margin-left: 0;
}

#actopics .actopics dl dl dt {
  font-size: 1em;
  clear: left;
  float: left;
  width: 4em;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}

#actopics .actopics dl dl dd {
  font-size: 1em;
  border-bottom: 0;
  line-height: 1.5;
  margin: 0 0 5px 0;
  padding: 0 0 5px 4em;
}

/* About */
#about #symbol h4 {
  background: #275392;
  color: #fff;
  text-align: center;
  margin-bottom: 0px;
}

#about #symbol .symbol {
  border: 2px solid #275392;
  border-top: 0;
  padding: 25px 20px 15px;
}

#about #symbol .symbol img {
  display: block;
  margin: 0 auto 15px;
}

#about #symbol .symbol p {
  font-size: 1.077em;
  margin-top: 15px;
}

#about .greeting img {
  float: right;
  margin: 0 15px;
}

#about .teikan .teikanLink {
  background: #fffdf7;
  border: 1px dotted #999;
  padding: 5px 10px;
}

#about .teikan .teikanLink a {
  background: url(../images/icon-arrow-002.gif) no-repeat left center;
  padding-left: 10px;
}

#about .teikan dl {
  margin-top: 15px;
  padding: 0 20px;
}

#about .teikan dl dt {
  font-weight: bold;
}

#about .teikan dl dd {
  border-bottom: 1px dotted #ccc;
  margin: 5px 0 10px;
  padding-bottom: 10px;
}

#about .member table th {
  width: 35%;
  padding: 10px;
}

#about .member table td {
  padding: 5px 10px;
}

#about .secretariat iframe {
  width: 100%;
  height: 350px;
  margin-bottom: 20px;
}

#about .secretariat .contact {
  border: 2px solid #00aaea;
  margin-bottom: 30px;
  padding: 10px;
}

/* Symposium */
#symposium .smnextinformation dd {
  border-bottom: 1px dotted #ccc;
}

#symposium .pastAccordionButton {
  cursor: pointer;
  background: #00aaea;
  border-bottom: 4px solid #008bbf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 5px 10px;
}

#symposium .pastAccordionButton:hover {
  background: #008bbf;
}

/* #symposium .pastAccordion {
  display: none;
} */

summary::-webkit-details-marker {
  /* Safariで表示されるデフォルトの三角形アイコンを消します */
  display: none;
}

#symposium .pastList {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
  width: 100%;
  border: 1px solid #ccc;
  font-size: 0.923em;
  margin: 20px 0 15px;
}

#symposium .pastList th {
  padding: 5px !important;
  vertical-align: middle;
}

#symposium .pastList td {
  line-height: 1.3;
  padding: 5px !important;
}

#symposium .pastList td.attendee {
  width: 20%;
}

#symposium .pastList td span {
  font-size: 0.846em;
}

#symposium .pastList .booksLink {
  text-align: center;
}

#symposium .pastList .symposiumNumber {
  background: #fffdf7;
  font-weight: bold;
  text-align: center;
}

#symposium .pastList .booksLink a {
  font-weight: bold;
  line-height: 1.3;
}

#symposium .symposiumPoster {
  overflow: hidden;
  max-width: 617px;
  margin: 0 -20px 0 0;
  zoom: 1;
  /* IE6,7 */
}

#symposium .symposiumPoster li {
  display: inline;
  background: none !important;
  margin: 0 20px 0 0 !important;
  padding: 0 !important;
}

#symposium .symposiumPoster li img {
  margin: 0;
}

#symposium .symposiumFigure {
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  margin-top: 20px;
  padding: 10px;
}

#symposium .symposiumFigureCaption {
  margin-left: 10px;
}

#symposium .symposiumFigure img {
  display: block;
  margin: 0;
}

#symposium .symposiumBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 320px;
  background-color: #f15a22;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  margin-top: 1px;
  padding: 15px 10px;
}

#symposium .symposiumBtn:hover {
  background-color: rgba(241, 90, 30, 0.7);
}

#symposium .addNews {
  background-color: #e5f8fd;
  padding: 1px 30px;
  margin-bottom: 30px;
}

/* Activity */
#actopics .actopics {
  overflow: hidden;
}

#actopics .actopics dl {
  font-size: 1em;
}

#actopics .actopics dl dt {
  color: #666;
  font-weight: bold;
}

#actopics .actopics dl dt {
  padding-top: 10px;
}

#actopics .actopics dl dt span {
  color: #e0542c;
}

#actopics .actopics dl dd {
  border-bottom: 1px dotted #d3d3d3;
  margin: 5px 0 10px;
}

#actopics .actopics dl dd {
  padding-bottom: 10px;
}

#actopics .actopics dl dd .topicsTitle {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 5px;
}

#actopics .actopics dl dd .topicsArticle {
  margin-bottom: 10px;
}

#actopics .actopics dl dd img {
  border: 1px solid #d3d3d3;
  margin: 0 15px 0 0;
}

#actopics .actopics dl dd a {
  line-height: 1.5;
}

#actopics .actopics .moreTopics {
  margin-top: 10px;
}

#actopics .actopics .moreTopics a {
  display: block;
  float: right;
  background: url(../images/icon-arrow-002.gif) no-repeat left center;
  font-size: 0.923em;
  padding-left: 10px;
}

#actopics .actopics .topicsList {
  overflow: hidden;
  max-width: 617px;
  background: #fff9e3;
  margin: 0 -20px 20px 0;
  padding: 5px 10px;
  /zoom: 1;
  /* IE6,7 */
}

#actopics .actopics .topicsList li {
  display: inline;
  margin-right: 20px;
}

#actopics .actopics .topicsList li:first-child {
  margin-left: 0;
}

#actopics .actopics dl dl dt {
  font-size: 1em;
  clear: left;
  float: left;
  width: 4em;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}

#actopics .actopics dl dl dd {
  font-size: 1em;
  border-bottom: 0;
  line-height: 1.5;
  margin: 0 0 5px 0;
  padding: 0 0 5px 4em;
}

/* アコーディオン */
.accordion-003 {
  line-height: 1.6;
}

.accordion-003 summary {
  line-height: 1.6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  max-width: 310px;
}

.accordion-003 summary:hover {
  opacity: 0.7;
}

.accordion-003 summary::-webkit-details-marker {
  display: none;
}

.accordion-003 summary::before,
.accordion-003 summary::after {
  width: 1px;
  height: 0.7em;
  border-radius: 5px;
  background-color: #333333b3;
  content: "";
}

.accordion-003 summary::before {
  position: absolute;
  right: 0;
  rotate: 90deg;
}

.accordion-003 summary::after {
  right: -2em;
  transition: rotate 0.3s;
}

.accordion-003[open] summary::after {
  rotate: 90deg;
}

.accordion-003 p {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding-left: 10px;
  transition:
    transform 0.5s,
    opacity 0.5s;
}

.accordion-003[open] p {
  transform: none;
  opacity: 1;
}

.accordion-003 p a::before {
  content: "・";
}

/* Compl Examination */
#complExamination .blueBlock {
  border: 2px solid #00aaea;
  margin-bottom: 30px;
  padding: 10px;
}

#complExamination .cm002 .cmContact,
#complExamination #acanalysis .acContact {
  border: 2px solid #00aaea;
  margin-bottom: 30px;
  padding: 10px;
}

#complExamination #acanalysis dl dt {
  font-size: 1em;
  clear: left;
  float: left;
  width: 3em;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}

#complExamination #acanalysis dl dd {
  font-size: 1em;
  border-bottom: 0;
  line-height: 1.5;
  margin: 0 0 5px 0;
  padding: 0 0 5px 3em;
}

#complExamination #acanalysis dl+p.attention {
  margin-bottom: 0;
}

/* Disease Information */
#diseaseInformation table th span {
  font-size: 0.846em;
}

/* Admission */
#admission .adContact {
  margin: 15px 0;
}

#admission .adContact dt {
  clear: left;
  float: left;
  width: 4.5em;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 5px 0;
}

#admission .adContact dd {
  line-height: 1.5;
  margin-bottom: 5px;
  padding: 0 0 0 4.5em;
}

/* Books */
#books .bkbooks dl dt {
  font-size: 1em;
  clear: left;
  float: left;
  width: 3em;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}

#books .bkbooks dl dd {
  font-size: 1em;
  border-bottom: 0;
  line-height: 1.5;
  margin: 0 0 5px 0;
  padding: 0 0 5px 3em;
}

/* Tablet */
@media screen and (min-width: 540px) {

  /* Content
  ------------------------------------------------*/
  /* Main Image */
  #mainImage img.displayPc {
    display: block;
  }

  #mainImage img.displayMb {
    display: none;
  }

  /* Side */
  #side #banner ul {
    margin-right: -8%;
  }

  #side #banner ul li {
    float: left;
    margin-right: 7%;
    margin-bottom: 20px;
  }

  #side #banner ul li:first-child {
    margin-top: 20px;
  }

  #side #banner ul li img {
    display: block;
    margin: 0 auto;
  }

  /* Global Footer
  ------------------------------------------------*/
  #globalFooter .footerColumn {
    width: 50%;
    float: left;
    margin: 0 0 30px 0;
  }

  #globalFooter .footerColumn h3:after,
  #globalFooter .footerColumn h3.minus:after {
    content: "";
  }

  #globalFooter .footerColumn ul {
    display: block;
  }

  /* Page
  ------------------------------------------------*/
  /* home */
  #home #mainContent .sixButton ul li {
    width: 29.687%;
    margin: 0 5.468% 25px 0;
  }

  #home #mainContent .sixButton .button2,
  #home #mainContent .sixButton .button4 {
    margin-right: 5.468%;
  }

  #home #mainContent .sixButton .button3,
  #home #mainContent .sixButton .button6 {
    margin-right: 0;
  }

  #home #mainContent .sixButton .button4,
  #home #mainContent .sixButton .button5,
  #home #mainContent .sixButton .button6 {
    margin-bottom: 0;
  }

  /* About */
  #about #symbol .symbol img {
    float: left;
    margin: 0 30px 15px 0;
  }
}

/* Desktop */
@media screen and (min-width: 768px) {

  /* Mobile */
  .displayPc {
    display: block;
  }

  .displayMb {
    display: none;
  }

  /* Global Header
  ------------------------------------------------*/
  .headerInner h1+div.displayPc {
    float: right;
    margin-top: 25px;
  }

  .headerInner .headerInfo {
    float: left;
    margin-top: 7px;
  }

  .headerInner .headerInfo li {
    float: left;
    margin-right: 20px;
  }

  .headerInner .headerInfo li a {
    color: #fff;
  }

  .headerInner .EN {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    float: right;
    width: 80px;
    height: 24px;
    background: url(../images/button-en.png) no-repeat left top;
    margin-right: 0;
  }

  .headerInner .EN:hover {
    background: url(../images/button-en.png) no-repeat left -24px;
  }

  #en .headerInner .EN {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    float: right;
    width: 80px;
    height: 24px;
    background: url(../images/button-en.png) no-repeat left -48px;
    margin-right: 0;
  }

  #en .headerInner .EN:hover {
    background: url(../images/button-en.png) no-repeat left -72px;
  }

  /* Global Navigation */
  #globalHeader #gnavPc {
    width: 100%;
    border-top: 2px solid #0b1459;
    border-bottom: 1px solid #999;
  }

  #gnavPc ul {
    overflow: hidden;
    height: 57px;
  }

  #gnavPc ul li.gnav {
    float: left;
    height: 57px;
  }

  #gnavPc ul li.gnav a {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 58px;
  }

  #gnavPc ul .gnav1 {
    width: 12.4468%;
    background: url(../images/gnav-body.png) center 0;
  }

  #gnavPc ul .gnav2 {
    width: 14.0425%;
    background: url(../images/gnav-body.png) center -114px;
  }

  #gnavPc ul .gnav3 {
    width: 14.0425%;
    background: url(../images/gnav-body.png) center -228px;
  }

  #gnavPc ul .gnav4 {
    width: 13.9361%;
    background: url(../images/gnav-body.png) center -342px;
  }

  #gnavPc ul .gnav5 {
    width: 13.9361%;
    background: url(../images/gnav-body.png) center -456px;
  }

  #gnavPc ul .gnav6 {
    width: 13.9361%;
    background: url(../images/gnav-body.png) center -570px;
  }

  #gnavPc ul .gnav7 {
    width: 17.6595%;
    background: url(../images/gnav-body.png) center -684px;
  }

  #en #gnavPc ul .gnav1 {
    width: 12.4468%;
    background: url(../images/en/gnav-en-body.png) center 0;
  }

  #en #gnavPc ul .gnav2 {
    width: 14.0425%;
    background: url(../images/en/gnav-en-body.png) center -114px;
  }

  #en #gnavPc ul .gnav3 {
    width: 14.0425%;
    background: url(../images/en/gnav-en-body.png) center -228px;
  }

  #en #gnavPc ul .gnav4 {
    width: 13.9361%;
    background: url(../images/en/gnav-en-body.png) center -342px;
  }

  #en #gnavPc ul .gnav5 {
    width: 17.6595%;
    background: url(../images/en/gnav-en-body.png) center -456px;
  }

  #en #gnavPc ul .gnav6 {
    width: 13.9361%;
    background: url(../images/en/gnav-en-body.png) center -570px;
  }

  #en #gnavPc ul .gnav7 {
    width: 13.9361%;
    background: url(../images/en/gnav-en-body.png) center -684px;
  }

  #gnavPc ul .gnav1:hover {
    width: 12.4468%;
    background: url(../images/gnav-body.png) center -798px;
  }

  #gnavPc ul .gnav2:hover {
    width: 14.0425%;
    background: url(../images/gnav-body.png) center -855px;
  }

  #gnavPc ul .gnav3:hover {
    width: 14.0425%;
    background: url(../images/gnav-body.png) center -912px;
  }

  #gnavPc ul .gnav4:hover {
    width: 13.9361%;
    background: url(../images/gnav-body.png) center -969px;
  }

  #gnavPc ul .gnav5:hover {
    width: 13.9361%;
    background: url(../images/gnav-body.png) center -1026px;
  }

  #gnavPc ul .gnav6:hover {
    width: 13.9361%;
    background: url(../images/gnav-body.png) center -1083px;
  }

  #gnavPc ul .gnav7:hover {
    width: 17.6595%;
    background: url(../images/gnav-body.png) center -1140px;
  }

  #en #gnavPc ul .gnav1:hover {
    width: 12.4468%;
    background: url(../images/en/gnav-en-body.png) center -798px;
  }

  #en #gnavPc ul .gnav2:hover {
    width: 14.0425%;
    background: url(../images/en/gnav-en-body.png) center -855px;
  }

  #en #gnavPc ul .gnav3:hover {
    width: 14.0425%;
    background: url(../images/en/gnav-en-body.png) center -912px;
  }

  #en #gnavPc ul .gnav4:hover {
    width: 13.9361%;
    background: url(../images/en/gnav-en-body.png) center -969px;
  }

  #en #gnavPc ul .gnav5:hover {
    width: 17.6595%;
    background: url(../images/en/gnav-en-body.png) center -1026px;
  }

  #en #gnavPc ul .gnav6:hover {
    width: 13.9361%;
    background: url(../images/en/gnav-en-body.png) center -1083px;
  }

  #en #gnavPc ul .gnav7:hover {
    width: 13.9361%;
    background: url(../images/en/gnav-en-body.png) center -1140px;
  }

  #home #gnavPc ul .gnav1 {
    background-position: center -57px;
  }

  #about #gnavPc ul .gnav2 {
    background-position: center -171px;
  }

  #symposium #gnavPc ul .gnav3 {
    background-position: center -285px;
  }

  #activity #gnavPc ul .gnav4,
  #topics #gnavPc ul .gnav4 {
    background-position: center -399px;
  }

  #diseaseInformation #gnavPc ul .gnav5 {
    background-position: center -513px;
  }

  #complExamination #gnavPc ul .gnav6 {
    background-position: center -627px;
  }

  #admission #gnavPc ul .gnav7 {
    background-position: center -741px;
  }

  /* pull */
  #gnavPc .gnavPullPc ul {
    overflow: visible;
    position: absolute;
    display: none;
    height: auto;
    background: #275392;
    border: none;
    z-index: 1;
  }

  #gnavPc .gnavPullPc ul li {
    border-bottom: 1px dotted #fff;
  }

  #gnavPc .gnavPullPc ul li a {
    display: block;
    text-indent: 0;
    height: auto;
    width: auto;
    color: #fff;
    line-height: 1.6;
    text-decoration: none;
    padding: 10px 30px 10px 10px;
  }

  #gnavPc .gnavPullPc ul li a:hover {
    font-weight: bold;
  }

  /* Content
  ------------------------------------------------*/
  #content {
    background: url(../images/bg-body-001.jpg) repeat-y center top;
  }

  /* Main Content */
  #mainContent {
    overflow: hidden;
    width: 68.085%;
    float: left;
  }

  /* Side */
  #side {
    overflow: hidden;
    float: right;
    width: 29.787%;
    margin-top: 0;
  }

  #side #banner {
    overflow: hidden;
    padding: 10px;
  }

  #side #banner ul {
    overflow: hidden;
    margin-right: 0;
  }

  #side #banner ul li {
    float: left;
    margin-right: 0;
    margin-bottom: 0;
  }

  #side #banner ul li:first-child {
    margin-top: 0px;
  }

  /* Global Footer
  ------------------------------------------------*/
  #globalFooter .footerColumn {
    width: 14%;
    float: left;
    margin: 0 3.2% 20px 0;
  }

  #globalFooter .footerColumnLast {
    margin-right: 0;
  }

  #globalFooter .footerColumn h3:after,
  #globalFooter .footerColumn h3.minus:after {
    content: "";
  }

  #globalFooter .footerColumn ul {
    display: block;
  }

  #globalFooter .footerColumn ul li a {
    line-height: 1.4;
  }

  /* Page
  ------------------------------------------------*/
}

.at::before {
  content: "@";
}

/* GPI */

.GPI_poster_flex {
  display: flex;
  gap: 40px;
  align-items: center;
}

.GPI_Registration_btn {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.GPI_Registration_btn a {
  color: #333 !important;
  font-size: 1.2rem;
  text-decoration: none;
  text-align: center;
  padding: 15px 30px;
  width: 230px;
}

.GPI_Registration_btn a span {
  line-height: 1.6;
  font-weight: bold;
}

.GPI_Registration_btn a .ft_size {
  font-size: 1rem;
  font-weight: normal;
}

.GPI_Registration_btn .domestic {
  background-color: #b3def0;
  /* border: 2px solid #599bb6; */
}

.GPI_Registration_btn .domestic:hover {
  background-color: #84dcff;
  transition: 0.5s;
}

.GPI_Registration_btn .ocerseas {
  background-color: #ffc7dc;
  /* border: 2px solid #d8789d; */
}

.GPI_Registration_btn .ocerseas:hover {
  background-color: #fc88b6;
  transition: 0.5s;
}

.GPI_poster {
  margin-bottom: 0 !important;
}

.GPI_font {
  font-size: 1.25rem;
}

.GPI_mb40p {
  margin-bottom: 40px !important;
}

.GPI_font_main {
  font-size: 1.08rem !important;
}

.GPI_flex {
  display: flex;
  flex-wrap: wrap;
  gap: 0 50px;
}

.GPI_flex_box {
  width: 40%;
}

.GPI_flex_inner p {
  margin-bottom: 3px !important;
  color: orange;
  font-weight: bold;
}

.GPI_flex_inner dl {
  margin-top: 0 !important;
}

.GPI_flex_inner dt {
  font-weight: bold;
  font-size: 1.16rem;
}

.GPI_soon_main {
  margin-top: 32px;
}

.GPI_soon_main h1 {
  font-size: 2rem;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .GPI_poster_flex {
    flex-flow: column;
    gap: 30px;
    margin-bottom: 40px;
  }
}

.flex_ex {
  display: flex;
  flex-wrap: wrap;
  width: 201px;
  margin: 0 !important;
  gap: 8px;
}

.flex_ex_li {
  background: none !important;
  padding: 0 !important;
  margin-top: 0 !important;
}

.flex_ex_p {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

.flex_ex_pb{
  margin-bottom: 20px !important;
}

.ex_p_mb0{
  margin-bottom: 0 !important;
}