@-moz-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-moz-keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.about-top .mv{background:url(/common/img/about/top/mv.jpg);background-size:cover;background-repeat:no-repeat}.about-top .main-txt{background:#eee}.about-top .main-txt .list-index{display:flex;flex-wrap:wrap;justify-content:space-between}.about-top .main-txt .list-index li{margin-bottom:3rem;width:32%;max-width:312px}.about-top .main-txt .list-index li a{display:block;width:100%;background:#fff;transition:.3s}.about-top .main-txt .list-index li a img{transition:.3s}.about-top .main-txt .list-index li a span{display:block;color:#003267;letter-spacing:2px;transition:.3s}.about-top .main-txt .list-index li a .index-name{position:relative;padding:1.6rem 1.8rem;font-size:20px}.about-top .main-txt .list-index li a .index-name:before{content:"";position:absolute;top:1.6rem;left:0;width:4px;height:3.5rem;background:#003267;transition:.3s}.about-top .main-txt .list-index li a .index-name:after{content:"";position:absolute;top:50%;left:80%;width:1.5rem;height:.5rem;border-right:solid 1px #003267;border-bottom:solid 1px #003267;transform:translateY(-50%) skewX(45deg);transition:.3s}.about-top .main-txt .list-index li a .comment{padding:0 1.6rem 1.8rem;color:#444;font-size:14px}.about-top .main-txt .list-index li a .name-small{font-size:12px}.about-top .main-txt .list-index li a:hover{background:#003267}.about-top .main-txt .list-index li a:hover img{opacity:.7}.about-top .main-txt .list-index li a:hover span{color:#fff}.about-top .main-txt .list-index li a:hover .index-name:before{background:#fff}.about-top .main-txt .list-index li a:hover .index-name:after{border-color:#fff}.about-top .main-txt .list-index li:nth-child(4){margin-bottom:0}.about-top .main-txt .list-index .sp{display:none}@media only screen and (max-width: 960px){.about-top .main-txt .list-index li a .index-name{padding:1.6rem 1.2rem}.about-top .main-txt .list-index li a .comment{padding:0 1.2rem 1.8rem;letter-spacing:1px}}@media only screen and (max-width: 870px){.about-top .main-txt .list-index li a{height:18rem}.about-top .main-txt .list-index li a .index-name{font-size:18px}.about-top .main-txt .list-index li a .name-small{font-size:12px}.about-top .main-txt .list-index li a .comment{font-size:12px}}@media only screen and (max-width: 750px){.about-top .mv{background:url(/common/img/about/top/sp-mv.jpg);background-size:cover}.about-top .main-txt .list-index li{width:48%}.about-top .main-txt .list-index li a{height:100%}.about-top .main-txt .list-index li a .index-name{padding:1.2rem 1.5rem;font-size:24px}.about-top .main-txt .list-index li a .index-name:before{top:1.2rem}.about-top .main-txt .list-index li a .index-name:after{width:2rem}.about-top .main-txt .list-index li a .name-small{font-size:18px}.about-top .main-txt .list-index li a .comment{padding:0 1.2rem 1.5rem;font-size:20px}.about-top .main-txt .list-index li:nth-child(4){margin-bottom:3rem}.about-top .main-txt .list-index .pc{display:none}.about-top .main-txt .list-index .sp{display:inline-block}}@media only screen and (max-width: 600px){.about-top .main-txt .list-index li a .index-name{font-size:20px}.about-top .main-txt .list-index li a .comment{font-size:16px}.about-top .main-txt .list-index li a .name-small{font-size:14px}}@media only screen and (max-width: 500px){.about-top .main-txt .list-index li a .index-name{padding:1.2rem 1rem;font-size:18px}.about-top .main-txt .list-index li a .index-name:before{top:1.2rem}.about-top .main-txt .list-index li a .index-name:after{width:1.5rem}.about-top .main-txt .list-index li a .comment{padding:0 1rem 1.2rem;font-size:14px}.about-top .main-txt .list-index li a .name-small{font-size:12px}}@media only screen and (max-width: 420px){.about-top .main-txt .list-index li a .index-name{font-size:17px}.about-top .main-txt .list-index li a .comment{font-size:13px}.about-top .main-txt .list-index li a .name-small{font-size:11px}}@media only screen and (max-width: 375px){.about-top .main-txt .list-index li a span{letter-spacing:1px}.about-top .main-txt .list-index li a .index-name{padding:1rem .8rem;font-size:17px}.about-top .main-txt .list-index li a .index-name:before{top:1rem}.about-top .main-txt .list-index li a .index-name:after{left:82%;width:1rem;height:5px}.about-top .main-txt .list-index li a .comment{padding:0 .8rem 1rem;font-size:13px}.about-top .main-txt .list-index li a .name-small{font-size:11px}}@media only screen and (max-width: 320px){.about-top .main-txt .list-index li a .index-name{padding:.8rem;font-size:14px}.about-top .main-txt .list-index li a .index-name:before{top:.8rem}.about-top .main-txt .list-index li a .comment{padding:0 .8rem .8rem;font-size:10px}.about-top .main-txt .list-index li a .name-small{font-size:8px}}