/* ===== PC専用css ===== */
@charset 'UTF-8';

@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);

@font-face {
  font-family: Fredoka One;
  src: url('../font/FredokaOne-Regular.ttf') format("normal");
}

/* 共通 */
html {
  font-size: 62.5%;
  color: #333;
  /* font-family: yu-gothic-pr6n, sans-serif; */
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  width: 100%;
  background: #F3F3EC;
}

.en{
  /* font-family: century-gothic, sans-serif; */
  font-family: futura-pt, sans-serif;
}

* {
  font-size: 14px;
  font-size: 1.4rem;
  box-sizing: border-box;
}

.hidden-desktop {
  display: none !important;
}

.hidden-phone {
  display: block !important;
}

.visible-phone {
  display: none !important;
}
.visi--phone{
  display: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.red {
  color: #ff0000;
}

#wrapper {
  overflow: hidden;
}

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

.container {
  width: calc(100% - 8.32vw);
  margin: 0 auto;
  padding-left: 13.54vw;
}
.is_about.u_page .container,
.container.right-pd{
  padding-right: 13.54vw;
}

a {
  text-decoration: none;
  color: #333;
/* font-family: yu-gothic-pr6n, sans-serif; */
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
a:hover{
  opacity: 0.7;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
img {
  max-width: 100%;
}

.clearfix {
  *zoom: 1;
  clear: both;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.is_left {
  float: left;
}

.is_right {
  float: right;
}

.block {
  display: block;
}

.more{
  margin: 100px auto 0;
  text-align: center;
  position: relative;
  padding-bottom: 20px;
  display: block;
  width: 520px;
}
.more::after {
  position: absolute; /*positionをabsoluteに指定*/
  content: "";
  background-color: #000; /*下線の色*/
  width: 520px; /*線の幅*/
  height: 1px; /*線の太さ*/
  bottom: 0px; /*線のタテ位置*/
  left:0%;  /*線のヨコ位置*/
  transform: translateX(0%);/*線のヨコ位置*/
}
.more a{
  font-size: 2.8rem;
}

/*リスト*/
ul[class*="colum"] {
  width: 100%;
}

ul[class*="colum"] li {
  float: left;
  display: inline-block;
  text-align: center;
  border: 1px solid #9E4295;
  padding: 1px;
  box-sizing: border-box;
  position: relative;
}

.colum4 li {
  width: calc(25% - 7px);
  margin-right: 7px;
}

.colum5 li {
  width: calc(20% - 5px);
  margin-right: 5px;
}

.colum6 li {
  width: calc(16.66% - 2px);
  margin-right: 2px;
}



.logo {
  width: 1000px;
  height: 142px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  top: 32%;
  z-index: 50;
}



/* ヘッダー */
header {
  position: relative;
}

header .head_logo {
  position: fixed;
  top: 3.16vw;
  left: 4.16vw;
  /* width: 4.0625vw; */
  display: block;
  transition: 0.3s;
  z-index: 102;
}


header .gnav_top {
  width: calc(100% - 8.32vw);
  padding-right: 0.626vw;
  padding-left: 13.54vw;
  position: fixed;
  top: 4.01vw;
  right: 4.16vw;
  z-index: 101;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* cursor: pointer; */
}
header .gnav_top p,
header .gnav_top a{
  color: #333;
}
header .gnav_top p.text--white,
header .gnav_top a.text--white{
  color: #fff;
}

.u_page header .gnav_top .head_txt{
  display: none!important;
} 


header .gnav_top .head_logo.hl_2 {
  padding-top: 10px;
  padding-left: 10px;
}

header .gnav_top .head_logo.hl_2 img {
  border: 1px solid #000;
}

header .gnav_top .g_btn_box {
  display: flex;
  align-items: center;
  margin-left: auto;
  flex-shrink: 0;
  align-items: flex-start;
}

header .gnav_top .g_btn_box a{
  letter-spacing: 0.075em;
  display: flex;
  align-items: center;
  margin-left: 30px;
  color: #333;
}
header .gnav_top .g_btn_box a.text--white{
  color: #fff;
}
header .gnav_top .g_btn_box .drawer-nav a{
  color: #fff;
  display: block;
}
.drawer-menu-item:hover{
  text-decoration: none;
}
header .gnav_top  .drawer-nav ul li:hover{
  opacity: 1;
}
header .gnav_top .g_btn_box .drawer-nav .inner{
  width: calc(100% - 15.32vw);
  margin: 0 auto;
  padding: 7.81vw 0 4.16vw;
  display: flex;
  gap: 0 10%;
  height: 100vh;
}
header .gnav_top .g_btn_box .drawer-nav .inner .col{
  flex: 1;
  text-align: left;
}
header .gnav_top .g_btn_box .drawer-nav .inner .col.bMenu{
  flex: 1.2;
}
header .gnav_top .g_btn_box .drawer-nav li{
  margin-bottom: 45px;
}
header .gnav_top .g_btn_box .drawer-nav a:hover{
  opacity: 0.7;
}
header .gnav_top .g_btn_box .drawer-nav a.noLink:hover{
  opacity: 1;
  cursor: default;
}
header .gnav_top .g_btn_box .drawer-nav span{
  display: block;
}
header .gnav_top .g_btn_box .drawer-nav .en{
  font-size: 5rem;
}
header .gnav_top .g_btn_box .drawer-nav .cat{
  margin-left: 40px;
  border-left: 1px solid #fff;
}
header .gnav_top .g_btn_box .drawer-nav .cat a{
  margin-left: 10px;
  padding: 5px 0px;
  line-height: 1;
}
header .gnav_top .g_btn_box .drawer-nav .sml li{
  margin-bottom: 0;
}
header .gnav_top .g_btn_box .drawer-nav .sml li.lastBgTit{
  margin-bottom: 45px;
}
header .gnav_top .g_btn_box .drawer-nav .sml a{
  font-size: 1.4rem;
}
header .gnav_top .g_btn_box .drawer-nav .fistBtn{
  margin-top: 70px;
}
header .gnav_top .g_btn_box .drawer-nav .drawer_icon .en{
  font-size: 2.2rem;
}
header .gnav_top .g_btn_box .drawer-nav .drawer_icon .ja{
  font-size: 1rem;
}
header .gnav_top .g_btn_box .drawer-nav .drawer_icon a{
  border-radius: 35px;
  border: 1px solid #fff;
  text-align: center;
  padding: 10px;
  margin-bottom: 15px;
}
.drawer_sns{
  margin-top: 60px;
  margin-left: 20px;
}
header .gnav_top .g_btn_box .drawer_sns a{
  margin-left: 10px;
}
.drawer_sns li{
  display: inline-block;
}
.drawer_sns img{
  filter: invert(100%);
}
header .gnav_bottom {
  margin-bottom: 25px;
}

header a {
  font-size: 14px;
}

header .gnav_bottom ul{
  position:relative;/*絶対値指定の親要素に必要*/
display:flex;/*要素を横並びに*/
justify-content:space-between;/*横並びにした要素を両端に配置*/ 
}

header .gnav_bottom ul li {
  float: left;
  padding: 5px 0.5em;
  width: 25%;
  text-align: center;
  display: table;
}


/*
header .gnav_bottom ul li::before{
  content:"";
position:absolute;
left:50%;
top:20%;
background:#000000;
width:1px;
height:60%;
}*/

/* header .gnav_bottom ul li {
  float: left;
  padding: 15px 0.5em 5px;
  margin: 0 3%;
  width: 18%;
  text-align: center;
  border-top: 2px solid #000;
  position: relative;
} */

header .gnav_bottom ul li a {
  font-weight: bold;
  display: table-cell;
  height: 48px;
  vertical-align: middle;
  border-right: 1px solid #555;
}
header .gnav_bottom ul li:first-child a{
  border-left: 1px solid #555;
}

header .gnav_bottom ul li a:hover {
  opacity: 0.7;
}

header .gnav_top ul li:hover {
  opacity: 0.7;
}

.fixed_head {
  position: relative;
  top: -300px;
  width: 100%;
  display: none;
}

.fixed_head.fixed {
  display: block;
  position: fixed;
  left: 0;
  z-index: 999;
}

header.fixed_head .gnav_top ul li.g_contact {
  margin-right: 10px;
}

header.fixed_head .gnav_top ul li.fixed_sns {
  font-size: 0;
  padding-top: 5px;
}

header.fixed_head .gnav_top ul li.fixed_sns a {
  line-height: 1;
}

header.fixed_head .gnav_top ul.g_btn_box {
  padding-top: 5px;
}
/* ▼ 20240219 header retouch ▼ */
header .gnav_bottom ul.gnav-menu-items {
  flex-wrap: wrap;
  justify-content: center;
}

header .gnav_bottom ul li.gnav-menu-item {
  width: 14.2%;
  border-right: 1px solid #555;
  margin: 10px 0;
  padding: 0 5px;
}



/* インスタ追従 */
.fixedSns{
  position: fixed;
  bottom: 135px;
  left: 4.16vw;
  z-index: 99;
  transform: rotate(90deg);
  transform-origin: left bottom;
  margin: 0;
  width: 95px;
}
.fixedSns a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 95px;
  transition: 0.3s;
}
.fixedSns a span{
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
}
.fixedSns a img{
  width: 32px;
  display: block;
}

/* drawer */
.drawer-hamburger{
  position: initial;
  margin-left: 52px;
  padding: 0;
  width: 32px;
  z-index: 102;
}
.drawer-nav{
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
}
.drawer--right .drawer-nav{
  right: -100%;
}
.drawer-hamburger-icon.text--white, .drawer-hamburger-icon.text--white:after, .drawer-hamburger-icon.text--white:before{
  background-color: #fff;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
  background-color: #333;
}
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before{
  background-color: #fff;
}
.drawer-open .drawer-hamburger-icon.text--white{
  background-color: transparent;
}



/* sidebar */
.sideLeft{
  position: fixed;
  left: 4.16vw;
  top: 40%;
  transform: translateY(-50px);
  z-index: 98;
}
.sideLeft li:not(:last-child){
  margin-bottom: 14px;
}
.sideLeft a{
  color: #333;
  /* font-family: century-gothic, sans-serif; */
  font-family: futura-pt, sans-serif;
  font-weight: normal;
  display: inline-block;
  position: relative;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 400;
  padding-bottom: 4px;
  transition: 0.3s;
}
.sideLeft a::after {
  content: "";
  width: 0;
  height: 1px;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.3s;
}
.sideLeft a.active::after {
  width: 100%;
}
.sideLeft a.text--white {
  color: #fff;
}
.sideLeft a.text--white::after {
  background: #fff;
}

/* .u_page .sideLeft a.text--white{
  color: #333;
} */

/* フッター */
footer {
  margin-top: 45px;
  padding: 80px 0 15px;
  background: url(../images/footBg.png) no-repeat;
  background-size: cover;
}
.foot_add p{
  font-size: 1.3rem;
  padding: 10px 0 40px;
}
.add__sns{
  display: flex;
  justify-content: space-between;
}
footer .sitemap {
  display: flex;
  margin-bottom: 50px;
}
footer .sitemap .col{
  flex: 1;
}
footer .sitemap .col.long{
  flex: 1.3;
}
footer .sitemap .col a{
  font-size: 1.2rem;
  /* display: inline-block; */
  line-height: 1.8;
  display: block;
  transition: 0.3s;
}
footer .sitemap .col a:first-child{
  font-weight: bold;
  font-size: 1.3rem;
}
footer .sitemap .col a.en:first-child{
  font-weight: bold;
  font-size: 1.6rem;
}


/* inc_contact */
.inc_contact {
  background: #F7E2C9;
  background: #B3C38C;
  padding: 40px 0 55px;
  text-align: center;
}

.inc_contact h2.title{
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 50px;
}
.inc_contact h2.title::after{
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.inc_contact .c_txtBox p {
  color: #333;
}

.inc_contact .ex_to {
position: relative;
	border: none;
	border-bottom: 1px solid #333;
	width: 245px;
	max-width: 90%;
  padding-bottom: 5px;
}
.inc_contact .ex_to::before{
  content: "";
	display: block;
	width: 30px;
	height: 1px;
	background: #333;
	rotate: 40deg;
	position: absolute;
	right: -3px;
	bottom: 9px;
}
.inc_contact .ex_box {
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}
.iconImg{
width: 25px;
vertical-align: middle;
margin-right: 8px;
}
.inc_contact .ex_from{
  margin-bottom: 10px;
}
.inc_contact .ex_box a{
  font-size: 2.2rem;
}


/* inc_topic */
.inc_topic .tpWrap{
  display: flex;
  gap: 0 35px;
}
.inc_topic .tpWrap .tpList{
  flex: 1;
}
.inc_topic .tpWrap .tpList:last-child{
  display: none;
}
.inc_topic .tpWrap .b_img a{
  font-size: 0;
}
.inc_topic .tpWrap img{
  height: 260px;
  object-fit: cover;
  width: 100%;
  font-size: 0;
}
.inc_topic .tpWrap .b_cat a{
  font-size: 1.2rem;
}
.inc_topic .tpWrap .b_tit{
  font-size: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}



/* mainVisual */
.flexslider .slides > li { 
  background-position: center;
  height: 100%;
  width: 100%;
  display: none; 
  -webkit-backface-visibility: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.flexslider-container, 
.flexslider .slides, 
.flex-viewport {
    height: 100%;
}

ul.slides {
  margin: 0;
  padding: 0;
}

.flexslider {
  margin: 0; 
  padding: 0; 
  width: 100%; 
  height: 100%; 
  border: 0px; 
  overflow: hidden;
}

.mainVisual{
  height: 100vh;
}

h2.title{
  font-size: 2.8rem;
  text-align: left;
  font-family: futura-pt, sans-serif;
  padding-bottom: 30px;
  position: relative;
  margin-bottom: 30px;
}
h2.title::after {
  position: absolute; /*positionをabsoluteに指定*/
  content: "";
  background-color: #000; /*下線の色*/
  width: 15px; /*線の幅*/
  height: 1px; /*線の太さ*/
  bottom: 0px; /*線のタテ位置*/
  left: 0%;  /*線のヨコ位置*/
  transform: translateX(0%);/*線のヨコ位置*/
}

.is_top section{
  /* margin-bottom: 175px; */
  margin-bottom: 200px;
}

.top_about .abWrap{
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}
.top_about .abWrap a img{
  display: block;
  transition: all .3s ease-in-out;
  width: 170px;
}
.top_about .abWrap a:hover img{
  transform: scale(1.1);
}
.top_about .abTxt{
  text-align: center;
}

.top_service .svWrap{
  display: flex;
  justify-content: space-between;
  gap: 0 60px; 
}
.top_service .svWrap .svList{
  position: relative;
  background: #000;
  font-size: 0;
}
.top_service .svWrap .svList a{
  font-size: 0;
}
.top_service .svWrap .svList img{
  opacity: 0.7;
}
    
.top_service .svWrap .is_txt{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
.top_service .svWrap .is_txt span{
  display: block;
  color: #fff;
  font-size: 2rem;
}
.top_service .svWrap .is_txt span.ja{
  font-size: 1.4rem;
}






.works_wrap {

}

.works_wrap .w_left {
  width: 315px;
  float: left;
  margin-right: 60px;
}

.works_wrap .w_left a {
  color: #fff;
  font-size: 1.1em;
  letter-spacing: 1.2px;
  padding: 50px 15px 0;
  height: 400px;
  display: block;
  position: relative;
}

.works_wrap .w_left a::after {
  content: ">>";
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.works_wrap .w_right {

}

.works_wrap ul.flBox {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-top: 78px;
  flex-wrap: wrap;
  gap: 98px 5.2vw;
}

.works_wrap ul li {
  transition: 0.3s;
  width: calc(33.33% - 3.4722vw);
}

.works_wrap ul li:hover {
  opacity: 0.7;
}
.works_wrap ul li .w_img{
  width: 100%;
  display: block;
  aspect-ratio: 0.6842;
}

.works_wrap ul li .w_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.works_wrap ul li .mask {
  padding: 35px 0 80px;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.works_wrap ul li .mask .w_tit{
  font-size: 2.2rem;
}
.works_wrap ul li .mask .w_txt {

}

.works_wrap ul li .w_name {
  font-size: 1.4rem;
  margin-bottom: 5px;
}

.works_wrap .catBox{
  display: flex;
}
.works_wrap .w_cat:first-child::before{
  content: "[";
}
.works_wrap .w_cat:last-child::after{
  content: "]";
}
.works_wrap .w_cat:nth-child(n+2)::before{
  content: " | ";
  margin-left: -7px;
}
.works_wrap .w_cat {
  font-size:1.1rem;
  display: inline-block;
  padding: 1px 5px;
  letter-spacing: 0.5px;
}
.works_wrap .oneMore{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.oneMore:before {
  border-top: 1px solid;
  content: "";
  width: 7em;
  margin-right: 10px;
}
.oneMore:after {
  margin-left: 1em; 
}






/* 下層ページ共通 */
.u_wrap{
  padding-top: 280px;
}
.u_wrap.no_pd{
  padding-top: 0;
}
.u_page_tit{
  font-size: 5rem;
  line-height: 1;
  margin-bottom: 125px;
}
.u_page_tit_min{
  font-size: 2.1rem;
  padding-bottom: 4px;
  display: inline-block;
  position: relative;
  font-weight: 500;
  margin-bottom: 80px;
}
.u_page_tit_min::after{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
}


/* モデルハウス */
#modelCat,#modelCat02{
  display: none;
}
.modelCatInner {
  display: flex;
  margin-left: 32px;
  margin-bottom: 10px;
}
.modelCatInner .selBox{
  margin-right: 20px;
}



/* contact */


.is_contact .contact_info {
  font-size: 0.8em;
  margin-bottom: 45px;
}

.is_contact .tb-cell {
  margin: 0 auto;
}

.is_contact .timeline {
  margin: 10px 10px 45px;
}

.is_contact .timeline ul li {
  float: left;
  width: 25%;
  border: 2px solid #000;
  text-align: center;
  margin-right: 12.5%;
  color: #000;
  padding: 5px;
  position: relative;
  font-size: 0.9em;
  background: #fff;
}

.is_contact .timeline ul li::after {
  content: '?';
  color: #000;
  position: absolute;
  right: -32%;
  font-weight: bold;
  font-size: 1.6em;
  top: -2px;
}

.is_contact .timeline ul li:last-child::after {
  content: '';
}

.is_contact .timeline ul li.active {
  background: #000;
  color: #fff;
}

.is_contact .timeline ul li:last-child {
  margin-right: 0;
}

.is_contact .tb-cell table th,
.is_contact .tb-cell table td,
.is_contact .tb-cell table .add_th {
  padding: 10px 0;
  box-sizing: initial;
  font-size: 14px;
  line-height: 24px;
  display: block;
}

.is_contact .tb-cell table th,
.is_contact .tb-cell table .add_th {
  padding-right: 20px;
  vertical-align: middle;
  padding-bottom: 0;
}


.is_contact .tb-cell table th.nani {
  vertical-align: top;
}

.is_contact .tb-cell table th p.tl {
  padding: 2px;
  text-align: left;
} 
.is_confirm.is_contact .tb-cell table th p.tl,
.is_contact .tb-cell table .add_th{
  padding-bottom: 10px;
}
.is_confirm.is_contact .tb-cell table th,
.is_contact .tb-cell table .add_th{
  padding-top: 30px;
}

.is_contact .ui-datepicker table th,
.is_contact .ui-datepicker table td {
  padding: 1px;
  /* box-sizing: initial; */
  /* font-size: 14px; */
  /* line-height: 24px; */
  display: table-cell;
}

.is_contact .tb-cell .icon {
  color: #ae0000;
  padding: 0px 10px;
  text-align: center;
  width: 40px;
  font-size: 1.1rem;
  vertical-align: top;
}

.is_contact .tb-cell .icon02 {
  border: 1px solid #1d3c82;
  color: #1d3c82;
}


.is_contact .tb-cell table tr td input.txt01,
.is_contact .tb-cell table tr td input.txt02,
.is_contact .tb-cell table tr td input.txt03,
.is_contact .tb-cell table tr td textarea {
  padding: 20px 30px;
  border: none;
  background: #fff;
  font-size: 1.3rem;
}

.is_contact .tb-cell table tr td input.txt02 {
  width: 100%;
}

.is_contact .tb-cell table tr td input.txt03,
.is_contact .tb-cell table tr td textarea {
  width: 100px;
}

.is_contact .tb-cell table tr td input.txt04 {
  border: none;
  background: #fff;
  width: 200px;
  height: 24px;
  margin-left: 10px;
}

input[type="text"],
.is_contact .tb-cell table tr td textarea {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #474747;
}

.is_contact .tb-cell .mar {
  margin-bottom: 10px;
}

.is_contact .tb-cell .submit_area {
  text-align: center;
}


.visually-hidden {
  /* コンテンツの流れから切り離す */
  position: absolute;
  /* 誤ったコードに対処するための回避策 */
  white-space: nowrap;
  /* 可能な限り文字サイズを小さくするための処理
   * (スクリーンリーダー中には height と width が 0 のものを無視するため)
   */
  width: 1px;
  height: 1px;
  /* オーバーフローしているコンテンツを隠す */
  overflow: hidden;
  /* 要素サイズを変更しうるプロパティのリセット */
  border: 0;
  padding: 0;
  /* 要素のどの部分が表示されるかを定義するもの */
  /* 古いブラウザでは使用できない */
  clip: rect(0 0 0 0);
  /* 最近のブラウザ用
   * コンテンツを非表示にする設定  */
  clip-path: inset(50%); 
  /* 今現在なぜ-1pxがここで設定されるかは分かっていないそうです。
   * それに加えていくつか問題もあるそうです 
   * (参考: https://github.com/h5bp/html5-boilerplate/issues/1985)
   */
  margin: -1px;
}

.is_contact .radioBtn label,
.is_contact .checkBtn label{
  cursor: pointer;
  padding-left: 35px;
  position: relative;
  line-height: 2.5;
  padding-right: 10px;
}
.is_contact .radioBtn label::before,
.is_contact .radioBtn label::after,
.is_contact .checkBtn label::before,
.is_contact .checkBtn label::after{
  content: "";
  display: block; 
  position: absolute;
}
.is_contact .radioBtn label::before,
.is_contact .checkBtn label::before{
  background-color: #fff;
  border-radius: 0%;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  top: 50%;
  left: 5px;
}
.is_contact .radioBtn label::after,
.is_contact .checkBtn label::after{
  border-bottom: 2px solid #333;
  border-left: 2px solid #333;
  opacity: 0;
  height: 5px;
  width: 10px;
  transform: rotate(-45deg);
  top: 2px;
  left: 10px;
}
.is_contact .radioBtn input:checked + label::after,
.is_contact .checkBtn input:checked + label::after {
  opacity: 1;
}



.submit_area p,
.ERR {
  color: #FF0000;
}

.btn_form {
  text-align: center;
  margin: 30px 0 45px;
}

.btn_form #sbtn {
  border: 2px solid #333;
  background: #333;
  width: 260px;
  color: #fff;
  line-height: 48px;
  cursor: pointer;
  font-size: 1.1em;
}

.btn_form #sbtn:hover {
  background: #fff;
  color: #333;
}

.is_contact .mailComplete {
  text-align: center;
  margin: 100px 0 200px;
}

.is_contact .ctlgBox {
  border: 2px solid #000;
  padding: 20px;
  background: #fff;
}

.is_contact .ctlgBox li {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  /* float: left; */
  text-align: center;
  margin-bottom: 15px;
}

.is_contact .ctlgBox li img {
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.is_contact .ctlgBox .cl_txt {
  display: inline-block;
  padding: 5px;
}

.is_contact .ctlgBox .cl_txt p {
  font-size: 0.8rem;
  line-height: 1.4em;
  text-align: left;
  padding-bottom: 10px;
}

.is_contact .ctlgBox .cl_txt input {
  transform: scale(1.2);
  margin: 0 6px 0 0;
  float: left;
  display: block;
}

.is_contact .ctlgBox .cl_txt label span {
  font-weight: bold;
  line-height: 1.2em;
  margin-left: 15px;
  display: block;
  text-align: left;
  margin-bottom: 7px;
}


.is_contact .reserve .notes {
  margin-bottom: 20px;
  border: 1px solid #ccc;
  padding: 10px;
}

.is_contact .reserve .notes p {
  font-size: 1.2rem;
  line-height: 1.5em;
}

.is_contact .reserve .notes .noteP01 {
  margin-bottom: 10px;
}

.is_contact .reserve .notes .noteTel a {
  font-weight: bold;
  font-size: 1.6rem;
  color: #ff0000;
  text-decoration: underline;
  margin-bottom: 10px;
  display: block;
}

.is_contact .reserve .notes .noteTel span {
  display: block;
}

.is_contact .reserve input {
  width: 120px;
  padding: 10px;
  font-size: 1em;
  border: solid 1px #000;
}

.is_contact .reserve input[type="text"] {
  background-color: #fff;
}

.is_contact .reserve select {
  padding: 11px 10px;
  font-size: 1em;
  margin-right: 5px;
}

.is_contact .ui-widget.ui-widget-content {
  margin-bottom: 10px;
}

.is_contact .reDate_01 {
  margin-bottom: 30px;
}
.is_contact .reserve input,
.is_contact .reserve select{
  display: block;
  width: 100%;
  border: none;
  color: #333;
  padding: 20px 30px;
}
.is_contact .reserve input{
  margin-bottom: 10px;
}
::placeholder {
  color: #333;
}


.is_confirm.is_contact .tb-cell table td{
  background: #fff;
  padding: 20px 30px;
}
#landTxt{
  display: none;
}



















.point{
  margin-bottom: 180px;
}
.bg_tit{
  font-size: 2.4rem;
  margin-bottom: 1em;
}
.sm_tit{
  font-size: 2.1rem;
  display: inline-block;
  padding-bottom: 4px;
  position: relative;
  margin-bottom: 80px;
}
.sm_tit::after{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #333;
}


/* about / 人 */
.page_tit_wrap{
  position: relative;
}
.aboutImg{
  position: absolute;
  right: 10%;
  top: -35px;
  width: 260px;
}
.flex2{
  display: flex;
  gap: 0 3%;
}
.about_sub{
  font-size: 3.2rem;
  margin-bottom: 145px;
}
.is_about .flex2 .col p{
  margin-bottom: 1em;
}
.is_about .flex2 .img img{
  width: 425px;
}
.is_about .flex2 .col.txt{
  flex: 1;
}
.is_about .flex2 .col.img{
  width: 425px;
}

.staff_sec .flex3{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 35px 0;
}
.staff_sec .flex3::after {
  content: "";
  display:block;
  width: calc(33.33% - 13.33px);
}
.staff_sec .flex3 .col{
  width: calc(33.33% - 13.33px);
}
.staff_sec .flex3 .col img{
  margin-bottom: 40px;
}
.staff_sec .flex3 .col .name{
  font-size: 1.4rem;
  margin-bottom: 15px;
  display: block;
}
.staff_sec .flex3 .col .position{
  font-size: 1.1rem;
}

.u_page .top_about{
  margin-bottom: 200px;
}


/* モーダル */













/* omoi */
.is_about .oboBox.flex2{
  flex-direction: column;
  /* gap: 120px 0; */
}
.is_about .oboBox.flex2 .col{
  display: flex;
  gap: 0 75px;
  align-items: center;
  margin-bottom: 120px;
}
.is_about .is_after .oboBox.flex2 .col{
  margin-bottom: 0;
}
.is_about .oboBox.flex2 .col_graph{
margin: 50px 0 120px;
}
.is_about .oboBox.flex2 .col:nth-child(even){
  display: flex;
  flex-direction: row-reverse; /*左右入れ替え*/
}

.is_about .oboBox.flex2 .col_txt{
  flex-shrink: 15;
}
.oboBox .col_tit{
  font-size: 2.4rem;
}
.oboBox .col_txt{
  line-height: 2;
}


/* social_contribution */


.v_more{
  position: relative;
  border: none;
  border-bottom: 1px solid #333;
  width: 200px;
  max-width: 90%;
  padding-bottom: 5px;
  float:right;
  margin-top: 30px;
}
.v_more::before{
  content: "";
  display: block;
  width: 30px;
  height: 1px;
  background: #333;
  rotate: 40deg;
  position: absolute;
  right: -3px;
  bottom: 9px;
}
.v_more a{
  display: block;
}






/* blog */
.blog_wrap{
  max-width: 760px;
  margin: 0 auto 80px;
}













/* コンセプト */
.is_consept h3.consept_tit {
  font-weight: bold;
  font-size: 114px;
  color: #262626;
  line-height: 1;
}

.is_consept h4.consept_sub {
  display: table;
  text-align: center;
  white-space: nowrap;
  font-size: 1.8em;
  margin-bottom: 45px;
}

.is_consept h4.consept_sub:after,
.is_consept h4.consept_sub::before {
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  -webkit-background-clip: padding;
  background-clip: padding;
}

.is_consept h4.consept_sub:after {
  border-left: 1em solid transparent;
}

.is_consept h4.consept_sub::before {
  border-right: 1em solid transparent;
}

.is_consept .c_txt01 {
  margin-bottom: 45px;
  display: block;
}

.is_consept .c_txt01 p {
  font-size: 0.9em;
  text-align: center;
}

.is_consept .type_li {
  margin-bottom: 95px;
  border-bottom: 1px solid #b2b2b2;
  padding-bottom: 45px;
}

.is_consept .type_li ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.is_consept .type_txt {
  margin-top: 20px;
  width: calc(100% - 300px);
}

.is_consept .type_txt .sub_txt {
  font-weight: bold;
  font-size: 1.4em;
  margin-bottom: 10px;
}

.is_consept .type_li li {
  float: left;
}

.is_consept .type_li li.type_no {
  width: 300px;
  padding-top: 25px;
  text-align: center;
  position: relative;
}

.is_consept .type_li li.type_no img {
  position: absolute;
  bottom: 0;
}

.is_consept .type_li li p {
  font-size: 0.9em;
  letter-spacing: 1.4px;
}

.is_consept .c_qa {
  display: table;
  border: 1px solid #333;
}

.is_consept .qa_left,
.is_consept .qa_right {
  display: table-cell;
  vertical-align: middle;
}

.is_consept .qa_left {
  font-size: 0;
  background: #fff;
}

.is_consept .qa_right {
  padding-left: 15px;
  background: #fff;
}

.is_consept .c_arrow {
  margin: 20px auto 20px;
  display: block;
}


.is_consept .balloon {
  margin-bottom: 20px;
  position: relative;
  margin-left: 20%;
  padding: 15px 20px;
  background: #fff0c6;
  border-radius: 30px;
  width: 80%;
  letter-spacing: 1.4px;
}

.balloon:before {
  content: "";
  position: absolute;
  left: -38px;
  width: 13px;
  height: 12px;
  bottom: 0;
  background: #fff0c6;
  border-radius: 50%;
}

.balloon:after {
  content: "";
  position: absolute;
  left: -24px;
  width: 20px;
  height: 18px;
  bottom: 3px;
  background: #fff0c6;
  border-radius: 50%;
}

.is_consept .type_q {
  /* font-weight: bold; */
  font-size: 1em;
  margin: 0;
  padding: 0;
  color: #333;
}

/* 新築 */
h3.new_tit {
  font-family: "Rounded Mplus 1c";
  background: #595959;
  color: #fff;
  font-size: 1.8em;
  padding: 20px 30px;
  margin-bottom: 10px;
}

h3.new_tit span {
  font-size: 1.2em;
}

.is_new h3.new_tit {
  background: #fff;
  color: #595959;
  border: 2px solid #595959;
}

.is_new .s_01 {
  margin-top: 45px;
}

.is_new .s_01 p {
  font-size: 1.2em;
  text-align: center;
  margin-bottom: 30px;
}

.is_new .s_01 ul li {
  float: left;
  width: 32.6%;
  margin-right: 1%;
  margin-bottom: 4%;
  border: 2px solid #000;
}

.is_new .s_01 ul li:nth-child(3) {
  margin-right: 0;
}

.is_new .s_01 ul li .txt {
  background: #fff;
  padding: 15px 15px 15px;
  font-weight: bold;
  font-size: 1.3em;
  font-family: "Rounded Mplus 1c";
  text-align: center;
}

.is_new .s_01 ul li .txt span {
  display: block;
  font-weight: normal;
  font-size: 0.7em;
  font-family: "Hiragino Kaku Gothic ProN", メイリオ, sans-serif;
}

.is_new .s_01 ul li a {
  position: relative;
  display: block;
  font-size: 0;
}

.is_new .s_01 ul li a::after {
  content: '';
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.5s;
  opacity: 0;
}

.is_new .s_01 ul li a:hover::after {
  opacity: 1;
}

.is_new .s_01 ul li a::before {
  content: '詳しく見る';
  font-size: 16px;
  line-height: 50px;
  width: 210px;
  position: absolute;
  left: 50%;
  top: 50%;
  border: 3px solid #fff;
  z-index: 300;
  color: #fff;
  text-align: center;
  margin: -27px 0 0 -105px;
  transition: 0.5s;
  opacity: 0;
}

.is_new .s_01 ul li a:hover::before {
  opacity: 1;
}


/* 家プロジェクト / simple note */
.is_new_project section {
  margin-bottom: 30px;
}

.is_new_project .s_01 .img {
  width: calc(100% - 27% - 5px);
  margin-right: 5px;
  float: left;
}

.is_new_project .s_01 .txt {
  width: 27%;
  float: left;
  border: 1px solid #ccc;
  height: 579px;
  padding: 10px;
  text-align: center;
  line-height: 1.7;
}

.is_new_project .s_01 .txt h3 {
  font-family: cursive;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.2;
  margin-bottom: 1em;
}

.is_new_project .s_01 .txt p {
  margin-bottom: 1em;
}

.is_new_project .s_02 .inner {
  position: relative;
}

.is_new_project .s_02 .txt {
  position: absolute;
  left: 25px;
  top: 25px;
  color: #fff;
  text-align: center;
}

.is_new_project .s_02 .txt .p01 {
  margin-bottom: 1em;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
}

.is_new_project .s_02 .txt .p02 {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  border: 1px solid #ccc;
  font-size: 0.9em;
  padding: 15px;
  line-height: 1.4;
}

.is_new_project .s_02 .txt .p03 {
  margin-top: 1em;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
}

.is_new_project .break_logo {
  text-align: center;
  margin: 45px 0;
}

.is_new_project .s_03 {
  /* font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; */
}

.is_new_project .s_03 h3 {
  font-size: 1.8em;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
}

.is_new_project .s_03 h3 span {
  font-size: 1.4em;
  font-weight: bold;
}

.is_new_project .s_03 .sbox {
  display: table;
  margin-bottom: 5px;
}

.is_new_project .s_03 .sbox .is_img {
  float: left;
  width: calc(100% - 63% - 5px);
  font-size: 0;
}

.is_new_project .s_03 .sbox .is_txt {
  float: left;
  width: 63%;
  vertical-align: middle;
  padding: 10px;
  border: 1px solid #ccc;
  height: 246px;
}

.is_new_project .s_03 .sbox .is_txt h4 {
  font-weight: bold;
  margin-bottom: 1em;
}

.is_new_project .s_03 .sbox .is_txt p {
  font-size: 0.9em;
}

.is_new_project .s_03 .sb_01 .is_img,
.is_new_project .s_03 .sb_03 .is_img,
.is_new_project .s_03 .sb_05 .is_img {
  margin-right: 5px;
}

.is_new_project .s_03 .sb_02 .is_img,
.is_new_project .s_03 .sb_04 .is_img {
  margin-left: 5px;
}

.is_new_project .s_03 .txt_box {
  margin: 30px 10px;
}

.is_new_project .s_03 .txt_box .txt_tit {
  font-weight: bold;
  font-size: 1.2em;
}

.is_new_project .s_03 .txt_box p {
  font-size: 0.9em;
}

.is_new_project .s_04 h3 {
  font-weight: bold;
  font-size: 1.8em;
}

.is_new_project .s_04 .is_img {
  float: left;
  width: 69%;
}

.is_new_project .s_04 .is_txt {
  float: left;
  width: 31%;
  border: 1px solid #ccc;
  padding: 10px;
  height: 460px;
}

.is_new_project .s_04 .is_txt span {
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: underline;
}

.is_new_project .s_05 .is_img {
  float: left;
  width: 55%;
}

.is_new_project .s_05 .is_txt {
  float: left;
  width: 45%;
  border: 1px solid #ccc;
  padding: 10px;
  height: 826px;
}

.is_new_project .s_05 .is_txt p {
  margin-bottom: 1em;
}

.is_new_project .s_05 .is_txt p span {
  font-weight: bold;
  font-size: 1.1em;
}

.is_new_project .s_05 .is_txt a {
  text-decoration: underline;
  font-weight: bold;
  font-size: 1.1em;
}

.is_new_project .s_03 .sb_02 .is_img_sp,
.is_new_project .s_03 .sb_04 .is_img_sp {
  display: none;
}

/* フルオーダー */
.is_new_full {
  margin-bottom: 100px;
}

.is_new_full h3.new_tit {
  background: #4F6228;
}

.is_new_full .s_01 {
  padding: 20px 20px 160px;
  background: url(../images/newbuild/full/s1.jpg) no-repeat center center;
  background-size: cover;
  margin-bottom: 10px;
}

.is_new_full .s_01 .s_tit {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 4em;
  color: #6BAE45;
  -webkit-text-stroke: 0.6px #264215;
  text-stroke: 0.6px #264215;
  font-family: Impact, Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
  letter-spacing: 4px;
  line-height: 1;
  padding-left: 0;
}

.is_new_full .s_01 p {
  line-height: 1.5;
  margin-bottom: 1em;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 1.3rem;
  padding-left: 40px;
}

.is_new_full .s_02 .s_02_li {
  float: left;
}

.is_new_full .s_02 .list_01 {
  width: 66%;
}

.is_new_full .s_02 .list_01 ul {
  display: grid;
  /* grid-template-columns: 50% 50%; */
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.is_new_full .s_02 .list_01 ul li {
  box-sizing: border-box;
  /* margin-right: 1.3%; */
  font-size: 0;
}

.is_new_full .s_02 .list_01 li.gr_ch1 {
  grid-area: 1 / 1 / 2 / 2;
}

.is_new_full .s_02 .list_01 li.gr_ch2 {
  grid-area: 2 / 1 / 3 / 2;
}

.is_new_full .s_02 .list_01 li.gr_ch3 {
  grid-area: 3 / 1 / 4 / 2;
}

.is_new_full .s_02 .list_01 li.gr_ch4 {
  grid-area: 1 / 2 / 3 / 3;
}

.is_new_full .s_02 .list_01 li.gr_ch5 {
  grid-area: 3 / 2 / 4 / 3;
}

.is_new_full .s_02 .list_02 {
  width: 34%;
  padding: 30px;
}

.is_new_full .s_02 .list_02 li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background: #660032;
  color: #fff;
  border-radius: 20px;
  line-height: 22px;
  font-size: 1rem;
  font-weight: bold;
  vertical-align: middle;
  display: table;
  text-align: center;
  padding: 3px 0;
}

.is_new_full .s_02 .list_02 li p {
  vertical-align: middle;
  height: 110px;
  display: table-cell;
  font-weight: bold;
}

.is_new_full .s_02 .list_02 p {
  margin-top: 20px;
  font-size: 1.2rem;
}

.is_new_full .s_03 {
  position: relative;
  margin-bottom: 10px;
}

.is_new_full .s_03 .txtBox {
  position: absolute;
  top: 31%;
  left: 10px;
}

.is_new_full .s_03 .txtBox p {
  font-weight: bold;
}

.is_new_full .s_03 .txtBox h4 {
  font-size: 2rem;
  color: #187B0B;
  font-weight: bold;
  margin: 20px 0;
}

.is_new_full .s_04 {
  position: relative;
  margin-bottom: 20px;
}

.is_new_full .s_04 .txtBox {
  position: absolute;
  bottom: 10px;
  left: 30px;
}

.is_new_full .s_04 .txtBox th,
.is_new_full .s_04 .txtBox td,
.is_new_full .s_04 .txtBox p {
  font-weight: bold;
  color: #fff;
  display: block;
}

.is_new_full .s_04 .txtBox th {
  font-size: 1.2rem;
  margin-bottom: 15px;
}

.is_new_full .s_04 .txtBox td {
  margin-bottom: 20px;
}


/* セミオーダー */
.is_new_semi h3.new_tit {
  background: #BFBFBF;
  color: #627049;
}

.is_new_semi .s_01 {
  border: 1px solid #BFBFBF;
  padding: 10px;
  background: #fff;
  margin-bottom: 20px;
}

.is_new_semi .s_01 .s_tit {
  font-weight: bold;
  margin-bottom: 1em;
  font-size: 1.2em;
}

.is_new_semi .s_01 p {
  line-height: 1.7;
  margin-bottom: 1em;
}

.is_new_semi .s_03 {
  background: #fff;
  border: 2px solid #8093AD;
  padding: 20px 15px 10px;
}

.is_new_semi .s_03 .s_03tit {
  font-weight: bold;
  font-size: 1.2em;
  padding-left: 10px;
  padding-bottom: 10px;
}

.is_new_semi .s_03 .s03_img {
  margin-bottom: 20px;
}

.is_new_semi .s_03 .s03_img li {
  float: left;
  width: 50%;
  padding: 0 5%;
}

.is_new_semi .s_03 .s_03txt>li {
  float: left;
  width: 50%;
}

.is_new_semi .s_03 .s_03txt>li:first-child {
  border: 1px solid #000;
  padding: 10px 15px;
  line-height: 1.8;
}

.is_new_semi .s_03 .s_03txt>li:last-child {
  text-align: center;
}

.is_new_semi .s_03 .s_03txt>li .txt01 {
  font-size: 1.4em;
  font-weight: bold;
}

.is_new_semi .s_03 .s_03txt>li .txt02 {
  font-size: 3em;
  font-weight: bold;
}

.is_new_semi .s_03 .s_03txt>li .txt02 span {
  font-size: 0.9rem;
}

.is_new_semi .s_03 .s_03txt>li .notes {
  font-size: 0.7rem;
}

.is_new_semi .s_04 {
  margin-top: 20px;
}

.is_new_semi .s_04>ul {
  display: table;
  width: 100%;
}

.is_new_semi .s_04>ul>li {
  display: table-cell;
  vertical-align: middle;
}

.is_new_semi .s_04>ul>li:nth-child(1),
.is_new_semi .s_04>ul>li:nth-child(3) {
  font-size: 0;
  width: 25%;
}

.is_new_semi .s_04>ul>li:nth-child(2) {
  font-size: 1.5em;
  text-align: center;
}

.is_new_semi .s_04>ul>li:nth-child(2)>ul>li:nth-child(4) {
  font-size: 0.6em;
  text-align: center;
  padding-top: 20px;
}

.is_new_semi .s_04>ul>li:nth-child(2)>ul>li span {
  font-size: 0.8rem;
}

.is_new_semi .s_04>ul>li:nth-child(2)>ul>li.notes {
  font-size: 0.8rem;
}

/* design casa */
.is_new_design .s_01 {
  margin-bottom: 40px;
}

.is_new_design .s_02 dl {
  display: table;
  margin-bottom: 40px;
}

.is_new_design .s_02 dt,
.is_new_design .s_02 dd {
  display: table-cell;
}

.is_new_design .s_02 dt {
  width: 40%;
}

.is_new_design .s_02 dd {
  width: 60%;
  vertical-align: top;
  padding-left: 40px;
}

.is_new_design .s_02 dd h3 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 30px;
}

.is_new_design .s_02 dd h3 span {
  color: #c55a11;
  font-weight: bold;
}

.is_new_design .s_02 dd p {
  letter-spacing: 1.4px;
}

.is_new_design .s_02 dd p.pdb15 {
  padding-bottom: 15px;
}

.is_new_design .s_03 h4 {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 6rem;
  color: #000;
}

.is_new_design .s_03 h4:after {
  border-top: 12px solid;
  content: "";
  flex-grow: 1;
}

.is_new_design .s_03 h4:after {
  margin-left: 1rem;
}

.is_new_design .s_03 .scBox {
  background-color: #f2f2f2;
  padding: 30px;
  padding-bottom: 10px;
}

.is_new_design .s_03 .scBox dl {
  margin-bottom: 10px;
}

.is_new_design .s_03 .scBox dt {
  font-weight: bold;
  font-size: 1.4rem;
}

.is_new_design .s_03 .scBox dd {
  padding: 10px;
  padding-right: 20px;
  background-color: #fff;
}

.is_new_design .s_03 .scBox dd p.d_cat {
  text-indent: -1em;
  margin-left: 1em;
}

.is_new_design .s_03 .scBox dd .d_dd {
  color: #c55a11;
}

.is_new_design .s_03 .scBox dd .pgb1 {
  padding-bottom: 1em;
}

.is_new_design .s_03 .scBox .dd_3 .d_cat {
  padding-bottom: 1em;
}

/* company */
.is_company .tit_b{
  font-weight: bold;
}
.is_company .company_table {
  line-height: 1.84;
  font-weight: 400;
  letter-spacing: 0.2em;
  width: 66.12%;
  margin: 0 0 0 auto;
  display: block;
}

.is_company .company_table td {
  width: 68.93%;
  font-size: 1.3rem;
  vertical-align: top;
}

.is_company .company_table td:first-child {
  width: 135px;
}

.is_company .company_table td li{
  font-size: 1.3rem;
  position: relative;
  padding-left: 1em;
}
.is_company .company_table td li::before{
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}

.is_company #map {
  height: 400px;
  position: relative;
  width: 100%;
}

.is_company #map iframe {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  z-index: 0;
}

.is_company .access {
  margin-top: 70px;
}

/* works */
.is_works ul {
  width: 100%;
    display: flex;
    align-items: flex-start;
    margin-top: 78px;
    flex-wrap: wrap;
    gap: 98px 5.2vw;
}
.is_works ul li {
  transition: 0.3s;
  width: calc(33.33% - 3.4722vw);
}
.is_works ul li .w_img{
  width: 100%;
  display: block;
  aspect-ratio: 0.6842;
}
.is_works ul li .w_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.works_detail{
  display: flex;
}

.works_detail .detail_inner{
  width: 39.06vw;
  position: relative;
  transition: 0.3s;
}
.works_detail .detail_inner img{
  width: 100%;
  height: auto;
}
.works_detail .detail_inner .thumb img{
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.works_detail .w_txtArea{
  padding-top: 280px;
  padding-left: 80px;
  width: calc(100% -  39.06vw);
}
.works_detail .txtitle{
  font-size: 2.2rem;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", serif;
  margin-bottom: 20px;
}
.works_detail .cat{
  font-size: 1.1rem;
}
.works_detail .cat:first-child::before{
  content: "[";
}
.works_detail .cat:last-child::after{
  content: "]";
}
.works_detail .cat:nth-child(n+2)::before{
  content: " | ";
  margin-left: -7px;
}
.works_detail .w_name{
  margin-bottom: 10px;
  font-size: 1.4rem;
}
.works_detail .w_cont{
  font-size: 1.2rem;
  padding-top: 70px;
}
.works_detail .sp{
  display: none;
}



/* ecoボード */
.is_ecoboard .eco_top .flex2{
  align-items: center;
}
.is_ecoboard .eco_top .flex2 .col{
  flex: 1;
  line-height: 2;
}
.ecoValue{
  text-align: center;
  margin-bottom: 180px;
  position: relative;
}
.ecoValue::before{
  position: absolute;
  top: 100px;
  left: 50%;
  display: inline-block;
  width: 80px;
  height: 1px;
  content: '';
  transform: translate(-50%);
  background-color: #333;
}
.ecoValue h3{
  font-size: 2.3rem;
}
.ecoValue span{
  font-size: 1.6rem;
}
.is_ecoboard .flex2.eco{
  flex-direction: column;
  gap: 80px 60px;
}
.is_ecoboard .flex2.eco .col{
  display: flex;
  gap:0 80px;
}
.is_ecoboard .flex2.eco .col_img,
.is_ecoboard .flex2.eco .col_txt{
  flex: 1;
}
.is_ecoboard .flex2.eco .col:nth-child(even){
  display: flex;
  flex-direction: row-reverse;
}
.is_ecoboard .flex2.eco .col_img img,
.is_ecoboard .flex2.eco .col_img video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.is_ecoboard .flex2.eco .col_txt .eco_tit{
  font-weight: bold;
  position: relative;
}
.is_ecoboard .flex2.eco .col_txt span.no{
  font-weight: bold;
  font-size: 7rem;
  border-bottom: 1px solid rgb(198 198 198);
  color: rgb(198 198 198);
}
.is_ecoboard .flex2.eco .col_txt span.ja{
  color: #333;
  font-weight: bold;
  font-size: 1.8rem;
}
.is_ecoboard .flex2.eco .col_txt .sub_wrap{
  color: #333;
  line-height: 1.4;
  display: inline-block;
  padding-left: 20px;
}
.is_ecoboard .flex2.eco .col_txt .col_tit{
  line-height: 1.5;
  padding-bottom: 35px;
}
.is_ecoboard .flex2.eco .col_img.sp{
  display: none;
}

/* 新築TOP */
.is_newbuild_top .flex2,
.is_newbuild_top .flex {
  display: flex;
  flex-direction: column;
}
.is_newbuild_top .flex2 .col{
  display: flex;
      gap: 0 75px;
      align-items: center;
      margin-bottom: 120px;
}
.is_newbuild_top .flex2 .col:nth-child(even){
  display: flex;
    flex-direction: row-reverse;
}
.is_newbuild_top .flex2 .col_img{
  width: 60%;
}
.is_newbuild_top .flex2 .col_img img{
  width: 100%;
}
.is_newbuild_top .flex2 .col_txt{
  width: 40%;
  flex-shrink: 15;
  text-align: center;
}
.is_newbuild_top .catTit{
  font-size: 3rem;
  margin-bottom: 60px;
  background: #fff;
  padding: 20px 30px;
}
.is_newbuild_top .no{
  font-size: 2rem;
  display: block;
  text-align: center;
  margin-bottom: 60px;
  position: relative;
}
.is_newbuild_top .no::after{
  content: '';
  width: 15px;
  height: 1px;
  display: inline-block;
  background-color: #000;
  position: absolute;
  bottom: 0px;
  left: calc(50% - 8px);
}
.is_newbuild_top .catTxt{
  font-size: 1.6rem;
  margin-bottom: 60px;
}
.is_newbuild_top .moreBtn{
  font-size: 1.6rem;
  display: inline-block;
  width: 250px;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  color: 	#799043;
  background-color: #fff;
  position: relative;
  border: 1px solid 	#799043;
  transition: color 0.5s ease;
}
.is_newbuild_top .moreBtn:hover{
  color: #fff;
}
.is_newbuild_top .moreBtn:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}
.is_newbuild_top .moreBtn::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: 	#799043;
  transform: scaleX(0);
  transform-origin: right;
  transition: all 0.5s ease;
  transition-property: transform;
}
.is_newbuild_top .oneMore {
  position: relative;
  font-size: 2rem;
}













/* モデルハウス */
.model_sec{
  margin-right: -17.54vw;
  padding: 0 25px 0 0;
  margin-bottom: 120px;
}
.model_sec .flex2{
  flex-wrap: wrap;
  gap: 40px;
  /* row-gap: 40px; */
}
.model_sec .flex2 .col{
  width: calc(50% - 20px);
  display: flex;
  justify-content: space-evenly;
  gap: 0 5%;
}
.model_sec .col_img{
  width: 50%;
}
.model_sec .flex2 .col img{
  height:345px;
  object-fit: cover;
  object-position: center bottom;
  width: 100%;
  font-size: 0;
}
.model_sec .col_txt{
  width: 50%;
  text-align: justify;
}

.model_sec .col_txt p{
  font-size: 1.2rem;
  line-height: 2;
}
.model_sec .col_txt .col_tit{
  font-size: 1.8rem;
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: solid 1px #333;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", serif;
}





















/* 商品住宅 */
.is_product h3.new_tit {
  background: #4BACC6;
  font-size: 2.6em;
}

.is_product h3.new_tit span {
  font-size: 0.6em;
}

.is_product section {
  border: 1px solid #BFBFBF;
  display: table;
  margin-bottom: 15px;
  height: 250px;
}

.is_product section.itw {
  border: none;
  margin-top: 60px;
  padding-top: 70px;
  padding-bottom: 60px;
}

.is_product section .is_txt,
.is_product section .is_img {
  display: table-cell;
}

.is_product section .is_txt {
  width: 60%;
  vertical-align: middle;
  padding: 15px;
}

.is_product section .is_txt p.s_tit {
  font-weight: bold;
  font-size: 1.2em;
  padding-bottom: 1em;
}

.is_product section .is_img {
  font-size: 0;
}

.is_product section .s_txt dt {
  float: left;
  width: 20%;
  font-weight: bold;
}

.is_product section .s_txt dd {
  float: right;
  width: 80%;
}

.is_product section.s_01 .is_img {
  background: url(../images/product/s1.jpg) center no-repeat;
  background-size: cover;
}

.is_product section.s_02 .is_img {
  background: url(../images/product/s2.jpg) center no-repeat;
  background-size: cover;
}

.is_product section.s_03 .is_img {
  background: url(../images/product/s3.jpg) center no-repeat;
  background-size: cover;
}

.is_product section.s_04 .is_img {
  background: url(../images/product/s4.jpg) center no-repeat;
  background-size: cover;
}

.is_product section.s_05 .is_img {
  background: url(../images/product/s5.png) center no-repeat;
  background-size: cover;
}

.is_product section .is_img {
  width: 40%;
}

.is_product section .is_img_sp {
  display: none;
}

.is_product section.s_05 {
  width: 100%;
  border: none;
}

.is_product section.s_05 .is_txt {
  text-align: center;
  font-size: 0.8em;
}

.is_product section.s_05 .is_txt span {
  font-size: 1.4em;
}

.is_product section.s_05 .is_txt span a {
  font-weight: bold;
}

.is_product section.s_05 .s_logo {
  font-size: 4em;
  font-weight: bold;
  color: #000;
  display: inline-block;
  border-bottom: 4px solid #000;
  line-height: 1.4;
  font-family: "Arial Black";
}

.is_product.g_bg {
  background: #ebecf2;
}

.is_product .itw_tit {
  font-size: 0;
  border-bottom: 1px solid #000;
  margin-bottom: 5px;
}

.is_product .itw_qa {
  display: table;
}

.is_product .itw_qa .qa_box {
  border-bottom: 1px solid #000;
  margin-bottom: 5px;
}

.is_product .itw_qa .qa_img,
.is_product .itw_qa .qa_txt {
  display: table-cell;
  vertical-align: top;
}

.is_product .itw_qa .qa_img {
  vertical-align: bottom;
  font-size: 0;
  width: 300px;
}

.is_product .itw_qa .qaImg_1 {}

.is_product .itw_qa .qaImg_2 img,
.is_product .itw_qa .qaImg_3 img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.is_product .itw_qa .qaImg_3 img {
  object-position: 100% 100%
}

.is_product .itw_qa .qaImg_4 {
  vertical-align: middle;
  width: 350px;
}

.is_product .itw_qa .qa_txt dl {
  padding: 15px 30px;
}

.is_product .itw_qa .qa_txt dl dt {
  margin-top: 15px;
  font-weight: bold;
  font-size: 1.2rem;
  padding-bottom: 15px;
}

.is_product .itw_qa .qa_liImg ul {
  display: table;
}

.is_product .itw_qa .qa_liImg ul li {
  display: table-cell;
}

/* ボタニカルハウス */
.is_productBo h3 {
  background: #86b396;
}

.is_productBo .s_01 {
  margin-bottom: 30px;
}

.is_productBo .s_01 .pri {
  margin-bottom: 15px;
}

.is_productBo .s_01 table {
  border-collapse: separate;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  text-align: center;
}

.is_productBo .s_01 table th {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
  background: #D7E4BD;
  padding: 5px 0;
  font-weight: bold;
  font-size: 1.5em;
}

.is_productBo .s_01 table td {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 2.2em;
  padding: 5px 0;
}

.is_productBo .s_01 table td span {
  font-size: 0.7em;
  display: block;
}

.is_productBo .s_01 .sq .is_left {
  width: 50%;
}

.is_productBo .s_01 .sq .is_right {
  width: 48%;
  margin-left: 2%;
}

.is_productBo .s_01 .sq li {
  background: #5CB37C;
  color: #fff;
  float: left;
  display: inline-block;
  width: 23%;
  margin-right: 2%;
  /* width: 120px; */
  /* height: 120px; */
  text-align: center;
  /* padding: 15px; */
  margin-bottom: 2%;
  border-radius: 5px;
  line-height: 18px;
  font-size: 0.9rem;
  font-weight: bold;
  vertical-align: middle;
  display: table;
}

.is_productBo .s_01 .sq li p {
  vertical-align: middle;
  height: 110px;
  display: table-cell;
  font-weight: bold;
}

.is_productBo .s_02 .inner {
  background: #DCF4DF;
  padding: 30px;
}

.is_productBo .s_02 .is_left,
.is_productBo .s_02 .is_right {
  width: 49%;
}

.is_productBo .s_02 h4 {
  font-size: 2.6rem;
  font-weight: bold;
  padding-bottom: 20px;
}

.is_productBo .s_02 p {
  padding-bottom: 1em;
  font-size: 1.1rem;
}

.is_productBo .s_02 p.b {
  font-weight: bold;
}

.is_productBo .s_02 .infoImg .is_left {
  width: 55%;
  margin-right: 5%;
}

.is_productBo .s_02 .infoImg .is_right {
  width: 40%;
}

.is_productBo .s_02 .infoImg .img {
  margin-bottom: 20px;
}

.is_productBo .s_02 .infoImg p {
  font-size: 0.8rem;
  padding-bottom: 0;
}

.is_productBo .s_03 .eb {
  /* width: 25%; */
  margin: 60px 30px;
}

.is_productBo .s_03 .eb .ebT {
  float: left;
  width: 36%;
  padding: 0 4% 0 4%;
}

.is_productBo .s_03 .eb .ebNo {
  float: left;
  width: 63%;
  text-align: center;
}

.is_productBo .s_03 .eb .ebNo li {
  display: inline-block;
  width: 22%;
  font-size: 0;
  padding: 2%;
}

.is_productBo .s_03 .bhLineUp {
  background: #fff;
  padding: 45px 10px 40px;
  border: 2px solid #000;
}

.is_productBo .s_03 .bhLineUp h4 {
  text-align: center;
  font-weight: bold;
  font-size: 3em;
  padding-bottom: 45px;
}

.is_productBo .s_03 .bhLineUp article {
  float: left;
  width: 33%;
  text-align: center;
}

.is_productBo .s_03 .bhLineUp .bHImg {
  margin-bottom: 35px;
}

.is_productBo .s_03 .bhLineUp .bHImg img {
  height: 213px;
}

.is_productBo .s_03 .bhLineUp .bHTit {
  font-weight: bold;
}

.is_productBo .s_03 .bhLineUp .bHTxt p {
  font-size: 0.9rem;
  padding-bottom: 1em;
}

.is_productBo .s_03 .bhLineUp .bHTxt p span {
  font-size: 0.7rem;
}

.is_productBo .bhLineUp .notes {
  text-align: center;
  font-size: 0.8rem;
}

.is_productBo .linkTxt {
  text-align: center;
  margin: 30px 0;
}

.is_productBo .linkTxt a {
  font-weight: bold;
  /* text-decoration: underline; */
}


/* 店舗デザイン */
.is_design .sub_top {
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
}

.is_design .sub_top2 {
  margin: 15px 0;
  text-align: center;
}

.is_design h3 {
  font-weight: bold;
  text-align: center;
  font-size: 2.6em;
  font-family: "Rounded Mplus 1c";
  letter-spacing: 4px;
  margin-bottom: 30px;
}

.is_design h3 span {
  font-size: 0.6em;
  padding-left: 20px;
}

.is_design .design_left,
.is_design .design_img {
  float: left;
}

.is_design .design_left {
  width: 68%;
  margin-right: 2%;
}

.is_design .design_txt {
  border: 2px solid #bdbec2;
  padding: 20px;
  margin-bottom: 30px;
}

.is_design .design_txt p {
  margin-bottom: 20px;
}

.is_design .design_txt .txt_b {
  font-weight: bold;
  font-size: 1.1em;
}

.is_design .design_img {
  width: 30%;
}

.is_design .design_img ul li {
  font-size: 0;
  border: 2px solid #000;
  margin-bottom: 15px;
}

.is_design .txt_img ul li {
  float: left;
  font-size: 0;
  border: 2px solid #000;
  margin-right: 2%;
  padding: 0;
  margin-bottom: 3%;
}

.is_design .txt_img ul.column2 li {
  width: 49%;
}

.is_design .txt_img ul.column3 li {
  width: 32%;
}

.is_design .txt_img ul li:last-child {
  margin-right: 0;
}

.is_design .d_wrap_2 {
  margin-top: 45px;
}

.is_design .d_wrap_2 h4 {
  font-family: "Rounded Mplus 1c";
  text-align: center;
  font-weight: bold;
  color: #4CAF50;
  font-size: 1.6em;
}

.is_design .d_wrap_2 h4+p {
  text-align: center;
  margin: 15px 0 30px;
}

.is_design .d_wrap_2 .d_house {
  text-align: center;
}

.balloon1-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 25px;
  min-width: 120px;
  max-width: 100%;
  font-size: 16px;
  background: #f7d9d7;
}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #f7d9d7;
}

.balloon1-top p {
  margin: 0;
  padding: 0;
}

.center {
  text-align: center;
}

.is_design .dw_1 h5,
.is_design .dw_2 h5 {
  color: #4CAF50;
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 5px;
}

.is_design .dw_2 {
  margin-top: 30px;
}

.is_design .dw_2 table {
  margin-top: 20px;
}

.is_design .dw_2 table th {
  width: 20%;
}

.is_design .dw_2 table th img {
  border: 4px solid #000;
  border-radius: 15px;
}

.is_design .dw_2 table td {
  font-size: 0.9em;
  width: 75%;
  padding-left: 2%;
  line-height: 2;
}

.is_design .dw_2 table td p,
.is_design .dw_2 table td p span.red {
  font-weight: bold;
}

.is_design .dw_2 table td p {
  font-size: 1.2em;
}

.is_design .dw_3,
.is_design .dw_4,
.is_design .dw_5 {
  margin-top: 45px;
}

.is_design .dw_3 h5,
.is_design .dw_4 h5,
.is_design .dw_5 h5 {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 10px;
}

.is_design .dw_3 .is_left,
.is_design .dw_4 .is_left {
  width: 55%;
}

.is_design .dw_3 .is_left a {
  text-decoration: underline;
}

.is_design .dw_3 .is_right,
.is_design .dw_4 .is_right {
  width: 45%;
  padding-left: 3%;
}

.is_design .dw_3 p,
.is_design .dw_3 a,
.is_design .dw_4 p,
.is_design .dw_5 p {
  font-size: 0.9em;
}

.is_design .dw_3 table,
.is_design .dw_4 table {
  border-left: 1px solid #000;
  border-top: 1px solid #000;
}

.is_design .dw_3 table th {
  background: #f9dad8;
  text-align: center;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

.is_design .dw_3 table td {
  text-align: center;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

.is_design .dw_3 table th,
.is_design .dw_3 table td {
  padding: 10px 0;
  font-size: 0.8em;
}

.is_design .dw_4 table th,
.is_design .dw_4 table td {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  padding: 5px 0;
  font-size: 0.8em;
  text-align: center;
}

.is_design .dw_4 table th {
  background: #f9dad8;
}

.is_design .dw_5 .dw_5box {
  margin-top: 15px;
  margin-bottom: 30px;
}

.is_design .dw_5 .dw_5box .is_left,
.is_design .dw_5 .dw_5box .is_right {
  width: 40%;
  margin: 0 5%;
  border: 1px solid #000;
  background: #f9dad8;
  padding: 15px 10px;
}

.is_design .dw_5 .dw_5box .li_tit {
  text-align: center;
  color: #ff5722;
  font-weight: bold;
  padding-bottom: 5px;
}

.is_design .dw_5 .note dt {
  color: #f00;
  font-weight: bold;
  font-size: 0.8em;
}

.is_design .dw_5 .note dd {
  font-size: 0.8em;
}

.is_design .result {
  margin-top: 125px;
  text-align: center;
  margin-bottom: 100px;
}

.is_design .result p.re_1 {
  font-weight: bold;
}

.is_design .result p.re_2 {
  font-weight: bold;
  color: #FF9800;
  font-size: 1.2em;
  padding-bottom: 1em;
}

.is_design .result p.re_3 {
  font-size: 0.9em;
}

/* ショールーム・展示場 */
.u_page .is_store h2 span{
  line-height: 1;
}
.is_store h3 {
  font-weight: bold;
  text-align: center;
  font-size: 2.6em;
  font-family: "Rounded Mplus 1c";
  letter-spacing: 4px;
  margin-bottom: 30px;
}

.is_store .store_img,
.is_store .store_map {
  float: left;
  margin-bottom: 10px;
}

.is_store .store_map {
  border: 2px solid #bdbec2;
  margin-left: 20px;
  font-size: 0;
}

/* .is_store .store_li {
  float: left;
  width: 600px;
  padding-right: 20px;
} */

.is_store .store_li ul li {
  float: left;
  width: 24.2%;
  margin-right: 1%;
  font-size: 0;
  margin-bottom: 1%;
}

.is_store .store_li ul li:nth-child(4) {
  margin-right: 0;
}
.is_store .store_add_wrap{
  float: right;
  width: 400px;
}
.is_store .store_add {
  background: #000;
  padding: 20px 15px 30px;
  margin-bottom: 3%;
}

.is_store .store_add p {
  color: #fff;
  line-height: 2em;
}

.is_store .store_add p a {
  font-weight: bold;
  font-size: 1.6em;
  color: #cadb2b;
}


.is_store .store_add .store_btn {
  background: #ffffff;
  width: 100%;
  display: block;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
}

/* リノベ */
.is_reform h3 {
  font-weight: bold;
  text-align: center;
  font-size: 2.6em;
}

.is_reform h4 {
  background: #333;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  font-size: 1.4em;
  margin-bottom: 85px;
}

.is_reform .reform_c li {
  float: left;
  width: 30%;
  margin: 30px 1.5% 60px;
}

.is_reform section p {
  line-height: 2;
  letter-spacing: 1px;
}

.is_reform h4.sub_tit {
  font-weight: bold;
  font-size: 1.4em;
  background: transparent;
  text-align: left;
  color: #333;
  margin-bottom: 35px;
}

.is_reform .re_tb {
  display: table;
}

.is_reform .re_txt {
  margin-bottom: 60px;
}

.is_reform .re_txt .is_left,
.is_reform .re_txt .is_right {
  width: 50%;
  display: table-cell;
  float: none;
}

.is_reform .re_txt .is_left {
  padding-right: 10px;
  vertical-align: middle;
}

.is_reform .re_txt .is_right {
  text-align: right;
  vertical-align: middle;
}

/* sns */

.sns ul li {
  display: inline-block;
}

/* howto */
.is_howto h3 {
  font-weight: bold;
  text-align: center;
  font-size: 2.6em;
}

.is_howto h4 {
  background: #333;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  font-size: 1.4em;
  margin-bottom: 45px;
}

.is_howto .flow_wrap {
  position: relative;
}

.is_howto .flow_wrap #flow-line {
  position: absolute;
  top: 35px;
  left: 20%;
  height: 100%;
  border-left: 5px dotted #cadb2b;
}

.is_howto .flow {
  margin-bottom: 45px;
  position: relative;
  padding-top: 30px;
}

.is_howto .flow h5 {
  float: left;
  width: 20%;
  text-align: right;
  padding-right: 25px;
}

.is_howto .flow h5 img {
  width: 100px;
}

.is_howto .flow .step_tit {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 10px;
}

.is_howto .flow .step_tit span {
  display: none;
}

.is_howto .flow .flow_txt {
  /* margin-left: 22%; */
  width: 80%;
  float: left;
  padding-left: 30px;
}

.is_howto .flow .flow_txt::before {
  content: "●";
  color: #cadb2b;
  left: 18.5%;
  position: absolute;
  font-size: 35px;
  top: 24%;
  line-height: 1;
}

.is_howto .flow#step3 .flow_txt::before {
  top: 20%;
}

.is_howto .flow#step5 .flow_txt::before {
  top: 20%;
}

.is_howto .flow#step6 .flow_txt::before {
  top: 20%;
}

.is_howto .flow#step7 .flow_txt::before {
  top: 17%;
}

.is_howto .flow#step8 .flow_txt::before {
  top: 20%;
}

.is_howto .flow#step9 .flow_txt::before {
  top: 23%;
}

.is_howto .flow#step10 .flow_txt::before {
  top: 18%;
}

.is_howto .flow#step11 .flow_txt::before {
  top: 18%;
}

.is_howto .flow#step12 .flow_txt::before {
  top: 18%;
}

.is_howto .flow#step13 .flow_txt::before {
  top: 20%;
}

.is_howto .flow#step14 .flow_txt::before {
  top: 20%;
}

.is_howto .flow .flow_txt ul li::before {
  content: "・";
}

.is_howto .step_img {
  position: absolute;
  right: 0;
  top: 0;
  width: 170px;
}

.is_howto #step3 .step_img {
  top: 50%;
  width: 200px;
}

.is_howto #step5 .step_img {
  top: 40%;
}

.is_howto #step7 .step_img {
  top: 40%;
  width: 150px;
}

.is_howto #step9 .step_img {
  top: 110%;
  width: 185px;
}

.is_howto #step12 .step_img {
  width: 200px;
  top: 10%;
}

.is_howto .s_type1 {
  position: absolute;
  top: 60px;
  right: 35%;
  height: 180px;
  border-right: 1px solid #ffa800;
}

.is_howto .s_type1 .s_type1_first {
  border-top: 1px solid #ffa800;
  width: 25px;
  position: absolute;
  left: -13px;
}

.is_howto .s_type1 .s_type1_txt {
  display: block;
  position: absolute;
  width: 100px;
  top: 45%;
  left: 15px;
  color: #ffa800;
}

.is_howto .s_type1 .s_type1_last {
  border-top: 1px solid #ffa800;
  width: 25px;
  position: absolute;
  left: -13px;
  bottom: 0;
}

.is_howto .s_type2 {
  position: absolute;
  top: 60px;
  right: 35%;
  height: 560px;
  border-right: 1px solid #ffa800;
}

.is_howto .s_type2 .s_type2_first {
  border-top: 1px solid #ffa800;
  width: 25px;
  position: absolute;
  left: -13px;
}

.is_howto .s_type2 .s_type2_txt {
  display: block;
  position: absolute;
  width: 100px;
  top: 45%;
  left: 15px;
  color: #ffa800;
}

.is_howto .s_type2 .s_type2_last {
  border-top: 1px solid #ffa800;
  width: 25px;
  position: absolute;
  left: -13px;
  bottom: 0;
}

/* spec */
.is_spec h3 {
  font-weight: bold;
  text-align: center;
  font-size: 2.6em;
}

.is_spec h4 {
  background: #333;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  font-size: 1.4em;
  margin-bottom: 45px;
}

.is_spec .sec_tit {
  text-align: center;
}

.is_spec section {
  margin-bottom: 60px;
}

.is_spec section h5 {
  font-weight: bold;
  text-align: center;
  font-size: 2em;
  color: #000;
  position: relative;
  padding: 0.25em 0;
  padding-bottom: 30px;
  width: 380px;
  margin: 0 auto;
}

.is_spec section h5:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(230, 162, 90), transparent);
  background: linear-gradient(to right, rgb(230, 162, 90), transparent);
}

.is_spec .spec_1 .txt02 {
  margin-bottom: 20px;
}

.is_spec section p.qa {
  font-weight: bold;
  font-size: 1.2em;
  margin: 30px 0 20px;
}

.is_spec .spec_1 .txt03 ul li {
  float: left;
}

.is_spec .spec_1 .txt03 ul li.is_left {
  width: 80%;
  padding-right: 3%;
  text-align: center;
  padding-top: 30px;
}

.is_spec .spec_1 .txt03 ul li.is_left p {
  text-align: left;
  padding-top: 30px;
}

.is_spec .spec_1 .txt03 ul li.is_right {
  width: 20%;
}

.is_spec .spec_1 .txt04 .txt04_box {
  padding-top: 30px;
}

.is_spec .spec_1 .txt04 .txt04_box .txt04_1,
.is_spec .spec_1 .txt04 .txt04_box .txt04_2,
.is_spec .spec_1 .txt04 .txt04_box .txt04_3 {
  float: left;
  text-align: center;
}

.is_spec .spec_1 .txt04 .txt04_box .txt04_1,
.is_spec .spec_1 .txt04 .txt04_box .txt04_2 {
  width: 35%;
}

.is_spec .spec_1 .txt04 .txt04_box .txt04_1 img,
.is_spec .spec_1 .txt04 .txt04_box .txt04_2 img {
  margin-bottom: 15px;
}

.is_spec .spec_1 .txt04 .txt04_box .txt04_1 p,
.is_spec .spec_1 .txt04 .txt04_box .txt04_2 p {
  padding-bottom: 20px;
  font-size: 0.9em;
}

.is_spec .spec_1 .txt04 .txt04_box .txt04_3 {
  width: 30%;
}

.is_spec .spec_1 .txt04 .txt04_box .txt04_3 img {
  margin-bottom: 10px;
}

.is_spec .spec_2 ul {
  display: table;
  margin-bottom: 20px;
}

.is_spec .spec_2 ul li {
  display: table-cell;
}

.is_spec .spec_2 ul li.li_txt {
  width: 70%;
  vertical-align: top;
}

.is_spec .spec_2 ul li.li_img {
  width: 30%;
  text-align: center;
  vertical-align: middle;
}

.is_spec .spec_2 .sec_tit_sub {
  font-size: 1.3em;
  font-weight: bold;
  padding-bottom: 15px;
}

.is_spec .spec_2 .li_tit {
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 15px;
}

.is_spec .spec_3 .sec_tit_sub {
  font-size: 1.3em;
  font-weight: bold;
  padding-bottom: 15px;
}

.is_spec .spec_3 ul li {
  float: left;
}

.is_spec .spec_3 ul li.li_txt {
  width: 70%;
}

.is_spec .spec_3 ul li.li_img {
  width: 30%;
  text-align: center;
}

.is_spec .spec_3 ul li.li_img img {
  margin-bottom: 10px;
}

.is_spec .spec_4 .txt01,
.is_spec .spec_4 .txt02 {
  float: left;
  width: 50%;
  text-align: center;
}

.is_spec .spec_4 .txt01 {
  padding-right: 20px;
}

.is_spec .spec_4 .txt02 {
  padding-left: 20px;
}

.is_spec .spec_4 .sec_tit_sub {
  font-size: 1.3em;
  font-weight: bold;
  padding-bottom: 15px;
  text-align: center;
}

.is_spec .spec_4 p.txt {
  padding-bottom: 25px;
}

.is_spec .spec_4 .txt01_img_1 {
  margin-top: 40px;
}

.is_spec .spec_4 .txt01_img_1,
.is_spec .spec_4 .txt01_img_2,
.is_spec .spec_4 .txt01_img_3 {
  font-size: 0;
}

.is_spec .spec_4 .txt01_img_1 img,
.is_spec .spec_4 .txt01_img_2 img,
.is_spec .spec_4 .txt01_img_3 img {
  padding: 0 5px 10px;
}

.is_spec .spec_4 .txt02_1 {
  margin-bottom: 30px;
}

.is_spec .spec_4 .txt02_2 img {
  vertical-align: top;
}

.is_spec .spec_5 .sec_tit_sub {
  font-size: 1.3em;
  font-weight: bold;
  padding-bottom: 15px;
  text-align: center;
}

.is_spec .spec_5 .txt01,
.is_spec .spec_5 .txt02 {
  float: left;
  width: 50%;
  text-align: center;
}

.is_spec .spec_5 .txt01 {
  padding-right: 20px;
}

.is_spec .spec_5 .txt02 {
  padding-left: 20px;
}

.is_spec .spec_5 .txt01 p,
.is_spec .spec_5 .txt02 p {
  padding-bottom: 25px;
}

.is_spec .spec_5 .txt01_1 {
  margin-bottom: 30px;
}

.is_spec .spec_5 .txt01 .txt01_img_1 img {
  width: 20%;
  margin: 0 2%;
}

.is_spec .spec_5 .txt01 .txt01_img_2 img {
  width: 24%;
}

.is_spec .spec_6 .sec_tit_sub {
  font-size: 1.3em;
  font-weight: bold;
  padding-bottom: 15px;
  text-align: center;
}

.is_spec .spec_6 .txt01 p,
.is_spec .spec_6 .txt02 p {
  padding-bottom: 25px;
}

.is_spec .spec_6 .txt01,
.is_spec .spec_6 .txt02 {
  float: left;
  width: 50%;
  text-align: center;
}

.is_spec .spec_6 .txt01 {
  padding-right: 20px;
}

.is_spec .spec_6 .txt02 {
  padding-left: 20px;
}

.is_spec .spec_6 .txt01_1,
.is_spec .spec_6 .txt02_1 {
  margin-bottom: 30px;
}

.is_spec .spec_6 .txt02_2 span {
  padding-top: 20px;
  font-size: 0.7em;
  display: block;
}

.is_spec .spec_7 .txt01,
.is_spec .spec_7 .txt02 {
  float: left;
}

.is_spec .spec_7 .txt01 {
  padding-right: 20px;
  width: 70%;
}

.is_spec .spec_7 .txt01 p {
  margin-bottom: 1em;
}

.is_spec .spec_7 .txt02 {
  padding-left: 20px;
  width: 30%;
}

.top_can {
  background: url(../images/top/can/bg.jpg);
  background-size: 100%;
  color: #fff;
  padding: 65px 100px;
}

#index .top_can h2 {
  color: #fff;
  padding-bottom: 45px;
}

#index .top_can h2 span {
  font-weight: bold;
  /* background:linear-gradient(transparent 87%, #fff799 0%); */
  text-decoration: underline wavy #f00;
  font-size: 1.2em;
  text-align: center;
}

#index .top_can h2 i {
  padding-left: 10px;
  color: #ffa500;
  /* position: relative;
  left: -65px;
  bottom: -65px; */
}

#index .top_can h2 .c_mark {
  color: #ffa500;
  font-size: 1em;
}

.top_can ul li {
  float: left;
  width: 23%;
  text-align: center;
  border: 15px solid #ffa500;
  padding: 45px 0;
  position: relative;
  font-size: 1.6em;
  line-height: 1.8;
  height: 238px;
  font-family: "GSanSerif-U";
  letter-spacing: 4px;
}

.top_can ul li .can_tit {
  font-weight: bold;
}

.top_can ul li.can_and {
  width: 15.5%;
  border: none;
  line-height: 200px;
}

.top_can ul li .can_img {
  position: absolute;
  top: -29px;
  width: 155px;
  left: -22%;
  transform: rotate(-19deg);
}



.wf-nicomoji {
  font-family: "Nico Moji";
}

/* 友達紹介 */
.is_intro .tit_wrap {
  margin-bottom: 10px;
}

.is_intro .tit_wrap .is_left {
  width: 150px;
}

.is_intro .tit_wrap .is_left p {
  background: url(../images/intro/arrow_wrap.png) no-repeat;
  text-align: center;
  line-height: 1.2;
  padding: 15px 15px;
  font-size: 0.9em;
  padding-right: 30px;
  padding-left: 10px;
}

.is_intro .tit_wrap .is_right {
  width: calc(100% - 150px);
}

.is_intro .tit_wrap .is_right h3 {
  background: #376092;
  color: #fff;
  font-size: 2em;
  height: 64px;
  text-align: center;
  line-height: 64px;
  font-weight: bold;
  font-family: "Rounded Mplus 1c";
}

.is_intro section {
  margin-top: 30px;
}

.is_intro .iw_1 .wrap {
  text-align: center;
  background: #bee9fa;
  padding: 20px 10px;
  border: 3px solid #000;
  margin-bottom: 15px;
}

.is_intro .iw_1 .p2 {
  font-weight: bold;
  font-size: 1.6em;
}

.is_intro .iw_1 .txt {
  font-size: 0.9em;
}

.is_intro .iw_2 p {
  font-weight: bold;
  text-align: center;
  font-size: 1.2em;
  padding-bottom: 20px;
}

.is_intro .iw_2 .wrap {
  border: 2px solid #000;
  text-align: center;
  padding: 15px 10px;
}

.is_intro .iw_2 .wrap .tit {
  font-weight: bold;
  text-align: center;
  font-size: 1.2em;
  color: #FF9800;
  display: inline-block;
  border-bottom: 2px solid #FF9800;
  margin-bottom: 20px;
}

.is_intro .iw_2 .wrap .is_left,
.is_intro .iw_2 .wrap .is_right {
  width: 50%;
  text-align: left;
  padding: 0 8%;
}

.is_intro .iw_2 .wrap ul {
  list-style-type: disc;
}

.is_intro .iw_3 .wrap {
  background: url(../images/intro/iw_3bg.jpg) no-repeat;
  background-size: 100%;
  border: 1px solid #000;
  padding: 20px 0 150px;
  background-position: right bottom;
}

.is_intro .iw_3 .wrap li {
  float: left;
  border: 2px solid #586E51;
  margin: 0 1%;
  padding: 20px 15px;
  text-align: center;
  height: 304px;
  padding: 10px;
}

.is_intro .iw_3 .wrap li:nth-child(1),
.is_intro .iw_3 .wrap li:nth-child(2) {
  width: 28%;
}

.is_intro .iw_3 .wrap li:nth-child(3) {
  width: 37%;
}

.is_intro .iw_3 .wrap li:nth-child(1) .p1 {
  padding-bottom: 1.5em;
}

.is_intro .iw_3 .wrap li .p1,
.is_intro .iw_3 .wrap li .p2 {
  font-size: 0.9em;
}

.is_intro .iw_3 .wrap li .p3 {
  font-size: 1.2em;
  font-weight: bold;
}

.is_intro .iw_3 .wrap li .p4 {
  padding-bottom: 10px;
}

.is_intro .iw_3 .wrap li:nth-child(1) .p4 {
  color: #ffc107;
}

.is_intro .iw_3 .wrap li:nth-child(2) .p4 {
  color: #ff5722;
}

.is_intro .iw_3 .wrap li:nth-child(3) .p1 {
  padding-bottom: 1.5em;
}

.is_intro .iw_3 .wrap li:nth-child(3) .p3 {
  font-size: 1.4em;
  padding-bottom: 15px;
}

.is_intro .iw_3 .wrap li:nth-child(3) .p4 {
  color: #ff0000;
  font-weight: bold;
  font-size: 1.2em;
}

.is_intro .iw_4 li {
  width: 32%;
  margin-right: 2%;
  float: left;
  text-align: center;
}

.is_intro .iw_4 li:last-child {
  margin-right: 0;
}

.is_intro .iw_4 li .tit,
.is_intro .iw_4 li p {
  text-align: left;
}

.is_intro .iw_4 li p {
  font-size: 0.9em;
  padding: 10px 20px 30px;
  height: 124px;
}

.is_intro .iw_4 li .no {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: left;
  padding-left: 15px;
  display: inline-block;
}

.is_intro .iw_4 li .no span {
  font-weight: bold;
}

.is_intro .iw_4 li:nth-child(1) .no {
  background-color: #d2e8a4;
}

.is_intro .iw_4 li:nth-child(2) .no {
  background-color: #b0d75d;
}

.is_intro .iw_4 li:nth-child(3) .no {
  background-color: #ff9a60;
}

.is_intro .iw_4 li .sub {
  position: relative;
  left: -15px;
}

.is_intro .intro_btn {
  margin: 60px 0;
  text-align: center;
}

.is_intro .intro_btn a {
  font-size: 1.4em;
  font-weight: bold;
  border: 3px solid #376092;
  color: #fff;
  background: #5c94d7;
  padding: 15px 30px;
  border-radius: 15px;
}

.is_intro .iw_5 .wrap {
  border: 1px solid #000;
  padding: 20px;
}

.is_intro .iw_5 .tit {
  font-size: 1.4em;
  font-weight: bold;
  padding-bottom: 20px;
}

.is_intro .iw_5 ul {
  list-style-type: disc;
  padding-left: 20px;
  list-style-position: outside;
}

.is_intro .iw_5 ul li {
  font-size: 0.8em;
}

/* ご紹介フォーム */
.is_intro_form h3 {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 10px;
  text-align: center;
}

.is_intro_form .tb-cell {
  width: 710px;
  margin: 0 auto;
}

.is_intro_form .timeline {
  margin: 10px 10px 45px;
}

.is_intro_form .timeline ul li {
  float: left;
  width: 25%;
  border: 2px solid #000;
  text-align: center;
  margin-right: 12.5%;
  color: #000;
  padding: 5px;
  position: relative;
  font-size: 0.9em;
  background: #fff;
}

.is_intro_form .timeline ul li::after {
  content: '?';
  color: #000;
  position: absolute;
  right: -32%;
  font-weight: bold;
  font-size: 1.6em;
  top: -2px;
}

.is_intro_form .timeline ul li:last-child::after {
  content: '';
}

.is_intro_form .timeline ul li.active {
  background: #000;
  color: #fff;
}

.is_intro_form .timeline ul li:last-child {
  margin-right: 0;
}

.is_intro_form .tb-cell table th,
.is_intro_form .tb-cell table td {
  padding: 10px 10px;
  box-sizing: initial;
  font-size: 14px;
  line-height: 24px;
}

.is_intro_form .tb-cell table th {
  padding-right: 20px;
  vertical-align: middle;
}

.is_intro_form .tb-cell table th {
  width: 180px;
}

.is_intro_form .tb-cell table th.nani {
  vertical-align: top;
}

.is_intro_form .tb-cell table th p.tl {
  padding: 2px;
  float: left;
  text-align: left;
}

.is_intro_form .tb-cell .icon {
  border: 1px solid #ae0000;
  background: #fff;
  color: #ae0000;
  padding: 0px 2px;
  text-align: center;
  display: block;
  width: 40px;
  float: right;
  font-size: 12px;
  margin-top: 3px;
}

.is_intro_form .tb-cell .icon02 {
  border: 1px solid #1d3c82;
  color: #1d3c82;
}


.is_intro_form .tb-cell table tr td input.txt01,
.is_intro_form .tb-cell table tr td input.txt02,
.is_intro_form .tb-cell table tr td input.txt03,
.is_intro_form .tb-cell table tr td textarea {
  padding: 8px 5px;
  border: 1px solid #ccc;
  background: #fff;
}

.is_intro_form .tb-cell table tr td input.txt02 {
  width: 100%;
}

.is_intro_form .tb-cell table tr td input.txt03,
.is_intro_form .tb-cell table tr td textarea {
  width: 100px;
}

input[type="text"],
.is_intro_form .tb-cell table tr td textarea {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #474747;
}

.is_intro_form .tb-cell .mar {
  margin-bottom: 10px;
}

.is_intro_form .tb-cell .submit_area {
  text-align: center;
}

.submit_area p,
.ERR {
  color: #FF0000;
}

.btn_form {
  text-align: center;
  margin: 30px 0 45px;
}

.btn_form #sbtn {
  border: 2px solid #333;
  background: #333;
  width: 260px;
  color: #fff;
  line-height: 48px;
  cursor: pointer;
  font-size: 1.1em;
}

.btn_form #sbtn:hover {
  background: #fff;
  color: #333;
}

.is_intro_form .mailComplete {
  text-align: center;
  margin: 100px 0 80px;
}

.is_intro_form .who_info,
.is_intro_confirm .who_info {
  background: #2b90db;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
  letter-spacing: 1px;
}

.is_intro_form table,
.is_intro_confirm table {
  margin-bottom: 45px;
}

#intro_confirm .is_intro_form .tb-cell table th {
  width: 220px;
}


#top_faq {
  /* max-width: 1000px; */
  /* margin: 30px auto 0; */
}

#top_faq h3 {
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 10px;
}

#top_faq .accordion {
  margin: 3em auto;
}

#top_faq .toggle {
  display: none;
}

#top_faq .option {
  position: relative;
  margin-bottom: 1em;
}

#top_faq .title,
#top_faq .content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
  font-size: 1.6rem;
}

#top_faq .title {
  border: solid 1px #ccc;
  padding: 1em;
  display: block;
  color: #333;
  font-weight: bold;
}

#top_faq .title::after,
#top_faq .title::before {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 1.25em;
  width: 2px;
  height: 0.75em;
  background-color: #999;
  transition: all 0.3s;
}

#top_faq .title::after {
  transform: rotate(90deg);
}

#top_faq .content {
  max-height: 0;
  overflow: hidden;
}

#top_faq .content p {
  margin: 0;
  padding: 1em 1em 1em;
  line-height: 1.5;
}

#top_faq .toggle:checked+.title+.content {
  max-height: 500px;
  transition: all 1.5s;
}

#top_faq .toggle:checked+.title::before {
  transform: rotate(90deg) !important;
}

.br_sp {
  display: none;
}


/* movie */
.is_movie ul{
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 40px 0 20px;
}
.is_movie ul li {
  width: 32%;
  position: relative;
  margin-right: 2%;
  margin-bottom: 20px;
  padding: 10px 10px 30px;
  background: #fff;
  border: 1px solid #333;
}

.is_movie ul li:nth-child(3n) {
  margin-right: 0;
}

.is_movie ul li img{
  height: auto;
  transition: filter 0.1s ease;
}
.is_movie ul li img:hover{
  -ms-filter: "alpha( opacity=80 )";
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.is_movie ul li .w_tit{
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 5px;
  text-decoration: underline;
}
.is_movie ul li .w_name{

}
.is_movie .movie_detail{
  padding: 40px 0;
}
.is_movie .detail_wrap{
  padding: 40px 0px;
}
.is_movie .detail_wrap .tit_wrap{
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 1px #ccc solid;
}
.is_movie .detail_wrap h3{
  font-weight: bold;
  line-height: 1.4;
  font-size: 1.5rem;
  text-align: center;
}
.is_movie .detail_wrap .w_name{
  display: block;
  margin-top: 20px;
  text-align: center;
}



@media (max-width: 600px) {
  .br_sp {
    display: inline;
  }

  #top_faq .title {
    padding: 1em 2em 1em 1em;
  }
}

.top_taiou_area {
  margin-bottom: 70px;
  padding: 30px 0 50px;
}

.top_taiou_area dl {
  margin-inline: auto;
  margin-bottom: 2em;
  max-width: 950px;
  padding-inline: 10px;
  text-align: center;
}

.top_taiou_area dl dt {
  margin-bottom: 0.5em;
  font-size: 1.8rem;
  font-weight: bold;
}

.top_taiou_area dl ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  line-height: 1.8;
}

.top_taiou_area dl ul ul:before,
.top_taiou_area dl ul ul:after {
  display: inline;
}

.top_taiou_area dl ul ul:before {
  content: "（";
}

.top_taiou_area dl ul ul:after {
  display: inline;
  content: "）";
}

.top_taiou_area dl ul li:after {
  display: inline;
  content: "、";
}

.top_taiou_area dl ul li.top_taiou_area_none:after {
  display: none;
}

.top_taiou_area dl ul li:last-child:after {
  display: none;
}
.top_taiou_area dl ul li{
  font-size: 1.6rem;
}

.showroom h2.title{
  font-size: 2.8rem;
  text-align: center;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.showroom h2.title::after{
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.showroom h3{
  font-size: 1.1rem;
  margin-bottom: 30px;
}
.showroom__address {
  display: flex;
  align-items: center;
  gap: 0 32px;
  justify-content: space-between;
}
.showroom__address-content {
  text-align: center;
  width: 310px;
  border-right: 1px solid #333;
}
.showroom__address-item{
  font-size: 1.1rem;
}


.house-card {
  display: grid;
  gap: 8px 24px;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: repeat(auto-fill, minmax(45px, 1fr));
  margin: 24px 0;
  padding: 24px;
  border: 2px solid #000;
}
.house-card__image {
  grid-column: 1/2;
  grid-row: 1/4;
  background-color: #C9B78D;
}
.house-card__image img{
  aspect-ratio: 5/4;
  object-fit: contain;
  vertical-align: bottom;
  min-height: 100%;
}
.house-card__title {
  font-size: 24px;
  align-items: center;
  font-weight: bold;
}
.house-card__text {
  font-size: 18px;
  font-weight: bold;
}
.house-card__info-area {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.house-card__info-area--blue .house-card__info-item {
  background-color: #2F75B4;
}
.house-card__info-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  white-space: nowrap;
  text-align: center;
  background-color: #538235;
  line-height: 1.2;
}
.house-card__note-list {
  min-width: 172px;
  flex: 1;
  font-size: 12px;
}
.house-card__note-text {
  padding-left: 24px;
  position: relative;
}
.house-card__note-text::before {
  position: absolute;
  left: 0;
}
.house-card__note-text:nth-of-type(1):before {
  content: "※1";
}
.house-card__note-text:nth-of-type(2):before {
  content: "※2";
}
.house-card__note-text:nth-of-type(3):before {
  content: "※3";
}
@media(max-width: 767px) {

  .house-card {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 8px;
  }
  .house-card__title {
    font-size: 18px;
  }
  .house-card__image {
    text-align: center;
  }
  .house-card__image img {
    aspect-ratio: 5/3;
    max-height: 240px;
    min-height: auto;
  }
  .house-card__text {
    font-size: 16px;
    font-weight: normal;
  }
}

/* 20231121 お客様の声 */
 .top_c_voice {
    margin-bottom: 70px;
    padding: 30px 0 50px;
}

.top_c_voice_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0px 0px 20px 0px;
}

.top_c_voice_item {
    width: 48%;
    margin: 0px 0px 2% 0px;
}

.top_c_voice_text h3 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}




@media(max-width:1600px) {
  .showroom__map iframe{
    width: 800px;
  }
}
@media(max-width:1080px) {
    .top_c_voice {
        padding: 30px 10px 50px;
    }
}

@media(max-width:767px) {

  .top_c_voice {
      padding: 15px 10px 20px;
      margin-bottom: 15px;
  }

  .top_c_voice_box {
      display: block;
      margin: 0px 0px 10px 0px;
  }

  .top_c_voice_item {
      width: 100%;
      margin: 0px 0px 10px 0px;
  }

  .top_c_voice_text h3 {
      font-size: 1.1em;
      font-weight: bold;
      margin: 0px 0px 10px 0px;
  }
}