@charset "UTF-8";
/* ===========================================================================================================================================

　✦ _setting         共通設定

============================================================================================================================================= */
/* ===========================================================================================================================================

　✦ information         会社情報 CSS

============================================================================================================================================= */
#company.information #contents {
  width: 100%; }
  #company.information #contents h2 {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding: 2px 0 0 0;
    margin: 0 auto 30px auto;
    max-width: 320px;
    height: 46px;
    font-size: 1.5rem;
    color: #FFF;
    font-weight: bold;
    background-color: #003e9c;
    border-radius: 23px;
    line-height: 44px;
    transform: rotate(0.03deg); }
    @media (max-width: 767px) {
      #company.information #contents h2 {
        font-size: 1rem;
        max-width: none;
        margin: 0 auto 35px; } }
  #company.information #contents article.contents01 {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 110px 100px 110px; }
    @media (max-width: 767px) {
      #company.information #contents article.contents01 {
        padding: 0 3.90625% 30px; } }
    #company.information #contents article.contents01 ul {
      margin-top: 0.5em;
      margin-left: 2.5em; }
    @media (max-width: 767px) {
      #company.information #contents article.contents01 .table-style01 {
        padding: 0 3.9%; } }
  #company.information #contents article.contents02 {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 110px 100px 110px; }
    @media (max-width: 767px) {
      #company.information #contents article.contents02 {
        padding: 0 3.90625% 30px; } }
    @media (max-width: 767px) {
      #company.information #contents article.contents02 .table-style01 {
        padding: 0 3.9%; } }
    #company.information #contents article.contents02 dl {
      margin-top: 0.8em;
      margin-bottom: 0; }
      #company.information #contents article.contents02 dl dt {
        font-weight: bold;
        transform: rotate(0.03deg); }
        @media (max-width: 767px) {
          #company.information #contents article.contents02 dl dt:before {
            content: "・"; } }
      #company.information #contents article.contents02 dl dd {
        margin-inline-start: 1em; }
    @media (min-width: 768px) {
      #company.information #contents article.contents02 .pc {
        display: inline; } }
  #company.information #contents article.contents03 {
    position: relative;
    background-color: #f8f8f8;
    width: 100%;
    padding: 80px 0 0 0; }
    @media (max-width: 767px) {
      #company.information #contents article.contents03 {
        padding: 40px 0 0;
        overflow: hidden; } }
    @media (max-width: 767px) {
      #company.information #contents article.contents03 h2 {
        margin: 0 3.90625% 35px; } }
    #company.information #contents article.contents03 h3.style {
      position: relative;
      z-index: 10;
      font-size: 2.25rem;
      line-height: 2.25rem;
      color: #003e9c;
      transform: rotate(0.03deg);
      text-align: center;
      margin: 0 0 40px 0; }
      @media (max-width: 767px) {
        #company.information #contents article.contents03 h3.style {
          font-size: 1.5625rem;
          margin: 0 0 15px; } }
    #company.information #contents article.contents03 h4.style {
      position: relative;
      z-index: 10;
      display: flex;
      align-items: baseline;
      justify-content: center;
      padding: 2px 0 0 0;
      margin: 0 auto 30px auto;
      max-width: 280px;
      width: 100%;
      height: 40px;
      font-size: 1.25rem;
      color: #FFF;
      font-weight: bold;
      background-color: #848484;
      border-radius: 20px;
      line-height: 38px;
      transform: rotate(0.03deg); }
      @media (max-width: 767px) {
        #company.information #contents article.contents03 h4.style {
          font-size: 1rem;
          width: auto;
          padding: 2px 80px 0; } }
    #company.information #contents article.contents03 p.subtitle {
      position: absolute;
      margin: 0;
      padding: 0;
      width: 100%; }
    #company.information #contents article.contents03 .contents03A {
      position: relative;
      width: 100%;
      padding-bottom: 80px; }
      @media (max-width: 767px) {
        #company.information #contents article.contents03 .contents03A {
          padding-bottom: 40px; } }
      #company.information #contents article.contents03 .contents03A p.subtitle {
        top: -60px;
        right: 0;
        text-align: right; }
        @media (max-width: 767px) {
          #company.information #contents article.contents03 .contents03A p.subtitle {
            top: -30px;
            left: -23%; } }
        #company.information #contents article.contents03 .contents03A p.subtitle img {
          width: 71.8887262079063%;
          max-width: 982px; }
          @media (max-width: 767px) {
            #company.information #contents article.contents03 .contents03A p.subtitle img {
              width: 130%;
              max-width: 130%; } }
      #company.information #contents article.contents03 .contents03A section {
        position: relative;
        z-index: 10;
        display: flex;
        justify-content: space-between;
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 110px 40px 110px; }
        @media (max-width: 767px) {
          #company.information #contents article.contents03 .contents03A section {
            flex-direction: column;
            padding: 0 3.90625% 40px; } }
        #company.information #contents article.contents03 .contents03A section .txt {
          width: calc(100% - 477px); }
          @media (min-width: 768px) and (max-width: 992px) {
            #company.information #contents article.contents03 .contents03A section .txt {
              width: calc(50% - 30px); } }
          @media (max-width: 767px) {
            #company.information #contents article.contents03 .contents03A section .txt {
              width: 100%; } }
          #company.information #contents article.contents03 .contents03A section .txt h4 {
            font-size: 1.375rem;
            transform: rotate(0.03deg);
            margin: 0;
            padding: 0 0 0.5em 0; }
            @media (max-width: 767px) {
              #company.information #contents article.contents03 .contents03A section .txt h4 {
                text-align: center;
                font-size: 1rem;
                padding: 0 0 1.5em 0; } }
          #company.information #contents article.contents03 .contents03A section .txt p {
            font-size: 1rem;
            line-height: 2rem;
            margin: 0;
            padding: 0 0 1em 0;
            text-indent: 1rem; }
            @media (max-width: 767px) {
              #company.information #contents article.contents03 .contents03A section .txt p {
                font-size: 0.8125rem;
                line-height: 1.625rem;
                padding: 0 0 2em 0; } }
        #company.information #contents article.contents03 .contents03A section .img {
          width: 437px; }
          @media (min-width: 768px) and (max-width: 992px) {
            #company.information #contents article.contents03 .contents03A section .img {
              width: 50%; } }
          @media (max-width: 767px) {
            #company.information #contents article.contents03 .contents03A section .img {
              width: 100%; } }
          #company.information #contents article.contents03 .contents03A section .img img {
            width: 100%; }
        #company.information #contents article.contents03 .contents03A section:nth-of-type(2) .txt {
          order: 2; }
          @media (max-width: 767px) {
            #company.information #contents article.contents03 .contents03A section:nth-of-type(2) .txt {
              order: 1; } }
        #company.information #contents article.contents03 .contents03A section:nth-of-type(2) .img {
          order: 1; }
          @media (max-width: 767px) {
            #company.information #contents article.contents03 .contents03A section:nth-of-type(2) .img {
              order: 2; } }
        @media (max-width: 767px) {
          #company.information #contents article.contents03 .contents03A section:nth-of-type(3) {
            padding-bottom: 30px; } }
        #company.information #contents article.contents03 .contents03A section:nth-of-type(4) {
          padding: 20px 110px 0 110px;
          flex-direction: column; }
          @media (max-width: 767px) {
            #company.information #contents article.contents03 .contents03A section:nth-of-type(4) {
              padding: 20px 3.90625% 0; } }
          @media (max-width: 767px) {
            #company.information #contents article.contents03 .contents03A section:nth-of-type(4) th {
              background: #ccc; } }
          @media (max-width: 767px) {
            #company.information #contents article.contents03 .contents03A section:nth-of-type(4) td {
              background: none; } }
    #company.information #contents article.contents03 .contents03B {
      position: relative;
      width: 100%;
      background-color: #eeeeee;
      padding: 80px 0; }
      @media (max-width: 767px) {
        #company.information #contents article.contents03 .contents03B {
          background-color: #e0e0e0;
          padding-top: 35px;
          padding-bottom: 45px; } }
      #company.information #contents article.contents03 .contents03B h3.style {
        padding-bottom: 10px; }
      #company.information #contents article.contents03 .contents03B p.subtitle {
        top: 0;
        left: 0;
        text-align: left; }
        @media (max-width: 767px) {
          #company.information #contents article.contents03 .contents03B p.subtitle {
            left: 0; } }
        #company.information #contents article.contents03 .contents03B p.subtitle img {
          width: 65.44655929721816%;
          max-width: 894px; }
          @media (max-width: 767px) {
            #company.information #contents article.contents03 .contents03B p.subtitle img {
              width: 115%;
              max-width: 115%; } }
      #company.information #contents article.contents03 .contents03B .box {
        position: relative;
        z-index: 10;
        display: flex;
        justify-content: space-between;
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 110px 60px 110px; }
        @media (max-width: 767px) {
          #company.information #contents article.contents03 .contents03B .box {
            padding: 0 3.90625% 40px;
            flex-direction: column;
            max-width: 100%; } }
        #company.information #contents article.contents03 .contents03B .box p {
          order: 2;
          width: calc(100% - 477px);
          font-size: 1rem;
          line-height: 2rem;
          text-indent: 1rem; }
          @media (min-width: 768px) and (max-width: 992px) {
            #company.information #contents article.contents03 .contents03B .box p {
              width: calc(50% - 30px); } }
          @media (max-width: 767px) {
            #company.information #contents article.contents03 .contents03B .box p {
              order: 1;
              padding: 0 0 2em 0;
              width: 100%;
              font-size: 0.8125rem;
              line-height: 1.625rem; } }
        #company.information #contents article.contents03 .contents03B .box .img {
          order: 1;
          width: 437px; }
          @media (min-width: 768px) and (max-width: 992px) {
            #company.information #contents article.contents03 .contents03B .box .img {
              width: 50%; } }
          @media (max-width: 767px) {
            #company.information #contents article.contents03 .contents03B .box .img {
              order: 2;
              width: 100%; } }
          #company.information #contents article.contents03 .contents03B .box .img img {
            width: 100%; }
      #company.information #contents article.contents03 .contents03B article {
        display: flex;
        flex-direction: column;
        align-items: center; }
        #company.information #contents article.contents03 .contents03B article ul li {
          font-size: 1rem;
          line-height: 2rem; }
          @media (max-width: 767px) {
            #company.information #contents article.contents03 .contents03B article ul li {
              font-size: 0.8125rem;
              line-height: 1.625rem; } }
    #company.information #contents article.contents03 .contents03C {
      position: relative;
      width: 100%;
      padding: 80px 0; }
      @media (max-width: 767px) {
        #company.information #contents article.contents03 .contents03C {
          padding: 35px 0; } }
      #company.information #contents article.contents03 .contents03C p.subtitle {
        top: -2px;
        right: 0;
        text-align: right; }
        @media (max-width: 767px) {
          #company.information #contents article.contents03 .contents03C p.subtitle {
            top: -1px;
            right: 0; } }
        #company.information #contents article.contents03 .contents03C p.subtitle img {
          width: 44.28989751098097%;
          max-width: 605px; }
          @media (max-width: 767px) {
            #company.information #contents article.contents03 .contents03C p.subtitle img {
              width: 80%;
              max-width: 80%; } }
      #company.information #contents article.contents03 .contents03C .box {
        position: relative;
        z-index: 10;
        display: flex;
        justify-content: space-between;
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 110px 60px 110px; }
        @media (max-width: 767px) {
          #company.information #contents article.contents03 .contents03C .box {
            padding: 0 3.90625% 40px;
            flex-direction: column;
            max-width: 100%; } }
        #company.information #contents article.contents03 .contents03C .box p {
          width: calc(100% - 477px);
          font-size: 1rem;
          line-height: 2rem;
          text-indent: 1rem; }
          @media (min-width: 768px) and (max-width: 992px) {
            #company.information #contents article.contents03 .contents03C .box p {
              width: calc(50% - 30px); } }
          @media (max-width: 767px) {
            #company.information #contents article.contents03 .contents03C .box p {
              font-size: 0.8125rem;
              line-height: 1.625rem;
              padding: 0 0 2em 0;
              width: 100%; } }
        #company.information #contents article.contents03 .contents03C .box .img {
          width: 437px; }
          @media (min-width: 768px) and (max-width: 992px) {
            #company.information #contents article.contents03 .contents03C .box .img {
              width: 50%; } }
          @media (max-width: 767px) {
            #company.information #contents article.contents03 .contents03C .box .img {
              width: 100%; } }
          #company.information #contents article.contents03 .contents03C .box .img img {
            width: 100%; }
      #company.information #contents article.contents03 .contents03C article {
        position: relative;
        z-index: 10;
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 110px; }
        @media (max-width: 767px) {
          #company.information #contents article.contents03 .contents03C article {
            padding: 0 3.90625%;
            max-width: 100%; } }
        @media (max-width: 767px) {
          #company.information #contents article.contents03 .contents03C article th {
            background: #ccc; } }
        @media (max-width: 767px) {
          #company.information #contents article.contents03 .contents03C article td {
            background: none; } }
#company.information #footer {
  border-top: none; }