@charset "utf-8";

.pageTitle-section{text-align:center;}
.pageTitle-section h1{font-size:42px;color:#3b3b3b; font-weight:300; line-height:130%;}
.pageTitle-section h1 strong{font-weight:700; color:#383471;}
.pageTitle-section h2{font-size:22px; color:#333; font-weight:400; margin-top:35px; line-height:130%;}
.pageTitle-section h2 span{color:#329fd2; font-weight:700;}
.pageTitle-section p{font-size:20px;color:#333; font-weight:300; line-height:150%; margin-top:30px; word-break:keep-all; word-wrap:break-word;}
.pageTitle-section p span{color:#f95da3; font-weight:500;}

@media screen and (max-width:960px){
	.pageTitle-section h1{font-size:35px;}
	.pageTitle-section h2{font-size:20px;}
	.pageTitle-section p{margin-top:15px; font-size:18px;}
}

@media screen and (max-width:780px){
	.pageTitle-section h1{font-size:33px;}
	.pageTitle-section h2{font-size:18px;}
	.pageTitle-section p{font-size:16px;}
}

@media screen and (max-width:680px){
	.pageTitle-section h1{font-size:30px;}
	.pageTitle-section h1 span{font-weight:600;}
	.pageTitle-section h2{font-size:17px;}
	.pageTitle-section p{margin-top:10px; font-size:15px;}
}

@media screen and (max-width:580px){
	.pageTitle-section h1{font-size:28px;}
	.pageTitle-section h1 span{font-weight:500;}
	.pageTitle-section h2{font-size:16px;}
	.pageTitle-section br{display:none;}
}

@media screen and (max-width:480px){
	.pageTitle-section h1{font-size:25px;}
	.pageTitle-section h2{font-size:15px;}
}

#shop-section{width:100%; background:url('../img/competitiveness1_top_bg.jpg') no-repeat center; background-size:cover;}

#shop-section01 h3{width:100%; max-width:1190px; padding:0 10px; margin:50px auto 0;}
#shop-section01 h3 img{width:100%;}

@media screen and (max-width:980px){
	#shop-section01 h3{margin:40px auto 0;}
}

@media screen and (max-width:880px){
	#shop-section01 h3{margin:30px auto 0;}
}

.wd-info{padding-top:30px; margin-bottom:0; font-size:14px; color:#ff4545; display:none;}

#shop-section02{width:100%; max-width:1190px; padding:0 10px; margin:60px auto 100px;}
#shop-section02 table{width:100%;}
#shop-section02 table thead tr th{color:#fff; padding:15px 0; font-weight:500;}
#shop-section02 table thead tr th,
#shop-section02 table tbody tr td{width:25%; font-size:20px; text-align:center;}
#shop-section02 table.branch01 thead tr th,
#shop-section02 table.branch01 tbody tr td{width:20%;}
#shop-section02 table tbody tr td{border:1px solid #dedede; padding:30px 0;}
#shop-section02 table tbody tr td span{color:#727272; font-size:16px;}
#shop-section02 table.branch01 thead tr th:first-child{background:#510F7C;}
#shop-section02 table.branch01 thead tr th:last-child{background:#0B6B0E;}
#shop-section02 table.branch02{margin-top:50px;} 
#shop-section02 table.branch02 thead tr th{background:#038EE6;} 

@media screen and (max-width:780px){
	#shop-section02 table thead tr th,
	#shop-section02 table tbody tr td{font-size:17px;}
	#shop-section02 table tbody tr td{padding:20px 0;}
	#shop-section02 table tbody tr td span{color:#727272; font-size:15px;}
}

@media screen and (max-width:640px){
	#shop-section02{margin:40px auto 0;}
	#shop-section02 table.branch01{margin-top:10px !important;;} 
	#shop-section02 table.branch02{margin-top:30px !important;;} 
	#shop-section02 table thead tr th,
	#shop-section02 table tbody tr td{font-size:15px;}
	#shop-section02 table tbody tr td{padding:15px 0;}
	#shop-section02 table tbody tr td span{color:#727272; font-size:13px;}
	.wd-info{display:block;}
	.wd-wrap{overflow-x:scroll;}
	.wd-wrap table{width:760px !important;}
}