@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');


* {
  position: relative;
  box-sizing: border-box;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.75em;
  color: #231815;
}
body {
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  image-rendering: -webkit-optimize-contrast;
}
a {
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}

#conteiner {
  width: 100%;
}
.inner,
.inner--padding {
  display: block;
  width: 1300px;
  margin: 0 auto;
  padding: 0 40px;
}
.inner--padding {
  padding: 40px 40px 80px;
}
.inner--narrow {
  width: 970px;
}
.flex {
  display:-webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex_fw {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex_jsb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.arrow--white a {
  display: inline-block;
  padding-left: 1em;
}
.arrow--white a::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0.1em;
  transform: translate(0, -40%);
  width: 0;
  height: 0;
  border: 0.35em solid transparent;
  border-left: 0.5em solid #fff;
  box-sizing: border-box;
}

/* ヘッダー */
header {
  padding: 25px 0 10px;
}
.header__link {
  position: absolute;
  top: 0;
  right: 0;
}
.header__link--top a {
  color: #fff;
}
.header__nav {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-top: 1em;
}
.header__nav a {
  display: inline-block;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1.4em;
  text-align: center;
  text-decoration: none;
}
.header__nav a:hover,
.header__nav a:focus,
.header__nav li.current a {
  color: #7F2422;
}

/* コンテンツ */
/* top */
.top__bg {
  width: 100%;
  min-width: 1300px;
  min-height: 1160px;
  background: transparent url(file:///Macintosh%20HD/Users/oval-hirano/Desktop/%E6%96%B0-%E6%9D%B1%E5%A4%A7%E6%AF%94%E8%BC%83%E6%96%87%E5%AD%A6%E6%9C%83_files/img/top_background.jpg) center top / cover no-repeat;
}
.top__link {
  padding: 1em 0;
}
.top__link li {
  padding: 0.5em 0;
}
.top__link a {
  color: #fff;
  font-size: 1.5em;
}
.top__news-title {
  width: 80%;
  margin: 1em auto 0.5em;
  padding: 0 1em;
  background-color: rgba(61, 61, 61, 0.7);
  color: #fff;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.5em;
}
.top__news-title span {
  position: absolute;
  top: 50%;
  right: 1.5em;
  transform: translate(0, -50%);
  display: inline-block;
  font-size: 0.67em;
  font-weight: normal;
}
.top__news-title span a {
  color: #fff;
}
.top__news-table {
  width: 80%;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.9);
}
.top__news-table td {
  padding: 1.75em;
}
.top__news-table td:first-child {
  width: 10em;
  padding: 1.75em 0 1.75em 4em;
}

/* 下層ページタイトル */
.title {
  width: 100%;
  height: 250px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.title__about {
  background-image: url(../img/header1.jpg);
}
.title__comparative-literature {
  background-image: url(../img/header2.jpg);
}
.title__celebration {
  background-image: url(../img/header3.jpg);
}
.title__activities {
  background-image: url(../img/header4.jpg);
}
.title__achievements {
  background-image: url(../img/header5.jpg);
}
.title__colloquium {
  background-image: url(../img/header6.jpg);
}
.title__catalogue {
  background-image: url(../img/header7.jpg);
}
.title__bibliography {
  background-image: url(../img/header8.jpg);
}
.title__kaken {
  background-image: url(../img/header9.jpg);
}
.title h1 {
  padding-top: 165px;
  font-size: 2.5em;
  font-weight: 500;
  letter-spacing: 0.075em;
}
.title__no-image {
  border-top: 10px solid #231916;
}
.title__no-image h1 {
  padding: 1em 40px;
  font-size: 2.5em;
  font-weight: 500;
  letter-spacing: 0.075em;
}
h1.title__white {
  font-weight: normal;
  color: #fff;
}

/* 下層ページ共通 */
.switch-link {
  margin-bottom: 60px;
}
.switch-link li {
  display: inline-block;
  margin-right: 2em;
  box-shadow: 1px 5px 8px #ccc;
  font-weight: 500;
  font-size: 1.1em;
}
.switch-link li:last-child {
  margin-right: 0;
}
.switch-link li a,
.switch-link li .no-link {
  display: block;
  padding: 0.25em 1.5em;
  background-color: #fff;
  text-decoration: none;
}
.switch-link li.now a,
.switch-link li a:hover,
.switch-link li a:focus {
  background-color: #DCDCCE;
}

.lead1 {
  margin: 60px 0 0.5em;
  padding-bottom: 0.1em;
  border-bottom: 1px solid #7F2422;
  color: #7F2422;
  font-size: 1.75em;
}
.lead1 span {
  display: inline-block;
  padding-top: 0.525em;
  padding-left: 2em;
  font-size: 0.65em;
  font-weight: normal;
  vertical-align: top;
}
.lead2 {
  font-size: 2.1em;
  font-weight: 500;
}
.lead3 {
  font-size: 1.5em;
  font-weight: bold;
}
.lead4 {
  font-size: 1.1em;
  font-weight: 500;
}
.lead5 {
  font-size: 1.2em;
  font-weight: 500;
}
main p {
  text-align: justify;
}
main p,
main ul,
main table,
main dl {
  font-size: 17px;
  padding-bottom: 2em;
}
hr {
  border: none;
  border-top: 1px solid #B5B6B6;
}

dl dt {
  float: left;
}
dl dd {
  margin-left: 3em;
}
.indent-dl dt {
  float: none;
}
.indent-dl dd {
  margin-left: 1em;
}

.no-padding {
  padding-bottom: 0;
}
.double-padding {
  padding-bottom: 4em;
}
.half-padding {
  padding-bottom: 1em;
}
.quarter-padding {
  padding-bottom: 0.5em;
}
.left-padding {
  padding-left: 2em;
}
.left-half-padding {
  padding-left: 1em;
}
.top-padding {
  padding-top: 2em;
}
.top-margin {
  margin-top: 2em;
}

.list-disc li {
  padding-left: 1.25em;
}
.list-disc li::before {
  position: absolute;
  content: "・";
  top: 0;
  left: 0;
}
.list-half-padding {
  padding-bottom: 1em;
}
.list-half-padding > li {
  padding-bottom: 1em;
}
.list-half-padding ul,
.list-half-padding p {
  padding-bottom: 0;
}
.list-terms li {
  margin-left: 2em;
  text-indent: -2em;
}

.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

.link-blue {
  color: #00A0E7;
}
.arrow--blue {
  display: inline-block;
  padding: 0.2em 0 0 0.5em;
  font-size: 1.25em;
  font-weight: 500;
  text-indent: 0.5em;
}
.arrow--blue::before {
  position: absolute;
  content: "";
  top: 0.8em;
  left: 0.1em;
  width: 0;
  height: 0;
  border: 0.35em solid transparent;
  border-left: 0.5em solid #00A0E7;
  box-sizing: border-box;
}

.parent {
  padding-left: 1em;
  padding-bottom: 0.25em;
  font-size: 1.5em;
  font-weight: bold;
  cursor: pointer;
}
.parent::before {
  position: absolute;
  content: "";
  top: 0.6em;
  left: 0.1em;
  width: 0;
  height: 0;
  border: 0.35em solid transparent;
  border-left: 0.5em solid #231815;
  box-sizing: border-box;
}
.parent.open {
  color: #00A0E7;
}
.parent.open::before {
  transform: translate(-4px, 4px) rotate(90deg);
  border-left: 0.5em solid #00A0E7;
}
.child {
  display: none;
  width: 970px;
  padding-bottom: 1em;
}
.child-no-width + .child {
  width: 100%;
}

/* about */
.about__table td:first-child {
  width: 21em;
}
.about__dl dd {
  margin-left: 10em;
}

/* activities */
.activities__link li {
  width: 28%;
}
.activities__link a,
.disable {
  display: block;
  padding: 1em;
  font-size: 1.6em;
  text-align: center;
  text-decoration: none;
  box-shadow: 1px 5px 8px #ccc;
}
.activities__link a:hover,
.activities__link a:focus {
  background-color: #DCDCCE;
}
.disable:hover::before,
.disable:focus::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ccc;
}
.disable:hover::after,
.disable:focus::after {
  position: absolute;
  content: "工事中";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1em 0;
  text-align: center;
}

/* colloquium */
.colloquium__dl dd {
  margin-left: 4em;
}

/* catalogue */
.catalogue__image {
  padding: 1.5em 0 2em;
}

/* kaken */
.kaken__dl dd {
  margin-left: 6em;
}
.kaken__title {
  font-size: 1.4em;
}
.kaken__title span {
  display: block;
  font-size: 0.75em;
  font-weight: normal;
}

/* agreement */
.agreement p,
.agreement ul {
  padding-left: 1em;
}

/*  */
.search-form {
  position: relative;
  width: 50%;
  margin: -2em 0 -1.5em;
  padding: 0.5em 1em;
  background-color: #fff;
  border: 1px solid #B5B6B6;
  border-radius: 3em;
}
.search-form input {
  width: 100%;
  background-color: transparent;
  border: none;
  text-align: center;
  font-size: 20px;
}
.search-form input::placeholder {
  color: #B5B6B6;
}
.search-form .search-form__button {
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translate(0, -50%);
  width: 38px;
}

/* review */
.review__table td {
  padding-bottom: 2em;
}

/* event_10th */
.event-10th__lead,
.event-10th__lead-no-padding {
  padding-bottom: 2em;
  font-size: 17px;
  font-weight: 500;
}
.event-10th__lead-no-padding {
  padding-bottom: 0;
}
.event-10th__sublead {
  margin-left: -0.5em;
  font-weight: normal;
}
.event-10th__content {
  padding-left: 1.1em;
}

/* catalto */
.catalto__image1 {
  padding: 1em 0 3em;
}
.catalto__image2 {
  position: absolute;
  bottom: 130px;
  right: 0;
}
.catalto__dl dt {
  position: relative;
  display: block;
  padding-left: 1em;
  font-weight: bold;
  float: none;
}
.catalto__dl dt::before {
  position: absolute;
  content: "・";
  top: 0;
  left: 0;
}
.catalto__dl dd {
  margin: 0;
  padding-left: 0.5em;
}

/* archive_2_oval */
.archive__table_2 {
  width: 80%;
}
.archive__table_2 tr {
  border-bottom: 2px solid #eee;
}
.archive__table_2 tr:last-child {
  border: none;
}
.archive__table_2 td {
  padding: 0.5em 1em;
  font-size: 14px;
}
.archive__table_2 td:first-child {
  width: 9em;
}




/* フッター */
footer {
  padding: 20px 0;
  background-color: #231916;
}
.footer__inner {
  width: 18%;
}
footer p {
  padding-bottom: 0.5em;
  border-bottom: 2px solid #fff;
}
footer p a {
  display: inline-block;
  padding-left: 1em;
  color: #DFB624;
  font-size: 0.9em;
  font-weight: 500;
}
footer p a::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0.1em;
  transform: translate(0, -40%);
  width: 0;
  height: 0;
  border: 0.35em solid transparent;
  border-left: 0.5em solid #DFB624;
  box-sizing: border-box;
}
footer ul {
  padding: 0.5em 0 2em;
}
footer li {
  padding: 0.4em 0 0.4em 1em;
  color: #fff;
  font-size: 0.9em;
}
footer li::before {
  position: absolute;
  content: "・";
  top: 0.5em;
  left: 0;
  color: #fff;
}
footer li a {
  color: #fff;
}
footer small {
  color: #fff;
  font-size: 0.85em;
}