/*------------------------------------------------------------*/
/*------------------------------------------------------------
news/
------------------------------------------------------------*/
/*------------------------------------------------------------*/
#news_area {
  letter-spacing: 0.1em;
  font-size: 1.6rem;
  line-height: 1.76;
  margin-top: calc(70px + 105px);
  margin-bottom: 120px; }
  #news_area h2 {
    margin-bottom: 95px; }
  #news_area .sp {
    display: none; }
  #news_area .content_area > .inner {
    display: flex;
    justify-content: space-between; }
    #news_area .content_area > .inner .txt_area {
      width: 480px; }
      #news_area .content_area > .inner .txt_area h3 {
        margin-bottom: 70px;
        display: flex;
        align-items: center; }
        #news_area .content_area > .inner .txt_area h3 span {
          font-size: 1.4rem;
          padding-left: 25px; }
      #news_area .content_area > .inner .txt_area ul li {
        margin-bottom: 70px; }
        #news_area .content_area > .inner .txt_area ul li .img {
          margin-bottom: 20px; }
          #news_area .content_area > .inner .txt_area ul li .img img {
            width: 100%;
            height: auto; }
        #news_area .content_area > .inner .txt_area ul li h4 {
          font-size: 2.0rem;
          margin-bottom: 45px; }
        #news_area .content_area > .inner .txt_area ul li .txt {
          margin-bottom: 50px;
          line-height: 1.5; }
        #news_area .content_area > .inner .txt_area ul li > div {
          display: flex;
          justify-content: space-between; }
        #news_area .content_area > .inner .txt_area ul li .day {
          font-size: 1.4rem;
          letter-spacing: 0; }
    #news_area .content_area > .inner .nav_area {
      width: 575px; }
      #news_area .content_area > .inner .nav_area h3 {
        margin-bottom: 35px; }
        #news_area .content_area > .inner .nav_area h3 span {
          font-size: 1.4rem;
          display: block;
          margin-top: 10px; }
      #news_area .content_area > .inner .nav_area h4 {
        margin-bottom: 20px; }
      #news_area .content_area > .inner .nav_area ul {
        font-size: 1.4rem;
        line-height: 1.6;
        margin-bottom: 25px; }
        #news_area .content_area > .inner .nav_area ul li:last-child dd {
          margin-bottom: 0; }
        #news_area .content_area > .inner .nav_area ul li dd {
          position: relative;
          display: none;
          margin-bottom: 25px; }
          #news_area .content_area > .inner .nav_area ul li dd > div {
            position: relative; }
          #news_area .content_area > .inner .nav_area ul li dd .mb {
            margin-bottom: 10px; }
          #news_area .content_area > .inner .nav_area ul li dd a {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%; }
      #news_area .content_area > .inner .nav_area .day {
        letter-spacing: 0; }

@media screen and (max-width: 800px) {
  #news_area {
    letter-spacing: 0.08em;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: calc(60px + 45px);
    margin-bottom: 80px; }
    #news_area h2 {
      margin-bottom: 45px; }
      #news_area h2 img {
        height: 29px;
        width: auto; }
    #news_area .sp {
      display: block; }
    #news_area .pc {
      display: none; }
    #news_area .content_area > .inner {
      display: block; }
      #news_area .content_area > .inner .txt_area {
        width: 100%;
        margin-bottom: 65px; }
        #news_area .content_area > .inner .txt_area h3 {
          margin-bottom: 25px;
          display: block; }
          #news_area .content_area > .inner .txt_area h3 img {
            height: 18px;
            width: auto; }
          #news_area .content_area > .inner .txt_area h3 span {
            font-size: 0.8rem;
            padding-left: 0;
            display: block;
            margin-top: 10px; }
        #news_area .content_area > .inner .txt_area ul li {
          margin-bottom: 38px; }
          #news_area .content_area > .inner .txt_area ul li .img {
            margin-bottom: 15px; }
          #news_area .content_area > .inner .txt_area ul li h4 {
            font-size: 1.3rem;
            margin-bottom: 20px; }
          #news_area .content_area > .inner .txt_area ul li .txt {
            margin-bottom: 20px;
            line-height: 1.5; }
          #news_area .content_area > .inner .txt_area ul li > div {
            display: flex;
            justify-content: space-between; }
          #news_area .content_area > .inner .txt_area ul li .day {
            font-size: 0.8rem; }
        #news_area .content_area > .inner .txt_area .btn_no_wrap {
          width: 80px;
          height: 11px;
          line-height: 1; }
          #news_area .content_area > .inner .txt_area .btn_no_wrap:before {
            height: 40px;
            bottom: -20px; }
          #news_area .content_area > .inner .txt_area .btn_no_wrap a {
            display: flex; }
          #news_area .content_area > .inner .txt_area .btn_no_wrap img {
            height: 6px;
            width: auto;
            margin-bottom: 0px; }
      #news_area .content_area > .inner .nav_area {
        width: 100%; }
        #news_area .content_area > .inner .nav_area h3 {
          margin-bottom: 12px; }
          #news_area .content_area > .inner .nav_area h3 img {
            height: 14px;
            width: auto; }
          #news_area .content_area > .inner .nav_area h3 span {
            font-size: 0.8rem;
            display: block;
            margin-top: 6px; }
        #news_area .content_area > .inner .nav_area h4 {
          margin-bottom: 20px; }
        #news_area .content_area > .inner .nav_area ul {
          margin-bottom: 25px;
          font-size: 1.2rem; }
          #news_area .content_area > .inner .nav_area ul li dd {
            margin-bottom: 25px; } }
/*------------------------------------------------------------*/
/*------------------------------------------------------------
company/
------------------------------------------------------------*/
/*------------------------------------------------------------*/
#company_area {
  letter-spacing: 0.1em;
  font-size: 1.6rem;
  line-height: 1.76;
  margin-top: calc(70px + 105px);
  margin-bottom: 120px; }
  #company_area img {
    max-width: none; }
  #company_area .sp {
    display: none; }
  #company_area .main_area {
    margin-bottom: 80px; }
  #company_area .top_content_area {
    margin-bottom: 240px; }
    #company_area .top_content_area .wrap {
      display: flex;
      justify-content: space-between;
      margin-bottom: 75px; }
      #company_area .top_content_area .wrap:last-child {
        flex-direction: row-reverse; }
    #company_area .top_content_area .img {
      width: 644px; }
      #company_area .top_content_area .img img {
        width: 100%;
        height: auto; }
    #company_area .top_content_area .txt {
      width: 520px; }
    #company_area .top_content_area h3 {
      font-size: 2.4rem;
      font-weight: bold;
      margin-bottom: 26px;
      line-height: 1; }
    #company_area .top_content_area h4 {
      font-size: 2.6rem;
      margin-bottom: 30px; }
      #company_area .top_content_area h4.zizume {
        letter-spacing: 0em; }
  #company_area .organization_area {
    margin-bottom: 200px; }
    #company_area .organization_area h3 {
      text-align: center;
      margin-bottom: 120px; }
      #company_area .organization_area h3 span {
        display: block;
        font-size: 2.4rem;
        font-weight: bold;
        margin-top: 30px; }
    #company_area .organization_area .txt {
      width: 815px;
      margin: 0 auto 150px; }
    #company_area .organization_area .drawing {
      position: relative;
      height: 760px; }
      #company_area .organization_area .drawing .name {
        width: 336px;
        width: 290px;
        height: 90px;
        border: 1px solid #010101;
        display: flex;
        align-items: center;
        justify-content: center; }
      #company_area .organization_area .drawing li {
        position: absolute;
        width: 336px;
        width: 290px;
        letter-spacing: 0.05em;
        line-height: 1.5; }
        #company_area .organization_area .drawing li:before, #company_area .organization_area .drawing li:after {
          content: "";
          position: absolute;
          background: #010101; }
        #company_area .organization_area .drawing li:nth-of-type(1) {
          top: 0;
          left: 50%;
          margin-left: -145px;
          font-size: 2.6rem; }
          #company_area .organization_area .drawing li:nth-of-type(1):before {
            width: 970px;
            height: 1px;
            left: 50%;
            margin-left: -485px;
            bottom: -50px; }
        #company_area .organization_area .drawing li:nth-of-type(2) {
          top: 190px;
          left: 0; }
          #company_area .organization_area .drawing li:nth-of-type(2):before {
            width: 1px;
            height: 50px;
            left: 50%;
            top: -50px; }
          #company_area .organization_area .drawing li:nth-of-type(2):after {
            width: 1px;
            height: 355px;
            left: 385px;
            top: -50px; }
        #company_area .organization_area .drawing li:nth-of-type(3) {
          top: 190px;
          left: 50%;
          margin-left: -145px; }
          #company_area .organization_area .drawing li:nth-of-type(3):before {
            width: 1px;
            height: 100px;
            left: 50%;
            top: -100px; }
          #company_area .organization_area .drawing li:nth-of-type(3):after {
            width: 1px;
            height: 355px;
            left: auto;
            right: -90px;
            top: -50px; }
        #company_area .organization_area .drawing li:nth-of-type(4) {
          top: 190px;
          right: 0; }
          #company_area .organization_area .drawing li:nth-of-type(4):before {
            width: 1px;
            height: 50px;
            left: 50%;
            top: -50px; }
        #company_area .organization_area .drawing li:nth-of-type(5) {
          top: 545px;
          left: 0; }
          #company_area .organization_area .drawing li:nth-of-type(5):before {
            width: 1px;
            height: 50px;
            left: 50%;
            top: -50px; }
          #company_area .organization_area .drawing li:nth-of-type(5):after {
            width: 970px;
            height: 1px;
            left: 145px;
            top: -50px; }
        #company_area .organization_area .drawing li:nth-of-type(6) {
          top: 545px;
          left: 325px; }
          #company_area .organization_area .drawing li:nth-of-type(6):before {
            width: 1px;
            height: 50px;
            left: 50%;
            top: -50px; }
        #company_area .organization_area .drawing li:nth-of-type(7) {
          top: 545px;
          right: 325px; }
          #company_area .organization_area .drawing li:nth-of-type(7):before {
            width: 1px;
            height: 50px;
            left: 50%;
            top: -50px; }
        #company_area .organization_area .drawing li:nth-of-type(8) {
          top: 545px;
          right: 0; }
          #company_area .organization_area .drawing li:nth-of-type(8):before {
            width: 1px;
            height: 50px;
            left: 50%;
            top: -50px; }
      #company_area .organization_area .drawing dl dt {
        font-size: 2.2rem;
        font-weight: bold;
        margin-top: 15px;
        letter-spacing: -0.02em; }
      #company_area .organization_area .drawing dl dd {
        margin-top: 10px;
        letter-spacing: 0.1em; }
        #company_area .organization_area .drawing dl dd .tume {
          letter-spacing: 0.02em; }
  #company_area .infomation_area {
    margin-bottom: 185px; }
    #company_area .infomation_area .img_area {
      position: relative;
      margin-bottom: 110px;
      height: 440px;
      width: 100%;
      background: url("../company/images/img_company03.png") center top no-repeat;
      background-size: cover; }
    #company_area .infomation_area h3 {
      margin-bottom: 60px;
      text-align: center; }
    #company_area .infomation_area h4 {
      font-size: 2.2rem;
      text-align: center;
      margin-bottom: 10px; }
    #company_area .infomation_area ul {
      width: 830px;
      margin: 0 auto;
      font-size: 2.2rem;
      border-top: 1px solid #606060; }
      #company_area .infomation_area ul li {
        border-bottom: 1px solid #606060;
        padding: 30px 0; }
      #company_area .infomation_area ul dl {
        display: flex; }
        #company_area .infomation_area ul dl dt {
          width: 160px; }
        #company_area .infomation_area ul dl dd {
          width: 670px;
          letter-spacing: 0; }
  #company_area .map_area h3 {
    text-align: center;
    margin-bottom: 80px; }
  #company_area .map_area #maps {
    height: 600px; }

@media screen and (min-width: 800px) and (max-width: 1920px) {
  #company_area .infomation_area .img_area {
    background: url("../company/images/img_company03.png") center top no-repeat;
    background-size: 1920px 440px; } }
@media screen and (max-width: 800px) {
  #company_area {
    letter-spacing: 0.08em;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: calc(60px + 45px);
    margin-bottom: 80px; }
    #company_area .sp {
      display: block; }
    #company_area .pc {
      display: none; }
    #company_area .main_area {
      margin-bottom: 50px; }
      #company_area .main_area h2 img {
        height: 30px;
        width: auto; }
    #company_area .top_content_area {
      margin-bottom: 110px; }
      #company_area .top_content_area .wrap {
        display: block;
        margin-bottom: 60px; }
        #company_area .top_content_area .wrap:last-child {
          margin-bottom: 0; }
      #company_area .top_content_area .img {
        width: 100%;
        height: auto;
        margin-bottom: 20px; }
      #company_area .top_content_area .txt {
        width: 100%; }
      #company_area .top_content_area h3 {
        font-size: 1.4rem;
        margin-bottom: 20px; }
      #company_area .top_content_area h4 {
        font-size: 1.6rem;
        margin-bottom: 40px; }
    #company_area .organization_area {
      margin-bottom: 100px; }
      #company_area .organization_area h3 {
        margin-bottom: 25px; }
        #company_area .organization_area h3 img {
          height: 15px;
          width: auto; }
        #company_area .organization_area h3 span {
          font-size: 1.4rem;
          margin-top: 15px; }
      #company_area .organization_area .txt {
        width: 100%;
        margin: 0 auto 50px; }
      #company_area .organization_area .drawing2 img {
        max-width: 311px;
        width: 100%;
        height: auto; }
      #company_area .organization_area .drawing {
        position: relative;
        height: auto; }
        #company_area .organization_area .drawing .name {
          width: 152px;
          height: 30px; }
          #company_area .organization_area .drawing .name img {
            height: 15px;
            width: auto; }
        #company_area .organization_area .drawing ul {
          position: relative; }
          #company_area .organization_area .drawing ul:before {
            content: "";
            position: absolute;
            width: 1px;
            height: calc(100% - 145px);
            left: 10px;
            top: 30px;
            background: #010101; }
        #company_area .organization_area .drawing li {
          position: relative;
          width: calc(100% - 35px);
          letter-spacing: 0;
          margin-bottom: 25px; }
          #company_area .organization_area .drawing li:after {
            display: none; }
          #company_area .organization_area .drawing li:nth-of-type(1) {
            width: auto;
            top: 0;
            left: 0;
            margin-left: 0;
            font-size: 1.4rem;
            margin-bottom: 50px; }
            #company_area .organization_area .drawing li:nth-of-type(1):before {
              display: none; }
          #company_area .organization_area .drawing li:nth-of-type(2), #company_area .organization_area .drawing li:nth-of-type(3), #company_area .organization_area .drawing li:nth-of-type(4), #company_area .organization_area .drawing li:nth-of-type(5), #company_area .organization_area .drawing li:nth-of-type(6), #company_area .organization_area .drawing li:nth-of-type(7), #company_area .organization_area .drawing li:nth-of-type(8) {
            top: auto;
            left: 30px; }
            #company_area .organization_area .drawing li:nth-of-type(2):before, #company_area .organization_area .drawing li:nth-of-type(3):before, #company_area .organization_area .drawing li:nth-of-type(4):before, #company_area .organization_area .drawing li:nth-of-type(5):before, #company_area .organization_area .drawing li:nth-of-type(6):before, #company_area .organization_area .drawing li:nth-of-type(7):before, #company_area .organization_area .drawing li:nth-of-type(8):before {
              width: 20px;
              height: 1px;
              left: -20px;
              top: 15px; }
          #company_area .organization_area .drawing li:nth-of-type(3) {
            margin-left: 0; }
            #company_area .organization_area .drawing li:nth-of-type(3) .name {
              width: 200px; }
              #company_area .organization_area .drawing li:nth-of-type(3) .name img {
                height: 12px;
                width: auto; }
          #company_area .organization_area .drawing li:nth-of-type(5) {
            margin-left: 0; }
            #company_area .organization_area .drawing li:nth-of-type(5) .name img {
              height: 11px;
              width: auto; }
          #company_area .organization_area .drawing li:nth-of-type(6) {
            margin-right: 0; }
            #company_area .organization_area .drawing li:nth-of-type(6) .name img {
              height: 14px;
              width: auto; }
        #company_area .organization_area .drawing dl dt {
          font-size: 1.4rem;
          margin-top: 15px; }
        #company_area .organization_area .drawing dl dd {
          margin-top: 10px;
          letter-spacing: 0; }
    #company_area .infomation_area {
      margin-bottom: 50px; }
      #company_area .infomation_area .img_area {
        margin-bottom: 100px;
        height: auto;
        width: 100%;
        background: none; }
        #company_area .infomation_area .img_area img {
          width: 100%;
          height: auto; }
      #company_area .infomation_area h3 {
        margin-bottom: 30px; }
        #company_area .infomation_area h3 img {
          height: 15px;
          width: auto; }
      #company_area .infomation_area h4 {
        font-size: 1.2rem;
        margin-bottom: 10px; }
      #company_area .infomation_area ul {
        width: 100%;
        font-size: 1.2rem; }
        #company_area .infomation_area ul li {
          border-bottom: 1px solid #606060;
          padding: 15px 0; }
        #company_area .infomation_area ul dl {
          display: flex; }
          #company_area .infomation_area ul dl dt {
            width: 25%; }
          #company_area .infomation_area ul dl dd {
            width: 75%; }
    #company_area .map_area h3 {
      margin-bottom: 25px; }
      #company_area .map_area h3 img {
        width: auto;
        height: 15px; }
    #company_area .map_area #maps {
      height: 200px; } }
/*------------------------------------------------------------*/
/*------------------------------------------------------------
contact/
------------------------------------------------------------*/
/*------------------------------------------------------------*/
#contact_area {
  letter-spacing: 0.1em;
  font-size: 1.6rem;
  line-height: 1.76;
  margin-top: calc(70px + 180px);
  margin-bottom: 120px;
  position: relative;
  height: 630px;
  width: 100%;
  background: url("../images/contact/img_contact.jpg") center top no-repeat;
  background-size: 1920px 630px; }
  #contact_area .sp {
    display: none; }
  #contact_area .ttl_img {
    position: absolute;
    top: -78px;
    left: 0; }
  #contact_area .wrap {
    width: 540px; }
  #contact_area .form_wrap {
    width: 470px; }
  #contact_area .cap {
    padding-top: 20px;
    margin-bottom: 75px; }
  #contact_area h3 {
    font-size: 1.6rem;
    color: #333;
    margin-bottom: 8px; }
  #contact_area fieldset {
    border: medium none !important;
    min-width: 100%;
    width: 100%;
    margin-bottom: 8px; }
    #contact_area fieldset.last {
      margin-bottom: 40px; }
  #contact_area input[type="text"], #contact_area input[type="email"], #contact_area input[type="tel"], #contact_area input[type="url"], #contact_area textarea {
    width: 100%;
    border: 1px solid #979797;
    background: #FFF;
    margin: 0 0 5px;
    font-size: 1.6rem;
    padding: 10px;
    height: 70px;
    box-sizing: border-box; }
  #contact_area textarea {
    height: 140px; }
  #contact_area button[type="submit"] {
    cursor: pointer;
    width: 170px;
    border: none;
    background: #fff;
    color: #000;
    padding: 10px 0;
    font-size: 1.4rem;
    border: 1px solid #979797;
    display: block;
    margin: 0 auto; }

@media screen and (max-width: 800px) {
  #contact_area {
    letter-spacing: 0.08em;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: calc(60px + 75px);
    margin-bottom: 80px;
    height: auto;
    background: none; }
    #contact_area .sp {
      display: block; }
    #contact_area .pc {
      display: none; }
    #contact_area .ttl_img {
      top: -30px;
      left: 30px; }
      #contact_area .ttl_img img {
        height: 30px;
        width: auto; }
    #contact_area .wrap {
      width: 100%; }
    #contact_area .form_wrap {
      width: 100%; }
    #contact_area .cap {
      padding-top: 20px;
      margin-bottom: 35px; }
    #contact_area h3 {
      font-size: 1.2rem;
      margin-bottom: 8px; }
    #contact_area fieldset {
      margin-bottom: 10px; }
      #contact_area fieldset.last {
        margin-bottom: 20px; }
    #contact_area input[type="text"], #contact_area input[type="email"], #contact_area input[type="tel"], #contact_area input[type="url"], #contact_area textarea {
      font-size: 1.2rem; }
    #contact_area textarea {
      height: 140px; }
    #contact_area button[type="submit"] {
      width: 115px;
      padding: 4px 0;
      font-size: 1.2rem; }
    #contact_area .img {
      margin-top: 40px; }
      #contact_area .img img {
        width: 100%;
        height: auto; } }
/*------------------------------------------------------------*/
/*------------------------------------------------------------
business/
------------------------------------------------------------*/
/*------------------------------------------------------------*/
#business_area {
  letter-spacing: 0.1em;
  font-size: 1.7rem;
  line-height: 1.76;
  margin-top: calc(70px + 180px);
  margin-bottom: 120px; }
  #business_area .sp {
    display: none; }
  #business_area .business_wrap {
    margin-bottom: 300px; }
    #business_area .business_wrap .main_area {
      position: relative;
      margin-bottom: 60px;
      height: 480px;
      width: 100%;
      background: url("../business/images/img_main.jpg") right top no-repeat;
      background-size: cover; }
      #business_area .business_wrap .main_area .ttl_img {
        position: absolute;
        top: -76px; }
    #business_area .business_wrap .content_area .inner {
      display: flex;
      justify-content: space-between;
      font-size: 2.4rem; }
      #business_area .business_wrap .content_area .inner > div {
        width: 740px; }
        #business_area .business_wrap .content_area .inner > div:first-child {
          width: 440px;
          text-align: center; }
          #business_area .business_wrap .content_area .inner > div:first-child h3 {
            margin-bottom: 30px; }
          #business_area .business_wrap .content_area .inner > div:first-child li {
            border: 1px solid #101010;
            box-sizing: border-box;
            margin-bottom: 34px;
            font-size: 2.1rem;
            height: 80px;
            display: flex;
            justify-content: center;
            align-items: center; }
        #business_area .business_wrap .content_area .inner > div:last-child {
          margin-top: 65px; }
  #business_area .businessfield_wrap {
    margin-bottom: 160px; }
    #business_area .businessfield_wrap .main_area {
      position: relative;
      margin-bottom: 70px;
      height: 440px;
      width: 100%;
      background: url("../business/images/img_businessfield_main.png") center top no-repeat;
      background-size: cover; }
      #business_area .businessfield_wrap .main_area .ttl_img {
        position: absolute;
        top: -76px; }
    #business_area .businessfield_wrap .content_area .inner .cap {
      font-size: 2.4rem;
      margin-bottom: 65px; }
    #business_area .businessfield_wrap .content_area .inner .ttl {
      margin-bottom: 40px; }
    #business_area .businessfield_wrap .content_area .inner ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      #business_area .businessfield_wrap .content_area .inner ul:after {
        content: "";
        display: block;
        width: 387px; }
      #business_area .businessfield_wrap .content_area .inner ul li {
        width: 387px;
        margin-bottom: -40px;
        padding-bottom: 50px; }
        #business_area .businessfield_wrap .content_area .inner ul li dl {
          position: relative;
          margin-bottom: 15px; }
          #business_area .businessfield_wrap .content_area .inner ul li dl:hover dt a:before {
            opacity: 0.4; }
          #business_area .businessfield_wrap .content_area .inner ul li dl dt {
            position: relative;
            cursor: pointer; }
            #business_area .businessfield_wrap .content_area .inner ul li dl dt a {
              display: block;
              width: 100%;
              height: 100%;
              position: relative; }
              #business_area .businessfield_wrap .content_area .inner ul li dl dt a:before {
                transition: all 300ms 0s ease;
                content: "";
                background: #000;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                position: absolute;
                z-index: 9;
                opacity: 0; }
            #business_area .businessfield_wrap .content_area .inner ul li dl dt img {
              width: 100%;
              height: auto; }
          #business_area .businessfield_wrap .content_area .inner ul li dl dd {
            position: absolute;
            left: 20px;
            top: 15px;
            z-index: 10; }
        #business_area .businessfield_wrap .content_area .inner ul li h3 {
          font-size: 2.4rem;
          font-weight: bold;
          margin-bottom: 10px; }
        #business_area .businessfield_wrap .content_area .inner ul li p {
          font-size: 1.6rem;
          margin-bottom: 40px;
          letter-spacing: 0.03em; }
  #business_area .case_wrap h2 {
    margin-bottom: 70px; }
  #business_area .case_wrap h3 {
    margin-bottom: 25px; }
  #business_area .case_wrap ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    #business_area .case_wrap ul li {
      width: 551px;
      margin-bottom: 90px; }

@media screen and (min-width: 800px) and (max-width: 1920px) {
  #business_area .business_wrap .main_area {
    background: url("../business/images/img_main.jpg") center top no-repeat;
    background-size: 1920px 480px; }
  #business_area .businessfield_wrap .main_area {
    background: url("../business/images/img_businessfield_main.png") center top no-repeat;
    background-size: 1920px 440px; } }
@media screen and (max-width: 800px) {
  #business_area {
    letter-spacing: 0em;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: calc(60px + 75px);
    margin-bottom: 80px; }
    #business_area .sp {
      display: block; }
    #business_area .pc {
      display: none; }
    #business_area .business_wrap {
      margin-bottom: 180px; }
      #business_area .business_wrap .main_area {
        margin-bottom: 35px;
        height: auto;
        background: none; }
        #business_area .business_wrap .main_area .ttl_img {
          top: -29px;
          width: 220px;
          height: 30px; }
          #business_area .business_wrap .main_area .ttl_img img {
            width: 100%;
            height: auto; }
      #business_area .business_wrap .content_area .inner {
        display: block;
        font-size: 1.2rem; }
        #business_area .business_wrap .content_area .inner > div {
          width: 100%; }
          #business_area .business_wrap .content_area .inner > div:first-child {
            width: 100%;
            text-align: center;
            margin-bottom: 50px; }
            #business_area .business_wrap .content_area .inner > div:first-child h3 {
              margin-bottom: 15px; }
            #business_area .business_wrap .content_area .inner > div:first-child li {
              font-size: 1.2rem;
              height: 42px;
              width: 220px;
              margin: 0 auto 16px; }
          #business_area .business_wrap .content_area .inner > div:last-child {
            margin-top: 0; }
    #business_area .businessfield_wrap {
      margin-bottom: 125px; }
      #business_area .businessfield_wrap .main_area {
        margin-bottom: 30px;
        height: auto;
        background: none; }
        #business_area .businessfield_wrap .main_area .ttl_img {
          top: -55px;
          width: 192px;
          height: 56px; }
          #business_area .businessfield_wrap .main_area .ttl_img img {
            width: 100%;
            height: auto; }
      #business_area .businessfield_wrap .content_area .inner .cap {
        font-size: 1.2rem;
        margin-bottom: 55px; }
      #business_area .businessfield_wrap .content_area .inner .ttl {
        margin-bottom: 15px; }
        #business_area .businessfield_wrap .content_area .inner .ttl img {
          height: 18px;
          width: auto; }
      #business_area .businessfield_wrap .content_area .inner ul {
        display: block; }
        #business_area .businessfield_wrap .content_area .inner ul li {
          width: 100%;
          margin-bottom: -15px;
          padding-bottom: 25px; }
          #business_area .businessfield_wrap .content_area .inner ul li dl {
            margin-bottom: 15px; }
            #business_area .businessfield_wrap .content_area .inner ul li dl dd {
              left: 5px;
              top: 5px; }
              #business_area .businessfield_wrap .content_area .inner ul li dl dd img {
                height: 11px;
                width: auto; }
          #business_area .businessfield_wrap .content_area .inner ul li h3 {
            font-size: 1.3rem;
            margin-bottom: 10px; }
          #business_area .businessfield_wrap .content_area .inner ul li p {
            font-size: 1.2rem;
            margin-bottom: 15px; }
    #business_area .case_wrap h2 {
      margin-bottom: 35px; }
      #business_area .case_wrap h2 img {
        height: 31px;
        width: auto; }
    #business_area .case_wrap h3 {
      margin-bottom: 10px; }
      #business_area .case_wrap h3 img {
        height: 8px;
        width: auto; }
    #business_area .case_wrap ul {
      display: block; }
      #business_area .case_wrap ul li {
        width: 100%;
        margin-bottom: 22px; }
        #business_area .case_wrap ul li p img {
          width: 100%;
          height: auto; } }
/*------------------------------------------------------------
business/businessfield/
------------------------------------------------------------*/
#businessfield_area {
  letter-spacing: 0.15em;
  font-size: 1.6rem;
  line-height: 1.76;
  margin-top: calc(70px + 180px);
  margin-bottom: 120px;
  text-align: justify;
  text-justify: inter-ideograph; }
  #businessfield_area .sp {
    display: none; }
  #businessfield_area .mojizume {
    letter-spacing: 0.02em; }
  #businessfield_area .mojizume2 {
    letter-spacing: 0.10em; }
  #businessfield_area.business_innovation .main_area {
    background: url("../business/images/businessfield/business_innovation/img_main.jpg") center top no-repeat;
    background-size: cover; }
  #businessfield_area.business_innovation .bottom_area .img01 {
    background: url("../business/images/businessfield/business_innovation/img_01.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.business_innovation .bottom_area .img02 {
    background: url("../business/images/businessfield/business_innovation/img_02.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.business_innovation .bottom_area .img03 {
    background: url("../business/images/businessfield/business_innovation/img_03.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.agile_delivery .main_area {
    background: url("../business/images/businessfield/agile_delivery/img_main.jpg") center top no-repeat;
    background-size: cover; }
  #businessfield_area.agile_delivery .bottom_area .img01 {
    background: url("../business/images/businessfield/agile_delivery/img_01.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.agile_delivery .bottom_area .img02 {
    background: url("../business/images/businessfield/agile_delivery/img_02.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.agile_delivery .bottom_area .img03 {
    background: url("../business/images/businessfield/agile_delivery/img_03.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.consul .main_area {
    background: url("../business/images/businessfield/consul/img_main.jpg") center top no-repeat;
    background-size: cover; }
  #businessfield_area.consul .bottom_area .img01 {
    background: url("../business/images/businessfield/consul/img_01.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.consul .bottom_area .img02 {
    background: url("../business/images/businessfield/consul/img_02.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.consul .bottom_area .img03 {
    background: url("../business/images/businessfield/consul/img_03.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.solution .main_area {
    background: url("../business/images/businessfield/solution/img_main.jpg") center top no-repeat;
    background-size: cover; }
  #businessfield_area.solution .bottom_area .img01 {
    background: url("../business/images/businessfield/solution/img_01.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.solution .bottom_area .img02 {
    background: url("../business/images/businessfield/solution/img_02.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.solution .bottom_area .img03 {
    background: url("../business/images/businessfield/solution/img_03.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.strategy .main_area {
    background: url("../business/images/businessfield/strategy/img_main.jpg") center top no-repeat;
    background-size: cover; }
  #businessfield_area.strategy .bottom_area .img01 {
    background: url("../business/images/businessfield/strategy/img_01.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.strategy .bottom_area .img02 {
    background: url("../business/images/businessfield/strategy/img_02.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.strategy .bottom_area .img03 {
    background: url("../business/images/businessfield/strategy/img_03.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.integration .main_area {
    background: url("../business/images/businessfield/integration/img_main.jpg") center top no-repeat;
    background-size: cover; }
    #businessfield_area.integration .main_area h3 {
      bottom: 290px; }
  #businessfield_area.integration .bottom_area .img01 {
    background: url("../business/images/businessfield/integration/img_01.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.integration .bottom_area .img02 {
    background: url("../business/images/businessfield/integration/img_02.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.integration .bottom_area .img03 {
    background: url("../business/images/businessfield/integration/img_03.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.data .main_area {
    background: url("../business/images/businessfield/data/img_main.jpg") center top no-repeat;
    background-size: cover; }
  #businessfield_area.data .bottom_area .img01 {
    background: url("../business/images/businessfield/data/img_01.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.data .bottom_area .img02 {
    background: url("../business/images/businessfield/data/img_02.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area.data .bottom_area .img03 {
    background: url("../business/images/businessfield/data/img_03.png") center top no-repeat;
    background-size: cover; }
  #businessfield_area .main_area {
    position: relative;
    margin-bottom: 105px;
    height: 705px;
    width: 100%; }
    #businessfield_area .main_area .inner {
      position: relative;
      height: 100%; }
    #businessfield_area .main_area .ttl_img {
      position: absolute;
      top: -65px; }
    #businessfield_area .main_area h3 {
      font-size: 3.4rem;
      line-height: 1.65;
      letter-spacing: 0.05em;
      position: absolute;
      z-index: 50;
      bottom: 140px; }
      #businessfield_area .main_area h3 span {
        padding: 10px 5px;
        background: linear-gradient(transparent 0%, #ffF 0%);
        line-height: 1; }
  #businessfield_area .cap {
    width: 960px;
    margin: 0 auto 155px;
    font-size: 2.0rem; }
    #businessfield_area .cap.tume {
      letter-spacing: 0.02em; }
  #businessfield_area .top_area {
    margin-bottom: 150px; }
    #businessfield_area .top_area h3 {
      margin-bottom: 40px; }
    #businessfield_area .top_area h4 {
      font-size: 2.0rem;
      margin-bottom: 20px; }
    #businessfield_area .top_area h5 {
      font-size: 3.0rem;
      margin-bottom: 40px; }
      #businessfield_area .top_area h5.zizume {
        letter-spacing: -0.00em; }
    #businessfield_area .top_area .wrap {
      display: flex;
      justify-content: space-between; }
      #businessfield_area .top_area .wrap .box_img {
        width: 627px; }
      #businessfield_area .top_area .wrap .box_txt {
        width: 577px;
        font-size: 2.0rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        #businessfield_area .top_area .wrap .box_txt > div {
          width: 100%; }
          #businessfield_area .top_area .wrap .box_txt > div:last-child {
            display: flex;
            align-items: flex-end; }
          #businessfield_area .top_area .wrap .box_txt > div .tume {
            letter-spacing: 0.02em; }
    #businessfield_area .top_area .btn_no_wrap {
      width: 195px; }
  #businessfield_area .bottom_area .img_area {
    margin-bottom: 70px;
    height: 400px;
    width: 100%; }
    #businessfield_area .bottom_area .img_area.img03 {
      margin-bottom: 150px; }
  #businessfield_area .bottom_area .txt_area {
    width: 755px;
    margin: 0 auto; }
    #businessfield_area .bottom_area .txt_area.mini {
      width: 630px; }
    #businessfield_area .bottom_area .txt_area.mini2 {
      width: 640px; }
    #businessfield_area .bottom_area .txt_area h3 {
      font-size: 3.0rem;
      margin-bottom: 30px; }
    #businessfield_area .bottom_area .txt_area .txt {
      margin-bottom: 100px; }

@media screen and (min-width: 800px) and (max-width: 1920px) {
  #businessfield_area.business_innovation .bottom_area .img01 {
    background: url("../business/images/businessfield/business_innovation/img_01.png") left top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.business_innovation .bottom_area .img02 {
    background: url("../business/images/businessfield/business_innovation/img_02.png") right top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.business_innovation .bottom_area .img03 {
    background: url("../business/images/businessfield/business_innovation/img_03.png") left top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.agile_delivery .bottom_area .img01 {
    background: url("../business/images/businessfield/agile_delivery/img_01.png") left top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.agile_delivery .bottom_area .img02 {
    background: url("../business/images/businessfield/agile_delivery/img_02.png") right top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.agile_delivery .bottom_area .img03 {
    background: url("../business/images/businessfield/agile_delivery/img_03.png") left top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.consul .bottom_area .img01 {
    background: url("../business/images/businessfield/consul/img_01.png") left top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.consul .bottom_area .img02 {
    background: url("../business/images/businessfield/consul/img_02.png") right top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.consul .bottom_area .img03 {
    background: url("../business/images/businessfield/consul/img_03.png") left top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.solution .bottom_area .img01 {
    background: url("../business/images/businessfield/solution/img_01.png") left top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.solution .bottom_area .img02 {
    background: url("../business/images/businessfield/solution/img_02.png") right top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.solution .bottom_area .img03 {
    background: url("../business/images/businessfield/solution/img_03.png") left top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.strategy .bottom_area .img01 {
    background: url("../business/images/businessfield/strategy/img_01.png") left top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.strategy .bottom_area .img02 {
    background: url("../business/images/businessfield/strategy/img_02.png") right top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.strategy .bottom_area .img03 {
    background: url("../business/images/businessfield/strategy/img_03.png") left top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.integration .bottom_area .img01 {
    background: url("../business/images/businessfield/integration/img_01.png") left top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.integration .bottom_area .img02 {
    background: url("../business/images/businessfield/integration/img_02.png") right top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.integration .bottom_area .img03 {
    background: url("../business/images/businessfield/integration/img_03.png") left top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.data .bottom_area .img01 {
    background: url("../business/images/businessfield/data/img_01.png") left top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.data .bottom_area .img02 {
    background: url("../business/images/businessfield/data/img_02.png") right top no-repeat;
    background-size: 1920px 400px; }
  #businessfield_area.data .bottom_area .img03 {
    background: url("../business/images/businessfield/data/img_03.png") left top no-repeat;
    background-size: 1920px 400px; } }
@media screen and (max-width: 800px) {
  #businessfield_area {
    letter-spacing: 0em;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: calc(60px + 81px);
    margin-bottom: 80px; }
    #businessfield_area img {
      max-width: none; }
    #businessfield_area .sp {
      display: block; }
    #businessfield_area .pc {
      display: none; }
    #businessfield_area.business_innovation {
      margin-top: calc(90px + 81px); }
      #businessfield_area.business_innovation .main_area {
        background: url("../business/images/businessfield/business_innovation/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
      #businessfield_area.business_innovation .bottom_area .img01, #businessfield_area.business_innovation .bottom_area .img02, #businessfield_area.business_innovation .bottom_area .img03 {
        background: none; }
    #businessfield_area.agile_delivery .main_area {
      background: url("../business/images/businessfield/agile_delivery/img_main_sp.jpg") center center no-repeat;
      background-size: cover; }
    #businessfield_area.agile_delivery .bottom_area .img01, #businessfield_area.agile_delivery .bottom_area .img02, #businessfield_area.agile_delivery .bottom_area .img03 {
      background: none; }
    #businessfield_area.consul .main_area {
      background: url("../business/images/businessfield/consul/img_main_sp.jpg") center center no-repeat;
      background-size: cover; }
    #businessfield_area.consul .bottom_area .img01, #businessfield_area.consul .bottom_area .img02, #businessfield_area.consul .bottom_area .img03 {
      background: none; }
    #businessfield_area.solution .main_area {
      background: url("../business/images/businessfield/solution/img_main_sp.jpg") center center no-repeat;
      background-size: cover; }
    #businessfield_area.solution .bottom_area .img01, #businessfield_area.solution .bottom_area .img02, #businessfield_area.solution .bottom_area .img03 {
      background: none; }
    #businessfield_area.strategy .main_area {
      background: url("../business/images/businessfield/strategy/img_main_sp.jpg") bottom center no-repeat;
      background-size: cover; }
    #businessfield_area.strategy .bottom_area .img01, #businessfield_area.strategy .bottom_area .img02, #businessfield_area.strategy .bottom_area .img03 {
      background: none; }
    #businessfield_area.integration .main_area {
      background: url("../business/images/businessfield/integration/img_main_sp.jpg") center center no-repeat;
      background-size: cover; }
      #businessfield_area.integration .main_area h3 {
        bottom: 30px; }
    #businessfield_area.integration .bottom_area .img01, #businessfield_area.integration .bottom_area .img02, #businessfield_area.integration .bottom_area .img03 {
      background: none; }
    #businessfield_area.data .main_area {
      background: url("../business/images/businessfield/data/img_main_sp.jpg") bottom center no-repeat;
      background-size: cover; }
    #businessfield_area.data .bottom_area .img01, #businessfield_area.data .bottom_area .img02, #businessfield_area.data .bottom_area .img03 {
      background: none; }
    #businessfield_area .main_area {
      margin-bottom: 40px;
      height: 285px; }
      #businessfield_area .main_area .ttl_img {
        top: -20px;
        position: relative; }
        #businessfield_area .main_area .ttl_img img {
          height: 20px;
          width: auto; }
        #businessfield_area .main_area .ttl_img.business_innovation {
          top: -50px; }
          #businessfield_area .main_area .ttl_img.business_innovation img {
            height: 50px; }
        #businessfield_area .main_area .ttl_img.data {
          padding-right: 30px; }
          #businessfield_area .main_area .ttl_img.data img {
            height: auto;
            width: 259px;
            max-width: 100%; }
        #businessfield_area .main_area .ttl_img.integration {
          padding-right: 30px; }
          #businessfield_area .main_area .ttl_img.integration img {
            height: auto;
            width: 229px;
            max-width: 100%; }
      #businessfield_area .main_area h3 {
        font-size: 1.3rem;
        line-height: 1.76;
        bottom: 40px; }
        #businessfield_area .main_area h3 span {
          padding: 8px 5px; }
          #businessfield_area .main_area h3 span.sp {
            display: inline-block;
            padding: 0;
            width: 5px; }
    #businessfield_area .cap {
      width: 100%;
      margin: 0 auto 50px;
      font-size: 1.2rem; }
    #businessfield_area .top_area {
      margin-bottom: 65px; }
      #businessfield_area .top_area h3 {
        margin-bottom: 15px; }
        #businessfield_area .top_area h3 img {
          height: 19px;
          width: auto; }
          #businessfield_area .top_area h3 img.long {
            max-width: 100%;
            height: auto; }
      #businessfield_area .top_area h4 {
        font-size: 1.2rem;
        margin-bottom: 20px; }
      #businessfield_area .top_area h5 {
        font-size: 1.3rem;
        margin-bottom: 15px; }
        #businessfield_area .top_area h5.big {
          font-size: 1.6rem; }
      #businessfield_area .top_area .wrap {
        display: block; }
        #businessfield_area .top_area .wrap .box_img {
          width: 100%;
          margin-bottom: 20px; }
          #businessfield_area .top_area .wrap .box_img img {
            width: 100%;
            height: auto; }
        #businessfield_area .top_area .wrap .box_txt {
          width: 100%;
          font-size: 1.2rem;
          display: block; }
          #businessfield_area .top_area .wrap .box_txt > div:first-child {
            margin-bottom: 20px; }
      #businessfield_area .top_area .btn_no_wrap {
        width: 100px; }
    #businessfield_area .bottom_area .img_area {
      margin-bottom: 60px;
      height: auto;
      width: 100%; }
      #businessfield_area .bottom_area .img_area.img03 {
        margin-bottom: 50px; }
      #businessfield_area .bottom_area .img_area img {
        width: 100%;
        height: auto; }
    #businessfield_area .bottom_area .txt_area {
      width: 100%; }
      #businessfield_area .bottom_area .txt_area.mini, #businessfield_area .bottom_area .txt_area.mini2 {
        width: 100%; }
      #businessfield_area .bottom_area .txt_area h3 {
        font-size: 1.5rem;
        margin-bottom: 25px; }
      #businessfield_area .bottom_area .txt_area .txt {
        margin-bottom: 75px; } }
/*------------------------------------------------------------*/
/*------------------------------------------------------------
people/
------------------------------------------------------------*/
/*------------------------------------------------------------*/
#people_area {
  letter-spacing: 0.15em;
  font-size: 1.7rem;
  line-height: 1.76;
  margin-top: calc(70px + 180px);
  margin-bottom: 120px; }
  #people_area .sp {
    display: none; }
  #people_area .main_area {
    position: relative;
    margin-bottom: 140px;
    height: 706px;
    width: 100%;
    background: url("../people/images/img_main.jpg") center top no-repeat;
    background-size: cover; }
    #people_area .main_area .ttl_img {
      position: absolute;
      top: -75px; }
    #people_area .main_area .ttl_wrap img {
      display: none; }
  #people_area .content_area h2 {
    margin-bottom: 120px; }
  #people_area .content_area h3 {
    font-size: 3.4rem;
    margin-bottom: 30px;
    font-weight: bold;
    line-height: 1; }
  #people_area .content_area dl {
    position: relative; }
    #people_area .content_area dl dt {
      position: relative; }
      #people_area .content_area dl dt:hover:before {
        opacity: 0.4; }
      #people_area .content_area dl dt:before {
        transition: all 300ms 0s ease;
        content: "";
        background: #000;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        z-index: 9;
        opacity: 0; }
      #people_area .content_area dl dt a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 30; }
      #people_area .content_area dl dt img {
        position: relative;
        width: 100%;
        height: auto;
        z-index: 5; }
    #people_area .content_area dl dd {
      position: absolute;
      left: 20px;
      top: 20px;
      z-index: 20; }
    #people_area .content_area dl .btn_wrap {
      left: auto;
      top: auto;
      bottom: 20px;
      right: 20px; }
  #people_area .content_area .btn {
    position: relative;
    width: 200px;
    height: 50px; }
    #people_area .content_area .btn:before {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 50px 0 0 50px;
      border-color: transparent transparent transparent #FFF;
      left: 149px;
      top: 0;
      z-index: 10; }
    #people_area .content_area .btn:after {
      position: absolute;
      content: "";
      width: 150px;
      height: 50px;
      left: 0;
      top: 0;
      background: #FFF;
      z-index: 10; }
    #people_area .content_area .btn a {
      display: flex;
      height: 100%;
      width: 100%;
      position: relative;
      align-items: center;
      justify-content: center;
      z-index: 20; }
      #people_area .content_area .btn a:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 50px 50px 0;
        border-color: transparent #FFF transparent transparent;
        left: 151px;
        top: 0; }
      #people_area .content_area .btn a img {
        position: relative;
        z-index: 20; }
  #people_area .content_area .workstyle_wrap {
    margin-bottom: 150px; }
    #people_area .content_area .workstyle_wrap .box_area ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      #people_area .content_area .workstyle_wrap .box_area ul li {
        width: 580px; }
        #people_area .content_area .workstyle_wrap .box_area ul li dd {
          top: auto;
          bottom: 20px; }
        #people_area .content_area .workstyle_wrap .box_area ul li .btn_wrap {
          left: auto;
          top: auto;
          bottom: 20px;
          right: 20px; }
      #people_area .content_area .workstyle_wrap .box_area ul .txt {
        font-size: 1.6rem;
        margin-top: 35px;
        letter-spacing: 0.05em; }
  #people_area .content_area .interview_wrap {
    margin-bottom: 150px; }
    #people_area .content_area .interview_wrap .section {
      margin-bottom: 150px; }
      #people_area .content_area .interview_wrap .section:last-child {
        margin-bottom: 0; }
      #people_area .content_area .interview_wrap .section .txt {
        font-size: 2.4rem;
        font-weight: bold;
        margin-top: 20px; }
    #people_area .content_area .interview_wrap .one_area dl dd {
      left: 50px;
      top: auto;
      bottom: 50px; }
    #people_area .content_area .interview_wrap .one_area dl .btn_wrap {
      left: auto;
      top: auto;
      bottom: 50px;
      right: 50px; }
    #people_area .content_area .interview_wrap .three_area ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      #people_area .content_area .interview_wrap .three_area ul:after {
        content: "";
        display: block;
        width: 390px; }
      #people_area .content_area .interview_wrap .three_area ul li {
        width: 390px;
        margin-bottom: 50px; }
      #people_area .content_area .interview_wrap .three_area ul.backnumber {
        margin-bottom: -50px; }
        #people_area .content_area .interview_wrap .three_area ul.backnumber li {
          width: 100%; }
    #people_area .content_area .interview_wrap .btm_btn {
      display: block;
      text-align: right;
      margin-top: 25px;
      font-size: 2.4rem;
      font-weight: bold;
      position: relative;
      padding-right: 212px;
      line-height: 1;
      margin-right: 50px; }
      #people_area .content_area .interview_wrap .btm_btn span {
        position: absolute;
        right: 83px;
        bottom: 8px; }
      #people_area .content_area .interview_wrap .btm_btn:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 50px;
        height: 25px;
        background: #000;
        right: 8px;
        top: auto;
        bottom: -4px;
        transform: rotate(-47deg); }
      #people_area .content_area .interview_wrap .btm_btn:after {
        content: "";
        position: absolute;
        width: 197px;
        height: 1px;
        background: #000;
        right: 0;
        top: auto;
        bottom: 0; }
  #people_area .backnumber_area {
    color: #4d4d4d; }
    #people_area .backnumber_area a {
      color: #4d4d4d; }
    #people_area .backnumber_area h3 {
      font-size: 3.4rem;
      font-weight: bold;
      margin-bottom: 70px;
      margin-top: 100px; }
    #people_area .backnumber_area .wrap {
      width: 627px; }
      #people_area .backnumber_area .wrap > li {
        margin-bottom: 100px; }
        #people_area .backnumber_area .wrap > li dt {
          position: relative;
          display: block;
          z-index: 10;
          margin-bottom: 10px; }
          #people_area .backnumber_area .wrap > li dt .img img {
            width: 100%;
            height: auto; }
          #people_area .backnumber_area .wrap > li dt:before {
            display: block;
            content: '';
            width: 100%;
            height: 100%;
            background: #000;
            position: absolute;
            top: 0;
            z-index: 20;
            left: 0;
            opacity: .4; }
          #people_area .backnumber_area .wrap > li dt .txt {
            position: absolute;
            left: 22px;
            top: 22px;
            z-index: 30; }
        #people_area .backnumber_area .wrap > li dd {
          font-size: 2.6rem;
          font-weight: bold;
          margin-bottom: 15px; }
      #people_area .backnumber_area .wrap .link_wrap > li {
        position: relative;
        font-size: 2.3rem;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        #people_area .backnumber_area .wrap .link_wrap > li:hover {
          opacity: .7; }
        #people_area .backnumber_area .wrap .link_wrap > li a {
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          z-index: 10;
          cursor: pointer; }

@media screen and (max-width: 800px) {
  #people_area {
    letter-spacing: 0em;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: calc(60px + 75px);
    margin-bottom: 80px; }
    #people_area .sp {
      display: block; }
    #people_area .pc {
      display: none; }
    #people_area .main_area {
      margin-bottom: 50px;
      height: auto;
      background: none; }
      #people_area .main_area .ttl_img {
        top: -26px;
        width: 149px;
        height: 27px; }
        #people_area .main_area .ttl_img img {
          width: 100%;
          height: auto; }
      #people_area .main_area .ttl_wrap img {
        display: block; }
    #people_area .main_backnumber_area .ttl_img img {
      width: 100%;
      height: auto; }
    #people_area .content_area h2 {
      margin-bottom: 40px; }
      #people_area .content_area h2 img {
        height: 25px;
        width: auto; }
    #people_area .content_area h3 {
      font-size: 1.7rem;
      margin-bottom: 25px; }
    #people_area .content_area dl dd {
      left: 5px;
      top: auto;
      bottom: 5px; }
      #people_area .content_area dl dd img {
        max-width: none; }
    #people_area .content_area dl .btn_wrap {
      left: auto;
      top: auto;
      bottom: 5px;
      right: 5px; }
    #people_area .content_area .btn {
      width: 100px;
      height: 25px; }
      #people_area .content_area .btn:before {
        border-style: solid;
        border-width: 25px 0 0 25px;
        border-color: transparent transparent transparent #FFF;
        left: 75px; }
      #people_area .content_area .btn:after {
        width: 75px;
        height: 25px; }
      #people_area .content_area .btn a:before {
        border-style: solid;
        border-width: 0 25px 25px 0;
        border-color: transparent #FFF transparent transparent;
        left: 76px; }
      #people_area .content_area .btn a img {
        width: 20px;
        height: auto; }
    #people_area .content_area .workstyle_wrap {
      margin-bottom: 110px; }
      #people_area .content_area .workstyle_wrap .box_area ul {
        display: block;
        margin-bottom: -40px; }
        #people_area .content_area .workstyle_wrap .box_area ul li {
          width: 100%;
          margin-bottom: 40px; }
          #people_area .content_area .workstyle_wrap .box_area ul li dd {
            bottom: 5px; }
          #people_area .content_area .workstyle_wrap .box_area ul li .btn_wrap {
            bottom: 5px;
            right: 5px; }
        #people_area .content_area .workstyle_wrap .box_area ul .txt {
          font-size: 1.2rem;
          margin-top: 12px;
          letter-spacing: 0.02em; }
    #people_area .content_area .interview_wrap {
      margin-bottom: 100px; }
      #people_area .content_area .interview_wrap .section {
        margin-bottom: 75px; }
        #people_area .content_area .interview_wrap .section:last-child {
          margin-bottom: 0; }
        #people_area .content_area .interview_wrap .section .txt {
          font-size: 1.15rem;
          margin-top: 15px; }
      #people_area .content_area .interview_wrap .one_area dl dd {
        left: 5px;
        top: 5px; }
      #people_area .content_area .interview_wrap .one_area dl .btn_wrap {
        left: auto;
        top: auto;
        bottom: 5px;
        right: 5px; }
      #people_area .content_area .interview_wrap .btm_btn {
        margin-top: 25px;
        font-size: 1.2rem;
        padding-right: 113px;
        margin-right: 0; }
        #people_area .content_area .interview_wrap .btm_btn span {
          right: 43px;
          bottom: 6px; }
          #people_area .content_area .interview_wrap .btm_btn span img {
            width: 55px;
            height: auto; }
        #people_area .content_area .interview_wrap .btm_btn:before {
          height: 10px;
          bottom: -1px;
          right: 4px; }
        #people_area .content_area .interview_wrap .btm_btn:after {
          width: 98px;
          bottom: 0; }
      #people_area .content_area .interview_wrap .three_area ul {
        display: block; }
        #people_area .content_area .interview_wrap .three_area ul li {
          width: 100%;
          margin-bottom: 25px; }
          #people_area .content_area .interview_wrap .three_area ul li p {
            margin-top: 10px !important; }
        #people_area .content_area .interview_wrap .three_area ul.backnumber {
          margin-bottom: 0; }
    #people_area .content_area .workstyle_wrap ul {
      display: block; }
      #people_area .content_area .workstyle_wrap ul li {
        width: 100%;
        margin-bottom: 25px; }
        #people_area .content_area .workstyle_wrap ul li > p {
          font-size: 1.15rem;
          margin-top: 10px; }
    #people_area .backnumber_area h3 {
      font-size: 1.7rem;
      margin-bottom: 35px;
      margin-top: 60px; }
    #people_area .backnumber_area .wrap {
      width: 100%; }
      #people_area .backnumber_area .wrap > li {
        margin-bottom: 45px; }
        #people_area .backnumber_area .wrap > li dt {
          margin-bottom: 10px; }
          #people_area .backnumber_area .wrap > li dt .txt {
            left: 8px;
            top: 8px; }
            #people_area .backnumber_area .wrap > li dt .txt img {
              height: 12px;
              width: auto; }
        #people_area .backnumber_area .wrap > li dd {
          font-size: 1.3rem;
          margin-bottom: 10px; }
      #people_area .backnumber_area .wrap .link_wrap > li {
        font-size: 1.2rem; } }
/*------------------------------------------------------------
guidance
------------------------------------------------------------*/
#guidance_area {
  letter-spacing: 0.15em;
  font-size: 1.6rem;
  line-height: 1.76;
  margin-top: calc(70px + 180px);
  margin-bottom: 150px; }
  #guidance_area .sp {
    display: none; }
  #guidance_area .main_area {
    position: relative;
    margin-bottom: 75px;
    height: 630px;
    width: 100%;
    background: url("../images/guidance/img_main.jpg") center top no-repeat;
    background-size: cover; }
    #guidance_area .main_area .ttl_img {
      position: absolute;
      top: -75px; }
  #guidance_area .content_area .inner {
    width: 760px; }
  #guidance_area .content_area h2 {
    font-size: 2.4rem;
    margin-bottom: 50px;
    font-weight: bold; }
  #guidance_area .content_area h3 {
    font-size: 2.0rem;
    font-weight: bold;
    margin-bottom: 40px; }
    #guidance_area .content_area h3 span {
      font-size: 1.4rem;
      font-weight: 100;
      display: block;
      margin-top: 5px; }
  #guidance_area .content_area .guidance-item {
    margin: 0 auto 30px; }
    #guidance_area .content_area .guidance-item.top {
      margin: 0 auto 60px; }
    #guidance_area .content_area .guidance-item ol > li {
      list-style: decimal;
      list-style-position: inside;
      padding-left: 1em;
      text-indent: -1em; }
    #guidance_area .content_area .guidance-item dt {
      font-weight: bold; }
    #guidance_area .content_area .guidance-item dd {
      margin-bottom: 1em; }

@media screen and (max-width: 800px) {
  #guidance_area {
    letter-spacing: 0em;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: calc(60px + 75px);
    margin-bottom: 80px; }
    #guidance_area .main_area {
      position: relative;
      margin-bottom: 45px;
      height: 167px;
      width: 100%;
      background: url("../images/guidance/img_main_sp.jpg") center top no-repeat;
      background-size: cover; }
      #guidance_area .main_area .ttl_img {
        position: absolute;
        top: -27px; }
        #guidance_area .main_area .ttl_img img {
          height: 27px;
          width: auto;
          max-width: none; }
    #guidance_area .content_area .inner {
      width: auto; }
    #guidance_area .content_area h2 {
      font-size: 1.6rem;
      margin-bottom: 20px;
      font-weight: bold; }
    #guidance_area .content_area h3 {
      font-size: 1.4rem;
      font-weight: bold;
      margin-bottom: 20px; }
      #guidance_area .content_area h3 span {
        font-size: 1.2rem;
        font-weight: 100;
        display: block;
        margin-top: 5px; }
    #guidance_area .content_area .guidance-item {
      margin: 0 auto 25px; }
      #guidance_area .content_area .guidance-item.top {
        margin: 0 auto 35px;
        letter-spacing: -0.02em; }
        #guidance_area .content_area .guidance-item.top br {
          display: none; }
      #guidance_area .content_area .guidance-item ol > li {
        list-style: decimal;
        list-style-position: inside;
        padding-left: 1em;
        text-indent: -1em; }
      #guidance_area .content_area .guidance-item dt {
        font-weight: bold; }
      #guidance_area .content_area .guidance-item dd {
        margin-bottom: 1em; } }
/*------------------------------------------------------------
privacy
------------------------------------------------------------*/
#privacy_area {
  letter-spacing: 0.15em;
  font-size: 1.6rem;
  line-height: 1.76;
  margin-top: calc(70px + 180px);
  margin-bottom: 150px; }
  #privacy_area .sp {
    display: none; }
  #privacy_area .main_area {
    position: relative;
    margin-bottom: 115px;
    height: 630px;
    width: 100%;
    background: url("../images/privacy/img_main.jpg") center top no-repeat;
    background-size: cover; }
    #privacy_area .main_area .ttl_img {
      position: absolute;
      top: -75px; }
  #privacy_area .content_area .inner {
    width: 760px; }
  #privacy_area .content_area h2 {
    font-size: 2.4rem;
    margin-bottom: 50px;
    font-weight: bold; }
  #privacy_area .content_area h3 {
    font-size: 2.0rem;
    font-weight: bold;
    margin-bottom: 40px; }
    #privacy_area .content_area h3 span {
      font-size: 1.4rem;
      font-weight: 100;
      display: block;
      margin-top: 5px; }
  #privacy_area .content_area .guidance-item {
    margin: 0 auto 30px; }
    #privacy_area .content_area .guidance-item ol > li {
      list-style: decimal;
      list-style-position: inside;
      padding-left: 1em;
      text-indent: -1em; }
    #privacy_area .content_area .guidance-item dt {
      font-weight: bold; }
    #privacy_area .content_area .guidance-item dd {
      margin-bottom: 1em; }

@media screen and (max-width: 800px) {
  #privacy_area {
    letter-spacing: 0em;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: calc(60px + 115px);
    margin-bottom: 80px; }
    #privacy_area .sp {
      display: block; }
    #privacy_area .pc {
      display: none; }
    #privacy_area .main_area {
      position: relative;
      margin-bottom: 45px;
      height: 167px;
      width: 100%;
      background: url("../images/privacy/img_main_sp.jpg") center top no-repeat;
      background-size: cover; }
      #privacy_area .main_area .ttl_img {
        position: absolute;
        top: -56px; }
        #privacy_area .main_area .ttl_img img {
          height: 56px;
          width: auto;
          max-width: none; }
    #privacy_area .content_area .inner {
      width: auto; }
    #privacy_area .content_area h2 {
      font-size: 1.6rem;
      margin-bottom: 20px;
      font-weight: bold; }
    #privacy_area .content_area h3 {
      font-size: 1.4rem;
      font-weight: bold;
      margin-bottom: 20px; }
      #privacy_area .content_area h3 span {
        font-size: 1.2rem;
        font-weight: 100;
        display: block;
        margin-top: 5px; }
    #privacy_area .content_area .guidance-item {
      margin: 0 auto 25px; }
      #privacy_area .content_area .guidance-item ol > li {
        list-style: decimal;
        list-style-position: inside;
        padding-left: 1em;
        text-indent: -1em; }
      #privacy_area .content_area .guidance-item dt {
        font-weight: bold; }
      #privacy_area .content_area .guidance-item dd {
        margin-bottom: 1em; } }
/*------------------------------------------------------------
people/interview
------------------------------------------------------------*/
#interview_area {
  letter-spacing: 0.15em;
  font-size: 1.7rem;
  line-height: 1.76;
  margin-top: calc(70px + 180px);
  margin-bottom: 120px; }
  #interview_area .mojizume {
    letter-spacing: 0.08em; }
  #interview_area .main_area {
    position: relative;
    margin-bottom: 115px;
    height: 706px;
    width: 100%; }
    #interview_area .main_area .ttl_img {
      position: absolute;
      top: -75px; }
    #interview_area .main_area h2 {
      font-size: 3.4rem;
      padding-top: 85px;
      line-height: 1.65;
      margin-bottom: 55px;
      letter-spacing: 0.05em; }
      #interview_area .main_area h2 span {
        padding: 10px 5px;
        background: linear-gradient(transparent 0%, #ffF 0%);
        line-height: 1; }
      #interview_area .main_area h2 .sp {
        display: none; }
    #interview_area .main_area h3 {
      font-size: 2.0rem;
      line-height: 1.65; }
      #interview_area .main_area h3 span {
        padding: 12px 5px;
        background: linear-gradient(transparent 0%, #ffF 0%);
        line-height: 1.8; }
    #interview_area .main_area .ttl_wrap.right_p {
      margin-left: auto;
      width: 570px; }
    #interview_area .main_area .ttl_wrap img {
      line-height: 1;
      margin-bottom: 6px; }
    #interview_area .main_area.top {
      height: 600px;
      margin-bottom: 155px;
      position: relative; }
      #interview_area .main_area.top .ttl_wrap {
        height: 600px;
        position: relative; }
      #interview_area .main_area.top h2 {
        padding-top: 30px;
        line-height: 1;
        margin-bottom: 205px; }
        #interview_area .main_area.top h2 .sp {
          display: none; }
      #interview_area .main_area.top h3 {
        position: absolute;
        bottom: 40px;
        font-size: 3.4rem;
        letter-spacing: 0.05em; }
        #interview_area .main_area.top h3 span {
          padding: 10px 5px; }
        #interview_area .main_area.top h3 .sp {
          display: none; }
    #interview_area .main_area.business_innovation_top {
      background: url("../people/images/interview/business_innovation/top/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.business_innovation_ishikawa {
      background: url("../people/images/interview/business_innovation/ishikawa/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.business_innovation_kubota {
      background: url("../people/images/interview/business_innovation/kubota/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.business_innovation_momina {
      background: url("../people/images/interview/business_innovation/momina/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.business_innovation_tanaka {
      background: url("../people/images/interview/business_innovation/tanaka/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.business_innovation_yamano {
      background: url("../people/images/interview/business_innovation/yamano/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.agile_delivery_top {
      background: url("../people/images/interview/agile_delivery/top/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.agile_delivery_yamano {
      background: url("../people/images/interview/agile_delivery/yamano/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.integration_top {
      background: url("../people/images/interview/integration/top/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.integration_nakamura {
      background: url("../people/images/interview/integration/nakamura/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.integration_nakai {
      background: url("../people/images/interview/integration/nakai/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.integration_gotou {
      background: url("../people/images/interview/integration/gotou/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.integration_yamamoto {
      background: url("../people/images/interview/integration/yamamoto/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.integration_tamata {
      background: url("../people/images/interview/integration/tamata/img_main.jpg") left top no-repeat;
      background-size: cover; }
    #interview_area .main_area.integration_ueno {
      background: url("../people/images/interview/integration/ueno/img_main.jpg") left top no-repeat;
      background-size: cover; }
    #interview_area .main_area.data_top {
      background: url("../people/images/interview/data/top/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.data_kondou {
      background: url("../people/images/interview/data/kondou/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.data_kuroda {
      background: url("../people/images/interview/data/kuroda/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.data_mawatari {
      background: url("../people/images/interview/data/mawatari/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.data_yoshioka {
      background: url("../people/images/interview/data/yoshioka/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.data_suzuki {
      background: url("../people/images/interview/data/suzuki/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.data_kobayashi {
      background: url("../people/images/interview/data/kobayashi/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.strategy_top {
      background: url("../people/images/interview/strategy/top/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.strategy_mori {
      background: url("../people/images/interview/strategy/mori/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.strategy_tamura {
      background: url("../people/images/interview/strategy/tamura/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.strategy_tamori {
      background: url("../people/images/interview/strategy/tamori/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.strategy_inoue {
      background: url("../people/images/interview/strategy/inoue/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.strategy_mizobuchi {
      background: url("../people/images/interview/strategy/mizobuchi/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.strategy_watanabe {
      background: url("../people/images/interview/strategy/watanabe/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.strategy_sugiyama {
      background: url("../people/images/interview/strategy/sugiyama/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.strategy_wasiyama {
      background: url("../people/images/interview/strategy/wasiyama/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.strategy_ishikawa {
      background: url("../people/images/interview/strategy/ishikawa/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.solution_top {
      background: url("../people/images/interview/solution/top/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.solution_saeki {
      background: url("../people/images/interview/solution/saeki/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.solution_ikejima {
      background: url("../people/images/interview/solution/ikejima/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.solution_yamano {
      background: url("../people/images/interview/solution/yamano/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.solution_iwai {
      background: url("../people/images/interview/solution/iwai/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.solution_ueno {
      background: url("../people/images/interview/solution/ueno/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.solution_hamada {
      background: url("../people/images/interview/solution/hamada/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.solution_tsubuku {
      background: url("../people/images/interview/solution/tsubuku/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.solution_onishi {
      background: url("../people/images/interview/solution/onishi/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.solution_fan {
      background: url("../people/images/interview/solution/fan/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.solution_oonaka {
      background: url("../people/images/interview/solution/oonaka/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.consul_top {
      background: url("../people/images/interview/consulting/top/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.consul_kondou {
      background: url("../people/images/interview/consulting/kondou/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.consul_takagishi {
      background: url("../people/images/interview/consulting/takagishi/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.consul_mizuno {
      background: url("../people/images/interview/consulting/mizuno/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.consul_tanaka {
      background: url("../people/images/interview/consulting/tanaka/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.consul_zaitu {
      background: url("../people/images/interview/consulting/zaitu/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.consul_horie {
      background: url("../people/images/interview/consulting/horie/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.consul_murabayashi {
      background: url("../people/images/interview/consulting/murabayashi/img_main.jpg") right top no-repeat;
      background-size: cover; }
    #interview_area .main_area.consul_tabata {
      background: url("../people/images/interview/consulting/tabata/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.president {
      background: url("../people/images/interview/president/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.expert {
      background: url("../people/images/interview/expert/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.speechlist {
      margin-bottom: 150px;
      background: url("../people/images/interview/speechlist/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.speechlist_bk {
      margin-bottom: 150px;
      background: url("../people/images/interview/speechlist_bk/img_main.jpg") center top no-repeat;
      background-size: cover; }
    #interview_area .main_area.conversation {
      background: url("../people/images/interview/conversation/img_main.jpg") center top no-repeat;
      background-size: cover; }
      #interview_area .main_area.conversation .inner {
        position: relative; }
      #interview_area .main_area.conversation h2 {
        padding-top: 355px;
        margin-bottom: 65px; }
      #interview_area .main_area.conversation h3 {
        font-size: 2.0rem;
        line-height: 1.65; }
        #interview_area .main_area.conversation h3 span {
          padding: 12px 5px;
          background: linear-gradient(transparent 0%, #ffF 0%);
          line-height: 1; }
        #interview_area .main_area.conversation h3.name2 {
          position: absolute;
          bottom: 0;
          left: 770px; }
  #interview_area .content_area h2 {
    margin-bottom: 120px; }
    #interview_area .content_area h2 .sp {
      display: none; }
  #interview_area .content_area .box_wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 160px; }
    #interview_area .content_area .box_wrap.top {
      position: relative; }
      #interview_area .content_area .box_wrap.top .box_img {
        width: 830px;
        position: relative;
        left: -70px; }
      #interview_area .content_area .box_wrap.top .box_txt {
        width: 440px; }
  #interview_area .content_area .box_img {
    width: 670px; }
    #interview_area .content_area .box_img img {
      width: 100%;
      height: auto; }
      #interview_area .content_area .box_img img.sp {
        display: none; }
  #interview_area .content_area .box_txt {
    width: 530px; }
    #interview_area .content_area .box_txt h3 {
      font-size: 3.2rem;
      margin-bottom: 35px;
      letter-spacing: 0.02em;
      font-weight: bold; }
      #interview_area .content_area .box_txt h3 .sp {
        display: none; }
  #interview_area .content_area.president h3.sp {
    display: none; }
  #interview_area .speech_content_area .top .inner {
    width: 770px; }
  #interview_area .speech_content_area .top h2 {
    font-weight: bold;
    font-size: 2.4rem;
    margin-bottom: 50px; }
  #interview_area .speech_content_area .top ul {
    margin-bottom: 100px; }
  #interview_area .speech_content_area .top dl {
    font-size: 2.4rem;
    display: flex; }
    #interview_area .speech_content_area .top dl dt {
      width: 170px;
      letter-spacing: 0; }
    #interview_area .speech_content_area .top dl dd {
      width: 600px;
      letter-spacing: 0.05em; }
  #interview_area .speech_content_area .backnumber {
    margin-top: 100px; }
    #interview_area .speech_content_area .backnumber .inner {
      width: 1090px; }
    #interview_area .speech_content_area .backnumber li {
      position: relative;
      width: 100%; }
    #interview_area .speech_content_area .backnumber dl {
      position: relative; }
      #interview_area .speech_content_area .backnumber dl dt {
        position: relative; }
        #interview_area .speech_content_area .backnumber dl dt:hover:before {
          opacity: 0.4; }
        #interview_area .speech_content_area .backnumber dl dt:before {
          transition: all 300ms 0s ease;
          content: "";
          background: #000;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          position: absolute;
          z-index: 9;
          opacity: 0; }
        #interview_area .speech_content_area .backnumber dl dt a {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 30; }
        #interview_area .speech_content_area .backnumber dl dt img {
          position: relative;
          width: 100%;
          height: auto;
          z-index: 5; }
      #interview_area .speech_content_area .backnumber dl dd {
        position: absolute;
        left: 20px;
        top: 20px;
        z-index: 20;
        color: #FFF;
        font-size: 3.0rem;
        font-weight: bold; }
      #interview_area .speech_content_area .backnumber dl .btn_wrap {
        left: auto;
        top: auto;
        bottom: 20px;
        right: 20px; }
    #interview_area .speech_content_area .backnumber .btn {
      position: relative;
      width: 200px;
      height: 50px;
      border: none; }
      #interview_area .speech_content_area .backnumber .btn:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 50px 0 0 50px;
        border-color: transparent transparent transparent #FFF;
        left: 149px;
        top: 0;
        z-index: 10;
        bottom: auto;
        transform: rotate(0deg); }
      #interview_area .speech_content_area .backnumber .btn:after {
        position: absolute;
        content: "";
        width: 150px;
        height: 50px;
        left: 0;
        top: 0;
        background: #FFF;
        z-index: 10; }
      #interview_area .speech_content_area .backnumber .btn a {
        display: flex;
        height: 100%;
        width: 100%;
        position: relative;
        align-items: center;
        justify-content: center;
        z-index: 20; }
        #interview_area .speech_content_area .backnumber .btn a:before {
          position: absolute;
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 50px 50px 0;
          border-color: transparent #FFF transparent transparent;
          left: 151px;
          top: 0; }
        #interview_area .speech_content_area .backnumber .btn a img {
          position: relative;
          z-index: 20; }
  #interview_area .conversation_content_area .inner2 {
    width: 880px; }
  #interview_area .conversation_content_area .sp {
    display: none; }
  #interview_area .conversation_content_area .color1 {
    color: #591244; }
  #interview_area .conversation_content_area .color2 {
    color: #0b308e; }
  #interview_area .conversation_content_area .box_wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 150px; }
    #interview_area .conversation_content_area .box_wrap.big1 {
      position: relative; }
      #interview_area .conversation_content_area .box_wrap.big1 .box_img {
        width: 545px;
        position: relative;
        left: -55px; }
        #interview_area .conversation_content_area .box_wrap.big1 .box_img p {
          text-align: right; }
    #interview_area .conversation_content_area .box_wrap.big2 {
      position: relative; }
      #interview_area .conversation_content_area .box_wrap.big2 .box_img {
        width: 535px;
        position: relative;
        right: -40px; }
    #interview_area .conversation_content_area .box_wrap.txt_only {
      display: block; }
      #interview_area .conversation_content_area .box_wrap.txt_only h3 {
        text-align: center; }
  #interview_area .conversation_content_area .box_img {
    width: 485px; }
    #interview_area .conversation_content_area .box_img img {
      width: 100%;
      height: auto; }
    #interview_area .conversation_content_area .box_img p {
      font-size: 1.7rem;
      margin-top: 20px; }
  #interview_area .conversation_content_area .box_txt {
    width: 660px; }
  #interview_area .conversation_content_area h3 {
    font-size: 3.2rem;
    margin-bottom: 35px;
    letter-spacing: 0.02em;
    font-weight: bold; }
  #interview_area .conversation_content_area .line {
    text-align: center;
    margin-bottom: 120px; }
    #interview_area .conversation_content_area .line span {
      border-bottom: 1px solid #c0c0c0;
      padding-bottom: 15px;
      font-size: 2.6rem; }
  #interview_area .conversation_content_area .btm_img {
    text-align: center;
    margin-bottom: 270px; }
  #interview_area .top_member_area {
    display: flex;
    justify-content: space-between;
    margin-bottom: 155px;
    align-items: flex-end; }
    #interview_area .top_member_area .box_img {
      width: 760px; }
      #interview_area .top_member_area .box_img img {
        width: 100%;
        height: auto; }
    #interview_area .top_member_area .box_txt {
      width: 440px; }
      #interview_area .top_member_area .box_txt h2 {
        margin-bottom: 95px; }
      #interview_area .top_member_area .box_txt dl {
        font-size: 2.0rem;
        margin-bottom: 20px; }
      #interview_area .top_member_area .box_txt h3 {
        font-size: 3.0rem;
        margin-bottom: 50px;
        letter-spacing: 0.05em;
        font-weight: normal; }
        #interview_area .top_member_area .box_txt h3.tume01 {
          letter-spacing: -0.03em; }
  #interview_area .bottom_member_area h2 {
    text-align: center;
    margin-bottom: 65px; }
  #interview_area .bottom_member_area ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -100px; }
    #interview_area .bottom_member_area ul:after {
      content: "";
      display: block;
      width: 387px; }
    #interview_area .bottom_member_area ul li {
      width: 387px;
      margin-bottom: 100px; }
  #interview_area .bottom_member_area h3 {
    font-size: 2.5rem;
    margin-bottom: 25px;
    letter-spacing: 0.05em; }
  #interview_area .bottom_member_area .img {
    margin-bottom: 20px; }
    #interview_area .bottom_member_area .img img {
      width: 100%;
      height: auto; }
  #interview_area .bottom_member_area dl {
    font-size: 1.6rem;
    margin-bottom: 30px; }
    #interview_area .bottom_member_area dl dt br.sp {
      display: none; }
    #interview_area .bottom_member_area dl dt.tume {
      letter-spacing: 0.08em; }
  #interview_area .btn_no_wrap {
    width: 122px;
    height: 25px;
    border-bottom: 1px solid #000;
    position: relative;
    overflow: hidden;
    line-height: 1;
    box-sizing: border-box;
    margin-left: auto; }
    #interview_area .btn_no_wrap:before {
      content: "";
      position: absolute;
      width: 1px;
      height: 50px;
      background: #000;
      right: 0;
      top: auto;
      bottom: -25px;
      transform: rotate(-47deg); }
    #interview_area .btn_no_wrap a {
      display: block;
      width: 100%;
      height: 100%; }
    #interview_area .btn_no_wrap img {
      margin-bottom: 3px; }
  #interview_area .btn {
    width: 440px;
    height: 70px;
    border: 1px solid #000;
    margin: 0 auto;
    position: relative;
    overflow: hidden; }
    #interview_area .btn:before {
      content: "";
      position: absolute;
      width: 1px;
      height: 120px;
      background: #000;
      left: 43px;
      top: auto;
      bottom: -20px;
      transform: rotate(47deg); }
    #interview_area .btn a {
      display: flex;
      width: 100%;
      height: 100%;
      justify-content: center;
      align-items: center; }

@media screen and (min-width: 800px) and (max-width: 1280px) {
  #interview_area .main_area.business_innovation_top {
    background: url("../people/images/interview/business_innovation/top/img_main.jpg") right -282px top no-repeat;
    background-size: cover; }
  #interview_area .main_area.agile_delivery_top {
    background: url("../people/images/interview/agile_delivery/top/img_main.jpg") right -282px top no-repeat;
    background-size: cover; }
  #interview_area .main_area.integration_top {
    background: url("../people/images/interview/integration/top/img_main.jpg") right -282px top no-repeat;
    background-size: cover; }
  #interview_area .main_area.data_top {
    background: url("../people/images/interview/data/top/img_main.jpg") right -282px top no-repeat;
    background-size: cover; }
  #interview_area .main_area.strategy_top {
    background: url("../people/images/interview/strategy/top/img_main.jpg") right -282px top no-repeat;
    background-size: cover; }
  #interview_area .main_area.solution_top {
    background: url("../people/images/interview/solution/top/img_main.jpg") right -282px top no-repeat;
    background-size: cover; }
  #interview_area .main_area.consul_top {
    background: url("../people/images/interview/consulting/top/img_main.jpg") right -282px top no-repeat;
    background-size: cover; } }
@media screen and (max-width: 800px) {
  #interview_area {
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: calc(60px + 75px);
    margin-bottom: 80px; }
    #interview_area .main_area {
      position: relative;
      margin-bottom: 55px;
      height: 291px;
      width: 100%; }
      #interview_area .main_area .inner {
        height: 100%;
        position: relative; }
      #interview_area .main_area .ttl_img {
        top: -25px;
        width: 214px;
        height: 26px; }
        #interview_area .main_area .ttl_img img {
          width: 100%;
          height: auto; }
      #interview_area .main_area .ttl_wrap.right_p {
        position: relative;
        left: auto;
        right: -7.5%;
        width: 140px; }
      #interview_area .main_area h2 {
        font-size: 1.3rem;
        padding-top: 0;
        line-height: 1.76;
        margin-bottom: 0;
        position: absolute;
        top: 85px; }
        #interview_area .main_area h2 span {
          padding: 8px 5px; }
          #interview_area .main_area h2 span.sp {
            display: inline-block;
            padding: 0;
            width: 5px; }
          #interview_area .main_area h2 span.pc {
            display: none; }
        #interview_area .main_area h2 br.sp {
          display: block; }
        #interview_area .main_area h2 br.pc {
          display: none; }
      #interview_area .main_area h3 {
        font-size: 1.15rem;
        line-height: 1.68;
        position: absolute;
        top: 210px; }
        #interview_area .main_area h3 span {
          padding: 7px 5px;
          line-height: 1.9; }
      #interview_area .main_area.top {
        height: 238px;
        margin-bottom: 55px; }
        #interview_area .main_area.top .ttl_wrap {
          height: 238px;
          top: 0; }
        #interview_area .main_area.top h2 {
          padding-top: 0;
          line-height: 1;
          margin-bottom: 35px;
          position: absolute;
          top: 10px; }
          #interview_area .main_area.top h2 .sp {
            display: block; }
          #interview_area .main_area.top h2 .pc {
            display: none; }
        #interview_area .main_area.top h3 {
          font-size: 1.15rem;
          line-height: 1.68;
          margin-bottom: 0;
          position: absolute;
          top: 150px; }
          #interview_area .main_area.top h3 span {
            padding: 7px 5px; }
            #interview_area .main_area.top h3 span.sp {
              display: inline-block;
              padding: 0;
              width: 5px; }
          #interview_area .main_area.top h3 .sp {
            display: block; }
          #interview_area .main_area.top h3 .pc {
            display: none; }
      #interview_area .main_area.business_innovation_top {
        background: url("../people/images/interview/business_innovation/top/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
      #interview_area .main_area.business_innovation_ishikawa {
        background: url("../people/images/interview/business_innovation/ishikawa/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
      #interview_area .main_area.business_innovation_kubota {
        background: url("../people/images/interview/business_innovation/kubota/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
        #interview_area .main_area.business_innovation_kubota .ttl_wrap.right_p {
          width: 185px;
          margin-left: 0;
          right: 0; }
          #interview_area .main_area.business_innovation_kubota .ttl_wrap.right_p h3 {
            letter-spacing: 0.05em; }
      #interview_area .main_area.business_innovation_momina {
        background: url("../people/images/interview/business_innovation/momina/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
      #interview_area .main_area.business_innovation_tanaka {
        background: url("../people/images/interview/business_innovation/tanaka/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
        #interview_area .main_area.business_innovation_tanaka .ttl_wrap.right_p {
          width: 185px; }
          #interview_area .main_area.business_innovation_tanaka .ttl_wrap.right_p h3 {
            letter-spacing: 0.05em; }
      #interview_area .main_area.business_innovation_yamano {
        background: url("../people/images/interview/business_innovation/yamano/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
      #interview_area .main_area.agile_delivery_top {
        background: url("../people/images/interview/agile_delivery/top/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
      #interview_area .main_area.agile_delivery_yamano {
        background: url("../people/images/interview/agile_delivery/yamano/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
        #interview_area .main_area.agile_delivery_yamano .ttl_wrap.right_p {
          width: 175px; }
          #interview_area .main_area.agile_delivery_yamano .ttl_wrap.right_p h3 {
            letter-spacing: 0.05em; }
      #interview_area .main_area.integration_top {
        background: url("../people/images/interview/integration/top/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
      #interview_area .main_area.integration_nakamura {
        background: url("../people/images/interview/integration/nakamura/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
      #interview_area .main_area.integration_nakai {
        background: url("../people/images/interview/integration/nakai/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
        #interview_area .main_area.integration_nakai .ttl_wrap.right_p {
          margin-left: 0;
          right: 0;
          width: 170px; }
      #interview_area .main_area.integration_gotou {
        background: url("../people/images/interview/integration/gotou/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
        #interview_area .main_area.integration_gotou .ttl_wrap.right_p {
          width: 170px; }
      #interview_area .main_area.integration_yamamoto {
        background: url("../people/images/interview/integration/yamamoto/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
      #interview_area .main_area.integration_tamata {
        background: url("../people/images/interview/integration/tamata/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
        #interview_area .main_area.integration_tamata .ttl_wrap.right_p {
          width: 160px; }
      #interview_area .main_area.integration_ueno {
        background: url("../people/images/interview/integration/ueno/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
      #interview_area .main_area.data_top {
        background: url("../people/images/interview/data/top/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
      #interview_area .main_area.data_kondou {
        background: url("../people/images/interview/data/kondou/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.data_kuroda {
        background: url("../people/images/interview/data/kuroda/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.data_mawatari {
        background: url("../people/images/interview/data/mawatari/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.data_yoshioka {
        background: url("../people/images/interview/data/yoshioka/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.data_suzuki {
        background: url("../people/images/interview/data/suzuki/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.data_kobayashi {
        background: url("../people/images/interview/data/kobayashi/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.strategy_top {
        background: url("../people/images/interview/strategy/top/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
      #interview_area .main_area.strategy_mori {
        background: url("../people/images/interview/strategy/mori/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.strategy_tamura {
        background: url("../people/images/interview/strategy/tamura/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.strategy_tamori {
        background: url("../people/images/interview/strategy/tamori/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.strategy_inoue {
        background: url("../people/images/interview/strategy/inoue/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
        #interview_area .main_area.strategy_inoue .ttl_wrap.right_p {
          width: 160px; }
      #interview_area .main_area.strategy_mizobuchi {
        background: url("../people/images/interview/strategy/mizobuchi/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.strategy_watanabe {
        background: url("../people/images/interview/strategy/watanabe/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
        #interview_area .main_area.strategy_watanabe .ttl_wrap.right_p {
          margin-left: 0;
          right: 0;
          width: 160px; }
      #interview_area .main_area.strategy_sugiyama {
        background: url("../people/images/interview/strategy/sugiyama/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.strategy_wasiyama {
        background: url("../people/images/interview/strategy/wasiyama/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.strategy_ishikawa {
        background: url("../people/images/interview/strategy/ishikawa/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.solution_top {
        background: url("../people/images/interview/solution/top/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
      #interview_area .main_area.solution_saeki {
        background: url("../people/images/interview/solution/saeki/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.solution_ikejima {
        background: url("../people/images/interview/solution/ikejima/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.solution_yamano {
        background: url("../people/images/interview/solution/yamano/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.solution_iwai {
        background: url("../people/images/interview/solution/iwai/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.solution_ueno {
        background: url("../people/images/interview/solution/ueno/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.solution_hamada {
        background: url("../people/images/interview/solution/hamada/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.solution_tsubuku {
        background: url("../people/images/interview/solution/tsubuku/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.solution_onishi {
        background: url("../people/images/interview/solution/onishi/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
        #interview_area .main_area.solution_onishi .ttl_wrap {
          margin-left: auto;
          position: relative;
          left: auto;
          right: -7%;
          width: 140px; }
      #interview_area .main_area.solution_fan {
        background: url("../people/images/interview/solution/fan/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.solution_oonaka {
        background: url("../people/images/interview/solution/oonaka/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.consul_top {
        background: url("../people/images/interview/consulting/top/img_main_sp.jpg") center center no-repeat;
        background-size: cover; }
      #interview_area .main_area.consul_kondou {
        background: url("../people/images/interview/consulting/kondou/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.consul_takagishi {
        background: url("../people/images/interview/consulting/takagishi/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
        #interview_area .main_area.consul_takagishi .ttl_wrap.right_p {
          width: 160px; }
      #interview_area .main_area.consul_mizuno {
        background: url("../people/images/interview/consulting/mizuno/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.consul_tanaka {
        background: url("../people/images/interview/consulting/tanaka/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.consul_zaitu {
        background: url("../people/images/interview/consulting/zaitu/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.consul_tabata {
        background: url("../people/images/interview/consulting/tabata/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
        #interview_area .main_area.consul_tabata .ttl_wrap.right_p {
          width: 160px;
          margin-left: 0;
          right: auto;
          left: 0; }
      #interview_area .main_area.consul_murabayashi {
        background: url("../people/images/interview/consulting/murabayashi/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
        #interview_area .main_area.consul_murabayashi .ttl_wrap.right_p {
          width: 160px; }
        #interview_area .main_area.consul_murabayashi .ttl_wrap img {
          width: 54px;
          height: auto;
          margin-bottom: 6px; }
      #interview_area .main_area.consul_horie {
        background: url("../people/images/interview/consulting/horie/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
        #interview_area .main_area.consul_horie .ttl_wrap.right_p {
          width: 160px; }
      #interview_area .main_area.president {
        background: url("../people/images/interview/president/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.expert {
        background: url("../people/images/interview/expert/img_main_sp.jpg") center top no-repeat;
        background-size: cover; }
      #interview_area .main_area.speechlist {
        background: url("../people/images/interview/speechlist/img_main_sp.jpg") center top no-repeat;
        background-size: cover;
        margin-bottom: 35px;
        height: 167px; }
      #interview_area .main_area.speechlist_bk {
        background: url("../people/images/interview/speechlist_bk/img_main_sp.jpg") center top no-repeat;
        background-size: cover;
        margin-bottom: 35px;
        height: 167px; }
      #interview_area .main_area.conversation {
        background: url("../people/images/interview/conversation/img_main_sp.jpg") center top no-repeat;
        background-size: cover;
        margin-bottom: 35px;
        height: 167px; }
        #interview_area .main_area.conversation h2 {
          padding-top: 0;
          margin-bottom: 10px;
          font-size: 1.0rem;
          top: 80px;
          line-height: 1.6; }
          #interview_area .main_area.conversation h2 span {
            padding: 4px 5px; }
        #interview_area .main_area.conversation h3 {
          font-size: 0.8rem;
          line-height: 1.6;
          top: auto;
          bottom: 10px; }
          #interview_area .main_area.conversation h3 span {
            padding: 4px 5px;
            background: linear-gradient(transparent 0%, #ffF 0%); }
          #interview_area .main_area.conversation h3.name2 {
            position: absolute;
            top: auto;
            bottom: 10px;
            right: 50px;
            left: auto; }
    #interview_area .content_area h2 {
      margin-bottom: 50px; }
      #interview_area .content_area h2 img {
        height: auto; }
      #interview_area .content_area h2 .sp {
        display: block; }
      #interview_area .content_area h2 .pc {
        display: none; }
    #interview_area .content_area .box_wrap {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 82px;
      position: relative; }
      #interview_area .content_area .box_wrap.top .box_img {
        width: 100%;
        left: 0; }
      #interview_area .content_area .box_wrap.top .box_txt {
        width: 100%; }
      #interview_area .content_area .box_wrap:nth-of-type(2) {
        flex-wrap: wrap-reverse; }
    #interview_area .content_area .box_img {
      width: 100%;
      margin-bottom: 30px; }
      #interview_area .content_area .box_img img {
        width: 100%;
        height: auto; }
        #interview_area .content_area .box_img img.sp {
          display: block; }
        #interview_area .content_area .box_img img.pc {
          display: none; }
    #interview_area .content_area .box_txt {
      width: 100%; }
      #interview_area .content_area .box_txt h3 {
        font-size: 2.2rem;
        margin-bottom: 15px;
        letter-spacing: 0.05em;
        font-weight: bold;
        position: relative;
        top: 0; }
        #interview_area .content_area .box_txt h3 .sp {
          display: block; }
        #interview_area .content_area .box_txt h3 .pc {
          display: none; }
    #interview_area .content_area.president h3 {
      font-size: 1.9rem;
      font-weight: bold;
      margin-bottom: 20px; }
      #interview_area .content_area.president h3.pc {
        display: none; }
      #interview_area .content_area.president h3.sp {
        display: block; }
    #interview_area .speech_content_area .inner {
      width: auto; }
    #interview_area .speech_content_area .top .inner {
      width: 100%; }
    #interview_area .speech_content_area .top h2 {
      font-size: 1.9rem;
      margin-bottom: 30px; }
    #interview_area .speech_content_area .top ul {
      margin-bottom: 75px; }
    #interview_area .speech_content_area .top dl {
      font-size: 1.2rem;
      display: block;
      margin-bottom: 40px; }
      #interview_area .speech_content_area .top dl dt {
        width: 100%;
        letter-spacing: 0;
        margin-bottom: 20px; }
      #interview_area .speech_content_area .top dl dd {
        width: 100%;
        letter-spacing: 0.05em; }
    #interview_area .speech_content_area .backnumber {
      margin-top: 50px; }
      #interview_area .speech_content_area .backnumber .inner {
        width: 100%; }
      #interview_area .speech_content_area .backnumber dl dd {
        left: 10px;
        top: 10px;
        font-size: 1.2rem; }
        #interview_area .speech_content_area .backnumber dl dd img {
          max-width: none; }
      #interview_area .speech_content_area .backnumber dl .btn_wrap {
        left: auto;
        top: auto;
        bottom: 5px;
        right: 5px; }
      #interview_area .speech_content_area .backnumber .btn {
        width: 100px;
        height: 25px; }
        #interview_area .speech_content_area .backnumber .btn:before {
          border-style: solid;
          border-width: 25px 0 0 25px;
          border-color: transparent transparent transparent #FFF;
          left: 75px; }
        #interview_area .speech_content_area .backnumber .btn:after {
          width: 75px;
          height: 25px; }
        #interview_area .speech_content_area .backnumber .btn a:before {
          border-style: solid;
          border-width: 0 25px 25px 0;
          border-color: transparent #FFF transparent transparent;
          left: 76px; }
        #interview_area .speech_content_area .backnumber .btn a img {
          width: 20px;
          height: auto; }
    #interview_area .conversation_content_area .inner2 {
      width: auto; }
    #interview_area .conversation_content_area .pc {
      display: none; }
    #interview_area .conversation_content_area .sp {
      display: block; }
    #interview_area .conversation_content_area .box_wrap {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-bottom: 55px; }
      #interview_area .conversation_content_area .box_wrap.big1 .box_img {
        width: 100%;
        left: 0; }
        #interview_area .conversation_content_area .box_wrap.big1 .box_img p {
          text-align: left;
          letter-spacing: -0.05em; }
      #interview_area .conversation_content_area .box_wrap.big2 .box_img {
        width: 100%;
        position: relative;
        right: 0; }
        #interview_area .conversation_content_area .box_wrap.big2 .box_img p {
          text-align: left;
          letter-spacing: -0.05em; }
      #interview_area .conversation_content_area .box_wrap.txt_only {
        display: block; }
        #interview_area .conversation_content_area .box_wrap.txt_only h3 {
          text-align: left; }
      #interview_area .conversation_content_area .box_wrap.reverse {
        flex-direction: column-reverse; }
    #interview_area .conversation_content_area .box_img {
      width: 100%;
      margin-bottom: 20px; }
      #interview_area .conversation_content_area .box_img p {
        font-size: 1.0rem;
        margin-top: 5px; }
    #interview_area .conversation_content_area .box_txt {
      width: 100%; }
    #interview_area .conversation_content_area h3 {
      font-size: 1.5rem;
      margin-bottom: 25px;
      font-weight: bold; }
    #interview_area .conversation_content_area .line {
      text-align: center;
      margin-bottom: 20px;
      border-bottom: 1px solid #c0c0c0;
      padding-bottom: 10px; }
      #interview_area .conversation_content_area .line span {
        border-bottom: none;
        padding-bottom: 0;
        font-size: 1.3rem;
        letter-spacing: -0.05em; }
    #interview_area .conversation_content_area .btm_img {
      margin-bottom: 75px; }
      #interview_area .conversation_content_area .btm_img img {
        width: 100%;
        height: auto; }
    #interview_area .top_member_area {
      display: block;
      margin-bottom: 82px; }
      #interview_area .top_member_area .box_img {
        width: 100%; }
      #interview_area .top_member_area .box_txt {
        width: 100%; }
        #interview_area .top_member_area .box_txt h2 {
          margin-bottom: 25px; }
          #interview_area .top_member_area .box_txt h2 img {
            height: 20px;
            width: auto; }
        #interview_area .top_member_area .box_txt dl {
          font-size: 1.4rem;
          margin-bottom: 20px; }
        #interview_area .top_member_area .box_txt h3 {
          font-size: 2.0rem;
          margin-bottom: 25px;
          letter-spacing: 0.05em;
          font-weight: normal; }
    #interview_area .bottom_member_area h2 {
      margin-bottom: 30px; }
      #interview_area .bottom_member_area h2 img {
        height: 20px;
        width: auto; }
    #interview_area .bottom_member_area ul {
      display: block;
      justify-content: space-between;
      margin-bottom: 0; }
      #interview_area .bottom_member_area ul li {
        width: 100%;
        margin-bottom: 50px; }
    #interview_area .bottom_member_area h3 {
      font-size: 1.6rem;
      margin-bottom: 15px;
      letter-spacing: 0.05em; }
    #interview_area .bottom_member_area .img {
      margin-bottom: 15px; }
      #interview_area .bottom_member_area .img img {
        width: 100%;
        height: auto; }
    #interview_area .bottom_member_area dl {
      font-size: 1.4rem;
      margin-bottom: 15px; }
      #interview_area .bottom_member_area dl dt br.sp {
        display: block; }
    #interview_area .btn_no_wrap {
      width: 80px;
      height: 25px; }
      #interview_area .btn_no_wrap:before {
        height: 40px;
        bottom: -20px; }
      #interview_area .btn_no_wrap img {
        margin-bottom: 0px; }
    #interview_area .btn {
      width: 85%;
      height: 47px; }
      #interview_area .btn img {
        width: 35px;
        height: auto; } }
/*------------------------------------------------------------
people/WORKSTYLE
------------------------------------------------------------*/
#workstyle_area {
  letter-spacing: 0.15em;
  font-size: 1.6rem;
  line-height: 1.76;
  margin-top: calc(70px + 180px);
  margin-bottom: 120px; }
  #workstyle_area .sp {
    display: none; }
  #workstyle_area .mojizume {
    letter-spacing: 0.02em; }
  #workstyle_area .mojizume2 {
    letter-spacing: 0.10em; }
  #workstyle_area.reform .main_area {
    background: url("../people/images/workstyle/reform/img_main.jpg") center top no-repeat;
    background-size: cover; }
  #workstyle_area.workshop .main_area {
    background: url("../people/images/workstyle/workshop/img_main.jpg") right top no-repeat;
    background-size: cover; }
  #workstyle_area .main_area {
    position: relative;
    margin-bottom: 105px;
    height: 705px;
    width: 100%; }
    #workstyle_area .main_area .inner {
      position: relative;
      height: 100%; }
    #workstyle_area .main_area .ttl_img {
      position: absolute;
      top: -65px; }
  #workstyle_area .cap {
    width: 960px;
    margin: 0 auto 150px;
    font-size: 3.0rem;
    font-weight: bold; }
  #workstyle_area .top_area {
    margin-bottom: 140px; }
    #workstyle_area .top_area .wrap {
      display: flex;
      margin-bottom: 65px;
      align-items: center; }
      #workstyle_area .top_area .wrap:nth-child(even) {
        flex-direction: row-reverse; }
        #workstyle_area .top_area .wrap:nth-child(even) .txt_area {
          padding-left: 0;
          padding-right: 60px; }
          #workstyle_area .top_area .wrap:nth-child(even) .txt_area div {
            margin-left: auto; }
      #workstyle_area .top_area .wrap:last-child {
        margin-bottom: 0; }
      #workstyle_area .top_area .wrap .img_area {
        width: 57%; }
        #workstyle_area .top_area .wrap .img_area img {
          width: 100%;
          height: auto; }
      #workstyle_area .top_area .wrap .txt_area {
        width: 43%;
        box-sizing: border-box;
        padding-left: 60px;
        display: flex;
        align-items: center; }
        #workstyle_area .top_area .wrap .txt_area div {
          width: 400px; }
        #workstyle_area .top_area .wrap .txt_area h3 {
          font-size: 3.0rem;
          font-weight: bold;
          margin-bottom: 35px; }
        #workstyle_area .top_area .wrap .txt_area p {
          font-size: 3.0rem;
          letter-spacing: 0.02em; }
  #workstyle_area .gallery_area h3 {
    margin-bottom: 90px; }
  #workstyle_area .gallery_area ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: -75px;
    padding-bottom: 120px;
    flex-wrap: wrap; }
    #workstyle_area .gallery_area ul li {
      width: 29%;
      margin-bottom: 75px; }
      #workstyle_area .gallery_area ul li img {
        width: 100%;
        height: auto; }
  #workstyle_area .gallery_area .txt {
    font-size: 3.0rem; }

@media screen and (max-width: 800px) {
  #workstyle_area {
    letter-spacing: 0em;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: calc(60px + 81px);
    margin-bottom: 80px; }
    #workstyle_area img {
      max-width: none; }
    #workstyle_area .sp {
      display: block; }
    #workstyle_area .pc {
      display: none; }
    #workstyle_area.reform .main_area {
      background: url("../people/images/workstyle/reform/img_main_sp.jpg") center top no-repeat;
      background-size: cover; }
    #workstyle_area.workshop .main_area {
      background: url("../people/images/workstyle/workshop/img_main_sp.jpg") right top no-repeat;
      background-size: cover; }
    #workstyle_area .main_area {
      margin-bottom: 40px;
      height: 285px; }
      #workstyle_area .main_area .ttl_img {
        top: -20px;
        padding-right: 30px; }
        #workstyle_area .main_area .ttl_img img {
          width: 297px;
          max-width: 100%;
          height: auto; }
    #workstyle_area .cap {
      width: 100%;
      margin: 0 auto 25px;
      font-size: 1.5rem; }
    #workstyle_area .sp_cap {
      font-size: 1.2rem;
      margin-bottom: 50px; }
    #workstyle_area .top_area {
      margin-bottom: 75px; }
      #workstyle_area .top_area .wrap {
        display: flex;
        margin-bottom: 50px;
        align-items: center;
        flex-wrap: wrap; }
        #workstyle_area .top_area .wrap:nth-child(even) {
          flex-direction: row-reverse; }
          #workstyle_area .top_area .wrap:nth-child(even) .img_area {
            padding-right: 0;
            padding-left: 17%; }
          #workstyle_area .top_area .wrap:nth-child(even) .txt_area {
            padding: 0 17%; }
        #workstyle_area .top_area .wrap:last-child .img_area {
          margin-bottom: 0; }
        #workstyle_area .top_area .wrap .img_area {
          width: 100%;
          padding-right: 17%;
          box-sizing: border-box;
          margin-bottom: 25px; }
        #workstyle_area .top_area .wrap .txt_area {
          width: 100%;
          padding: 0 17%;
          display: block;
          box-sizing: border-box; }
          #workstyle_area .top_area .wrap .txt_area div {
            width: 100%; }
          #workstyle_area .top_area .wrap .txt_area h3 {
            font-size: 1.5rem;
            margin-bottom: 15px; }
          #workstyle_area .top_area .wrap .txt_area p {
            font-size: 1.5rem; }
    #workstyle_area .gallery_area h3 {
      margin-bottom: 40px; }
      #workstyle_area .gallery_area h3 img {
        height: 18px;
        width: auto; }
    #workstyle_area .gallery_area ul {
      display: block;
      margin-bottom: 0;
      padding-bottom: 0;
      flex-wrap: wrap; }
      #workstyle_area .gallery_area ul li {
        width: 100%;
        margin-bottom: 25px; }
        #workstyle_area .gallery_area ul li:nth-child(n + 4) {
          display: none; }
    #workstyle_area .gallery_area .morelink {
      border: 1px solid #707070;
      width: 190px;
      height: 37px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 75px; }
      #workstyle_area .gallery_area .morelink .on {
        display: none; }
      #workstyle_area .gallery_area .morelink.open .off {
        display: none; }
      #workstyle_area .gallery_area .morelink.open .on {
        display: block; } }