@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/*Reset Style----------------------------------*/
* {
  box-sizing: border-box;
}
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  /*vertical-align: top;*/
}
html {
	scroll-behavior: smooth;
}
body {
  line-height: 1.2;
  -webkit-text-size-adjust: 100%;
  background-color: #fff;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
	font-size:16px;
  min-height:100vh;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
}
/*ol, */ ul {
  list-style: none;
}
blockquote {
  quotes: none;
}
blockquote:before, blockquote:after {
  content: '';
  content: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
div {
  box-sizing: border-box;
}
p {
  margin: 0px;
  padding: 0px;
}
a img {
  border: none;
}
a {
  text-decoration: none;
	color:#666;
	transition:0.5s;
}
a:hover {
	opacity:0.8;
}
img {
  max-width: 100%;
}
.text-center {
  text-align: center;
}
.red {
  color: #c00;
}
@media (min-width: 769px) {
  body {
    font-size: 16px;
    font-size: 1.6rem;
	  color:#666;
  }
  .sp {
    display: none;
  }
}
@media (max-width: 768px) {
  body {
    font-size: 16px;
    font-size: 1.6rem;
	  color:#666;
  }
	.pc {
    display: none;
  }
}
html {
  font-size: 62.5%;
}
.font12 {
  font-size: 85.7%;
}
.font13 {
  font-size: 92.9%;
}
.font14 {
  font-size: 100%;
}
.font15 {
  font-size: 107.1%;
}
.font16 {
  font-size: 114.3%;
}
.font17 {
  font-size: 121.4%;
}
.font18 {
  font-size: 128.6%;
}
.font19 {
  font-size: 135.7%;
}
.font20 {
  font-size: 142.9%;
}
.font21 {
  font-size: 150%;
}
.font22 {
  font-size: 157.1%;
}
.font23 {
  font-size: 164.3%;
}
.font24 {
  font-size: 171.4%;
}
.font25 {
  font-size: 178.6%;
}
.font26 {
  font-size: 185.7%;
}
.font27 {
  font-size: 192.9%;
}
.font28 {
  font-size: 200%;
}
.font29 {
  font-size: 207.1%;
}
.font30 {
  font-size: 214.3%;
}
.font31 {
  font-size: 221.4%;
}
.font32 {
  font-size: 228.6%;
}
.font33 {
  font-size: 235.7%;
}
.font34 {
  font-size: 242.9%;
}
.font35 {
  font-size: 250%;
}
.font36 {
  font-size: 257.1%;
}
.bold {
  font-weight: bold;
}
/*.serif { font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; }*/
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb55 {
  padding-bottom: 55px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pb65 {
  padding-bottom: 65px !important;
}
.pb70 {
  padding-bottom: 70px !important;
}
.pb75 {
  padding-bottom: 75px !important;
}
.pb80 {
  padding-bottom: 80px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt55 {
  padding-top: 55px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pt65 {
  padding-top: 65px !important;
}
.pt70 {
  padding-top: 70px !important;
}
.pt75 {
  padding-top: 75px !important;
}
.pt80 {
  padding-top: 80px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb55 {
  margin-bottom: 55px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb65 {
  margin-bottom: 65px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mb75 {
  margin-bottom: 75px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt55 {
  margin-top: 55px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt65 {
  margin-top: 65px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt75 {
  margin-top: 75px !important;
}
.mt80 {
  margin-top: 80px;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.top {
  vertical-align: top;
}
.bottom {
  vertical-align: bottom;
}

.loader {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  z-index: 99999;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}