@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,600i,700,700i,800,800i&display=swap');
/* ---------------------------------------------------------------------------------------------------- */
/* 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, nav, section, article, aside, figure, figcaption, hgroup, footer, header, audio, video, canvas { margin:0; padding:0; border:0; outline:0; font-weight:400; font-style:inherit; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
body { line-height:1; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:''; }
blockquote, q { quotes:'' ''; }
span,strong {font-weight: inherit;}

/* ---------------------------------------------------------------------------------------------------- */
/* Base */
@font-face {
  font-family: 'Renner*';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/renner/renner-400.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/renner/renner-400.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
@font-face {
  font-family: 'Renner*';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/renner/renner-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/renner/renner-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
@font-face {
  font-family: 'Renner*';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/renner/renner-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/renner/renner-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
html {background-color: #121536;}
body {
  font-family: 'Renner*',"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  font-size:100%;
  font-weight: 400;
  line-height:1.7;
  letter-spacing: 0.06em;
  color:#222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "palt";
}
em {font-style:italic;}
strong {font-weight:bold;}
sup {font-size: 10px;vertical-align: super;}
a {text-decoration:underline; color:rgba(123,149,188,1);}
p, ul, ol, li, dl, dd, table {margin-bottom: 1em;}
* > *:last-child {margin-bottom: 0;}
a.btn {display: block;text-decoration: none;}
body.pc a[href^="tel:"] {pointer-events: none;}
body.pc a.btn {transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;cursor: pointer;}
body.pc a.btn:hover {opacity: 0.75;}
@media only screen and (max-width:1024px) {
  body {font-size: 1.56vw;}
}
@media only screen and (max-width: 768px) {
  body{font-size: 3vw;}
}
@-ms-viewport {
  width:auto;
}
html {
  -ms-overflow-style:scrollbar;
}