::selection{background-color:rgba(0,0,0,0.2)}.container{width:940px;margin:0 auto}.flex{display:-webkit-flex;display:flex}.flex.container{-webkit-justify-content:space-between;justify-content:space-between}h1{font-weight:700;font-size:2.4rem}h2{padding-top:10px;font-size:24px;font-size:2.4rem;font-weight:300;line-height:29px;line-height:2.9rem}.caption{text-align:center;color:#808080;font-size:1.2rem}a{text-decoration:none;color:#37afda}a:hover{text-decoration:underline}header{width:100%;padding-top:120px;background-color:#321649;background-image:radial-gradient(50% 100%, transparent 50%, rgba(0,0,0,0.5) 100%),url(./../img/bg-header.png)}#header-msg{text-align:center;color:#fff}#header-action{margin-top:20px;text-align:center}#header-action .btn__action--strong,#header-action .btn__action--normal{display:inline-block;height:40px;margin:10px;padding:0 12px;font-weight:700;line-height:40px;text-decoration:none;border-radius:6px;transition:all 0.2s cubic-bezier(0.1, 0, 0.2, 1);font-size:1.6rem}#header-action .btn__action--strong{color:#fff;background-color:#f14493}#header-action .btn__action--strong:hover{background-color:#ef2c85}#header-action .btn__action--normal{color:#f14493;border:1px solid #f14493;background-color:rgba(241,68,147,0.1)}#header-action .btn__action--normal:hover{color:#ef2c85;border-color:#ef2c85;background-color:rgba(239,44,133,0.15)}#header-img{display:block;width:100%;margin-top:20px}#about{text-align:center}#copyright{margin-top:40px;font-size:1.2rem;text-align:center}#contact{padding-top:40px}#contact h1,#contact h2,#contact p{text-align:center}#contact p{margin-top:20px}form{width:580px;margin:40px auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}label{display:inline-block;width:120px;height:36px;cursor:pointer;user-select:none;font-weight:500;text-align:right;color:#4f4f51;font-size:1.4rem}input,textarea{box-sizing:border-box;width:400px;max-width:400px;margin:10px;padding:6px 10px 4px 10px;font-weight:400;line-height:20px;vertical-align:middle;color:#4f4f51;border:1px solid #d9dbdb;border-radius:4px;outline-style:none;background-color:#fcfcfc;box-shadow:0 1px 1px rgba(0,0,0,0.06);font-size:1.4rem;-webkit-appearance:none}input{height:36px}textarea{height:200px;max-height:400px;line-height:20px}form div span{font-weight:500;color:#a2a2a3;font-size:1.2rem}input:focus,textarea:focus{color:#000;border:1px solid #37afda;background-color:#fff}:invalid+span{color:rgba(252,14,41,0.8)}button{display:block;width:160px;height:40px;margin:0 auto;margin-top:10px;margin-bottom:20px;cursor:pointer;transition:all 0.2s cubic-bezier(0.1, 0, 0.2, 1);font-weight:700;line-height:40px;opacity:.9;color:#fff;border:none;border-radius:6px;outline-style:none;background-color:#36b0d8;background-image:linear-gradient(-180deg, rgba(255,255,255,0.05) 0%, rgba(0,0,0,0.05) 100%);box-shadow:0 1px 0 #309bbf,0 2px 2px rgba(0,0,0,0.2);text-shadow:0 1px 1px rgba(0,0,0,0.2);font-size:1.6rem}button:hover,button:focus{opacity:1;color:#fff;background-color:#36b0d8}button:active{transform:scale(0.96, 0.98);color:#fff;background-color:#45c0eb;background-image:linear-gradient(-180deg, rgba(0,0,0,0.05) 0%, transparent 100%)}button:disabled{transform:scale(1);opacity:.9;background-color:#a2a2a3;background-image:none;box-shadow:none;text-shadow:none;cursor:not-allowed}#thanks #main-contents,#failed #main-contents{padding-top:120px;padding-bottom:60px;text-align:center}#thanks #main-contents p,#failed #main-contents p{margin-bottom:40px}#avatar{padding-top:240px;padding-bottom:40px;background-image:url(../img/avatars.png);background-repeat:no-repeat;background-position:center 40px}#avatar h1{margin-bottom:250px;text-align:center}#avatar p{width:620px;margin:0 auto}#illustration{padding:40px 0;background-color:#f7f5f7}#illustration h1{text-align:center}#illustration img{display:block;width:200px;height:276px;margin:20px 0;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1)}#illustration>p{width:620px;margin:0 auto;margin-top:20px}#illust1,#illust2,#illust3,#illust4{position:fixed;z-index:100;top:0;left:0;display:none;overflow:hidden;width:100%;height:100%;cursor:zoom-out;background-color:rgba(255,255,255,0.99);background-image:url(../img/x.svg);background-repeat:no-repeat;background-position:center 92%}.viewer{position:fixed;top:50%;left:50%;width:768px;height:512px;margin:-300px 0 0 -384px;background-repeat:no-repeat;background-position:center;background-size:contain}#illust1 .viewer{background-image:url(../img/il1.png)}#illust2 .viewer{background-image:url(../img/il2.png)}#illust3 .viewer{background-image:url(../img/il3.png)}#illust4 .viewer{background-image:url(../img/il4.png)}#bg-illust{height:600px;padding-top:80px;color:#fff;background-color:#01091e;background-image:radial-gradient(50% 100%, transparent 50%, rgba(0,0,0,0.5) 100%),url(./../img/bgillust.png);background-repeat:no-repeat;background-position:center;background-size:cover}#bg-illust h1{margin-bottom:20px;margin-left:40px}#bg-illust p{width:420px;margin-left:40px}#ip-illust{padding:40px 0;background-color:#faf7f5}#ip-illust h1,#ip-illust h2{text-align:center}#ip-illust p{width:450px;margin:20px auto}#ip-illust img{display:block;width:260px;height:300px;margin-bottom:10px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1)}#px-to-vector{height:400px;background-color:#92a8d1;background-image:linear-gradient(90deg, #e472cc 0%, #dce7fe 50%, #4cddff 100%)}#px-to-vector div{height:100%;padding-top:40px;background-image:url(./../img/ptv.png);background-repeat:no-repeat;background-position:top center}#px-to-vector h1{text-align:center}#px-to-vector p{width:350px;margin:20px auto}#process{padding:40px 0;color:#fff;background-color:#2a2f35;background-image:radial-gradient(50% 100%, transparent 50%, rgba(0,0,0,0.5) 100%),url(./../img/bg-process.png)}#process h1,#process h2{text-align:center}#process img{display:block;width:260px;height:200px;margin:20px 0;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.2)}#process figcaption{width:260px;margin-top:10px;text-align:center;font-size:1.4rem}