@charset "UTF-8";


DIV#mainBg, BODY.pageRing #contents {
  width: 100%;
}

#engage-newart {
  /*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
  /* Reset box-model and set borders */
  /* ============================================ */
  /* Document */
  /* ============================================ */
  /**
  * 1. Correct the line height in all browsers.
  * 2. Prevent adjustments of font size after orientation changes in iOS.
  * 3. Remove gray overlay on links for iOS.
  */
  /* Sections */
  /* ============================================ */
  /**
  * Remove the margin in all browsers.
  */
  /**
  * Render the `main` element consistently in IE.
  */
  /* Vertical rhythm */
  /* ============================================ */
  /* Headings */
  /* ============================================ */
  /* Lists (enumeration) */
  /* ============================================ */
  /* Lists (definition) */
  /* ============================================ */
  /* Grouping content */
  /* ============================================ */
  /**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  /* Text-level semantics */
  /* ============================================ */
  /**
  * Remove the gray background on active links in IE 10.
  */
  /**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
  /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  /**
  * Add the correct font size in all browsers.
  */
  /**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
  /* Embedded content */
  /* ============================================ */
  /**
  * Prevent vertical alignment issues.
  */
  /* Forms */
  /* ============================================ */
  /**
  * Reset form fields to make them styleable
  */
  /**
  * Reset radio and checkbox appearance to preserve their look in iOS.
  */
  /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
  /**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
  /**
  * Correct the inability to style clickable types in iOS and Safari.
  */
  /**
  * Remove the inner border and padding in Firefox.
  */
  /**
  * Restore the focus styles unset by the previous rule.
  */
  /**
  * Remove arrow in IE10 & IE11
  */
  /**
  * Remove padding
  */
  /**
  * Reset to invisible
  */
  /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */
  /**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
  /**
  * Remove the default vertical scrollbar in IE 10+.
  */
  /**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
  /**
  * 1. Correct the outline style in Safari.
  */
  /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
  /**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
  /**
  * Clickable labels
  */
  /* Interactive */
  /* ============================================ */
  /*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */
  /*
  * Add the correct display in all browsers.
  */
  /*
  * Remove outline for editable content.
  */
  /* Table */
  /* ============================================ */
  /* Misc */
  /* ============================================ */
  /**
  * Add the correct display in IE 10+.
  */
  /**
  * Add the correct display in IE 10.
  */
}
#engage-newart *,
#engage-newart ::before,
#engage-newart ::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}
#engage-newart html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}
#engage-newart body {
  margin: 0;
}
#engage-newart main {
  display: block;
}
#engage-newart p,
#engage-newart table,
#engage-newart blockquote,
#engage-newart address,
#engage-newart pre,
#engage-newart iframe,
#engage-newart form,
#engage-newart figure,
#engage-newart dl {
  margin: 0;
}
#engage-newart h1,
#engage-newart h2,
#engage-newart h3,
#engage-newart h4,
#engage-newart h5,
#engage-newart h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}
#engage-newart ul,
#engage-newart ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
#engage-newart dt {
  font-weight: bold;
}
#engage-newart dd {
  margin-left: 0;
}
#engage-newart hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}
#engage-newart pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}
#engage-newart address {
  font-style: inherit;
}
#engage-newart a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}
#engage-newart abbr[title] {
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}
#engage-newart b,
#engage-newart strong {
  font-weight: bolder;
}
#engage-newart code,
#engage-newart kbd,
#engage-newart samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}
#engage-newart small {
  font-size: 80%;
}
#engage-newart sub,
#engage-newart sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
#engage-newart sub {
  bottom: -0.25em;
}
#engage-newart sup {
  top: -0.5em;
}
#engage-newart img,
#engage-newart embed,
#engage-newart object,
#engage-newart iframe {
  vertical-align: bottom;
}
#engage-newart button,
#engage-newart input,
#engage-newart optgroup,
#engage-newart select,
#engage-newart textarea {
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background-color: #fff;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}
#engage-newart [type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}
#engage-newart [type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}
#engage-newart button,
#engage-newart input {
  /* 1 */
  overflow: visible;
}
#engage-newart button,
#engage-newart select {
  /* 1 */
  text-transform: none;
}
#engage-newart button,
#engage-newart [type=button],
#engage-newart [type=reset],
#engage-newart [type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#engage-newart button[disabled],
#engage-newart [type=button][disabled],
#engage-newart [type=reset][disabled],
#engage-newart [type=submit][disabled] {
  cursor: default;
}
#engage-newart button::-moz-focus-inner,
#engage-newart [type=button]::-moz-focus-inner,
#engage-newart [type=reset]::-moz-focus-inner,
#engage-newart [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
#engage-newart button:-moz-focusring,
#engage-newart [type=button]:-moz-focusring,
#engage-newart [type=reset]:-moz-focusring,
#engage-newart [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
#engage-newart select::-ms-expand {
  display: none;
}
#engage-newart option {
  padding: 0;
}
#engage-newart fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}
#engage-newart legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
#engage-newart progress {
  vertical-align: baseline;
}
#engage-newart textarea {
  overflow: auto;
}
#engage-newart [type=number]::-webkit-inner-spin-button,
#engage-newart [type=number]::-webkit-outer-spin-button {
  height: auto;
}
#engage-newart [type=search] {
  outline-offset: -2px; /* 1 */
}
#engage-newart [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
#engage-newart ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
#engage-newart label[for] {
  cursor: pointer;
}
#engage-newart details {
  display: block;
}
#engage-newart summary {
  display: list-item;
}
#engage-newart [contenteditable] {
  outline: none;
}
#engage-newart table {
  border-collapse: collapse;
  border-spacing: 0;
}
#engage-newart caption {
  text-align: left;
}
#engage-newart td,
#engage-newart th {
  vertical-align: top;
  padding: 0;
}
#engage-newart th {
  text-align: left;
  font-weight: bold;
}
#engage-newart template {
  display: none;
}
#engage-newart [hidden] {
  display: none;
}

/* --------------------------------------------------------------------------
  media query (SP（小）→ PC（大）の順に適用)
  -------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .sample {
    font-size: 5.3846153846vw;
  }
}
DIV#mainBg, BODY.pageRing #contents, body {
  width: 100%;
  margin: 0;
}

#engage-newart {
  -webkit-font-smoothing: antialiased;
}
#engage-newart .sub01 {
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.14em;
  color: white;
  background-color: #99696B;
}
@media screen and (max-width: 767px) {
  #engage-newart .sub01 {
    padding: 1.0256410256vw 2.5641025641vw;
    font-size: 2.5641025641vw;
  }
}
#engage-newart .heading01 {
  font-family: "Noto Serif JP", serif;
  font-feature-settings: "halt" on;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
  color: #99696B;
}
@media screen and (max-width: 767px) {
  #engage-newart .heading01 {
    font-size: 6.1538461538vw;
  }
}
#engage-newart .heading02 {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  font-size: 22px;
  font-feature-settings: "halt";
  font-weight: 600;
  line-height: 1.5;
  color: white;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 767px) {
  #engage-newart .heading02 {
    text-align: center;
    font-size: 5.1282051282vw;
  }
}
#engage-newart .heading02:before {
  display: block;
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/heading02-icon.png);
  width: 50px;
  height: 42px;
  top: -10px;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  #engage-newart .heading02:before {
    width: 12.8205128205vw;
    height: 10.7692307692vw;
    top: -2.5641025641vw;
  }
}
#engage-newart .heading02__sub {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-bottom: 5px;
  font-size: 12px;
  font-family: "Caudex", serif;
  line-height: 1.5;
  letter-spacing: 0.14em;
}
@media screen and (max-width: 767px) {
  #engage-newart .heading02__sub {
    margin-bottom: 1.2820512821vw;
    font-size: 2.5641025641vw;
  }
}
#engage-newart .btn01, #engage-newart .btn02 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 380px;
  height: 80px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 10px;
  background-color: white;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media screen and (max-width: 767px) {
  #engage-newart .btn01, #engage-newart .btn02 {
    max-width: initial;
    height: 20.5128205128vw;
    font-size: 4.6153846154vw;
    border-radius: 2.5641025641vw;
  }
}
#engage-newart .btn01 span, #engage-newart .btn02 span {
  position: relative;
  padding-right: 32px;
}
@media screen and (max-width: 767px) {
  #engage-newart .btn01 span, #engage-newart .btn02 span {
    padding-right: 8.2051282051vw;
  }
}
#engage-newart .btn01 span:after, #engage-newart .btn02 span:after {
  display: block;
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/btn01-icon.png);
  width: 22px;
  height: 30px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  #engage-newart .btn01 span:after, #engage-newart .btn02 span:after {
    width: 5.641025641vw;
    height: 7.6923076923vw;
  }
}
#engage-newart .btn02 {
  color: #0160AF;
}
#engage-newart .btn02 span:after {
  background-image: url(../img/btn02-icon.png);
}
#engage-newart .btn03, #engage-newart .btn04 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  max-width: 300px;
  height: 80px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  border: 1px solid #00B1BB;
  border-radius: 10px;
  color: #00B1BB;
  background-color: white;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media screen and (max-width: 767px) {
  #engage-newart .btn03, #engage-newart .btn04 {
    max-width: initial;
    height: 20.5128205128vw;
    font-size: 4.6153846154vw;
    border-radius: 2.5641025641vw;
  }
}
#engage-newart .btn03 span, #engage-newart .btn04 span {
  position: relative;
  padding-right: 32px;
}
@media screen and (max-width: 767px) {
  #engage-newart .btn03 span, #engage-newart .btn04 span {
    padding-right: 8.2051282051vw;
  }
}
#engage-newart .btn03 span:after, #engage-newart .btn04 span:after {
  display: block;
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/btn03-icon.png);
  width: 22px;
  height: 30px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  #engage-newart .btn03 span:after, #engage-newart .btn04 span:after {
    width: 5.641025641vw;
    height: 7.6923076923vw;
  }
}
#engage-newart .btn04 {
  color: white;
  background-color: #00B1BB;
}
#engage-newart .btn04 span:after {
  background-image: url(../img/btn04-icon.png);
}
#engage-newart .container01 {
  display: flex;
  -moz-column-gap: 40px;
  column-gap: 40px;
  width: 100%;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  #engage-newart .container01 {
    flex-direction: column-reverse;
    row-gap: 5.1282051282vw;
    margin-top: 20.5128205128vw;
  }
}
#engage-newart .container01.mt30 {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #engage-newart .container01.mt30 {
    margin-top: 7.6923076923vw;
  }
}
#engage-newart .container01.reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  #engage-newart .container01.reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 767px) {
  #engage-newart .container01.sp-reverse {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  #engage-newart .container01.sp-mt20 {
    margin-top: 5.1282051282vw;
  }
}
#engage-newart .container01-textarea {
  width: 50%;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  #engage-newart .container01-textarea {
    width: 100%;
  }
}
#engage-newart .container01__heading {
  margin-bottom: 20px;
  font-family: "Noto Serif JP", serif;
  font-feature-settings: "halt" on;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
  color: #99696B;
}
@media screen and (max-width: 767px) {
  #engage-newart .container01__heading {
    margin-bottom: 2.5641025641vw;
    font-size: 5.1282051282vw;
  }
}
#engage-newart .container01__heading02 {
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em;
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: #99696B;
}
@media screen and (max-width: 767px) {
  #engage-newart .container01__heading02 {
    margin-bottom: 2.5641025641vw;
    font-size: 4.1025641026vw;
  }
}
#engage-newart .container01__text {
  font-size: 16px;
  font-family: "Noto Sans JP", serif;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #engage-newart .container01__text {
    font-size: 3.5897435897vw;
  }
}
#engage-newart .container01__text.halt {
  font-feature-settings: "halt";
}
#engage-newart .container01__img {
  width: 100%;
}
#engage-newart .container01__img.img02 {
  position: relative;
  max-width: 358px;
  margin: auto;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #engage-newart .container01__img.img02 {
    max-width: initial;
  }
}
#engage-newart .container02 {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 30px;
}
@media screen and (max-width: 767px) {
  #engage-newart .container02 {
    justify-content: space-between;
    margin-top: 4.1025641026vw;
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 8.2051282051vw;
  }
}
#engage-newart .box01 {
  display: block;
  width: 176px;
}
@media screen and (max-width: 767px) {
  #engage-newart .box01 {
    width: 37.4358974359vw;
  }
}
#engage-newart .box01__img {
  width: 100%;
}
#engage-newart .box01__eng {
  margin-top: 14px;
  text-align: center;
  font-feature-settings: "halt";
  font-size: 12px;
  line-height: 1.5;
  color: white;
}
@media screen and (max-width: 767px) {
  #engage-newart .box01__eng {
    margin-top: 1.5384615385vw;
    font-size: 2.5641025641vw;
  }
}
#engage-newart .box01__name {
  margin-top: 12px;
  text-align: center;
  font-feature-settings: "halt";
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: white;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 767px) {
  #engage-newart .box01__name {
    margin-top: 0.2564102564vw;
    font-size: 3.5897435897vw;
  }
}
#engage-newart .container03 {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, 143px);
  grid-auto-rows: 143px;
  gap: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #engage-newart .container03 {
    grid-template-columns: repeat(auto-fit, 24.1025641026vw);
    grid-auto-rows: 24.1025641026vw;
    gap: 3.0769230769vw;
    margin-top: 4.1025641026vw;
  }
}
#engage-newart .box02 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid white;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  #engage-newart .box02 {
    border-radius: 2.5641025641vw;
  }
}
#engage-newart .box02__text {
  font-size: 16px;
  font-weight: 700;
  font-feature-settings: "halt";
  line-height: 1.5;
  color: white;
}
@media screen and (max-width: 767px) {
  #engage-newart .box02__text {
    font-size: 2.8205128205vw;
  }
}
/*# sourceMappingURL=maps/style.css.map */