@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap');

/*
** RESET
 */
* {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  font: inherit;
  font-style: normal;
  font-weight: lighter;
  list-style: none;
  text-decoration: none;
}

html {
  font-size: 87.5%;
  width: 100vw;
  height: 100vh;
}

body {
  font-size: 14px;
  font-size: 1.0rem;
  font-weight: 500;
  line-height: 1.6;
  position: relative;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-align: left;
  width: 100%;
  color: #34373d;
}

article, aside, dialog, figure, footer, header, main, menu, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {

  font-family:'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica, sans-serif;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  line-height: 1;
}
iframe {
    vertical-align: bottom;
}


/* clearfix */
.cfix:after  { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.cfix        { min-height: 1px; }
* html .cfix { height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ }

.fl_l{float:left;}
.fl_r{float:right;}
.tx_l{text-align: left}
.tx_r{text-align: right}

bold{
  font-weight: bold;
  font-size: 1.4rem;
}
.bgfit{
	-moz-background-size:cover !important;
	background-size:cover !important;
}
.bgfix{
	background-attachment: fixed !important;
}
.posfix{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  width: 100%;
  background-color: #fff;
}
.hover:hover{
  filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.mb50{margin-bottom: 50px;}
.mb200{margin-bottom: 200px;}


.notfound{
  display:block;
  text-align:center;
  height:55vh;
}
.notfound h3{
  display:block;
  background-color: #e9f2ff;
  color:#000;
  font-size:2.0rem;
  margin-top:2.6rem;
}
.notfound h4 {
  display:block;
  background-color: #e9f2ff;
  color:#000;
  font-size:1.8rem;
  margin-top:1rem;
}
.notfound p{
  display:block;
  background-color: #e9f2ff;
  color:#000;
  font-size:1.8rem;
}