@charset "utf-8";
.col-xs-1-5{position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px;}
.col-xs-1-5{width: 20%; float: left;}
.individual-head{padding-top: 30px;}
.cg-wrap .c-tab-individual{padding: 10px 0; margin-bottom: 0;}
.top-tab{margin-left: auto; margin-right: auto;}
.top-tab .col-md-6 p{margin-bottom: 0; text-align: center; background-color: #c6d3e4; padding: 10px 0;}
.top-tab .col-md-6 p.current{background-color: #006bae;}
.top-tab .col-md-6 p a{background: url(https://global.canon/00cmn/img/common/icon_link.png) no-repeat right center; padding-right: 25px; line-height: 1.5; padding: 8px 25px 8px 0;}
.top-tab .col-md-6 p.current a{color: #FFFFFF; background: url(https://global.canon/00cmn/img/common/ico-s-arrow-w.png) no-repeat right center;}
.top-tab .col-xs-6:first-of-type{padding-right: 7px;}
.top-tab .col-xs-6:nth-of-type(2){padding-left: 7px;}
.c-tab-individual li{list-style: none; display: table-cell; text-align: center;}
.c-tab-individual li a{display: table; color: #ffffff; line-height: 1.2em; padding: 0.5em; width: 100%; border: 1px #ffffff solid;}
.c-tab-individual li a span{display: table-cell; vertical-align: middle;}
.c-tab-individual li.current a{color: #006bae; background-color: #ffffff;}
section.bgc-custom{background-color: #F4EEDD;}
.bgc-v09 .cg-wrap{margin-left: auto; margin-right: auto;}
.mainSection{margin-left: auto; margin-right: auto; padding-bottom: 30px;}
.mainSection .index-inner{width: 70.653%; margin-left: auto; margin-right: auto; padding-top: 20px;}
.index-inner .tableOfContents{width: 92.615%; margin-left: auto; margin-right: auto; padding-left: 140px;}
.index-inner .tableOfContents img{float: left; width: 140px; margin-left: -140px; padding-top: 4px;}
.mainSection .index-inner .tableOfContents p{float: right; width: 100%; padding-left: 5px; margin-bottom: 10px;}
.index-inner .anchor-layout{position: relative;}
.index-inner .anchor-list{padding: 0;}
.index-inner .anchor-list li{list-style-type: none; position: absolute; width: 20.1538%; padding-bottom: 20.1538%;}
.index-inner .anchor-list li a{display: block; position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top; background-size: contain;}
.index-inner .anchor-list li:first-of-type{left: 1.5%; bottom: 6.4%;}
.index-inner .anchor-list li:first-of-type a{background-image: url(https://global.canon/ja/ir/individual/img/index2_navi01.png);}
.index-inner .anchor-list li:nth-of-type(2){top: 34.606%; left: 2.4%;}
.index-inner .anchor-list li:nth-of-type(2) a{background-image: url(https://global.canon/ja/ir/individual/img/index2_navi02.png);}
.index-inner .anchor-list li:nth-of-type(3){top: 6.966%; left: 10.15%;}
.index-inner .anchor-list li:nth-of-type(3) a{background-image: url(https://global.canon/ja/ir/individual/img/index2_navi03.png);}
.index-inner .anchor-list li:nth-of-type(4){top: 2.921%; left: 30.153%;}
.index-inner .anchor-list li:nth-of-type(4) a{background-image: url(https://global.canon/ja/ir/individual/img/index2_navi04.png);}
.index-inner .anchor-list li:nth-of-type(5){top: 2.921%; right: 29.538%;}
.index-inner .anchor-list li:nth-of-type(5) a{background-image: url(https://global.canon/ja/ir/individual/img/index2_navi05.png);}
.index-inner .anchor-list li:nth-of-type(6){top: 6.966%; right: 9.384%;}
.index-inner .anchor-list li:nth-of-type(6) a{background-image: url(https://global.canon/ja/ir/individual/img/index2_navi06.png);}
.index-inner .anchor-list li:nth-of-type(7){top: 34.606%; right: 2.461%;}
.index-inner .anchor-list li:nth-of-type(7) a{background-image: url(https://global.canon/ja/ir/individual/img/index2_navi07.png);}
.index-inner .anchor-list li:nth-of-type(8){right: 1.076%; bottom: 5.749%;}
.index-inner .anchor-list li:nth-of-type(8) a{background-image: url(https://global.canon/ja/ir/individual/img/index2_navi08.png);}
.index-inner .anchor-btn{position: absolute; bottom: 3.901%; left: 0; right: 0; width: 44.923%; padding-bottom: 8.615%; margin: auto;}
.index-inner .anchor-btn a{display: block; position: absolute; width: 100%; height: 100%; background-image: url(https://global.canon/ja/ir/individual/img/index2_button.png); background-repeat: no-repeat; background-position: left top; background-size: contain;}
.mainSection .contents-inner{width: 68.478265%; margin-left: auto; margin-right: auto; padding-top: 8px;}
.mainSection h3{line-height: 1.4em; margin-bottom: 20px; position: relative; padding-left: 0.8em;}
.mainSection h3:before{content: ""; display: block; width: 6px; height: 1em; background-color: #006bae; border-radius: 3px; position: absolute; top: 0.25em; left: 0;}
.mainSection .h4_ttl{line-height: 1.4em; margin-bottom: 15px; position: relative;font-size:18px;border-bottom:1px solid #000;padding-bottom:3px;}
.mainSection .h5_ttl{line-height: 1.4em; margin-bottom: 15px; position: relative;font-size:17px;text-align:center;}
.question-box{position: relative; background-color: #e4dcc5; margin-bottom: 20px; background-repeat: no-repeat; background-size: 90px 114px;}
.question-box.icon-01{background-image: url(https://global.canon/ja/ir/individual/img/question-icon-01.png);}
.question-box.icon-02{background-image: url(https://global.canon/ja/ir/individual/img/question-icon-02.png);}
.question-box img{position: absolute; top: -25%; left: 12px; width: 90px;}
.question-box h2{color: #3368ae; margin: 0;}
.answer-box img{float: left;}
.answer-box p{float: right;}
.col-row.no-padding{margin: 0;}
.col-row.no-padding > div{padding: 0;}
.imgLayout-01{padding-left: 10px; padding-right: 10px;}
.imgLayout-01 img{float: left;}
.imgLayout-01 img:first-of-type{width: 50.163%;}
.imgLayout-01 img{width: 49.837%;}
/*
.imgLayout-02{padding-left: 10px; padding-right: 10px; margin-bottom: 40px;}
.imgLayout-02 img{float: left;}*/

.imgLayout-02.white-box {background-color: #fff; border-radius: 4px; margin: auto 1.2em 1em 1.2em;}
.imgLayout-02.white-box.mb40{ margin-bottom: 40px;}
.imgLayout-02.white-box p{ margin-bottom: 0 !important; width: 50%; float: left; text-align: center; padding: 20px;}

.imgLayout-03{display:inline-block;margin-bottom:10px;}
.imgLayout-03 img{float: left;}
.imgLayout-03.mb40{margin-bottom:40px;}

.mainSection .descBox{padding-left: 20px; padding-right: 20px;}
.reference-box{width: 96.19049%; padding: 1px; margin: 0px auto 30px; background-color: #FFFFFF; border: 1px solid #DCD3BF; border-radius: 5px;}
.reference-box h5{margin: 0;}
.reference-box dl{width: 96.3456%; margin: 0 auto; padding-bottom: 10px;}
.reference-box dl dt{margin-top: 15px;}
.mainSection .all-box{text-align: center;}
.pagination-box .cg-btn{width: 38.095%;}
.pagination-box .cg-btn a{width: 100%; display: table; color: #ffffff; background-color: #006bae; border: none; background-image: url(https://global.canon/00cmn/img/common/nav-arrow-w.png); white-space: normal; line-height: 1.4em;}
.pagination-box .cg-btn a span{display: table-cell; vertical-align: middle;}
.pagination-box .cg-btn.prev-btn{float: left;}
.pagination-box .cg-btn.next-btn{float: right;}
.common-list-style{padding-left: 0;}
.common-list-style li{list-style-type: none; padding-left: 1em; position: relative;}
.common-list-style li:before{content: ""; display: block; position: absolute; top: 0.5em; left: 0; width: 8px; height: 8px; background-color: #006bae; border-radius: 50%;}
.common-list-style li ~ li{margin-top: 5px;}
@media (min-width: 1331px) {
  .question-box h2{line-height: 1.4em;}
}
@media (min-width: 1080px) {
  .bgc-v09 .cg-wrap{max-width: 964px;}
  .mainSection{max-width: 950px;}
  .c-tab-individual li a span, .mainSection .font-size{font-size: 18px;}
  .common-list-style li{font-size: 17px;}
  .top-tab{width: 35%; max-width: 560px;}
  .top-tab .col-md-6 p a{font-size: 18px; line-height: 1.2em;}
  .question-box.padding-tb1{padding-top: 45px; padding-bottom: 45px;}
  .question-box.padding-tb2{padding-top: 71px; padding-bottom: 71px;}
  .question-box.padding-tb3{padding-top: 63px; padding-bottom: 63px;}
  .question-box.padding-tb4{padding-top: 65px; padding-bottom: 65px;}
  .question-box h2{font-size: 28px;}
}
@media (min-width: 768px) and (max-width: 1079px) {
  .top-tab{width: 55%;}
  .bgc-v09 .cg-wrap{width: 89.25925%;}
  .mainSection{width: 87.962%;}
  .question-box.padding-tb3{padding-top: 11%; padding-bottom: 11%;}
}
@media (min-width: 816px) and (max-width: 1330px) {
  .question-box.padding-tb2{padding-top: 60px; padding-bottom: 60px;}
}
@media (min-width: 768px) and (max-width: 815px) {
  .question-box.padding-tb2{padding-top: 40px; padding-bottom: 40px;}
  .question-box.padding-tb3{padding-top: 40px; padding-bottom: 40px;}
}
@media (min-width: 768px) and (max-width: 1330px) {
  .question-box.padding-tb1{padding-top: 40px; padding-bottom: 40px;}
  .question-box.padding-tb4{padding-top: 60px; padding-bottom: 60px;}
  .question-box h2{line-height: 1.6em;}
}
@media (min-width: 1024px) {
  .index-inner .anchor-list li:first-of-type:hover a{background-image: url(https://global.canon/ja/ir/individual/img/index2_navi01-lo.png);}
  .index-inner .anchor-list li:nth-of-type(2):hover a{background-image: url(https://global.canon/ja/ir/individual/img/index2_navi02-lo.png);}
  .index-inner .anchor-list li:nth-of-type(3):hover a{background-image: url(https://global.canon/ja/ir/individual/img/index2_navi03-lo.png);}
  .index-inner .anchor-list li:nth-of-type(4):hover a{background-image: url(https://global.canon/ja/ir/individual/img/index2_navi04-lo.png);}
  .index-inner .anchor-list li:nth-of-type(5):hover a{background-image: url(https://global.canon/ja/ir/individual/img/index2_navi05-lo.png);}
  .index-inner .anchor-list li:nth-of-type(6):hover a{background-image: url(https://global.canon/ja/ir/individual/img/index2_navi06-lo.png);}
  .index-inner .anchor-list li:nth-of-type(7):hover a{background-image: url(https://global.canon/ja/ir/individual/img/index2_navi07-lo.png);}
  .index-inner .anchor-list li:nth-of-type(8):hover a{background-image: url(https://global.canon/ja/ir/individual/img/index2_navi08-lo.png);}
  .index-inner .anchor-btn a:hover{background-image: url(https://global.canon/ja/ir/individual/img/index2_button-lo.png);}
}
@media (min-width: 768px) {
  .mainSection .index-inner p{margin-bottom: 30px;}
  .mainSection h5{font-size: 19px;}
  .question-box{padding-right: 2.6%; padding-left: 140px; margin-top: 60px; background-position: 2% bottom;}
  .answer-box{padding-left: 90px; margin-bottom: 20px;}
  .answer-box img{width: 90px; margin-left: -90px;}
  .answer-box p{width: 100%; padding-top: 30px; padding-left: 20px;}
  .c-tab-individual li:nth-of-type(n+6){margin-top: 10px;}
  .mainSection .all-box{padding-top: 20px;}
}
@media (max-width: 767px) {
  .col-xs-1-5{width: 50%;}
  .individual-head{padding-top: 1em;}
  .top-tab{width: 100%;}
  .top-tab.padb60{padding-bottom: 0;}
  .c-tab-individual li:nth-of-type(n+3){margin-top: 10px;}
  .mainSection{padding-bottom: 20px;}
  .mainSection .index-inner, .mainSection .contents-inner{width: 100%; padding-top: 30px;}
  .mainSection h3{font-size: 18px; line-height: 1.4em; margin-bottom: 15px;}
  .mainSection h3:before{top: 0.15em;}
  .mainSection h5{line-height: 1.4em;}
  .mainSection .h4_ttl{font-size:16px;margin-top:20px;}
  .mainSection .h5_ttl{font-size:15px;}
  .index-inner .tableOfContents{width: 100%; padding-left: 90px;}
  .index-inner .tableOfContents img{width: 90px; margin-left: -90px;}
  .question-box{padding-right: 2%; padding-left: 62px; margin-top: 30px; background-size: 45px 57px; background-position: 10px bottom;}
  .question-box.padding-tb1{padding-top: 4.8%; padding-bottom: 4.8%;}
  .question-box.padding-tb2{padding-top: 6.8%; padding-bottom: 6.8%;}
  .question-box.padding-tb3{padding-top: 4.8%; padding-bottom: 4.8%;}
  .question-box.padding-tb4{padding-top: 6.8%; padding-bottom: 6.8%;}
  .question-box h2{line-height: 1.4em;}
  .question-box img{width: 45px;}
  .answer-box{padding-left: 55px; margin-bottom: 20px;}
  .answer-box img{width: 55px; margin-left: -55px;}
  .answer-box p{width: 100%; padding-top: 20px; padding-left: 10px;}
  .mainSection .descBox{padding-left: 1em; padding-right: 1em;}
  .pagination-box{margin-top: 40px;}
  .pagination-box .cg-btn{width: 48%;}
  .pagination-box .cg-btn a{font-size: 15px; padding-left: 0.8em; padding-right: 1.6em;}
}
@media (max-width: 360px) {
  .question-box.padding-tb1{padding-top: 14px; padding-bottom: 16px;}
  .question-box.padding-tb2{padding-top: 28px; padding-bottom: 28px;}
  .question-box.padding-tb3{padding-top: 14px; padding-bottom: 16px;}
  .question-box.padding-tb4{padding-top: 28px; padding-bottom: 28px;}
  .question-box h2{font-size: 1.25em;}
}