.content1{
padding-bottom: 0;
.textInfo{
max-width: 1080px;
margin: auto;
display: flex;
justify-content: space-between;
margin-top: 30px;
.text{
width: 46.8%;
font-weight: 300;
font-size: 15px;
color: #515356;
letter-spacing: 0;
line-height: 30px;
}
}
.picBox{
position: relative;
max-width: 1130px;
width: 100%;
margin: auto;
margin-top: 40px;
.pic{
width: 100%;
}
}
}
@media (max-width: 767px) {
.content1{
.textInfo{
flex-wrap: wrap;
margin-top: 20px;
.text{
width: 100%;
margin-bottom: 15px;
}
}
.picBoxCon{
margin-left: -15px;
}
.picBox{
padding-right: 15px;
margin-top: 22px;
.pic{
width: 100%;
}
}
}
}
.content2{
background: rgba(223, 38, 22, 0.04);
padding-bottom: 50px;
.picBox{
position: relative;
max-width: 1140px;
width: 100%;
margin: auto;
margin-top: 9px;
.pic{
width: 100%;
}
}
}
@media (max-width: 767px) {
.content2{
.picBox{
margin-top: 20px;
}
}
}
.content3{
padding-bottom: 0;
.infoBox{
width: 100%;
max-width: 960px;
margin: auto;
display: flex;
justify-content: space-between;
margin-top: 50px;
.textBox{
width: 43.8%;
margin-top: 30px;
.en{
opacity: 0.1;
font-family: Poppins-Bold;
font-size: 60px;
color: #BC9C94;
line-height: 50px;
margin-bottom: 20px;
}
.text{
font-weight: 300;
font-size: 18px;
color: #515356;
letter-spacing: 0;
line-height: 36px;
.sp1{
color: #EF0338;
font-weight: 500;
}
.sp2{
color: #FF663B;
font-weight: 500;
}
}
}
.picBox{
position: relative;
width: 46.8%;
.pic{
width: 100%;
}
}
}
}
@media (max-width: 767px) {
.content3{
.infoBox{
flex-wrap: wrap;
margin-top: 20px;
.textBox{
width: 100%;
margin-top: 0;
}
.picBox{
width: 100%;
margin-top: 10px;
}
}
}
}
.content4{
background: rgba(223, 38, 22, 0.04);
.infoBox{
width: 100%;
max-width: 960px;
margin: auto;
display: flex;
justify-content: space-between;
margin-top: 50px;
.picBox{
position: relative;
width: 46.8%;
.pic{
width: 100%;
margin-left: -15px;
}
}
.textBox{
position: relative;
width: 43.8%;
margin-top: 30px;
.pic{
width: 88%;
margin-bottom: 44px;
display: block;
}
.text{
font-weight: 300;
font-size: 15px;
color: #515356;
line-height: 30px;
}
.button{
width: 72%;
margin-top: 40px;
}
}
}
}
@media (max-width: 767px) {
.content4{
.infoBox{
display: block;
margin-top: 10px;
margin-left: -15px;
margin-right: -15px;
width: auto;
.picBox{
width: 100%;
.pic{
margin: 0;
}
}
.textBox{
padding-left: 15px;
padding-right: 15px;
width: 100%;
margin-top: 0;
.pic{
width: 310px;
margin: auto;
}
.text{
margin-top: 30px;
}
.button{
width: 100%;
margin-top: 25px;
}
}
}
}
}