@charset "UTF-8";

body {
  align-content: center;
}


/*↓募集要項開閉*/

:root {
  interpolate-size: allow-keywords;
}

details {
  &::details-content {
    @media (prefers-reduced-motion: no-preference) {
      overflow: clip;
      transition-duration: 300ms;
      transition-property: content-visibility, block-size;
      transition-behavior: allow-discrete;
    }
  }

  &:not(:open)::details-content {
    block-size: 0;
  }
 border-top: 2px solid #fff;
 border-bottom: 2px solid #fff;
 width: 70%;
 margin: 20px auto;
}

summary {
	font-weight: bold;
}

summary {
  --_foreground-default: #fff;/*テキストとボタンの色*/
  --_foreground-interactive: #fff;/*ホバーしたときのテキストカラー*/
  --_foreground-opened: #fff;/*開いている時のテキストカラー*/
  --_background-default: #ff9e00;/*背景色*/
  --_background-interactive: oklch(
    from var(--_background-default) calc(l - 0.1) c h
  );
  --_background-opened:#ff9e00;

  display: block grid;
  grid-template: ". icon" / 1fr max-content;
  column-gap: 1em;
  align-items: center;
  padding: 1.5em;
  background-color: var(--_background-default);
  color: var(--_foreground-default);
  letter-spacing: 0.1em;
  cursor: pointer;
  transition-duration: var(--_duration);
  transition-property: background-color, color;
  font-size: 20pt;

  &::before,
  &::after {
    content: "";
    grid-area: icon;
    inline-size: 1em;
    border-block-end: 3px solid;
    writing-mode: initial;
  }

  &::after {
    rotate: 90deg;
  }

  &:focus-visible {
    background-color: var(--_background-interactive);
    color: var(--_foreground-interactive);
  }

  &:hover {
    @media (any-hover: hover) {
      background-color: var(--_background-interactive);
      color: var(--_foreground-interactive);
    }
  }

  &:is([open] > &) {
    background-color: var(--_background-opened);
    color: var(--_foreground-opened);
  }

  &:is([open] > &)::after {
    opacity: 0;
  }
}


p {
  line-height: 1.75;
  padding: 1lh;
}

/*↑募集要項開閉*/

/*↓募集要項トピック*/

.topic{
	width: 70%;
	margin-left: 30%;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #fff;
	text-align: center;
	font-size: 10pt;
	border-collapse: separate;
	border-spacing: 10px;
}

.topic tr td{
	border-radius: 10px;
	padding: 10px;
	background-color: #ff9e00;
}

/*↑募集要項トピック*/

/*↓募集要項中身*/

table{
	width: 80%;
	margin-left: 20%;
	margin-bottom: 50px;
	border-collapse: collapse;
	color: #616161;
	font-weight: normal;
	letter-spacing: 0.1em;
}

table tr{
	border-bottom: 1px solid #616161;
}

table th{
	width: 140px;
	font-size: 15pt;
	letter-spacing: 0.4em;
}

table td{
	padding: 20px;
	font-size: 12pt;
	line-height: 1.7em;
}

.kyuuyo::before{
	padding-right: 50px;
}

.td_1::before{
	content:"大学院卒";
	padding-right: 32px;
}

.td_2::before{
	content:"大学卒";
}

.td_3::before{
	content:"専門卒";
}

.td_4::before{
	content:"短大卒";
}

/*↑募集要項中身*/