@charset "utf-8";
/* CSS Document */
@media screen and (max-width:767px){
.pagetop {
	display: none;
	position: fixed;
	bottom: 0px;
	right: 0;
	width: 0;
	height: 0;
	z-index: 1500;
	cursor: pointer;
}
.pagetop img{
	width: 0;
	height: 0;
}
/*--------------------------------------------------------------------------メインイメージ*/
#mimg {
	position: relative;
	width: 100%;
	height: 220px;
	padding-top: 70px;
	background: linear-gradient(90deg, #fff 0%, #fff 70%, #e11414 70%, #e11414 100%);
}

#slider {
	position: relative;
	width: 96%;
	height: 200px;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	z-index: 9999;
	background-image: url(../web/concept/mimgsp.webp);
	background-color: #FFF;
	background-position: top center; 
	background-size: cover;
	background-repeat: no-repeat;
}
#slider .txt1{
	float: left;
	margin-top: 82px;
	margin-left: 10px;
	width: auto;
	height: auto;
	font-size: 35px;
	line-height: 35px;
	color: #e11414;
	text-align: left;
	font-family: 'Advent Pro', sans-serif;
	font-weight: 600;
	text-shadow: 2px 2px 0 #FFF;
}
#slider .txt2{
	float: left;
	margin-top: 100px;
	margin-left: 10px;
	width: auto;
	height: auto;
	font-size: 12px;
	line-height: 12px;
	color: #e11414;
	text-align: left;
	font-weight: bold;
	text-shadow: 2px 2px 0 #FFF;
}
/*--------------------------------------------------------------------------コンテンツ*/
#container {
	width: 100%;
	text-align: left;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: auto;
}
#section01 {
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#contents01 {
	position: relative;
	width: 100%;
	height: auto;
	max-width: 320px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
h2 {
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	letter-spacing: 0px;
	font-weight: bold;
	text-align: center;
}
#c01Ib {
	width: 100%;
	height: 89px;
	background-image: url(../web/concept/c01img01.webp);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
#contents01 .t1{
	width: 100%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	line-height: 13px;
	letter-spacing: 0px;
	font-weight: bold;
	text-align: left;
}
#contents01 .t2{
	width: 100%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0px;
	text-align: left;
}

#section02 {
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 25px;
}
#contents02 {
	position: relative;
	width: 320px;
	height: auto;
	text-align: left;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#contents02 .t1{
	float: left;
	width: 100%;
	margin-top: 15px;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0px;
	text-align: left;
}

#facility {
	width: 300px;
	padding-top: 15px;
	padding-bottom: 14px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px dotted #CCCCCC;
	float: left;
}
#facility.first{
	margin-top: 20px;
	padding-top: 14px;
	border-top: 1px dotted #CCCCCC;
}
#facility .ImgBox{
	width: 300px;
	height: auto;
	float: left;
}
#facility .Img{
	width: 300px;
	height: 300px;
	float: left;
	z-index: 1000;
}
#facility .No{
	position: absolute;
	width: auto;
	height: auto;
	z-index: 1001;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	margin-left: -5px;
	border-bottom: 3px solid #000;
	text-shadow: 3px 3px 0px #FFFFFF;
}
#facility .Img img{
	width: 300px;
	height: 300px;
	object-fit: cover;
	transition: 0.4s;
	outline: 1px solid #ccc;
	outline-offset: -1px;
}
#facility .Img img:hover{
	transform: scale(1.00);
}
#facility .thumb{
	width: 65px;
	height: 65px;
	float: left;
	margin-left: 8px;
	margin-top: 8px;
}
#facility .thumb img{
	width: 65px;
	height: 65px;
	object-fit: cover;
	outline: 1px solid #ccc;
	outline-offset: -1px;
}

#facility .TxtBox{
	width: 300px;
	height: auto;
	float: left;
	margin-left: 0px;
}
#facility .ttl{
	width: 300px;
	height: auto;
	float: left;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
	margin-top: 15px;
}
#facility .txt{
	width: 300px;
	height: auto;
	float: left;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	margin-top: 5px;
}
#facility .btn{
	width: auto;
	height: 20px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 10px;
	float: left;
	font-size: 12px;
	line-height: 20px;
	text-indent: 20px;
	color: #FFF;
	text-align: center;
	margin-top: 20px;
	background-color:#a79586;
	background-image: url(../web/concept/ac01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#facility .btn.f{ margin-left: 0px; margin-top: 10px; clear:both;}

#facility .btn a{
	display: block;
	text-decoration: none;
	color: #FFF;
}

#facility2 {
	width: 300px;
	padding-top: 15px;
	padding-bottom: 14px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px dotted #CCCCCC;
	float: left;
}
#facility2 .ImgBox{
	width: 300px;
	height: auto;
	float: left;
}
#facility2 .Img{
	width: 300px;
	height: 300px;
	float: left;
	z-index: 1000;
}
#facility2 .No{
	position: absolute;
	width: auto;
	height: auto;
	z-index: 1001;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	margin-left: -5px;
	border-bottom: 3px solid #000;
	text-shadow: 3px 3px 0px #FFFFFF;
}
#facility2 .Img img{
	width: 300px;
	height: 300px;
	object-fit: cover;
	transition: 0.4s;
	outline: 1px solid #ccc;
	outline-offset: -1px;
}
#facility2 .Img img:hover{
	transform: scale(1.00);
}
#facility2 .thumb{
	width: 65px;
	height: 65px;
	float: left;
	margin-left: 8px;
	margin-top: 8px;
}
#facility2 .thumb img{
	width: 65px;
	height: 65px;
	object-fit: cover;
	outline: 1px solid #ccc;
	outline-offset: -1px;
}

#facility2 .TxtBox{
	width: 300px;
	height: auto;
	float: left;
	margin-left: 0px;
}
#facility2 .ttl{
	width: 300px;
	height: auto;
	float: left;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
	margin-top: 15px;
}
#facility2 .txt{
	width: 300px;
	height: auto;
	float: left;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	margin-top: 5px;
}

#section03 {
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#contents03 {
	width: 320px;
	height: auto;
	text-align: left;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
#contents03 .t1{
	float: left;
	width: 100%;
	margin-top: 15px;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0px;
	text-align: left;
}
#contents03 .tblBox {
	width: 320px;
	height: auto;
	float: left;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	margin-top: 15px;
}
#contents03 .tblBox table {
	min-width: 320px;
	text-align: center;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
#contents03 .tblBox td {
	min-width: ;
	border: 1px solid #999;
	border-bottom: 0;
	border-right: 0;
	padding: 2px 4px 2px 4px;
}


#section04 {
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 50px;
} 
#contents04 {
	position: relative;
	width: 320px;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
#contents04 .t1{
	float: left;
	width: 100%;
	margin-top: 15px;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0px;
	text-align: left;
}
#QA {
	width: 100%;
	float: left;
	margin-top: 30px;
}
.acd-check{
    display: none;
}
.acd-label{
	height: 20px;
    background: #e11414;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 5px;
    position: relative;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: -1px;
	text-align: left;
	cursor:pointer;
}
.acd-label:after{
    background: #ffbe19;
    box-sizing: border-box;
    content: '+';
	font-size: 15px;
	line-height: 30px;
	text-align: center;
    display: block;
    height: 30px;
	width: 30px;
    position: absolute;
    right: 0;
    top: 0px;
}
.acd-content{
    display: block;
    height: 0;
    opacity: 0;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label:after{
    content: '―';
}
#acd-check1.acd-check:checked + .acd-label + .acd-content{
    height: 140px;
    opacity: 1;
    visibility: visible;
}
#acd-check2.acd-check:checked + .acd-label + .acd-content{
    height: 155px;
    opacity: 1;
    visibility: visible;
}
#acd-check3.acd-check:checked + .acd-label + .acd-content{
    height: 205px;
    opacity: 1;
    visibility: visible;
}
#acd-check4.acd-check:checked + .acd-label + .acd-content{
    height: 155px;
    opacity: 1;
    visibility: visible;
}
#acd-check5.acd-check:checked + .acd-label + .acd-content{
    height: 80px;
    opacity: 1;
    visibility: visible;
}
#acd-check6.acd-check:checked + .acd-label + .acd-content{
    height: 140px;
    opacity: 1;
    visibility: visible;
}
#acd-check7.acd-check:checked + .acd-label + .acd-content{
    height: 140px;
    opacity: 1;
    visibility: visible;
}

#contents04 .st1 {
	width: 100%;
	font-size: 13px;
	line-height: 15px;
	letter-spacing: 1px;
	text-align: left;
	border-bottom: 1px dotted #CCC;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
#contents04 .st2 {
	width: 100%;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0px;
	text-align: left;
	border-bottom: 1px dotted #CCC;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000;
}
#contents04 .st2 a {
	color: #000;
}

#ModelHouse {
	width: 100%;
	height: 360px;
	padding-top: 0px;
	padding-bottom: 0px;
} 
#contentsMH {
	position: relative;
	width: 320px;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#ModelHouse .bgImg2{
	z-index: 1000;
	width: 100%;
	height: 300px;
	position: absolute;
	top:0;
	left: 0;
	right:0;
	bottom:0;
	opacity:0;
	animation: bgAnime2 18s infinite;
	background-position: top center;
	background-repeat: no-repeat;
	z-index: 1;
	background-size: contain;
	margin-top: 30px;
}
#ModelHouse .src1{
	display:block;
	background-image: url(../web/home/c04img01sp.webp);
	background-size: cover;
}
#ModelHouse .src2{
	background-image: url(../web/home/c04img02sp.webp);  
	animation-delay: 6s;
	background-size: cover;
}
#ModelHouse .src3{
	background-image: url(../web/home/c04img03sp.webp);  
	animation-delay: 12s;
	background-size: cover;
}

#ModelHouseBox01 { display:none;}
#ModelHouseBox02 { display:none;}
#ModelHouse .temitxt{ display:none;}
#ModelHouseBoxsp {
	position: relative;
	width: 320px;
	height: 213px;
	margin-top: 75px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
#ModelHouseBoxsp img{
	width: 320px;
	height: 213px;
}
}