@charset "UTF-8";

	.gp_title {
		text-align: center;
		padding-bottom:50px;
		padding-top:50px;
	}	
@media (min-width: 1300px) {
	.category_block {display:block; width:100%;padding:10px 10px;text-align: center;}
	.icb {display:inline-block;width:25%;padding:10px 10px;position:relative;color:gray;font: 18px/1.2 "Noto Sans JP", "Noto Sans TC", "arial", "微软雅黑";}
	.csg {display:block;width:100%;padding-bottom:15px;}
	.csb1 {width:20%;display:inline-block;text-align: center;vertical-align:top;}
	.csb1 img {width:50%;}
	.csb2 {width:50%;display:inline-block;padding-right:10px;}
	.csb2 .title {font-weight:700; text-align: center; }
	.csb2 a {cursor:pointer !important;}
	.csb2 button.b1 {border-radius: 15px;border:none;padding:5px 5px;float:right;margin-top:5px;}
	.csb3 {width:25%;display:inline-block;vertical-align:top;padding-bottom:30px;}
	.timeline img {display:block; margin-right:auto;margin-left:auto;}
	.csb3 img.dv {display:none;}
	
	}
@media (max-width: 1299px) {
	.category_block {display:block; width:100%;padding:10px 10px;text-align: center;}
	.icb {display:inline-block;width:25%;padding:10px 10px;position:relative;color:gray; font: 16px/1.2 "Noto Sans JP", "Noto Sans TC", "arial", "微软雅黑";}
	.csg {display:block;width:100%;padding-bottom:15px;}
	.csb1 {width:20%;display:inline-block;text-align: center;vertical-align:top;}
	.csb1 img {width:50%;}
	.csb2 {width:50%;display:inline-block;padding-right:10px;}
	.csb2 .title {font-weight:700; text-align:center;white-space: nowrap;}
	.csb2 a {cursor:pointer !important;}
	.csb2 button.b1 {border-radius: 15px;border:none;padding:5px 5px;float:right;margin-top:5px;}
	.csb3 {width:25%;display:inline-block;vertical-align:top;}
	.timeline img {display:block; margin-right:auto;margin-left:auto;}
	.csb3 img.dv {display:none;}
	
	}	
@media (max-width: 1080px) {
	.category_block {display:block; width:100%;padding:10px 10px;text-align: center;}
	.icb {display:inline-block;width:25%;padding:10px 10px;position:relative;color:gray; font: 14px/1.2 "Noto Sans JP", "Noto Sans TC", "arial", "微软雅黑";}
	.timeline img {display:block; margin-right:auto;margin-left:auto;}
	.csb3 img.dv {display:none;}
	}	
@media (max-width: 801px) {
	.category_block {display:block; width:100%;padding:10px 10px;text-align: center;}
	.icb {display:inline-block;width:30%;padding:10px 10px;position:relative;color:gray; font: 14px/1.2 "Noto Sans JP", "Noto Sans TC", "arial", "微软雅黑";}
	.csg {display:block;width:100%;padding-bottom:15px;}
	.csb1 {width:25%;display:inline-block;text-align: left;vertical-align:top;}
	.csb1 img {width:70%;}
	.csb2 {width:76%;display:inline-block;text-align: left;margin-left:-15px;padding-right:5px;}
	.csb2 a {cursor:pointer !important;}
	.csb2 button.b1 {border-radius: 15px;border:none;padding:5px 5px;float:right;margin-top:5px;}
	.csb3 {width:100%;display:inline-block;vertical-align:top;margin-top:10px;}	
	.timeline img {display:none; margin-right:auto;margin-left:auto;}
	.csb3 img.dv {display:block;margin-right:auto;margin-left:auto;}
	}	
@media (max-width: 646px) {
	.category_block {display:block; width:100%;padding:10px 10px;text-align: center;}
	.icb {display:inline-block;width:30%;padding:10px 10px;position:relative;color:gray; font: 12px/1.2 "Noto Sans JP", "Noto Sans TC", "arial", "微软雅黑";}
	
	}	
@media (max-width: 545px) {
	.category_block {display:block; width:100%;padding:10px 10px;text-align: center;}
	.icb {display:inline-block;width:40%;padding:10px 10px;position:relative;color:gray; font: 12px/1.2 "Noto Sans JP", "Noto Sans TC", "arial", "微软雅黑";}
	.csb2 .title {white-space: normal;}
	}		
@media (max-width: 544px) {
	.category_block {display:block; width:100%;padding:10px 10px;text-align: center;}
	.icb {display:inline-block;width:50%;padding:10px 10px;position:relative;color:gray; font: 12px/1.2 "Noto Sans JP", "Noto Sans TC", "arial", "微软雅黑";}
	.csg {display:block;width:100%;padding-bottom:15px;}
	.csb2 {font:12px/1.2 "Noto Sans JP", "arial", "微软雅黑";}
	}
@media (max-width: 400px) {
	.category_block {display:block; width:100%;padding:10px 10px;text-align: center;}
	.icb {display:inline-block;width:100%;padding:10px 10px;position:relative;color:gray; font: 12px/1 "Noto Sans JP", "Noto Sans TC", "arial", "微软雅黑";}
	.csg {display:block;width:100%;padding-bottom:15px;}
	.csb1 {width:0%;display:none;text-align: left;vertical-align:top;}
	.csb1 img {width:80%;}
	.csb2 {width:100%;display:inline-block;text-align: left;margin-left:0px;padding-right:10px;}
	.csb3 {width:100%;display:inline-block;vertical-align:top;}	
	}			
@media (max-width: 300px) {
	
	}