@charset "UTF-8";


.sp_appear{
  display:none;
}

.ly_contents{
  max-width:1140px;
  margin: 0 auto;
}


.un_intro_area {
  margin-bottom: 0px;
}

/*keyVisual*/

#keyVisual {
  margin: 0 auto 0px;
  min-height: 250px;
  width: 100%;
  overflow: hidden;
  background: #ffffff url(/assets/lower/company/images/img_business_kv.jpg)50% 0/contain no-repeat;
}

#keyVisual .ly_body_column2 {
  position: relative;
}

h1.el_ttlLv1{
  color:#ffffff;
  margin-bottom:0px;
}

.ly_body_column2 .ly_main {
  margin-top: 130px;
}

h1.el_ttlLv1{
  position:absolute;
  top: 60%;
  left: 50%;
  transform: translate(-60%, -50%);
  -webkit-transform: translate(-60%, -50%);
  -ms-transform: translate(-60%, -50%);
}


/*advantage*/

#advantage {
 width: 100%;
 overflow: hidden;
 position: relative;
 background-position-y: 100%;
}

#advantage .el_colOne{
 position:relative;
 margin-top: 72px;
 margin-bottom: 72px;
}
#advantage h3 {
 font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
 line-height: 1;
 letter-spacing: 0.025em;
 color: #0a1e32;
 margin-bottom: 37px;
}
#advantage h3:before {
 border-top: solid 11px #f0f2f3;
 top: 40%;
 height: 11px;
 content: "";
 display: block;
 width: 100%;
 height: 2px;
 position: absolute;
 z-index: 1;
}
#advantage h3 span{
 background: inherit;
 padding: 0 20px;
 position: relative;
 z-index: 5;
}

#advantage h3 strong {
  margin: 0 6px;
  color: #1d529f;
  font-size: 36px;
  vertical-align: text-top;
}

#advantage h4.el_ttlLv3 {
 color: #1d529f;
 font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
}

#advantage .advantageTextbox p.el_txt{
 line-height: 1.8;
 color:#5A646E;
 text-align: justify;
}

#advantage .el_colThird_one{
  padding:0 10px;
}

#advantage a.monitor_global{
  color: #ffffff;
  border: 1px solid #ffffff;
}

#advantage .advantage_body{
  background: #ffffff url(/assets/lower/company/images/img_business_bg.jpg)50% 0/cover no-repeat;
  padding-top: 80px;
  padding-bottom: 80px;
}


/*advantage un_MacroInfo_area */
.un_MacroInfo_area{
 color: #fff;
}
.un_MacroInfo_area:after{content:"";clear:both;display:block}

.un_MacroInfo_area .un_mapBlock{
 font-family:futura-pt,a-otf-midashi-go-mb31-pr6n,sans-serif;
 width:calc(50% - 9pt);
 float:left;
}
.un_MacroInfo_area .un_mapBlock .un_mapImg{
  padding-top:55%;
  background:url(/assets/cdn/lower/company/images/img_map.png)-9pt 0/100% auto no-repeat;
  position:relative;
}
.un_MacroInfo_area .un_mapBlock .un_mapImg>span{
  font-size:1pc;
  display:block;
  position:absolute;
  bottom:3%;
  right:21%;
}
.un_MacroInfo_area .un_mapBlock p{font-size:31px;line-height:0.9;text-align:right;margin:10px 20% 0 0;}
.un_MacroInfo_area .un_mapBlock p span{font-size:49px;font-style:italic;margin-left:10px;}

.un_MacroInfo_area .un_infoUnit_area{
  width:calc(50% - 9pt);
  float:right;
  margin-top: 100px;
}
.un_MacroInfo_area .un_infoUnit_area:after{content:"";clear:both;display:block}
.un_MacroInfo_area .un_infoUnit_area .un_infoBlock{
 font-family:futura-pt,a-otf-midashi-go-mb31-pr6n,sans-serif;
 width:calc(50% - 9pt);
 min-height: 170px;
 font-size:1pc;
 line-height:1.4;
 float:left;
 margin-right:24px;
}
.un_MacroInfo_area .un_infoUnit_area .un_infoBlock:nth-of-type(2n){margin-right:0}
/*.un_MacroInfo_area .un_infoUnit_area .un_infoBlock:nth-child(-n+2){margin-bottom:27px}*/
.un_MacroInfo_area .un_infoUnit_area .un_infoBlock dt{position:relative}
.un_MacroInfo_area .un_infoUnit_area .un_infoBlock dt:before{
  content:"";
  background:0 0/100% auto no-repeat;
  position:absolute;
  top:0;
  }.un_MacroInfo_area .un_infoUnit_area .un_infoBlock dd span{
    font-size:70px;
    line-height:1;
    font-style:italic;
  }

  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_global-pannel dt{
    margin:0 0 9px 5px;
    padding-top:43px;
  }

  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_global-pannel dd span{
    letter-spacing:-2px;margin-right:3px;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_global-pannel dt:before {
    width: 2pc;
    height: 30px;
    background-image: url(/assets/cdn/lower/company/images/icon_research.png);
    left: 0;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_domestic-pannel dt{
    margin:0 0 5px 13px;
    padding-top:43px;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_domestic-pannel dd span{
    letter-spacing:0px;
    margin-right:7px;
  }

  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_domestic-pannel dt:before {
    width: 2pc;
    height: 30px;
    background-image: url(/assets/cdn/lower/company/images/icon_research.png);
    left: 0;
  }

  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_projects dt{
    margin:0 0 9px 5px;
    padding-top:43px;
  }

  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_projects dd span{
    letter-spacing:-2px;margin-right:3px;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_projects dt:before {
    width: 2pc;
    height: 34px;
    background-image: url(/assets/cdn/lower/company/images/icon_build.png);
    left: 0;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_companies dt{
    margin:0 0 5px 13px;
    padding-top:43px;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_companies dd span{
    letter-spacing:0px;
    margin-right:7px;
  }

  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_companies dt:before {
    width: 2pc;
    height: 34px;
    background-image: url(/assets/cdn/lower/company/images/icon_build.png);
    left: 0;
  }



  /*advantage un_MacroInfo_area PC ------------ */

  @media screen and (max-width:1440px) and (min-width:1010px){
   .un_MacroInfo_area .un_infoUnit_area .un_infoBlock dd span{font-size:5vw}
 }

 /*advantage un_MacroInfo_area tablet ------------ */
 @media screen and (min-width:648px) and (max-width:1009px){
   .un_MacroInfo_area{
    max-width:660px;margin:0 auto;
  }
  .un_MacroInfo_area .un_mapBlock{
    width:100%;
    float:none;
    margin-bottom:60px;
  }
  .un_MacroInfo_area .un_mapBlock p{
    width:60.6%;
    margin:-10px auto 0;}

    .un_MacroInfo_area .un_infoUnit_area{width:100%;float:none;} 
    .un_MacroInfo_area .un_infoUnit_area .un_infoBlock{width:auto;min-height:150px;}
    .un_MacroInfo_area .un_infoUnit_area .un_infoBlock:nth-child(-n+2){margin-bottom:45px;}
    .un_MacroInfo_area .un_infoUnit_area .un_infoBlock:nth-of-type(2n){float:right;}
    .un_MacroInfo_area .un_mapBlock {
     width: 100%; float: none; margin-bottom: 60px;
   }
   .un_MacroInfo_area .un_mapBlock .un_asof {
     width: 60.6%; margin: -10px auto 0;
   }
 }

 /*advantage un_MacroInfo_area sp ------------ */
 @media screen and (max-width:647px){
   .un_MacroInfo_area{
    margin-bottom:28%;
  }
  .un_MacroInfo_area .un_mapBlock{
    width:100%;
    float:none;
    margin-bottom:18.3%;
  }
  .un_MacroInfo_area .un_mapBlock .un_mapImg{
    padding-top:55%;
    position:static;
  }
  .un_MacroInfo_area .un_mapBlock .un_mapImg>span{
    text-align:center;
    margin-top:-3%;
    position:static;
    display:block;
  }
  .un_MacroInfo_area .un_mapBlock p{
    width:100%;
    font-size:6.6vw;
    line-height:1.2;
    margin:0;
  }
  .un_MacroInfo_area .un_mapBlock p span{
    font-size:44px;margin:0 3.3%;
  }
  .un_MacroInfo_area .un_mapBlock {
    width: 100%;
    float: none;
    margin-bottom:
    18.3%;
  }
  .un_MacroInfo_area .un_mapBlock .un_asof {
    width: 100%;
    font-size: 6.6vw;
    line-height: 1.4;
    margin: 0;
  }
  .un_MacroInfo_area .un_infoUnit_area{
    width:100%;
    float:none;
    margin:auto;
    padding-top:0;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock{
    width:100%;
    min-height:0;
    float:none;
    position:relative;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock dt{
    position:static;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock dd span{font-size:18.6vw}

  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_domestic-pannel{
    margin-bottom:11.6%;
    padding-left:18.2%;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_domestic-pannel dt{
    margin:0 0 .9%;padding-top:0;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_domestic-pannel dt:before{
    top:2px;
    left:11px;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_global-pannel{
    margin-bottom:11%;
    padding-left:19.4%;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_global-pannel dt{
    margin:0 0 1%;
    padding-top:0;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_global-pannel dt:before{
    top:2px;
    left:10px;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_global-pannel dd span{
    letter-spacing:0;
    margin-right:1%;
  }

  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_projects{
    margin-bottom:11%;
    padding-left:19.4%;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_projects dt{
    margin:0 0 1%;
    padding-top:0;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_projects dt:before{
    top:2px;
    left:10px;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_projects dd span{
    letter-spacing:0;
    margin-right:1%;
  }

  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_companies{
    margin-bottom:11%;
    padding-left:19.4%;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_companies dt{
    margin:0 0 1%;
    padding-top:0;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_companies dt:before{
    top:2px;
    left:10px;
  }
  .un_MacroInfo_area .un_infoUnit_area .un_infoBlock.un_info_companies dd span{
    letter-spacing:0;
    margin-right:1%;
  }
}


/*business-list*/

#business-list{
  background-color:#002855;
}

#business-list .ly_contents{
 padding:72px 0;
}

#business-list .ly_contents_inner{
  max-width:1050px;
  margin: 0 auto;
}

#business-list h3{
  color:#ffffff;
  font-weight:bold;
}

#business-list h4.el_ttlLv3{
  color:#ffffff;
}

#business-list h4 img{
 height: 40px;
 width: auto;
 display: inline-block;
 vertical-align: middle;
 padding-right: 10px;
}


#business-list p{
  color:#ffffff;
}

#business-list a{
  color:#ffffff;
}

#business-list .un_arrowLink{
  display: inline-block;
  position: relative;
  padding-right: 16px;
}

#business-list .un_arrowLink::after{
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: auto;
  position: absolute;
  top: 1px;
  bottom: 0;
  right: 0;
}

/*tablet以降 ---------------------------------------------- */

@media screen and (max-width:1160px){

  .ly_contents {
    padding:0 20px;
  }

  .ly_contents_inner{
    padding:0 20px;
  }

  #advantage .el_colThird_one{
   margin-bottom: 50px;
 }

  #advantage .advantage_body {
    background: #ffffff url(/assets/lower/company/images/img_business_bg.jpg)50% 0/cover no-repeat;
  }

  .ly_body_column2 .ly_main {
    padding-top: 50px;
  }

}


@media screen and (max-width: 1007px){

  h1.el_ttlLv1 {
    top: 80%;
  }
  #keyVisual {
   width: 100%;
   overflow: hidden;
   background: #ffffff url(/assets/lower/company/images/img_business_kv_sp.jpg)50% 0/contain no-repeat;
   position: relative;
   margin-top: 0px;
   padding-top: 100px;
 }

}


/*sp ---------------------------------------------- */
@media screen and (max-width:647px){

  .sp_appear{
    display:block;
  }

  .ly_head_wrapper {
    min-height: 0;
  }
  .ly_contents {
    width:100%;
    padding:0 15px;
  }
  .ly_body_column2 .ly_main {
   padding-top: 0px; 
 }
 .ly_body_column2 {
  margin-bottom: 10%;
}

.ly_contents_inner{
  width:100%;
  padding:0 15px;
}

h1.el_ttlLv1 {
  top: 80%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#advantage .el_colOne{
 position:relative;
 margin-top: 50px;
 margin-bottom: 50px;
}


.un_intro_area {
  margin-bottom: 0px;
}
#keyVisual .ly_body_column2 {
  min-height: 150px;
}
#keyVisual {
     padding-top: 0px; 
}

#advantage {
 background: #ffffff url(/assets/lower/company/images/img_business_bg_sp.jpg)50% 0/contain no-repeat;
 background-position-y: 100%;
}

.un_MacroInfo_area .un_mapBlock p {
  text-align: center;
}

#business-list .ly_contents{
 padding:50px 0;
}

#business-list h4 img {
  display: none;
}

}