@charset "UTF-8";

/*--------------共通--------------*/

#under { color: #201e2c; }
#under p { font-size: 15px; }

#under .wrap { max-width: 1080px; margin: 0 auto; }
@media screen and (max-width: 899px) {
	#under .wrap { margin: 0 15px; }
}

.tit { font-family: "Frutiger", "Myriad", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", "MS UI Gothic", "ＭＳ ゴシック", sans-serif; font-weight: bold; }

.br-pc { display:block; }
.br-tb { display:none; }
.br-sp { display:none; }
@media screen and (max-width: 899px){	
  .br-pc { display:none; }
  .br-tb { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 767px){	
  .br-pc { display:none; }
  .br-tb { display:block; }
  .br-sp { display:block; }
	
  #under p { font-size: 13px; }
}

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

/*--------------keyimages--------------*/

#company .keyimages { background: url(../img/company/bgKeyimages.jpg) no-repeat 0 100%; background-size: cover; background-position: center; height: 360px; }
#company .keyimages .wrap { max-width: 1080px; padding: 0 10px; margin: 0 auto; box-sizing: border-box; }
#company .keyimages h2 { color: #fff; text-align: center; font-size: 50px; padding-top: 160px; }
#company .keyimages h2 span { font-size: 18px; font-weight: bold; display: block; }


/*ハンバーガーが現れるサイズ*/
@media screen and (max-width: 899px) {
	#company .keyimages h2 { padding-top: 130px; }
	#company .keyimages { background-position: 25% 75%; }

}
/*スマホ*/
@media screen and (max-width: 767px) {
	#company .keyimages { background-position: 18% 75%; height: 200px; }
	#company .keyimages h2 { font-size: 30px; padding-top: 50px; }
}

/*--------------pankuzu_box--------------*/
.pankuzu_box { width: 100%; line-height: 49px; font-size: 13px; text-align: left; }

/*--------------history--------------*/

#history { width: 810px; margin:75px auto 80px; }
#history h5 { font-size: 31px; font-weight:bold; text-align: center; margin-bottom: 50px; }
#history h5 span { color: #3fb1fb; font-size: 18px; display: block; }

#history table tr { border-bottom: #b3b3b3 1px solid; }
#history table th { color: #1f56c7; font-weight: bold; width: 160px; text-align: left; padding: 25px; }
#history table td { padding: 25px 25px 25px 90px ; }

/*ハンバーガーが現れるサイズ*/
@media screen and (max-width: 899px) {
	#history table td { padding-left: 50px; }

}

/*スマホ*/
@media screen and (max-width: 767px) {
	#history { width: 100%; margin-bottom: 45px; }
	#history h5 { font-size: 22px; margin-bottom: 30px; }
	#history h5 span { font-size: 16px; }
	
	#history table th { color: #fff; background-color: #1f56c7; width: 100%; display: block; text-align: center; padding: 15px; }
	#history table td { font-size: 13px; display: block; padding: 15px; }
}

/*--------------outline--------------*/
#outline { width: 100%; background-color: #e8eef0; margin:75px auto 10px; padding-bottom: 100px; }
#outline h5 { font-size: 31px; font-weight:bold; text-align: center; margin-bottom: 30px; padding-top: 50px; }
#outline h5 span { color: #3fb1fb; font-size: 18px; display: block; }
#outline div { width: 810px; margin: 0 auto 50px ; }

#outline table { width: 810px; margin: 0 auto }
#outline table tr { border-bottom: #b3b3b3 1px solid; }
#outline table th { font-weight: bold; width: 170px; text-align: left; padding: 25px; }
#outline table th span { font-size: 13px; display:  block; margin-left: -15px;}
#outline table td { padding: 25px 25px 25px 70px ; }
#outline table td i{ color: #f30017; }
#outline .tableMap { padding-bottom: 0; }
#outline .tableBprderNone { border-bottom: none; }

/*ハンバーガーが現れるサイズ*/
@media screen and (max-width: 899px) {
	#outline table td { padding-left: 50px; }
	#outline div { width: 750px; }
	#outline table th span { font-size: 11px; }
}

/*スマホ*/
@media screen and (max-width: 767px) {
	#outline { width: 100%; margin-bottom: 45px; }
	#outline .wrap { margin: 0 15px; max-width: 90%; }
	#outline h5 { font-size: 22px; margin-bottom: 30px; }
	#outline h5 span { font-size: 16px; }
	#outline div { width: 100%; }
	
	#outline table { width: 100%; }
	#outline table th { color: #fff; background-color: #737373; width: 100%; display: block; text-align: center; padding: 15px; }
	#outline table td { font-size: 13px; display: block; padding: 15px; }
}







/*---department01---*/
/*---department02---*/
/*---department03---*/
#department03 { margin-bottom: 80px; }

/*ハンバーガーが現れるサイズ*/
@media screen and (max-width: 899px) {
	#business .cont { padding: 15px; }
	#business .cont .col01 { padding: 30px; }
}

/*スマホ*/
@media screen and (max-width: 767px) {
	#business .table { display: flex; flex-flow: column; }
	#business .cont { padding: 0; }
	#business .cont .cell { display: block; width: 100%; }
	#business .cont .col01 div { font-size: 13px; max-width: 100%; }
	#business .cont .col01 { padding: 10px; margin-bottom: 30px; }
	#business .cont .col01 .departmentTit { font-size: 22px;}
		
	#department01 .col02 { order: 1; }
	#department01 .col01 { order: 2; }		
	#department03 { margin-bottom: 45px; }
	#department03 .col02 { order: 1; }
	#department03 .col01 { order: 2; }	
}