/* newsDetail */
#newsDetail .articleWrap {
  padding: 0 0 calc(40 / 343 * 100%) 0; }
  #newsDetail .articleWrap .articleHeader {
    padding: calc(30 / 343 * 100%) 0 calc(10 / 343 * 100%) 0; }
    #newsDetail .articleWrap .articleHeader .headline {
      font-size: 2.6rem;
      line-height: 1.62;
      font-weight: 900;
      margin: 0 0 0.8em 0; }
    #newsDetail .articleWrap .articleHeader .date {
      font-size: 1.4rem;
      line-height: 2;
      font-weight: 700;
      margin: 0 1em 0 0; }

@media screen and (min-width: 769px) {
  #newsDetail .contentInner {
    padding: 0; }
  #newsDetail .articleWrap {
    max-width: 800px;
    margin: auto;
    padding: 0 0 calc(40 / 1200 * 100%) 0; }
    #newsDetail .articleWrap .articleHeader {
      padding: calc(79 / 800 * 100%) 0 calc(10 / 800 * 100%) 0; }
      #newsDetail .articleWrap .articleHeader .headline {
        font-size: 3.2rem;
        line-height: 1.44; } }
/* casestudyDetail */
#casestudyDetail .articleWrap {
  padding: 0 0 calc(40 / 343 * 100%) 0; }
  #casestudyDetail .articleWrap .articleHeader {
    padding: calc(30 / 343 * 100%) 0 0 0; }
    #casestudyDetail .articleWrap .articleHeader .headline {
      font-size: 2.6rem;
      line-height: 1.46;
      font-weight: 900;
      margin: 0 0 0.8em 0; }
    #casestudyDetail .articleWrap .articleHeader .company {
      margin: 0 0 calc(20 / 343 * 100%) 0;
      padding: 16px;
      box-shadow: 0px 0px 16px #DDDDDD;
      border-radius: 16px; }
      #casestudyDetail .articleWrap .articleHeader .company .image {
        width: calc(200 / 309 * 100%);
        margin: 0 auto calc(10 / 309 * 100%) auto; }
      #casestudyDetail .articleWrap .articleHeader .company .textWrap {
        text-align: center; }
        #casestudyDetail .articleWrap .articleHeader .company .textWrap .name {
          font-size: 1.4rem;
          line-height: 1.75;
          font-weight: 700; }
        #casestudyDetail .articleWrap .articleHeader .company .textWrap .url {
          font-size: 1.4rem;
          line-height: 1.75;
          font-weight: 700; }
          #casestudyDetail .articleWrap .articleHeader .company .textWrap .url a {
            text-decoration: underline; }
    #casestudyDetail .articleWrap .articleHeader .terms {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      #casestudyDetail .articleWrap .articleHeader .terms .term {
        font-size: 1.2rem;
        line-height: 1;
        font-weight: 700;
        margin: 0 0.3em 1em 0;
        padding: 0.5em 1.2em;
        border: 1px solid #C0CBD0;
        border-radius: 1.5em; }

@media screen and (min-width: 769px) {
  #casestudyDetail .contentInner {
    padding: 0; }
  #casestudyDetail .articleWrap {
    max-width: 800px;
    margin: auto;
    padding: 0 0 calc(40 / 1200 * 100%) 0; }
    #casestudyDetail .articleWrap .articleHeader {
      padding: calc(79 / 800 * 100%) 0 calc(10 / 800 * 100%) 0; }
      #casestudyDetail .articleWrap .articleHeader .headline {
        font-size: 3.2rem;
        line-height: 1.44; }
      #casestudyDetail .articleWrap .articleHeader .company {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 0 calc(26 / 800* 100%) 0; }
        #casestudyDetail .articleWrap .articleHeader .company .image {
          width: calc(182 / 756 * 100%);
          margin: 0; }
        #casestudyDetail .articleWrap .articleHeader .company .textWrap {
          flex-basis: calc(540 / 756 * 100%);
          text-align: left;
          padding: 0.7rem 0; }
    #casestudyDetail .articleWrap .articleBody {
      font-size: 1.6rem;
      line-height: 1.8; }
      #casestudyDetail .articleWrap .articleBody p {
        font-size: 1.6rem;
        line-height: 1.8; } }
/* knowledgeDetail */
#knowledgeDetail .wrap {
  font-size: 1.4rem;
  line-height: 1.8;
  padding: 0 0 calc(40 / 343 * 100%) 0; }
  #knowledgeDetail .wrap .article {
    padding: calc(30 / 343 * 100%) 0 calc(30 / 343 * 100%) 0; }
    #knowledgeDetail .wrap .article .image {
      margin: 0 0 1em 0; }
    #knowledgeDetail .wrap .article .headline {
      font-size: 2rem;
      line-height: 1.4;
      font-weight: 900;
      margin: 0 0 0.4em 0; }
    #knowledgeDetail .wrap .article .cont {
      font-size: 1.4rem;
      line-height: 1.8; }
      #knowledgeDetail .wrap .article .cont p {
        font-size: 1.4rem;
        line-height: 1.8;
        margin: 0 0 1em 0; }
  #knowledgeDetail .wrap .form {
    padding: 0 0 calc(30 / 343 * 100%) 0; }

@media screen and (min-width: 769px) {
  #knowledgeDetail .wrap {
    display: flex;
    justify-content: space-between;
    padding: calc(30 / 1200 * 100%) 0 calc(40 / 1200 * 100%) 0; }
    #knowledgeDetail .wrap .article {
      flex-basis: calc(500 / 1200 * 100%);
      padding: 0; }
      #knowledgeDetail .wrap .article .headline {
        font-size: 2.6rem;
        line-height: 1.38; }
    #knowledgeDetail .wrap .form {
      flex-basis: calc(650 / 1200 * 100%);
      padding: 0; } }
/* companyArea */
#companyArea .titleWrap {
  padding: calc(50 / 343 * 100%) 0 calc(10 / 343 * 100%) 0; }
  #companyArea .titleWrap .en {
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 900;
    margin: 0 0 0.5em 0; }
  #companyArea .titleWrap .title {
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 700; }
#companyArea .mission {
  position: relative;
  text-align: center;
  padding: calc(40 / 343 * 100%) 0 calc(65 / 343 * 100%) 0; }
  #companyArea .mission .line {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    margin: calc(-10 / 343 * 100%) 0 0 0; }
  #companyArea .mission .wrap {
    position: relative;
    z-index: 2; }
    #companyArea .mission .wrap .copy {
      font-size: 3.2rem;
      line-height: 1.44;
      font-weight: 900;
      padding: 0.35em 0 0.5em 0; }
    #companyArea .mission .wrap .en {
      font-size: 1.6rem;
      line-height: 1.75;
      font-weight: 700;
      letter-spacing: 0.06em; }
#companyArea .value {
  text-align: center;
  padding: calc(60 / 343 * 100%) 0 calc(10 / 343 * 100%) 0; }
  #companyArea .value .title {
    margin: 0 0 0.8em 0; }
  #companyArea .value .copy {
    font-size: 2.9rem;
    line-height: 1.38;
    font-weight: 900;
    margin: 0 0 0.45em 0; }
  #companyArea .value .text {
    font-size: 1.4rem;
    line-height: 2.29;
    font-weight: 700;
    margin: 0 0 4em 0; }
#companyArea .profile {
  padding: calc(20 / 343 * 100%) 0 calc(100 / 343 * 100%) 0; }
  #companyArea .profile .title {
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 900;
    margin: 0 0 0.85em 0; }
  #companyArea .profile .table {
    margin: 0 0 calc(60 / 343 * 100%) 0; }
    #companyArea .profile .table .row {
      display: flex;
      align-items: center;
      font-size: 1.4rem;
      line-height: 1.71;
      font-weight: 700;
      padding: 1.67em 0;
      border-bottom: 1px solid #000000; }
      #companyArea .profile .table .row .head {
        flex-basis: 7em;
        flex-shrink: 0; }
      #companyArea .profile .table .row .cont {
        flex-basis: calc(100% - 7em); }
  #companyArea .profile .map {
    position: relative;
    padding: calc(450 / 343 * 100%) 0 0 0; }
    #companyArea .profile .map iframe {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%; }

@media screen and (min-width: 769px) {
  #companyArea .contentInner {
    max-width: 840px; }
  #companyArea .titleWrap {
    padding: calc(87 / 800 * 100%) 0 calc(50 / 800 * 100%) 0; }
    #companyArea .titleWrap .en {
      font-size: 3.2rem;
      line-height: 1;
      letter-spacing: 0.1em;
      margin: 0 0 0.7em 0; }
    #companyArea .titleWrap .title {
      font-size: 2rem;
      line-height: 1; }
  #companyArea .mission {
    padding: calc(39 / 800 * 100%) 0 calc(240 / 800 * 100%) 0; }
    #companyArea .mission .line {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1;
      width: calc(680 / 800 * 100%);
      margin: calc(-80 / 800 * 100%) 0 0 0; }
    #companyArea .mission .wrap {
      position: relative;
      z-index: 2; }
      #companyArea .mission .wrap .copy {
        font-size: 8rem;
        line-height: 1.4;
        font-weight: 900;
        padding: 0.35em 0 0.5em 0; }
      #companyArea .mission .wrap .en {
        font-size: 2.4rem;
        line-height: 1.8;
        font-weight: 700;
        letter-spacing: 0.06em; }
  #companyArea .value {
    text-align: center;
    padding: calc(39 / 800 * 100%) 0 calc(42 / 800 * 100%) 0; }
    #companyArea .value .title {
      margin: 0 0 1.1em 0; }
    #companyArea .value .copy {
      font-size: 6.4rem;
      line-height: 1.4;
      font-weight: 900;
      margin: 0 0 0.45em 0; }
    #companyArea .value .text {
      font-size: 2rem;
      line-height: 2.4;
      font-weight: 700;
      margin: 0 0 5.8em 0; }
  #companyArea .profile {
    padding: calc(39 / 800 * 100%) 0 calc(187 / 800 * 100%) 0; }
    #companyArea .profile .title {
      font-size: 3.5rem;
      line-height: 1;
      font-weight: 900;
      margin: 0 0 0.85em 0; }
    #companyArea .profile .table {
      margin: 0 0 calc(80 / 800 * 100%) 0; }
      #companyArea .profile .table .row {
        display: flex;
        align-items: center;
        font-size: 1.4rem;
        line-height: 1.8;
        font-weight: 700;
        padding: 1.67em 0;
        border-bottom: 1px solid #000000; }
        #companyArea .profile .table .row .head {
          flex-basis: 11.2em;
          flex-shrink: 0; }
        #companyArea .profile .table .row .cont {
          flex-basis: calc(100% - 11.2em); }
    #companyArea .profile .map {
      position: relative;
      padding: calc(450 / 800 * 100%) 0 0 0; }
      #companyArea .profile .map iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%; } }
@media screen and (min-width: 960px) {
  #companyArea .mission {
    padding: calc(39 / 800 * 100%) 0 calc(160 / 800 * 100%) 0; } }