@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}
		}
	section.item {
		text-align: center;
	}
	.row {
		margin: 0px 0 -1px -1.5em;
	}
	.wrapper.style .box {
		background-color: #fff;
		padding: 3em 2.5em;
	}
	h2 {
		margin: 0;
		color: #39454b;
		font-weight: 700;
		line-height: 1.5em;
		margin: 0 0 0.2em 0;
	}
	header h2 + p {
		margin-top: -1em;
		line-height: 1.5em;
	}
	header p {
		color: #666;
		position: relative;
	}
	.contents h2 {
		font-size: 30pt !important;
		padding-top: 40px;
	}
	h3 {
		color: #333;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.5em;
		padding-top: 20px;
	}
	h3 a {
		position: relative;
		display: inline-block;
		text-decoration: none;
	}
		h3 a::after {
			position: absolute;
			bottom: -1px;
			left: 0;
			content: '';
			width: 100%;
			height: 2px;
			background: #36B4C7;
			transform: scale(0, 1);
			transform-origin: center top;
			transition: transform .3s;
		}
		h3 a:hover::after {
			  transform: scale(1, 1);
		}
	.wrapper.style .box h3 {
		color: #333;
	}
	.box {
		border-radius: 4px;
		border: solid 1px rgba(144, 144, 144, 0.25);
		margin-bottom: 2em;
		padding: 1.5em;
	}
	.comment {
		color: #333;
		line-height: 18pt;
		padding-top: 10px;
	}
	.element_box1 {
		padding-top: 50px;
		height: 70px;
	}
	.element_box2 {
		padding-top: 30px;
		height: 170px;
		line-height: 20pt;
		text-align: left;
	}
	.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;
		}
	.under {
		color: #3971A5;
		text-decoration: underline;
	}
		.under:hover {
			color: #FF8300;
			text-decoration: underline;
		}