@charset "UTF-8";main{padding-bottom:0}.con-list-feature{margin-top:45px;padding-top:100px;padding-bottom:116px;border-bottom:1px solid #ded2b5;background-color:#2f374f}@media screen and (max-width:767px){.con-list-feature{margin-top:25px;padding-top:50px}}.con-list-feature>.inner{width:73.6111111111%;margin-inline:auto}@media only screen and (max-width:1200px){.con-list-feature>.inner{width:84%}}@media screen and (max-width:999px){.con-list-feature>.inner{width:88%}}@media screen and (max-width:600px){.con-list-feature>.inner{width:74.6666666667%}}.con-list-feature>.inner .box-list-feature .items-feature{display:flex;flex-wrap:wrap}@media screen and (max-width:600px){.con-list-feature>.inner .box-list-feature .items-feature{display:block}}.con-list-feature>.inner .box-list-feature .items-feature .item{margin-bottom:48px;width:calc((100% - 180px) / 4)}@media only screen and (max-width:1200px){.con-list-feature>.inner .box-list-feature .items-feature .item{width:calc((100% - 120px) / 4)}}@media screen and (max-width:999px){.con-list-feature>.inner .box-list-feature .items-feature .item{width:calc((100% - 75px) / 4)}}@media screen and (max-width:767px){.con-list-feature>.inner .box-list-feature .items-feature .item{margin-bottom:45px;width:calc((100% - 30px) / 2)}}@media screen and (max-width:600px){.con-list-feature>.inner .box-list-feature .items-feature .item{width:100%}}.con-list-feature>.inner .box-list-feature .items-feature .item:not(:nth-child(4n)){margin-right:60px}@media only screen and (max-width:1200px){.con-list-feature>.inner .box-list-feature .items-feature .item:not(:nth-child(4n)){margin-right:40px}}@media screen and (max-width:999px){.con-list-feature>.inner .box-list-feature .items-feature .item:not(:nth-child(4n)){margin-right:25px}}@media screen and (max-width:767px){.con-list-feature>.inner .box-list-feature .items-feature .item:not(:nth-child(4n)){margin-right:0}}@media screen and (max-width:767px){.con-list-feature>.inner .box-list-feature .items-feature .item:not(:nth-child(2n)){margin-right:30px}}@media screen and (max-width:600px){.con-list-feature>.inner .box-list-feature .items-feature .item:not(:nth-child(2n)){margin-right:0}}.con-list-feature>.inner .box-list-feature .items-feature .item a{display:block}@media screen and (min-width:1200px){.con-list-feature>.inner .box-list-feature .items-feature .item a:hover{opacity:1}.con-list-feature>.inner .box-list-feature .items-feature .item a:hover .block-image .image img{transform:translateY(-50%) translateX(-50%) scale(1.05)}.con-list-feature>.inner .box-list-feature .items-feature .item a:hover .block-detail p.txt-title{color:#FFCC30}}.con-list-feature>.inner .box-list-feature .items-feature .item a .block-image{padding:1px;position:relative;z-index:2}.con-list-feature>.inner .box-list-feature .items-feature .item a .block-image:before{content:"";display:block;position:absolute;z-index:2;top:calc(50% + 0px);left:calc(50% + 0px);transform:translateY(-50%) translateX(-50%);width:100%;height:100%;background:url(../img/common/frame_feature.svg) center center no-repeat;background-size:contain;transition:0.35s cubic-bezier(0,0.98,0.58,0.98)}.con-list-feature>.inner .box-list-feature .items-feature .item a .block-image .image{position:relative;overflow:hidden;aspect-ratio:220/220;clip-path:url(#mask_feature)}.con-list-feature>.inner .box-list-feature .items-feature .item a .block-image .image img{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);width:100%;height:100%;object-fit:cover;object-position:center center;transition:0.9s cubic-bezier(0,0.98,0.58,0.98)}.con-list-feature>.inner .box-list-feature .items-feature .item a .block-detail{margin-top:25px}@media screen and (max-width:767px){.con-list-feature>.inner .box-list-feature .items-feature .item a .block-detail{margin-top:20px}}.con-list-feature>.inner .box-list-feature .items-feature .item a .block-detail p.txt-title{font-size:1.7rem;color:#F5F2EA;line-height:1.46;letter-spacing:0.04em;text-align:center;transition:0.35s cubic-bezier(0,0.98,0.58,0.98)}@media screen and (max-width:767px){.con-list-feature>.inner .box-list-feature .items-feature .item a .block-detail p.txt-title{letter-spacing:0em}}.con-list-feature .style-btn-more01{margin-top:84px}@media screen and (max-width:767px){.con-list-feature .style-btn-more01{margin-top:75px}}@media screen and (max-width:767px){.con-list-feature .style-btn-more01 a{max-width:335px}}
/*# sourceMappingURL=list_feature.css.map */