@charset "UTF-8";
@media (min-width: 751px) {
  .pc {
    display: block;
  }

  .sp {
    display: none;
  }

  .window-back {
    background-image: url("../images/window.jpg");
    background-repeat: round;
  }

  .uchimado-top {
    background: linear-gradient(to bottom right, #FFF, rgb(207, 161, 19));
    color: #0d3661;
    font-weight: bold;
    font-size: 3vw;
    padding: 20px;
    text-align: center;
  }

  .uchimado-title {
    width: 70%;
    margin: 0 auto;
    background: linear-gradient(transparent 60%, #ff9 60%);
    text-align: center;
    /* background-color: #eeff00; */
    font-size: 3vw;
    color: #000;
    /* text-shadow: 1px 1px 0 #000, -1px -1px 0 #000,
            -1px 1px 0 #000, 1px -1px 0 #000,
            0px 1px 0 #000, 0-1px 0 #000,
            -1px 0 0 #000, 1px 0 0 #000; */
  }

  .uchimado-title span {
    background-color: red;
    color: white;
    padding: 5px;
  }

  .uchimado-sub {
    width: 60%;
    margin: 0 auto;
    background-color: #fff100;
    font-size: 3vw;
    padding: 20px;
    position: relative;
    display: inline-block;
    margin: 20px 0;
    min-width: 120px;
    max-width: 100%;
    text-align: center;
    color: black;
    margin-top: 0px;
    font-weight: bold;
  }

  .uchimado-sub span {
    font-size: 4vw;
  }


  .uchimado-sub:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #fff100;
  }

  .uchimado-sub p {
    margin: 0;
    padding: 0;
  }

  .uchimado-onayami-gazou {
    width: 80%;
    margin: 0 auto 5vw auto;
  }

  .uchimado-ex {
    display: flex;
    width: 80%;
    margin: 0 auto;
    margin-top: 40px;
    align-items: center;
    justify-content: space-around;
  }

  .uchimado-left {
    width: 47%;
    display: block;
    align-content: center;
  }

  .uchimado-ex-between {
    width: 10%;
    text-align: center;
    display: block;
    align-content: center;
  }

  .uchimado-right {
    width: 50%;
  }

  .arrow {
    display: inline-block;
    width: 50px;
    height: 73.5px;
    background: #eb16eb;
    clip-path: polygon(0 31%, 63.2% 31%, 63.2% 0, 100% 50%, 63.2% 100%, 63.2% 69%, 0 69%);
  }

  .hojo-price {
    background-color: rgb(0, 106, 255);
    color: white;
    font-size: 2vw;
    padding: 5px;
  }

  .hojo-goukei {
    background-color: darkgreen;
    color: white;
    font-size: 2vw;
    padding: 5px;
  }

  .hojo-goukei-price {
    font-size: 5vw;
    font-weight: bold;
    color: red;
    text-align: center;
  }

  .hojo-goukei-price span {
    font-size: 2vw;
  }

  .uchimado-right {
    font-size: 2vw;
  }

  .uchimado-right-inner {
    line-height: 1.5;
    border: pink 5px solid;
    padding: 10px;
    border-radius: 20px;
    color: black;
  }

  .ex-hojo {
    font-size: 1.5vw;
  }

  .ex-price {
    text-align: center;
    font-size: 2vw;
  }

  .mado-kome {
    font-size: 1.5vw;
  }

  .uchimado-chuushaku {
    font-size: 1.5vw;
  }

  .uchimado-hojokin-katsuyo {
    text-align: center;
    font-size: 2.5vw;
    background-color: #eb16eb;
    color: white;
    width: 80%;
    margin: 0 auto;
    padding: 5px;
    margin-top: 20px;
  }

  .hojokin-irast {
    width: 80%;
    text-align: right;
    position: absolute;
    margin: 0 auto;
    margin-top: -100px;
    right: 10%;
  }

  .hojokin-irast img {
    width: 20%;
  }

  .uchimado-maker {
    /* background-color: #d9d3d3; */
    padding: 20px 20px 0px 20px;
    font-size: 2.5vw;
    color: black;
    width: 80%;
    margin: 0 auto;
    border: 5px #e45404 solid;
    line-height: 1.2;
  }

  .mado-logo {
    display: flex;
  }

  .mado-logo-left {
    width: 33%;
    background-color: white;
    text-align: center;
    display: block;
    align-self: center;
  }

  .mado-logo-left img {
    width: 30%;
    margin: 0 auto;
  }

  .mado-logo-middle {
    width: 33%;
    text-align: center;
    display: block;
    align-self: center;
  }

  .mado-logo-middle img {
    width: 50%;
  }

  .mado-logo-right {
    width: 33%;
    text-align: center;
    display: block;
    align-self: center;
  }

  .staff-flex {
    display: flex;
  }

  .window_pd2vw {
    padding: 2vw 0 !important;
  }

  .window_part1 {
    display: flex;
    width: 90%;
    margin: 2vw auto 5vw auto;
    justify-content: space-around;
  }

  .window_part2 {
    width: 48%;

  }

  .window_part3 {
    color: #ffffff;
    text-align: center;
    font-size: 2.2vw;
    padding: 2vw;
    margin: 0 auto;
  }

  .window_part4 {
    background-color: #0f75bb;
  }

  .window_part5 {
    margin: 0 auto;
    width: 100%;
    padding: 2vw 0vw;

  }

  .window_part6 {
    text-align: center;
    line-height: 1.2;
    font-size: 2vw;
    color: #000000;
    margin: 1vw auto;
    font-weight: bold;
  }

  .window_part7 {
    border: solid #0f75bb 2px;
    border-top: none !important;
  }

  .window_part8 {
    width: 98%;
    margin: 1vw auto 0 auto;
    font-size: 1.4vw;
    line-height: 1.2;
  }

  .window_part9 {
    background-color: #00a651;
  }

  .window_part10 {
    border: solid #00a651 2px;
    border-top: none !important;
  }

  .window_part11 {
    background-color: #fc0000;
    font-size: 2.5vw;
    line-height: 1.2;
    color: #ffffff;
    text-align: center;
    padding: 1vw;
  }

  .window_part12 {
    background-color: #ffffff;
    border: #0f75bb solid 2px;
    color: #0f75bb;
    font-size: 2vw;
    text-align: center;
    line-height: 1.4;
  }

  .window_part12 span {
    color: #000000 !important;
  }

  .window_part13 {
    text-align: center;
    margin: 2vw auto 1vw auto;
    color: #000000;
    font-size: 2.5vw;

  }

  .window_part14 {
    background-color: #000000;
    color: #ffffff;
    padding: 0.5vw;
    font-size: 2vw;
    width: 100%;
    margin: 1vw auto 0 auto;
    text-align: center;
  }

  .window_part15 {
    border: #000000 solid 2px;
    border-top: none !important;
    text-align: left;
    padding: 0.5vw 2vw;
    font-size: 1.7vw;
    text-align: left;
    width: 100%;
    line-height: 1.2;

  }

  .window_part16 {
    color: #fc0000;
    font-size: 2vw;
    text-align: center;
    line-height: 1.2;
    width: 90%;
    margin: 2vw auto;
  }

  .window_part17 {
    width: 100%;
    margin: 0 auto;
  }

  .window_part18 {
    display: flex;
    width: 90%;
    justify-content: space-around;
    margin: 1vw auto;
  }

  .window_part19 {
    width: 48%;
    padding: 1vw;
  }

  .window_part20 {
    background-color: #0f75bb;
  }

  .window_part21 {
    color: #ffffff;
    width: 95%;
    line-height: 1.2;
    font-size: 2.5vw;
    text-align: center;
  }

  .window_part22 {
    background-color: #ffffff;
    color: #fc0000;
    font-size: 2.2vw;
    text-align: center;
    padding: 1vw;
    line-height: 1.2;
    width: 50%;
    margin: 1vw auto;
  }

  .window_part23 {
    width: 90%;
    margin: 1vw auto;
    font-size: 4.5vw;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 0.5vw;

  }

  .window_part23 small {
    font-size: 0.6em;
  }

  .window_part24 {
    background-color: #00a651;
  }

  .window_part25 {
    background-color: #fc0000;
    margin: 1vw auto;
    padding: 0.1vw;
    width: 90%;
  }

  .window_part26 {
    color: #ffffff;
    text-align: center;
    margin: 1vw auto;
    font-size: 2.5vw;
    line-height: 1.2;

  }

  .window_part27 {
    color: #ffffff;
    font-size: 4vw;
  }

  .window_part27 span {
    font-size: 1.5em;
    background-color: #ffffff;
    padding: 0.5vw;
    font-weight: bold;
    text-align: center;
    color: #fc0000;
  }

  .window_part27 small {
    font-size: 0.5em;
  }
  .window_part28{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 4vw  auto;
  }
  .window_part29{
    color: #ffffff;
    font-size: 3.3vw;
    text-align: center;
    display: inline-block;

  }
  .window_part30{
    color: #fc0000;
    text-align: left;
    font-size: 2vw;
    line-height: 1.2;
    width: 90%;
    margin: 2vw auto;
  }
  .window_part31{
    color: #fc0000;
    font-size: 2vw;
    text-align: left;
    line-height: 1.2;
    width: 90%;
    margin: 2vw auto;
  }
}