@charset "UTF-8";
.the_content.bace_page {
  padding: 0 4% 60px 4%;
}
/* main */
.main_img {
  margin: 0 auto 30px;
  width: 100%;
  max-width: 1000px;
}
.main_img img {
  width: 100%;
}
.main_img figcaption {}
.main_img figcaption {
  background-color: #ffef00;
  color: #d02714;
  padding: 18px;
}
.main_img figcaption .plice {
  font-size: 5.0rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  display: flex;
  align-items: baseline;
  justify-content: center;
  min-height: 60px;
}
.main_img figcaption .komi {
  display: inline-block;
  line-height: 1.3;
  font-weight: 900;
  font-size: 2.0rem;
}
.main_img figcaption .komi span {
  display: block;
  font-size: 3.6rem;
}
.main_img figcaption .plice span:first-of-type {
  font-size: 7.0rem;
  line-height: 1;
}
.main_img figcaption .plice span:nth-of-type(2) {
  margin-left: 5px;
}
.main_img figcaption .plice span:nth-of-type(2) img {
  max-width: 71.5px;
  height: auto;
}
@media only screen and (min-width:813px) {
  .main_img figcaption {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main_img figcaption .plice {
    margin-left: 20px;
  }
}
@media only screen and (max-width:812px) {
  .main_img figcaption {
    text-align: center;
  }
  .main_img figcaption .komi {
    margin-bottom: 5px;
    font-size: 4vw;
  }
  .main_img figcaption .plice span span:first-of-type {
    font-size: 12.4vw;
  }
  .main_img figcaption .plice span {
    font-size: 9.4vw;
  }
  .main_img figcaption .plice span span:nth-of-type(2) {
    font-size: 3.4vw;
  }
  .main_img figcaption .plice span span:nth-of-type(2)::after {
    font-size: 3.4vw;
    left: -1.4vw;
    width: 14.5vw;
  }
}
#pack {padding: 30px 4% 60px;}
#pack > p.subtit {
  font-size: 1.8rem;
  font-weight: 900;
  color: #d02714;
  text-align: center;
  line-height: 1.2;
}
#pack h2 {
  font-size: 2.6rem;
  font-weight: 900;
  color: #d02714;
  margin-bottom: 40px;
  text-align: center;
}
#pack .pack_list {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
#pack .pack_list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow: hidden;
}
#pack .pack_list li{
position: relative;
  background-color: #d02714;
  width: 104px;
  padding: 5px;
  text-align: center;
  line-height: 1.4;
  display: table;
  font-size: 1.8rem;
margin-bottom: 20px;

}

#pack .pack_list li:not(:last-child){margin-right: 24px;}


#pack .pack_list li::before{
	content: "";
  display: block;
  padding-bottom: 100%;
}

#pack .pack_list li span {
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: block;
	width:100%;
  font-size: 1.8rem;
  font-weight: 900;
  color: #ffef00;
  letter-spacing: 0.9px;
}

#pack .pack_list li:not(:last-child)::after{
	content: "+";
	font-size: 3.3rem;
	font-weight: bold;	
	position: absolute;
	right: -23px;
	top: 50%;
	color: #d02714;
	margin-top: -22px;
}

@media only screen and (min-width:813px) {
	#pack .pack_list{justify-content: center;}
#pack .pack_list li:not(:last-child)::after{
	content: "+";
	font-size: 3.3rem;
	font-weight: bold;	
	position: absolute;
	right: -23px;
	top: 50%;
	color: #d02714;
	margin-top: -22px;
}
}
@media only screen and (max-width:812px) {
#pack .pack_list li{
  width: 26%;
}

#pack .pack_list li:not(:last-child){margin-right: 7%;}
	#pack .pack_list li span{font-size:4.5vw;}
#pack .pack_list li:not(:last-child)::after{
content: "+";
font-size: 7vw;
font-weight: 700;
position: absolute;
right: -5.5vw;
top: 50%;
color: #d02714;
margin-top: -5vw;
}
}

#resolution{padding:30px 4%;}
#resolution .wap01{border: solid 2px #d02714; padding:35px;}
#resolution .wap01 h2{width:100%;
font-size: 2.6rem;
font-weight: 900;
color: #d02714;
margin-bottom: 10px;
text-align: center;}
#resolution .wap01 > ul{font-size: 1.8rem;}
#resolution .wap01 .list_trouble{position:relative;}
#resolution .wap01 ul li{
    position: relative;
	padding-left: 35px;
}

#resolution .wap01 .list_trouble li::before,
#resolution .wap01 .list_trouble li::after{
    content: "";
    display: block;
    width: 26px;/*バツ線の長さ*/
    height: 4px;/*バツ線の太さ*/
    background: #999999;
    transform: rotate(45deg);
    transform-origin:0% 50%;
    position: absolute;
    top: 5px;
    left: 5px;
}

#resolution .wap01 .list_trouble li::after{
    transform: rotate(-45deg);
    transform-origin:100% 50%;
    left: -3px;
}






#resolution .wap01 .list_resolution{font-weight: 900;}


#resolution .wap01 .list_resolution li::before{
    content: "";
    display: block;
    width: 25px;/*バツ線の長さ*/
    height: 25px;/*バツ線の太さ*/
border: solid 4px #d02714;
	
    position: absolute;
    top: 5px;
    left:0;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}

@media only screen and (min-width:813px) {
#resolution .wap01{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
#resolution .wap01 .list_trouble{margin-right:70px;}
#resolution .wap01 .list_trouble::after{
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 24px 0 24px 31px;
border-color: transparent transparent transparent #d02714;
position: absolute;
right: -51px;
top: 50%;
margin-top: -24px;
}
}
@media only screen and (max-width:812px) {
	#resolution .wap01{padding:15px;}
	#resolution .wap01 h2{font-size: 2.2rem;}
#resolution .wap01 .list_trouble{margin-bottom: 70px;}
#resolution .wap01 .list_trouble::after{
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 31px 24px 0 24px;
border-color: #d02714 transparent transparent transparent;
position: absolute;
right: 50%;
bottom: -51px;
margin-right: -24px;
}
}


.bnrlist{padding:20px 4% 60px;}

.bnrlist ul{display:flex; justify-content: space-between; width:100%; max-width: 1000px; margin:0 auto 40px;}
.bnrlist ul li{text-align: center; width:48%;}
.bnrlist ul li:first-child{color:#012f8c; font-weight: 900; margin-right: auto;}
.bnrlist ul li:nth-child(2){color:#d02714; font-weight: 900;}
.bnrlist ul li img{width:100%; max-width: 480px;}
.bnrlist ul li > span{font-size: 1.8rem;}
.bnrlist ul li a{display:inline-block;}
.bnrlist ul li p{text-align: center; font-size: 2.0rem;}
.bnrlist ul li p > span{background:linear-gradient(transparent 60%, #ffe900 60%);}
@media only screen and (min-width: 813px) {
.bnrlist ul li a{margin-bottom: 15px;}	
.bnrlist ul li > span:before,
.bnrlist ul li > span:after {
  position: relative;
  display: inline-block;
  content: "";
  background: #012f8c;
  width: 2px;
  height: 1.2em;
  margin: 0 1em;
  margin-top: -.2em;
  vertical-align: middle;
}
 
.bnrlist ul li > span:before {
  transform: rotate(-35deg);
}
.bnrlist ul li > span:after {
  transform: rotate(35deg);
}
.bnrlist ul li:nth-child(2) > span:before,
.bnrlist ul li:nth-child(2) > span:after{background: #d02714;}	
	
.bnrlist ul li > span br{display: none;}
.bnrlist ul li > p br{display: none;}
	.btn_tel_sp{display: none !important;}	
	.btn_oisogi{width:100%; max-width:702px; margin:0 auto; display:block !important;}
}

@media only screen and (max-width:812px){
#mitumori .nagare dl:not(:last-child){margin-bottom:40px;}
	.bnrlist ul{margin-left: -2.5%;}
	.bnrlist .img_no1{margin-bottom:10px;}
.bnrlist .img_no1 img{max-width:222px;}
.bnrlist ul li a{margin-bottom: 8px;}
.bnrlist ul li > span{position: relative; display: inline-block; padding:10px 15px; line-height: 1.5; font-size: 1.6rem;
	margin-left: 5.5%;}
.bnrlist ul li > span:before,
.bnrlist ul li > span:after {
  position: absolute;
  display: inline-block;
  content: "";
  background: #012f8c;
  width: 2px;
  height: 2.2em;
  margin: 0 1em;
  vertical-align: middle;
}
 
.bnrlist ul li > span:before {
  transform: rotate(-20deg);
	left: -15px;
	top: 30%;
  
}
.bnrlist ul li > span:after {
  transform: rotate(20deg);
	right: -15px;
	top: 30%;
}
.bnrlist ul li:nth-child(2) > span:before,
.bnrlist ul li:nth-child(2) > span:after{background: #d02714;}
.bnrlist ul li > p{font-size: 1.6rem;}	
.btn_tel_sp{width:100%; max-width:100%; padding:10px;background-color: #ffef00;text-align: center;color:#d02714;
position: relative;display: inline-block !important;line-height: 1.2; margin-bottom: 45px;}
.btn_tel_sp i{font-size: 2.2rem;margin-right: 5px;}
.btn_tel_sp span.no{ font-size: 2.9rem;
	font-family: 'Montserrat', sans-serif; font-weight:800;
	color: #d02714;
	letter-spacing: 1.6px;
	display: block;
	margin-top: 5px;
}
.btn_tel_sp span:last-of-type{font-size: 1.4rem;line-height: 1;}
	.bnrlist .btn_flyey{width:103%;}
	.bnrlist .btn_flyey{margin-left: -3%;}

}

#item{padding:30px 4%;}
#item h2{background-color: #d02714; color: #fff; font-size:1.8rem; font-weight: bold; text-align: center;padding:10px;}
#item h2 span{font-size: 2.6rem;}
#item h2 span{display:block;}


#item > .wap01 > section{padding: 40px 0 40px 0; border-bottom: 1px solid #cccccc;}

.slider-for{margin-bottom: 10px;}
.slider-for .imgBox{
position: relative;
margin-bottom: 10px;
background-color: #eaeaea;
display: block;
margin-bottom: 10px;
}

.slider-for .imgBox:before {
 content:"";
 display:block;
 padding-top:72%;
}
.slider-for .imgBox span{
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0
}
.slider-for .imgBox span img {
 max-width:100%;
 max-height:100%;
 width:auto;
 height:auto;
 position:absolute;
 top:50%;
 left:50%;
 transform:translateY(-50%) translateX(-50%);
 -webkit-transform:translateY(-50%) translateX(-50%);
 cursor:pointer
}

.slider-for figcaption{font-size: 1.4rem;text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */}
.slider-for figcaption > span{font-weight: 900;}

.slider-nav{padding:0 20px;position: relative;}


.slider-nav li{
position: relative;
background-color: #eaeaea;
display: block;
margin:0 6px;
}

.slider-nav li:before {
 content:"";
 display:block;
 padding-top:72%;
}
.slider-nav li figure{
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0
}
.slider-nav li figure img {
 max-width:100%;
 max-height:100%;
 width:auto;
 height:auto;
 position:absolute;
 top:50%;
 left:50%;
 transform:translateY(-50%) translateX(-50%);
 -webkit-transform:translateY(-50%) translateX(-50%);
 cursor:pointer
}
.slider-nav .slick-arrow{
position: absolute;
top: 50%;
margin: 0;
padding: 0;
line-height: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
.slider-nav .prev-arrow{left:0; transform: scale(-1, 1);margin-top: -7px;}
.slider-nav .next-arrow{right: 0;}
#item .sliderBox{position: relative;}
#item .sliderBox .ico_ninki{position: absolute; left:5px; top:-20px;width:100%; max-width:115px; z-index: 1;}


#item .itemdeta .item_logo{width:auto; height:30px; display:inline-block; margin-bottom:15px;}
#item .itemdeta .item_logo.logo_housetec{width:auto; height:40px;}
#item .itemdeta .item_logo.logo_ykk{width:auto; height:80px;}
#item .itemdeta h3{font-size: 2.2rem; margin-bottom:10px;}
#item .itemdeta .textBox{
margin-bottom: 10px;
text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */}


#item .itemdeta .plice{
	background-color: #fffbcc;
	padding-bottom: 20px;
}
#item .itemdeta .plice dt{
background-color: #ffef00;
color: #d02714;
padding: 10px;
font-size: 4.0rem;
font-family: 'Oswald', sans-serif;
font-weight: 700;
line-height: 1;
text-align: center;
display: flex;
align-items: baseline;
justify-content: center;
margin-bottom: 19px;
position: relative;
}
#item .itemdeta .plice dt span{font-size: 5.0rem;}
#item .itemdeta .plice dt::after{
	content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 16px 15px 0 15px;
border-color: #ffea00 transparent transparent transparent;
position: absolute;
right: 50%;
bottom: -15px;
margin-right: -15px;
}

#item .itemdeta .plice dd:first-of-type{padding-top: 20px !important;}

#item .itemdeta .plice dd{margin:0 20px;}

#item .itemdeta .plice dd:not(.komikomi) > span span,
#item .itemdeta .plice dd:not(.zeikomi) > span span{
font-weight: 700;
line-height: 1;
font-size: 3.0rem;
align-items: center;
margin-bottom: 10px;}

#item .itemdeta .plice dd:not(.zeikomi):not(.komikomi){
padding: 3px 0;
display: flex;
justify-content: space-between;
font-family: 'Oswald', sans-serif;
	font-size: 1.8rem;
	font-weight: 900;
}
#item .itemdeta .plice.plice_no dd.komikomi{border-top:none; padding-top:10px;}
#item .itemdeta .plice dd.komikomi{padding-top:15px; border-top: 1px solid #111; margin-top: 15px;}
#item .itemdeta .plice dd.komikomi > span:first-of-type{background-color: #d02714; color:#ffe900; font-size: 1.8rem; text-align: center; display: inline-block; padding: 5px 10px; font-weight: 900;}
#item .itemdeta .plice dd.zeikomi{text-align: right; color:#d02714; font-weight: 900;}

#item .itemdeta .plice dd.komikomi > span:last-of-type{
	font-size: 2.0rem;
color: #d02714;
text-align: center;
display: flex;
align-items: baseline;
justify-content: center;
font-weight: 900;
}

#item .itemdeta .plice dd.komikomi > span:last-of-type span{
font-size: 5.0rem;
font-family: 'Oswald', sans-serif;
font-weight: 700;
line-height: 1;
	
}

@media only screen and (min-width:813px) {
#item .wap01 > section{display: flex; justify-content: space-between;}
#item .sliderBox{width:50%; margin-right:3%;}
#item .itemdeta{width:47%;}
	#item .itemdeta .plice dd.komikomi{display: flex; justify-content:space-between; align-items: center;}
}
@media only screen and (max-width:812px) {
	#item .itemdeta .plice dd.komikomi{text-align: center;}
	#item .sliderBox{margin-bottom: 30px;}
}

.btn_blank{
	display: inline-block;
	position: relative;
	background-color: #111111;
	border: 1px solid #111111;
	max-width: 470px;
	width: 100%;
	padding: 20px 20px;
	color: #fff;
	font-weight: 700;
	font-size: 1.6rem;
	text-align: center;
	min-height: 60px;
	line-height: 1;
}
.btn_blank::after{
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -7px;
	font-family: 'icomoon' !important;
	content: "\f35d";
	font-size: 1.4rem;
	font-weight: 500;
}


#works{padding: 30px 4% 30px;}

.works_list a{
 position:relative;
 margin-bottom:10px;
 background-color:#eaeaea;
display: block;
margin-bottom: 10px;
}



.works_list a:before {
 content:"";
 display:block;
 padding-top:72%;
}
.works_list a span{
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0
}
.works_list a span img {
 max-width:100%;
 max-height:100%;
 width:auto;
 height:auto;
 position:absolute;
 top:50%;
 left:50%;
 transform:translateY(-50%) translateX(-50%);
 -webkit-transform:translateY(-50%) translateX(-50%);
 cursor:pointer
}

.works_list li > span{padding: 6px 10px;
 border: solid 2px #d02714;
font-size: 1.4rem;
 font-weight: 900;
display: inline-block;
	color: #d02714;
margin-bottom: 10px;
line-height: 1;
}

.works_list li h3{font-weight: 500;}

.works_list a span.noimg i {
  font-size: 3.1rem;
  color: #999;
  font-weight: 700;
}

.works_list a span.noimg span{
  font-family: 'Montserrat', sans-serif; font-weight:800;
  display: block;
  font-size: 1.5rem;
  color: #999;
	position: relative;
}

.works_list a span.noimg{
justify-content: center;
align-items: center;
display: flex;
flex-flow: column;
}


.staff_img{width:100%; max-width: 1000px; margin:60px auto 0 auto; display: block;}


@media only screen and (min-width:813px) {
.works_list{display: flex; justify-content:flex-start; flex-wrap: wrap; width:100%; margin:0 auto 40px; max-width:1000px;}
.works_list li{width:32%; }	
.works_list li:not(:first-child){margin-left:2%;}
}
@media only screen and (max-width:812px) {

	.works_list{padding:0 30px;}
	.works_list .slick-arrow{
position: absolute;
top: 40%;
margin: 0;
padding: 0;
line-height:37px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
border: solid 2px #d02714;
  background-color: #fff;
width: 45px;
height: 45px;
text-align: center;
color: #d02714;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
z-index: 1;
margin-right: -4px;
}
.works_list .prev-arrow{left:0; transform: scale(-1, 1); margin-top:-23px;}
.works_list .next-arrow{right: 0;}
.works_list .slick-dots li button:before {
  color:#ffd6d1 !important;
  opacity:1 !important;
  font-size:14px
 }
.works_list .slick-dots li.slick-active button:before {
  color:#d02714 !important
 }
.works_list .slick-dots li {
  margin:0 3px
 }
.works_list .slick-dots {
  bottom:-30px;
  width:90%
 }
}

/* renovationBox */
@media only screen and (min-width:813px) {
.renovationBox > figure{width:46%; position: relative;}
.renovationBox > figure img{width:100%;}
.renovationBox > figure:first-of-type{margin-right: 8%;}
.renovationBox > figure:first-of-type::after{
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 24px 0 24px 31px;
border-color: transparent transparent transparent #d02714;
position: absolute;
right: -58px;
top: 50%;
margin-top: -24px;
}
}
@media only screen and (max-width:812px) {
	.renovationBox > figure{position: relative;}
.renovationBox > figure img{width:100%;}
.renovationBox > figure:first-of-type{margin-bottom: 70px;}
.renovationBox > figure:first-of-type::after{
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 31px 24px 0;
border-color: #d02714 transparent transparent;
position: absolute;
right: 50%;
bottom: -50px;
margin-right: -24px;
}

}