/* CSS Document */

@media screen and (max-width:559px){

	body {
		background-color: #ffffff;
	}

	#background_logo {
		width: 70%;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		z-index: -99;
	}

	#title_company_information,
	#title_philosophy,
	#title_greeting,
	#title_about{
		font-size: 1em;
	}

	#content_linkbar_company {
		display: none;
	}

	#content_linkbar_greeting {
		display: none;
	}

	#content_linkbar_philosophy {
		display: none;
	}

	#content_linkbar_about {
		display: none;
	}

	#company_information {
		padding-top: 125px;
		padding-left: 10%;
		padding-bottom: 120px;
		height: 550px;
	}

	#company_infomation_description {
		font-size: 0.8em;
		width: 85%;
		padding-left: 5%;
		position: relative;
	}

	#company_infomation_description dt {
		color: #541eeb;
		font-size: 0.8em;
		font-weight: 700;
		margin-right: 0.5em ;
	}

	#company_infomation_description dd {
		margin-left: 1em;
		font-size: 0.7em;
		padding-bottom: 1em;
	}

	#company_infomation_description ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#company_infomation_description li {
		padding: 0;
		margin: 0;
		font-size: 0.8em;
	}

	#company_infomation_line {
		display: none;
	}

	#company_greeting {
		padding-top: 125px;
		padding-left: 10%;
		padding-bottom: 120px;
		height: 550px;
	}

	#company_greeting_description {
		font-size: 0.8em;
		width: 85%;
		padding-top: 1em;
		padding-left: 5%;
	}

	#company_philosophy {
		padding-top: 125px;
		padding-left: 10%;
		padding-bottom: 120px;
		height: 550px;
	}

	#company_philosophy_description {
		font-size: 0.8em;
		width: 85%;
		padding-top: 1em;
		position: relative;
		padding-left: 5%;
	}

	#contact_philosophy_note {
		padding-top: 1em;
		padding-left: 5%;
		font-size: 0.8em;
	}

	#company_philosophy_figure {
		display: none;
	}

	#company_about {
		padding-top: 125px;
		padding-left: 10%;
		padding-bottom: 120px;
		height: 550px;
	}

	#company_about_description {
		font-size: 0.8em;
		width: 85%;
		padding-top: 1em;
		padding-left: 5%;
	}
}
@media screen and (min-width:560px){
	body {
		background-color: #ffffff;
	}

	#background_logo {
		width: 378px;
		height: 359px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		z-index: -99;
	}

	#title_company_information,
	#title_philosophy,
	#title_greeting,
	#title_about{
		font-size: 1.2em;
	}

	#content_link_company,
	#content_link_greeting,
	#content_link_philosophy,
	#content_link_about {
		font-size: 12px;
	}

	#content_linkbar_company {
		display: none;
		position: absolute;
		width: 70px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#content_linkbar_greeting {
		display: none;
		position: absolute;
		width: 70px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#content_linkbar_philosophy {
		display: none;
		position: absolute;
		width: 60px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#content_linkbar_about {
		display: none;
		position: absolute;
		width: 60px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#company_information {
		padding-top: 125px;
		padding-left: 23%;
		padding-bottom: 120px;
		height: 550px;
	}

	#company_infomation_description {
		font-size: 0.9em;
		width: 85%;
		padding-left: 5%;
		position: relative;
	}

	#company_infomation_description dt {
		color: #541eeb;
		font-size: 0.9em;
		font-weight: 700;
		margin-right: 0.5em ;
	}

	#company_infomation_description dd {
		margin-left: 1em;
		font-size: 0.8em;
		padding-bottom: 1em;
	}

	#company_infomation_description ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#company_infomation_description li {
		padding: 0;
		margin: 0;
		font-size: 14px;
	}

	#company_greeting {
		padding-top: 125px;
		padding-left: 23%;
		padding-bottom: 120px;
		height: 550px;
	}

	#company_greeting_description {
		font-size: 0.9em;
		width: 85%;
		padding-left: 5%;
		padding-top: 1em;
	}

	#company_philosophy {
		padding-top: 125px;
		padding-left: 23%;
		padding-bottom: 120px;
		height: 550px;
	}

	#company_philosophy_description {
		width: 85%;
		font-size: 0.9em;
		padding-left: 5%;
		position: relative;
	}

	#contact_philosophy_note {
		padding-top: 1em;
		padding-left: 35%;
		font-size: 0.8em;
	}

	#company_philosophy_figure {
		position: absolute;
		left: 5%;
		top : 78%;
		padding-top: 1em;
	}

	#philosophy_figure_human_affairs {
		position:absolute;
		left: 18px;
		top: 0px;
		display: inline-block;
		opacity: 0.5;
		width: 64px;
		height: 64px;
		border-radius: 50%;
		border-width: 1px;
		border-color: #8972ff;
		border-style: solid;
		background-image: -webkit-radial-gradient(circle closest-side at 50%, rgba(255, 255, 255, 0.4) 0%, rgba(253, 253, 255, 0.4) 1%, #8972ff 100%);
		background-image: -moz-radial-gradient(circle closest-side at 50%, rgba(255, 255, 255, 0.4) 0%, rgba(253, 253, 255, 0.4) 1%, #8972ff 100%);
		background-image: -o-radial-gradient(circle closest-side at 50%, rgba(255, 255, 255, 0.4) 0%, rgba(253, 253, 255, 0.4) 1%, #8972ff 100%);
		background-image: radial-gradient(circle closest-side at 50%, rgba(255, 255, 255, 0.4) 0%, rgba(253, 253, 255, 0.4) 1%, #8972ff 100%);
	}

	#philosophy_figure_welfare {
		position:absolute;
		left: 0px;
		top: 27px;
		display: inline-block;
		opacity: 0.5;
		width: 64px;
		height: 64px;
		border-radius: 50%;
		border-width: 1px;
		border-color: #a072ef;
		border-style: solid;
		background-image: -webkit-radial-gradient(circle closest-side at 50%, #ffffff 0%, #ffffff 0%, #a072ef 100%);
		background-image: -moz-radial-gradient(circle closest-side at 50%, #ffffff 0%, #ffffff 0%, #a072ef 100%);
		background-image: -o-radial-gradient(circle closest-side at 50%, #ffffff 0%, #ffffff 0%, #a072ef 100%);
		background-image: radial-gradient(circle closest-side at 50%, #ffffff 0%, #ffffff 0%, #a072ef 100%);
	}

	#philosophy_figure_finance {
		position:absolute;
		left: 38px;
		top: 27px;
		display: inline-block;
		opacity: 0.5;
		width: 64px;
		height: 64px;
		border-radius: 50%;
		border-width: 1px;
		border-color: #89a0ef;
		border-style: solid;
		background-image: -webkit-radial-gradient(circle closest-side at 50%, #ffffff 0%, #ffffff 0%, #89a0ef 100%, #8972ef 100%);
		background-image: -moz-radial-gradient(circle closest-side at 50%, #ffffff 0%, #ffffff 0%, #89a0ef 100%, #8972ef 100%);
		background-image: -o-radial-gradient(circle closest-side at 50%, #ffffff 0%, #ffffff 0%, #89a0ef 100%, #8972ef 100%);
		background-image: radial-gradient(circle closest-side at 50%, #ffffff 0%, #ffffff 0%, #89a0ef 100%, #8972ef 100%);
	}

	#philosophy_human_affairs {
		position:absolute;
		left: 35px;
		top: 8px;
		font-size: 0.8em;
		width:30px;
	}

	#philosophy_welfare {
		position:absolute;
		left: 9px;
		top: 57px;
		font-size: 0.8em;
		width:35px;
		line-height: 1.1em;
	}

	#philosophy_finance {
		position:absolute;
		left: 71px;
		top: 57px;
		font-size: 0.8em;
		width:50px;
	}

	#philosophy_wit {
		position:absolute;
		left: 41px;
		top: 42px;
		color: #5825eb;
		font-size: 0.8em;
		font-weight: 700;
	}

	#company_about {
		padding-top: 125px;
		padding-left: 23%;
		height: 550px;
	}

	#company_about_description {
		font-size: 0.9em;
		width: 85%;
		padding-left: 5%;
		padding-top: 1em;
	}
}
@media screen and (min-width:960px){
	body {
		background-color: #ffffff;
	}

	#background_logo {
		width: 378px;
		height: 359px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		z-index: -99;
	}

	#title_company_information,
	#title_philosophy,
	#title_greeting,
	#title_about{
		font-size: 30px;	
	}

	#content_linkbar_company {
		display: none;
		position: absolute;
		width: 70px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#content_linkbar_greeting {
		display: none;
		position: absolute;
		width: 70px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#content_linkbar_philosophy {
		display: none;
		position: absolute;
		width: 70px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#content_linkbar_about {
		display: none;
		position: absolute;
		width: 70px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#company_information {
		padding-top: 125px;
		padding-left: 25%;
		padding-bottom: 120px;
		height: 550px;
	}

	#company_infomation_description {
		width: 85%;
		padding-left: 5%;
		position: relative;
	}

	#company_infomation_description dt {
		float: left ;
		clear: left ;
		color: #541eeb;
		font-size: 0.9em;
		font-weight: 700;
		margin-right: 0.5em ;
		width: 110px ;
		padding-bottom: 20px;
	}

	#company_infomation_description dd {
		float: left ;
		margin-left: 1em;
		font-size: 0.8em;
	}

	#company_infomation_description ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#company_infomation_description li {
		padding: 0;
		margin: 0;
		font-size: 0.8em;
	}

	#company_infomation_line {
		width: 1px;
		height: 320px;
		margin-left: 110px;
		background: #c0c0c0;
	}

	#company_greeting {
		padding-top: 125px;
		padding-left: 25%;
		padding-bottom: 120px;
		height: 550px;
	}

	#company_greeting_description {
		width: 85%;
		padding-left: 8%;
		font-size: 0.9em;
	}

	#company_philosophy {
		padding-top: 125px;
		padding-left: 25%;
		padding-bottom: 120px;
		height: 550px;
	}

	#company_philosophy_description {
		padding-left: 35%;
		width: 65%;
		font-size: 0.9em;
		position: relative;
	}

	#contact_philosophy_note {
		padding-top: 18px;
		font-size: 16px;
		padding-left: 5%;
	}

	#company_philosophy_figure {
		position: absolute;
		left: 3%;
		top: 15%;
	}

	#philosophy_figure_human_affairs {
		position:absolute;
		left: 37px;
		top: 0px;
		display: inline-block;
		opacity: 0.5;
		width: 128px;
		height: 128px;
		border-radius: 50%;
		border-width: 1px;
		border-color: #8972ff;
		border-style: solid;
		background-image: -webkit-radial-gradient(circle closest-side at 50%, rgba(255, 255, 255, 0.4) 0%, rgba(253, 253, 255, 0.4) 1%, #8972ff 100%);
		background-image: -moz-radial-gradient(circle closest-side at 50%, rgba(255, 255, 255, 0.4) 0%, rgba(253, 253, 255, 0.4) 1%, #8972ff 100%);
		background-image: -o-radial-gradient(circle closest-side at 50%, rgba(255, 255, 255, 0.4) 0%, rgba(253, 253, 255, 0.4) 1%, #8972ff 100%);
		background-image: radial-gradient(circle closest-side at 50%, rgba(255, 255, 255, 0.4) 0%, rgba(253, 253, 255, 0.4) 1%, #8972ff 100%);
	}

	#philosophy_figure_welfare {
		position:absolute;
		left: 0px;
		top: 54px;
		display: inline-block;
		opacity: 0.5;
		width: 128px;
		height: 128px;
		border-radius: 50%;
		border-width: 1px;
		border-color: #a072ef;
		border-style: solid;
		background-image: -webkit-radial-gradient(circle closest-side at 50%, #ffffff 0%, #ffffff 0%, #a072ef 100%);
		background-image: -moz-radial-gradient(circle closest-side at 50%, #ffffff 0%, #ffffff 0%, #a072ef 100%);
		background-image: -o-radial-gradient(circle closest-side at 50%, #ffffff 0%, #ffffff 0%, #a072ef 100%);
		background-image: radial-gradient(circle closest-side at 50%, #ffffff 0%, #ffffff 0%, #a072ef 100%);
	}

	#philosophy_figure_finance {
		position:absolute;
		left: 77px;
		top: 54px;
		display: inline-block;
		opacity: 0.5;
		width: 128px;
		height: 128px;
		border-radius: 50%;
		border-width: 1px;
		border-color: #89a0ef;
		border-style: solid;
		background-image: -webkit-radial-gradient(circle closest-side at 50%, #ffffff 0%, #ffffff 0%, #89a0ef 100%, #8972ef 100%);
		background-image: -moz-radial-gradient(circle closest-side at 50%, #ffffff 0%, #ffffff 0%, #89a0ef 100%, #8972ef 100%);
		background-image: -o-radial-gradient(circle closest-side at 50%, #ffffff 0%, #ffffff 0%, #89a0ef 100%, #8972ef 100%);
		background-image: radial-gradient(circle closest-side at 50%, #ffffff 0%, #ffffff 0%, #89a0ef 100%, #8972ef 100%);
	}

	#philosophy_human_affairs {
		position:absolute;
		left: 83px;
		top: 30px;
		font-size: 20px;
		width:50px;
	}

	#philosophy_welfare {
		position:absolute;
		left: 19px;
		top: 114px;
		font-size: 20px;
		width:50px;
		line-height: 1.1em;
	}

	#philosophy_finance {
		position:absolute;
		left: 147px;
		top: 119px;
		font-size: 20px;
		width:50px;
	}

	#philosophy_wit {
		position:absolute;
		left: 90px;
		top: 94px;
		color: #5825eb;
		font-size: 18px;
		font-weight: 700;
	}

	#company_about {
		padding-top: 125px;
		padding-left: 25%;
		padding-bottom: 200px;
		height: 550px;
	}

	#company_about_description {
		width: 85%;
		padding-left: 8%;
		font-size: 0.9em;
	}
}