@charset "UTF-8";
/* ===========================================
   色・ブレイクポイント（Youth Personnel）
   750px 以下＝SP（375 基準 vw）／751px 以上＝PC（1920 基準 vw・rem）
   =========================================== */
/*---------------------------------------------
Reset Style
---------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  /* PC のタイポは rem 基準（1rem ≒ 16px）。ブラウザ標準を維持 */
  font-size: 100%; }

body {
  color: #333;
  line-height: 1.75;
  height: 100%;
  text-align: left;
  background-color: #fff;
  letter-spacing: normal; }
  @media screen and (max-width: 749px) {
    body {
      font-size: 3.73vw;
      line-height: 1.6; } }

hr {
  display: none; }

img {
  border: none;
  vertical-align: bottom;
  max-width: 100%;
  height: auto; }

/* 個別のロゴ・アイコンはコンポーネント側で幅を指定（width:100% は描画を壊すため禁止） */
div,
dl,
dt,
dd,
form,
input,
ul,
ol,
li,
p,
select,
textarea,
span,
th,
td {
  margin: 0;
  padding: 0;
  vertical-align: top;
  font-weight: inherit; }

address,
caption,
strong,
dfn {
  font-style: normal; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 1.6; }

input,
select,
textarea {
  font-size: 100%;
  font-family: inherit;
  font-weight: inherit; }

ol,
ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit; }

caption {
  text-align: left; }

fieldset {
  border: 0; }

main {
  display: block;
  position: relative; }

a {
  text-decoration: none;
  color: inherit;
  display: inline; }
  a:hover {
    text-decoration: none !important; }
  a:focus {
    outline: none; }
  a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px; }

/* 上付き文字、下付き文字 */
sup,
sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative; }

sup {
  bottom: 1ex; }

sub {
  top: 0.5ex; }