@charset "UTF-8";
@media (min-width: 769px) {
  #number-box img {
    width: 159px; }

  main {
    background: url(../img/omura/bg-lab.png) no-repeat center 900px;
    background-size: 1300px;
    overflow: hidden; }

  #introduction-box #photo-box {
    width: 465px;
    height: 640px;
    background: url(../img/omura/img-intro.jpg) no-repeat center center;
    background-size: cover; }

  #conclusion-box {
    background-image: url(../img/omura/img20a.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 67px) 20px;
    background-size: 9%; }

  #introduction-box {
    position: relative; }
    #introduction-box #chara-box1 {
      position: absolute;
      z-index: 100;
      bottom: -61px;
      right: 238px; }
      #introduction-box #chara-box1 img {
        width: 327px;
        height: auto; }
    #introduction-box #chara-box2 {
      z-index: 100;
      position: absolute;
      bottom: -85px;
      right: -136px; }
      #introduction-box #chara-box2 img {
        width: 70%;
        height: auto; }
    #introduction-box #chara-box3 {
      position: absolute;
      z-index: 100;
      bottom: 57px;
      right: -191px; }
      #introduction-box #chara-box3 img {
        width: 65%;
        height: auto; }

  #research-box, #future-box, #point-box, #item-box, #if-box, #lifestyle-box {
    float: left; }

  #task-box, #result-box, #student-box, #schedule-box {
    float: right; }

  /**幅を決める**/
  #research-box, #future-box, #point-box {
    width: 510px;
    position: relative;
    z-index: 2;
    background-color: #fefefe; }

  #research-box {
    position: relative; }
    #research-box img {
      position: absolute;
      width: 130px;
      right: 40px; }

  #task-box, #result-box, #student-box {
    width: 300px;
    position: relative;
    z-index: 2;
    background-color: #fefefe; }

  #item-box, #schedule-box, #lifestyle-box {
    width: 420px;
    position: relative;
    z-index: 2;
    background-color: #fefefe; }

  #if-box {
    width: 350px;
    position: relative;
    z-index: 2;
    background-color: #fefefe; }

  #schedule-box {
    margin-top: -350px; }

  #if-box {
    margin-top: 117px; }

  .hashigo-yoko-box.h01 {
    margin-top: 130px;
    float: left;
    width: 68px;
    height: 70px; }
  .hashigo-yoko-box.h02 {
    float: right;
    width: 68px;
    height: 120px;
    margin: 170px 0 0 0; }
  .hashigo-yoko-box.h03 {
    float: left;
    width: 68px;
    height: 120px;
    margin: 170px 0 0 0; }
  .hashigo-yoko-box.h04, .hashigo-yoko-box.h05 {
    margin-top: 120px;
    float: left;
    width: 68px; }
  .hashigo-yoko-box.h04 {
    height: 70px;
    margin-top: 180px; }
  .hashigo-yoko-box.h01 img, .hashigo-yoko-box.h05 img {
    width: 50px;
    display: block;
    margin: 0 auto; }

  .hashigo-tate-box.h07 img {
    width: 105px;
    display: block;
    margin: 0 0 0 -26px; }
  .hashigo-tate-box.h01 {
    float: left;
    width: 100px;
    margin: -78px 0px 0px 750px;
    padding: 30px 0; }
    .hashigo-tate-box.h01 img {
      display: block;
      width: 100px;
      margin: 0 auto; }
  .hashigo-tate-box.h02 {
    float: left;
    width: 510px;
    height: 68px;
    margin: 0 auto 0 20px;
    padding: 0; }
  .hashigo-tate-box.h03 {
    float: left;
    width: 510px;
    height: 115px;
    margin: 0 auto 0 20px; }
  .hashigo-tate-box.h04 {
    float: left;
    width: 550px;
    height: 138px;
    margin: 0;
    padding: 0; }

  .hashigo-yoko-box.h05 {
    margin-top: 60px;
    width: 158px;
    height: 80px; }

  .hashigo-tate-box.h06 {
    position: relative;
    z-index: 1;
    height: 150px;
    width: 510px;
    float: left; }
  .hashigo-tate-box.h07 {
    float: left;
    padding: 45px 0;
    width: 70px;
    margin-left: 144px; }

  #future-box {
    margin-top: 100px; }

  #result-box {
    margin-top: -30px; }
    #result-box img {
      width: 100%;
      display: block;
      margin: 20px auto 0; }

  .imagetestbox {
    width: 300px;
    height: 200px;
    float: right;
    background-color: #ccc; }

  .middle-img-box {
    height: 0;
    width: 100%;
    text-align: right; }
    .middle-img-box img {
      position: relative;
      z-index: 1;
      height: 108px;
      width: auto;
      margin-top: 7px;
      margin-right: 55px; }

  #conclusion-box {
    z-index: 2;
    position: relative; }
    #conclusion-box .margin10::after {
      content: "";
      display: block;
      clear: both; }
    #conclusion-box .margin10 .one-word {
      display: table;
      float: left;
      margin-right: 10px; }
    #conclusion-box .margin10 p {
      margin: 15px 0 0 0;
      line-height: 1.4;
      float: right;
      width: 80%; }

  .img-conclusion {
    float: right;
    margin-right: 20px;
    width: 190px; }

  #curves2-img-box {
    position: relative;
    z-index: 1;
    background: url(../img/omura/img21a.png) no-repeat left top;
    background-size: contain;
    padding: 110px 0 0 100px;
    float: left;
    height: 162px;
    width: 210px; }
    #curves2-img-box img {
      display: block;
      width: 130px; }

  #curves3-img-box {
    position: relative;
    z-index: 1;
    background: url(../img/omura/img21b.png) no-repeat left top;
    background-size: cover;
    float: left;
    width: 674px;
    height: 225px;
    margin-left: -170px;
    margin-top: -134px; }
    #curves3-img-box img {
      display: block;
      width: 130px; }

  #item-box .item1 {
    background: url(../img/omura/img09.png) no-repeat 10px center;
    background-size: 23%;
    margin-bottom: 10px;
    height: 120px; }
  #item-box .item2 {
    background: url(../img/omura/img10.png) no-repeat 10px center;
    background-size: 33%;
    padding-top: 20px;
    margin-bottom: 10px;
    height: 120px; }
  #item-box .item3 {
    background: url(../img/omura/img11.png) no-repeat 10px center;
    background-size: 22%;
    margin-bottom: 10px;
    height: 120px; }

  #before-lifestyle-box {
    float: left;
    width: 470px;
    margin-top: 20px;
    height: 0px; }
    #before-lifestyle-box img {
      display: block;
      width: 50%;
      position: relative;
      z-index: 1;
      margin: 130px 55px 0 auto; }

  #before-student-box {
    float: right; }
    #before-student-box img {
      display: block;
      height: 200px;
      position: relative;
      z-index: 1;
      top: 93px;
      right: 40px; }

  #student-box {
    margin-top: 20px; }

  #point-box img {
    width: 90%;
    display: block;
    margin: 10px auto 0; }

  #student-box img {
    width: 90%;
    margin: 0 0 0 20px; }

  #if-box img {
    width: 80%;
    display: block;
    margin: 10px auto 0; }

  #recommend-img-box {
    background: url(../img/omura/bg-recimg.png) no-repeat left top;
    width: 330px;
    position: absolute;
    z-index: 2;
    margin-top: 1px;
    margin-right: -100px;
    padding-top: 901px;
    top: 90px;
    right: -48px;
    background-size: 50%; }
    #recommend-img-box img {
      top: 22px;
      width: 358px;
      right: 120px;
      display: block;
      position: absolute;
      -moz-transform: rotate(8deg);
      -webkit-transform: rotate(8deg);
      -o-transform: rotate(8deg);
      -ms-transform: rotate(8deg);
      transform: rotate(8deg); }

  #before-footer-box {
    width: 1280px;
    margin: -27px auto 0;
    padding-left: 295px; }
    #before-footer-box .img01 {
      width: 430px;
      display: block;
      position: absolute;
      float: left;
      margin-top: -90px; }

  #before-recommend-box {
    width: 100%;
    height: 150px;
    z-index: 1;
    position: relative; }
    #before-recommend-box img {
      width: 390px;
      display: block;
      position: relative;
      top: -6px;
      right: -35px; }

  #message-box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -15px;
    border: 10px solid transparent;
    border-left: 25px solid #eb8a7d; }

  #lifestyle-box {
    margin-top: 285px; }
    #lifestyle-box .spe01 {
      width: 200px;
      float: right;
      margin: 0 0 0 20px;
      font-size: 0.75rem;
      line-height: 0; }
      #lifestyle-box .spe01 img {
        width: 200px;
        margin: 0 0 10px; }

  #schedule-box table th.tim, #schedule-box table td {
    height: 100px; }

  #conclusion-box .one-word {
    display: table;
    float: left;
    margin-right: 10px; }

  #interest-box .onebox {
    height: 310px; }
  #interest-box .onebox2 {
    float: left;
    width: 30%; }
  #interest-box .onebox3 {
    width: 100%;
    background-color: #ebebec;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #000;
    padding: 3px 0;
    height: 465px;
    margin-bottom: 10px; }
  #interest-box .onebox4 {
    width: 100%;
    background-color: #ebebec;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #D87EA2;
    padding: 20px 0;
    text-align: center; }
  #interest-box .onebox.box02 {
    height: 465px; }
  #interest-box .onebox.box03 {
    height: 585px; }
  #interest-box .m-arrow {
    float: left;
    width: 40%;
    height: 0; }
    #interest-box .m-arrow img {
      width: 100%;
      margin-top: 510px; }
  #interest-box img.onebox3-img {
    display: block;
    width: 70%;
    margin: 100px auto 0; }

  #afterred-img-box {
    position: relative;
    z-index: 2;
    height: 0;
    width: 100%; }
    #afterred-img-box img {
      margin: 0 auto 0 20px;
      width: 140px; } }
@media screen and (max-width: 768px) {
  #number2-box img {
    width: 158px; }

  #before-if-box, #before-lifestyle-box, #before-schedule-box, #interest-box img.onebox3-img, #recommend-img-box, #curves2-img-box, #curves3-img-box, #before-student-box {
    display: none; }

  #point-box img, #result-box img {
    display: block;
    width: 90%;
    margin: 10px auto 0; }

  #research-box img {
    width: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto; }

  #future-box img {
    width: 80px;
    float: right;
    margin: 0 0 10px 10px; }

  .img-conclusion {
    display: none; }

  #conclusion-box {
    background-image: url(../img/omura/img20a.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 10px;
    background-size: 20%; }
    #conclusion-box .one-word {
      line-height: 1.1; }

  #item-box .sp-item-img {
    width: 40%;
    float: left;
    padding-top: 20px; }
    #item-box .sp-item-img img {
      width: 100%;
      height: auto; }
  #item-box .item-name, #item-box .item-detail {
    width: 58%;
    float: right; }
  #item-box .item1, #item-box .item2, #item-box .item3 {
    margin-bottom: 10px; }

  #if-box img, #student-box img {
    width: 70%;
    display: block;
    margin: 10px auto 0; }

  #lifestyle-box .spe01 {
    font-size: 12px;
    width: 100%;
    text-align: center;
    padding: 10px 0 0; }
    #lifestyle-box .spe01 img {
      width: 80%;
      display: block;
      margin: 0 auto 5px; }

  #before-recommend-box {
    width: 175px;
    margin: 0 auto -19px 210px; }
    #before-recommend-box img {
      width: 100%; }

  #interest-box .onebox2 {
    width: calc(100% - 30px);
    background-color: #ebebec;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #000;
    padding: 15px; }
    #interest-box .onebox2 ul li {
      list-style: none;
      margin-left: 20px; }

  #photo-sp-box img {
    margin: 0 20px 0 auto; }
  #photo-sp-box .mini-box {
    height: 130px;
    width: 170px;
    margin: -130px auto 0 -7px; }
    #photo-sp-box .mini-box img {
      margin-left: -25px;
      top: -35px;
      position: relative;
      -moz-transform: scale(1) rotate(-8deg);
      -webkit-transform: scale(1) rotate(-8deg);
      -o-transform: scale(1) rotate(-8deg);
      -ms-transform: scale(1) rotate(-8deg);
      transform: scale(1) rotate(-8deg); }

  #interest-box .onebox.box03 ul.midori {
    width: calc(100% - 110px);
    float: left; }
  #interest-box img.onebox3-img {
    display: block;
    width: 100px;
    float: right; }
  #before-footer-box {
    display: block !important;
    z-index: 2;
    position: relative;
    width: 100%;
    text-align: right;
    height: 80px;
    margin-top: -90px; }
  #before-footer-box img {
    width: 60%;
    height: auto;
    margin-top: 29px; }
}

/*# sourceMappingURL=p-omura.css.map */