@charset "utf-8";
/* CSS Document */
#case .sec1{margin-top: 100px;text-align: center;}
#case .sec1 h3{font-size: 3rem;font-weight: bold;line-height: 1.3;}
#case .sec1 p{line-height: 1.6;margin: 45px 0;}
#case .sec1 ul{display: flex;justify-content: space-around; max-width: 1200px;margin: 0 auto 80px;}
#case .sec1 ul li {width: 23%;}

#case .sec2{margin-bottom:140px;}
#case .sec2 p.desc{text-align: center;margin: 30px 0 50px;}
#case .sec2 .contents{max-width: 1000px;margin: 50px auto;}
#case .sec2 .contents .box{margin-bottom: 70px;}
#case .sec2 .contents .box .season{background: #2562b1;font-style: italic;color: #fff;display: flex;align-items: baseline;padding: 15px 0;}
#case .sec2 .contents .box .season h4{font-size: 2rem;font-weight: bold;margin-left: 15px;}
#case .sec2 .contents .box .season h4 span{font-size:1.4rem;font-weight:normal;}
#case .sec2 .contents .box .season p{font-weight: bold;margin-left: auto;margin-right: 15px;}
#case .sec2 .contents .box table{width: 100%;margin-top: 10px;}
#case .sec2 .contents .box table,
#case .sec2 .contents .box th,
#case .sec2 .contents .box td{border: 1px solid #ccc;border-collapse: collapse;}
#case .sec2 .contents .box th.left{width: 65%;}
#case .sec2 .contents .box th.right{width: 35%;}
#case .sec2 .contents .box th {background: #e3e3e3;font-weight: bold;}
#case .sec2 .contents .box th,#case .sec2 .contents .box td{padding:15px 0;text-align:center; vertical-align: middle;}


@media print,screen and (max-width: 960px) {
	#case .sec1{width: auto;margin: 10% 2% 0;}
	#case .sec1 ul{flex-wrap: wrap;}
	#case .sec1 ul li {width:48%; margin-bottom: 2%}

	#case .sec2 .box{margin: 0 5% 10% !important;}
	#case .sec2 .contents .box .season{display: block;}
	#case .sec2 .contents .box .season h4{text-align: center;margin-left: 0;}
	#case .sec2 .contents .box .season p{margin-top:5px;margin-left:0;margin-right:0;text-align: center;}
}