@charset "utf-8";
/* CSS Document */
/* 3 */
/* 2 */
/* 1 */
.proshowa h1 {font-family:youyuan,youda;}
.ms {margin:5% auto;}
.ms>div:nth-child(1) {background:#f4f4f4;}
.ms>div:nth-child(2) {background:#d0d0d0;}
.ms h1 {color:#0b0b0b;font-size:1.25rem;margin:16px 0;transition:.5s;}
.ms p {color:#5d5d5d;line-height:1.75;transition:.5s;}
.ms span {display:inline-block;width:24px;height:4px;border-radius:48px;text-align:center;background: #f08300;transition:.5s;}
.ms ul {display:flex;flex-wrap:wrap}
.ms ul li {height:400px;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;position:relative;width:33.333%;}
.ms ul li::after {content:"";height:100%;width:100%;display:block;transition:.5s;position:absolute;left:0;top:0;transition:.5s;opacity:0;}
.ms ul li::before {content:"";height:100%;width:100%;background:black;display:block;transition:.5s;position:absolute;left:0;top:0;transition:.5s;opacity:0;}
.ms ul li:hover::after {opacity:.28;}
.ms ul li:hover::before {opacity:1;}
.ms ul li:hover .msv h1 {color:white;}
.ms ul li:hover .msv p {color:white;}
.ms ul li:hover .msv span {background:#fff;opacity:20%;}
.msi {margin:5% auto;}
.msi>div:nth-child(1) {background:#f4f4f4;}
.msi>div:nth-child(1) ul li:nth-child(odd) {background:#f4f4f4;}
.msi>div:nth-child(1) ul li:nth-child(odd) h4 {color:#ff7e00;}
.msi>div:nth-child(1) ul li:nth-child(even) {background:#d0d0d0;}
.msi>div:nth-child(1) ul li:nth-child(even) h4 {color:#252525;}
.msi>div:nth-child(2) {background:#d0d0d0;}
.msi>div:nth-child(2) ul li:nth-child(odd) {background:#d0d0d0;}
.msi>div:nth-child(2) ul li:nth-child(odd) h4 {color:#252525;}
.msi>div:nth-child(2) ul li:nth-child(even) {background:#f4f4f4;}
.msi>div:nth-child(2) ul li:nth-child(even) h4 {color:#ff7e00;}
.mg {margin:5% auto;background:#f4f4f4;}
.mg h1 {color:#0b0b0b;font-size:1.25rem;font-weight:bold;margin-bottom:16px;transition:.5s;}
.mg h3 {display:inline-block;color:#fff;font-size:1.125rem;font-weight:bold;background: #252525;margin-bottom:16px;padding:.25em 1em;transition:.5s;}
.mg h4 {color:#0b0b0b;font-size:1.125rem;margin:16px 0 5px;transition:.5s;}
.mg p {color:#3f3f3f;line-height:1.75;transition:.5s;padding-left:1em;}
.mg p strong {line-height:2.5;color:#252525;}
.mg ul {display:flex;flex-wrap:wrap;padding:4% 2%;}
.mg ul li {display:flex;align-items:center;}
.mg ul li:nth-child(1) {flex:0 1 30%;margin-right:4%;}
.mg ul li:nth-child(2) {flex:1;}
.psu ul li:nth-child(2) {background:#d0d0d0;}
.psu ul li:nth-child(1)::after {background:url(../img/psu01.jpg) center no-repeat;}
.psu ul li:nth-child(2)::after {background:url(../img/psu02.jpg) center no-repeat;}
.psu ul li:nth-child(3)::after {background:url(../img/psu03.jpg) center no-repeat;}
.psv ul li:nth-child(2) {background:#f4f4f4;}
.psv ul li:nth-child(1)::after {background:url(../img/psv01.jpg) center no-repeat;}
.psv ul li:nth-child(2)::after {background:url(../img/psv02.jpg) center no-repeat;}
.psv ul li:nth-child(3)::after {background:url(../img/psv03.jpg) center no-repeat;}
.psw ul {display:flex;flex-wrap:wrap;}
.psw ul li {display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;position:relative;height:300px;width:19.8%;}
.psw h4 {font-size:1.25rem;margin:16px 0;transition:.5s;}
.psw p {height:66px;font-size:95%;padding:0 5%;color:#5d5d5d;line-height:1.5;}
.psx ul li:nth-child(2) {background:#d0d0d0;}
.psx ul li:nth-child(1)::after {background:url(../img/psx01.jpg) center no-repeat;}
.psx ul li:nth-child(2)::after {background:url(../img/psx02.jpg) center no-repeat;}
.psx ul li:nth-child(3)::after {background:url(../img/psx03.jpg) center no-repeat;}
.psy ul li:nth-child(2) {background:#f4f4f4;}
.psy ul li:nth-child(1)::after {background:url(../img/psy01.jpg) center no-repeat;}
.psy ul li:nth-child(2)::after {background:url(../img/psy02.jpg) center no-repeat;}
.psy ul li:nth-child(3)::after {background:url(../img/psy03.jpg) center no-repeat;}
.psz {background:url(../img/psz.jpg) center fixed no-repeat;}
.ms ul li:hover h1 {color:white;}
.ms ul li:hover p {color:white;}
.msv {position:relative;z-index:2;transition:.5s;bottom:0;}
.ms ul li:hover .msv {bottom:120px;transition:.5s;}
.ma {}
.ma h2 {text-align:center;line-height:2;font-size:2rem;color:#2b2b2b;}
.ma h3 {display:inline-block;color:#fff;font-size:1.25rem;font-weight:bold;background: #252525;padding:.5em 1em;transition:.5s;}
.ma h4 {font-size:2rem;font-weight: bold;margin-bottom:2rem;text-align:center;color:#2b2b2b;}
.ma p {margin:2em auto 3em;line-height:1.75;font-size:1.125rem;color:#252525;font-family:'Nexa',-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;}
.ma a {display:block;width:12%;height:42px;margin:-1em auto 0;text-align:center;line-height:40px;font-size:1.125rem;color:#f08300;border:1px solid #f08300;}
.ma a:hover {color:#fff;background:#f08300;cursor:pointer;transition:0.5s;}
.tesa {width:100%;overflow-y:auto;_overflow:auto;margin:0 auto;}
.tesa table {width:98%;margin:auto;border:0;border-collapse:collapse;}
.tesa table th {vertical-align:middle;border:1px solid #fefefe;padding:.5em;text-align:center;font-size:1rem;}
.tesa table th:first-child {border-left:0;}
.tesa table th:last-child {border-right:0;}
.tesa table td {vertical-align:middle;border:1px solid #fefefe;padding:1em;text-align:center;font-size:1rem;color:#252525;}
.tesa table td:first-child {border-right:1px solid #fafafa;}
.tesa table tr:nth-child(odd) {background:#f5f5f5;}
.tesa table tr:nth-child(even) {background:#d0d0d0;}
.teriri table tr {border:1px solid #f5f5f5;}
.teriri table tr:nth-child(-n+2) {background:#484848;font-weight:bold;color:#fff;}
.teriri table tr:nth-child(3) {border-top:3px solid #f08300;}
.tesra table th {background:#484848;font-weight:bold;color:#fff;}
.gym {width:95%;max-width:1200px;margin: 0 auto;}
.nypd {padding:5% 0;}
@media screen and (max-width: 900px){ 
.ms>div:nth-child(1), .ms>div:nth-child(2) {background:none;}
.ms ul li {height:300px;width:100%;margin-bottom:1%;}
.ms ul li::after {opacity:1 !important;}
.ms ul li::before {opacity:0.5;z-index:2;}
.ms ul li:hover::before {opacity:0.5;}
.ms ul li:hover .msv {bottom:0;}
.ms h1 {font-size: 1.125rem;color:#ffffff;}
.ms p {font-size:0.875rem;color:#ffffff;}
.ms span {background:#fff;opacity:20%;}
.msi>div:nth-child(2) {background:none;}
.mg ul li {flex:1 1 100% !important;}
.psx ul li:nth-child(2) {background:none;}
.psy ul li:nth-child(2) {background:none;}
.psw ul li {height:auto;width:100%;margin-bottom:0;padding:1em 0;}
.psw p {height:auto;font-size:95%;padding:0 .5em;}
.ma h2 {line-height:1.5;font-size:1.5rem;}
.ma h4 {font-size:1.25rem;margin-bottom:1rem;}
.ma p {margin:2em auto;line-height:1.5;font-size:1rem;}
.ma a {width:100px;height:32px;margin:1em auto 2em;line-height:30px;font-size:1rem;}
.tesa table td {padding:.5em;font-size:.6rem;}
.tesa table th {font-size:.75rem;font-weight:500;}
.tesa table sp {display:block;font-size:.5rem;font-weight:500;}
.nypd {padding:1em 0;}
}