@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------------- FORMAT ---------- */

html {
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",'Noto Serif JP', serif,"Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
/*  font-family: "リュウミン R-KL","Ryumin Regular KL",serif;*/
/*  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", sans-serif;
    */
  font-size: 10px;
  line-height: 1.8em;
  color: #221714;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  background-color: #fff;
  text-align: center;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  padding-left:230px;
}
#wpadminbar{
  display: none;
}
/*
@media screen and (min-width: 960px) {
  body {
    padding-left: 23%;
  }
}
@media screen and (min-width: 1260px) {
  body {
    padding-left: 230px;
  }
}
*/

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

p {
  text-align: justify;
  line-height: 1.8em;
  margin: 0;
}

img {
  border: 0;
  width: 100%;
  height: auto;
}

ul {
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style: none;
}

li {
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

figure {
  margin: 0;
}

a *:hover {
  color: inherit;
  cursor: pointer;
}

p.u-link a {
  color: #ea5504;
}

a:hover {
  color: inherit;
  cursor: pointer;
}

a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

a:hover img.no_opacity {
  opacity: 1;
  filter: alpha(opacity=100);
}

.sp {
  display: none !important;
}

/* ----------------------------------------------- COMMON ---------- */

h1 {
  margin: 0;
}

h2 {
  font-weight: 800;
  font-size: 3rem;
  margin: 0 0 20px;
  text-align: left;
  line-height: 1;
}

h3 {
  font-weight: normal;
  font-size: 3.6rem;
  letter-spacing: 0.05em;
  line-height: 1.5em;
  margin: 0 0 20px;
  text-align: left;
  line-height: 3rem;
  text-align: center;
}
h3 span {
  font-size: 1.6rem;
  letter-spacing: 0;
}
h4 {
  font-weight: 600;
  font-size: 2rem;
}
h5 {
  font-weight: 600;
  font-size: 1.8rem;
  margin: 10px 0;
  text-align: left;
}
p {
  font-size: 1.4rem;
  margin-bottom: 20px;
}

section {
  width: calc(100% - 260px);
  margin: 40px auto;
}


/* ----------------------------------------------- HDR ---------- */
header {
  display: none;
}

/* ----------------------------------------------- NAV ---------- */

#menu {
  background: #fff;
/*
  max-width: 230px;
  width: 23%;
*/
width:230px;
  height: 100vh;
  text-align: center;
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

#menu h1 {
  width: 180px;
  max-width: 80%;
  height: 16vh;
  margin: 0 auto;
  padding-top: calc(8vh - 12px);
}

#menu h1 img {
  width: 100%;
  height: auto;
}
#menu li:nth-child(1) {
  border-top: solid 1px #ccc;
}
#menu li {
  font-size: 1.2rem;
  font-weight: bold;
  color: #333;
  padding: 0.5vh 30px;
  border-bottom: solid 1px #ccc;
  text-align: left;
  position: relative;
}
#menu li a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#menu li:hover {
  background: #eee;
}
#menu li span {
  font-weight: normal;
  font-size: 1rem;
  color: #999;
}
#menu_contact {
  width: 100%;
  height: 100px;
  background: #727071;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
}
#menu_contact p {
  margin: 15px 0 10px;
  text-align: center;
  font-size: 1.6rem;
}
#menu_contact div.btn {
  width: 80%;
  text-align: center;
  padding: 8px 0 6px;
  font-size: 1.2rem;
  border: 1px #fff solid;
  margin: 0 auto;
  position:relative;
}
#menu_contact div.btn a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#menu_contact div.btn:hover {
  background: #444;
}
#menu_company,
#menu_renovation,
#menu_property,
#menu_news,
#menu_owner,
#menu_faq,
#menu_works {
  display: none;
  padding-top: 20vh;
  max-width: 230px;
  width: 23%;
  height: 100vh;
  text-align: center;
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 230px;
  z-index: 9999;
  background: rgba(40, 40, 40, 0.9);
}
#menu_company li,
#menu_renovation li,
#menu_property li,
#menu_news li,
#menu_owner li,
#menu_faq li,
#menu_works li {
  border: none !important;
  color: #fff;
  border: none;
  padding: 2vh 20px;
}
#menu_company li:hover,
#menu_renovation li:hover,
#menu_property li:hover,
#menu_news li:hover,
#menu_owner li:hover,
#menu_faq li:hover,
#menu_works li:hover {
  background: #000;
}
#sp_nav {
  display: none;
}
/*----------------------------
* メニュー開閉ボタン
*----------------------------*/
.menu-btn {
  position: absolute;
  top: 25px;
  left: 20px;
  z-index: 2;
  width: 20px;
  height: 20px;
}

.menu-btn img {
  width: auto;
  height: 100%;
}
.menu-btn {
  display: none;
}

/*----------------------------
* メニュー本体
*----------------------------*/

#hdr_nav {
  display: none;
  width: 100%;
  height: 70px;
  overflow: hidden;
  margin-top: 70px;
  position: fixed;
  z-index: 999;
}

#hdr_nav div {
  width: 100%;
}

#hdr_nav ul {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  position: relative;
  background: #000;
}
#hdr_nav div.arrow_left {
  display: none;
  position: fixed;
  top: 50px;
  left: 0;
  width: 30px;
  height: 70px;
  background: rgba(220, 220, 220, 0.9);
  border-right: 1px solid #999;
  color: #666;
  z-index: 8888;
  font-size: 14px;
  text-align: center;
  padding-top: 27px;
}
#hdr_nav div.arrow_right {
  display: none;
  position: fixed;
  top: 50px;
  right: 0;
  width: 30px;
  height: 70px;
  background: rgba(220, 220, 220, 0.9);
  border-left: 1px solid #999;
  color: #666;
  z-index: 8888;
  font-size: 14px;
  text-align: center;
  padding-top: 27px;
}
#hdr_nav li.cover_left {
  position: absolute;
  top: 0;
  left: 0;
  backgound: #000;
  z-index: 99999;
}
#hdr_nav li.cover_right {
  position: absolute;
  top: 0;
  right: 0;
  backgound: #000;
  z-index: 99999;
}
#hdr_nav li {
  display: table-cell;
  padding: 14px 16px;
}

#hdr_nav li.customer {
  background: #000;
}

#hdr_nav li.owner {
  background: #000;
}

#hdr_nav li.etc {
  background: #000;
}
#hdr_nav li img {
  width: auto;
  height: 24px;
}

#hdr_nav li p {
  font-size: 1rem;
  color: #fff;
  text-align: center;
  margin-bottom: -6px;
}

::-webkit-scrollbar {
  display: none;
}

.hdr_member {
  position: absolute;
  top: 24px;
  right: 20px;
  z-index: 2;
  width: 24px;
  height: 24px;
}
.hdr_member img {
  height: 100%;
  max-height: 100%;
  width: auto;
}
@media screen and (min-width: 960px) {
  #hdr_nav {
    display: none;
  }
}

/* ----------------------------------------------- FOOTER ---------- */

footer .f_logo {
  width: 100%;
  text-align: center;
}

footer .f_logo img {
  width: 165px;
  height: auto;
  margin: 0 auto 10px;
}

footer .f_logo p.f_copy {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2;
}

footer .f_logo p.f_copy span {
  font-size: 0.9rem;
}

footer .f_tel {
  background: #000;
  padding: 20px 0 10px;
  width: 100%;
}

footer .f_tel p {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  margin: 0;
  color: #fff;
}

footer .f_tel p.tel {
  font-size: 3.2rem;
}

footer .f_info {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0;
}

footer .f_info p {
  font-size: 1.1rem;
  text-align: left;
  line-height: 1.4;
}

footer .f_info p.name {
  font-weight: bold;
  margin-bottom: 10px;
}

footer .f_info article {
  margin-bottom: 10px;
}

footer nav.f_nav {
  width: 100%;
  padding: 0 6vw;
  margin-bottom: 40px;
}

footer nav.f_nav ul {
  border-top: 1px solid #ccc;
}

footer nav.f_nav ul li {
  font-size: 1rem;
  padding: 10px;
  border-bottom: 1px solid #ccc;
  text-align: left;
}

footer #copyright {
  padding: 0;
  width: 100%;
  font-size: 1rem;
  text-align: center;
  margin-bottom: 0;
}

footer #f_snav {
  padding: 0 40px;
  width: 100%;
  font-size: 1rem;
  text-align: left;
}
@media screen and (min-width: 960px) {
  footer .f_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  footer .f_info article {
    width: 50%;
  }
}

/* ----------------------------------------------- INDEX ---------- */
#home #top_main {
  padding: 0;
  width: 100%;
  height: calc(100vh - 100px);
  margin: 0;
  background-color: #000000;
  background-size: cover;
  background-position: center center;
}
#home #top_main img {
  width: 100%;
  height: auto;
}
#home #top_main .swiper {
  width: 100%;
  height: calc(100vh - 100px);
}
#home #top_main .swiper .swiper-slide {
  position: relative;
  background-color: #000000;
  display: flex;
  align-items: center;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
#home #top_main .swiper .swiper-slide iframe {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1/1;
  border: none;
}
#home #top_main .swiper-pagination {
  bottom: 40px;
}
#home #top_main .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  margin: 0 5px;
  background-color: #fff;
}
.swiper-button-next,
.swiper-button-prev{
  border: 1px solid #fff;
  border-radius: 50%;
  width: 50px !important;
  height: 50px !important;
}
.swiper-button-next{
  right: 40px !important;/* ボタンを右端にくっつける */
}
.swiper-button-prev{
  left: 40px !important;/* ボタンを左端にくっつける */
}
.swiper-button-next::after, 
.swiper-button-prev::after {
  content: '';
  color: #fff;
  font-size: 1.8rem !important;
  font-weight: bold;
}
#home #top_main .txt {
  display: none;
}
#top_contact {
  width: 100%;
  margin: 0 0 100px;
  background: #838182;
}
#ftr_contact {
  width: 100%;
  max-width: none !important;
  margin: 0 0 0;
  background: #838182;
  position: relative;
}
#top_contact ul,
#ftr_contact ul {
  display: flex;
  height: 100px;
}
#top_contact ul li,
#ftr_contact ul li {
  width: 33.33%;
  text-align: center;
  border-right: 1px #999;
  text-align: center;
  position: relative;
}
#top_contact ul li:hover,
#ftr_contact ul li:hover {
  background: #555;
  cursor: pointer;
}
#top_contact ul li img,
#ftr_contact ul li img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}
/*
tel 366-116
web 373-33
line 363-48
*/
#top_contact ul li.contact_tel,
#ftr_contact ul li.contact_tel {
  border-right: 1px #ccc solid;
  position:relative;
}
#top_contact ul li.contact_tel img,
#ftr_contact ul li.contact_tel img {
  height: 75px;
  width: auto;
}
#top_contact ul li.contact_web,
#ftr_contact ul li.contact_web {
  border-right: 1px #ccc solid;
  position:relative;
}
#top_contact ul li.contact_web img,
#ftr_contact ul li.contact_web img {
  height: 24px;
  width: auto;
}
#top_contact ul li.contact_line,
#ftr_contact ul li.contact_line {
  position:relative;
}
#top_contact ul li.contact_line img,
#ftr_contact ul li.contact_line img {
  height: 30px;
  width: auto;
}
#top_contact ul li.contact_tel a,
#ftr_contact ul li.contact_tel a,
#top_contact ul li.contact_web a,
#ftr_contact ul li.contact_web a,
#top_contact ul li.contact_line a,
#ftr_contact ul li.contact_line a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#home #topics {
  margin-bottom: 100px;
}
#home #topics .topics_wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#home #topics h3 {
  width: 100%;
}
#home #topics h3 span {
}
#home #topics article {
  width: 30%;
  margin-bottom: 40px;
  position: relative;
}
#home #topics article:hover {
  opacity: 0.8;
  cursor: pointer;
}
#home #topics article a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#home #topics article figure {
  width: 100%;
  height:calc(16.875vw - 83px);/*16:9*/
  background: #999;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center center;
}
#home #event {
  margin-bottom: 60px;
}
#home #event .topics_wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#home #event h3 {
  width: 100%;
}
#home #event h3 span {
}
#home #event article {
  width: 30%;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 40px;
  position: relative;
}
#home #event article:hover {
  opacity: 0.8;
  cursor: pointer;
}
#home #event article a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:999;
}
#home #event article figure {
  width: 100%;
  height:calc(16.875vw - 83px);/*16:9*/
  background: #999;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center center;
}
#home #interview {
  margin-bottom: 60px;
}
#home #interview .topics_wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#home #interview h3 {
  width: 100%;
}
#home #interview h3 span {
}
#home #interview article {
  width: 30%;
  margin-bottom: 40px;
  position: relative;
}
#home #interview article:hover {
  opacity: 0.8;
  cursor: pointer;
}
#home #interview article a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#home #interview article figure {
  width: 100%;
  height:calc(16.875vw - 83px);/*16:9*/
  background: #999;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center center;
}

#home #works {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 100px;
}
#home #works h3 {
  width: 100%;
}
#home #works h3 span {
}
#home #works article {
  width: 30%;
  margin-bottom: 40px;
  position: relative;
}
#home #works article:hover {
  opacity: 0.8;
  cursor: pointer;
}
#home #works article a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#home #works article figure {
  width: 100%;
  height:calc(16.875vw - 83px);/*16:9*/
  background: #999;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center center;
}
#home #design{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 100px;
}
#home #design h3{
  width:100%;

}
#home #design article{
  width:24%;
}
#home #design article figure{
  width:100%;
  height:210px;
  background-size:cover;
  background-position: center center;
}
#home #design article h4{
  width:80%;
  margin: -20px auto 0;
  background:#fff;
  text-align: center;
  font-size:1.6rem;
  line-height: 1.5em;
  padding: 10px;  
}
#home #design article p{
  width: 100%;
  text-align: justify;
  font-size:1.2rem;
}
#home #design_li ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 100px;
}
#home #design_li ul li{
  position:relative;
  width:48%;
  border:1px solid #ccc;
  background-image: url(../img/search_arrow.png);
  background-position:20px;
  background-repeat: no-repeat;
  background-size: 10%;
  padding:20px 20px 20px 120px;
  margin-bottom: 20px;
}
#home #design_li ul li:hover{
  cursor: pointer;
  opacity: 0.8;
}
#home #design_li ul li a{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#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.2rem;
  margin: 0;
}
#home #price{
  margin-bottom: 80px;
}
#home #price figure{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;  
}
#home #price figure img{
  display: block;
  width:24%;
  height:auto;
}
@media screen and (min-width: 1260px) {
  #home #topics article figure {
    height:calc(16.875vw - 83px);/*16:9*/
  }
  #home #works article figure {
    height:calc(16.875vw - 83px);/*16:9*/
  }
}
#home #topics article h4 {
  text-align: left;
  font-size: 1.6rem;
  margin: 14px 0 10px;
  line-height: 1.5em;
}
#home #topics article p.address {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#home #topics article p.date {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#home #topics article p.price {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#home #topics article h4 {
  text-align: left;
  font-size: 1.6rem;
  margin: 14px 0 10px;
  line-height: 1.5em;
}
#home #works article h4 {
  text-align: left;
  font-size: 1.6rem;
  margin: 14px 0 10px;
  line-height: 1.5em;
}
#home #event article h4 {
  text-align: left;
  font-size: 1.6rem;
  margin: 14px 0 10px;
}
#home #event article p.address {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#home #event article p.date {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#home #event article p.price {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#home #event article h4 {
  text-align: left;
  font-size: 1.6rem;
  margin: 14px 0 10px;
  line-height: 1.5em;
}
#home #interview article h4 {
  text-align: left;
  font-size: 1.6rem;
  margin: 14px 0 10px;
}
#home #works article p.address {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#home #works article p.date {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#home #works article p.price {
  font-size: 1.2rem;
  margin-bottom: 0;
}
.btn_more_area {
  width: 100%;
}
.btn_more {
  width: 40%;
  background: #727071;
  color: #fff;
  padding: 20px 0 0;
  text-align: center;
  margin: 0 auto;
  height: 60px;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
}
.btn_more a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#home #search {
  margin-top: 60px;
  margin-bottom: 100px;
}
#home #search h3 {
  width: 100%;
}
#home #search ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 100px;
}
#home #search ul li{
  position:relative;
  width:48%;
  border:1px solid #ccc;
  background-image: url(../img/search_arrow.png);
  background-position:20px;
  background-repeat: no-repeat;
  background-size: 10%;
  padding:40px 40px 40px 120px;
  margin-bottom: 20px;
}
#home #search ul li:hover{
  cursor: pointer;
  opacity: 0.8;
}
#home #search ul li a{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#home #search ul li h4{
  text-align: left;
  font-size:1.6rem;
  margin: 0 0 5px;
}
#home #faq {
  width: 100%;
  height: 360px;
  padding: 110px 0 0;
  background-image: url(../img/top_faq_h3.jpg);
  background-size: cover;
  background-position: center center;
  margin-bottom: 100px;
  position:relative;
}
#home #faq:hover{
  opacity: 0.8;
}
#home #faq a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#home #faq h3 {
  text-align: center;
  color: #fff;
  font-size: 3.6rem;
  line-height: 3rem;
  margin-bottom: 0;
}
#home #faq h3 span {
  font-size: 1.4rem;
  line-height: 2rem;
}
#home #faq .btn{
  width:300px;
  text-align: center;
  font-size:1.4rem;
  background:#666;
  color:#fff;
  padding: 20px 0;
  margin: 40px auto 0;
}
#home #faq article {
  width: 30%;
  margin-bottom: 0;
}
#home #faq article figure {
  width: 100%;
  height: 300px;
  height: 10.55vw; /*16:9-> 330:200*/
  background: #999;
  margin-bottom: 10px;
}
@media screen and (min-width: 1260px) {
  #home #faq article figure {
    height: calc(16vw - 41.8px); /*16:9-> 330:200*/
  }
}
#home #faq article p {
  font-size: 1.6rem;
}
#home #faq article p span {
  display: inline-block;
  text-align: center;
  padding-top: 6px;
  width: 40px;
  height: 40px;
  font-size: 1.4rem;
  font-weight: bold;
  background: #666;
  color: #fff;
  border-radius: 20px;
  margin-right: 10px;
}
#home #news {
  margin-bottom: 60px;
}
#home #news_area {
  display: flex;
  border: #ccc 1px solid;
}
#home #news_area .btn_more_list {
  width: 80%;
  margin: 40px auto 0;
  border: #999 1px solid;
  font-size: 1.4rem;
  text-align: center;
  padding: 16px 0 16px;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 30px;
  position: relative;
}
#home #news_area .btn_more_list a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#home #news_area .btn_more_list:hover {
  background: #000;
}
#home #news_nav {
  width: 24%;
  background: #444;
  padding: 60px 0 0 0;
  position: relative;
}
#home #news_nav ul {
  width: 100%;
}
#home #news_nav ul li {
  width: 100%;
  padding: 16px 40px;
  text-align: left;
  font-size: 1.4rem;
  color: #fff;
}
#home #news_nav ul li:hover {
  background: #666;
  cursor: pointer;
}
#home #news_area .news_list {
  width: 76%;
  padding: 40px 40px 0;
  min-height: 500px;
}
#home #news_area .news_list article {
  text-align: left;
  margin-bottom: 40px;
}
#home #news_area .news_list article p.date {
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
}
#home #news_area .news_list article p.category {
  padding: 2px 30px 0;
  height: 24px;
  border-radius: 14px;
  font-size: 1.2rem;
  font-weight: bold;
  background: #999;
  color: #fff;
  display: inline-block;
  margin-bottom: 10px;
}
#home #news_area .news_list article p.category.news {
  background: #014da1;
}
#home #news_area .news_list article p.category.openhouse {
  background: #c33098;
}
#home #news_area .news_list article p.category.seminar {
  background: #43b232;
}
#home #news_area .news_list article p.category.media {
  background: #fdd100;
}
#home #news_area .news_list article p.category.press {
  background: #e46e0f;
}
#home #news_area .news_list article p.category.column {
  background: #05c3aa;
}
#home #news_area .news_list article p.category.interview {
  background: #cb310e;
}
#home #news_area .news_list article h4 {
  width: 100%;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: left;
  margin: 0;
  text-decoration: underline;
}
#home #news_list_all,
#home #news_list_news,
#home #news_list_openhouse,
#home #news_list_seminar,
#home #news_list_media,
#home #news_list_press {
  display: none;
}
#home #news_list_all.show,
#home #news_list_news.show,
#home #news_list_openhouse.show,
#home #news_list_seminar.show,
#home #news_list_media.show,
#home #news_list_press.show {
  display: block;
}
#simulator_cost h4 {
  font-size: 3.2rem;
  font-weight: 600;
  text-align: left;
  line-height: 1.5;
}
#simulator_cost .simulator_cost_input br {
  display: none;
}
#simulator_cost .simulator_cost_input {
  font-size: 1.4rem;
  font-weight: 600;
  text-align: right;
  margin-bottom: 40px;
}
#simulator_cost .simulator_cost_input input {
  padding: 10px;
  font-size: 1.4rem;
  border-radius: 10px;
  border: #ccc 1px solid;
}
#simulator_cost .simulator_cost_input button {
  width: 20%;
  margin-left: 20px;
  padding: 10px 0;
  text-align: center;
  border-radius: 0;
  background: #555;
  color: #fff;
  box-shadow: none;
  border: none;
  font-weight: 600;
}
#simulator_cost .simulator_cost_input button:hover{
  cursor: pointer;
  background: #999;
}
#simulator_cost .simulation_cost_reason {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#simulator_cost .simulation_cost_reason dl {
  width:48%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
#simulator_cost .simulation_cost_reason dt {
  width: 50%;
  text-align: left;
  font-size: 2rem;
  font-weight: 600;
  padding-top: 16px;
}
#simulator_cost .simulation_cost_reason dd {
  width: 50%;
  text-align: right;
  font-size: 2rem;
  font-weight: 600;
}
#simulator_cost .simulation_cost_reason dd strong {
  font-size: 4rem;
}
#home #search h3 {
  font-size: 3.6rem;
  text-align: center;
  width: 100%;
  margin: 0 auto 20px;
}

/*
------------------------------------------------------------------------------
*/
#cts_nav {
  width: 100%;
  margin-bottom: 0;
}
#cts_nav ul {
  display: flex;
}
#cts_nav ul li {
  width: 25%;
  height: 110px;
  padding-left: 40px;
  text-align: left;
  padding-top: 50px;
  background: #555;
  font-size: 1.4rem;
  color: #fff;
  position:relative;
}
#cts_nav ul li a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#cts_nav ul li:nth-child(1) {
  background-image: url(../img/about_main.jpg);
  background-size: cover;
  background-position: center center;
}
#cts_nav ul li:nth-child(2) {
  background-image: url(../img/main.jpg);
  background-size: cover;
  background-position: center center;
}
#cts_nav ul li:nth-child(3) {
  background-image: url(../img/consultation_h3.jpg);
  background-size: cover;
  background-position: center center;
}
#cts_nav ul li:nth-child(4) {
  background-image: url(../img/main.jpg);
  background-size: cover;
  background-position: center center;
}
#consultation {
  width: 100%;
  height: 200px;
  padding: 55px 0 0;
  background-image: url(../img/consultation_h3.jpg);
  background-size: cover;
  background-position: center center;
  margin-bottom: 0;
  margin-top: 0;
}
#consultation h3 {
  width: 100%;
  text-align: center;
  color: #555;
  font-size: 2rem;
  margin-bottom: 10px;
}
#consultation h3 + p {
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.4rem;
}
footer {
  background: #444;
  padding-top: 60px;
}
footer #sns {
  position:fixed;
  top:20px;
  right:20px;
  margin: 0;
}
footer #sns ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
}
footer #sns ul li {
  width: 25px;
  margin: 0 10px;
  position:relative;
}
footer #sns ul li:hover{
  opacity: 0.8;
}
footer #sns ul li a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;;
}
footer #sns ul li img {
  width: 100%;
  height: auto;
}
footer nav {
  width: calc(100% - 12vw);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer nav ul {
  width: 23%;
}
footer nav ul li {
  color: #fff;
  margin-bottom: 14px;
  font-size: 1.2rem;
  text-align: left;
  position:relative;
}
footer nav ul li a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
footer #bnr {
  text-align: left;
  width: calc(100% - 12vw);
  margin-bottom: 10px;
}
footer #bnr img {
  margin-right: 10px;
}
footer #bnr a:nth-child(1) img{
  width: 168px;
  height: auto;
}
footer #bnr a:nth-child(2) img{
  width: 96px;
  height: auto;
}
footer #bnr a:nth-child(3) img {
  width: 122px;
  height: auto;
}
footer #license {
  margin-top: 0;
  width: calc(100% - 12vw);
  color: #fff;
  text-align: left;
}
footer #license p {
  font-size: 1.2rem;
}
footer p#copyright {
  width: 100%;
  border-top: #999 1px solid;
  padding: 20px 0;
  margin: 0;
  text-align: center;
  font-size: 1.2rem;
  color: #fff;
}


/*
------------------------------------------------------------------------------
下層ページ共通
*/
.cts h2 {
  font-size: 3rem;
  width: 100%;
  margin: 0 auto 60px;
  padding: 0;
  color: #000;
  text-align: center;
  letter-spacing: 0em;
}
.cts h2 span {
  margin-left: 0;
  font-size: 1.4rem;
}
#cts_mv {
  width: 100%;
  height: 480px;
  margin: 0 0 60px;
  padding: 220px 0 0 0;
  background-size: cover;
  background-position: center center;
}
#works_type_detail #cts_mv {
  height: auto;
  margin: 0 0 60px;
  padding: 120px 0 0 0;
  background: none !important;
}
#cts_mv h2{
  color:#fff;
}
#works_type_detail #cts_mv h2{
  color:#000;
}
@media screen and (max-width: 834px){
  #works_type_detail #cts_mv {
    margin: 0 0 0;
    padding: 60px 0 0 0;
  }
  #works_type_detail #cts_mv h2{
    margin-bottom: 0;
  }
}
/*.cts h3 {
  font-size: 2.4rem;
  color: #666;
  margin: 0;
  width: 100%;
  text-align: center;
}
.cts h3 + p {
  font-size: 1.2rem;
  color: #666;
  margin: 0 0 40px;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
*/
#company,
#history,
#message,
#group,
#faq {
  background: #e4e4e4;
}
#company main,
#history main,
#message main,
#group main,
#faq main {
  width: calc(100% - 260px);
  margin: 0 auto 80px;
  padding: 40px;
  background: #fff;
}
#cts_mv {
  background-color: #ccc;
}
#about #cts_mv {
  background-image: url(../img/mv_about.jpg);
}
#company #cts_mv {
  background-image: url(../img/mv_company.jpg);
}
#message #cts_mv {
  background-image: url(../img/mv_message.jpg);
}
#group #cts_mv {
  background-image: url(../img/mv_group.jpg);
}
#history #cts_mv {
  background-image: url(../img/mv_history.jpg);
}
#renovation #cts_mv,
#purareno-relief #cts_mv {
  background-image: url(../img/mv_renovation.jpg);
}
#purareno-simulator #cts_mv {
  background-image: url(../img/mv_standard.jpg);
}
#freedesign #cts_mv {
  background-image: url(../img/mv_design.jpg);
}
#purareno #cts_mv {
  background-image: url(../img/mv_purareno.jpg);
}
#flow #cts_mv{
  background-image: url(../img/mv_flow.jpg);
}
#works #cts_mv,
#works_detail #cts_mv {
  background-image: url(../img/mv_works.jpg);
}
#news #cts_mv,
#news_detail #cts_mv,
#home.event #cts_mv {
  background-image: url(../img/mv_company.jpg);
}
#property #cts_mv,
#search #cts_mv,
#simulator #cts_mv,
#contact #cts_mv,
#privacy #cts_mv,
#self-simulator #cts_mv{
  background-image: url(../img/mv_property.jpg);
}
#simulator_original #cts_mv,
#simulator_original_result #cts_mv{
  background-image: url(../img/mv_original.jpg);
}

#program #cts_mv{
  background-image: url(../img/mv_program.jpg);
}
#first #cts_mv{
  background-image: url(../img/mv_first.jpg);
}
#freereno #cts_mv{
  background-image: url(../img/mv_freereno.jpg);
}
#nonloan #cts_mv{
  background-image: url(../img/mv_nonloan.jpg);
}
#vintage #cts_mv{
  background-image: url(../img/mv_vintage.jpg);
}
#faq.faq_customer #cts_mv{
  background-image: url(../img/mv_faq_customer.jpg);
}
#faq.faq_owner #cts_mv{
  background-image: url(../img/mv_faq_owner.jpg);
}
#relief #cts_mv{
  background-image: url(../img/mv_relief.jpg);
}
#member #cts_mv {
  background-image: url(../img/mv_about.jpg);
}
#resale #cts_mv {
  background-image: url(../img/mv_resale.jpg);
}
#partners #cts_mv {
  background-image: url(../img/partner_01.jpg);
}
#recruit #cts_mv {
  background-image: url(../img/mv_recruit.jpg);
}
#partners #cts_mv {
  background-image: url(../img/mv_partners.jpg);
}
.cts h4 {
  font-size: 2rem;
  margin-bottom: 40px;
}
#bnr_purareno img{
  width:96%;
  max-width: 800px;
  margin: 0 auto;
}
#bnr_purareno p.caption{
  width:96%;
  max-width: 800px;
  text-align: right;
  font-size:1rem;
  margin: 0 auto;
}

/*
------------------------------------------------------------------------------
［共通パーツ］cmn_works
*/

#cmn_works {
  padding: 60px;
  margin-top: 0;
  margin-bottom: 0;
  background: #e4e4e4;
}
#cmn_works.cmn_works_more {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#cmn_works.cmn_works_more .btn_more_area p {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 20px;
}
#cmn_works h4 {
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 4rem;
  font-size: 2.4rem;
  color: #666;
  margin: 0;
  width: 100%;
  text-align: center;
}
#cmn_works h4 + p {
  font-size: 1.2rem;
  color: #666;
  margin: 0 0 40px;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
#cmn_works .wrap {
  padding: 60px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#cmn_works h3{
  width:100%;
}
#cmn_works article {
  width: 30%;
  margin-bottom: 40px;
  position: relative;
}
#cmn_works article:hover {
  opacity: 0.8;
}
#cmn_works article a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#cmn_works article figure {
  width: 100%;
  height: 10.55vw; /*16:9-> 330:200*/
  background: #999;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 1260px) {
  #cmn_works article figure {
    height: calc(16vw - 41.8px); /*16:9-> 330:200*/
  }
}
#cmn_works article h4 {
  text-align: left;
  font-size: 1.6rem;
  margin: 14px 0 10px;
}
#cmn_works article p.address {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#cmn_works article p.date {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#cmn_works article p.price {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#cmn_works .btn_more_area {
  width: 100%;
}
#cmn_works .btn_more {
  width: 40%;
  background: #727071;
  color: #fff;
  padding: 20px 0 0;
  text-align: center;
  margin: 0 auto;
  height: 60px;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
}
#cmn_works .btn_more:hover {
  background: #727071;
  cursor: pointer;
}
#cmn_works .btn_more a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/*
------------------------------------------------------------------------------ ABOUT リノリビング について
*/
#about_list ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#about_list ul li {
  width: 47%;
  position: relative;
  margin-bottom: 40px;
}
#about_list ul li a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#about_list ul li figure {
  width: 100%;
  height: calc(24vw - 100px);
  background: #ccc;
  margin-bottom: 0;
}
#about_list ul li h3 {
  text-align: left;
  font-size: 2.0rem;
  line-height: 1.8em;
  margin: 14px 0 10px;
  font-weight:bold;
}
#about_list ul li p {
  font-size: 1.2rem;
  margin: 0;
  text-align: left;
}


/*
------------------------------------------------------------------------------
COMPANY 企業情報
*/

#company_outline {
  width: 100%;
}
#company_outline dl {
  display: flex;
  flex-wrap: wrap;
}
#company_outline dl dt {
  width: 25%;
  margin: 0 5% 0 0;
  padding-right: 5%;
  padding-bottom: 20px;
  font-size: 1.4rem;
  line-height: 1.8em;
  text-align: left;
  border-right: 1px solid #eee;
}
#company_outline dl dd {
  width: 70%;
  margin: 0;
  padding-bottom: 20px;
  font-size: 1.4rem;
  line-height: 1.8em;
  text-align: left;
}
#company_outline ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#company_outline ul li {
  width: 50%;
}
#company_access {
  width: 100%;
  margin-bottom: 0;
}
#company_access p {
}
#company_access h4 {
  font-size: 2.4rem;
  margin: 0;
  width: 100%;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 4rem;
}
#company_access h4 + p {
  font-size: 1.2rem;
  margin: 0 0 40px;
  width: 100%;
  text-align: center;
}
#company_access article {
  width: calc(100% - 40px);
  margin: 0 auto 60px;
}
#company_access article:nth-last-child(1) {
  margin-bottom: 0;
}
#company_access article h5 {
  margin: 0 0 10px -20px;
  border-left: 5px solid #999;
  padding-left: 20px;
}
#company_access .access_map {
  margin-bottom: 10px;
}
#company_access .access_map iframe {
  width: 100%;
  height: 320px;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
#company_staff h4 {
  font-size: 2.4rem;
  margin: 0;
  width: 100%;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 4rem;
}
#company_staff h4 + p {
  font-size: 1.2rem;
  margin: 0 0 40px;
  width: 100%;
  text-align: center;
}
#company_staff{
  width:calc(100% - 100px);
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
#company_staff article{
  width:30%;
  margin-bottom: 40px;
}
#company_staff article figure{
  margin-bottom: 10px;
}
#company_staff article p.position{
  text-align: left;
  font-size:1.2rem;
  line-height:1.2em;
  margin-bottom: 5px;
}
#company_staff article p.detail{
  text-align: justify;
  font-size:1.2rem;
  margin-bottom: 0;
}
#company_staff article h5{
  font-size: 1.8rem;
  margin: 0 0 10px;
  text-align: left;
  font-weight: 600;
  letter-spacing: 0.05em;
}
#company_staff article h5 span{
  font-size:1.0rem;
}

/*
------------------------------------------------------------------------------
GREETING 代表者挨拶
*/
#message_cmt {
  width: 100%;
}
#message_cmt h4 {
  font-size: 3.2rem;
  text-align: left;
  margin: 0 0 40px;
}
#message_cmt p {
  font-weight: normal;
}
#message_cmt p img{
  float:right;
  width:200px;
  height:auto;
  margin-left: 40px;
}
#message .sign {
  text-align: right;
  font-weight: 600;
}
#message .sign img{
  width:160px;
  height:auto;
  margin-top: -10px;
  margin-left: 20px;
}
#message .sign strong {
  font-size: 2.4rem;
}

/*
------------------------------------------------------------------------------
HISTOEY 沿革
*/
#history_list {
  width: 100%;
}
#history_list dl {
  display: flex;
  flex-wrap: wrap;
}
#history_list dl dt {
  width: 20%;
  margin: 0 5% 0 0;
  padding-right: 5%;
  padding-bottom: 20px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.8em;
  text-align: left;
  border-right: 1px solid #ccc;
}
#history_list dl dd {
  width: 75%;
  margin: 0 0 20px;
  padding-bottom: 20px;
  font-size: 1.4rem;
  line-height: 1.8em;
  text-align: left;
  font-weight: 600;
}

/*
------------------------------------------------------------------------------
GROUP グループ企業
*/
#group main section {
  width: 100%;
}
#group main section h4 {
  font-size: 1.6rem;
  margin-bottom: 10px;
  font-weight: 600;
  text-align: center;
}
#group main section h4 + p {
  font-size: 2.4rem;
  margin-bottom: 30px;
  font-weight: 600;
  text-align: center;
}
#group main section p {
  text-align: justify;
  font-weight: normal;
  line-height: 2em;
}
#group main section article {
  margin-bottom: 80px;
}
#group main section article:nth-last-child(1) {
  margin-bottom: 0;
}
#group main figure {
  text-align: center;
}
#group main figure img {
  width: 90%;
  height: auto;
}
#group main ul {
  width: calc(100% - 40px);
  margin: 60px 20px 0;
}
#group main ul li {
  margin-bottom: 40px;
}
#group main ul li:nth-last-child(1) {
  margin-bottom: 0;
}
#group main ul li h5 {
  margin: 0 0 10px -20px;
  border-left: 5px solid #999;
  padding-left: 20px;
}

/*
------------------------------------------------------------------------------
ABOUT リノベーション
*/
#renovation_cmt {
  width: calc(100% - 60px);
}
#renovation_cmt h4 {
  line-height: 1.8em;
}
#renovation_cmt p {
  text-align: center;
}
/*
------------------------------------------------------------------------------
RENOVATION リノベーション
*/

#renovation_intro {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.renovation_intro_side {
  width: 50%;
}
.renovation_intro_side h3 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: left;
  color: #333;
  margin-bottom: 60px;
  align-items: center;
  display: flex;
}
.renovation_intro_side ul {
  width: 70%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.renovation_intro_side ul li {
  width: calc(50% - 10px);
  height: 120px;
  background: #ccc;
  margin-bottom: 20px;
}
.renovation_intro_main {
  width: 100%;
}
.renovation_intro_main p {
  font-size: 1.6rem;
  text-align: center;
}

#renovation #design{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 100px;
}
#renovation #design h3{
  width:100%;

}
#renovation #design article{
  width:24%;
}
#renovation #design article figure{
  width:100%;
  height:210px;
  background-size:cover;
  background-position: center center;
}
#renovation #design article h4{
  width:80%;
  margin: -20px auto 0;
  background:#fff;
  text-align: center;
  font-size:1.6rem;
  line-height: 1.5em;
  padding: 10px;  
}
#renovation #design article p{
  width: 100%;
  text-align: justify;
  font-size:1.2rem;
}
#renovation #design_li ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 100px;
}
#renovation #design_li ul li{
  position:relative;
  width:48%;
  border:1px solid #ccc;
  background-image: url(../img/search_arrow.png);
  background-position:20px;
  background-repeat: no-repeat;
  background-size: 10%;
  padding:20px 20px 20px 120px;
  margin-bottom: 20px;
}
#renovation #design_li ul li:hover{
  cursor: pointer;
  opacity: 0.8;
}
#renovation #design_li ul li a{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#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.2rem;
  margin: 0;
}
#renovation #search {
  margin-top: 60px;
  margin-bottom: 100px;
}
#renovation #search h3 {
  width: 100%;
}
#renovation #search h3{
  font-size:3.6rem;
  text-align: center;
  width:100%;
  margin: 0 auto 20px;
}
#renovation #search ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 100px;
}
#renovation #search ul li{
  position:relative;
  width:48%;
  border:1px solid #ccc;
  background-image: url(../img/search_arrow.png);
  background-position:20px;
  background-repeat: no-repeat;
  background-size: 10%;
  padding:40px 40px 40px 120px;
  margin-bottom: 20px;
}
#renovation #search ul li:hover{
  cursor: pointer;
  opacity: 0.8;
}
#renovation #search ul li a{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#renovation #search ul li h4{
  text-align: left;
  font-size:1.6rem;
  margin: 0 0 5px;
}
#renovation #price{
  margin-bottom: 80px;
}
#renovation #price figure{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;  
}
#renovation #price figure img{
  display: block;
  width:24%;
  height:auto;
}
#renovation_ourrenovation {
  width: 100%;
  padding: 60px;
  background: #e4e4e4;
  margin-bottom: 0;
}
#renovation_ourrenovation h4 {
  font-size: 2.4rem;
  color: #666;
  margin: 0;
  width: 100%;
  text-align: center;
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 4rem;
}
#renovation_ourrenovation h4 + p {
  font-size: 1.2rem;
  color: #666;
  margin: 0 0 40px;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
#renovation_ourrenovation .wrap {
  width: 100%;
  padding: 60px;
  background: #fff;
}
#renovation_ourrenovation .wrap article {
  display: flex;
  width: 100%;
  margin: 0 auto 40px;
  padding-bottom: 40px;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
}
#renovation_ourrenovation .wrap article:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
#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 {
  color: #666;
  font-size: 3.2rem;
  font-weight: 600;
  margin-bottom: 30px;
}
#renovation_ourrenovation .wrap article a {
  color: #69f;
}
#renovation_ourrenovation .wrap ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#renovation_ourrenovation .wrap ul li {
  width: calc(25% - 10px);
  height: 120px;
  background: #fff;
}
#renovation_onestop {
  padding: 30px;
  margin-top: 0;
  background: #fff;
}
#renovation_onestop h4 {
  font-size: 2.4rem;
  color: #666;
  margin: 0;
  width: 100%;
  text-align: center;
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 4rem;
}
#renovation_onestop h4 + p {
  font-size: 1.2rem;
  color: #666;
  margin: 0 0 40px;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
#renovation_onestop article {
  border-bottom: 1px xolid #ccc;
  background: #e4e4e4;
  padding: 60px;
}
#renovation_onestop h5 {
  color: #666;
  font-size: 3.2rem;
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 1.5em;
}
#renovation_onestop p {
  text-align: left;
}
#renovation #faq {
  width: 100%;
  height: 360px;
  padding: 110px 0 0;
  background-image: url(../img/top_faq_h3.jpg);
  background-size: cover;
  background-position: center center;
  margin-bottom: 100px;
  position:relative;
  margin-top: 0;
}
#renovation #faq:hover{
  opacity: 0.8;
}
#renovation #faq a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#renovation #faq h3 {
  text-align: center;
  color: #fff;
  font-size: 3.6rem;
  line-height: 3rem;
  margin-bottom: 0;
}
#renovation #faq h3 span {
  font-size: 1.4rem;
  line-height: 2rem;
}
#renovation #faq .btn{
  width:300px;
  text-align: center;
  font-size:1.4rem;
  background:#666;
  color:#fff;
  padding: 20px 0;
  margin: 40px auto 0;
}
#renovation #faq article {
  width: 30%;
  margin-bottom: 0;
}
#renovation #faq article figure {
  width: 100%;
  height: 300px;
  height: 10.55vw; /*16:9-> 330:200*/
  background: #999;
  margin-bottom: 10px;
}

/*
------------------------------------------------------------------------------
purareno プラリノ
*/
#purareno_intro {
}
#purareno_intro_main {
  width: 70%;
  margin: 0 auto;
}
#purareno_select h6 {
  text-align: left;
  font-size:1.8rem;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
#purareno_intro_side {
  width: 30%;
}
#purareno_intro_side h3 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: left;
  color: #333;
  align-items: center;
  display: flex;
  font-size: 3.2rem;
  margin-bottom: 20px;
}
#purareno_intro_main figure {
  margin-bottom: 40px;
}
#purareno_intro_main h4 {
  font-size: 3.2rem;
  text-align: left;
  line-height: 1.5em;
}
#purareno_intro_main ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#purareno_intro_main ul li {
  width: 22%;
  margin-bottom: 20px;
}
#purareno_intro_main ul li figure {
  margin-bottom: 10px;
}
#purareno_intro_main ul li p {
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
}
#purareno_about h4 {
  font-size: 3.2rem;
  font-weight: 600;
  text-align: left;
  line-height: 1.5;
}
#purareno_style h4 {
  font-size: 3.2rem;
  font-weight: 600;
  text-align: left;
  line-height: 1.5;
}
#purareno_style article {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#purareno_style article:nth-child(2) .purareno_style_cat img {
  width: 130px; /*原寸20%*/
  margin-left: calc(10% - 65px);
}
#purareno_style article:nth-child(3) .purareno_style_cat img {
  width: 126px; /*原寸20%*/
  margin-left: calc(10% - 63px);
}
#purareno_style article:nth-child(4) .purareno_style_cat img {
  width: 134px; /*原寸20%*/
  margin-left: calc(10% - 67px);
}
#purareno_style article:nth-child(5) .purareno_style_cat img {
  width: 162px; /*原寸20%*/
  margin-left: calc(10% - 81px);
}
#purareno_style article p {
  width: 100%;
}
#purareno_style article h5 {
  width: 20%;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: left;
  color: #333;
  align-items: center;
  display: flex;
  font-size: 3.2rem;
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN",
    HGS明朝E, メイリオ, Meiryo, serif;
}
#purareno_style article div {
  width: 80%;
}
#purareno_style article div figure {
  margin-bottom: 10px;
}
#purareno_style article div p {
  font-size: 1.4rem;
}
#purareno_cost h4 {
  font-size: 3.2rem;
  font-weight: 600;
  text-align: left;
  line-height: 1.5;
}
#purareno_cost .purareno_cost_input br {
  display: none;
}
#purareno_cost .purareno_cost_input {
  font-size: 1.4rem;
  font-weight: 600;
  text-align: right;
  margin-bottom: 40px;
}
#purareno_cost .purareno_cost_input input,
#purareno_cost .purareno_cost_input select {
  padding: 10px;
  font-size: 1.4rem;
  border-radius: 10px;
  border: #ccc 1px solid;
}
#purareno_cost .purareno_cost_input button {
  width: 20%;
  margin-left: 20px;
  padding: 10px 0;
  text-align: center;
  border-radius: 0;
  background: #555;
  color: #fff;
  box-shadow: none;
  border: none;
  font-weight: 600;
}
#purareno_cost .purareno_cost_input button:hover{
  cursor: pointer;
  background: #999;
}
#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: 50%;
  text-align: left;
  font-size: 2rem;
  font-weight: 600;
}
#purareno_cost .purareno_cost_reason dd {
  width: 50%;
  text-align: right;
  font-size: 2rem;
  font-weight: 600;
}
#purareno_cost .purareno_cost_reason dd strong {
  font-size: 4rem;
}
#purareno_select {
}
#purareno_select h4 {
  font-size: 3.2rem;
  font-weight: 600;
  text-align: left;
  line-height: 1.5;
}
#purareno_select .plan_wrap {
  display: flex;
  justify-content: center;
}
#purareno_select .plan_wrap figure {
  width: 220px;
  padding: 0 2%;
  margin-right: 40px;
}
#purareno_select .plan_wrap h6 {
  width: 30%;
  padding: 10px 5%;
}
#purareno_select .plan_wrap p {
  width: 400px;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 20px 20px 10px;
  font-size:2rem;
}

#purareno_select .plan_wrap + h6 img {
  width: 200px;
}
#purareno_select .select_wrap {
  width: 100%;
  margin: 0 auto 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#purareno_select .select_wrap article {
  display: flex;
  width: 50%;
}
#purareno_select .select_wrap article p:nth-child(1) {
  width: 40%;
  border-right: 1px solid #ccc;
  text-align: center;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1;
}
#purareno_select .select_wrap article p:nth-child(1) span {
  font-size: 1.2rem;
}
#purareno_select .select_wrap article p:nth-child(2) {
  width: 60%;
  padding-left: 20px;
  font-size: 1.4rem;
}
#purareno_select .select_wrap article:last-child p:nth-child(1) {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 20px;
  text-align: left;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.5;
}
#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 {
  background: #555;
  margin-bottom: 20px;
}
#modelroom_info {
  width:100%;
  background: #e4e4e4;
  padding: 60px 190px;
}
#modelroom_info figure {
  margin-bottom: 40px;
}
#modelroom_info figure img:nth-child(1) {
  width: 42.5%;
}
#modelroom_info figure img:nth-child(2) {
  width: 57.5%;
}
#modelroom_info h4 {
  font-size: 3.2rem;
  font-weight: 600;
  text-align: left;
  line-height: 1.5;
  margin-bottom: 20px;
  margin-top: 0;
}
#modelroom_info p {
  font-size: 1.4rem;
}
#freedesign #search{
  margin-top: 100px;
}
#freedesign #search h3 {
  font-size: 3.6rem;
  text-align: center;
  width: 100%;
  margin: 0 0 20px;
}
#freedesign #search #search_method{
  width:100%;
}

/*
------------------------------------------------------------------------------
freedesign 自由設計リノベーション
*/
#freedesign h4{
  font-size:3.2rem;
  line-height: 1.5em;
  text-align: left;
  width:100%;
}

#freedesign #design{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 100px;
}
#freedesign_intro ul li{
  padding: 40px 40px 40px 140px;
  background-image: url(../img/search_arrow.png);
  background-position:40px 70px;
  background-size:60px;
  background-repeat: no-repeat;
  margin-bottom: 40px;
  border:1px solid #ccc;
  position:relative;
}
#freedesign_intro ul li a{
  position:absolute;
  display: block;width:100%;
  height:100%;
  top:0;
  left:0;
}
#freedesign_intro h5{
  font-size:2.1rem;
}
#freedesign #design h3{
  width:100%;

}
#freedesign #design article{
  width:24%;
}
#freedesign #design article figure{
  width:100%;
  height:210px;
  background-size:cover;
  background-position: center center;
}
#freedesign #design article h4{
  width:80%;
  margin: -20px auto 0;
  background:#fff;
  text-align: center;
  font-size:1.6rem;
  line-height: 1.5em;
  padding: 10px;  
}
#freedesign #design article p{
  width: 100%;
  text-align: justify;
  font-size:1.2rem;
}

#freedesign_main {
  padding: 0 60px;
}
#freedesign_main h3 {
  text-align: left;
  color: #333;
  margin-bottom: 40px;
}
#freedesign_main p {
  font-size: 1.4rem;
  text-align: left;
}
#freedesign_main article {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
#freedesign_main article:nth-child(3) .freedesign_style_cat img {
  width: 146px; /*原寸20%*/
  margin-left: calc(10% - 73px);
}
#freedesign_main article:nth-child(4) .freedesign_style_cat img {
  width: 106px; /*原寸20%*/
  margin-left: calc(10% - 53px);
}
#freedesign_main article:nth-child(5) .freedesign_style_cat img {
  width: 106px; /*原寸20%*/
  margin-left: calc(10% - 53px);
}
#freedesign_main article:nth-child(6) .freedesign_style_cat img {
  width: 164px; /*原寸20%*/
  margin-left: calc(10% - 82px);
}
#freedesign_main article:nth-last-child(2) {
  margin-bottom: 0;
}
#freedesign_main article p {
  width: 100%;
}
#freedesign_main article h5 {
  width: 20%;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: left;
  color: #333;
  align-items: center;
  display: flex;
  font-size: 2.4rem;
  line-height: 1.5em;
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN",
    HGS明朝E, メイリオ, Meiryo, serif;
}
#freedesign_main article figure {
  width: 80%;
  margin-bottom: 40px;
  background: #ccc;
  height: 480px;
}
#freedesign_main .freedesign_more p:nth-child(1) {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 40px;
}
#freedesign_main .freedesign_more p:nth-child(2) {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.5;
}
#freedesign_main .freedesign_more .btn_more {
  background: #555;
  margin-bottom: 20px;
}


/*
------------------------------------------------------------------------------
relief 安心パック
*/
#relief h3{
  font-size: 2.8rem;
  line-height: 1.5em;
}
#relief h3 img{
  width:280px;
  height:auto;
  margin-bottom: 20px;
}
#relief h4{
  font-size:2.8rem;
  line-height: 1.5em;
  text-align: left;
  margin-bottom: 20px;
}
#relief .caption{
  width:100%;
  font-size:1.2rem;
}
#relief #relief_intro{
  margin-bottom: 60px;
}
#relief #relief_intro li{
  position:relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 20px;
  margin-bottom: 40px;
  border-bottom:1px solid #ccc;
}
#relief #relief_intro li:hover{
  opacity: 0.8;
}
#relief #relief_intro li a{
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#relief #relief_intro li img{
  display: block;
  height:120px;
  width:auto;
  margin-bottom: 10px;
}
#relief #option ul li{
  text-align: left;
  padding-bottom: 20px;
  margin-bottom: 40px;
  border-bottom:1px solid #ccc;
}
#relief #option{
  margin-bottom: 60px;
}
#relief #option ul li:nth-child(1) img{
  width:70%;/*870*0.8*/
}
#relief #option ul li:nth-child(2) img{
  width:82.5%;/*1031*0.8*/
}
#relief #option ul li:nth-child(3) img{
  width:76%;/*949*0.8*/
}
#relief_detail h3 span{
  padding: 15px 20px;
  background:#999;
  color:#fff;
  font-size:2.8rem;
  margin-right: 20px;
}
#relief_detail h4{
  text-align: center;
  font-size:2rem;
  line-height:1.5em;
  margin-bottom: 20px;
}
#relief_detail p.sub_catch{
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  padding: 20px 0;
  text-align: center;
  font-size:3.2rem;
  margin-bottom: 30px;
  font-weight:bold;
}
#relief_detail p.catch{
  font-size:6.4rem;
  text-align: center;
  font-weight:bold;
}
#relief_detail p.fukidashi01{
  border: 1px solid #ccc;
  border-radius: 8px;
  margin:0 auto 20px;
  width:80%;
  padding: 20px;
}
#relief_detail p.fukidashi02{
  border: 1px solid #ccc;
  border-radius: 8px;
  margin:0 auto 80px;
  width:80%;
  padding: 20px;
}
#relief_detail h5{
  font-size:1.8rem;
  text-align: left;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
#relief_detail figure{
  max-width: 800px;
  margin: 0 auto 60px;
}
#relief_detail figure.logo{
  max-width: 400px;
  margin: 0 auto 40px;
}
#relief_detail p.point{
  width:100%;
  max-width: 800px;
  margin: 0 auto 60px;
  font-size:2.8rem;
  line-height: 1.5;
  height:120px;
  border-radius: 60px;
  text-align: center;
  background:#999;
  color:#fff;
  padding-top: 20px;
}
/*01*/
#relief_detail.relief01 h3 span{
  background: #fbc625;
}
#relief_detail.relief01 p.sub_catch{
  border-color: #fbc625;
  color:#fbc625;
}
#relief_detail.relief01 p.catch{
  color:#fbc625;
}
#relief_detail.relief01 p.fukidashi01 strong,
#relief_detail.relief01 p.fukidashi02 strong{
  color:#fbc625;
}
#relief_detail.relief01 p.point{
  background: #fbc625;
}
/*02*/
#relief_detail.relief02 h3 span{
  background: #f3983e;
}
#relief_detail.relief02 p.sub_catch{
  border-color: #f3983e;
  color:#f3983e;
}
#relief_detail.relief02 p.catch{
  color:#f3983e;
}
#relief_detail.relief02 p.fukidashi01 strong,
#relief_detail.relief02 p.fukidashi02 strong{
  color:#f3983e;
}
#relief_detail.relief02 p.point{
  background: #f3983e;
}
/*03*/
#relief_detail.relief03 h3 span{
  background: #eb6360;
}
#relief_detail.relief03 p.sub_catch{
  border-color: #eb6360;
  color:#eb6360;
}
#relief_detail.relief03 p.catch{
  color:#eb6360;
}
#relief_detail.relief03 p.fukidashi01 strong,
#relief_detail.relief03 p.fukidashi02 strong{
  color:#eb6360;
}
#relief_detail.relief03 p.point{
  background: #eb6360;
}
/*04*/
#relief_detail.relief04 h3 span{
  background: #6bbc6a;
}
#relief_detail.relief04 p.sub_catch{
  border-color: #6bbc6a;
  color:#6bbc6a;
}
#relief_detail.relief04 p.catch{
  color:#6bbc6a;
}
#relief_detail.relief04 p.fukidashi01 strong,
#relief_detail.relief04 p.fukidashi02 strong{
  color:#6bbc6a;
}
#relief_detail.relief04 p.point{
  background: #6bbc6a;
}
/*05*/
#relief_detail.relief05 h3 span{
  background: #2bb6ad;
}
#relief_detail.relief05 p.sub_catch{
  border-color: #2bb6ad;
  color:#2bb6ad;
}
#relief_detail.relief05 p.catch{
  color:#2bb6ad;
}
#relief_detail.relief05 p.fukidashi01 strong,
#relief_detail.relief05 p.fukidashi02 strong{
  color:#2bb6ad;
}
#relief_detail.relief05 p.point{
  background: #2bb6ad;
}
#relief_detail.relief05 h4{
  font-size:2.4rem;
  text-align: left;
  color:#2bb6ad;
}
#relief_detail.relief05 h4 + p{
  margin-bottom: 60px;
}

/*
------------------------------------------------------------------------------
purareno プラリノシミュレーション
*/
#purareno-simulator section{
  max-width: 800px;
}
#purareno-simulator section#now{
  max-width: none;
}
#purareno-simulator section#cts_mv{
  max-width: none;
}
#purareno-simulator .attention{
  width:100%;
  border:1px #ccc solid;
  padding: 20px;
  text-align: left;
}
#purareno-simulator .next-btn {
  position: relative;
  width: 80%;
  font-size: 1.2rem;
  padding: 8px 0;
  text-align: center;
  background: #f3ca44;
  color: #000;
  margin: 10px auto 0;
  font-weight: bold;
  border-radius: 4px;
}
#purareno-simulator .next-btn a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.sec-simulator-lead {
  padding-bottom: 0;
}

.sec-simulator-lead__logo {
  width: 180px;
  padding-right: 5px;
  margin: 0 auto 20px;
}

.sec-simulator-select {
  padding: 0 0 40px;
}

.sec-simulator-select__lead {
  padding: 0;
}

.sec-simulator-select__inner {
  margin-top: 15px;
  padding: 0;
}

.sec-simulator-select__inner + .sec-simulator-select__inner {
  margin-top: 30px;
}

.sec-simulator-select__box {
  margin-top: 20px;
}

.sec-simulator-pacage {
  width: 100%;
  background: #efefee;
  padding: 18px 20px 28px;
  margin: 30px 0 0;
}

.sec-simulator-pacage__inner {
  margin-top: 15px;
}

.sec-simulator-other {
  padding-bottom: 20px;
}

.sec-simulator-other__lead {
  margin-bottom: 18px;
}

/*
  ------------------------------------------------------------------------------
  purareno プラリノシミュレーション
  */

#purareno-simulator .next-btn {
  position: relative;
  width: 80%;
  font-size: 1.2rem;
  padding: 8px 0;
  text-align: center;
  background: #f3ca44;
  color: #000;
  margin: 10px auto 0;
  font-weight: bold;
  border-radius: 4px;
}
#purareno-simulator .next-btn a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#purareno-simulator form section{
  padding-top: 100px;
  margin-top: -100px;
}
#purareno-simulator form section#pacage{
  padding-top: 40px;
  margin-top: 100px;
}
.sec-simulator-lead {
  padding-bottom: 0;
}

.sec-simulator-lead__logo {
  width: 180px;
  padding-right: 5px;
  margin: 0 auto 20px;
}

.sec-simulator-select {
  padding: 0 0 40px;
}

.sec-simulator-select__lead {
  padding: 0;
}

.sec-simulator-select__inner {
  margin-top: 15px;
  padding: 0;
}

.sec-simulator-select__inner + .sec-simulator-select__inner {
  margin-top: 30px;
}

.sec-simulator-select__box {
  margin-top: 20px;
}

.sec-simulator-pacage {
  width: 100%;
  background: #efefee;
  padding: 18px 20px 28px;
  margin: 30px 0 0;
}

.sec-simulator-pacage__inner {
  margin-top: 15px;
}

.sec-simulator-other {
  padding-bottom: 20px;
}

.sec-simulator-other__lead {
  margin-bottom: 18px;
}

/*
  ------------------------------------------------------------------------------
  flow リノベーションの流れ
  */
#flow_intro {
  width: calc(100% - 260px);
  padding: 0;
  margin-bottom: 100px;
}
#flow_intro h4{
  font-size: 3.2rem;
  line-height: 1.5em;
  text-align: left;
 
}
#flow_intro p {
  font-size: 1.4rem;
  text-align: left;
}
#flow_li {
  width: calc(100% - 260px);
  padding: 0;
}
#flow_li article {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#flow_li article .flow_li_side {
  width: 12%;
  background-image: url(../img/flow_dot.png);
  background-repeat: repeat-y;
  background-position: center center;
}
#flow_li article .flow_li_main {
  width: 44%;
}
#flow_li article .flow_li_main h4 {
  text-align: left;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 20px;
}
#flow_li article .flow_li_main p {
  text-align: justify;
  font-size: 1.4rem;
  margin-bottom: 80px;
}
#flow_li article .flow_li_image {
  width: 40%;
}
#flow_li article .flow_li_image figure {
  width: 100%;
  margin-bottom: 80px;
}


/*
------------------------------------------------------------------------------
ordermade オーダーメイド
*/
#ordermade_intro h4 {
  font-size: 2.8rem;
  font-weight: bold;
  text-align: left;
}
#ordermade #ordermade_sumai h4,
#ordermade #ordermade_family h4 {
  font-weight: 600;
  font-size: 5.4rem;
  letter-spacing: 0.05em;
  line-height: 1.5em;
  margin: 0 0 20px;
  text-align: left;
  line-height: 4rem;
  width: 100%;
}
#ordermade #ordermade_sumai h4 span,
#ordermade #ordermade_family h4 span {
  font-size: 1.6rem;
  letter-spacing: 0;
}
#ordermade_sumai {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#ordermade_sumai h4 {
  width: 100%;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: left;
}
#ordermade_sumai article {
  width: 30%;
}
#ordermade_family {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#ordermade_family h4 {
  width: 100%;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: left;
}
#ordermade_family article {
  width: 30%;
}

/*
------------------------------------------------------------------------------
works 施工事例
*/
#works.cts h4 {
}
#works #works_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin-bottom: 100px;
}
#works #works_list h3 {
  width: 100%;
}
#works #works_list h3 span {
}
#works #works_list article {
  width: 30%;
  margin-bottom: 40px;
  position: relative;
  margin-right: 5%;
}
#works #works_list article:nth-child(3n){
  margin-right: 0;
}
#works #works_list article:hover {
  opacity: 0.8;
}
#works #works_list article a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.wp-pagenavi {
  width:100%;
}

#works #works_list article a:hover {
  cursor: pointer;
}
#works #works_list article figure {
  width: 100%;
  height:calc(16.875vw - 83px);/*16:9*/
  background: #999;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 1260px) {
  #works #works_list article figure {
    height:calc(16.875vw - 83px);/*16:9*/
  }
}
#works #works_list article h4 {
  text-align: left;
  font-size: 1.6rem;
  margin: 14px 0 10px;
}
#works #works_list article p.address {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#works #works_list article p.date {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#works #works_list article p.price {
  font-size: 1.2rem;
  margin-bottom: 0;
}
/*----------------------------------------#works_detail--------------*/

#works_detail h4 {
  text-align: left;
  font-size: 2.4rem;
  margin-bottom: 10px;
}
#works_detail p.date {
  font-size: 1.2rem;
  margin-bottom: 20px;
}
#works_detail .slick-slide{
  padding:10px;
} 
#works_detail .price{
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 20px 0;
}
#works_detail .price dt{
  font-size:1.6rem;
  width:20%;
  margin: 0;
}
#works_detail .price dd{
  font-size:1.6rem;
  width:30%;
  margin: 0;
}
#works_detail .price dd strong{
  font-size:2.0rem;
}
#works_detail div.btn_back {
  width: 40%;
  background: #727071;
  color: #fff;
  padding: 20px 0 0;
  text-align: center;
  margin: 60px auto 0;
  height: 60px;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
}
#works_detail div.btn_back a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#works_detail .beforeafter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#works_detail .beforeafter figure {
  width: 45%;
}
#works_detail .beforeafter p.arrow {
  width: 10%;
}


#works_detail article dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
#works_detail article dl.spec dt,
#works_detail article dl.spec dd {
  width: 10%;
  margin: 0;
  padding: 20px 0;
  font-size: 1.4rem;
  border-bottom: 1px solid #eee;
}
#works_detail article dl.spec dt {
  background: #eee;
  text-align: center;
  width:8%
}
#works_detail article dl.spec dd {
  text-align: center;
  width:25%;
}
#works_detail ul.works_images {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#works_detail ul.works_images li {
  width: 49%;
}
#works_detail ul.works_images li p {
  text-align: center;
}
/*オーナー向け施工事例*/
#works_detail.works_owner .works_owner_detail_txt{
  font-size:1.4rem;
}
#works_detail.works_owner .works_owner_detail_txt img{
  margin-bottom: 20px;
}
#works_detail.works_owner .deposit strong{
  font-size:1.4rem;
}
#works_type_detail h4{
  font-size:2.8rem;
  line-height: 1.5em;
}
#works_type_detail #contents h1{
  font-size:2.4rem;
  margin: 0 0 20px;
  text-align: left;
  font-weight:normal;
  width:100%;
  line-height: 1.5em;
}
#works_type_detail #contents h2{
  font-size:1.8rem;
  margin: 0 0 20px;
  text-align: left;
  font-weight:normal;
  width:100%;
  line-height:1.8em;
}
#works_type_detail #contents p{
  font-size:1.5rem;
  margin: 20px 0 0;
}
#works_type_detail #contents{
  font-size:1.5rem;
  line-height: 1.8em;
}
#works_type_detail {
  font-size:1.3rem;
  text-align: left;
  line-height: 1.8em;
}
#works_type_detail .twentytwenty-wrapper,
#works_type_detail .works_column01,
#works_type_detail .works_column02{
  margin: 0 0 20px;
}
#works_type_detail .twentytwenty-wrapper,
#works_type_detail .works_column01{
  width: 100%;
}
#works_type_detail .works_column02{
  width: 48%;
}
#works_type_detail #contents article{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#works_type_detail #contents dl.spec{
  width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#works_type_detail #contents dl.spec dt{
  width:7em;
  text-align: left;
  margin: 0 0 0;
}
#works_type_detail #contents dl.spec dd{
  width: calc(100% - 8em);
  text-align: left;
  margin: 0 0 0;
}
/*
#works_type_detail #contents dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  width:100%;
}
#works_type_detail #contents dl.spec dt,
#works_type_detail #contents dl.spec dd {
  width: 10%;
  margin: 0;
  padding: 20px 0;
  font-size: 1.4rem;
  border-bottom: 1px solid #eee;
}
#works_type_detail #contents dl.spec dt {
  background: #eee;
  text-align: center;
  width:8%
}
#works_type_detail #contents dl.spec dd {
  text-align: center;
  width:25%;
  min-height:64.4px;
}
*/
#works_type_detail #works_list div.btn_back {
  width: 40%;
  background: #727071;
  color: #fff;
  padding: 20px 0 0;
  text-align: center;
  margin: 60px 30% 0;
  height: 60px;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
}
#works_type_detail #works_list div.btn_back a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.works_mp{
  width:100%;
  height:480px;
}
/*
------------------------------------------------------------------------------
search 物件検索
*/
#search p.catch{
  font-size:2.8rem;
  margin-bottom: 0;
  font-weight:bold;
  text-align: left;
}
#search p.sub_catch{
  font-size:1.6rem;
  margin-bottom: 40px;
}
#search #search_method{
  margin-bottom: 80px;
}
#search p.catch img{
  width:40px;
  height:auto;
  margin-right: 10px;
  margin-bottom: -10px;
}
#search #search_method ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 20px;;
}
#search #search_method ul li {
  width: 48%;
  border: 1px #ccc solid;
  height: 90px;
  padding-top: 38px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  padding-left: 100px;
  position: relative;
  margin-bottom: 20px;
  background-image: url(../img/search_house.png);
  background-repeat: no-repeat;
  background-size:40px ;
  background-position: 40px 25px;
}
#search #search_method ul li:nth-child(1){
  background-image: url(../img/search_mansion.png);  
}
#search #search_method ul li:nth-child(2){
  background-image: url(../img/search_house.png);  
}
#search #search_method ul li a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#search_area h4,
#search_line h4{
  width:100%;
  background:#ccc;
  color:#000;
  padding: 20px;
  text-align: left;
}

#search #search_method ul li:hover {
  background-color: #727071;
  color: #fff;
  cursor: pointer;
}
#property .area_sub,
#search .area_sub,
#property .line_sub,
#search .line_sub {
/*  display: none;*/
}
#property #search_area ul,
#search #search_area ul,
#property #search_line ul,
#search #search_line ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
#property #search_area ul li,
#search #search_area ul li,
#property #search_line ul li,
#search #search_line ul li {
  width: 33%;
  padding: 0;
  margin-bottom: 10px;
  position: relative;
  text-align: left;
  font-size:1.4rem;
}
#property #search_area ul li a,
#search #search_area ul li a,
#property #search_line ul li a,
#search #search_line ul li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#property #search_area .area_sub,
#search #search_area .area_sub,
#property #search_line .line_sub,
#search #search_line .line_sub {
  display: none;
  position: absolute;
  width: 100%;
  min-height: 100%;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #ccc;
  z-index: 9999;
}
#property #search_area .area_sub .area_sub_close,
#search #search_area .area_sub .area_sub_close,
#property #search_line .line_sub .line_sub_close,
#search #search_line .line_sub .line_sub_close {
  width: 100%;
  height: 30px;
  background: #555;
  color: #fff;
  font-size: 2rem;
  padding-top: 5px;
  font-weight: bold;
}
#property #search_area .area_sub .flex_wrap,
#search #search_area .area_sub .flex_wrap,
#property #search_line .line_sub .flex_wrap,
#search #search_line .line_sub .flex_wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
#property #search_area .area_sub input,
#search #search_area .area_sub input,
#property #search_line .line_sub input,
#search #search_line .line_sub input {
  display: none;
}
#property #search_area .area_sub input:checked + label,
#search #search_area .area_sub input:checked + label,
#property #search_line .line_sub input:checked + label,
#search #search_line .line_sub input:checked + label {
  background: #fd0;
}
#property #search_area .area_sub label,
#search #search_area .area_sub label,
#property #search_line .line_sub label,
#search #search_line .line_sub label {
  width: 20%;
  text-align: center;
  padding: 10px 0;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  font-size: 1.2rem;
  margin: 0;
}
#property #search_area .area_sub .all_check label,
#search #search_area .area_sub .all_check label,
#property #search_line .line_sub .all_check label,
#search #search_line .line_sub .all_check label {
  width: 50%;
  font-weight: bold;
}
#search .search_pay form h4,
#search .search_income form h4 {
  line-height: 1.5em;
}
#search form .search_pay input,
#search form .search_incom input {
  font-size: 1.8rem;
  padding: 10px;
  width: 60%;
  margin-right: 10px;
  border: 1px solid #ccc;
}
#search form .search_pay select,
#search form .search_income select {
  font-size: 1.8rem;
  padding: 10px;
  width: 30%;
  margin: 0 5px;
}
#search form .search_pay dt,
#search form .search_pay dd,
#search form .search_income dt,
#search form .search_income dd {
  margin: 0;
  font-size: 1.6rem;
}
#search form .search_pay dt,
#search form .search_income dt {
  margin-bottom: 10px;
}
#search form .search_pay dd,
#search form .search_income dd {
  margin-bottom: 40px;
}
#search form .search_pay p,
#search form .search_income p {
  text-align: center;
  font-size: 1.4rem;
}
#search button {
  padding: 10px;
  height: 60px;
  border-radius: 30px;
  width: 40%;
  border: none;
  background: #666;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
}
#search button:hover {
  background: #999;
  cursor: pointer;
}
#search #search_nav{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 130px;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  margin: -60px 0 60px;
  z-index:888;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#search #search_nav.fixed{
  width: calc(100% - 230px);
  position: fixed;
  margin: 0 0 0 230px;
}
#search #search_nav div{
  width:50%;
}
#search #search_nav button {
  width:90%;
  border-radius: 20px;
  padding: 2px 0 0 ;
  font-family:inherit;
  font-size: 1.4rem;
  font-weight: bold;
  height:40px;
  font-family:sans-serif;
  margin: 10px 0;
  background:#fff;
  color:#000;
  max-width:none;
}
#search #search_nav button:hover {
  cursor: pointer;
  background: #999;
}
#search h3{
  font-size:2.8rem;
  text-align: left;
  width:calc(100% - 260px);
  margin: 0 auto;
}
#search .use_check_label br{
  display: none;
}
#search_area,
#search_line{
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
#search_area div,
#search_line div{
  display: none;
}
#search_area label,
#search_line label{
  display: block;
  text-align: left;
  width:30%;
  font-size:1.6rem;
  margin-bottom: 20px;
}
#search_area_detail,
#search_line_detail {
  display: block;
  width:90%;
  border-radius: 20px;
  padding: 12px 0 0;
  font-family:inherit;
  font-size: 1.4rem;
  font-weight: bold;
  height:40px;
  font-family:sans-serif;
  margin: 10px auto;
  background:#fff;
  color:#000;
}
#search_area_detail:hover{
  background:#999;
}

/*
------------------------------------------------------------------------------
property 物件リスト
*/
#property_list_wrap .wrap{
  margin: 0 auto;
  width:100%;
}
#property #contents p.seach_conditions{
  width:100%;
}
#property #list,
#property #list_non {
  width:100%;
}
#property #property_list_wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(100% - 260px);
  margin: 0 auto;
}
#property #property_list_wrap .btn_more{
  margin-bottom: 40px;
}
#property #property_list_wrap .btn_more:hover{
  cursor: pointer;
}
#property #contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
  width:90%;
}
#property #property_list_wrap{
  width:calc(100% - 260px);
  margin:auto;
}
#property #contents #result_num strong {
  font-size: 2rem;
}
#property #contents #sort_key {
  padding: 5px 20px;
}
#property #contents p,
#property #contents div {
  width: 50%;
}
#property #contents p {
  text-align: left;
}
#property #contents div {
  text-align: right;
}
#property #list article,
#property #list_non article {
  width: 100%;
  margin-bottom: 40px;
  position: relative;
  flex-wrap: nowrap;
  display: flex;
  justify-content: space-between;
  border-top:1px solid #999;
  padding-top:30px;
}
#property #list article:hover,
#property #list_non article:hover {
  cursor: pointer;
  opacity: 0.8;
}
#property #list article a,
#property #list_non article a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#property #list article figure,
#property #list_non article figure {
  width:48%;
  height: 300px;
  background-color: #ccc;
  background-size: cover;
  background-position: center center;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}
#property #list article .txt,
#property #list_non article .txt {
  width:50%;
}
#property #list article dl,
#property #list_non article dl{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
}
#property #list article dl dt,
#property #list_non article dl dt{
  background:#eee;
  padding: 5px;
  text-align: left;
  margin: 0 0 5px;
  font-size:1.2rem;
}
#property #list article dl dt.non,
#property #list_non article dl dt.non{
  background:none;
}
#property #list article dl dd,
#property #list_non article dl dd{
  padding: 0;
  text-align: left;
  margin: 0 0 10px;
  font-size:1.4rem;
}
#property #list article dl dt.id,
#property #list_non article dl dt.id{
  width:16.5%;
}
#property #list article dl dd.id,
#property #list_non article dl dd.id{
  width:100%;
}
#property #list article dl dt.address,
#property #list_non article dl dt.address{
  width:16.5%;
}
#property #list article dl dd.address,
#property #list_non article dl dd.address{
  width:100%;
}
#property #list article dl dt.station,
#property #list_non article dl dt.station{
  width:16.5%;
}
#property #list article dl dd.station,
#property #list_non article dl dd.station{
  width:100%;
}
#property #list article dl dt.occupied,
#property #list_non article dl dt.occupied{
  width:16.5%;
}
#property #list article dl dd.occupied,
#property #list_non article dl dd.occupied{
  width:100%;
}
#property #list article dl dt.madori,
#property #list_non article dl dt.madori{
  width:16.5%;
}
#property #list article dl dd.madori,
#property #list_non article dl dd.madori{
  width:100%;
}
#property #list article dl dt.age,
#property #list_non article dl dt.age{
  width:16.5%;
}
#property #list article dl dd.age,
#property #list_non article dl dd.age{
  width:100%;
}
#property #list article dl dt.price,
#property #list_non article dl dt.price{
  width:25%;
  text-align: center;
  border-radius: 100px;
}
#property #list article dl dd.price,
#property #list_non article dl dd.price{
  width:22%;
  padding-top: 5px;
}
#property #list article dl dd.price span,
#property #list_non article dl dd.price span{
  font-size:1.8rem;
}

#property #list article h4,
#property #list_non article h4 {
  text-align: left;
  font-size: 1.2rem;
  margin-bottom: 0;
}
#property #list article p.price_title,
#property #list_non article p.price_title {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0;
}
#property #list article p.price,
#property #list_non article p.price {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}
#property #list article p.price span,
#property #list_non article p.price span {
  font-size: 1.4rem;
}
#property #list article p.price_sub,
#property #list_non article p.price_sub {
  font-size: 1.2rem;
  font-weight: normal;
  margin-bottom: 0;
}
#property #list article p.price_sub strong,
#property #list_non article p.price_sub strong {
  font-size: 1.6rem;
}
#property #list article p.price_sub span {
}
#property #list article p.address,
#property #list_non article p.address {
  margin-bottom: 0;
}
#property #list article p.address span,
#property #list_non article p.address span {
  font-size: 1.2rem;
  font-weight: bold;
}
#property #list article p.station,
#property #list_non article p.station {
  margin-bottom: 0;
}
#property #list article p.station span,
#property #list_non article p.station span {
  font-size: 1.2rem;
  font-weight: bold;
}
#property #list article p.occupied,
#property #list_non article p.occupied {
  margin-bottom: 0;
}
#property #list article p.occupied span,
#property #list_non article p.occupied span {
  font-size: 1.2rem;
  font-weight: bold;
}
#property #list article p.age,
#property #list_non article p.age {
  margin-bottom: 0px;
}
#property #list article p.age span,
#property #list_non article p.age span {
  font-size: 1.2rem;
  font-weight: bold;
}
#property #property_list_side{
  width:26%;
  background:#ccc;
  margin: 0;
  display: none;
}
#property #property_list_side #search_area{
  width:calc(100% - 40px);
  margin-top: 0;
}
#property #property_list_side h4{
  margin: 20px auto 20px;
  width:calc(100% - 40px);
  padding: 5px 0;
  text-align: center;
  font-size:1.4rem;
  border-radius: 4px;
  background:#999;
  color:#fff;
}
#property #property_list_side h4:hover{
  cursor: pointer;
}
#property #property_list_side #search_area ul,
#property #property_list_side #search_line ul {
}
#property #property_list_side #search_area ul li,
#property #property_list_side #search_line ul li {
  width: 50%;
  padding: 5px 0;
  border: 1px solid #999;
  margin-bottom: 0;
  background:#eee;
}
#property #property_list_side #search_area .area_sub label,
#property #property_list_side #search_line .line_sub label {
  width: 50%;
  text-align: center;
  padding: 5px 0;
}
#property #property_list_side h4 + dl{
  width:calc(100% - 40px);
  margin: 0 auto;
}
#property #property_list_side h4 + dl dt{
  font-size:1.4rem;
  text-align: center;
}
#property #property_list_side h4 + dl dd{
  margin: 0 0 20px;
}
#property #property_list_side h4 + dl dd input{
  width:calc(100% - 3em);
}
#property #property_list_side section,
#property #property_list_side h4 + dl{
  display: none;
}

/*
------------------------------------------------------------------------------
property 物件詳細
*/
#property #list article.property_detail {
  width: 100%;
  margin-bottom: 40px;
  position: relative;
  flex-wrap: wrap;
  display: block;
}
#property #list article.property_detail p.price_sub,
  #property #list_non article.property_detail p.price_sub {
    font-size: 1.4em;
  }
  #property #list article.property_detail p.price_sub strong,
  #property #list_non article.property_detail p.price_sub strong {
    font-size: 1.8rem;
  }
#property #list article.property_detail figure {
  height: auto;
  border: none;
}
#property .spec {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
#property .spec dt {
  width: 10%;
  font-size: 1.4rem;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 10px;
  background: #eee;
}
#property .spec dd {
  width: 15%;
  font-size: 1.4rem;
  text-align: left;
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 10px;
}
#search_nav button {
  width: 80%;
  max-width: 400px;
  height: 60px;
  border-radius: 30px;
  padding: 10px 0 8px;
  font-size: 1.6rem;
  text-align: center;
  background: #555;
  color: #fff;
  font-weight: bold;
  box-shadow: none;
  margin-bottom: 10px;
  border: none;
}
#search_nav button:hover {
  background: #999;
}
.property_detail .slider-for li{
  height: 480px;
  text-align: center;
  background:#eee;
}
.property_detail .slider-for li img{
  width:auto;
  height:auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.property_detail .slider-nav li{
  height: 60px;
  background:#eee;
  overflow: hidden;
}
.property_detail .slider-nav li img{
  width:100%;
  height:auto;
}
#property .spec{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#property .spec table{
  width:48%;
  border: 1px solid #ddd;
}
#property .spec table th{
  width:30%;
  background:#eee;
  font-size:1.4rem;
  text-align: left;
  padding: 10px;
  border:1px solid #ccc;
}
#property .spec table td{
  width:70%;
  font-size:1.4rem;
  text-align: left;
  padding: 10px;
  border:1px solid #ccc;
}

/*
------------------------------------------------------------------------------
simulator リノベシミュレーター
*/
#simulator .select_occupied {
  margin-bottom: 60px;
  font-size: 1.6rem;
}
#simulator .select_occupied h5 {
  font-size: 1.6rem;
  text-align: center;
  font-weight: normal;
  margin-bottom: 10px;
}
#simulator .select_occupied input {
  font-size: 1.8rem;
  padding: 10px;
  width: 60%;
  margin-right: 10px;
  border: 1px solid #ccc;
}
#simulator .select_occupied span {
  font-size: 1.2rem;
  line-height: 2em;
}
#simulator .select_plan ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#simulator .select_plan ul li {
  width: 48%;
}
#simulator .select_plan ul li button.btn_submit {
  width: 80%;
  background: #727071;
  color: #fff;
  padding: 0px 0 0 !important;
  text-align: center;
  margin: 0 auto;
  height: 60px;
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  border: none;
}
#simulator .select_plan ul li button.btn_submit:hover {
  opacity: 0.8;
  cursor: pointer;
}
#simulator .select_plan ul li .btn_submit a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#simulator h4 {
  font-weight: 600;
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  line-height: 1.5em;
  margin: 0 0 20px;
  text-align: left;
  line-height: 4rem;
  width: 100%;
}
#simulator h4 span {
  font-size: 1.6rem;
  letter-spacing: 0;
}


/*
------------------------------------------------------------------------------
simulator_original シミュレーターオリジナル
*/
#now {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  margin: -60px 0 0;
  z-index:888;
}
#now.fixed{
  width: calc(100% - 230px);
  position: fixed;
  margin: 0 0 0 230px;
}
#now .price_now {
  width: 49%;
  padding-top: 20px;
}
#now .price_now p {
  font-size: 1.4rem;
  text-align: center;
  color:#fff;
}
#now .price_now p input{
  font-size:2.4rem;
  background:none;
  border:none;
  color:#fff;
  text-align: right;
}
#now .price_now p strong {
  margin-left: 10px;
  font-size: 2rem;
  font-weight: bold;
}
#now .estimate {
  width: 49%;
  padding-top: 20px;
}
#now .estimate button{
  width:80%;
  padding: 10px;
  background:#fff;
  color:#333;
  border:none;
  font-weight:600;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",'Noto Serif JP', serif,"Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;

}
#simulator_original #contents .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#simulator_original #contents .wrap figure {
  width: 49%;
  height: auto;
  margin-bottom: 10px;
}
#simulator_original #spec h3{
  font-size:2.4rem;
  font-weight:600;
  margin-bottom: 20px;
  text-align: left;
}
#simulator_original #spec h4 {
  font-size:1.6rem;
  text-align: left;
  margin-top: 5px;
}
#simulator_original #spec ul {
  display: flex;
  flex-wrap: wrap;
  justify-content:left;
}
#simulator_original #spec ul li {
  width: 24%;
  height: auto;
  margin-right: 1%;
}
#simulator_original #option h3{
  font-size:2.4rem;
  font-weight:600;
  margin-bottom: 10px;
  text-align: left;
}
#simulator_original #option h3 + p{
  text-align: left;
}

#simulator_original #option .option_select {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin-bottom: 40px;
}
#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%;
  border: #999 1px solid;
  padding: 20px;
  text-align: left;
  font-size: 1.4rem;
  margin-bottom: 10px;
  font-weight: bold;
  background-image: url(../img/toggle_plus.png);
  background-size:16px 16px;
  background-repeat: no-repeat;
  background-position: right 20px center;
  position:relative;
}
#simulator_original #option .option_select a#select_bathroom_a,
#simulator_original #option .option_select a#select_kitchen_a,
#simulator_original #option .option_select a#select_restroom_a,
#simulator_original #option .option_select a#select_washroom_a,
#simulator_original #option .option_select a#select_door_a,
#simulator_original #option .option_select a#select_flooring_a,
#simulator_original #option .option_select a#select_heater_a{
  padding-top: 140px;
  margin-top: -140px;
}
#simulator_original #option .option_select li#select_bathroom.open,
#simulator_original #option .option_select li#select_kitchen.open,
#simulator_original #option .option_select li#select_restroom.open,
#simulator_original #option .option_select li#select_washroom.open,
#simulator_original #option .option_select li#select_door.open,
#simulator_original #option .option_select li#select_flooring.open,
#simulator_original #option .option_select li#select_heater.open,
#simulator_original #option .option_select li#select_none.open {
  background-color:#eee;
  background-image: url(../img/toggle_minus.png);
}
#simulator_original #option .option_select li#select_bathroom:hover,
#simulator_original #option .option_select li#select_kitchen:hover,
#simulator_original #option .option_select li#select_restroom:hover,
#simulator_original #option .option_select li#select_washroom:hover,
#simulator_original #option .option_select li#select_door:hover,
#simulator_original #option .option_select li#select_flooring:hover,
#simulator_original #option .option_select li#select_heater:hover,
#simulator_original #option .option_select li#select_none:hover{
  background:#999;
  color:#fff;
  cursor: pointer;
}
#simulator_original #option .option_select li.select {
  background: #000;
  color: #fff;
  font-weight: bold;
}
#simulator_original #option h4 {
  width: 100%;
  color: #333;
  text-align: left;
  font-size: 1.6rem;
  margin: 0 0 20px;
}
#simulator_original #option h5 {
  width: 100%;
  background: #555;
  color: #fff;
  text-align: left;
  padding: 12px 10px 10px;
  font-size: 1.4rem;
}
#simulator_original #option article#bathroom,
#simulator_original #option article#kitchen,
#simulator_original #option article#restroom,
#simulator_original #option article#washroom,
#simulator_original #option article#door,
#simulator_original #option article#flooring,
#simulator_original #option article#heater {
  display: none;
}
#simulator_original #option article {
  background: #e4e4e4;
  width: 100%;
  margin: 0 0 20px;
  padding: 40px;
}
#simulator_original #option article ul input[type="radio"] {
  display: none;
}
#simulator_original #option article ul input[type="radio"]:checked + label {
  border: #f3ca44 5px solid;
}
#simulator_original #option article ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#simulator_original #option article ul li{
  width:49%;
}
#simulator_original #option article ul label {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 15px;
  margin-bottom: 20px;
  background: #fff;
  border: #fff 5px solid;
}
#simulator_original #option article ul label figure {
  width: 30%;
  height: auto;
  margin-bottom: 0;
}
#simulator_original #option article ul label div {
  width: 66%;
  height: auto;
}
#simulator_original #option article ul li div h6 {
  text-align: left;
  font-size: 1.4rem;
  margin: 5px 0 5px;
}
#simulator_original #option article ul li div p {
  font-size: 1.1rem;
  line-height: 1.5;
  margin-bottom: 5px;
}
#simulator_original #option article ul li div p.price {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0;
}
#simulator_original #option article ul li div p.price span {
  font-size: 1.1rem;
}

/*
------------------------------------------------------------------------------
RESULT オリジナルプラン見積もり結果
*/
#simulator_original_result #contents{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#simulator_original_result #contents h3{
  width:100%;
}
#simulator_original_result #contents article{
  width:49%;
}
#simulator_original_result #contents article.result_renovation dl{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#simulator_original_result #contents article.result_renovation dl dt{
  width:50%;
  margin: 0;
  padding: 20px 0 20px 20px;
  font-size:1.4rem;
  border-bottom: 1px solid #ccc;
  text-align: left;
}
#simulator_original_result span.a{
  color:#fff;
  background: #555;
  font-size:1.2rem;
  padding: 5px 10px;
  margin: 0 5px;
}
#simulator_original_result span.b{
  color:#fff;
  background: #888;
  font-size:1.2rem;
  padding: 5px 10px;
  margin: 0 5px;
}
#simulator_original_result #contents article.result_renovation dl dd{
  width:50%;
  margin: 0;
  padding: 20px 20px 20px 0;
  font-size:1.4rem;
  border-bottom: 1px solid #ccc;
  text-align: right;
}
#simulator_original_result #contents article.result_renovation dl dd strong{
  font-size:1.8rem;
  font-weight: bold;
}
#simulator_original_result #contents article.result_pay{
  border: 2px solid #ccc;
}
#simulator_original_result #contents article.result_pay dl{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
}
#simulator_original_result #contents article.result_pay dl dt{
  width:50%;
  margin: 0;
  padding: 20px 0 20px 20px;
  font-size:1.4rem;
  text-align: left;
}
#simulator_original_result #contents article.result_pay dl dd{
  width:50%;
  margin: 0;
  padding: 20px 20px 20px 0;
  font-size:1.4rem;
  text-align: right;
}
#simulator_original_result #contents article.result_pay dl dd strong{
  font-size:2.0rem;
  font-weight: bold;
  color:#c00;
}
#simulator_original_result #contents article.result_pay p.price{
  padding: 20px;
  text-align: left;
  font-size:1.4rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
}
#simulator_original_result #contents article.result_pay p.price strong{
  font-size:1.8rem;
  color:#c00;
  font-weight:bold;
}
#simulator_original_result #contents article.result_pay ul.price_detail{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px;
}
#simulator_original_result #contents article.result_pay ul.price_detail li{
  width:50%;
  margin: 0;
  text-align: left;
}
#simulator_original_result #result_detail{
}
#simulator_original_result #result_detail h4{
  font-size:1.6rem;
}
#simulator_original_result #result_detail dl{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}
#simulator_original_result #result_detail dl dt{
  width:50%;
  padding: 20px;
  font-size:1.4rem;
  text-align: left;
  margin: 0;
  border-bottom: 1px solid #ccc;
}
#simulator_original_result #result_detail dl dt figure{
  margin: 0;
  width: 30%;
  float: left;
  margin-right: 20px;
}
#simulator_original_result #result_detail dl dt h5{
  font-size:1.4rem;
  font-weight:bold;
}
#simulator_original_result #result_detail dl dt p{
  font-size:1.2rem;
}
#simulator_original_result #result_detail dl dt.total_price{
  background: #eee;
  font-weight:bold;
}
#simulator_original_result #result_detail dl dd{
  width:50%;
  padding: 20px;
  font-size:1.4rem;
  text-align: right;
  margin: 0;
  border-bottom: 1px solid #ccc;
}
#simulator_original_result #result_detail dl dd.total_price{
  background: #f5f5f5;
}
#simulator_original_result #result_detail dl dd strong{
  font-size:1.6rem;
  font-weight:bold;
}
#simulator_original_result #result_detail dl dd.total_price strong{
  font-size:2rem;
  font-weight:bold;
}

/*
------------------------------------------------------------------------------
PROGRAM 不動産オーナー様向け
*/

#program h4{
  width:100%;
  font-size:2.4rem;
  font-weight:600;
  line-height: 1.5em;
  margin: 0 0 20px;
  text-align: left;
}
#program article{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 60px;
}
#program .program02 .side{
  width:50%;
}
#program .program02 figure{
  width:45%;
}
#program .program03 h5{
  width:20%;
  text-align: center;
}
#program .program03 h5 img{
  width:50%;
}
#program .program03 div{
  width:80%;
}
#program .program03 div p.title{
  width:100%;
  padding: 10px 20px;
  font-size:1.8rem;
  font-weight:600;
  line-height:1.5em;
  background:#eee;
  margin-bottom: 20px;
}
#program .program03 div p.caption{
  font-size:1.2rem;
  line-height:1.5em;
  text-align: left;
}
#program .program04 p{
  width:60%;
}
#program .program04 figure{
  width:35%;
}
#program ul.program05{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
#program ul.program05 li{
  width:46%;
  margin-bottom: 20px;
  position:relative;
}
#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.8rem;
  font-weight:600;
  margin-bottom: 10px;
}

/*
------------------------------------------------------------------------------
ordermade ノンローンリノベ
*/
#nonloan h5{
  font-size:2.4rem;
}
#nonloan01{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#nonloan01 .side{
  width:40%;
  padding-top: 20px;
}
#nonloan01 .side h3 img{
  width:70%;
  margin: 0 auto;
}
#nonloan01 .txt{
  width:55%;
  margin-bottom: 20px;
}
#nonloan01 .txt h4{
  text-align: left;
  font-size:2.4rem;
  line-height:1.5em;
  font-weight:600;
  margin-bottom: 20px;
  margin-top: 0;
}
#nonloan01 .txt p{
  text-align: left;
}
#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:48%;
  text-align: left;
  font-size:2.0rem;
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 1.5em;
}
#nonloan01 ul li strong{
  color:#f19700;
}
#nonloan01 ul li span{
  font-size:1.8rem;
  padding: 10px;
  background:#00b8ef;
  color:#fff;
  margin-right: 10px;
}
#nonloan01 ul li span.caption{
  font-size:1.2rem;
  padding: 0;
  background:none;
  color:#333;
  margin-left: 10px;
  margin-right: 0;
}
#nonloan01 p.caption{
  font-size:1.2rem;
  color:#333;
  text-align: right;
  width:100%;
}
#nonloan02 article{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#nonloan02 article h4{
  width:20%;
  text-align: center;
}
#nonloan02 article h4 img{
  width:50%;
  margin: 0 auto;;
}
#nonloan02 article div{
  width:80%;
}
#nonloan02 article div img{
  margin-bottom: 80px;
}
#nonloan02 h5{
  line-height: 1.5em;;
}
#nonloan02 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;
}
#nonloan02 ul li{
  width:48%;
  text-align: left;
  font-size:1.8rem;
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 1.5em;
}
#nonloan02 ul li span{
  font-size:1.6rem;
  padding: 10px;
  background:#00b8ef;
  color:#fff;
  margin-right: 10px;
}
#nonloan02 ul li span.caption{
  font-size:1.2rem;
  padding: 0;
  background:none;
  color:#333;
  margin-left: 10px;
  margin-right: 0;
}
#nonloan02 p.caption{
  font-size:1.2rem;
  color:#333;
  text-align: right;
  width:100%;
}

/*
------------------------------------------------------------------------------
first ファーストリース
*/
#first .wrap{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
  width:100%;
  margin-bottom: 40px;;
}
#first h5{
  font-size:2.4rem;
}
#first01{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#first01 .side{
  width:40%;
  padding-top: 20px;
}
#first01 .side h3 img{
  width:70%;
}
#first01 .txt{
  width:55%;
  margin-bottom: 60px;
}
#first01 .txt h4{
  text-align: left;
  font-size:2.4rem;
  line-height:1.5em;
  font-weight:600;
  margin-bottom: 20px;
  margin-top: 0;
}
#first01 .txt p{
  text-align: left;
}
#first02 article{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom:80px;
}
#first02 .wrap.voice_title figure{
  width:50%;
}
#first02 .wrap.voice_title div{
  width:50%;
}
#first02 .wrap.voice_title div h5{
  padding: 40px;
  text-align: left;
  font-size:2.4rem;
}
#first02 .wrap.voice_title div h5.en{
  text-align: right;
  padding:20px;
  border-bottom:1px solid #1e417f;
  margin-bottom: 20px;
  color:#1e417f;
  font-size:2.0rem;

}

#first02 article .wrap figure{
  width:48%;
}
#first02 article .wrap div{
  width:48%;
}
#first02 article h4{
  width:20%;
  text-align: center;
}
#first02 article h4 img{
  width:50%;
  margin: 0 auto;;
}
#first02 article div{
  width:80%;
}
#first02 article div img{
  margin-bottom: 0;
}
#first02 h5{
  line-height: 1.5em;;
}
#first02 p{
  margin-bottom: 40px;
}
#first02 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;
}
#first02 ul li{
  width:48%;
  text-align: left;
  font-size:1.8rem;
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 1.5em;
}
#first02 ul li span{
  font-size:1.6rem;
  padding: 10px;
  background:#1e417f;
  color:#fff;
  margin-right: 10px;
}
#first02 ul li span.caption{
  font-size:1.2rem;
  padding: 0;
  background:none;
  color:#333;
  margin-left: 10px;
  margin-right: 0;
}
#first02 p.caption{
  font-size:1.2rem;
  color:#333;
  text-align: right;
  width:100%;
}


/*
------------------------------------------------------------------------------
freereno フリリノ
*/
#freereno .wrap{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
  width:100%;
  margin-bottom: 40px;;
}
#freereno h5{
  font-size:2.4rem;
}
#freereno01{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#freereno01 .side{
  width:40%;
  padding-top: 20px;
}
#freereno01 .side h3 img{
  width:50%;
  margin: 0 auto;
}
#freereno01 .txt{
  width:55%;
  margin-bottom: 20px;
}
#freereno01 .txt h4{
  text-align: left;
  font-size:2.4rem;
  line-height:1.5em;
  font-weight:600;
  margin-bottom: 20px;
  margin-top: 0;
}
#freereno01 .txt p{
  text-align: left;
}
#freereno02 article{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom:80px;
}
#freereno02 .wrap.voice_title figure{
  width:50%;
}
#freereno02 .wrap.voice_title div{
  width:50%;
}
#freereno02 .wrap.voice_title div h5{
  padding: 40px;
  text-align: left;
  font-size:2.4rem;
}
#freereno02 .wrap.voice_title div h5.en{
  text-align: right;
  padding:20px;
  border-bottom:1px solid #f19800;
  margin-bottom: 20px;
  color:#f19800;
  font-size:2.0rem;

}

#freereno02 article .wrap figure{
  width:48%;
}
#freereno02 article .wrap div{
  width:48%;
}
#freereno02 article .wrap.t-photo figure{
  width:28%;
}
#freereno02 article .wrap.t-photo div{
  width:68%;
}
#freereno02 article h4{
  width:20%;
  text-align: center;
}
#freereno02 article h4 img{
  width:50%;
  margin: 0 auto;;
}
#freereno02 article div{
  width:80%;
}
#freereno02 article div img{
  margin-bottom: 0;
}
#freereno02 h5{
  line-height: 1.5em;;
}
#freereno02 p{
  margin-bottom: 40px;
}
#freereno02 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;
}
#freereno02 ul li{
  width:48%;
  text-align: left;
  font-size:1.8rem;
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 1.5em;
}
#freereno02 ul li span{
  font-size:1.6rem;
  padding: 10px;
  background:#f19800;
  color:#fff;
  margin-right: 10px;
}
#freereno02 ul li span.caption{
  font-size:1.2rem;
  padding: 0;
  background:none;
  color:#333;
  margin-left: 10px;
  margin-right: 0;
}
#freereno02 p.caption{
  font-size:1.2rem;
  color:#333;
  text-align: right;
  width:100%;
}


/*
------------------------------------------------------------------------------
vintage ヴィンテージ
*/
#vintage h5{
  font-size:2.4rem;
}
#vintage .wrap{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
  width:100%;
  margin-bottom: 40px;;
}
#vintage01{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#vintage01 .side{
  width:40%;
  padding-top: 20px;
}
#vintage01 .side h3 img{
  width:50%;
  margin: 0 auto;
}
#vintage01 .txt{
  width:55%;
  margin-bottom: 60px;
}
#vintage01 .txt h4{
  text-align: left;
  font-size:2.4rem;
  line-height:1.5em;
  font-weight:600;
  margin-bottom: 20px;
  margin-top: 0;
}
#vintage01 .txt p{
  text-align: left;
}
#vintage01 figure{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#vintage01 figure img{
  width:32%;
}
#vintage02 article{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom:80px;
}
#vintage02 .wrap.voice_title figure{
  width:50%;
}
#vintage02 .wrap.voice_title div{
  width:50%;
}
#vintage02 .wrap.voice_title div h5{
  padding: 40px;
  text-align: left;
  font-size:2.4rem;
}
#vintage02 .wrap.voice_title div h5.en{
  text-align: right;
  padding:20px;
  border-bottom:1px solid #f19800;
  margin-bottom: 20px;
  color:#f19800;
  font-size:2.0rem;

}

#vintage02 article .wrap figure{
  width:48%;
}
#vintage02 article .wrap div{
  width:48%;
}
#vintage02 article .wrap.t-photo figure{
  width:28%;
}
#vintage02 article .wrap.t-photo div{
  width:68%;
}
#vintage02 article h4{
  width:20%;
  text-align: center;
}
#vintage02 article h4 img{
  width:50%;
  margin: 0 auto;;
}
#vintage02 article div{
  width:80%;
}
#vintage02 article div img{
  margin-bottom: 0;
}
#vintage02 h5{
  line-height: 1.5em;;
}
#vintage02 p{
  margin-bottom: 40px;
}
#vintage02 ul.img_list{
  border-top: none;
  border-bottom: none;
  padding-top: 0;
  margin-bottom: 40px;
}
#vintage02 ul.img_list li{
  width:32%;
  font-size:1.4rem;
  margin-bottom: 0;
  line-height: 1em;
}

#vintage02 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;
}
#vintage02 ul li{
  width:48%;
  text-align: left;
  font-size:1.8rem;
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 1.5em;
}
#vintage02 ul li span{
  font-size:1.6rem;
  padding: 10px;
  background:#693908;
  color:#fff;
  margin-right: 10px;
}
#vintage02 ul li span.caption{
  font-size:1.2rem;
  padding: 0;
  background:none;
  color:#333;
  margin-left: 10px;
  margin-right: 0;
}
#vintage02 p.caption{
  font-size:1.2rem;
  color:#333;
  text-align: right;
  width:100%;
}
#vintage02 h6{
  border:1px solid #ccc;
  font-size:1.4rem;
  padding: 10px 0;
  text-align: center;
  width:200px;
  margin-bottom: 15px;
}

/*
------------------------------------------------------------------------------
owner_cmn オーナー向け共通
*/
#owner_cmn{
  width:100%;
  background: #e4e4e4;
  padding: 60px 190px;
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
#owner_cmn h4{
  font-size:2.0rem;
  font-weight:600;
  margin: 0 0 20px;
  padding-bottom: 20px;
  border-bottom:1px solid #ccc;
  text-align: left;
  width:100%;
}
#owner_cmn p{
  width:100%;
}
#owner_cmn p.point{
  font-size:2.0rem;
  font-weight:600;
  margin: 0 0 60px;
  text-align: center;
  width:100%;
}
#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:48%;
}
#owner_cmn .img{
  width:50%;
}

/*
------------------------------------------------------------------------------
firstlease ファーストリース
*/

/*
------------------------------------------------------------------------------
FAQ よくある質問
*/
#faq #faq_nav {
  margin-bottom: 80px;
}
#faq #faq_nav h3 {
  margin-bottom: 40px;
  font-size:3.2rem;
  line-height: 1.5em;
}
#faq #faq_nav ul {
  display: flex;
  justify-content: center;
}
#faq #faq_nav ul li {
  position: relative;
  width: 46%;
  max-width: 320px;
  margin: 0 1%;
  text-align: center;
  background: #fff;
  color: #333;
  font-size: 1.8rem;
  font-weight: 600;
  padding: 40px 0 35px;
}
#faq #faq_nav ul li:hover {
  cursor: pointer;
  opacity: 0.9;
}
#faq #faq_nav ul li a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#faq #faq_nav ul li span {
  font-size: 1.2rem;
}
#faq main {
  display: flex;
  padding: 0;
}
#faq #faq_side {
  width: 24%;
  background: #fff;
  margin: 0;
  padding: 0;
  border-right: 1px solid #ccc;
}
#faq #faq_side div {
  height: 120px;
  background: #fff;
  padding-top: 40px;
  border-bottom: 1px solid #ccc;
}
#faq #faq_side h4 {
  font-size: 2.2rem;
  margin: 0 30px 5px;
  text-align: left;
  color: #333;
}
#faq #faq_side h4 + p {
  font-size: 1.4rem;
  text-align: left;
  color: #333;
  font-weight: 600;
  margin: 0 30px;
}
#faq #faq_side ul {
  margin-top: 40px;
}
#faq #faq_side li {
  text-align: left;
  color: #333;
  font-size: 1.4rem;
  margin-bottom: 0;
  font-weight: 600;
  padding: 20px 30px;
}
#faq #faq_side li:hover {
  cursor: pointer;
}
#faq #faq_main {
  width: 76%;
  padding: 0;
  margin: 0;
}
#faq #faq_main article {
  margin: 0;
}
#faq #faq_main article h5 {
  width: 100%;
  height: 120px;
  background: #636463;
  margin: 0;
  padding: 55px 30px 0;
  color: #fff;
  font-size: 2.4rem;
}
#faq #faq_main article h5 span {
  font-size: 1.2rem;
  margin-left: 20px;
}
#faq #faq_main article dl {
  margin: 0;
}
#faq #faq_main article dt {
  width: 100%;
  margin: 0;
  padding: 30px;
  border-bottom: 1px solid #eee;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: left;
}
#faq #faq_main article dt:hover {
  cursor: pointer;
}
#faq #faq_main article dd {
  display: none;
  width: 100%;
  margin: 0;
  padding: 30px;
  font-size: 1.4rem;
  line-height: 1.8em;
  font-weight: normal;
  text-align: justify;
  background: #eee;
}

/*
------------------------------------------------------------------------------
news お知らせ
*/
#news #news_list {
  margin-bottom: 60px;
}
#news #news_list article {
  text-align: left;
  margin-bottom: 40px;
}
#news #news_list article p.date {
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
}
#news #news_list article p.category {
  padding: 2px 30px 0;
  height: 24px;
  border-radius: 14px;
  font-size: 1.2rem;
  font-weight: bold;
  background: #999;
  color: #fff;
  display: inline-block;
  margin-bottom: 10px;
}
#news #news_list article p.category.news {
  background: #014da1;
}
#news #news_list article p.category.openhouse {
  background: #c33098;
}
#news #news_list article p.category.seminar {
  background: #43b232;
}
#news #news_list article p.category.media {
  background: #fdd100;
}
#news #news_list article p.category.column {
  background: #e46e0f;
}
#news #news_list article p.category.interview {
  background: #579;
}
#news #news_list article h4 {
  width: 100%;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: left;
  margin: 0;
  text-decoration: underline;
}
#news_detail article{
  font-size:1.4rem;
  text-align: left;
  line-height:1.5em;
}
#news_detail #contents h1 {
  text-align: left;
  font-size: 2.8rem;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 1.5em;
}
#news_detail #contents p.date {
  font-size: 1.2rem;
  margin-bottom: 20px;
}
#news_detail #contents img{
  margin: 0 0 20px;
}
#news_detail #contents h2{
  text-align: left;
  font-size:2.4rem;
  margin: 0 0 10px;
  font-weight: bold;
  border-left: thick solid #999;
  padding-left: 10px;
  line-height: 1.5em;
}
#news_detail #contents h3{
  text-align: left;
  font-size:2.0rem;
  margin: 0 0 10px;
  font-weight: bold;
  line-height: 1.5em;
}
#news_detail #contents h4{
  text-align: left;
  font-size:1.8rem;
  margin: 0 0 10px;
  font-weight: bold;
  line-height: 1.5em;
}
#news_detail #contents p{
  font-size:1.4rem;
  margin: 0 0 20px;
}
#news_detail article p{
  font-size:1.4rem;
  line-height: 1.5em;
  text-align: left;
  margin-bottom: 20px;
}
#news_detail div.btn_back {
  width: 40%;
  background: #727071;
  color: #fff;
  padding: 20px 0 0;
  text-align: center;
  margin: 60px auto 0;
  height: 60px;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
}
#news_detail div.btn_back a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#news_detail form #event_num_adult,
#news_detail form #event_num_child,
#news_detail form #event_age{
  width:60px;
}
#news_detail form .event_date{
  width:160px;
}
#news_detail form .event_time{
  padding: 12px;
  font-size:1.6rem;
  border-radius: 8px;
  border:1px solid #999;
}


/*
------------------------------------------------------------------------------
resale 不動産買取再販
*/
#resale h4{
  font-size: 3.2rem;
  line-height: 1.5em;
  text-align: left;
  width: 100%;
}
#resale #resale_buyback .check{
  width:80%;
  padding: 30px 40px 15px;
  background:#fffbd5;
  border-radius: 20px;
  margin: 0 auto 40px;
}
#resale #resale_buyback .check img{
  width:20px;
  height:auto;
  margin-right: 5px;
  margin-bottom: -3px;
}
#resale #resale_buyback .check h5{
  text-align: center;
  font-size:2.8rem;
  margin-bottom: 30px;
}
#resale #resale_buyback .check ul{
  margin-bottom: 40px;
}
#resale #resale_buyback .check ul li{
  font-size:1.6rem;
  text-align: left;
  margin-bottom: 15px;
}
#resale #resale_buyback #point1,
#resale #resale_buyback #point2,
#resale #resale_buyback #point3{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 60px;
}
#resale #resale_buyback #point1 .side,
#resale #resale_buyback #point2 .side,
#resale #resale_buyback #point3 .side{
  width:48%;
}
#resale #resale_buyback #point1 figure.image,
#resale #resale_buyback #point2 figure.image,
#resale #resale_buyback #point3 figure.image{
  width:48%;
}
#resale #resale_buyback #point1 figure.image img,
#resale #resale_buyback #point2 figure.image img,
#resale #resale_buyback #point3 figure.image img{
  width:100%;
}
#resale #resale_buyback #point1 figure{
  width:100%;
  text-align: center;
}
#resale #resale_buyback #point1 figure img{
  width:90%;
  height:auto;
}
#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:2.8rem;
  line-height: 1.5em;;
  margin-bottom: 20px;
}
#resale #resale_buyback #point1 h5 span{
  color:#e78e95;
}
#resale #resale_buyback #point2 h5 span{
  color:#93adcd;
}
#resale #resale_buyback #point3 h5 span{
  color:#f2b444;
}
#resale #resale_case{
  margin-bottom: 60px;
}
#resale #resale_case h5{
  font-size:2.8rem;
  margin-bottom: 20px;
}
#resale #resale_case li{
  margin-bottom: 20px;
}
#resale #resale_free{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 80px;
}
#resale #resale_free .side{
  width:58%;
}
#resale #resale_free figure{
  width:38%;
}
#resale #resale_free .resale_contact{
  width:80%;
  margin: 0 auto;
  border:1px solid #666;
}
#resale #resale_free .resale_contact h6{
  padding: 20px 0;
  background:#666;
  color:#fff;
  text-align: center;
  font-size:2.4rem;
  margin: 0;
}
#resale #resale_free .resale_contact ul{
  width:100%;
  padding: 40px 60px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#resale #resale_free .resale_contact ul li{
  width:50%;
  margin-bottom: 20px;
  text-align: left;
  font-size:1.6rem;
}
#resale #resale_renovation{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 60px;
}
#resale #resale_renovation .side{
  width:48%;
  text-align: left;
}
#resale #resale_renovation .side img{
  width:60%;
}
#resale #resale_renovation figure{
  width:48%;
}
#resale #resale_renovation ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px auto 10px;
}
#resale #resale_renovation ul li{
  width:33%;
  border-right:1px solid #ccc;
  padding: 20px 20px;
}
#resale #resale_renovation ul li:nth-child(3){
  border-right: none;
}
#resale #resale_renovation ul li h6{
  font-size:2.4rem;
  text-align: center;
  margin-bottom: 40px;
}
#resale #resale_renovation ul li p{
  font-size:1.4rem;
}
#resale #resale_renovation p.caption{
  text-align: right;
  width:100%;
}
#resale #resale_real{
  margin-bottom: 120px;
}
#resale #resale_real ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 40px;
  width:90%;
}
#resale #resale_real ul li{
  width:30%;
  text-align: center;
}
#resale #resale_real ul li img{
  height:120px;
  width:auto;
}
#resale #resale_real .resale_real_contact{
  width:90%;
  max-width:800px;
  margin: 0 auto;
  padding: 25px 0;
  text-align: center;
  font-size:2.8rem;
  line-height:1.5em;
  border:6px solid #93adcd;
}
#resale .resale_faq h4{
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
#resale .resale_faq dt{
  text-align: left;
  font-size:2rem;
  line-height:1.5em;
  margin: 0 0 15px;
}
#resale .resale_faq dd{
  text-align: left;
  font-size:1.4rem;
  line-height:1.5em;
  margin: 0 0 30px;
  padding-left: 20px;
}
#resale .resale_faq div{
  width: 40%;
  background: #727071;
  color: #fff;
  padding: 20px 0 0;
  text-align: center;
  margin: 0 auto;
  height: 60px;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
}
#resale .resale_faq div a{
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
}
#resale #resale_agency{
  margin-bottom: 80px;
}
#resale #resale_agency figure{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 40px;
}
#resale #resale_agency figure img{
  width:48%;
  height:auto;
}
#resale #topics {
  margin-bottom: 100px;
}
#resale #topics .topics_wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#resale #topics h3 {
  width: 100%;
}
#resale #topics h3 span {
}
#resale #topics article {
  width: 30%;
  margin-bottom: 40px;
  position: relative;
}
#resale #topics article:hover {
  opacity: 0.8;
  cursor: pointer;
}
#resale #topics article a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#resale #topics article figure {
  width: 100%;
  height: 10.55vw; /*16:9-> 330:200*/
  background: #999;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 1260px) {
  #resale #topics article figure {
    height: calc(16vw - 41.8px); /*16:9-> 330:200*/
  }
}
#resale #topics article h4 {
  text-align: left;
  font-size: 1.6rem;
  margin: 14px 0 10px;
  line-height: 1.5em;
}
#resale #topics article p.address {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#resale #topics article p.date {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#resale #topics article p.price {
  font-size: 1.2rem;
  margin-bottom: 0;
}
#resale #topics article h4 {
  text-align: left;
  font-size: 1.6rem;
  margin: 14px 0 10px;
  line-height: 1.5em;
}
#resale #topics div.btn{
  width: 90%;
  max-width: 440px;
  background: #727071;
  color: #fff;
  padding: 15px 0 0;
  text-align: center;
  margin: 10px auto 0;
  height: 50px;
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
}
#resale #topics div.btn a{
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
}
/*
------------------------------------------------------------------------------
PARTNER パートナー企業募集
*/
#partners main .btn{
  width: 80%;
  max-width: 400px;
  height: 60px;
  border-radius: 30px;
  padding: 20px 0 0;
  font-size: 1.6rem;
  text-align: center;
  background: #555;
  color: #fff;
  font-weight: bold;
  box-shadow: none;
  margin:20px auto 40px;
  border: none;
}
#partners h4{
  font-size: 3.2rem;
  line-height: 1.5em;
  text-align: left;
  width: 100%;
}
#partners_problems{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#partners_problems article{
  width:48%;
}
#partners_problems article h5{
  font-size:2.4rem;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
}
#partners_problems article ul{
  margin: 0;
  padding: 0;
}
#partners_problems article ul li{
  margin-bottom: 10px;
  font-size:1.4rem;
  text-align: left;
  list-style: disc;
  margin-left: 10px;
}
#partners_problems article ul li.title{
  list-style: none;
  margin-left: 0;
}
#partners_support{
  width:100%;
  background:#eee;
  padding: 40px 130px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#partners_support h4{
  margin-top: 0;
}
#partners_support p{
  width:63%;
  margin-bottom: 20px;
}
#partners_support figure{
  width:33%;
  height:auto;
  margin-bottom: 20px;
}
#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{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 80px;
}
#partners_free .side{
  width:58%;
}
#partners_free figure{
  width:38%;
}
#partners_free .resale_contact{
  width:80%;
  margin: 0 auto;
  border:1px solid #666;
}
#partners_free .resale_contact h6{
  padding: 20px 0;
  background:#666;
  color:#fff;
  text-align: center;
  font-size:2.4rem;
  margin: 0;
}
#partners_free .resale_contact ul{
  width:100%;
  padding: 40px 60px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#partners_free .resale_contact ul li{
  width:50%;
  margin-bottom: 20px;
  text-align: left;
  font-size:1.6rem;
}
#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{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#partners_toc p{
  width:53%;
}
#partners_toc .caution {
  width: 100%;
}
#partners_toc .caution p {
  width: 100%;
  font-size: 12px;
  color: #c00;
}
#partners_toc figure{
  width:43%;
  height:auto;
}
#partners_toc article h5{
  font-size:2.4rem;
  margin-top: 40px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
}
#partners_toc article ul{
  width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content:left;
  margin-bottom: 20px;
}
#partners_toc article ul li{
  width:32%;
  margin-bottom: 10px;
  font-size:1.4rem;
  text-align: left;
  list-style: disc;
  margin-left: 10px;
}
#partners_toc article ul li.title{
  margin-left: 0;
  width:100%;
  list-style: none;
}
#partners_toc div.btn{
  border:#999 1px solid;
  background-color: #fff;
  color:#333;
  position:relative;
}
#partners_toc div.btn:hover{
  background: #999;
  color:#fff;
  cursor: pointer;
}
#partners_toc div.btn a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}



/*
------------------------------------------------------------------------------
recruit 求人情報
*/
#recruit h4 {
  text-align: left;
  font-size:2.8rem;
}
#recruit h5 {
  text-align: left;
  font-size:2.0rem;
  margin: 0 0 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  line-height:1.5em;
}
#recruit .recruit_detail {
  margin-bottom: 60px;
}
#recruit .recruit_detail dt {
  width: 8em;
  font-size: 1.4rem;
  float: left;
  text-align: left;
}
#recruit .recruit_detail dd {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.8em;
  margin: 0 0 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-left: 10em;
  text-align: left;
}
#recruit .recruit_detail button {
  width: 80%;
  max-width: 400px;
  height: 60px;
  border-radius: 30px;
  padding: 10px 0 8px;
  font-size: 1.6rem;
  text-align: center;
  background: #fff;
  color: #000;
  font-weight: bold;
  box-shadow: none;
  margin-bottom: 10px;
  border: 1px solid #999;
  font-family: inherit;
}
#recruit .recruit_detail button:hover {
  background: #999;
  color:#fff;
  cursor: pointer;
}

/*
------------------------------------------------------------------------------
contact お問い合わせ
*/
#contact #zip{
  width:40%;
}

/*
------------------------------------------------------------------------------
privacy プライバシーポリシー
*/
#privacy h4 {
  text-align: left;
  margin-bottom: 20px;
}
#privacy ol li {
  font-size: 1.4rem;
  text-align: left;
  line-height: 1.8em;
}


/*
------------------------------------------------------------------------------
modal モーダル
*/
.modal {
  display: none;
  height: 92vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index:9999;
}
.modal__bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}
.modal__content {
  background: #fff;
  left: 50%;
  padding: 40px;
  position: absolute;
  top: 10%;
  transform: translate(-70%, 0);
  width: 60%;
  height:70%;
  overflow-y: scroll;
}
.modal_submit {
  background: #fff;
  left: 50%;
  padding: 10px;
  position: absolute;
  bottom: 10%;
  transform: translate(-70%, 0);
  width: 60%;
  height:10%;
  overflow-y: scroll;
}
#wpmem_login legend,
#wpmem_reg legend {
  font-size: 1.8rem !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  margin-bottom: 10px !important;
  width: 100% !important;
}
#wpmem_login .div_text,
#wpmem_reg .div_checkbox,
#wpmem_reg .div_date,
#wpmem_reg .div_file,
#wpmem_reg .div_image,
#wpmem_reg .div_multiselect,
#wpmem_reg .div_number,
#wpmem_reg .div_radio,
#wpmem_reg .div_select,
#wpmem_reg .div_text,
#wpmem_reg .div_textarea,
#wpmem_reg .div_url {
  width: 70% !important;
  margin: 0 0 14px !important;
}
#wpmem_reg .div_multicheckbox{
  width: 70% !important;
  margin: 0 0 14px !important;
}
#member_login {
  width: 100%;
  background: #666;
  color: #fff;
  padding: 10px;
  text-align: center;
  position: relative;
  font-size: 1.2rem;
  font-weight: 600;
}
#member_login a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#member_login_now {
  width: 100%;
  background: #999;
  color: #fff;
  padding: 10px;
  text-align: center;
  position: relative;
  font-size: 1.2rem;
  font-weight: 600;
}
#member_login_now a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#member_login img,
#member_login_now img{
  width:15px;
  height:auto;
  margin-right: 5px;
  margin-bottom: -2px;
}
/*詳細選択*/
.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;
}
.modal__content .area_sub .flex_wrap,
.modal__content .line_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:5%;
  font-size:1.6rem;
  margin: 4px 0 10px;
}
.modal__content .area_sub .flex_wrap label,
.modal__content .line_sub .flex_wrap label{
  width:20%;
  font-size:1.6rem;
  text-align: left;
  margin: 0 0 20px;
}

/*
------------------------------------------------------------------------------
会員登録
*/
#wpmem_login label, #wpmem_reg label {
  font-family:inherit !important;
  font-size: 100%;
  font-size: 14px;
  font-weight: 400;
}
#wpmem_login label,
#wpmem_reg label.checkbox,
#wpmem_reg label.select,
#wpmem_reg label.text,
#wpmem_reg label.textarea,
#wpmem_reg label.radio,
#wpmem_reg h3 {
  color:#000 !important;
  font-size:1.4rem !important;
  height: 30px !important;
  width: 30% !important;
  float: none !important;
  display: block !important;
}
#wpmem_reg .member_signin_area_check {
  width: 100% !important;
  float:none !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
#wpmem_reg .member_signin_area_check input {
  display: none;
}
#wpmem_reg .member_signin_area_check input:checked + label {
  background: #fd0;
}
#wpmem_reg .member_signin_area_check label {
  width: 20%;
  text-align: center;
  padding: 10px 0;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  font-size: 1.2rem;
  margin: 0;
}
#wpmem_reg input{
  width: 100%;
    padding: 10px;
    font-size: 1.6rem;
    border-radius: 8px;
    box-shadow: none;
    border: 1px #999 solid;
    margin-bottom: 20px;
}
#member_form fieldset{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
#wpmem_reg .div_select{
  text-align: left !important;
  float: none;
}
.multicheckbox{
  display: block;
  padding: 10px 0;
  margin-bottom: 10px;
}
.multicheckbox:hover{
  cursor: pointer;
}
.member_signin_area_check{
  display: none;
}
.area_wrap{
  width:70%;
}
.div_multicheckbox,
.div_radio{
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
#wpmem_reg .div_multicheckbox input,
#wpmem_reg .div_radio input{
  padding-top: 5px;
  width:5% !important;
}
#wpmem_reg .div_radio input{
  margin-bottom: 5px;
  margin-right:1%;
}
#wpmem_reg .div_multicheckbox label,
#wpmem_reg .div_radio label{
  width:44% !important;
  text-align: left;
  background: none !important;
  padding: 0;
}
.button_div{
  text-align: center !important;
}
#wpmem_reg label.text,
#wpmem_reg label.select,
#wpmem_reg label.radio,
#wpmem_reg label.multicheckbox{
  text-align: left;
  width:24%;
}
#member .caption span{
  color:#c00;
}
#member legend{
  display: none;
}
.members_intro p{
  text-align: left;
}
.members_intro p.attention{
  color:#c00;
}
#wpmem_login fieldset, #wpmem_reg fieldset {
  padding: 40px !important;
  margin: 40px 0;
  background: #eee !important;
}
#member_form{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#member_form h3{
  width:100%;
}
#member_form article{
  width:48%;
}
#member_form article h4{
  line-height: 1.5em;
}
#member_form article #wpmem_login{
  width:100%;
}
#member_form article #wpmem_login .flexbox{
  width:100%;
}
#member_form article #wpmem_login .flexbox label{
  text-align: left;
}
#member_form article #wpmem_login .flexbox .div_text{
  width:100% !important;
}
#member_form article #wpmem_login .button_div{
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  width: 100%;
}
#member_form article #wpmem_login .button_div #rememberme{
  width:10% !important;
}
#member_form article #wpmem_login .button_div label{
  width:70% !important;
  margin-top: 8px;
}
#member_form article #wpmem_login .button_div .buttons{
  width:80%;
  margin: 20px 10% 0;
  font-size:1.4rem;
  background:#727071;
  color:#fff;
  box-shadow: none;
  padding: 10px 0;
  border:none;
}
#member_form article figure{
  position:relative;
  background: #eee;
/*  background: #00c634;*/
  width:100%;
  text-align: center;
  padding: 45px 0;
}
#member_form article figure:hover{
  opacity: 0.8;
}
#member_form article figure img{
  width:auto;
  height:60px;
}
#member_form article figure a{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#member_form article p.attention{
  color:#c00;
  font-size:1.2rem;
  margin-bottom: 20px;
}
.login_merits {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#member_form article .merit {
  width: 48%;
  display: flex;
  flex-wrap: wrap;
}
#member_form article .merit_movie {
  width: 48%;
}
#member_form article .merit img {
  width: 48%;
  margin-right: 5px;
  margin-bottom: 5px;
}
#member_form article .merit img:nth-child(2n) {
  margin-right: 0;
}
#member_form article .merit_movie video {
  width: 100%;
  /* background-image: url('../img/member_movie_image.png'); */
  background-repeat: no-repeat;
  background-size: contain;
}
#member_form article .line_btn {
  width: 45%;
  margin-top: 40px;
  margin-bottom: 20px;
}
#member_form article .line_btn img {
  width: 100%;
}
.wpmem_msg {
  background: #fee !important;
  border: none !important;
  border-radius: 3px;
  padding: 20px 0;
  margin: 15px 0 -20px !important;
  width: 100% !important;
  display: block !important;
  font-size:1.2rem !important;
  font-weight:bold !important;
  color:#c00 !important;
}
#autozip{
  display: none !important;
}

/*input#billing_postcode:before{
  content:"〒";
  display: block;
  margin-right:10px;
  width:20px;
  height:20px;
  background-color: red;;
}*/

/*
------------------------------------------------------------------------------
問い合わせフォーム
*/
#contact_type input{
  width:10px !important;
}

/*
------------------------------------------------------------------------------
イベントフォーム
*/
#mailform .mw_wp_form_confirm dl dd {
  font-size: 1.6rem;
  padding: 20px;
  background: #eee;
}
#news_detail .form_send{
  text-align: center;
}
#news_detail .form_send input{
  width: 40%;
  background: #727071;
  color: #fff;
  padding: 0 0 0;
  text-align: center;
  margin: 0 auto;
  height: 60px;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;  
}
#news_detail .form_send input:hover{
  opacity: 0.8;
  cursor: pointer;
}
#news_detail .form_return_div{
  text-align: center;
}
#news_detail input.form_return{
  width: 40%;
  background: #aaa;
  color: #fff;
  padding: 0 0 0;
  text-align: center;
  margin: 0 auto 40px;
  height: 40px;
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  border: none;
}
#news_detail input.form_return:hover{
  opacity: 0.8;
  cursor: pointer;
}
.form_confirm{
  display: none;
}
.mw_wp_form_confirm .form_confirm{
  display: block !important;
  color:#c00;
  font-size:1.4rem;
}
/*
------------------------------------------------------------------------------
ボタン
*/
.btn_wrap_col1{
  width:100%;
  margin: 60px auto 0;
}
.btn_wrap_col2{
  width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 60px auto 0;
}
.btn_wrap_col1 div{
  width:48%;
  position:relative;
  text-align: center;
  padding: 20px 0 0;
  height: 60px;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 auto;
}
.btn_wrap_col2 div{
  width:48%;
  position:relative;
  text-align: center;
  padding: 20px 0 0;
  height: 60px;
  font-size: 1.4rem;
  font-weight: bold;
}
.btn_wrap_col1 div a,
.btn_wrap_col2 div a{
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
}
.btn_orgin_a{
  border:2px solid #727071;
  background: #fff;
  color: #727071;
}
.btn_orgin_a:hover{
  background: #727071;
  color: #fff;
  cursor: pointer;
}
.btn_orgin_b{
  background: #727071;
  color: #fff;
}
.btn_orgin_b:hover{
  opacity: 0.8;
  cursor: pointer;
}
/*
------------------------------------------------------------------------------
イベント一覧
*/
    #home #event .event_tn,
    #news_detail #event .event_tn {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
        margin: 0 0 60px;
    }
    #home #event .event_tn article,
    #news_detail #event .event_tn article{
      width:32%;
      margin: 0 0 20px;
      position: relative;
    }
    #home #event .event_tn article figure,
    #news_detail #event .event_tn article figure{
      position:relative;
      margin-bottom: 0;
      height:calc(32vw - 156.8px);
    }
    #home #event .event_list,
    #news_detail #event .event_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
    }
    #home #event .event_list h4,
    #news_detail #event .event_list h4{
      width:100%;
      font-size:24px;
    }
    #home #event .event_list article,
    #news_detail #event .event_list article{
      width:24%;
      margin: 0 0 30px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      position: relative;
    }
    #home #event .event_list article figure,
    #news_detail #event .event_list article figure{
      width: 100%;
      height:calc(24vw - 117.6px);
      background-position: center center;
      background-size: cover;
      margin-bottom: 0;
      position:relative;
    }
    #home #event .event_list article a,
    #news_detail #event .event_list article a{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index: 99;
    }
    #home #event .tn_date,
    #news_detail #event .tn_date{
      width:100%;
      height:100%;
      position:absolute;
      padding: 50% 0 0;
      background:rgba(0, 0, 0, 0.6);
      color:#fff;
      font-size:16px;
      text-align: center;
    }
    @media screen and (min-width: 1260px) {
  #home #event .event_list article figure,
  #news_detail #event .event_list article figure {
    height:calc(24vw - 117.6px);
  }
  #home #event article figure,
  #news_detail #event article figure {
    height:calc(32vw - 156.8px);
  }
}
/*
------------------------------------------------------------------------------
イベント詳細
*/
.post_next_back{
  margin-top:40px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.post_next_back div{
  width:50%;
  font-size:1.4rem;
}
.post_next_back div:nth-child(odd){
  text-align: left;
}
.post_next_back div:nth-child(even){
  text-align: right;
}