@charset "utf-8";
/* CSS Document */
.mhc-sec1 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 70px 0 0px 0; position: relative;  }
.mhc-sec1:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.mhc-sec1-box1{width: 100%; height: auto; float: left; display: block; }


.mhc-sec1-box1 h2{width: 100%; max-width: 1000px; height: auto;  display: block; padding-bottom: 30px;  font-size:28px; font-weight: 600; color: #050505; line-height: 32px; text-align: center; margin: 0 auto; }


.mhc-sec1-box1 p{width: 100%; height: auto; max-width: 1000px; display: block; padding-bottom: 30px;  font-size:16px; font-weight: 400; color: #2F2F2F; line-height: 22px;  text-align: center; margin: 0 auto;   }
.mhc-sec1-box1 figure{width: 100%; height: auto; float: left; display: block; margin-bottom: 30px;  }
.mhc-sec1-box1 figure i{width: 100%; height: auto; float: left; display: block; }
.mhc-sec1-box1 figure i img{width: 100%;}
.mhc-sec2 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 30px 0 30px 0; position: relative; background: #FFF5FB;  }
.mhc-sec2:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.mhc-sec2-box1{width: 100%; height: auto; float: left; display: block; }
.mhc-sec2-box1 aside{width: 50%; height: auto; float: left; display: block; padding-right: 3%; }
.mhc-sec2-box1 p {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    padding-bottom: 50px;
    font-size: 22px;
    font-weight: 300;
    color: #050505;
    line-height: 30px;
}
.mhc-sec2-box1 figure{width: 50%; height: auto; float: left; display: block; padding-left: 3%; }
.mhc-sec2-box1 figure i{width: 100%; height: auto; float: left; display: block; }
.mhc-sec2-box1 figure i img{width: 100%;}



.mhc-sec3 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 30px 0 30px 0; position: relative;  }
.mhc-sec3:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.mhc-sec3-box1{width: 100%; height: auto; float: left; display: block; }
.mhc-sec3 h5{width: 100%; height: auto; display: block; padding-bottom: 20px;  font-size:28px; font-weight: 600; color: #050505; line-height: 32px; text-align: center; text-transform: uppercase; }
.mhc-sec3 h5 span {
  color: #D30404;
}
.mhc-sec3-box1 ul{width: 100%; height: auto; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; margin-top: 0px; padding: 0; margin-bottom: 0px;}
.mhc-sec3-box1 ul li{width:100%; height: auto; float: left; display:block;     padding: 0px 0px 0px 0px;  border-bottom: 1px solid transparent;}
.mhc-sec3-box1 ul li:nth-child(odd) { background:  #fff;}
.mhc-sec3-box1 ul li:nth-child(even) { background: #FFF5FB;  }
.mhc-sec3-box1 ul li aside{width: 96%; max-width: 1300px; height: 100%; padding: 30px 0; margin: 0 auto;  position: relative; }
.mhc-sec3-box1 ul li aside:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.mhc-sec3-box1 ul li aside span{ width: 50px; height: 100%;float: left;   font-size: 20px; font-weight: 700; color: #000; line-height: 20px;}
.mhc-sec3-box1 ul li aside small{ width: 50px; height: auto;float: left; display: flex; align-items: center; }
.mhc-sec3-box1 ul li aside small img{ width: 100%;}
.mhc-sec3-box1 ul li aside article{ width: calc(100% - 100px); height: 100%; float: left; display: block; padding-left: 20px;}
.mhc-sec3-box1 ul li aside article:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.mhc-sec3-box1 ul li aside article h2{width: 100%; height: auto; float: left; display: block; padding-bottom: 7px; box-sizing: border-box;  font-size:22px; font-weight: 600; color: #050505; line-height: 28px; }
.mhc-sec3-box1 ul li aside article p{width: 100%; height: auto; float: left; display: block;  box-sizing: border-box;  font-size: 16px; font-weight: 400; color: #262626; line-height: 22px; }




section.anyatama_spotlight_box {
  padding: 0px 0px; 
}
.anyatama_tab_top_box h2{ width: auto; margin: 0 auto 30px; display: table; font-size: 28px; text-transform: uppercase; }
.anyatama_tab_top_box h2 span {
  color: #D30404;
}
.anyatama_tab_inner_box ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 33.333%; 
}

 
.anyatama_tab_inner_box {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}



    .anyatama_tab_inner_boxwrap {
      display: none;
    }

    .anyatama_tab_inner_boxwrap.show {
      display: block;
    }
.loadwrap{float: left; width: 100%; margin: 15px 0 0; text-align: center; font-size: 12px;}
.loadwrap a{text-decoration: none !important;}
.loadwrap i{display: block}
    #loadlessBtn, #loadlessBtn2 {
      display: none;
    }


.anyatama_tab_inner_box ul li {
  position: relative;
  margin-bottom: 16px;
  background: #22253D;
  border-radius: 10px;
}

.anyatama_tab_inner_box ul li a {
  display: block;
}

.magnifyin_icon {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.gallery_box .transition.plant {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  object-fit: cover;
  height: 100%;
}

.gallery_box .transition.plant img {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  object-fit: cover;
  height: 100%;
}

.anyatama_tab_inner_box ul li:nth-child(odd) {
  height: 205px;
}

.anyatama_tab_inner_box ul li:nth-child(even) {
  height: 424px;
}
.anyatama_tab_inner_box ul.sec li:nth-child(even) {
  height: 424px;
}

.anyatama_tab_inner_box ul.sec li:nth-child(odd) {
  height: 424px;
}
.gallery_box {
  height: 100%;
}

.gallery_box a {
  height: 100%;
}

#dsk_thumb{display: block}
#mob_thumb{display: none}

@media screen and (max-width:800px){
.mhc-sec2-box1 aside {width: 100%;   padding-right: 0%;}
.mhc-sec2-box1 figure {
    width: 100%;padding-left: 0%;}
}
@media screen and (max-width: 680px) {
    .anyatama_tab_inner_box ul {
        width: 100%;
    }
    .anyatama_tab_inner_box {
        gap: 0px;
    }
        .anyatama_tab_inner_box {
        flex-wrap: wrap;
    }
}
@media screen and (max-width:500px){
	
	
}
@media screen and (max-width:479px){
	
}