@charset "UTF-8";
/* CSS Document */
.csbtn{font-size: 21px; line-height: 1; font-weight: bold; color:#333; text-align: center; border: solid 2px #f8b72a; border-radius: 4px; padding: 20px; width: 280px; box-sizing: border-box; display: inline-block; text-decoration: none; background: url(/common/img/btn.png) center right 20px no-repeat #fff; background-size: 7%; opacity: 0.7;}
.csbtn span{font-size: 14px;}

#topContent{width: 1038px; margin: 0 auto; display: flex; align-items: center; padding-top: 0; padding-bottom: 60px;}
#topContent div:first-child{padding: 0 54px 0 90px;}
#topContent div:first-child img{margin: 0 auto; width: 50%; height: auto;}
#topContent div:first-child p{margin-bottom: 10px;}
#topContent div:first-child p a{font-size: 21px; line-height: 1; font-weight: bold; color:#333; text-align: center; border: solid 2px #f8b72a; border-radius: 4px; padding: 20px; width: 280px; box-sizing: border-box; display: inline-block; text-decoration: none; background: url(/common/img/btn.png) center right 20px no-repeat #fff; background-size: 7%;}
#topContent div:first-child p a:hover{background: center right 40px #f8b72a; color:#fff; border-color: #fff;}
#topContent div:first-child p a span{font-size: 14px;}
#topContent div:last-child h2{font-size: 36px; line-height: 1.5; margin-bottom: 30px; padding-right: 30px;}
#topContent div:last-child h2 span{font-size: 21px; display: block;}
#topContent div:last-child p{font-size: 18px; padding-right: 30px;}
#topContent div:last-child p span{font-size: 14px;}

#overview{width: 805px; margin: 0 auto; margin-bottom: 120px;}
#overview table{border-collapse: collapse; border-spacing: 0; background: #fff; width: 100%;}
#overview table tr:nth-child(even){background: #fff8e8;}
#overview th, #overview td{border: solid 2px #f7c052; padding: 30px; font-size: 16px;}
#overview td span{font-size: 14px;}
#overview th{white-space: nowrap;}
#overview table .table{display: table; width: 100%;}
#overview table .table div{display: table-cell;}
#overview table .table div:first-child{width: 120px; font-weight: bold;}
#overview table .table div:nth-child(2){width: 1em;}

@media screen and (max-width: 750px) {

.csbtn{font-size: 6vw; padding: 5% 2%; width: 90%; margin: 0 5%;}
.csbtn span{font-size: 3vw;}

#topContent{width: 100%; display: block; padding-top: 3%; padding-bottom: 5%;}
#topContent div:first-child{padding: 0 3% 3% 5%;}
#topContent div:first-child img{margin: 0 auto; width: 60%;}
#topContent div:first-child p a{font-size: 6vw; padding: 5% 2%; width: 90%; margin: 0 5%;}
#topContent div:first-child p a span{font-size: 3vw;}
#topContent div:last-child h2{font-size: 6vw; line-height: 1.5; margin-bottom: 0; padding: 3%; text-align: center;}
#topContent div:last-child h2 span{font-size: 4vw; display: block;}
#topContent div:last-child p{font-size: 4vw; padding: 3%;}
#topContent div:last-child p span{font-size: 3.5vw;}

#overview{width: 94%; margin-bottom: 10%;}
#overview table tr:nth-child(even){background: #fff;}
#overview table th{background: #fff8e8;}
#overview th, #overview td{font-size:3.5vw; padding: 3%; display: block;}
#overview th{font-size:4vw; white-space: nowrap;}
#overview th span, #overview td span{font-size: 3vw; /*display: block;*/}
#overview th br{display: none;}
/*#overview th br, #overview td br{display: none;}*/
#overview table .table div:first-child{width: 7.5em; font-weight: bold;}

}