/***********************************************************************************************************************

company.css

***********************************************************************************************************************/
.company{

}


/* sec *************************************************************/
.sec_hd{
	position: relative;
}

.sec_kikuchi{
	padding: 8% 0 0;
}
.sec_company{
	padding: 8% 0 0;
}
.sec_history{
	padding: 8% 0;
}


@media screen and (max-width: 767px) {
.sec_kikuchi{
	padding: 12% 0 0;
}
.sec_company{
	padding: 15% 0 0;
}
.sec_history{
	padding: 15% 0;
}
}



/* fig_hd *************************************************************/
.fig_hd{
	position: relative;
}
.fig_hd img{
	width: 100%;
	height: auto;
}
.fig_hd .pc{}
.fig_hd .sp{ display: none;}


@media screen and (max-width: 767px) {
.fig_hd .pc{ display: none;}
.fig_hd .sp{ display: block;}
}



/* h1〜 *************************************************************/
h1.h1_ttl{
	position: absolute;
	z-index: 3;
	left: 8%;
	bottom: -24%; /*-37%*/
	/*font-size: 28px;
	font-size: clamp(16px, 2.8vw, 28px);*/
	font-size: 2.4vw;
	font-weight: 600;
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
h1.h1_ttl .bg_white{
	padding: 0.8em 0.5em;
	background-color: #fff;
}

h2.h2_ttl{
	font-size: 30px;
	font-size: clamp(24px, 3vw, 30px);
	font-weight: 600;
	line-height: 1.6em;
	margin-bottom: 1em;
	text-align: center;
}

h3.h3_ttl{
	position: relative;
	top: -0.8em;
	display: inline-block;
	font-size: 22px;
	font-size: clamp(16px, 2.2vw, 22px);
	font-weight: 600;
   color: #36bdef;
}


@media screen and (max-width: 1200px) {
h3.h3_ttl{
	left: 1em;
}
}


@media screen and (max-width: 1023px) {
h1.h1_ttl{
	left: 5%;
	bottom: -30%; /*-46%*/
	font-size: 3vw;
}
}


@media screen and (max-width: 767px) {
h1.h1_ttl{
	bottom: 0;
	margin-bottom: -50px; /* -78px */
	font-size: 18px;
}
}




/* kikuchi_box *************************************************************/
.kikuchi_box{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	margin-top: 5%;
}
.kikuchi_box_photo{
	width: 28%;
}
.kikuchi_box_txt{
	width: 68%;
}
.kikuchi_box_txt p.name{
	text-align: right;
}
.kikuchi_box_txt p.name .big{
	font-size: 150%;
	font-weight: 600;
	padding-left: 0.5em;
}

.kikuchi_box_txt .ph_kikuchi{
	display: none;
}



@media screen and (max-width: 767px) {
.kikuchi_box_photo{
	display: none;
}
.kikuchi_box_txt{
	width: 100%;
}
.kikuchi_box_txt .ph_kikuchi{
	display: block;
	float: right;
	width: 40%;
	padding: 0.5em 0 1em 1.5em;
}
}



/* company_wrap *************************************************************/
.company_wrap{
	padding-bottom: 3em;
	background-color: #fff;
}
.company_inner{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}



/* float_company *************************************************************/
.float_company{
	width: calc(100% - 4em);
	margin: 1em 2em 0;
	font-size: 16px;
	font-size: clamp(14px, 1.8vw, 16px);
	line-height: 1.6em;
	border-top: 1px solid #eae5e3;
}
.float_company th{
	width: 12em;
	color: #36bdef;
	text-align: center;
	font-weight: 600;
	padding: 1.8em 0;
	border-bottom: 1px solid #eae5e3;
}
.float_company td{
	padding: 1.8em 0;
	border-bottom: 1px solid #eae5e3;
}



@media screen and (max-width: 767px) {
.float_company{
	width: calc(100% - 2em);
	margin: 1em 1em 0;
}
.float_company th{
	display: block;
	width: auto;
	text-align: left;
	padding: 1.5em 0 0;
	border-bottom: none;
}
.float_company td{
	display: block;
	padding: 0.8em 0 1.5em;
}
}





/* float_equipment *************************************************************/
.float_equipment{
	border-top: 1px solid #f7f6f5;
}

.float_equipment tr:nth-child(2n+1){
	background-color: #f7f6f5;
}

.float_equipment th{
	width: 8em;
	color: #000;
	font-weight: 400;
	text-align: left;
	padding: 1em 1em;
	background-color: #e0dcd8;
	border-bottom: 1px solid #f7f6f5;
}
.float_equipment td{
	padding: 1em 1em;
	border-bottom: 1px solid #f7f6f5;
}
.float_equipment td.num{
	text-align: right;
}


@media screen and (max-width: 767px) {
.float_equipment{
	font-size: 13px;
}
.float_equipment th{
	display: table-cell;
	width: 6em;
	text-align: left;
	padding: 0.5em;

}
.float_equipment td{
	display: table-cell;
	padding: 0.5em;
}
}



/* gMap *************************************************************/
.gMap {
    position: relative;
    width: 100%;
    padding-top: 45.333333%;
    height: 0;
	margin-top: 1em;
}

.gMap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}