@charset "UTF-8";
.sponly { display: block !important; }

@media screen and (min-width: 768px) { .sponly { display: none !important; } }

.pconly { display: none !important; }

@media screen and (min-width: 768px) { .pconly { display: block !important; } }

body[data-aos-duration='50'] [data-aos], [data-aos][data-aos][data-aos-duration='50'] { -webkit-transition-duration: 50ms; transition-duration: 50ms; }

body[data-aos-delay='50'] [data-aos], [data-aos][data-aos][data-aos-delay='50'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='50'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='50'].aos-animate { -webkit-transition-delay: 50ms; transition-delay: 50ms; }

body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] { -webkit-transition-duration: 100ms; transition-duration: 100ms; }

body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate { -webkit-transition-delay: 100ms; transition-delay: 100ms; }

body[data-aos-duration='150'] [data-aos], [data-aos][data-aos][data-aos-duration='150'] { -webkit-transition-duration: 150ms; transition-duration: 150ms; }

body[data-aos-delay='150'] [data-aos], [data-aos][data-aos][data-aos-delay='150'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='150'].aos-animate { -webkit-transition-delay: 150ms; transition-delay: 150ms; }

body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] { -webkit-transition-duration: 200ms; transition-duration: 200ms; }

body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate { -webkit-transition-delay: 200ms; transition-delay: 200ms; }

body[data-aos-duration='250'] [data-aos], [data-aos][data-aos][data-aos-duration='250'] { -webkit-transition-duration: 250ms; transition-duration: 250ms; }

body[data-aos-delay='250'] [data-aos], [data-aos][data-aos][data-aos-delay='250'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='250'].aos-animate { -webkit-transition-delay: 250ms; transition-delay: 250ms; }

body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] { -webkit-transition-duration: 300ms; transition-duration: 300ms; }

body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate { -webkit-transition-delay: 300ms; transition-delay: 300ms; }

body[data-aos-duration='350'] [data-aos], [data-aos][data-aos][data-aos-duration='350'] { -webkit-transition-duration: 350ms; transition-duration: 350ms; }

body[data-aos-delay='350'] [data-aos], [data-aos][data-aos][data-aos-delay='350'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='350'].aos-animate { -webkit-transition-delay: 350ms; transition-delay: 350ms; }

body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] { -webkit-transition-duration: 400ms; transition-duration: 400ms; }

body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate { -webkit-transition-delay: 400ms; transition-delay: 400ms; }

body[data-aos-duration='450'] [data-aos], [data-aos][data-aos][data-aos-duration='450'] { -webkit-transition-duration: 450ms; transition-duration: 450ms; }

body[data-aos-delay='450'] [data-aos], [data-aos][data-aos][data-aos-delay='450'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='450'].aos-animate { -webkit-transition-delay: 450ms; transition-delay: 450ms; }

body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] { -webkit-transition-duration: 500ms; transition-duration: 500ms; }

body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate { -webkit-transition-delay: 500ms; transition-delay: 500ms; }

body[data-aos-duration='550'] [data-aos], [data-aos][data-aos][data-aos-duration='550'] { -webkit-transition-duration: 550ms; transition-duration: 550ms; }

body[data-aos-delay='550'] [data-aos], [data-aos][data-aos][data-aos-delay='550'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='550'].aos-animate { -webkit-transition-delay: 550ms; transition-delay: 550ms; }

body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] { -webkit-transition-duration: 600ms; transition-duration: 600ms; }

body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate { -webkit-transition-delay: 600ms; transition-delay: 600ms; }

body[data-aos-duration='650'] [data-aos], [data-aos][data-aos][data-aos-duration='650'] { -webkit-transition-duration: 650ms; transition-duration: 650ms; }

body[data-aos-delay='650'] [data-aos], [data-aos][data-aos][data-aos-delay='650'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='650'].aos-animate { -webkit-transition-delay: 650ms; transition-delay: 650ms; }

body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] { -webkit-transition-duration: 700ms; transition-duration: 700ms; }

body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate { -webkit-transition-delay: 700ms; transition-delay: 700ms; }

body[data-aos-duration='750'] [data-aos], [data-aos][data-aos][data-aos-duration='750'] { -webkit-transition-duration: 750ms; transition-duration: 750ms; }

body[data-aos-delay='750'] [data-aos], [data-aos][data-aos][data-aos-delay='750'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='750'].aos-animate { -webkit-transition-delay: 750ms; transition-delay: 750ms; }

body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] { -webkit-transition-duration: 800ms; transition-duration: 800ms; }

body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate { -webkit-transition-delay: 800ms; transition-delay: 800ms; }

body[data-aos-duration='850'] [data-aos], [data-aos][data-aos][data-aos-duration='850'] { -webkit-transition-duration: 850ms; transition-duration: 850ms; }

body[data-aos-delay='850'] [data-aos], [data-aos][data-aos][data-aos-delay='850'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='850'].aos-animate { -webkit-transition-delay: 850ms; transition-delay: 850ms; }

body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] { -webkit-transition-duration: 900ms; transition-duration: 900ms; }

body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate { -webkit-transition-delay: 900ms; transition-delay: 900ms; }

body[data-aos-duration='950'] [data-aos], [data-aos][data-aos][data-aos-duration='950'] { -webkit-transition-duration: 950ms; transition-duration: 950ms; }

body[data-aos-delay='950'] [data-aos], [data-aos][data-aos][data-aos-delay='950'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='950'].aos-animate { -webkit-transition-delay: 950ms; transition-delay: 950ms; }

body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] { -webkit-transition-duration: 1000ms; transition-duration: 1000ms; }

body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate { -webkit-transition-delay: 1000ms; transition-delay: 1000ms; }

body[data-aos-duration='1050'] [data-aos], [data-aos][data-aos][data-aos-duration='1050'] { -webkit-transition-duration: 1050ms; transition-duration: 1050ms; }

body[data-aos-delay='1050'] [data-aos], [data-aos][data-aos][data-aos-delay='1050'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1050'].aos-animate { -webkit-transition-delay: 1050ms; transition-delay: 1050ms; }

body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] { -webkit-transition-duration: 1100ms; transition-duration: 1100ms; }

body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate { -webkit-transition-delay: 1100ms; transition-delay: 1100ms; }

body[data-aos-duration='1150'] [data-aos], [data-aos][data-aos][data-aos-duration='1150'] { -webkit-transition-duration: 1150ms; transition-duration: 1150ms; }

body[data-aos-delay='1150'] [data-aos], [data-aos][data-aos][data-aos-delay='1150'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1150'].aos-animate { -webkit-transition-delay: 1150ms; transition-delay: 1150ms; }

body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] { -webkit-transition-duration: 1200ms; transition-duration: 1200ms; }

body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate { -webkit-transition-delay: 1200ms; transition-delay: 1200ms; }

body[data-aos-duration='1250'] [data-aos], [data-aos][data-aos][data-aos-duration='1250'] { -webkit-transition-duration: 1250ms; transition-duration: 1250ms; }

body[data-aos-delay='1250'] [data-aos], [data-aos][data-aos][data-aos-delay='1250'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1250'].aos-animate { -webkit-transition-delay: 1250ms; transition-delay: 1250ms; }

body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] { -webkit-transition-duration: 1300ms; transition-duration: 1300ms; }

body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate { -webkit-transition-delay: 1300ms; transition-delay: 1300ms; }

body[data-aos-duration='1350'] [data-aos], [data-aos][data-aos][data-aos-duration='1350'] { -webkit-transition-duration: 1350ms; transition-duration: 1350ms; }

body[data-aos-delay='1350'] [data-aos], [data-aos][data-aos][data-aos-delay='1350'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1350'].aos-animate { -webkit-transition-delay: 1350ms; transition-delay: 1350ms; }

body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] { -webkit-transition-duration: 1400ms; transition-duration: 1400ms; }

body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate { -webkit-transition-delay: 1400ms; transition-delay: 1400ms; }

body[data-aos-duration='1450'] [data-aos], [data-aos][data-aos][data-aos-duration='1450'] { -webkit-transition-duration: 1450ms; transition-duration: 1450ms; }

body[data-aos-delay='1450'] [data-aos], [data-aos][data-aos][data-aos-delay='1450'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1450'].aos-animate { -webkit-transition-delay: 1450ms; transition-delay: 1450ms; }

body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] { -webkit-transition-duration: 1500ms; transition-duration: 1500ms; }

body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate { -webkit-transition-delay: 1500ms; transition-delay: 1500ms; }

body[data-aos-duration='1550'] [data-aos], [data-aos][data-aos][data-aos-duration='1550'] { -webkit-transition-duration: 1550ms; transition-duration: 1550ms; }

body[data-aos-delay='1550'] [data-aos], [data-aos][data-aos][data-aos-delay='1550'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1550'].aos-animate { -webkit-transition-delay: 1550ms; transition-delay: 1550ms; }

body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] { -webkit-transition-duration: 1600ms; transition-duration: 1600ms; }

body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate { -webkit-transition-delay: 1600ms; transition-delay: 1600ms; }

body[data-aos-duration='1650'] [data-aos], [data-aos][data-aos][data-aos-duration='1650'] { -webkit-transition-duration: 1650ms; transition-duration: 1650ms; }

body[data-aos-delay='1650'] [data-aos], [data-aos][data-aos][data-aos-delay='1650'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1650'].aos-animate { -webkit-transition-delay: 1650ms; transition-delay: 1650ms; }

body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] { -webkit-transition-duration: 1700ms; transition-duration: 1700ms; }

body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate { -webkit-transition-delay: 1700ms; transition-delay: 1700ms; }

body[data-aos-duration='1750'] [data-aos], [data-aos][data-aos][data-aos-duration='1750'] { -webkit-transition-duration: 1750ms; transition-duration: 1750ms; }

body[data-aos-delay='1750'] [data-aos], [data-aos][data-aos][data-aos-delay='1750'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1750'].aos-animate { -webkit-transition-delay: 1750ms; transition-delay: 1750ms; }

body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] { -webkit-transition-duration: 1800ms; transition-duration: 1800ms; }

body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate { -webkit-transition-delay: 1800ms; transition-delay: 1800ms; }

body[data-aos-duration='1850'] [data-aos], [data-aos][data-aos][data-aos-duration='1850'] { -webkit-transition-duration: 1850ms; transition-duration: 1850ms; }

body[data-aos-delay='1850'] [data-aos], [data-aos][data-aos][data-aos-delay='1850'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1850'].aos-animate { -webkit-transition-delay: 1850ms; transition-delay: 1850ms; }

body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] { -webkit-transition-duration: 1900ms; transition-duration: 1900ms; }

body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate { -webkit-transition-delay: 1900ms; transition-delay: 1900ms; }

body[data-aos-duration='1950'] [data-aos], [data-aos][data-aos][data-aos-duration='1950'] { -webkit-transition-duration: 1950ms; transition-duration: 1950ms; }

body[data-aos-delay='1950'] [data-aos], [data-aos][data-aos][data-aos-delay='1950'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='1950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1950'].aos-animate { -webkit-transition-delay: 1950ms; transition-delay: 1950ms; }

body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] { -webkit-transition-duration: 2000ms; transition-duration: 2000ms; }

body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate { -webkit-transition-delay: 2000ms; transition-delay: 2000ms; }

body[data-aos-duration='2050'] [data-aos], [data-aos][data-aos][data-aos-duration='2050'] { -webkit-transition-duration: 2050ms; transition-duration: 2050ms; }

body[data-aos-delay='2050'] [data-aos], [data-aos][data-aos][data-aos-delay='2050'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2050'].aos-animate { -webkit-transition-delay: 2050ms; transition-delay: 2050ms; }

body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] { -webkit-transition-duration: 2100ms; transition-duration: 2100ms; }

body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate { -webkit-transition-delay: 2100ms; transition-delay: 2100ms; }

body[data-aos-duration='2150'] [data-aos], [data-aos][data-aos][data-aos-duration='2150'] { -webkit-transition-duration: 2150ms; transition-duration: 2150ms; }

body[data-aos-delay='2150'] [data-aos], [data-aos][data-aos][data-aos-delay='2150'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2150'].aos-animate { -webkit-transition-delay: 2150ms; transition-delay: 2150ms; }

body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] { -webkit-transition-duration: 2200ms; transition-duration: 2200ms; }

body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate { -webkit-transition-delay: 2200ms; transition-delay: 2200ms; }

body[data-aos-duration='2250'] [data-aos], [data-aos][data-aos][data-aos-duration='2250'] { -webkit-transition-duration: 2250ms; transition-duration: 2250ms; }

body[data-aos-delay='2250'] [data-aos], [data-aos][data-aos][data-aos-delay='2250'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2250'].aos-animate { -webkit-transition-delay: 2250ms; transition-delay: 2250ms; }

body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] { -webkit-transition-duration: 2300ms; transition-duration: 2300ms; }

body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate { -webkit-transition-delay: 2300ms; transition-delay: 2300ms; }

body[data-aos-duration='2350'] [data-aos], [data-aos][data-aos][data-aos-duration='2350'] { -webkit-transition-duration: 2350ms; transition-duration: 2350ms; }

body[data-aos-delay='2350'] [data-aos], [data-aos][data-aos][data-aos-delay='2350'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2350'].aos-animate { -webkit-transition-delay: 2350ms; transition-delay: 2350ms; }

body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] { -webkit-transition-duration: 2400ms; transition-duration: 2400ms; }

body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate { -webkit-transition-delay: 2400ms; transition-delay: 2400ms; }

body[data-aos-duration='2450'] [data-aos], [data-aos][data-aos][data-aos-duration='2450'] { -webkit-transition-duration: 2450ms; transition-duration: 2450ms; }

body[data-aos-delay='2450'] [data-aos], [data-aos][data-aos][data-aos-delay='2450'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2450'].aos-animate { -webkit-transition-delay: 2450ms; transition-delay: 2450ms; }

body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] { -webkit-transition-duration: 2500ms; transition-duration: 2500ms; }

body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate { -webkit-transition-delay: 2500ms; transition-delay: 2500ms; }

body[data-aos-duration='2550'] [data-aos], [data-aos][data-aos][data-aos-duration='2550'] { -webkit-transition-duration: 2550ms; transition-duration: 2550ms; }

body[data-aos-delay='2550'] [data-aos], [data-aos][data-aos][data-aos-delay='2550'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2550'].aos-animate { -webkit-transition-delay: 2550ms; transition-delay: 2550ms; }

body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] { -webkit-transition-duration: 2600ms; transition-duration: 2600ms; }

body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate { -webkit-transition-delay: 2600ms; transition-delay: 2600ms; }

body[data-aos-duration='2650'] [data-aos], [data-aos][data-aos][data-aos-duration='2650'] { -webkit-transition-duration: 2650ms; transition-duration: 2650ms; }

body[data-aos-delay='2650'] [data-aos], [data-aos][data-aos][data-aos-delay='2650'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2650'].aos-animate { -webkit-transition-delay: 2650ms; transition-delay: 2650ms; }

body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] { -webkit-transition-duration: 2700ms; transition-duration: 2700ms; }

body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate { -webkit-transition-delay: 2700ms; transition-delay: 2700ms; }

body[data-aos-duration='2750'] [data-aos], [data-aos][data-aos][data-aos-duration='2750'] { -webkit-transition-duration: 2750ms; transition-duration: 2750ms; }

body[data-aos-delay='2750'] [data-aos], [data-aos][data-aos][data-aos-delay='2750'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2750'].aos-animate { -webkit-transition-delay: 2750ms; transition-delay: 2750ms; }

body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] { -webkit-transition-duration: 2800ms; transition-duration: 2800ms; }

body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate { -webkit-transition-delay: 2800ms; transition-delay: 2800ms; }

body[data-aos-duration='2850'] [data-aos], [data-aos][data-aos][data-aos-duration='2850'] { -webkit-transition-duration: 2850ms; transition-duration: 2850ms; }

body[data-aos-delay='2850'] [data-aos], [data-aos][data-aos][data-aos-delay='2850'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2850'].aos-animate { -webkit-transition-delay: 2850ms; transition-delay: 2850ms; }

body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] { -webkit-transition-duration: 2900ms; transition-duration: 2900ms; }

body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate { -webkit-transition-delay: 2900ms; transition-delay: 2900ms; }

body[data-aos-duration='2950'] [data-aos], [data-aos][data-aos][data-aos-duration='2950'] { -webkit-transition-duration: 2950ms; transition-duration: 2950ms; }

body[data-aos-delay='2950'] [data-aos], [data-aos][data-aos][data-aos-delay='2950'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='2950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2950'].aos-animate { -webkit-transition-delay: 2950ms; transition-delay: 2950ms; }

body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] { -webkit-transition-duration: 3000ms; transition-duration: 3000ms; }

body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] { -webkit-transition-delay: 0; transition-delay: 0; }

body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate { -webkit-transition-delay: 3000ms; transition-delay: 3000ms; }

body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }

body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); }

body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] { -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1); transition-timing-function: cubic-bezier(0.42, 0, 1, 1); }

body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1); transition-timing-function: cubic-bezier(0, 0, 0.58, 1); }

body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] { -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }

body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] { -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }

body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

/** Fade animations: fade fade-up, fade-down, fade-left, fade-right fade-up-right, fade-up-left, fade-down-right, fade-down-left */
[data-aos^='fade'][data-aos^='fade'] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; }

[data-aos^='fade'][data-aos^='fade'].aos-animate { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

[data-aos='fade-up'] { -webkit-transform: translate3d(0, 2.60417vw, 0); transform: translate3d(0, 2.60417vw, 0); }

[data-aos='fade-down'] { -webkit-transform: translate3d(0, -2.60417vw, 0); transform: translate3d(0, -2.60417vw, 0); }

[data-aos='fade-right'] { -webkit-transform: translate3d(-2.60417vw, 0, 0); transform: translate3d(-2.60417vw, 0, 0); }

[data-aos='fade-left'] { -webkit-transform: translate3d(2.60417vw, 0, 0); transform: translate3d(2.60417vw, 0, 0); }

[data-aos='fade-up-right'] { -webkit-transform: translate3d(-2.60417vw, 2.60417vw, 0); transform: translate3d(-2.60417vw, 2.60417vw, 0); }

[data-aos='fade-up-left'] { -webkit-transform: translate3d(2.60417vw, 2.60417vw, 0); transform: translate3d(2.60417vw, 2.60417vw, 0); }

[data-aos='fade-down-right'] { -webkit-transform: translate3d(-2.60417vw, -2.60417vw, 0); transform: translate3d(-2.60417vw, -2.60417vw, 0); }

[data-aos='fade-down-left'] { -webkit-transform: translate3d(2.60417vw, -2.60417vw, 0); transform: translate3d(2.60417vw, -2.60417vw, 0); }

/** Zoom animations: zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right */
[data-aos^='zoom'][data-aos^='zoom'] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; }

[data-aos^='zoom'][data-aos^='zoom'].aos-animate { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }

[data-aos='zoom-in'] { -webkit-transform: scale(0.6); transform: scale(0.6); }

[data-aos='zoom-in-up'] { -webkit-transform: translate3d(0, 2.60417vw, 0) scale(0.6); transform: translate3d(0, 2.60417vw, 0) scale(0.6); }

[data-aos='zoom-in-down'] { -webkit-transform: translate3d(0, -2.60417vw, 0) scale(0.6); transform: translate3d(0, -2.60417vw, 0) scale(0.6); }

[data-aos='zoom-in-right'] { -webkit-transform: translate3d(-2.60417vw, 0, 0) scale(0.6); transform: translate3d(-2.60417vw, 0, 0) scale(0.6); }

[data-aos='zoom-in-left'] { -webkit-transform: translate3d(2.60417vw, 0, 0) scale(0.6); transform: translate3d(2.60417vw, 0, 0) scale(0.6); }

[data-aos='zoom-out'] { -webkit-transform: scale(1.2); transform: scale(1.2); }

[data-aos='zoom-out-up'] { -webkit-transform: translate3d(0, 2.60417vw, 0) scale(1.2); transform: translate3d(0, 2.60417vw, 0) scale(1.2); }

[data-aos='zoom-out-down'] { -webkit-transform: translate3d(0, -2.60417vw, 0) scale(1.2); transform: translate3d(0, -2.60417vw, 0) scale(1.2); }

[data-aos='zoom-out-right'] { -webkit-transform: translate3d(-2.60417vw, 0, 0) scale(1.2); transform: translate3d(-2.60417vw, 0, 0) scale(1.2); }

[data-aos='zoom-out-left'] { -webkit-transform: translate3d(2.60417vw, 0, 0) scale(1.2); transform: translate3d(2.60417vw, 0, 0) scale(1.2); }

/** Slide animations */
[data-aos^='slide'][data-aos^='slide'] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

[data-aos^='slide'][data-aos^='slide'].aos-animate { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

[data-aos='slide-up'] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

[data-aos='slide-down'] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }

[data-aos='slide-right'] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

[data-aos='slide-left'] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

/** Flip animations: flip-left, flip-right, flip-up, flip-down */
[data-aos^='flip'][data-aos^='flip'] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

[data-aos='flip-left'] { -webkit-transform: perspective(325.52083vw) rotateY(-100deg); transform: perspective(325.52083vw) rotateY(-100deg); }

[data-aos='flip-left'].aos-animate { -webkit-transform: perspective(325.52083vw) rotateY(0); transform: perspective(325.52083vw) rotateY(0); }

[data-aos='flip-right'] { -webkit-transform: perspective(325.52083vw) rotateY(100deg); transform: perspective(325.52083vw) rotateY(100deg); }

[data-aos='flip-right'].aos-animate { -webkit-transform: perspective(325.52083vw) rotateY(0); transform: perspective(325.52083vw) rotateY(0); }

[data-aos='flip-up'] { -webkit-transform: perspective(325.52083vw) rotateX(-100deg); transform: perspective(325.52083vw) rotateX(-100deg); }

[data-aos='flip-up'].aos-animate { -webkit-transform: perspective(325.52083vw) rotateX(0); transform: perspective(325.52083vw) rotateX(0); }

[data-aos='flip-down'] { -webkit-transform: perspective(325.52083vw) rotateX(100deg); transform: perspective(325.52083vw) rotateX(100deg); }

[data-aos='flip-down'].aos-animate { -webkit-transform: perspective(325.52083vw) rotateX(0); transform: perspective(325.52083vw) rotateX(0); }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html { overflow-y: scroll; }

body { font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; background: #fcfcfc; }

.mincho { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

h1, h2, h3, h4, h5, h6, p, ul { margin: 0; padding: 0; }

#loading { width: 100vw; height: 100vh; position: fixed; z-index: 99; top: 0; left: 0; background-color: #fff; }

#loading .img { margin: 0 auto; }

#loading .img.loading1 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/loading1.png"); width: 70.83333vw; height: 19.40104vw; }

@media screen and (min-width: 768px) { #loading .img.loading1 { background-image: url("../img/pc/loading1.png"); } }

@media screen and (min-width: 768px) { #loading .img.loading1 { width: 986px; height: 95px; max-width: 100% !important; } }

#loading .img.loading2 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/loading2.png"); width: 72.39583vw; height: 24.21875vw; }

@media screen and (min-width: 768px) { #loading .img.loading2 { background-image: url("../img/pc/loading2.png"); } }

@media screen and (min-width: 768px) { #loading .img.loading2 { width: 986px; height: 95px; max-width: 100% !important; } }

#loading .img.loading3 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/loading3.png"); width: 75.13021vw; height: 20.05208vw; }

@media screen and (min-width: 768px) { #loading .img.loading3 { background-image: url("../img/pc/loading3.png"); } }

@media screen and (min-width: 768px) { #loading .img.loading3 { width: 986px; height: 95px; max-width: 100% !important; } }

#loading .img.loading4 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/loading4.png"); width: 86.45833vw; height: 21.09375vw; }

@media screen and (min-width: 768px) { #loading .img.loading4 { background-image: url("../img/pc/loading4.png"); } }

@media screen and (min-width: 768px) { #loading .img.loading4 { width: 986px; height: 95px; max-width: 100% !important; } }

#loading #loading_lottie { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20%; }

@media screen and (min-width: 768px) { #loading #loading_lottie { width: 100px; } }

#loading #opening { display: none; width: 100vw; height: 100vh; }

@media screen and (min-width: 768px) { #loading #opening { width: 100%; height: 100vh; } }

#loading #opening #opening_lottie_pc, #loading #opening #opening_lottie_sp { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100vw; height: 100vh; }

@media screen and (min-width: 768px) { #loading #opening #opening_lottie_pc, #loading #opening #opening_lottie_sp { width: 100%; height: 100vh; } }

#loading #bar { display: none; width: 100vw; height: 0.26042vw; margin: 1.30208vw; }

@media screen and (min-width: 768px) { #loading #bar { height: 1px; } }

body { overflow: hidden; }

@media screen and (min-width: 768px) { #top { min-width: 1060px; } }

#top .txt_gold1 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/txt_gold1.png"); width: 70.3125vw; height: 13.02083vw; margin: 3.25521vw auto 6.51042vw; }

@media screen and (min-width: 768px) { #top .txt_gold1 { background-image: url("../img/pc/txt_gold1.png"); } }

@media screen and (min-width: 768px) { #top .txt_gold1 { width: 759px; height: 34px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top .txt_gold1 { margin: 30px auto 30px; } }

#top #upinfo { overflow: hidden; margin-bottom: 10.41667vw; }

@media screen and (min-width: 768px) { #top #upinfo { margin-bottom: 80px; } }

#top #upinfo a { display: block; float: right; background: #d3b572; color: #1e1d1d; width: 65.10417vw; height: 6.25vw; line-height: 6.25vw; text-align: left; font-size: 3.64583vw; font-weight: bold; padding-left: 0.5em; text-decoration: none; }

@media screen and (min-width: 768px) { #top #upinfo a { width: 500px; height: 48px; line-height: 48px; font-size: 28px; } }

#top #charabox { position: relative; overflow: hidden; top: -20.83333vw; }

@media screen and (min-width: 768px) { #top #charabox { top: 0; overflow: visible; } }

#top #charabox .charamain { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; pointer-events: none; }

#top #charabox .charamain img { position: absolute; top: 0; left: 50%; opacity: 0; width: 100vw; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateX(-40%); transform: translateX(-40%); }

#top #charabox .charamain img.inactive { -webkit-transform: translateX(-40%); transform: translateX(-40%); }

#top #charabox .charamain img.active { opacity: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media screen and (min-width: 768px) { #top #charabox .charamain { z-index: auto; top: -100px; }
  #top #charabox .charamain img { width: 874px; height: 798px; } }

#top #charabox .charaname { position: absolute; top: 63.54167vw; left: 0; width: 100vw; height: 84.63542vw; pointer-events: none; background: #d3b572; padding-top: 63.80208vw; }

#top #charabox .charaname img { position: absolute; top: 63.80208vw; left: 50%; opacity: 0; z-index: 5; width: 100vw; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateX(-60%); transform: translateX(-60%); }

#top #charabox .charaname img.inactive { -webkit-transform: translateX(-60%); transform: translateX(-60%); }

#top #charabox .charaname img.active { opacity: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media screen and (min-width: 768px) { #top #charabox .charaname { top: 328px; left: 0; width: 100%; height: 362px; padding-top: 0px; }
  #top #charabox .charaname img { width: 874px; height: 798px; top: -428px; z-index: 2; } }

#top #charabox .arrow_chara_left { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/arrow_chara_left.png"); width: 8.20313vw; height: 7.55208vw; position: absolute; top: 72.91667vw; left: 50%; -webkit-transform: translateX(-570%); transform: translateX(-570%); z-index: 2; -webkit-transition: all .4s; transition: all .4s; }

@media screen and (min-width: 768px) { #top #charabox .arrow_chara_left { background-image: url("../img/pc/arrow_chara_left.png"); } }

@media screen and (min-width: 768px) { #top #charabox .arrow_chara_left { width: 63px; height: 58px; max-width: 100% !important; } }

#top #charabox .arrow_chara_left:hover { -webkit-transform: translateX(-580%); transform: translateX(-580%); }

@media screen and (min-width: 768px) { #top #charabox .arrow_chara_left { top: 400px; -webkit-transform: translateX(-770%); transform: translateX(-770%); }
  #top #charabox .arrow_chara_left:hover { -webkit-transform: translateX(-780%); transform: translateX(-780%); } }

#top #charabox .arrow_chara_right { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/arrow_chara_right.png"); width: 8.20313vw; height: 7.55208vw; position: absolute; top: 72.91667vw; left: 50%; -webkit-transform: translateX(470%); transform: translateX(470%); z-index: 2; -webkit-transition: all .4s; transition: all .4s; }

@media screen and (min-width: 768px) { #top #charabox .arrow_chara_right { background-image: url("../img/pc/arrow_chara_right.png"); } }

@media screen and (min-width: 768px) { #top #charabox .arrow_chara_right { width: 63px; height: 58px; max-width: 100% !important; } }

#top #charabox .arrow_chara_right:hover { -webkit-transform: translateX(480%); transform: translateX(480%); }

@media screen and (min-width: 768px) { #top #charabox .arrow_chara_right { top: 400px; -webkit-transform: translateX(670%); transform: translateX(670%); }
  #top #charabox .arrow_chara_right:hover { -webkit-transform: translateX(680%); transform: translateX(680%); } }

#top #charabox .navi { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 151.04167vw 2.34375vw 0; }

@media screen and (min-width: 768px) { #top #charabox .navi { padding: 720px 18px 0; width: 930px; margin: 0 auto; } }

#top #charabox .navi .arrow_chara_left2 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/arrow_chara_left2.png"); width: 7.03125vw; height: 6.51042vw; margin-left: 2.34375vw; margin-right: 2.34375vw; -webkit-transition: all .4s; transition: all .4s; }

@media screen and (min-width: 768px) { #top #charabox .navi .arrow_chara_left2 { background-image: url("../img/pc/arrow_chara_left2.png"); } }

@media screen and (min-width: 768px) { #top #charabox .navi .arrow_chara_left2 { width: 54px; height: 50px; max-width: 100% !important; } }

#top #charabox .navi .arrow_chara_left2:hover { -webkit-transform: translateX(-10%); transform: translateX(-10%); }

@media screen and (min-width: 768px) { #top #charabox .navi .arrow_chara_left2 { margin-left: 18px; margin-right: 18px; } }

#top #charabox .navi .arrow_chara_right2 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/arrow_chara_right2.png"); width: 7.03125vw; height: 6.51042vw; margin-right: 2.34375vw; margin-left: 2.34375vw; -webkit-transition: all .4s; transition: all .4s; }

@media screen and (min-width: 768px) { #top #charabox .navi .arrow_chara_right2 { background-image: url("../img/pc/arrow_chara_right2.png"); } }

@media screen and (min-width: 768px) { #top #charabox .navi .arrow_chara_right2 { width: 54px; height: 50px; max-width: 100% !important; } }

#top #charabox .navi .arrow_chara_right2:hover { -webkit-transform: translateX(10%); transform: translateX(10%); }

@media screen and (min-width: 768px) { #top #charabox .navi .arrow_chara_right2 { margin-left: 18px; margin-right: 18px; } }

#top #charabox .navi .chara_prev.spr { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/chara_navi_spring.png"); width: 15.75521vw; height: 6.38021vw; }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_prev.spr { background-image: url("../img/pc/chara_navi_spring.png"); } }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_prev.spr { width: 121px; height: 49px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_prev.spr { width: 153px; } }

#top #charabox .navi .chara_prev.sum { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/chara_navi_summer.png"); width: 18.88021vw; height: 6.38021vw; }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_prev.sum { background-image: url("../img/pc/chara_navi_summer.png"); } }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_prev.sum { width: 145px; height: 49px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_prev.sum { width: 153px; } }

#top #charabox .navi .chara_prev.aut { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/chara_navi_autumn.png"); width: 19.92188vw; height: 6.38021vw; }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_prev.aut { background-image: url("../img/pc/chara_navi_autumn.png"); } }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_prev.aut { width: 153px; height: 49px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_prev.aut { width: 153px; } }

#top #charabox .navi .chara_prev.win { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/chara_navi_winter.png"); width: 17.05729vw; height: 6.38021vw; }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_prev.win { background-image: url("../img/pc/chara_navi_winter.png"); } }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_prev.win { width: 131px; height: 49px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_prev.win { width: 153px; } }

#top #charabox .navi .chara_next.spr { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/chara_navi_spring.png"); width: 15.75521vw; height: 6.38021vw; }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_next.spr { background-image: url("../img/pc/chara_navi_spring.png"); } }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_next.spr { width: 121px; height: 49px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_next.spr { width: 153px; } }

#top #charabox .navi .chara_next.sum { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/chara_navi_summer.png"); width: 18.88021vw; height: 6.38021vw; }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_next.sum { background-image: url("../img/pc/chara_navi_summer.png"); } }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_next.sum { width: 145px; height: 49px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_next.sum { width: 153px; } }

#top #charabox .navi .chara_next.aut { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/chara_navi_autumn.png"); width: 19.92188vw; height: 6.38021vw; }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_next.aut { background-image: url("../img/pc/chara_navi_autumn.png"); } }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_next.aut { width: 153px; height: 49px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_next.aut { width: 153px; } }

#top #charabox .navi .chara_next.win { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/chara_navi_winter.png"); width: 17.05729vw; height: 6.38021vw; }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_next.win { background-image: url("../img/pc/chara_navi_winter.png"); } }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_next.win { width: 131px; height: 49px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #charabox .navi .chara_next.win { width: 153px; } }

#top #charabox .navi ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; width: 100vw; margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#top #charabox .navi ul li { margin: 0 2.60417vw; }

#top #charabox .navi ul li a { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/chara_dot.png"); width: 2.60417vw; height: 2.60417vw; background-size: cover; }

@media screen and (min-width: 768px) { #top #charabox .navi ul li a { background-image: url("../img/pc/chara_dot.png"); } }

@media screen and (min-width: 768px) { #top #charabox .navi ul li a { width: 20px; height: 20px; max-width: 100% !important; } }

#top #charabox .navi ul li a.spr { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/chara_dot_spring.png"); width: 2.60417vw; height: 2.60417vw; }

@media screen and (min-width: 768px) { #top #charabox .navi ul li a.spr { background-image: url("../img/pc/chara_dot_spring.png"); } }

@media screen and (min-width: 768px) { #top #charabox .navi ul li a.spr { width: 20px; height: 20px; max-width: 100% !important; } }

#top #charabox .navi ul li a.sum { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/chara_dot_summer.png"); width: 2.60417vw; height: 2.60417vw; }

@media screen and (min-width: 768px) { #top #charabox .navi ul li a.sum { background-image: url("../img/pc/chara_dot_summer.png"); } }

@media screen and (min-width: 768px) { #top #charabox .navi ul li a.sum { width: 20px; height: 20px; max-width: 100% !important; } }

#top #charabox .navi ul li a.aut { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/chara_dot_autumn.png"); width: 2.60417vw; height: 2.60417vw; }

@media screen and (min-width: 768px) { #top #charabox .navi ul li a.aut { background-image: url("../img/pc/chara_dot_autumn.png"); } }

@media screen and (min-width: 768px) { #top #charabox .navi ul li a.aut { width: 20px; height: 20px; max-width: 100% !important; } }

#top #charabox .navi ul li a.win { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/chara_dot_winter.png"); width: 2.60417vw; height: 2.60417vw; }

@media screen and (min-width: 768px) { #top #charabox .navi ul li a.win { background-image: url("../img/pc/chara_dot_winter.png"); } }

@media screen and (min-width: 768px) { #top #charabox .navi ul li a.win { width: 20px; height: 20px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #charabox .navi ul { width: auto; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
  #top #charabox .navi ul li { margin: 0 20px; } }

#top #bnr_blog { margin-top: -25vw; }

@media screen and (min-width: 768px) { #top #bnr_blog { margin-top: 0; } }

@media screen and (min-width: 768px) { #top #bnr_blog .button { left: 61px; } }

#top #bnr_blog .box .bn_blog_tit { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/bn_blog_tit.png"); width: 11.84896vw; height: 44.40104vw; position: absolute; top: 5vw; left: -1.5vw; z-index: 1; }

@media screen and (min-width: 768px) { #top #bnr_blog .box .bn_blog_tit { background-image: url("../img/pc/bn_blog_tit.png"); } }

@media screen and (min-width: 768px) { #top #bnr_blog .box .bn_blog_tit { width: 68px; height: 255px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #bnr_blog .box .bn_blog_tit { top: 30px; left: -7px; } }

#top #bnr_blog .box .bn_blog_txt { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/bn_blog_txt.png"); width: 34.375vw; height: 3.125vw; position: absolute; top: 28vw; right: 1vw; }

@media screen and (min-width: 768px) { #top #bnr_blog .box .bn_blog_txt { background-image: url("../img/pc/bn_blog_txt.png"); } }

@media screen and (min-width: 768px) { #top #bnr_blog .box .bn_blog_txt { width: 231px; height: 20px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #bnr_blog .box .bn_blog_txt { top: 174px; right: 10px; } }

#top #bnr_blog .box .bn_blog_img { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/bn_blog_img.png"); width: 70.3125vw; height: 9.89583vw; position: absolute; top: 36vw; right: 0vw; }

@media screen and (min-width: 768px) { #top #bnr_blog .box .bn_blog_img { background-image: url("../img/pc/bn_blog_img.png"); } }

@media screen and (min-width: 768px) { #top #bnr_blog .box .bn_blog_img { width: 635px; height: 57px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #bnr_blog .box .bn_blog_img { top: 204px; right: 0; } }

#top #bnr_blog .box .bn_blog_tri { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/bn_blog_tri.png"); width: 4.81771vw; height: 4.55729vw; position: absolute; top: 7vw; left: 79vw; }

@media screen and (min-width: 768px) { #top #bnr_blog .box .bn_blog_tri { background-image: url("../img/pc/bn_blog_tri.png"); } }

@media screen and (min-width: 768px) { #top #bnr_blog .box .bn_blog_tri { width: 16px; height: 15px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #bnr_blog .box .bn_blog_tri { top: 31px; left: 746px; width: 34px; height: 35px; } }

#top #bnr_blog .box .title { font-size: 5.46875vw; font-weight: bold; color: #1E1D1D; position: absolute; top: 6.5vw; right: 8vw; text-align: right; }

@media screen and (min-width: 768px) { #top #bnr_blog .box .title { font-size: 32px; top: 30px; right: 60px; } }

#top #bnr_blog .box .comment { font-size: 4.55729vw; font-weight: bold; color: #D3B572; position: absolute; top: 13vw; left: 28vw; }

@media screen and (min-width: 768px) { #top #bnr_blog .box .comment { font-size: 28px; top: 49px; left: 479px; } }

#top #bnr_blog .box .blog_label { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/blog_label.png"); width: 44.27083vw; height: 8.33333vw; position: absolute; bottom: 0; right: 0; }

@media screen and (min-width: 768px) { #top #bnr_blog .box .blog_label { background-image: url("../img/pc/blog_label.png"); } }

@media screen and (min-width: 768px) { #top #bnr_blog .box .blog_label { width: 255px; height: 48px; max-width: 100% !important; } }

#top .line_AAA { background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/line_AAA.png"); width: 100vw; height: 20.57292vw; width: 100% !important; background-repeat: repeat-x; background-position-x: 0; -webkit-animation: bgSlide 16s infinite linear; animation: bgSlide 16s infinite linear; }

@media screen and (min-width: 768px) { #top .line_AAA { background-image: url("../img/pc/line_AAA.png"); } }

@media screen and (min-width: 768px) { #top .line_AAA { width: 1920px; height: 118px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #bnr_freepaper .button { left: -100px; } }

#top #bnr_freepaper .box .bn_freepaper_tit { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/bn_freepaper_tit.png"); width: 86.97917vw; height: 14.58333vw; position: absolute; top: -3.5vw; left: 0; z-index: 1; }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .bn_freepaper_tit { background-image: url("../img/pc/bn_freepaper_tit.png"); } }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .bn_freepaper_tit { width: 544px; height: 91px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .bn_freepaper_tit { top: -6px; left: -2px; } }

#top #bnr_freepaper .box .bn_freepaper_txt { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/bn_freepaper_txt.png"); width: 26.30208vw; height: 3.25521vw; position: absolute; bottom: 12vw; left: 2vw; }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .bn_freepaper_txt { background-image: url("../img/pc/bn_freepaper_txt.png"); } }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .bn_freepaper_txt { width: 174px; height: 21px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .bn_freepaper_txt { bottom: 68px; left: 9px; } }

#top #bnr_freepaper .box .bn_freepaper_img { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/bn_freepaper_img.png"); width: 70.3125vw; height: 9.89583vw; position: absolute; bottom: 0; left: 0; }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .bn_freepaper_img { background-image: url("../img/pc/bn_freepaper_img.png"); } }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .bn_freepaper_img { width: 635px; height: 57px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .bn_freepaper_img { bottom: 0; left: 0; } }

#top #bnr_freepaper .box .bn_blog_tri { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/bn_blog_tri.png"); width: 4.81771vw; height: 4.55729vw; position: absolute; top: 13vw; left: 76vw; }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .bn_blog_tri { background-image: url("../img/pc/bn_blog_tri.png"); } }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .bn_blog_tri { width: 16px; height: 15px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .bn_blog_tri { top: 98px; left: 520px; } }

#top #bnr_freepaper .box .title { font-size: 4vw; font-weight: bold; color: #1E1D1D; position: absolute; top: 12vw; left: 2vw; }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .title { font-size: 32px; top: 90px; left: 20px; } }

#top #bnr_freepaper .box .freepaper_label_pre { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/freepaper_label_pre.png"); width: 29.94792vw; height: 29.94792vw; position: absolute; bottom: -3vw; right: -3vw; z-index: 1; }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .freepaper_label_pre { background-image: url("../img/pc/freepaper_label_pre.png"); } }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .freepaper_label_pre { width: 180px; height: 180px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .freepaper_label_pre { bottom: -10px; right: -10px; } }

#top #bnr_freepaper .box .freepaper_label_hon { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/freepaper_label_hon.png"); width: 30.07813vw; height: 29.94792vw; position: absolute; bottom: -3vw; right: -3vw; z-index: 1; }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .freepaper_label_hon { background-image: url("../img/pc/freepaper_label_hon.png"); } }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .freepaper_label_hon { width: 180px; height: 180px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #bnr_freepaper .box .freepaper_label_hon { bottom: -10px; right: -10px; } }

#top .diagonalline { background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/line_diagonalline.png"); width: 100vw; height: 6.51042vw; width: 100% !important; background-repeat: repeat-x; background-position-x: 0; -webkit-animation: bgSlide2 2s infinite linear; animation: bgSlide2 2s infinite linear; }

@media screen and (min-width: 768px) { #top .diagonalline { background-image: url("../img/pc/line_diagonalline.png"); } }

@media screen and (min-width: 768px) { #top .diagonalline { width: 1920px; height: 38px; max-width: 100% !important; } }

#top .arrow { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/arrow_down1.png"); width: 2.47396vw; height: 10.80729vw; margin: 7.16146vw auto; }

@media screen and (min-width: 768px) { #top .arrow { background-image: url("../img/pc/arrow_down1.png"); } }

@media screen and (min-width: 768px) { #top .arrow { width: 15px; height: 63px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top .arrow { margin: 40px auto; } }

#top .txt_date { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/txt_date.png"); width: 30.85938vw; height: 4.81771vw; margin: 2.60417vw auto 7.8125vw; }

@media screen and (min-width: 768px) { #top .txt_date { background-image: url("../img/pc/txt_date.png"); } }

@media screen and (min-width: 768px) { #top .txt_date { width: 178px; height: 27px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top .txt_date { margin: 20px auto 40px; } }

#top .txt_gold2 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/txt_gold2.png"); width: 62.10938vw; height: 2.47396vw; margin: 14.32292vw auto 0; }

@media screen and (min-width: 768px) { #top .txt_gold2 { background-image: url("../img/pc/txt_gold2.png"); } }

@media screen and (min-width: 768px) { #top .txt_gold2 { width: 345px; height: 14px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top .txt_gold2 { margin: 80px auto 0; } }

#top #twitter { margin-top: 15.625vw; }

@media screen and (min-width: 768px) { #top #twitter { margin-top: 100px; } }

#top #twitter .tit_twitter { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/tit_twitter.png"); width: 50.52083vw; height: 7.8125vw; margin: 0 auto; position: relative; top: 0.65104vw; left: 14.32292vw; }

@media screen and (min-width: 768px) { #top #twitter .tit_twitter { background-image: url("../img/pc/tit_twitter.png"); } }

@media screen and (min-width: 768px) { #top #twitter .tit_twitter { width: 388px; height: 60px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #twitter .tit_twitter { top: 5px; left: 110px; } }

#top #twitter .waku { background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/bg_twitter.png"); width: 79.42708vw; height: 78.125vw; margin: 0 auto; padding: 1.30208vw; }

@media screen and (min-width: 768px) { #top #twitter .waku { background-image: url("../img/pc/bg_twitter.png"); } }

@media screen and (min-width: 768px) { #top #twitter .waku { width: 610px; height: 600px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top #twitter .waku { padding: 10px; } }

#top #twitter .waku .wrapper { overflow: scroll; height: 100%; }

#top footer .footerlogo { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_A3.png"); width: 47.39583vw; height: 45.3125vw; margin: 15.625vw auto 0; }

@media screen and (min-width: 768px) { #top footer .footerlogo { background-image: url("../img/pc/footer_A3.png"); } }

@media screen and (min-width: 768px) { #top footer .footerlogo { width: 277px; height: 264px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top footer .footerlogo { margin: 100px auto 0; } }

#top footer .chair { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_chair.png"); width: 69.79167vw; height: 34.50521vw; margin: -12vw auto 0; pointer-events: none; }

@media screen and (min-width: 768px) { #top footer .chair { background-image: url("../img/pc/footer_chair.png"); } }

@media screen and (min-width: 768px) { #top footer .chair { width: 985px; height: 96px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top footer .chair { margin: -54px auto 0; } }

#top footer .bookshelf { background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/bg_bookshelf.png"); width: 100vw; height: 146.875vw; margin: -8.85417vw auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

@media screen and (min-width: 768px) { #top footer .bookshelf { background-image: url("../img/pc/bg_bookshelf.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf { width: 460px; height: 180px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top footer .bookshelf { margin: -68px auto 0; } }

@media screen and (min-width: 768px) { #top footer .bookshelf { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

#top footer .bookshelf .box { top: -2.3vw; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

@media screen and (min-width: 768px) { #top footer .bookshelf .box { top: 0; } }

#top footer .bookshelf .spr1 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_spr1.png"); width: 5.98958vw; height: 54.29688vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .spr1 { background-image: url("../img/pc/footer_spr1.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .spr1 { width: 16px; height: 139px; max-width: 100% !important; } }

#top footer .bookshelf .spr2 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_spr2.png"); width: 5.98958vw; height: 54.29688vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .spr2 { background-image: url("../img/pc/footer_spr2.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .spr2 { width: 16px; height: 139px; max-width: 100% !important; } }

#top footer .bookshelf .spr3 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_spr3.png"); width: 7.16146vw; height: 59.63542vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .spr3 { background-image: url("../img/pc/footer_spr3.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .spr3 { width: 19px; height: 153px; max-width: 100% !important; } }

#top footer .bookshelf .spr4 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_spr4.png"); width: 8.33333vw; height: 59.63542vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .spr4 { background-image: url("../img/pc/footer_spr4.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .spr4 { width: 22px; height: 153px; max-width: 100% !important; } }

#top footer .bookshelf .spr5 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_spr5.png"); width: 9.50521vw; height: 61.71875vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .spr5 { background-image: url("../img/pc/footer_spr5.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .spr5 { width: 25px; height: 158px; max-width: 100% !important; } }

#top footer .bookshelf .spr6 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_spr6.png"); width: 10.41667vw; height: 64.84375vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .spr6 { background-image: url("../img/pc/footer_spr6.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .spr6 { width: 27px; height: 166px; max-width: 100% !important; } }

#top footer .bookshelf .sum1 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_sum1.png"); width: 5.98958vw; height: 54.29688vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .sum1 { background-image: url("../img/pc/footer_sum1.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .sum1 { width: 16px; height: 139px; max-width: 100% !important; } }

#top footer .bookshelf .sum2 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_sum2.png"); width: 4.6875vw; height: 61.71875vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .sum2 { background-image: url("../img/pc/footer_sum2.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .sum2 { width: 12px; height: 158px; max-width: 100% !important; } }

#top footer .bookshelf .sum3 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_sum3.png"); width: 4.29688vw; height: 55.85938vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .sum3 { background-image: url("../img/pc/footer_sum3.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .sum3 { width: 11px; height: 143px; max-width: 100% !important; } }

#top footer .bookshelf .sum4 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_sum4.png"); width: 5.98958vw; height: 58.72396vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .sum4 { background-image: url("../img/pc/footer_sum4.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .sum4 { width: 16px; height: 151px; max-width: 100% !important; } }

#top footer .bookshelf .sum5 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_sum5.png"); width: 6.64063vw; height: 52.73438vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .sum5 { background-image: url("../img/pc/footer_sum5.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .sum5 { width: 17px; height: 135px; max-width: 100% !important; } }

#top footer .bookshelf .sum6 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_sum6.png"); width: 4.29688vw; height: 54.29688vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .sum6 { background-image: url("../img/pc/footer_sum6.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .sum6 { width: 11px; height: 139px; max-width: 100% !important; } }

#top footer .bookshelf .aut1 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_aut1.png"); width: 4.81771vw; height: 54.29688vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .aut1 { background-image: url("../img/pc/footer_aut1.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .aut1 { width: 13px; height: 139px; max-width: 100% !important; } }

#top footer .bookshelf .aut2 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_aut2.png"); width: 5.46875vw; height: 54.29688vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .aut2 { background-image: url("../img/pc/footer_aut2.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .aut2 { width: 14px; height: 139px; max-width: 100% !important; } }

#top footer .bookshelf .aut3 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_aut3.png"); width: 4.81771vw; height: 54.29688vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .aut3 { background-image: url("../img/pc/footer_aut3.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .aut3 { width: 13px; height: 139px; max-width: 100% !important; } }

#top footer .bookshelf .aut4 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_aut4.png"); width: 10.15625vw; height: 66.27604vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .aut4 { background-image: url("../img/pc/footer_aut4.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .aut4 { width: 26px; height: 170px; max-width: 100% !important; } }

#top footer .bookshelf .aut5 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_aut5.png"); width: 10.9375vw; height: 43.48958vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .aut5 { background-image: url("../img/pc/footer_aut5.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .aut5 { width: 28px; height: 112px; max-width: 100% !important; } }

#top footer .bookshelf .aut6 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_aut6.png"); width: 4.81771vw; height: 43.48958vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .aut6 { background-image: url("../img/pc/footer_aut6.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .aut6 { width: 13px; height: 112px; max-width: 100% !important; } }

#top footer .bookshelf .win1 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_win1.png"); width: 8.33333vw; height: 49.34896vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .win1 { background-image: url("../img/pc/footer_win1.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .win1 { width: 22px; height: 127px; max-width: 100% !important; } }

#top footer .bookshelf .win2 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_win2.png"); width: 8.33333vw; height: 43.48958vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .win2 { background-image: url("../img/pc/footer_win2.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .win2 { width: 22px; height: 112px; max-width: 100% !important; } }

#top footer .bookshelf .win3 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_win3.png"); width: 5.98958vw; height: 54.29688vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .win3 { background-image: url("../img/pc/footer_win3.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .win3 { width: 16px; height: 139px; max-width: 100% !important; } }

#top footer .bookshelf .win4 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_win4.png"); width: 5.98958vw; height: 61.71875vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .win4 { background-image: url("../img/pc/footer_win4.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .win4 { width: 16px; height: 158px; max-width: 100% !important; } }

#top footer .bookshelf .win5 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_win5.png"); width: 10.9375vw; height: 43.48958vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .win5 { background-image: url("../img/pc/footer_win5.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .win5 { width: 28px; height: 112px; max-width: 100% !important; } }

#top footer .bookshelf .win6 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/footer_win6.png"); width: 11.97917vw; height: 62.36979vw; }

@media screen and (min-width: 768px) { #top footer .bookshelf .win6 { background-image: url("../img/pc/footer_win6.png"); } }

@media screen and (min-width: 768px) { #top footer .bookshelf .win6 { width: 31px; height: 159px; max-width: 100% !important; } }

#top footer .liber { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/logo_liber.png"); width: 30.33854vw; height: 8.20313vw; margin: 7.8125vw auto 0; }

@media screen and (min-width: 768px) { #top footer .liber { background-image: url("../img/pc/logo_liber.png"); } }

@media screen and (min-width: 768px) { #top footer .liber { width: 174px; height: 47px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #top footer .liber { margin: 60px auto 0; } }

#top footer .copyright { font-size: 2.60417vw; text-align: center; margin-top: 9.11458vw; color: #1e1d1d; }

@media screen and (min-width: 768px) { #top footer .copyright { font-size: 15px; margin: 70px auto 0; } }

#top footer .attention { font-size: 2.08333vw; line-height: 3.125vw; margin: 2.60417vw 7.03125vw 4.81771vw; color: #999999; }

@media screen and (min-width: 768px) { #top footer .attention { font-size: 12px; line-height: 18px; margin: 15px 0; text-align: center; } }

#bar1 { width: 100vw; height: 44.01042vw; position: relative; overflow: hidden; }

@media screen and (min-width: 768px) { #bar1 { width: 1920px; height: 338px; max-width: 100% !important; } }

#bar1 .img { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/img_fx1.png"); width: 100vw; height: 44.01042vw; background-size: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media screen and (min-width: 768px) { #bar1 .img { background-image: url("../img/pc/img_fx1.png"); } }

@media screen and (min-width: 768px) { #bar1 .img { width: 1920px; height: 338px; max-width: 100% !important; } }

#bar1 svg { position: relative; z-index: 2; }

@media screen and (max-width: 767px) { #bar1 svg { top: 1px; height: calc(44.01042vw - 2px); } }

@media screen and (min-width: 768px) { #bar1 svg { top: 1px; width: 100vw; height: 336px; } }

#bar1.aos-animate #clip1 circle { -webkit-animation: light .6s 1 both; animation: light .6s 1 both; }

#bar1.aos-animate #txt_fx1 { -webkit-animation: blar-in .8s 1 forwards, aniForUpdate 1s infinite; animation: blar-in .8s 1 forwards, aniForUpdate 1s infinite; }

#bar2 { width: 100vw; height: 39.0625vw; position: relative; overflow: hidden; }

@media screen and (min-width: 768px) { #bar2 { width: 1920px; height: 225px; max-width: 100% !important; } }

#bar2 .img { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/img_fx2.png"); width: 100vw; height: 39.0625vw; background-size: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media screen and (min-width: 768px) { #bar2 .img { background-image: url("../img/pc/img_fx2.png"); } }

@media screen and (min-width: 768px) { #bar2 .img { width: 1920px; height: 225px; max-width: 100% !important; } }

#bar2 svg { position: relative; z-index: 2; }

@media screen and (max-width: 767px) { #bar2 svg { top: -0.5px; height: calc(39.0625vw - 1.5px); } }

@media screen and (min-width: 768px) { #bar2 svg { top: 0px; width: 100vw; height: 224px; } }

#bar2.aos-animate #clip2 circle, #bar2.aos-animate #clip2 rect { -webkit-animation: light2 1.2s 1 both; animation: light2 1.2s 1 both; }

#bar2.aos-animate #txt_fx2 { -webkit-animation: blar-in 1s 1 forwards, aniForUpdate 1s infinite; animation: blar-in 1s 1 forwards, aniForUpdate 1s infinite; }

#bar3 { width: 100vw; height: 39.0625vw; position: relative; overflow: hidden; }

@media screen and (min-width: 768px) { #bar3 { width: 1920px; height: 225px; max-width: 100% !important; } }

#bar3 .img { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/img_fx3.png"); width: 100vw; height: 39.0625vw; background-size: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media screen and (min-width: 768px) { #bar3 .img { background-image: url("../img/pc/img_fx3.png"); } }

@media screen and (min-width: 768px) { #bar3 .img { width: 1920px; height: 225px; max-width: 100% !important; } }

#bar3 svg { position: relative; z-index: 2; }

@media screen and (max-width: 767px) { #bar3 svg { top: 1.5px; height: calc(39.0625vw - 3.5px); } }

@media screen and (min-width: 768px) { #bar3 svg { top: 2px; width: 100vw; height: 222px; } }

#bar3.aos-animate #clip3 circle, #bar3.aos-animate #clip3 rect { -webkit-animation: light3 1.2s 1 both; animation: light3 1.2s 1 both; }

#bar3.aos-animate #txt_fx3 { -webkit-animation: blar-in 1s 1 forwards, aniForUpdate 1s infinite; animation: blar-in 1s 1 forwards, aniForUpdate 1s infinite; }

.animTarget { -webkit-animation: aniForUpdate 1s infinite; animation: aniForUpdate 1s infinite; }

@-webkit-keyframes aniForUpdate { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); }
  100% { -webkit-transform: translateZ(1px); transform: translateZ(1px); } }

@keyframes aniForUpdate { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); }
  100% { -webkit-transform: translateZ(1px); transform: translateZ(1px); } }

@-webkit-keyframes fliper { 0% { -webkit-transform: rotateY(0); transform: rotateY(0);
    z-index: 2; }
  25% { -webkit-transform: rotateY(90deg); transform: rotateY(90deg);
    z-index: 2; }
  50% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg);
    z-index: 1; }
  75% { -webkit-transform: rotateY(270deg); transform: rotateY(270deg);
    z-index: 1; }
  100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } }

@keyframes fliper { 0% { -webkit-transform: rotateY(0); transform: rotateY(0);
    z-index: 2; }
  25% { -webkit-transform: rotateY(90deg); transform: rotateY(90deg);
    z-index: 2; }
  50% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg);
    z-index: 1; }
  75% { -webkit-transform: rotateY(270deg); transform: rotateY(270deg);
    z-index: 1; }
  100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } }

@-webkit-keyframes flipbacker { 0% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg);
    z-index: 1; }
  25% { -webkit-transform: rotateY(270deg); transform: rotateY(270deg);
    z-index: 1; }
  50% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg);
    z-index: 2; }
  75% { -webkit-transform: rotateY(450deg); transform: rotateY(450deg);
    z-index: 2; }
  100% { -webkit-transform: rotateY(540deg); transform: rotateY(540deg); } }

@keyframes flipbacker { 0% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg);
    z-index: 1; }
  25% { -webkit-transform: rotateY(270deg); transform: rotateY(270deg);
    z-index: 1; }
  50% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg);
    z-index: 2; }
  75% { -webkit-transform: rotateY(450deg); transform: rotateY(450deg);
    z-index: 2; }
  100% { -webkit-transform: rotateY(540deg); transform: rotateY(540deg); } }

@-webkit-keyframes light { 0% { cx: 384px;
    r: 0vw; }
  100% { cx: 384px;
    r: 250px; } }

@keyframes light { 0% { cx: 384px;
    r: 0vw; }
  100% { cx: 384px;
    r: 250px; } }

@-webkit-keyframes light2 { 0% { cx: 274px;
    r: 0vw; }
  100% { cx: 274px;
    r: 550px; } }

@keyframes light2 { 0% { cx: 274px;
    r: 0vw; }
  100% { cx: 274px;
    r: 550px; } }

@-webkit-keyframes light3 { 0% { cx: 434px;
    r: 0vw; }
  100% { cx: 434px;
    r: 550px; } }

@keyframes light3 { 0% { cx: 434px;
    r: 0vw; }
  100% { cx: 434px;
    r: 550px; } }

@-webkit-keyframes blar-in { 0% { -webkit-filter: url(#blur1); filter: url(#blur1); }
  20% { -webkit-filter: url(#blur2); filter: url(#blur2); }
  40% { -webkit-filter: url(#blur3); filter: url(#blur3); }
  60% { -webkit-filter: url(#blur4); filter: url(#blur4); }
  80% { -webkit-filter: url(#blur5); filter: url(#blur5); }
  100% { -webkit-filter: url(#blur6); filter: url(#blur6); } }

@keyframes blar-in { 0% { -webkit-filter: url(#blur1); filter: url(#blur1); }
  20% { -webkit-filter: url(#blur2); filter: url(#blur2); }
  40% { -webkit-filter: url(#blur3); filter: url(#blur3); }
  60% { -webkit-filter: url(#blur4); filter: url(#blur4); }
  80% { -webkit-filter: url(#blur5); filter: url(#blur5); }
  100% { -webkit-filter: url(#blur6); filter: url(#blur6); } }

@-webkit-keyframes bgSlide { 0% { background-position: 0 0; }
  100% { background-position: 600px 0; } }

@keyframes bgSlide { 0% { background-position: 0 0; }
  100% { background-position: 600px 0; } }

@-webkit-keyframes bgSlide2 { 0% { background-position: 65px 0; }
  100% { background-position: 0 0; } }

@keyframes bgSlide2 { 0% { background-position: 65px 0; }
  100% { background-position: 0 0; } }

@-webkit-keyframes flash { 0% { opacity: 1; }
  96% { opacity: 1; }
  97% { opacity: .7; }
  98% { opacity: 1; }
  99% { opacity: .7; }
  100% { opacity: 1; } }

@keyframes flash { 0% { opacity: 1; }
  96% { opacity: 1; }
  97% { opacity: .7; }
  98% { opacity: 1; }
  99% { opacity: .7; }
  100% { opacity: 1; } }

@-webkit-keyframes slideRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(750px); transform: translateX(750px); } }

@keyframes slideRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(750px); transform: translateX(750px); } }

@-webkit-keyframes slideLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(-750px); transform: translateX(-750px); } }

@keyframes slideLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(-750px); transform: translateX(-750px); } }

@-webkit-keyframes slideRight2 { 0% { -webkit-transform: translateX(-750px); transform: translateX(-750px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes slideRight2 { 0% { -webkit-transform: translateX(-750px); transform: translateX(-750px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@-webkit-keyframes slideLeft2 { 0% { -webkit-transform: translateX(750px); transform: translateX(750px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes slideLeft2 { 0% { -webkit-transform: translateX(750px); transform: translateX(750px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

#enquete #form h1 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/enq_logo.png"); width: 55.46875vw; height: 52.47396vw; margin: 8.59375vw auto; }

@media screen and (min-width: 768px) { #enquete #form h1 { background-image: url("../img/pc/enq_logo.png"); } }

@media screen and (min-width: 768px) { #enquete #form h1 { width: 320px; height: 302px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #enquete #form h1 { margin: 45px auto 70px; } }

#enquete #form h2 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/title.png"); width: 85.9375vw; height: 18.75vw; margin: -11.19792vw auto 32.55208vw; }

@media screen and (min-width: 768px) { #enquete #form h2 { background-image: url("../img/pc/title.png"); } }

@media screen and (min-width: 768px) { #enquete #form h2 { width: 495px; height: 108px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #enquete #form h2 { margin: -86px auto 70px; } }

#enquete #form .logo { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/logo_A3.png"); width: 11.71875vw; height: 15.625vw; position: absolute; top: 3vw; right: 0vw; }

@media screen and (min-width: 768px) { #enquete #form .logo { background-image: url("../img/pc/logo_A3.png"); } }

@media screen and (min-width: 768px) { #enquete #form .logo { width: 135px; height: 129px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #enquete #form .logo { top: 40px; right: 0; } }

#enquete #form .share { position: absolute; top: 84.63542vw; right: 0; }

@media screen and (min-width: 768px) { #enquete #form .share { top: 200px; } }

#enquete #form .share .txt_share { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/txt_share.png"); width: 37.76042vw; height: 3.77604vw; }

@media screen and (min-width: 768px) { #enquete #form .share .txt_share { background-image: url("../img/pc/txt_share.png"); } }

@media screen and (min-width: 768px) { #enquete #form .share .txt_share { width: 135px; height: 23px; max-width: 100% !important; } }

#enquete #form .share .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 4vw 2vw; }

@media screen and (min-width: 768px) { #enquete #form .share .box { padding: 20px 10px; border-bottom: 6px solid #1e1d1d; } }

#enquete #form .share .btn_tw { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/ico_tw.png"); width: 6.77083vw; height: 5.46875vw; }

@media screen and (min-width: 768px) { #enquete #form .share .btn_tw { background-image: url("../img/pc/ico_tw.png"); } }

@media screen and (min-width: 768px) { #enquete #form .share .btn_tw { width: 32px; height: 26px; max-width: 100% !important; } }

#enquete #form .share .btn_fb { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/ico_fb.png"); width: 3.38542vw; height: 6.64063vw; }

@media screen and (min-width: 768px) { #enquete #form .share .btn_fb { background-image: url("../img/pc/ico_fb.png"); } }

@media screen and (min-width: 768px) { #enquete #form .share .btn_fb { width: 16px; height: 30px; max-width: 100% !important; } }

#enquete #form .share .btn_line { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/ico_line.png"); width: 7.68229vw; height: 7.29167vw; }

@media screen and (min-width: 768px) { #enquete #form .share .btn_line { background-image: url("../img/pc/ico_line.png"); } }

@media screen and (min-width: 768px) { #enquete #form .share .btn_line { width: 36px; height: 34px; max-width: 100% !important; } }

#enquete #form .share2 { position: relative; left: 50%; width: 38.02083vw; -webkit-transform: translateX(2%); transform: translateX(2%); margin-bottom: 13.02083vw; }

@media screen and (min-width: 768px) { #enquete #form .share2 { width: 292px; -webkit-transform: translateX(2%); transform: translateX(2%); margin-bottom: 100px; } }

#enquete #form .share2 .txt_share { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/txt_share.png"); width: 37.76042vw; height: 3.77604vw; margin: 0 0 0 auto; }

@media screen and (min-width: 768px) { #enquete #form .share2 .txt_share { background-image: url("../img/pc/txt_share.png"); } }

@media screen and (min-width: 768px) { #enquete #form .share2 .txt_share { width: 135px; height: 23px; max-width: 100% !important; } }

#enquete #form .share2 .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 4vw 2vw; }

@media screen and (min-width: 768px) { #enquete #form .share2 .box { padding: 20px 10px; border-bottom: 6px solid #1e1d1d; } }

#enquete #form .share2 .btn_tw { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/ico_tw.png"); width: 6.77083vw; height: 5.46875vw; }

@media screen and (min-width: 768px) { #enquete #form .share2 .btn_tw { background-image: url("../img/pc/ico_tw.png"); } }

@media screen and (min-width: 768px) { #enquete #form .share2 .btn_tw { width: 32px; height: 26px; max-width: 100% !important; } }

#enquete #form .share2 .btn_fb { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/ico_fb.png"); width: 3.38542vw; height: 6.64063vw; }

@media screen and (min-width: 768px) { #enquete #form .share2 .btn_fb { background-image: url("../img/pc/ico_fb.png"); } }

@media screen and (min-width: 768px) { #enquete #form .share2 .btn_fb { width: 16px; height: 30px; max-width: 100% !important; } }

#enquete #form .share2 .btn_line { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/ico_line.png"); width: 7.68229vw; height: 7.29167vw; }

@media screen and (min-width: 768px) { #enquete #form .share2 .btn_line { background-image: url("../img/pc/ico_line.png"); } }

@media screen and (min-width: 768px) { #enquete #form .share2 .btn_line { width: 36px; height: 34px; max-width: 100% !important; } }

#enquete #form p { font-size: 3.38542vw; line-height: 6.77083vw; font-weight: 500; width: 87.23958vw; margin: 0 auto; }

@media screen and (min-width: 768px) { #enquete #form p { font-size: 20px; line-height: 40px; width: 700px; margin: 0 auto; } }

#enquete #form p.t2 { margin-top: 1em; font-size: 3.125vw; line-height: 4.6875vw; color: #d3b572; }

@media screen and (min-width: 768px) { #enquete #form p.t2 { font-size: 18px; line-height: 27px; } }

#enquete #form p.center { text-align: center; }

#enquete #form p.thanks { font-size: 3.64583vw; }

@media screen and (min-width: 768px) { #enquete #form p.thanks { font-size: 24px; } }

#enquete #form .ogp { display: block; width: 78.125vw; margin: 7.8125vw auto 3.90625vw; }

@media screen and (min-width: 768px) { #enquete #form .ogp { margin: 60px auto 30px; width: 600px; } }

#enquete #form .ribbon { color: #000000; background-color: #d3b572; }

#enquete #form h3 { width: 92.44792vw; height: 10.15625vw; margin: 5.20833vw auto; font-size: 3.38542vw; line-height: 4.16667vw; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (min-width: 768px) { #enquete #form h3 { margin: 30px auto; width: 610px; height: 60px; font-size: 20px; line-height: 28px; } }

#enquete #form h3 strong { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }

#enquete #form h3 strong.q1 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/question_01.png"); width: 6.64063vw; height: 7.94271vw; }

@media screen and (min-width: 768px) { #enquete #form h3 strong.q1 { background-image: url("../img/pc/question_01.png"); } }

@media screen and (min-width: 768px) { #enquete #form h3 strong.q1 { width: 39px; height: 46px; max-width: 100% !important; } }

#enquete #form h3 strong.q2 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/question_02.png"); width: 7.29167vw; height: 7.8125vw; }

@media screen and (min-width: 768px) { #enquete #form h3 strong.q2 { background-image: url("../img/pc/question_02.png"); } }

@media screen and (min-width: 768px) { #enquete #form h3 strong.q2 { width: 43px; height: 46px; max-width: 100% !important; } }

#enquete #form h3 strong.q3 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/question_03.png"); width: 7.16146vw; height: 7.94271vw; }

@media screen and (min-width: 768px) { #enquete #form h3 strong.q3 { background-image: url("../img/pc/question_03.png"); } }

@media screen and (min-width: 768px) { #enquete #form h3 strong.q3 { width: 42px; height: 46px; max-width: 100% !important; } }

#enquete #form h3 .t { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 0.5em; }

#enquete #form h3 .need { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/icon_required.png"); width: 9.11458vw; height: 5.33854vw; }

@media screen and (min-width: 768px) { #enquete #form h3 .need { background-image: url("../img/pc/icon_required.png"); } }

@media screen and (min-width: 768px) { #enquete #form h3 .need { width: 53px; height: 30px; max-width: 100% !important; } }

#enquete #form select { display: block; width: 92.44792vw; height: 11.06771vw; margin: 0 auto; font-size: 3.38542vw; border: 0.26042vw solid #000000; border-radius: 1.30208vw; padding-left: 1em; }

@media screen and (max-width: 767px) { #enquete #form select { font-size: 16px; } }

@media screen and (min-width: 768px) { #enquete #form select { margin: 0 auto; width: 610px; height: 66px; font-size: 20px; border: 2px solid #000000; border-radius: 10px; padding-left: 1em; } }

#enquete #form textarea { display: block; width: 92.44792vw; height: 32.55208vw; margin: 0 auto; font-size: 3.38542vw; border: 0.26042vw solid #000000; border-radius: 1.30208vw; padding: 1em; }

@media screen and (max-width: 767px) { #enquete #form textarea { font-size: 16px; } }

@media screen and (min-width: 768px) { #enquete #form textarea { margin: 0 auto; width: 610px; height: 180px; font-size: 20px; border: 2px solid #000000; border-radius: 10px; } }

#enquete #form input[type=text] { display: block; width: 92.44792vw; margin: 0 auto; font-size: 3.38542vw; border: 0.26042vw solid #000000; border-radius: 1.30208vw; padding: 1em; }

@media screen and (max-width: 767px) { #enquete #form input[type=text] { font-size: 16px; } }

@media screen and (min-width: 768px) { #enquete #form input[type=text] { margin: 0 auto; width: 610px; font-size: 20px; border: 2px solid #000000; border-radius: 10px; } }

#enquete #form select:focus, #enquete #form textarea:focus, #enquete #form input[type=text]:focus { outline: none; border: 0.26042vw solid #d3b572; }

@media screen and (min-width: 768px) { #enquete #form select:focus, #enquete #form textarea:focus, #enquete #form input[type=text]:focus { border: 2px solid #d3b572; } }

#enquete #form select.error, #enquete #form textarea.error, #enquete #form input[type=text].error { outline: none; border: 0.26042vw solid #ff0000; }

@media screen and (min-width: 768px) { #enquete #form select.error, #enquete #form textarea.error, #enquete #form input[type=text].error { border: 2px solid #ff0000; } }

#enquete #form .q1error, #enquete #form .q2error, #enquete #form .q3error { display: none; color: #ff0000; width: 92.44792vw; margin: 0 auto; font-size: 3.38542vw; padding: 1em; }

@media screen and (min-width: 768px) { #enquete #form .q1error, #enquete #form .q2error, #enquete #form .q3error { margin: 0 auto; width: 610px; font-size: 20px; } }

#enquete #form .arrow_down { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/arrow_down.png"); width: 13.15104vw; height: 6.77083vw; margin: 9.11458vw auto 7.8125vw; }

@media screen and (min-width: 768px) { #enquete #form .arrow_down { background-image: url("../img/pc/arrow_down.png"); } }

@media screen and (min-width: 768px) { #enquete #form .arrow_down { width: 76px; height: 39px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #enquete #form .arrow_down { margin: 60px auto 45px; } }

#enquete #form .submit { display: block; width: 70.3125vw; height: 15.625vw; font-size: 5.46875vw; line-height: 15.625vw; background-color: #1e1d1d; color: #ffffff; margin: 0 auto; text-align: center; }

@media screen and (min-width: 768px) { #enquete #form .submit { width: 405px; height: 90px; font-size: 31.5px; line-height: 90px; } }

#enquete #form .top { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/btn_top.png"); width: 19.53125vw; height: 4.55729vw; margin: 7.16146vw auto 15.625vw; }

@media screen and (min-width: 768px) { #enquete #form .top { background-image: url("../img/pc/btn_top.png"); } }

@media screen and (min-width: 768px) { #enquete #form .top { width: 113px; height: 27px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #enquete #form .top { margin: 40px auto 90px; } }

#enquete footer { background-color: #1e1d1d; padding-top: 10.41667vw; padding-bottom: 1px; }

@media screen and (min-width: 768px) { #enquete footer { padding-top: 60px; } }

#enquete footer .footerlogo { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/logo_A3_w.png"); width: 41.14583vw; height: 39.0625vw; margin: 15.625vw auto 0; }

@media screen and (min-width: 768px) { #enquete footer .footerlogo { background-image: url("../img/pc/logo_A3_w.png"); } }

@media screen and (min-width: 768px) { #enquete footer .footerlogo { width: 237px; height: 225px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #enquete footer .footerlogo { margin: 100px auto 0; } }

#enquete footer .liber { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/logo_liber_w.png"); width: 43.75vw; height: 11.71875vw; margin: 7.8125vw auto 0; }

@media screen and (min-width: 768px) { #enquete footer .liber { background-image: url("../img/pc/logo_liber_w.png"); } }

@media screen and (min-width: 768px) { #enquete footer .liber { width: 252px; height: 68px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #enquete footer .liber { margin: 60px auto 0; } }

#enquete footer .copyright { font-size: 2.60417vw; text-align: center; margin-top: 9.11458vw; color: #ffffff; }

@media screen and (min-width: 768px) { #enquete footer .copyright { font-size: 15px; margin: 70px auto 0; } }

#enquete footer .attention { font-size: 2.08333vw; line-height: 3.125vw; margin: 2.60417vw 7.03125vw 4.81771vw; color: #999999; }

@media screen and (min-width: 768px) { #enquete footer .attention { font-size: 12px; line-height: 18px; margin: 15px 0; text-align: center; } }

.sponly { display: block !important; }

@media screen and (min-width: 768px) { .sponly { display: none !important; } }

.pconly { display: none !important; }

@media screen and (min-width: 768px) { .pconly { display: block !important; } }

@media screen and (min-width: 1px) { html, body { min-height: 100%; }
  body { margin: 0; padding: 0; }
  h1, h2, h3, h4, h5, h6, p, ul { margin: 0; padding: 0; }
  #blog { min-height: 100%; }
  #blog .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100%; }
  #blog .left { width: 400px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; text-align: center; background-color: #99ccff; background-image: url(../images/blog/bg_left.gif); border-right: 1px outset #999; }
  #blog .right { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-image: url(../images/blog/blog_bg.jpg); }
  #blog .right .content { width: 800px; margin: 200px auto; }
  #blog .right .date { text-align: right; font-size: 18px; }
  #blog .right hr { border: 1px inset #999; background-color: #ccffcc; height: 18px; margin: 10px 0; }
  #blog .right h2 { font-size: 60px; text-align: center; color: blue; margin: 50px 0; }
  #blog .right .body { font-size: 22px; line-height: 1.5; color: black; text-align: left; }
  #blog .right button { margin-left: 10px; margin-top: 80px; background-color: #c2c2c2; border: 1px outset #c2c2c2; }
  #blog h1 { margin-top: 50px; font-size: 30px; line-height: 1; color: #0033ff; text-align: center; }
  #blog h2 { font-size: 30px; line-height: 1; color: #ffcc00; text-align: center; }
  #blog h3 { font-size: 60px; line-height: 1.0; font-weight: bold; font-style: italic; color: #ff00ff; text-align: center; text-shadow: 0px 6px 0px rgba(0, 0, 0, 0.6); }
  #blog .since { background-color: #ffff00; color: black; display: inline-block; margin: 50px auto 20px; }
  #blog .pink { color: #ff00ff; }
  #blog p { font-size: 18px; color: #000; }
  #blog .arrow { margin: 40px auto; }
  #blog h4 { font-size: 40px; font-style: italic; color: #ffff00; text-shadow: 0px 6px 0px rgba(0, 255, 255, 0.6); margin-bottom: 30px; }
  #blog .list { margin-bottom: 10px; text-align: left; margin-left: 32px; color: #0000ff; }
  #blog .list img { vertical-align: middle; }
  #blog .list2 { margin-bottom: 20px; text-align: left; margin-left: 32px; color: #0000ff; }
  #blog .list2 img { vertical-align: middle; }
  #blog .naisho { margin-left: 32px; text-align: left; }
  #blog .naisho a { color: #99ccff; }
  .marquee { width: 400px; padding: 0.5em 0; overflow: hidden; background-color: #fff; margin-bottom: 10px; position: relative; }
  .marquee p:after { content: ""; white-space: nowrap; padding-right: 50px; }
  .marquee p { margin: 0; padding-left: 600px; display: inline-block; white-space: nowrap; -webkit-animation-name: marquee; animation-name: marquee; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; color: blue !important; text-decoration: underline; }
  @-webkit-keyframes marquee { from { -webkit-transform: translate(0%); transform: translate(0%); }
    99%, to { -webkit-transform: translate(-100%); transform: translate(-100%); } }
  @keyframes marquee { from { -webkit-transform: translate(0%); transform: translate(0%); }
    99%, to { -webkit-transform: translate(-100%); transform: translate(-100%); } } }

#news { position: relative; width: 100%; height: 156.25vw; }

@media screen and (min-width: 768px) { #news { height: 1000px; margin-top: 90px; margin-bottom: 90px; } }

#news .titlebox { position: absolute; top: 0; right: 69.53125vw; background-color: #1e1d1d; width: 30.46875vw; height: 9.11458vw; }

@media screen and (min-width: 768px) { #news .titlebox { width: 50%; height: 60px; right: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

#news .titlebox .title { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/tit_news.png"); width: 18.09896vw; height: 4.29688vw; position: absolute; top: 50%; right: 0%; -webkit-transform: translate(-10%, -50%); transform: translate(-10%, -50%); }

@media screen and (min-width: 768px) { #news .titlebox .title { background-image: url("../img/pc/tit_news.png"); } }

@media screen and (min-width: 768px) { #news .titlebox .title { width: 116px; height: 28px; max-width: 100% !important; } }

#news .more { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/btn_moreinfo.png"); width: 50.52083vw; height: 6.51042vw; }

@media screen and (min-width: 768px) { #news .more { background-image: url("../img/pc/btn_moreinfo.png"); } }

@media screen and (min-width: 768px) { #news .more { width: 310px; height: 40px; max-width: 100% !important; } }

#news .more:hover { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/btn_moreinfo_on.png"); width: 50.52083vw; height: 6.51042vw; }

@media screen and (min-width: 768px) { #news .more:hover { background-image: url("../img/pc/btn_moreinfo_on.png"); } }

@media screen and (min-width: 768px) { #news .more:hover { width: 310px; height: 40px; max-width: 100% !important; } }

#news .morebox { border-top: 1px solid #d3b572; position: relative; top: 13.02083vw; }

@media screen and (min-width: 768px) { #news .morebox { top: 92px; border-top: 1px solid #d3b572; } }

#news .morebox .andmore { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/andmore.png"); width: 27.08333vw; height: 6.51042vw; position: absolute; top: 0; right: 0; }

@media screen and (min-width: 768px) { #news .morebox .andmore { background-image: url("../img/pc/andmore.png"); } }

@media screen and (min-width: 768px) { #news .morebox .andmore { width: 125px; height: 30px; max-width: 100% !important; } }

#news .newsbox { position: relative; top: 13.02083vw; border-top: 1px solid #d3b572; height: 28.64583vw; }

@media screen and (min-width: 768px) { #news .newsbox { top: 92px; height: 220px; border-top: 1px solid #d3b572; } }

#news .item .title { position: absolute; top: 9vw; left: 50%; -webkit-transform: translateX(-46%); transform: translateX(-46%); }

@media screen and (min-width: 768px) { #news .item .title { top: 70px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

#news .item .more { position: absolute; top: 18vw; left: 50%; -webkit-transform: translateX(-44%); transform: translateX(-44%); }

@media screen and (min-width: 768px) { #news .item .more { top: 150px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

#news .num1 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/tit_news1.png"); width: 11.19792vw; height: 19.14063vw; position: absolute; top: -1vw; left: 50%; -webkit-transform: translateX(-400%); transform: translateX(-400%); z-index: 1; }

@media screen and (min-width: 768px) { #news .num1 { background-image: url("../img/pc/tit_news1.png"); } }

@media screen and (min-width: 768px) { #news .num1 { width: 114px; height: 196px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #news .num1 { top: -15px; -webkit-transform: translateX(-429%); transform: translateX(-429%); } }

#news .num2 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/tit_news2.png"); width: 12.63021vw; height: 19.14063vw; position: absolute; top: -1vw; left: 50%; -webkit-transform: translateX(-365%); transform: translateX(-365%); z-index: 1; }

@media screen and (min-width: 768px) { #news .num2 { background-image: url("../img/pc/tit_news2.png"); } }

@media screen and (min-width: 768px) { #news .num2 { width: 130px; height: 196px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #news .num2 { top: -15px; -webkit-transform: translateX(-390%); transform: translateX(-390%); } }

#news .num3 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/tit_news3.png"); width: 12.5vw; height: 19.53125vw; position: absolute; top: -1vw; left: 50%; -webkit-transform: translateX(-370%); transform: translateX(-370%); z-index: 1; }

@media screen and (min-width: 768px) { #news .num3 { background-image: url("../img/pc/tit_news3.png"); } }

@media screen and (min-width: 768px) { #news .num3 { width: 127px; height: 200px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #news .num3 { top: -15px; -webkit-transform: translateX(-398%); transform: translateX(-398%); } }

#news .num4 { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/tit_news4.png"); width: 13.67188vw; height: 19.14063vw; position: absolute; top: -1vw; left: 50%; -webkit-transform: translateX(-348%); transform: translateX(-348%); z-index: 1; }

@media screen and (min-width: 768px) { #news .num4 { background-image: url("../img/pc/tit_news4.png"); } }

@media screen and (min-width: 768px) { #news .num4 { width: 139px; height: 196px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #news .num4 { top: -15px; -webkit-transform: translateX(-370%); transform: translateX(-370%); } }

#news .item1 { background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/bg_news1.png"); width: 24.34896vw; height: 29.55729vw; width: 100% !important; background-position: 100% 0; }

@media screen and (min-width: 768px) { #news .item1 { background-image: url("../img/pc/bg_news1.png"); } }

@media screen and (min-width: 768px) { #news .item1 { width: 315px; height: 220px; max-width: 100% !important; } }

#news .item1 .title { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/cont_news1.png"); width: 77.08333vw; height: 6.77083vw; -webkit-transform: translateX(-46%); transform: translateX(-46%); }

@media screen and (min-width: 768px) { #news .item1 .title { background-image: url("../img/pc/cont_news1.png"); } }

@media screen and (min-width: 768px) { #news .item1 .title { width: 795px; height: 54px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #news .item1 .title { -webkit-transform: translateX(-46%); transform: translateX(-46%); } }

#news .item2 { background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/bg_news2.png"); width: 19.40104vw; height: 27.08333vw; width: 100% !important; background-position: 100% 0; }

@media screen and (min-width: 768px) { #news .item2 { background-image: url("../img/pc/bg_news2.png"); } }

@media screen and (min-width: 768px) { #news .item2 { width: 276px; height: 208px; max-width: 100% !important; } }

#news .item2 .title { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/cont_news2.png"); width: 52.08333vw; height: 6.77083vw; -webkit-transform: translateX(-68%); transform: translateX(-68%); }

@media screen and (min-width: 768px) { #news .item2 .title { background-image: url("../img/pc/cont_news2.png"); } }

@media screen and (min-width: 768px) { #news .item2 .title { width: 509px; height: 57px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #news .item2 .title { -webkit-transform: translateX(-71%); transform: translateX(-71%); } }

#news .item3 { background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/bg_news3.png"); width: 24.60938vw; height: 25vw; width: 100% !important; background-position: 100% 0; }

@media screen and (min-width: 768px) { #news .item3 { background-image: url("../img/pc/bg_news3.png"); } }

@media screen and (min-width: 768px) { #news .item3 { width: 316px; height: 192px; max-width: 100% !important; } }

#news .item3 .title { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/cont_news3.png"); width: 75.65104vw; height: 6.77083vw; -webkit-transform: translateX(-46%); transform: translateX(-46%); }

@media screen and (min-width: 768px) { #news .item3 .title { background-image: url("../img/pc/cont_news3.png"); } }

@media screen and (min-width: 768px) { #news .item3 .title { width: 803px; height: 53px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #news .item3 .title { -webkit-transform: translateX(-45%); transform: translateX(-45%); } }

#news .item4 { background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/bg_news4.png"); width: 19.79167vw; height: 28.51563vw; width: 100% !important; background-position: 100% 0; }

@media screen and (min-width: 768px) { #news .item4 { background-image: url("../img/pc/bg_news4.png"); } }

@media screen and (min-width: 768px) { #news .item4 { width: 279px; height: 219px; max-width: 100% !important; } }

#news .item4 .title { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/cont_news4.png"); width: 63.41146vw; height: 6.77083vw; -webkit-transform: translateX(-54%); transform: translateX(-54%); }

@media screen and (min-width: 768px) { #news .item4 .title { background-image: url("../img/pc/cont_news4.png"); } }

@media screen and (min-width: 768px) { #news .item4 .title { width: 644px; height: 64px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #news .item4 .title { -webkit-transform: translateX(-56%); transform: translateX(-56%); } }

#pv { position: relative; width: 100vw; height: 64.32292vw; overflow: hidden; }

@media screen and (min-width: 768px) { #pv { width: 100%; height: 707px; } }

#pv .background { width: 100vw; height: 64.32292vw; overflow: hidden; }

@media screen and (min-width: 768px) { #pv .background { width: 100%; height: 709px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

#pv .background .background-wrap { position: relative; top: 0; left: 0; z-index: -1; min-width: 100%; min-height: 100%; overflow: hidden; }

#pv .background .background-wrap .background-movie { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#pv .background .background-wrap #background-movie-player { width: 120vw; height: 64.32292vw; -webkit-box-flex: 0; -ms-flex: none; flex: none; }

@media screen and (min-width: 768px) { #pv .background .background-wrap #background-movie-player { width: 1920px; height: 709px; } }

#pv .cover { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/cover_pv.png"); width: 100vw; height: 64.32292vw; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-position: center center; background-size: cover; }

@media screen and (min-width: 768px) { #pv .cover { background-image: url("../img/pc/cover_pv.png"); } }

@media screen and (min-width: 768px) { #pv .cover { width: 1920px; height: 709px; max-width: 100% !important; } }

#pv .play { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/btn_pvplay.png"); width: 24.47917vw; height: 11.84896vw; position: absolute; top: 42.96875vw; left: 70.3125vw; }

@media screen and (min-width: 768px) { #pv .play { background-image: url("../img/pc/btn_pvplay.png"); } }

@media screen and (min-width: 768px) { #pv .play { width: 269px; height: 130px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #pv .play { top: 490px; left: 50%; -webkit-transform: translateX(88%); transform: translateX(88%); } }

#modal-content { width: 80%; margin: 0; padding: 0; background: #fff; position: fixed; display: none; z-index: 99999; }

#modal-content .inner { position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; }

#modal-content .inner #player { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

#modal-overlay { z-index: 9999; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 120%; background-color: rgba(0, 0, 0, 0.75); }

.button { width: 84.63542vw; margin: 13.02083vw auto; position: relative; height: 49.47917vw; border-radius: 0px; }

.button.aos-animate .hoverBtn:before, .button.aos-animate .hoverBtn:after { opacity: 1; -webkit-animation: open 0.4s 1.2s; /* Chrome, Safari, Opera */ animation: open 0.4s 1.2s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-animation-direction: normal; animation-direction: normal; }

.button.aos-animate .hoverBtn-bottom:before, .button.aos-animate .hoverBtn-bottom:after { opacity: 1; -webkit-animation: openB 0.4s 1.2s; /* Chrome, Safari, Opera */ animation: openB 0.4s; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-animation-direction: normal; animation-direction: normal; }

.hoverBtn { width: 100%; height: 49.47917vw; position: absolute; top: -1px; }

.hoverBtn:before { position: absolute; content: ''; height: 0; width: 0; display: block; opacity: 0; border-top: solid 0.26042vw #d3b572; border-left: solid 0.26042vw #d3b572; -moz-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; right: 42.31771vw; }

.hoverBtn:after { position: absolute; content: ''; height: 0; width: 0; display: block; opacity: 0; border-top: solid 0.26042vw #d3b572; border-right: solid 0.26042vw #d3b572; -moz-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; left: 42.31771vw; }

.hoverBtn-bottom { width: 100%; height: 49.47917vw; position: absolute; top: 0; left: 0; }

.hoverBtn-bottom:before { position: absolute; content: ''; height: 0; width: 0; display: block; opacity: 0; height: 49.47917vw; border-bottom: solid 0.26042vw #d3b572; -moz-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; right: 0; }

.hoverBtn-bottom:after { position: absolute; content: ''; height: 0; width: 0; display: block; opacity: 0; height: 49.47917vw; border-bottom: solid 0.26042vw #d3b572; -moz-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; left: 0; }

@-webkit-keyframes open { 0% { width: 0;
    height: 0; }
  50% { width: 42.31771vw;
    height: 0; }
  100% { width: 42.31771vw;
    height: 49.47917vw; } }

@keyframes open { 0% { width: 0;
    height: 0; }
  50% { width: 42.31771vw;
    height: 0; }
  100% { width: 42.31771vw;
    height: 49.47917vw; } }

@-webkit-keyframes openB { 0% { width: 0px; }
  100% { width: 42.31771vw; } }

@keyframes openB { 0% { width: 0px; }
  100% { width: 42.31771vw; } }

@-webkit-keyframes openPC { 0% { width: 0;
    height: 0; }
  50% { width: 394px;
    height: 0; }
  100% { width: 394px;
    height: 285px; } }

@keyframes openPC { 0% { width: 0;
    height: 0; }
  50% { width: 394px;
    height: 0; }
  100% { width: 394px;
    height: 285px; } }

@-webkit-keyframes openBPC { 0% { width: 0px; }
  100% { width: 394px; } }

@keyframes openBPC { 0% { width: 0px; }
  100% { width: 394px; } }

@media screen and (min-width: 768px) { .button { width: 788px; margin: 100px auto 81px; position: relative; height: 285px; border-radius: 0px; }
  .button.aos-animate .hoverBtn:before, .button.aos-animate .hoverBtn:after { opacity: 1; -webkit-animation: openPC 0.4s 1.2s; /* Chrome, Safari, Opera */ animation: openPC 0.4s 1.2s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-animation-direction: normal; animation-direction: normal; }
  .button.aos-animate .hoverBtn-bottom:before, .button.aos-animate .hoverBtn-bottom:after { opacity: 1; -webkit-animation: openBPC 0.4s 1.2s; /* Chrome, Safari, Opera */ animation: openBPC 0.4s; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-animation-direction: normal; animation-direction: normal; }
  .hoverBtn { width: 100%; height: 285px; position: absolute; top: -1px; }
  .hoverBtn:before { position: absolute; content: ''; height: 0; width: 0; display: block; opacity: 0; border-top: solid 2px #d3b572; border-left: solid 2px #d3b572; -moz-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; right: 394px; }
  .hoverBtn:after { position: absolute; content: ''; height: 0; width: 0; display: block; opacity: 0; border-top: solid 2px #d3b572; border-right: solid 2px #d3b572; -moz-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; left: 394px; }
  .hoverBtn-bottom { width: 100%; height: 285px; position: absolute; top: 0; left: 0; }
  .hoverBtn-bottom:before { position: absolute; content: ''; height: 0; width: 0; display: block; opacity: 0; height: 285px; border-bottom: solid 2px #d3b572; -moz-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; right: 0; }
  .hoverBtn-bottom:after { position: absolute; content: ''; height: 0; width: 0; display: block; opacity: 0; height: 285px; border-bottom: solid 2px #d3b572; -moz-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; left: 0; } }

.totop { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/totop.png"); width: 11.71875vw; height: 8.72396vw; position: fixed; right: 1.30208vw; bottom: -16.92708vw; -webkit-transition: all .3s; transition: all .3s; }

@media screen and (min-width: 768px) { .totop { background-image: url("../img/pc/totop.png"); } }

@media screen and (min-width: 768px) { .totop { width: 135px; height: 100px; max-width: 100% !important; } }

.totop.inside { bottom: 0px; }

.menuModal { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/btn_menu.png"); width: 11.71875vw; height: 5.85938vw; position: absolute; top: 3.25521vw; right: 0; }

@media screen and (min-width: 768px) { .menuModal { background-image: url("../img/pc/btn_menu.png"); } }

@media screen and (min-width: 768px) { .menuModal { width: 135px; height: 45px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { .menuModal { top: 50px; } }

.menuModalClose { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/btn_menu_close.png"); width: 11.84896vw; height: 5.85938vw; position: absolute; top: 3.25521vw; right: 0; }

@media screen and (min-width: 768px) { .menuModalClose { background-image: url("../img/pc/btn_menu_close.png"); } }

@media screen and (min-width: 768px) { .menuModalClose { width: 135px; height: 45px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { .menuModalClose { top: 50px; } }

.newsModalClose { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/btn_close.png"); width: 15.625vw; height: 15.625vw; -webkit-animation: aniForUpdate 1s infinite; animation: aniForUpdate 1s infinite; position: fixed; top: 0; right: 0; }

@media screen and (min-width: 768px) { .newsModalClose { background-image: url("../img/pc/btn_close.png"); } }

@media screen and (min-width: 768px) { .newsModalClose { width: 120px; height: 120px; max-width: 100% !important; } }

.newsModalClose:hover { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/btn_close_on.png"); width: 15.625vw; height: 15.625vw; }

@media screen and (min-width: 768px) { .newsModalClose:hover { background-image: url("../img/pc/btn_close_on.png"); } }

@media screen and (min-width: 768px) { .newsModalClose:hover { width: 120px; height: 120px; max-width: 100% !important; } }

.newsbar { background: #fff; width: 100%; position: relative; top: 0; right: 15.625vw; height: 15.625vw; }

@media screen and (min-width: 768px) { .newsbar { height: 120px; top: 0; right: 120px; } }

.newscontent { position: relative; background: #fff; right: 15.625vw; }

@media screen and (min-width: 768px) { .newscontent { padding: 60px 0; right: 120px; } }

.newscontent:after { content: ''; position: fixed; top: 15.625vw; right: 0; background: #fff; width: 15.625vw; height: calc(100vh - 15.625vw); }

@media screen and (min-width: 768px) { .newscontent:after { top: 120px; width: 120px; height: calc(100vh - 120px); } }

.newscontent .inner { -webkit-animation: aniForUpdate 1s infinite; animation: aniForUpdate 1s infinite; min-height: calc(100vh - 15.625vw); -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-top: 10.41667vw; padding-left: 31.25vw; }

@media screen and (min-width: 768px) { .newscontent .inner { width: 760px; min-height: calc(100vh - 240px); padding-top: 0; padding-left: 120px; margin: 0 auto; } }

.newscontent .inner .date { font-size: 2.60417vw; font-weight: 700; margin-bottom: 2.60417vw; }

@media screen and (min-width: 768px) { .newscontent .inner .date { font-size: 16px; margin-bottom: 10px; } }

.newscontent .inner .title { font-size: 6.51042vw; font-weight: 600; padding-bottom: 1.95313vw; margin-bottom: 6.51042vw; border-bottom: 1px solid #1e1d1d; }

@media screen and (min-width: 768px) { .newscontent .inner .title { font-size: 40px; padding-bottom: 10px; margin-bottom: 40px; border-bottom: 1px solid #1e1d1d; } }

.newscontent .inner .img { margin-bottom: 5.20833vw; width: 100%; }

@media screen and (min-width: 768px) { .newscontent .inner .img { margin-bottom: 30px; } }

.newscontent .inner .img img { width: 100%; }

.newscontent .inner .txt { font-size: 3.38542vw; line-height: 6.77083vw; font-weight: 500; margin-bottom: 10.41667vw; }

@media screen and (min-width: 768px) { .newscontent .inner .txt { font-size: 20px; line-height: 40px; margin-bottom: 50px; } }

.newscontent .inner .txt_info { font-size: 3.38542vw; line-height: 6.77083vw; font-weight: 500; margin-bottom: 10.41667vw; color: #ff0085; }

@media screen and (min-width: 768px) { .newscontent .inner .txt_info { font-size: 20px; line-height: 40px; margin-bottom: 50px; } }

.newscontent .inner .share { background-size: 100% auto; background-position: center top; -webkit-transition-property: all; transition-property: all; overflow: hidden; height: 20.02083vw; width: 37.76042vw; margin: 0 0 0 auto; }

@media screen and (min-width: 768px) { .newscontent .inner .share { height: 100px; width: 135px; } }

.newscontent .inner .share .txt_share { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/txt_share.png"); width: 37.76042vw; height: 3.77604vw; }

@media screen and (min-width: 768px) { .newscontent .inner .share .txt_share { background-image: url("../img/pc/txt_share.png"); } }

@media screen and (min-width: 768px) { .newscontent .inner .share .txt_share { width: 135px; height: 23px; max-width: 100% !important; } }

.newscontent .inner .share .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 4vw 2vw; }

@media screen and (min-width: 768px) { .newscontent .inner .share .box { padding: 20px 5px; border-bottom: 6px solid #1e1d1d; } }

.newscontent .inner .share .btn_tw { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/ico_tw.png"); width: 6.77083vw; height: 5.46875vw; }

@media screen and (min-width: 768px) { .newscontent .inner .share .btn_tw { background-image: url("../img/pc/ico_tw.png"); } }

@media screen and (min-width: 768px) { .newscontent .inner .share .btn_tw { width: 32px; height: 26px; max-width: 100% !important; } }

.newscontent .inner .share .btn_fb { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/ico_fb.png"); width: 3.38542vw; height: 6.64063vw; }

@media screen and (min-width: 768px) { .newscontent .inner .share .btn_fb { background-image: url("../img/pc/ico_fb.png"); } }

@media screen and (min-width: 768px) { .newscontent .inner .share .btn_fb { width: 16px; height: 30px; max-width: 100% !important; } }

.newscontent .inner .share .btn_line { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/ico_line.png"); width: 7.68229vw; height: 7.29167vw; }

@media screen and (min-width: 768px) { .newscontent .inner .share .btn_line { background-image: url("../img/pc/ico_line.png"); } }

@media screen and (min-width: 768px) { .newscontent .inner .share .btn_line { width: 36px; height: 34px; max-width: 100% !important; } }

.iziModal { -webkit-box-shadow: none; box-shadow: none; background: transparent; width: 100%; max-width: 100% !important; }

.iziModal ::-webkit-scrollbar { /* overflow: visible; */ height: 0px; width: 0px; }

.iziModal-content { height: 100vh; }

@media screen and (max-width: 767px) { .iziModal::after { content: ''; background: white; width: 100vw; height: 117vh !important; position: absolute; bottom: -40vh !important; left: 0; z-index: -1; -webkit-animation: iziM-fadeIn .5s both; animation: iziM-fadeIn .5s both; }
  #menuModal.iziModal::after { display: none; background: transparent; } }

#menuModal .navi { width: 86.97917vw; margin: auto; }

@media screen and (min-width: 768px) { #menuModal .navi { width: 668px; } }

#menuModal a.ss2 { display: block; margin: 9.11458vw 0; padding: 0.65104vw 1.30208vw; -webkit-box-sizing: content-box; box-sizing: content-box; }

@media screen and (min-width: 768px) { #menuModal a.ss2 { margin: 50px 0; padding: 5px 10px; background-size: contain !important; } }

#menuModal a.ss2:hover { background-color: #d3b572; }

#menuModal .menu_home { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/menu_home.png"); width: 24.86979vw; height: 5.59896vw; margin: 24.73958vw 0 18.22917vw !important; background-size: 24.86979vw 5.59896vw; }

@media screen and (min-width: 768px) { #menuModal .menu_home { background-image: url("../img/pc/menu_home.png"); } }

@media screen and (min-width: 768px) { #menuModal .menu_home { width: 191px; height: 43px; max-width: 100% !important; } }

@media screen and (min-width: 768px) { #menuModal .menu_home { margin: 100px 0 !important; } }

#menuModal .menu_members { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/menu_members.png"); width: 83.98438vw; height: 5.59896vw; background-size: 83.98438vw 5.59896vw; }

@media screen and (min-width: 768px) { #menuModal .menu_members { background-image: url("../img/pc/menu_members.png"); } }

@media screen and (min-width: 768px) { #menuModal .menu_members { width: 645px; height: 43px; max-width: 100% !important; } }

#menuModal .menu_blog { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/menu_blog.png"); width: 22.26563vw; height: 5.59896vw; background-size: 22.26563vw 5.59896vw; }

@media screen and (min-width: 768px) { #menuModal .menu_blog { background-image: url("../img/pc/menu_blog.png"); } }

@media screen and (min-width: 768px) { #menuModal .menu_blog { width: 171px; height: 43px; max-width: 100% !important; } }

#menuModal .menu_twitter { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/menu_twitter.png"); width: 26.17188vw; height: 5.72917vw; background-size: 26.17188vw 5.59896vw; }

@media screen and (min-width: 768px) { #menuModal .menu_twitter { background-image: url("../img/pc/menu_twitter.png"); } }

@media screen and (min-width: 768px) { #menuModal .menu_twitter { width: 201px; height: 44px; max-width: 100% !important; } }

#menuModal .menu_news { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/menu_news.png"); width: 23.17708vw; height: 5.59896vw; background-size: 23.17708vw 5.59896vw; }

@media screen and (min-width: 768px) { #menuModal .menu_news { background-image: url("../img/pc/menu_news.png"); } }

@media screen and (min-width: 768px) { #menuModal .menu_news { width: 178px; height: 43px; max-width: 100% !important; } }

#menuModal .menu_pv { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/menu_pv.png"); width: 10.54688vw; height: 5.46875vw; background-size: 10.54688vw 5.59896vw; }

@media screen and (min-width: 768px) { #menuModal .menu_pv { background-image: url("../img/pc/menu_pv.png"); } }

@media screen and (min-width: 768px) { #menuModal .menu_pv { width: 81px; height: 42px; max-width: 100% !important; } }

#menuModal .menu_freepaper { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/sp/menu_freepaper.png"); width: 46.875vw; height: 5.46875vw; background-size: 46.875vw 5.59896vw; }

@media screen and (min-width: 768px) { #menuModal .menu_freepaper { background-image: url("../img/pc/menu_freepaper.png"); } }

@media screen and (min-width: 768px) { #menuModal .menu_freepaper { width: 360px; height: 42px; max-width: 100% !important; } }