@charset "UTF-8";

/*画像 ------------------------------*/
img { width: 100%; }

/*見出し ------------------------------*/
#titleSec { background: url("/company/images/title_bg.png") #cce0ea no-repeat right top / cover; }

/*------------------------------------------------------------
  メッセージ
-------------------------------------------------------------*/
#message .wType1 { text-align: right; position: relative; }
#message .wType1 img { width: auto; }
#message .wType1 .infoTxt { background: rgba(235,242,246,0.9); position: absolute; left: 100px; top: 130px; text-align: left; padding: 50px; line-height: 1.4; transition: all .4s; }
#message .wType1 .infoTxt h2 { margin-top: 0; }
#message .wType1 .infoTxt p:nth-of-type(1) { font-weight: 500; margin-top: 25px; }
#message .wType1 .infoTxt p:nth-of-type(2) { margin-top: 25px; }
#message .wType1 .infoTxt p:nth-of-type(2) span { font-size: 120%; }
#message .wType2 { padding-top: 40px; }

/*------------------------------------------------------------
  会社概要
-------------------------------------------------------------*/
#about table th { width: 240px; }
#about .arrowBtnLB { padding: 3px 40px 5px 25px; margin-top: 10px; }

/*------------------------------------------------------------
  経営理念／経営方針／行動規範
-------------------------------------------------------------*/
#philo ul#code { display: flex; justify-content: space-between; }
#philo ul#code li { width: 31%; }
#philo ul#code li p:first-child { border: 2px solid #2175b5; margin-bottom: 20px; text-align: center; padding: 6px; border-radius: 6px; position: relative; }
#philo ul#code li p:first-child::after { content: url("/company/management/images/arrow.png"); position: absolute; bottom: -26px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
#philo h3 { font-size: 100%; margin-top: 30px; }
#philo h3 + ul { margin-left: 20px; }
#philo h3 + ul + p.txtRight { margin-top: 20px; }

/*------------------------------------------------------------
  沿革
-------------------------------------------------------------*/
#history dl { display: flex; flex-wrap: wrap; border-bottom: 1px solid #ccc; }
#history dl dt { width: 220px; padding: 20px 0; border-top: 1px solid #ccc; font-weight: 500; }
#history dl dd { width: calc( 100% - 220px); padding: 20px 0; border-top: 1px solid #ccc; }

/*------------------------------------------------------------
  アクセスマップ
-------------------------------------------------------------*/
#branch table th { width: 220px; }
#branch .mapList li { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #ccc; padding: 30px 0; }
#branch .mapList li iframe { width: 50%; max-width: 485px; height: 280px; }
#branch .mapList li .infoBox { width: 48%; max-width: 460px; margin-left: 40px; }
#branch .mapList li .infoBox h3 { font-size: 130%; }
#branch .mapList li .infoBox p { margin-top: 20px; }

/*------------------------------------------------------------
  グループ会社
-------------------------------------------------------------*/
#group table th { width: 220px; }

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

  /*------------------------------------------------------------
    メッセージ
  -------------------------------------------------------------*/
  #message .wType1 img { width: 80%; max-width: 690px; }
  #message .wType1 .infoTxt { left: 0; bottom: 2vw; top:auto; padding: 30px; }
  #message .wType1 .infoTxt h2 { margin-bottom: 15px; }
  #message .wType1 .infoTxt p:nth-of-type(1) { margin-top: 0; }
  #message .wType1 .infoTxt p:nth-of-type(2) { margin-top: 15px; }
  
}

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

  /*見出し ------------------------------*/
  #titleSec { background: url("/company/images/title_bg.png") #cce0ea no-repeat right -100vw bottom / 270vw; } 
  
  /*------------------------------------------------------------
  会社概要
  -------------------------------------------------------------*/
  #about table th { width: auto; }
  
  /*------------------------------------------------------------
  メッセージ
  -------------------------------------------------------------*/
  #message .wType1 img { width: 100%; }
  #message .wType1 .infoTxt { position: static; padding: 20px; }
  #message .wType1 .infoTxt h2 { font-size: 120%; }
  #message .wType1 .infoTxt p:nth-of-type(1) { margin-top: 15px; }
  #message .wType1 .infoTxt p:nth-of-type(2) { margin-top: 10px; }
  #message .wType2 { padding-top: 25px; }
  
  /*------------------------------------------------------------
  経営理念／経営方針／行動規範
  -------------------------------------------------------------*/
  #philo ul#code { display: block; }
  #philo ul#code li { width: 100%; margin-top: 20px; }
  
  /*------------------------------------------------------------
  沿革
  -------------------------------------------------------------*/
  #history dl { display: block; }
  #history dl dt { width: 100%; padding: 20px 0 0; border-top: 1px solid #ccc; font-weight: 500; }
  #history dl dd { width: 100%; padding: 5px 0 20px; border-top: none; font-size: 90%; }

  /*------------------------------------------------------------
    アクセスマップ
  -------------------------------------------------------------*/
  #branch .mapList li { display: block; }
  #branch .mapList li iframe { width: 100%; height: 60vw; max-width: 100%; }
  #branch .mapList li .infoBox { width: 100%; max-width: 100%; margin-left: 0; }
  #branch .mapList li .infoBox h3 { font-size: 130%; margin-top: 15px; }
  #branch .mapList li .infoBox p { margin-top: 10px; }
  
}