@charset 'utf-8';

/* ====================================================================== */
/* リセット
======================================= */
html,body,h1,h2,h3,h4,h5,h6,div,section,article,menu,figure,p,span,a,ul,li,dd,dt,small,img{
  margin:0;
  padding:0;
  border:0;
}
a:link{
  text-decoration:none;
  color:#449;
}
a:visited{
  color:#449;
}
li{
  list-style-type:none;
}

/* 全体
======================================= */
/* font-size: clamp( 12px, calc( 11px + .45vw ) , 18px ); */
@media screen and (min-width:1000px){
  html,input,textarea{font-size: 18px;}
}
@media screen and (max-width:999px){
  html,input,textarea{font-size: 16px;}
}

/* webフォント
======================================= */
@font-face{
  font-family: 'Roboto';
  font-display: swap;
  src: url('/_font/Roboto-Regular.woff') format('woff');
}


/* アニメーション
======================================= */
@keyframes fdin{
  0%{
    transform: scale(.9);
    opacity: 0;
  }
  100%{
    transform: scale(1);
    opacity: 1;
  }
}





/* ====================================================================== */

html,body{
  /* scroll-behavior: smooth; */
  position: relative;
  width: 100%;
}

.in{
  width: 90vw;
  max-width: 1330px;
  margin-right:  auto;
}
@media screen and (min-width: 1400px){
  .in{margin-left:  calc((100vw - 1330px) / 2)}
}
@media screen and (max-width: 1399px){
  .in{margin-left:  5vw}
}


@media screen and (min-width: 700px){
  .sp-only{
    display: none;
  }
}
@media screen and (max-width: 699px){
  .pc-only{
    display: none;
  }
}



.fcc{
  display: flex;
  align-items: center;
  justify-content: center;
}
.fcs{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.fce{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.edt{
  color: #f84 !important;
}

p{
  word-break: auto-phrase;
}
/* ================ */