@charset "utf-8";

section.social {
	padding-bottom: 40px;
}
/*message*/
.message{
	position: relative;
}

.message .ttl_wrap{
	background-color: #387b4e;
	color: #fff;
	text-align: center;
	padding: 50px 20px 30px;
}
.message .ttl_wrap .h_text.ta_c br{
    display: none;
}
.message .bg_box{
	position: relative;
	padding-top: 60px;
	padding-bottom: 55px;
}
.message .bg_box::before{
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	content: '';
	height: 100%;
	width: 61.875%;
	z-index: 1;
	background-image: url(../images/company/photo@2x.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
}
.message .bg_box::after{
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	content: '';
	height: 100%;
	width: 61.875%;
	z-index: 0;
	background-image: url(../images/company/bg_print.png);
	background-repeat: repeat-y;
	background-position: right bottom;
	background-size: contain;
}
.message .container{
	position: relative;
	z-index: 2;
}

.message .ttl_wrap h3{
	margin-bottom: 35px;
}

.message .ttl_wrap .h_text{
	font-size: 34px;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}

.message .bolbox{
	width: 100%;
	max-width: 57.5%;
}

.message .sub_text{
	color: #333333;
	font-size: 16px;
	line-height: 1.875;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	margin-bottom: 1.5em;
}
.message .name .company_hols{
	float: left;
	font-size: 14px;
	line-height: 1.785;
	color: #333333;
}
.message .name .nameplat{
	float: left;
	padding: 15px 0 0 15px;
}
/*message//*/



/*companyprofile*/
.companyprofile{
	padding: 80px 0 50px;
}
.companyprofile h3{
	color: #387b4e;
}
.companyprofile .table table{
	border-collapse: collapse;
	width: 100%;
}
.companyprofile .table tr>*{
	color: #333333;
	font-size: 16px;
	line-height: 1.875;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	position: relative;
	padding: 10px 0;
}
.companyprofile .table tr>*::after{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	display: block;
	content: '';
	height: 1px;
	background-color: #aaaaaa;
}
.companyprofile .table tr th{
	width: 130px !important;
	padding-left: 10px;
}
.companyprofile .table tr th::after{
	height: 3px;
	background-color: #387b4e;
}
.companyprofile .table tr td{
	padding-left: 30px;
    width: auto !important;
}
/*companyprofile//*/

/*staff*/
.staff{
	padding: 50px 0 40px;
}
.staff h3{
	color: #387b4e;
}
.staff .staff_lists .list{
	float: left;
	width: 22.65625%;
	margin-right: 3.125%;
	position: relative;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	padding: 20px;
}
.staff .staff_lists .list:last-child{
	margin-right: 0;
}
.staff .staff_lists .list::before{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	content: '';
	box-sizing: border-box;
	border: solid #cccccc 1px;
	pointer-events: none;
}
.staff .staff_lists .list figure {
	position: relative;
	z-index: 2;
	padding:  0;
	margin: 0;
}
.staff .staff_lists .list figcaption,
.staff .staff_lists .list .figcaption {
	font-size: 16px;
	line-height: 1.2;
	color: #387b4e;
	text-align: center;
	padding: 10px 0;
}
.staff .staff_lists .list figcaption span,
.staff .staff_lists .list .figcaption span{
	font-size: 22px;
}
.staff .staff_lists .list .text{
	position: relative;
	z-index: 2;
	font-size: 15px;
	line-height: 2;
	color: #333333;
}
/*staff//*/

/*office*/
.office{
	padding: 40px 0 90px;
}
.office h3{
	color: #387b4e;
}
.office .map_lists .list.top{
	position: relative;
	width: 100%;
	margin-bottom: 35px !important;
}
.office .map_lists .list:not(.top){
	width: 48.4375%;
}
.office .map_lists .list.left{
	float: left;
}
.office .map_lists .list.right{
	float: right;
}


.office .map_lists .list.top .map{
	width: 48.4375%;
}
.office .map_lists .list.top .detail{
	width: 48.4375%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.office .map_lists .list.left .map,
.office .map_lists .list.right .map{
	margin-bottom: 10px;
}



.office .map_lists .list .map {
	height: 300px;
	maxwidth: 620px;
	width: 100%;
}
.office .map_lists .list .map iframe{
	width: 100%;
	height: 100%;
}
.office .map_lists .list .detail{
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	font-size: 16px;
	line-height: 1.875;
}

.office .offis_lists .list{
	float: left;
	width: 22.65625%;
	margin-right: 3.125%;
	position: relative;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}
.office .offis_lists .list:last-child{
	margin-right: 0;
}

.office .offis_lists .list figure{
	margin: 0;
}

.office .offis_lists .list .pic{
	margin-bottom: 10px !important;
}

.office .offis_lists .list figcaption,
.office .offis_lists .list .figcaption,
.office .offis_lists .list .text{
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	font-size: 16px;
	text-align: center;
	line-height: 1.875;
}

.office .offis_lists .list figcaption,
.office .offis_lists .list .figcaption{
	font-size: 18px;
	line-height: 1.65;
}
/*office//*/

/*grouphistory*/
.grouphistory{
	padding: 60px 0 110px;
	background-image: url(../images/company/grouphistory_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.grouphistory h3{
	color: #fff;
}
.grouphistory .grouphistory_lists,
.grouphistory .grouphistory_lists > .vc_column-inner > .wpb_wrapper{
	flex-direction: row;
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
}
.grouphistory .grouphistory_lists .list,
.grouphistory .grouphistory_lists > .vc_column-inner > .wpb_wrapper .list{
	width: 48.4375%;
	position: relative;
	margin-bottom: 20px !important;
	color: #fff;
	letter-spacing: -0.40em;
	padding: 10px 0;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	
	min-height: 70px;
	flex-direction: row;
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.grouphistory .grouphistory_lists .list .wpb_wrapper {
    width: 100%;
}

.grouphistory .grouphistory_lists .list.lings{
	/*
	margin-top: 20px;
	margin-bottom: 0;
	*/
}
.grouphistory .grouphistory_lists .list::before,
.grouphistory .grouphistory_lists > .vc_column-inner > .wpb_wrapper .list::before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	display: block;
	opacity: 0.6;
	box-sizing: border-box;
	border: solid #fff 1px;
	pointer-events: none;
	z-index: 1;
}
.grouphistory .grouphistory_lists .list.eve::before{
	background-color: #000;
}

.grouphistory .grouphistory_lists .list .inner_list{
	width: 100%;
}

.grouphistory .grouphistory_lists .list time,
.grouphistory .grouphistory_lists .list .time{
	font-size: 20px;
	display: inline-block;
	letter-spacing: 0.1em;
	vertical-align: middle;
	width: 170px;
	padding-left: 20px;
	position: relative;
	z-index: 2;
	line-height: 1.5;
	/*line-height\0: 1.2;
	padding-top\0: 0.3em;*/
	
}
.grouphistory .grouphistory_lists .list .time{
	display: block;
}
.grouphistory .grouphistory_lists .list time::after,
.grouphistory .grouphistory_lists .list .time::after{
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	height: 100%;
	width: 1px;
	background-color: #fff;
	content: '';
}
.grouphistory .grouphistory_lists .list .text{
	font-size: 16px;
	line-height: 1.5;
	display: inline-block;
	letter-spacing: 0.1em;
	vertical-align: middle;
	width: calc(100% - 170px);
	padding-left: 20px;
	position: relative;
	z-index: 2;
	padding-right: 10px;
}
/*grouphistory//*/
.grouphistory .grouphistory_lists .list:nth-child(4n-1):before,.grouphistory .grouphistory_lists .list:nth-child(4n-2):before {
  background-color: #000;
}





















/*===============//max-width: 2000px===============*/
@media (max-width: 2000px) {

}
/*===============//max-width: 2000px===============*/


/*===============//max-width: 1400px===============*/
@media (max-width: 1400px) {

}
/*===============//max-width: 1400px===============*/


/*===============//max-width: 1380px===============*/
@media (max-width: 1380px) {
    .office .offis_lists .list figcaption,
    .office .offis_lists .list .figcaption,
	.office .offis_lists .list .text {
		font-size: 14px;
		line-height: 1.6;
	}
    .office .offis_lists .list figcaption,
    .office .offis_lists .list .figcaption {
		font-size: 16px;
	}
}
/*===============//max-width: 1380px===============*/


/*===============//max-width: 1280px===============*/
@media (max-width: 1280px) {
	.message .ttl_wrap h3 {
		margin-bottom: 25px;
	}
	.message .ttl_wrap .h_text {
		font-size: 30px;
	}
	.message .sub_text {
		font-size: 14px;
		line-height: 1.6;
	}
	.message .name .company_hols {
		font-size: 12px;
	}
	
	.companyprofile .table tr>* {
		font-size: 14px;
		line-height: 1.6;
	}
	
	
    .staff .staff_lists .list figcaption,
    .staff .staff_lists .list .figcaption {
		font-size: 15px;
	}
    .staff .staff_lists .list figcaption span,
    .staff .staff_lists .list .figcaption span {
		font-size: 20px;
	}
	.staff .staff_lists .list .text {
		font-size: 14px;
		line-height: 1.6;
	}
	
	.office .map_lists .list .detail {
		font-size: 14px;
		line-height: 1.6;
	}
	
	
	.grouphistory .grouphistory_lists .list time {
		font-size: 18px;
		width: 150px;
	}
	.grouphistory .grouphistory_lists .list .text {
		font-size: 14px;
		width: calc(100% - 150px);
	}


}
/*===============//max-width: 1280px===============*/


/*===============//max-width: 1200px===============*/
@media (max-width: 1200px) {
	.office .offis_lists {
		max-width: 620px;
		margin: 0 auto;
	}
	.office .offis_lists .list {
		float: left;
		margin: 0 auto;
		max-width: 290px;
		width: 47%;
		margin-bottom: 40px;
	}
	.office .offis_lists .list:nth-child(2n) {
		float: right;
	}
	.office .offis_lists .list:nth-child(2n+1) {
		clear: both;
	}
	.office .offis_lists .list:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
}
/*===============//max-width: 1200px===============*/


/*===============//max-width: 1100px===============*/
@media (max-width: 1100px) {
	.staff .staff_lists .list {
		letter-spacing: normal;
		padding: 10px;
	}
    .staff .staff_lists .list figcaption,
    .staff .staff_lists .list .figcaption {
		font-size: 14px;
	}
}
/*===============//max-width: 1030px===============*/


/*===============//max-width: 1080px===============*/
@media (max-width: 1080px) {

}
/*===============//max-width: 1080px===============*/


/*===============//max-width: 1030px===============*/
@media (max-width: 1030px) {

}
/*===============//max-width: 1030px===============*/


/*===============//max-width: 1000px===============*/
@media (max-width: 1000px) {

}
/*===============//max-width: 1000px===============*/


/*===============//max-width: 960px===============*/
@media (max-width: 960px) {
	.staff .staff_lists {
		max-width: 620px;
		margin: 0 auto;
	}
	.staff .staff_lists .list {
		max-width: 290px;
		width: 47%;
		margin-right: 0;
		margin-bottom: 40px;
		padding: 20px;
	}
	.staff .staff_lists .list:nth-child(2n) {
		float: right;
	}
	.staff .staff_lists .list:nth-child(2n+1) {
		clear: both;
	}
	.staff .staff_lists .list:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	
	.office .map_lists .list .map {
		height: 220px;
	}
	
	.grouphistory .grouphistory_lists,
    .grouphistory .grouphistory_lists > .vc_column-inner > .wpb_wrapper{
		display: block;
	}
	
	.grouphistory .grouphistory_lists .list,
    .grouphistory .grouphistory_lists > .vc_column-inner > .wpb_wrapper .list {
		width: 100%;
	}
	.grouphistory .grouphistory_lists .list.lings {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.grouphistory .grouphistory_lists .list:last-child{
		margin-bottom: 0;
	}
	
	.grouphistory .grouphistory_lists .list.eve::before {
		background-color: transparent;
	}
	
	.grouphistory .grouphistory_lists .list:nth-child(2n)::before {
		/*background-color: #000;*/
	}
    .message .ttl_wrap .h_text.ta_c br.vsp960{
        display: inline !important;
    }

  /*20190522*/
  .grouphistory .grouphistory_lists, .grouphistory .grouphistory_lists>.vc_column-inner>.wpb_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	}
	.grouphistory .grouphistory_lists div.wpb_wrapper .list:nth-child(odd) {
    order: 1;
	}
	.grouphistory .grouphistory_lists div.wpb_wrapper .list:nth-child(even) {
    order: 2;
	}
	.grouphistory .grouphistory_lists .list:nth-child(4n-1):before,.grouphistory .grouphistory_lists .list:nth-child(4n-2):before {
    background-color: #000;
	}

}
/*===============//max-width: 960px===============*/


/*===============//max-width: 900px===============*/
@media (max-width: 900px) {

}
/*===============//max-width: 900px===============*/


/*===============//max-width: 860px===============*/
@media (max-width: 860px) {

}
/*===============//max-width: 860px===============*/


/*===============//max-width: 800px===============*/
@media (max-width: 800px) {
	.message .bolbox {
		max-width: 100%;
	}
	.message .bolbox >* {
		width: 100%;
		max-width: 57.5%;
	}
	.message .bolbox >*:nth-child(1),
	.message .bolbox >*:nth-child(3),
	.message .bolbox >*:nth-child(2) {
		max-width: 100%;
	}
}
/*===============//max-width: 800px===============*/


/*===============//max-width: 767px===============*/
@media (max-width: 767px) {
	.message .ttl_wrap {
		padding: 20px 20px 20px;
	}
	.message .ttl_wrap h3 {
		margin-bottom: 15px;
	}
	.message .ttl_wrap .h_text {
		font-size: 26px;
	}
	
	.companyprofile {
		padding: 40px 0 30px;
	}
	.companyprofile .table tr{
		display: block;
		margin-bottom: 10px;
	}
	.companyprofile .table tr th {
		display: block;
		width: 100%;
		padding-left: 10px;
	}
	.companyprofile .table tr td {
		display: block;
		width: 100%;
		padding-left: 10px;
	}
	.staff {
		padding: 30px 0 20px;
	}
	
	.office {
		padding: 30px 0 40px;
	}
	.office .map_lists .list{
		margin-bottom: 35px !important;
	}
	.office .map_lists .list .map {
		margin-bottom: 10px;
	}
	.office .map_lists .list.top .map {
		width: 100%;
	}
	.office .map_lists .list.top .detail {
		width: 100%;
		position: static;
		transform: none;
	}
	.office .map_lists .list:not(.top) {
		width: 100%;
		float: none;
	}
	
	.grouphistory {
		padding: 40px 0 50px;
	}
	
	
	
}
/*===============//max-width: 767px===============*/


/*===============//max-width: 640px===============*/
@media (max-width: 640px) {
	.message .bolbox >*:nth-child(1),
	.message .bolbox >*:nth-child(2),
	.message .bolbox >*:nth-child(3),
	.message .bolbox >*:nth-child(4) {
		max-width: 100%;
	}
}
/*===============//max-width: 640px===============*/


/*===============//max-width: 600px===============*/
@media (max-width: 600px) {
    .office .offis_lists .list figcaption,
    .office .offis_lists .list .figcaption {
		font-size: 14px;
	}
    .office .offis_lists .list figcaption, .office .offis_lists .list .text,
    .office .offis_lists .list .figcaption, .office .offis_lists .list .text {
		font-size: 12px;
		line-height: 1.6;
	}
    .message .ttl_wrap .h_text.ta_c br.vsp600{
        display: inline !important;
    }
}
/*===============//max-width: 600px===============*/


/*===============//max-width: 480px===============*/
@media (max-width: 480px) {
	
	.staff .staff_lists .list {
		margin: 0 auto 30px!important;
		width: 100%;
		float: none!important;
	}
	.staff .staff_lists .list:last-child {
		margin: 0 auto!important;
	}
	
	.office .offis_lists .list{
		margin: 0 auto 30px!important;
		width: 100%;
		float: none!important;
	}
	.office .offis_lists .list:last-child{
		margin: 0 auto!important;
	}
	
	
	.message .bolbox >*:nth-child(1),
	.message .bolbox >*:nth-child(2),
	.message .bolbox >*:nth-child(3),
	.message .bolbox >*:nth-child(4),
	.message .bolbox >*:nth-child(5) {
		max-width: 100%;
	}
	.grouphistory .grouphistory_lists .list,
    .grouphistory .grouphistory_lists > .vc_column-inner > .wpb_wrapper .list {
		padding: 15px;
	}
	.grouphistory .grouphistory_lists .list time {
		display: block;
		width: 100%;
		padding: 0;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.grouphistory .grouphistory_lists .list time::after {
		top: auto;
		height: 1px;
		width: 100%;
		bottom: 0;
		left: 0;
	}
	.grouphistory .grouphistory_lists .list .text {
		display: block;
		width: 100%;
		padding: 0;
	}

}
/*===============//max-width: 480px===============*/


/*===============//max-width: 375px===============*/
@media (max-width: 375px) {
	.message .bolbox >*:nth-child(1),
	.message .bolbox >*:nth-child(2),
	.message .bolbox >*:nth-child(3),
	.message .bolbox >*:nth-child(4),
	.message .bolbox >*:nth-child(5),
	.message .bolbox >*:nth-child(6) {
		max-width: 100%;
	}
	.message .bg_box::before {
		width: 53.875%;
	}

}
/*===============//max-width: 375px===============*/


/*===============//max-width: 374px===============*/
@media (max-width: 374px) {

}
/*===============//max-width: 374px===============*/