@charset "UTF-8";

/*-------------------------------------------
共通
-------------------------------------------*/

html {
  font-size: 100%;
}

body {
  color: #333333;
  font-size: 0.9rem;
  line-height: 1.7;
  font-family: 'Noto Sans JP', sans-serif;
  width: 100%;
  overflow-x: hidden;

  /* 格子模様 
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
  linear-gradient(90deg, transparent calc(100% - 0.5px), #f0f0f0 calc(100% - 0.5px));
  background-size: 32px 32px;
  background-repeat: repeat;
  background-position: center center;*/
}

a {
  color: #333333;
  text-decoration: none;
}

img {
  max-width: 100%;
}

li {
  list-style: none;
}

.site-title {
    line-height: 1px;
}

.contents-area {
  max-width: 1040px;
  padding: 0 16px;
  margin:160px auto 0 auto;
}

.btn {
    display: block;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    margin: 120px 25% 0 25%;
    padding: 8px 20px 8px 20px;
    background-color: #003EFF;
    border-radius: 50px;
}

/*-------------------------------------------
TITILE
-------------------------------------------*/

.sec-title {
  max-width: 1920px;
  margin: 0 calc(1024px / 2 - 1920px / 2);
}

.sec-title-sp {
  display: none;
}

@media (max-width: 800px) {
  .sec-title {
    display: none;
  }

  .sec-title-sp {
    display: block;
    max-width: 800px;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }

}

#footer {
    padding: 5px auto;
    text-align: center;
    background-color: #e6e6e6;
}