*{
    margin: 0;
    padding: 0;
}
html, body {
	font-size: 16px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Meiryo, sans-serif;
	width: 100%;
}

/*-----*/
#wrapper_header {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.93);
	border-bottom: 1px solid #192D61 ;
	color: #192D61;
}
#wrapper_main {
	background-color: #FFF;
	color: #FFF;
	color: #111;
	padding: 0 20px;
	margin: 20px auto 0 auto;
}
@media screen and (max-width:587px) {
	#wrapper_main {
		margin: 140px auto 0 auto;
	}
}
#wrapper_footer {
	background-color: #192D61;
}

/*-----*/
header {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	height: 65px;
	padding: 15px 0px 0px 20px;
}
footer {
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px 0 30px 0;
	color: #FFF;
}

/*-----*/
h1 {
	float: left;
	width: 206px;
	height: 50px;
	font-size: 1px;
	background-image: url(../img/logo2.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 50px 0 0;
}
@media screen and (max-width:587px) {
	h1 {
		margin: 10px 50px 0 0;
	}
}

	h1 a {
		display: block;
		width: 206px;
		height: 50px;
	}
h2 {
	color: #192D61;
	font-size: 2em;
	letter-spacing: 1px;
	font-weight: lighter;
	padding: 20px 0 20px 0.5em;
	margin: 20px 0 0 0;
	border-top: 1px solid #192D61;
	border-bottom: 1px solid #192D61;
}
h3 {
	color: #192D61;
	font-size: 1.5em;
	font-weight: lighter;
	margin: 50px 0 0 1rem;
	padding: 5px 10px;
	border-top: 1px dotted rgba(25, 45, 97, 0.50);
	border-bottom: 1px dotted rgba(25, 45, 97, 0.50);
	background-color: rgba(25, 45, 97, 0.1);
}
@media screen and (max-width:587px) {
	h3 {
		margin: 50px 0 0 0;
	}
}


h4{
	font-size: 1em;
	font-weight: bold;
}
ul {
	list-style-type: none;
}
nav {
	float: left;
	margin: 1em 0 0 0;
}
@media screen and (max-width:587px) {
	nav {
		margin: 0.5em 0 0 0;
	}
}


	nav li {
		display: inline-block;
		margin: 0 2em 0 0;
		padding: 0 0 5px 0;
	}

		nav li a {
			color: #192D61;
			text-decoration: none;
		}

			nav li a:hover {
				border-bottom: 2px solid #192D61;
			}
section {
	max-width: 1000px;
	margin: 0px auto 50px auto;
	line-height: 200%;
}

/*-----*/
#header_message{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: right;
}
@media screen and (max-width:587px) {
	#header_message {
		text-align: left;
		left: 1em;
	}
}
	#header_message span {
		padding: 0 1em 0 0;
	}

	#main_area_ {
		position: relative;
	}

#main_copy {
    font-family: "������", YuMincho, "�q���M�m���� ProN W3", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", "�l�r ����", serif;
    position: absolute;
    width: 100%;
    top: 4.5vmin;
    left: 0;
    text-align: center;
    font-size: 4.5vmin;
    font-weight: bold;
    color: #192D61;
}
#sub_copy {
    font-family: "������", YuMincho, "�q���M�m���� ProN W3", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", "�l�r ����", serif;
    position: absolute;
    width: 100%;
    top: 11.0vmin;
    left: 0;
    text-align: center;
    font-size: 2.5vmin;
    font-weight: lighter;
    color: #192D61;
	line-height: 180%;
}
@media screen and (max-width:587px) {
    #main_copy {
        top: 1.0vmin;
    }

    #sub_copy {
        top: 8.5vmin;
        line-height: 170%;
    }
}

#key_visual {
    margin: 0 0 0 0;
    line-height: 0;
}

		#key_visual img {
			width: 100%;
		}

	/*-----*/
	#corp_idea {
	}

		#corp_idea p {
			margin: 1em 2em 0 2em;
		}

	@media screen and (max-width:587px) {
		#corp_idea p {
			margin: 1em 2em 0 1em;
		}
	}

	#corp_idea dl {
		margin: 1em 1em 0 2em;
		padding: 1em 1em;
		border-radius: 10px;
		background-color: #F9F9F9;
	}

	@media screen and (max-width:587px) {
		#corp_idea dl {
			margin: 1em 1em 0 1em;
		}
	}

	#corp_idea dt {
		margin: 15px 0 0 0;
		font-weight: bold;
		color: #192D61;
		/*background-image: url(../img/hasami.png);*/
		background-repeat: no-repeat;
		line-height: 100%;
	}

	#corp_idea dd {
		margin: 5px 0 10px 2em;
	}

	/*-----*/
	#management_idea {
	}

		#wanna {
			background-color: #F9F9F9;
			border-radius: 10px;
			padding: 10px;
			margin: 1em 1em 1em 0;
		}
#management_idea dl {
	border-radius: 10px;
	background-color: #F9F9F9;
	padding: 1em;
	margin: 15px 0 0 0;
	font-weight: bold;
	color: #192D61;
}

		#management_idea > dl, #management_idea > p {
			margin: 1em 0 0 2em;
		}

	@media screen and (max-width:587px) {
		#management_idea > dl, #management_idea > p {
			margin: 1em 0 0 1em;
		}
	}

	#management_idea > dl dd {
		margin: 0 0 1em 2em;
	}

	@media screen and (max-width:587px) {
		#management_idea > dl dd {
			margin: 0 0 1em 1em;
		}
	}

	#management_idea > p {
		margin: 1em 0 0 2em;
	}

	@media screen and (max-width:587px) {
		#management_idea > p {
			margin: 1em 0 0 1em;
		}
	}

	/*-----*/
	#marks {
	}

		#marks > div {
			margin: 1em 0 0 2em;
		}

	@media screen and (max-width:587px) {
		#marks > div {
			margin: 1em 0 0 1em;
		}
	}
	#marks >div> p{
		margin: 1em 0 0 0;
	}

#marks ul {
	overflow: hidden;
	margin: 20px 0 0 0;
}

#marks li {
	width: 300px;
	height: 550px;
	float: left;
	margin: 10px 10px 30px 0;
	border: 1px solid #a36089;
	border-radius: 10px;
}

	@media screen and (max-width:587px) {
		#marks li {
			width: auto;
			height: auto;
		}
	}

	.mark_copy {
		background-color: #a52d77;
		color: #FFF;
		text-align: center;
		border-radius: 8px 8px 0 0;
		padding: 8px 0;
	}

	.mark_date {
		background-color: rgba(163, 96, 137, 0.1);
		text-align: center;
		padding: 5px 0;
	}

	.mark_name {
		font-weight: bold;
		color: #a52d77;
		display: inline-block;
		padding: 0 5px;
	}

	.mark {
		text-align: center;
	}

	.mark_detail {
		padding: 0 10px 10px 10px;
	}

	#last_message {
		margin: 2em 0 0 0;
	}
	

	/*-----*/
	#corp_info dl {
		margin: 1em 0 0 1em;
		padding: 0 0 0 0;
		overflow: hidden;
	}

	@media screen and (max-width:587px) {
		#corp_info dl {
			margin: 1em 0.5em 0 0.5em;
		}
	}

	#corp_info dt {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 5px;
		float: left;
		width: 8em;
	}

	#corp_info dd {
		margin: 0 0 0 140px;
		padding: 5px;
	}

	/*-----*/
	#corp_history {
		overflow: hidden;
	}

		#corp_history dl {
			margin: 1em 0 0 2em;
			float: left;
		}

	@media screen and (max-width:587px) {
		#corp_history dl {
			margin: 1em 0.5em 0 0.5em;
		}
	}

	#corp_history dt {
		font-weight: bold;
		float: left;
		width: 7em;
	}

	#corp_history dd {
		margin-left: 7em;
	}

	#building {
		margin: 20px 0 0 1em;
		width: 320px;
		float: right;
		line-height: 120%;
	}

	/*-----*/
	footer dl {
		float: left;
		padding: 10px;
	}

	footer dt {
		font-weight: bold;
		border-bottom: 1px dotted #FFF;
	}

	footer dt, footer dd {
		padding: 5px;
	}

		footer dd a {
			color: #FFF;
			text-decoration: none;
		}

			footer dd a:hover {
				border-bottom: 2px solid #FFF;
			}

	#copy {
		clear: both;
		text-align: center;
		padding: 20px 10px;
	}