@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:500,600&display=swap');

/* conmapny */
#company{
	background-color: #f8f8f8;
	position: relative;
	z-index: -2;
	overflow:hidden;
}
#company .deco {
    position: absolute;
	z-index: -1;
	overflow: hidden;
}
#company .deco_1 {
    top: -180px;
    left: -20px;
    width: 250px;
}
#company .deco_2 {
    top: 30px;
    right: 150px;
    width: 170px;
}
#company .deco_3 {
    bottom: 240px;
    left: 80px;
    width: 200px;
}
#company .deco_4 {
    bottom: -50px;
    right: 80px;
    width: 330px;
}
#company .deco_5 {
	top: 350px;
	left: 50px;
	width: 170px;
}
#company .deco_6 {
	bottom: 500px;
	right: -80px;
	width: 250px;
}
#company .content_inner{
	padding-top: 70px;
	padding-bottom: 90px;
	max-width: 800px;
}

#company .title {
	padding-top: 75px;
	margin-bottom: 80px;
}

#company .sub_title {
	font-size: 2rem;
}
#company .box.fl {
	width: 20%!important;
}
#company .box.fr{
	width: 75%!important;
}
#company .company_info {
	margin-bottom: 80px;
}
#company .company_info:last-child {
	margin-bottom: 25px;
}
#company .section_title {
	font-size: 1.6rem;
	font-weight: bold;
	border-bottom: solid 2px #e0e0e0;
	position: relative;
	margin-bottom: 15px;
}
#company .section_title:after {
	content: "";
	display: block;
	overflow: hidden;
	position: absolute;
	width: 15%;
 	border-bottom: solid 2px #3eb1bb;
}
#company .section_title:first-child{
	margin-bottom: 25px;
}
.president_message {
	width: 74%!important;
	float: left;
}
.president_message .message_mb:not(:last-child) {
	margin-bottom: 15px;
}
.president_img {
	width: 24%!important;
	float:right;
	margin-bottom: 10px;
}
.president_name {
	text-align: right;
	margin-top: 10px;
	font-size: 1.3rem;
	line-height: 1.4;
}

.company_profile {
	border-collapse: separate;
	border-spacing: 0 12px;
	width: 100%;
}
.company_profile th, .company_profile td {
	padding: 10px 15px;
}
.company_profile th {
	background-color: #2f4763;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.company_profile td {
	background-color: #fff;
}

.philosophy_lead {
	background-color: #3eb1bb;
	color: #fff;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
	padding: 15px 10px;
	margin-bottom: 30px;
	letter-spacing: 0.03em;
}
.philosophy_list li:before {
    content:  ""; 
    width:  8px;
    height:  8px;
    display:  inline-block; 
    background-color: #3eb1bb;
    border-radius:  50%;
	margin-right: 7px;
}
.philosophy_list:not(:last-of-type) {
	margin-bottom: 20px;
}



@media (max-width : 767px) {
/* company */
#company{
	margin-top:-50px;
	padding-top:50px;
}	
#company .content_inner{
	padding-top: 50px;
	padding-bottom: 30px;
}
#company .title {
	margin-bottom: 40px;
}
#company .sub_title {
	font-size: 1.8rem;
}
#company .deco_1 {
    top: -200px;
    left: -50px;
    width: 180px;
}
#company .deco_2 {
    top: 10px;
    right: -30px;
    width: 130px;
}
#company .deco_3 {
    bottom:250px;
    left: -30px;
    width: 150px;
}
#company .deco_4 {
    bottom:-20px;
    right: -80px;
    width: 200px;
}
#company .deco_5 {
	top: 500px;
	left: 50px;
	width:130px;
}
#company .deco_6 {
	bottom: 500px;
	right: -80px;
	width: 180px;
}
	
#company .box.fl{
	width: 30%!important;
}
#company .box.fr{
	width: 70%!important;
}
.president_message {
	float:none;
	width: 100%!important;
}
.president_message .message_mb:last-child {
	margin-bottom: 20px;
}
.president_img {
	float: none;
	width: 65%!important; 
	margin: 10px auto 0;
}
.philosophy_lead {
	font-size: 1.6rem;
	padding: 15px 5px;
	margin-bottom: 30px;
}

}









@media (max-width : 480px) {
/* company */
#company .content_inner{
	padding: 30px 15px 15px;	
}
#company .box.fl,#company .box.fr{
	float: none;
	width: 100%!important;
}
.company_profile th,.company_profile td {
	display: block;
}
}