@charset "utf-8";

.material{display: flex;flex-direction: row;}
.material_read{margin-top: 20px;margin-right:2%;}
.material_img{margin-top: 20px;/* display: flex;justify-content: space-between; */}
.material_img li{width: 31.25%;animation-name: fadeIn;}
.material_img li:nth-of-type(2){animation-delay: 0.2s;}
.material_img li:nth-of-type(3){animation-delay: 0.4s;}
.material_img li .note{margin-top: 5px;}

.e_approach_img{margin-top: 30px;animation-name: fadeIn;}
.e_approach_img img{width: 100%;}

.appearance_img{margin-top: 80px;animation-name: fadeIn;}
.appearance_tit{font-size: 32px;position: absolute;right: 24%;top: 15%;}
.appearance_img img{width: 100%;}

.lounge_img{margin-top: 30px;animation-name: fadeIn;}


@media screen and (max-width: 768px) {

.material{display: block;}

.material_img{margin-top: 10px;}
.material_img li{width: 33%;}
.material_img li:nth-of-type(2){animation-delay: 0.2s;}
.material_img li:nth-of-type(3){animation-delay: 0.4s;}
.material_img li .note{margin-top: 3px;}

.e_approach_img{margin-top: 20px;}

.appearance_img{margin-top: 40px;}
/* .appearance_img{margin-top: 40px;overflow: hidden;height: 250px;}
.appearance_img img{width: auto;transform: translateX(-50%);left: 50%;max-width: none;height: 250px;} */
.appearance_tit{font-size: 16px;right: 5px;top: 15%;text-align: center;text-shadow: 0 0 5px #cfbcda,0 0 5px #cfbcda,0 0 5px #cfbcda,0 0 5px #cfbcda,0 0 5px #cfbcda;}

.lounge_img{margin-top: 20px;}

}


#landplan{padding: 50px 0;background: url("../img/design/landplan_bk.jpg") top center/cover;margin-top: 80px;}
#landplan .page_tit02{width: 550px;margin: 0 auto;}

#landplan .item_tit{margin-top: 30px;}
.landplan_item{margin-top: 30px;display: flex;justify-content: space-between;}
.landplan_item li{width: 31.25%;animation-name: fadeInUp;}
.landplan_item li:nth-of-type(2){animation-delay: 0.2s;}
.landplan_item li:nth-of-type(3){animation-delay: 0.4s;}
.landplan_item li h5{text-align: center;font-size: 16px;min-height: 70px;display: flex;justify-content: center;align-items: center;padding: 5px 0;}
.landplan_item li div{font-size: 21px;text-align: center;background: linear-gradient(to right,#7fccd7,#deedd3);padding: 7px 0 5px;}
.landplan_item li p{margin-top: 10px;font-size: 13px;}

.landplan_map{margin-top: 80px;display: flex;justify-content: space-between;}
.landplan_map dt{width: 39.1%;animation-name: fadeIn;}
.landplan_map dt .note{position: absolute;right: 10%;bottom: 7%;}
.landplan_map dd{width: 55%;animation-name: fadeIn;animation-delay: 0.2s;}
.landplan_map dd h5{font-size: 21px;}
.landplan_map dd h5:nth-of-type(n+2){margin-top: 20px;}
.landplan_map dd h5 i{font-size: 18px;display: inline-block;padding: 2px 0 0px;width: 30px;text-align: center;background-color: #23b8bc;color: #fff;margin-right: 10px;}
.landplan_map dd p{margin: 5px 0 0 40px;}

.landplan_map + .item_tit{margin-top: 80px!important;}
.landplan_map + .item_tit span{display: inline-block;}
.landplan_map + .item_tit small{font-size: 13px;display: block;text-align: right;}

.widespan_img{margin-top: 30px;animation-name: fadeIn;}



@media screen and (max-width: 768px) {
#landplan{padding: 30px 0;margin-top: 40px;}
#landplan .page_tit02{width: 280px;margin: 0 auto;}

#landplan .item_tit{margin-top: 30px;}
.landplan_item{margin-top: 20px;flex-wrap: wrap;}
.landplan_item li{width: 49%;}
.landplan_item li:nth-of-type(2){animation-delay: 0.2s;}
.landplan_item li:nth-of-type(3){animation-delay: 0s;margin-top: 20px;}
.landplan_item li h5{font-size: 13px;min-height: auto;}
.landplan_item li div{font-size: 15px;text-align: center;background: linear-gradient(to right,#7fccd7,#deedd3);padding: 7px 0 5px;}
.landplan_item li p{margin-top: 10px;font-size: 11px;}

.landplan_map{margin-top: 40px;flex-wrap: wrap;justify-content: center;}
.landplan_map dt{width: 80%;}
.landplan_map dt .note{position: absolute;right: 0%;bottom: 7%;}
.landplan_map dd{width: 100%;animation-delay: 0s;}
.landplan_map dd h5{font-size: 16px;margin-top: 15px;}
.landplan_map dd h5:nth-of-type(n+2){margin-top: 15px;}
.landplan_map dd h5 i{font-size: 15px;display: inline-block;padding: 2px 0 0px;width: 23px;text-align: center;background-color: #23b8bc;color: #fff;margin-right: 7px;}
.landplan_map dd p{margin: 5px 0 0 30px;}

.landplan_map + .item_tit{margin-top: 40px!important;}
.landplan_map + .item_tit small{font-size: 11px;}

.widespan_img{margin-top: 20px;}




}