@charset "UTF-8";
.block-text .break {
  margin-bottom: 25px; }

.block-text .bold {
  font-weight: bold; }

@media screen and (min-width: 768px), print {
  .contents-wapper {
    width: 1100px;
    margin-left: auto;
    margin-right: auto; }
  /*============================
  #page-company01
  ============================*/
  #page-company01 {
    margin-bottom: 80px;
    /*------------------------ここまで   #page-company01-----------------------------*/ }
    #page-company01 .contents-wapper .title {
      text-align: center;
      margin-bottom: 30px; }
      #page-company01 .contents-wapper .title span {
        display: block; }
      #page-company01 .contents-wapper .title .logo {
        margin-bottom: 50px; }
      #page-company01 .contents-wapper .title .en {
        background: url(../images/company/dot01.png) no-repeat left 0 top 50%, url(../images/company/dot02.png) no-repeat right 0 top 50%; }
    #page-company01 .contents-wapper .sub-title {
      text-align: center; }
    #page-company01 .contents-wapper .block-text {
      padding: 60px 0 0;
      line-height: 2.3;
      text-align: center;
      margin-bottom: 50px;
      background: url(../images/company/bg-parts01.jpg) no-repeat left 10% bottom, url(../images/company/bg-parts02.jpg) no-repeat right 10% bottom; }
    #page-company01 .contents-wapper .block-background {
      background: url(../images/company/texture.jpg);
      padding: 40px; }
      #page-company01 .contents-wapper .block-background .block {
        background-color: #fff;
        padding: 35px 60px; }
        #page-company01 .contents-wapper .block-background .block .sub-title {
          text-align: left;
          margin-bottom: 25px;
          padding-left: 20px; }
        #page-company01 .contents-wapper .block-background .block .ourinfo-list {
          margin-bottom: 45px;
          font-size: 16px;
          display: -moz-flex;
          display: flex;
          -webkit-box-lines: multiple;
          -moz-box-lines: multiple;
          flex-wrap: wrap; }
          #page-company01 .contents-wapper .block-background .block .ourinfo-list dt {
            width: 30%;
            padding: 10px 0 10px 100px;
            border-bottom: 1px dotted; }
          #page-company01 .contents-wapper .block-background .block .ourinfo-list dd {
            width: 70%;
            padding: 10px 0 10px 50px;
            border-bottom: 1px dotted; }
        #page-company01 .contents-wapper .block-background .block .google-map {
          width: 100%;
          height: 360px; }
          #page-company01 .contents-wapper .block-background .block .google-map iframe {
            width: 100%;
            height: 100%; }


  /*============================
  #page-company03
  ============================*/
  #page-company03 {
    /*------------------------ここまで   #page-company03-----------------------------*/ }
    #page-company03 .contents-wapper .block .sub-title {
      text-align: left; margin-bottom:20px; padding-left:50px; }

    #page-company03 .contents-wapper .block .bal-yb-box {
      width: 1100px;
      height: 380px; }

    #page-company03 .contents-wapper .block .bal-yb-box ul {
      display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

    #page-company03 .contents-wapper .block .bal-yb-box .bal-yb .bal-yb01{
      width: 480px;
      height: 280px;
      margin-right:40px; }

    #page-company03 .contents-wapper .block .bal-yb-box .bal-yb .bal-yb02 {
      width: 480px;
      height: 280px; }

    #page-company03 .contents-wapper .block .bal-yb-box .bal-yb iframe {
      width: 480px;
      height: 280px; }

  /*============================
   #page-company02
   ============================*/
  #page-company02 {
    /*------------------------ここまで#page-company02-----------------------------*/ }
    #page-company02 .contents-wapper .title {
      background: url(../images/company/h-bg.jpg);
      padding: 20px 80px; }
      #page-company02 .contents-wapper .title .en {
        display: inline-block;
        margin-right: 1em; }
      #page-company02 .contents-wapper .title .jp {
        position: relative;
        bottom: 17px; }
    #page-company02 .contents-wapper .name {
      font-size: 28px;
      font-weight: bold;
      text-align: right;
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      letter-spacing: .25em; }
      #page-company02 .contents-wapper .name .post {
        font-size: 23px;
        letter-spacing: .3em; }
    #page-company02 .contents-wapper .list-episode {
      background: url(../images/company/greeting-bg.jpg);
      padding: 50px 80px; }
      #page-company02 .contents-wapper .list-episode li {
        position: relative;
        /*------------------------ここまでli-----------------------------*/ }
        #page-company02 .contents-wapper .list-episode li .parts01 {
          position: absolute;
          z-index: 1;
          top: -257px;
          left: 100px; }
        #page-company02 .contents-wapper .list-episode li .list-wapper {
          /*------------------------ここまで.list-wapper-----------------------------*/ }
          #page-company02 .contents-wapper .list-episode li .list-wapper .list-title {
            width: 450px;
            margin-bottom: 15px;
            float: left; }
            #page-company02 .contents-wapper .list-episode li .list-wapper .list-title span {
              display: block; }
            #page-company02 .contents-wapper .list-episode li .list-wapper .list-title .number {
              margin-bottom: 8px; }
            #page-company02 .contents-wapper .list-episode li .list-wapper .list-title .jp {
              font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
              font-size: 25px;
              line-height: 1.8;
              font-weight: bold;
              letter-spacing: .1em; }
          #page-company02 .contents-wapper .list-episode li .list-wapper .picture {
            position: relative;
            z-index: 50;
            float: right;
            width: 426px; }
          #page-company02 .contents-wapper .list-episode li .list-wapper .block-text {
            float: left;
            width: 450px;
            line-height: 1.8; }
        #page-company02 .contents-wapper .list-episode li:nth-child(2) {
          position: relative;
          z-index: 10;
          /*------------------------ここまで&:nth-child(2)-----------------------------*/ }
          #page-company02 .contents-wapper .list-episode li:nth-child(2) .list-wapper {
            padding: 201px 0 137px; }
            #page-company02 .contents-wapper .list-episode li:nth-child(2) .list-wapper .list-title {
              float: right; }
            #page-company02 .contents-wapper .list-episode li:nth-child(2) .list-wapper .picture {
              float: left; }
            #page-company02 .contents-wapper .list-episode li:nth-child(2) .list-wapper .block-text {
              float: right; }
  /*------------------------ここまでPC---------------------------------------------------------------------------------------------------------------------------------*/ }

@media screen and (max-width: 767px) {
  .contents-wapper {
    padding: 0 3%; }
  /*============================
  #page-company01
  ============================*/
  #page-company01 {
    margin-bottom: 10%;
    /*------------------------ここまで   #page-company01-----------------------------*/ }
    #page-company01 .contents-wapper .title {
      padding-top: 5%;
      text-align: center;
      margin-bottom: 5%; }
      #page-company01 .contents-wapper .title span {
        display: block; }
      #page-company01 .contents-wapper .title .logo {
        display: none; }
      #page-company01 .contents-wapper .title .en {
        width: 60%;
        margin-left: auto;
        margin-right: auto; }
    #page-company01 .contents-wapper .sub-title {
      margin-bottom: 8%;
      width: 65%;
      margin-left: auto;
      margin-right: auto; }
    #page-company01 .contents-wapper .block-text {
      padding: 45%  0 0;
      line-height: 1.8;
      font-size: 1.3rem;
      text-align: left;
      margin-bottom: 10%;
      background: url(../images/company/bg-parts02.jpg) no-repeat top center;
      background-size: 40%; }
    #page-company01 .contents-wapper .block-background {
      background: url(../images/company/texture.jpg);
      padding: 3%; }
      #page-company01 .contents-wapper .block-background .block {
        background-color: #fff;
        padding: 8% 5%; }
        #page-company01 .contents-wapper .block-background .block .sub-title {
          width: 50%;
          margin-left: auto;
          margin-right: auto; }
        #page-company01 .contents-wapper .block-background .block .ourinfo-list {
          margin-bottom: 10%; }
          #page-company01 .contents-wapper .block-background .block .ourinfo-list dt {
            padding: 3%;
            border-bottom: 1px dotted;
            font-weight: bold;
            text-align: center;
            letter-spacing: .25em; }
          #page-company01 .contents-wapper .block-background .block .ourinfo-list dd {
            padding: 3%;
            border-bottom: 1px dotted;
            font-size: 1.2rem; }
        #page-company01 .contents-wapper .block-background .block .google-map {
          width: 100%;
          height: 150px; }
          #page-company01 .contents-wapper .block-background .block .google-map iframe {
            width: 100%;
            height: 100%; }


  /*============================
  #page-company03
  ============================*/
  #page-company03 {
    /*------------------------ここまで   #page-company03-----------------------------*/ }
    #page-company03 .contents-wapper .block .sub-title {
      width: 50%; margin-left:auto; margin-right:auto; margin-bottom:5vw; }


    #page-company03 .contents-wapper .block .bal-yb-box {
      width: 100%;
      height: auto; 
      margin-bottom:10vw;
  }

    #page-company03 .contents-wapper .block .bal-yb-box ul {
      display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

    #page-company03 .contents-wapper .block .bal-yb-box .bal-yb .bal-yb01{
      width: 100%;
      height: 50vw;
      margin-bottom:5vw;
      }

    #page-company03 .contents-wapper .block .bal-yb-box .bal-yb .bal-yb02 {
      width: 100%;
      height: 50vw; }

    #page-company03 .contents-wapper .block .bal-yb-box .bal-yb iframe {
      width: 100%;
      height: 50vw; }




  /*============================
   #page-company02
   ============================*/
  #page-company02 {
    /*------------------------ここまで#page-company02-----------------------------*/ }
    #page-company02 .contents-wapper .title {
      background: url(../images/company/h-bg.jpg);
      padding: 5%; }
      #page-company02 .contents-wapper .title .en {
        display: block;
        width: 45%;
        margin-left: auto;
        margin-right: auto; }
      #page-company02 .contents-wapper .title .jp {
        display: block;
        width: 30%;
        margin-left: auto;
        margin-right: auto; }
    #page-company02 .contents-wapper .list-episode {
      background: url(../images/company/greeting-bg.jpg);
      padding: 10% 3%; }
      #page-company02 .contents-wapper .list-episode li {
        margin-bottom: 3%;
        position: relative;
        /*------------------------ここまでli-----------------------------*/ }
        #page-company02 .contents-wapper .list-episode li:last-child {
          margin-bottom: 0; }
        #page-company02 .contents-wapper .list-episode li .parts01 {
          display: none; }
        #page-company02 .contents-wapper .list-episode li .name {
          font-size: 1.8rem;
          font-weight: bold;
          text-align: right;
          font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
          letter-spacing: .15em;
          border-bottom: 1px solid #000;
          padding-right: 5%; }
          #page-company02 .contents-wapper .list-episode li .name .post {
            font-size: 1.4rem;
            letter-spacing: .3em; }
        #page-company02 .contents-wapper .list-episode li .list-wapper {
          /*------------------------ここまで.list-wapper-----------------------------*/ }
          #page-company02 .contents-wapper .list-episode li .list-wapper .list-title {
            border-bottom: 2px solid #000;
            margin-bottom: 8%; }
            #page-company02 .contents-wapper .list-episode li .list-wapper .list-title span {
              display: block; }
            #page-company02 .contents-wapper .list-episode li .list-wapper .list-title .number {
              margin-bottom: 3%; }
            #page-company02 .contents-wapper .list-episode li .list-wapper .list-title .jp {
              font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
              font-size: 1.6rem;
              line-height: 1.5;
              font-weight: bold;
              letter-spacing: .1em; }
          #page-company02 .contents-wapper .list-episode li .list-wapper .picture {
            position: relative;
            z-index: 50;
            margin-bottom: 5%; }
            #page-company02 .contents-wapper .list-episode li .list-wapper .picture img {
              width: 100%;
              object-fit: cover; }
          #page-company02 .contents-wapper .list-episode li .list-wapper .block-text {
            font-size: 1.3rem;
            line-height: 1.5; }
  /*------------------------ここまでSP-----------------------------------------------------------------------------------------------*/ }