@charset "utf-8";

/* ---------------------------------------- 
 - body 
---------------------------------------- */
body::after { /* fadeIn */
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#fff;
  pointer-events: none;
  z-index: 9999;
  opacity: 1;
  -webkit-transition: opacity .8s ease;
  transition: opacity .8s ease;
}
body.fadeIn::after {
  opacity: 0;
}

/* ---------------------------------------- 
 - #container 
---------------------------------------- */
#container {
	min-width:1130px;
}
@media screen and (max-width: 768px) {
	#container {
		min-width:100%;
	}
}
@media screen and (max-width: 480px) {
}

/* ---------------------------------------- 
 - header 
---------------------------------------- */
header {
    padding: 0;
}
header #head_wrap {
    top: 0;
    position: fixed;
    width: 100%;
    background: none;
	padding-top: 25px;
}
header #head_wrap.fixed{
	/*background: #fff;*/
	padding-top: 0;
}
header #head_inner .head_logo {
    display: none;
}
header #head_wrap.fixed .head_logo {
    display: block;
}
@media screen and (max-width: 768px){
	header {
		height: 30px;
	}
	header #head_wrap {
		padding-top: 0;
	}
	#head_menu {
		top: 15px;
	}
}
@media screen and (max-width: 480px) {
}

/* ---------------------------------------- 
 - mainVisual 
---------------------------------------- */
/* mainVisual */
#mainVisual {
	position: relative;
	max-height: 100%;
	width: 100%;
	margin-top: 35px;
}
#mainVisual img {
	width: 100%;
}	
#mainVisual #mainVisual_inner {
    width: 1130px;
	height: 730px;
	margin:auto;
	text-align: center;
}
#mainVisual #mainVisual_inner .mainVisual_movie {
	position: relative;
	height: 100%;
}
#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-left {
	position: absolute;
    left: -80px;
    bottom: 0px;
    width: 448px;
}
#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-right {
	position: absolute;
    right: -80px;
    bottom: 0px;
    width: 445px;
}
#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-media {
	width: 960px;
	height: 540px;
    margin: 135px auto 0;
    position: relative;
    overflow: hidden;
}
#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-media iframe {    
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-media::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-media .mainVisual_movie-sp{
	display: none;
}
#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-bnr {
	position: absolute;
    right: -25px;
    bottom: 30px;
    width: 206px;
}
#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-bnr {
	-webkit-transition: .3s;
    transition: .3s;
}
#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-bnr:hover {
	-webkit-transform: translate(-40%,-50%);
    transform: translate(0,0) rotate(10deg);
}
@media screen and (max-width: 768px) {
	#mainVisual {
		margin-top: 0;
	}
	#mainVisual #mainVisual_inner {
		width: 100%;
		height: auto;
	}
	#mainVisual #mainVisual_inner .mainVisual_movie {
		overflow: hidden;
	}
	#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-left {
		left:-17.5%;
		bottom:0;
		width:50%;
	}
	#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-right {
		position: absolute;
		right:-18%;
		bottom:0;
		width:50%;
	}
	#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-media {
		width: 100%;
		padding: 9% 0 4%;
		height: auto;
    	margin: 0 auto;
	}	
	#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-media iframe {    
		display: none;
	}
	#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-media::after {
		display: none;
	}
	#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-media .mainVisual_movie-sp{
		display: block;
	}	
	#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-media .mainVisual_movie-sp a {
		width: 100%;
		position: relative;
		display: block;
	}
	#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-media .mainVisual_movie-sp a::before {
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 50%;
		width: 60px;
		height: 60px;
		content: '';
		-webkit-transition: .3s;
		transition: .3s;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		border-radius: 50%;
		background-color: rgba(0,0,0,0.7);
	}
	#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-media a::after {
		position: absolute;
		z-index: 3;
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		content: '';
		-webkit-transform: translate(-40%,-50%);
		transform: translate(-40%,-50%);
		border-width: 15px 0 15px 25px;
		border-style: solid;
		border-color: transparent transparent transparent #fff;	
	}
	#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-media a::before {
		width: 40px;
		height: 40px;
	}
	#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-media a::after {
		border-width: 10px 0 10px 20px;
	}
	#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-media video {
		width:100%;
	}
	#mainVisual #mainVisual_inner .mainVisual_movie .mainVisual_movie-bnr {
		right: 2%;
		bottom: 0;
		width:22%;
		max-width: 206px;
	}
}
@media screen and (max-width: 480px) {
}

/* mainVisual_text */
#mainVisual #mainVisual_inner .mainVisual_text {
	position:absolute;
	top:0;
	left:50%;
	z-index:10;
	width: 60%;
	width: 286px;
	-webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
	text-align: center;
}
#mainVisual #mainVisual_inner .mainVisual_text .mainVisual_text-logo {
	width: 100%;
}
#mainVisual #mainVisual_inner .mainVisual_text .mainVisual_text-txt {
	font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
	#mainVisual #mainVisual_inner .mainVisual_text {
		position: static;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
		margin: 0 auto;
	}
	#mainVisual #mainVisual_inner .mainVisual_text .mainVisual_text-txt {
		font-size: 1.2rem;
	}
}
@media screen and (max-width: 480px) {
}

/* ---------------------------------------- 
 - contents（#pickup）
---------------------------------------- */
#pickup #pickup_inner{
	padding: 0 0 60px;
	position: relative;
}
#pickup #pickup_inner .pickup_title_wrap{
	width: 96%;
	max-width: 1020px;
	margin: auto;
	text-align: left;
}
#pickup #pickup_inner .pickup_title{
	width: 30%;
	max-width: 185px;
}
#pickup #pickup_inner .pickup_slider {
	width: 100%;
	max-width: 1220px;
	margin: auto;
}
#pickup #pickup_inner .pickup_slider .slick-slide img {
	width: 100%;
	height: auto;
	-webkit-transition: .3s;
    transition: .3s;
}
#pickup #pickup_inner .pickup_slider .slick-slide img:hover {
	opacity: 0.7;
}
#pickup #pickup_inner .pickup_slider .slick-prev{
    left: 5px;
}
#pickup #pickup_inner .pickup_slider .slick-next{
    right: 5px;
}
#pickup #pickup_inner .pickup_bnr-sp{
	display: none;
}
@media screen and (max-width: 768px){
	#pickup #pickup_inner{
		padding: 0 0 45px;
	}
	#pickup #pickup_inner .pickup_title_wrap{
		width: 90%;
	}
	#pickup #pickup_inner .pickup_title{
		width: 30%;
		max-width: 185px;
	}
	#pickup #pickup_inner .pickup_slider {
		width: 100%;
	}
	#pickup #pickup_inner .pickup_slider .slick-prev{
		left: 0;
	}
	#pickup #pickup_inner .pickup_slider .slick-next{
		right: 0;
	}
	#pickup #pickup_inner .pickup_bnr-sp{
		width:100%;
		margin: 0 auto;
		padding: 15px 0;
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
	}
	#pickup #pickup_inner .pickup_bnr-sp > div{
		width:50%;
	}
	#pickup #pickup_inner .pickup_bnr-sp > div a{
		-webkit-transition: .3s;
		transition: .3s;
	}
	#pickup #pickup_inner .pickup_bnr-sp > div a:hover {
		opacity: 0.7;
	}
}

/* ---------------------------------------- 
 - contents（#news）
---------------------------------------- */
#news{
	padding: 40px 0 80px;
	margin: 0 auto;
	position: relative;
}
#news #news_inner {
	width: 96%;
	max-width: 1026px;	
    text-align: center;
	margin: 0 auto;
	background: #fbd960;
	border: solid 2px #4c4c4c;
	border-radius: 16px;
	position: relative;
	padding: 45px 85px 30px 85px;
	box-sizing: border-box;
}
#news #news_inner::after{
    margin: auto;
    content: "";
    width: 100%;
    height: 100%;
    vertical-align: middle;
    position: absolute;
    right: -14px;
    bottom: -10px;
    background: #f090a2;
	border: solid 2px #4c4c4c;
	border-radius: 14px;
	box-sizing: border-box;
    z-index: -1;
}
#news #news_inner #news_inner_box {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#news #news_inner .news_title_wrap{
	width:140px;
}
#news #news_inner ul.news_detailList {
	width: 650px;
	position: relative;
	text-align: left;
	padding-bottom: 20px;
}
#news #news_inner ul.news_detailList li{
	display: -webkit-flex;
	display: flex;
	padding-bottom: 0.8em;
}
#news #news_inner ul.news_detailList li:last-child{
	padding-bottom: 0;
}
#news #news_inner ul.news_detailList li a:hover,
#news #news_inner ul.news_detailList li a:hover > p{
	text-decoration:underline;
}
#news #news_inner ul.news_detailList li .date{
	font-size: 1.4rem;
	color: #666;
	padding-right: 2.2em;
}
#news #news_inner .newsMore {
    display: block;
    margin: 0 auto;
}
#news #news_inner .newsMore a {
    background: #ff9100;
    color: #fff;
	border: solid 2px #4c4c4c;
	font-size: 1.6rem;
    padding: 3px 25px 3px 20px;
    text-decoration: none;
    display: block;
    width: 100%;
    max-width: 120px;
    -webkit-transition: .3s;
    transition: .3s;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    border-radius: 8px;
	margin: auto;
}
#news #news_inner .newsMore a::before {
    position: absolute;
    top: 50%;
    right: 15px;
    margin: auto;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    -webkit-transform: translate(0,-50%) rotate(45deg);
    transform: translate(0,-50%) rotate(45deg);
}
#news #news_inner .news_illust_hato{
	position: absolute;
	top:-36px;
	right:130px;
	width:130px;
}	
#news #news_inner .news_illust_himawari{
	position: absolute;
    bottom: -70px;
    left: 10px;
    width: 122px;
}
@media screen and (max-width: 768px) {
	#news{
		padding: 25px 0 50px;
	}
	#news #news_inner {
		width: 94%;
		border-radius: 12px;
		padding: 30px 5% 45px;
	}
	#news #news_inner::after{
		right: -10px;
		bottom: -8px;
		border-radius: 11px;
	}
	#news #news_inner #news_inner_box {
		display: block;
	}
	#news #news_inner .news_title_wrap{
		max-width:30%;
		width:160px;
		margin: auto;
		padding: 0 0 15px;
	}
	#news #news_inner ul.news_detailList {
		width: 100%;
	}
	#news #news_inner ul.news_detailList li{
		display: block;
		font-size: 1.4rem;
	}
	#news #news_inner ul.news_detailList li .date{
		font-size: 1.2rem;
		padding-right: 0;
	}
	#news #news_inner .news_illust_hato{
		position: absolute;
		top:-4%;
		right:5%;
		width: 20%;
		max-width:130px;
	}	
	#news #news_inner .news_illust_himawari{
		position: absolute;
		bottom: auto;
		top: 5%;
		left: 9%;
		width: 12%;
		max-width:122px;
	}
}
@media screen and (max-width: 480px) {	
}

/* ---------------------------------------- 
 - contents（.categoryCol）
---------------------------------------- */
.categoryCol{
	padding: 0 0 80px;
	margin: 0 auto;
	position: relative;
}
.categoryCol .categoryCol_inner{
	width: 94%;
	max-width: 860px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	position: relative;
	box-sizing: border-box;
}
.categoryCol .categoryCol_inner .categoryCol_textBox{
	width:370px;
}
.categoryCol .categoryCol_inner .categoryCol_illustBox{
	width:460px;
	z-index:1;
}
.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
	padding-bottom: 25px;
}
.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_lead{
	padding-bottom: 20px;
}
.categoryCol .categoryCol_inner .categoryCol_textBox ul.news_detailList{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.categoryCol .categoryCol_inner .categoryCol_textBox ul.news_detailList li{
	margin-right: 35px;
	padding: 0 8px 3px 3px;
	margin-bottom: 15px;	
	font-size: 1.8rem;
}
.categoryCol .categoryCol_inner .categoryCol_textBox ul.news_detailList li:last-child{
	margin-right: 0;
}
.categoryCol .categoryCol_inner .categoryCol_textBox ul.news_detailList li a{
    color: #ff7c06;
    text-decoration: none;
    display: block;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
	padding: 0 0 0 20px;
	border-bottom: dotted 3px #ff7c06;
	display: inline-block;
}
.categoryCol .categoryCol_inner .categoryCol_textBox ul.news_detailList li a::before {
    position: absolute;
    top: 50%;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-right: 3px solid #ff7c06;
    border-top: 3px solid #ff7c06;
    -webkit-transform: translate(0,-50%) rotate(45deg);
    transform: translate(0,-50%) rotate(45deg);
}
.categoryCol .categoryCol_inner .categoryCol_textBox ul.news_detailList li a:hover{
	opacity: 0.5;
}
.categoryCol .categoryCol_inner .categoryCol_illustBg{
	position: absolute;
	z-index: 1;
}
.categoryCol .categoryCol_inner .categoryCol_link-text{
	margin-bottom: 30px;
	font-size: 1.8rem;
	line-height: 1.6;
}
.categoryCol .categoryCol_inner .categoryCol_link-text a{
	color: #ff7c06;
    text-decoration: none;
    display: inline-block;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
	padding: 0 15px 0 0;
}
.categoryCol .categoryCol_inner .categoryCol_link-text a::before {
    position: absolute;
    top: 50%;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-right: 3px solid #ff7c06;
    border-top: 3px solid #ff7c06;
    -webkit-transform: translate(0,-50%) rotate(45deg);
    transform: translate(0,-50%) rotate(45deg);
}
.categoryCol .categoryCol_inner .categoryCol_link-text a.icon_pdf::after {
    position: absolute;
    top: 50%;
    right: -7px;
    content: "";
    background-image: url(/~examination/assets/images/common/icon_pdf.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    width: 18px;
    height: 25px;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.categoryCol .categoryCol_inner .categoryCol_link-text a.icon_pdf::before {
    right: -22px;
}
.categoryCol .categoryCol_inner .categoryCol_link-text a:hover{
	opacity: 0.5;
}
/* 知る（know） */
#know.categoryCol .categoryCol_inner{
	max-width: 806px; /* categoryCol_textBox + categoryCol_illustBox */
    padding-left: 100px; /* 左右の空き×2 */	
}
#know.categoryCol .categoryCol_inner .categoryCol_textBox{
	width:370px;
}
#know.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
	width:214px;
	padding-top: 60px;
}
#know.categoryCol .categoryCol_inner .categoryCol_illustBox{
	width:336px;
}
#know.categoryCol .categoryCol_inner .categoryCol_illustBg.ushi{
	top: 182px;
    left: -310px;
    width: 312px;
	-webkit-animation: ushi-animation 2.0s infinite alternate ease-in-out;
	animation: ushi-animation 2.0s infinite alternate ease-in-out;
}
@-webkit-keyframes ushi-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(40px,0);
	}
}
@keyframes ushi-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(40px,0);
	}
}
#know.categoryCol .categoryCol_inner .categoryCol_illustBg.kirin{
	top: -87px;
    right: -460px;
    width: 463px;
	-webkit-animation: kirin-animation 1.7s infinite alternate ease-in-out;
	animation: kirin-animation 1.7s infinite alternate ease-in-out;
}
@-webkit-keyframes kirin-animation {
	0% {
		transform:rotate(15deg);
	}
	100% {
		transform:rotate(0deg);
	}
}
@keyframes kirin-animation {
	0% {
		transform:rotate(15deg);
	}
	100% {
		transform:rotate(0deg);
	}
}
/* 学ぶ（learn） */
#learn.categoryCol{
	padding: 35px 0 40px;
}
#learn.categoryCol .categoryCol_inner{
	flex-direction:row-reverse;
}
#learn.categoryCol .categoryCol_inner{
	max-width: 836px; /* categoryCol_textBox + categoryCol_illustBox以上 */
    padding-left: 0; /* 左右の空き×2 */	
}
#learn.categoryCol .categoryCol_inner .categoryCol_textBox{
	width:370px;
}
#learn.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
	width:235px;
	padding-top: 86px;
}
#learn.categoryCol .categoryCol_inner .categoryCol_illustBox{
	width:433px;
}
#learn.categoryCol .categoryCol_inner .categoryCol_illustBg.budo{
	top: -15px;
    right: -85px;
    width: 127px;
}
#learn.categoryCol .categoryCol_inner .categoryCol_illustBox.learn{
	position: relative;
}
#learn.categoryCol .categoryCol_inner .categoryCol_illustBox.learn .learn_slider {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
}

/* キャンパスライフ（campus） */
#campus.categoryCol{
    padding-top: 80px;	
}
#campus.categoryCol .categoryCol_inner{
	max-width: 988px; /* categoryCol_textBox + categoryCol_illustBox */
    padding-left: 120px; /* 左右の空き×2 */	
}
#campus.categoryCol .categoryCol_inner .categoryCol_textBox{
	width:370px;
}
#campus.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
	width:368px;
}
#campus.categoryCol .categoryCol_inner .categoryCol_illustBox{
	width:462px;	
	padding-top: 100px;
}
#campus.categoryCol .categoryCol_inner .categoryCol_illustBg.dna{
	top: -105px;
    right: 260px;
    width: 107px;
}
#campus.categoryCol .categoryCol_inner .categoryCol_illustBg.wind{
	top: -125px;
    right: 0px;
    width: 210px;
}
/* 未来を考える（future） */
/*#future.categoryCol{
	padding: 35px 0 40px;
}*/
#future.categoryCol .categoryCol_inner{
	flex-direction:row-reverse;
}
#future.categoryCol .categoryCol_inner{
	max-width: 760px; /* categoryCol_textBox + categoryCol_illustBox以上 */
    padding-left: 60px; /* 左右の空き×2 */	
}
#future.categoryCol .categoryCol_inner .categoryCol_textBox{
	width:370px;
}
#future.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
	width:289px;
}
#future.categoryCol .categoryCol_inner .categoryCol_illustBox{
	width:235px;
}
#future.categoryCol .categoryCol_inner .categoryCol_illustBg.perikan{
	top: 65px;
    left: -265px;
    width: 232px;
	-webkit-animation: perikan-animation 1.5s infinite alternate ease-in-out;
	animation: perikan-animation 1.5s infinite alternate ease-in-out;
}
@-webkit-keyframes perikan-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(40px,0);
	}
}
@keyframes perikan-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(40px,0);
	}
}
#future.categoryCol .categoryCol_inner .categoryCol_illustBg.flower{
	bottom: -95px;
    right: -175px;
    width: 160px;
}
#future.categoryCol .categoryCol_inner .categoryCol_illustBg.dna{
	top: -55px;
    right: -100px;
    width: 107px;
}
/* 体験する（experience） */
#experience.categoryCol{
    padding-top: 40px;
}
#experience.categoryCol .categoryCol_inner{
	max-width: 832px; /* categoryCol_textBox + categoryCol_illustBox */
    padding-left: 0; /* 左右の空き×2 */
}
#experience.categoryCol .categoryCol_inner .categoryCol_textBox{
	width:372px;
}
#experience.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
	width:372px;
}
#experience.categoryCol .categoryCol_inner .categoryCol_illustBox{
	width:400px;	
	padding-top: 50px;
}
#experience.categoryCol .categoryCol_illustBg_loop{
	width: 100%;
	-webkit-transform: translateX(-1093px);
    transform: translateX(-1093px);
}
#experience.categoryCol .categoryCol_illustBg_loop.anime{
	-webkit-animation: loop 12s linear infinite;
  	animation: loop 12s linear infinite;
}
@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateX(-1093px);
    transform: translateX(-1093px);
  }
  to {
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw);
  }
}
@keyframes loop {
  0% {
    -webkit-transform: translateX(-1093px);
    transform: translateX(-1093px);
  }
  to {
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw);
  }
}
#experience.categoryCol .categoryCol_illustBg_loop .categoryCol_illustBg.kame{
    width: 265px;
}
#experience.categoryCol .categoryCol_illustBg_loop .categoryCol_illustBg.sakana{
    width: 893px;
	padding-left: 200px;
	
}
/* 復習する（review） */
#review.categoryCol .categoryCol_inner{
	max-width: 840px; /* categoryCol_textBox + categoryCol_illustBox */
    padding-right: 140px; /* 左右の空き×2 */
}
#review.categoryCol .categoryCol_inner .categoryCol_textBox{
	width:280px;
}
#review.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_lead {
    width:254px;
}
#review.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
	width:254px;
	padding-top: 40px;
	padding-bottom: 12px;
}
#review.categoryCol .categoryCol_inner .categoryCol_illustBox{
	width:336px;
}
#review.categoryCol .categoryCol_inner .categoryCol_illustBg.same{
	bottom: -100px;
    right: -70px;
    width: 200px;
	-webkit-animation: same-animation 1.7s infinite alternate ease-in-out;
	animation: same-animation 1.7s infinite alternate ease-in-out;
}
#review.categoryCol .categoryCol_inner .categoryCol_illustBg.dna{
	top: -35px;
    left: 280px;
    width: 107px;
}
@-webkit-keyframes same-animation {
	0% {
		transform:rotate(15deg);
	}
	100% {
		transform:rotate(0deg);
	}
}
@keyframes same-animation {
	0% {
		transform:translate(0,0) rotate(0deg);
	}
	100% {
		transform:translate(25px, -15px) rotate(15deg);
	}
}
/* 入試情報（admission） */
#admission.categoryCol .categoryCol_inner{
	max-width: 840px; /* categoryCol_textBox + categoryCol_illustBox */
    padding-right: 140px; /* 左右の空き×2 */
	padding-bottom: 20px;
	flex-direction:row-reverse;
}
#admission.categoryCol .categoryCol_inner .categoryCol_textBox{
	width:280px;
}
#admission.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
	width:280px;
	padding-top: 55px;
	padding-bottom: 12px;
}
#admission.categoryCol .categoryCol_inner .categoryCol_illustBox{
	width:336px;
}
#admission.categoryCol .categoryCol_inner .categoryCol_illustBg.midori{
	top: 110px;
    left: -340px;
    width: 316px;
}
/* お役立ち情報（useful） */
#useful.categoryCol {
    padding: 0 0 65px;
}
#useful.categoryCol .categoryCol_inner{
	max-width: 840px; /* categoryCol_textBox + categoryCol_illustBox */
    padding-right: 140px; /* 左右の空き×2 */
	z-index: 1;
}
#useful.categoryCol .categoryCol_inner .categoryCol_textBox{
	width:340px;
}
#useful.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_lead {
    width:254px;
}
#useful.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
	width:358px;
	padding-top: 76px;
	padding-bottom: 12px;
}
#useful.categoryCol .categoryCol_inner .categoryCol_illustBox{
	width:371px;
}
#useful.categoryCol .categoryCol_inner .categoryCol_illustBg.niwatori{
	top: -10px;
    right: -60px;
    width: 94px;
}
@media screen and (max-width: 768px) {
	.categoryCol{
		padding: 0 0 45px;
	}
	.categoryCol .categoryCol_inner .categoryCol_textBox{
		width:100%;
		box-sizing: border-box;
	}
	.categoryCol .categoryCol_inner .categoryCol_illustBox{
		width:100%;
	}
	.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
		padding-bottom: 10px;
	}
	.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_lead{
		padding-bottom: 10px;
		font-size: 1.4rem;
	}
	.categoryCol .categoryCol_inner .categoryCol_textBox ul.news_detailList li{
		margin-right: 15px;
		padding: 0 5px 2px 2px;
		margin-bottom: 10px;		
		font-size: 1.3rem;
	}
	.categoryCol .categoryCol_inner .categoryCol_textBox ul.news_detailList li a{
		padding: 0 0 0 15px;	
		border-bottom: dotted 2px #ff7c06;
	}
	.categoryCol .categoryCol_inner .categoryCol_textBox ul.news_detailList li a::before {
		width: 8px;
		height: 8px;
		border-right: 2px solid #ff7c06;
		border-top: 2px solid #ff7c06;
	}
	.categoryCol .categoryCol_inner .categoryCol_link-text{
		margin-bottom: 10px;
		font-size: 1.3rem;
	}
	.categoryCol .categoryCol_inner .categoryCol_link-text a{
		padding: 0 12px 0 0;
	}
	.categoryCol .categoryCol_inner .categoryCol_link-text a::before {
		width: 8px;
		height: 8px;
		border-right: 2px solid #ff7c06;
		border-top: 2px solid #ff7c06;
	}
	/* 知る（know） */
	#know.categoryCol{
		padding-bottom: 15px;
	}
	#know.categoryCol .categoryCol_inner{
		max-width: 100%; /* categoryCol_textBox + categoryCol_illustBox */
		padding-left: 6%; /* 左右の空き×2 */	
		display: block;
	}
	#know.categoryCol .categoryCol_inner .categoryCol_textBox{
		width:100%;
	}
	#know.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
		width:38.5%;
		max-width: 214px;
		padding-top: 0;
	}
	#know.categoryCol .categoryCol_inner .categoryCol_illustBox{
		width:74%;
		max-width:336px;
		margin: 0 0 0 auto;
	}
	#know.categoryCol .categoryCol_inner .categoryCol_illustBg.ushi{
		top: auto;
		bottom: -7%;
		left: -22%;
		width:50%;
		max-width: 312px;
	}
	#know.categoryCol .categoryCol_inner .categoryCol_illustBg.kirin{
		top: -15%;
		right: -57%;
		width: 92.6%;
		max-width: 463px;
	}
	/* 学ぶ（learn） */
	#learn.categoryCol{
		padding: 15px 0 40px;
	}
	#learn.categoryCol .categoryCol_inner{
		max-width: 100%; /* categoryCol_textBox + categoryCol_illustBox以上 */
		padding-left: 0; /* 左右の空き×2 */	
		display: block;
	}
	#learn.categoryCol .categoryCol_inner .categoryCol_textBox{
		width:100%;
		padding-left: 35%;
	}
	#learn.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
		width:60%;
		max-width:235px;
		padding-top: 0;
	}
	#learn.categoryCol .categoryCol_inner .categoryCol_illustBox{
		width:77%;
		max-width:433px;
	}
	#learn.categoryCol .categoryCol_inner .categoryCol_illustBg.budo{
		top: auto;
		bottom:-2%;
		right: 3%;
		width:22.6%;
		max-width: 127px;
	}
	/* キャンパスライフ（campus） */
	#campus.categoryCol{
		padding-top: 0;	
	}
	#campus.categoryCol .categoryCol_inner{
		max-width: 100%; /* categoryCol_textBox + categoryCol_illustBox */
		padding-left: 0; /* 左右の空き×2 */	
		display: block;
		padding-bottom: 45%;
		padding-top: 18%;
	}
	#campus.categoryCol .categoryCol_inner .categoryCol_textBox{
		width:70%;
		padding-left: 6%;
	}
	#campus.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
		width:98%;
		max-width:368px;
	}
	#campus.categoryCol .categoryCol_inner .categoryCol_illustBox{
		width:70%;
		max-width:462px;	
		padding-top: 0;
		position: absolute;
		bottom: -2%;
		right:-3%;
	}
	#campus.categoryCol .categoryCol_inner .categoryCol_illustBg.dna{
		top: 0;
		right: 10%;
		width:20%;
		max-width: 107px;
	}
	#campus.categoryCol .categoryCol_inner .categoryCol_illustBg.wind{
		top: 24%;
		right: -10%;
		width: 41.5%;
		max-width: 210px;
	}
	#campus.categoryCol .categoryCol_inner .categoryCol_textBox ul.news_detailList{
		display: block;
	}
	/* 未来を考える（future） */
	/*#future.categoryCol{
		padding: 35px 0 40px;
	}*/
	#future.categoryCol .categoryCol_inner{
		flex-direction:row-reverse;
	}
	#future.categoryCol .categoryCol_inner{
		max-width: 100%; /* categoryCol_textBox + categoryCol_illustBox以上 */
		padding-left: 0; /* 左右の空き×2 */
		display: block;
		padding-top: 10%;
		padding-bottom: 32%;
	}
	#future.categoryCol .categoryCol_inner .categoryCol_textBox{
		width:100%;
		padding-left: 37%;
	}
	#future.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
		width: 74.6%;
		max-width:289px;
	}
	#future.categoryCol .categoryCol_inner .categoryCol_illustBox{
		width: 40%;
		max-width: 235px;
		position: absolute;
		bottom: 5%;
		left: -8%;
	}
	#future.categoryCol .categoryCol_inner .categoryCol_illustBg.perikan{
		top: -5%;
		left: -10%;
		width: 34%;
		max-width: 232px;
	}
	#future.categoryCol .categoryCol_inner .categoryCol_illustBg.flower{
		bottom: 0;
		right: 3%;
		width: 23.5%;
		max-width: 160px;
	}
	#future.categoryCol .categoryCol_inner .categoryCol_illustBg.dna{
		top: -3%;
		right: 0%;
		width: 18%;
		max-width: 107px;
	}
	/* 体験する（experience） */
	#experience.categoryCol{
		padding-top: 0;
	}
	#experience.categoryCol .categoryCol_inner{
		max-width: 100%; /* categoryCol_textBox + categoryCol_illustBox */
		padding-left: 0; /* 左右の空き×2 */
		padding-bottom: 12%;
		display: block;
	}
	#experience.categoryCol .categoryCol_inner .categoryCol_textBox{
		width: 100%;
		padding-left: 6%;
		padding-right: 35%;
	}
	#experience.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
		width:98%;
		max-width:372px;
	}	
	#experience.categoryCol .categoryCol_inner .categoryCol_illustBox{
		width:60%;
		max-width:400px;	
		padding-top: 0;
		position: absolute;
		bottom: 0;
		right: -5%;
	}
	#experience.categoryCol .categoryCol_illustBg_loop{
		width: 100%;
		-webkit-transform: translateX(-70%);
		transform: translateX(-70%);
	}
	#experience.categoryCol .categoryCol_illustBg_loop.anime{
		-webkit-animation: loop 7s linear infinite;
		animation: loop 7s linear infinite;
	}
	@-webkit-keyframes loop {
	  0% {
		-webkit-transform: translateX(-140%);
		transform: translateX(-140%);
	  }
	  to {
		-webkit-transform: translateX(100vw);
		transform: translateX(100vw);
	  }
	}
	@keyframes loop {
	  0% {
		-webkit-transform: translateX(-140%);
		transform: translateX(-140%);
	  }
	  to {
		-webkit-transform: translateX(100vw);
		transform: translateX(100vw);
	  }
	}
	#experience.categoryCol .categoryCol_illustBg_loop .categoryCol_illustBg.kame{
		width: 35%;
		max-width: 265px;
	}
	#experience.categoryCol .categoryCol_illustBg_loop .categoryCol_illustBg.sakana{
		width: 100%;
		max-width: 893px;
		padding-left: 20%;
	}
	#experience.categoryCol .categoryCol_inner .categoryCol_textBox ul.news_detailList {
		display: block;
	}
	/* 復讐する（review） */
	#review.categoryCol .categoryCol_inner{
		max-width: 100%; /* categoryCol_textBox + categoryCol_illustBox */
		padding-right: 0; /* 左右の空き×2 */
	}
	#review.categoryCol .categoryCol_inner .categoryCol_textBox{
		width:62%;
		max-width:280px;
		padding-left: 2%;
		box-sizing: border-box;
	}
	#review.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_lead {
		width:100%;
	}
	#review.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
		width:82%;
		max-width:254px;
		padding-top: 0;
		padding-bottom: 7px;
	}
	#review.categoryCol .categoryCol_inner .categoryCol_illustBox{
		width:45%;
		max-width:336px;
		padding-right: 6%;
		box-sizing: border-box;
	}
	#review.categoryCol .categoryCol_inner .categoryCol_illustBg.same{
		display: none;
	}
	#review.categoryCol .categoryCol_inner .categoryCol_illustBg.dna{
		display: none;
	}
	/* 入試情報（admission） */
	#admission.categoryCol .categoryCol_inner{
		max-width: 100%; /* categoryCol_textBox + categoryCol_illustBox */
		padding-right: 0; /* 左右の空き×2 */
		padding-bottom: 20px;
		flex-direction:row-reverse;
	}
	#admission.categoryCol .categoryCol_inner .categoryCol_textBox{
		width:53%;
		max-width:280px;
		padding-right: 2%;
	}
	#admission.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
		width:82%;
		max-width:280px;
		padding-top: 0;
		padding-bottom: 7px;
	}
	#admission.categoryCol .categoryCol_inner .categoryCol_illustBox{
		width:42%;
		max-width:336px;
		padding-top: 3%;
		padding-left: 3%;
		box-sizing: border-box;
	}
	#admission.categoryCol .categoryCol_inner .categoryCol_illustBg.midori{
		display: none;
	}
	/* お役立ち情報（useful） */
	#useful.categoryCol {
		padding: 0 0 0;
	}
	#useful.categoryCol .categoryCol_inner{
		max-width: 100%; /* categoryCol_textBox + categoryCol_illustBox */
		padding-right: 0; /* 左右の空き×2 */
		z-index: 1;
	}
	#useful.categoryCol .categoryCol_inner .categoryCol_textBox{
		width:67%;
		max-width:280px;
		padding-left: 2%;
		box-sizing: border-box;
	}
	#useful.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_lead {
		width:90%;
		max-width:254px;
	}
	#useful.categoryCol .categoryCol_inner .categoryCol_textBox .categoryCol_title{
		width:93%;
		max-width:358px;
		padding-top: 0;
		padding-bottom: 7px;
	}
	#useful.categoryCol .categoryCol_inner .categoryCol_illustBox{
		width:43%;
		max-width:371px;
		padding-top: 3%;
		box-sizing: border-box;
		margin-left: -2%;
	}
	#useful.categoryCol .categoryCol_inner .categoryCol_illustBg.niwatori{
		display: none;
	}
}
@media screen and (max-width: 480px) {	
	.categoryCol .categoryCol_inner .categoryCol_link-text {
		margin-bottom: 10px;
		font-size: 1.3rem;
	}
}

/* ---------------------------------------- 
 - #footer_undergraduate
---------------------------------------- */
#footer_undergraduate #footer_undergraduate_inner .footer_undergraduate_illustBg.leaf{
	display: block;
	position: absolute;
    top: -90px;
    left: -280px;
    width: 205px;
}

/* ---------------------------------------- 
 - contents（#special）
---------------------------------------- */
.special .special_inner{
	padding: 0 0 50px;
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;	
	text-align: center;
	position: relative;
}
.special .special_inner .special_title_wrap{
	width: 96%;
	max-width: 1020px;
	margin: auto;
}
.special .special_inner .special_title{
	width: 30%;
	max-width: 165px;
	padding-bottom: 20px;
	margin: auto;
}
.special .special_inner .special_slider {
	width: 100%;
	max-width: 960px;
	margin: auto;
}
.special .special_inner .special_slider .slick-slide img {
	width: 100%;
	height: auto;
	-webkit-transition: .3s;
    transition: .3s;
}
.special .special_inner .special_slider .slick-slide img:hover {
	opacity: 0.7;
}
.special .special_inner .special_slider .slick-prev{
    left: 0;
}
.special .special_inner .special_slider .slick-next{
    right: 0;
}
.special .special_inner .btnMore{
	padding: 30px 0 0;
}
.special .special_inner .special_illustBg{
	position: absolute;
}
/* 学科（department） */
#department.special .special_inner .special_illustBg.koara{
	top: -40px;
    left: 85px;
    width: 100px;
}
/* 研究（reseach） */
#reseach.special .special_inner .special_illustBg.banana{
	top: -40px;
    right: 85px;
    width: 119px;
}
#reseach.special .special_inner .special_illustBg.ebi{
	bottom: 25px;
    left: 125px;
    width: 104px;
}
@media screen and (max-width: 768px){
	.special .special_inner{
		padding: 0 0 30px;
	}
	.special .special_inner .special_title{
		width: 27%;
		padding-bottom: 0;
		position: relative;
		z-index: 1;
		margin-bottom: -4%;
	}
	.special .special_inner .special_slider {
		width: 100%;
		margin: 0 auto;
	}
	.special .special_inner .btnMore{
		padding: 15px 0 0;
	}
	.special .special_inner .special_illustBg{
		display: none;
	}
	.special .special_inner .special_line{
		width:75%;
		margin: 0 auto;
	}
	/* 学科（department） */
	#department.special .special_inner .special_illustBg.koara{
		top: -40px;
		left: 85px;
		width: 100px;
	}
	/* 研究（reseach） */
	#reseach.special .special_inner .special_illustBg.banana{
		top: -40px;
		right: 85px;
		width: 119px;
	}
	#reseach.special .special_inner .special_illustBg.ebi{
		bottom: 25px;
		left: 125px;
		width: 104px;
	}
}
	
/* balloon */
.balloon{
	position: absolute;	
	width:80px;	
	z-index: 2;
}
.balloon_01{
	top:-40px;
	left:200px;
	-webkit-animation: balloon_01-animation 2.0s infinite alternate ease-in-out;
	animation: balloon_01-animation 2.0s infinite alternate ease-in-out;
}
@-webkit-keyframes balloon_01-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,40px);
	}
}
@keyframes balloon_01-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,40px);
	}
}
.balloon_02{
	top:-40px;
	right:200px;
	-webkit-animation: balloon_02-animation 1.5s infinite alternate ease-in-out;
	animation: balloon_02-animation 1.5s infinite alternate ease-in-out;
}
@-webkit-keyframes balloon_02-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,35px);
	}
}
@keyframes balloon_02-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,35px);
	}
}
.balloon_03{
	top:150px;
	right:-80px;
	-webkit-animation: balloon_03-animation 2.2s infinite alternate ease-in-out;
	animation: balloon_03-animation 2.2s infinite alternate ease-in-out;
}
@-webkit-keyframes balloon_03-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,38px);
	}
}
@keyframes balloon_03-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,38px);
	}
}
.balloon_04{
	top:30px;
	left:-120px;
	-webkit-animation: balloon_04-animation 1.8s infinite alternate ease-in-out;
	animation: balloon_04-animation 1.8s infinite alternate ease-in-out;
}
@-webkit-keyframes balloon_04-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,35px);
	}
}
@keyframes balloon_04-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,35px);
	}
}
.balloon_05{
	bottom:-50px;
	right:-50px;
	-webkit-animation: balloon_05-animation 1.5s infinite alternate ease-in-out;
	animation: balloon_05-animation 1.5s infinite alternate ease-in-out;
}
@-webkit-keyframes balloon_05-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,35px);
	}
}
@keyframes balloon_05-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,35px);
	}
}
.balloon_06{
	top:-80px;
	left:50%;
	-webkit-animation: balloon_06-animation 2.2s infinite alternate ease-in-out;
	animation: balloon_06-animation 2.2s infinite alternate ease-in-out;
}
@-webkit-keyframes balloon_06-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,35px);
	}
}
@keyframes balloon_06-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,35px);
	}
}
.balloon_07{
	top:-50px;
	left:-20px;
	-webkit-animation: balloon_07-animation 1.8s infinite alternate ease-in-out;
	animation: balloon_07-animation 1.8s infinite alternate ease-in-out;
}
@-webkit-keyframes balloon_07-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,40px);
	}
}
@keyframes balloon_07-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,40px);
	}
}
.balloon_08{
	top:-20px;
	right:-20px;
	-webkit-animation: balloon_08-animation 1.5s infinite alternate ease-in-out;
	animation: balloon_08-animation 1.5s infinite alternate ease-in-out;
}
@-webkit-keyframes balloon_08-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,35px);
	}
}
@keyframes balloon_08-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,35px);
	}
}
.balloon_09{
	top:-20px;
	left:-120px;
	-webkit-animation: balloon_09-animation 2.2s infinite alternate ease-in-out;
	animation: balloon_09-animation 2.2s infinite alternate ease-in-out;
}
@-webkit-keyframes balloon_09-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,35px);
	}
}
@keyframes balloon_09-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,35px);
	}
}
.balloon_10{
	top:20px;
	right:-10px;
	-webkit-animation: balloon_10-animation 1.8s infinite alternate ease-in-out;
	animation: balloon_10-animation 1.8s infinite alternate ease-in-out;
}
@-webkit-keyframes balloon_10-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,35px);
	}
}
@keyframes balloon_10-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,35px);
	}
}
.balloon_11{
	top:20px;
	left:100px;
	-webkit-animation: balloon_11-animation 1.8s infinite alternate ease-in-out;
	animation: balloon_11-animation 1.8s infinite alternate ease-in-out;
}
@-webkit-keyframes balloon_11-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,35px);
	}
}
@keyframes balloon_11-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,35px);
	}
}
.balloon_12{
	top:50px;
	left:250px;
	-webkit-animation: balloon_12-animation 2.2s infinite alternate ease-in-out;
	animation: balloon_12-animation 2.2s infinite alternate ease-in-out;
}
@-webkit-keyframes balloon_12-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,30px);
	}
}
@keyframes balloon_12-animation {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(0,30px);
	}
}
@media screen and (max-width: 768px){
	.balloon{
		width:12%;
		max-width:80px;
	}
	.balloon_01{
		top:-20px;
		left:20%;
	}
	@-webkit-keyframes balloon_01-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,20px);
		}
	}
	@keyframes balloon_01-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,20px);
		}
	}
	.balloon_02{
		top:-30px;
		right:35%;
	}
	@-webkit-keyframes balloon_02-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,15px);
		}
	}
	@keyframes balloon_02-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,15px);
		}
	}
	.balloon_03{
		top:150px;
		right:3%;
	}
	@-webkit-keyframes balloon_03-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,18px);
		}
	}
	@keyframes balloon_03-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,18px);
		}
	}
	.balloon_04{
		top:30px;
		left:3%;
	}
	@-webkit-keyframes balloon_04-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,20px);
		}
	}
	@keyframes balloon_04-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,20px);
		}
	}
	.balloon_05{
		bottom:0;
		right:3%;
	}
	@-webkit-keyframes balloon_05-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,15px);
		}
	}
	@keyframes balloon_05-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,15px);
		}
	}
	.balloon_06{
		top:-20px;
		left:30%;
	}
	@-webkit-keyframes balloon_06-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,15px);
		}
	}
	@keyframes balloon_06-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,15px);
		}
	}
	.balloon_07{
		top:100px;
		left:5%;
	}
	@-webkit-keyframes balloon_07-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,20px);
		}
	}
	@keyframes balloon_07-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,20px);
		}
	}
	.balloon_08{
		top:-20px;
		right:3%;
	}
	@-webkit-keyframes balloon_08-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,20px);
		}
	}
	@keyframes balloon_08-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,20px);
		}
	}
	.balloon_09{
		top:-55px;
		left:-5%;
	}
	@-webkit-keyframes balloon_09-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,22px);
		}
	}
	@keyframes balloon_09-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,22px);
		}
	}
	.balloon_10{
		top:-20px;
		right:-3%;
	}
	@-webkit-keyframes balloon_10-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,22px);
		}
	}
	@keyframes balloon_10-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,22px);
		}
	}
	.balloon_11{
		top:20px;
		left:10%;
	}
	@-webkit-keyframes balloon_11-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,20px);
		}
	}
	@keyframes balloon_11-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,20px);
		}
	}
	.balloon_12{
		top:50px;
		left:30%;
	}
	@-webkit-keyframes balloon_12-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,15px);
		}
	}
	@keyframes balloon_12-animation {
		0% {
			transform:translate(0,0);
		}
		100% {
			transform:translate(0,15px);
		}
	}
}