@charset "utf-8";

/* ------- 実例一覧 ------- */
#solution-index .content-area01{
	height:160px;
}
.contents.solution #solution-index .content-area01{
	background:url(img/solution/bg_title.jpg) no-repeat center top;
	background-size:cover;
}
.contents.chintai #solution-index .content-area01{
	background:url(img/solution/chintai/bg_title.jpg) no-repeat center top;
	background-size:cover;
}
.contents.shataku #solution-index .content-area01{/**/
	background:url(img/solution/shataku/bg_title.jpg) no-repeat center top;
	background-size:cover;
}
.contents.hotel #solution-index .content-area01{/**/
	background:url(img/solution/hotel/bg_title.jpg) no-repeat center top;
	background-size:cover;
}
.contents.mansion #solution-index .content-area01{/**/
	background:url(img/solution/mansion/bg_title.jpg) no-repeat center top;
	background-size:cover;
}
.contents.kosodate #solution-index .content-area01{/**/
	background:url(img/solution/kosodate/bg_title.jpg) no-repeat center top;
	background-size:cover;
}
.contents.gakuseiryo #solution-index .content-area01{/**/
	background:url(img/solution/gakuseiryo/bg_title.jpg) no-repeat center top;
	background-size:cover;
}
.contents.saigai #solution-index .content-area01{/**/
	background:url(img/solution/saigai/bg_title.jpg) no-repeat center top;
	background-size:cover;
}

#solution-index h1{
	font-size:6vw;
}
#solution-list{
	padding:3rem 0 0;
}

.solution-lower.flex-ce{
	width:100%;
	margin:0 auto;
}
.solution-lower.flex-ce section{
	width:100%;
	margin-right:0px;
	padding-bottom:3rem;
}
.solution-lower.flex-ce section h3{
	font-size:1.2rem;
	padding:2.0rem 0 1.2rem;
}
.solution-lower.flex-ce section p{
	font-size:1.3rem;
}
#solution-list h2.list-copy{
	font-size:4.5vw;
	margin-bottom:1.8rem;
}
#solution-list .list-txt{
	font-size:1.2rem;
	margin-bottom:3rem;
}
.solution-lower.flex-ce section ul.tag-list{
	left: 1rem;
	bottom: 1rem;
}

.solution-lower.flex-ce section ul.tag-list li a{
	font-size:0.8rem;
	padding:0.6rem 1.3rem;
	border-radius:3px;
	margin-bottom: 6px;
}

/* ------- 実例詳細ｰ ------- */

#solution-top .content-area01{
	height:auto;
	width:100%;
}
#solution-top .content-area01.kosodate-hitachiota{
	height:auto;
}

#solution-top .content-area01.chintai-nikke,
#solution-top .content-area01.shataku-chuetsu,
#solution-top .content-area01.mansion-todoroki,
#solution-top .content-area01.mansion-shinumeda,
#solution-top .content-area01.mansion-senrichuo{
	height:285px;
	align-items: flex-end;
}	
@media screen and (max-width: 600px), print {
	#solution-top .content-area01.mansion-todoroki{
		height:300px;
	}	
}
@media screen and (max-width: 430px), print {
	#solution-top .content-area01.mansion-todoroki{
		height:285px;
	}	
}
@media screen and (max-width: 320px), print {
	#solution-top .content-area01.mansion-todoroki{
		height:310px;
	}	
}
#solution-top .content-area01.shukubou,
#solution-top .content-area01.kyoto-daigaku{
	height:250px;
	align-items: flex-end;
}

#solution-top .content-area01.chintai-akashidai,
#solution-top .content-area01.mansion-iidabashi,
#solution-top .content-area01.mansion-oshiage{
	height:240px;
	align-items: flex-end;
}

#solution-top .content-area01 ul.tag-list{
	top:10px;
	left:10px;
	text-align:left;
}
#solution-top .content-area01 ul.tag-list li{
	padding-right:4px;
}
#solution-top .content-area01 ul.tag-list li a{
	font-size:1.0rem;
	padding:0.6rem 0.6rem;
	border-radius:3px;
	margin-bottom: 6px;
}
.tomoya #solution-copy,
.shukubou #solution-copy{margin-top:0rem;}

#solution-top h1{
	font-size:1.2rem;
	letter-spacing:0.2rem;
	padding:0.8rem 2rem;
	margin-top: 5rem;
}
.main-copy{
	padding:1.0rem 0;
	font-size:22px;
}
@media screen and (max-width: 455px), print {
	.main-copy{
		font-size:4.8vw;
	}
}
.spec-txt{
	font-size:0.9rem;
	margin-bottom: 1.0rem;
}
.solution-needs{
	padding:2.4rem 0;
}
.sec-needs{
	display:block;
	margin-bottom:2.4rem;
}
.sec-needs h2{
	display:block;
	width:100%;
	padding:1.4rem;
	font-size:1.8rem;
}
.sec-needs ul{
	display:block;
	width:100%;
	padding:1.8rem 1.4rem;
}
.sec-needs ul li{
	padding-bottom:1.4rem;
}

.ttl-solution {
	background-size:contain;
	width:180px;
	height:48px;
	font-size:1.8rem;
	margin-bottom:-24px;
}
.sec-solution ul{
	padding:4.5rem 1.4rem 1.4rem;
}
.sec-solution ul li{
	padding-bottom:1.4rem;
}
.solution-needs .egoda.ex-txt {
	font-size: 1.0rem;
	font-weight: normal;
	margin: 3.0rem 0 0;
	text-align: justify;
}
.solution-figure{
	padding-top:3rem;
}
.solution-figure p{
	margin-bottom:8px;
	font-size:1.8rem;
}
.solution-figure figure{
	text-align:center;
	margin-bottom:3rem;
}
.solution-result {
    padding: 2.6rem 0;
}
.solution-result.hotel-raysum,.solution-result.mansion-yamate{
	padding:0 0 2.6rem;
}
.sec-result{
	display:block;
	margin-bottom:0rem;

}
.sec-result h2{
	display:block;
	width:100%;
	padding:1.4rem;
	font-size:1.8rem;
}
.sec-result ul{
	display:block;
	width:100%;
	padding:1.8rem 1.4rem;
}
.sec-result ul li{
	padding-bottom:1.4rem;
}

.photo-img{
	width:78%;
	margin:0 auto 24px;
}

.photo-list{
	width:72%;
	margin:0 auto 24px;
}
.photo-list.slick-slider{
	width:72%;
	margin:0 auto 24px;
}
.photo-list .slick-slide img {
	margin-left:0px;
	margin-right:0px;
}
.photo-list .slick-prev,
.photo-list .slick-next {
    width: 35px;
    height:35px;
	z-index:2;
}
.photo-list .slick-prev {
    left: -45px;
}
.photo-list .slick-next {
    right: -45px;
}
.photo-list .slick-prev:before {
	width: 10px;
	height: 10px;
	top: 34%;
	left: 40%;
}
.photo-list .slick-next:before {
	width: 10px;
	height: 10px;
	top: 34%;
	left: 28%;
}
#modalArea::after{
	content:"×";
	position: absolute;
	right:12px;
	top:-43px;
	color:white;
	font-size:30px;
	font-weight: bold;
}