@charset "utf-8";
/* ****************************************************************************

 CSS contents設定
 - title無しぺーじ

****************************************************************************** */


/* -----------------------------------------------------
 base
-------------------------------------------------------- */
html {
  font-size: 62.5%; 
}
body {
  line-height: 1.6;
  font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", '游ゴシック体','YuGothic', "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-size: 1.2rem;
  font-size: 3.733vw;/* 14px(375px BreakPoint) */
  color: #000;
}
html, body, h1, h2, h3, h4, h5, h6, p, figure, dl, dt, dd, ul, ol, li {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul, ol, li {
  list-style: none;
}
em {
  font-style: normal;
}
header, footer, main, nav, article, aside, section {
  display: block;
  box-sizing: border-box;
}
a {
  outline: none;
  text-decoration: none;
  transition: opacity .3s ease;
  color: #005FAE;
}
div, p {
  display: block;
  box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: bold;
}
img {
  display: block;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .main {
    padding-top: 16vw;
  }
  [class|="inner"] {
    width: 86.67%;
  }
  [class|="sp-grid"] {
    display: flex;
  }
}
@media screen and (min-width: 768px), print {
  body {
    min-width: 1000px;
    font-size: 1.4rem;
  }
  a {
    transition: all .3s ease;
  }
  a:hover {
    opacity: .6;
	}
}
@media screen and (min-width: 768px), print {
  .main {
    padding-top: 115px;
  }
  .only-pc {
    display: block !important;
  }
  span.only-pc,
  br.only-pc {
    display: inline !important;
  }
  .only-sp {
    display: none !important;
  }
  [class|="inner"] {
    max-width: 1150px;
    width: 90%;
  }
  [class|="inner"].s {
    max-width: 850px;
  }
  [class|="pc-inner"] {
    max-width: 1150px;
    width: 90%;
    margin: auto;
  }
  [class|="pc-grid"] {
    display: flex;
  }
}
/* -----------------------------------------------------
 共通class
-------------------------------------------------------- */
.only-pc {
  display: none !important;
}
[class|="inner"] {
  margin: auto;
}
[class|="grid"] {
  display: flex;
}
/* -----------------------------------------------------
404error
-------------------------------------------------------- */

.inner-404error{
    margin: 80px 1em 100px 1em;
}
.ttl-norfound{
    font-size: 22px;
}
.sec-404error{
    padding-top: 20px;
}
.btn-404error{
    margin-top: 2em;
    text-align: center;
}
@media screen and (min-width: 768px), print {
    .inner-404error{
    　　 padding-top: 80px;
        margin-bottom: 200px;
		margin-left: auto;
		margin-right: auto;
        text-align: center;
    }
    .btn-404error{
        margin-top: 40px;
    }
    .ttl-norfound{
        font-size: 28px;
    }
}