@charset "utf-8";


/*--メインタイトル------------------------------------------*/

/* クオリティ */
.q_mv{
position: relative;
}
.q_mv img:nth-child(1){
width: 100%;
height: 30vw;
object-fit: cover;
object-position : 15% 30%; 
}
/*--------------------------------------------*/
@media screen and (max-width: 720px) {
/*--------------------------------------------*/
.q_mv img:nth-child(1){
height: 50vw;
}
}
.q_mv img:nth-of-type(2){
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 50%;
height: auto;
}



.q_mv .rb,
.q_mv_security .rb,
.q_mv_structure .rb {
position: absolute;
right: 5px;
bottom: 5px;
font-size: 10px;
color: #fff;
}







/* セキュリティ */
#security{}
.q_mv_security{
position: relative;
margin-bottom: 50px;
}
.q_mv_security img:nth-child(1){
width: 100%;
height: 30vw;
object-fit: cover;
object-position : 15% 30%; 
}
.q_mv_security img:nth-of-type(2){
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 30%;
height: auto;
}


/* 構造 */
.q_mv_structure{
position: relative;
margin-bottom: 50px;
}
.q_mv_structure img:nth-child(1){
width: 100%;
height: 30vw;
object-fit: cover;
object-position : 15% 30%; 
}
.q_mv_structure img:nth-of-type(2){
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 40%;
height: auto;
}

/*--------------------------------------------*/
@media screen and (max-width: 720px) {
/*--------------------------------------------*/
.q_mv img:nth-of-type(2){
width: 80%;
}
.q_mv_security img:nth-of-type(2){
width: 60%;
}
.q_mv_structure img:nth-of-type(2){
width: 70%;
}
}




/*--サブメニュー------------------------------------------*/
.q_navi{
max-width: 1200px;
margin: 0 auto;
}
.q_navi ul{
margin: 100px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items:center; 
}
.q_navi li{
font-size:1.4em;
width: 32%;
}
.q_navi a{
background: linear-gradient(90deg, #765600 0%, #a58326 50%, #765600 100%);
border: 1px solid #fff;
border-radius: 50px; 
color: #FFF;
display: block;
padding: 4%;
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.q_navi a:hover{
opacity: 0.7;
}

/*--------------------------------------------*/
@media screen and (max-width: 720px) {
/*--------------------------------------------*/
.q_navi{
font-size:1.4em;
max-width: 100%;
}
.q_navi ul{
display: block;
margin: 50px 0;
}
.q_navi li{
margin: 0 auto;
width: 90%;
}
.q_navi a{
padding: 4%;
margin: 2%;
}
}













/*--------------------------------------------*/

.sub-title{
text-align: center;
}
.sub-title h3 img{
width: 30%;
}
.sub-title h4{
background: rgba(116,116,116,1.00);
font-size: 1.4em;
margin: 50px 0;
color: #fff;
padding: 5px;
}

/*--------------------------------------------*/
@media screen and (max-width: 720px) {
/*--------------------------------------------*/
.sub-title h3 img{
width: 60%;
}
.sub-title h4{
margin: 20px 0;
font-size: 2.8em;
}
}






/* flexbox */
.contents .inner .flex {
margin: 0 auto 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content:space-between;
width: 100%;
}

/* flexitem */
.contents .inner .flex .item {
margin-bottom: 30px;
}
.contents .inner .flex .item figure {
font-size: 10px;
line-height: 1;
margin: 0 auto 10px;
position: relative;
}
.contents .inner .flex .item figure figcaption.rb {
position: absolute;
right: 5px;
bottom: 5px;
}
.contents .inner .flex .item figure figcaption.lb {
position: absolute;
left: 5px;
bottom: 5px;
}
.contents .inner .flex .item figure figcaption.lb_2 {
position: absolute;
left: -15px;
bottom: 0px;
}
.contents .inner .flex .item figure figcaption.w {
color: #fff;
}

/* カラム別設定 */
.contents .inner .flex.c4 .item {
width: 23%;
margin-bottom: 50px;
font-size: .8em;
}
.contents .inner .flex.c3 .item {
width: 32%;
margin-bottom: 50px;
font-size: .8em;
}
.contents .inner .flex.c4 .item dt,
.contents .inner .flex.c3 .item dt,
.contents .inner .flex.c2 .item dt{
margin: 10px 0;
font-size: 1.2em;
}
.contents .inner .flex.c2 .item {
width: 48%;
margin-bottom: 50px;
font-size: .8em;
}
.contents .inner .flex.c2 .item:nth-of-type(2n) {
margin-right: 0;
}





/*--------------------------------------------*/
@media screen and (max-width: 960px) {
/*--------------------------------------------*/

/* カラム別設定 */
.contents .inner .flex.c4 .item {
width: 30%;
}
.contents .inner .flex.c3 .item {
width: 30%;
}
.contents .inner .flex.c2 .item {
}
}

/*--------------------------------------------*/
@media screen and (max-width: 720px) {
/*--------------------------------------------*/
.contents .inner .flex {
margin: 0 auto 40px;
}
/* カラム別設定 */
.contents .inner .flex.c4 .item {
width: 48%;
font-size: 2.8em;
margin-bottom: 30px;
}
.contents .inner .flex.c3 .item {
width: 48%;
font-size: 2.8em;
margin-bottom: 30px;
}
.contents .inner .flex.c2 .item {
width: 100%;
font-size: 2.8em;
margin-bottom: 30px;
}
}






/* ---  セキュリティ  ----------------------------------------- */
.contents .inner p.head {
font-size: 1.2em;
line-height: 1.2;
color: #fff;
background:  rgba(116,116,116,1.00);
padding: 10px 15px 10px 15px ;
}
.contents .inner .security {
padding: 20px;
margin: 0 auto 30px;
/* border: 1px solid  rgba(116,116,116,1.00); */
background: #fff;

}
.contents .inner .security dl dd {
font-size: 14px;
line-height: 1.6;
letter-spacing: -0.01em;
text-align: justify;
text-justify: inter-ideograph;
}



/*--------------------------------------------*/
@media screen and (max-width: 720px) {
/*--------------------------------------------*/
/* セキュリティ */
.contents .inner p.head {
font-size: 2.8em;
padding: 10px 15px 10px 15px ;
}
.security-sp{
background: #fff;
padding: 10px;
}
}





/* ---  構造  ----------------------------------------- */
/* マンションセキュリティ */
.contents .inner .security#security-01 dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.contents .inner .security#security-01 dl dt {
text-align: center;
}
.contents .inner .security#security-01 dl dd {
margin-bottom: 20px;
}

/* 近鉄セーフティ24 */
.contents .inner .security#security-02 dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.contents .inner .security#security-02 dl dd {
width: 370px;
flex-shrink: 0;
}
.contents .inner .security#security-02 dl dd span.subimg {
text-align: center;
display: block;
padding-top: 20px;
}

/* ディンプルキー */
.contents .inner .flex .item#security-12 {
width: 454px;
padding: 30px 30px 30px 20px;
margin: 0;
border: 1px solid  rgba(116,116,116,1.00);;
background: #fff;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: start;
align-self: flex-start;
}
.contents .inner .flex .item#security-12 figure {
width: 160px;
flex-shrink: 0;
}
.contents .inner .flex .item#security-12 figure figcaption.lb {
left: 15px;
}

/* 住宅性能表示制度 */
.contents .inner .flex.c3 .item#structure-10 {
width: 100%;
padding: 30px;
margin: 0;
border: 1px solid  rgba(116,116,116,1.00);
background: #fff;
box-sizing: border-box;
}
.contents .inner .flex.c3 .item#structure-10 dl dt {
text-align: center;
margin: 0 auto 20px;
}
.contents .inner .flex.c3 .item#structure-10 dl dd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contents .inner .flex.c3 .item#structure-10 dl dd figure {
width: 302px;
margin-left: 20px;
margin-right: 0;
margin-bottom: 0;
flex-shrink: 0;
}


/*--------------------------------------------*/
@media screen and (max-width: 720px) {
/*--------------------------------------------*/

/* 構造 */
.structure{
background: #fff;
padding: 10px;
}


/* マンションセキュリティ */
.contents .inner .security#security-01 dl dd {
margin-bottom: 2.0rem;
}

/* 近鉄セーフティ24 */
.contents .inner .security#security-02 dl {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.contents .inner .security#security-02 dl dd {
width: 100%;
margin-bottom: 2.0rem;
}
.contents .inner .security#security-02 dl dd span.subimg {
width: 30.0rem;
padding-top: 2.0rem;
margin: 0 auto 30px;
}

/* ディンプルキー */
.contents .inner .flex .item#security-12 {
width: 100%;
padding: 3.0rem 3.0rem 3.0rem 2.0rem;
display: -webkit-box;
display: -ms-flexbox;
display: block;
}
.contents .inner .flex .item#security-12 figure {
width: 50%;
margin-right: 2.0rem;
margin-bottom: 0;
margin: 0 auto;
}
.contents .inner .flex .item#security-12 figure figcaption.lb {
left: 15px;
}

/* 2F以上 */
.contents .inner .flex.c1 .item#emergency-01 {
padding: 3.0rem;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.contents .inner .flex.c1 .item#emergency-01 figure {
width: 100%;
margin: 0 auto;
}
.contents .inner .flex.c1 .item#emergency-01 dl {
margin-bottom: 2.0rem;
}
.contents .inner .flex.c1 .item#emergency-01 dl dt br {
display: none;
}

/* 住宅性能表示制度 */
.contents .inner .flex.c3 .item#structure-10 {
padding: 3.0rem;
}
.contents .inner .flex.c3 .item#structure-10 dl dt {
line-height: 1.2;
margin: 0 auto 2.0rem;
}
.contents .inner .flex.c3 .item#structure-10 dl dd {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contents .inner .flex.c3 .item#structure-10 dl dd p {
margin-bottom: 2.0rem;
}
.contents .inner .flex.c3 .item#structure-10 dl dd figure {
width: 51.9rem;
max-width: 346px;
margin: 0 auto;
}
.mb30sp {
margin-bottom: 3.0rem !important;
}
}




.fadeup{
opacity: 1;
transform: translateY(0px);
}