<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* 1rem = 16px
    1px = 0.0625rem(1/16)
    PCbasewidth = 1380px(1280+50+50)
    PC : 1px = 1/1380*100vw ≒ 0.072vw
    SPbasewidth = 750px
    SP : 1px = 1/750*100vw ≒ 0.133vw
    Max screen size = 100% */
/* ======================================================== */
/*      PC Common
/* ======================================================== */
/* html setting
/* -------------------------------------------------------- */
.contents {
  color: #000000;
}
.contents a {
  color: #0031c6;
}
.contents a:hover {
  text-decoration: underline;
}
.contents .nopost {
  margin-top: 5rem;
  text-align: center;
}

/* .page nav
/* -------------------------------------------------------- */
.page_nav {
  margin-top: 5rem;
  border-top: 1px solid #0031c6;
  padding-top: 3.125rem;
}
.page_nav ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page_nav .arrow01 {
  position: relative;
  display: block;
  width: 2.688rem;
  height: 2.688rem;
  border: solid 1px #0031c6;
  background-color: #FFFFFF;
  transition: all 0.4s ease-out;
  flex-shrink: 0;
}
.page_nav .arrow01:before, .page_nav .arrow01:after {
  content: "";
  position: absolute;
  top: calc( 50% - 0.044rem );
  right: 1rem;
  width: 0.706rem;
  height: 0.088rem;
  border-radius: 9999px;
  background-color: #0031c6;
  transform-origin: calc( 100% - 0.044rem ) 50%;
  transition: all 0.4s ease-out;
}
.page_nav .arrow01:before {
  transform: rotate(46.95deg);
}
.page_nav .arrow01:after {
  transform: rotate(-46.95deg);
}
.page_nav .prev, .page_nav .next {
  width: 10.625rem;
}
.page_nav .prev a, .page_nav .next a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.page_nav .prev a img, .page_nav .next a img {
  height: 0.79rem;
  width: auto;
}
.page_nav .prev a:hover .arrow01, .page_nav .next a:hover .arrow01 {
  background-color: #0031c6;
}
.page_nav .prev a:hover .arrow01:before, .page_nav .prev a:hover .arrow01:after, .page_nav .next a:hover .arrow01:before, .page_nav .next a:hover .arrow01:after {
  background-color: #FFFFFF;
}
.page_nav .prev .arrow01 {
  margin-right: 2.5rem;
}
.page_nav .prev .arrow01:before, .page_nav .prev .arrow01:after {
  left: 1rem;
  transform-origin: 0.044rem 50%;
}
.page_nav .next a {
  justify-content: flex-end;
}
.page_nav .next .arrow01 {
  margin-left: 2.5rem;
}
.page_nav .back a {
  font-size: 0.938rem;
  letter-spacing: 0.05em;
  line-height: 2.867;
  text-align: center;
  color: #0031c6;
  width: 17.5rem;
  height: 3.938rem;
  border: solid 1px #0031c6;
  background-color: #FFFFFF;
  position: relative;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_nav .back a:hover {
  background-color: #0031c6;
  color: #FFFFFF;
  text-decoration: none;
}
.page_nav .arrow02 {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  border: solid 1px #0031c6;
  background-color: #FFFFFF;
  transition: all 0.4s ease-out;
  flex-shrink: 0;
}
.page_nav .arrow02:before, .page_nav .arrow02:after {
  content: "";
  position: absolute;
  top: calc( 50% - 0.044rem );
  right: 0.25rem;
  width: 0.263rem;
  height: 0.088rem;
  border-radius: 9999px;
  background-color: #0031c6;
  transform-origin: calc( 100% - 0.044rem ) 50%;
  transition: all 0.4s ease-out;
}
.page_nav .arrow02:before {
  transform: rotate(51.35deg);
}
.page_nav .arrow02:after {
  transform: rotate(-51.35deg);
}

/* .breadcrumb
/* -------------------------------------------------------- */
.breadcrumb {
  padding-top: 1.25rem;
}
.breadcrumb ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 0.875rem;
  line-height: 1.4;
}
.breadcrumb ul li {
  margin-bottom: 0.5em;
}
.breadcrumb ul li:nth-last-child(n+2):after {
  content: "＞";
  margin-left: 0.313rem;
  margin-right: 0.313rem;
  display: inline-block;
}
.breadcrumb ul li a {
  color: #0031c6;
}
.breadcrumb ul li a:hover {
  text-decoration: underline;
}

/* .page header
/* -------------------------------------------------------- */
.page_header {
  height: 18.75rem;
  background: linear-gradient(90deg, rgba(90, 174, 184, 0.5) 0%, rgba(179, 201, 124, 0.5) 50.28%, rgba(215, 123, 118, 0.5) 99.98%);
  display: flex;
  align-items: center;
}
.page_header_ttl {
  color: #FFFFFF;
  font-weight: 800;
  font-size: 2.063rem;
}
.page_article, .page_archive {
  margin-top: 9.375rem;
  line-height: 2.125;
  font-size: 1rem;
  letter-spacing: 0.1em;
}
.page_article h2:not([class]), .page_article h3:not([class]), .page_article h4:not([class]), .page_archive h2:not([class]), .page_archive h3:not([class]), .page_archive h4:not([class]) {
  line-height: 1.7;
  font-size: 1rem;
  font-weight: 600;
}
.page_update {
  font-size: 0.875rem;
  color: #0031c6;
  letter-spacing: 0.05em;
}
.page_ttl {
  font-size: 2.188rem;
  letter-spacing: 0.05em;
  line-height: 1.714;
  margin-top: 0.938rem;
  padding-bottom: 2.5rem;
  font-weight: 700;
  border-bottom: 1px solid #0031c6;
  margin-bottom: 5rem;
}
.page_sttl {
  font-size: 1.75rem;
  letter-spacing: 0.05em;
  line-height: 1.714;
  margin-top: 1.875rem;
  margin-bottom: 0.938rem;
  font-weight: 600;
}
.page_article a {
  color: #0031c6;
  font-weight: 700;
}
.page_article a:hover {
  text-decoration: underline;
}
/* .list
/* -------------------------------------------------------- */
.page_list {
  margin-left: auto;
  margin-right: auto;
}
.page_list &gt; li a {
  border-bottom: solid 1px #4564cc;
  padding-top: 1.563rem;
  padding-bottom: 1.563rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #231815;
}
.page_list &gt; li a:hover {
  text-decoration: none;
}
.page_list &gt; li a:hover .page_list_ctg {
  background-color: #0031c6;
  color: #FFFFFF;
}
.page_list &gt; li a:hover .page_list_ttl {
  text-decoration: underline;
}
.page_list &gt; li:first-child a {
  border-top: 1px solid #0031c6;
}
.page_list_ctg {
  font-size: 1rem;
  letter-spacing: 0.05em;
  text-align: center;
  color: #0031c6;
  width: 12.037%;
  height: 2.5rem;
  border: 1px solid #0031c6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 3.056%;
  margin-right: 4.444%;
  font-weight: 600;
  transition: all 0.4s ease-out;
}
.page_list_date {
  font-size: 1rem;
  width: 22.222%;
}
.page_list_ttl {
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 2.125;
  width: 77.778%;
}

/* ======================================================== */
/*      PC contact
/* ======================================================== */
.contact .page_article {
  margin-top: 3.125rem;
}

/* ======================================================== */
/*      PC NEWS
/* ======================================================== */
/* .article
/* -------------------------------------------------------- */
.news .page_header {
  height: 31.25rem;
}
.news .page_header_ttl_en {
  width: 11.25rem;
}
.news .page_header_ttl {
  font-size: 1.125rem;
  letter-spacing: 0.06em;
  color: #fff;
  margin-top: 1.563rem;
  font-weight: 500;
}

/* ======================================================== */
/*      PC COLUMN
/* ======================================================== */
.clmn {
  /*.gnav li:nth-child(4) a {
  	color: #0031C6;
  }*/
}
.clmn .footer {
  margin-top: 0;
}
.clmn .article_wrapper a {
  font-weight: 600;
  font-size: 1.125em;
  color: #e9443e;
}
.clmn .article_wrapper img {
  max-width: 800px;
  display: inline-block;
}
.clmn .article_wrapper strong {
  font-weight: 800;
  font-size: 1.125em;
}
/* header
/* -------------------------------------------------------- */
.clmn_header {
  aspect-ratio: 1920/500;
  background: url("../images/column/clmn_mv.webp") no-repeat top center/cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .clmn_header {
    background-image: url("../images/column/clmn_mv@2x.webp");
  }
}
.clmn_header .contwrp {
  position: relative;
  height: 100%;
}
.clmn_header .contwrp &gt; div:first-child {
  width: 18.75rem;
  position: absolute;
  left: 3.623%;
  top: 43.2%;
}
.clmn_header .contwrp &gt; div:nth-child(2) {
  max-width: 42.5rem;
  position: absolute;
  left: 45.652%;
  top: 30%;
}
@media screen and (max-width: 1780px) {
  .clmn_header .contwrp &gt; div:nth-child(2) {
    max-width: 38.125rem;
  }
}
@media screen and (max-width: 1680px) {
  .clmn_header .contwrp &gt; div:nth-child(2) {
    max-width: 36.25rem;
  }
}
@media screen and (max-width: 1580px) {
  .clmn_header .contwrp &gt; div:nth-child(2) {
    max-width: 34.375rem;
  }
}
@media screen and (max-width: 1480px) {
  .clmn_header .contwrp &gt; div:nth-child(2) {
    max-width: 31.875rem;
  }
}
@media screen and (max-width: 1380px) {
  .clmn_header .contwrp &gt; div:nth-child(2) {
    max-width: 30.625rem;
  }
}
.clmn_header_ttl_en {
  width: 15.938rem;
}
.clmn_header_ttl {
  font-size: 1.125rem;
  letter-spacing: 0.06em;
  color: #fff;
  margin-top: 1.875rem;
  font-weight: 500;
}
.clmn_update {
  font-size: 0.875rem;
  color: #0031c6;
}
.clmn_update span {
  margin-right: 1.25rem;
}
.clmn_page_ttl {
  font-size: 2.188rem;
  letter-spacing: 0.05em;
  line-height: 1.714;
  font-weight: 700;
  margin-top: 1.25rem;
}
@media screen and (max-width: 1780px) {
  .clmn_page_ttl {
    line-height: 1.6;
    font-size: 2.063rem;
  }
}
@media screen and (max-width: 1680px) {
  .clmn_page_ttl {
    font-size: 1.938rem;
  }
}
@media screen and (max-width: 1580px) {
  .clmn_page_ttl {
    font-size: 1.813rem;
  }
}
@media screen and (max-width: 1480px) {
  .clmn_page_ttl {
    line-height: 1.5;
    font-size: 1.688rem;
  }
}
@media screen and (max-width: 1380px) {
  .clmn_page_ttl {
    font-size: 1.563rem;
  }
}
.clmn_ctg {
  display: flex;
  grid-column-gap: 0.625rem;
  margin-top: 1.875rem;
}
.clmn_ctg li {
  border: solid 1px #231815;
  font-size: 0.875rem;
  padding: 0.5em 1em;
}
.clmn_article {
  margin-top: 6.25rem;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 2.125;
}
/* title
/* -------------------------------------------------------- */
.clmn .header02 {
  margin-top: 10.625rem;
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 1.583;
  text-align: center;
  color: #0031c6;
  width: 100%;
  min-height: 7.813rem;
  padding: 0.625rem;
  border: 1px solid #0031c6;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 2.5rem;
}
.clmn .header02:before {
  content: "";
  width: calc( 100% + 0.313rem );
  height: calc( 100% + 0.313rem );
  background: no-repeat left top/1.5rem, no-repeat right top/1.5rem, no-repeat right bottom/1.5rem, no-repeat left bottom/1.5rem;
  background-image: url("../images/column/clmn_cnr01.svg"), url("../images/column/clmn_cnr02.svg"), url("../images/column/clmn_cnr03.svg"), url("../images/column/clmn_cnr04.svg");
  position: absolute;
  top: -0.125rem;
  left: -0.125rem;
  pointer-events: none;
}
.clmn .header02 span {
  margin-right: 1.2em;
}
.clmn .header02.matome {
  height: auto;
  padding: 3.125rem 5rem 4.375rem;
  background-color: #f9fcfc;
  display: block;
}
.clmn .header02.matome h2 {
  font-size: 1.5rem;
  margin-bottom: 3.125rem;
  line-height: 2.042;
  font-weight: 800;
  letter-spacing: 0.1em;
}
.clmn .header02.matome p, .clmn .header02.matome li {
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  line-height: 2.111;
  font-weight: 400;
  text-align: left;
  color: #000000;
}
.clmn .header03 {
  margin-top: 4.375rem;
  margin-bottom: 1.875rem;
  font-size: 1.375rem;
  line-height: 1.279;
  letter-spacing: 0.05em;
  color: #0031c6;
  border-bottom: 2px solid #727171;
  padding-bottom: 0.938rem;
  font-weight: 800;
}
.clmn .header04 {
  margin-top: 3.125rem;
  margin-bottom: 1.875rem;
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  color: #0031c6;
  text-indent: -1em;
  padding-left: 1em;
  border-bottom: 1px dashed #727171;
  padding-bottom: 0.625rem;
  font-weight: 600;
}
/* .clmn_point
/* -------------------------------------------------------- */
.clmn_point_ttl {
  margin-top: 5rem;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  color: #0031c6;
  font-weight: 600;
}
.clmn_point_ttl:before {
  content: "";
  width: 1.375rem;
  height: 1.375rem;
  background: url("../images/column/clmn_sttl.svg") no-repeat center center/contain;
  display: inline-block;
  margin-right: 0.5em;
  position: relative;
  top: 0.125rem;
}
.clmn_point_list {
  margin-top: 1.875rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.clmn_point_list &gt; div {
  background-color: #8397dc;
  width: 31.759%;
  min-height: 15.313rem;
  border-radius: 0.625rem;
  background: #8397dc;
  padding: 2.5rem 1.5rem;
}
.clmn_point_list dt {
  width: 6.563rem;
}
.clmn_point_list dd {
  margin-top: 1.563rem;
  font-size: 1.063rem;
  color: #fff;
  font-weight: 600;
  line-height: 2.118;
  letter-spacing: 0.1em;
}
/* .clmn_toc
/* -------------------------------------------------------- */
.clmn_toc {
  margin-top: 10rem;
  border-radius: 1.25rem;
  background: #eef6f7;
  position: relative;
  padding: 4.375rem 4.375rem 4.375rem 19.75rem;
}
.clmn_toc_ttl {
  width: 10rem;
  height: 10rem;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #0031c6;
  position: absolute;
  border-radius: 9999px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -5rem;
  left: 6.25rem;
}
.clmn_toc_ttl:after {
  content: "";
  display: block;
  width: 9rem;
  height: 9rem;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  border-radius: 9999px;
  border: 1px solid #0031c6;
}
.clmn_toc_list {
  position: relative;
}
.clmn_toc_list:before {
  content: "";
  width: 1.5px;
  height: calc( 100% - 1.25rem);
  border-left: dashed 1.5px #0031c6;
  display: block;
  position: absolute;
  left: 1.438rem;
  top: 0.625rem;
  z-index: 9;
}
.clmn_toc_list &gt; div:nth-child(n+2) {
  margin-top: 1.875rem;
}
.clmn_toc_list dt {
  font-size: 1.375rem;
  line-height: 1.955;
  letter-spacing: 0.05em;
  color: #0031c6;
  font-weight: 700;
  display: flex;
  justify-content: flex-start;
}
.clmn_toc_list dt span {
  width: 2.938rem;
  height: 2.938rem;
  background: #0031c6;
  font-size: 1rem;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.25rem;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
}
.clmn_toc_list dd {
  margin-top: 1.563rem;
  margin-left: 4.188rem;
  font-weight: 500;
}
.clmn_toc_list dd:empty {
  margin: 0;
}
.clmn_toc_list li {
  margin-top: 1em;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  color: #000;
}
.clmn_toc_list li a {
  color: #000000;
}
/* exceptional tables
/* -------------------------------------------------------- */
.clmn .table01.excp01 {
  font-weight: 500;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
}
.clmn .table01.excp01 &gt; div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.clmn .table01.excp01 dt {
  width: 21.667%;
  height: 100%;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  padding: 0.625rem 1.875rem;
}
.clmn .table01.excp01 dd {
  width: 78.333%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.clmn .table01.excp01 dd &gt; div {
  border-style: solid;
  border-width: 1px 1px 1px 0;
  height: 5.75rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.clmn .table01.excp01 dd &gt; div p {
  padding: 0.625rem 1.875rem;
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  line-height: 1.6;
}
.clmn .table01.excp01 dd &gt; div p:first-child {
  width: 58.865%;
}
.clmn .table01.excp01 dd &gt; div p:nth-child(2) {
  width: 41.135%;
}
.clmn .table01.excp01 dd &gt; div span {
  width: 100%;
}
.clmn .table01.excp01 &gt; div:nth-child(n+2) {
  margin-top: 1.25rem;
}
.clmn .table01.excp01 &gt; div:first-child {
  height: 12.5rem;
}
.clmn .table01.excp01 &gt; div:first-child dt {
  background-color: #718CC7;
}
.clmn .table01.excp01 &gt; div:first-child dd &gt; div {
  background-color: #EEF6F7;
  border-color: #718CC7;
}
.clmn .table01.excp01 &gt; div:first-child dd &gt; div p:first-child {
  border-right: solid 1px #718CC7;
}
.clmn .table01.excp01 &gt; div:nth-child(2) {
  height: 12.5rem;
}
.clmn .table01.excp01 &gt; div:nth-child(2) dt {
  background-color: #E58382;
}
.clmn .table01.excp01 &gt; div:nth-child(2) dd &gt; div {
  background-color: #FDF0EF;
  border-color: #E58382;
}
.clmn .table01.excp01 &gt; div:nth-child(2) dd &gt; div p:first-child {
  border-right: solid 1px #E58382;
}
.clmn .table01.excp01 &gt; div:nth-child(3) {
  height: 5.75rem;
}
.clmn .table01.excp01 &gt; div:nth-child(3) dt {
  background-color: #7CB890;
}
.clmn .table01.excp01 &gt; div:nth-child(3) dd &gt; div {
  background-color: #F4F9EF;
  border-color: #7CB890;
}
.clmn .table01.excp01 &gt; div:nth-child(3) dd &gt; div p:first-child {
  border-right: solid 1px #7CB890;
}
/* .clmn_archive
/* -------------------------------------------------------- */
.clmn.achv .clmn_header .contwrp &gt; div:first-child {
  left: 52.899%;
  top: 43.2%;
}
.clmn.achv .clmn_header_ttl {
  color: #231815;
}
.clmn.achv .clmn_archive {
  margin-top: 0;
  padding-top: 0;
}
.clmn.achv .breadcrumb {
  margin-bottom: 7.5rem;
}

.clmn.artcl .clmn_archive {
  margin-top: 11.25rem;
  padding-top: 7.5rem;
}
.clmn_archive {
  width: 100%;
  background: linear-gradient(90deg, rgba(90, 174, 184, 0.15) 0%, rgba(179, 201, 124, 0.15) 50.28%, rgba(215, 123, 118, 0.15) 99.98%);
  padding-bottom: 10.625rem;
}
.clmn_list {
  margin-top: 3.125rem;
}
.clmn_list_ttl {
  font-size: 1.563rem;
  line-height: 1.764;
  color: #231815;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.clmn_list li {
  border-bottom: 1px solid #231815;
  padding-top: 2.188rem;
  padding-bottom: 3.75rem;
}
.clmn_list li:first-child {
  border-top: 1px solid #231815;
}
.clmn_list_num {
  font-size: 1.563rem;
  letter-spacing: 0.1em;
  color: #0031c6;
  font-family: Arial, Helvetica, "sans-serif";
}
.clmn_list_num img {
  display: inline-block;
  width: 5.75rem;
  margin-right: 0.625rem;
}
.clmn_list_wrp {
  margin-top: 0.938rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.clmn_list_wrp &gt; div:first-child {
  width: 22.188rem;
}
.clmn_list_wrp &gt; div:nth-child(2) {
  width: 56.25rem;
}
.clmn_list_txt01 {
  font-size: 1.375rem;
  letter-spacing: 0.1em;
  line-height: 1.545;
  font-weight: 500;
  color: #231815;
}
.clmn_list_txt02 {
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.688;
  margin-top: 1.25rem;
  color: #000000;
}
.clmn_list_date {
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  color: #231815;
  margin-right: 1.25rem;
  font-weight: 600;
}
.clmn_list_date_wrp {
  margin-top: 1.875rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.clmn_list_read {
  width: 10.313rem;
  height: 2.489rem;
  font-size: 0.938rem;
  letter-spacing: 0.1em;
  text-align: left;
  color: #0031c6;
  border-radius: 9999px;
  background: #fff;
  border: 1px solid #0031c6;
  display: flex;
  align-items: center;
  padding-left: 1.25rem;
  position: relative;
  font-weight: 600;
}
.clmn_list_read .arrow {
  display: block;
  width: 1.25rem;
  height: 0.088rem;
  border-radius: 9999px;
  background-color: #0031c6;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.4s ease-out;
}
.clmn_list_read .arrow:before, .clmn_list_read .arrow:after {
  content: "";
  position: absolute;
  top: calc( 50% - 0.044rem );
  right: 0;
  width: 0.706rem;
  height: 0.088rem;
  border-radius: 9999px;
  background-color: #0031c6;
  transform-origin: calc( 100% - 0.044rem ) 50%;
  transition: all 0.4s ease-out;
}
.clmn_list_read .arrow:before {
  transform: rotate(46.95deg);
}
.clmn_list_read .arrow:after {
  transform: rotate(-46.95deg);
}
.clmn_list a:hover {
  text-decoration: none;
}
.clmn_list a:hover .clmn_list_read {
  background-color: #0031c6;
  color: #FFFFFF;
  text-decoration: none;
}
.clmn_list a:hover .clmn_list_read .arrow {
  background-color: #FFFFFF;
}
.clmn_list a:hover .clmn_list_read .arrow:before, .clmn_list a:hover .clmn_list_read .arrow:after {
  background-color: #FFFFFF;
}
.clmn_list_btn a {
  margin-top: 6.25rem;
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  color: #3E3A39;
  width: 27.625rem;
  height: 3.438rem;
  border: 1px solid #3e3a39;
  position: relative;
  font-weight: 600;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.clmn_list_btn a:before, .clmn_list_btn a:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.875rem;
  width: 0.613rem;
  height: 0.088rem;
  border-radius: 9999px;
  background-color: #3E3A39;
  transform-origin: calc(100% - 0.044rem);
}
.clmn_list_btn a:before {
  transform: rotate(48.35deg);
}
.clmn_list_btn a:after {
  transform: rotate(-48.35deg);
}
.clmn_list_btn a:hover {
  background-color: #3E3A39;
  text-decoration: none;
  color: #FFFFFF;
}
.clmn_list_btn a:hover:before, .clmn_list_btn a:hover:after {
  background-color: #FFFFFF;
}

@media screen and (max-width: 790px) {
  /* ======================================================== */
  /*      SP Common
  /* ======================================================== */
  /* html setting
  /* -------------------------------------------------------- */
  .main_contents {
    min-height: 20vh;
  }

  /* .page nav
  /* -------------------------------------------------------- */
  .page_nav {
    margin-top: 5rem;
    padding-bottom: 2.5rem;
    border-top: 0.125rem solid #0031c6;
  }
  .page_nav ul {
    margin-left: 0.813rem;
    margin-right: 0.813rem;
  }
  .page_nav .arrow01 {
    width: 3.813rem;
    height: 3.813rem;
    border: solid 0.125rem #0031c6;
  }
  .page_nav .arrow01:before, .page_nav .arrow01:after {
    top: calc( 50% - 0.063rem );
    right: 1.125rem;
    width: 1.25rem;
    height: 0.125rem;
    transform-origin: calc( 100% - 0.063rem ) 50%;
  }
  .page_nav .prev, .page_nav .next {
    width: 50%;
  }
  .page_nav .prev a img, .page_nav .next a img {
    height: 1.25rem;
  }
  .page_nav .prev {
    order: 1;
    position: relative;
  }
  .page_nav .prev:after {
    content: "";
    width: 1px;
    height: 5.625rem;
    background-color: #BFC0C0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .page_nav .prev .arrow01 {
    margin-right: 4.063rem;
  }
  .page_nav .prev .arrow01:before, .page_nav .prev .arrow01:after {
    left: 1.125rem;
    transform-origin: 0.063rem 50%;
  }
  .page_nav .next {
    order: 2;
  }
  .page_nav .next .arrow01 {
    margin-left: 4.063rem;
  }
  .page_nav .back {
    order: 3;
    margin: 3.125rem auto 0;
  }
  .page_nav .back a {
    font-size: 1.5rem;
    line-height: 2.75;
    width: 28.438rem;
    height: 5.938rem;
    border: solid 0.125rem #0031c6;
  }
  .page_nav .arrow02 {
    right: 1.875rem;
    width: 1.313rem;
    height: 1.313rem;
    border: solid 0.125rem #0031c6;
  }
  .page_nav .arrow02:before, .page_nav .arrow02:after {
    top: calc( 50% - 0.063rem );
    right: 0.313rem;
    width: 0.438rem;
    height: 0.125rem;
    transform-origin: calc( 100% - 0.063rem ) 50%;
  }

  /* .breadcrumb
  /* -------------------------------------------------------- */
  .breadcrumb {
    padding-top: 1.563rem;
  }
  .breadcrumb ul {
    font-size: 1.5rem;
  }

  /* .page header
  /* -------------------------------------------------------- */
  .page_header {
    height: 28.563rem;
    flex-direction: column;
    justify-content: space-between;
  }
  .page_header_ttl {
    font-size: 2.5rem;
    margin-top: 10.625rem;
  }
  .page_header .breadcrumb {
    padding-bottom: 1.875rem;
  }
  .page_article, .page_archive {
    margin-top: 3.75rem;
    line-height: 1.679;
    font-size: 1.75rem;
    letter-spacing: 0.1em;
    color: #474748;
  }
  .page_article h2:not([class]), .page_article h3:not([class]), .page_article h4:not([class]), .page_archive h2:not([class]), .page_archive h3:not([class]), .page_archive h4:not([class]) {
    line-height: 1.679;
    font-size: 1.75rem;
  }
  .page_update {
    font-size: 1.625rem;
  }
  .page_ttl {
    font-size: 2.625rem;
    line-height: 1.619;
    margin-top: 0.625rem;
    padding-bottom: 3.75rem;
    border-bottom: 0.125rem solid #0031c6;
  }
  /* .list
  /* -------------------------------------------------------- */
  .page_list {
    width: 100%;
    margin-top: 5.625rem;
  }
  .page_list &gt; li a {
    padding-top: 3.438rem;
    padding-bottom: 3.125rem;
    border-bottom: solid 0.125rem #4564cc;
  }
  .page_list &gt; li:first-child a {
    border-top: 0.125rem solid #0031c6;
  }
  .page_list_ctg {
    font-size: 1.375rem;
    width: 28%;
    height: 3.125rem;
    margin-left: 0;
    margin-right: 1.625rem;
    border: 0.125rem solid #0031c6;
  }
  .page_list_date {
    font-size: 1.563rem;
    letter-spacing: 0.05em;
    line-height: 1.88;
    font-weight: 600;
  }
  .page_list_ttl {
    font-size: 1.563rem;
    letter-spacing: 0.05em;
    line-height: 1.88;
    width: 100%;
    margin-top: 1.875rem;
  }

  /* ======================================================== */
  /*      SP NEWS
  /* ======================================================== */
  /* .article
  /* -------------------------------------------------------- */
  .news .page_header {
    height: 28.563rem;
  }
  .news .page_header &gt; div {
    margin-top: 6.25rem;
  }
  .news .page_header_ttl {
    margin-top: 1.875rem;
    font-size: 1.625rem;
    letter-spacing: 0.09em;
    color: #fff;
  }

  /* ======================================================== */
  /*      SP COLUMN
  /* ======================================================== */
  .clmn .footer {
    margin-top: 8.125rem;
  }
  .clmn .article_wrapper a {
    font-weight: 700;
    font-size: 1.0625em;
  }
  .clmn .article_wrapper strong {
    font-weight: 700;
    font-size: 1.0625em;
  }
  .clmn .nav_gcta {
    display: none;
  }
  /* header
  /* -------------------------------------------------------- */
  .clmn_header {
    aspect-ratio: 750/723;
    background: url("../images/column/clmn_mv_sp.webp") no-repeat top center/cover;
  }
}
@media screen and (max-width: 790px) and (min-width: 590px) {
  .clmn_header {
    background-image: url("../images/column/clmn_mv_sp@2x.webp");
  }
}
@media screen and (max-width: 790px) {
  .clmn_header .contwrp &gt; div:first-child {
    width: 15.875rem;
    left: 57.867%;
    top: 17.704%;
  }
  .clmn_header .contwrp &gt; div:nth-child(2) {
    max-width: 15rem;
    left: 62%;
    top: 41.494%;
  }
  .clmn_header_ttl {
    font-size: 1.625rem;
    letter-spacing: 0.09em;
    color: #000000;
  }
  .clmn .ttlwrp {
    margin-top: 6.25rem;
  }
  .clmn_update {
    font-size: 1.5rem;
  }
  .clmn_update span {
    margin-right: 2.188rem;
  }
  .clmn_page_ttl {
    font-size: 2.625rem;
    line-height: 1.619;
    margin-top: 3.125rem;
  }
  .clmn_ctg {
    display: block;
    margin-top: 0rem;
  }
  .clmn_ctg li {
    width: 15rem;
    border: none;
    font-size: 1.438rem;
    tter-spacing: 0.05em;
    padding: 0.3em 0.5em 0.5em;
    background-color: #d4bf89;
    text-align: center;
  }
  .clmn_ctg li:nth-child(n+2) {
    margin-top: 1.563rem;
  }
  .clmn_article {
    margin-top: 5rem;
    font-size: 1.75rem;
    line-height: 1.679;
    color: #474748;
  }
  /* title
  /* -------------------------------------------------------- */
  .clmn .header02 {
    margin-top: 8.125rem;
    font-size: 2.125rem;
    letter-spacing: 0.05em;
    margin-bottom: 3.125rem;
    font-weight: 500;
  }
  .clmn .header02 span {
    margin-right: 0.5em;
  }
  .clmn .header02.matome {
    padding: 3.438rem 2.5rem 4.688rem 2.5rem;
  }
  .clmn .header02.matome h2 {
    font-size: 2.5rem;
    margin-bottom: 3.438rem;
    line-height: 1.5;
  }
  .clmn .header02.matome p, .clmn .header02.matome li {
    font-size: 1.75rem;
    letter-spacing: 0.05em;
    line-height: 1.893;
    color: #474748;
  }
  .clmn .header03 {
    margin-top: 6.25rem;
    margin-bottom: 3.75rem;
    font-size: 2.25rem;
    padding-bottom: 1.563rem;
    line-height: 1.667;
  }
  .clmn .header04 {
    margin-top: 4.375rem;
    margin-bottom: 3.125rem;
    font-size: 2.063rem;
    padding-bottom: 1.25rem;
  }
  /* .clmn_point
  /* -------------------------------------------------------- */
  .clmn_point_ttl {
    margin-top: 5.625rem;
    font-size: 2.25rem;
  }
  .clmn_point_ttl:before {
    width: 1.813rem;
    height: 1.813rem;
    top: 0.063rem;
  }
  .clmn_point_list {
    margin-top: 2.813rem;
    width: 35.25rem;
    margin-left: auto;
    margin-right: auto;
  }
  .clmn_point_list &gt; div {
    width: 100%;
    border-radius: 1.875rem;
    padding: 3.313rem 2.5rem;
    margin-top: 3.125rem;
    min-height: 22.313rem;
  }
  .clmn_point_list dt {
    width: 10.625rem;
  }
  .clmn_point_list dd {
    margin-top: 2.813rem;
    font-size: 1.75rem;
    line-height: 1.786;
  }
  /* .clmn_toc
  /* -------------------------------------------------------- */
  .clmn_toc {
    margin-top: 12.688rem;
    border-radius: 1.875rem;
    padding: 11.25rem 0.938rem 4.688rem 0.938rem;
  }
  .clmn_toc_ttl {
    width: 15rem;
    height: 15rem;
    font-size: 1.875rem;
    top: -7.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .clmn_toc_ttl:after {
    width: 13.5rem;
    height: 13.5rem;
    top: 0.75rem;
    left: 0.75rem;
  }
  .clmn_toc_list:before {
    width: 1px;
    height: calc( 100% - 1.25rem);
    border-left: dashed 1px #0031c6;
    left: 2rem;
  }
  .clmn_toc_list &gt; div:nth-child(n+2) {
    margin-top: 5rem;
  }
  .clmn_toc_list dt {
    font-size: 1.875rem;
    line-height: 1.648;
  }
  .clmn_toc_list dt span {
    width: 4.063rem;
    height: 4.063rem;
    font-size: 1.65rem;
    margin-right: 0.938rem;
  }
  .clmn_toc_list dd {
    margin-top: 2.5rem;
    margin-left: 5rem;
  }
  .clmn_toc_list li {
    margin-top: 0.8em;
    font-size: 1.75rem;
    letter-spacing: 0.05em;
  }
  /* exceptional tables
  /* -------------------------------------------------------- */
  .clmn .table01.excp01 {
    margin-top: 4.375rem;
  }
  .clmn .table01.excp01 dt {
    width: 20%;
    padding: 1.25rem;
  }
  .clmn .table01.excp01 dd {
    width: 80%;
  }
  .clmn .table01.excp01 dd &gt; div {
    height: 7.5rem;
  }
  .clmn .table01.excp01 dd &gt; div p {
    padding: 0.938rem;
  }
  .clmn .table01.excp01 dd &gt; div p:first-child {
    width: 60%;
  }
  .clmn .table01.excp01 dd &gt; div p:nth-child(2) {
    width: 40%;
  }
  .clmn .table01.excp01 &gt; div:nth-child(n+2) {
    margin-top: 1.5rem;
  }
  .clmn .table01.excp01 &gt; div:first-child {
    height: 16.25rem;
  }
  .clmn .table01.excp01 &gt; div:nth-child(2) {
    height: 16.25rem;
  }
  .clmn .table01.excp01 &gt; div:nth-child(3) {
    height: 7.5rem;
  }
  /* .clmn_archive
  /* -------------------------------------------------------- */
  .clmn.achv .clmn_header .contwrp &gt; div:first-child {
    width: 15.875rem;
    left: 57.867%;
    top: 17.704%;
  }
  .clmn.achv .breadcrumb {
    margin-bottom: 5.313rem;
  }

  .clmn.artcl .clmn_archive {
    margin-top: 8.125rem;
    padding-top: 5.313rem;
  }
  .clmn_archive {
    padding-bottom: 7.5rem;
  }
  .clmn_list {
    margin-top: 5rem;
    padding-left: 0;
    padding-right: 0;
  }
  .clmn_list_ttl {
    font-size: 2.5rem;
    line-height: 1.5;
    letter-spacing: 0.06em;
    text-align: center;
  }
  .clmn_list li {
    padding-top: 3.75rem;
  }
  .clmn_list_num {
    font-size: 1.875rem;
    text-align: center;
  }
  .clmn_list_num img {
    width: 8.125rem;
  }
  .clmn_list_wrp {
    margin-top: 3.438rem;
  }
  .clmn_list_wrp &gt; div:first-child {
    width: 100%;
  }
  .clmn_list_wrp &gt; div:nth-child(2) {
    margin-top: 4.688rem;
    width: 100%;
    padding-left: calc( 50 / 750  * 100% );
    padding-right: calc( 50 / 750  * 100% );
  }
  .clmn_list_txt01 {
    font-size: 2.25rem;
    line-height: 1.417;
    color: #474748;
    font-weight: 800;
  }
  .clmn_list_txt02 {
    font-size: 1.75rem;
    letter-spacing: 0.05em;
    line-height: 1.643;
    margin-top: 3.75rem;
    color: #474748;
  }
  .clmn_list_date {
    font-size: 1.625rem;
    letter-spacing: 0.05em;
  }
  .clmn_list_date_wrp {
    margin-top: 5.313rem;
    justify-content: space-between;
  }
  .clmn_list_read {
    width: 13.5rem;
    height: 3.235rem;
    font-size: 1.219rem;
    color: #FFFFFF;
    background: #0031c6;
    padding-left: 2rem;
  }
  .clmn_list_read .arrow {
    width: 1.625rem;
    background-color: #FFFFFF;
    right: 1.75rem;
  }
  .clmn_list_read .arrow:before, .clmn_list_read .arrow:after {
    width: 0.925rem;
    background-color: #FFFFFF;
  }
  .clmn_list_read .arrow:before {
    transform: rotate(47.1deg);
  }
  .clmn_list_read .arrow:after {
    transform: rotate(-47.1deg);
  }
  .clmn_list a:hover .clmn_list_read {
    background-color: #FFFFFF;
    color: #0031c6;
  }
  .clmn_list a:hover .clmn_list_read .arrow {
    background-color: #0031c6;
  }
  .clmn_list a:hover .clmn_list_read .arrow:before, .clmn_list a:hover .clmn_list_read .arrow:after {
    background-color: #0031c6;
  }
  .clmn_list_btn a {
    margin-top: 6.25rem;
    font-size: 1.25rem;
    width: 31.25rem;
    height: 5rem;
  }
  .clmn_list_btn a:before, .clmn_list_btn a:after {
    right: 1.875rem;
    width: 0.938rem;
  }
}
</pre></body></html>