/** our works **/
.syain_1_main{
	max-width:1920px;
	margin:0px auto 0 auto;
	padding:200px 0 120px 0;
}
.syain_1_sub_1{
	position:relative;
	max-width:1200px;
	width:90%;
	margin:0 auto 0 auto;
	padding:0px 0;
	background:#fff;
	border-radius:30px;
}
.syain_1_sub_2{
	position:relative;
	max-width:1200px;
	width:100%;
	margin:0 auto 0 auto;
	padding:50px 0 0 0;
}
.syain_1_sub_2:not(:first-child){
	padding:180px 0 0 0;
}
.syain_1_sub_1 .title_0{
	margin-bottom:100px;
	color:#000;
	text-align:center;
}
.syain_1_sub_1 .title_0 .title_1a{
	color:#17C9FF;
	font-size:18px;
	font-family:myfont2;
	font-weight:bold;
}
.syain_1_sub_1 .title_0 .title_1b{
	font-size:45px;
	margin-top:10px;
	font-weight:bold;
}
.syain_1_sub_2 .img_1{
	position:relative;
	margin:0 0 50px 0;
}
.syain_1_sub_2 .img_1 img{
	max-width:100%;
}
.syain_1_sub_2 .flex_1{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:60px 30px;
	padding:0;
	margin:0 0;
}
.syain_1_sub_2 .flex_1 .div_1{
	max-width:368px;
}
.syain_1_sub_2 .text_1a{
	margin:0;
	font-size:22px;
	color:#17C9FF;
}
.syain_1_sub_2 .text_1b{
	margin:20px 0 0 0;
	font-size:26px;
	font-weight:bold;
	line-height:130%;
	color:#000;

}
.syain_1_sub_2 .text_1c{
	margin:20px 0 0 0;
	font-size:16px;
	line-height:180%;
	color:#000;
}
.syain_1_sub_2 .absolute_1{
	position:absolute;
	top:60%;
	left:70%;
	transform:translate(-50%,-50%);
	
	display:flex;
	align-items:flex-end;
	font-size:22px;
}
.syain_1_sub_2 .absolute_2{
	position:absolute;
	top:60%;
	left:30%;
	transform:translate(-50%,-50%);
	display:flex;
	align-items:flex-end;
	font-size:22px;
}

.syain_1_sub_2 .absolute_1 div:nth-child(2){
	font-family:myfont2;
	font-weight:bold;
	font-size:60px;
	margin:0 5px;
	line-height:80%;
}
.syain_1_sub_2 .absolute_2 div:nth-child(2){
	font-family:myfont2;
	font-weight:bold;
	font-size:60px;
	margin:0 5px;
	line-height:80%;
}

/** our works **/
.syain_2_main{
	max-width:1920px;
	margin:0px auto 0 auto;
	padding:180px 0 0px 0;
}
.syain_2_sub_1{
	position:relative;
	max-width:1000px;
	width:90%;
	margin:0 auto 0 auto;
}
.syain_2_sub_1 .title_0{
	margin-bottom:30px;
	color:#000;
	text-align:center;
}
.syain_2_sub_1 .title_0 .title_1a{
	color:#17C9FF;
	font-size:18px;
}
.syain_2_sub_1 .title_0 .title_1b{
	font-size:45px;
	margin-top:10px;
}
.syain_2_sub_1 .flex_1{
	position:absolute;
	top:85%;
	left:50%;
	transform:translate(-50%,-50%);
	display:flex;
	justify-content:space-between;
	width:100%;
	padding:0;
}
.syain_2_sub_1 .flex_2{
	position:absolute;
	bottom:0%;
	left:50%;
	transform:translate(-50%,0%);
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	width:100%;
	padding:0;
}

.syain_2_sub_1 .img_1 img{

}
.syain_2_sub_1 .img_1b{
	text-align:center;
	margin:50px 8% 50px 0;
}
.syain_2_sub_1 .img_1b img{
	max-width:100%;
}

.syain_2_sub_1 .text_1a{
	position:relative;
	margin:0;
	font-size:16px;
	line-height:180%;
	color:#000;
	text-align:center;
}
.syain_2_sub_1 .text_1b{
	position:relative;
	margin:30px 0 0 0;
	font-size:28px;
	font-weight:bold;
	line-height:150%;
	color:#000;
	text-align:center;
	
}
.syain_2_sub_1 .absolute_1{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	max-width:327.51px;
}

@media screen and (max-width:1200px) {
/** 1200_message **/
.syain_1_main{
	max-width:1920px;
}

}
@media screen and (max-width:1024px) {
.syain_1_main{
	max-width:1920px;
	margin:0 auto 0 auto;
	padding:150px 0 100px 0;
}
.syain_1_sub_1 .title_0{
	margin-bottom:50px;
}
.syain_1_sub_2:not(:first-child){
	padding:100px 0 0 0;
}
.syain_1_sub_1 .flex_1{
	grid-template-columns: repeat(2, 1fr);
}
.syain_1_sub_2 .flex_1 .div_1{
	width:100%;
}

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


}
@media screen and (max-width:700px) {
.syain_1_sub_1 .flex_1{
	grid-template-columns: repeat(1, 1fr);
}
.syain_1_sub_2 .flex_1 .div_1{
	max-width:100%;
}

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

/** 500_message **/
.syain_1_main{
	padding:25% 0 100px 0;
}
.syain_1_sub_1 .title_0 .title_1b{
	font-size:25px;
	margin-top:10px;
}
.syain_1_sub_1 .title_0{
	margin-bottom:0px;

}
.syain_1_sub_2 .absolute_1{
	font-size:15px;
	width:150px;
}
.syain_1_sub_2 .absolute_2{
	font-size:15px;
	width:150px;
}

.syain_1_sub_2 .absolute_1 div:nth-child(2){
	font-size:30px;
}
.syain_1_sub_2 .absolute_2 div:nth-child(2){
	font-size:30px;
}

/** 500_company **/
.syain_2_main{
	padding:100px 0 0px 0;
}
.syain_2_sub_1 .title_0 .title_1a{
	font-size:16px;
}
.syain_2_sub_1 .title_0 .title_1b{
	font-size:25px;
}

}