@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 834px) {
  .menu-btn {
    display: block;
    position:fixed;
    top:10px;
    left:10px;
    width: 45px;
    height: auto;
  }
  #menu .menu-btn {
    top:20px;
    left:20px;
    width: 20px;
    height: auto;
  }
  .menu-btn img{
    width:100%;
    height:auto;
  }
  body{
    padding-left:0;
  }
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
    h3 {
      font-size: 2.4rem;
      line-height: 2rem;
      margin-left: 0;
    }
    h3 span {
      font-size: 1.2rem;
    }
    section {
      width: 100%;
      margin: 40px auto;
    }
    .pc{display: none;
    }
    header {
        display: block;
        height: 70px;
        width: 100%;
        background: rgba(255, 255, 255, 0.9);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
      }
    
      header h1 {
        width: 158px;
        height: auto;
        margin: 0 auto;
        padding-top: 25px;
      }
    
      header h1 img {
        width: 100%;
        height: auto;
      }
      #menu {
        display: none;
        width: 100%;
      }
      #menu {
        width: 50%;
      }
      #menu h1 {
        width: 80%;
        height:14vh;
      }
      #menu li {
        font-size: 1.0rem;
        padding: 1.0vh 20px;
      }
      #menu_company,
      #menu_renovation,
      #menu_property,
      #menu_news,
      #menu_owner,
      #menu_faq,
      #menu_works {
        padding-top: 20vh;
        max-width: 300px;
        width: 50%;
        left: 50%;
      }
      #menu_company li,
      #menu_renovation li,
      #menu_property li,
      #menu_news li,
      #menu_owner li,
      #menu_faq li,
      #menu_works li {
        font-size: 1.1rem;
        padding: 2vh 20px;
      }
      #menu_contact{
        height:50px;
      }
      #menu_contact p{
        display: none;
      }
      #menu_contact div.btn{
        margin-top: 10px;
      }
      #sp_nav {
        display: block;
        width: 100%;
        margin-top: 0;
        margin-bottom: 80px;
      }
      #sp_nav ul {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
      }
      #sp_nav li {
        width: 50%;
        font-size: 1.2rem;
        font-weight: bold;
        color: #333;
        padding: 20px 20px;
        border-bottom: solid 1px #ccc;
        text-align: left;
        position:relative;
      }
      #sp_nav li a{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
      }
      #sp_nav li:nth-child(odd) {
        border-right: solid 1px #ccc;
      }
      #sp_nav li:hover {
        background: #eee;
      }
      #sp_nav li span {
        font-weight: normal;
        font-size: 1rem;
        color: #555;
      }
      #hdr_nav {
        position: absolute;
      }
      #hdr_nav div.arrow_left,
      #hdr_nav div.arrow_right {
        position: absolute;
        top: 0;
      }
      #home #top_main {
        margin-top: 70px;
        position: relative;
      }
      #home #top_main p {
        font-size: 3rem;
        right: auto;
        left: 40px;
        top: 40px;
      }
      #home #top_contact {
        margin-bottom: 0;
        position:relative;
      }
      #home #top_contact .top_contact_slide_prev,
      #home #top_contact .top_contact_slide_next,
      #ftr_contact .top_contact_slide_prev,
      #ftr_contact .top_contact_slide_next{
        position: absolute;
        width:40px;
        height:40px;
        top:20px;
      }
      #home #top_contact .top_contact_slide_prev,
      #ftr_contact .top_contact_slide_prev{
        left:10px;
      }
      #home #top_contact .top_contact_slide_next,
      #ftr_contact .top_contact_slide_next{
        right:10px;
      }
      #top_contact ul,
      #ftr_contact ul {
        display: block;
        height: 80px;
      }
      #top_contact ul li,
      #ftr_contact ul li {
        width: 100%;
        height: 80px;
        border-right: none;
      }
      #top_contact ul li.contact_tel,
      #ftr_contact ul li.contact_tel {
        border-right: none;
      }
      #top_contact ul li.contact_tel img,
      #ftr_contact ul li.contact_tel img {
        height: 60px;
      }
      #top_contact ul li.contact_web,
      #ftr_contact ul li.contact_web {
        border-right: none;
      }
      #top_contact ul li.contact_web img,
      #ftr_contact ul li.contact_web img {
        height: 20px;
      }
      #top_contact ul li.contact_line img,
      #ftr_contact ul li.contact_line img {
        height: 28px;
      }
      #home #search h3 {
        font-size: 2.4rem;
        line-height: 2rem;
    }
      #home #topics{
        display: block;
        margin-bottom: 60px;
      }
      #home #topics article {
        margin-left: 2px;
        margin-right: 2px;
      }
      #home #topics article figure {
        height: 126px;
        background-size: cover;
        background-position: center center;
      }
      #home #topics h3 {
        font-size: 2.6rem;
        width: 100%;
      }
      #home #topics h3 span {
        font-size: 1rem;
      }
      #home #topics article h4 {
        font-size: 1.3rem;
        margin: 0 2vw;
      }
      #home #topics article p.address {
        font-size: 1.1rem;
        margin: 0 2vw;
      }
      #home #topics article p.date {
        font-size: 1.1rem;
        margin: 0 2vw;
      }
      #home #topics article p.price {
        font-size: 1.1rem;
        margin: 0 2vw;
      }
      #home #event{
        display: block;
        margin-bottom: 60px;
      }
      #home #event article {
        margin-left: 2px;
        margin-right: 2px;
      }
      #home #event article figure {
        height: 126px;
        background-size: cover;
        background-position: center center;
      }
      #home #event h3 {
        font-size: 2.6rem;
        width: 100%;
      }
      #home #event h3 span {
        font-size: 1rem;
      }
      #home #event article h4 {
        font-size: 1.3rem;
        margin: 0 2vw;
      }
      #home #event article p.address {
        font-size: 1.1rem;
        margin: 0 2vw;
      }
      #home #event article p.date {
        font-size: 1.1rem;
        margin: 0 2vw;
      }
      #home #event article p.price {
        font-size: 1.1rem;
        margin: 0 2vw;
      }
      #home #interview{
        display: block;
        margin-bottom: 60px;
      }
      #home #interview article {
        margin-left: 2px;
        margin-right: 2px;
      }
      #home #interview article figure {
        height: 126px;
        background-size: cover;
        background-position: center center;
      }
      #home #interview h3 {
        font-size: 2.6rem;
        width: 100%;
      }
      #home #interview h3 span {
        font-size: 1rem;
      }
      #home #interview article h4 {
        font-size: 1.3rem;
        margin: 0 2vw;
      }
      #home #interview article p.address {
        font-size: 1.1rem;
        margin: 0 2vw;
      }
      #home #interview article p.date {
        font-size: 1.1rem;
        margin: 0 2vw;
      }
      #home #interview article p.price {
        font-size: 1.1rem;
        margin: 0 2vw;
      }
      #home #works article {
        width: 50%;
      }
      #home #works article figure {
        height: 28vw;
        background-size: cover;
        background-position: center center;
      }
      #home #works h3 {
        font-size: 2.6rem;
        width: 100%;
      }
      #home #works h3 span {
        font-size: 1rem;
      }
      #home #works article h4 {
        font-size: 1.3rem;
        margin: 0 2vw;
        text-align: left;
      }
      #home #works article p.address {
        font-size: 1.1rem;
        margin: 0 2vw;
      }
      #home #works article p.date {
        font-size: 1.1rem;
        margin: 0 2vw;
      }
      #home #works article p.price {
        font-size: 1.1rem;
        margin: 0 2vw;
      }
      .btn_more {
        width: 60%;
        padding: 15px 0 0;
        height: 50px;
        font-size: 1.4rem;
      }
      #home #faq{
        padding-top: 20px;
      }
      #home #faq h3 {
        height: 220px;
        padding: 85px 0 0;
        font-size: 2.4rem;
        margin-left: 0;
      }
      #home #faq h3 span {
        font-size: 1.2rem;
        line-height: 1.2rem;
      }
      #home #faq article {
        width: 50%;
        margin-bottom: 0;
      }
      #home #faq article figure {
        width: 100%;
        height: 33.3vw;
        background: #999;
      }
      #home #faq article p {
        padding: 0 0 0 10px;
        font-size: 1.1rem;
      }
      #home #faq article p span {
        padding-top: 2px;
        width: 24px;
        height: 24px;
        font-size: 1rem;
        font-weight: bold;
        background: #666;
        color: #fff;
        border-radius: 12px;
        margin-right: 4px;
      }
      #home #faq .btn_more {
        width: 80%;
      }
      #home #faq .btn{
        margin: 0 auto 0;
      }
      #home #news {
        padding: 40px 0;
        background: #eee;
      }
      #home #news h3 {
        font-size: 2.6rem;
        width: 100%;
      }
      #home #news h3 span {
        font-size: 1rem;
      }
      #home #news_area {
        display: block;
        border: none;
      }
      #home #news_area .btn_more_list {
        width: 80%;
        margin: 40px auto 0;
        border: #fff 1px solid;
        font-size: 1.6rem;
        text-align: center;
        padding: 20px 0 16px;
        color: #fff;
      }
      #home #news_area .btn_more_list:hover {
        background: #000;
      }
      #home #news_nav {
        width: 100%;
        background: none;
        padding: 0;
      }
      #home #news_nav ul {
        width: calc(100% - 60px);
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
      }
      #home #news_nav ul li {
        width: 33%;
        padding: 0;
        text-align: left;
        font-size: 1.1rem;
        color: #000;
        margin-bottom: 20px;
      }
      #home #news_nav ul li:hover {
        background: none;
      }
      #home #news_nav .btn_more_list {
        display: none;
      }
      #home #news_area .news_list {
        width: calc(100% - 60px);
        min-height: 0;
        margin: 0 auto;
        padding: 20px;
        background: #fff;
      }
      #home #news_area .news_list article {
        text-align: left;
        margin-bottom: 40px;
      }
      #home #news_area .news_list article p.date {
        font-size: 1.1rem;
        margin-right: 10px;
      }
      #home #news_area .news_list article p.category {
        padding: 0px 20px 0;
        height: 18px;
        border-radius: 9px;
        font-size: 1rem;
      }
      #home #news_area .news_list article h4 {
        width: 100%;
        font-size: 1.3rem;
        font-weight: normal;
        text-align: left;
        margin: 0;
      }
      #home #price figure{
        width:96%;
        margin: 0 auto;
      }
      #home #price figure img{
        display: block;
        width:48%;
        max-width: 180px;
        height:auto;
      }
      #home #design{
        width:96%;
        margin: 0 auto 20px;
      }
      #home #design article{
        width:48%;
      }
      #home #design article figure{
        height:140px;
      }
      #home #design article h4{
        width:80%;
      }
      #home #design article p{
      }
      #home #design_li ul{
      }
      #home #design_li ul li{
        position:relative;
        width:96%;
        margin-left: 2%;
        background-position:20px;
        background-size: 10%;
        padding:20px 20px 20px 80px;
      }
      #home #design_li ul li h4{
        text-align: left;
        font-size:1.6rem;
        margin: 0 0 5px;
      }
      #home #design_li ul li p{
        text-align: left;
        font-size:1.0rem;
        margin: 0;
      }
      #home #search{
        width:96%;
        margin: 0 auto 20px;
      }
      #home #search ul{
    }
    #home #search ul li{
      position:relative;
      width:96%;
      margin-left: 2%;
      background-position:20px;
      background-size: 10%;
      padding:20px 20px 20px 80px;
    }
    #home #search ul li h4{
      text-align: left;
      font-size:1.6rem;
      margin: 0 0 5px;
    }
    #simulator_cost .simulation_cost_reason dl {
      width:48%;
      display: block;
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: 1px solid #ccc;
    }
    #simulator_cost .simulation_cost_reason dt {
      width: 100%;
      text-align: left;
      font-size: 1.4rem;
    }
    #simulator_cost .simulation_cost_reason dd {
      width: 100%;
      text-align: right;
      font-size: 1.2rem;
      margin-left: 0;
    }
    #simulator_cost .simulation_cost_reason dd strong {
      font-size: 3rem;
    }
    #simulator_cost .simulation_cost_reason .attention{
      font-size:1.0rem;
    }
    #purareno_cost + .btn_more{
      font-size:1.2rem;
    }
    #purareno_cost + .btn_more + .btn_more{
      font-size:1.2rem;
    }
    #home #faq {
      margin-bottom: 0;
    }
    #home #news{
      margin-top: 0;;
    }
    #cts_nav {
    }
    #cts_nav ul {
      display: flex;
      flex-wrap: wrap;
    }
    #cts_nav ul li {
      width: 50%;
      height: 80px;
      padding-left: 20px;
      padding-top: 35px;
      font-size: 1.3rem;
    }
    #consultation h3 {
      font-size: 1.8rem;
      margin-left: 0;
    }
    #consultation h3 + p {
      font-size: 1.3rem;
      line-height: 2rem;
    }
    footer {
      padding-top: 0;
    }
    footer #sns {
      position:relative;
      width: 100%;
      padding: 20px 0;
      top:auto;
      right:auto;
    }
    footer #sns ul{
      padding-top: 5px;
      justify-content: center;
    }
    footer #sns ul li {
      width: 25px;
    }
    footer #bnr img:nth-child(1) {
      width: calc(168px * 0.6);
      height: auto;
    }
    footer #bnr img:nth-child(2) {
      width: calc(96px * 0.6);
      height: auto;
    }
    footer nav ul {
      width: 46%;
      font-size: 1.2rem;
      margin-bottom: 20px;
    }
    footer nav ul li {
      font-size: 1rem;
    }
    .cts h2 {
      font-size: 1.8rem;
      margin-top: 40px;
    }
    .cts h2 span {
      font-size: 1.0rem;
    }
    #cts_mv {
      height: 180px;
      margin: 70px 0 40px;
      padding: 40px 0 0 0;
    }
    #cts_mv h3 {
      font-size: 2rem;
    }
    #company main,
    #history main,
    #message main,
    #group main {
      width: 90%;
      margin: 0 auto 80px;
      padding: 20px;
      background: #fff;
    }
    #bnr_purareno{
      margin-top: 0;
      max-width: 440px;
    }
    #cmn_works {
      padding: 0;
    }
    #cmn_works article {
      width: 50%;
    }
    #cmn_works article figure {
      height: 160px;
      background-size: cover;
      background-position: center center;
    }
    #cmn_works h4 {
    }
    #cmn_works .wrap {
      padding: 20px;
    }
    #cmn_works article h5 {
      font-size: 1.3rem;
      margin: 0 2vw 5px;
    }
    #cmn_works article p.address {
      font-size: 1.1rem;
      margin: 0 2vw;
    }
    #cmn_works article p.date {
      font-size: 1.1rem;
      margin: 0 2vw;
    }
    #cmn_works article p.price {
      font-size: 1.1rem;
      margin: 0 2vw;
    }
    #cmn_works .btn_more {
      width: 60%;
      padding: 15px 0 0;
      height: 50px;
      font-size: 1.4rem;
    }
    #about #cts_mv {
      height: 100vh;
      margin: 0px 0 60px;
      padding: 80px 0 0;
      position:relative;
    }
    #about #cts_mv h2 {
      position:absolute;
      top:50%;
      left:50%;
      margin: -50px 0 0 -80px;
      font-size: 2rem;
      width: 160px;
      height: 160px;
      line-height: 1.2em;
    }
    #about #cts_mv h2 span {
      font-size: 1rem;
      margin: 0;
    }
    #about_list {
      width: 90%;
      margin: 0 auto;
    }
    #about_list ul li figure {
      width: 100%;
      height: 24vw;
    }
    #about_list ul li h3 {
      font-size: 1.4rem;
      margin: 6px 0 4px;
    }
    #about_list ul li p {
      font-size: 1rem;
    }
    #company_staff{
      width:100%;
    }
    #company_outline dl dt {
      font-size: 1.2rem;
    }
    #company_outline dl dd {
      font-size: 1.2rem;
    }
    #company_staff article p.position{
      font-size:1.0rem;
    }
    #company_staff article p.detail{
      font-size:1.0rem;
    }
    #company_staff article{
      width:46%;
    }
    #company_outline ul li {
      width: 100%;
    }
    p.access_root{
      font-size:1.0rem;
    }
    #message_cmt p {
      font-size: 1.2rem;
    }
    #message .sign {
      font-size: 1.2rem;
    }
    #message .sign strong {
      font-size: 1.8rem;
    }
    #message_cmt p img{
      width:40%;
      margin-left: 20px;
      margin-bottom: 20px;
    }
    #message .sign img{
      width:120px;
      margin-top: 0;
      margin-bottom: -10px;
    }
    #history_list dl dt {
      width: 30%;
      font-size: 1.2rem;
    }
    #history_list dl dd {
      width: 65%;
      font-size: 1.2rem;
    }
    #group main section h4 {
      font-size: 1.8rem;
      margin-bottom: 20px;
    }
    #group main section h4 + p {
      font-size: 1.8rem;
      margin-bottom: 20px;
    }
    #group main figure img {
      width: 100%;
    }
    #group main ul li h5 {
      font-size: 1.4rem;
    }
    #group main ul li h5 + p {
      font-size: 1.2rem;
    }
    #renovation #cts_mv {
      height: 100vh;
      margin: 0px 0 60px;
      padding: 80px 0 0;
      position:relative;
    }
    #renovation #cts_mv h2 {
      position:absolute;
      top:50%;
      left:50%;
      margin: -50px 0 0 -80px;
      font-size: 2rem;
      width: 160px;
      height: 160px;
      line-height: 1.2em;
    }
    #renovation #cts_mv h2 span {
      font-size: 1rem;
      margin: 0;
    }
    #renovation #search h3{
      font-size:2.4rem;
      line-height: 2rem;
    }
    #renovation_intro {
      width: 90%;
      margin: 0 auto 80px;
    }
    .renovation_intro_side {
      width: 30%;
    }
    .renovation_intro_side h3 {
      display: flex;
      line-height: 2em;
      margin-bottom: 20px;
    }
    .renovation_intro_side ul {
      width: 80%;
    }
    .renovation_intro_side ul li {
      width: 100%;
      height: 60px;
      margin-bottom: 10px;
    }
    .renovation_intro_main {
    }
    .renovation_intro_main p {
      font-size: 1.3rem;
      letter-spacing: 0;
    }
    #renovation_ourrenovation {
      padding: 40px 20px;
      margin-bottom: 0;
    }
    #renovation_ourrenovation h4 {
    }
    #renovation_ourrenovation h4 + p {
    }
    #renovation_ourrenovation .wrap {
      padding: 20px;
    }
    #renovation_ourrenovation .wrap article {
      margin: 0 auto 40px;
      padding-bottom: 20px;
    }
    #renovation_ourrenovation .wrap article:last-child {
    }
    #renovation_ourrenovation .wrap article figure {
      width: 40%;
    }
    #renovation_ourrenovation .wrap article figure img {
      width: 100%;
      height: 200px;
      background: #ccc;
    }
    #renovation_ourrenovation .wrap article div {
      width: 55%;
    }
    #renovation_ourrenovation .wrap article h5 {
      font-size: 2rem;
      line-height: 1.5em;
      margin-bottom: 20px;
    }
    #renovation_ourrenovation .wrap article p {
      font-size: 1.2rem;
    }
    #renovation_ourrenovation .wrap article a {
    }
    #renovation_ourrenovation .wrap ul {
    }
    #renovation_ourrenovation .wrap ul li {
      width: calc(50% - 10px);
      height: 120px;
      background: #ccc;
      margin-bottom: 20px;
    }
    #renovation_onestop {
      width: 100%;
      padding: 30px;
      margin-top: 0;
      background: #e4e4e4;
    }
    #renovation_onestop h4 {
    }
    #renovation_onestop h4 + p {
    }
    #renovation_onestop article {
      padding: 0px;
    }
    #renovation_onestop h5 {
      font-size: 1.8rem;
      margin-bottom: 20px;
    }
    #renovation_onestop p {
      text-align: justify;
      font-size: 1.2rem;
    }
    #renovation #design{
      width:96%;
      margin: 0 auto 20px;
    }
    #renovation #design article{
      width:48%;
    }
    #renovation #design article figure{
      height:140px;
    }
    #renovation #design article h4{
      width:80%;
    }
    #renovation #design article p{
    }
    #renovation #design_li ul{
    }
    #renovation #design_li ul li{
      position:relative;
      width:96%;
      margin-left: 2%;
      background-position:20px;
      background-size: 10%;
      padding:20px 20px 20px 80px;
    }
    #renovation #design_li ul li h4{
      text-align: left;
      font-size:1.6rem;
      margin: 0 0 5px;
    }
    #renovation #design_li ul li p{
      text-align: left;
      font-size:1.0rem;
      margin: 0;
    }
    #renovation #search{
      width:96%;
      margin: 0 auto 20px;
    }
    #renovation #search ul{
  }
  #renovation #search ul li{
    position:relative;
    width:96%;
    margin-left: 2%;
    background-position:20px;
    background-size: 10%;
    padding:20px 20px 20px 80px;
  }
  #renovation #search ul li h4{
    text-align: left;
    font-size:1.6rem;
    margin: 0 0 5px;
  }
  #renovation #price figure{
    width:96%;
    margin: 0 auto;
  }
  #renovation #price figure img{
    display: block;
    width:48%;
    height:auto;
  }
  #renovation #faq h3 {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-bottom: 0;
  }
  #renovation #faq h3 span {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
  #freedesign #search h3 {
    font-size: 2.4rem;
  }
  #purareno_intro {
    width: 90%;
  }
  #purareno_intro_side h3 {
    font-size: 2.4rem;
  }
  #purareno_intro_main{
    width:100%;
  }
  #purareno_intro_main ul{
    margin-bottom: 20px;
  }
    #purareno_intro_main ul li{
    margin-bottom: -10px;
  }
  #purareno_intro_main figure {
    margin-bottom: 40px;
  }
  #purareno_intro_main h4 {
    font-size: 2.4rem;
  }
  #purareno_intro_main ul li p {
    font-size: 1.2rem;
    line-height: 1.5em;
  }
  #purareno_about {
    width: 90%;
  }
  #purareno_about h4 {
    font-size: 2.4rem;
  }
  #purareno_style {
    width: 90%;
  }
  #purareno_style h4 {
    font-size: 2.4rem;
  }
  #purareno_style article {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #purareno_style article p {
    width: 100%;
  }
  #purareno_style article .purareno_style_cat img {
    margin-left: 5% !important;
  }
  #purareno_style article h5 {
    font-size: 2.4rem;
    margin-bottom: 40px;
  }
  #purareno_style article div {
  }
  #purareno_style article div figure {
    margin-bottom: 10px;
  }
  #purareno_style article div p {
    font-size: 1.4rem;
  }
  #purareno_cost,
  #simulator_cost {
    width: 90%;
  }
  #purareno_cost h4,
  #simulator_cost h4 {
    font-size: 2.4rem;
  }
  #purareno_cost .purareno_cost_input,
  #simulator_cost .simulator_cost_input{
    font-size: 1.2rem;
    font-weight: 600;
    text-align: left;
    margin-bottom: 40px;
    line-height: 2em;
  }
  #purareno_cost .purareno_cost_input br,
  #simulator_cost .simulator_cost_input br {
    display: inline;
  }
  #purareno_cost .purareno_cost_input input,
  #purareno_cost .purareno_cost_input select,
  #simulator_cost .simulator_cost_input input,
  #simulator_cost .simulator_cost_input select {
    padding: 10px;
    font-size: 1.4rem;
    border-radius: 10px;
    border: #ccc 1px solid;
  }
  #purareno_cost .purareno_cost_input button,
  #simulator_cost .simulator_cost_input button
  {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  #purareno_cost .purareno_cost_reason {
    width: 100%;
  }
  #purareno_cost .purareno_cost_reason dl {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
  }
  #purareno_cost .purareno_cost_reason dt {
    width: 60%;
    text-align: left;
    font-size: 1.3rem;
    padding-top: 8px;
  }
  #purareno_cost .purareno_cost_reason dd {
    width: 40%;
    text-align: right;
    font-size: 1.2rem;
    margin-left: 0;
  }
  #purareno_cost .purareno_cost_reason dd strong {
    font-size: 3rem;
  }
  #purareno_cost .purareno_cost_reason .attention{
    font-size:1.0rem;
  }
  #purareno_select {
    width: 90%;
  }
  #purareno_select h4 {
    font-size: 2.4rem;
  }
  #purareno_select .plan_wrap {
    display: flex;
    flex-wrap: wrap;
  }
  #purareno_select .plan_wrap figure {
    width: 28%;
    margin-bottom: 20px;
    margin-right: 2%;
  }
  #purareno_select .plan_wrap h6 {
    width: 70%;
  }
  #purareno_select .plan_wrap p {
    width: 70%;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    font-size: 1.1rem;
  }
  #purareno_select .select_wrap {
    width: 100%;
    margin: 0 auto;
  }
  #purareno_select .select_wrap article {
    display: flex;
    width: 100%;
  }
  #purareno_select .purareno_select_more p {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 40px;
  }
  #purareno_select .purareno_select_more .btn_more {
    width: 80%;
  }
  #modelroom_info {
    background: #e4e4e4;
    padding: 40px 10%;
  }
  #modelroom_info h4 {
    font-size: 2.4rem;
    font-weight: 600;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  #modelroom_info p {
    font-size: 1.2rem;
  }
  #modelroom_info figure img:nth-child(1) {
    width: 100%;
  }
  #modelroom_info figure img:nth-child(2) {
    width: 100%;
  }
  #modelroom_info .btn_more {
    width: 80%;
  }
  #purareno_select .select_wrap article p:nth-child(1) {
    width: 30%;
    font-size: 1.2rem;
  }
  #purareno_select .select_wrap article p:nth-child(1) span {
    font-size: 1.1rem;
  }
  #purareno_select .select_wrap article p:nth-child(2) {
    width: 70%;t: 20px;
    font-size: 1.2rem;
  }
  #purareno_select .select_wrap article:last-child p:nth-child(1) {

    font-size: 1.2rem;
    line-height: 1.5;
  }
  #freedesign #search #search_method{
    width:90%;
    margin: 20px auto 40px;
  }
  #freedesign #search{
    margin-top: 60px;
  }
  #freedesign .btn_more {
    width: 80%;
    margin-top: -30px;
  }
  #freedesign_intro{
    width:90%;
    margin-left: auto;
    margin-right: auto;
  }
  #freedesign_main {
    width: 90%;
    padding: 0;
  }
  #freedesign_main h3 {
    line-height: 1.5em;
  }
  #freedesign h4 {
    font-size:1.9rem;
    margin-bottom: 20px;
  }
    #freedesign_main p {
    font-size: 1.4rem;
    text-align: left;
  }
  #freedesign_main article {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
  }
  #freedesign_main article .freedesign_style_cat img {
    margin-left: 5% !important;
  }
  #freedesign_main article:nth-last-child(2) {
    margin-bottom: 0;
  }
  #freedesign_main article p {
    width: 100%;
  }
  #freedesign_main article h5 {
    line-height: 1.3em;
  }
  #freedesign_main article figure {
    height: 240px;
  }
  #freedesign_main .freedesign_more .btn_more {
    width: 80%;
  }
  #freedesign_intro ul li{
    padding: 20px 20px 60px;
    background-position:center 95%;
    background-size:60px;
    margin-bottom: 40px;
  }
  #freedesign_intro ul li p{
    font-size:1.2rem;
  }
  #freedesign #design{
    width:90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
  #freedesign #design article{
    width:48%;
  }
  #freedesign #design article figure{
    height:140px;
  }
  #relief h3{
    font-size: 1.6rem;
    width:100%;
    margin-left: auto;
    margin-right: auto;
  }
  #relief h3 img{
    width:200px;
  }
  #relief h4{
    font-size:1.8rem;
    width:100%;
    margin-left: auto;
    margin-right: auto;  }
  #relief .caption{
    font-size:1.2rem;
  }
  #relief #relief_intro{
    width:90%;
    margin-left: auto;
    margin-right: auto;
  }
  #relief #relief_intro li{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom:1px solid #ccc;
  }
  #relief #relief_intro li img:nth-child(2){
    display: block;
    height:100px;
    width:auto;
    margin:0 auto 10px 0;
  }
  #relief #relief_intro li img:nth-child(3){
    display: block;
    height:100px;
    width:auto;
    margin:0 auto 10px;
  }
  #relief #option{
    width:90%;
    margin-left: auto;
    margin-right: auto;
  }
  #relief #option ul li:nth-child(1) img{
    width:78.3%;/*870*0.9*/
  }
  #relief #option ul li:nth-child(2) img{
    width:92.8%;/*1031*0.9*/
  }
  #relief #option ul li:nth-child(3) img{
    width:85.4%;/*949*0.9*/
  }
  /*detail*/
  #relief_detail{
    width:90%;
    margin: 0 auto;
  }
  #relief_detail h3 span{
    display: block;
    width:60px;
    margin:0 auto 20px;
  }
  #relief_detail p.sub_catch{
    font-size:2.4rem;
  }
  #relief_detail p.catch{
    font-size:3.6rem;
  }
  #relief_detail.relief04 p.catch{
    font-size:3.2rem;
  }
  #relief_detail p.point{
    margin: 0 auto 60px;
    font-size:2rem;
    height:100px;
    border-radius: 50px;
    padding-top: 20px;
  }
  #purareno-simulator main {
    width: calc(100% - 60px);
    margin: 0 auto;
  }
  #purareno-simulator main {
    width: calc(100% - 60px);
    margin: 0 auto;
  }
  #flow_intro {
    width: 90%;
    padding: 0;
    margin-bottom: 40px;
  }
  #flow_intro h4 {
    font-size:1.9rem;
    margin-bottom: 20px;
  }
  #flow_intro p {
  }
  #flow_li {
    width: 90%;
    padding: 0;
  }
  #flow_li article {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
  }
  #flow_li article .flow_li_side {
    width: 16%;
    background: none;
  }
  #flow_li article .flow_li_main {
    width: 80%;
    margin-bottom: 0;
  }
  #flow_li article .flow_li_main h4 {
    text-align: left;
    font-size: 2rem;
    margin-top: 5vw;
  }
  #flow_li article .flow_li_main p {
    margin-bottom: 20px;
  }
  #flow_li article .flow_li_image {
    width: 100%;
  }
  #flow_li article .flow_li_image figure {
    width: 100%;
    height: 240px;
    margin-bottom: 0;
  }
  #works_detail h4 {
    font-size: 2.0rem;
    margin-left: 5%;
  }
  #works #works_list {
    justify-content: space-between;
  }
  #works #works_list article {
    margin-right: 0%;
  }
  #works #works_list article:nth-child(3n){
    margin-right: 0;
  }

  #works #works_list article {
    width: 100%;
  }
  #works #works_list article figure {
    height: 56.25vw;
    background-size: cover;
    background-position: center center;
  }

  #works #works_list h3 {
    font-size: 2.6rem;
    width: 100%;
  }
  #works #works_list h3 span {
    font-size: 1rem;
  }
  #works #works_list article h4 {
    font-size: 1.3rem;
    margin: 0 2vw;
  }
  #works #works_list article p.address {
    font-size: 1.1rem;
    margin: 0 2vw;
  }
  #works #works_list article p.date {
    font-size: 1.1rem;
    margin: 0 2vw;
  }
  #works #works_list article p.price {
    font-size: 1.1rem;
    margin: 0 2vw;
  }
  #works_detail .slick-slide{
    padding:5px;
  }
  #works_detail .price dt{
    font-size:1.2rem;
    width:20%;
    margin: 0;
  }
  #works_detail .price dd{
    font-size:1.2rem;
    width:30%;
    margin: 0;
  }
  #works_detail .price dd strong{
    font-size:1.8rem;
  }
  #works_detail article dl {
    width:90%;
    margin: 0 auto 20px;
  }
  #works_detail article dl.spec dt,
  #works_detail article dl.spec dd {
    margin: 0;
    padding: 10px 0;
    font-size: 1.2rem;
  }
  #works_detail article dl.spec dt {
    width:20%
  }
  #works_detail article dl.spec dd {
    width:80%;
  }
  #works_detail ul.works_images p{
    font-size:1.2rem;
  }
  #works_detail div.btn_back {
    width: 60%;
    padding: 15px 0 0;
    margin: 60px auto 0;
    height: 50px;
    font-size: 1.4rem;
  }
  #works_detail.works_owner .works_owner_detail_txt{
    width:90%;
    margin: 0 auto 20px;
  }
  /*works_detail type*/
  #works_type_detail #contents{
    width:90%;
    margin: 0 auto 40px;
    font-size: 1.2rem;
    line-height: 1.5em;
}
  #works_type_detail #contents h4{
    margin-bottom: 20px;
  }
  #works_type_detail #works_list div.btn_back {
    width: 60%;
    padding: 15px 0 0;
    margin: 60px 20% 0;
    height: 50px;
    font-size: 1.4rem;
  }
  #works_type_detail #contents dl {
    width:90%;
    margin: 0 auto 20px;
  }
  #works_type_detail #contents dl.spec dt,
  #works_type_detail #contents dl.spec dd {
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    line-height: 1.5em;
  }
  #works_type_detail #contents dl.spec dt {
    width:20%
  }
  #works_type_detail #contents dl.spec dd {
    width:80%;
  }

  /*
------------------------------------------------------------------------------
search 物件検索
*/
  #search h3{
    font-size:2.4rem;
    width:calc(100% - 60px);
  }
  #search #search_method {
    width:90%;
  }
  #search p.catch {
    font-size:1.8rem;
  }
  #search p.catch img{
    width:26px;
  }
  #search #search_method ul li {
    width: 48%;
    border: 1px #999 solid;
    height: 60px;
    padding-top: 20px;
    font-size: 1.1rem;
    padding-left: 0;
    background: #fff;
    text-align: center;
  }
#search #search_nav{
  padding: 0;
  position: fixed;
  margin: 0;
  top:auto;
  bottom:0;
  visibility:inherit !important;
}
  #search #search_nav.fixed{
    width: 100%;
    position: fixed;
    margin: 0;
    top:auto;
    bottom:0;
    }
  #search #search_area,
  #search #search_line {
    width: calc(100% - 60px);
  }
  #search .search_pay,
  #search .search_income {
    width: calc(100% - 60px);
  }
  #search .search_pay form input,
  #search .search_income form input {
    width: 80%;
    margin-right: 10px;
  }
  #search .search_pay form select,
  #search .search_income form select {
    width: 40%;
    margin: 0 2%;
  }
  #search button {
    width: 80%;
  }
  #search #search_area ul li,
  #search #search_line ul li{
    width: 100%;
  }
  #search #search_area .area_sub label,
  #search #search_line .line_sub label {
    width: 100%;
  }
  #search_area label,
  #search_line label{
    width:100%;
    font-size:1.4rem;
  }
  #search #search_method ul li{
    background-image: none !important;
  }
  #property #list,
  #property #list_non {
    width: 100%;
  }
  #property #property_list_wrap{
    width:90%;
  }
  #property #list article .txt,
  #property #list_non article .txt {
    width: calc(100% - 25vw - 15px);
}
#property #list article dl dd,
#property #list_non article dl dd{
  font-size:1.2rem;
}
#property #list article dl dd.price span,
#property #list_non article dl dd.price span {
  font-size: 1.8rem;
}
#property #list article dl dt.price,
#property #list_non article dl dt.price {
  width:49%;
}
#property #list article dl dd.price,
#property #list_non article dl dd.price{
  width:49%;
  text-align: right;
}
#property #list article dl dd,
#property #list_non article dl dd{
  margin: 0 0 5px;
}

  #property #list article,
  #property #list_non article {
    width: 100%;
  }
  #property #list article figure,
  #property #list_non article figure {
    width:25vw;
    height: 20vw;
  }
  #property #list article h4,
  #property #list_non article h4 {
    font-size: 1.1rem;
    margin: 0 2vw 5px;
  }
  #property #list article p,
  #property #list_non article p {
    margin: 0 2vw;
  }
  #property #list article p.price_title,
  #property #list_non article p.price_title {
    font-size: 1.1rem;
  }
  #property #list article p.price,
  #property #list_non article p.price {
    font-size: 2rem;
  }
  #property #list article p.price span,
  #property #list_non article p.price span {
    font-size: 1.3rem;
  }
  #property #list article p.price_sub,
  #property #list_non article p.price_sub {
    font-size: 1.1rem;
  }
  #property #list article p.price_sub strong,
  #property #list_non article p.price_sub strong {
    font-size: 1.4rem;
  }
  #property #list article p.address,
  #property #list_non article p.address {
    font-size: 1.1rem;
  }
  #property #list article p.address span,
  #property #list_non article p.address span {
    font-size: 1.1rem;
  }
  #property #list article p.station,
  #property #list_non article p.station {
    font-size: 1.1rem;
  }
  #property #list article p.station span,
  #property #list_non article p.station span {
    font-size: 1.1rem;
  }
  #property #list article p.occupied,
  #property #list_non article p.occupied {
    font-size: 1.1rem;
  }
  #property #list article p.occupied span,
  #property #list_non article p.occupied span {
    font-size: 1.1rem;
  }
  #property #list article p.age,
  #property #list_non article p.age {
    font-size: 1.1rem;
  }
  #property #list article p.age span,
  #property #list_non article p.age span {
    font-size: 1.1rem;
  }
  #property #list article.property_detail {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #property .spec dt {
    width: 20%;
    font-size: 1.2rem;
  }
  #property .spec dd {
    width: 30%;
    font-size: 1.2rem;
  }
  #property .spec table{
    width:100%;
    margin-bottom: 20px;
  }
  #property .spec table th{
    width:30%;
    font-size:1.4rem;
    padding: 10px;
    border:1px solid #ccc;
  }
  #property .spec table td{
    width:70%;
    font-size:1.4rem;
    padding: 10px;
    border:1px solid #ccc;
  }
  .property_detail .slider-for li{
    height: 320px;
  }
  #simulator h3{
    font-size:2.2rem;
  }
  #simulator .select_plan ul li {
    width: 100%;
    margin-bottom: 40px;
  }
  #simulator .select_plan ul li p{
    font-size:1.2rem;
  }
  #simulator #contents {
    width: calc(100% - 60px);
  }
  #simulator h4 {
    font-size: 2.0rem;
    line-height: 2rem;
    width: 100%;
  }
  #simulator h4 span {
    font-size: 1rem;
  }
  #simulator .select_occupied input {
    width: 80%;
    margin-right: 10px;
  }
  #simulator .select_plan ul li button.btn_submit {
    font-size: 1.4rem;
  }
  #simulator_original #spec h3{
    font-size:2.0rem;
  }
  #simulator_original #spec,
  #simulator_original #option{
    width:90%;
    margin-left: auto;
    margin-right: auto;
  }
  #simulator_original #spec h4{
    font-size: 1.2rem;
  }
  #simulator_original #spec ul li {
    width: 32%;
  }
  #simulator_original #option p{
    font-size: 1.2rem;
  }
  #simulator_original #option .option_select li#select_bathroom,
#simulator_original #option .option_select li#select_kitchen,
#simulator_original #option .option_select li#select_restroom,
#simulator_original #option .option_select li#select_washroom,
#simulator_original #option .option_select li#select_door,
#simulator_original #option .option_select li#select_flooring,
#simulator_original #option .option_select li#select_heater{
  width: 100%;
  text-align: left;
  font-size: 1.2rem;
  background-image: url(../img/toggle_plus.png);
  background-size:16px 16px;
  background-position: right 20px center;
}
  #simulator_original #option .option_select li:nth-child(8){
    display: none;
  }
  #simulator_original #option article {
    padding: 20px;
  }
  #simulator_original #option article ul li {
    width: 100%;
  }
  #now {
    margin: 0;
    flex-wrap: wrap;
    justify-content: center;
    position:fixed;
    top:auto;
    bottom:0;
  }
  #now.fixed{
    position: fixed;
    width:100%;
    margin: 0;
  }
  #now .price_now {
    width: 100%;
    padding-top: 20px;
  }
  #now .price_now p {
    font-size: 1.2rem;
    margin-bottom: 0;
  }
  #now .price_now p input{
    font-size:2.4rem;
    text-align: right;
  }
  #now .price_now p strong {
    margin-left: 10px;
    font-size: 2rem;
    font-weight: bold;
  }
  #now .estimate {
    width: 100%;
    padding: 10px 0 20px;
  }
  #now .estimate button{
    width:80%;
    padding: 10px;
  }
  #simulator_original_result span.a{
    font-size:1.0rem;
    padding: 3px 5px;
    margin: 0 0 0 5px;
  }
  #simulator_original_result span.b{
    font-size:1.0rem;
    padding: 3px 5px;
    margin: 0 0 0 5px;
  }
  #simulator_original_result #contents article{
    width:90%;
    margin: 0 auto 20px;
  }
  #simulator_original_result #contents article.result_renovation dl dt{
    padding: 20px 0 20px ;
    font-size:1.3rem;
  }
  #simulator_original_result #contents article.result_pay dl dt{
    font-size:1.3rem;
  }
  #simulator_original_result #contents article.result_pay p.price,
  #simulator_original_result #contents article.result_pay p.price strong{
    font-size:1.2rem;
  }
  #simulator_original_result #result_detail{
    width:90%;
    margin: 0 auto;
  }
  #simulator_original_result #result_detail dl dt{
    font-size:1.2rem;
    padding-left: 0;
    padding-right: 0;
  }
  #simulator_original_result #result_detail dl dd strong{
    font-size:1.4rem;
  }
  #simulator_original_result #result_detail dl dd.total_price strong{
    font-size:1.6rem;
  }
  .sec-self-simulator-contact label{
    font-size:1.2rem;
  }
  .sec-self-simulator-contact .form-item--slim .form-item__text{
    font-size:1.2rem !important;
  }
  #simulator_original_result h3.sec-self-simulator-contact__head{
    font-size:1.6rem;
  }
  #simulator_original_result .text-normal{
    font-size:1.2rem;
  }
  #simulator_original_result #result_detail dl dt h5{
    margin: 0;
  }
  #program #cts_mv {
    height: 100vh;
    margin: 0px 0 60px;
    padding: 80px 0 0;
    position:relative;
  }
  #program #cts_mv h2 {
    position:absolute;
    top:50%;
    left:50%;
    margin: -50px 0 0 -80px;
    font-size: 2rem;
    width: 160px;
    height: 160px;
    line-height: 1.2em;
  }
  #program #cts_mv h2 span {
    font-size: 1rem;
    margin: 0;
  }
  #program h4{
    font-size:1.8rem;
  }
  #program main{
    width:90%;
    margin: 0 auto;
  }
  #program .program02 .side{
    width:100%;
  }
  #program .program02 figure{
    width:100%;
  }
  #program .program03 h5{
    width:20%;
    text-align: center;
  }
  #program .program03 h5 img{
    width:80%;
  }
  #program .program03 div{
    width:80%;
  }
  #program .program03 div p.title{
    width:100%;
    padding: 10px 20px;
    font-size:1.4rem;
    font-weight:600;
    line-height:1.5em;
    background:#eee;
    margin-bottom: 20px;
  }
  #program .program03 div p.caption{
    font-size:1rem;
    line-height:1.5em;
    text-align: left;
  }
  #program .program04 p{
    width:100%;
  }
  #program .program04 figure{
    width:100%;
  }
  #program ul.program05{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
  }
  #program ul.program05 li{
    width:100%;
    margin-bottom: 20px;
    position:relative;
    font-size:1.2rem;
  }
  #program ul.program05 li a{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
  }
  #program ul.program05 li img{
    margin-bottom: 10px;
  }
  #program ul.program05 li h5{
    font-size:1.6rem;
    font-weight:600;
    margin-bottom: 10px;
  }
  #program ul.program05 li p{
    font-size:1.2rem;
  }
  #nonloan .wrap{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    width:100%;
    margin-bottom: 40px;;
  }
  #nonloan01 ul{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 30px;
    margin-bottom: 10px;
  }
  #nonloan01 ul li{
    width:100%;
    text-align: left;
    font-size:1.4rem;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 1.5em;
  }
  #nonloan01 ul li strong{
    color:#00b8ef;
  }
  #nonloan01 ul li span{
    font-size:1.2rem;
    padding: 10px;
    background:#00b8ef;
    color:#fff;
    margin-right: 10px;
  }
  #nonloan01 ul li span.caption{
    font-size:1.0rem;
    padding: 0;
    background:none;
    color:#333;
    margin-left: 10px;
    margin-right: 0;
  }
  #nonloan01 p.caption{
    font-size:1.0rem;
    color:#333;
    text-align: right;
    width:100%;
  }
  #nonloan01{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #nonloan01 .side{
    width:100%;
    padding-top: 20px;
    margin-bottom: 40px;
  }
  #nonloan01 .side h3 img{
    width:56%;
  }
  #nonloan01 .txt{
    width:100%;
    margin-bottom: 20px;
  }
  #nonloan01 .txt h4{
    text-align: left;
    font-size:1.8rem;
    line-height:1.5em;
    font-weight:600;
    margin-bottom: 20px;
    margin-top: 0;
  }
  #nonloan01 .txt p{
    text-align: left;
  }
  #nonloan02{
    width:90%;
    margin-left: auto;
    margin-right:auto;
  }
  #nonloan02 article{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom:80px;
  }
  #nonloan02 .wrap.voice_title figure{
    width:100%;
  }
  #nonloan02 .wrap.voice_title div{
    width:100%;
  }
  #nonloan02 .wrap.voice_title div h5{
    padding: 0;
    text-align: left;
    font-size:2rem;
  }
  #nonloan02 .wrap.voice_title div h5.en{
    text-align: right;
    padding:20px 0;
    border-bottom:1px solid #00b8ef;
    margin-bottom: 20px;
    font-size:2.0rem;
  
  }
  
  #nonloan02 article .wrap figure{
    width:100%;
  }
  #nonloan02 article .wrap div{
    width:100%;
  }
  #nonloan02 article h4{
    width:100%;
    text-align: center;
    margin-top: 0;
  }
  #nonloan02 article h4 img{
    width:20%;
    margin: 0 auto;
  }
  #nonloan02 article div{
    width:100%;
  }
  #nonloan02 article div img{
    margin-bottom: 0;
  }
  #nonloan02 h5{
    font-size:1.6rem;
    line-height: 1.5em;;
  }
  #nonloan02 p{
    font-size:1.2rem;
    margin-bottom: 40px;
  }
  #nonloan02 ul{
    width:100%;
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 30px;
    margin-bottom: 10px;
  }
  #nonloan02 ul li{
    width:100%;
    text-align: left;
    font-size:1.4rem;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 1.5em;
  }
  #nonloan02 ul li span{
    font-size:1.2rem;
    padding: 10px;
    background:#00b8ef;
    color:#fff;
    margin-right: 10px;
  }
  #nonloan02 ul li span.caption{
    font-size:1.0rem;
    padding: 0;
    background:none;
    color:#333;
    margin-left: 10px;
    margin-right: 0;
  }
  #nonloan02 p.caption{
    font-size:1.0rem;
    color:#333;
    text-align: right;
    width:100%;
  }
  #first .wrap{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    width:100%;
    margin-bottom: 40px;;
  }
  #first01{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #first01 .side{
    width:100%;
    padding-top: 20px;
    margin-bottom: 40px;
  }
  #first01 .side h3 img{
    width:56%;
  }
  #first01 .txt{
    width:100%;
    margin-bottom: 60px;
  }
  #first01 .txt h4{
    text-align: left;
    font-size:1.8rem;
    line-height:1.5em;
    font-weight:600;
    margin-bottom: 20px;
    margin-top: 0;
  }
  #first01 .txt p{
    text-align: left;
  }
  #first02{
    width:90%;
    margin-left: auto;
    margin-right:auto;
  }
  #first02 article{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom:80px;
  }
  #first02 .wrap.voice_title figure{
    width:100%;
  }
  #first02 .wrap.voice_title div{
    width:100%;
  }
  #first02 .wrap.voice_title div h5{
    padding: 0;
    text-align: left;
    font-size:2rem;
  }
  #first02 .wrap.voice_title div h5.en{
    text-align: right;
    padding:20px 0;
    border-bottom:1px solid #1e417f;
    margin-bottom: 20px;
    font-size:2.0rem;
  
  }
  
  #first02 article .wrap figure{
    width:100%;
  }
  #first02 article .wrap div{
    width:100%;
  }
  #first02 article h4{
    width:100%;
    text-align: center;
    margin-top: 0;
  }
  #first02 article h4 img{
    width:20%;
    margin: 0 auto;
  }
  #first02 article div{
    width:100%;
  }
  #first02 article div img{
    margin-bottom: 0;
  }
  #first02 h5{
    font-size:1.6rem;
    line-height: 1.5em;;
  }
  #first02 p{
    font-size:1.2rem;
    margin-bottom: 40px;
  }
  #first02 ul{
    width:100%;
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 30px;
    margin-bottom: 10px;
  }
  #first02 ul li{
    width:100%;
    text-align: left;
    font-size:1.4rem;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 1.5em;
  }
  #first02 ul li span{
    font-size:1.2rem;
    padding: 10px;
    background:#1e417f;
    color:#fff;
    margin-right: 10px;
  }
  #first02 ul li span.caption{
    font-size:1.0rem;
    padding: 0;
    background:none;
    color:#333;
    margin-left: 10px;
    margin-right: 0;
  }
  #first02 p.caption{
    font-size:1.0rem;
    color:#333;
    text-align: right;
    width:100%;
  }
  #freereno .wrap{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    width:100%;
    margin-bottom: 40px;;
  }
  #freereno01{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #freereno01 .side{
    width:100%;
    padding-top: 20px;
    margin-bottom: 40px;
  }
  #freereno01 .side h3 img{
    width:40%;
  }
  #freereno01 .txt{
    width:100%;
    margin-bottom: 20px;
  }
  #freereno01 .txt h4{
    text-align: left;
    font-size:1.8rem;
    line-height:1.5em;
    font-weight:600;
    margin-bottom: 20px;
    margin-top: 0;
  }
  #freereno01 .txt p{
    text-align: left;
  }
  #freereno02{
    width:90%;
    margin-left: auto;
    margin-right:auto;
  }
  #freereno02 article{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom:80px;
  }
  #freereno02 .wrap.voice_title figure{
    width:100%;
  }
  #freereno02 .wrap.voice_title div{
    width:100%;
  }
  #freereno02 .wrap.voice_title div h5{
    padding: 0;
    text-align: left;
    font-size:2rem;
  }
  #freereno02 .wrap.voice_title div h5.en{
    text-align: right;
    padding:20px 0;
    border-bottom:1px solid #1e417f;
    margin-bottom: 20px;
    font-size:2.0rem;
  
  }
  
  #freereno02 article .wrap figure{
    width:100%;
  }
  #freereno02 article .wrap div{
    width:100%;
  }
  #freereno02 article h4{
    width:100%;
    text-align: center;
    margin-top: 0;
  }
  #freereno02 article h4 img{
    width:20%;
    margin: 0 auto;
  }
  #freereno02 article div{
    width:100%;
  }
  #freereno02 article div img{
    margin-bottom: 0;
  }
  #freereno02 h5{
    font-size:1.6rem;
    line-height: 1.5em;;
  }
  #freereno02 p{
    font-size:1.2rem;
    margin-bottom: 40px;
  }
  #freereno02 ul{
    width:100%;
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 30px;
    margin-bottom: 10px;
  }
  #freereno02 ul li{
    width:100%;
    text-align: left;
    font-size:1.4rem;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 1.5em;
  }
  #freereno02 ul li span{
    font-size:1.2rem;
    padding: 10px;
    background:#f19800;
    color:#fff;
    margin-right: 10px;
  }
  #freereno02 ul li span.caption{
    font-size:1.0rem;
    padding: 0;
    background:none;
    color:#333;
    margin-left: 10px;
    margin-right: 0;
  }
  #freereno02 p.caption{
    font-size:1.0rem;
    color:#333;
    text-align: right;
    width:100%;
  }
  #vintage .wrap{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    width:100%;
    margin-bottom: 40px;;
  }
  #vintage01{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #vintage01 .side{
    width:100%;
    padding-top: 20px;
    margin-bottom: 40px;
  }
  #vintage01 .side h3 img{
    width:40%;
  }
  #vintage01 .txt{
    width:100%;
    margin-bottom: 20px;
  }
  #vintage01 .txt h4{
    text-align: left;
    font-size:1.8rem;
    line-height:1.5em;
    font-weight:600;
    margin-bottom: 20px;
    margin-top: 0;
  }
  #vintage01 .txt p{
    text-align: left;
  }
  #vintage02{
    width:90%;
    margin-left: auto;
    margin-right:auto;
  }
  #vintage02 article{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom:80px;
  }
  #vintage02 .wrap.voice_title figure{
    width:100%;
  }
  #vintage02 .wrap.voice_title div{
    width:100%;
  }
  #vintage02 .wrap.voice_title div h5{
    padding: 0;
    text-align: left;
    font-size:2rem;
  }
  #vintage02 .wrap.voice_title div h5.en{
    text-align: right;
    padding:20px 0;
    border-bottom:1px solid #693908;
    margin-bottom: 20px;
    font-size:2.0rem;
  
  }
  
  #vintage02 article .wrap figure{
    width:100%;
  }
  #vintage02 article .wrap div{
    width:100%;
  }
  #vintage02 article h4{
    width:100%;
    text-align: center;
    margin-top: 0;
  }
  #vintage02 article h4 img{
    width:20%;
    margin: 0 auto;
  }
  #vintage02 article div{
    width:100%;
  }
  #vintage02 article div img{
    margin-bottom: 0;
  }
  #vintage02 h5{
    font-size:1.6rem;
    line-height: 1.5em;;
  }
  #vintage02 p{
    font-size:1.2rem;
    margin-bottom: 20px;
  }
  #vintage02 ul.img_list{
    margin-bottom: 40px;
    display: flex;
  }
  #vintage02 ul.img_list li{
    width:32%;
    font-size:1.0rem;
    line-height: 1.5em;
  }
  #vintage02 ul{
    width:100%;
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 30px;
    margin-bottom: 10px;
  }
  #vintage02 ul li{
    width:100%;
    text-align: left;
    font-size:1.4rem;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 1.5em;
  }
  #vintage02 ul li span{
    font-size:1.2rem;
    padding: 10px;
    background:#693908;
    color:#fff;
    margin-right: 10px;
  }
  #vintage02 ul li span.caption{
    font-size:1.0rem;
    padding: 0;
    background:none;
    color:#333;
    margin-left: 10px;
    margin-right: 0;
  }
  #vintage02 p.caption{
    font-size:1.0rem;
    color:#333;
    text-align: right;
    width:100%;
  }
  #vintage02 h6{
    border:1px solid #ccc;
    font-size:1.2rem;
    padding: 10px 0;
    text-align: center;
    width:200px;
    margin-bottom: 10px;
  }
    #owner_cmn{
    padding: 20px 5%;
  }
  #owner_cmn h4{
    font-size:1.6rem;
    margin: 0 0 20px;
    padding-bottom: 20px;
    line-height: 1.5em;
  }
  #owner_cmn p{
    font-size:1.2rem;
    line-height:1.5em;
  }
  #owner_cmn p.point{
    font-size:1.6rem;
    line-height: 1.5em;
    margin: 0 0 60px;
  }
  #owner_cmn figure{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    width:100%;
    margin-bottom: 20px;
  }
  #owner_cmn figure img{
    width:32%;
  }
  #owner_cmn .side{
    width:100%;
  }
  #owner_cmn .img{
    width:100%;
  }
  #faq #faq_nav h3 {
    font-size: 1.8rem;
  }
  #faq main {
    width: 90%;
    display: block;
  }
  #faq #faq_side {
    width: 100%;
  }
  #faq #faq_main {
    width: 100%;
  }
  #faq #faq_side ul {
    margin-top: 20px;
  }
  #faq #faq_side li {
    font-size: 1.2rem;
    font-weight: 600;
    padding: 10px 20px;
  }
  #faq #faq_main article h5 {
    height: auto;
    padding: 20px 20px 15px;
    font-size: 2rem;
  }
  #faq #faq_main article h5 span {
    font-size: 1rem;
    margin-left: 10px;
  }
  #faq #faq_main article dt {
    padding: 20px;
    font-size: 1.4rem;
  }
  #faq #faq_main article dd {
    padding: 20px;
    font-size: 1.2rem;
  }
  #news #news_list {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
  }
  #news #news_list article {
    text-align: left;
    margin-bottom: 40px;
  }
  #news #news_list article p.date {
    font-size: 1.1rem;
    margin-right: 10px;
  }
  #news #news_list article p.category {
    padding: 0px 20px 0;
    height: 18px;
    border-radius: 9px;
    font-size: 1rem;
  }
  #news #news_list article h4 {
    width: 100%;
    font-size: 1.3rem;
    font-weight: normal;
    text-align: left;
    margin: 0;
  }
  #news_detail article{
    width:100%;
    padding: 0 20px;
  }
  #news_detail #mailform{
    width:calc(100% - 40px);
  }
  #resale main section{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  #resale h4{
    font-size: 2rem;
  }
  #resale #resale_renovation .side{
    width:100%;
    margin-bottom: 40px;
  }
  #resale #resale_renovation .side img{
    width:80%;
  }
  #resale #resale_renovation figure{
    width:100%;
  }
#resale #resale_buyback #point1 .side,
#resale #resale_buyback #point2 .side,
#resale #resale_buyback #point3 .side{
  width:100%;
}
#resale #resale_buyback #point1 figure.image,
#resale #resale_buyback #point2 figure.image,
#resale #resale_buyback #point3 figure.image{
  width:100%;
}
#resale #resale_buyback #point1 h5,
#resale #resale_buyback #point2 h5,
#resale #resale_buyback #point3 h5,
#resale #resale_free h5,
#resale #resale_renovation h5{
  font-size:2rem;
}
#resale #resale_real .resale_real_contact{
  width:100%;
  font-size:1.8rem;
}
#resale #resale_real ul{
  width:100%;
  margin-bottom: 20px;
}
#resale #resale_real ul li img{
  height:50px;
}
#resale #resale_renovation ul li{
  width:100%;
  border-right:none;
  padding: 10px 20px;
}
#resale #resale_renovation ul li h6{
  font-size:2rem;
  margin-top: 10px;
  margin-bottom: 10px;
}
#resale #resale_renovation ul li p{
  margin-bottom: 0;
}
#resale #resale_buyback .check{
  width:100%;
  padding: 20px 20px 10px;
}
#resale #resale_buyback .check h5{
  font-size:2rem;
  margin-bottom: 20px;
}
#resale #resale_buyback .check ul{
  margin-bottom: 40px;
}
#resale #resale_buyback .check ul li{
  font-size:1.4rem;
  line-height: 1.5em;
  text-align: left;
  margin-bottom: 15px;
  padding-left: 25px;
  text-indent: -25px;
}
#resale #resale_free .side{
  width:100%;
}
#resale #resale_free figure{
  width:60%;
  margin: 0 auto 20px;
}
#resale #resale_free .resale_contact{
  width:100%;
  margin: 0 auto;
  border:1px solid #666;
}
#resale #resale_free .resale_contact h6{
  padding: 20px 0;
  font-size:1.8rem;
}
#resale #resale_free .resale_contact ul{
  padding: 20px;
}
#resale #resale_free .resale_contact ul li{
  width:48%;
  margin-bottom: 10px;
  font-size:1.2rem;
  padding-left: 1em;
  text-indent: -1em;
}
#resale #resale_renovation p.caption{
  font-size:1rem;
}
#resale .resale_faq dt{
  font-size:1.6rem;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
#resale .resale_faq dd{
  font-size:1.2rem;
}
#resale .resale_faq div{
  width: 80%;
  padding: 10px 0 0;
  height: 40px;
  font-size: 1.4rem;
}
#resale #topics{
  display: block;
  margin-bottom: 60px;
}
#resale #topics article {
}
#resale #topics article figure {
  height: 160px;
  background-size: cover;
  background-position: center center;
}
#resale #topics h3 {
  font-size: 2.6rem;
  width: 100%;
}
#resale #topics h3 span {
  font-size: 1rem;
}
#resale #topics article h4 {
  font-size: 1.3rem;
  margin: 0 2vw;
}
#resale #topics article p.address {
  font-size: 1.1rem;
  margin: 0 2vw;
}
#resale #topics article p.date {
  font-size: 1.1rem;
  margin: 0 2vw;
}
#resale #topics article p.price {
  font-size: 1.1rem;
  margin: 0 2vw;
}
#resale #topics div.btn{
  font-size:1.4rem;
}

#partners main section{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
#partners h4{
  font-size: 2rem;
}
#partners_problems article{
  width:100%;
}
#partners_problems article h5{
  font-size:1.8rem;
}
#partners_problems article ul{
  margin-bottom:20px;
  padding: 0;
}
#partners_problems article ul li{
  margin-bottom: 10px;
  font-size:1.2rem;
}
#partners_problems article ul li.title{
  list-style: none;
  margin-left: 0;
}
#partners_support{
  width:100% !important;
  padding: 40px 5%;
}
#partners_support h4{
  margin-top: 0;
}
#partners_support p{
  width:100%;
  margin-bottom: 20px;
}
#partners_support figure{
  width:100%;
  height:auto;
  margin-bottom: 20px;
  text-align: center;
}
#partners_support figure img{
  width:60%;
}
#partners_support div.btn{
  border:#999 1px solid;
  background-color: #fff;
  color:#333;
  position:relative;
}
#partners_support div.btn:hover{
  background: #999;
  color:#fff;
  cursor: pointer;
}
#partners_support div.btn a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#partners_free{
  margin-bottom: 0;
}
#partners_free .side{
  width:100%;
}
#partners_free figure{
  width:60%;
  margin: 0 auto 20px;
}
#partners_free .resale_contact{
  width:100%;
  margin: 0 auto;
  border:1px solid #666;
}
#partners_free .resale_contact h6{
  padding: 20px 0;
  font-size:1.8rem;
}
#partners_free .resale_contact ul{
  padding: 20px;
}
#partners_free .resale_contact ul li{
  width:48%;
  margin-bottom: 10px;
  font-size:1.2rem;
  padding-left: 1em;
  text-indent: -1em;
}
#partners_free div.btn{
  border:#999 1px solid;
  background-color: #fff;
  color:#333;
  margin-top: 40px;
  position:relative;
}
#partners_free div.btn:hover{
  background: #999;
  color:#fff;
  cursor: pointer;
}
#partners_free div.btn a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#partners_toc p{
  width:100%;
}
#partners_toc figure{
  width:100%;
}
#partners_toc article h5{
  font-size:1.8rem;
}
#partners_toc article ul{
  width:100%;
  margin-bottom: 20px;
}
#partners_toc article ul li{
  width:30%;
  font-size:1.2rem;
}
#partners_toc div.btn{
  border:#999 1px solid;
  background-color: #fff;
  color:#333;
  position:relative;
}
#partners main .btn{
  width: 90%;
  font-size: 1.4rem;
}
#recruit #contents {
  width: calc(100% - 60px);
}
#recruit #company_prof dt {
  width: 6em;
  font-size: 1.2rem;
}
#recruit #company_prof dd {
  font-size: 1.2rem;
  padding-left: 7em;
}
#contact #mailform {
  width: calc(100% - 60px);
}
#privacy #contents {
  width: calc(100% - 60px);
}
.modal__content {
  background: #fff;
  left: 5%;
  padding: 20px;
  top: 5%;
  transform: translate(0, 0);
  width: 90%;
  height:80%;
}
.modal_submit {
  left: 5%;
  padding: 10px;
  bottom: 5%;
  transform: translate(0, 0);
  width: 90%;
  height:10%;
  overflow-y: scroll;
}
/*詳細選択*/
.modal__content h4{
font-size:1.6rem;
margin:0 0 20px;
}
.modal__content h5{
background: #ddd;
text-align: center;
width:100%;
padding: 10px 0;
font-size:1.4rem;
margin:0 0 20px;
}
#search .modal_submit button {
padding: 10px;
height: 40px;
border-radius: 20px;
width: 80%;
border: none;
background: #666;
color: #fff;
font-size: 1.4rem;
font-weight: bold;
}
.modal__content .area_sub .flex_wrap{
display: flex;
flex-wrap: wrap;
justify-content: left;
}
.modal__content .area_sub .flex_wrap input,
.modal__content .line_sub .flex_wrap input{
width:10%;
font-size:1.6rem;
margin: 4px 0 10px;
}
.modal__content .area_sub .flex_wrap label,
.modal__content .line_sub .flex_wrap label{
width:90%;
font-size:1.6rem;
text-align: left;
margin: 0 0 20px;
}
#member_form{
  width:90%;
  margin: 0 auto 0;
}
#member_form article{
  width:100%;
}
#member_form article figure{
  margin-bottom: 40px;
}
#wpmem_reg{
  width:100% !important;
}
#wpmem_reg label.text,
#wpmem_reg input#min_cost,
#wpmem_reg input#max_cost,
#wpmem_reg label.select,
#wpmem_reg select.dropdown{
  font-size:1.2rem !important;
}
#wpmem_login fieldset, #wpmem_reg fieldset {
  padding: 20px !important;
}
#wpmem_reg .div_text + .multicheckbox,
#wpmem_reg .div_multicheckbox{
  width:100% !important;
}
#wpmem_reg label.multicheckbox{
  width:90% !important;
}
#wpmem_reg .div_multicheckbox input{
  margin-top: -10px;
}
#wpmem_reg .div_radio label{
  width:88% !important;
}
#wpmem_reg .div_radio label#label_pet_1,
#wpmem_reg .div_radio label#label_pet_2{
  width:38% !important;
}
/*
------------------------------------------------------------------------------
ボタン
*/
.btn_wrap_col1 div{
  width:90%;
  margin-left: auto;
  margin-right: auto;
}
.btn_wrap_col2 div{
  width:90%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
/*
------------------------------------------------------------------------------
イベント一覧
*/
#home #event .event_tn,
#news_detail #event .event_tn {
  width:100%;
  padding: 20px;
  margin-bottom: 20px;
}
#home #event .event_tn article figure,
#news_detail #event .event_tn article figure{
  height:calc(100vw - 40px);
}
#home #event .event_tn article,
#news_detail #event .event_tn article{
width:100%;
margin: 0 0 20px;
}
#home #event .event_list,
#news_detail #event .event_list{
  width:100%;
  padding: 20px;
}
#home #event .event_list article,
#news_detail #event .event_list article{
width:48%;
margin: 0 0 20px;
}
#home #event .event_list article figure,
#news_detail #event .event_list article figure{
width: 100%;
height:calc(48vw - 19.2px);
}
#home #event .event_list article .txt,
#news_detail #event .event_list article .txt{
width:58%;
}
#home #event .event_list article .txt h4,
#news_detail #event .event_list article .txt h4{
font-size:1.3rem;
}
#news_detail .event_list article{
  padding: 0;
}

/*
------------------------------------------------------------------------------
イベント詳細
*/
.post_next_back{
  margin-top:40px;
  padding: 20px;
  border-top: 1px solid #ccc;
}
.post_next_back div{
  width:100%;
  font-size:1.3rem;
  margin-bottom: 10px;
}


}