
/*#content01 {width:100%;max-width:1200px;margin: 0 auto;padding-top:10%;text-align: center;font-size:40px;font-weight:  bold;mso-level-text: -0.025em;color:#121212;}*/

#content02 {max-width:1200px;width:100%;margin: 60px auto 0 auto;background: url(/img/greeting_bk.png);background-size: cover}
#content02 .wrapper {max-width:1080px;width:100%;position:relative;margin:0 auto;display: flex;flex-flow: row wrap;justify-content: center;}
#content02 .text_area {width: calc(80% - 20px);display: flex;padding-left:20px;padding-top:40px;min-height: 240px;flex-flow: column nowrap;}
#content02 .image_area {width:20%;position: relative;}
#content02 .image_area .image_shadow {    position: absolute;
    background: rgba(255,255,255,0.1);
    left: -8px;
    bottom: -35px;
    width: 100%;
    height: 0;}
#content02 .image_area img{position: absolute;
    bottom: 0px;
    width: 100%;
    max-width: 216px;}
#content02 .image_area .company_name {position: absolute;bottom:-70px;font-size:16.09px;letter-spacing: -0.025em;color:#121212;}
#content02 .image_area .representative_name{position: absolute;bottom:-105px;font-size:25px;font-weight: bold;color:#333333;letter-spacing: -0.025em;}
#content02 .text_area .summary {font-size:20px;font-weight: bold;letter-spacing: -0.025em;color:#abe1fa;}
#content02 .text_area .introduce {font-size:30px;color:white;line-height: 55px;margin-top:25px;}
#content02 .text_area .introduce .not_pc{display: none;}
#content02 .text_area .introduce span{font-weight: bold;}

@media all and (max-width: 960px) {  #content02 .text_area .introduce { font-size: 40px; line-height: normal}  }
@media all and (max-width: 740px) {  #content02 .text_area .introduce { font-size: 30px;}  }
@media all and (max-width: 600px) {  #content02 .text_area .introduce { font-size: 25px;}  }
@media all and (max-width: 480px) {  #content02 .text_area .introduce { font-size: 22px;}  }
@media all and (max-width: 400px) {  #content02 .text_area .introduce { font-size: 18px;}  }

#content03 {max-width:1200px;width:100%;margin: 0 auto 0 auto;    min-height: 160px;display:flex;flex-flow: column nowrap;justify-content: center;}
#content03 .welcome_text {padding-left: 20px;border-left: 2px solid rgb(35,154,205);font-size:20px;color:#121212;line-height: 30px;}
@media all and (max-width: 1200px) {
  #content03 .welcome_text{margin-left: 10px;
  }
}
#content04 {background:#f5f5f5;margin-bottom:10%;}
#content04 p {max-width:1200px;width:100%;padding: 50px 20px;margin: 0px auto;font-size:18px;line-height: 30px;letter-spacing: -0.025em;color: #666666;}
@media all and (max-width: 960px){
  #content02 {margin-top:325px;}
  #content02 .text_area,
  #content02 .image_area {
    padding-left: 20px;
    width:100%;
  }
  #content02 .image_area{
    position: absolute;
    top:-114px;
  }
  /* #content02 .image_area .image_shadow { display: none} */
  #content02 .image_area img,
  #content02 .image_area .company_name,
  #content02 .image_area .representative_name{left:calc(50% - 100px);}

  #content02 .text_area .introduce {
    padding-bottom: 50px;
  }
  #content03 {margin-top:50px;margin-bottom: 50px;}
}
@media all and (max-width: 450px){
  #content02 .text_area .introduce .not_pc{display: block;}
}