/*! normalize-opentype.css v0.2.4 | MIT License | kennethormandy.com/journal/normalize-opentype-css */::-moz-selection {color: inherit;text-shadow: inherit;background-color: #ACCEF7;}::selection {color: inherit;text-shadow: inherit;background-color: #ACCEF7;}html,body,table {font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0;}h1,h2,h3 {font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 1;}abbr {text-transform: uppercase;font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1;}time {font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0;}pre,kbd,samp,code {font-feature-settings: "kern" 0, "liga" 0, "calt" 1, "dlig" 0, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1;}sup {font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1;}sub {font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1;}input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="number"],input[type="range"],input[type="tel"],input[type="week"] {font-feature-settings: "kern" 0, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 1, "zero" 0;}tbody,caption {font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1;}* {box-sizing: border-box;}img {display: block;}figure {margin: 0;padding: 0;}.app {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #CEB0A4;background-image: url('../../asset/img/common/bg.jpg');}.app__image {position: absolute;top: calc(50% - 260px);left: calc(50%);}.app__desk {position: absolute;bottom: 0;left: calc(50% - 100px);}.app__callist {position: absolute;top: calc(50% - 290px);right: calc(50% + 120px);width: 336px;height: 503px;font-family: "Abril Fatface",Georgia,Times,"Times New Roman",serif;color: #6C4E49;background-repeat: no-repeat;background-image: url('../../asset/img/common/call-list.png');}.app__callist dl {margin: 0;padding: 95px 0 0 70px;}.app__callist dt {font-size: 20px;}.app__callist dd {margin-bottom: .35em;margin-left: 0;font-size: 36px;}.app__phone {position: absolute;bottom: 160px;left: calc(50% + 10px);}audio {position: absolute;display: none;top: 0;left: 0;}body {width: 100%;height: 100%;margin: 0;padding: 0;}.dial {transform: rotate(0deg);transition: all 1s linear;}.dial__num {position: absolute;display: block;width: 24px;height: 24px;border-radius: 50%;cursor: pointer;}[data-num='1'] {top: 14px;left: 86px;}[data-num='2'] {top: 6px;left: 62px;}[data-num='3'] {top: 11px;left: 36px;}[data-num='4'] {top: 27px;left: 17px;}[data-num='5'] {top: 50px;left: 7px;}[data-num='6'] {top: 75px;left: 9px;}[data-num='7'] {top: 96px;left: 23px;}[data-num='8'] {top: 108px;left: 46px;}[data-num='9'] {top: 107px;left: 70px;}[data-num='0'] {top: 97px;left: 92px;}[data-dial='1'] {animation: dial--1 1.1s forwards;}[data-dial='2'] {animation: dial--2 1.2s forwards;}[data-dial='3'] {animation: dial--3 1.3s forwards;}[data-dial='4'] {animation: dial--4 1.4s forwards;}[data-dial='5'] {animation: dial--5 1.5s forwards;}[data-dial='6'] {animation: dial--6 1.6s forwards;}[data-dial='7'] {animation: dial--7 1.7s forwards;}[data-dial='8'] {animation: dial--8 1.8s forwards;}[data-dial='9'] {animation: dial--9 1.9s forwards;}[data-dial='0'] {animation: dial--0 2s forwards;}html {width: 100%;height: 100%;}.phone__receiver {position: absolute;top: -40px;left: -180px;transition: all 1s;}.phone__receiver-mask {position: absolute;top: -40px;left: -80px;width: 500px;height: 200px;transition: all 1s;cursor: pointer;}.phone__telephone {position: relative;}.phone__dial {position: absolute;top: 115px;left: 93px;}.phone__knob {position: absolute;top: 184px;left: 200px;transform: rotate(-55deg);}.phone.live .phone__receiver {transform: rotate(-25deg) translate(-50px, -72px);}.phone.live .phone__receiver-mask {transform: rotate(-25deg) translate(-80px, -108px);}.ipadmini .phone {transform: scale(1.4) translateX(20px);}@keyframes dial--1 {0% {transform: rotate(0deg);}20% {transform: rotate(70deg);}100% {transform: rotate(0deg);}}@keyframes dial--2 {0% {transform: rotate(0deg);}20% {transform: rotate(99deg);}100% {transform: rotate(0deg);}}@keyframes dial--3 {0% {transform: rotate(0deg);}20% {transform: rotate(128deg);}100% {transform: rotate(0deg);}}@keyframes dial--4 {0% {transform: rotate(0deg);}20% {transform: rotate(156deg);}100% {transform: rotate(0deg);}}@keyframes dial--5 {0% {transform: rotate(0deg);}20% {transform: rotate(184deg);}100% {transform: rotate(0deg);}}@keyframes dial--6 {0% {transform: rotate(0deg);}20% {transform: rotate(212deg);}100% {transform: rotate(0deg);}}@keyframes dial--7 {0% {transform: rotate(0deg);}20% {transform: rotate(239deg);}100% {transform: rotate(0deg);}}@keyframes dial--8 {0% {transform: rotate(0deg);}20% {transform: rotate(267deg);}100% {transform: rotate(0deg);}}@keyframes dial--9 {0% {transform: rotate(0deg);}20% {transform: rotate(295deg);}100% {transform: rotate(0deg);}}@keyframes dial--0 {0% {transform: rotate(0deg);}20% {transform: rotate(322deg);}100% {transform: rotate(0deg);}}