@charset "UTF-8";

.companyIndex .container ul:not("#header ul"),
.companyIndex .container li:not("#header li"){
	margin:0;
	padding:0;
	list-style-type: none;
}
.companyIndex .container .clear {
	clear: both;
}
/*.confirm .container,.thanks .container {
	background:#f1fbfe;
}*/
.companyIndex .container #banner {
	min-height:300px;
	border-bottom:none;
}
.companyIndex .container .bs-docs-section {
	width:75.714285714286%;
	background:#fff;
	margin:-50px auto 0px;
	padding:62px 0 0px;
}
@media (min-width: 1401px) {
.companyIndex .container .bs-docs-section {
max-width: 1060px;
}
}

.companyIndex .container .bs-component {
	position:relative;
}
.companyIndex .container .bs-component .modal {
	position:relative;
	top:auto;
	right:auto;
	left:auto;
	bottom:auto;
	z-index:1;
	display:block;
}
.companyIndex .container .bs-component .modal-dialog {
	width:90%;
}
.companyIndex .container .bs-component .popover {
	position:relative;
	display:inline-block;
	width:220px;
	margin:20px;
}
.companyIndex .container .nav-tabs {
	margin-bottom:15px;
}
.companyIndex .container .progress {
	margin-bottom:10px;
}

@media (max-width: 1024px) {
.companyIndex .container .bs-docs-section {
	width: 83.984375%;
}
}
@media (max-width: 991px) {
.companyIndex .container .bs-docs-section {
	margin: -35.39285714285715px auto 80px;
	width: 86.78102926337033%;
	padding: 43.88714285714286px 7.142857142857143% 49.55px;
}
}
@media (max-width: 800px) {
.companyIndex .container .bs-docs-section {
	width: 90%;
	padding: 30px 3.571428571428572% 35px;
}
}
@media (max-width: 767px) {
.companyIndex .container .bs-docs-section {
	margin: -30px auto 30px;
	width: 89.33333333333333%;
	padding: 30px 5.333333333333333%;
	background: #fff;
}
}


/* メインビジュアル
----------------------------------------------*/
.companyIndex .main-container {
	background:url('/wordpress/wp-content/themes/fujita-theme/company/style/img/h2_bar.png') center top no-repeat;
	background-size:cover;
	padding-bottom:50px;
}
/*.companyIndex .main-container h2 {
	margin:0 auto;
	max-width:212px;
	padding-bottom:50px;
	padding-top:63px;
	text-align:center;
	width:15.142857142857%;
}
@media (min-width: 1400px) {
.companyIndex .container .main-container h2{
	width: 212px;
}
}*/
@media (min-width: 768px) {
	.companyIndex .container .sp {
		display:none;
	}
	.companyIndex .container .inner {
		width:90%;
		margin:0 auto;
	}
	.companyIndex .container .company_message {
		width: 100%;
		float: left;
	}
	.companyIndex .container .bloc {
		width: 100%;

	}
	/* 沿革 */
	.companyIndex .container .history_detail{
	overflow: hidden;
	background: url("/wordpress/wp-content/themes/fujita-theme/company/style/img/history_line.png") top center repeat-y;
	}

	.companyIndex .container .history_detail .left {
		width:50%;
		float:left;
		margin-right:50px;
		/*border-right:3px solid #01b4b6;*/
	}
	.companyIndex .container .history_detail .right {
		width:50%;
		float:right;
		margin-left:50px;
/*		border-left:3px solid #01b4b6;*/
		box-sizing: border-box
	}
	.companyIndex .container .history_detail .right h3 {
		color:#01b4b6;
		border-bottom:2px solid #01b4b6;
		text-align: left !important;
		font-size:24px;
		font-weight: bold;
		padding-left:20px;
		padding-bottom:5px;
		margin-bottom:20px;
	}
	.companyIndex .container .history_detail .left h3 {
		color:#01b4b6;
		border-bottom:2px solid #01b4b6;
		text-align: right !important;
		font-size:24px;
		font-weight: bold;
		padding-right:20px;
		padding-bottom:5px;
		margin-bottom:20px;
	}
	.companyIndex .container .history_detail h3 span {
		font-size:16px;
	}
	.companyIndex .container .history_detail .right dl {
		width:100%;
		padding-left:20px;
		box-sizing: border-box;
		float:left;
		margin-bottom: 15px;
	}
	.companyIndex .container .history_detail .left dl {
		width:100%;
		padding-left:20px;
		box-sizing: border-box;
		float:left;
		margin-bottom: 15px;
	}
	.companyIndex .container .history_detail dt {
		width:30%;
		float:left;
	}
	.companyIndex .container .history_detail dd {
		width:70%;
		float:left;
	}
	.companyIndex .container .history {
		margin-top: 100px;
	}
	.companyIndex .container .m90 {
		margin-top:-90px;
		padding-bottom:100px;
	}
	.companyIndex .container .map {
		/*margin-top: 180px;*/
		background: #fff !important;
		text-align: center;
		padding-bottom:60px;
		padding-top:10px;
	}
	.companyIndex .container .map_1 {
		margin-top:0;
	}
	.companyIndex .container .map_2 {
		margin-top:0;
	}
	.companyIndex .container .full_dl dt {
		width:100% !important;
		float:left;
		border:none !important;
	}
	.companyIndex .container .full_dl dd {
		width:100% !important;
		float:left;
		border:none !important;
		padding:0 !important;
		line-height: 2;
	}
	.companyIndex .container .map_1 .left {
		width: 33%;
		float: left;
		background-color: #01b4b6;
		color: #fff;
		padding: 10px;
		height:410px;
		position: relative;
		box-sizing: border-box;
	}
	.companyIndex .container .map_1 .right {
		float: right;
		width:67%;
	}
	.companyIndex .container .map_2 .right{
		width: 33%;
		float: right;
		color: #01b4b6;
		padding: 10px;
		height:410px;
		position: relative;
		background-color: #fff;
		box-sizing: border-box;
	}
	.companyIndex .container .map_2 .left {
		width: 67%;
		float: left;
		color: #fff;
	}
	.companyIndex .container .bottom {
		position: absolute;
		bottom: 50px;
		left: 50px;
		line-height: 2;
	}
	.companyIndex .container .right .bottom {
		position: absolute;
		bottom: 50px;
		right: 50px;
		line-height: 2;
		text-align: right !important;
	}
	.companyIndex .container .company_name {
		font-weight: bold;
		font-size: 18px;
	}
	.companyIndex .container .history_detail .right img {
		position: absolute;
		left: -11px;
		top: 25px
	}
	.companyIndex .container .history_detail .left img {
		position: absolute;
		right: -9px;
		top: 24px
	}
	.companyIndex .container .al1 {
		position: absolute;
		width:150px;
		height:35px;
		bottom:220px;
		right: 300px;
	}
	.companyIndex .container .al2 {
		position: absolute;
		width:150px;
		height:35px;
		top :50px;
		right: 390px;
	}
	.companyIndex .container .al3 {
		position: absolute;
		width:150px;
		height:35px;
		top :260px;
		right: 250px;
	}
	.companyIndex .container .al4 {
		position: absolute;
		width:150px;
		height:35px;
		bottom :130px;
		right: 420px;
	}
	.companyIndex .container .al5 {
		position: absolute;
		width:150px;
		height:35px;
		bottom :305px;
		right: 480px;
	}
	.companyIndex .container .al6 {
		position: absolute;
		width:150px;
		height:35px;
		bottom :195px;
		left: 260px;
	}
	.companyIndex .container .al7 {
		position: absolute;
		width:150px;
		height:35px;
		bottom :105px;
		left: 230px;
	}
}
/*@media (max-width: 991px) {
.companyIndex .container .main-container h2 {
	padding-bottom:35.39285714285715px;
	padding-top:44.595px;
	width:21.39253279515641%;
}
}
@media (max-width: 640px) {
.companyIndex .container .main-container h2 {
	max-width:252px;
	padding-bottom:29.73px;
	padding-top:39.64px;
	width:33.6%;
}
}*/

/* 会社概要 アンカーリンク調整
----------------------------------------------*/
.companyIndex #message,
.companyIndex #slogan,
.companyIndex #environment,
.companyIndex #overview,
.companyIndex #enkaku,
.companyIndex #office{
margin-top:-130px;
padding-top:130px;
}

@media (max-width: 767px) {
.companyIndex #message,
.companyIndex #slogan,
.companyIndex #environment,
.companyIndex #overview,
.companyIndex #enkaku,
.companyIndex #office{
margin-top:-55px;
padding-top:55px;
}
}

/* 会社概要
----------------------------------------------*/
.companyIndex .container .mincho {
	font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
}
.companyIndex .container .main-container {
	background:url(../img/h2_bar.png);
	background-size:100% 100%;
}
.blue_back {
	background:#ebf9fd;
}
.companyIndex .container .bs-docs-section h3{
	color: #083f5b;
	text-align: center;
	margin-top: 30px;
	margin-bottom:80px;
}
.companyIndex .container .sub_h3 {
    font-size: 16px;
}
.companyIndex .container .main_h3 {
    font-size: 26px;
    line-height:80px;
}
.companyIndex .container .bs-docs-section .company_message p{
	line-height: 40px;
    text-indent: 1em;
	margin-bottom:40px;
}
.companyIndex .container .main_h3.mincho {
    font-size: 36px;
}
.companyIndex .container .mincho.fz2 {
    text-align: center;
    font-size: 24px;
    line-height: 40px;
}
.companyIndex .container .mincho.fz2 {
    text-align: center;
    font-size: 24px;
    line-height: 50px;
}
.companyIndex .container .mincho.fz2 span{
	font-size: 32px;
}
.companyIndex .container .main_h3.mincho {
    font-size: 26px;
}
.companyIndex .container .section.environment_list li {
	width: 31.3333333333%;
	float: left;
	margin-right:3%;
	list-style-type: none;
}
.companyIndex .container .section.environment_list li:last-child {
	margin-right:0;
}
.companyIndex .container .section.environment_list h4 {
	font-size: 20px;
    line-height: 29px;
    color: #333333;
	font-weight: bold;
}
.companyIndex .container .section.environment_list h5 {
	color: #01b4b6;
	font-size: 1em;
}
.section.companyIndex .container .environment_list p {
	line-height: 30px;
	margin-top: 14px;
}
.companyIndex .container .company_detail dt {
	font-weight: bold;
	width: 20%;
	float: left;
	padding: 30px 0;
	border-bottom:1px solid #eeeeee;
}
.companyIndex .container .company_detail dd {
	width: 30%;
	float: left;
	padding: 30px 0;
	border-bottom:1px solid #eeeeee;
}
.companyIndex .container iframe {
	width:100%;
}
.companyIndex .container .seo_photo {
	float:right;
	position: relative;
}
.companyIndex .container .seo_name {
	float:left;
	margin-top:50px;
	line-height: 30px;
}
.companyIndex .container .seo_name h4 {
	font-size:20px;
}
.companyIndex .container h3 {
	font-weight: bold;
}

/* 企業理念・スローガン */
.companyIndex .container .blue_back .bs-docs-section {
	background:none;
}
.companyIndex .container .blue_back {
	margin-top:-40px;
}
.companyIndex .container .slide100 .row {
	margin-top: 70px;
}
.companyIndex .container .slogan .full_photo {
	margin-bottom: -100px;
}
.companyIndex .container .full_photo img {
	width:100%;
	height:auto;
}

/* 環境への取り組み */
.companyIndex .container .environment {
	margin-top:190px;
}
.companyIndex .container .environment_list h4 {
	background:url(../img/h4_line.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom:25px;
	margin-bottom:35px;
}
.companyIndex .container .environment_list {
	margin-bottom:80px;
	width:100%;
	float:left;
}
.companyIndex .container .environment_list h5 {
	font-weight: bold;
}
.companyIndex .container .environment_list p {
	margin-bottom:25px;
}

/* 会社概要 */
.companyIndex .container .gray_back {
	background:#fbfbfb;
	margin-top:-100px;
}
.companyIndex .container .company {
	margin-top:190px;
	border-bottom:1px solid #8adda4;
	padding-bottom:60px;
}
.companyIndex .container .company_detail dt {
	color:#2d3b3e;
	font-weight: bold;
	width:30%;
	float:left;
}
.companyIndex .container .company_detail dd {
	color:#2d3b3e;
	width:70%;
	float:left;
	margin:0;
}
.companyIndex .container .company_detail dl {
	width:50%;
	float:left;
}

/* 組織図 */
.companyIndex .container .chart {
	margin-top:80px;
	border-bottom:1px solid #8adda4;
	padding-bottom:60px;
}
.companyIndex .container .chart .company_detail {
	text-align: center;
}
.companyIndex .container .history {
	z-index: 1;
	position: relative;
	padding-bottom:60px;
}
.companyIndex .container .history_detail h3 {
	position: relative;
}
.companyIndex .container .tel img {
	margin-right:5px;
}
.companyIndex .container .office_photo {
	position: relative;
}

@media (max-width: 767px) {
	body.companyIndex .container{
		font-size:14px;
	}
	#header .container,
	#footer .container{
		font-size: 16px;
	}
	.companyIndex .container .pc {
		display:none;
	}
	.companyIndex .container .environment {
	    margin-top: 30px;
	}
	.companyIndex .container .environment_list {
		margin-bottom:30px;
	}
	.companyIndex .main-container {
		background:url('/wordpress/wp-content/themes/fujita-theme/company/style/img/main_sp.png') center top no-repeat;
		padding-bottom:30px;
	}
	.companyIndex .container .company {
		margin-top:90px;
		padding-bottom:0;
	}
	.companyIndex .container .company_detail dt {
		width:35%;
	}
	.companyIndex .container .company_detail dl:last-child {
		border:none !important;
	}
	.companyIndex .container .company_detail dd {
		width:65%;
	}
	.companyIndex .container .company_detail dd {
		line-height: 1.5;
	}
	.companyIndex .container .chart {
		margin-top:50px;
	}
	.companyIndex .container .history {
	    margin-top: 50px;
	}
	.companyIndex .container .history_detail h3 {
		position: relative;
	}
	.companyIndex .container .history_detail img {
		position: absolute;
	    left: -11px;
	    bottom: -20px;
	    width: 20px;
	}
	.companyIndex .container .blue_back.m90 {
		margin-top:-110px;
	}
	.companyIndex .container .map {
		margin: 130px auto 50px;
	}
	.companyIndex .container .map .row {
		margin-top:0;
	}
	.companyIndex .container .main-container h2 {
		max-width:252px;
		padding-bottom:42px;
		padding-top:56px;
		width:33.6%;
	}
	.companyIndex .container .bs-docs-section {
		border-radius:0;
	}
	.companyIndex .container .main_h3 {
		line-height: 50px;
	}
	.companyIndex .container .bs-docs-section h3 {
		margin-bottom:40px;
	}
	.companyIndex .container .bs-docs-section .company_message p {
		line-height: 24px;
	}
	.companyIndex .container .mincho.fz2 {
		font-size:16px;
	}
	.companyIndex .container .mincho.fz2 span {
		font-size:18px;
	}
	.companyIndex .container .slogan .full_photo {
		margin:0;
		width:100%;
	}
	.companyIndex .container img {
		max-width: 100%;
	}
	.companyIndex .container .seo_name {
		margin-top:0;
	}
	.companyIndex .container .seo_photo {
		width:40%;
	}
	.companyIndex .container .section.environment_list h4 {
		font-size:18px;
	}
	.companyIndex .container .section.environment_list li {
		width:100%;
		margin-right:0 !important;
	}
	.companyIndex .container .company_detail dl {
	    width: 100%;
	    float: left;
	}
	.companyIndex .container .company_detail dt,
	.companyIndex .container .company_detail dd {
		border:none !important;
	    padding: 30px 0 !important;
	}
	.companyIndex .container .company_detail dl {
		border-bottom: 1px solid #eeeeee;
	}
	/* 沿革 */
	.companyIndex .container .history_detail .left {
		width:100%;
		float:left;
		border-left:3px solid #01b4b6;
	}
	.companyIndex .container .history_detail .right {
		width:100%;
		float:left;
		border-left:3px solid #01b4b6;
	}
	.companyIndex .container .history_detail .right h3 {
		color:#01b4b6;
		border-bottom:2px solid #01b4b6;
		text-align: left !important;
		font-size:24px;
		font-weight: bold;
		padding-left:20px;
		padding-bottom:5px;
		margin-bottom:20px;
	}
	.companyIndex .container .history_detail .left h3 {
		color:#01b4b6;
		border-bottom:2px solid #01b4b6;
		text-align: left !important;
		font-size:24px;
		font-weight: bold;
		padding-left:20px;
		padding-bottom:5px;
		margin-bottom:20px;
	}
	.companyIndex .container .history_detail h3 span {
		font-size:16px;
	}
	.companyIndex .container .history_detail .right dl {
		width:100%;
		padding-left:20px;
		box-sizing: border-box;
		float:left;
		margin-bottom: 15px;
	}
	.companyIndex .container .history_detail .left dl {
		width:100%;
		padding-left:20px;
		box-sizing: border-box;
		float:left;
		margin-bottom: 15px;
	}
	.companyIndex .container .history_detail dt {
		width:40%;
		float:left;
		font-size: 13px;
	}
	.companyIndex .container .history_detail dd {
		width:60%;
		float:left;
		font-size: 13px;
	}
	.companyIndex .container .map {
		background:#fff !important;
	}
	.companyIndex .container .map_1 .left,
	.companyIndex .container .map_1 .right {
		width:100% !important;
		float:left;
	}
	.companyIndex .container .map_2 .left,
	.companyIndex .container .map_2 .right {
		width:100% !important;
		float:left;
	}
	.companyIndex .container .map_1,
	.companyIndex .container .map_2 {
		padding:0;
		margin-bottom:50px;
	}
	.companyIndex .container .bottom {
		position: relative;
	}
	.companyIndex .container .map_1 .left {
		height:auto !important;
		background: #01b4b6;
		color:#fff;
		padding:15px;
		font-size:14px;
		box-sizing: border-box;
		margin-top:-4px;
	}
	.companyIndex .container .map_2 .right {
		height:auto !important;
		background:#fff;
		color:#01b4b6;
		padding:15px;
		font-size:14px;
		box-sizing: border-box;
		margin-top:-4px;
	}
	.companyIndex .container iframe {
		max-height:300px;
	}
	.companyIndex .container .tx_left {
		width:50%;
		float:left;
		line-height: 1.7;
		font-size: 12px;
	}
	.companyIndex .container .tx_right {
		width:50%;
		float:left;
		text-align: right;
		line-height: 1.7;
		font-size: 12px;
	}
	.companyIndex .container .company_name {
		margin-bottom:10px;
		font-weight: bold;
		font-size:16px;
	}
	.companyIndex .container .al1 {
		position: absolute;
		width: 100px;
		height: 30px;
		bottom: 33%;
		right: 10%;
	}
	.companyIndex .container .al2 {
		position: absolute;
		width: 100px;
		height: 30px;
		top: 7%;
		right: 28%;
	}
	.companyIndex .container .al3 {
		position: absolute;
		width: 100px;
		height: 30px;
		top: 41%;
		right: 6%;
	}
	.companyIndex .container .al4 {
		position: absolute;
		width: 100px;
		height: 30px;
		bottom: 20%;
		right: 32%;
	}
	.companyIndex .container .al5 {
		position: absolute;
		width: 100px;
		height: 30px;
		bottom: 49%;
		right: 42%;
	}
	.companyIndex .container .al6 {
		position: absolute;
		width: 100px;
		height: 30px;
		bottom: 31%;
		left: 6%;
	}
	.companyIndex .container .al7 {
		position: absolute;
		width: 100px;
		height: 30px;
		bottom: 15%;
		left: 3%;
	}
}
.companyIndex .container .container{
max-width: 100%;
}