@charset "UTF-8";

header {
  background-color: #7e7558;
}

main > section > picture {
  display: block;
  position: relative;
  min-height: 0%;
  margin: 3.5em auto 0;
}
main > section > picture > img {
  display: block;
  position: relative;
  width: 100%;
}
main > section > h3 {
  color: #ed711e;
  font-weight: 500;
  line-height: 1;
}
main > section > p {
  word-break: keep-all;
  overflow-wrap: anywhere;
}
main > section > table {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  border-collapse: collapse;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
main > section > table th {
  color: #1c2436;
  font-weight: 500;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #b6a887;
}
main > section > table td {
  color: #b6a887;
  font-weight: 500;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
main > section > table p {
  letter-spacing: 0.1em;
}
main > section > table p > span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
main > section > table p > span::before {
  display: inline;
  position: relative;
}
main > section > a.button {
  margin-top: 2em;
}
main > section > div#nav > div {
  width: unset;
  line-height: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
main > section > div#nav > div > p {
  width: unset;
}
main > section > div#nav > div::before {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
main > section > div#nav > div::after {
  display: none !important;
  visibility: hidden;
}
main > section > div#nav > a.go2top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-color: #fff;
  border-collapse: collapse;
  background-color: transparent;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
main > section > div#nav > a.mypage {
  margin: 0;
}
@media all and (min-width: 1921px) {
  main {
    background-position: 0% 0%, 50% 89px, 0% 0%;
    background-size: 50px 50px, 2541px 1807px, 8px 8px;
  }
  header {
    height: 336px;
    background-size: 2560px 336px;
  }
  main > section > picture {
    width: 687px;
    height: 71px;
  }
  main > section > h3 {
    font-size: 33px;
  }
  main > section > h3 else {
    font-size: 0;
  }
  main > section > h3 {
    margin-top: 67px;
  }
  main > section > h3 else {
    margin-top: 0;
  }
  main > section > p:first-of-type {
    margin-top: 80px;
  }
  main > section > p:first-of-type else {
    margin-top: 0;
  }
  main > section > table {
    margin-top: 80px;
  }
  main > section > table else {
    margin-top: 0;
  }
  main > section > table {
    max-width: 973px;
  }
  main > section > table tr:nth-child(2) td {
    padding: 20px 40px 27px 53px;
  }
  main > section > table tr:nth-child(3) td {
    padding: 33px 40px 47px 53px;
  }
  main > section > table th {
    font-size: 23px;
  }
  main > section > table th else {
    font-size: 0;
  }
  main > section > table td {
    font-size: 21px;
  }
  main > section > table td else {
    font-size: 0;
  }
  main > section > table ul.list_notice {
    font-size: 17px;
  }
  main > section > table ul.list_notice else {
    font-size: 0;
  }
  main > section > div#nav {
    width: 933px;
  }
  main > section > div#nav else {
    width: 0;
  }
  main > section > div#nav {
    margin-top: 83px;
  }
  main > section > div#nav else {
    margin-top: 0;
  }
  main > section > div#nav > div {
    font-size: 33px;
  }
  main > section > div#nav > div else {
    font-size: 0;
  }
  main > section > div#nav > a.go2top {
    width: 428px;
    height: 80px;
  }
  main > section > div#nav > a.go2top {
    font-size: 27px;
  }
  main > section > div#nav > a.go2top else {
    font-size: 0;
  }
  main > section > div#nav > a.go2top {
    border-width: 4px;
  }
  main > section > div#nav > a.go2top else {
    border-width: 0;
  }
}
@media all and (min-width: 1281px) and (max-width: 1920px) {
  main {
    background-position: 0% 0%, 50% 67px, 0% 0%;
    background-size: 50px 50px, 1906px 1355px, 8px 8px;
  }
  header {
    height: 252px;
    background-size: 1920px 252px;
  }
  main > section > picture {
    width: 515px;
    height: 53px;
  }
  main > section > h3 {
    font-size: 25px;
  }
  main > section > h3 else {
    font-size: 0;
  }
  main > section > h3 {
    margin-top: 50px;
  }
  main > section > h3 else {
    margin-top: 0;
  }
  main > section > p:first-of-type {
    margin-top: 60px;
  }
  main > section > p:first-of-type else {
    margin-top: 0;
  }
  main > section > table {
    margin-top: 60px;
  }
  main > section > table else {
    margin-top: 0;
  }
  main > section > table {
    max-width: 730px;
  }
  main > section > table tr:nth-child(2) td {
    padding: 15px 30px 20px 40px;
  }
  main > section > table tr:nth-child(3) td {
    padding: 25px 30px 35px 40px;
  }
  main > section > table th {
    font-size: 17px;
  }
  main > section > table th else {
    font-size: 0;
  }
  main > section > table td {
    font-size: 16px;
  }
  main > section > table td else {
    font-size: 0;
  }
  main > section > table ul.list_notice {
    font-size: 13px;
  }
  main > section > table ul.list_notice else {
    font-size: 0;
  }
  main > section > div#nav {
    width: 700px;
  }
  main > section > div#nav else {
    width: 0;
  }
  main > section > div#nav {
    margin-top: 62px;
  }
  main > section > div#nav else {
    margin-top: 0;
  }
  main > section > div#nav > div {
    font-size: 25px;
  }
  main > section > div#nav > div else {
    font-size: 0;
  }
  main > section > div#nav > a.go2top {
    width: 321px;
    height: 60px;
  }
  main > section > div#nav > a.go2top {
    font-size: 20px;
  }
  main > section > div#nav > a.go2top else {
    font-size: 0;
  }
  main > section > div#nav > a.go2top {
    border-width: 3px;
  }
  main > section > div#nav > a.go2top else {
    border-width: 0;
  }
}
@media all and (min-width: 768px) and (max-width: 1280px) {
  main {
    background-position: 0% 0%, 50% 5.21vw, 0% 0%;
    background-size: 50px 50px, 148.89vw 105.88vw, 8px 8px;
  }
  header {
    height: 19.69vw;
    background-size: 150vw 19.69vw;
  }
  main > section > picture {
    width: 40.25vw;
    height: 4.16vw;
  }
  main > section > h3 {
    font-size: 1.93vw;
  }
  main > section > h3 else {
    font-size: 0;
  }
  main > section > h3 {
    margin-top: 3.93vw;
  }
  main > section > h3 else {
    margin-top: 0;
  }
  main > section > p:first-of-type {
    margin-top: 4.69vw;
  }
  main > section > p:first-of-type else {
    margin-top: 0;
  }
  main > section > table {
    margin-top: 4.69vw;
  }
  main > section > table else {
    margin-top: 0;
  }
  main > section > table {
    max-width: 57.01vw;
  }
  main > section > table tr:nth-child(2) td {
    padding: 1.17vw 2.34vw 1.58vw 3.11vw;
  }
  main > section > table tr:nth-child(3) td {
    padding: 1.93vw 2.34vw 2.75vw 3.11vw;
  }
  main > section > table th {
    font-size: 1.35vw;
  }
  main > section > table th else {
    font-size: 0;
  }
  main > section > table td {
    font-size: 1.23vw;
  }
  main > section > table td else {
    font-size: 0;
  }
  main > section > table ul.list_notice {
    font-size: 1vw;
  }
  main > section > table ul.list_notice else {
    font-size: 0;
  }
  main > section > div#nav {
    width: 54.67vw;
  }
  main > section > div#nav else {
    width: 0;
  }
  main > section > div#nav {
    margin-top: 4.86vw;
  }
  main > section > div#nav else {
    margin-top: 0;
  }
  main > section > div#nav > div {
    font-size: 1.93vw;
  }
  main > section > div#nav > div else {
    font-size: 0;
  }
  main > section > div#nav > a.go2top {
    width: 25.08vw;
    height: 4.69vw;
  }
  main > section > div#nav > a.go2top {
    font-size: 1.58vw;
  }
  main > section > div#nav > a.go2top else {
    font-size: 0;
  }
  main > section > div#nav > a.go2top {
    border-width: 0.23vw;
  }
  main > section > div#nav > a.go2top else {
    border-width: 0;
  }
}
@media all and (min-width: 768px) {
  main {
    background-image: url("https://media.fromsoftware.jp/fromsoftware/1761538648/greetingmail/nyc_2026/resources/images/common/bg_ptrn_1.png"), url("https://media.fromsoftware.jp/fromsoftware/1761538648/greetingmail/nyc_2026/resources/images/common/pc/bg_ptrn.png"), url("https://media.fromsoftware.jp/fromsoftware/1761538648/greetingmail/nyc_2026/resources/images/common/bg_ptrn_2.png");
    background-repeat: repeat, no-repeat, repeat;
  }
  header {
    background-image: url("https://media.fromsoftware.jp/fromsoftware/1761538648/greetingmail/nyc_2026/resources/images/header/second_pc.jpg");
  }
  main > section > table {
    width: 90%;
    border: 1px solid #67c8ff;
  }
  main > section > table th {
    padding: 0.5em 0;
    border: 1px solid #b6a887;
  }
  main > section > table td {
    border: 1px solid #b6a887;
  }
  main > section > table p > span {
    padding: 0 1.5em;
  }
  main > section > table p > span::before {
    content: "→";
  }
  main > section > div#nav > div {
    padding: 0 1.5em;
  }
  main > section > div#nav > a.go2top:hover {
    background-color: #fff;
  }
  main > section > div#nav > a.go2top:hover > p {
    color: #133a63;
  }
}
@media all and (max-width: 767px) {
  main {
    background-image: url("https://media.fromsoftware.jp/fromsoftware/1761538648/greetingmail/nyc_2026/resources/images/common/bg_ptrn_1.png"), url("https://media.fromsoftware.jp/fromsoftware/1761538648/greetingmail/nyc_2026/resources/images/common/sp/bg_ptrn_sb.png"), url("https://media.fromsoftware.jp/fromsoftware/1761538648/greetingmail/nyc_2026/resources/images/common/bg_ptrn_2.png");
    background-position: 0% 0%, 0% 100%, 0% 0%;
    background-size: 4.63vw 4.63vw, 48.15vw 70.93vw, 0.74vw 0.74vw;
    background-repeat: repeat, no-repeat, repeat;
  }
  header {
    height: 35.65vw;
    background-image: url("https://media.fromsoftware.jp/fromsoftware/1761538648/greetingmail/nyc_2026/resources/images/header/second_sp.jpg");
  }
  main > section > picture {
    width: 90%;
  }
  main > section > h3 {
    font-size: 4.44vw;
  }
  main > section > h3 else {
    font-size: 0;
  }
  main > section > h3 {
    margin-top: 10.19vw;
  }
  main > section > h3 else {
    margin-top: 0;
  }
  main > section > p {
    width: 90%;
    font-size: 3.15vw;
    line-height: 1.8;
    letter-spacing: 0.1em;
    -webkit-font-feature-settings: "palt";
    margin-right: auto;
    margin-left: auto;
    font-feature-settings: "palt";
  }
  main > section > p:first-of-type {
    margin-top: 3.7vw;
  }
  main > section > p:first-of-type else {
    margin-top: 0;
  }
  main > section > table {
    margin-top: 7.22vw;
  }
  main > section > table else {
    margin-top: 0;
  }
  main > section > table {
    width: 85.93vw;
    border: 0.28vw solid #67c8ff;
  }
  main > section > table th {
    font-size: 3.33vw;
  }
  main > section > table th else {
    font-size: 0;
  }
  main > section > table th {
    padding: 1.25em 0;
    border: 0.28vw solid #b6a887;
  }
  main > section > table td {
    font-size: 3.33vw;
  }
  main > section > table td else {
    font-size: 0;
  }
  main > section > table td {
    padding: 5vw 4.44vw 8.06vw;
    border: 0.28vw solid #b6a887;
  }
  main > section > table p {
    text-align: center;
  }
  main > section > table p > span {
    display: block;
    position: relative;
  }
  main > section > table p > span::before {
    content: "↓";
  }
  main > section > table ul.list_notice {
    font-size: 2.78vw;
  }
  main > section > table ul.list_notice else {
    font-size: 0;
  }
  main > section > table ul.list_notice {
    margin-top: 1.4em;
  }
  main > section > table ul.list_notice > li > p {
    text-align: left;
  }
  main > section > a.button {
    font-size: 5.56vw;
  }
  main > section > div#nav {
    width: 79.44vw;
  }
  main > section > div#nav else {
    width: 0;
  }
  main > section > div#nav {
    margin-top: 25.37vw;
  }
  main > section > div#nav else {
    margin-top: 0;
  }
  main > section > div#nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  main > section > div#nav > div {
    font-size: 6.2vw;
  }
  main > section > div#nav > div else {
    font-size: 0;
  }
  main > section > div#nav > div {
    padding: 0 2.31vw;
  }
  main > section > div#nav > a.go2top {
    width: 76.11vw;
    height: 14.07vw;
  }
  main > section > div#nav > a.go2top else {
    font-size: 0;
  }
  main > section > div#nav > a.go2top {
    border-width: 0.56vw;
  }
  main > section > div#nav > a.go2top else {
    border-width: 0;
  }
  main > section > div#nav > a.go2top {
    margin-bottom: 6.85vw;
  }
}