@charset "utf-8";

/* ---------------------------------------------
Reset
--------------------------------------------- */
/* Modern browser */
*,*::before,*::after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}


/* addition */
img,
video,
iframe {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  display: block;
}
em {
  font-style: normal;
}
small {
  font-size: 70%;
}

ul,ol,li {
  padding: 0;
  list-style: none;
}


/* ---------------------------------------------
font
--------------------------------------------- */
html {
  font-family: 'Noto Sans JP', sans-serif;
}

strong, em {
  font-weight: 700;
}


/* ---------------------------------------------
Base
--------------------------------------------- */
html body,
table th,
table td {
  line-height: 1.6;
  color: #000;
  font-size: 3.4vw;
}
@media screen and (min-width:751px) {
  html body,
  table th,
  table td {
    font-size: 16px;
  }
}

a,
a:link,
a:visited {
  color: #1e87f0;
}
a:hover {
  color: #f01e1e;
  text-decoration: none;
}


/* ---------------------------------------------
width
--------------------------------------------- */
.wrapper {
  width: 100%;
}
@media screen and (min-width:751px) {
  .wrapper {
    width: 100%;
  }
}

.contentsWrapper {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  .contentsWrapper {
    width: 750px;
  }
}

/* ---------------------------------------------
cmn
--------------------------------------------- */
.page_cmn .sec {
  margin: 0 auto;
}

/* ---------------------------------------------
#mainContents
--------------------------------------------- */
#mainContents {
  margin-bottom: 4em;
  position: relative;
  z-index: 2;
}


#mainContents .contentFooter .linkBtn:hover {
  filter: saturate(140%);
}


/* ---------------------------------------------
#pageFooter
--------------------------------------------- */
#pageFooter {
  margin: 0;
  text-align: center;
}

#pageFooter .footerBottom {
  padding: 2em 0;
  text-align: center;
  color: #000;
  background: #f2f2f2;
}

#pageFooter .copyright {
  margin: 0;
  text-align: center;
  font-size: 2vw;
}
@media screen and (min-width:751px) {
  #pageFooter .copyright {
    font-size: 14px;
  }
}

.pageTop {
  margin: 0 0 0 auto;
  position: fixed;
  right: 5%;
  bottom: 3em;
  z-index: 9999;
}
.pageTop a {
  margin: 0;
  padding: 1em;
  text-decoration: none;
  color: #fff;
  background: #3896cd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pageTop a:hover {
  color: #3896cd;
  background: #e2f0fe;
}