@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+SC:500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');

body {
  font-family: 'Noto Sans SC', sans-serif;
}

@media all and (-ms-high-contrast: none) {
  body {
    font-family: "微软雅黑","宋体";
  }
}

.serif{
  font-family: 'Noto Serif SC', serif !important;
}
#content{
  letter-spacing: 0.04em;
}
/*-------------------------------
contents
--------------------------------*/
@media screen and (min-width: 641px) {
	.page-header-lang h2 img{
		width: 534px;
		margin-top: 38px;
	}
}
@media screen and (max-width: 640px) {
	.page-header-lang h2 img{
		width: 90%;
		max-width: 400px;
		margin-top: 20px;
		margin-left: 15px;
	}
}

/* about
--------------------------------*/
.about-message__box h4{
	font-weight: 700;
  	letter-spacing: normal;
}
.about-message__box p{
  	letter-spacing: 0.03em;
}

@media screen and (min-width: 641px) {
	.about-business{
		padding-top: 16rem;
		padding-bottom: 7rem;
	}
	.about-message .txt h3{
    	width: 335px;
    	margin-left: 9rem;
  	}
  	.about-message__box .company{
  		font-size: 1.8rem;
  	}
	.about-message__box__name .section{
  		font-size: 2.2rem;
	}
	.about-message__box__name .name{
  		font-size: 3rem;
	}
}
@media screen and (max-width: 640px) {
	.about-message .txt h3{
		width: 230px;
	}
	.about-message .txt h3 img{
		margin-left: -25px;
	}
}
/* philosophy
--------------------------------*/
@media screen and (min-width: 641px) {
	.about-philosophy h3{
  		font-size: 3.3rem;
  		font-weight: 700;
  	}
  	.about-philosophy p{
  		font-size: 2.2rem;
  		font-weight: 700;
  	}
}
@media screen and (max-width: 640px) {

}
/* tecs
--------------------------------*/
@media screen and (min-width: 641px) {
  .about-tecs__each li{
	height: auto;
}
  .about-tecs__each:first-of-type .cf figure{
    margin-top: -10px;
  }
}