/* **** [footer] **** */
/* ** ranking-detail-inquiry ** */
.detail_inquiry_section .detail_inquiry_box { float: left; width: 700px;}
.detail_inquiry_section .detail_inquiry_box .detail_inquiry_num { float: left; width: 12em; padding: 15px 0; background-color: #fff; font-weight: bold; line-height: 1.2; text-align: center;}
.detail_inquiry_section .detail_inquiry_box .detail_inquiry_num strong {font-size: 200%;}
.detail_inquiry_section .detail_inquiry_box .detail_inquiry_catch {margin-top: 10px; padding-left: 10.5em; font-size: 129%; font-weight: bold;}
.detail_inquiry_section .detail_inquiry_btn { float: right; width: 280px; text-align: right;}
.detail_inquiry_section .detail_inquiry_btn a { display: inline-block; *display: inline; *zoom: 1; margin-top: 10px; padding: 15px 25px; border: 1px solid #ccc; background-color: #fff; font-size: 114%; text-align:left; /* text-align: center; */
	 line-height:130%; /* Add */}
.detail_inquiry_section .detail_inquiry_btn a:hover { background-color: #666; color: #fff !important;}
.detail_inquiry_section h2 { margin: 0 0 24px; padding: 6px 12px; font-size: 150%; font-weight: bold; background-color: #555; color: #fff;}
.detail_inquiry_section h3 { margin: 30px 0 10px; padding: 0 0 10px; border-bottom: 1px solid #ccc; font-size: 129%; font-weight: bold;}
.detail_inquiry_section .detail_inquiry_text p, .detail_inquiry_section .detail_inquiry_text dl {float: left; width: 470px;}
.detail_inquiry_section .detail_inquiry_text p + p, .detail_inquiry_section .detail_inquiry_text dl + dl { float: right;}
.detail_inquiry_section .detail_inquiry_text dt { float: left; width: 8em; font-weight: bold;}
.detail_inquiry_section .detail_inquiry_text dd { padding-left: 6em;}
.detail_inquiry_section .detail_inquiry_text dd span {  display: block; margin-left: 3em; text-indent: -3em;}
.detail_inquiry_section .detail_inquiry_box .detail_inquiry_catch {font-size:116%;}
/* ** ranking-technical-advicer ** */
.technical-advicer {background: #f6f6f6; padding: 0 0 50px;}
.inquiry-technical-advicer .copy p {font-size:0.8rem;}
.inquiry-technical-advicer .person-image {padding:0.6rem 15px 15px 0; float:left; width:130px;}
.inquiry-technical-advicer .person-image img {max-width:100%; height:auto;}
.inquiry-technical-advicer .person-info {width:835px; float:left; margin:0.6rem 0 0;}
.inquiry-technical-advicer .name {font-size:1.8em; line-height:0.7em; color:#122B5E; margin:0; font-weight:bold;}
.inquiry-technical-advicer .name .status {font-size:0.5em; display:block; font-weight:normal; margin-bottom:10px;}
.inquiry-technical-advicer dl {margin-bottom:0;}
.inquiry-technical-advicer dt {font-size:1.1em;}
.inquiry-technical-advicer dd {margin:0.2rem 0 0.8rem;}
.inquiry-technical-advicer .person-url {display:block; margin-top:0.3rem;}
/* *** [over] *** */
/* ** ranking-table-of-contents ** */
.table-of-contents-container {width: 100%; height: 100%; position: fixed; top: 0; left: 0; text-align: center; background: rgba(0, 0, 0, 0.5); overflow: auto; opacity: 0; transition: .3s ease-out; z-index: 10010;}
.table-of-contents-container::before {content: ""; display: inline-block; vertical-align: middle; height: 100%;}
.table-of-contents-container.active {opacity: 1; visibility: visible;}
.table-of-contents-body {position: relative; display: inline-block; vertical-align: middle; max-width: 900px; width: 90%;}
.table-of-contents-close {position: absolute; top: -30px; right: 0; font-size: 14px; color: #fff; background: #18a; border: 3px solid #18a; padding: 4px 15px; cursor: pointer; border-radius: 5px 5px 0 0; font-weight: bold;}
.table-of-contents-content {background: #fff; border: 5px solid #18a; text-align: left; padding: 30px; font-size: 12px;}
.table-of-contents-content ul {display: flex; flex-wrap: wrap; padding-left: 20px; margin: 0 0 20px;}
.table-of-contents-content ul.navi {margin: 0 0 10px;}
.table-of-contents-content ul li {list-style: none; display: table;}
.table-of-contents-content ul.rankin li {width: 33%;}
.table-of-contents-content ul.other li {width: 33%;}
.table-of-contents-content ul.navi li {width: 25%;}
.table-of-contents-content li p {display: table-cell; padding-right: 10px;}
.table-of-contents-content li p.rank {width: 30px; text-align: right; padding-right: 2px;}
.table-of-contents-content div.navi {margin-left: 18px;}
.table-of-contents-content p.title {font-weight: bold; margin-bottom: 10px; font-size: 16px;}
.table-of-contents-content p.head {font-weight: bold; margin-bottom: 10px; font-size: 14px;}