@charset "utf-8";

/* CSS Document */
/* For tablets & smart phones */
@media screen and (min-width: 1200px) {
  #ind_about .textCon{overflow: hidden;}
  .imgContent .img{display: flex;}
}
@media screen and (max-width: 1200px) {
      .containe{
/*        padding-left: 15px;
        padding-right: 15px;*/
        margin-left: 10px;
        margin-right: 10px;
      }
      #demoo .big{width:40vw;height: 0;padding-top: 142%;}
      .navigate h2{padding-top: 0;}
      .breaker {margin: 0;}
      #caseList li h4{font-size: 15px;}
      .navigate {margin-top: -10px;}
      
}
    /* For larger displays */
@media screen and (min-width: 980px) and (max-width: 1200px) {
      
}
 
@media screen and (max-width: 979px) {
    #demoo p{font-size: 14px;}
    .con_com .big{display: none;}
    .slogan{display: none;}
    #logobar .logo img {height: 44px;}
    #logobar .logo strong {line-height: 26px; font-size: 17px;}
    .tellNum {font-size: 19px; line-height: 23px;}
    body{padding-top:130px;}
    #header{height: 130px}
    .pub_com.case a{width:31%;margin-right:2%;}
}
     /* For smaller displays like laptops */
@media screen and (min-width: 768px) and (max-width: 979px) {
      
}
@media screen and (max-width: 800px) {
  .imgContent .img>*{width: 100%;}
  .imgContent .spsp{margin-bottom:3vw;}
}
@media screen and (max-width: 767px) {
      #topbar,#logobar .logo strong{display: none;}
      .tellNum {font-size: 16px;line-height: 17px;}
      body{padding-top:68px;}
    #header{height: 68px}
    .tellNum strong {font-size: 13px; font-weight: normal;}
    #caseList li p{font-size: 14px;}
    h1.articleTit{font-size: 15px;margin-top: 5vw;padding-bottom: 0;}
    #icon2{display: none;}
    .sub_info span em{display: none;}
    .articleCon{line-height: 24px;padding-top: 15px;}
    .pub_com.case a{width:48%;margin-right:2%;}

      
}
@media screen and (max-width: 639px) {
     .imgContent .img>*{max-width: 100%;}
     .copyright{max-width: 80%;margin:0 auto;}
     .copyright::before{display: none;}
     .copyright img {float: none;}
     .copyright .content {padding-left: 0;line-height: 2em;padding-top: 10px;}
     .con_com {width: 100%;padding: 20px;}
     .con_com ul {line-height: 27px;padding-top: 8px;margin-top: -12px;}
     #logobar {padding-top:10px;}
     #ind_case .tit h2{font-size: 15px;}
     #ind_case .tit{line-height: 18px;}
     #ind_about .textCon {line-height: 22px; padding: 0 10px;}
     .navigate h2 {display: none;}
     .breaker {float: none;}
      #caseList li{width: 48%;margin-bottom: 10px;}
    #caseList li h4{font-size: 15px;line-height: 38px;height: 32px;}
    #caseList li .date, #caseList li p {font-size: 13px; color: #666666; line-height: 18px;}

    .leavemsg .leaveitem_1{
		display: none;
	}
	.leavemsg .leaveitem_2{
		width: 100%;
	}
}
     /* For smartphones */
@media screen and (max-width: 480px) {
      #caseList li h4{font-size: 14px;}
      
}


@media screen and (max-width: 440px){
	.leavemsg .other-form-item .other-btn{
		padding: 0 10px;
	}
}
@media screen and (max-width: 710px) and (min-width: 639px){
	.leavemsg .other-form-item .other-btn{
		padding: 0 10px;
	}
}