@charset "UTF-8";
/* ----------------------------
PC版 共通スタイル min-width:1000px
------------------------------- */
@media screen and (min-width: 641px) {
  body {
    min-width: 1024px; }
  .contentWrap {
    width: 1000px; }
  /* PC/SP ------------- */
  .only_sp {
    display: none !important; }
  .only_pc {
    display: block; }
  /* フェード ------------- */
  .fade_top {
    opacity: 0;
    transform: translateY(50px);
    transition: 1s ease; }
  /* fade */
  .fade_top_slide {
    opacity: 0;
    transform: translateX(-50px);
    transition: 1s ease; }
  /* fade */
  .fadein {
    opacity: 1;
    transform: translateY(0); }
  .fadein_slide {
    opacity: 1;
    transform: translateX(0); }
  /* ----------------------------
東洋経済 ヘッダー&フッター
------------------------------- */
  #tk_head {
    height: 75px; }
    #tk_head > div {
      position: relative; }
    #tk_head .logo a.tkologo img {
      height: 50px; }
    #tk_head p {
      font-size: 16px; }
      #tk_head p:first-of-type {
        right: 100px;
        width: auto; }
      #tk_head p.ad {
        align-items: center;
        width: auto;
        font-size: 14px; }
        #tk_head p.ad span {
          display: block;
          line-height: 1.2; }
  /* tk_head */
  footer {
    margin: 80px auto 0 auto;
    padding: 20px 0;
    border-top: solid 1px #ccc;
    /* nav */
    /* p */ }
    footer nav {
      margin: 0 auto;
      max-width: 1000px;
      width: 100%;
      /* ul */ }
      footer nav ul {
        flex-wrap: nowrap;
        justify-content: center;
        margin-bottom: 20px;
        border-top: 0;
        /* li */ }
        footer nav ul li {
          border-right: solid 1px #666;
          border-bottom: 0;
          width: auto;
          height: auto; }
          footer nav ul li:nth-child(1) {
            order: 1; }
            footer nav ul li:nth-child(1) span {
              border: 0; }
          footer nav ul li:nth-child(2) {
            order: 2; }
          footer nav ul li:nth-child(3) {
            order: 4; }
            footer nav ul li:nth-child(3) span {
              border: 0; }
          footer nav ul li:nth-child(4) {
            order: 5;
            border-style: none; }
          footer nav ul li:nth-child(5) {
            order: 3;
            width: auto; }
          footer nav ul li span {
            display: flex;
            justify-content: center;
            height: auto;
            margin: 0;
            align-items: center;
            font-family: Hiragino Sans,'ヒラギノ角ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo', 'メイリオ', Verdana,'ＭＳ Ｐゴシック',sans-serif;
            font-weight: normal; }
          footer nav ul li a {
            display: block;
            padding: 0 12px;
            line-height: 1.4;
            font-family: Hiragino Sans,'ヒラギノ角ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo', 'メイリオ', Verdana,'ＭＳ Ｐゴシック',sans-serif;
            font-size: 12px; }
            footer nav ul li a:link, footer nav ul li a:active {
              color: #333;
              text-decoration: none; }
            footer nav ul li a:visited {
              color: #333;
              text-decoration: none; }
            footer nav ul li a:hover {
              color: #333;
              text-decoration: underline; }
            footer nav ul li a:focus {
              outline: none; }
    footer p {
      text-align: center; }
      footer p img {
        width: 274px;
        height: 64px; }
  /* footer */
  .logo_tkbs {
    width: 302px; }
  /* ----------------------------*/
  #contents {
    /* header----------------- */
    /* headerArea */
    /* sectionArea 共通----------------- */
    /* sectionArea */
    /* sec1 固有----------------- */
    /* sec1 */
    /* sec2 固有----------------- */
    /* sec2 */
    /* sec3 固有----------------- */
    /* sec3 */
    /* contactArea----------------- */
    /* contactArea */
    /* linkArea----------------- */
    /* linkArea */
    /* sns----------------- */
    /*-----------------
office 差分ここから
----------------- */
    /* office */ }
    #contents .bgAll {
      display: block;
      position: absolute;
      top: 0;
      z-index: -1;
      height: 100%;
      width: 100%; }
      #contents .bgAll span {
        display: block; }
    #contents .bg1,
    #contents .bg2,
    #contents .bg3,
    #contents .bg4 {
      display: inline;
      position: relative;
      top: auto;
      bottom: auto; }
    #contents .bg1 {
      height: 93.58vw;
      min-height: 958px; }
    #contents .bg2 {
      height: 112.16vw;
      min-height: 1149px; }
    #contents .bg3 {
      height: 97.25vw;
      min-height: 996px; }
    #contents .bg4 {
      height: 112.16vw;
      min-height: 1149px; }
    #contents .headerArea {
      margin: 0 0 40px 0;
      padding: 20px 0 0 0; }
      #contents .headerArea h1 {
        margin: 0 auto 20px auto;
        max-width: 1000px; }
        #contents .headerArea h1 img {
          max-width: 655px; }
      #contents .headerArea .readArea {
        margin: 0 5% 0px auto;
        width: 354px; }
      #contents .headerArea p {
        font-weight: 600;
        font-size: 14px;
        color: #ffffff; }
        #contents .headerArea p.small {
          margin: 1em 0 0 0;
          text-align: right;
          font-size: 12px; }
    #contents .sectionArea {
      position: relative;
      margin: 0 0 100px 0;
      /* textArea */
      /* imgBox_out */ }
      #contents .sectionArea > div {
        position: relative; }
      #contents .sectionArea h2 {
        width: 620px;
        margin: 0 0 0 5%; }
      #contents .sectionArea .textArea {
        width: 710px; }
        #contents .sectionArea .textArea.right {
          margin: 0 0 0 auto; }
          #contents .sectionArea .textArea.right .imgBox_out {
            top: 0;
            left: 0; }
        #contents .sectionArea .textArea.left {
          margin: 0 auto 0 0; }
          #contents .sectionArea .textArea.left .imgBox_out {
            top: 0;
            right: 0; }
        #contents .sectionArea .textArea.center {
          margin: 0 auto 0 auto; }
          #contents .sectionArea .textArea.center h2 {
            margin-left: -5%; }
      #contents .sectionArea .textBox {
        padding: 25px 25px 25px 25px;
        box-sizing: border-box;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
        background-color: #ffffff; }
        #contents .sectionArea .textBox > p {
          margin: 0 0 1em 0; }
        #contents .sectionArea .textBox .small {
          font-size: 12px; }
      #contents .sectionArea .imgBox_out {
        position: absolute;
        z-index: -1;
        margin: 0;
        max-width: 320px;
        width: 100%; }
        #contents .sectionArea .imgBox_out span {
          max-width: 320px;
          max-height: 373px; }
        #contents .sectionArea .imgBox_out p {
          text-align: left;
          text-shadow: -1px -1px 2px #e9f1f7, 1px 1px 2px #e9f1f7, -1px 1px 2px #e9f1f7, 1px -1px 2px #e9f1f7; }
          #contents .sectionArea .imgBox_out p.office {
            text-shadow: -1px -1px 2px #f4ece9, 1px 1px 2px #f4ece9, -1px 1px 2px #f4ece9, 1px -1px 2px #f4ece9; }
      #contents .sectionArea .imgBox_in {
        margin: 40px 0 40px 0; }
    #contents .sec1 .imgBox_in {
      margin-right: auto;
      margin-left: auto;
      max-width: 420px; }
    #contents .sec2 .imgBox_in:nth-of-type(2) {
      margin-right: auto;
      margin-left: auto;
      max-width: 420px; }
    #contents .sec3 {
      /* imgBox_out */ }
      #contents .sec3 .imgBox_out:nth-of-type(2) {
        top: 55% !important; }
      #contents .sec3 .imgBox_out:first-of-type p {
        color: #ffffff;
        text-shadow: -1px -1px 2px #666, 1px 1px 2px #666, -1px 1px 2px #666, 1px -1px 2px #666; }
    #contents .banner:hover {
      transform: translateY(1px);
      box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
      opacity: 0.7; }
    #contents .contactArea {
      display: flex;
      justify-content: center;
      margin: 0 auto 80px auto;
      max-width: 800px;
      /* txt */ }
      #contents .contactArea h3 {
        align-self: center;
        margin: 0 auto 0em auto;
        width: 30%;
        text-align: center;
        font-size: 34px;
        font-weight: 700;
        color: #0078d4; }
      #contents .contactArea > div {
        border-left: 1px solid #444444;
        width: 70%; }
      #contents .contactArea p {
        margin: 0 auto 0.2em auto;
        text-align: left;
        line-height: 1;
        font-size: 26px; }
        #contents .contactArea p.small {
          font-feature-settings: 'palt'; }
      #contents .contactArea .txt {
        display: flex;
        justify-content: space-around; }
        #contents .contactArea .txt .tell {
          align-self: center;
          justify-content: flex-start;
          margin: 0; }
          #contents .contactArea .txt .tell span {
            font-size: 26px; }
          #contents .contactArea .txt .tell .st0 {
            fill: #444444; }
          #contents .contactArea .txt .tell svg {
            align-self: center;
            margin-right: 10px;
            width: 25px;
            height: 25px; }
    #contents .linkArea {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom: 120px;
      max-width: 1000px; }
      #contents .linkArea li {
        margin: 0 auto 0px auto;
        max-width: 406px;
        /* a */ }
        #contents .linkArea li a:after {
          top: -20px;
          left: -20px; }
        #contents .linkArea li a img {
          transition: all 0.3s; }
          #contents .linkArea li a img:hover {
            transform: translateY(1px);
            box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2); }
    #contents .banner {
      margin: 100px auto 100px; }
    #contents ul.sns {
      max-width: 212px; }
    #contents.office {
      /* header----------------- */
      /* headerArea */
      /* contactArea----------------- */
      /* contactArea */
      /* linkArea */ }
      #contents.office .headerArea h1 img {
        max-width: 940px; }
      #contents.office .contactArea {
        /* txt */ }
        #contents.office .contactArea h3 {
          color: #d83b01; }
        #contents.office .contactArea .txt span .st0 {
          fill: #444444; }
      #contents.office .linkArea li {
        margin: 0 auto 40px auto; }
  /* contents */ }

/* min-width:1000px */
@media screen and (min-width: 1170px) {
  #contents .bg1,
  #contents .bg2,
  #contents .bg3,
  #contents .bg4 {
    max-height: none; } }

/* min-width:1200px */
@media screen and (min-width: 1270px) {
  #contents {
    /* sec3 固有----------------- */
    /* sec3 */ }
    #contents .sec3 {
      /* imgBox_out */ }
      #contents .sec3 .imgBox_out:nth-of-type(2) p {
        color: #ffffff;
        text-shadow: -1px -1px 2px #666, 1px 1px 2px #666, -1px 1px 2px #666, 1px -1px 2px #666; }
  /*contents*/ }

/* min-width:1250px */
@media screen and (min-width: 1380px) {
  #contents {
    /* sec3 固有----------------- */
    /* sec3 */ }
    #contents .bg4 {
      display: none !important; }
    #contents .sec3 {
      /* imgBox_out */ }
      #contents .sec3 .imgBox_out:first-of-type p {
        color: #444444;
        text-shadow: -1px -1px 2px #e9f1f7, 1px 1px 2px #e9f1f7, -1px 1px 2px #e9f1f7, 1px -1px 2px #e9f1f7; }
        #contents .sec3 .imgBox_out:first-of-type p.office {
          text-shadow: -1px -1px 2px #f4ece9, 1px 1px 2px #f4ece9, -1px 1px 2px #f4ece9, 1px -1px 2px #f4ece9; }
      #contents .sec3 .imgBox_out:nth-of-type(2) p {
        color: #444444;
        text-shadow: -1px -1px 2px #e9f1f7, 1px 1px 2px #e9f1f7, -1px 1px 2px #e9f1f7, 1px -1px 2px #e9f1f7; }
        #contents .sec3 .imgBox_out:nth-of-type(2) p.office {
          text-shadow: -1px -1px 2px #f4ece9, 1px 1px 2px #f4ece9, -1px 1px 2px #f4ece9, 1px -1px 2px #f4ece9; } }

/* min-width:1250px */
@media screen and (min-width: 1501px) {
  #contents {
    position: relative;
    margin: 0 auto;
    max-width: 1920px;
    /* sectionArea */
    /* sec3 固有----------------- */
    /* sec3 */ }
    #contents .bgAll {
      top: -75px; }
    #contents .bg2,
    #contents .bg3,
    #contents .bg4 {
      max-width: 1500px; }
    #contents .bg1 {
      margin-right: 0;
      margin-left: auto; }
    #contents .bg2 {
      margin-right: auto;
      margin-left: 0;
      max-height: 1682.5px; }
    #contents .bg3 {
      margin-right: 0;
      margin-left: auto;
      max-height: 1458.75px; }
    #contents .bg4 {
      display: none !important; }
    #contents .sectionArea {
      margin: 0 0 140px 0; }
    #contents .sec3 {
      /* imgBox_out */ }
      #contents .sec3 .imgBox_out:first-of-type p {
        color: #444444; }
  /*contents*/ }

/* min-width:1200px */

/*# sourceMappingURL=style_pc.css.map */