.slide_introduce .fadeins_box ul.hide{ } .slide_introduce .fadeins_box ul.hide li{ width:100%; background-color: transparent; margin: 0 0 0 0; height: auto; } .apply-cloud-box{ width: 100%; } .apply-cloud-box:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } .apply-cloud-left{ float: left; width:64%; padding: 0 2% 0 0; border-right: 1px solid #dedede; } .apply-cloud-right{ float: left; width:36%; padding:0 0 0 2%; } .apply-cloud-box h2{ font-size: 24px; color: #000; text-align: center; line-height: 1; margin-bottom: 20px; } .apply-cloud-box p{ font-size: 18px; line-height: 1.5; } .apply-cloud-left>p{ font-size: 18px; line-height: 1.5; margin-bottom: 40px; } .apply-cloud-left dl{ margin-bottom: 30px; } .apply-cloud-left dl:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } .apply-cloud-left dt{ float: left; width: 60px; margin-right: 30px; } .apply-cloud-left dt img{ width: 100%; } .apply-cloud-left dd{ float: left; width: calc(100% - 90px); } .apply-cloud-left dd h4{ font-size: 20px; color: #6fba2c; margin-bottom: 10px; line-height: 1; } .apply-cloud-left dd p{ font-size: 18px; line-height: 1.5; color: #666; } .apply-cloud-right dl{ margin-bottom: 40px; } .apply-cloud-right>p{ margin-bottom: 30px; } .apply-cloud-right dl:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } .apply-cloud-right dt{ float: left; width: 66px; margin-right: 30px; } .apply-cloud-right dt img{ width: 100%; } .apply-cloud-right dd{ float: left; } .apply-cloud-right dd h4{ font-size: 20px; color: #6fba2c; line-height: 1; margin-top: 20px; } @media screen and (max-width: 1366px){ .apply-cloud-box h2{ font-size: 20px; } .apply-cloud-left>p,.apply-cloud-right>p{ font-size: 16px; } .apply-cloud-left dl{ margin-bottom: 20px; } .apply-cloud-left dt{ width: 45px; margin-right: 20px; } .apply-cloud-left dd{ width: calc(100% - 65px); } .apply-cloud-left dd h4{ font-size: 18px; } .apply-cloud-left dd p{ font-size: 16px; } .apply-cloud-right dt{ width: 45px; } .apply-cloud-right dd h4{ font-size:18px; } } @media screen and (max-width: 750px){ .apply-cloud-box p{ font-size: .3rem; } .apply-cloud-left{ width: 100%; padding: 0 3% 0 3%; border-right: none; margin-bottom: 40px; } .apply-cloud-right{ width: 100%; padding: 0 3% 0 3%; } }