@charset "UTF-8";
/*
Theme Name: Oct.2026 GSAD
Description: 神戸芸術工科大学大学院専用ワードプレステーマです。October.2026
Author: DAI Nakano
Version: 2.00
*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
/*
-------------------------------------
0-0. Style reset
0-1. styles settings

0-2. Header
0-2-0. Top fade slider
0-2-1. Top news topics
0-2-2. Copyright

0-3. Home About GSAD
0-4. Home H2 section

0-5. Footer

0-6. breadcrumb

1-0. NEWS list
1-0-2. PROFESSOR list

1-1. Facebook

2-0. WORKS list

3-0. PAGE

9-0. CONTACT FORM 7

10-0. OTHER

20-0. WIDTH 1320
20-1. Tag style

30-0. WIDTH 1080
30-1. Tag style

35-0. WIDTH 932

40-0. WIDTH 448
40-1. Tag style

X. Other style settings

-------------------------------------
*/
/*
-------------------------------------
0-0. Style reset
-------------------------------------
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
-------------------------------------
0-1. styles settings
-------------------------------------
*/
html {
  width: 100%;
  font-size: calc(30% + 0.8vw);
  font-family: 'Noto Sans JP', sans-serif; }

body {
  width: 100%;
  letter-spacing: 0.08em; }

a {
  text-decoration: none;
  color: #000;
  transition: .4s ease; }
  a:visited {
    opacity: 0.5; }
  a:hover {
    opacity: 0.5; }

h3 {
  margin: 1.1rem 0;
  font-size: 1.1rem; }

h4 {
  font-size: 1.2rem;
  margin: 2.2rem 0 1.2rem;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 1.3rem; }

h5 {
  margin: 1.8rem 0 1.2rem; }

p {
  line-height: 1.8rem; }

ul.text-list {
  padding-left: 2rem; }
  ul.text-list li {
    line-height: 1.5rem;
    list-style: disc; }

small {
  font-size: 0.9rem;
  opacity: 0.5; }

hr {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05); }

.wrapper {
  width: 100%;
  padding: 0 0 10rem; }
  .wrapper560 {
    margin: 0 auto;
    width: calc(100% - 6rem);
    max-width: 560px; }
  .wrapper1080 {
    margin: 0 auto;
    width: calc(100% - 6rem);
    max-width: 1080px; }

.text-center {
  text-align: center; }

a.kdu-atag {
  position: relative;
  height: 4rem;
  width: 15rem;
  margin: 3rem auto;
  display: block;
  line-height: 4rem;
  font-size: 1.1rem; }
  a.kdu-atag::before, a.kdu-atag::after {
    position: absolute;
    content: "";
    display: block;
    transition: 400ms ease-in-out;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  a.kdu-atag::before {
    height: calc( 100% - 1px );
    width: 1.5rem;
    margin: 0 auto;
    transform: skewX(75.2deg);
    border-top: 1px solid black;
    border-bottom: 1px solid black; }
  a.kdu-atag:hover::before {
    width: 100%;
    transform: skewX(0deg); }
  a.kdu-atag::after {
    height: 1.5rem;
    width: calc( 100% - 1px );
    margin: auto 0;
    transform: skewY(15deg);
    border-left: 1px solid black;
    border-right: 1px solid black; }
  a.kdu-atag:hover::after {
    height: 100%;
    transform: skewY(0deg); }

/*
-------------------------------------
0-2. Header
-------------------------------------
*/
.gsadHeader {
  height: 6.5rem;
  transition: .4s ease;
  background-color: white;
  box-shadow: 0 12px 80px -40px rgba(0, 0, 0, 0.4);
  position: fixed;
  width: 100%;
  z-index: 9999; }
  .gsadHeader:hover {
    height: 10rem; }
  .gsadHeader #header-svg {
    float: left;
    width: 17rem;
    transition: .4s ease; }
    .gsadHeader #header-svg svg.gsad-svg {
      fill: black;
      margin: 1rem 0 0 1rem;
      height: 4.5rem;
      width: 100%;
      transition: .4s ease; }
    .gsadHeader #header-svg h1 {
      color: rgba(255, 255, 255, 0);
      margin: 0 0 0 2.5rem;
      transition: .4s ease;
      line-height: 1.8rem;
      height: 0px; }
  .gsadHeader .header-sub-ul {
    color: black;
    width: 200%; }
  .gsadHeader #fade-menu li ul {
    opacity: 0;
    top: 50%;
    visibility: hidden;
    transition: .5s; }
  .gsadHeader #fade-menu li:hover ul {
    top: 100%;
    visibility: visible;
    opacity: 1; }
  .gsadHeader #fade-menu a {
    color: black; }
  .gsadHeader #fade-menu span {
    color: black;
    transition: .4s ease; }
  .gsadHeader #bilingual-switcher {
    color: black; }
    .gsadHeader #bilingual-switcher::after {
      content: ' / ';
      color: black; }
    .gsadHeader #bilingual-switcher:last-child::after {
      content: ''; }

.mainpage-header-top {
  background-color: rgba(255, 255, 255, 0);
  box-shadow: 0 12px 80px -40px rgba(0, 0, 0, 0); }
  .mainpage-header-top #header-svg {
    height: 4.5rem;
    width: 28rem;
    transition: .4s ease; }
    .mainpage-header-top #header-svg svg.gsad-svg {
      fill: white;
      margin: 2rem 0 1rem 2rem;
      width: calc(100% - 2rem); }
    .mainpage-header-top #header-svg h1 {
      color: white;
      height: auto; }
  .mainpage-header-top .header-main-ul > li {
    margin: .5rem .25rem; }
  .mainpage-header-top .header-sub-ul {
    color: white;
    opacity: 1;
    visibility: inherit;
    top: 100%;
    position: relative;
    width: auto;
    margin: 0.75rem 0 0 4px; }
  .mainpage-header-top #fade-menu li ul {
    opacity: 1;
    top: 100%;
    visibility: visible; }
  .mainpage-header-top #fade-menu a {
    color: white; }
  .mainpage-header-top #fade-menu span {
    color: white; }
  .mainpage-header-top #bilingual-switcher {
    color: white; }
    .mainpage-header-top #bilingual-switcher::after {
      color: white; }

.header-main-ul {
  *zoom: 1;
  min-width: 15rem;
  float: right;
  margin: 2rem 2rem 0 0;
  transition: .4s ease; }
  .header-main-ul::before, .header-main-ul::after {
    content: "";
    display: table; }
  .header-main-ul::after {
    clear: both; }
  .header-main-ul li {
    position: relative;
    float: left;
    margin: .5rem .7rem;
    padding: 0 0 13px; }
  .header-main-ul > li {
    float: none;
    display: inline-block;
    vertical-align: top; }

.header-sub-ul {
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  width: 200%;
  border-left: 2px solid;
  margin: 0 0 0 4px;
  padding: 0 0 0 4px; }
  .header-sub-ul li {
    float: none;
    margin: 0.5rem 0 0 0.5rem;
    padding: 0;
    font-size: 0.9rem; }
    .header-sub-ul li:first-child {
      margin: 0 0 0 0.5rem; }

/*
-------------------------------------
0-2-0. Top fade slider
-------------------------------------
*/
#top-fade-slide {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 0; }
  #top-fade-slide::before, #top-fade-slide::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%; }
  #top-fade-slide::before {
    box-shadow: 0 35rem 7rem -20rem rgba(0, 0, 0, 0.2) inset; }
  #top-fade-slide::after {
    box-shadow: 0 -20rem 20rem -20rem rgba(0, 0, 0, 0.4) inset; }
  #top-fade-slide > ul, #top-fade-slide > ul > li, #top-fade-slide .slick-list, #top-fade-slide .slick-track {
    width: 100%;
    height: 100%;
    z-index: -9999; }
  #top-fade-slide ul {
    transform: translateY(0px); }
  #top-fade-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

#sub-fade-slide {
  position: relative;
  width: 100%;
  height: 14rem;
  overflow: hidden;
  z-index: 0; }
  #sub-fade-slide::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: 0 -20rem 20rem -20rem rgba(0, 0, 0, 0.4) inset; }
  #sub-fade-slide > ul, #sub-fade-slide > ul > li, #sub-fade-slide .slick-list, #sub-fade-slide .slick-track {
    width: 100%;
    height: 100%;
    z-index: -9999; }
  #sub-fade-slide ul {
    transform: translateY(0px); }
  #sub-fade-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

/*
-------------------------------------
0-2-1. Top news topics
-------------------------------------
*/
#news-topics {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 0 2rem 2rem;
  z-index: 9999; }
  #news-topics img {
    display: inline-block;
    vertical-align: bottom;
    height: 10rem;
    width: auto; }
  #news-topics > div {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0 0.5rem;
    color: white;
    padding: 0.5rem 1rem 0.5rem 0.5rem;
    background-color: rgba(0, 0, 0, 0.4); }
    #news-topics > div a {
      color: white; }
  #news-topics .news-topics-title {
    margin: 0 0.5rem;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle; }
    #news-topics .news-topics-title p {
      display: inline-block;
      margin: 0 0.5rem 0.5rem;
      font-weight: bold; }
  #news-topics .news-topics-contents {
    width: 18rem;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle; }

.news-content h3 {
  font-size: 1.2rem;
  margin: 2.2rem 0 1.2rem;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 1.3rem; }
.news-content h4 {
  font-size: 1.2rem;
  margin: 0 0 1.2rem;
  background-color: inherit;
  padding: 0; }
.news-content a {
  color: steelblue;
  text-decoration: underline; }
.news-content p {
  margin: 0 0 1.3rem; }
.news-content ol {
  line-height: 1.8;
  list-style: decimal;
  padding-left: 1.8em;
  margin: 0 0 1.8rem; }
.news-content ul {
  line-height: 1.8;
  list-style: disc;
  padding-left: 1.8em;
  margin: 0 0 1.8rem; }

/*
-------------------------------------
0-2-2. Copyright
-------------------------------------
*/
#copyright {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0 2rem 2rem 0;
  color: white;
  z-index: 5000; }
  #copyright .menu {
    position: relative;
    text-align: right; }
    #copyright .menu .lang-item {
      display: inline-block;
      width: auto; }
      #copyright .menu .lang-item::after {
        content: ' / '; }
      #copyright .menu .lang-item:last-child::after {
        content: ''; }
      #copyright .menu .lang-item > a {
        color: white; }

/*
-------------------------------------
0-3. Home About GSAD
-------------------------------------
*/
#aboutgsad {
  background-color: rgba(0, 0, 0, 0.02);
  padding: 0 0 4.5rem; }
  #aboutgsad h2 {
    padding: 15rem 0 0; }
    #aboutgsad h2 svg {
      width: 50%;
      max-width: 22rem;
      min-width: 200px;
      margin: 0 0 3.5rem; }
  #aboutgsad p:nth-child(6) {
    text-align: justify; }

#square-wrapper {
  margin: 0 0 3rem; }

.aspect11 {
  position: relative;
  width: 100%; }
  .aspect11::before {
    content: "";
    display: block;
    padding-top: 100%; }
  .aspect11 .aspect11child {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    .aspect11 .aspect11child img {
      height: 100%;
      width: 100%;
      object-fit: cover; }

/*
-------------------------------------
0-4. Home H2 section
-------------------------------------
*/
.h2section {
  padding: 5rem 0 0; }
  .h2section h2 {
    margin: 0 0 2rem;
    font-size: 1.5rem; }
  .h2section p {
    margin-bottom: 1.2em; }

#related-sites {
  padding-bottom: 2rem; }

.related-sites > li {
  display: inline-block;
  vertical-align: top;
  margin: 0 2rem 0 0; }
  .related-sites > li:last-child {
    margin: 0; }
  .related-sites > li > ul {
    margin: 0.3rem 0 0; }
    .related-sites > li > ul > li {
      font-size: 0.9rem;
      line-height: 1.2rem; }
      .related-sites > li > ul > li::before {
        opacity: 0.5;
        content: '> '; }

/*
-------------------------------------
0-5. Footer
-------------------------------------
*/
.gsad-footer {
  padding: 2rem 0 4rem;
  background-color: rgba(0, 0, 0, 0.06);
  opacity: 0.35; }

#mainpage-footer {
  background-color: rgba(255, 255, 255, 0);
  position: fixed;
  width: 100%;
  z-index: 9999;
  transition: .4s ease; }

#footer-svg {
  text-align: center; }
  #footer-svg svg.gsad-svg {
    width: 20rem;
    margin: 1rem 0; }
  #footer-svg h1 {
    font-size: 0.75rem;
    margin: 0.3rem 0 0.75rem; }

#subpage-footer {
  background-color: white;
  position: fixed;
  width: 100%;
  z-index: 9999;
  transition: .4s ease; }
  #subpage-footer svg.gsad-svg {
    float: left;
    fill: black;
    margin: 1rem;
    width: 13rem;
    transition: .4s ease; }

.footer-main-ul {
  *zoom: 1;
  float: right;
  transition: .4s ease; }
  .footer-main-ul::before, .footer-main-ul::after {
    content: "";
    display: table; }
  .footer-main-ul::after {
    clear: both; }
  .footer-main-ul li {
    position: relative;
    margin: 0 0.5rem; }
    .footer-main-ul li a {
      font-size: 0.9rem; }
  .footer-main-ul > li {
    display: inline-block;
    vertical-align: top; }

.footer-sub-ul {
  border-left: 2px solid;
  margin: 0.5rem 0 0 4px;
  padding: 0 0 0 4px; }
  .footer-sub-ul li {
    float: none;
    margin: 0.5rem 0 0 0.5rem;
    padding: 0;
    font-size: 0.8rem; }
    .footer-sub-ul li:first-child {
      margin: 0 0 0 0.5rem; }

/*
-------------------------------------
0-6. breadcrumb
-------------------------------------
*/
#breadcrumb {
  margin: 1rem 0;
  font-size: 0.9rem; }
  #breadcrumb li {
    display: inline-block; }
    #breadcrumb li::after {
      content: ">";
      margin: 0 0.5rem; }
    #breadcrumb li:last-child::after {
      content: ""; }

/*
-------------------------------------
1-0. NEWS list
-------------------------------------
*/
#news {
  float: left;
  width: calc( 100% - 300px - 3rem ); }

.news-item li {
  padding: 2rem 0 3rem; }

.news-date {
  float: left; }

.news-category {
  float: right; }

.news-thum {
  width: 20%;
  margin-top: 1.8rem;
  display: inline-block;
  vertical-align: top; }
  .news-thum img {
    width: 100%; }

.news-text {
  width: calc( 80% - 2rem );
  margin-left: 2rem;
  display: inline-block;
  vertical-align: top; }

.news-item-top li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  padding: 1rem 0 0.4rem; }

.news-date-top {
  margin-right: 0.8rem; }

.news-category-top {
  margin-right: 0.8rem; }

/*
-------------------------------------
1-0-2. PROFESSOR list
-------------------------------------
*/
#professor {
  float: left;
  width: calc( 100% - 300px - 3rem ); }

.professor-text {
  display: inline-block;
  vertical-align: top; }
  .professor-text p {
    margin-bottom: 0.5em; }
  .professor-text span {
    font-size: 0.8rem;
    margin-right: 0.5rem;
    vertical-align: middle;
    opacity: 0.5; }

.professor-single {
  padding: 2rem 0 2rem; }
  .professor-single .professor-text {
    width: calc( 80% - 2rem );
    margin-left: 2rem; }

.professor-single-2 {
  padding: 2rem 0 1rem;
  width: 49.5%;
  display: inline-block;
  vertical-align: top; }
  .professor-single-2 .professor-thum {
    width: 30%;
    display: inline-block;
    vertical-align: top; }
  .professor-single-2 .professor-text {
    width: calc( 69.5% - 1rem );
    margin-left: 1rem; }

.professor-single-3 {
  padding: 2rem 0 1rem;
  width: 33%;
  display: inline-block;
  vertical-align: top; }
  .professor-single-3 .professor-text {
    width: calc( 69.5% - 1rem );
    margin-left: 1rem; }
    .professor-single-3 .professor-text p:last-child {
      font-size: 0.85em;
      line-height: 1.5em; }

.professor-thum {
  width: 20%;
  display: inline-block;
  vertical-align: top; }
  .professor-thum img {
    width: 100%; }

.professor-katei {
  font-size: 0.8rem;
  margin-right: 0.5rem;
  vertical-align: middle; }
  .professor-katei span {
    font-size: 0.7rem;
    margin-right: 0.5rem;
    vertical-align: middle;
    opacity: 1;
    background-color: #906499;
    color: #fff;
    padding: 0.1em 0.5em;
    border-radius: 3px; }

.professor-tanto {
  font-weight: bold;
  margin: 0.3rem 0; }

.professor-item-top li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  padding: 1rem 0 0.4rem; }

.professor-category-top {
  margin-right: 0.8rem; }

.professor-line {
  font-weight: bold;
  margin: 3rem 0 0.3rem; }

/*
-------------------------------------
1-1. Facebook
-------------------------------------
*/
#facebook {
  float: right;
  width: 300px; }

/*
-------------------------------------
2-0. WORKS list
-------------------------------------
*/
.works-item {
  width: 103%;
  margin-left: -1.5%; }

.works-single {
  width: 30.333333%;
  margin: 0 1.5% 1.5%; }

.works-image {
  display: block;
  width: 100%; }
  .works-image img {
    width: 100%;
    height: auto; }
  .works-image span {
    position: absolute;
    top: 0;
    right: 0;
    background-color: white;
    padding: 0 0 0.2rem 0.4rem;
    font-size: 0.8rem; }

.works-head {
  display: block;
  margin: 0.5rem 0;
  padding: 0.1rem 0 0.5rem 0.5rem;
  border-left: 2px solid; }
  .works-head small {
    font-size: 0.9rem; }

.works-text {
  font-size: 0.9rem; }

.aspect34 {
  position: relative;
  width: 100%; }
  .aspect34::before {
    content: "";
    display: block;
    padding-top: 66.666666%; }
  .aspect34 .aspect34child {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.02); }
    .aspect34 .aspect34child img {
      height: 100%;
      width: 100%;
      object-fit: contain;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: .2s ease-in-out;
      transition: .2s ease-in-out; }

.aspect43 {
  position: relative;
  width: 100%; }
  .aspect43::before {
    content: "";
    display: block;
    padding-top: 133.333333%; }
  .aspect43 .aspect43child {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden; }
    .aspect43 .aspect43child img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: .2s ease-in-out;
      transition: .2s ease-in-out; }

.workspage-ul {
  margin: 3rem 0; }
  .workspage-ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.75rem; }

small.work_subtitle {
  opacity: 1; }

ul.select-bar li {
  display: inline-block;
  width: 10%; }

/*
-------------------------------------
3-0. PAGE
-------------------------------------
*/
.section {
  margin: 2.5rem 0; }

.page_2_1column {
  width: 45.5%;
  padding-right: 4%;
  border-right: 2px dotted;
  display: inline-block; }

.page_2_2column {
  width: 45.5%;
  padding-left: 4%;
  display: inline-block; }

.centering {
  margin: 2.5rem 0;
  text-align: center; }

/*
-------------------------------------
9-0. CONTACT FORM 7
-------------------------------------
*/
.wpcf7 {
  line-height: 1.8rem; }
  .wpcf7 label {
    display: block;
    margin: 1.5rem 0; }
    .wpcf7 label > span:first-child {
      display: inline-block;
      vertical-align: top;
      width: 12.5rem;
      text-align: right; }

.wpcf7-form-control-wrap input {
  display: inline-block;
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.6);
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin: 0 0.5rem 0 1rem;
  padding: 0 1rem;
  vertical-align: initial; }
.wpcf7-form-control-wrap textarea {
  display: inline-block;
  vertical-align: top;
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.6);
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin: 0 1rem;
  padding: 0 1rem; }

.wpcf7-submit {
  display: inline-block;
  margin: 0;
  width: 13.5rem;
  height: 3rem;
  text-decoration: none;
  color: white;
  background-color: black;
  transition: .4s;
  font-size: 1rem;
  border: none; }
  .wpcf7-submit:hover {
    background-color: rgba(0, 0, 0, 0.6); }

#confirm > span:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.6); }

#confirm span input {
  vertical-align: middle; }

.wpcf7-list-item {
  border-left: 1px solid rgba(0, 0, 0, 0.6); }

/*
-------------------------------------
10-0. OTHER
-------------------------------------
*/
.pagenation-bt {
  text-align: center; }
  .pagenation-bt span, .pagenation-bt a {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    line-height: 3rem;
    text-align: center;
    margin: 0.5rem;
    border-radius: 0.3rem;
    border: 1px solid #1e1e1e;
    background-color: #1e1e1e;
    color: #fff; }
  .pagenation-bt a {
    border: 1px solid rgba(30, 30, 30, 0.2);
    background-color: rgba(30, 30, 30, 0);
    color: #000; }
    .pagenation-bt a:hover {
      border: 1px solid #1e1e1e;
      background-color: #1e1e1e;
      color: #fff;
      opacity: 1; }

.marquee p {
  margin: 0;
  padding-left: 20rem;
  display: inline-block;
  white-space: nowrap;
  -webkit-animation-name: marquee;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: marquee;
  -moz-animation-timing-function: linear;
  -moz-animation-duration: 15s;
  -moz-animation-iteration-count: infinite;
  -ms-animation-name: marquee;
  -ms-animation-timing-function: linear;
  -ms-animation-duration: 15s;
  -ms-animation-iteration-count: infinite;
  -o-animation-name: marquee;
  -o-animation-timing-function: linear;
  -o-animation-duration: 15s;
  -o-animation-iteration-count: infinite;
  animation-name: marquee;
  animation-timing-function: linear;
  animation-duration: 15s;
  animation-iteration-count: infinite; }
  .marquee p::after {
    content: "";
    white-space: nowrap;
    padding-right: 50px; }

@-webkit-keyframes marquee {
  from {
    -webkit-transform: translate(0%); }
  99%,to {
    -webkit-transform: translate(-100%); } }
@-moz-keyframes marquee {
  from {
    -moz-transform: translate(0%); }
  99%,to {
    -moz-transform: translate(-100%); } }
@-o-keyframes marquee {
  from {
    -o-transform: translate(0%); }
  99%,to {
    -o-transform: translate(-100%); } }
@keyframes marquee {
  from {
    transform: translate(0%); }
  99%,to {
    transform: translate(-100%); } }
/*
-------------------------------------
20-0. WIDTH 1320
-------------------------------------
*/
@media screen and (min-width: 1521px) {
  html {
    font-size: 16px; } }
/*
-------------------------------------
30-0. WIDTH 1080
-------------------------------------
*/
@media screen and (max-width: 1080px) {
  .mainpage-header-top #header-svg svg.gsad-svg {
    width: 20rem; } }
/*
-------------------------------------
35-0. WIDTH 932
-------------------------------------
*/
@media screen and (max-width: 932px) {
  html {
    font-size: calc( 50% + 1vw ); }

  .gsadHeader:hover {
    height: 6.5rem; }

  .mainpage-header .header-main-ul > li {
    margin: 0.5rem 0.5rem; }
  .mainpage-header .header-sub-ul {
    color: white;
    opacity: 1;
    visibility: inherit;
    top: 100%;
    position: relative;
    width: auto;
    margin: 0.75rem 0 0 4px; }
  .mainpage-header #fade-menu li ul {
    opacity: 1;
    top: 100%;
    border: none;
    visibility: visible; }
  .mainpage-header #bilingual-switcher::after {
    color: black; }
  .mainpage-header .menu-trigger {
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 2.2rem;
    height: 2rem;
    z-index: 9999;
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box; }
    .mainpage-header .menu-trigger span {
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #000;
      border-radius: 4px;
      display: inline-block;
      transition: all .4s;
      box-sizing: border-box; }
      .mainpage-header .menu-trigger span:nth-of-type(1) {
        top: 0;
        -webkit-animation: menu-bar01 .75s forwards;
        animation: menu-bar01 .75s forwards; }
      .mainpage-header .menu-trigger span:nth-of-type(2) {
        top: calc( 1rem - 1px ); }
      .mainpage-header .menu-trigger span:nth-of-type(3) {
        bottom: 0; }
      .mainpage-header .menu-trigger span:nth-of-type(2) {
        transition: all .25s .25s;
        opacity: 1; }
      .mainpage-header .menu-trigger span:nth-of-type(3) {
        -webkit-animation: menu-bar02 .75s forwards;
        animation: menu-bar02 .75s forwards; }
    .mainpage-header .menu-trigger.active-trigger span {
      background-color: #000; }
      .mainpage-header .menu-trigger.active-trigger span:nth-of-type(1) {
        -webkit-animation: active-menu-bar01 .75s forwards;
        animation: active-menu-bar01 .75s forwards; }
      .mainpage-header .menu-trigger.active-trigger span:nth-of-type(2) {
        opacity: 0; }
      .mainpage-header .menu-trigger.active-trigger span:nth-of-type(3) {
        -webkit-animation: active-menu-bar03 .75s forwards;
        animation: active-menu-bar03 .75s forwards; }

  .mainpage-header-top #header-svg svg.gsad-svg {
    margin: 1rem 0 0 1rem;
    height: 4.5rem;
    width: 20rem; }
  .mainpage-header-top #header-svg h1 {
    margin: 0 0 0 1rem;
    width: 13rem; }
  .mainpage-header-top .menu-trigger span {
    background-color: #fff; }
  .mainpage-header-top .menu-trigger.active-trigger span {
    background-color: #000; }

  .header-main-ul {
    float: none;
    margin: 0;
    padding: 5rem 0 0 2rem;
    position: fixed;
    right: calc( -70% - 2rem );
    width: 70%;
    height: 100%;
    background-color: white;
    font-size: 1.5rem; }
    .header-main-ul.active-menu {
      right: 0; }

  .mainpage-header #fade-menu a {
    color: black; }
  .mainpage-header #fade-menu span {
    color: black; }
  .mainpage-header .header-main-ul > li {
    display: block;
    border-top: 1px solid;
    padding: 0.5rem 0 0 0;
    margin: 0 2rem 1rem 0; }

  .header-sub-ul {
    border-left: 2px solid black; }
    .header-sub-ul li {
      line-height: 1.8rem;
      font-size: 1.1rem;
      margin: 0; }
      .header-sub-ul li:first-child {
        margin: 0; }

  #news-topics {
    margin: 0;
    width: 100%; }
    #news-topics img {
      display: none; }
    #news-topics > div {
      width: calc( 100% - 1rem);
      padding: 0.5rem;
      margin: 0; }
    #news-topics .news-topics-contents {
      width: calc(100% - 5rem); }

  #news, #facebook {
    float: none;
    width: 100%; }

  #copyright {
    margin: 0 1rem 3.5rem 0; }

  .works-single {
    width: 47%;
    margin: 0 1.5% 1.5%; }

  ul.news-item-top a {
    display: block;
    margin: 0.5rem 0; }

  .marquee p {
    padding-left: 100vw; } }
/*
-------------------------------------
40-0. WIDTH 448
-------------------------------------
*/
/*
-------------------------------------
X. Other styles settings
-------------------------------------
*/
.floatclear {
  clear: both; }

.fade-up {
  transition: opacity 0.7s, transform 0.7s;
  -moz-transition: opacity 0.7s, transform 0.7s;
  -webkit-transition: opacity 0.7s, transform 0.7s;
  -o-transition: opacity 0.7s, transform 0.7s; }

.ofi-cover {
  object-fit: cover;
  font-family: "object-fit: cover;"; }

.ofi-contain {
  object-fit: contain;
  font-family: "object-fit: contain;"; }

.scale-up {
  overflow: hidden; }
  .scale-up img {
    transition: .4s ease; }
  .scale-up:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

@-webkit-keyframes menu-bar01 {
  0% {
    -webkit-transform: translateY(calc( 1rem - 1px)) rotate(45deg); }
  50% {
    -webkit-transform: translateY(calc( 1rem - 1px)) rotate(0); }
  100% {
    -webkit-transform: translateY(0) rotate(0); } }
@keyframes menu-bar01 {
  0% {
    transform: translateY(calc( 1rem - 1px)) rotate(45deg); }
  50% {
    transform: translateY(calc( 1rem - 1px)) rotate(0); }
  100% {
    transform: translateY(0) rotate(0); } }
@-webkit-keyframes menu-bar02 {
  0% {
    -webkit-transform: translateY(calc( -1rem + 1px)) rotate(-45deg); }
  50% {
    -webkit-transform: translateY(calc( -1rem + 1px)) rotate(0); }
  100% {
    -webkit-transform: translateY(0) rotate(0); } }
@keyframes menu-bar02 {
  0% {
    transform: translateY(calc( -1rem + 1px)) rotate(-45deg); }
  50% {
    transform: translateY(calc( -1rem + 1px)) rotate(0); }
  100% {
    transform: translateY(0) rotate(0); } }
@-webkit-keyframes active-menu-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0); }
  50% {
    -webkit-transform: translateY(calc( 1rem - 1px)) rotate(0); }
  100% {
    -webkit-transform: translateY(calc( 1rem - 1px)) rotate(45deg); } }
@keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0); }
  50% {
    transform: translateY(calc( 1rem - 1px)) rotate(0); }
  100% {
    transform: translateY(calc( 1rem - 1px)) rotate(45deg); } }
@-webkit-keyframes active-menu-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0); }
  50% {
    -webkit-transform: translateY(calc( -1rem + 1px)) rotate(0); }
  100% {
    -webkit-transform: translateY(calc( -1rem + 1px)) rotate(-45deg); } }
@keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0); }
  50% {
    transform: translateY(calc( -1rem + 1px)) rotate(0); }
  100% {
    transform: translateY(calc( -1rem + 1px)) rotate(-45deg); } }

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