/***********************
          ABOUT
***********************/
#about .about_head {
  background-color: #1C4387; }
  #about .about_head .about .about_img {
    aspect-ratio: 460 / 515;
    background-color: #FFFFFF;
    position: relative; }
    #about .about_head .about .about_img figure {
      aspect-ratio: 432 / 570.61;
      width: 94%;
      position: absolute;
      bottom: -13.4%;
      right: 0;
      z-index: 1; }
      #about .about_head .about .about_img figure img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    #about .about_head .about .about_img::after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-color: #0C2C63;
      position: absolute;
      bottom: -13.4%;
      left: 50px; }
  #about .about_head .about .about_text span {
    display: block; }
  #about .about_head .about .about_text span, #about .about_head .about .about_text h2, #about .about_head .about .about_text p {
    color: #FFFFFF; }
  #about .about_head .about .about_text .about_text_head {
    display: flex;
    align-items: flex-end;
    margin-bottom: 60px; }
    #about .about_head .about .about_text .about_text_head > span {
      letter-spacing: .25em;
      line-height: 1;
      margin-bottom: 1.2em; }
    #about .about_head .about .about_text .about_text_head .about_text_head_title {
      position: relative; }
      #about .about_head .about .about_text .about_text_head .about_text_head_title span {
        font-family: "Shippori Mincho", serif;
        width: fit-content;
        margin-left: auto;
        background-color: #FFFFFF;
        color: #1C4387;
        line-height: 1.4;
        padding: 0 .6em; }
      #about .about_head .about .about_text .about_text_head .about_text_head_title h2 {
        font-family: "Shippori Mincho", serif;
        font-weight: 500; }
      #about .about_head .about .about_text .about_text_head .about_text_head_title::after {
        content: "";
        display: block;
        width: 1px;
        height: 186%;
        background-color: #FFFFFF;
        position: absolute;
        bottom: 0;
        left: 4%;
        transform: rotate(43deg) translate(0, 15%); }
  #about .about_head .about p {
    letter-spacing: .05em;
    line-height: 2.4em; }

@media (max-width: 990px) {
  #about .about_head {
    padding-top: 100px;
    padding-bottom: 120px; }
    #about .about_head .about {
      display: flex;
      flex-direction: column-reverse; }
      #about .about_head .about .about_img {
        margin-top: auto;
        width: 70%;
        max-width: 300px;
        margin: 40px auto 0; }
      #about .about_head .about .about_text {
        width: 100%; }
        #about .about_head .about .about_text .about_text_head > span {
          font-size: clamp(2.188rem, 1.143rem + 5.22vw, 4.375rem); }
        #about .about_head .about .about_text .about_text_head .about_text_head_title span {
          font-size: clamp(0.875rem, 0.815rem + 0.3vw, 1rem); }
        #about .about_head .about .about_text .about_text_head .about_text_head_title h2 {
          font-size: clamp(1.25rem, 1.041rem + 1.04vw, 1.688rem); } }
@media (max-width: 575px) {
  #about .about_head .about .about_text .about_text_head > span {
    font-size: 10vw; }
  #about .about_head .about .about_text .about_text_head .about_text_head_title span {
    font-size: 3vw; }
  #about .about_head .about .about_text .about_text_head .about_text_head_title h2 {
    font-size: 4vw; } }
@media (min-width: 991px) {
  #about .about_head .about {
    display: flex;
    align-items: flex-start; }
    #about .about_head .about .about_img {
      margin-top: auto;
      width: 300px; }
    #about .about_head .about .about_text {
      width: calc(100% - 300px);
      padding-top: 100px;
      padding-bottom: 120px;
      padding-left: 30px; }
      #about .about_head .about .about_text .about_text_head > span {
        font-size: 60px; }
      #about .about_head .about .about_text .about_text_head .about_text_head_title {
        padding-left: 30px; }
        #about .about_head .about .about_text .about_text_head .about_text_head_title span {
          font-size: 16px; }
        #about .about_head .about .about_text .about_text_head .about_text_head_title h2 {
          font-size: 25px; }
  #about .about_head p {
    max-width: 92%;
    margin-left: auto; } }
@media (min-width: 1240px) {
  #about .about_head .about .about_img {
    width: 350px; }
  #about .about_head .about .about_text {
    width: calc(100% - 350px);
    padding-top: 125px;
    padding-bottom: 180px;
    padding-right: 110px; } }
@media (min-width: 1680px) {
  #about .about_head .about .about_img {
    width: 460px; }
  #about .about_head .about .about_text {
    width: calc(100% - 460px); }
    #about .about_head .about .about_text .about_text_head > span {
      font-size: 90px; }
    #about .about_head .about .about_text .about_text_head .about_text_head_title {
      padding-left: 42px; }
      #about .about_head .about .about_text .about_text_head .about_text_head_title span {
        font-size: 18px; }
      #about .about_head .about .about_text .about_text_head .about_text_head_title h2 {
        font-size: 32px; }
      #about .about_head .about .about_text .about_text_head .about_text_head_title::after {
        height: 220%; }
  #about .about_head p {
    max-width: 650px; } }
/***********************
         SEMINAR
***********************/
#seminar .seminar_info .seminar_info_item {
  position: relative; }
  #seminar .seminar_info .seminar_info_item::after {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    height: 100%;
    background-color: #E3E9F0;
    z-index: -1; }
  #seminar .seminar_info .seminar_info_item:nth-of-type(odd)::after {
    left: 0; }
  #seminar .seminar_info .seminar_info_item:nth-of-type(even)::after {
    right: 0; }
  #seminar .seminar_info .seminar_info_item:nth-of-type(even) .seminar_info_item_option {
    margin-left: auto; }
  #seminar .seminar_info .seminar_info_item .seminar_info_item_main .seminar_info_item_main_text .seminar_info_item_main_text_head span {
    display: block;
    font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
    color: #1C4387;
    font-weight: 600; }
  #seminar .seminar_info .seminar_info_item .seminar_info_item_main .seminar_info_item_main_text .seminar_info_item_main_text_head .seminar_info_item_main_text_head_inner .seminar_info_item_main_text_head_inner_title h2 {
    color: #1C4387;
    font-weight: 500; }
  #seminar .seminar_info .seminar_info_item .seminar_info_item_main .seminar_info_item_main_text .seminar_info_item_main_text_head .seminar_info_item_main_text_head_inner .seminar_info_item_main_text_head_inner_title p {
    background-color: #1C4387;
    width: fit-content;
    padding: 0 .5em;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 1.8em;
    margin-top: .4em; }
  #seminar .seminar_info .seminar_info_item .seminar_info_item_main .seminar_info_item_main_text .seminar_info_item_main_text_head .seminar_info_item_main_text_head_inner p {
    line-height: 2.2em;
    color: #1C4387;
    margin-top: 2.5em;
    padding-left: 1em;
    font-weight: 600; }
  #seminar .seminar_info .seminar_info_item .seminar_info_item_main figure {
    aspect-ratio: 1 / 1; }
    #seminar .seminar_info .seminar_info_item .seminar_info_item_main figure img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  #seminar .seminar_info .seminar_info_item .seminar_info_item_option {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #FFFFFF;
    color: #1C4387;
    font-weight: 600; }
    #seminar .seminar_info .seminar_info_item .seminar_info_item_option .seminar_info_item_option_item dl dd {
      padding-left: 2.4em; }

@media (max-width: 1239px) {
  #seminar .seminar_info .seminar_info_item::after {
    width: 100%; } }
@media (max-width: 990px) {
  #seminar {
    margin-top: 70px; }
    #seminar .seminar_info .seminar_info_item {
      padding-top: 70px;
      padding-bottom: 50px; }
      #seminar .seminar_info .seminar_info_item + .seminar_info_item {
        margin-top: 80px; }
      #seminar .seminar_info .seminar_info_item .seminar_info_item_main figure {
        max-width: 500px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto; }
      #seminar .seminar_info .seminar_info_item .seminar_info_item_option {
        padding: 20px; }
        #seminar .seminar_info .seminar_info_item .seminar_info_item_option .seminar_info_item_option_item dl dd {
          padding-left: 1.1em; }
    #seminar .seminar_info .button {
      margin-top: 20px; } }
@media (min-width: 991px) {
  #seminar {
    margin-top: 120px; }
    #seminar .seminar_info .seminar_info_item {
      padding-top: 120px;
      padding-bottom: 80px; }
      #seminar .seminar_info .seminar_info_item + .seminar_info_item {
        margin-top: 120px; }
      #seminar .seminar_info .seminar_info_item .seminar_info_item_main {
        display: flex;
        align-items: flex-start; }
        #seminar .seminar_info .seminar_info_item .seminar_info_item_main .seminar_info_item_main_text {
          width: calc(100% - 390px); }
          #seminar .seminar_info .seminar_info_item .seminar_info_item_main .seminar_info_item_main_text .seminar_info_item_main_text_head .seminar_info_item_main_text_head_inner {
            padding-left: 50px; }
        #seminar .seminar_info .seminar_info_item .seminar_info_item_main figure {
          width: 390px; }
      #seminar .seminar_info .seminar_info_item .seminar_info_item_option {
        padding: 30px;
        max-width: 1200px; }
      #seminar .seminar_info .seminar_info_item .button {
        margin-top: 28px; }
    #seminar .seminar_info .seminar_info_item:nth-of-type(odd) .seminar_info_item_main .seminar_info_item_main_text {
      padding-right: 80px; }
    #seminar .seminar_info .seminar_info_item:nth-of-type(even) .seminar_info_item_main {
      flex-direction: row-reverse; }
      #seminar .seminar_info .seminar_info_item:nth-of-type(even) .seminar_info_item_main .seminar_info_item_main_text {
        padding-left: 80px; } }
@media (min-width: 1240px) {
  #seminar .seminar_info .seminar_info_item::after {
    width: calc((50% - 600px) + 1200px); }
  #seminar .seminar_info .seminar_info_item:nth-of-type(odd) .seminar_info_item_set {
    padding-right: 110px; }
  #seminar .seminar_info .seminar_info_item:nth-of-type(even) .seminar_info_item_set {
    padding-left: 110px; } }
@media (min-width: 1680px) {
  #seminar {
    margin-top: 170px; }
    #seminar .seminar_info .seminar_info_item {
      padding-top: 160px;
      padding-bottom: 105px; }
      #seminar .seminar_info .seminar_info_item + .seminar_info_item {
        margin-top: 150px; }
      #seminar .seminar_info .seminar_info_item::after {
        width: calc((50% - 740px) + 1420px); }
      #seminar .seminar_info .seminar_info_item .seminar_info_item_option {
        padding: 40px; }
      #seminar .seminar_info .seminar_info_item:nth-of-type(odd) .seminar_info_item_main .seminar_info_item_main_text {
        padding-right: 125px; }
      #seminar .seminar_info .seminar_info_item:nth-of-type(even) .seminar_info_item_main .seminar_info_item_main_text {
        padding-left: 125px; } }
/***********************
         ARCHIVE
***********************/
#archine h2 {
  text-align: center;
  color: #1C4387;
  font-weight: 400;
  letter-spacing: .25em;
  font-size: clamp(2.813rem, 1.79rem + 5.11vw, 5.625rem); }
#archine p {
  text-align: center;
  color: #1C4387; }
#archine a {
  display: block;
  max-width: 754px;
  margin-left: auto;
  margin-right: auto;
  transition: .3s ease-out; }
  #archine a :hover {
    opacity: .8; }

@media (max-width: 990px) {
  #archine {
    padding-top: 60px;
    padding-bottom: 100px; }
    #archine a {
      margin-top: 25px; } }
@media (min-width: 991px) {
  #archine {
    padding-top: 100px;
    padding-bottom: 200px; }
    #archine a {
      margin-top: 30px; } }
@media (min-width: 1680px) {
  #archine {
    padding-top: 130px;
    padding-bottom: 240px; }
    #archine a {
      margin-top: 40px; } }
/***********************
      SEMINAR INFO
***********************/
article > span {
  text-align: center;
  padding: 1.2em 1em;
  display: block;
  background-color: #1C4387;
  color: #FFFFFF;
  font-weight: 600;
  font-size: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
  letter-spacing: .1em; }
article .seminar_contents .seminar_contents_catch {
  display: block;
  color: #1C4387;
  font-weight: 400;
  letter-spacing: .3em;
  line-height: 1;
  position: relative;
  z-index: 2;
  padding-left: .57em;
  width: fit-content; }
article .seminar_contents .seminar_contents_main figure {
  aspect-ratio: 1 / 1; }
  article .seminar_contents .seminar_contents_main figure img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
article .seminar_contents .seminar_contents_main .seminar_contents_main_text .seminar_contents_main_text_head h2, article .seminar_contents .seminar_contents_main .seminar_contents_main_text .seminar_contents_main_text_head span {
  display: flex;
  justify-content: flex-end;
  font-weight: 400;
  color: #585858;
  margin-left: auto;
  text-align: right; }
article .seminar_contents .seminar_contents_main .seminar_contents_main_text .seminar_contents_main_text_head h2 {
  font-size: clamp(1.563rem, 1.449rem + 0.57vw, 1.875rem); }
article .seminar_contents .seminar_contents_main .seminar_contents_main_text .seminar_contents_main_text_head span {
  font-size: clamp(1.563rem, 1.449rem + 0.57vw, 1.875rem); }
article .seminar_contents .seminar_contents_main .seminar_contents_main_text .seminar_contents_main_text_head p {
  background-color: #1C4387;
  color: #FFFFFF;
  padding: 0 .5em;
  line-height: 1.7em;
  width: fit-content;
  margin-left: auto;
  margin-top: 1em;
  font-size: clamp(1.125rem, 1.057rem + 0.34vw, 1.313rem); }
article .seminar_contents .seminar_contents_main .seminar_contents_main_text > p {
  font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem);
  line-height: 2.1em;
  margin-top: 2.5em; }
article .seminar_contents .seminar_contents_sub {
  position: relative; }
  article .seminar_contents .seminar_contents_sub .seminar_contents_sub_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    article .seminar_contents .seminar_contents_sub .seminar_contents_sub_list p {
      font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem);
      color: #1C4387;
      line-height: 2em; }
    article .seminar_contents .seminar_contents_sub .seminar_contents_sub_list .seminar_contents_sub_list_item dl dd {
      padding-left: 2.5em; }
  article .seminar_contents .seminar_contents_sub::after {
    content: "";
    display: block;
    height: 100%;
    background-color: #E3E9F0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1; }

@media (max-width: 1239px) {
  article .seminar_contents .seminar_contents_sub::after {
    width: 100%; } }
@media (max-width: 990px) {
  article .seminar_contents {
    margin-top: 60px;
    margin-bottom: 80px; }
    article .seminar_contents .seminar_contents_catch {
      font-size: 11vw;
      margin-bottom: .4em; }
    article .seminar_contents .seminar_contents_main .seminar_contents_main_text {
      margin-bottom: 25px; }
    article .seminar_contents .seminar_contents_sub {
      margin-top: 20px; }
      article .seminar_contents .seminar_contents_sub .seminar_contents_sub_list {
        padding: 60px 20px 30px; }
        article .seminar_contents .seminar_contents_sub .seminar_contents_sub_list .seminar_contents_sub_list_item dl dd {
          padding-left: 1.1em; } }
@media (max-width: 575px) {
  article .seminar_contents .seminar_contents_sub .seminar_contents_sub_list {
    padding: 60px 0 30px; } }
@media (min-width: 991px) {
  article .seminar_contents {
    margin-top: 80px;
    margin-bottom: 120px; }
    article .seminar_contents .seminar_contents_catch {
      font-size: 68px; }
      article .seminar_contents .seminar_contents_catch::after {
        content: "";
        display: block;
        height: 200%;
        width: 1px;
        background-color: #585858;
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(100%, 0) rotate(43deg); }
    article .seminar_contents .seminar_contents_main {
      margin-top: -15px;
      display: flex;
      align-items: flex-start;
      flex-direction: row-reverse; }
      article .seminar_contents .seminar_contents_main figure {
        width: 400px; }
      article .seminar_contents .seminar_contents_main .seminar_contents_main_text {
        width: calc(100% - 400px);
        padding-left: 60px; }
        article .seminar_contents .seminar_contents_main .seminar_contents_main_text .seminar_contents_main_text_head h2, article .seminar_contents .seminar_contents_main .seminar_contents_main_text .seminar_contents_main_text_head span {
          max-width: 12em; }
        article .seminar_contents .seminar_contents_main .seminar_contents_main_text .seminar_contents_main_text_head p {
          margin-right: 5em; }
    article .seminar_contents .seminar_contents_sub .seminar_contents_sub_list {
      padding: 80px 30px 40px; } }
@media (min-width: 1240px) {
  article .seminar_contents .seminar_contents_catch {
    font-size: 85px; }
  article .seminar_contents .seminar_contents_main figure {
    width: 500px; }
  article .seminar_contents .seminar_contents_main .seminar_contents_main_text {
    width: calc(100% - 500px);
    padding-left: 80px; }
    article .seminar_contents .seminar_contents_main .seminar_contents_main_text .seminar_contents_main_text_head h2, article .seminar_contents .seminar_contents_main .seminar_contents_main_text .seminar_contents_main_text_head span {
      max-width: 17em; }
  article .seminar_contents .seminar_contents_sub {
    margin-top: -25px; }
    article .seminar_contents .seminar_contents_sub .seminar_contents_sub_list {
      padding: 100px 30px 50px 0; }
    article .seminar_contents .seminar_contents_sub::after {
      width: calc((calc(50% - 600px) + 1200px)); } }
@media (min-width: 1680px) {
  article .container {
    width: 1200px; }

  article .seminar_contents {
    margin-top: 98px;
    margin-bottom: 215px; }
    article .seminar_contents .seminar_contents_catch {
      font-size: 90px; }
    article .seminar_contents .seminar_contents_main figure {
      width: 530px; }
    article .seminar_contents .seminar_contents_main .seminar_contents_main_text {
      width: calc(100% - 530px);
      padding-left: 115px; }
    article .seminar_contents .seminar_contents_sub {
      margin-top: -30px; }
      article .seminar_contents .seminar_contents_sub .seminar_contents_sub_list {
        padding: 120px 40px 75px 0; }
      article .seminar_contents .seminar_contents_sub::after {
        width: calc((calc(50% - 710px) + 1420px)); } }
article .director {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }
  article .director .director_item .director_img {
    position: relative; }
    article .director .director_item .director_img figure {
      aspect-ratio: 32 / 25; }
      article .director .director_item .director_img figure img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
    article .director .director_item .director_img > p {
      background-color: #1C4387;
      color: #FFFFFF;
      line-height: 2.4em;
      padding: 0 1.5em;
      font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
      position: absolute;
      bottom: 0;
      left: 0;
      transform: translate(1em, 50%);
      font-weight: 600; }
  article .director .director_item > p {
    text-align: center;
    margin-top: 1.1em;
    font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
    font-weight: 300; }

@media (max-width: 990px) {
  .director {
    gap: 25px;
    margin-top: 50px; }
    .director .director_item {
      width: 300px;
      max-width: 70%; } }
@media (min-width: 991px) {
  .director {
    margin-top: 90px;
    gap: 30px; }
    .director .director_item {
      width: 320px;
      max-width: 70%; } }
article .seminar_contents_info p {
  font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem); }
article .seminar_contents_info pre {
  white-space: normal; }

@media (min-width: 991px) {
  .seminar_contents_info {
    margin-top: 50px; }
    .seminar_contents_info .button {
      margin-top: 80px; } }
@media (max-width: 990px) {
  .seminar_contents_info {
    margin-top: 50px; }
    .seminar_contents_info .button {
      margin-top: 120px; } }
@media (min-width: 991px) {
  .seminar_contents_info {
    margin-top: 90px; } }
@media (min-width: 1680px) {
  .seminar_contents_info p {
    padding-left: 45px;
    padding-right: 45px; }
  .seminar_contents_info .button {
    margin-top: 185px; } }
/***********************
          404
***********************/
#nonepage {
  text-align: center; }
  #nonepage h1 {
    padding: 1.2em 1em;
    display: block;
    background-color: #1C4387;
    color: #FFFFFF;
    font-weight: 600;
    font-size: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
    letter-spacing: .1em; }

@media (max-width: 990px) {
  #nonepage .none {
    padding-top: 200px;
    padding-bottom: 200px; } }
@media (min-width: 991px) {
  #nonepage .none {
    padding-top: 300px;
    padding-bottom: 300px; } }

/*# sourceMappingURL=page.css.map */