main{margin-bottom:2rem;box-sizing:border-box;& p{margin-bottom:1em}& hr{margin:2em 0;border:dashed 1px #999}}@media screen and (min-width:767px){main{}}@media screen and (max-width:767px){main{padding:6vw}}.notomin{font-family:'Noto Serif JP', serif}.heading_1{font-weight:bold;font-size:2.5rem;margin:0 0 1.5rem}.heading_2{font-size:1.5rem;font-weight:bold;margin:2em 0 1em;&[data-no]{padding:0 0 0 1.5em;position:relative;&:before{content:attr(data-no)'.';position:absolute;left:0}}}.heading_3{font-size:1.1rem;font-weight:bold;margin:1em 0 .5em;&[data-no]{padding:0 0 0 2.25em;position:relative;&:before{content:'（'attr(data-no)'）';position:absolute;left:-.5em}}&:not([data-no]){padding-left:1.5em;position:relative;&:before{content:'◆';position:absolute;left:0}}}.heading_4{margin:0 0 1rem;font-weight:bold;border-bottom:solid 1px #999}@media screen and (max-width:767px){.heading_1{font-size:8vw;margin:0 0 1rem;text-align:center}}.box_fff{border:0;& [class^="heading_"]:first-child{margin-top:0}}@media screen and (min-width:767px){.box_fff{padding:40px}}td{background:#fff}@media screen and (max-width:767px){.x_scroll{overflow-x:scroll;& td{min-width:150px}}}section{color:#fff}[class^="box_about_"]{& a.button{border:solid 1px #fff}}@media screen and (min-width:767px){[class^="box_about_"]{padding:5% 45% 5% 0%}.box_about_1{background:linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0) 100%), url(https://compe.piano.or.jp/assets/tokkyuspecial_img6-1.jpg) right center no-repeat;background-size:contain}.box_about_2{background:linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0) 100%), url("https://tokkyu.piano.or.jp/assets/img/piano.webp") right center no-repeat;background-size:contain}}@media screen and (max-width:767px){[class^="box_about_"]{margin:0 -6vw 0;padding:6vw 6vw 150px 6vw}.box_about_1{background:linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0) 100%), url(https://compe.piano.or.jp/assets/tokkyuspecial_img6-1.jpg) bottom center no-repeat;background-size:contain}.box_about_2{background:linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0) 100%), url("https://tokkyu.piano.or.jp/assets/img/piano.webp") bottom center no-repeat;background-size:contain}}.card{display:block;background:#fff;transition:.3s;padding:1rem;font-weight:bold;&:hover{text-decoration:none;background:#fee;filter:drop-shadow(0 0 5px rgba(255, 255, 255, .8))}& img{aspect-ratio:600/315;object-fit:cover;margin:0 0 .5rem}}.list_news{font-size:.9rem;margin:0 0 1rem;padding:0;& li{list-style:none;padding:0;margin:0;& a{display:block;background:#fff;margin-bottom:1px;transition:.3s;&:hover{background:#fee;text-decoration:none}}}}@media screen and (min-width:767px){.list_news{& li{& a{padding:.5em;position:relative;transition:.3s;padding-left:7em;&:before{content:attr(data-date);position:absolute;left:1em}}}}}@media screen and (max-width:767px){.list_news{font-size:3.5vw;& li{& a{padding:.5em 1em;transition:.3s;line-height:1.5;&:before{content:attr(data-date);font-size:90%;color:#666;display:block}}}}}.box_bottomlogo{background:#fff;padding:1.5rem 1rem 1rem;color:#666;text-align:center;font-weight:bold}#koen .col{line-height:1}.bottom_bannerlogo{max-width:200px;aspect-ratio:4/1;object-fit:contain}.header_contestant{& img{aspect-ratio:1/1.2;object-fit:cover;object-position:left top}}@media screen and (min-width:767px){.logo{position:relative;background-size:cover;margin-bottom:2rem;opacity:0;animation:fadeIn 4s forwards}.ttl{margin:0 auto 0;max-width:800px;animation:fadeIn 5s forwards}.header_contestant{padding:1rem;max-width:1200px;margin:0 auto 2rem}}@media screen and (max-width:767px){.logo{position:relative;background-size:cover;height:80vh;opacity:0;animation:fadeIn 4s forwards;display:grid;place-content:center}.ttl{margin:0 auto;max-width:600px;width:100%;animation:fadeIn 5s forwards}.header_contestant{padding:5vw 5vw}}@media screen and (min-width:767px){.pc_none{display:none}}@media screen and (max-width:767px){.tap_scroll{width:40%;max-width:150px;margin:0 auto;position:absolute;bottom:10px;left:30%;transform:translateX(-35%);-webkit-transform:translateX(-35%);-ms-transform:translateX(-35%);animation:floating-y 1.8s ease-in-out infinite alternate-reverse;& img{animation:fadeIn 5s forwards}}@media screen and (max-width:375px){.logo{place-content:start;height:95vh}.tap_scroll{bottom:0}}@keyframes floating-y{0%{transform:translateY(-5%)}100%{transform:translateY(5%)}}}.box_bottomlogo{&:before{content:'主催・後援';display:block;background:#900;color:#fff;padding:.25em;margin:-1.5rem -1rem 1rem}}.bottom_bannerlogo{background:#fff;padding:.5rem}.banner_breakingnews{max-width:800px;margin:2rem auto 2rem;padding-top:2rem;& img{border:solid 1px #ccc;transition:.3s;background:rgba(255, 255, 255, .1);&:hover{border:solid 1px #fff;background:rgba(255, 255, 255, .2)}}}.cf_banner{max-width:750px;margin:2rem auto 0}[class^="fadeIn"]{animation-name:fadeIn;animation-fill-mode:forwards;transform:translateX(-50px);opacity:0}.fadeIn1{animation-delay:.2s;animation-duration:.3s}.fadeIn2{animation-delay:.3s;animation-duration:.4s}.fadeIn3{animation-delay:.4s;animation-duration:.5s}.fadeIn4{animation-delay:.5s;animation-duration:.6s}.fadeIn5{animation-delay:.6s;animation-duration:.7s}.fadeIn6{animation-delay:.7s;animation-duration:.8s}.fadeIn7{animation-delay:.8s;animation-duration:.9s}.fadeIn8{animation-delay:.9s;animation-duration:1.0s}.fadeIn9{animation-delay:1.0s;animation-duration:1.1s}.fadeIn10{animation-delay:1.1s;animation-duration:1.2s}.fadeIn11{animation-delay:1.2s;animation-duration:1.3s}.fadeIn12{animation-delay:1.3s;animation-duration:1.4s}.fadeIn13{animation-delay:1.4s;animation-duration:1.5s}.fadeIn14{animation-delay:1.5s;animation-duration:1.6s}.fadeIn15{animation-delay:1.6s;animation-duration:1.7s}.fadeIn16{animation-delay:1.7s;animation-duration:1.8s}.fadeIn17{animation-delay:1.8s;animation-duration:1.9s}.fadeIn18{animation-delay:1.9s;animation-duration:2.0s}.fadeIn19{animation-delay:2.0s;animation-duration:2.1s}.fadeIn20{animation-delay:2.1s;animation-duration:2.2s}.fadeIn21{animation-delay:2.2s;animation-duration:2.3s}.fadeIn22{animation-delay:2.3s;animation-duration:2.4s}.fadeIn23{animation-delay:2.4s;animation-duration:2.5s}.fadeIn24{animation-delay:2.5s;animation-duration:2.6s}.fadeIn25{animation-delay:2.6s;animation-duration:2.7s}@keyframes fadeIn{0%{}100%{transform:translateY(0);opacity:1}}.kyosanlogo1{margin:0 auto;& img{max-width:200px;margin:0 auto;aspect-ratio:3/1;object-fit:contain}}.kyosanlogo2{& img{max-width:400px;margin:0 auto;aspect-ratio:3/1;object-fit:contain}}.cf_banner{max-width:600px}