@charset "utf-8";


/**************************************************50
 * company
 **************************************************/
#company{
}
@media screen and (max-width:767px){
	#company{
	}
}
@media screen and (min-width:768px){
	#company{
	}
}


/**************************************************50
 * philosophy
 **************************************************/
#philosophy{
	background-color: #41BBDB;
	color: #FFFFFF;
}
#philosophy figure{
}
#philosophy figure figcaption{
	text-align: center;
}
#philosophy figure figcaption h2{
	line-height: 1.2;
	font-weight: normal;
	text-align: center;
}
#philosophy figure figcaption h2 span{
	display: inline-block;
	position: relative;
}
#philosophy figure figcaption h2 span:before,
#philosophy figure figcaption h2 span:after{
	background-color: #FFFFFF;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	top: 50%;
}
#philosophy figure figcaption h2 span:before{
	right: -0.5em;
	-ms-transform: translate(100%, -50%);
	-webkit-transform: translate(100%, -50%);
	transform: translate(100%, -50%);
}
#philosophy figure figcaption h2 span:after{
	left: -0.5em;
	-ms-transform: translate(-100%, -50%);
	-webkit-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
}
#philosophy figure figcaption p{
}
#philosophy figure picture{
	text-align: center;
}
#philosophy figure picture img{
	width: 175px;
}
@media screen and (max-width:359px){
	#philosophy figure figcaption p{
		text-align: left;
	}
}
@media screen and (max-width:767px){
	#philosophy{
		margin-top: -3.125%;
		margin-bottom: 6.25%;
		padding-top: 3.125%;
		padding-bottom: 3.125%;
	}
	#philosophy figure{
	}
	#philosophy figure figcaption{
	}
	#philosophy figure figcaption h2{
		font-size: 150%;
		margin-bottom: 1.5625%;
	}
	#philosophy figure figcaption h2 span{
	}
	#philosophy figure figcaption h2 span:before,
	#philosophy figure figcaption h2 span:after{
		width: 2em;
	}
	#philosophy figure figcaption p{
		padding: 0 3.125%;
	}
	#philosophy figure figcaption p + p{
		margin-top: 1.5625%;
	}
	#philosophy figure picture{
	}
	#philosophy figure picture img{
	}
}
@media screen and (min-width:768px){
	#philosophy{
		margin-top: -50px;
		margin-bottom: 100px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#philosophy figure{
	}
	#philosophy figure figcaption{
	}
	#philosophy figure figcaption h2{
		font-size: 200%;
		margin-bottom: 20px;
	}
	#philosophy figure figcaption h2 span:before,
	#philosophy figure figcaption h2 span:after{
		width: 3em;
	}
	#philosophy figure figcaption h2 span{
	}
	#philosophy figure figcaption p{
		font-size: 125%;
	}
	#philosophy figure figcaption p + p{
		margin-top: 20px;
	}
	#philosophy figure picture{
	}
	#philosophy figure picture img{
	}
}


/**************************************************50
 * greetings
 **************************************************/
#greetings{
}
#greetings figure{
}
#greetings figure figcaption{
}
#greetings figure figcaption h2{
	border-bottom: 1px solid #4D4D4D;
	line-height: 1.2;
}
#greetings figure figcaption p{
}
#greetings figure figcaption p.right{
}
#greetings figure figcaption p.right span{
}
#greetings figure figcaption p.right b{
	display: inline-block;
	font-weight: normal;
	line-height: 1;
	margin-left: 0.5em;
}
#greetings figure picture{
	text-align: center;
}
#greetings figure picture img{
}
@media screen and (max-width:767px){
	#greetings{
		margin-bottom: 6.25%;
	}
	#greetings figure{
	}
	#greetings figure figcaption{
		margin-bottom: 3.125%;
	}
	#greetings figure figcaption h2{
		font-size: 150%;
		margin: 0 auto 1.5625%;
		padding: 1.5625% 3.125%;
		width: 93.75%;
	}
	#greetings figure figcaption p{
		padding: 0 3.125%;
	}
	#greetings figure figcaption p.right{
	}
	#greetings figure figcaption p.right span{
	}
	#greetings figure figcaption p.right b{
		font-size: 137.5%;
	}
	#greetings figure picture{
	}
	#greetings figure picture img{
		width: 93.75%;
	}
}
@media screen and (min-width:768px){
	#greetings{
		margin-bottom: 100px;
	}
	#greetings figure{
		border-collapse: separate;
		border-spacing: 0;
		display: table;
		margin-left: auto;
		margin-right: auto;
		table-layout: fixed;
		width: -webkit-calc(100% - (20px * 2));
		width: calc(100% - (20px * 2));
		max-width: 990px;
	}
	#greetings figure figcaption{
		display: table-cell;
		vertical-align: top;
	}
	#greetings figure figcaption h2{
		font-size: 200%;
		margin-bottom: 20px;
		padding: 0.25em 0.5em;
	}
	#greetings figure figcaption p{
		padding: 0 2em 0 1em;
	}
	#greetings figure figcaption p.right{
	}
	#greetings figure figcaption p.right span{
	}
	#greetings figure figcaption p.right b{
		font-size: 175%;
	}
	#greetings figure picture{
		display: table-cell;
		vertical-align: top;
		width: 38.25%;
	}
	#greetings figure picture img{
		width: 100%;
	}
}


/**************************************************50
 * profile
 **************************************************/
#profile{
}
#profile table{
}
#profile table tr th{
}
#profile table tr td{
}
@media screen and (max-width:767px){
	#profile{
		margin-bottom: 6.25%;
	}
	#profile table{
	}
	#profile table tr th{
	}
	#profile table tr td{
	}
}
@media screen and (min-width:768px){
	#profile{
		margin-bottom: 100px;
	}
	#profile table{
	}
	#profile table tr th{
	}
	#profile table tr td{
	}
}