@charset "UTF-8";
/* CSS Document */
/* Accorder inc. Version 1.03 */
/* v1.03 Update 2014.1.13 by Shin */
/* v1.02 Update 2011.9.26 by ichiyama */
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline;
}

:focus {
			outline: 0;
}

body {
			line-height: 1;
			color: black;
			background: white;
}

ol, ul {
			list-style: none;
}

table {
			border-collapse: collapse;
			border-spacing: 0;
}

caption, th, td {
			text-align: left;
			font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
			content: "";
}

blockquote, q {
			quotes: "" "";
}

/* Base Style */
html {
			font-size: 12px;
			color: #1A1A1A;
			-ms-text-size-adjust: 100%;
			-webkit-text-size-adjust: 100%;
}

body {
			font-size: 100%;
}

dt, dd, li, pre, p, blockquote, th, td, address, input, textarea {
			font-size: 100%;
			line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
			font-size: 100%;
			font-weight: normal;
			line-height: 1.5em;
			color: #1A1A1A;
}

.clearfix:after {
			content: ".";
			display: block;
			height: 0px;
			clear: both;
			visibility: hidden;
} /* Crearfix for Modern Browsers including Firefox, Opera, Safari, etc */
.clearfix {
			display: inline-block;
} /* For Windows IE7 and Mac IE5 */
* html .clearfix {
			height: 1px;
} /* For Windows IE5/IE6: Hides from IE-mac */
.clearfix {
			display: block;
}

.clear {
			clear: both;
} /* End hide from IE-mac */
html {
			overflow-y: scroll;
} /* For FireFox scrolling */
img {
			-ms-interpolation-mode: bicubic;
			image-rendering: optimizequality;
			vertical-align: bottom;
} /* Better images when resized for IE7, FF3.5+ */
a {
			text-decoration: none;
}

a:hover {
			text-decoration: underline;
}

/* font-size */
.fs5 {
			font-size: 5px;
}

.fs6 {
			font-size: 6px;
}

.fs7 {
			font-size: 7px;
}

.fs8 {
			font-size: 8px;
}

.fs9 {
			font-size: 9px;
}

.fs10 {
			font-size: 10px;
}

.fs11 {
			font-size: 11px;
}

.fs12 {
			font-size: 12px;
}

.fs13 {
			font-size: 13px;
}

.fs14 {
			font-size: 14px;
}

.fs15 {
			font-size: 15px;
}

.fs16 {
			font-size: 16px;
}

.fs17 {
			font-size: 17px;
}

.fs18 {
			font-size: 18px;
}

.fs19 {
			font-size: 19px;
}

.fs20 {
			font-size: 20px;
}

.fs25 {
			font-size: 25px;
}

.fs30 {
			font-size: 30px;
}

.fs35 {
			font-size: 35px;
}

.fs40 {
			font-size: 40px;
}

/* font-weight */
.fwn {
			font-weight: normal;
}

.fwb {
			font-weight: bold;
}

/* letter-spacing */
.ls00 {
			letter-spacing: 0em;
}

.ls01 {
			letter-spacing: 0.1em;
}

.ls02 {
			letter-spacing: 0.2em;
}

.ls03 {
			letter-spacing: 0.3em;
}

.ls04 {
			letter-spacing: 0.4em;
}

.ls05 {
			letter-spacing: 0.5em;
}

.ls06 {
			letter-spacing: 0.6em;
}

.ls07 {
			letter-spacing: 0.7em;
}

.ls08 {
			letter-spacing: 0.8em;
}

.ls09 {
			letter-spacing: 0.9em;
}

.ls10 {
			letter-spacing: 1em;
}

.ls11 {
			letter-spacing: 1.1em;
}

.ls12 {
			letter-spacing: 1.2em;
}

.ls13 {
			letter-spacing: 1.3em;
}

.ls14 {
			letter-spacing: 1.4em;
}

.ls15 {
			letter-spacing: 1.5em;
}

.ls16 {
			letter-spacing: 1.6em;
}

.ls17 {
			letter-spacing: 1.7em;
}

.ls18 {
			letter-spacing: 1.8em;
}

.ls19 {
			letter-spacing: 1.9em;
}

.ls20 {
			letter-spacing: 2em;
}

/* line-height */
.lh10 {
			line-height: 1em;
}

.lh11 {
			line-height: 1.1em;
}

.lh12 {
			line-height: 1.2em;
}

.lh13 {
			line-height: 1.3em;
}

.lh14 {
			line-height: 1.4em;
}

.lh15 {
			line-height: 1.5em;
}

.lh16 {
			line-height: 1.6em;
}

.lh17 {
			line-height: 1.7em;
}

.lh18 {
			line-height: 1.8em;
}

.lh19 {
			line-height: 1.9em;
}

.lh20 {
			line-height: 2em;
}

.lh21 {
			line-height: 2.1em;
}

.lh22 {
			line-height: 2.2em;
}

.lh23 {
			line-height: 2.3em;
}

.lh24 {
			line-height: 2.4em;
}

.lh25 {
			line-height: 2.5em;
}

.lh26 {
			line-height: 2.6em;
}

.lh27 {
			line-height: 2.7em;
}

.lh28 {
			line-height: 2.8em;
}

.lh29 {
			line-height: 2.9em;
}

.lh30 {
			line-height: 3em;
}

.lh31 {
			line-height: 3.1em;
}

.lh32 {
			line-height: 3.2em;
}

.lh33 {
			line-height: 3.3em;
}

.lh34 {
			line-height: 3.4em;
}

.lh35 {
			line-height: 3.5em;
}

.lh36 {
			line-height: 3.6em;
}

.lh37 {
			line-height: 3.7em;
}

.lh38 {
			line-height: 3.8em;
}

.lh39 {
			line-height: 3.9em;
}

.lh40 {
			line-height: 4em;
}

/* float */
.floatLeft {
			float: left;
}

.floatRight {
			float: right;
}

/* margin all */
.ma0 {
			margin: 0px;
}

.ma1 {
			margin: 1px;
}

.ma2 {
			margin: 2px;
}

.ma3 {
			margin: 3px;
}

.ma4 {
			margin: 4px;
}

.ma5 {
			margin: 5px;
}

.ma6 {
			margin: 6px;
}

.ma7 {
			margin: 7px;
}

.ma8 {
			margin: 8px;
}

.ma9 {
			margin: 9px;
}

.ma10 {
			margin: 10px;
}

.ma15 {
			margin: 15px;
}

.ma20 {
			margin: 20px;
}

.ma25 {
			margin: 25px;
}

.ma30 {
			margin: 30px;
}

.ma35 {
			margin: 35px;
}

.ma40 {
			margin: 40px;
}

.ma45 {
			margin: 45px;
}

.ma50 {
			margin: 50px;
}

.ma55 {
			margin: 55px;
}

.ma60 {
			margin: 60px;
}

.ma65 {
			margin: 65px;
}

.ma70 {
			margin: 70px;
}

.ma75 {
			margin: 75px;
}

.ma80 {
			margin: 80px;
}

.ma85 {
			margin: 85px;
}

.ma90 {
			margin: 90px;
}

.ma95 {
			margin: 95px;
}

.ma100 {
			margin: 100px;
}

.ma105 {
			margin: 105px;
}

.ma110 {
			margin: 110px;
}

.ma115 {
			margin: 115px;
}

.ma120 {
			margin: 120px;
}

.ma125 {
			margin: 125px;
}

.ma130 {
			margin: 130px;
}

.ma135 {
			margin: 135px;
}

.ma140 {
			margin: 140px;
}

.ma145 {
			margin: 145px;
}

.ma150 {
			margin: 150px;
}

.ma155 {
			margin: 155px;
}

.ma160 {
			margin: 160px;
}

.ma165 {
			margin: 165px;
}

.ma170 {
			margin: 170px;
}

.ma175 {
			margin: 175px;
}

.ma180 {
			margin: 180px;
}

.ma185 {
			margin: 185px;
}

.ma190 {
			margin: 190px;
}

.ma195 {
			margin: 195px;
}

.ma200 {
			margin: 200px;
}

.ma205 {
			margin: 205px;
}

.ma210 {
			margin: 210px;
}

.ma215 {
			margin: 215px;
}

.ma220 {
			margin: 220px;
}

.ma225 {
			margin: 225px;
}

.ma230 {
			margin: 230px;
}

.ma235 {
			margin: 235px;
}

.ma240 {
			margin: 240px;
}

.ma245 {
			margin: 245px;
}

.ma250 {
			margin: 250px;
}

.ma255 {
			margin: 255px;
}

.ma260 {
			margin: 260px;
}

.ma265 {
			margin: 265px;
}

.ma270 {
			margin: 270px;
}

.ma275 {
			margin: 275px;
}

.ma280 {
			margin: 280px;
}

.ma285 {
			margin: 285px;
}

.ma290 {
			margin: 290px;
}

.ma295 {
			margin: 295px;
}

.ma300 {
			margin: 300px;
}

.ma305 {
			margin: 305px;
}

.ma310 {
			margin: 310px;
}

.ma315 {
			margin: 315px;
}

.ma320 {
			margin: 320px;
}

.ma325 {
			margin: 325px;
}

.ma330 {
			margin: 330px;
}

.ma335 {
			margin: 335px;
}

.ma340 {
			margin: 340px;
}

.ma345 {
			margin: 345px;
}

.ma350 {
			margin: 350px;
}

.ma355 {
			margin: 355px;
}

.ma360 {
			margin: 360px;
}

.ma365 {
			margin: 365px;
}

.ma370 {
			margin: 370px;
}

.ma375 {
			margin: 375px;
}

.ma380 {
			margin: 380px;
}

.ma385 {
			margin: 385px;
}

.ma390 {
			margin: 390px;
}

.ma395 {
			margin: 395px;
}

.ma400 {
			margin: 400px;
}

.ma405 {
			margin: 405px;
}

.ma410 {
			margin: 410px;
}

.ma415 {
			margin: 415px;
}

.ma420 {
			margin: 420px;
}

.ma425 {
			margin: 425px;
}

.ma430 {
			margin: 430px;
}

.ma435 {
			margin: 435px;
}

.ma440 {
			margin: 440px;
}

.ma445 {
			margin: 445px;
}

.ma450 {
			margin: 450px;
}

.ma455 {
			margin: 455px;
}

.ma460 {
			margin: 460px;
}

.ma465 {
			margin: 465px;
}

.ma470 {
			margin: 470px;
}

.ma475 {
			margin: 475px;
}

.ma480 {
			margin: 480px;
}

.ma485 {
			margin: 485px;
}

.ma490 {
			margin: 490px;
}

.ma495 {
			margin: 495px;
}

.ma500 {
			margin: 500px;
}

/* margin-top */
.mt0 {
			margin-top: 0px;
}

.mt1 {
			margin-top: 1px;
}

.mt2 {
			margin-top: 2px;
}

.mt3 {
			margin-top: 3px;
}

.mt4 {
			margin-top: 4px;
}

.mt5 {
			margin-top: 5px;
}

.mt6 {
			margin-top: 6px;
}

.mt7 {
			margin-top: 7px;
}

.mt8 {
			margin-top: 8px;
}

.mt9 {
			margin-top: 9px;
}

.mt10 {
			margin-top: 10px;
}

.mt10 {
			margin-top: 10px;
}

.mt15 {
			margin-top: 15px;
}

.mt20 {
			margin-top: 20px;
}

.mt25 {
			margin-top: 25px;
}

.mt30 {
			margin-top: 30px;
}

.mt35 {
			margin-top: 35px;
}

.mt40 {
			margin-top: 40px;
}

.mt45 {
			margin-top: 45px;
}

.mt50 {
			margin-top: 50px;
}

.mt55 {
			margin-top: 55px;
}

.mt60 {
			margin-top: 60px;
}

.mt65 {
			margin-top: 65px;
}

.mt70 {
			margin-top: 70px;
}

.mt75 {
			margin-top: 75px;
}

.mt80 {
			margin-top: 80px;
}

.mt85 {
			margin-top: 85px;
}

.mt90 {
			margin-top: 90px;
}

.mt95 {
			margin-top: 95px;
}

.mt100 {
			margin-top: 100px;
}

.mt105 {
			margin-top: 105px;
}

.mt110 {
			margin-top: 110px;
}

.mt115 {
			margin-top: 115px;
}

.mt120 {
			margin-top: 120px;
}

.mt125 {
			margin-top: 125px;
}

.mt130 {
			margin-top: 130px;
}

.mt135 {
			margin-top: 135px;
}

.mt140 {
			margin-top: 140px;
}

.mt145 {
			margin-top: 145px;
}

.mt150 {
			margin-top: 150px;
}

.mt155 {
			margin-top: 155px;
}

.mt160 {
			margin-top: 160px;
}

.mt165 {
			margin-top: 165px;
}

.mt170 {
			margin-top: 170px;
}

.mt175 {
			margin-top: 175px;
}

.mt180 {
			margin-top: 180px;
}

.mt185 {
			margin-top: 185px;
}

.mt190 {
			margin-top: 190px;
}

.mt195 {
			margin-top: 195px;
}

.mt200 {
			margin-top: 200px;
}

.mt205 {
			margin-top: 205px;
}

.mt210 {
			margin-top: 210px;
}

.mt215 {
			margin-top: 215px;
}

.mt220 {
			margin-top: 220px;
}

.mt225 {
			margin-top: 225px;
}

.mt230 {
			margin-top: 230px;
}

.mt235 {
			margin-top: 235px;
}

.mt240 {
			margin-top: 240px;
}

.mt245 {
			margin-top: 245px;
}

.mt250 {
			margin-top: 250px;
}

.mt255 {
			margin-top: 255px;
}

.mt260 {
			margin-top: 260px;
}

.mt265 {
			margin-top: 265px;
}

.mt270 {
			margin-top: 270px;
}

.mt275 {
			margin-top: 275px;
}

.mt280 {
			margin-top: 280px;
}

.mt285 {
			margin-top: 285px;
}

.mt290 {
			margin-top: 290px;
}

.mt295 {
			margin-top: 295px;
}

.mt300 {
			margin-top: 300px;
}

.mt305 {
			margin-top: 305px;
}

.mt310 {
			margin-top: 310px;
}

.mt315 {
			margin-top: 315px;
}

.mt320 {
			margin-top: 320px;
}

.mt325 {
			margin-top: 325px;
}

.mt330 {
			margin-top: 330px;
}

.mt335 {
			margin-top: 335px;
}

.mt340 {
			margin-top: 340px;
}

.mt345 {
			margin-top: 345px;
}

.mt350 {
			margin-top: 350px;
}

.mt355 {
			margin-top: 355px;
}

.mt360 {
			margin-top: 360px;
}

.mt365 {
			margin-top: 365px;
}

.mt370 {
			margin-top: 370px;
}

.mt375 {
			margin-top: 375px;
}

.mt380 {
			margin-top: 380px;
}

.mt385 {
			margin-top: 385px;
}

.mt390 {
			margin-top: 390px;
}

.mt395 {
			margin-top: 395px;
}

.mt400 {
			margin-top: 400px;
}

.mt405 {
			margin-top: 405px;
}

.mt410 {
			margin-top: 410px;
}

.mt415 {
			margin-top: 415px;
}

.mt420 {
			margin-top: 420px;
}

.mt425 {
			margin-top: 425px;
}

.mt430 {
			margin-top: 430px;
}

.mt435 {
			margin-top: 435px;
}

.mt440 {
			margin-top: 440px;
}

.mt445 {
			margin-top: 445px;
}

.mt450 {
			margin-top: 450px;
}

.mt455 {
			margin-top: 455px;
}

.mt460 {
			margin-top: 460px;
}

.mt465 {
			margin-top: 465px;
}

.mt470 {
			margin-top: 470px;
}

.mt475 {
			margin-top: 475px;
}

.mt480 {
			margin-top: 480px;
}

.mt485 {
			margin-top: 485px;
}

.mt490 {
			margin-top: 490px;
}

.mt495 {
			margin-top: 495px;
}

.mt500 {
			margin-top: 500px;
}

/* margin-right */
.mr0 {
			margin-right: 0px;
}

.mr1 {
			margin-right: 1px;
}

.mr2 {
			margin-right: 2px;
}

.mr3 {
			margin-right: 3px;
}

.mr4 {
			margin-right: 4px;
}

.mr5 {
			margin-right: 5px;
}

.mr6 {
			margin-right: 6px;
}

.mr7 {
			margin-right: 7px;
}

.mr8 {
			margin-right: 8px;
}

.mr9 {
			margin-right: 9px;
}

.mr10 {
			margin-right: 10px;
}

.mr15 {
			margin-right: 15px;
}

.mr20 {
			margin-right: 20px;
}

.mr25 {
			margin-right: 25px;
}

.mr30 {
			margin-right: 30px;
}

.mr35 {
			margin-right: 35px;
}

.mr40 {
			margin-right: 40px;
}

.mr45 {
			margin-right: 45px;
}

.mr50 {
			margin-right: 50px;
}

.mr55 {
			margin-right: 55px;
}

.mr60 {
			margin-right: 60px;
}

.mr65 {
			margin-right: 65px;
}

.mr70 {
			margin-right: 70px;
}

.mr75 {
			margin-right: 75px;
}

.mr80 {
			margin-right: 80px;
}

.mr85 {
			margin-right: 85px;
}

.mr90 {
			margin-right: 90px;
}

.mr95 {
			margin-right: 95px;
}

.mr100 {
			margin-right: 100px;
}

.mr105 {
			margin-right: 105px;
}

.mr110 {
			margin-right: 110px;
}

.mr115 {
			margin-right: 115px;
}

.mr120 {
			margin-right: 120px;
}

.mr125 {
			margin-right: 125px;
}

.mr130 {
			margin-right: 130px;
}

.mr135 {
			margin-right: 135px;
}

.mr140 {
			margin-right: 140px;
}

.mr145 {
			margin-right: 145px;
}

.mr150 {
			margin-right: 150px;
}

.mr155 {
			margin-right: 155px;
}

.mr160 {
			margin-right: 160px;
}

.mr165 {
			margin-right: 165px;
}

.mr170 {
			margin-right: 170px;
}

.mr175 {
			margin-right: 175px;
}

.mr180 {
			margin-right: 180px;
}

.mr185 {
			margin-right: 185px;
}

.mr190 {
			margin-right: 190px;
}

.mr195 {
			margin-right: 195px;
}

.mr200 {
			margin-right: 200px;
}

.mr205 {
			margin-right: 205px;
}

.mr210 {
			margin-right: 210px;
}

.mr215 {
			margin-right: 215px;
}

.mr220 {
			margin-right: 220px;
}

.mr225 {
			margin-right: 225px;
}

.mr230 {
			margin-right: 230px;
}

.mr235 {
			margin-right: 235px;
}

.mr240 {
			margin-right: 240px;
}

.mr245 {
			margin-right: 245px;
}

.mr250 {
			margin-right: 250px;
}

.mr255 {
			margin-right: 255px;
}

.mr260 {
			margin-right: 260px;
}

.mr265 {
			margin-right: 265px;
}

.mr270 {
			margin-right: 270px;
}

.mr275 {
			margin-right: 275px;
}

.mr280 {
			margin-right: 280px;
}

.mr285 {
			margin-right: 285px;
}

.mr290 {
			margin-right: 290px;
}

.mr295 {
			margin-right: 295px;
}

.mr300 {
			margin-right: 300px;
}

.mr305 {
			margin-right: 305px;
}

.mr310 {
			margin-right: 310px;
}

.mr315 {
			margin-right: 315px;
}

.mr320 {
			margin-right: 320px;
}

.mr325 {
			margin-right: 325px;
}

.mr330 {
			margin-right: 330px;
}

.mr335 {
			margin-right: 335px;
}

.mr340 {
			margin-right: 340px;
}

.mr345 {
			margin-right: 345px;
}

.mr350 {
			margin-right: 350px;
}

.mr355 {
			margin-right: 355px;
}

.mr360 {
			margin-right: 360px;
}

.mr365 {
			margin-right: 365px;
}

.mr370 {
			margin-right: 370px;
}

.mr375 {
			margin-right: 375px;
}

.mr380 {
			margin-right: 380px;
}

.mr385 {
			margin-right: 385px;
}

.mr390 {
			margin-right: 390px;
}

.mr395 {
			margin-right: 395px;
}

.mr400 {
			margin-right: 400px;
}

.mr405 {
			margin-right: 405px;
}

.mr410 {
			margin-right: 410px;
}

.mr415 {
			margin-right: 415px;
}

.mr420 {
			margin-right: 420px;
}

.mr425 {
			margin-right: 425px;
}

.mr430 {
			margin-right: 430px;
}

.mr435 {
			margin-right: 435px;
}

.mr440 {
			margin-right: 440px;
}

.mr445 {
			margin-right: 445px;
}

.mr450 {
			margin-right: 450px;
}

.mr455 {
			margin-right: 455px;
}

.mr460 {
			margin-right: 460px;
}

.mr465 {
			margin-right: 465px;
}

.mr470 {
			margin-right: 470px;
}

.mr475 {
			margin-right: 475px;
}

.mr480 {
			margin-right: 480px;
}

.mr485 {
			margin-right: 485px;
}

.mr490 {
			margin-right: 490px;
}

.mr495 {
			margin-right: 495px;
}

.mr500 {
			margin-right: 500px;
}

/* margin-bottom */
.mb0 {
			margin-bottom: 0px;
}

.mb1 {
			margin-bottom: 1px;
}

.mb2 {
			margin-bottom: 2px;
}

.mb3 {
			margin-bottom: 3px;
}

.mb4 {
			margin-bottom: 4px;
}

.mb5 {
			margin-bottom: 5px;
}

.mb6 {
			margin-bottom: 6px;
}

.mb7 {
			margin-bottom: 7px;
}

.mb8 {
			margin-bottom: 8px;
}

.mb9 {
			margin-bottom: 9px;
}

.mb10 {
			margin-bottom: 10px;
}

.mb15 {
			margin-bottom: 15px;
}

.mb20 {
			margin-bottom: 20px;
}

.mb25 {
			margin-bottom: 25px;
}

.mb30 {
			margin-bottom: 30px;
}

.mb35 {
			margin-bottom: 35px;
}

.mb40 {
			margin-bottom: 40px;
}

.mb45 {
			margin-bottom: 45px;
}

.mb50 {
			margin-bottom: 50px;
}

.mb55 {
			margin-bottom: 55px;
}

.mb60 {
			margin-bottom: 60px;
}

.mb65 {
			margin-bottom: 65px;
}

.mb70 {
			margin-bottom: 70px;
}

.mb75 {
			margin-bottom: 75px;
}

.mb80 {
			margin-bottom: 80px;
}

.mb85 {
			margin-bottom: 85px;
}

.mb90 {
			margin-bottom: 90px;
}

.mb95 {
			margin-bottom: 95px;
}

.mb100 {
			margin-bottom: 100px;
}

.mb105 {
			margin-bottom: 105px;
}

.mb110 {
			margin-bottom: 110px;
}

.mb115 {
			margin-bottom: 115px;
}

.mb120 {
			margin-bottom: 120px;
}

.mb125 {
			margin-bottom: 125px;
}

.mb130 {
			margin-bottom: 130px;
}

.mb135 {
			margin-bottom: 135px;
}

.mb140 {
			margin-bottom: 140px;
}

.mb145 {
			margin-bottom: 145px;
}

.mb150 {
			margin-bottom: 150px;
}

.mb155 {
			margin-bottom: 155px;
}

.mb160 {
			margin-bottom: 160px;
}

.mb165 {
			margin-bottom: 165px;
}

.mb170 {
			margin-bottom: 170px;
}

.mb175 {
			margin-bottom: 175px;
}

.mb180 {
			margin-bottom: 180px;
}

.mb185 {
			margin-bottom: 185px;
}

.mb190 {
			margin-bottom: 190px;
}

.mb195 {
			margin-bottom: 195px;
}

.mb200 {
			margin-bottom: 200px;
}

.mb205 {
			margin-bottom: 205px;
}

.mb210 {
			margin-bottom: 210px;
}

.mb215 {
			margin-bottom: 215px;
}

.mb220 {
			margin-bottom: 220px;
}

.mb225 {
			margin-bottom: 225px;
}

.mb230 {
			margin-bottom: 230px;
}

.mb235 {
			margin-bottom: 235px;
}

.mb240 {
			margin-bottom: 240px;
}

.mb245 {
			margin-bottom: 245px;
}

.mb250 {
			margin-bottom: 250px;
}

.mb255 {
			margin-bottom: 255px;
}

.mb260 {
			margin-bottom: 260px;
}

.mb265 {
			margin-bottom: 265px;
}

.mb270 {
			margin-bottom: 270px;
}

.mb275 {
			margin-bottom: 275px;
}

.mb280 {
			margin-bottom: 280px;
}

.mb285 {
			margin-bottom: 285px;
}

.mb290 {
			margin-bottom: 290px;
}

.mb295 {
			margin-bottom: 295px;
}

.mb300 {
			margin-bottom: 300px;
}

.mb305 {
			margin-bottom: 305px;
}

.mb310 {
			margin-bottom: 310px;
}

.mb315 {
			margin-bottom: 315px;
}

.mb320 {
			margin-bottom: 320px;
}

.mb325 {
			margin-bottom: 325px;
}

.mb330 {
			margin-bottom: 330px;
}

.mb335 {
			margin-bottom: 335px;
}

.mb340 {
			margin-bottom: 340px;
}

.mb345 {
			margin-bottom: 345px;
}

.mb350 {
			margin-bottom: 350px;
}

.mb355 {
			margin-bottom: 355px;
}

.mb360 {
			margin-bottom: 360px;
}

.mb365 {
			margin-bottom: 365px;
}

.mb370 {
			margin-bottom: 370px;
}

.mb375 {
			margin-bottom: 375px;
}

.mb380 {
			margin-bottom: 380px;
}

.mb385 {
			margin-bottom: 385px;
}

.mb390 {
			margin-bottom: 390px;
}

.mb395 {
			margin-bottom: 395px;
}

.mb400 {
			margin-bottom: 400px;
}

.mb405 {
			margin-bottom: 405px;
}

.mb410 {
			margin-bottom: 410px;
}

.mb415 {
			margin-bottom: 415px;
}

.mb420 {
			margin-bottom: 420px;
}

.mb425 {
			margin-bottom: 425px;
}

.mb430 {
			margin-bottom: 430px;
}

.mb435 {
			margin-bottom: 435px;
}

.mb440 {
			margin-bottom: 440px;
}

.mb445 {
			margin-bottom: 445px;
}

.mb450 {
			margin-bottom: 450px;
}

.mb455 {
			margin-bottom: 455px;
}

.mb460 {
			margin-bottom: 460px;
}

.mb465 {
			margin-bottom: 465px;
}

.mb470 {
			margin-bottom: 470px;
}

.mb475 {
			margin-bottom: 475px;
}

.mb480 {
			margin-bottom: 480px;
}

.mb485 {
			margin-bottom: 485px;
}

.mb490 {
			margin-bottom: 490px;
}

.mb495 {
			margin-bottom: 495px;
}

.mb500 {
			margin-bottom: 500px;
}

/* margin-left */
.ml0 {
			margin-left: 0px;
}

.ml1 {
			margin-left: 1px;
}

.ml2 {
			margin-left: 2px;
}

.ml3 {
			margin-left: 3px;
}

.ml4 {
			margin-left: 4px;
}

.ml5 {
			margin-left: 5px;
}

.ml6 {
			margin-left: 6px;
}

.ml7 {
			margin-left: 7px;
}

.ml8 {
			margin-left: 8px;
}

.ml9 {
			margin-left: 9px;
}

.ml10 {
			margin-left: 10px;
}

.ml15 {
			margin-left: 15px;
}

.ml20 {
			margin-left: 20px;
}

.ml25 {
			margin-left: 25px;
}

.ml30 {
			margin-left: 30px;
}

.ml35 {
			margin-left: 35px;
}

.ml40 {
			margin-left: 40px;
}

.ml45 {
			margin-left: 45px;
}

.ml50 {
			margin-left: 50px;
}

.ml55 {
			margin-left: 55px;
}

.ml60 {
			margin-left: 60px;
}

.ml65 {
			margin-left: 65px;
}

.ml70 {
			margin-left: 70px;
}

.ml75 {
			margin-left: 75px;
}

.ml80 {
			margin-left: 80px;
}

.ml85 {
			margin-left: 85px;
}

.ml90 {
			margin-left: 90px;
}

.ml95 {
			margin-left: 95px;
}

.ml100 {
			margin-left: 100px;
}

.ml105 {
			margin-left: 105px;
}

.ml110 {
			margin-left: 110px;
}

.ml115 {
			margin-left: 115px;
}

.ml120 {
			margin-left: 120px;
}

.ml125 {
			margin-left: 125px;
}

.ml130 {
			margin-left: 130px;
}

.ml135 {
			margin-left: 135px;
}

.ml140 {
			margin-left: 140px;
}

.ml145 {
			margin-left: 145px;
}

.ml150 {
			margin-left: 150px;
}

.ml155 {
			margin-left: 155px;
}

.ml160 {
			margin-left: 160px;
}

.ml165 {
			margin-left: 165px;
}

.ml170 {
			margin-left: 170px;
}

.ml175 {
			margin-left: 175px;
}

.ml180 {
			margin-left: 180px;
}

.ml185 {
			margin-left: 185px;
}

.ml190 {
			margin-left: 190px;
}

.ml195 {
			margin-left: 195px;
}

.ml200 {
			margin-left: 200px;
}

.ml205 {
			margin-left: 205px;
}

.ml210 {
			margin-left: 210px;
}

.ml215 {
			margin-left: 215px;
}

.ml220 {
			margin-left: 220px;
}

.ml225 {
			margin-left: 225px;
}

.ml230 {
			margin-left: 230px;
}

.ml235 {
			margin-left: 235px;
}

.ml240 {
			margin-left: 240px;
}

.ml245 {
			margin-left: 245px;
}

.ml250 {
			margin-left: 250px;
}

.ml255 {
			margin-left: 255px;
}

.ml260 {
			margin-left: 260px;
}

.ml265 {
			margin-left: 265px;
}

.ml270 {
			margin-left: 270px;
}

.ml275 {
			margin-left: 275px;
}

.ml280 {
			margin-left: 280px;
}

.ml285 {
			margin-left: 285px;
}

.ml290 {
			margin-left: 290px;
}

.ml295 {
			margin-left: 295px;
}

.ml300 {
			margin-left: 300px;
}

.ml305 {
			margin-left: 305px;
}

.ml310 {
			margin-left: 310px;
}

.ml315 {
			margin-left: 315px;
}

.ml320 {
			margin-left: 320px;
}

.ml325 {
			margin-left: 325px;
}

.ml330 {
			margin-left: 330px;
}

.ml335 {
			margin-left: 335px;
}

.ml340 {
			margin-left: 340px;
}

.ml345 {
			margin-left: 345px;
}

.ml350 {
			margin-left: 350px;
}

.ml355 {
			margin-left: 355px;
}

.ml360 {
			margin-left: 360px;
}

.ml365 {
			margin-left: 365px;
}

.ml370 {
			margin-left: 370px;
}

.ml375 {
			margin-left: 375px;
}

.ml380 {
			margin-left: 380px;
}

.ml385 {
			margin-left: 385px;
}

.ml390 {
			margin-left: 390px;
}

.ml395 {
			margin-left: 395px;
}

.ml400 {
			margin-left: 400px;
}

.ml405 {
			margin-left: 405px;
}

.ml410 {
			margin-left: 410px;
}

.ml415 {
			margin-left: 415px;
}

.ml420 {
			margin-left: 420px;
}

.ml425 {
			margin-left: 425px;
}

.ml430 {
			margin-left: 430px;
}

.ml435 {
			margin-left: 435px;
}

.ml440 {
			margin-left: 440px;
}

.ml445 {
			margin-left: 445px;
}

.ml450 {
			margin-left: 450px;
}

.ml455 {
			margin-left: 455px;
}

.ml460 {
			margin-left: 460px;
}

.ml465 {
			margin-left: 465px;
}

.ml470 {
			margin-left: 470px;
}

.ml475 {
			margin-left: 475px;
}

.ml480 {
			margin-left: 480px;
}

.ml485 {
			margin-left: 485px;
}

.ml490 {
			margin-left: 490px;
}

.ml495 {
			margin-left: 495px;
}

.ml500 {
			margin-left: 500px;
}

/* padding all */
.pa0 {
			padding: 0px;
}

.pa1 {
			padding: 1px;
}

.pa2 {
			padding: 2px;
}

.pa3 {
			padding: 3px;
}

.pa4 {
			padding: 4px;
}

.pa5 {
			padding: 5px;
}

.pa6 {
			padding: 6px;
}

.pa7 {
			padding: 7px;
}

.pa8 {
			padding: 8px;
}

.pa9 {
			padding: 9px;
}

.pa10 {
			padding: 10px;
}

.pa15 {
			padding: 15px;
}

.pa20 {
			padding: 20px;
}

.pa25 {
			padding: 25px;
}

.pa30 {
			padding: 30px;
}

.pa35 {
			padding: 35px;
}

.pa40 {
			padding: 40px;
}

.pa45 {
			padding: 45px;
}

.pa50 {
			padding: 50px;
}

.pa55 {
			padding: 55px;
}

.pa60 {
			padding: 60px;
}

.pa65 {
			padding: 65px;
}

.pa70 {
			padding: 70px;
}

.pa75 {
			padding: 75px;
}

.pa80 {
			padding: 80px;
}

.pa85 {
			padding: 85px;
}

.pa90 {
			padding: 90px;
}

.pa95 {
			padding: 95px;
}

.pa100 {
			padding: 100px;
}

.pa105 {
			padding: 105px;
}

.pa110 {
			padding: 110px;
}

.pa115 {
			padding: 115px;
}

.pa120 {
			padding: 120px;
}

.pa125 {
			padding: 125px;
}

.pa130 {
			padding: 130px;
}

.pa135 {
			padding: 135px;
}

.pa140 {
			padding: 140px;
}

.pa145 {
			padding: 145px;
}

.pa150 {
			padding: 150px;
}

.pa155 {
			padding: 155px;
}

.pa160 {
			padding: 160px;
}

.pa165 {
			padding: 165px;
}

.pa170 {
			padding: 170px;
}

.pa175 {
			padding: 175px;
}

.pa180 {
			padding: 180px;
}

.pa185 {
			padding: 185px;
}

.pa190 {
			padding: 190px;
}

.pa195 {
			padding: 195px;
}

.pa200 {
			padding: 200px;
}

.pa205 {
			padding: 205px;
}

.pa210 {
			padding: 210px;
}

.pa215 {
			padding: 215px;
}

.pa220 {
			padding: 220px;
}

.pa225 {
			padding: 225px;
}

.pa230 {
			padding: 230px;
}

.pa235 {
			padding: 235px;
}

.pa240 {
			padding: 240px;
}

.pa245 {
			padding: 245px;
}

.pa250 {
			padding: 250px;
}

.pa255 {
			padding: 255px;
}

.pa260 {
			padding: 260px;
}

.pa265 {
			padding: 265px;
}

.pa270 {
			padding: 270px;
}

.pa275 {
			padding: 275px;
}

.pa280 {
			padding: 280px;
}

.pa285 {
			padding: 285px;
}

.pa290 {
			padding: 290px;
}

.pa295 {
			padding: 295px;
}

.pa300 {
			padding: 300px;
}

.pa305 {
			padding: 305px;
}

.pa310 {
			padding: 310px;
}

.pa315 {
			padding: 315px;
}

.pa320 {
			padding: 320px;
}

.pa325 {
			padding: 325px;
}

.pa330 {
			padding: 330px;
}

.pa335 {
			padding: 335px;
}

.pa340 {
			padding: 340px;
}

.pa345 {
			padding: 345px;
}

.pa350 {
			padding: 350px;
}

.pa355 {
			padding: 355px;
}

.pa360 {
			padding: 360px;
}

.pa365 {
			padding: 365px;
}

.pa370 {
			padding: 370px;
}

.pa375 {
			padding: 375px;
}

.pa380 {
			padding: 380px;
}

.pa385 {
			padding: 385px;
}

.pa390 {
			padding: 390px;
}

.pa395 {
			padding: 395px;
}

.pa400 {
			padding: 400px;
}

.pa405 {
			padding: 405px;
}

.pa410 {
			padding: 410px;
}

.pa415 {
			padding: 415px;
}

.pa420 {
			padding: 420px;
}

.pa425 {
			padding: 425px;
}

.pa430 {
			padding: 430px;
}

.pa435 {
			padding: 435px;
}

.pa440 {
			padding: 440px;
}

.pa445 {
			padding: 445px;
}

.pa450 {
			padding: 450px;
}

.pa455 {
			padding: 455px;
}

.pa460 {
			padding: 460px;
}

.pa465 {
			padding: 465px;
}

.pa470 {
			padding: 470px;
}

.pa475 {
			padding: 475px;
}

.pa480 {
			padding: 480px;
}

.pa485 {
			padding: 485px;
}

.pa490 {
			padding: 490px;
}

.pa495 {
			padding: 495px;
}

.pa500 {
			padding: 500px;
}

/* padding-top */
.pt0 {
			padding-top: 0px;
}

.pt1 {
			padding-top: 1px;
}

.pt2 {
			padding-top: 2px;
}

.pt3 {
			padding-top: 3px;
}

.pt4 {
			padding-top: 4px;
}

.pt5 {
			padding-top: 5px;
}

.pt6 {
			padding-top: 6px;
}

.pt7 {
			padding-top: 7px;
}

.pt8 {
			padding-top: 8px;
}

.pt9 {
			padding-top: 9px;
}

.pt10 {
			padding-top: 10px;
}

.pt15 {
			padding-top: 15px;
}

.pt20 {
			padding-top: 20px;
}

.pt25 {
			padding-top: 25px;
}

.pt30 {
			padding-top: 30px;
}

.pt35 {
			padding-top: 35px;
}

.pt40 {
			padding-top: 40px;
}

.pt45 {
			padding-top: 45px;
}

.pt50 {
			padding-top: 50px;
}

.pt55 {
			padding-top: 55px;
}

.pt60 {
			padding-top: 60px;
}

.pt65 {
			padding-top: 65px;
}

.pt70 {
			padding-top: 70px;
}

.pt75 {
			padding-top: 75px;
}

.pt80 {
			padding-top: 80px;
}

.pt85 {
			padding-top: 85px;
}

.pt90 {
			padding-top: 90px;
}

.pt95 {
			padding-top: 95px;
}

.pt100 {
			padding-top: 100px;
}

.pt105 {
			padding-top: 105px;
}

.pt110 {
			padding-top: 110px;
}

.pt115 {
			padding-top: 115px;
}

.pt120 {
			padding-top: 120px;
}

.pt125 {
			padding-top: 125px;
}

.pt130 {
			padding-top: 130px;
}

.pt135 {
			padding-top: 135px;
}

.pt140 {
			padding-top: 140px;
}

.pt145 {
			padding-top: 145px;
}

.pt150 {
			padding-top: 150px;
}

.pt155 {
			padding-top: 155px;
}

.pt160 {
			padding-top: 160px;
}

.pt165 {
			padding-top: 165px;
}

.pt170 {
			padding-top: 170px;
}

.pt175 {
			padding-top: 175px;
}

.pt180 {
			padding-top: 180px;
}

.pt185 {
			padding-top: 185px;
}

.pt190 {
			padding-top: 190px;
}

.pt195 {
			padding-top: 195px;
}

.pt200 {
			padding-top: 200px;
}

.pt205 {
			padding-top: 205px;
}

.pt210 {
			padding-top: 210px;
}

.pt215 {
			padding-top: 215px;
}

.pt220 {
			padding-top: 220px;
}

.pt225 {
			padding-top: 225px;
}

.pt230 {
			padding-top: 230px;
}

.pt235 {
			padding-top: 235px;
}

.pt240 {
			padding-top: 240px;
}

.pt245 {
			padding-top: 245px;
}

.pt250 {
			padding-top: 250px;
}

.pt255 {
			padding-top: 255px;
}

.pt260 {
			padding-top: 260px;
}

.pt265 {
			padding-top: 265px;
}

.pt270 {
			padding-top: 270px;
}

.pt275 {
			padding-top: 275px;
}

.pt280 {
			padding-top: 280px;
}

.pt285 {
			padding-top: 285px;
}

.pt290 {
			padding-top: 290px;
}

.pt295 {
			padding-top: 295px;
}

.pt300 {
			padding-top: 300px;
}

.pt305 {
			padding-top: 305px;
}

.pt310 {
			padding-top: 310px;
}

.pt315 {
			padding-top: 315px;
}

.pt320 {
			padding-top: 320px;
}

.pt325 {
			padding-top: 325px;
}

.pt330 {
			padding-top: 330px;
}

.pt335 {
			padding-top: 335px;
}

.pt340 {
			padding-top: 340px;
}

.pt345 {
			padding-top: 345px;
}

.pt350 {
			padding-top: 350px;
}

.pt355 {
			padding-top: 355px;
}

.pt360 {
			padding-top: 360px;
}

.pt365 {
			padding-top: 365px;
}

.pt370 {
			padding-top: 370px;
}

.pt375 {
			padding-top: 375px;
}

.pt380 {
			padding-top: 380px;
}

.pt385 {
			padding-top: 385px;
}

.pt390 {
			padding-top: 390px;
}

.pt395 {
			padding-top: 395px;
}

.pt400 {
			padding-top: 400px;
}

.pt405 {
			padding-top: 405px;
}

.pt410 {
			padding-top: 410px;
}

.pt415 {
			padding-top: 415px;
}

.pt420 {
			padding-top: 420px;
}

.pt425 {
			padding-top: 425px;
}

.pt430 {
			padding-top: 430px;
}

.pt435 {
			padding-top: 435px;
}

.pt440 {
			padding-top: 440px;
}

.pt445 {
			padding-top: 445px;
}

.pt450 {
			padding-top: 450px;
}

.pt455 {
			padding-top: 455px;
}

.pt460 {
			padding-top: 460px;
}

.pt465 {
			padding-top: 465px;
}

.pt470 {
			padding-top: 470px;
}

.pt475 {
			padding-top: 475px;
}

.pt480 {
			padding-top: 480px;
}

.pt485 {
			padding-top: 485px;
}

.pt490 {
			padding-top: 490px;
}

.pt495 {
			padding-top: 495px;
}

.pt500 {
			padding-top: 500px;
}

/* padding-right */
.pr0 {
			padding-right: 0px;
}

.pr1 {
			padding-right: 1px;
}

.pr2 {
			padding-right: 2px;
}

.pr3 {
			padding-right: 3px;
}

.pr4 {
			padding-right: 4px;
}

.pr5 {
			padding-right: 5px;
}

.pr6 {
			padding-right: 6px;
}

.pr7 {
			padding-right: 7px;
}

.pr8 {
			padding-right: 8px;
}

.pr9 {
			padding-right: 9px;
}

.pr10 {
			padding-right: 10px;
}

.pr15 {
			padding-right: 15px;
}

.pr20 {
			padding-right: 20px;
}

.pr25 {
			padding-right: 25px;
}

.pr30 {
			padding-right: 30px;
}

.pr35 {
			padding-right: 35px;
}

.pr40 {
			padding-right: 40px;
}

.pr45 {
			padding-right: 45px;
}

.pr50 {
			padding-right: 50px;
}

.pr55 {
			padding-right: 55px;
}

.pr60 {
			padding-right: 60px;
}

.pr65 {
			padding-right: 65px;
}

.pr70 {
			padding-right: 70px;
}

.pr75 {
			padding-right: 75px;
}

.pr80 {
			padding-right: 80px;
}

.pr85 {
			padding-right: 85px;
}

.pr90 {
			padding-right: 90px;
}

.pr95 {
			padding-right: 95px;
}

.pr100 {
			padding-right: 100px;
}

.pr105 {
			padding-right: 105px;
}

.pr110 {
			padding-right: 110px;
}

.pr115 {
			padding-right: 115px;
}

.pr120 {
			padding-right: 120px;
}

.pr125 {
			padding-right: 125px;
}

.pr130 {
			padding-right: 130px;
}

.pr135 {
			padding-right: 135px;
}

.pr140 {
			padding-right: 140px;
}

.pr145 {
			padding-right: 145px;
}

.pr150 {
			padding-right: 150px;
}

.pr155 {
			padding-right: 155px;
}

.pr160 {
			padding-right: 160px;
}

.pr165 {
			padding-right: 165px;
}

.pr170 {
			padding-right: 170px;
}

.pr175 {
			padding-right: 175px;
}

.pr180 {
			padding-right: 180px;
}

.pr185 {
			padding-right: 185px;
}

.pr190 {
			padding-right: 190px;
}

.pr195 {
			padding-right: 195px;
}

.pr200 {
			padding-right: 200px;
}

.pr205 {
			padding-right: 205px;
}

.pr210 {
			padding-right: 210px;
}

.pr215 {
			padding-right: 215px;
}

.pr220 {
			padding-right: 220px;
}

.pr225 {
			padding-right: 225px;
}

.pr230 {
			padding-right: 230px;
}

.pr235 {
			padding-right: 235px;
}

.pr240 {
			padding-right: 240px;
}

.pr245 {
			padding-right: 245px;
}

.pr250 {
			padding-right: 250px;
}

.pr255 {
			padding-right: 255px;
}

.pr260 {
			padding-right: 260px;
}

.pr265 {
			padding-right: 265px;
}

.pr270 {
			padding-right: 270px;
}

.pr275 {
			padding-right: 275px;
}

.pr280 {
			padding-right: 280px;
}

.pr285 {
			padding-right: 285px;
}

.pr290 {
			padding-right: 290px;
}

.pr295 {
			padding-right: 295px;
}

.pr300 {
			padding-right: 300px;
}

.pr305 {
			padding-right: 305px;
}

.pr310 {
			padding-right: 310px;
}

.pr315 {
			padding-right: 315px;
}

.pr320 {
			padding-right: 320px;
}

.pr325 {
			padding-right: 325px;
}

.pr330 {
			padding-right: 330px;
}

.pr335 {
			padding-right: 335px;
}

.pr340 {
			padding-right: 340px;
}

.pr345 {
			padding-right: 345px;
}

.pr350 {
			padding-right: 350px;
}

.pr355 {
			padding-right: 355px;
}

.pr360 {
			padding-right: 360px;
}

.pr365 {
			padding-right: 365px;
}

.pr370 {
			padding-right: 370px;
}

.pr375 {
			padding-right: 375px;
}

.pr380 {
			padding-right: 380px;
}

.pr385 {
			padding-right: 385px;
}

.pr390 {
			padding-right: 390px;
}

.pr395 {
			padding-right: 395px;
}

.pr400 {
			padding-right: 400px;
}

.pr405 {
			padding-right: 405px;
}

.pr410 {
			padding-right: 410px;
}

.pr415 {
			padding-right: 415px;
}

.pr420 {
			padding-right: 420px;
}

.pr425 {
			padding-right: 425px;
}

.pr430 {
			padding-right: 430px;
}

.pr435 {
			padding-right: 435px;
}

.pr440 {
			padding-right: 440px;
}

.pr445 {
			padding-right: 445px;
}

.pr450 {
			padding-right: 450px;
}

.pr455 {
			padding-right: 455px;
}

.pr460 {
			padding-right: 460px;
}

.pr465 {
			padding-right: 465px;
}

.pr470 {
			padding-right: 470px;
}

.pr475 {
			padding-right: 475px;
}

.pr480 {
			padding-right: 480px;
}

.pr485 {
			padding-right: 485px;
}

.pr490 {
			padding-right: 490px;
}

.pr495 {
			padding-right: 495px;
}

.pr500 {
			padding-right: 500px;
}

/* padding-bottom */
.pb0 {
			padding-bottom: 0px;
}

.pb1 {
			padding-bottom: 1px;
}

.pb2 {
			padding-bottom: 2px;
}

.pb3 {
			padding-bottom: 3px;
}

.pb4 {
			padding-bottom: 4px;
}

.pb5 {
			padding-bottom: 5px;
}

.pb6 {
			padding-bottom: 6px;
}

.pb7 {
			padding-bottom: 7px;
}

.pb8 {
			padding-bottom: 8px;
}

.pb9 {
			padding-bottom: 9px;
}

.pb10 {
			padding-bottom: 10px;
}

.pb15 {
			padding-bottom: 15px;
}

.pb20 {
			padding-bottom: 20px;
}

.pb25 {
			padding-bottom: 25px;
}

.pb30 {
			padding-bottom: 30px;
}

.pb35 {
			padding-bottom: 35px;
}

.pb40 {
			padding-bottom: 40px;
}

.pb45 {
			padding-bottom: 45px;
}

.pb50 {
			padding-bottom: 50px;
}

.pb55 {
			padding-bottom: 55px;
}

.pb60 {
			padding-bottom: 60px;
}

.pb65 {
			padding-bottom: 65px;
}

.pb70 {
			padding-bottom: 70px;
}

.pb75 {
			padding-bottom: 75px;
}

.pb80 {
			padding-bottom: 80px;
}

.pb85 {
			padding-bottom: 85px;
}

.pb90 {
			padding-bottom: 90px;
}

.pb95 {
			padding-bottom: 95px;
}

.pb100 {
			padding-bottom: 100px;
}

.pb105 {
			padding-bottom: 105px;
}

.pb110 {
			padding-bottom: 110px;
}

.pb115 {
			padding-bottom: 115px;
}

.pb120 {
			padding-bottom: 120px;
}

.pb125 {
			padding-bottom: 125px;
}

.pb130 {
			padding-bottom: 130px;
}

.pb135 {
			padding-bottom: 135px;
}

.pb140 {
			padding-bottom: 140px;
}

.pb145 {
			padding-bottom: 145px;
}

.pb150 {
			padding-bottom: 150px;
}

.pb155 {
			padding-bottom: 155px;
}

.pb160 {
			padding-bottom: 160px;
}

.pb165 {
			padding-bottom: 165px;
}

.pb170 {
			padding-bottom: 170px;
}

.pb175 {
			padding-bottom: 175px;
}

.pb180 {
			padding-bottom: 180px;
}

.pb185 {
			padding-bottom: 185px;
}

.pb190 {
			padding-bottom: 190px;
}

.pb195 {
			padding-bottom: 195px;
}

.pb200 {
			padding-bottom: 200px;
}

.pb205 {
			padding-bottom: 205px;
}

.pb210 {
			padding-bottom: 210px;
}

.pb215 {
			padding-bottom: 215px;
}

.pb220 {
			padding-bottom: 220px;
}

.pb225 {
			padding-bottom: 225px;
}

.pb230 {
			padding-bottom: 230px;
}

.pb235 {
			padding-bottom: 235px;
}

.pb240 {
			padding-bottom: 240px;
}

.pb245 {
			padding-bottom: 245px;
}

.pb250 {
			padding-bottom: 250px;
}

.pb255 {
			padding-bottom: 255px;
}

.pb260 {
			padding-bottom: 260px;
}

.pb265 {
			padding-bottom: 265px;
}

.pb270 {
			padding-bottom: 270px;
}

.pb275 {
			padding-bottom: 275px;
}

.pb280 {
			padding-bottom: 280px;
}

.pb285 {
			padding-bottom: 285px;
}

.pb290 {
			padding-bottom: 290px;
}

.pb295 {
			padding-bottom: 295px;
}

.pb300 {
			padding-bottom: 300px;
}

.pb305 {
			padding-bottom: 305px;
}

.pb310 {
			padding-bottom: 310px;
}

.pb315 {
			padding-bottom: 315px;
}

.pb320 {
			padding-bottom: 320px;
}

.pb325 {
			padding-bottom: 325px;
}

.pb330 {
			padding-bottom: 330px;
}

.pb335 {
			padding-bottom: 335px;
}

.pb340 {
			padding-bottom: 340px;
}

.pb345 {
			padding-bottom: 345px;
}

.pb350 {
			padding-bottom: 350px;
}

.pb355 {
			padding-bottom: 355px;
}

.pb360 {
			padding-bottom: 360px;
}

.pb365 {
			padding-bottom: 365px;
}

.pb370 {
			padding-bottom: 370px;
}

.pb375 {
			padding-bottom: 375px;
}

.pb380 {
			padding-bottom: 380px;
}

.pb385 {
			padding-bottom: 385px;
}

.pb390 {
			padding-bottom: 390px;
}

.pb395 {
			padding-bottom: 395px;
}

.pb400 {
			padding-bottom: 400px;
}

.pb405 {
			padding-bottom: 405px;
}

.pb410 {
			padding-bottom: 410px;
}

.pb415 {
			padding-bottom: 415px;
}

.pb420 {
			padding-bottom: 420px;
}

.pb425 {
			padding-bottom: 425px;
}

.pb430 {
			padding-bottom: 430px;
}

.pb435 {
			padding-bottom: 435px;
}

.pb440 {
			padding-bottom: 440px;
}

.pb445 {
			padding-bottom: 445px;
}

.pb450 {
			padding-bottom: 450px;
}

.pb455 {
			padding-bottom: 455px;
}

.pb460 {
			padding-bottom: 460px;
}

.pb465 {
			padding-bottom: 465px;
}

.pb470 {
			padding-bottom: 470px;
}

.pb475 {
			padding-bottom: 475px;
}

.pb480 {
			padding-bottom: 480px;
}

.pb485 {
			padding-bottom: 485px;
}

.pb490 {
			padding-bottom: 490px;
}

.pb495 {
			padding-bottom: 495px;
}

.pb500 {
			padding-bottom: 500px;
}

/* padding-left */
.pl0 {
			padding-left: 0px;
}

.pl1 {
			padding-left: 1px;
}

.pl2 {
			padding-left: 2px;
}

.pl3 {
			padding-left: 3px;
}

.pl4 {
			padding-left: 4px;
}

.pl5 {
			padding-left: 5px;
}

.pl6 {
			padding-left: 6px;
}

.pl7 {
			padding-left: 7px;
}

.pl8 {
			padding-left: 8px;
}

.pl9 {
			padding-left: 9px;
}

.pl10 {
			padding-left: 10px;
}

.pl15 {
			padding-left: 15px;
}

.pl20 {
			padding-left: 20px;
}

.pl25 {
			padding-left: 25px;
}

.pl30 {
			padding-left: 30px;
}

.pl35 {
			padding-left: 35px;
}

.pl40 {
			padding-left: 40px;
}

.pl45 {
			padding-left: 45px;
}

.pl50 {
			padding-left: 50px;
}

.pl55 {
			padding-left: 55px;
}

.pl60 {
			padding-left: 60px;
}

.pl65 {
			padding-left: 65px;
}

.pl70 {
			padding-left: 70px;
}

.pl75 {
			padding-left: 75px;
}

.pl80 {
			padding-left: 80px;
}

.pl85 {
			padding-left: 85px;
}

.pl90 {
			padding-left: 90px;
}

.pl95 {
			padding-left: 95px;
}

.pl100 {
			padding-left: 100px;
}

.pl105 {
			padding-left: 105px;
}

.pl110 {
			padding-left: 110px;
}

.pl115 {
			padding-left: 115px;
}

.pl120 {
			padding-left: 120px;
}

.pl125 {
			padding-left: 125px;
}

.pl130 {
			padding-left: 130px;
}

.pl135 {
			padding-left: 135px;
}

.pl140 {
			padding-left: 140px;
}

.pl145 {
			padding-left: 145px;
}

.pl150 {
			padding-left: 150px;
}

.pl155 {
			padding-left: 155px;
}

.pl160 {
			padding-left: 160px;
}

.pl165 {
			padding-left: 165px;
}

.pl170 {
			padding-left: 170px;
}

.pl175 {
			padding-left: 175px;
}

.pl180 {
			padding-left: 180px;
}

.pl185 {
			padding-left: 185px;
}

.pl190 {
			padding-left: 190px;
}

.pl195 {
			padding-left: 195px;
}

.pl200 {
			padding-left: 200px;
}

.pl205 {
			padding-left: 205px;
}

.pl210 {
			padding-left: 210px;
}

.pl215 {
			padding-left: 215px;
}

.pl220 {
			padding-left: 220px;
}

.pl225 {
			padding-left: 225px;
}

.pl230 {
			padding-left: 230px;
}

.pl235 {
			padding-left: 235px;
}

.pl240 {
			padding-left: 240px;
}

.pl245 {
			padding-left: 245px;
}

.pl250 {
			padding-left: 250px;
}

.pl255 {
			padding-left: 255px;
}

.pl260 {
			padding-left: 260px;
}

.pl265 {
			padding-left: 265px;
}

.pl270 {
			padding-left: 270px;
}

.pl275 {
			padding-left: 275px;
}

.pl280 {
			padding-left: 280px;
}

.pl285 {
			padding-left: 285px;
}

.pl290 {
			padding-left: 290px;
}

.pl295 {
			padding-left: 295px;
}

.pl300 {
			padding-left: 300px;
}

.pl305 {
			padding-left: 305px;
}

.pl310 {
			padding-left: 310px;
}

.pl315 {
			padding-left: 315px;
}

.pl320 {
			padding-left: 320px;
}

.pl325 {
			padding-left: 325px;
}

.pl330 {
			padding-left: 330px;
}

.pl335 {
			padding-left: 335px;
}

.pl340 {
			padding-left: 340px;
}

.pl345 {
			padding-left: 345px;
}

.pl350 {
			padding-left: 350px;
}

.pl355 {
			padding-left: 355px;
}

.pl360 {
			padding-left: 360px;
}

.pl365 {
			padding-left: 365px;
}

.pl370 {
			padding-left: 370px;
}

.pl375 {
			padding-left: 375px;
}

.pl380 {
			padding-left: 380px;
}

.pl385 {
			padding-left: 385px;
}

.pl390 {
			padding-left: 390px;
}

.pl395 {
			padding-left: 395px;
}

.pl400 {
			padding-left: 400px;
}

.pl405 {
			padding-left: 405px;
}

.pl410 {
			padding-left: 410px;
}

.pl415 {
			padding-left: 415px;
}

.pl420 {
			padding-left: 420px;
}

.pl425 {
			padding-left: 425px;
}

.pl430 {
			padding-left: 430px;
}

.pl435 {
			padding-left: 435px;
}

.pl440 {
			padding-left: 440px;
}

.pl445 {
			padding-left: 445px;
}

.pl450 {
			padding-left: 450px;
}

.pl455 {
			padding-left: 455px;
}

.pl460 {
			padding-left: 460px;
}

.pl465 {
			padding-left: 465px;
}

.pl470 {
			padding-left: 470px;
}

.pl475 {
			padding-left: 475px;
}

.pl480 {
			padding-left: 480px;
}

.pl485 {
			padding-left: 485px;
}

.pl490 {
			padding-left: 490px;
}

.pl495 {
			padding-left: 495px;
}

.pl500 {
			padding-left: 500px;
}

/* Basic */
body {
			background-color: #000;
}

.container-fluid {
			overflow: hidden;
			padding: 0;
}

#wrapper {
			background-color: #FFF;
}

#fullpage {
			padding-top: 70px;
}

.clear {
			clear: both;
}

/* Universal Navigation */
#universal_navi, #universal_navi_all {
			background: rgba(255, 255, 255, 0.9);
			position: fixed;
			top: 0;
			width: 100%;
			height: 80px;
			z-index: 99;
}

#universal_navi ul li img, #universal_navi_all ul li img {
			margin-bottom: 3px;
			margin-left: 2px;
}

#universal_navi_stay {
			background: #FFF;
			width: 100%;
			height: 80px;
}

#universal_navi ul, #universal_navi_stay ul, #universal_navi_all ul {
			width: 980px;
			margin: 0 auto;
}

#universal_navi ul li, #universal_navi_stay ul li, #universal_navi_all ul li {
			width: 140px;
			float: left;
			padding-top: 30px;
			text-align: center;
}

#universal_navi ul li span, #universal_navi_stay ul li span, #universal_navi_all ul li span {
			padding-right: 5px;
			color: #1A1A1A;
}

/*
#universal_navi ul li:before, #universal_navi_stay ul li:before {
    content: "ー";
    display: block;
    float: left;
    width: 2em;
    color: #1A1A1A;
}
*/
#universal_navi ul li#unverisal_navi_logo, #universal_navi_stay ul li#unverisal_navi_logo, #universal_navi_all ul li#unverisal_navi_logo {
			padding-top: 12px;
			text-align: center;
}

#universal_navi ul li#unverisal_navi_logo:before, #universal_navi_stay ul li#unverisal_navi_logo:before, #universal_navi_all ul li#unverisal_navi_logo:before {
			content: "";
}

#universal_navi ul li a, #universal_navi_stay ul li a, #universal_navi_all ul li a {
			font-family: "Playfair Display SC", "黎ミン L", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
			font-size: 14px;
			color: #1A1A1A;
}

/* Footer */
#footer {
			background-color: #FFF;
			clear: both;
			text-align: center;
			font-size: 14px;
}

#footer #footer_container {
			padding: 180px 0;
}

#footer #footer_container .img {
			margin-top: 100px;
			margin-bottom: 20px;
			display: block;
}

#footer #footer_container a span, #footer #footer_container span {
			display: block;
			padding-top: 10px;
			letter-spacing: 2px;
			font-family: "Open Sans", sans-serif;
			font-size: 10px;
			color: #555;
}

#footer .footer_icon {
			width: 33%;
			display: inline-block;
			vertical-align: middle;
}

#footer #copyright {
			margin-bottom: 10px;
			font-family: "Open Sans", sans-serif;
			font-size: 10px;
			color: #333;
}

/* Top Page */
#grids {
			background-color: #CCC;
}

.grid_box {
			width: 20%;
			display: block;
			float: left;
			overflow: hidden;
}

.grid_box_cols {
			width: 40%;
			float: left;
			overflow: hidden;
			position: inherit;
}

.grid_box_menu {
			background-color: #FFF;
			background-size: cover;
			z-index: 30;
			float: left;
			width: 20%;
			display: table;
}

#delayedText1, #delayedText2, #delayedText3 {
			opacity: 0;
			-webkit-transition: opacity 0.8s;
			transition: opacity 0.8s;
}

#delayedText1 {
			text-align: right;
			font-family: "Open Sans", sans-serif;
			font-size: 30px;
}

#sakaki_title_desc {
			margin-top: 10px;
			line-height: 2em;
			text-align: right;
			font-size: 15px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
			#nav ul li {
						width: 0;
			}
}
/* Top Page Animation */
#nav ul.delay-show li {
			position: relative;
}

.none {
			display: none;
}

#nav ul li a.nav_newwindow {
			background: url("../images/all_icon_newwindow.png") no-repeat 41px 2px;
}

#nav ul li a:before {
			content: "-";
			display: block;
			float: left;
			width: 2em;
			color: #1A1A1A;
}

#nav ul li a img {
			float: left;
}

.grid_box_title {
			background: url("../images/top_bg_davinci.jpg") no-repeat top center;
			background-size: cover;
}

.grid_box_title .grid_box_blur {
			position: absolute;
			top: 0;
			right: 0;
			display: block;
}

.grid_box_view_catch, .grid_box_view_desc {
			display: none;
}

.grid_box_title_content {
			width: 500px;
			margin-right: 5%;
			position: relative;
			z-index: 10;
			float: right;
}

/*
h2.grid_box_view_catch img { 
	position:relative;
	top:-11px;
}
*/
.grid_box_view1 {
			background: url("../images/sakakid_view1_bw.jpg") no-repeat top center;
			background-attachment: fixed;
			background-size: cover;
			clear: both;
}

.grid_box_view1_sp {
			background: url("../images/sakakid_view1_bw.jpg") no-repeat;
			clear: both;
}

.grid_box_view2 {
			background: url("../images/sakakid_view3_bw.jpg") no-repeat center center;
			background-size: cover;
			clear: both;
			overflow: hidden;
}

.grid_box_view2:hover {
			background: url("../images/sakakid_view3_c.jpg") no-repeat center center;
			background-size: cover;
			clear: both;
}

.grid_box a, .grid_box_x2 a {
			display: block;
			position: relative;
			z-index: 20;
}

.grid_box a img, .grid_box_cols a img {
			position: relative;
			width: 100%;
			height: 100%;
			-webkit-filter: grayscale(100%);
			-moz-filter: grayscale(100%);
			-ms-filter: grayscale(100%);
			-o-filter: grayscale(100%);
			filter: grayscale(100%);
			transform: scale(1);
			-ms-transform: scale(1);
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-o-transform: scale(1);
			-webkit-transition: all 0.6s ease;
			transition: all 0.6s ease;
}

.grid_box a img:hover, .grid_box_cols a img:hover {
			position: relative;
			width: 100%;
			height: 100%;
			-webkit-filter: grayscale(0%);
			-moz-filter: grayscale(0%);
			-ms-filter: grayscale(0%);
			-o-filter: grayscale(0%);
			filter: grayscale(0%);
			cursor: pointer;
			transform: scale(1.2);
			-ms-transform: scale(1.2);
			-moz-transform: scale(1.2);
			-webkit-transform: scale(1.2);
			-o-transform: scale(1.2);
			-webkit-transition: all 0.6s ease;
			transition: all 0.6s ease;
}

.grid_box.fullcolor a img {
			background: none;
			-webkit-filter: grayscale(0%);
			-moz-filter: grayscale(0%);
			-ms-filter: grayscale(0%);
			-o-filter: grayscale(0%);
			filter: grayscale(0%) !important;
}

.blue_grid {
			background: rgba(102, 176, 204, 0.5);
			display: block;
}

/* menu */
.grid_box_rows .grid_box {
			width: 25%;
			float: left;
}

.grid_box_rows a img {
			width: 400%;
			height: 400%;
}

.grid_box_menu_balancer {
			width: 60%;
			position: fixed;
			z-index: 1;
			float: left;
}

.grid_box_menu div {
			position: relative;
			display: table-cell;
			width: 100%;
			text-align: center;
			vertical-align: middle;
}

.grid_box_menu div ul {
			margin: 160px auto 0;
			width: 100px;
			text-align: left;
}

.grid_box_menu div ul li {
			line-height: 2.5em;
}

.grid_box_menu div ul li a {
			color: #1A1A1A;
			font-size: 12px;
			font-family: "Playfair Display SC", "黎ミン L", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
			letter-spacing: 2px;
}

/* Top - Content */
.grid_box_view_catch {
			font-family: "Open Sans", sans-serif;
			font-size: 30px;
}

#sakaki_title.grid_box_view_catch {
			width: 90%;
			position: relative;
			z-index: 10;
			float: right;
}

.grid_box_view_desc {
			/* 	width:450px; */
			margin-top: 10px;
			line-height: 2em;
			font-size: 15px;
}

#sakaki_title.grid_box_view_desc {
			display: inline-block;
			text-align: right;
}

.grid_box_view_link a {
			color: #1A1A1A;
}

.grid_box_view1_content {
			float: right;
			margin-right: 10%;
}

.grid_box_view2_content {
			float: left;
			margin-left: 5%;
}

p.grid_box_view_link {
			background: url("../images/all_bul_arrow.png") no-repeat;
			height: 30px;
			padding-left: 36px;
			font-family: "黎ミン L", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
			font-size: 20px;
}

.grid_box_safe {
			position: relative;
			overflow-y: hidden;
			clear: both;
}

#grid_box_view2_part_a {
			position: absolute;
			z-index: 5;
			top: 55px;
			padding-left: 30px;
			display: block;
			overflow: hidden;
}

#grid_box_view2_part_b {
			position: relative;
			z-index: 10;
			bottom: 195px;
			left: -30px;
			display: block;
			overflow: hidden;
}

.blue_box {
			background: #66B0CC;
			opacity: 0.8;
}

#sakaki_title {
			/* 	width:70%; */
			display: inline-block;
			margin-right: 10%;
}

#sakaki_title .grid_box_view_desc {
			text-align: right;
}

/* Top - Lightbox using bootstrap */
.modal-dialog {
			vertical-align: middle;
			display: table-cell;
}

.modal-content {
			margin: 0 auto;
			display: block;
			width: 600px;
}

/* 3D Logo & 2D Logo for Smartphones */
#logo3d {
			position: relative;
			top: 202px;
			z-index: 10;
}

.cube, .cube * {
			position: absolute;
			top: 50%;
			left: 50%;
}

.cube {
			-webkit-user-select: none;
			   -moz-user-select: none;
			    -ms-user-select: none;
			        user-select: none;
			cursor: move;
}

#logo2d {
			position: relative;
			margin: -8em;
}

#logo2d img {
			margin: 0 auto;
}

.face {
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
			border: solid 1px;
			margin: -8em;
			width: 100px;
			height: 100px;
			opacity: 0.9;
			-webkit-backface-visibility: hidden;
			        backface-visibility: hidden;
}

.face:nth-child(1) {
			background: #000 url("../images/sakaki_logo.png") no-repeat;
			background-size: 100px 100px;
}

.face:nth-child(2) {
			background: #000 url("../images/sakaki_logo.png") no-repeat;
			background-size: 100px 100px;
}

.face:nth-child(3) {
			background: #000 url("../images/sakaki_logo.png") no-repeat;
			background-size: 100px 100px;
}

.face:nth-child(4) {
			background: #000 url("../images/sakaki_logo.png") no-repeat;
			background-size: 100px 100px;
}

.face:nth-child(5) {
			background: #000 url("../images/sakaki_logo.png") no-repeat;
			background-size: 100px 100px;
}

.face:nth-child(6) {
			background: #000 url("../images/sakaki_logo.png") no-repeat;
			background-size: 100px 100px;
}

/* Basic Layout */
.widebox_white {
			width: 100%;
			clear: both;
}

.widebox_gray {
			background-color: #EEE;
			width: 100%;
			clear: both;
}

/* Work */
.product_design_imgs {
			overflow: auto;
}

.product_design_imgs li {
			float: left;
}

#product_detail1-01, #product_detail1-02, #product_detail1-03, #product_detail1-04, #product_detail1-05, #product_detail1-06, #product_detail1-07,
#product_detail1-08, #product_detail1-09, #product_detail1-10, #product_detail1-11, #product_detail1-12,
#product_detail2-01, #product_detail2-02, #product_detail2-03, #product_detail2-04, #product_detail2-05, #product_detail2-06, #product_detail2-07,
#product_detail2-08,
#product_detail3-01, #product_detail3-02, #product_detail3-03, #product_detail3-04,
#product_detail4-01, #product_detail4-02, #product_detail4-03, #product_detail4-04 {
			opacity: 0;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			-webkit-transition: all 0.4s ease;
			transition: all 0.4s ease;
			pointer-events: none;
			cursor: default;
}

.cursur_on {
			cursor: pointer;
}

.cursur_off {
			cursor: default;
}

.widebox_desc {
			margin: 4% 0 6%;
			text-align: center;
			line-height: 3em;
			font-size: 14px;
			color: #1A1A1A;
}

.widebox_desc_right {
			font-size: 14px;
			text-align: justify;
			line-height: 2em;
			color: #1A1A1A;
}

.left_side {
			width: 650px;
			margin-left: 5%;
			float: left;
}

.right_side {
			width: 500px;
			margin-right: 4%;
			float: right;
}

.widebox_text_start_3lines {
			margin-top: 165px;
}

.widebox_text_start_4lines {
			margin-top: 160px;
}

.gallery_btn {
			width: 140px;
			height: 35px;
			display: block;
			margin-top: 40px;
			letter-spacing: 2px;
			text-align: center;
			font-size: 13px;
}

.gallery_btn a {
			padding: 9px;
			display: block;
			border: 1px solid #1A1A1A;
			border-radius: 5px;
			color: #1A1A1A;
			-moz-transition-duration: 0.5s;
			-webkit-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
			-ms-transition-duration: 0.5s;
}

.gallery_btn a:hover {
			background-color: #1A1A1A;
			text-decoration: none;
			color: #FFF;
			-moz-transition-duration: 0.5s;
			-webkit-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
			-ms-transition-duration: 0.5s;
}

.widebox_header_cntr {
			width: 100%;
			margin-top: 200px;
			letter-spacing: 5px;
			font-family: "Noto Sans JP", sans-serif;
			font-size: 40px;
			color: #1A1A1A;
			text-align: center;
}

h1.widebox_header_cntr img {
			position: relative;
			top: -13px;
}

.widebox_header_left, .widebox_header_right {
			text-align: left;
			font-family: "Noto Sans JP", sans-serif;
			font-size: 32px;
			margin-bottom: 40px;
}

.widebox_text_left {
			font-size: 14px;
			text-align: left;
			line-height: 2em;
			color: #1A1A1A;
}

.widebox_content {
			margin: 0 auto;
			height: 600px;
}

.contact_widebox_content {
			margin: 0 auto;
			height: 1240px;
}

.widebox_bg_toprgt {
			background: url(../images/work_img_productdes.jpg) no-repeat right;
}

.widebox_bg_toplft {
			background: url(../images/work_img_3dcg.jpg) no-repeat left;
}

.widebox_bg_midprgt {
			background: url(../images/work_img_productdsgn.jpg) no-repeat right;
}

.widebox_bg_bottomlft {
			background: url(../images/work_img_graphicdsg.jpg) no-repeat left 17px;
}

.widebox_bg_bottomrgt {
			background: url(../images/work_img_health.jpg) no-repeat right center;
}

@media all and (max-width: 1280px) {
			.widebox_bg_toplft {
						background: url(../images/work_img_3dcg.jpg) no-repeat left;
						background-size: 500px 400px;
			}
			.widebox_bg_midprgt {
						background: url(../images/work_img_productdsgn.jpg) no-repeat right;
						background-size: 600px 450px;
			}
			.widebox_bg_bottomlft {
						background: url(../images/work_img_graphicdsg.jpg) no-repeat -20px 89px;
						background-size: 500px 400px;
			}
			.widebox_bg_toprgt {
						background: url(../images/work_img_productdes.jpg) no-repeat right;
						background-size: 500px 400px;
			}
			.widebox_header_left {
						margin-bottom: 30px;
						text-align: left;
						font-size: 22pt;
			}
			.left_side {
						float: left;
						margin: 180px 0 0 60px;
			}
			.right_side {
						width: 440px;
						margin-top: 175px;
						margin-right: 2%;
						float: right;
			}
			.widebox_header_right {
						margin-bottom: 30px;
						text-align: left;
						font-size: 22pt;
			}
			.widebox_desc_right {
						line-height: 2em;
						text-align: justify;
						font-size: 12px;
						color: #1A1A1A;
			}
			.right_bottom {
						margin-top: 160px;
						float: right;
			}
			.widebox_text_left {
						text-align: left;
						line-height: 2em;
						font-size: 12px;
						color: #1A1A1A;
			}
}
@media all and (max-width: 1280px) {
			.widebox_bg_bottomrgt {
						background: url(../images/work_img_health_s.jpg) no-repeat right center;
			}
}
@media all and (max-width: 767px) {
			.widebox_bg_toprgt {
						aspect-ratio: 375/666;
						background-size: cover;
						background: url(../images/work_img_productdes_sp.jpg);
						background-repeat: no-repeat;
						background-size: cover;
			}
			.widebox_bg_toplft {
						aspect-ratio: 375/666;
						background-size: cover;
						background: url(../images/work_img_3dcg_sp.jpg);
						background-repeat: no-repeat;
						background-size: cover;
			}
			.widebox_bg_midprgt {
						aspect-ratio: 375/666;
						background-size: cover;
						background: url(../images/work_img_productdsgn_sp.jpg);
						background-repeat: no-repeat;
						background-size: cover;
			}
			.widebox_bg_bottomlft {
						aspect-ratio: 375/666;
						background-size: cover;
						background: url(../images/work_img_graphicdsg_sp.jpg);
						background-repeat: no-repeat;
						background-size: cover;
			}
			.widebox_bg_bottomrgt {
						aspect-ratio: 375/666;
						background-size: cover;
						background: url(../images/work_img_health_sp.jpg);
						background-repeat: no-repeat;
						background-size: cover;
			}
}
/* Products */
.widebox_products {
			text-align: center;
}

.products_header {
			margin-bottom: 100px;
			padding-top: 140px;
			letter-spacing: 3px;
			font-family: "Open Sans", "NOW-GM", sans-serif;
			font-size: 38px;
			color: #1A1A1A;
}

.product_title_line {
			/*
				width:310px;
				margin:-40px auto 0;
				display:block;
				border-bottom:24px solid;
				color:#EEE;
			*/
}

.products_desc {
			margin-bottom: 90px;
			letter-spacing: 2px;
			text-align: center;
			font-size: 14px;
			color: #1A1A1A;
}

ul.product_design_imgs li:hover {
			background: url(../images/work_icn_zoom.png) center center no-repeat;
			background-size: 100px 100px;
			background-color: #66B0CC;
}

ul.product_design_imgs li.bluespace:hover {
			background: none;
}

ul.product_design_imgs li a img {
			position: relative;
			width: 100%;
			height: 100%;
			transform: scale(1);
			-ms-transform: scale(1);
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-o-transform: scale(1);
			-webkit-transition: all 3s ease;
			transition: all 3s ease;
}
@media (max-width: 767px) {
			ul.product_design_imgs li a img {
						-webkit-transition: none;
						transition: none;
			}
}

ul.product_design_imgs li a img:hover {
			position: relative;
			width: 100%;
			height: 100%;
			/*
				-webkit-filter: grayscale(0%); 
				-moz-filter: grayscale(0%); 
				-ms-filter: grayscale(0%); 
				-o-filter: grayscale(0%); 
				filter: grayscale(0%); 
			*/
			cursor: pointer;
			transform: scale(1.2);
			-ms-transform: scale(1.2);
			-moz-transform: scale(1.2);
			-webkit-transform: scale(1.2);
			-o-transform: scale(1.2);
			-webkit-transition: all 1s ease;
			transition: all 1s ease;
			opacity: 0.1;
}

ul.product_design_imgs li {
			list-style: none;
			display: inline-block;
			overflow: hidden;
}

.btn_scroll_down {
			width: 70%;
			margin: 0 auto;
			padding: 140px 0 100px;
			text-align: center;
			border-bottom: 1px solid #EEE;
}

.product_design_modals {
			position: relative;
			z-index: 100;
}

.product_detail_closer {
			background-color: rgba(0, 0, 0, 0.7);
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			width: 100%;
			z-index: 200;
}

.product_detail_container {
			background-color: #FFF;
			top: 65px;
			left: 65px;
			right: 65px;
			bottom: 65px;
			position: absolute;
			z-index: 1000;
			opacity: 1;
}

/* @media all and (min-width: 481px) { .product_detail_container { min-width:960px; } } */
.product_detail_photo {
			width: 600px;
			margin-right: 40px;
			margin-left: 80px;
			float: left;
}

.product_detail_info {
			display: block;
			vertical-align: middle;
			margin: 0 80px;
}

.product_detail_info p {
			line-height: 2em;
			font-size: 14px;
			color: #444;
}

.product_detail_info_content {
			display: table-cell;
			vertical-align: middle;
}

.inside1000 {
			width: 1000px;
			margin: 0 auto;
			position: relative;
}

.contact_subtitle {
			margin-top: 140px;
			margin-bottom: 70px;
			text-align: center;
			font-family: "Noto Sans JP", sans-serif;
			font-size: 32px;
}

.contact_map {
			padding: 130px 0;
			text-align: center;
			color: #1A1A1A;
}

.contact_map img {
			padding-bottom: 40px;
}

.widebox_gray .contact_map:nth-child(2) {
			padding-top: 0;
}

.contact_map_title {
			margin-bottom: 5px;
			display: block;
			font-weight: 700;
}

dl.contact_privacy {
			padding: 0 5% 0 3.5%;
}

dl.contact_privacy dt {
			margin: 20px 0 5px;
			font-size: 14px;
			font-weight: bold;
			color: #1A1A1A;
}

dl.contact_privacy dd {
			line-height: 2em;
			font-size: 13px;
			color: #1A1A1A;
}

.about_bg_headset {
			background: #E9E9E9 url("../images/about_bg_headset.jpg") no-repeat center center;
}

.about_network_desc {
			margin: 40px 0 100px;
			text-align: center;
			line-height: 2em;
			font-size: 13px;
			color: #1A1A1A;
}

.about_subtitle {
			padding-top: 100px;
			text-align: center;
			letter-spacing: 3px;
			line-height: 1.7em;
			font-family: "Noto Sans JP", sans-serif;
			font-size: 30px;
			color: #1A1A1A;
}

.about_sakaki_client {
			padding-bottom: 140px;
			text-align: center;
}

.about_sakaki_office {
			width: 33%;
			display: inline-block;
			vertical-align: middle;
}

.about_sakaki_office img {
			max-width: 100%;
}

.about_sakaki_top {
			display: block;
}

.about_sakaki_bottom {
			background-color: #66A6C2;
			clear: both;
			overflow: hidden;
			position: relative;
}

.about_ceo_wrapper {
			width: 56%;
			display: inline-block;
			vertical-align: middle;
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%);
			        transform: translateY(-50%);
}

.about_ceo {
			float: left;
			text-align: center;
			width: 100%;
			padding: 5% 5%;
			color: #FFF;
}

.about_ceo ul {
			line-height: 2.5em;
			text-align: center;
			display: inline-block;
}

.about_ceo li {
			margin-bottom: 10px;
			text-align: left;
			font-size: 13px;
}

.about_sakaki_chair {
			max-width: 43%;
			float: right;
}

.about_sakaki_chair img {
			max-width: 100%;
			display: block;
}

.about_chair {
			display: block !important;
}

.about_chair_narrow {
			display: none !important;
}

.about_sakaki_history_wrapper {
			width: 66%;
			display: inline-block;
			vertical-align: middle;
}

.about_sakaki_history {
			width: 100%;
			text-align: center;
}

.about_sakaki_history p {
			line-height: 3em;
}

.product_detail_info .product_detail_info_title {
			font-size: 24px;
			font-family: "Open Sans", "NOW-GM", sans-serif;
			margin-bottom: 20px;
}

.about_sakaki_company, .about_sakaki_designer {
			padding-bottom: 30px;
			letter-spacing: 12px;
			line-height: 1em;
			font-family: "Noto Sans JP", sans-serif;
			font-size: 25px;
}

@media all and (max-width: 1100px) {
			.about_sakaki_company {
						padding-bottom: 5px;
			}
}
.about_sakaki_designer span {
			font-family: "Noto Sans JP", sans-serif;
			font-size: 10px;
			display: block;
			letter-spacing: 3px;
}

/* 会社概要 （2017/7/26追加）*/
.about_company {
			display: inline-block;
			text-align: center;
}

.about_company td {
			padding: 15px 20px 0;
			line-height: 2em;
			font-size: 13px;
			color: #1A1A1A;
}

.about_sakaki_designer {
			color: #FFF;
}

@media all and (max-width: 1100px) {
			.product_detail_photo {
						width: 400px;
			}
			.product_detail_photo img {
						width: 400px;
						height: 400px;
			}
}
@media all and (max-width: 610px) {
			.product_detail_photo {
						float: none;
			}
			.product_detail_info .product_detail_info_title {
						margin-top: 20px;
			}
}
@media all and (max-width: 1280px) {
			.about_chair {
						display: none !important;
			}
			.about_chair_narrow {
						display: block !important;
			}
}
.modal_close {
			background: url("../images/work_btn_close.png") no-repeat;
			width: 85px;
			height: 85px;
			position: fixed;
			top: 30px;
			right: 30px;
			z-index: 99999;
			-webkit-transition: all 0.6s ease;
			transition: all 0.6s ease;
}

@media (min-width: 768px) {
			.modal_close:hover {
						background: url("../images/work_btn_close_o.png") no-repeat;
						-webkit-transition: all 0.6s ease;
						transition: all 0.6s ease;
			}
}
/*----------------*/
/* -------------------------------------------------------------------------------------

	contentLoading

 ------------------------------------------------------------------------------------- */
#accload {
			position: fixed;
			left: 0;
			bottom: 0;
			display: -ms-grid;
			display: grid;
			place-items: center;
			width: 100%;
			height: 100vh;
			text-align: center;
			background-color: #fff;
			/* 	overflow: hidden; */
			/*
				-webkit-transform: translate3d(0, 0, 0);
				-webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
				-moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
				-ms-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
				-o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
				transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
			*/
			/* easeInOutQuart */
			z-index: 999;
}
@media (max-width: 767px) {
			#accload {
						height: 100svh;
			}
}
#accload img {
			width: 29%;
			max-width: 435px;
}
@media (max-width: 767px) {
			#accload img {
						width: 75%;
			}
}

#accload.hide {
			height: 0px;
}

#accload.hide span {
			-webkit-animation: none;
			animation: none;
}

#accload span {
			position: absolute;
			left: 0;
			right: 0;
			font-size: 60px;
			letter-spacing: 2px;
			color: #1A1A1A;
			/*
				-webkit-animation: blink 0.04s ease-in-out infinite alternate;
				-moz-animation: blink 0.04s ease-in-out infinite alternate;
				animation: blink 0.04s ease-in-out infinite alternate;
			*/
}

/*
@-webkit-keyframes blink {
  0% { opacity: 0.4; }
  100% { opacity: 1; }
}

@-moz-keyframes blink {
  0% { opacity: 0.4; }
  100% { opacity: 1; }
}

@keyframes blink {
  0% { opacity: 0.4; }
  100% { opacity: 1; }
}
*/
/* IE Hack */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
			#accload {
						height: 0 !important;
						z-index: 1 !important;
			}
			#wrapper_transition {
						display: block !important;
			}
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
}

.animated.infinite {
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
}

.animated.hinge {
			-webkit-animation-duration: 2s;
			animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
			-webkit-animation-duration: 0.75s;
			animation-duration: 0.75s;
}

.animated.flipOutX,
.animated.flipOutY {
			-webkit-animation-duration: 0.75s;
			animation-duration: 0.75s;
}

@-webkit-keyframes bounce {
			0%, 20%, 53%, 80%, 100% {
						-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
						animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
			40%, 43% {
						-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
						animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
						-webkit-transform: translate3d(0, -30px, 0);
						transform: translate3d(0, -30px, 0);
			}
			70% {
						-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
						animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
						-webkit-transform: translate3d(0, -15px, 0);
						transform: translate3d(0, -15px, 0);
			}
			90% {
						-webkit-transform: translate3d(0, -4px, 0);
						transform: translate3d(0, -4px, 0);
			}
}
@keyframes bounce {
			0%, 20%, 53%, 80%, 100% {
						-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
						animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
			40%, 43% {
						-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
						animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
						-webkit-transform: translate3d(0, -30px, 0);
						transform: translate3d(0, -30px, 0);
			}
			70% {
						-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
						animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
						-webkit-transform: translate3d(0, -15px, 0);
						transform: translate3d(0, -15px, 0);
			}
			90% {
						-webkit-transform: translate3d(0, -4px, 0);
						transform: translate3d(0, -4px, 0);
			}
}
.bounce {
			-webkit-animation-name: bounce;
			animation-name: bounce;
			-webkit-transform-origin: center bottom;
			transform-origin: center bottom;
}

@-webkit-keyframes flash {
			0%, 50%, 100% {
						opacity: 1;
			}
			25%, 75% {
						opacity: 0;
			}
}
@keyframes flash {
			0%, 50%, 100% {
						opacity: 1;
			}
			25%, 75% {
						opacity: 0;
			}
}
.flash {
			-webkit-animation-name: flash;
			animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
			0% {
						-webkit-transform: scale3d(1, 1, 1);
						transform: scale3d(1, 1, 1);
			}
			50% {
						-webkit-transform: scale3d(1.05, 1.05, 1.05);
						transform: scale3d(1.05, 1.05, 1.05);
			}
			100% {
						-webkit-transform: scale3d(1, 1, 1);
						transform: scale3d(1, 1, 1);
			}
}
@keyframes pulse {
			0% {
						-webkit-transform: scale3d(1, 1, 1);
						transform: scale3d(1, 1, 1);
			}
			50% {
						-webkit-transform: scale3d(1.05, 1.05, 1.05);
						transform: scale3d(1.05, 1.05, 1.05);
			}
			100% {
						-webkit-transform: scale3d(1, 1, 1);
						transform: scale3d(1, 1, 1);
			}
}
.pulse {
			-webkit-animation-name: pulse;
			animation-name: pulse;
}

@-webkit-keyframes rubberBand {
			0% {
						-webkit-transform: scale3d(1, 1, 1);
						transform: scale3d(1, 1, 1);
			}
			30% {
						-webkit-transform: scale3d(1.25, 0.75, 1);
						transform: scale3d(1.25, 0.75, 1);
			}
			40% {
						-webkit-transform: scale3d(0.75, 1.25, 1);
						transform: scale3d(0.75, 1.25, 1);
			}
			50% {
						-webkit-transform: scale3d(1.15, 0.85, 1);
						transform: scale3d(1.15, 0.85, 1);
			}
			65% {
						-webkit-transform: scale3d(0.95, 1.05, 1);
						transform: scale3d(0.95, 1.05, 1);
			}
			75% {
						-webkit-transform: scale3d(1.05, 0.95, 1);
						transform: scale3d(1.05, 0.95, 1);
			}
			100% {
						-webkit-transform: scale3d(1, 1, 1);
						transform: scale3d(1, 1, 1);
			}
}
@keyframes rubberBand {
			0% {
						-webkit-transform: scale3d(1, 1, 1);
						transform: scale3d(1, 1, 1);
			}
			30% {
						-webkit-transform: scale3d(1.25, 0.75, 1);
						transform: scale3d(1.25, 0.75, 1);
			}
			40% {
						-webkit-transform: scale3d(0.75, 1.25, 1);
						transform: scale3d(0.75, 1.25, 1);
			}
			50% {
						-webkit-transform: scale3d(1.15, 0.85, 1);
						transform: scale3d(1.15, 0.85, 1);
			}
			65% {
						-webkit-transform: scale3d(0.95, 1.05, 1);
						transform: scale3d(0.95, 1.05, 1);
			}
			75% {
						-webkit-transform: scale3d(1.05, 0.95, 1);
						transform: scale3d(1.05, 0.95, 1);
			}
			100% {
						-webkit-transform: scale3d(1, 1, 1);
						transform: scale3d(1, 1, 1);
			}
}
.rubberBand {
			-webkit-animation-name: rubberBand;
			animation-name: rubberBand;
}

@-webkit-keyframes shake {
			0%, 100% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
			10%, 30%, 50%, 70%, 90% {
						-webkit-transform: translate3d(-10px, 0, 0);
						transform: translate3d(-10px, 0, 0);
			}
			20%, 40%, 60%, 80% {
						-webkit-transform: translate3d(10px, 0, 0);
						transform: translate3d(10px, 0, 0);
			}
}
@keyframes shake {
			0%, 100% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
			10%, 30%, 50%, 70%, 90% {
						-webkit-transform: translate3d(-10px, 0, 0);
						transform: translate3d(-10px, 0, 0);
			}
			20%, 40%, 60%, 80% {
						-webkit-transform: translate3d(10px, 0, 0);
						transform: translate3d(10px, 0, 0);
			}
}
.shake {
			-webkit-animation-name: shake;
			animation-name: shake;
}

@-webkit-keyframes swing {
			20% {
						-webkit-transform: rotate3d(0, 0, 1, 15deg);
						transform: rotate3d(0, 0, 1, 15deg);
			}
			40% {
						-webkit-transform: rotate3d(0, 0, 1, -10deg);
						transform: rotate3d(0, 0, 1, -10deg);
			}
			60% {
						-webkit-transform: rotate3d(0, 0, 1, 5deg);
						transform: rotate3d(0, 0, 1, 5deg);
			}
			80% {
						-webkit-transform: rotate3d(0, 0, 1, -5deg);
						transform: rotate3d(0, 0, 1, -5deg);
			}
			100% {
						-webkit-transform: rotate3d(0, 0, 1, 0deg);
						transform: rotate3d(0, 0, 1, 0deg);
			}
}
@keyframes swing {
			20% {
						-webkit-transform: rotate3d(0, 0, 1, 15deg);
						transform: rotate3d(0, 0, 1, 15deg);
			}
			40% {
						-webkit-transform: rotate3d(0, 0, 1, -10deg);
						transform: rotate3d(0, 0, 1, -10deg);
			}
			60% {
						-webkit-transform: rotate3d(0, 0, 1, 5deg);
						transform: rotate3d(0, 0, 1, 5deg);
			}
			80% {
						-webkit-transform: rotate3d(0, 0, 1, -5deg);
						transform: rotate3d(0, 0, 1, -5deg);
			}
			100% {
						-webkit-transform: rotate3d(0, 0, 1, 0deg);
						transform: rotate3d(0, 0, 1, 0deg);
			}
}
.swing {
			-webkit-transform-origin: top center;
			transform-origin: top center;
			-webkit-animation-name: swing;
			animation-name: swing;
}

@-webkit-keyframes tada {
			0% {
						-webkit-transform: scale3d(1, 1, 1);
						transform: scale3d(1, 1, 1);
			}
			10%, 20% {
						-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
						transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
			}
			30%, 50%, 70%, 90% {
						-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
						transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
			}
			40%, 60%, 80% {
						-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
						transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
			}
			100% {
						-webkit-transform: scale3d(1, 1, 1);
						transform: scale3d(1, 1, 1);
			}
}
@keyframes tada {
			0% {
						-webkit-transform: scale3d(1, 1, 1);
						transform: scale3d(1, 1, 1);
			}
			10%, 20% {
						-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
						transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
			}
			30%, 50%, 70%, 90% {
						-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
						transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
			}
			40%, 60%, 80% {
						-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
						transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
			}
			100% {
						-webkit-transform: scale3d(1, 1, 1);
						transform: scale3d(1, 1, 1);
			}
}
.tada {
			-webkit-animation-name: tada;
			animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
			0% {
						-webkit-transform: none;
						transform: none;
			}
			15% {
						-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
						transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
			}
			30% {
						-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
						transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
			}
			45% {
						-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
						transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
			}
			60% {
						-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
						transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
			}
			75% {
						-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
						transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
			}
			100% {
						-webkit-transform: none;
						transform: none;
			}
}
@keyframes wobble {
			0% {
						-webkit-transform: none;
						transform: none;
			}
			15% {
						-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
						transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
			}
			30% {
						-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
						transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
			}
			45% {
						-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
						transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
			}
			60% {
						-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
						transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
			}
			75% {
						-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
						transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
			}
			100% {
						-webkit-transform: none;
						transform: none;
			}
}
.wobble {
			-webkit-animation-name: wobble;
			animation-name: wobble;
}

@-webkit-keyframes jello {
			11.1% {
						-webkit-transform: none;
						transform: none;
			}
			22.2% {
						-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
						transform: skewX(-12.5deg) skewY(-12.5deg);
			}
			33.3% {
						-webkit-transform: skewX(6.25deg) skewY(6.25deg);
						transform: skewX(6.25deg) skewY(6.25deg);
			}
			44.4% {
						-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
						transform: skewX(-3.125deg) skewY(-3.125deg);
			}
			55.5% {
						-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
						transform: skewX(1.5625deg) skewY(1.5625deg);
			}
			66.6% {
						-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
						transform: skewX(-0.78125deg) skewY(-0.78125deg);
			}
			77.7% {
						-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
						transform: skewX(0.390625deg) skewY(0.390625deg);
			}
			88.8% {
						-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
						transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
			}
			100% {
						-webkit-transform: none;
						transform: none;
			}
}
@keyframes jello {
			11.1% {
						-webkit-transform: none;
						transform: none;
			}
			22.2% {
						-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
						transform: skewX(-12.5deg) skewY(-12.5deg);
			}
			33.3% {
						-webkit-transform: skewX(6.25deg) skewY(6.25deg);
						transform: skewX(6.25deg) skewY(6.25deg);
			}
			44.4% {
						-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
						transform: skewX(-3.125deg) skewY(-3.125deg);
			}
			55.5% {
						-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
						transform: skewX(1.5625deg) skewY(1.5625deg);
			}
			66.6% {
						-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
						transform: skewX(-0.78125deg) skewY(-0.78125deg);
			}
			77.7% {
						-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
						transform: skewX(0.390625deg) skewY(0.390625deg);
			}
			88.8% {
						-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
						transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
			}
			100% {
						-webkit-transform: none;
						transform: none;
			}
}
.jello {
			-webkit-animation-name: jello;
			animation-name: jello;
			-webkit-transform-origin: center;
			transform-origin: center;
}

@-webkit-keyframes bounceIn {
			0%, 20%, 40%, 60%, 80%, 100% {
						-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
						animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			}
			0% {
						opacity: 0;
						-webkit-transform: scale3d(0.3, 0.3, 0.3);
						transform: scale3d(0.3, 0.3, 0.3);
			}
			20% {
						-webkit-transform: scale3d(1.1, 1.1, 1.1);
						transform: scale3d(1.1, 1.1, 1.1);
			}
			40% {
						-webkit-transform: scale3d(0.9, 0.9, 0.9);
						transform: scale3d(0.9, 0.9, 0.9);
			}
			60% {
						opacity: 1;
						-webkit-transform: scale3d(1.03, 1.03, 1.03);
						transform: scale3d(1.03, 1.03, 1.03);
			}
			80% {
						-webkit-transform: scale3d(0.97, 0.97, 0.97);
						transform: scale3d(0.97, 0.97, 0.97);
			}
			100% {
						opacity: 1;
						-webkit-transform: scale3d(1, 1, 1);
						transform: scale3d(1, 1, 1);
			}
}
@keyframes bounceIn {
			0%, 20%, 40%, 60%, 80%, 100% {
						-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
						animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			}
			0% {
						opacity: 0;
						-webkit-transform: scale3d(0.3, 0.3, 0.3);
						transform: scale3d(0.3, 0.3, 0.3);
			}
			20% {
						-webkit-transform: scale3d(1.1, 1.1, 1.1);
						transform: scale3d(1.1, 1.1, 1.1);
			}
			40% {
						-webkit-transform: scale3d(0.9, 0.9, 0.9);
						transform: scale3d(0.9, 0.9, 0.9);
			}
			60% {
						opacity: 1;
						-webkit-transform: scale3d(1.03, 1.03, 1.03);
						transform: scale3d(1.03, 1.03, 1.03);
			}
			80% {
						-webkit-transform: scale3d(0.97, 0.97, 0.97);
						transform: scale3d(0.97, 0.97, 0.97);
			}
			100% {
						opacity: 1;
						-webkit-transform: scale3d(1, 1, 1);
						transform: scale3d(1, 1, 1);
			}
}
.bounceIn {
			-webkit-animation-name: bounceIn;
			animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
			0%, 60%, 75%, 90%, 100% {
						-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
						animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			}
			0% {
						opacity: 0;
						-webkit-transform: translate3d(0, -3000px, 0);
						transform: translate3d(0, -3000px, 0);
			}
			60% {
						opacity: 1;
						-webkit-transform: translate3d(0, 25px, 0);
						transform: translate3d(0, 25px, 0);
			}
			75% {
						-webkit-transform: translate3d(0, -10px, 0);
						transform: translate3d(0, -10px, 0);
			}
			90% {
						-webkit-transform: translate3d(0, 5px, 0);
						transform: translate3d(0, 5px, 0);
			}
			100% {
						-webkit-transform: none;
						transform: none;
			}
}
@keyframes bounceInDown {
			0%, 60%, 75%, 90%, 100% {
						-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
						animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			}
			0% {
						opacity: 0;
						-webkit-transform: translate3d(0, -3000px, 0);
						transform: translate3d(0, -3000px, 0);
			}
			60% {
						opacity: 1;
						-webkit-transform: translate3d(0, 25px, 0);
						transform: translate3d(0, 25px, 0);
			}
			75% {
						-webkit-transform: translate3d(0, -10px, 0);
						transform: translate3d(0, -10px, 0);
			}
			90% {
						-webkit-transform: translate3d(0, 5px, 0);
						transform: translate3d(0, 5px, 0);
			}
			100% {
						-webkit-transform: none;
						transform: none;
			}
}
.bounceInDown {
			-webkit-animation-name: bounceInDown;
			animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
			0%, 60%, 75%, 90%, 100% {
						-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
						animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			}
			0% {
						opacity: 0;
						-webkit-transform: translate3d(-3000px, 0, 0);
						transform: translate3d(-3000px, 0, 0);
			}
			60% {
						opacity: 1;
						-webkit-transform: translate3d(25px, 0, 0);
						transform: translate3d(25px, 0, 0);
			}
			75% {
						-webkit-transform: translate3d(-10px, 0, 0);
						transform: translate3d(-10px, 0, 0);
			}
			90% {
						-webkit-transform: translate3d(5px, 0, 0);
						transform: translate3d(5px, 0, 0);
			}
			100% {
						-webkit-transform: none;
						transform: none;
			}
}
@keyframes bounceInLeft {
			0%, 60%, 75%, 90%, 100% {
						-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
						animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			}
			0% {
						opacity: 0;
						-webkit-transform: translate3d(-3000px, 0, 0);
						transform: translate3d(-3000px, 0, 0);
			}
			60% {
						opacity: 1;
						-webkit-transform: translate3d(25px, 0, 0);
						transform: translate3d(25px, 0, 0);
			}
			75% {
						-webkit-transform: translate3d(-10px, 0, 0);
						transform: translate3d(-10px, 0, 0);
			}
			90% {
						-webkit-transform: translate3d(5px, 0, 0);
						transform: translate3d(5px, 0, 0);
			}
			100% {
						-webkit-transform: none;
						transform: none;
			}
}
.bounceInLeft {
			-webkit-animation-name: bounceInLeft;
			animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
			0%, 60%, 75%, 90%, 100% {
						-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
						animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			}
			0% {
						opacity: 0;
						-webkit-transform: translate3d(3000px, 0, 0);
						transform: translate3d(3000px, 0, 0);
			}
			60% {
						opacity: 1;
						-webkit-transform: translate3d(-25px, 0, 0);
						transform: translate3d(-25px, 0, 0);
			}
			75% {
						-webkit-transform: translate3d(10px, 0, 0);
						transform: translate3d(10px, 0, 0);
			}
			90% {
						-webkit-transform: translate3d(-5px, 0, 0);
						transform: translate3d(-5px, 0, 0);
			}
			100% {
						-webkit-transform: none;
						transform: none;
			}
}
@keyframes bounceInRight {
			0%, 60%, 75%, 90%, 100% {
						-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
						animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			}
			0% {
						opacity: 0;
						-webkit-transform: translate3d(3000px, 0, 0);
						transform: translate3d(3000px, 0, 0);
			}
			60% {
						opacity: 1;
						-webkit-transform: translate3d(-25px, 0, 0);
						transform: translate3d(-25px, 0, 0);
			}
			75% {
						-webkit-transform: translate3d(10px, 0, 0);
						transform: translate3d(10px, 0, 0);
			}
			90% {
						-webkit-transform: translate3d(-5px, 0, 0);
						transform: translate3d(-5px, 0, 0);
			}
			100% {
						-webkit-transform: none;
						transform: none;
			}
}
.bounceInRight {
			-webkit-animation-name: bounceInRight;
			animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
			0%, 60%, 75%, 90%, 100% {
						-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
						animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			}
			0% {
						opacity: 0;
						-webkit-transform: translate3d(0, 3000px, 0);
						transform: translate3d(0, 3000px, 0);
			}
			60% {
						opacity: 1;
						-webkit-transform: translate3d(0, -20px, 0);
						transform: translate3d(0, -20px, 0);
			}
			75% {
						-webkit-transform: translate3d(0, 10px, 0);
						transform: translate3d(0, 10px, 0);
			}
			90% {
						-webkit-transform: translate3d(0, -5px, 0);
						transform: translate3d(0, -5px, 0);
			}
			100% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
}
@keyframes bounceInUp {
			0%, 60%, 75%, 90%, 100% {
						-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
						animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			}
			0% {
						opacity: 0;
						-webkit-transform: translate3d(0, 3000px, 0);
						transform: translate3d(0, 3000px, 0);
			}
			60% {
						opacity: 1;
						-webkit-transform: translate3d(0, -20px, 0);
						transform: translate3d(0, -20px, 0);
			}
			75% {
						-webkit-transform: translate3d(0, 10px, 0);
						transform: translate3d(0, 10px, 0);
			}
			90% {
						-webkit-transform: translate3d(0, -5px, 0);
						transform: translate3d(0, -5px, 0);
			}
			100% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
}
.bounceInUp {
			-webkit-animation-name: bounceInUp;
			animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
			20% {
						-webkit-transform: scale3d(0.9, 0.9, 0.9);
						transform: scale3d(0.9, 0.9, 0.9);
			}
			50%, 55% {
						opacity: 1;
						-webkit-transform: scale3d(1.1, 1.1, 1.1);
						transform: scale3d(1.1, 1.1, 1.1);
			}
			100% {
						opacity: 0;
						-webkit-transform: scale3d(0.3, 0.3, 0.3);
						transform: scale3d(0.3, 0.3, 0.3);
			}
}
@keyframes bounceOut {
			20% {
						-webkit-transform: scale3d(0.9, 0.9, 0.9);
						transform: scale3d(0.9, 0.9, 0.9);
			}
			50%, 55% {
						opacity: 1;
						-webkit-transform: scale3d(1.1, 1.1, 1.1);
						transform: scale3d(1.1, 1.1, 1.1);
			}
			100% {
						opacity: 0;
						-webkit-transform: scale3d(0.3, 0.3, 0.3);
						transform: scale3d(0.3, 0.3, 0.3);
			}
}
.bounceOut {
			-webkit-animation-name: bounceOut;
			animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
			20% {
						-webkit-transform: translate3d(0, 10px, 0);
						transform: translate3d(0, 10px, 0);
			}
			40%, 45% {
						opacity: 1;
						-webkit-transform: translate3d(0, -20px, 0);
						transform: translate3d(0, -20px, 0);
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(0, 2000px, 0);
						transform: translate3d(0, 2000px, 0);
			}
}
@keyframes bounceOutDown {
			20% {
						-webkit-transform: translate3d(0, 10px, 0);
						transform: translate3d(0, 10px, 0);
			}
			40%, 45% {
						opacity: 1;
						-webkit-transform: translate3d(0, -20px, 0);
						transform: translate3d(0, -20px, 0);
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(0, 2000px, 0);
						transform: translate3d(0, 2000px, 0);
			}
}
.bounceOutDown {
			-webkit-animation-name: bounceOutDown;
			animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
			20% {
						opacity: 1;
						-webkit-transform: translate3d(20px, 0, 0);
						transform: translate3d(20px, 0, 0);
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(-2000px, 0, 0);
						transform: translate3d(-2000px, 0, 0);
			}
}
@keyframes bounceOutLeft {
			20% {
						opacity: 1;
						-webkit-transform: translate3d(20px, 0, 0);
						transform: translate3d(20px, 0, 0);
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(-2000px, 0, 0);
						transform: translate3d(-2000px, 0, 0);
			}
}
.bounceOutLeft {
			-webkit-animation-name: bounceOutLeft;
			animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
			20% {
						opacity: 1;
						-webkit-transform: translate3d(-20px, 0, 0);
						transform: translate3d(-20px, 0, 0);
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(2000px, 0, 0);
						transform: translate3d(2000px, 0, 0);
			}
}
@keyframes bounceOutRight {
			20% {
						opacity: 1;
						-webkit-transform: translate3d(-20px, 0, 0);
						transform: translate3d(-20px, 0, 0);
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(2000px, 0, 0);
						transform: translate3d(2000px, 0, 0);
			}
}
.bounceOutRight {
			-webkit-animation-name: bounceOutRight;
			animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
			20% {
						-webkit-transform: translate3d(0, -10px, 0);
						transform: translate3d(0, -10px, 0);
			}
			40%, 45% {
						opacity: 1;
						-webkit-transform: translate3d(0, 20px, 0);
						transform: translate3d(0, 20px, 0);
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(0, -2000px, 0);
						transform: translate3d(0, -2000px, 0);
			}
}
@keyframes bounceOutUp {
			20% {
						-webkit-transform: translate3d(0, -10px, 0);
						transform: translate3d(0, -10px, 0);
			}
			40%, 45% {
						opacity: 1;
						-webkit-transform: translate3d(0, 20px, 0);
						transform: translate3d(0, 20px, 0);
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(0, -2000px, 0);
						transform: translate3d(0, -2000px, 0);
			}
}
.bounceOutUp {
			-webkit-animation-name: bounceOutUp;
			animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
			0% {
						opacity: 0;
			}
			100% {
						opacity: 1;
			}
}
@keyframes fadeIn {
			0% {
						opacity: 0;
			}
			100% {
						opacity: 1;
			}
}
.fadeIn {
			-webkit-animation-name: fadeIn;
			animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(0, -100%, 0);
						transform: translate3d(0, -100%, 0);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
@keyframes fadeInDown {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(0, -100%, 0);
						transform: translate3d(0, -100%, 0);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
.fadeInDown {
			-webkit-animation-name: fadeInDown;
			animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(0, -2000px, 0);
						transform: translate3d(0, -2000px, 0);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
@keyframes fadeInDownBig {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(0, -2000px, 0);
						transform: translate3d(0, -2000px, 0);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
.fadeInDownBig {
			-webkit-animation-name: fadeInDownBig;
			animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(-100%, 0, 0);
						transform: translate3d(-100%, 0, 0);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
@keyframes fadeInLeft {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(-100%, 0, 0);
						transform: translate3d(-100%, 0, 0);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
.fadeInLeft {
			-webkit-animation-name: fadeInLeft;
			animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(-2000px, 0, 0);
						transform: translate3d(-2000px, 0, 0);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
@keyframes fadeInLeftBig {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(-2000px, 0, 0);
						transform: translate3d(-2000px, 0, 0);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
.fadeInLeftBig {
			-webkit-animation-name: fadeInLeftBig;
			animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(100%, 0, 0);
						transform: translate3d(100%, 0, 0);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
@keyframes fadeInRight {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(100%, 0, 0);
						transform: translate3d(100%, 0, 0);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
.fadeInRight {
			-webkit-animation-name: fadeInRight;
			animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(2000px, 0, 0);
						transform: translate3d(2000px, 0, 0);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
@keyframes fadeInRightBig {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(2000px, 0, 0);
						transform: translate3d(2000px, 0, 0);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
.fadeInRightBig {
			-webkit-animation-name: fadeInRightBig;
			animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(0, 100%, 0);
						transform: translate3d(0, 100%, 0);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
@keyframes fadeInUp {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(0, 100%, 0);
						transform: translate3d(0, 100%, 0);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
.fadeInUp {
			-webkit-animation-name: fadeInUp;
			animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(0, 2000px, 0);
						transform: translate3d(0, 2000px, 0);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
@keyframes fadeInUpBig {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(0, 2000px, 0);
						transform: translate3d(0, 2000px, 0);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
.fadeInUpBig {
			-webkit-animation-name: fadeInUpBig;
			animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
			}
}
@keyframes fadeOut {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
			}
}
.fadeOut {
			-webkit-animation-name: fadeOut;
			animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(0, 100%, 0);
						transform: translate3d(0, 100%, 0);
			}
}
@keyframes fadeOutDown {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(0, 100%, 0);
						transform: translate3d(0, 100%, 0);
			}
}
.fadeOutDown {
			-webkit-animation-name: fadeOutDown;
			animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(0, 2000px, 0);
						transform: translate3d(0, 2000px, 0);
			}
}
@keyframes fadeOutDownBig {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(0, 2000px, 0);
						transform: translate3d(0, 2000px, 0);
			}
}
.fadeOutDownBig {
			-webkit-animation-name: fadeOutDownBig;
			animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(-100%, 0, 0);
						transform: translate3d(-100%, 0, 0);
			}
}
@keyframes fadeOutLeft {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(-100%, 0, 0);
						transform: translate3d(-100%, 0, 0);
			}
}
.fadeOutLeft {
			-webkit-animation-name: fadeOutLeft;
			animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(-2000px, 0, 0);
						transform: translate3d(-2000px, 0, 0);
			}
}
@keyframes fadeOutLeftBig {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(-2000px, 0, 0);
						transform: translate3d(-2000px, 0, 0);
			}
}
.fadeOutLeftBig {
			-webkit-animation-name: fadeOutLeftBig;
			animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(100%, 0, 0);
						transform: translate3d(100%, 0, 0);
			}
}
@keyframes fadeOutRight {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(100%, 0, 0);
						transform: translate3d(100%, 0, 0);
			}
}
.fadeOutRight {
			-webkit-animation-name: fadeOutRight;
			animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(2000px, 0, 0);
						transform: translate3d(2000px, 0, 0);
			}
}
@keyframes fadeOutRightBig {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(2000px, 0, 0);
						transform: translate3d(2000px, 0, 0);
			}
}
.fadeOutRightBig {
			-webkit-animation-name: fadeOutRightBig;
			animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(0, -100%, 0);
						transform: translate3d(0, -100%, 0);
			}
}
@keyframes fadeOutUp {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(0, -100%, 0);
						transform: translate3d(0, -100%, 0);
			}
}
.fadeOutUp {
			-webkit-animation-name: fadeOutUp;
			animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(0, -2000px, 0);
						transform: translate3d(0, -2000px, 0);
			}
}
@keyframes fadeOutUpBig {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(0, -2000px, 0);
						transform: translate3d(0, -2000px, 0);
			}
}
.fadeOutUpBig {
			-webkit-animation-name: fadeOutUpBig;
			animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
			0% {
						-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
						transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
						-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
			}
			40% {
						-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
						transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
						-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
			}
			50% {
						-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
						transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
						-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
			}
			80% {
						-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
						transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
						-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
			}
			100% {
						-webkit-transform: perspective(400px);
						transform: perspective(400px);
						-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
			}
}
@keyframes flip {
			0% {
						-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
						transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
						-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
			}
			40% {
						-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
						transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
						-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
			}
			50% {
						-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
						transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
						-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
			}
			80% {
						-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
						transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
						-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
			}
			100% {
						-webkit-transform: perspective(400px);
						transform: perspective(400px);
						-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
			}
}
.animated.flip {
			-webkit-backface-visibility: visible;
			backface-visibility: visible;
			-webkit-animation-name: flip;
			animation-name: flip;
}

@-webkit-keyframes flipInX {
			0% {
						-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
						transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
						-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
						opacity: 0;
			}
			40% {
						-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
						transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
						-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
			}
			60% {
						-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
						transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
						opacity: 1;
			}
			80% {
						-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
						transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
			}
			100% {
						-webkit-transform: perspective(400px);
						transform: perspective(400px);
			}
}
@keyframes flipInX {
			0% {
						-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
						transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
						-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
						opacity: 0;
			}
			40% {
						-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
						transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
						-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
			}
			60% {
						-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
						transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
						opacity: 1;
			}
			80% {
						-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
						transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
			}
			100% {
						-webkit-transform: perspective(400px);
						transform: perspective(400px);
			}
}
.flipInX {
			-webkit-backface-visibility: visible !important;
			backface-visibility: visible !important;
			-webkit-animation-name: flipInX;
			animation-name: flipInX;
}

@-webkit-keyframes flipInY {
			0% {
						-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
						transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
						-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
						opacity: 0;
			}
			40% {
						-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
						transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
						-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
			}
			60% {
						-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
						transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
						opacity: 1;
			}
			80% {
						-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
						transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
			}
			100% {
						-webkit-transform: perspective(400px);
						transform: perspective(400px);
			}
}
@keyframes flipInY {
			0% {
						-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
						transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
						-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
						opacity: 0;
			}
			40% {
						-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
						transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
						-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
			}
			60% {
						-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
						transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
						opacity: 1;
			}
			80% {
						-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
						transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
			}
			100% {
						-webkit-transform: perspective(400px);
						transform: perspective(400px);
			}
}
.flipInY {
			-webkit-backface-visibility: visible !important;
			backface-visibility: visible !important;
			-webkit-animation-name: flipInY;
			animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
			0% {
						-webkit-transform: perspective(400px);
						transform: perspective(400px);
			}
			30% {
						-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
						transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
						opacity: 1;
			}
			100% {
						-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
						transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
						opacity: 0;
			}
}
@keyframes flipOutX {
			0% {
						-webkit-transform: perspective(400px);
						transform: perspective(400px);
			}
			30% {
						-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
						transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
						opacity: 1;
			}
			100% {
						-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
						transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
						opacity: 0;
			}
}
.flipOutX {
			-webkit-animation-name: flipOutX;
			animation-name: flipOutX;
			-webkit-backface-visibility: visible !important;
			backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
			0% {
						-webkit-transform: perspective(400px);
						transform: perspective(400px);
			}
			30% {
						-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
						transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
						opacity: 1;
			}
			100% {
						-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
						transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
						opacity: 0;
			}
}
@keyframes flipOutY {
			0% {
						-webkit-transform: perspective(400px);
						transform: perspective(400px);
			}
			30% {
						-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
						transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
						opacity: 1;
			}
			100% {
						-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
						transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
						opacity: 0;
			}
}
.flipOutY {
			-webkit-backface-visibility: visible !important;
			backface-visibility: visible !important;
			-webkit-animation-name: flipOutY;
			animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
			0% {
						-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
						transform: translate3d(100%, 0, 0) skewX(-30deg);
						opacity: 0;
			}
			60% {
						-webkit-transform: skewX(20deg);
						transform: skewX(20deg);
						opacity: 1;
			}
			80% {
						-webkit-transform: skewX(-5deg);
						transform: skewX(-5deg);
						opacity: 1;
			}
			100% {
						-webkit-transform: none;
						transform: none;
						opacity: 1;
			}
}
@keyframes lightSpeedIn {
			0% {
						-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
						transform: translate3d(100%, 0, 0) skewX(-30deg);
						opacity: 0;
			}
			60% {
						-webkit-transform: skewX(20deg);
						transform: skewX(20deg);
						opacity: 1;
			}
			80% {
						-webkit-transform: skewX(-5deg);
						transform: skewX(-5deg);
						opacity: 1;
			}
			100% {
						-webkit-transform: none;
						transform: none;
						opacity: 1;
			}
}
.lightSpeedIn {
			-webkit-animation-name: lightSpeedIn;
			animation-name: lightSpeedIn;
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
			0% {
						opacity: 1;
			}
			100% {
						-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
						transform: translate3d(100%, 0, 0) skewX(30deg);
						opacity: 0;
			}
}
@keyframes lightSpeedOut {
			0% {
						opacity: 1;
			}
			100% {
						-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
						transform: translate3d(100%, 0, 0) skewX(30deg);
						opacity: 0;
			}
}
.lightSpeedOut {
			-webkit-animation-name: lightSpeedOut;
			animation-name: lightSpeedOut;
			-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
			0% {
						-webkit-transform-origin: center;
						transform-origin: center;
						-webkit-transform: rotate3d(0, 0, 1, -200deg);
						transform: rotate3d(0, 0, 1, -200deg);
						opacity: 0;
			}
			100% {
						-webkit-transform-origin: center;
						transform-origin: center;
						-webkit-transform: none;
						transform: none;
						opacity: 1;
			}
}
@keyframes rotateIn {
			0% {
						-webkit-transform-origin: center;
						transform-origin: center;
						-webkit-transform: rotate3d(0, 0, 1, -200deg);
						transform: rotate3d(0, 0, 1, -200deg);
						opacity: 0;
			}
			100% {
						-webkit-transform-origin: center;
						transform-origin: center;
						-webkit-transform: none;
						transform: none;
						opacity: 1;
			}
}
.rotateIn {
			-webkit-animation-name: rotateIn;
			animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
			0% {
						-webkit-transform-origin: left bottom;
						transform-origin: left bottom;
						-webkit-transform: rotate3d(0, 0, 1, -45deg);
						transform: rotate3d(0, 0, 1, -45deg);
						opacity: 0;
			}
			100% {
						-webkit-transform-origin: left bottom;
						transform-origin: left bottom;
						-webkit-transform: none;
						transform: none;
						opacity: 1;
			}
}
@keyframes rotateInDownLeft {
			0% {
						-webkit-transform-origin: left bottom;
						transform-origin: left bottom;
						-webkit-transform: rotate3d(0, 0, 1, -45deg);
						transform: rotate3d(0, 0, 1, -45deg);
						opacity: 0;
			}
			100% {
						-webkit-transform-origin: left bottom;
						transform-origin: left bottom;
						-webkit-transform: none;
						transform: none;
						opacity: 1;
			}
}
.rotateInDownLeft {
			-webkit-animation-name: rotateInDownLeft;
			animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
			0% {
						-webkit-transform-origin: right bottom;
						transform-origin: right bottom;
						-webkit-transform: rotate3d(0, 0, 1, 45deg);
						transform: rotate3d(0, 0, 1, 45deg);
						opacity: 0;
			}
			100% {
						-webkit-transform-origin: right bottom;
						transform-origin: right bottom;
						-webkit-transform: none;
						transform: none;
						opacity: 1;
			}
}
@keyframes rotateInDownRight {
			0% {
						-webkit-transform-origin: right bottom;
						transform-origin: right bottom;
						-webkit-transform: rotate3d(0, 0, 1, 45deg);
						transform: rotate3d(0, 0, 1, 45deg);
						opacity: 0;
			}
			100% {
						-webkit-transform-origin: right bottom;
						transform-origin: right bottom;
						-webkit-transform: none;
						transform: none;
						opacity: 1;
			}
}
.rotateInDownRight {
			-webkit-animation-name: rotateInDownRight;
			animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
			0% {
						-webkit-transform-origin: left bottom;
						transform-origin: left bottom;
						-webkit-transform: rotate3d(0, 0, 1, 45deg);
						transform: rotate3d(0, 0, 1, 45deg);
						opacity: 0;
			}
			100% {
						-webkit-transform-origin: left bottom;
						transform-origin: left bottom;
						-webkit-transform: none;
						transform: none;
						opacity: 1;
			}
}
@keyframes rotateInUpLeft {
			0% {
						-webkit-transform-origin: left bottom;
						transform-origin: left bottom;
						-webkit-transform: rotate3d(0, 0, 1, 45deg);
						transform: rotate3d(0, 0, 1, 45deg);
						opacity: 0;
			}
			100% {
						-webkit-transform-origin: left bottom;
						transform-origin: left bottom;
						-webkit-transform: none;
						transform: none;
						opacity: 1;
			}
}
.rotateInUpLeft {
			-webkit-animation-name: rotateInUpLeft;
			animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
			0% {
						-webkit-transform-origin: right bottom;
						transform-origin: right bottom;
						-webkit-transform: rotate3d(0, 0, 1, -90deg);
						transform: rotate3d(0, 0, 1, -90deg);
						opacity: 0;
			}
			100% {
						-webkit-transform-origin: right bottom;
						transform-origin: right bottom;
						-webkit-transform: none;
						transform: none;
						opacity: 1;
			}
}
@keyframes rotateInUpRight {
			0% {
						-webkit-transform-origin: right bottom;
						transform-origin: right bottom;
						-webkit-transform: rotate3d(0, 0, 1, -90deg);
						transform: rotate3d(0, 0, 1, -90deg);
						opacity: 0;
			}
			100% {
						-webkit-transform-origin: right bottom;
						transform-origin: right bottom;
						-webkit-transform: none;
						transform: none;
						opacity: 1;
			}
}
.rotateInUpRight {
			-webkit-animation-name: rotateInUpRight;
			animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
			0% {
						-webkit-transform-origin: center;
						transform-origin: center;
						opacity: 1;
			}
			100% {
						-webkit-transform-origin: center;
						transform-origin: center;
						-webkit-transform: rotate3d(0, 0, 1, 200deg);
						transform: rotate3d(0, 0, 1, 200deg);
						opacity: 0;
			}
}
@keyframes rotateOut {
			0% {
						-webkit-transform-origin: center;
						transform-origin: center;
						opacity: 1;
			}
			100% {
						-webkit-transform-origin: center;
						transform-origin: center;
						-webkit-transform: rotate3d(0, 0, 1, 200deg);
						transform: rotate3d(0, 0, 1, 200deg);
						opacity: 0;
			}
}
.rotateOut {
			-webkit-animation-name: rotateOut;
			animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
			0% {
						-webkit-transform-origin: left bottom;
						transform-origin: left bottom;
						opacity: 1;
			}
			100% {
						-webkit-transform-origin: left bottom;
						transform-origin: left bottom;
						-webkit-transform: rotate3d(0, 0, 1, 45deg);
						transform: rotate3d(0, 0, 1, 45deg);
						opacity: 0;
			}
}
@keyframes rotateOutDownLeft {
			0% {
						-webkit-transform-origin: left bottom;
						transform-origin: left bottom;
						opacity: 1;
			}
			100% {
						-webkit-transform-origin: left bottom;
						transform-origin: left bottom;
						-webkit-transform: rotate3d(0, 0, 1, 45deg);
						transform: rotate3d(0, 0, 1, 45deg);
						opacity: 0;
			}
}
.rotateOutDownLeft {
			-webkit-animation-name: rotateOutDownLeft;
			animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
			0% {
						-webkit-transform-origin: right bottom;
						transform-origin: right bottom;
						opacity: 1;
			}
			100% {
						-webkit-transform-origin: right bottom;
						transform-origin: right bottom;
						-webkit-transform: rotate3d(0, 0, 1, -45deg);
						transform: rotate3d(0, 0, 1, -45deg);
						opacity: 0;
			}
}
@keyframes rotateOutDownRight {
			0% {
						-webkit-transform-origin: right bottom;
						transform-origin: right bottom;
						opacity: 1;
			}
			100% {
						-webkit-transform-origin: right bottom;
						transform-origin: right bottom;
						-webkit-transform: rotate3d(0, 0, 1, -45deg);
						transform: rotate3d(0, 0, 1, -45deg);
						opacity: 0;
			}
}
.rotateOutDownRight {
			-webkit-animation-name: rotateOutDownRight;
			animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
			0% {
						-webkit-transform-origin: left bottom;
						transform-origin: left bottom;
						opacity: 1;
			}
			100% {
						-webkit-transform-origin: left bottom;
						transform-origin: left bottom;
						-webkit-transform: rotate3d(0, 0, 1, -45deg);
						transform: rotate3d(0, 0, 1, -45deg);
						opacity: 0;
			}
}
@keyframes rotateOutUpLeft {
			0% {
						-webkit-transform-origin: left bottom;
						transform-origin: left bottom;
						opacity: 1;
			}
			100% {
						-webkit-transform-origin: left bottom;
						transform-origin: left bottom;
						-webkit-transform: rotate3d(0, 0, 1, -45deg);
						transform: rotate3d(0, 0, 1, -45deg);
						opacity: 0;
			}
}
.rotateOutUpLeft {
			-webkit-animation-name: rotateOutUpLeft;
			animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
			0% {
						-webkit-transform-origin: right bottom;
						transform-origin: right bottom;
						opacity: 1;
			}
			100% {
						-webkit-transform-origin: right bottom;
						transform-origin: right bottom;
						-webkit-transform: rotate3d(0, 0, 1, 90deg);
						transform: rotate3d(0, 0, 1, 90deg);
						opacity: 0;
			}
}
@keyframes rotateOutUpRight {
			0% {
						-webkit-transform-origin: right bottom;
						transform-origin: right bottom;
						opacity: 1;
			}
			100% {
						-webkit-transform-origin: right bottom;
						transform-origin: right bottom;
						-webkit-transform: rotate3d(0, 0, 1, 90deg);
						transform: rotate3d(0, 0, 1, 90deg);
						opacity: 0;
			}
}
.rotateOutUpRight {
			-webkit-animation-name: rotateOutUpRight;
			animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
			0% {
						-webkit-transform-origin: top left;
						transform-origin: top left;
						-webkit-animation-timing-function: ease-in-out;
						animation-timing-function: ease-in-out;
			}
			20%, 60% {
						-webkit-transform: rotate3d(0, 0, 1, 80deg);
						transform: rotate3d(0, 0, 1, 80deg);
						-webkit-transform-origin: top left;
						transform-origin: top left;
						-webkit-animation-timing-function: ease-in-out;
						animation-timing-function: ease-in-out;
			}
			40%, 80% {
						-webkit-transform: rotate3d(0, 0, 1, 60deg);
						transform: rotate3d(0, 0, 1, 60deg);
						-webkit-transform-origin: top left;
						transform-origin: top left;
						-webkit-animation-timing-function: ease-in-out;
						animation-timing-function: ease-in-out;
						opacity: 1;
			}
			100% {
						-webkit-transform: translate3d(0, 700px, 0);
						transform: translate3d(0, 700px, 0);
						opacity: 0;
			}
}
@keyframes hinge {
			0% {
						-webkit-transform-origin: top left;
						transform-origin: top left;
						-webkit-animation-timing-function: ease-in-out;
						animation-timing-function: ease-in-out;
			}
			20%, 60% {
						-webkit-transform: rotate3d(0, 0, 1, 80deg);
						transform: rotate3d(0, 0, 1, 80deg);
						-webkit-transform-origin: top left;
						transform-origin: top left;
						-webkit-animation-timing-function: ease-in-out;
						animation-timing-function: ease-in-out;
			}
			40%, 80% {
						-webkit-transform: rotate3d(0, 0, 1, 60deg);
						transform: rotate3d(0, 0, 1, 60deg);
						-webkit-transform-origin: top left;
						transform-origin: top left;
						-webkit-animation-timing-function: ease-in-out;
						animation-timing-function: ease-in-out;
						opacity: 1;
			}
			100% {
						-webkit-transform: translate3d(0, 700px, 0);
						transform: translate3d(0, 700px, 0);
						opacity: 0;
			}
}
.hinge {
			-webkit-animation-name: hinge;
			animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
						transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
@keyframes rollIn {
			0% {
						opacity: 0;
						-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
						transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
			}
			100% {
						opacity: 1;
						-webkit-transform: none;
						transform: none;
			}
}
.rollIn {
			-webkit-animation-name: rollIn;
			animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
						transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
			}
}
@keyframes rollOut {
			0% {
						opacity: 1;
			}
			100% {
						opacity: 0;
						-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
						transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
			}
}
.rollOut {
			-webkit-animation-name: rollOut;
			animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
			0% {
						opacity: 0;
						-webkit-transform: scale3d(0.3, 0.3, 0.3);
						transform: scale3d(0.3, 0.3, 0.3);
			}
			50% {
						opacity: 1;
			}
}
@keyframes zoomIn {
			0% {
						opacity: 0;
						-webkit-transform: scale3d(0.3, 0.3, 0.3);
						transform: scale3d(0.3, 0.3, 0.3);
			}
			50% {
						opacity: 1;
			}
}
.zoomIn {
			-webkit-animation-name: zoomIn;
			animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
			0% {
						opacity: 0;
						-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
						transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
						-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
						animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
			}
			60% {
						opacity: 1;
						-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
						transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
						-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
						animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
			}
}
@keyframes zoomInDown {
			0% {
						opacity: 0;
						-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
						transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
						-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
						animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
			}
			60% {
						opacity: 1;
						-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
						transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
						-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
						animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
			}
}
.zoomInDown {
			-webkit-animation-name: zoomInDown;
			animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
			0% {
						opacity: 0;
						-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
						transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
						-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
						animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
			}
			60% {
						opacity: 1;
						-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
						transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
						-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
						animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
			}
}
@keyframes zoomInLeft {
			0% {
						opacity: 0;
						-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
						transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
						-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
						animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
			}
			60% {
						opacity: 1;
						-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
						transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
						-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
						animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
			}
}
.zoomInLeft {
			-webkit-animation-name: zoomInLeft;
			animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
			0% {
						opacity: 0;
						-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
						transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
						-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
						animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
			}
			60% {
						opacity: 1;
						-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
						transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
						-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
						animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
			}
}
@keyframes zoomInRight {
			0% {
						opacity: 0;
						-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
						transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
						-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
						animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
			}
			60% {
						opacity: 1;
						-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
						transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
						-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
						animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
			}
}
.zoomInRight {
			-webkit-animation-name: zoomInRight;
			animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
			0% {
						opacity: 0;
						-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
						transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
						-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
						animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
			}
			60% {
						opacity: 1;
						-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
						transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
						-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
						animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
			}
}
@keyframes zoomInUp {
			0% {
						opacity: 0;
						-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
						transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
						-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
						animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
			}
			60% {
						opacity: 1;
						-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
						transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
						-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
						animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
			}
}
.zoomInUp {
			-webkit-animation-name: zoomInUp;
			animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
			0% {
						opacity: 1;
			}
			50% {
						opacity: 0;
						-webkit-transform: scale3d(0.3, 0.3, 0.3);
						transform: scale3d(0.3, 0.3, 0.3);
			}
			100% {
						opacity: 0;
			}
}
@keyframes zoomOut {
			0% {
						opacity: 1;
			}
			50% {
						opacity: 0;
						-webkit-transform: scale3d(0.3, 0.3, 0.3);
						transform: scale3d(0.3, 0.3, 0.3);
			}
			100% {
						opacity: 0;
			}
}
.zoomOut {
			-webkit-animation-name: zoomOut;
			animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
			40% {
						opacity: 1;
						-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
						transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
						-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
						animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
			}
			100% {
						opacity: 0;
						-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
						transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
						-webkit-transform-origin: center bottom;
						transform-origin: center bottom;
						-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
						animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
			}
}
@keyframes zoomOutDown {
			40% {
						opacity: 1;
						-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
						transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
						-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
						animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
			}
			100% {
						opacity: 0;
						-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
						transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
						-webkit-transform-origin: center bottom;
						transform-origin: center bottom;
						-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
						animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
			}
}
.zoomOutDown {
			-webkit-animation-name: zoomOutDown;
			animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
			40% {
						opacity: 1;
						-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
						transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
			}
			100% {
						opacity: 0;
						-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
						transform: scale(0.1) translate3d(-2000px, 0, 0);
						-webkit-transform-origin: left center;
						transform-origin: left center;
			}
}
@keyframes zoomOutLeft {
			40% {
						opacity: 1;
						-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
						transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
			}
			100% {
						opacity: 0;
						-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
						transform: scale(0.1) translate3d(-2000px, 0, 0);
						-webkit-transform-origin: left center;
						transform-origin: left center;
			}
}
.zoomOutLeft {
			-webkit-animation-name: zoomOutLeft;
			animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
			40% {
						opacity: 1;
						-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
						transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
			}
			100% {
						opacity: 0;
						-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
						transform: scale(0.1) translate3d(2000px, 0, 0);
						-webkit-transform-origin: right center;
						transform-origin: right center;
			}
}
@keyframes zoomOutRight {
			40% {
						opacity: 1;
						-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
						transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
			}
			100% {
						opacity: 0;
						-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
						transform: scale(0.1) translate3d(2000px, 0, 0);
						-webkit-transform-origin: right center;
						transform-origin: right center;
			}
}
.zoomOutRight {
			-webkit-animation-name: zoomOutRight;
			animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
			40% {
						opacity: 1;
						-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
						transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
						-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
						animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
			}
			100% {
						opacity: 0;
						-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
						transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
						-webkit-transform-origin: center bottom;
						transform-origin: center bottom;
						-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
						animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
			}
}
@keyframes zoomOutUp {
			40% {
						opacity: 1;
						-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
						transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
						-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
						animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
			}
			100% {
						opacity: 0;
						-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
						transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
						-webkit-transform-origin: center bottom;
						transform-origin: center bottom;
						-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
						animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
			}
}
.zoomOutUp {
			-webkit-animation-name: zoomOutUp;
			animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
			0% {
						-webkit-transform: translate3d(0, -100%, 0);
						transform: translate3d(0, -100%, 0);
						visibility: visible;
			}
			100% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
}
@keyframes slideInDown {
			0% {
						-webkit-transform: translate3d(0, -100%, 0);
						transform: translate3d(0, -100%, 0);
						visibility: visible;
			}
			100% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
}
.slideInDown {
			-webkit-animation-name: slideInDown;
			animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
			0% {
						-webkit-transform: translate3d(-100%, 0, 0);
						transform: translate3d(-100%, 0, 0);
						visibility: visible;
			}
			100% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
}
@keyframes slideInLeft {
			0% {
						-webkit-transform: translate3d(-100%, 0, 0);
						transform: translate3d(-100%, 0, 0);
						visibility: visible;
			}
			100% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
}
.slideInLeft {
			-webkit-animation-name: slideInLeft;
			animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
			0% {
						-webkit-transform: translate3d(100%, 0, 0);
						transform: translate3d(100%, 0, 0);
						visibility: visible;
			}
			100% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
}
@keyframes slideInRight {
			0% {
						-webkit-transform: translate3d(100%, 0, 0);
						transform: translate3d(100%, 0, 0);
						visibility: visible;
			}
			100% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
}
.slideInRight {
			-webkit-animation-name: slideInRight;
			animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
			0% {
						-webkit-transform: translate3d(0, 100%, 0);
						transform: translate3d(0, 100%, 0);
						visibility: visible;
			}
			100% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
}
@keyframes slideInUp {
			0% {
						-webkit-transform: translate3d(0, 100%, 0);
						transform: translate3d(0, 100%, 0);
						visibility: visible;
			}
			100% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
}
.slideInUp {
			-webkit-animation-name: slideInUp;
			animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
			0% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
			100% {
						visibility: hidden;
						-webkit-transform: translate3d(0, 100%, 0);
						transform: translate3d(0, 100%, 0);
			}
}
@keyframes slideOutDown {
			0% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
			100% {
						visibility: hidden;
						-webkit-transform: translate3d(0, 100%, 0);
						transform: translate3d(0, 100%, 0);
			}
}
.slideOutDown {
			-webkit-animation-name: slideOutDown;
			animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
			0% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
			100% {
						visibility: hidden;
						-webkit-transform: translate3d(-100%, 0, 0);
						transform: translate3d(-100%, 0, 0);
			}
}
@keyframes slideOutLeft {
			0% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
			100% {
						visibility: hidden;
						-webkit-transform: translate3d(-100%, 0, 0);
						transform: translate3d(-100%, 0, 0);
			}
}
.slideOutLeft {
			-webkit-animation-name: slideOutLeft;
			animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
			0% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
			100% {
						visibility: hidden;
						-webkit-transform: translate3d(100%, 0, 0);
						transform: translate3d(100%, 0, 0);
			}
}
@keyframes slideOutRight {
			0% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
			100% {
						visibility: hidden;
						-webkit-transform: translate3d(100%, 0, 0);
						transform: translate3d(100%, 0, 0);
			}
}
.slideOutRight {
			-webkit-animation-name: slideOutRight;
			animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
			0% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
			100% {
						visibility: hidden;
						-webkit-transform: translate3d(0, -100%, 0);
						transform: translate3d(0, -100%, 0);
			}
}
@keyframes slideOutUp {
			0% {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
			}
			100% {
						visibility: hidden;
						-webkit-transform: translate3d(0, -100%, 0);
						transform: translate3d(0, -100%, 0);
			}
}
.slideOutUp {
			-webkit-animation-name: slideOutUp;
			animation-name: slideOutUp;
}

html.on {
			overflow: hidden;
}

body {
			font-family: "Noto Sans JP", sans-serif;
}
body img {
			width: 100%;
}
body.on {
			overflow: hidden;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
			color: #1A1A1A;
}

.marcellus {
			font-family: "Marcellus", serif;
}

.widebox_header_cntr {
			font-size: 40px;
}
@media (max-width: 767px) {
			.widebox_header_cntr {
						margin-top: 0;
						font-size: 28px;
			}
}

.widebox_white,
.widebox_gray {
			padding: 112px 24px;
}
@media (max-width: 767px) {
			.widebox_white,
			.widebox_gray {
						padding: 64px 24px;
			}
}
.widebox_white.--no_padding,
.widebox_gray.--no_padding {
			padding: 0;
}

.--sp {
			display: none;
}
@media (max-width: 767px) {
			.--sp {
						display: block;
			}
}

@-webkit-keyframes splitTextHover {
			0% {
						opacity: 1;
						translate: 0 0%;
			}
			40% {
						opacity: 0;
						translate: 0 -50%;
			}
			41% {
						opacity: 0;
						translate: 0 50%;
			}
			60% {
						opacity: 0;
						translate: 0 50%;
			}
			100% {
						opacity: 1;
						translate: 0 0;
			}
}

@keyframes splitTextHover {
			0% {
						opacity: 1;
						translate: 0 0%;
			}
			40% {
						opacity: 0;
						translate: 0 -50%;
			}
			41% {
						opacity: 0;
						translate: 0 50%;
			}
			60% {
						opacity: 0;
						translate: 0 50%;
			}
			100% {
						opacity: 1;
						translate: 0 0;
			}
}
.js-splittext {
			display: inline-block;
}
.js-splittext.--work span:nth-of-type(5) {
			width: 0.3em;
}

.js-splittext span {
			display: inline-block;
}

@media (min-width: 768px) {
			.js-splittext:hover span:nth-child(1) {
						-webkit-animation: splitTextHover 0.4s 0.025s ease forwards;
						        animation: splitTextHover 0.4s 0.025s ease forwards;
			}
			.js-splittext:hover span:nth-child(2) {
						-webkit-animation: splitTextHover 0.4s 0.05s ease forwards;
						        animation: splitTextHover 0.4s 0.05s ease forwards;
			}
			.js-splittext:hover span:nth-child(3) {
						-webkit-animation: splitTextHover 0.4s 0.075s ease forwards;
						        animation: splitTextHover 0.4s 0.075s ease forwards;
			}
			.js-splittext:hover span:nth-child(4) {
						-webkit-animation: splitTextHover 0.4s 0.1s ease forwards;
						        animation: splitTextHover 0.4s 0.1s ease forwards;
			}
			.js-splittext:hover span:nth-child(5) {
						-webkit-animation: splitTextHover 0.4s 0.125s ease forwards;
						        animation: splitTextHover 0.4s 0.125s ease forwards;
			}
			.js-splittext:hover span:nth-child(6) {
						-webkit-animation: splitTextHover 0.4s 0.15s ease forwards;
						        animation: splitTextHover 0.4s 0.15s ease forwards;
			}
			.js-splittext:hover span:nth-child(7) {
						-webkit-animation: splitTextHover 0.4s 0.175s ease forwards;
						        animation: splitTextHover 0.4s 0.175s ease forwards;
			}
			.js-splittext:hover span:nth-child(8) {
						-webkit-animation: splitTextHover 0.4s 0.2s ease forwards;
						        animation: splitTextHover 0.4s 0.2s ease forwards;
			}
			.js-splittext:hover span:nth-child(9) {
						-webkit-animation: splitTextHover 0.4s 0.225s ease forwards;
						        animation: splitTextHover 0.4s 0.225s ease forwards;
			}
			.js-splittext:hover span:nth-child(10) {
						-webkit-animation: splitTextHover 0.4s 0.25s ease forwards;
						        animation: splitTextHover 0.4s 0.25s ease forwards;
			}
			.js-splittext:hover span:nth-child(11) {
						-webkit-animation: splitTextHover 0.4s 0.275s ease forwards;
						        animation: splitTextHover 0.4s 0.275s ease forwards;
			}
			.js-splittext:hover span:nth-child(12) {
						-webkit-animation: splitTextHover 0.4s 0.3s ease forwards;
						        animation: splitTextHover 0.4s 0.3s ease forwards;
			}
			.js-splittext:hover span:nth-child(13) {
						-webkit-animation: splitTextHover 0.4s 0.325s ease forwards;
						        animation: splitTextHover 0.4s 0.325s ease forwards;
			}
			.js-splittext:hover span:nth-child(14) {
						-webkit-animation: splitTextHover 0.4s 0.35s ease forwards;
						        animation: splitTextHover 0.4s 0.35s ease forwards;
			}
			.js-splittext:hover span:nth-child(15) {
						-webkit-animation: splitTextHover 0.4s 0.375s ease forwards;
						        animation: splitTextHover 0.4s 0.375s ease forwards;
			}
			.js-splittext:hover span:nth-child(16) {
						-webkit-animation: splitTextHover 0.4s 0.4s ease forwards;
						        animation: splitTextHover 0.4s 0.4s ease forwards;
			}
			.js-splittext:hover span:nth-child(17) {
						-webkit-animation: splitTextHover 0.4s 0.425s ease forwards;
						        animation: splitTextHover 0.4s 0.425s ease forwards;
			}
			.js-splittext:hover span:nth-child(18) {
						-webkit-animation: splitTextHover 0.4s 0.45s ease forwards;
						        animation: splitTextHover 0.4s 0.45s ease forwards;
			}
			.js-splittext:hover span:nth-child(19) {
						-webkit-animation: splitTextHover 0.4s 0.475s ease forwards;
						        animation: splitTextHover 0.4s 0.475s ease forwards;
			}
			.js-splittext:hover span:nth-child(20) {
						-webkit-animation: splitTextHover 0.4s 0.5s ease forwards;
						        animation: splitTextHover 0.4s 0.5s ease forwards;
			}
}
.p-service .left_side,
.p-service .right_side {
			width: auto;
			margin: 0;
}
@media (max-width: 767px) {
			.p-service .left_side,
			.p-service .right_side {
						width: 100%;
			}
}
@media (max-width: 767px) {
			.p-service .widebox_bg_toprgt,
			.p-service .widebox_bg_toplft,
			.p-service .widebox_bg_midprgt,
			.p-service .widebox_bg_bottomlft,
			.p-service .widebox_bg_bottomrgt {
						padding: 64px 24px;
			}
}
.p-service .p-service_widebox_gray {
			background-color: #EEE;
}
.p-service .widebox_content {
			margin: 0 auto;
			height: 600px;
}
@media (max-width: 767px) {
			.p-service .widebox_content {
						height: auto;
			}
}
.p-service .p-service-flex {
			width: 90%;
			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;
			gap: 2rem;
}
@media (max-width: 767px) {
			.p-service .p-service-flex {
						width: 100%;
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
			}
}
.p-service .p-service-flex.--reverse {
			-webkit-box-orient: horizontal;
			-webkit-box-direction: reverse;
			    -ms-flex-direction: row-reverse;
			        flex-direction: row-reverse;
}
@media (max-width: 767px) {
			.p-service .p-service-flex.--reverse {
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
			}
}
.p-service .p-service-flex.--reverse .p-service-image img {
			margin-left: inherit;
			margin-right: auto;
}
@media (max-width: 767px) {
			.p-service .p-service-flex.--reverse .p-service-image img {
						margin-left: auto;
			}
}
.p-service .widebox_header_left,
.p-service .widebox_header_right {
			font-size: 32px;
}
@media (max-width: 767px) {
			.p-service .widebox_header_left,
			.p-service .widebox_header_right {
						font-size: 22px;
			}
}
.p-service .p-service-image {
			width: 50%;
}
.p-service .p-service-image img {
			display: block;
			max-width: 37.5rem;
			margin-left: auto;
}
@media (max-width: 767px) {
			.p-service .p-service-image {
						width: 100%;
			}
			.p-service .p-service-image img {
						margin-right: auto;
			}
}
.p-service .widebox_text_start_3lines {
			margin-top: 0;
}

.p-about .p-about-image-cross {
			width: 34px;
			height: 34px;
}
@media (max-width: 767px) {
			.p-about .p-about-image-cross {
						width: 22px;
						height: 22px;
			}
}
.p-about .widebox_content {
			height: auto;
}
.p-about h1.widebox_header_cntr img {
			top: -8px;
}
@media (max-width: 767px) {
			.p-about .about_network_desc {
						margin-bottom: 40px;
			}
}
.p-about .about_sakaki_client {
			max-width: 890px;
			margin: 0 auto;
}
@media (max-width: 767px) {
			.p-about .about_sakaki_client {
						padding-bottom: 0;
			}
}
@media (max-width: 767px) {
			.p-about .about_subtitle {
						padding-top: 0;
						font-size: 22px;
			}
}
.p-about .about_sakaki_top {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: stretch;
			    -ms-flex-align: stretch;
			        align-items: stretch;
}
@media (max-width: 767px) {
			.p-about .about_sakaki_top {
						-webkit-box-orient: vertical;
						-webkit-box-direction: reverse;
						    -ms-flex-direction: column-reverse;
						        flex-direction: column-reverse;
			}
}
.p-about .about_sakaki_office {
			display: block;
			height: auto;
			max-height: 700px;
}
.p-about .about_sakaki_office img {
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
			-o-object-position: center;
			   object-position: center;
}
@media (max-width: 767px) {
			.p-about .about_sakaki_office {
						width: 100%;
						max-height: 280px;
			}
			.p-about .about_sakaki_office img {
						max-height: inherit;
			}
}
.p-about .about_sakaki_history_wrapper {
			display: -ms-grid;
			display: grid;
			place-items: center;
			padding: 5rem 20px;
}
@media (max-width: 767px) {
			.p-about .about_sakaki_history_wrapper {
						width: 100%;
			}
}
.p-about .about_sakaki_company {
			padding-bottom: 30px;
}
.p-about .about_company tr {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			gap: 1rem;
}
.p-about .about_company td {
			padding: 15px 0 0 0;
}
.p-about .about_company td:first-of-type {
			width: 26%;
}
.p-about .about_company td:last-of-type {
			width: 74%;
}
.p-about .about_ceo_wrapper {
			position: inherit;
			background-color: #66A6C2;
			-webkit-transform: none;
			        transform: none;
			display: -ms-grid;
			display: grid;
			place-items: center;
}
.p-about .about_ceo {
			padding: 5rem 20px;
}
.p-about .about_sakaki_bottom {
			position: inherit;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			background-color: transparent;
}
@media (max-width: 767px) {
			.p-about .about_sakaki_bottom {
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
			}
}
@media (max-width: 767px) {
			.p-about .about_ceo_wrapper {
						width: 100%;
			}
}
.p-about .about_sakaki_chair {
			width: 44%;
			max-width: inherit;
}
.p-about .about_sakaki_chair img {
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
			-o-object-position: center;
			   object-position: center;
}
@media (max-width: 767px) {
			.p-about .about_sakaki_chair {
						width: 100%;
						max-height: 280px;
			}
			.p-about .about_sakaki_chair img {
						max-height: inherit;
			}
}

.p-work .widebox_header_cntr,
.p-work .widebox_desc {
			padding: 0 20px;
}
@media (max-width: 767px) {
			.p-work .products_header {
						font-size: 25px;
			}
}
.p-work .widebox_white {
			padding-left: 0;
			padding-right: 0;
}
.p-work .products_header {
			padding-top: 0;
}
@media (max-width: 767px) {
			.p-work .products_header {
						margin-bottom: 30px;
			}
}
.p-work .btn_scroll_down img {
			width: 60px;
			height: 60px;
}
@media (max-width: 767px) {
			.p-work .btn_scroll_down {
						padding: 50px 0;
			}
}
.p-work .product_design_imgs {
			display: -ms-grid;
			display: grid;
			-ms-grid-columns: (1fr)[4];
			grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 767px) {
			.p-work .product_design_imgs {
						-ms-grid-columns: (1fr)[2];
						grid-template-columns: repeat(2, 1fr);
			}
}
@media (max-width: 767px) {
			.p-work .product_design_imgs li:hover {
						background-size: 50px 50px;
			}
}
.p-work .product_design_imgs a {
			text-decoration: none;
}
.p-work .product_design_imgs a:hover {
			text-decoration: none;
}

.product_detail_closer {
			display: -ms-grid;
			display: grid;
			place-items: center;
			padding: 5rem;
}
@media (max-width: 767px) {
			.product_detail_closer {
						padding: 2rem;
			}
}

.product_detail_container {
			position: relative;
			top: inherit;
			left: inherit;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			gap: 40px;
			width: 100%;
			height: 100%;
			overflow-y: auto;
			padding: 5rem;
}
@media (max-width: 768px) {
			.product_detail_container {
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
						-webkit-box-pack: center;
						    -ms-flex-pack: center;
						        justify-content: center;
			}
}
@media (max-width: 767px) {
			.product_detail_container {
						padding: 2rem;
						gap: 0;
			}
}

.p-about-modal-inner {
			width: 100%;
			height: 100%;
			padding: 2rem;
}

.product_detail_photo {
			width: 50%;
			max-width: 600px;
			margin: 0;
}
.product_detail_photo img {
			width: 100%;
			height: auto;
}
@media (max-width: 768px) {
			.product_detail_photo {
						width: 80%;
			}
}
@media (max-width: 767px) {
			.product_detail_photo {
						width: 100%;
			}
}

.product_detail_info {
			width: 50%;
			margin: 0;
}
@media (max-width: 768px) {
			.product_detail_info {
						width: 100%;
			}
}

@media (max-width: 767px) {
			.product_detail_info_title {
						font-size: 20px !important;
			}
}

@media (max-width: 767px) {
			.modal_close {
						width: 50px;
						height: 50px;
						top: 15px;
						right: 15px;
						background-size: contain;
			}
}

.p-contact form#mailform {
			width: 100%;
			max-width: 740px;
}
.p-contact form#mailform tr {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			gap: 2rem;
			padding: 12px 0;
			border-bottom: #DDD 1px solid;
}
@media (max-width: 767px) {
			.p-contact form#mailform tr {
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
						gap: 1rem;
			}
}
.p-contact table.mailform tr th {
			width: 30%;
			padding: 0;
			border-bottom: none;
			color: #1A1A1A;
}
@media (max-width: 767px) {
			.p-contact table.mailform tr th {
						width: 100%;
			}
}
.p-contact table.mailform tr td {
			width: 70%;
			padding: 0;
			border-bottom: none;
}
@media (max-width: 767px) {
			.p-contact table.mailform tr td {
						width: 100%;
			}
}
.p-contact table.mailform input {
			width: 100%;
}
.p-contact table.mailform tr td textarea {
			width: 100%;
			max-width: 450px;
			resize: vertical;
}
.p-contact table.mailform input[type=submit] {
			border: 1px solid #1A1A1A;
}
.p-contact table.mailform input[type=submit]:hover {
			background-color: #1A1A1A;
}
.p-contact .mailform_size_s {
			width: 100%;
			max-width: 90px;
}
.p-contact .mailform_size_m {
			width: 100%;
			max-width: 240px;
}
.p-contact .mailform_size_l {
			max-width: 300px;
}
.p-contact .contact_widebox_content {
			height: auto;
}
@media (max-width: 767px) {
			.p-contact .contact_subtitle {
						margin-top: 30px;
						font-size: 22px;
			}
}
.p-contact .contact_map {
			max-width: 750px;
			margin: 0 auto;
			padding: 0;
}
.p-contact .inside1000 {
			width: 100%;
			max-width: 1000px;
}
.p-contact .contact_privacy {
			padding: 0;
}

.l-header {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 10;
}

.l-header-logo {
			position: fixed;
			top: 0;
			left: 0;
			z-index: 10;
			max-width: 109px;
			width: 100%;
}
@media (max-width: 767px) {
			.l-header-logo {
						max-width: 72px;
			}
}

.l-header-menu {
			position: fixed;
			top: 64px;
			right: 74px;
			display: block;
			-webkit-transition: all 0.4s ease;
			transition: all 0.4s ease;
}
.l-header-menu.is-hidden {
			opacity: 0;
			visibility: hidden;
			pointer-events: none;
}
@media (max-width: 767px) {
			.l-header-menu {
						display: none;
						top: 0;
						left: 0;
						width: 100%;
						height: 100vh;
						padding: 0 16px;
						background: #000;
						overflow-y: auto;
			}
}
.l-header-menu ul {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-column-gap: 40px;
			   -moz-column-gap: 40px;
			        column-gap: 40px;
}
@media (max-width: 767px) {
			.l-header-menu ul {
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
						margin-top: 106px;
			}
}
@media (max-width: 767px) {
			.l-header-menu li {
						font-size: 40px;
			}
}
.l-header-menu li a {
			position: relative;
			display: block;
			width: 100%;
			padding-left: 12px;
			font-family: "Marcellus", serif;
			font-size: 16px;
			color: #1A1A1A;
			-webkit-transition: all 0.4s ease;
			transition: all 0.4s ease;
			line-height: 1.3;
}
.l-header-menu li a:hover {
			text-decoration: none;
}
.l-header-menu li a.is-change {
			color: #fff;
}
.l-header-menu li a.is-change.--current::before {
			background-color: #fff;
}
@media (max-width: 767px) {
			.l-header-menu li a {
						padding: 20px 0;
						font-size: 40px;
						line-height: 1;
						border-bottom: 1px solid rgba(255, 255, 255, 0.2);
			}
}
.l-header-menu .--left {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			gap: 12px;
}
@media (max-width: 767px) {
			.l-header-menu .--left {
						gap: 0;
			}
}
.l-header-menu .--current::before {
			content: "";
			position: absolute;
			top: 50%;
			left: 0;
			display: block;
			width: 4px;
			height: 4px;
			background-color: #1F1F1F;
			border-radius: 100%;
}
@media (max-width: 767px) {
			.l-header-menu .--current::before {
						content: none;
			}
}
.l-header-menu .--contact {
			padding: 0 19px 2px;
			color: #fff;
			border-radius: 9999px;
			background-color: #1F1F1F;
			-webkit-transition: all 0.4s ease;
			transition: all 0.4s ease;
}
.l-header-menu .--contact.is-change {
			color: #1A1A1A;
			background-color: #fff;
}
@media (max-width: 767px) {
			.l-header-menu .--contact {
						padding: 20px 0;
						border-radius: 0;
						background-color: transparent;
			}
}

#hamburger {
			display: none;
			position: fixed;
			top: 24px;
			right: 15px;
			width: 24px;
			height: 24px;
			z-index: 10;
			border: none;
			background: transparent;
}
#hamburger.is-hidden {
			opacity: 0;
			visibility: hidden;
			pointer-events: none;
}
@media (max-width: 767px) {
			#hamburger {
						display: block;
			}
}
#hamburger::before, #hamburger::after {
			content: "";
			position: absolute;
			top: 50%;
			left: 0;
			height: 1px;
			background: #000;
			-webkit-transition: all 0.4s ease;
			transition: all 0.4s ease;
}
#hamburger::before {
			width: 24px;
			-webkit-transform: translateY(-0.2rem);
			        transform: translateY(-0.2rem);
}
#hamburger::after {
			width: 15px;
			-webkit-transform: translateY(0.2rem);
			        transform: translateY(0.2rem);
}
#hamburger.active::before {
			-webkit-transform: translateY(0) rotate(20deg);
			        transform: translateY(0) rotate(20deg);
			background: #fff;
}
#hamburger.active::after {
			width: 24px;
			-webkit-transform: translateY(0) rotate(-20deg);
			        transform: translateY(0) rotate(-20deg);
			background: #fff;
}
#hamburger.is-change::before, #hamburger.is-change::after {
			background: #fff;
}

#footer {
			position: relative;
			padding-top: 220px;
			background-color: #050505;
			z-index: 3;
}
@media (max-width: 1024px) {
			#footer {
						padding-top: 80px;
			}
}
#footer > * {
			font-family: "Marcellus", serif;
}
#footer a {
			text-decoration: none;
}

.l-footer-loop a {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			overflow: hidden;
			gap: 1em;
}
.l-footer-loop span {
			-ms-flex-negative: 0;
			    flex-shrink: 0;
			width: auto;
			height: auto;
			display: inline-block;
			text-wrap: nowrap;
			white-space: nowrap;
			font-size: 124px;
			color: #fff;
			-webkit-animation: footer-loop 100s infinite linear 0.1s both;
			        animation: footer-loop 100s infinite linear 0.1s both;
}
@media (max-width: 1024px) {
			.l-footer-loop span {
						font-size: 64px;
			}
}
@media (max-width: 767px) {
			.l-footer-loop span {
						font-size: 64px;
			}
}

@-webkit-keyframes footer-loop {
			0% {
						-webkit-transform: translateX(0%);
						        transform: translateX(0%);
			}
			100% {
						-webkit-transform: translateX(-100%);
						        transform: translateX(-100%);
			}
}

@keyframes footer-loop {
			0% {
						-webkit-transform: translateX(0%);
						        transform: translateX(0%);
			}
			100% {
						-webkit-transform: translateX(-100%);
						        transform: translateX(-100%);
			}
}
.l-footer-contents {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			gap: 150px 0;
			width: 50%;
			min-width: 800px;
			margin-top: 128px;
			margin-left: auto;
			margin-right: 0;
			padding-bottom: 60px;
			padding-right: 40px;
}
@media (max-width: 1024px) {
			.l-footer-contents {
						-webkit-box-align: end;
						    -ms-flex-align: end;
						        align-items: flex-end;
						gap: 0;
						width: 100%;
						min-width: inherit;
						margin-top: 64px;
						padding: 0 16px;
			}
}
@media (max-width: 767px) {
			.l-footer-contents {
						margin-top: 64px;
			}
}

.l-footer-links {
			-webkit-box-ordinal-group: 1;
			    -ms-flex-order: 0;
			        order: 0;
			width: 100%;
}
.l-footer-links ul {
			max-width: 250px;
}
.l-footer-links li {
			position: relative;
			margin-bottom: 32px;
}
.l-footer-links li::before {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 1px;
			background: #fff;
			-webkit-transform-origin: left top;
			        transform-origin: left top;
			-webkit-transform: scale(1, 1);
			        transform: scale(1, 1);
			-webkit-transition: -webkit-transform 0.4s;
			transition: -webkit-transform 0.4s;
			transition: transform 0.4s;
			transition: transform 0.4s, -webkit-transform 0.4s;
}
@media (min-width: 768px) {
			.l-footer-links li:hover::before {
						-webkit-transform: scale(0, 1);
						        transform: scale(0, 1);
						-webkit-transform-origin: right top;
						        transform-origin: right top;
			}
}
.l-footer-links li a {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			padding-bottom: 10px;
			font-size: 18px;
			color: #fff;
			letter-spacing: 0.02em;
}
@media (max-width: 767px) {
			.l-footer-links li a {
						margin-bottom: 24px;
						font-size: 16px;
			}
}
.l-footer-links li a::before {
			content: "";
			background-size: contain;
			background-repeat: no-repeat;
			display: inline-block;
			min-width: 20px;
			height: 20px;
			margin-right: 10px;
}
.l-footer-links li a::after {
			content: "";
			display: block;
			width: 12px;
			height: 8px;
			margin-left: auto;
			background-image: url(../images/footer_icon_arrow.svg);
			background-repeat: no-repeat;
			background-size: contain;
}
.l-footer-links li a._mail span:nth-of-type(8) {
			width: 0.3em;
}
.l-footer-links li a._mail::before {
			background-image: url(../images/footer_icon_mail.svg);
}
.l-footer-links li a._tel::before {
			background-image: url(../images/footer_icon_tel.svg);
}
.l-footer-links li a._tel::after {
			-webkit-transform: rotate(-45deg);
			        transform: rotate(-45deg);
}
.l-footer-links li a._facebook::before {
			background-image: url(../images/footer_icon_facebook.svg);
}
.l-footer-links li a._facebook::after {
			-webkit-transform: rotate(-45deg);
			        transform: rotate(-45deg);
}
.l-footer-links li a._insta::before {
			background-image: url(../images/footer_icon_insta.svg);
}
.l-footer-links li a._insta::after {
			-webkit-transform: rotate(-45deg);
			        transform: rotate(-45deg);
}

.l-footer-menu {
			-webkit-box-ordinal-group: 3;
			    -ms-flex-order: 2;
			        order: 2;
}
@media (max-width: 1024px) {
			.l-footer-menu {
						-webkit-box-ordinal-group: 2;
						    -ms-flex-order: 1;
						        order: 1;
						width: 100%;
						margin-top: 48px;
			}
}
.l-footer-menu ul {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			gap: 24px;
}
@media (max-width: 767px) {
			.l-footer-menu ul {
						-webkit-box-pack: justify;
						    -ms-flex-pack: justify;
						        justify-content: space-between;
			}
}
.l-footer-menu li {
			text-align: left;
			line-height: 1.8em;
}
@media (max-width: 767px) {
			.l-footer-menu li {
						width: calc(50% - 24px);
			}
}
.l-footer-menu a {
			color: #fff;
			font-size: 18px;
}
@media (max-width: 767px) {
			.l-footer-menu a {
						font-size: 16px;
			}
}

.l-footer-logo {
			position: absolute;
			left: 14px;
			bottom: 14px;
			max-width: 215px;
			width: 100%;
}
@media (max-width: 1024px) {
			.l-footer-logo {
						position: static;
						-webkit-box-ordinal-group: 3;
						    -ms-flex-order: 2;
						        order: 2;
			}
}
@media (max-width: 767px) {
			.l-footer-logo {
						width: 38%;
						max-width: 130px;
						margin-top: 48px;
						padding-bottom: 24px;
			}
}

.l-footer-copy {
			-webkit-box-ordinal-group: 4;
			    -ms-flex-order: 3;
			        order: 3;
			color: #fff;
}
@media (max-width: 1024px) {
			.l-footer-copy {
						width: 55%;
						padding-bottom: 40px;
						text-align: right;
						font-size: 12px;
						line-height: 1.25;
			}
}
@media (max-width: 600px) {
			.l-footer-copy {
						text-align: left;
			}
}

.c-btn-detail {
			width: 100px;
			height: 100px;
			top: 0px;
			left: 0px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			gap: 0.3125rem;
			position: relative;
			display: none;
			pointer-events: none;
			position: fixed;
			left: 0;
			top: 0;
			z-index: 10;
			display: flex;
			opacity: 0;
			background-color: #fff;
			border-radius: 100%;
			-webkit-transition: opacity 0.2s;
			transition: opacity 0.2s;
}
.c-btn-detail.on {
			opacity: 1 !important;
}
@media (max-width: 820px) {
			.c-btn-detail {
						display: none;
			}
}

.c-btn-detail__txt {
			font-size: 16px;
}

.p-top {
			color: #1A1A1A;
			overflow: hidden;
}

.p-top-loading {
			position: fixed;
			top: 0;
			left: 0;
			display: none;
			place-items: center;
			width: 100%;
			height: 100vh;
			background-color: #fff;
			z-index: 10;
}
.p-top-loading img {
			width: 100%;
			max-width: 435px;
}
@media (max-width: 767px) {
			.p-top-loading {
						height: 100svh;
			}
}
.p-top-loading p {
			position: absolute;
			right: 60px;
			bottom: 44px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			gap: 16px;
			font-family: "Marcellus", serif;
			font-size: 23px;
			color: #fff;
}
.p-top-loading p::before {
			content: "";
			width: 4px;
			height: 4px;
			border-radius: 100%;
			background-color: #fff;
}
@media (max-width: 767px) {
			.p-top-loading p {
						right: 16px;
						bottom: 10px;
			}
}

.p-top-hero {
			position: relative;
			z-index: 2;
			height: 3300px;
			overflow: hidden;
}
@media (max-width: 767px) {
			.p-top-hero {
						height: 2000px;
			}
}

.p-top-hero-content {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
}
@media (max-width: 767px) {
			.p-top-hero-content {
						-webkit-box-orient: vertical;
						-webkit-box-direction: reverse;
						    -ms-flex-direction: column-reverse;
						        flex-direction: column-reverse;
						gap: 60px;
			}
}

.p-top-bg {
			position: fixed;
			width: 100%;
			height: 100%;
			background-image: url(../images/p-top-bg.jpg);
			background-size: cover;
			background-repeat: no-repeat;
			pointer-events: none;
			z-index: 1;
			overflow: hidden;
}
.p-top-bg::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: #1F1F1F;
			opacity: 0;
			-webkit-transition: all 0.4s ease;
			transition: all 0.4s ease;
}
.p-top-bg.is-change::before {
			opacity: 1;
}

.p-top-hero-image {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
}

.p-top-hero-image-inner {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			        transform: translate(-50%, -50%);
			width: min(52% + 32px, 100vh);
			height: 80vh;
			margin: 0 auto;
}
@media (max-width: 767px) {
			.p-top-hero-image-inner {
						width: min(75% + 32px, 100vh);
						height: 50vh;
			}
}

.p-top-hero-image-box {
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%);
			        transform: translateY(-50%);
			width: calc(33.3333333333% - 10.6666666667px);
			height: calc((33.3333333333% - 10.6666666667px) * 2.4095238095);
			overflow: hidden;
			opacity: 0;
			-webkit-transition: width 0.6s ease, height 0.6s ease, left 0.6s ease, right 0.6s ease, opacity 0.6s ease;
			transition: width 0.6s ease, height 0.6s ease, left 0.6s ease, right 0.6s ease, opacity 0.6s ease;
}
.p-top-hero-image-box img {
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
			-webkit-transform: scale(1.1);
			        transform: scale(1.1);
			-webkit-transition: all 0.6s ease;
			transition: all 0.6s ease;
}
.p-top-hero-image-box.is-active {
			opacity: 1;
}
.p-top-hero-image-box.is-active img {
			-webkit-transform: scale(1);
			        transform: scale(1);
}
.p-top-hero-image-box.on {
			width: 50.1vw;
			height: 100vh;
}
.p-top-hero-image-box.on img {
			-o-object-position: left 60% top 0px;
			   object-position: left 60% top 0px;
}
.p-top-hero-image-box.--left {
			right: 100%;
			-webkit-transform: translateX(100%) translateY(-40%);
			        transform: translateX(100%) translateY(-40%);
}
.p-top-hero-image-box.--left.on {
			right: calc(100vw - (100vw - 100%) / 2);
}
@media (max-width: 767px) {
			.p-top-hero-image-box.--left {
						-webkit-transform: translateX(100%) translateY(-30%);
						        transform: translateX(100%) translateY(-30%);
			}
}
.p-top-hero-image-box.--center {
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			        transform: translate(-50%, -50%);
}
.p-top-hero-image-box.--center img {
			-o-object-position: left 20% top 0;
			   object-position: left 20% top 0;
}
.p-top-hero-image-box.--center.on {
			display: none;
}
.p-top-hero-image-box.--right {
			left: 100%;
			-webkit-transform: translateX(-100%) translateY(-60%);
			        transform: translateX(-100%) translateY(-60%);
}
.p-top-hero-image-box.--right img {
			-o-object-position: right 0 top 0;
			   object-position: right 0 top 0;
}
@media (max-width: 767px) {
			.p-top-hero-image-box.--right img {
						-o-object-position: left 0 top 0;
						   object-position: left 0 top 0;
			}
}
.p-top-hero-image-box.--right.on {
			left: calc(100vw - (100vw - 100%) / 2);
}
@media (max-width: 767px) {
			.p-top-hero-image-box.--right {
						-webkit-transform: translateX(-100%) translateY(-70%);
						        transform: translateX(-100%) translateY(-70%);
			}
}
.p-top-hero-image-box.--white {
			z-index: 2;
}
.p-top-hero-image-box.--white::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(255, 255, 255, 0.8);
			z-index: 3;
			-webkit-transition: opacity 0.6s ease;
			transition: opacity 0.6s ease;
}
.p-top-hero-image-box.--white.on::before {
			opacity: 0;
}
.p-top-hero-image-box.--white.brightness {
			-webkit-filter: brightness(90%);
			        filter: brightness(90%);
}

.p-top-lead {
			width: min(52% + 32px, 100vh);
			position: relative;
			left: 74px;
			margin: 0 auto;
			margin-top: 40vh;
			-webkit-transform: translateX(-325px);
			        transform: translateX(-325px);
			opacity: 0;
			-webkit-transition: opacity 0.4s ease;
			transition: opacity 0.4s ease;
}
@media (max-width: 1600px) {
			.p-top-lead {
						width: 80%;
						-webkit-transform: none;
						        transform: none;
						margin-right: auto;
						margin-left: 0;
			}
}
@media (max-width: 767px) {
			.p-top-lead {
						margin-top: 0;
						left: 20px;
			}
}
.p-top-lead h1 {
			font-size: 14px;
			line-height: 2;
}
@media (max-width: 767px) {
			.p-top-lead h1 {
						font-size: 11px;
						line-height: 1.8;
			}
}
.p-top-lead.is-active {
			opacity: 1;
}

.p-top-hero-title {
			position: relative;
			z-index: 2;
			display: -ms-grid;
			display: grid;
			place-items: center;
			width: 100%;
			padding-top: 5vh;
			padding-bottom: 30vh;
}
@media (max-width: 767px) {
			.p-top-hero-title {
						display: block;
						height: 100%;
						padding-top: 85%;
						padding-bottom: 0;
			}
}
@media (max-width: 767px) {
			.p-top-hero-title > div {
						width: 100%;
			}
}

.p-top-hero-title-text {
			font-family: "Marcellus", serif;
			font-size: clamp(42px, 9vw, 129px);
			text-transform: uppercase;
			overflow: hidden;
			-webkit-transition: all 0.4s ease;
			transition: all 0.4s ease;
}
.p-top-hero-title-text p {
			line-height: 1.2;
			-webkit-transform: translateY(100%);
			        transform: translateY(100%);
			-webkit-transition: all 0.6s ease;
			transition: all 0.6s ease;
			white-space: nowrap;
}
@media (max-width: 767px) {
			.p-top-hero-title-text.--top {
						margin-left: 10%;
			}
}
.p-top-hero-title-text.--middle {
			margin-left: -14%;
}
@media (max-width: 767px) {
			.p-top-hero-title-text.--middle {
						margin-left: 4%;
			}
}
.p-top-hero-title-text.--bottom {
			margin-left: 30%;
}
@media (max-width: 767px) {
			.p-top-hero-title-text.--bottom {
						margin-left: 40%;
			}
}
.p-top-hero-title-text.is-active p {
			-webkit-transform: translateX(0);
			        transform: translateX(0);
}

.p-top-hero-letter {
			position: relative;
			width: 100%;
			height: 100vh;
}

.p-top-hero-pin {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			width: 100%;
			height: 100%;
}

.p-top-hero-letter-item {
			position: relative;
			width: 50%;
			height: 100%;
			overflow: hidden;
}
.p-top-hero-letter-item > div {
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%);
			        transform: translateY(-50%);
			text-align: center;
			-webkit-transition: all 0.6s ease;
			transition: all 0.6s ease;
}
.p-top-hero-letter-item > div p {
			font-family: "Marcellus", serif;
			font-size: 110px;
			font-size: clamp(68px, 12vw, 110px);
			color: #fff;
			line-height: 1;
}
.p-top-hero-letter-item > div p.--cross {
			font-size: 64px;
}
.p-top-hero-letter-item > div.--right {
			right: 0;
			-webkit-transform: translateX(100%) translateY(-50%);
			        transform: translateX(100%) translateY(-50%);
}
.p-top-hero-letter-item > div.--left {
			left: 0;
			-webkit-transform: translateX(-100%) translateY(-50%);
			        transform: translateX(-100%) translateY(-50%);
}
.p-top-hero-letter-item > div.on.--right {
			-webkit-transform: translateX(50%) translateY(-50%);
			        transform: translateX(50%) translateY(-50%);
}
.p-top-hero-letter-item > div.on.--left {
			-webkit-transform: translateX(-50%) translateY(-50%);
			        transform: translateX(-50%) translateY(-50%);
}

.p-top-service {
			position: relative;
			z-index: 2;
			margin-top: 155px;
}
@media (max-width: 767px) {
			.p-top-service {
						margin-top: 80px;
			}
}

.p-top-service-title {
			padding-top: 80px;
}
@media (max-width: 767px) {
			.p-top-service-title {
						padding-top: 0;
			}
}
.p-top-service-title h2 {
			font-size: 32px;
			text-align: center;
}
@media (max-width: 767px) {
			.p-top-service-title h2 {
						font-size: 20px;
			}
}

.p-top-service-lists {
			text-align: center;
}
.p-top-service-lists li.marcellus {
			font-size: min(102px, 6.8vw);
			line-height: 1;
}
@media (max-width: 767px) {
			.p-top-service-lists li.marcellus {
						font-size: 9.6vw;
			}
}

.p-top-service-lead {
			width: 100%;
			margin-top: 90px;
			padding: 0 16px;
			white-space: normal;
}
@media (max-width: 767px) {
			.p-top-service-lead {
						margin-top: 37.3333333333vw;
			}
}
.p-top-service-lead p {
			max-width: 470px;
			margin: 0 auto;
			font-size: 15px;
			text-align: left;
			line-height: 1.8;
}
@media (max-width: 767px) {
			.p-top-service-lead p {
						max-width: none;
						font-size: 3.7333333333vw;
			}
			.p-top-service-lead p br {
						display: none;
			}
}

.p-top-service-link {
			margin-top: 24px;
			text-align: center;
			-webkit-transition: opacity 0.4s ease;
			transition: opacity 0.4s ease;
}
.p-top-service-link.is-active {
			opacity: 1;
}
@media (max-width: 767px) {
			.p-top-service-link {
						opacity: 1;
			}
}
.p-top-service-link a {
			text-decoration: none;
}

.p-top-service-images {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			pointer-events: none;
}
@media (max-width: 767px) {
			.p-top-service-images {
						display: none;
			}
}

.p-top-service-image {
			position: absolute;
			width: 100%;
}
.p-top-service-image.--small {
			top: 30%;
			right: 5%;
			width: 10%;
}
.p-top-service-image.--small div {
			aspect-ratio: 158/228;
}
.p-top-service-image.--large {
			left: 0;
			top: 45%;
			width: 20%;
}
.p-top-service-image.--large div {
			aspect-ratio: 311/468;
}
.p-top-service-image > div {
			position: relative;
			width: 100%;
			height: 100%;
}
.p-top-service-image > div img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
}

.p-top-service-images__sp {
			display: none;
}
@media (max-width: 767px) {
			.p-top-service-images__sp {
						display: block;
						margin-top: 40px;
			}
			.p-top-service-images__sp > div:first-of-type {
						width: 30%;
						margin-left: auto;
			}
			.p-top-service-images__sp > div:last-of-type {
						width: 50%;
						margin-top: -20%;
			}
}

.p-top-work {
			position: relative;
			z-index: 2;
			padding-bottom: 160px;
}
@media (max-width: 767px) {
			.p-top-work {
						padding: 160px 16px 80px;
			}
}

.p-top-work-title-wrapper {
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
			margin-top: -20vh;
			pointer-events: none;
			opacity: 1;
			-webkit-transition: opacity 0.4s ease;
			transition: opacity 0.4s ease;
}
@media (max-width: 767px) {
			.p-top-work-title-wrapper {
						height: auto;
						margin-top: 0;
			}
}
.p-top-work-title-wrapper.is-active {
			opacity: 0;
}
.p-top-work-title-wrapper .p-top-work-title {
			position: absolute;
			left: 5%;
			bottom: 0;
}
@media (max-width: 767px) {
			.p-top-work-title-wrapper .p-top-work-title {
						position: static;
						opacity: 0;
						-webkit-transition: opacity 0.4s ease;
						transition: opacity 0.4s ease;
			}
			.p-top-work-title-wrapper .p-top-work-title.is-change {
						opacity: 1;
			}
}
.p-top-work-title-wrapper .p-top-work-title h2 {
			font-size: clamp(80px, 16vw, 245px);
			color: #fff;
}

.p-top-work-items {
			position: relative;
			width: 100%;
			height: 93.7801932367vw;
			margin-top: -30%;
			opacity: 0;
			-webkit-transition: opacity 0.4s ease;
			transition: opacity 0.4s ease;
}
.p-top-work-items.is-active {
			opacity: 1;
}
@media (max-width: 767px) {
			.p-top-work-items {
						position: static;
						height: auto;
						margin-top: 0;
						opacity: 1;
			}
}

.p-top-work-image-wrapper {
			height: 100%;
}
@media (max-width: 767px) {
			.p-top-work-image-wrapper {
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: start;
						    -ms-flex-align: start;
						        align-items: flex-start;
						gap: 40px;
						margin-top: 64px;
			}
			.p-top-work-image-wrapper > ul {
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
						gap: 40px;
			}
			.p-top-work-image-wrapper > ul:last-of-type {
						margin-top: 64px;
			}
}

.p-top-work-image {
			position: absolute;
			width: 18%;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			        transform: translate(-50%, -50%);
			display: block;
			aspect-ratio: 280/460;
			text-decoration: none;
			-webkit-transition: -webkit-transform 0.6s ease;
			transition: -webkit-transform 0.6s ease;
			transition: transform 0.6s ease;
			transition: transform 0.6s ease, -webkit-transform 0.6s ease;
			pointer-events: none;
}
@media (max-width: 767px) {
			.p-top-work-image {
						position: static;
						-webkit-transform: none;
						        transform: none;
						width: 100%;
						aspect-ratio: auto;
						pointer-events: auto;
			}
}
.p-top-work-image img {
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
}
.p-top-work-image p {
			width: 100%;
			margin-top: 1vw;
			font-size: clamp(12px, 1vw, 14px);
			opacity: 0;
			-webkit-transition: opacity 0.4s ease;
			transition: opacity 0.4s ease;
			color: #fff;
}
@media (max-width: 767px) {
			.p-top-work-image p {
						margin-top: 12px;
			}
			.p-top-work-image p.is-active {
						opacity: 1;
			}
}
.p-top-work-image:hover {
			text-decoration: none;
}
.p-top-work-image:hover p {
			opacity: 1;
}
.p-top-work-image.--center {
			z-index: 2;
}
.p-top-work-image.is-active {
			pointer-events: auto;
}
.p-top-work-image.is-active.--01-01 {
			-webkit-transform: translate(calc(-50% - 21.5vw), calc(-50% + 48.4375vw));
			        transform: translate(calc(-50% - 21.5vw), calc(-50% + 48.4375vw));
}
.p-top-work-image.is-active.--01-02 {
			-webkit-transform: translate(calc(-50% + 21.5vw), calc(-50% + 48.4375vw));
			        transform: translate(calc(-50% + 21.5vw), calc(-50% + 48.4375vw));
}
.p-top-work-image.is-active.--01-03 {
			-webkit-transform: translate(calc(-50% + 43vw), calc(-50% - 34.1875vw));
			        transform: translate(calc(-50% + 43vw), calc(-50% - 34.1875vw));
}
.p-top-work-image.is-active.--02-01 {
			-webkit-transform: translate(calc(-50% - 21.5vw), calc(-50% - 19.375vw));
			        transform: translate(calc(-50% - 21.5vw), calc(-50% - 19.375vw));
}
.p-top-work-image.is-active.--02-02 {
			-webkit-transform: translate(calc(-50% + 21.5vw), calc(-50% - 19.375vw));
			        transform: translate(calc(-50% + 21.5vw), calc(-50% - 19.375vw));
}
.p-top-work-image.is-active.--03-01 {
			-webkit-transform: translate(calc(-50% - 43vw), calc(-50% + 0vw));
			        transform: translate(calc(-50% - 43vw), calc(-50% + 0vw));
}
.p-top-work-image.is-active.--03-02 {
			-webkit-transform: translate(calc(-50% + 43vw), calc(-50% + 0vw));
			        transform: translate(calc(-50% + 43vw), calc(-50% + 0vw));
}
.p-top-work-image.is-active.--04-01 {
			-webkit-transform: translate(calc(-50% - 21.5vw), calc(-50% + 15.3125vw));
			        transform: translate(calc(-50% - 21.5vw), calc(-50% + 15.3125vw));
}
.p-top-work-image.is-active.--04-02 {
			-webkit-transform: translate(calc(-50% + 21.5vw), calc(-50% + 15.3125vw));
			        transform: translate(calc(-50% + 21.5vw), calc(-50% + 15.3125vw));
}
.p-top-work-image.is-active.--05-01 {
			-webkit-transform: translate(calc(-50% - 43vw), calc(-50% + 34.1875vw));
			        transform: translate(calc(-50% - 43vw), calc(-50% + 34.1875vw));
}
.p-top-work-image.is-active.--05-02 {
			-webkit-transform: translate(calc(-50% + 0vw), calc(-50% + 34.1875vw));
			        transform: translate(calc(-50% + 0vw), calc(-50% + 34.1875vw));
}
.p-top-work-image.is-active.--05-03 {
			-webkit-transform: translate(calc(-50% + 43vw), calc(-50% + 34.1875vw));
			        transform: translate(calc(-50% + 43vw), calc(-50% + 34.1875vw));
}

.p-top-work-link {
			position: relative;
			z-index: 2;
			margin-top: 360px;
			text-align: center;
}
@media (max-width: 767px) {
			.p-top-work-link {
						margin-top: 65px;
			}
}
.p-top-work-link > div {
			position: relative;
			margin-top: 24px;
			padding-bottom: 6px;
			display: -webkit-inline-box;
			display: -ms-inline-flexbox;
			display: inline-flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			gap: 9px;
}
.p-top-work-link > div::before {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 1px;
			background: #fff;
			-webkit-transform-origin: left top;
			        transform-origin: left top;
			-webkit-transform: scale(1, 1);
			        transform: scale(1, 1);
			-webkit-transition: -webkit-transform 0.4s;
			transition: -webkit-transform 0.4s;
			transition: transform 0.4s;
			transition: transform 0.4s, -webkit-transform 0.4s;
}
.p-top-work-link > div .c-link {
			margin-top: 0;
			padding-bottom: 0;
}
.p-top-work-link > div .c-link::before {
			content: none;
}
@media (min-width: 768px) {
			.p-top-work-link > div:hover::before {
						-webkit-transform: scale(0, 1);
						        transform: scale(0, 1);
						-webkit-transform-origin: right top;
						        transform-origin: right top;
			}
			.p-top-work-link > div:hover .--work_icon span {
						-webkit-transform: translate(-50%, -50%);
						        transform: translate(-50%, -50%);
			}
}

.--work_icon {
			position: relative;
			width: 12px;
			height: 12px;
}
.--work_icon span {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			        transform: translate(-50%, -50%);
			display: block;
			width: 2px;
			height: 2px;
			background-color: #fff;
			border-radius: 100%;
			-webkit-transition: -webkit-transform 0.4s;
			transition: -webkit-transform 0.4s;
			transition: transform 0.4s;
			transition: transform 0.4s, -webkit-transform 0.4s;
}
.--work_icon span:nth-of-type(1) {
			-webkit-transform: translate(-6px, -6px);
			        transform: translate(-6px, -6px);
}
.--work_icon span:nth-of-type(2) {
			-webkit-transform: translate(-50%, -6px);
			        transform: translate(-50%, -6px);
}
.--work_icon span:nth-of-type(3) {
			-webkit-transform: translate(4px, -6px);
			        transform: translate(4px, -6px);
}
.--work_icon span:nth-of-type(4) {
			-webkit-transform: translate(-6px, -50%);
			        transform: translate(-6px, -50%);
}
.--work_icon span:nth-of-type(6) {
			-webkit-transform: translate(4px, -50%);
			        transform: translate(4px, -50%);
}
.--work_icon span:nth-of-type(7) {
			-webkit-transform: translate(-6px, 4px);
			        transform: translate(-6px, 4px);
}
.--work_icon span:nth-of-type(8) {
			-webkit-transform: translate(-50%, 4px);
			        transform: translate(-50%, 4px);
}
.--work_icon span:nth-of-type(9) {
			-webkit-transform: translate(4px, 4px);
			        transform: translate(4px, 4px);
}

.c-link {
			position: relative;
			display: -webkit-inline-box;
			display: -ms-inline-flexbox;
			display: inline-flex;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			margin-top: 24px;
			padding-bottom: 6px;
			font-family: "Marcellus", serif;
			font-size: 16px;
			color: #1A1A1A;
			letter-spacing: 0.02em;
}
.c-link::before {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 1px;
			background: #1F1F1F;
			-webkit-transform-origin: left top;
			        transform-origin: left top;
			-webkit-transform: scale(1, 1);
			        transform: scale(1, 1);
			-webkit-transition: -webkit-transform 0.3s;
			transition: -webkit-transform 0.3s;
			transition: transform 0.3s;
			transition: transform 0.3s, -webkit-transform 0.3s;
}
.c-link::after {
			content: "";
			display: block;
			width: 12px;
			height: 8px;
			margin-left: 15px;
			-webkit-mask-image: url(../images/footer_icon_arrow.svg);
			        mask-image: url(../images/footer_icon_arrow.svg);
			-webkit-mask-repeat: no-repeat;
			        mask-repeat: no-repeat;
			-webkit-mask-size: contain;
			        mask-size: contain;
			background-color: #000;
}
.c-link.--white {
			color: #fff;
			border-color: #fff;
}
.c-link.--white::before, .c-link.--white::after {
			background-color: #fff;
}
.c-link.--white:hover {
			color: #fff;
}
.c-link.--work::after {
			content: none;
}
.c-link:hover {
			color: #1A1A1A;
			text-decoration: none;
}
@media (min-width: 768px) {
			.c-link:hover::before {
						-webkit-transform: scale(0, 1);
						        transform: scale(0, 1);
						-webkit-transform-origin: right top;
						        transform-origin: right top;
			}
}

.p-top-company {
			position: relative;
			z-index: 2;
}

.p-top-company-mask {
			width: 100%;
			height: 100vh;
			overflow: hidden;
			display: -ms-grid;
			display: grid;
			place-items: center;
}

.p-top-company-clipImage {
			clip-path: circle(20vw at center);
			-webkit-transition: all 1.5s ease;
			transition: all 1.5s ease; /* 特定のプロパティに対してアニメーションを適用 */
			will-change: clip-path; /* Safariでのレンダリング最適化 */
			-webkit-transform: translate(0, 0);
			        transform: translate(0, 0);
			width: 100%;
			height: 100%;
}
@media (max-width: 767px) {
			.p-top-company-clipImage {
						clip-path: circle(10vw at center);
						-webkit-transition-duration: 2s;
						        transition-duration: 2s;
			}
}

.p-top-company-clipImage.is-active {
			clip-path: circle(130vw at center);
}

.p-top-company-contents {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: -ms-grid;
			display: grid;
			place-items: center;
			background-image: url(../images/top-company-bg.jpg);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
			overflow: hidden;
}
.p-top-company-contents::before {
			content: "";
			background: inherit;
			-webkit-filter: blur(5px);
			        filter: blur(5px);
			position: absolute;
			top: -5px;
			left: -5px;
			right: -5px;
			bottom: -5px;
}

.p-top-company-inner {
			position: relative;
			width: 80%;
			margin: 0 auto;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			gap: 30px;
}
@media (max-width: 767px) {
			.p-top-company-inner {
						width: 90%;
			}
}

.p-top-company-image {
			width: 18%;
			opacity: 0;
			-webkit-transition: opacity 0.4s ease;
			transition: opacity 0.4s ease;
}
.p-top-company-image.is-active {
			opacity: 1;
}
@media (max-width: 767px) {
			.p-top-company-image {
						width: 35%;
			}
}

.p-top-company-title-wrapper {
			display: block;
			overflow: hidden;
}
@media (max-width: 767px) {
			.p-top-company-title-wrapper:first-of-type {
						margin-bottom: 8px;
			}
}

.p-top-company-title {
			margin-top: -8%;
			margin-left: auto;
			font-family: "Marcellus", serif;
			font-size: clamp(44px, 8vw, 128px);
			color: #fff;
			opacity: 1;
			-webkit-transition: opacity 0.6s ease;
			transition: opacity 0.6s ease;
}
@media (max-width: 767px) {
			.p-top-company-title {
						margin-top: 0;
			}
}

.p-top-company-each-title {
			opacity: 0;
			line-height: 1;
			-webkit-transform: translateY(100%);
			        transform: translateY(100%);
			-webkit-transition: all 0.4s ease;
			transition: all 0.4s ease;
}
.p-top-company-each-title.is-active {
			opacity: 1;
			-webkit-transform: translateY(0);
			        transform: translateY(0);
}

.p-top-company-titleTop {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			gap: 28px;
}
.p-top-company-titleTop .--ja {
			font-family: "Noto Sans JP", sans-serif;
			font-size: 20px;
			font-size: clamp(12px, 2vw, 20px);
			font-weight: 700;
			letter-spacing: 0.15em;
}

.p-top-company-titleBottom {
			display: block;
			text-indent: 0.75em;
}
@media (max-width: 767px) {
			.p-top-company-titleBottom {
						text-indent: 0;
			}
}

.p-top-company-lead {
			width: 30%;
			opacity: 0;
			-webkit-transition: opacity 0.6s ease;
			transition: opacity 0.6s ease;
}
.p-top-company-lead.is-active {
			opacity: 1;
}
.p-top-company-lead p {
			font-size: 14px;
			line-height: 1.8;
			letter-spacing: 0.06em;
			color: #fff;
}
@media (max-width: 767px) {
			.p-top-company-lead p {
						font-size: 12px;
						line-height: 2;
			}
}
@media (max-width: 767px) {
			.p-top-company-lead {
						width: 90%;
						margin-left: auto;
			}
}

.p-top-company-link {
			text-align: right;
}

.p-service-bg.--design {
			background-image: url(../images/p_service_bg_design_sp.jpg);
}

.p-top-service-lists {
			width: 100vw;
			height: min(720px, 45vw);
			-webkit-perspective: min(100vw, 1600px);
			        perspective: min(100vw, 1600px);
}
@media (max-width: 767px) {
			.p-top-service-lists {
						height: 61.3333333333vw;
			}
}
@-webkit-keyframes ddd {
			0% {
						-webkit-transform: rotateX(0deg);
						        transform: rotateX(0deg);
			}
			100% {
						-webkit-transform: rotateX(360deg);
						        transform: rotateX(360deg);
			}
}
@keyframes ddd {
			0% {
						-webkit-transform: rotateX(0deg);
						        transform: rotateX(0deg);
			}
			100% {
						-webkit-transform: rotateX(360deg);
						        transform: rotateX(360deg);
			}
}
.p-top-service-lists ul {
			position: relative;
			width: 100%;
			height: 100%;
			-webkit-transform-style: preserve-3d;
			        transform-style: preserve-3d;
			-webkit-transform: translateZ(-360px);
			        transform: translateZ(-360px);
}
@media (max-width: 767px) {
			.p-top-service-lists ul {
						-webkit-transform: translateZ(-30.6666666667vw);
						        transform: translateZ(-30.6666666667vw);
			}
}
.p-top-service-lists li {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			height: 150px;
			width: 100%;
			max-width: 90%;
			position: absolute;
			top: 50%;
			left: 50%;
			white-space: nowrap;
			opacity: 0.1;
			-webkit-transition: opacity 0.3s ease;
			transition: opacity 0.3s ease;
			display: flex;
			align-items: center;
			white-space: nowrap;
			text-align: center;
			position: absolute;
			top: 50%;
			left: 50%;
			height: 0;
}
.p-top-service-lists li:nth-child(1) {
			-webkit-transform: rotateX(0deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(0deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(1) {
						-webkit-transform: rotateX(0deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(0deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists li:nth-child(2) {
			-webkit-transform: rotateX(-20deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(-20deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(2) {
						-webkit-transform: rotateX(-20deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(-20deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists li:nth-child(3) {
			-webkit-transform: rotateX(-40deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(-40deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(3) {
						-webkit-transform: rotateX(-40deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(-40deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists li:nth-child(4) {
			-webkit-transform: rotateX(-60deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(-60deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(4) {
						-webkit-transform: rotateX(-60deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(-60deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists li:nth-child(5) {
			-webkit-transform: rotateX(-80deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(-80deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(5) {
						-webkit-transform: rotateX(-80deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(-80deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists li:nth-child(6) {
			-webkit-transform: rotateX(-100deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(-100deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(6) {
						-webkit-transform: rotateX(-100deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(-100deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists li:nth-child(7) {
			-webkit-transform: rotateX(-120deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(-120deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(7) {
						-webkit-transform: rotateX(-120deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(-120deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists li:nth-child(8) {
			-webkit-transform: rotateX(-140deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(-140deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(8) {
						-webkit-transform: rotateX(-140deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(-140deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists li:nth-child(9) {
			-webkit-transform: rotateX(-160deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(-160deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(9) {
						-webkit-transform: rotateX(-160deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(-160deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists li:nth-child(10) {
			-webkit-transform: rotateX(-180deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(-180deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(10) {
						-webkit-transform: rotateX(-180deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(-180deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists li:nth-child(11) {
			-webkit-transform: rotateX(-200deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(-200deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(11) {
						-webkit-transform: rotateX(-200deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(-200deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists li:nth-child(12) {
			-webkit-transform: rotateX(-220deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(-220deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(12) {
						-webkit-transform: rotateX(-220deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(-220deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists li:nth-child(13) {
			-webkit-transform: rotateX(-240deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(-240deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(13) {
						-webkit-transform: rotateX(-240deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(-240deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists li:nth-child(14) {
			-webkit-transform: rotateX(-260deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(-260deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(14) {
						-webkit-transform: rotateX(-260deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(-260deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists li:nth-child(15) {
			-webkit-transform: rotateX(-280deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(-280deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(15) {
						-webkit-transform: rotateX(-280deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(-280deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists li:nth-child(16) {
			-webkit-transform: rotateX(-300deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(-300deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(16) {
						-webkit-transform: rotateX(-300deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(-300deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists li:nth-child(17) {
			-webkit-transform: rotateX(-320deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(-320deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(17) {
						-webkit-transform: rotateX(-320deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(-320deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists li:nth-child(18) {
			-webkit-transform: rotateX(-340deg) translate3d(-50%, -50%, min(360px, 24vw));
			        transform: rotateX(-340deg) translate3d(-50%, -50%, min(360px, 24vw));
}
@media (max-width: 767px) {
			.p-top-service-lists li:nth-child(18) {
						-webkit-transform: rotateX(-340deg) translate3d(-50%, -50%, 30.6666666667vw);
						        transform: rotateX(-340deg) translate3d(-50%, -50%, 30.6666666667vw);
			}
}
.p-top-service-lists ul[data-isCurrentIndex="1"] li:nth-child(1) {
			opacity: 1;
}
.p-top-service-lists ul[data-isCurrentIndex="2"] li:nth-child(2) {
			opacity: 1;
}
.p-top-service-lists ul[data-isCurrentIndex="3"] li:nth-child(3) {
			opacity: 1;
}
.p-top-service-lists ul[data-isCurrentIndex="4"] li:nth-child(4) {
			opacity: 1;
}
.p-top-service-lists ul[data-isCurrentIndex="5"] li:nth-child(5) {
			opacity: 1;
}
.p-top-service-lists ul[data-isCurrentIndex="6"] li:nth-child(6) {
			opacity: 1;
}

/* 画像の変更 */
.p-top-service-images img {
			opacity: 0;
			-webkit-transition: opacity 0.3s ease;
			transition: opacity 0.3s ease;
}

.p-top-service-images[data-isCurrentIndex="1"] img:nth-child(1) {
			opacity: 1;
}

.p-top-service-images[data-isCurrentIndex="2"] img:nth-child(2) {
			opacity: 1;
}

.p-top-service-images[data-isCurrentIndex="3"] img:nth-child(3) {
			opacity: 1;
}

.p-top-service-images[data-isCurrentIndex="4"] img:nth-child(4) {
			opacity: 1;
}

.p-top-service-images[data-isCurrentIndex="5"] img:nth-child(5) {
			opacity: 1;
}