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

* {
	margin: 0;
	padding: 0;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body , html {
  padding:0;
  margin:0;
}
html {
  min-height: 100%; }
body {
  min-width: 320px;
  color: #333;
  overflow-wrap: break-word;
	font-family: 'Noto Sans JP', sans-serif;
  background: rgb(220, 221, 221, 1);
}
.wrap {
  padding: 0;
  margin: 0 auto;
}
br{
	letter-spacing:0;
}
h1,h2,h3,h4,h5,h6,th {
	font-weight:normal;
	font-style:normal;
}
img {
  margin: 0;
  padding: 0;
  max-width: 100%;
}
p {
  margin-bottom: 0;
}
dl {
  margin-bottom: 0;
}
dt {
  font-weight: normal;
}
dd {
  margin-bottom: 0;
}
.txt_en {
  font-family: "Times New Roman", Times, "serif";
}
.container {
	max-width: 991px;
	padding: 0;
	margin: 0 auto;
}
.header_title {
	background: #007F2D;
	color: #fff;
	margin: 0 auto;
	padding: 0;
}
.lang_nav {
	border: 2px solid #fff;
}
.lang_nav li.nav-item a {
	color: #fff;
	font-size: .8rem;
	width: 80px;
	text-align: center;
	padding:1px 0;
	font-weight: bold;
}
.lang_nav li.nav-item a.active {
	color: #007F2D;
	background: #fff;
}
.lang_nav li.nav-item a:hover {
    opacity: .75; 
}
.lang_nav li.nav-item a.active:hover {
    opacity: 1; 
}
.top_main {
	background: url("../img/main_bg.png") no-repeat;
  max-width: 991px;
	max-height: 680px;
}
.top_main_bg {
	background: url("../img/bg.png") repeat;
}
.top_main p {
	color: #007F2D;
	padding: 1rem .5rem;
	font-weight: bold;
}
.main_theme {
	margin-top: 15px;
	text-align: right;
}
.main_theme img {
	padding:0 .5rem;
}
.main_info img {
	padding:200px .5rem 1rem .5rem;
}
.sub_main {
	background: url("../img/main_bg.png") no-repeat;
	background-size: contain;
  max-width: 991px;
	max-height: 680px;
}
.sub_main_bg {
	background: url("../img/bg.png") repeat;
	padding: 50px 0.5rem;
}
.sub_title {
	padding: .5rem 1rem;
	background: url("../img/bg.png") repeat;
}
.sub_title p {
  font-family: 'Noto Serif JP', serif;
	font-size: 2rem;
	text-align: right;
	padding: .5rem 1rem;
}
.offcanvas-title {
  font-family: 'Noto Serif JP', serif;
}
.index_nav .navbar-nav {
  font-family: 'Noto Serif JP', "Times New Roman", Times, "serif";
}
.index_nav .navbar-nav li.nav-item {
	color: #fff;
	background: rgb(0, 127, 45, 1);
	text-align: center;
	margin-bottom: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 247px;
	align-items: center;
	height: 60px;
}
.index_nav .navbar-nav li.nav-item02 {
	width: 247px;
}
.index_nav .navbar-nav li.nav-item a {
	color: #fff;
  font-size:15px;
	text-decoration: none;
	display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}
.index_nav .navbar-nav li.nav-item a.nav_en {
	font-size: 0.85em;
}
.index_nav .navbar-nav li.nav-item a.nav_en02 {
	font-size: 0.8em;
	letter-spacing: -0.5px;
  word-break:break-all;
}
.index_nav .navbar-nav li.nav-item a.nav_en03 {
	font-size: 0.75em;
	letter-spacing: -0.8px;
  word-break:break-all;
}
.index_nav .navbar-nav li.nav-item a.nav-link:hover,
.index_nav .navbar-nav li.active {
  background:#fff;
  color: #007F2D;
}
.index_nav .navbar-nav li.nav-item a.disabled {
  color: #AFAFAF;
}
.index_nav .navbar-nav li.active a {
  color: #007F2D;	
}
.index_nav .navbar-nav .dropdown-menu,
.index_nav .navbar-nav .active .dropdown-menu{
	background:#c7eccc;
	border-radius: 0;
	padding: 0;
	border: 1px solid #fff;
	color: #007F2D;
}
.index_nav .navbar-nav .dropdown-menu a.dropdown-item,
.index_nav .navbar-nav .active .dropdown-menu a.dropdown-item {
	color: #007F2D;
	padding: .5rem;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.index_nav .navbar-nav .dropdown-menu a.dropdown-item:hove,
.index_nav .navbar-nav .active .dropdown-menu a.dropdown-item:hove {
	color: #007F2D;
}
.index_nav .navbar-nav .active .dropdown-menu a.disabled,
.index_nav .navbar-nav .dropdown-menu li a.disabled {
  color: #666;
}
.index_nav_link {
	padding: 60px auto;
	background: url("../img/bg.png") repeat;
}

.index_nav .navbar-nav li.nav-item ul.dropdown-menu li ul.dropdownul {
	list-style: none;
	margin:0;
	padding-left:0;
	text-align: left;
}
.index_nav .navbar-nav li.nav-item ul.dropdown-menu li ul.dropdownul li a.dropdown_list {
  font-size:.8rem;
	text-decoration: none;
	display: flex;
  align-items: center;
  justify-content:flex-start;
  text-align: left;
	padding: .5rem;
	border-bottom: 1px solid #fff;
  color: #007F2D;
}
.index_nav .navbar-nav li.nav-item ul.dropdown-menu li ul.dropdownul li a.dropdown_list:hover {
  background:#fff;
  color: #007F2D;
}
.index_nav .navbar-nav li.nav-item ul.dropdown-menu li ul.dropdownul li a.dropdown_list::before {
	content: ">";
	display:  inline-block;
	position:  relative;
	margin-right: 10px; 
}
.link-btn {
  padding: 1.5rem 2rem;
  border-radius: 10px;
  width: 23rem;
  text-align: center;
  text-decoration: none;
  font-size: 1.5rem;
  display: block;
  margin: .25rem auto;
  background-color: #fff;
	border: double 5px #efefef;
	color: #007f2d;
  font-family: 'Noto Serif JP', serif;
}
.link-btn_en {
  font-size: 1.2rem;
}
.link-btn:hover,
.link-btn .hover {
  color: #000;
  opacity: .75; 
}
.btn-group .dropdown-item {
  font-family: 'Noto Serif JP', serif;
	font-size: .9rem;
	padding: .5rem 1rem;
}
.index_news {
	background: url("../img/bg.png") repeat;
}
.index_news h3 {
	color: #007f2d;
	font-weight: bold;
	font-size: 1.2rem;
	letter-spacing: 1rem;
	padding-bottom: 5px;
	border-bottom: 1px solid #898989;
}
.index_news dl {
	border-bottom: 1px solid #898989;
}

.index_news .news {
  overflow-y:scroll;
  height: 300px;
  margin: 0;
	padding: 0;
  font-size: .9rem;
}
.index_news .news dl {
  display: block;
	padding-bottom: .5rem;
}
.index_news .news dl dt {
  width: 120px;
  float: left;
  clear: left;
	padding: .5rem 0 0 0;
}
.index_news .news dl dd {
  margin-left: 120px; 
	padding: .5rem 0 0 0;
}

.top_info p {
  font-size: .8rem;
  color: #007F2D;
}
.top_info p a {
  color: #333;
}
.top_info p a:hover {
  color: #007F2D;
}

footer {
	background: url("../img/bg.png") repeat;
	font-size: .8rem;
}

footer a {
  color: #333;
}

main {
	background: #fff;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
main section {
	margin-bottom: 100px;
	border-top: 1px dotted #ddd;
}
.h2 {
	background: url("../img/h2.png") no-repeat;
	width: 220px;
	min-height: 220px;
	padding: 0;
}
.h2 h2 {
	color: #fff;
	text-align: center;
	-webkit-text-stroke: 1px #F8F8F8;
	text-shadow: 0px 1px 4px #000;
	text-indent: 1px;
	font-size: 1.8rem;
}
.h2 h2.h2_02 {
	color: #fff;
	text-align: center;
	-webkit-text-stroke: 1px #F8F8F8;
	text-shadow: 0px 1px 4px #000;
	font-size: 1.2rem;
}
h3 {
	background: #007F2D;
	color: #fff;
	padding: .5rem;
	margin-bottom: 1rem;
}
.h3_en {
	font-size: 1.5rem;
}
h4 {
	border-bottom: double 3px #007F2D;
	margin-bottom: .5rem;
}
h4.h4_en {
	font-size: 1.3rem;
	padding-bottom: .2rem;
}

 .delred {
   color: #f00;
   text-decoration : line-through ;
 }
 .delred span {
   color: #333;
 }

@media screen and (max-width: 991px) {
	body {
		padding-top: 55px;
	}
	.container {
	max-width: 100%;
	}
	.header_title {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}
	.header_title h1 img {
		text-align: center;
		margin: 0 auto;
	}
	.lang_nav {
		border: 2px solid #007F2D;
	}
	.lang_nav li.nav-item a {
		color: #007F2D;
		font-size: .8rem;
		width: 80px;
		text-align: center;
		padding:1px 0;
		font-weight: bold;
	}
	.lang_nav li.nav-item a.active {
		color: #fff;
		background: #007F2D;
}
  .top_main {
    background-size: contain;
  }
	.navbar-nav {
  	width: 100%;
		border: 1px solid #007F2D;
	}
 .navbar-fixed-top {
    position: fixed;
    top: 0;
		left: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 9999;
		background: rgb(0, 127, 45, 0);
		padding: 0;
		margin-bottom: 0;
		height: 55px;
  }
  .index_nav .navbar-nav li.nav-item {
    letter-spacing:normal;
		width: 100%;
		height: auto;
  }
	.index_nav .navbar-nav li.nav-item a.nav_en03 {
		font-size: 0.8em;
		letter-spacing: -0.5px;
		word-break:break-all;
	}
	.offcanvas-body {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.index_nav_link {
		padding: 0 auto;
		margin: 0 auto 2rem auto;
		background-image: none;
	}
	.link-btn {
		padding: 1rem;
		font-size: 1.1rem;
		margin: .5rem auto;
  	width: 15rem;
	}
	.link-btn_en {
		padding: 1rem;
		font-size: 1rem;
		margin: .5rem auto;
  	width: 17rem;
	}
.h2 h2 {
	font-size: 1.3rem;
}
}
@media screen and (max-width: 924px) {
	.main_theme img {
		width: 68%;
		height: 68%;
	}
	.main_info img {
		padding-top: 160px;
	}
}
@media screen and (max-width: 768px) {
	.top_main p {
		padding: .5rem;
		font-size: .8rem;
	}
	.main_info img {
		padding-top: 150px;
	}
.h2 {
	background-size: contain;
	width: 100%;
	min-height: 123px;
	padding: 0;
}
.h2 h2 {
	margin:auto;
	background:rgb(0, 127, 45, 0.8);
	padding: 1rem;
	text-align: center;
	width: 90%;
	-webkit-text-stroke: none;
	text-shadow: none;
}
}
@media screen and (max-width: 576px) {
	.top_main p {
		padding: .5rem;
		font-size: .8rem;
	}
	.main_info img {
		padding-top: 80px;
		width: 80%;
		height: 80%;
	}
	.header_title h1 img {
		width: 70%;
		height: 70%;
		margin-left: 70px;
	}
}
  /* about.html
===============================================================*/
.greeting p {
	text-indent: 1rem;
	margin-bottom: 1rem;
	text-align: justify;
}
.greeting p span {
	font-size: 1.3rem;
}

.about dl {
  margin: 0 auto;
  width: auto;
}
.about dl dt {
  padding-left: 1em;
  clear: left;
  float: left;
  text-align: left;
  font-weight: bold;
}
.about dl dd {
  padding-left: 12em;
  padding-bottom:30px;
  margin-bottom:30px;
  border-bottom:1px solid #CCC;
}
.en {
	font-family:Arial, Helvetica, "sans-serif";
	font-size: 0.9em;
}
.organization {
	font-size: .95rem;
}
 .organization thead tr th {
	 text-align: center;
}
 .organization tbody tr th {
	 width: 6rem;
	 text-align: justify;
	 text-align-last:justify;
}
 .organization tbody tr td:nth-last-child(2) {
	 width: 9rem;
	 padding: auto .5rem;
	 text-align: justify;
	 text-align-last:justify;
}
 .organization tbody tr td:nth-last-child(2) span {
	 width: 5rem;
	 display: block;
	 margin: auto;
	 text-align: center;
}
 .organization tbody tr td:nth-last-child(2) span.nameen {
	 width: 7rem;
	 display: block;
	 margin: auto;
	 text-align: center;
}
 .organization tbody tr td:nth-last-child(2) span.nameen02 {
	 width: 8rem;
	 display: block;
	 margin: auto;
	 text-align: center;
}
 .organization tbody tr td:nth-last-child(2) span.name03 {
	 width: 3rem;
	 display: block;
	 margin: auto;
	 text-align: center;
}
 .organization tbody tr td:nth-last-child(2) span.name04 {
	 width: 6rem;
	 display: block;
	 margin: auto;
	 text-align: center;
}
@media screen and (max-width: 576px) {
	.organization {
		font-size: .85rem;
	}
	 .organization tbody tr td:nth-last-child(2) {
		 width: 8rem;
	}
	 .organization tbody tr td:nth-last-child(2) span {
		 width: 4.5rem;
	}
	 .organization tbody tr td:nth-last-child(2) span.nameen {
		 width: 6.5rem;
	}
	 .organization tbody tr td:nth-last-child(2) span.nameen02 {
		 width: 7rem;
	}
}

  /* ダウンロードボタン
===============================================================*/
.download_btn li {
	margin-bottom: 1.5rem;
}
.download_btn a {
	width: 80%;
	font-size: 1rem;
	padding: .5rem 0;
}
.download_btn02 a {
	width: 100%;
}
@media screen and (max-width: 991px) {
	.download_btn a {
		width: 60%;
	}
	.download_btn02 a {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.download_btn a {
		width: 80%;
	}
		.download_btn02 a {
		width: 100%;
	}
}
@media screen and (max-width: 576px) {
	.main_header {
		height: 150px;
	}
	.download_btn a {
		width: 100%;
	}
}

  /* payment.html
===============================================================*/
.payment_table {
	font-size: 0.85rem;
}
.payment_table th {
	background: #EFEFEF;
}

  /***  Aside ***/
.backtotop {
  position: fixed;
  bottom: 50px;
  right: 20px;
  z-index: 100;
  opacity: 0;
  transition: 0.3s;
  visibility: hidden; }
  .backtotop.fixed {
    opacity: 1;
    visibility: visible; }
  .backtotop a {
    text-align: center;
    display: inline-block;
    padding: .25rem .45rem;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 2rem;
    background-color: rgba(0, 127, 45, 0.8);
    color: #fff; }
    .backtotop a:hover,
    .backtotop a .hover {
      background-color: rgba(0, 127, 45, 0.7); }
    .backtotop a .material-icons {
      font-size: 1.5rem; }
    .backtotop a .text {
      display: block;
      font-size: .5rem;
}

  /* symposium.html
===============================================================*/
.symposium article {
	margin-bottom: 2rem;
}
p.p01 {
	margin-left: 1rem;
	text-indent: -1rem;
}
ul.ul01 {
	list-style: none;
	padding-left: 1rem;
}
ul.ul01 li {
	text-indent: -1rem;
}
.symposium table {
	margin-bottom: 2rem;
}
.symposium tbody th {
	text-align: center;
	width: 18%;
}
.symposium_en table {
	font-size: .9rem;
}
@media screen and (max-width: 991px) {
	.symposium tbody th {
		width: 22%;
	}
	.credit table,
	.symposium table,
	.abstract table {
		font-size: .9rem;
	}
	.symposium_en table {
		font-size: .8rem;
	}
}

.abstract table thead th {
	vertical-align: middle;
}
.abstract ul li,
.abstract ol li {
	margin-bottom: 5px;
}
.abstract ol {
  list-style: none;
  counter-reset: number;
	margin-left: .5rem;
}
.abstract ol li {
	position: relative;
  padding-left: 1.5rem;
}
.abstract ol li::before {
  counter-increment: number;
  content: counter(number) '）';
  position: absolute;
  left: 0;
}
.abstract .ul01 li {
	text-indent: -1rem;
	margin-left: 1rem;
}
.abstract .ul01_en li {
	text-indent: -.7rem;
	margin-left: .7rem;
}
.coi ol li {
	list-style-type:decimal;
	margin-bottom: 5px;
}
.coi ol li {
	list-style-type:decimal;
}
.coi ol li ul li {
	list-style-type:disc;
}
.btn-w300 {
	width: 300px;
}
.btn-w400 {
	width: 400px;
}
.btn_g {
	background: #ECFFD7;
	color: #333;
}
.btn_g:hover {
  background-color: rgba(0, 127, 45, 1);
	color: #fff;
}
.btn00 a:hover{ 
	opacity:0.5;
	transition:0.3s;
}
	.sp_block {
		display: none;
	}
@media screen and (max-width: 576px) {
	.sm-fs8 th,
	.sm-fs8 td {
		font-size: .8rem;
	}
	.sp_block {
		display: block;
	}
}
@media screen and (max-width: 400px) {
	.btn-w400 {
		width: 90%;
	}
}
@media screen and (max-width: 300px) {
	.btn-w300 {
		width: 90%;
	}
}

.student dl {
  margin: 0 auto;
  width: auto;
}
.student dl dt {
  clear: left;
  float: left;
}
.student dl dd {
  padding-left: 6em;
	text-indent: -1rem;
}

.howto i {
  margin-bottom: 0.2rem;
  font-weight: normal;
	font-style: normal;
}
.howto i span {
  background: linear-gradient(transparent 0%, #FFFE03 0%);
}

.program_dl {
	font-size: .95rem;
}
.program_dl dl.dl_p01,
.program_dl dl.dl_p02{
  margin: 0 0 5px 0;
}
.program_dl .dl_p01 dt,
.program_dl .dl_p03 dt{
  float: left;
  clear: left;
}
.program_dl .dl_p01 dd {
  margin-left: 3rem;
	margin-bottom: 0;
}
.program_dl .dl_p03 dd {
  margin-left: 4rem;
	margin-bottom: 0;
}
.program_dl dl.dl_p02 dd {
  margin-left: 3rem;
}
.program_dl .dl_p01 dd small,
.program_dl dl.dl_p02 dd small {
	margin-top: 2px;
	margin-left: 5px;
}
.p_h5 {
	text-indent: -1rem;
	padding-left: 1rem;
}
.p_h5_en {
	text-indent: -.5rem;
	padding-left: .5rem;
}
ul.faq_list {
	margin-left: 0;
	padding-left: 1rem;
}
ul.faq_list li:first-child {
	list-style-type: none;
  list-style-type: "Q：";
  color: rgba(0, 127, 45, 1);
	margin-bottom: .5rem;
}
ul.faq_list li:last-child {
	list-style-type: none;
  list-style-type: "A：";
}
ul.faq_list li:last-child::marker {
	color: #f00;
}
.l-1px {
	letter-spacing: -1px;
}
/* 二重線 */
.underline2 {
  text-decoration:underline double;
}
.anchor {
  padding-top: 120px;
  margin-top: 120px;
}
.btn-group-vertical {
	z-index: 0;
	position: relative;
}
@media screen and (max-width: 576px) {
	.anchor {
		padding-top: 200px;
		margin-top: 200px;
	}
}
.bi_h5 {
	text-indent: -1rem;
	padding-left: 2rem;
}
.bi::before {
  color: cornflowerblue;
}
.bi::before {
	padding-right: .5rem;
}

.btn_download {
  border: double 5px #fff;
  background:#c7eccc;
  color:#007F2D;
  font-family: 'Noto Serif JP', "Times New Roman", Times, "serif";
}
.btn_download:hover {
  border: double 5px #fff;
  color:#007F2D;
  background:#EFEFEF;
}
.movie-area {
  z-index: 1;
}
.ondemand ul.session_list {
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
	font-size: .85rem;
}
.ondemand ul.session_list li {
	margin-bottom: 5px;
}
.ondemand ul.session_list li:before {
  content:"▸ ";
	width:  10px;
	height:  10px;
	display:  inline-block;
	position:  relative;
	top: -1px;
	margin-right: 5px;
	margin-left: -15px;
}
@media screen and (max-width: 576px) {
	.ondemand ul.session_list {
		font-size: .75rem;
	}
}

.btn_ondemand {
  border: double 5px #fff;
  background:#F5EE89;
  color:#332B02;
  font-family: 'Noto Serif JP', "Times New Roman", Times, "serif";
}
.btn_ondemand:hover {
  border: double 5px #fff;
  color:#332B02;
  background:#EFEFEF;
}