/* Scss Document */
#contentsArea .contents-outer {
  padding: 0 0 120px 0; }
#contentsArea.top {
  background: url(/about/investors/ir_library/ar/ar2017/img/bg1.png) no-repeat calc(50% - 17px) top !important; }
  #contentsArea.top .contents-outer {
    width: 1200px;
    height: 624px;
    margin: 19px auto 20px auto;
    padding: 0;
    background-image: url(/about/investors/ir_library/ar/ar2017/img/bg-tiop-main_00.jpg);
    background-repeat: no-repeat; }
    #contentsArea.top .contents-outer--01 {
      background-position: 0 -624px; }
    #contentsArea.top .contents-outer--02 {
      background-position: 0 -1248px; }
    #contentsArea.top .contents-outer--03 {
      background-position: 0 -1872px; }
    #contentsArea.top .contents-outer--04 {
      background-position: 0 -2496px; }
    #contentsArea.top .contents-outer--05 {
      background-position: 0 -3120px; }
    #contentsArea.top .contents-outer--06 {
      background-position: 0 -3744px; }
    #contentsArea.top .contents-outer--07 {
      background-position: 0 -4368px; }
    #contentsArea.top .contents-outer ul li {
      display: inline; }
      #contentsArea.top .contents-outer ul li.item-03, #contentsArea.top .contents-outer ul li.item-04, #contentsArea.top .contents-outer ul li.item-07 {
        margin: 0 0 0 120px; }

.h1-area {
  background: url(/about/investors/ir_library/ar/ar2017/img/bg1.png) no-repeat calc(50% - 17px) top !important;
  height: 350px; }
  .h1-area__block {
    width: 1024px;
    height: 350px;
    margin: 0 auto;
    padding: 225px 0 0 0;
    box-sizing: border-box; }
    .h1-area__block h1 {
      height: 125px;
      color: #fff;
      margin: 0 0 0 !important;
      line-height: 1.6 !important;
      padding: 30px;
      box-sizing: border-box;
      font-size: 22px; }
      .h1-area__block h1 strong {
        font-size: 16px; }
    .h1-area__block--01 {
      /* background:linear-gradient(180deg,transparent 0%,transparent 65%,#0069cc 65%,#0069cc 100%), */
      background: url(/about/investors/ir_library/ar/ar2017/img/bg_special_01.jpg) no-repeat center top;
      background-blend-mode: multiply; }
    .h1-area__block--02 {
      /* background:linear-gradient(180deg,transparent 0%,transparent 65%,#0069cc 65%,#0069cc 100%), */
      background: url(/about/investors/ir_library/ar/ar2017/img/bg_special_02.jpg) no-repeat center top;
      background-blend-mode: multiply; }
      .h1-area__block--02 h1 {
        padding-top: 10px; }

.section__block {
  width: 1024px;
  margin: 80px auto 0 auto;
  box-sizing: border-box; }
  .section__block--short {
    padding: 0 110px; }
  .section__block--lead {
    margin: 40px auto 0 auto;
    padding: 0 110px; }
  .section__block--gray {
    background: #f2f3f0;
    padding: 40px 80px;
    width: 960px; }
  .section__block--blue {
    background: #edf4fb;
    padding: 40px 80px;
    width: 960px; }
  .section__block--layout {
    width: 960px; }
  .section__block__h2 {
    text-align: center !important; }
    .section__block__h2--gray {
      color: #333 !important;
      padding-bottom: 10px !important;
      border-bottom: 1px dashed #75757c; }
    .section__block__h2--keyperson {
      margin: 0 !important;
      font-size: 150% !important;
      color: #0068b4 !important; }
      .section__block__h2--keyperson span {
        background: url(/about/investors/ir_library/ar/ar2017/img/bg_keyperson.png) no-repeat left top !important;
        display: inline !important;
        padding: 0 0 0 30px !important; }
    .section__block__h2--left {
      text-align: left !important;
      color: #333 !important;
      font-size: 16px  !important;
      margin: 0 0 0 30px  !important;
      padding: 50px 0 0 0; }
    .section__block__h2--layout {
      color: #333 !important;
      padding-bottom: 10px !important;
      font-size: 150% !important;
      padding: 50px 0 0 0; }
  .section__block__h3 {
    background: linear-gradient(to right, #0068b4 0%, #009cdb 100%) !important;
    color: #fff !important;
    font-weight: normal;
    padding: 5px 10px  !important;
    margin: 40px 0 0 0 !important; }
    .section__block__h3:before {
      display: none !important; }
    .section__block__h3--keyperson {
      background: none !important;
      padding: 0px !important;
      margin: 40px 0 0 0 !important;
      color: #06c !important;
      font-weight: bold;
      font-size: 18px !important; }
  .section__block__txt {
    margin: 20px 0 0 0 !important;
    font-size: 16px; }
    .section__block__txt--keyperson {
      margin: 0 !important; }
  .section__block__img--keyperson {
    margin: 40px 0 0 0 !important; }
  .section__block__row::after {
    display: block;
    content: "";
    clear: both; }
  .section__block__row + .section__block__h3 {
    margin: 120px 0 0 0 !important; }
  .section__block__keyperson::after {
    display: block;
    content: "";
    clear: both; }

.text-block {
  float: left;
  width: 400px; }
  .text-block h4 {
    margin: 40px 0 0 0 !important;
    font-size: 16px !important; }
    .text-block h4:first-child {
      margin: 20px 0 0 0 !important; }
  .text-block p {
    margin: 10px 0 0 0 !important;
    font-size: 16px !important; }
    .text-block p strong {
      color: #06c; }

.img-block {
  float: right;
  width: 540px; }
  .img-block p {
    margin: 20px 0 0 0 !important; }

.keyperson-photo {
  float: left;
  width: 160px;
  margin: 40px 0 0 0; }
  .keyperson-photo p {
    margin: 0 !important; }

.keyperson-text {
  float: right;
  width: 620px;
  margin: 40px 0 0 0; }
  .keyperson-text__lead {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.6 !important;
    margin: 0 !important; }
  .keyperson-text__name {
    font-weight: bold;
    margin: 10px 0 0 0 !important; }
    .keyperson-text__name span {
      font-size: 18px; }

.float-right {
  float: right;
  margin: 0 0 0 20px; }

.inner-link {
  background: #f4f2ef;
  padding: 30px 0; }
  .inner-link__ttl {
    text-align: center;
    margin: 0 !important; }
  .inner-link__list {
    width: 1024px;
    margin: 0 auto;
    border-top: 1px dotted #cbcdcf; }
    .inner-link__list::after {
      display: block;
      content: "";
      clear: both; }
    .inner-link__list:last-child {
      border-bottom: 1px dotted #cbcdcf; }
      .inner-link__list:last-child dt {
        padding-top: 102px; }
    .inner-link__list dt {
      float: left;
      width: 40%;
      text-align: right;
      padding: 10px 20px 10px 10px;
      box-sizing: border-box;
      font-weight: bold;
      font-size: 16px; }
    .inner-link__list dd {
      float: right;
      width: 60%;
      margin: 0 !important;
      border-bottom: 1px dotted #cbcdcf;
      padding: 10px;
      box-sizing: border-box;
      font-size: 16px; }
      .inner-link__list dd:last-child {
        border-bottom: none; }
      .inner-link__list dd a {
        background: url(/about/investors/ir_library/ar/ar2016/img/icon_arrow_001.svg) no-repeat left center;
        display: block;
        padding: 0 0 0 30px;
        color: #004499 !important; }
        .inner-link__list dd a:hover {
          text-decoration: underline !important; }

.logo--ag {
  margin-top: -11px; }

#contentsArea .message-ttl {
  text-align: center;
  line-height: 1.3;
  font-weight: bold;
  background: url(/about/investors/ir_library/ar/ar2017/img/bg_message_01.png) no-repeat center 0;
  color: #333 !important;
  min-height: 160px;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  font-size: 22px !important; }
  #contentsArea .message-ttl i {
    display: block;
    font-style: normal;
    font-size: 16px;
    color: #06C;
    border-bottom: 1px solid #06C;
    padding: 22px 0 10px 0; }
    #contentsArea .message-ttl i + span {
      padding-top: 11px; }
  #contentsArea .message-ttl > span {
    padding-top: 79px; }
  #contentsArea .message-ttl + .inner {
    margin: 30px auto 0 auto !important; }
    #contentsArea .message-ttl + .inner p {
      font-size: 16px !important; }

#anc_07 + .inner p {
  font-size: 16px !important; }

#footerLink .row:first-child {
  margin-bottom: 20px; }
  #footerLink .row:first-child h2 {
    border-bottom: 1px dotted #333;
    padding-bottom: 20px; }