/* CSS Document */

/* ------------------------------------------------------------------------ */

/* #mainVisual_area

/* ------------------------------------------------------------------------ */
#contentsBlock > #mainVisual_area{
	padding: 70px 0 0;
}
	#mainVisual_area .mv_contents{
		background: url("/admissions/academics/shinro/img/mv_bg_top.jpg") center top no-repeat , url("/admissions/academics/shinro/img/mv_bg_btm.jpg") center bottom no-repeat;
		background-size: 100%;
		padding: 120px 10px 80px;
	}
		#mainVisual_area .mv_contents h1{
			margin-bottom: 40px;
		}
		#mainVisual_area .mv_contents .txt_container p{
			font-weight: 700;
			margin-bottom: 30px;
		}



/* ------------------------------------------------------------------------ */

/* #contentsBlock > section

/* ------------------------------------------------------------------------ */
#contentsBlock > section > .inner{
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
}
#contentsBlock > section#hash_area{
	background: url("/admissions/academics/shinro/img/hash_bg.png");
	background-size: 100%;
}
#contentsBlock > section#image_area{
	background: url("/admissions/academics/shinro/img/image_bg.png");
	background-size: 100%;
}
#contentsBlock > section#voice_area{
	background: url("/admissions/academics/shinro/img/voice_bg.png");
	background-size: 100%;
}
#contentsBlock > section#sound_area{
	background: url("/admissions/academics/shinro/img/sound_bg.png");
	background-size: 100%;
}
	#contentsBlock > section .hd_box{
		justify-content: center;
	}
		#contentsBlock > section .hd_box .hukidahi_img{
			max-width: 170px;
			width: 48%;
			margin-right: 20px;
		}
		#contentsBlock > section .hd_box .hd_txt_img{
			max-width: 143px;
			width: 36%;
		}
		#contentsBlock > section#image_area .hd_box .hd_txt_img {
			max-width: 175px;
			width: 42%;
		}
		#contentsBlock > section#voice_area .hd_box .hd_txt_img{
			max-width: 145px;
			width: 36%;
		}

	#contentsBlock > section .door_box{
		position: relative;
		width: 90%;
		margin: 0 auto;
	}
		#contentsBlock > section .door_box .door_img{
			width: 90%;
		}
		#contentsBlock > section .door_box .go_btn{
			position: absolute;
			bottom: 0;
			right: 0;
			max-width: 110px;
			width: 30%;
		}
		#contentsBlock > section .door_box.reverse .door_img{
			margin: 0 0 0 auto;
		}
		#contentsBlock > section .door_box.reverse .go_btn{
			right: auto;
			left: 0;
		}

	#contentsBlock > section .txt{
		text-align: left;
		margin-top: 20px;
		font-weight: 700;
	}

.go_btn .go_btn_shadow{
	transform-origin: calc(100% * 52.51 / 102.4) calc(100% * 53.69 / 123.1);
	animation: guruguru 3s linear infinite ;
}
.go_btn .btn_click_action{
	animation: flash 0.8s linear infinite;
}

.door_img{
	display: none;
}
.door_img.is-show{
	display: block;
}


@keyframes flash {
	0%,100% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}
@keyframes guruguru {
	0% {
		transform:rotate(0deg);
	}
	100% {
		transform:rotate(360deg);
	}
}