@charset "UTF-8";
#content #simulation {
  background: #fff;
  padding: 30px 10px; }
  #content #simulation #intro {
    text-align: center;
    margin-bottom: 50px; }
  #content #simulation #inner {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 0; }

/* ---------------------------------
   Contact Form 7
--------------------------------- */
div.wpcf7 {
  background: none;
  border: none;
  padding: 0;
  border-radius: 0;
  margin: 0; }
  div.wpcf7 p {
    padding: 0 !important; }

#simulation form .nam {
  width: 100%;
  margin: 0 auto;
  text-align: left; }
#simulation form dl {
  margin: 0 0 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center; }
  #simulation form dl dt {
    width: 100%;
    padding: 15px 2%;
    background: #ebebeb;
    border: 1px solid #ebebeb;
    font-weight: bold;
    font-size: 120%; }
    #simulation form dl dt span {
      background: #cc0000;
      border-radius: 3px;
      color: #fff;
      padding: 3px;
      margin-left: 7px;
      text-align: center;
      font-size: 70%; }
  #simulation form dl .kitchen_bg {
    background: #D43771;
    color: #fff; }
  #simulation form dl .bathroom_bg {
    background: #1CADF4;
    color: #fff; }
  #simulation form dl .toilet_bg {
    background: #649E40;
    color: #fff; }
  #simulation form dl .senmen_bg {
    background: #F49102;
    color: #fff; }
  #simulation form dl .kyutou_bg {
    background: #B09062;
    color: #fff; }
  #simulation form dl dd {
    width: 100%;
    padding: 20px 60px;
    border: 1px solid #ebebeb;
    background: #fff; }
    #simulation form dl dd .font {
      font-weight: bold;
      color: #cc0000; }
    #simulation form dl dd ul {
      display: flex;
      margin-bottom: 15px;
      text-align: center;
      padding: 15px; }
      #simulation form dl dd ul li {
        width: 33%;
        margin-right: 10px; }
        #simulation form dl dd ul li:last-child {
          margin-right: 0; }
        #simulation form dl dd ul li img {
          width: 100%; }
    #simulation form dl dd ul.tenpu {
      background: #F9F8E4; }
      #simulation form dl dd ul.tenpu input {
        border: 0 !important; }
    #simulation form dl dd div {
      border-bottom: 1px dotted #ccc;
      padding-bottom: 15px;
      margin-bottom: 15px; }
    #simulation form dl dd .point {
      font-weight: bold;
      font-size: 110%;
      color: #cc0000; }
    #simulation form dl dd .reformselect {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      text-align: center;
      font-weight: bold; }
      #simulation form dl dd .reformselect img {
        width: 50%; }
    #simulation form dl dd::after {
      content: "";
      display: block;
      width: 32%; }

/* ---------------------------------
   Radio
--------------------------------- */
div.wpcf7 #purpose {
  display: flex;
  flex-wrap: wrap;
  gap: 1%; }

div.wpcf7 .wpcf7-list-item {
  width: 31%;
  text-align: center;
  padding: 17px;
  background: #fff;
  border: 3px solid #ccc;
  font-size: 120%;
  border-radius: 4px;
  margin-bottom: 15px;
  margin-left: 0; }

#content #simulation #inner form input[type="radio"] {
  opacity: 0;
  position: absolute; }

/* 共通 */
#content #simulation #inner form .wpcf7-list-item label {
  width: 100%;
  height: 100px;
  line-height: 120px;
  display: inline-block;
  padding: 0 0 0 80px;
  cursor: pointer;
  overflow: hidden;
  font-weight: bold; }

/* キッチン */
#content #simulation #inner form .wpcf7-list-item:nth-child(1) label {
  background: url("../images/simulation/check_kitchen.png") no-repeat;
  background-position: 20px 0%;
  color: #D43771; }

/* お風呂 */
#content #simulation #inner form .wpcf7-list-item:nth-child(2) label {
  background: url("../images/simulation/check_bathroom.png") no-repeat;
  background-position: 20px 0%;
  color: #1CADF4; }

/* トイレ */
#content #simulation #inner form .wpcf7-list-item:nth-child(3) label {
  background: url("../images/simulation/check_toilet.png") no-repeat;
  background-position: 20px 0%;
  color: #649E40; }

/* 洗面 */
#content #simulation #inner form .wpcf7-list-item:nth-child(4) label {
  background: url("../images/simulation/check_senmen.png") no-repeat;
  background-position: 20px 0%;
  color: #F49102; }

/* 給湯器 */
#content #simulation #inner form .wpcf7-list-item:nth-child(5) label {
  background: url("../images/simulation/check_kyutou.png") no-repeat;
  background-position: 20px 0%;
  color: #B09062; }

/* 選択時 */
#content #simulation #inner form label.radio_on {
  background-position: 20px 109% !important; }

/* ---------------------------------
   Input
--------------------------------- */
#content #simulation #inner form input[type="text"],
#content #simulation #inner form input[type="email"],
#content #simulation #inner form input[type="tel"],
#content #simulation #inner form textarea {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  box-sizing: border-box; }

#content #simulation #inner #gokakunin {
  font-size: 130%;
  text-align: center;
  background: #F5A116;
  padding: 20px;
  color: #fff;
  font-weight: bold; }

/* ---------------------------------
   Button
--------------------------------- */
#content #simulation #inner form input[type="submit"] {
  width: 200px;
  margin: 7px auto;
  padding: 20px;
  cursor: pointer;
  font-size: 1.125rem;
  letter-spacing: .05em;
  background: #BC1114;
  color: #fff;
  transition: all .25s ease-out;
  border-radius: 5px;
  border: 0; }

#content #simulation #inner form input[type="submit"]:hover {
  background: #000;
  color: #fff; }

.sendarea {
  text-align: center;
  margin-top: 10px;
  font-weight: bold; }