@charset "utf-8";
.page_control div a.language { width: 65px; height:25px; margin-right: 10px; background: #234A8F; float: left; text-align:center; line-height:25px;color:#fff; text-decoration:none;}
.page_control div a.language:hover { opacity: 08;}

.en .header ul.sub-nav li.access a { width: 94px; background-image: url(../img/en_btn_head_access.png);}
.en .header .title.site-center a {background-image: url(../img/en_img_head_title.png);}
.en .page_control dl.textsize_change dt{ width:96px; background-image: url(../img/en_img_head_textsize_title.png);}
.en .page_control dl.textsize_change dd.smaller a{font-size:0.8em;}
.en .page_control dl.textsize_change dd.default a{font-size:1em;}
.en .page_control dl.textsize_change dd.larger a{font-size:1.3em;}

.header .nav > ul { width: 100%; max-width: 1024px; height: 100%; margin: 0 auto; padding: 0; list-style: none; position: relative; overflow: visible;}
.header .nav > ul:before , .header .nav > ul:after { position: absolute; content: ""; display: block; width: 1px; background: url(../img/tex_dot01.png) center; top: 15%; bottom: 15%;}
.header .nav > ul:before { left: -1px;}
.header .nav > ul:after { right: -1px;}
.header .nav > ul > li { height: 100%; width: 20%; float: left;}
.header .nav > ul > li:before {}
.header .nav > ul > li a { display: block; width: 100%; height: 100%; background: center no-repeat; text-indent: -1000em; position: relative; overflow: hidden; color: #ffffff;}
.header .nav > ul > li a:before { position: absolute; content: ""; display: block; width: 1px; background: url(../img/tex_dot01.png) center; top: 15%; bottom: 15%; left: 0px;}
.header .nav > ul > li:first-child a:before { display: none;}
.header .nav > ul > li a:hover { background-color: rgba(10,10,50,0.5);}
.header .nav > ul > li.menu01 a{ background-image: url(../img/en_btn_gnav_01.png);}
.header .nav > ul > li.menu02 a{ background-image: url(../img/en_btn_gnav_02.png);}
.header .nav > ul > li.menu03 a{ background-image: url(../img/en_btn_gnav_03.png);}
.header .nav > ul > li.menu04 a{ background-image: url(../img/en_btn_gnav_04.png);}
.header .nav > ul > li.menu06 a{ background-image: url(../img/en_btn_gnav_06.png);}

@media screen and (max-width: 1044px) {
  .header .nav > ul { max-width: 768px;}
  .header .nav > ul > li a { background-size: contain;}
}

@media screen and (max-width: 787px) {
  .header .nav { height: 112px;}
  .header .nav > ul { max-width: 468px;}
  .header .nav > ul:before, .header .nav > ul:after { display: none;}
  .header .nav > ul > li {width:33.333333%!important;height:50%;}
  .header .nav > ul > li:nth-child(3n+1) a:before{display:none;}
  .header ul.sub-nav { margin-bottom: 1.5em; padding-top: 64px;}
  .header ul.sub-nav li.tel { margin-right: 24px !important;}
  .header ul.sub-nav li a { margin: 0 4px; padding: 1px; border-color: #234A8F;}
  .header ul.sub-nav li.access a { width: 30px; background-position: 2px 3px;}
  .header ul.sub-nav li.home a { width: 30px; background-position: 8px 5px;}
}

@media screen and (max-width: 484px) {
  .header .nav { height: auto;}
  .header .nav .menu_button { display: block; box-shadow: 0px 0px 0px 2px #ffffff inset;}
  .header .nav > ul{ max-width: none;width: 95%; height: 100%; padding-top: 4.1em; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.5);position: fixed; top: 0px; right: 0px; background-color: #234A8F; background-color: rgba(35,74,143,0.9); display: none; z-index: 999;	}
  .header .nav > ul > li { width: auto !important; height: auto !important; float: none; background-color: #234A8F;}
  .header .nav > ul > li a { background-size: auto; width: auto; padding: 1.2em 0; overflow: visible;}
  .header .nav > ul > li a:after { display: none !important;}
  .header .nav > ul > li a:before { height: 1px; width: auto; left: 5%; right: 5%; top: auto; bottom: 0px;}
  .header .nav > ul > li a:before{display:block !important;}
  .header ul.sub-nav { width: 280px; margin-left: auto; margin-right: auto; padding-top: 58px;}
  .header ul.sub-nav li.contact, .header ul.sub-nav li.tel, .header ul.sub-nav li.access, .header ul.sub-nav li.home,
  .header ul.sub-nav li { display: block !important; float: left; }
  .header ul.sub-nav li.tel { margin-right: 4px !important;}
  .header ul.sub-nav li.access { clear: both;}
  .header ul.sub-nav li.access , .header ul.sub-nav li.home { margin-top: 12px !important;}
}

@media screen and (min-width:485px) {html body .nav>ul{display:block !important;}}


/*----------------
  論文1
----------------*/
.article .txtbox .column {
  display: flex;
  flex-direction: column;
}
.article .txtbox .accordion-box {
  justify-content: center;
  align-items: center;
  padding: 0 5%;
  overflow:hidden;
}
.article .txtbox .accordion-box + .accordion-box {
  margin-top: 0px;
}
.article .txtbox .accordion {
	width: 100%;
	text-align: left;
	position: relative;
	cursor: pointer;
	background-color: #eeeeee;
	font-weight: bold;
	padding: 0.625em 0.625em 0.625em 2em;
}
.article .txtbox .accordion:before {
	background-color: transparent;
}
.article .txtbox .accordion:hover{
	background-color: #99cccc;
}
.article .txtbox .accordion::after{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 1px black;
	border-right: solid 1px black;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	margin-left: -6px;
	transform: rotate(135deg);
	position: absolute;
	top: 50%;
	right: 4%;
	margin-top: -5px; 
}
.article .txtbox .accordion.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 60%;
}
.article .txtbox .accordion-inner {
  padding: 0px 0 30px 0;
}
.article .txtbox .accordion-content {
  display: none;
  padding: 3px 0 0px 3%;
  width: 100%;
  text-align: left;
}
.heading{
  padding: 0 5%;
  margin-bottom: 10px;
}
.article .txtbox .open{
    display: block;
}