@media only screen and (min-width:768px) and (max-width:1169px) {
img{max-width:100%; height:auto;}
.content-section01-box-text h5{ font-size:13px; line-height:17px; }
.content-section01-box-text h3{ font-size:15px; line-height:18px; }
.content-section01-box-text .sameheight{ min-height:40px; }
.content-section01-box-text h6{ font-size:12px; line-height:15px; margin-bottom:0px; }
.content-section01-box-text a.buybtn{ font-size:13px; line-height:30px; }
.content-section03-leftbox-right{ padding:15px 0px 0px 0px; }
.content-section03-leftbox-right h3{ font-size:18px; line-height:24px; }
.content-section03-leftbox-right p{ font-size:14px; line-height:23px; }
.content-section03-left .recentbox-left{ padding:5px; }
.content-section03-left .recentbox-left h4{ font-size:14px; }
.content-section03-left .recentbox-right01{ padding:10px; }
.content-section03-left .recentbox-right01 h5{ font-size:13px; }
.content-section03-left .recentbox-right01 h3{ font-size:22px; }


}

@media only screen and (min-width:480px) and (max-width:767px) {
img{max-width:100%; height:auto;}
.banner-section{ padding-bottom:20px; }
.content-section01 h2{ font-size:26px; line-height:28px; margin-bottom:8px; }
.content-section01-box{ margin:0px auto 10px auto; }
.content-section02box{ padding:14px; }
.content-section02box h5{ font-size:15px; line-height:22px; }

.content-section03-leftbox-left{ width:100%; height:auto; padding:0px; margin:0px auto 15px auto; }
.content-section03-leftbox-right{ width:100%; height:auto; padding:0px; margin:0px auto 0px auto; }
.content-section03-leftbox-right h3{ font-size:20px; line-height:24px; }
.content-section03-leftbox-right p{ font-size:14px; line-height:23px; }
.content-section03-leftbox-right h5{ margin-bottom:4px; }

.content-section03-left .recentbox-left{ width:100%; float:none; padding:10px; text-align:center; min-height:40px; }
.content-section03-left .recentbox-left::after{ display:none; }
.content-section03-left .recentbox-right{ width:100%; float:none; padding:10px; margin:0px auto; }
.content-section03-left .recentbox-right01{ width:100%; float:none; padding:10px 10px; margin:0px auto 7px auto; text-align:center;
border:1px solid #598ca5; }
.content-section03-left .recentbox{ margin:0px auto 10px auto; }

}


@media only screen and (min-width:320px) and (max-width:479px){
img{max-width:100%; height:auto;}
.banner-section{ padding-bottom:20px; }
.content-section01 h2{ font-size:26px; line-height:28px; margin-bottom:8px; }
.content-section01-box{ margin:0px auto 10px auto; }
.content-section02box{ padding:14px; }
.content-section02box h5{ font-size:15px; line-height:22px; }

.content-section03-leftbox-left{ width:100%; height:auto; padding:0px; margin:0px auto 15px auto; }
.content-section03-leftbox-right{ width:100%; height:auto; padding:0px; margin:0px auto 0px auto; }
.content-section03-leftbox-right h3{ font-size:20px; line-height:24px; }
.content-section03-leftbox-right p{ font-size:14px; line-height:23px; }
.content-section03-leftbox-right h5{ margin-bottom:4px; }

.content-section03-left .recentbox-left{ width:100%; float:none; padding:10px; text-align:center; min-height:40px; }
.content-section03-left .recentbox-left::after{ display:none; }
.content-section03-left .recentbox-right{ width:100%; float:none; padding:10px; margin:0px auto; }
.content-section03-left .recentbox-right01{ width:100%; float:none; padding:10px 10px; margin:0px auto 7px auto; text-align:center;
border:1px solid #598ca5; }
.content-section03-left .recentbox{ margin:0px auto 10px auto; }


}