@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&family=Sansita+Swashed&display=swap");
/*default*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  min-height: 0%;
  min-width: 0%; }

*,
*::before,
*::after {
  box-sizing: inherit;
  position: relative; }

html {
  box-sizing: border-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  font-size: 62.5%;
  font-feature-settings: "palt"; }

body {
  font: 400 1.5rem/1.7 'Roboto', "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #282828;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
  letter-spacing: .1rem;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-print-color-adjust: exact;
  width: 100%;
  overflow: hidden; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 1.0rem; }

/*module*/
p {
  margin-bottom: 1em; }

ul {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

/*structure*/
header {
  padding: 1.8em 0; }
  header .logo {
    padding: 0;
    line-height: 1;
    text-align: center;
    width: 80%;
    max-width: 320px;
    margin: 0 auto; }
    header .logo a {
      display: block;
      padding: 0;
      line-height: 1; }
    header .logo img {
      width: 100%;
      height: auto;
      line-height: 1;
      display: block; }

footer {
  background: #626c81; }
  footer .contact {
    background: #eaeaea;
    padding: 50px; }
    footer .contact a {
      background: #283758;
      color: #fff;
      display: block;
      font-weight: 500;
      padding: 1.6em;
      text-align: center;
      text-decoration: none;
      transition: .3s;
      max-width: 360px;
      margin: 0 auto; }
      footer .contact a:hover {
        background: #1e85dd; }
  footer .address {
    color: #fff;
    padding: 30px;
    max-width: 960px;
    margin: 0 auto; }
    footer .address p:first-of-type {
      margin-bottom: 2em; }

/*Style*/
.key {
  position: relative; }
  .key__year {
    color: #fae80f;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20vw;
    position: absolute;
    vertical-align: bottom;
    line-height: 1;
    right: 3%;
    bottom: -15%;
    z-index: 1000;
    transition: .3s; }
  .key__txt {
    font-family: 'Sansita Swashed', cursive;
    font-size: 4vw;
    position: absolute;
    vertical-align: bottom;
    line-height: 1;
    right: 9%;
    bottom: -17%;
    z-index: 1100;
    transition: .3s; }
  .key__img {
    background: url(img/bg_2021.jpg) center center no-repeat;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    position: relative; }
    .key__img::before {
      display: block;
      content: "";
      padding-top: 53.3%; }
    .key__img img {
      /*width: 250%;
		position: absolute;
		top: -160%;
		left: -74%;
		margin: auto;*/
      max-height: 512px;
      max-width: 100%;
      margin: 0 auto;
      position: absolute;
      left: 0;
      right: 0;
      top: 0; }

.message {
  background-size: cover;
  padding: 12% 0;
  width: 84%;
  max-width: 960px;
  margin: 0 auto; }
  .message h2 {
    color: #ef0520;
    font-size: 6vw;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 1em; }
    .message h2 span {
      color: #ef0520;
      font-size: 6.4vw; }
  .message__sign {
    margin-top: 2em;
    /*text-align:center;*/
    text-align: right; }
    .message__sign span {
      display: block; }

.link__sv {
  text-align: center;
  width: 100%;
  max-width: 320px;
  margin: 0 auto 40px; }
  .link__sv a {
    background: #fdcd2a;
    border-radius: 5px;
    color: #000;
    display: block;
    font-weight: 600;
    padding: 1.8rem 0;
    text-decoration: none;
    transition: .3s; }
    .link__sv a:hover {
      background: #fdc300; }
  .link__sv img {
    width: 100%;
    height: auto; }

/*message page*/
.message__page header::before {
  content: "";
  padding-top: 50%;
  display: block; }

.message__page header {
  background: url(img/bg_2021.jpg) center center no-repeat;
  background-size: cover;
  width: 100%;
  position: relative; }

.message__page header div {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 80%;
  transform: translateY(-50%);
  display: block;
  line-height: 1.0;
  font-weight: 800;
  font-size: 2.4rem;
  text-align: center; }

.message__page header div img {
  margin: 0 auto 3.0rem;
  display: block;
  width: 100%;
  max-width: 360px; }

.message__page header h1 {
  font-weight: 800;
  font-size: 2.8rem;
  text-align: center; }

.message__page .inner__section {
  padding-bottom: 30px; }
  .message__page .inner__section p:last-child {
    margin-bottom: 0; }

.message__page .message h2 {
  color: #000;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 1em; }

@media screen and (min-width: 640px) {
  body {
    font-size: 1.6rem; }
  /*Style*/
  .key {
    position: relative; }
    .key__year {
      font-size: 16rem; }
    .key__txt {
      font-size: 3rem; }
    .key__img {
      width: 100%;
      margin-right: auto;
      overflow: hidden;
      position: relative;
      text-align: center; }
      .key__img::before {
        display: block;
        content: "";
        padding-top: 60%; }
      .key__img img {
        max-height: 460px;
        width: auto;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        /*width: 250%;
		position: absolute;
		top: -240%;
		left: -74%;
		margin: auto;*/ }
  .message {
    padding: 4% 0;
    width: 84%;
    max-width: 960px;
    margin: 0 auto; }
    .message h2 {
      font-size: 4vw;
      font-weight: 600;
      line-height: 1.6;
      margin-bottom: 1em; }
    .message p {
      font-size: 1.8rem; }
    .message__sign {
      margin-top: 2em;
      /*text-align:center;*/
      text-align: right; }
      .message__sign span {
        display: inline-block;
        margin-left: 1em; }
  .message__page header::before {
    content: "";
    padding-top: 18%;
    display: block; }
  .message__page header {
    background: url(img/bg_2021.jpg) center 60% no-repeat;
    background-size: cover;
    width: 100%;
    position: relative; }
  .message__page header div {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 80%;
    max-width: 960px;
    font-weight: 800;
    transform: translateY(-50%);
    display: block;
    line-height: 1.0;
    font-size: 3.6rem; }
  .message__page header h1 {
    line-height: 1.0;
    font-size: 3.8rem; } }

@media screen and (min-width: 960px) {
  .key__year {
    left: 65%;
    bottom: -15%; }
  .key__txt {
    left: 68%;
    bottom: -17%; }
  .key__img {
    background: url(img/bg_2021.jpg) center center no-repeat;
    background-size: auto 512px;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 512px; }
    .key__img::before {
      display: block;
      content: "";
      padding-top: 512px; }
    .key__img img {
      /*width: 250%;
		position: absolute;
		top: -160%;
		left: -74%;
		margin: auto;*/
      max-height: 512px;
      max-width: 100%;
      margin: 0 auto;
      position: absolute;
      left: 0;
      right: 0;
      top: 0; } }

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