@charset "UTF-8";
#works > div:nth-child(1) {padding: 5em 0;}
#works > div:nth-child(1) ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1.5em;}
#works > div:nth-child(1) ul li {width: calc(33.333% - 3em);margin: 1.5em;}
#works > div:nth-child(1) ul li figure {width: 100%;padding-top: 100%;position: relative;overflow: hidden;}
#works > div:nth-child(1) ul li figure img {width: auto;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100;}
#works > div:nth-child(1) ul li.vertical figure img {width: 100%;height: auto;}
#works > div:nth-child(1) ul li p {margin-top: 0.5em;}
#works > div:nth-child(1) ul li p span:nth-child(1) {font-weight: 600;}
#works > div:nth-child(1) ul li p span:nth-child(2) {font-size: 87.5%;}
#works > div:nth-child(1) ul li p span:nth-child(2)::before {display: inline-block;content: '|';padding: 0 0.5em;}
#works2 {padding: 2em 0 5em;}
#works2 h3 {font-size: 125%;font-weight: 600;}
#works2 h3::before {display: inline-block;content: '';width: 0.8em;height: 0.8em;margin-right: 0.25em;background: var(--color-02);}
#works2 h3 small {font-size: 87.5%;font-weight: 300;}
#works2 table {width: 100%;margin-top: 1em;}
#works2 table tr td,
#works2 table tr th {padding: 1.5em 0;}
#works2 table tr th {font-weight: 600;text-align: center;width: 30%;}
#works2 table tr td {line-height: 2.5;padding-left: 5em;}
#works2 table tr:not(:last-child) th {border-bottom: 2px solid var(--color-02);}
#works2 table tr:not(:last-child) td {border-bottom: 2px solid #bababa;}
@media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 1100px) {
  #works > div:nth-child(1) ul {font-size: 1.3vw;}
  #works2 table tr td,
  #works2 table tr th {padding: 1em 0;}
  #works2 table tr td {padding-left: 1em;}
}
@media only screen and (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
  #works > div:nth-child(1) {padding: 3em 0;}
  #works > div:nth-child(1) ul {font-size: 100%;margin: 0;}
  #works > div:nth-child(1) ul li {width: 100%;margin: 0;}
  #works > div:nth-child(1) ul li + li {margin-top: 2em;}
  #works > div:nth-child(1) ul li p span {display: block;}
  #works > div:nth-child(1) ul li p span:nth-child(2)::before {display: none;}
  #works2 {padding: 1em 0 2em;}
  #works2 h3 {font-size: 112.5%;}
  #works2 h3 small {font-size: 75%;}
  #works2 table tr th {width: 50%;}
  #works2 table tr td {text-align: center;line-height: 1.5;padding: 1em 0;}
  #works2 table tr.address td span {display: block;}
}
@media (orientation: landscape) and (max-width: 767px){}