@charset "UTF-8";
@media screen and (min-width: 768px) and (max-width: 1600px) {
/*768px锝�1600px銇枔*/
.pageTop {
	right: 5%;
	bottom: 10%;
}
header {
	width: 100%;
	box-sizing: border-box;
	padding: 0 2%;
	line-height: 150%;
}
.outline {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 20px 1%;
}
}
@media screen and (max-width: 768px) {
.pc {
	display: none;
}
.sp {
	display: block;
}
img {
	width: 100%;
	height: auto;
}
a[href$=".pdf"]::after {
	background-size: 90% auto;
}
/*
=========================================
	Common
=========================================
*/
header {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	/*padding: 5% 3%;*/
	padding: 15px 3%;
}
.header_pc {
	display: none;
}
.header_sp {
	display: inherit;
}
.header__logo {
	display: inherit;
	float: left;
	text-align: left;
}
.header__logo img {
	width: 80%;
	height: auto;
}
.report .header__sns {
	display: inherit;
	float: right;
	text-align: right;
padding-right: 10%;
}
.header__sns {
	display: inherit;
	float: right;
	padding-right: 0;
}
.header__sns li img {
	/*width: 80%;*/
	width: 100%;
	height: auto;
}
.fb {
	padding: 0 20px;
}
.header__title {
	display: inherit;
	clear: both;
	padding: 3% 0 0;
	line-height: 140%;
	font-size: 3.7vw;
	font-weight: normal;
}
.outline {
	width: 100%;
	box-sizing: border-box;
	/*padding: 8% 3% 5%;*/
	padding: 8% 3% 10%;
}
.outline p {
	text-align: left;
	/*font-size: 14px;*/
	font-size: 3.7vw;
	line-height: 150%;
}
.h2area h2 {
	font-size: 4.5vw;
	padding-bottom: 2.5%;
	letter-spacing: 0.08em;
}
.news .h2area h2::before {
	border-bottom: 2px solid #CCC;
	width: 100%;
	width: -webkit-calc(100% - 25px);
	width: calc(100% - 25px);
}
.event .h2area h2::before {
	border-bottom: 2px solid #CCC;
	width: 100%;
	width: -webkit-calc(100% - 25px);
	width: calc(100% - 25px);
}
.access .h2area h2::before {
	border-bottom: 2px solid #CCC;
	width: 100%;
	width: -webkit-calc(100% - 25px);
	width: calc(100% - 25px);
}
.news {
	/*padding: 8% 3% 3%;	*/
	padding: 3%;
}
.news__lineBox {
	width: 100%;
	/*margin: 5% auto 0;*/
	margin: 8% auto 0;
	padding: 5%;
	font-size: 3.7vw;
	text-align: left;
}
.newsList__inner {
	width: 100%;
	/*margin: 5% auto 0;*/
	margin: 8% auto 0;
	padding: 5%;
}
.news__list ul li {
	padding: 10% 0 5%;
}
.news__list ul li:first-child {
	padding: 5% 0 5%;
}
.news__list dl {
	display: inherit;
	width: 100%
}
.news__list dt {
	font-size: 3.5vw;
	display: inherit;
	float: left;
}
.news__list dd {
	display: inherit;
	clear: both;
	width: 100%;
	padding-top: 5%;
	line-height: 150%;
	font-size: 3.7vw;
}
.news锛縨ore {
	/*margin: 10% 0 5%;*/
	margin: 5% 0;
}
.moreButton {
	width: auto;
	font-size: 3.5vw;
	max-width: 55%;
}
.open a {
	background: url(/undergraduate/science/challengelabo/common/images/downArrow.gif) no-repeat 15% 55%;
	padding: 6% 0;
	background-size: 4% auto;
}
.close a {
	background: url(/undergraduate/science/challengelabo/common/images/upArrow.gif) no-repeat 15% 40%;
	padding: 6% 0;
	background-size: 4% auto;
}
.appButton {
	width: auto;
	font-size: 3.5vw;
	max-width: 55%;
}
.appButton_oc {
	width: auto;
	font-size: 3.5vw;
	max-width: 80%;
}
.appButton a {
	background: url(/undergraduate/science/challengelabo/common/images/rightArrow.gif) no-repeat 90% 50%;
	padding: 3% 5% 3% 0;
	background-size: 3% auto;
}
.appButton_oc a {
	background: url(/undergraduate/science/challengelabo/common/images/rightArrow.gif) no-repeat 93% 50%;
	padding: 3% 5% 3% 0;
	background-size: 3% auto;
}
	 .app2 ul{
		 display: inherit;
	 }
	  .app2 li{
		 display: inherit;
	 }
	 .app2 li:first-child{
		 padding-right: 0;
		 padding-bottom: 5%;
	 }
.data {
	width: 40%;
	box-sizing: border-box;
}
.notice {
	width: 60%;
	box-sizing: border-box;
}
.notice span {
	font-weight: bold;
	font-size: 3.5vw;
}
.event {
	width: 100%;
	box-sizing: border-box;
	/*padding: 8% 3% 3%;*/
	padding: 3%;
}
.eventList {
	margin: 8% auto 0;
}
.eventList dd span {
	font-size: 3.5vw;
	line-height: 150%;
}
.eventList dt {
	padding: 3px 10px 0 0;
}
.eventList dt img {
	width: 65px;
	height: auto;
}
.event h4 {
	font-size: 4.5vw;
	line-height: 150%;
}
.ballBlue {
	min-width: 100%;
	padding: 2% 0;
	font-size: 4.8vw;
}
.ballGreen {
	min-width: 100%;
	padding: 2% 0;
	font-size: 4.8vw;
}
.listLeft {
	float: none;
}
.eventList ul {
	margin-top: 3%;
}
.eventList li {
	margin-bottom: 6%;
}
.eventList__inner {
	width: 100%;
}
.eventDetail {
	padding: 5% 3%;
}
.eventDetail section:last-child {
	margin-bottom: 0;
}
.eventDetail__inner {
	width: 100%;
}
.listBox {
	padding: 3%;
}
.imgBox {
	width: 100%;
}
.imgBox img {
	width: 100%;
	height: auto;
}
.imgBox .pd_Brue {
	padding: 1% 5%;
}
.imgBox .pd_Green {
	padding: 1% 5%;
}
.textBox {
	float: none;
	width: 100%;
}
.textBox dt {
	/*font-size: 3.7vw;*/
	/*font-size: 3.3vw;*/
	font-size: 3.1vw;
	line-height: 140%;
	letter-spacing: 0.01em;
}
.textBox dd {
	/*font-size: 14px;*/
	padding-top: 3%;
	font-size: 3.7vw;
	line-height: 150%;
	margin-bottom: 5%;
}
.systemNotice {
	font-size: 3.2vw;
	letter-spacing: 0.01em;
}
.textBox h4 {
	margin: 5% 0 3%;
	font-size: 5.5vw;
}
.access {
	padding: 8% 3% 15%;/*padding: 3% 3% 15%;*/
}
.access__inner {
	width: 100%;
}
.map {
	/*margin-top: 5%;*/
	margin-top: 8%;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.map iframe, .map object, .map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.contact__inner {
	width: 100%;
	margin: 0 auto 20%;
	box-sizing: border-box;
	padding: 0 3%;
}
.contact .h2area h2 {
	font-size: 4.8vw;
	padding-bottom: 5%;
}
.mail {
	font-size: 3.5vw;
}
.mail span {
	font-size: 3.5vw;
}
.pageTop {
	right: 5%;
	bottom: 10%;
}
.pageTop img {
	width: 70%;
	height: auto;
}
footer {
	padding: 10% 3%;
}
footer p {
	font-size: 3.5vw;
}
.flexBox_img_3 {
	width: 100%;
}
.flexBox_img_2 {
	width: 90%;
}
.report .flexBox_img_2 {
	width: 100%;
}
.report .flexBox_img_2 img{
	width: 49%;
}
.flexBox span {
	font-size: 2vw;
}
table {
	width: 100%;
	font-size: 3.2vw;
	margin: 5% auto;
}
table p {
	font-size: 3.2vw;
	margin-bottom: 3%;
}
.flexBox {
	margin: 5% auto;
	align-items: flex-start;
}
.mb50 {
	margin-bottom: 10%!important;
}
.mr20 {
	margin-right: 0;
}
.outlineBox {
	margin: 3% 0 0 0;
	padding: 5%;
	text-align: left;
	font-size: 3.7vw;
	line-height: 150%;
}
.eventReport {
	padding: 0 3%;
}
.eventReport__inner {
	width: 100%;
	padding: 5% 3%;
	margin: 0 auto 10%;
}
.eventReport__inner .col {
	width: 100%;
	padding: 0;
}  
.eventReport .h2area h2::before {
	border-bottom: 2px solid #CCC;
	width: 100%;
	width : -webkit-calc(50% - 40px);
	width : calc(50% - 40px);
}
.eventReport ul {
	margin: 10% auto 0;
	display: inherit;
}
.eventReport li {
	display: inherit;
	width: 100%;
	margin-bottom: 5%;
}
.eventReport li:last-child {
	margin-bottom: 0;
}
.eventReport dt {
	width: 20%;
	padding-right: 3%;
}
.eventReport dd {
	width: 80%;
	font-size: 4vw;
	line-height: 150%;
}
.eventReport dd span {
	font-size: 3vw;
	line-height: 150%;
}
.topicPath {
	width: 100%;
	padding: 3%;
	font-size: 3vw;
}
.report .h1Outside {
	width: 100%;
	height: auto;
	padding: 8% 3%;
    box-sizing: border-box;

}
.report .h1Area h1 {
	font-size: 5vw;
}
.report .Report h2 {
	font-size: 4.5vw;
	padding-bottom: 2.5%;
	letter-spacing: 0.08em;
}
.report .Report .h2area h2::before {
	border-bottom: 2px solid #CCC;
	width: 60%;
	width: -webkit-calc(60% - 25px);
	width: calc(60% - 25px);
}
.report .Report .h2area {
	padding: 5% 0;
}
.report .Report__inner {
	width: 100%;
	padding: 3%;
	margin: 5% auto 0;
	box-sizing: border-box;
}
.report .content__Left{
	width: 100%;
	padding: 0;
	margin-bottom: 0;
}
.report .content__Left h3 {
	font-size: 4.5vw;
	margin-bottom: 3%;
}
.report .content__Left dl {
    width: 100%;
		font-size: 3.5vw;
		margin-bottom: 5%;
}
.report .content__Left dt {
    width: 18%;
}
.report .content__Left dd {
    width: 82%;
}
.report .flexBox{
	margin: 8% auto 10%;
}
.report table{
	width: 100%;
	font-size: 3.5vw;
	margin: 0 auto 5%;
}
.report table th, td{
	padding: 3%;
}
.report table th{
	width: auto;
}
.report .h1Area {

    background: url(/undergraduate/science/challengelabo/report/images/main_sp.jpg) repeat;
background-size: cover;
}
.report .mainVisual{
	border: none;
}
/*
=========================================
	Hamburger menu
=========================================
*/
.hamburgerMenu {
	display: block;
	z-index: 999;
}
.right-menu {
	text-decoration: none;
	position: absolute;
	/*position: fixed;*/
	/*right: 5px;*/
	right: 20px;
	top: 10px;
	/*top: 5px;*/
	/*width: 45px;*/
	width: 24px;
	border-radius: 5px;
	color: #fff;
	display: block;
	z-index: 999;
}
.right-menu-open {
	position: fixed;
	right: 260px;
	

}
.right-menu:hover {
	opacity: 1.0;
}
.humbergerIcon {
	/*position: relative;*/
	height: 24px;
	width: 24px;
	display: inline-block;
	box-sizing: border-box;
}
.humbergerIcon div {
	position: absolute;
	left: 0;
	height: 4px;
	width: 24px;
	background-color: #444;
	/*border-radius: 2px;*/
	display: inline-block;
	box-sizing: border-box;
}
.humbergerIcon div:nth-of-type(1) {
	top: 0;
}
.humbergerIcon div:nth-of-type(2) {
/*	top: 11px;*/
	top: 9px;
}
.humbergerIcon div:nth-of-type(3) {
	/*bottom: 0;*/
	bottom: 4px;
}
.close{
	 cursor: pointer;
	 
	 margin: 20px !important;
   border: #FFF 1px solid !important;
}
.close a {
  background-color: #fff !important;
  color: #333 !important;
 	box-shadow: none !important;
}
.info-btn-sp {
 margin: 20px !important;
 border: #FFF 1px solid !important;
}
.sidr ul li {
    font-size: 13px;
}
.humbergerIcon div{
	right: 0;
}
.right-menu{
	right: 5%;
	top: 15px;
}
/*.report .flexBox {
	align-items: flex-start;
}*/
.report .flexBox img{
	margin-bottom: 5%;
}
.report .content__Right{
	float: none;
	width: 100%;
	overflow: hidden;
}
.localNav{
	width: 100%;
}
.localNav__name{
	font-size: 4.5vw;
	padding: 7%;
	font-weight: bold;
}
.localNav__item{
	font-size: 4.5vw;
	
}
.localNav{
	margin-bottom: 12%;
}
}
@media only screen and (max-width: 480px) {
  .header__logo img {
  width: 80px;
  height: auto;
  }
  .header__sns li img {
  width: 75%;
  height: auto;
  }
  .header__sns {
  padding-right: 0;
  }
  .report .header__sns {
  padding-right: 18%;
  }
	 #reportYear table th, td{
		 padding: 3%;
	 }
}