@charset "UTF-8";
/**************************************/
/******** Sp Setting *********/
/**************************************/
/******** All Setting *********/
/**************************************/
@media screen and (max-width: 768px) {
  .container {
    width: 100%;
    max-width: 100%;
  }
  .flex {
    display: flex;
  }
  .brsp {
    display: block;
  }
  .brpc {
    display: none;
  }
  header {}
  header .container {}
  .siteTitle {}
  .siteTitle h1 a {}
  .siteTitle h1 img {}
  .navToggle {
    display: block;
    position: fixed;
    z-index: 3;
    right: 10px;
    top: 7px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    text-align: center;
  }
  .navToggle span {
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    left: 6px;
    background: #BBBBBB;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .navToggle span:nth-child(1) {
    top: 10px;
  }
  .navToggle span:nth-child(2) {
    top: 20px;
  }
  .navToggle span:nth-child(3) {
    top: 30px;
  }
  /* スマホメニューを開いてる時のボタン */
  .navToggle.active span:nth-child(1) {
    top: 16px;
    left: 6px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .navToggle.active span:nth-child(2), .navToggle.active span:nth-child(3) {
    top: 16px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .menuBlock {
    display: none;
  }
  .menuBlocksp {
    flex-basis: 100%;
	  display: block;
    margin-top: auto;
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    color: #fff;
    background: rgba(49, 142, 92, 0.90);
    text-align: center;
    width: 80%;
	  height:100vh;
	  padding-top:50px;
    transform: translateX(100%);
    transition: all 0.6s;
    
  }
  .menuBlocksp.active {
    opacity: 100;
    display: block;
    transform: translateX(0%);
		overflow-y:auto;
		-webkit-overflow-scrolling: touch;
  }
  .exMenusp > div {
	  padding:5px;
  }
  .exMenusp .contact {
  }
	.exMenusp a {
		color:#fff;
	}

  /******** globalMenu Setting *********/
	.globalMenusp ul.acc > li {
		padding:0;
		
	}
	.globalMenusp ul.acc a {
		color:#fff;
		display:block;
		padding:5%;
	}
	.globalMenusp .acc_parent {
		padding:5%;
		border-top:solid 2px #fff;
	}
	.globalMenusp .acc_child {
		background-color:rgba(184,218,199,0.90)
		
	}
	.globalMenusp ul.acc .acc_child a {
		color:#666;
		padding:1em;
	}
	.slider .slider_logo {
		width:70%;
		padding-top:15%
	}
  /**************************************/
  /******** footer Setting *********/
  /**************************************/
 
  footer .cp {
    font-size: 10px;
	  padding:10px;
  }
	.pagetop {
    bottom: 10px;
    right: 10px;
		z-index:2;
}
	.pagetop a {
    width: 40px;
    height: 40px;
    font-size: 14px;
}
	.pagetop a:after {
    width: 20px;
    height: 20px;
    border-top: solid 2px #318e5c;
    border-right: solid 2px #318e5c;
}
  /**************************************/
  /******** TopContents Setting *********/
  /**************************************/
  .topContents {
	  flex-direction: column;
	}
  .topContents .topContens--title {
	  background-position:right center;
	  padding:20px 0;
	}
  .topContents .topContens--title h2 span:nth-child(2) {
	  font-size:24px;
	}
  .tab_label {
	  font-size:14px;
	}

  .tab_content .item {
	  flex-wrap:wrap;
	}
  .tab_content .item .date {
	  padding-bottom:5px;
	  flex-basis:100%
	}
  .tab_content .item .title {
	  padding-left:8px;
	  flex-basis:100%;
	}
	.tab_content .item.pdfarea .title {
		padding-left:8px;
		flex-basis:80%;
	}
  .tab_content .item.pdfarea .item-img {
	  flex-basis:20%;
	}
  /**************************************/
  /******** SubContents Setting *********/
  /**************************************/
  .container.sub {
	  padding:30px 12px 50px
	}
  .page_head .h2_block h2 {
	  font-size:20px;
	  width:100%;
	}
  .h3_block h3 {
	  font-size:20px;
	}
  .h4_block h4 {
	  font-size:18px;
	}
  .h5_block h5 {
	  font-size:18px;
	}
  .h6_block h6 {
	  font-size:18px;
	}
	.breadcrumbs {
		width:100%;
		max-width:768px;
	}
  .outlineBlock {
	  padding:30px 0;
	}
  .outlineBlock > ul li {
	  flex-direction: column;
	}
	.historyBlock {
		padding:30px 0;
	}
  .historyBlock > ul li {
	  flex-wrap:wrap;
	}
  .historyBlock > ul li > p {
	}
  .historyBlock > ul li > p.year{
    border-bottom-color: #DDF0E6;
	  text-align:left;
	  padding:10px;
	  white-space: nowrap;
  }
  .historyBlock > ul li > p.month {
	  flex-grow:1;
	  text-align:left;
	  border-bottom-color: #DDF0E6;
	}
  .historyBlock > ul li > p.content {
	  flex-basis:100%;
	}
  /******** archivePage Setting *********/
  .arch_desc {}
  .arch_desc p {
	  padding:15px;
	  font-size:16px;
	}
  .tag_list {
	  text-align:center;
	}
  .tag_list a {
	  font-size:75%;
	  padding:3px;
	  margin:3px;
	}
  .tag_list a:hover {}
  .achiveBlock {
		max-width:768px;
		padding:0 10px;
	}
  .achiveBlock ul {}
  .achiveBlock > ul > li {
	  flex-basis:100%;
	  
	}
  .achiveBlock .archive-card {
	  display:flex;
	  flex-wrap:wrap;
	  align-items:center; 
	}
  .archive-card .thumbnail {
	  flex-basis:100%;
	}
  .archive-card .thumbnail img {}
  .achiveBlock .archive-card .date {
	  flex-basis:100%
	}
  .achiveBlock .archive-card .title {
	  flex-basis:100%;
	}
  .achiveBlock .archive-card .title.single {}
  .achiveBlock .archive-card .title a {}
  .achiveBlock .archive-card .title a:hover {}
  .achiveBlock .archive-card .content {
	  flex-basis:100%;
	}
  .achiveBlock .archive-card .tag a {}
  .achiveBlock .archive-card .title_en {
	   flex-basis:50%;
	  text-align:right;
	 
	}
  .achiveBlock.reseracher_cont .archive-card .title {
	  flex-basis:50%;
	}
  .achiveBlock.reseracher_cont .archive-card .title_en {
	   padding:0;
	}
  .achiveBlock.reseracher_cont .archive-card .post {}
  /******** SinglePage Setting *********/
  .single main {}
  .single article {}
  .single article .date {}
  .single article .h3_box {}
  .single article .h3_box h3 {}
  .single article .tagconnect .tag span {}
  .single article .tagconnect .tag a {}
  .single article .contents {}
  .single article .contents p {}
  .for_list {}
  .for_list a {}
  .for_list a:before {}
  .for_list a:after {}
  .for_list a:hover {}
  .for_list a:hover:after {}
  /******** achievements Setting *********/
  .contractBlock ul li {}
  .contractBlock ul li.header {}
  .contractBlock ul li p {}
  .contractBlock ul li .issuesname {}
  .contractBlock ul li .consignor {}
  .contractBlock ul li.header .issuesname, .contractBlock ul li.header .consignor {}
  /******** ResearcherPage Setting *********/
  .re_info_box {
	  flex-direction: column;
	}
  .re_info_box .information {
	  padding:0;
	}
  .re_info_box .name {
	  font-size:20px;
	}
  .re_info_box .name span {}
  .re_info_box .name span:nth-child(2) {}
  .re_info_box .post {}
  .re_info_box .image {}
  .re_report_box {}
  .re_report_box .title {}
  .re_report_box ul li {}
  .re_report_box ul li:before {}
  .discloseBlock ul {
	  flex-wrap:wrap;
	}
  .discloseBlock ul li {
	  flex-basis:50%;
	}
  .discloseBlock ul li a {}
  .discloseBlock ul li a:hover {}
  .discloseBlock ul li a:before {}
  .discloseBlock ul li a:after {}
  .discloseBlock ul li a:hover:after {}
  /******** seminarPage Setting *********/
  .page_head.seminar {}
  .page_head.seminar .h2_block {}
  .page_head.seminar .h2_block:after {}
  .page_head.seminar .h2_block h2 {}
  .seminarAchiveBlock {
	  flex-wrap:wrap;
	}
  .seminarAchiveBlock .archive-card {
	  flex-basis:80%;
	}
	.seminarAchiveBlock .archive-card .title {
		flex-basis:100%;
	}
  .arch_desc.seminar {}
  .currentBlock {
	  flex-basis:100%;
	}
  .currentBlock p {}
  .currentBlock p.currentOff {}
  .seminarAchiveBlock .currentBlock {}
  .seminarAchiveBlock .currentBlock p {}
  .achiveBlock.seminar .archive-card .title {}
  .detailLink {
	  flex-basis:20%;
	}
  .detailLink a {}
  .detailLink a:before {}
  .detailLink a:after {}
  .detailLink a:hover {}
  .detailLink a:hover:after {}
	.single article {
		margin-top:0;
	}
  article.management .h3_block {}
  article.management .h4_block {}
  article.management .h5_block {
	  padding:0 0 12px;
	}
  .manageseminarBlock {
	  padding:12px;
	}
  .manageseminarBlock .information {
	  padding:8px;
	}
	.manageseminarBlock .information span {
		display:block;
	}
  .manageseminarBlock .information a {}
  .single article .manageseminarBlock .information p {
	  font-size:14px;
	}
  .manageseminarBlock .inrtroduction {}
  .manageseminarBlock .inrtroduction .post_name {}
  .manageseminarBlock .inrtroduction .post_name > span {}
  .manageseminarBlock .inrtroduction .img_disc {
	  display:block;
	}
  .manageseminarBlock .inrtroduction .img_disc .image {
	  width:60%;
	  margin:0 auto;
	}
  .manageseminarBlock .inrtroduction .img_disc .discription {
	  padding:0;
	  font-size:14px;
	}
  .pastperfoBlock .pastperfoLine {
	  flex-wrap:wrap;
	  border-bottom: solid 1px #318e5c;
	}
  .pastperfoBlock .pastperfoLine > p {}
  .pastperfoBlock .pastperfoLine.head > p {
	  background-color:#318e5c;
	  color:#fff;
	}
	
  .pastperfoBlock .pastperfoLine .date {
	  flex-basis:100%;
	  padding-bottom:0;
	  font-weight:500;
	}
  .pastperfoBlock .pastperfoLine .theme {
	  flex-basis:100%;
	  font-weight:500;
	  border-bottom:dotted 1px #DDF0E6;
	}
  .pastperfoBlock .pastperfoLine .post {
	  flex-basis:60%;
	  font-size:14px;
	}
  .pastperfoBlock .pastperfoLine .name {
	  flex-basis:40%;
	  font-size:14px;
	}
	.pastperfoBlock .pastperfoLine.head > .date {
		display:none;
	}
  .contactBlock {}
  .contactBlock .setumei {}
  .contactBlock .notice {}
  .contactBlock ul {}
  .contactBlock ul li {
	  flex-direction: column;
	}
  .contactBlock ul li p {}
  .contactBlock ul li .title {}
  .contactBlock ul li .title.required label {}
  .contactBlock ul li .title.required label:before {}
  .contactBlock ul li .cont_form {
	  flex-basis:100%;
	}
  .contactBlock ul li .cont_form .notice {}
  .contactBlock ul li .cont_form input[type=text], .contactBlock ul li .cont_form input[type=tel], .contactBlock ul li .cont_form input[type=email], .contactBlock ul li .cont_form textarea {}
  .contactBlock ul li .cont_form textarea {}
  .contactBlock .submit {}
  .contactBlock .submit input[type=submit] {}
  .contactBlock .submit input[type=submit]:hover, .contactBlock .submit input[type=submit]:active {}
  .wpcf7-response-output {}
	.indecBlockCont {
		flex-direction: column;
	}
	.indecBlockCont .leftCont,
	.indecBlockCont .rightCont {
		flex-basis:100%;
	}
}