@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--------------*/

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


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

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

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



/*--------------navi--------------*/
#navi .balloon1 {
  position: relative;
  display: inline-block;
  text-align: center;
  margin: 1.5em 15px;
  padding: 15px 115px;
  min-width: 120px;
  max-width: 100%;
  color: #201e2c;
  font-weight: bold;
  background: #e8eef0;
  border-radius: 10px 10px 0 0;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e8eef0;
}
.balloon1 p {
  margin: 0;
  padding: 0;
}
#navi .balloon2 {
  position: relative;
  display: inline-block;
  text-align: center;
  margin: 1.5em 15px;
  padding: 15px 115px;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  font-weight: bold;
  background: #1f56c7;
  border-radius: 10px 10px 0 0;
}
#navi .c-heading__link-arrow { top: 55%; }
#navi .balloon1 p { margin: 0; padding: 0; font-size: 21px!important; }
#navi .balloon2 p { margin: 0; padding: 0; font-size: 21px!important; }
#navi .balloon2 p a { color: #fff; }

/*iPad横*/
@media screen and (max-width: 1080px) {
	#navi { text-align: center; }
	#navi .balloon1 { margin: 1.5em 13px; padding: 12px 90px; }
	#navi .balloon2 { margin: 1.5em 13px; padding: 12px 90px; }
}

/*ハンバーガーが現れるサイズ*/
@media screen and (max-width: 899px) {
	#navi { text-align: center; }
	#navi .balloon1 { margin: 1.3em 13px; padding: 10px 70px; }
	#navi .balloon1 p { font-size: 16px!important; }
	#navi .balloon2 { margin: 1.3em 13px; padding: 10px 70px; }
	#navi .balloon2 p { font-size: 16px!important; }
}
/*スマホ*/
@media screen and (max-width: 767px) {
}

/*--------------businessIntro--------------*/

#businessIntro h3 { font-size:31px; font-weight:bold; text-align: center; margin-top: 75px; margin-bottom: 45px; }
#businessIntro h3 span { position: relative; z-index: 20; }
#businessIntro h3 span::after {
	position: absolute;
    content: "";
    height: 10px;
    background: #3fb1fb;
    width: 100%;
    bottom: -5%;
    right: 0;
    z-index: -11;
    transform: skewX(-10deg); }
#businessIntro div { color: #494949; font-size: 23px; font-weight: bold; text-align: center; margin-bottom: 75px;}
 

/*ハンバーガーが現れるサイズ*/
@media screen and (max-width: 899px) {
}

/*スマホ*/
@media screen and (max-width: 767px) {	
	#businessIntro h3 { font-size:22px; margin-top: 45px; }
	#businessIntro div { font-size:16px; }
}

/*--------------figur--------------*/
#figure { margin-bottom: 80px; }

@media screen and (max-width: 767px) {
	#figure { margin-bottom: 45px; }
}

/*--------------三つの部門--------------*/
#business .cont { padding: 35px; }
#business .table { display: table; width: 100%; }
#business .cont .cell { display: table-cell; vertical-align: top; }
#business .cont .col01 { padding: 45px; text-align: center; }
#business .cont .col01 .departmentTit { font-size: 31px; font-weight: bold; text-align: center; }
#business .cont .col01 div { max-width: 340px; text-align: left; margin: 0 auto; }
#business .cont .col01 .c-heading__link-text { text-align: center; font-weight: bold }
#business .cont .col01 .c-heading__link-arrow { margin-top: 10px; font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", "MS UI Gothic", "ＭＳ ゴシック", sans-serif; }
#business .cont .col02 { vertical-align:  middle; }

/*---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; }	
}


/*--------------事業案内下層ページ--------------*/
/*--------------departmentIntro--------------*/

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

/*ハンバーガーが現れるサイズ*/
@media screen and (max-width: 899px) {

}

/*スマホ*/
@media screen and (max-width: 767px) {
	#departmentIntro { width: 100%; margin-bottom: 45px; }
	#departmentIntro h5 { font-size: 22px; }
	#departmentIntro h5 span { font-size: 16px; }
}

/*--------------businessLower01--------------*/
#businessLower01 { width: 810px; margin:0 auto 80px; }
#businessLower01 h4 { font-size: 20px; font-weight: bold; position: relative; padding-left: 30px; margin-bottom: 10px; }
#businessLower01 h4::before {
	position: absolute;
    content: "";
    height: 4px;
    background: #3baffd;
    width: 12px;
	left: 10px;
	top: 50%;
}
#businessLower01 p{ padding: 0 10px; }
#businessLower01 div{ padding: 15px 0; }

/*ハンバーガーが現れるサイズ*/
@media screen and (max-width: 899px) {
	#businessLower01 { width: 100%;}
}

/*スマホ*/
@media screen and (max-width: 767px) {
	#businessLower01 { margin-bottom: 45px; }
	#businessLower01 h4 { font-size: 16px;}
}
