@charset "utf-8";

/* モーダルダイアログに関するスタイル設定 */

.modal_box .modal-inside {
  font-size: 13px;
  text-align: left;
  font-weight: normal;
  color: #3d3d3d;
  padding: 0 2em;
  width: 100%;
}
.modal_box .modal-inside .tc {
  text-align: center;
}
.modal_box .modal-inside a {
  color: #5fb0ba;
}
.modal_box .modal-inside p {
  text-align: left;
}
.modal_box .modal-inside h5 {
  font-size: 190%;
  padding: 1.5em 0 1em 0;
  font-weight: bold;
}
.modal_box .modal-inside .box:first-child h5 {
  margin-top: 0;
  padding-top: 0.2em;
}
.modal_box .modal-inside .pic {
  margin: 3em 0;
}
.modal_box .modal-inside ul.recommend {
  list-style: none;
  font-size: 160%;
  font-weight: bold;
  margin:0px;
}
.modal_box .modal-inside ul.recommend li span {
  color: #5fb0ba;
}
.modal_box .modal-inside ul.recommend li {
  margin-top:0px;
  margin-bottom: 0.5em;
}
.modal_box .modal-inside ul.recommend li p {
  background: #f6f6f6;
  font-size: 13px;
  font-weight: normal;
  padding: 1em 2em;
  margin-top: 2em;
}
.modal_box .modal-inside .survey {
  background: #fbf5e1;
  padding: 30px;
  margin: 0px 0px 40px 0px;
}
.modal_box .modal-inside .survey .pic {
  float: left;
  margin: 0.5em 2em 1em 2em;
}
.modal_box .modal-inside .survey dl {
  clear: both;
  overflow: hidden;
  border-top:none;
  border-bottom: 1px solid #f5e6b4;
  padding: 1em 0;
}
.modal_box .modal-inside .survey dl:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.modal_box .modal-inside .survey dl .text {
  padding:0px;
}
.modal_box .modal-inside .survey dl.box01 .pic,
.modal_box .modal-inside .survey dl.box02 .pic,
.modal_box .modal-inside .survey dl.box03 .pic {
    position: relative;
    top: 0px;
    left: 0px;
}
.modal_box .modal-inside .survey dt {
  font-size: 160%;
}
.modal_box .modal-inside .survey dl dd {
  padding: 0px 0px 1em 0px;
}

@media (max-width: 991px) {
    .modal_box .modal-inside ul {
        padding-left: 0;
    }
    .modal_box .modal-inside .survey .pic {
        width: 25%;
        margin: 0.5em 1em 1em 0em !important;
    }
    .modal_box .modal-inside ul li {
        font-size: 18px;
    }
    .modal_box .modal-inside .row {
        margin:0px;
    }
    #flat_plan_img {
        max-width:100%;
        height: auto;
    }
}

@media only screen and (max-width: 480px) {
    .modal_box .modal-inside {
        padding: 0 !important;
    }
    .modal_box .modal-inside .survey dd {
        clear: both;
        display: block;
    }
}