@charset 'utf-8';

body    {
		animation: fadeIn 2s ease 0s 1 normal;
		-webkit-animation: fadeIn 2s ease 0s 1 normal;
	}
		@keyframes fadeIn {
			0% {opacity: 0}
			100% {opacity: 1}
		}
		@-webkit-keyframes fadeIn {
			0% {opacity: 0}
			100% {opacity: 1}
		}
	.wrapper.style .box {
		background-color: #fff;
		padding: 3em 2.5em;
	}
	.box {
		border-radius: 4px;
		border: solid 1px rgba(144, 144, 144, 0.25);
		margin-bottom: 2em;
		padding: 1.5em;
	}
	h1 {
		position: relative;
		padding-bottom: .5em;
		border-bottom: 4px solid #ccc;
		font-size: 18pt;
		font-family: 'Josefin Sans', sans-serif;
		font-weight: bold;
		text-align: left;
	}
		h1::after {
			position: absolute;
			bottom: -4px;
			left: 0;
			z-index: 2;
			content: '';
			width: 20%;
			height: 4px;
			background-color: #3498db;
		}
	h2 {
		color: #2f566f;
		font-size: 20pt;
		font-family: 'Kosugi Maru', sans-serif;
		text-align: left;
		padding-bottom: 44px;
	}
	.element_box1 {
		height: 70px;
	}
	.element_box2 {
		height: 170px;
		line-height: 20pt;
	}
	.element_box3 {
		height: 140px;
	}
	.search_container input[type='text'] {
		font-size: 18px;
		border: solid 1px #999;
		padding: 3px 10px;
		border-radius: 3px;
		height: 2.2em;
		overflow: hidden;
	}
		.search_container input[type='text']:focus {
			outline: 0;
			height: 2.2em;
			box-shadow: 0 0 7px #EF810F;
			border: solid 1px #EF810F;
			background-color: #FEFAF5;
		}
	.search_container input[type='submit'] {
		font-family: FontAwesome;
		font-size: 1.2em;
		border: none;
		background: #56C6FE;
		border-radius: 3px;
		color: #fff;
		outline : none;
		width: 2.4em;
		height: 2em;
		display: inline-block;
		-webkit-appearance: none;
		cursor: pointer;
	}
		.search_container input[type='submit']:hover {
			background: #23B5FE;
		}
		.search_container input[type='submit']:focus {
			background: #89D7FF;
		}
	.box_col_ {
		font-family: Josefin Sans,sans-serif;
	}
	.box_col_ > div {
		margin-bottom: 100px;
		overflow: hidden;
	}
	.box_col_ > div:last-child {
		margin-bottom: 0;
	}
	.col_ {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.col_ > div {
		width: 50%;
		padding: 10px;
	}
	.col_ > div > div {
		background-color: #fff;
		border-radius: 4px;
		border: solid 2px #ddd;
		padding: 3em 3em 20em;
		height: 550px;
		position: relative;
		overflow: hidden;
		box-shadow: 2px 2px 2px #f0f0f0;
	}
		.col_ > div > div:hover {
			background-color: #fdf9f4;
			border-radius: 4px;
			border: solid 2px #ffc778;
			padding: 3em 3em 20em;
			height: 550px;
			position: relative;
			overflow: hidden;
		}
	@media screen and (max-width: 800px) {
		.col_ > div{
			width: 100%;
		}
	}
	.registration p {
		position: relative;
	}
	.registration input,
	.registration label {
		-webkit-transition: all .2s;
		transition: all .2s;
		font-size: 15px;
	}
	.registration input {
		font-size: 18px;
		width: 200px;
		padding: .5em .5em .5em 4.2em;
		border: 1px solid #aaa;
		border-radius: 3px;
		background: #fff;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #333;
	}
	.registration label {
		position: absolute;
		top: 1em;
		left: .5em;
		color: #aaa;
		line-height: 1;
	}
	.registration input:focus {
		padding-left: .5em;
	}
	.registration input:focus + label {
		top: -2.5em;
		left: 0;
		padding: .4em .7em .45em;
		border-radius: .2em;
		background-color: #3498db;
		color: #fff;
		font-size: 14px;
	}
	.registration input:focus + label::after {
		content: '';
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -6px;
		border: 6px solid transparent;
		border-top-color: #3498db;
	}
	.file {
		display: inline-block;
		overflow: hidden;
		position: relative;
		padding: .5em;
		border: 1px solid #999;
		background-color: #eee;
		border-radius: 3px;
	}
		.file:hover {
			color: #fff;
			border: 1px solid #0aacff;
			background: #89D7FF;
		}
	.file input[type='file'] {
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
		font-size: 100px;
		cursor: pointer;
	}
	.under {
		color: #3971A5;
		text-decoration: underline;
		line-height: 2.3em;
	}
		.under:hover {
			color: #FF8300;
			text-decoration: underline;
		}