@charset "utf-8";





#message_box {
	max-width: 800px;
	margin: 0 auto;
	padding: 60px 0 80px;
	width: 90%;
}

#president_message {
	font-size: 88%;
}

#president_photo_and_name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	margin-bottom: 70px;
}

#president_photo_and_name img {
	display: table-cell;
}

#president_photo {
	display: table-cell;
}

#ruby_and_name {
	padding-left: 45px;
	line-height: 1;
	display: table-cell;
}

#president_name {
	font-size: 170%;
}

#photo_and_name_box {
	padding-bottom: 75px;
}

#photo_and_name {
	display: table-cell;
	vertical-align: middle;
}
#position {
	padding-left: 50px;
}

#ruby_box {
	display: inline-block;
	line-height: 1;
	padding-left: 50px;
}

#img_middle {
	vertical-align: middle;
	margin-right: 50px;
}

#swtch_photo_and_name {
	display: inline-block;
}

#p_strong {
	font-size: 160%;
}
#strong {
	font-size: 160%;
}

#president_end_name {
	float: right;
}

#switch_br:before {
	content: "\A";
	white-space: pre;
}

#mission_and_credo_heading {
	width: 90%;
	margin: 0 auto 100px;
	text-align: center;
	font-weight: 500;
	font-size: 90%;
	letter-spacing: -1.4px;
}
#mission_and_credo_box {
	padding: 100px 0 130px;
	background-color: #fbeded;
}
#mission_and_credo {
	box-sizing: border-box;
	position: relative;
	width: 96%;
	max-width: 793px;
	margin: 20px auto;
	padding: 100px 8% 130px;
	background: 
		url('/images/company/frame_idea_top.png') no-repeat center top,
		url('/images/company/frame_idea_bottom.png') no-repeat center bottom,
		url('/images/company/frame_idea_center.png') repeat-y center;
	background-size: 100%, 100%, 100%;
}

#mission_and_credo_heading img {
	max-width: 314px;
	width: 100%;
}
#mission_and_credo ol {
	width: 90%;
	max-width: 470px;
	margin: 0 auto;
}
#mission_and_credo ol li {
	display: table-cell;
	padding-bottom: 40px;
}
#mission_and_credo ol li:first-child {
	padding-right: 20px;
}


#cat {
	position: absolute;
	bottom: -1px;
	right: 17%;
	line-height: 0;
}





#profile_box {
	overflow: hidden;
	background: url('/images/company/profile_bg.png') no-repeat right top;
}
#profile {
	width: 96%;
	max-width: 800px;
	padding-top: 110px;
	margin: 0 auto;
}
#profile a.link {
	text-decoration: underline;
	color: #666;
}
#profile a.link:hover {
	text-decoration: none;
	color: #888;
}
#profile table {
	width: 100%;
	max-width: 800px;
	line-height: 1.3;
	margin-bottom: 100px;
}

#profile table tr {
	border-bottom: 2px dotted #cacbc5;
}
#profile table tr:last-child {
	border-bottom: none;
}
#profile table tr td {
	padding: 10px 20px;
}


#profile table tr td ul li {
	display: table-cell;
}

#profile table tr td ul li:first-child {
	width: 5em;
}


/*===============================================
●ブレイクポイント
===============================================*/
@media screen and (max-width: 768px){

#profile_box {
	background-size: 500px;
}

}/* 768pxの閉じカッコ */

/*===============================================
●ブレイクポイント
===============================================*/
@media screen and (max-width: 640px) {
	
#ruby_box {
	text-align: left;
}

#switch_br:before {
	content: "";
}

#photo_and_name {
	text-align: center;
	width: 600px;
}
	
#img_middle {
	margin-right: 0;
	margin-bottom: 20px;
}
	
#swtch_photo_and_name {
	width: 100%;
	text-align: center;
}

#cat img {
	width: 52px;
}
	
#profile {
	padding-bottom: 150px;
}

#profile_box {
	background-size: 300px;
}
	
#profile tr td:first-child {
	padding-left: 5px;
}

}/* 640pxの閉じカッコ */