@charset "UTF-8";
/** @license MyFonts Webfont Build ID 3901858, 2020-05-12T10:17:17-0400  The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are  explicitly restricted from using the Licensed Webfonts(s).  You may obtain a valid license at the URLs below.  Webfont: AvenirNextLTPro-Medium by Linotype URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-medium/ Copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.    © 2020 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3b89a2");
@font-face { font-family: 'AvenirNextLTPro-Medium'; src: url("../webFonts/AvenirNextLTPro-Medium/font.woff2") format("woff2"), url("webFonts/AvenirNextLTPro-Medium/font.woff") format("woff"); }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: inherit; text-decoration: none; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

html, body { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-setting: "palt"; -webkit-font-feature-settings: "palt"; text-rendering: optimizeLegibility; }

img, video { vertical-align: bottom; max-width: 100%; height: auto; }

img[src$=".svg"] { width: 100%; }

li { list-style: none; }

main { display: block; }

/* --------------------------------------------------
Common
-------------------------------------------------- */
html, body { height: 100%; font-size: 5px; }
@media screen and (min-width: 769px) { html, body { font-size: 10px; } }

body { font-family: "AvenirNextLTPro-Medium", YuGothic, "Yu Gothic", sans-serif; color: #000; }

@media screen and (max-width: 768px) { .pc { display: none !important; } }
@media screen and (min-width: 769px) { .sp { display: none !important; } }
h1, h2, h3 { font-weight: inherit; }

/* --------------------------------------------------
Contents
-------------------------------------------------- */
body #wrapper img { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-touch-callout: none; -moz-user-select: none; touch-callout: none; user-select: none; }
body #wrapper header h1 { color: #fff; }
body #wrapper header .text { font-size: 2rem; line-height: 1.5; width: 260px; }
body #wrapper header .text br { display: none; }
body #wrapper header .text a { color: #fff; text-decoration: underline; }
body #wrapper header .text a.current { color: #71A8B6; }
body:not(.site-front) { background: #CCCACB; }
body:not(.site-front) #wrapper header { padding: 40px 25px 0; margin: 0 0 75px; }
body:not(.site-front) #wrapper header h1 { font-size: 3rem; margin: 0 0 10px; }
body:not(.site-front) #wrapper header .text { width: 100%; }
body:not(.site-front) #wrapper #contents { padding: 0 25px; }
body.is-loaded #wrapper { opacity: 1 !important; transition: opacity 2s ease 0s; }

@media screen and (min-width: 769px) { body { font-weight: 500; }
  body a { transition: color .4s ease 0s; }
  body a:hover { color: #71A8B6 !important; }
  body #wrapper header h1 { font-size: 2.4rem; }
  body #wrapper header .text { font-size: 1.2rem; line-height: 1.87; width: auto; }
  body #wrapper header .text br { display: block; }
  body:not(.site-front) #wrapper { padding: 0 0 0 200px; }
  body:not(.site-front) #wrapper header { padding: 100px 0 0; margin: 0 0 116px; }
  body:not(.site-front) #wrapper header h1 { font-size: 2.4rem; margin: 0 0 20px; }
  body:not(.site-front) #wrapper #contents { padding: 0; width: 100%; max-width: 600px; } }