@charset "utf-8";
/* ===================================
Defalut Style Sheet
First Update  2018-08-03
Last Update   2018-08-03
Creat by Basic Plus Design Inc.
=================================== */

/* -----------------------------------------------------------
1. normalize.css v3.0.0 | MIT License | git.io/normalize
2. Reset
3. Primary styles
    2-1. Text Classes
    2-2. Link Classes
    2-3. Helper Classes
4. Print Style
5. Structure Module
----------------------------------------------------------- */

/* ===========================================================
1. normalize.css
=========================================================== */

html { font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%; }
body { margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary { display: block; }

audio,
canvas,
progress,
video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none;  height: 0; }
[hidden],
template { display: none; }

/* Links
   ========================================================================== */
a { background: transparent; }
a:active,
a:hover { outline: 0;}

/* Text-level semantics
   ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b,
strong { font-weight: bold;}
dfn { font-style: italic;}
h1 { font-size: 2em;  margin: 0.67em 0; }
mark { background: #ff0;  color: #000; }
small { font-size: 80%; }
sub,
sup { font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
img { border: 0; }
svg:not(:root) { overflow: hidden; }

/* Grouping content
   ========================================================================== */
figure { margin: 1em 40px; }
hr { -moz-box-sizing: content-box;  box-sizing: content-box;  height: 0; }
pre { overflow: auto; }
code,
kbd,
pre,
samp { font-family: monospace, monospace;  font-size: 1em; }

/* Forms
   ========================================================================== */
button,
input,
optgroup,
select,
textarea { font: inherit; margin: 0; }
button { overflow: visible; }
button,
select { text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled],
html input[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }

:placeholder-shown { color: #CCC; }/* 各ベンダープレフィックスが取れた標準版(http://caniuse.com/#search=placeholder-shown) */
::-webkit-input-placeholder { color: #CCC; }/* Google Chrome, Safari, Opera 15+, Android, iOS */
:-moz-placeholder { color: #CCC; opacity: 1; }/* Firefox 18- */
::-moz-placeholder { color: #CCC; opacity: 1; }/* Firefox 19+ */
:-ms-input-placeholder { color: #CCC; }/* IE 10+ */
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }

/* Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td,
th { padding: 0; }


/* ===========================================================
2. reset
=========================================================== */

body {
	font-family: 'Cabin', 'Noto Sans Japanese','ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color:#2B5678;
	overflow-x: hidden;
	overflow-y: scroll;
	line-height:1.7;
	letter-spacing:0.05em;
	background-color:#FFF;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
  letter-spacing: 0.05em;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

h1,
h2,
h3,
{ font-family: 'Lato', sans-serif, 'Roboto Condensed', 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

a, abbr, acronym, address, applet, article, aside, audio, 
b, big, blockquote, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, 
fieldset, figcaption, figure, form, footer, 
header, hgroup, h1, h2, h3, h4, h5, h6, 
i, iframe, img, ins, kbd, label, legend, li, mark, object, ol, output, p, pre, q, ruby, 
s, samp, section, main, small, span, strike, strong, sub, summary, sup, 
tt, tbody, textarea, tfoot, thead, time, 
u, ul, var, video { 
	margin: 0; 
	padding: 0;
}

img{ width:100%; height:auto; }
li{	list-style:none; }
button{	border:0; }


/* ======================================================================
3. Primary styles
====================================================================== */

/* -----------------------------------------------------------
3-1. Text Classes
----------------------------------------------------------- */
html { font-size : 62.5%; }
html{ font-size:8rem; font-size:0.8em}

@media (min-width: 768px) {
html{ font-size:9rem; font-size:0.9em}
}

/* -----------------------------------------------------------
3-2. Link Classes
----------------------------------------------------------- */

a { text-decoration: none; }
a:hover { cursor: pointer; }
a.wink:hover{ border-bottom:none; }
a:focus { outline: none; }
a img{ opacity: 1; transition: 0.3s; }
a:hover img{ opacity: .3; }

/* -----------------------------------------------------------
3-3. Helper Classes
----------------------------------------------------------- */

.clearfix:after{
  content: "";
  clear: both;
  display: block;
  }

/* ===========================================================
4. Print Styles
=========================================================== */

@media print {
  * { box-shadow: none !important; text-shadow: none !important; }
  img,
  .ir { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p,
  h2,
  h3 { orphans: 3; widows: 3; }
  h2,
  h3 { page-break-after: avoid; }
  html { width: 1024px; }  
  #page-top{ display:none;}
}