/**
 * www.yokosuri.agency
 * office@yokosuri.agency
 * Copyright 2019
 */
@font-face {
    font-family: 'geomanistbold';
    src: url('font/geomanist-bold-webfont.woff2') format('woff2'),
    url('font/geomanist-bold-webfont.woff') format('woff'),
    url('font/geomanist-bold-webfont.ttf') format('truetype'),
    url('font/geomanist-bold-webfont.svg#geomanistbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanistlight';
    src: url('font/geomanist-light-webfont.woff2') format('woff2'),
    url('font/geomanist-light-webfont.woff') format('woff'),
    url('font/geomanist-light-webfont.ttf') format('truetype'),
    url('font/geomanist-light-webfont.svg#geomanistlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanistregular';
    src: url('font/geomanist-regular-webfont.woff2') format('woff2'),
    url('font/geomanist-regular-webfont.woff') format('woff'),
    url('font/geomanist-regular-webfont.ttf') format('truetype'),
    url('font/geomanist-regular-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {margin: 0;}
main {display: block;}
h1 {font-size: 2em;margin: 0.67em 0;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
pre {font-family: monospace, monospace;font-size: 1em;}
a {background-color: transparent;}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b, strong {font-weight: bolder;}
code, kbd, samp {font-family: monospace, monospace;font-size: 1em}
small {font-size: 80%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}
button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
details {display: block;}
summary {display: list-item;}
template, [hidden] {display: none;}
/* Globals */
html,body{height:100vh;margin:0px;margin:0px;font-size:13px;color: #1a1a1a;line-height:14px;width:100%;}
body{background-attachment: fixed;font-family:'geomanistregular';background-color: #81F8CB;background-image: -webkit-linear-gradient(-45deg, #1CF4EB, #81F8CB);background-image: -moz-linear-gradient(-45deg, #1CF4EB, #81F8CB);background-image: -o-linear-gradient(-45deg, #1CF4EB, #81F8CB);background-image: linear-gradient(-45deg, #1CF4EB, #81F8CB);}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
div{display:block;}
p{margin:0px;}
ul{list-style: none; padding:0px; margin:0px;}
h1{font-size:70px;font-family:'geomanistbold';margin:0px;text-transform: uppercase;display:block;line-height:55px;}
h2{font-size:50px;font-family:'geomanistbold';display:block;margin:0px;text-transform: uppercase;line-height:40px;}
a,a:link,a:visited{color:#1a1a1a;text-decoration: none;}
a:hover, a:active{text-decoration: none;}
/* Site */
.container{margin: 0px 10px 0px 11px;min-height:100vh;position:relative;}
.logo{margin: 30px;display:inline-block;}
.contfirst,.contsecond{min-height:calc(100vh - 10px);float:left;display:inline-block;}
.contfirst {opacity: 0.9;background:#fff;}
.flex{display: flex;align-items: flex-end;flex-direction: column;height: calc(100vh - 11px);}
.flcont{flex: 1 1 auto;opacity: 0.9;background:#fff;width:100%;overflow:hidden;}
.fltext{flex: 0 0 auto;margin-top:1px;}
.fltitle{flex: 0 0 auto;padding:20px;}
.fltitle p{padding-top:5px;}
.flbot{flex: 0 1 auto;height:10%;margin-top:1px;}
.flbtn{flex: 0 0 auto;background:#fff;width:100%;margin-top:1px;}
.content{padding:20px;line-height:16px;}
.contfirst{margin-left:-1px;margin-right:1px;width:70%;}
.contsecond{margin-top:10px;width:30%;}
.button{padding:20px;display:block;text-transform: uppercase;font-size:14px;}
.button span{float:right;font-size:20px;font-weight:bold;margin-top:-3px;}
ul{margin-top:5px;}
ul li span{font-family: 'geomanistbold';padding-right:5px;}
.firm{font-size:19px;line-height:20px;padding:0px;}
h1,h2{position:absolute;z-index:50;display:inline-block;padding:0px 20px;}
h2{top:22%;right:0px; width:30%;}/*255px*/
h1{text-align:right;top:15%;left:0px; width:70%;}/*200px*/
@media screen and (max-width: 1024px) {
    .contsecond,.contfirst{width:50%;}
    h1,h2{font-size:50px;line-height:50px;position: initial;width:100%;text-align:left;top: initial;left:initial;padding:0px;}
    h2{font-size:40px;}
}
@media screen and (max-width: 768px) {
    .contsecond{width:calc(100% - 113px);}
    .contfirst{width:113px;}
    .logo{margin:30px;}
    h1, h2{font-size:40px;line-height:40px;}
    h2{font-size:35px;}
}
@media screen and (max-width: 480px) {
    h1, h2{font-size:35px;line-height:30px;padding-top:7px;}
    h2{font-size:30px;}
    .flbot{height:70px;}
}
@media screen and (max-width: 320px) {
    .content{padding:10px;}
    .button{padding:13px 10px;}
    .flbot{height:40px;}
    h1,h2{padding-top:5px;}
    .fltitle{padding:10px;}
}