div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object{margin: 0;padding: 0;vertical-align: baseline;}

html {
  /* font-size: 0.925925925vw; */ /* 1emが10px; */ 
  scroll-behavior: smooth;
  font-size: 12px;
}

body {
	margin: 0;
	padding: 7rem 0 0;
	background-color: #FCF9EF;
	font-size: 1.4rem;
	font-family: 'Kosugi Maru', sans-serif;
	color:#454545;
	width: 100%;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

section {
}

section.topImg {
  position: relative;
}

section.topImg::before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  
}
section.topImg div{
	max-width: 1100px;
	margin: 0 auto;
}

section.topImg img{
  width:100%;
}


section.topImg div.main_title {
	position: absolute;
	bottom: 10%;
	left: 5%;
	color: #fff;
	padding: 2rem;
	background: rgba(0, 0, 0, 0.4);
	text-align: center;
	width: 60rem;
}

section.topImg div.main_title h1{
	font-size: 5.5rem;
	line-height: 6.5rem;
	font-family: 'Fira Sans', sans-serif;
}

section.topImg div.main_title h1 span.titleJa{
	font-family: 'Kosugi Maru', sans-serif;
	font-size: 4.5rem;
	display: block;
}

section.topImg div.main_title h1 span.titleSub{
	display: block;
}

section.topImg div.main_title h2{
	font-size: 2.1rem;
	line-height: 3rem;
	margin-top:3rem;
}

nav.head-main{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	height: 7rem;
}

nav.head-main ul{
}

nav.head-main ul li{
	display: inline-block;
	width:50%;
	vertical-align: middle;
	padding: 0 3rem;
}

nav.head-main ul li img {
	height:5rem;
	margin:1rem;
}

#is-open{
	display: none;
	padding: 3rem 10rem 3rem 7rem;
	position: absolute;
	z-index: 1;
	background: #f2ba12;
	top: 7rem;
	left: 0;
	position: fixed;
	opacity: 0.9;
	/* color: #fff; */
	font-weight: bold;
}

#is-open ul.list-main-wrap{
	list-style: none;
	margin:  0;
	padding: 0;
}

#is-open ul.list-main-wrap .list-item:before {
	content: "";
	width: 0.5rem;
	height: 0.5rem;
	display: inline-block;
	background-color: #d34e8f;
	position: relative;
	top: -0.6rem;
	margin-right: 1rem;
}

#is-open ul.list-main-wrap .list-item {
	font-size:2rem;
	margin-bottom:2rem;
}

div.contents {
	max-width: 1100px;
	margin: 0 auto;
	padding: 5rem 0 15rem;
}

div.contents h1.mainTitle {
	font-size: 3.8rem;
	font-weight: bold;
	margin-bottom: 2.5rem;
}

div.programTxt p{
	font-size:1.8rem;
}

div.programTxt a:hover{
	color:#1D82D2;
}
div.programTxt p.date{
	font-size:2.6rem;
	margin:2rem auto;
	text-shadow: 1px 1px 2px silver;
	background: linear-gradient(transparent 80%, #d34e8f 60%);
	display: inline-block;
}

div.programTxt p.date span{
	display:block;
	font-size:2rem;
}

div.programTxt div.enqLink{
	text-align: right;
	margin-top: 2rem;
}

div.programTxt div.enqLink span{
	border: solid 0.3rem #f2ba12;
	border-radius: 3rem;
	padding: 1rem;
	font-size: 1.6rem;
	width: 11em;
	display: inline-block;
	text-align: center;
}

div.programTxt div.enqLink span:hover{
	background-color: #f2ba12;
	color:#fff;
}

div.programTxt div.utLink{
	text-align: right;
	/* margin-top: 2rem; */
}

div.programTxt div.utLink span{
	border: solid 0.3rem #d34e8f;
	border-radius: 3rem;
	padding: 1rem;
	font-size: 1.6rem;
	width: 11em;
	display: inline-block;
	text-align: center;
}

div.programTxt div.utLink span:hover{
	background-color: #d34e8f;
	color:#fff;
}


div.timeTable {
	padding: 0 2rem;
	width: 100%;
}
div.timeTable ul.timeList li {
	line-height: 1;
	border-bottom: 0.1rem dashed #707070;
	font-size: 1.7rem;
	padding: .5rem 1rem;
}

div.timeTable ul.timeList li.pic {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

div.timeTable ul.timeList li.pic img{
	width: 8rem;
	margin-left: 1rem;
}

div.timeTable ul.timeList li span.title {
	font-size: 1.3rem;
	display: block;
	margin-left: 6rem;
	padding-top: 0.5rem;
	line-height:2rem;
}

div.timeTable ul.timeList li span.arcVideo{
	font-size: 0.8em;
	margin-left: 6rem;
	padding-top: 1em;
	line-height: 2rem;
	color:blue;
}

div.timeTable ul.timeList li span.dept {
	color: #fff;
	padding: 0.2rem;
	font-size: 1.3rem;
	line-height: 1.7rem;
	vertical-align: bottom;
}

div.timeTable ul.timeList li span.dept.stud {
	line-height: 2.7rem;
}

div.timeTable ul.timeList li .ml_6 {
	margin-left:6rem;
}

div.timeTable ul.timeList li span.gakusei {
	line-height: 2.7rem;
	color: #e45e65;
}

div.timeTable ul.timeList li span.gakusei-dept {
	display: block;
	font-size: 0.7em;
	line-height: 1.5;
}

div.timeTable ul.timeList {

}

div.cont-main {
	padding: 4rem 3rem;
	display: flex;
	align-items: flex-start;
}

div.cont-main img{
	width: 30rem;
}

div.cont-main a:hover{
	opacity:0.8;
}

div.cont-main .logoArea{
	text-align: center;
	margin-top: 7rem;
}

div.cont-main .logoArea img{
	width: 30rem;
}

ul.tab-group{
  display: flex;
  justify-content: center;
  margin-top: 8rem;
}
ul.tab-group li.tab{
  flex-grow: 1;
  padding:0.5rem;
  list-style:none;
  border:solid 0.1rem #F1F1F1;
  text-align:center;
  cursor:pointer;
  font-size: 2rem;
  opacity: 0.8;
  background: #999;
}
div.panel-group{
  border:solid 0.1rem #F1F1F1;
  border-top:none;
  background:#F1F1F1;
}
div.panel-group div.panel{
  display:none;
}
ul.tab-group  li.tab.is-active{
  background:#d34e8f;
  color:#FFF;
  transition: all 0.2s ease-out;
  opacity: unset;
}
div.panel-group div.panel.is-show{
  display:block;
}

div.panel-group div.panel p.btn {
	border: 3px solid #d34e8f;
	padding: 1rem 2rem;
	border-radius: 3rem;
	font-size: 1.6rem;
	background: #d34e8f;
	color: #fff;
}

div.panel-group div.panel p.btn:hover {
	background: #fff;
	color: #454545;
}

div.program {
	padding: 3rem 0;
	display: flex;
}

div.program div.programImg img {
	width:100%;
}

div.program div.programTxt {
	padding-left: 5rem;
	/* width: 100%; */
}

div.soudanBox{
	border: 1px solid #999;
	padding: 1.5em;
	margin: 2em 0;
	background-color: antiquewhite;
	border-radius: 1rem;
}

div.soudanBox ol{
	padding-left: 2em;
	margin-top: 1em;
}

ul.soudanList {

}

ul.soudanList p.circle{
  position: relative;
  display: inline-block;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  float:left;
  color:#fff;
}

ul.soudanList p.circle span{
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :8rem;
  text-align:center;
}

ul.soudanList div.schedule{
	display: inline-block;
	padding-left: 1rem;
}

ul.soudanList div.schedule p{
	margin: 0.5rem auto;
}
ul.soudanList div.schedule span{
	background: #999;
	padding: 0.5rem 1rem;
	border-radius: 3rem;
	display: inline-block;
	font-size: 1.2rem;
	margin-left: 2rem;
	color:#fff;
}

ul.soudanList li{
	display: inline-block;
	width: 50%;
	margin-top:5rem;
}

ul.soudanList li:nth-child(2n){
	/* margin-left:2rem; */
}


ul.soudanList li a:hover{
	opacity:0.7;
}

.ms{
	background-color: rgb(27,152,184);
}
.is{
	background-color: rgb(211,78,143);
}
.ugphys{
	background-color: rgb(242,186,18);
}
.ugastron{
	background-color: rgb(171,115,166);
}
.epphys{
	background-color: rgb(0,159,138);
}
.epenv{
	background-color: rgb(236,148,43);
}
.ugchem{
	background-color: rgb(107,177,86);
}
.biochem{
	background-color: rgb(228,94,101);
}
.biol{
	background-color: rgb(104,110,170);
}
.bioinfo{
	background-color: rgb(209,123,75);
}


div.tourArea {
	display: flex;
	padding: 3rem 0;
	justify-content: space-between;
	flex-wrap: wrap;
}

div.tourArea img{
}

div.tourArea div.textArea{
	padding: 2rem;
	border: 0.2rem solid #d34e8f;
	width: 49%;
	margin-bottom: 1em;
	height: 100%;
}

div.tourArea div.textArea h3{
	font-size: 2.5rem;
}

div.tourArea div.textArea span.dept{
	font-size: 0.6em;
	display: block;
	margin-top: 0.3em;
}

div.tourArea div.textArea span.btn{
	display: inline-block;
	font-size: 1.7rem;
	background: #d34e8f;
	padding: 0.5rem 2rem;
	border-radius: 3rem;
	color: #fff;
	margin: 0 auto 3rem;
}

div.tourArea div.textArea p.date{
	font-size: 1.8rem;
	margin: 2rem auto;
}

div.tourArea div.textArea div.detail{
	display: flex;
}

div.tourArea div.textArea div.detail img{
	width: 8rem;
	height: 100%;
	margin-left : 1rem;
}

div.tourArea a:hover{
	opacity:0.8;
}

div.tourArea div.imgArea{
	display: flex;
	margin-top: 1em;
	flex-wrap: wrap;
	justify-content: space-between;
}

div.tourArea div.imgArea img{
	width: 24%;
	margin-bottom: 1rem;
}


div.rigakuruArea{
	margin: 3rem auto 0;
	padding: 5rem;
	border-radius: 3rem;
}

div.rigakuruArea div.main{
	display: flex;
	justify-content-between
}

div.rigakuruArea h2,
h2.soudanGakka {
	font-size: 2.5rem;
	margin-bottom: 3.5rem;
	padding: 0.3rem 0.7rem;
	border-left: solid 0.7rem #d34e8f;
}


div.rigakuruArea h3{
	font-size: 2.2rem;
}

div.rigakuruArea h3 span{
	display: block;
	font-size: 2rem;
}

div.rigakuruArea p{
	margin: 2rem auto;
	font-size: 1.8rem;
}

div.rigakuruArea p.note{
	margin: 2rem auto;
	font-size: 2rem;
	font-weight: bold;
}
div.rigakuruArea p.btn{
	border: 3px solid #d34e8f;
	padding: 1rem 2rem;
	border-radius: 3rem;
}

div.rigakuruArea p.btn:hover{
	background:#d34e8f;
	color:#fff;
}

div.rigakuruArea img{
	margin-left: 3rem;
	/* border-radius: 1rem; */
	width: 400px;
}


ul.archiveList {

}

ul.archiveList li{
	display: inline-block;
	width: 49%;
	margin-top:3rem;
	vertical-align: top;
	background: #fff;
	padding: 1rem;
	border-radius: 1rem;
	border: 1px solid #f2ba12;
}

ul.archiveList li:nth-child(2n){
	margin-left:1rem;
}

ul.archiveList li .speaker{
	margin-bottom:2rem;
	font-size: 1.4rem;
	line-height: 2.3rem;
}

ul.archiveList li .speaker span{
	color: #fff;
	padding: 0.3rem;
	font-size: 1.1rem;
	margin-right: 0.5rem;
}

ul.archiveList li img{
	width: 10rem;
	height: 10rem;
	float:right;
	margin: 0 0 1rem 1rem;
}

ul.archiveList li .text{
	font-size: 1.2rem;
	line-height:
}

a, a:visited, a:focus, a:hover {
    text-decoration: none;
    color: unset;
}

ul.snsArea {
	text-align: center;
	max-width: 1100px;
	margin: 0 auto;
}

ul.snsArea li {
	display:inline-block;
	background: rgba(241,241,241,0.7);
	width:20%
}

ul.snsArea li.twitter:hover {
	background: #1D9BF0;
}
ul.snsArea li.YouTube:hover {
	background: #fff;
}
ul.snsArea li.fb:hover {
	background: #1877F2;

}


ul.snsArea li img {
	height:4rem;
	margin: 2rem auto;
}

div.title{
  position: relative;
}

div.title h2.title_main {
	position: absolute;
	top: -0.5rem;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	  text-align: center;
	  font-size:2.3rem;
	  line-height:1.3;
}

div.title .title_sub {
  font-size: 1.4rem;
  
}

h2.decoTitle {
  position: relative;
  padding: 1rem 3rem calc(1rem + 1rem);
  background: #f2ba12;
}

h2.decoTitle:before {
  position: absolute;
  top: -0.7rem;
  left: -0.7rem;
  width: 100%;
  height: 100%;
  content: '';
  border: 0.2rem solid #d34e8f;
}


.topImg img.oclogo_r {
	width: 30rem;
	position: absolute;
	bottom: 5rem;
	left: 70rem;
}

div.title img.ribLogo_r {
	width: 18rem;
	position: absolute;
	top: -10rem;
	left: 65rem;
	transform: rotate( 10deg );
	z-index: 1;
}

div.title img.ocLogo_r {
	width: 15rem;
	position: absolute;
	top: -15rem;
	left: 70rem;
	transform: rotate( 15deg );
	z-index: 1;
}

div.title img.ocLogo_l {
	width: 20rem;
	position: absolute;
	top: -20rem;
	left: 0rem;
	transform: rotate( -15deg );
	z-index: 1;
}

div.title img.ribLogo_l {
	width: 17rem;
	position: absolute;
	top: -15rem;
	left: 0rem;
	transform: rotate( -15deg );
	z-index: 1;
}

footer {
	height: 5rem;
	display: table;
	width: 100%;
	text-align: center;
}

footer p{
	display: table-cell;
	vertical-align: middle;
	color:#fff;
}

ul {
	list-style: none;
}

div.facultyArea {
	border-radius: 3rem;
	margin-top:5rem;
}


div.facultyArea ul.facultyList {


}

div.facultyArea ul.facultyList li {
	text-align:center;
	background-color: #d34e8f;
	display: inline-block;
	padding: 1rem 2rem;
	margin: 1rem auto;
	border-radius: 3rem;
	color: #fff;
}

div.facultyArea ul.facultyList li:hover {
	background-color: #f2ba12;
}

div.bg_bldg2 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)), url("../images/bg/bldg_2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 5rem 0 10rem 0;
}


div.tagArea {
	border-radius: 3rem;
	padding: 2rem;
	width: 50%;
	margin: 0 auto 5rem;
	max-width: 1100px;
}


div.tagArea ul.tagList {
}

div.tagArea ul.tagList li {
	text-align:center;
	background-color: #d34e8f;
	display: inline-block;
	padding: 1rem 2rem;
	margin: 1rem auto;
	border-radius: 3rem;
	color: #fff;
	font-size: 1.2rem;
}

div.tagArea ul.tagList li:hover {
	background-color: #f2ba12;
}

div.IntroductionVideo {
	text-align: center;
	padding: 3rem;
}
	
div.IntroductionVideo p {
	font-size:1.6rem;
	margin: 3rem auto 2rem;
}

div.IntroductionVideo p span {
	padding: 1rem 2rem;
	border-top: 0.4rem double #d34e8f;
	border-bottom: 0.4rem double #d34e8f;
}
div.IntroductionVideo iframe {
	width:56rem;
	height:31.5rem;
}

div.sci_guidance {
	display: flex;
	justify-content: center;
	margin: 6rem auto 1rem;
	width: 80%;
}

div.sci_guidance .col-L{
	border-radius: 3rem 0 0 3rem;
	font-size: 2rem;
	text-align: center;
	color: white;
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #d34e8f;
}

div.sci_guidance .col-R{
	padding: 2rem 2rem;
	width: 70%;
	border-radius: 0 3rem 3rem 0;
	display: table;
	border: 1px solid #d34e8f;
}

div.sci_guidance .col-R .R-text{
	font-size: 1.6rem;
}

div.sci_guidance .col-R .R-btn{
	text-align: right;
	margin-right: 1rem;
}

div.sci_guidance .col-R a:hover{
	opacity:0.7;
}

ul.miru_sci{
}

ul.miru_sci li{
	display:inline-block;
	vertical-align: top;
	width:33.333%;
	margin-top: 3rem;
}

ul.miru_sci h3{
	padding: 1rem;
	font-size: 1.8rem;
}

ul.miru_sci p{
	padding: 0 1rem;
}

ul.miru_sci li img{
	width:100%;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

ul.miru_sci a:hover,
ul.archiveList a:hover {
	opacity:0.8;
}

ul.facDetail{
}

ul.facDetail li{
	display:inline-block;
	width:19%;
	margin-top: 3rem;
}

ul.facDetail h3{
	text-align: center;
	font-size:1.4rem;
	padding:0.5rem;
	color: #fff;
	background-color: #999;
}

ul.facDetail p{
	font-size:1.3rem;
	padding:0 1rem;
}

ul.facDetail li img{
	width:100%;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

ul.facDetail li img:hover{
	opacity:0.8;
}

div.ribArea{
	display: flex;
	margin-top: 8rem;
	padding: 3rem;
}

div.ribArea img{
	width: 19rem;
	margin-right: 3rem;
}

div.ribArea h3{
	margin-bottom: 1.2rem;
	font-size: 2rem;
}

div.ribArea p{
	margin-bottom: 1rem;
}
div.ribArea p:last-child{
	margin-bottom: 0;
}
div.ribArea a{
	font-weight: bold;
}

div.ribArea a:hover{
	color:#f2ba12;
}

.balloon2-left {
	position: relative;
	display: inline-block;
	color: #555;
	border: solid 0.3rem #999;
	box-sizing: border-box;
	border-radius: 3rem;
	padding: 1.6rem 2.2rem;
	width:60%;
}

.balloon2-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -2.3rem;
  margin-top: -1.2rem;
  border: 1.2rem solid transparent;
  border-right: 1.2rem solid #fff;
  z-index: 2;
}

.balloon2-left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -3rem;
  margin-top: -1.4rem;
  border: 1.4rem solid transparent;
  border-right: 1.4rem solid #999;
  z-index: 1;
}

.balloon2-left p {
  margin: 0;
  padding: 0;
}


.float_r{
	float:right;
}

.float_l{
	float:left;
}

.t_left{
	text-align: left;
}

.t_center{
	text-align: center;
}

.t_right{
	text-align: right;
}

.white {
	color: #fff;
}

.red {
	color: red;
}

.blue {
	color: blue;
}

.green {
	color: #6bb156;
}

.burgundy {
	color: #6c2735;
}

.pale_blue {
	color: #1b98b8;
}

.pink {
	color: #d34e8f /* is */
}

.txt_L {
	font-size: 1.8rem;
}


.bg_pale {
	background-color: #F1F1F1;
}

.bg_burgundy {
	background-color: #6c2735;
}
.bg_sunflower {
	background-color: #f7c65a;
}

.bg_green {
	background-color: #6bb156;
}

.bg_red {
	background-color: #F00;
}


.bg_dot {
	background: url(../images/bg/dot-grid.png) top;
}

.bg_leaf {
	background: url(../images/bg/geometric-leaves.png) top;
}

.bg_light {
	background: url(../images/bg/spiration-light.png) top;
}

a.disabled, p.disabled {
    pointer-events: none;
}

/* load と scroll */
.load-fade {
	opacity : 0;
	transition : all 2s/*処理にかかる時間*/;
	}
	
.load-up{
	opacity: 0;
	transform: translateY(100px)/*スクロールアップする距離*/;
	transition: all 2s/*処理にかかる時間*/;
	}
	
.load-up.done, 
.load-fade.done{
	opacity : 1;
	transform : translate(0, 0);
	}

.scroll-fade{
	opacity: 0;
	transition: all 1s/*処理にかかる時間*/;
	}
	
.scroll-up{
	opacity: 0;
	transform: translateY(10rem)/*スクロールアップする距離*/; 
	transition: all 1s/*処理にかかる時間*/;
	}
	
.scroll-up.done,
.scroll-fade.done{
	opacity : 1; 
	transform : translate(0, 0);
	}


@media (max-width: 767px){

	html{
		font-size: 1.33333333333333vw;
	}
	
	body {
		font-size: 2.5rem;
		padding: 10rem 0 0;
	}

	section {
	padding-bottom:10rem;
	}


	section.topImg div.main_title {
	bottom: 25%;
	left: 10%;
	padding: 1.5rem;
	width: 50rem;
	}

	section.topImg div.main_title h1 {
		font-size: 5rem;
		line-height:6rem;
	}
	section.topImg div.main_title h2 {
		font-size: 2.5rem;
		line-height:3rem;
		margin-top:1.5rem;
	}


	.topImg .balloonArea {
		display:none;
	}
	
	.topImg img.ribLogo_r {
	left: 55rem;
	}

	nav.head-main{
		height: 10rem;
	}
	
	nav.head-main ul li img {
		height:8rem;
		margin:1rem;
	}


	#is-open{
		top: 10rem;
	}
	
	#is-open ul.list-main-wrap .list-item:before {
		width: 1.5rem;
		height: 1.5rem;
		top: -0.6rem;
		margin-right: 2rem;
	}

	#is-open ul.list-main-wrap .list-item {
		font-size:3.3rem;
		margin-bottom:2.5rem;
	}

	div.contents {
	  	width:67.2rem;
	  	padding: 10rem 0;
	}
	
	div.contents h1.mainTitle {
	}
		
	div.cont-main {
		display: block;
	}

	div.cont-main img,
	div.cont-main .logoArea img {
		width: 100%;
	}

	div.program {
		display: block;
	}

	div.program  div.programImg img{
		width: 100%;
	}

	div.program  div.programTxt{
		margin-top: 3rem;
		padding-left:0;
	}

	div.programTxt p{
		font-size:3rem;
	}

	div.programTxt p.date{
		font-size:5rem;
		border: 0.5rem dotted #6bb156;
		padding: 3rem;
		background: none;
	}

	div.programTxt p.date span{
		font-size:2.5rem;
	}

	div.programTxt div.enqLink,
	div.programTxt div.utLink {
		text-align: center;
	}

	div.programTxt div.enqLink span,
	div.programTxt div.utLink span,
	div.panel-group div.panel p.btn,
	div.rigakuruArea p.btn {
		width: 100%;
		display: block;
		font-size: 3rem;
	}

	div.timeTable {
		padding: 2rem;
	}

	div.timeTable ul.timeList li {
		font-size: 3rem;
		padding: 1.6rem 0;
	}

	div.timeTable ul.timeList li.pic {
		display: block;
	}

	div.timeTable ul.timeList li.pic img{
		width: 18rem;
		margin-left: 7rem;
		margin-top: 1rem;
	}

	div.timeTable ul.timeList li span.title {
		font-size: 2.5rem;
		line-height:3.5rem;
		margin-top: 1.5rem;
	}

	div.timeTable ul.timeList li span.gakusei {
		line-height: 5rem;
	}
	
	div.timeTable ul.timeList li span.arcVideo {
		font-size: 2.5rem;
		line-height:3rem;
	}

	div.timeTable ul.timeList li span.dept {
		font-size: 2.5rem;
		line-height: 3rem;
		padding: 0.4rem;
	}

	div.timeTable ul.timeList li span.dept.stud {
		line-height: 5rem;
	}

	div.cont-main img{
		width: 100%;
	}

	div.cont-main .logoArea{
		margin: 3.5rem; auto 4rem;
	}

	ul.tab-group li.tab{
	  	font-size: 3rem;
	}

	div.program div.programImg img {
		width:100%;
	}

	ul.soudanList p.circle{
	  width: 10rem;
	  height: 10rem;
	  font-size: 2rem;
	}

	ul.soudanList p.circle span{
	  width :10rem;
	}

	ul.soudanList div.schedule p{
		font-size: 3rem;
	}

	ul.soudanList div.schedule span{
		font-size: 3rem;
	}

	ul.soudanList li{
		display: block;
		width: 100%
	}

	ul.soudanList li:nth-child(2n){
		margin-left:0;
	}

	div.tourArea {
		display: block;
	}

	div.tourArea img{
		width: 100%;
	}

	div.tourArea div.textArea{
		width: 100%;
		padding: 3rem;
		margin: 1.5rem auto;
	}

	div.tourArea div.textArea h3{
		font-size: 3.2rem;
	}

	div.tourArea div.textArea span.dept{
		font-size: 0.8em;
		margin-top: 0.6em;
	}
	
	div.tourArea div.textArea span.btn{
		font-size: 2.7rem;
		padding: 0.7rem 3rem;
	}
	
	div.tourArea div.textArea p.date{
		font-size: 2.5rem;
	}

	div.tourArea div.textArea div.detail img{
		width: 12rem;
		height: 100%;
		margin-left: 2rem;
	}

	div.tourArea div.imgArea{
		
	}

	div.tourArea div.imgArea img{
		/* width: 48%; */
		/* margin-bottom: 2rem; */
	}
	div.rigakuruArea{
	
	}
	
	div.rigakuruArea div.main{
		display: block;
	}
	
	div.rigakuruArea h2,
	h2.soudanGakka {
		font-size: 3.4rem;
	}

	div.rigakuruArea h3{
		font-size: 3.2rem;
	}

	div.rigakuruArea h3 span{
		font-size: 2.8rem;
	}

	div.rigakuruArea p{
		margin: 2rem auto;
		font-size: 2.5rem;
	}

	div.rigakuruArea p.note{
		font-size: 2.8rem;
	}

	div.rigakuruArea p.btn{
		font-size: 3rem;
		width:100%;
	}

	div.rigakuruArea img{
		/* display: none; */
		margin-left: 0;
		width: 100%
	}

	ul.archiveList li{
		display: block;
		width: 100%;
		margin-top:13rem;
		padding: 3rem;
	}

	ul.archiveList li:nth-child(1){
		margin-top:6rem;;
	}

	ul.archiveList li:nth-child(2n){
		margin-left:0;
	}



	ul.archiveList li .speaker{
		margin-bottom:2rem;
		font-size: 3rem;
		line-height: 4rem;
	}

	ul.archiveList li .speaker span{
		vertical-align: top;
		font-size: 2rem;
		padding: 0.5rem;
		margin-right: 1rem;
	}


	ul.archiveList li img{
		width: 18rem;
		height: 18rem;
	}

	ul.archiveList li .text{
		font-size: 2.5rem;
		line-height:3.5rem;
	}

	div.title img.ribLogo_r {
		width: 19rem;
		top: -14rem;
		left: 50rem;
	}

	div.facultyArea h4,
	h4.facDetailcmt {
		font-size:2.8rem;
	}
	
	.txt_L {
		font-size:3rem;
	}

	div.facultyArea ul.facultyList li {
		font-size:3rem;
	}

	div.tagArea {
		width: 90%;
	}
	
	div.tagArea ul.tagList li {
		width: 48%;
		font-size:2.8rem;
	}

	div.title h2.title_main {
		font-size:3.5rem;
		width:80%;
	}

	.topImg img.oclogo_r {
	width: 23rem;
	bottom: 12rem;
	left: 47rem;
	}


	div.title .title_sub {
		font-size: 2.5rem;
	}

	ul.snsArea  {
		display: block;
	}

	ul.snsArea li {
		width:20%;
	}
	
	ul.snsArea li img {
		height:5rem;
	}

	div.IntroductionVideo {
		padding: 4rem 0;
	}
	
	div.IntroductionVideo p {
		margin: 3rem auto;
		font-size:3rem;
	}

	div.IntroductionVideo p span {
	}

	div.IntroductionVideo iframe {
		width:67.2rem;
		height:37.8rem;
	}

	div.sci_guidance {
		width: 100%;
	}

	div.sci_guidance .col-L{
		font-size: 2.8rem;
	}

	div.sci_guidance .col-R{
	
	}
	
	div.sci_guidance .col-R .R-text{
		font-size: 2.3rem;
	}

	ul.facDetail li{
		width:49%;
	}
	ul.facDetail h3{
		font-size:3rem;
	}
	ul.facDetail p{
		font-size:2.5rem;
	}


	ul.miru_sci li{
		width:50%;
	}
	
	ul.miru_sci h3{
		font-size: 3rem;
	}

	div.title img.ocLogo_l {
		top: -12rem;
		left: 1rem;
	}

	div.title img.ribLogo_l {
		top: -10rem;
		left: 1rem;
		width:19rem;
	}

	div.ribArea{
		display: block;
	}

	div.ribArea img{
		width: 30rem;
		margin-bottom: 3rem;
	}

	div.ribArea h3{
		font-size: 2.8rem;
	}


	.balloon2-left {
		width:100%;
	}

	.balloon2-left:before,
	.balloon2-left:after {
		content: none;
	}

	footer p{
		font-size: 2.5rem;
	}


}