@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2020/02/11, 13:04:43
    Author     : hana
*/
/* Scss Document */
/*reset
＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese");
html, h1, h2, h3, h4, h5, h6, strong, 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;
  overflow-x: hidden; }

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

nav, ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: 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, select {
  vertical-align: middle; }

img {
  vertical-align: bottom; }

/*フォント
＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|*/
html, h1, h2, h3, h4, h5, h6, strong {
  font-family: 'Noto Sans JP', sans-serif; }

h1, h2, h3, h4, h5, h6, strong {
  font-weight: 700;
  line-height: 1.5em; }

p {
  line-height: 1.5em; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1.5em;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: #333; }

/*共通
＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|＝＝＝＝|*/
/* レスポンシブ */
html, h1, h2, h3, h4, h5, h6, strong {
  box-sizing: border-box; }

.container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 10px; }

/* テキスト周り、hoverなど */
*, *:before, *:after {
  box-sizing: inherit; }

.link-btn {
  cursor: pointer; }
  .link-btn:hover {
    opacity: 0.7;
    transition: all 0.2s ease; }

/* float解除 */
.clearfix:after {
  content: "";
  display: block;
  clear: both; }