@charset "utf-8";

/* ress.min.css */
html{-webkit-text-size-adjust:100%;box-sizing:border-box;-moz-tab-size:4;tab-size:4;word-break:normal}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{color:inherit;height:0;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}

/* Noto Sans Japanese */
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400 700;
  src: url("../fonts/Noto_Sans_JP/NotoSansJP-VariableFont_wght.woff2") format("woff2"),
       url("../fonts/Noto_Sans_JP/NotoSansJP-VariableFont_wght.woff") format("woff"),
       url("../fonts/Noto_Sans_JP/NotoSansJP-VariableFont_wght.ttf") format("truetype");
}

/* Noto Sans Japanese */
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400 700;
  src: url("../fonts/Noto_Serif_JP/NotoSerifJP-VariableFont_wght.woff2") format("woff2"),
       url("../fonts/Noto_Serif_JP/NotoSerifJP-VariableFont_wght.woff") format("woff"),
       url("../fonts/Noto_Serif_JP/NotoSerifJP-VariableFont_wght.ttf") format("truetype");
}

body {
  background: #fbfcfe;
  color: #4d4d4d;
  font-family: 'Noto Sans JP', sans-serif;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  transition: .6s;
}

.wrapper {
  overflow-x: hidden;
  min-width: 1020px;
  margin: 0 auto;
}

.inner {
  width: 1020px;
  margin: 0 auto;
  padding: 0 20px;
}

.fadein {
  transform: translateY(30px);
  opacity: 0;
  transition: 2s;
}

.fadein.show {
  transform: translateY(0);
  opacity: 1;
}

.sp {
  display: none;
}

@media screen and (max-width: 428px) {

  .wrapper {
    min-width: 100%;
  }

  .inner {
    width: 100%;
    padding: 0 25px
  }

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

}

/*-------------------------------------------
coming soon(準備中ページ)
-------------------------------------------*/
.coming {
  padding: 55px 0 40px;
}

.coming__logo {
  display: block;
  width: 128px;
  margin: 0 auto 42px;
}

.coming__textarea {
  margin-bottom: 65px;
}

.coming__text {
  font-family: 'Noto Serif JP', serif;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 2.27;
  letter-spacing: .05em;
}

.coming__text:not(:last-child) {
  margin-bottom: 34px;
}

.coming-box {
  width: 640px;
  margin: 0 auto;
  background: #f0f6fc;
  padding: 48px 0 46px;
}

.coming-box__text {
  margin-bottom: 40px;
  color: #000;
  font-size: 16px;
  text-align: center;
  letter-spacing: .16em;
}

.coming-box__btn {
  display: flex;
  align-items: center;
  position: relative;
  width: 292px;
  height: 58px;
  margin: 0 auto;
  padding-left: 30px;
  border: 1px solid #3c3c44;
  background: #fff;
  color: #000;
  font-weight: 500;
  letter-spacing: .16em;
}

.coming-box__btn:hover {
  opacity: .6;
}

.coming-box__btn:before,
.coming-box__btn:after {
  position: absolute;
  top: 50%;
  right: 22px;
  height: 1px;
  background: #000;
  content: '';
  transition: .6s;
}

.coming-box__btn:before {
  width: 22px;
  transform: translateY(-50%);
}

.coming-box__btn:after {
  width: 11px;
  transform: translateY(-50%) rotate(45deg);
  transform-origin: right center;
}

.coming-box__btn:hover:before,
.coming-box__btn:hover:after {
  right: 17px;
}

@media screen and (max-width: 428px) {

  .coming {
    padding: 35px 0 20px;
  }

  .coming__logo {
    width: 112px;
    margin: 0 auto 20px;
    margin: 0 auto 40px;
  }

  .coming__textarea {
    margin-bottom: 30px;
  }

  .coming__text {
    text-align: left;
    line-height: 2;
    letter-spacing: 0;
  }

  .coming__text:not(:last-child) {
    margin-bottom: 15px;
  }

  .coming-box {
    width: 100%;
    padding: 25px 0;
  }

  .coming-box__text {
    margin-bottom: 20px;
    letter-spacing: .08em;
  }

  .coming-box__btn {
    width: 264px;
    height: 52px;
    padding-left: 15px;
    letter-spacing: .08em;
  }

  .coming-box__btn:before,
  .coming-box__btn:after {
    right: 14px;
  }

  .coming-box__btn:before {
    width: 15px;
  }

  .coming-box__btn:after {
    width: 7px;
  }

  .coming-box__btn:hover:before,
  .coming-box__btn:hover:after {
    right: 9px;
  }

}

/*-------------------------------------------
フッター
-------------------------------------------*/
.footer {
  padding: 35px 0;
}

.footer__copyright {
  color: #b3b3b3;
  font-size: 14px;
  text-align: center;
}

@media screen and (max-width: 428px) {

  .footer {
    padding: 15px 0;
  }

  .footer__copyright {
    font-size: 12px;
  }

}