@media screen and (min-width: 768px), print { 
  
  .chara-01{
    position: absolute;
    top: 4px;
    right: 148px;
  }
  
  
  a[id] { padding-top: 75px; margin-top: -75px; display: block; }
  #box-01 .ss, #box-02 .ss, #box-03 .ss, #box-04 .ss, #box-05 .ss { display: inline; background-color: #ffed6d; }
  #box-01 .pb, #box-02 .pb, #box-03 .pb, #box-04 .pb, #box-05 .pb {margin-bottom: 19px;}
  


  #box-01 .ttl-box, #box-02 .ttl-box, #box-03 .ttl-box, #box-04 .ttl-box, #box-05 .ttl-box {background-image: url(../images/company/ttl-bg-01.png);background-repeat: no-repeat;background-position: center 0;margin-bottom: 48px;}
  #box-01 .ttl-box .ttl-inner, #box-02 .ttl-box .ttl-inner, #box-03 .ttl-box .ttl-inner, #box-04 .ttl-box .ttl-inner, #box-05 .ttl-box .ttl-inner { width: 1200px; margin: 0 auto; }
  #box-01 .ttl-box .ttl, #box-02 .ttl-box .ttl, #box-03 .ttl-box .ttl, #box-04 .ttl-box .ttl, #box-05 .ttl-box .ttl {display: inline-block;background-color: #004ea2;padding: 11px 51px 6px 40px;position: relative;left: -1px;color: #ffffff;font-size: 18px;font-weight: 700;letter-spacing: 1.8px;line-height: 32px;}
  #box-01 .s-ttl, #box-02 .s-ttl, #box-03 .s-ttl, #box-04 .s-ttl, #box-05 .s-ttl {text-align: center;color: #004ea2;font-family: noto-sans-cjk-jp, sans-serif;font-style: normal;font-size: 32px;font-weight: 700;letter-spacing: 3.2px;line-height: 52px;text-transform: uppercase;margin-bottom: 48px;position: relative;left: -9px;}
  #box-01 .flex-01, #box-02 .flex-01, #box-03 .flex-01, #box-04 .flex-01, #box-05 .flex-01 {width: 1150px;margin: 0 auto;position: relative;left: -37px;color: #1a1a1a;font-family: noto-sans-cjk-jp, sans-serif;font-style: normal;font-size: 16px;font-weight: 400;letter-spacing: 1.6px;line-height: 30px;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  #box-01 .flex-01 .box-l, #box-02 .flex-01 .box-l, #box-03 .flex-01 .box-l, #box-04 .flex-01 .box-l, #box-05 .flex-01 .box-l { width: 520px; }
  #box-01 .flex-01 .box-r, #box-02 .flex-01 .box-r, #box-03 .flex-01 .box-r, #box-04 .flex-01 .box-r, #box-05 .flex-01 .box-r { width: 550px; }



  /*============================
#box-01
============================*/
  #box-01 {margin-bottom: 101px;}
  /*============================
#box-02
============================*/
  #box-02 {margin-bottom: 120px;}
  #box-02 .ttl-box {margin-bottom: 38px;}
  #box-02 .s-ttl {margin-bottom: 41px;}
  #box-02 .ss2{
    position: relative;
    top: -7px;
  }

  #box-02 .inner .list {width: 920px;margin: 0 auto;color: #1a1a1a;font-family: noto-sans-cjk-jp, sans-serif;font-style: normal;font-size: 16px;font-weight: 700;letter-spacing: 1.6px;line-height: 30px;}
  #box-02 .inner .list li {position: relative;margin-bottom: 30px;}
  #box-02 .inner .list li .num {
    display: inline-block;
    width: 101px;
  }
  #box-02 .inner .list li .sankaku {width: 50px;margin: 0 auto;position: absolute;bottom: -29px;left: -19px;right: 0;}
  #box-02 .inner .list .li-01 {
    margin-bottom: 28px;
  }

  #box-02 .inner .list .li-01 .ss {
    position: relative;
    top: 0;
  }
  /*============================
#box-03
============================*/
  #box-03 { margin-bottom: 99px; }
  #box-03 .inner .flex-01 .box-r { -webkit-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; }
  #box-03 .flex-01{
    left: 20px;
  }
  /*============================
#box-04
============================*/
  #box-04 { margin-bottom: 99px; }

 #box-04 .s-ttl{
    margin-bottom: 76px;
}


  /*============================
#box-05
============================*/
  #box-05 {margin-bottom: 96px;}

#box-05 .flex-01 .box-r {
    -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
}

#box-05 .flex-01{
  left: 16px;
  width: 1142px;
}

  
  #company h1.main-title { width: 100%; max-width: 1920px; margin: 0 auto; min-height: 350px; background: url(../images/company/h1.png) no-repeat top center; color: #fff;padding: 120px 0 50px; text-align: left; }
  #main-bx { margin: 135px auto 145px; }
  #main-bx .bx { width: 90%; min-height: 510px; margin: 0 auto; background: #EDF8FE; padding: 150px 0; }
  #main-bx .inner { width: 1200px; margin: 0 auto; position: relative; }
  #main-bx .ttl { position: absolute; left: -35px; top: -190px; }
  #main-bx .ttl1 { text-align: center; margin-right: 20px; }

  #con5-end-contact { min-height: 300px; background: url(../images/common/end-bg.png) no-repeat top center; color: #fff; padding: 65px 0 35px; background-size: cover; }
  #con5-end-contact .end-contact-inner { max-width: 1100px; margin: 0 auto; position: relative; }
  #con5-end-contact .end-contact-ttl { margin-bottom: 10px; text-align: center; font-size: 84px; font-weight: 600; line-height: 1.2; letter-spacing: 3px; }
  #con5-end-contact .end-contact-ttl a { color: #fff; position: relative; display: inline-block; text-decoration: none; }
  #con5-end-contact .end-contact-ttl a::after { position: absolute; bottom: -1px; left: 0; content: ''; width: 100%; height: 3px; background: #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
  #con5-end-contact .end-contact-ttl a:hover::after { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  #con5-end-contact .end-contact-ttl1 { margin-bottom: 30px; text-align: center; font-size: 24px; letter-spacing: 2px; }
  #con5-end-contact .end-btn { text-align: right; position: absolute; right: 0px; top: 50px; }
  #con5-end-contact .end-btn a { width: 200px; background-image: url(../images/common/btn-hober-icon1.png); background-repeat: no-repeat; padding-right: 70px; padding-top: 50px; background-position: bottom 36px left 60px; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; }
  #con5-end-contact .end-btn a:hover { background-position: bottom 36px left 45px; }
  #end-contact { display: none; }

.siryou{width: 1142px;margin: 0 auto;margin-bottom: 184px;position: relative;left: 18px;}
.siryou iframe{
  width: 100%;
  height: auto;
}

}


  @media screen and (min-width: 766px) and (max-width: 1500px) {
    .chara-01 {
      position: absolute;
      top: 0;
      right: 148px;
  }
  }


  
@media screen and (max-width: 767px) {

  .chara-01{
    width: 23.913vw;
    margin: 0 auto;
    position: absolute;
    top: -33.092vw;
    right: 0;
    left: 3.865vw;
  }
  
  #box-01 .ss, #box-02 .ss, #box-03 .ss, #box-04 .ss, #box-05 .ss { display: inline; background-color: #ffed6d; }
  #box-01 .pb, #box-02 .pb, #box-03 .pb, #box-04 .pb, #box-05 .pb {margin-bottom: 1.5em;}
  
  #box-01 .ttl-box, #box-02 .ttl-box, #box-03 .ttl-box, #box-04 .ttl-box, #box-05 .ttl-box {background-image: url(../images/company/ttl-bg-01.png);background-repeat: no-repeat;background-position: center 0;margin-bottom: 6.039vw;}
  #box-01 .ttl-box .ttl-inner, #box-02 .ttl-box .ttl-inner, #box-03 .ttl-box .ttl-inner, #box-04 .ttl-box .ttl-inner, #box-05 .ttl-box .ttl-inner { width: 100%; margin: 0 auto; }
  #box-01 .ttl-box .ttl, #box-02 .ttl-box .ttl, #box-03 .ttl-box .ttl, #box-04 .ttl-box .ttl, #box-05 .ttl-box .ttl {display: inline-block;background-color: #004ea2;padding: 1.208vw 7.729vw 1.449vw 5.797vw;position: relative;left: -0.242vw;color: #ffffff;font-size: 3.382vw;font-weight: 700;letter-spacing: 0.435vw;line-height: 1.8;}
  #box-01 .s-ttl, #box-02 .s-ttl, #box-03 .s-ttl, #box-04 .s-ttl, #box-05 .s-ttl {text-align: center;color: #004ea2;font-family: noto-sans-cjk-jp, sans-serif;font-style: normal;font-size: 4.106vw;font-weight: 700;letter-spacing: 0.29vw;line-height: 1.75;text-transform: uppercase;margin-bottom: 5vw;}
  #box-01 .flex-01, #box-02 .flex-01, #box-03 .flex-01, #box-04 .flex-01, #box-05 .flex-01 {width: 92vw;margin: 0 auto;color: #1a1a1a;font-family: noto-sans-cjk-jp, sans-serif;font-style: normal;font-size: 3.382vw;font-weight: 400;letter-spacing: 0.386vw;line-height: 1.75;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  #box-01 .flex-01 .box-l, #box-02 .flex-01 .box-l, #box-03 .flex-01 .box-l, #box-04 .flex-01 .box-l, #box-05 .flex-01 .box-l {width: 100%;margin-bottom: 4vw;}
  #box-01 .flex-01 .box-r, #box-02 .flex-01 .box-r, #box-03 .flex-01 .box-r, #box-04 .flex-01 .box-r, #box-05 .flex-01 .box-r { width: 100%; }
  
  
  
  /*============================
  #box-01
  ============================*/
  #box-01 {margin-bottom: 13.527vw;}
  /*============================
  #box-02
  ============================*/
  #box-02 {margin-bottom: 13.527vw;}
  #box-02 .s-ttl {margin-bottom: 7.246vw;}
  #box-02 .ss2{
    position: relative;
    top: -1.691vw;
  }
  
  #box-02 .inner .list {width: 80vw;margin: 0 auto;color: #1a1a1a;font-family: noto-sans-cjk-jp, sans-serif;font-style: normal;font-size: 3.382vw;font-weight: 700;letter-spacing: 0.386vw;line-height: 1.75;}
  #box-02 .inner .list li {position: relative;margin-bottom: 8.454vw;}
  #box-02 .inner .list li .num {
    display: block;
    width: 8vw;
    margin: 0 auto 4vw;
  }
  #box-02 .inner .list li .sankaku {width: 8vw;margin: 0 auto;position: absolute;bottom: -4.589vw;left: 0;right: 0;}
  #box-02 .inner .list .li-01 .ss {
    position: relative;
    top: 0;
  }
  /*============================
  #box-03
  ============================*/
  #box-03 {margin-bottom: 13.527vw;}
  #box-03 .flex-01{
    left: 4.831vw;
  }
  /*============================
  #box-04
  ============================*/
  #box-04 {margin-bottom: 13.527vw;}
  
  /*============================
  #box-05
  ============================*/
  #box-05 {margin-bottom: 11.256vw;}
  
    #company h1.main-title { width: 100vw; background: url(../images/company/sp-h1.png) no-repeat top center; color: #fff; padding: 20vw 0 10vw; text-align: center; margin-bottom: 3vw; background-size: 100%; }
    #main-bx { margin: 15vw auto 15vw; }
    #main-bx .bx {width: 95vw;margin: 0 auto;background: #EDF8FE;padding: 23.913vw 0 15.942vw;}
    #main-bx .inner { width: 90vw; margin: 0 auto; position: relative; }
    #main-bx .ttl {width: 9vw;position: absolute;left: 3vw;top: -28vw;}
    #main-bx .ttl1 { width: 55vw; text-align: center; margin: 0 auto; position: relative; left: 3vw; }
  
    #con5-end-contact { background: url(../images/common/sp-end-bg.png) no-repeat top center; color: #fff; padding: 15vw 0 30vw; background-size: cover; }
    #con5-end-contact .end-contact-inner { max-width: 100vw; margin: 0 auto; position: relative; }
    #con5-end-contact .end-contact-ttl { margin-bottom: 3vw; text-align: center; font-size: 11vw; font-weight: 600; line-height: 1.2; letter-spacing: 0.5vw; }
    #con5-end-contact .end-contact-ttl a { color: #fff; position: relative; display: inline-block; text-decoration: none; }
    #con5-end-contact .end-contact-ttl a::after { position: absolute; bottom: -1vw; left: 0; content: ''; width: 100%; height: 1vw; background: #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
    #con5-end-contact .end-contact-ttl a:hover::after { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    #con5-end-contact .end-contact-ttl1 { margin-bottom: 3vw; text-align: center; font-size: 3.8vw; letter-spacing: 0.2vw; }
    #con5-end-contact .end-btn { width: 15vw; text-align: right; position: absolute; left: 38vw; top: 33vw; }
    #con5-end-contact .end-btn a { width: 20vw; background-image: url(../images/common/btn-hober-icon1.png); background-repeat: no-repeat; padding-right: 4vw; padding-top: 5vw; background-position: bottom 7vw left 10vw; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; }
    #con5-end-contact .end-btn a:hover { background-position: bottom 7vw left 7vw; }
    #end-contact { display: none; }
  
  .siryou{
        width: 92vw;
        margin: 0 auto;
        margin-bottom: 19vw;
}
.siryou iframe{
  width: 100%;
  height: auto;
}
  
  
  }
  /*# sourceMappingURL=page-company.css.map */