@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy&display=swap');

*,
:after,
:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

html {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-text-size-adjust: 100%;
  font-size: 80%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
p,
blockquote,
th,
td,
figure,
main {
  margin: 0;
  padding: 0
}

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

fieldset,
img {
  border: 0
}

address,
button,
caption,
cite,
code,
dfn,
em,
input,
optgroup,
option,
select,
strong,
textarea,
th,
var {
  font: inherit
}

del,
ins {
  text-decoration: none
}

li {
  list-style: none
}

caption,
th {
  text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: bold;
}

q:before,
q:after {
  content: ''
}

abbr,
acronym {
  border: 0;
  font-variant: normal
}

sup {
  vertical-align: baseline
}

sub {
  vertical-align: baseline
}

legend {
  color: #000
}

.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  zoom: 1;
}

svg,
img {
  vertical-align: bottom;
}

a {
  text-decoration: inherit;
  color: inherit
}

.table {
  display: table;
  width: 100%;
  height: 100%;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
}


body {
  font-family: sans-serif;
  letter-spacing: 1px;
}

.clickable {
  cursor: pointer;
}

.bold {
  font-weight: 700;
}

.serif {
  font-family: serif;
}

@media (max-width: 767px) {
  .nosp {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .nopc {
    display: none !important;
  }

  .sponly {
    display: none !important;
  }
}

html {
  height: -webkit-fill-available;
}

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

.img img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: column;
}

@media (max-width: 767px) {
  .flex {
    flex-direction: row;
  }
}

.one-half {
  width: 50%;
}

@media (min-width: 768px) {
  .flex {
    flex-direction: row;
  }

  .flex-pc-reverse {
    flex-direction: row-reverse;
  }

  .medium-up--one-half {
    width: 50%;
  }

  .medium-up--one-third {
    width: 33.333%;
  }

  .medium-up--two-thirds {
    width: 66.666%;
  }

  .medium-up--one-sixth {
    width: 16.666%;
  }
}

.media {
  height: 0;
  line-height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}

.media--cover {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding-bottom: 0;
}

.media--square {
  padding-bottom: 100%;
}

.media--rect {
  padding-bottom: 66.6666%;
}

.media--portrait {
  padding-bottom: 133.3333%;
}

.media__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.media__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.btn {
  position: relative;
  overflow: hidden;
  font-family: YuGothic, Yu Gothic, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 60px;
  font-size: 16px;
  box-shadow: 0 0 0 1px #f96 inset;
  line-height: 1.6;
  text-align: center;
}

.btn:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f96;
  transform: scaleY(0);
  transform-origin: center top;
  transition: transform 0.45s cubic-bezier(0.19, 1, 0.22, 1);
}

.btn span {
  position: relative;
  display: block;
  z-index: 2;
  color: #f96;
  transition: color 0.45s cubic-bezier(0.19, 1, 0.22, 1);
}

.btn--pink {
  box-shadow: 0 0 0 1px #db1976 inset;
}

.btn--pink:before {
  background-color: #db1976;
}

.btn--pink span {
  color: #db1976;
}

.btn--beige {
  box-shadow: 0 0 0 1px #dbab87 inset;
}

.btn--beige:before {
  background-color: #dbab87;
}

.btn--beige span {
  color: #dbab87;
}

.btn--gray {
  box-shadow: 0 0 0 1px #999 inset;
}

.btn--gray:before {
  background-color: #999;
}

.btn--gray span {
  color: #999;
}

@media only screen and (min-width: 1024px) {
  a.btn:hover:before {
    left: 0%;
    transform: scaleY(1);
    transform-origin: center bottom;
  }

  a.btn:hover span {
    color: #fff;
  }
}

@media only screen and (max-width: 1023px) {
  .btn:before {
    left: 0%;
    transform: scaleY(1);
    transform-origin: center bottom;
  }

  .btn span {
    color: #fff;
  }
}

h1,
h2,
h3,
h4 {
  font-weight: 500;
}

h3 {
  font-size: 24px;
  margin-bottom: 1em;
}

p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 1em;
}

@media only screen and (max-width: 767px) {
  h3 {
    font-size: 20px;
    margin-bottom: 1em;
  }
}


body {
  font-family: YuMincho, Yu Mincho, serif;
  color: #262422;
}

.ff-en {
  font-family: 'Sorts Mill Goudy', serif;
}

main {
  background: linear-gradient(to right, #fff 0%, #fff 80%, #69c 0%, #69c 100%)
}

header {
  position: absolute;
  top: 0;
  z-index: 9
}

.header__logo {
  width: 30vw;
  margin: 20px;
  display: block
}

@media (min-width: 768px) {
  .header__logo {
    width: 120px
  }
}


section {
  margin-bottom: 120px
}

section>div {
  position: relative;
}

section .inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

section .inner-2 {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}

.section-title {
  position: absolute;
  transform: translateY(-60%);
  z-index: 2;
}

.section-title-2 {
  position: relative;
  transform: translateY(-60%);
  z-index: 2;
}

.section-title h2,
.section-title-2 h2 {
  font-size: 36px;
  letter-spacing: 2px;
  line-height: 1.2;
}

.section-title h4,
.section-title-2 h4 {
  font-size: 15px;
  position: relative;
  width: 100%;
}

.section-title--right {
  right: 0;
  text-align: right;
}

/* .section-title--left h4 { left: 10px; } */
.section-title--left h4 {
  margin-bottom: 20px;
}

.section-title--right h4 {
  right: 10px;
}

@media (max-width: 767px) {
  .section-title {
    position: absolute;
    transform: translateY(-50%);
    z-index: 2;
  }

  section .inner-2 {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {

  .section-title,
  .section-title-2 {
    transform: translateY(-40%)
  }

  .section-title h2,
  .section-title-2 h2 {
    font-size: 48px;
    letter-spacing: 4px;
  }

  .section-title h2 br {
    display: none;
  }

  .section-title h4,
  .section-title h4 {
    font-size: 16px;
    letter-spacing: 2px;
  }

  /* .section-title--left h4 { left: 30px; } */
  .section-title--right h4 {
    right: 30px;
  }
}

@media (min-width: 1080px) {

  .section-title,
  .section-title-2 {
    transform: translateY(-40%)
  }

  .section-title h2,
  .section-title-2 h2 {
    font-size: 64px;
    letter-spacing: 6px;
  }

  .section-title h4,
  .section-title-2 h4 {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  section .inner {
    max-width: 90%;
  }
}

.hero {}

/* .hero-inner { position: relative; width:100%; max-width:1280px; margin:0 auto; background: #d9d7da } */
.hero-inner {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.hero__image {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 200%;
}

.hero__text {
  position: absolute;
  padding: 10px 30px 30px;
  bottom: 0;
  color: #fff;

}

.hero__text h4 {
  color: #FFCC66;
}

.hero__text h1 {
  font-size: 24px;
  margin: 20px 0;
}

.hero__buttonscontainer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.hero__button {
  width: 100%;
  margin: 10px 0 0;
  background: #fff;
}

@media (min-width: 768px) {
  .hero {
    padding: 20px;
  }

  .hero-inner {
    height: 500px;
  }

  .hero__image {
    width: 100%;
    height: 100%;
    padding-bottom: 0%;
  }

  .hero__text {
    position: absolute;
    left: 20px;
    top: 50%;
    width: 320px;
    transform: translateY(-50%)
  }
}

@media (min-width: 1080px) {
  .hero {
    padding: 40px;
  }

  .hero-inner {
    height: 600px;
  }

  .hero__image {
    width: 100%;
  }

  .hero__text {
    width: 380px;
  }

  .hero__text h1 {
    font-size: 28px;
  }
}

@media (min-width: 1280px) {
  .hero-inner {
    height: 680px;
  }

  .hero__text {
    width: 420px;
  }

  .hero__text h1 {
    font-size: 30px;
  }
}

.btn-wrapper {
  padding: 0 20px 140px;
}

.btn-wrapper .btn {
  max-width: 300px;
  margin: 0 auto;
}

#concept {}

.concept-top {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: #D1E0D1;
}

.concept__image {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 66%;
}

.concept__text {
  padding: 30px;
}

@media (min-width: 768px) {
  .concept-top {
    height: 500px;
  }

  .concept__image {
    width: 50%;
    height: 100%;
    padding-bottom: 0%;
    float: right;
  }

  .concept__text {
    padding-top:50px;
  }
}

@media (min-width: 1080px) {
  .concept-top {
    height: 600px;
  }

  .concept__image {
    width: 65%;
  }

  .concept__text {
    padding-top:100px;
  }
}

@media (max-width: 767px) {
  .concept-top {
    padding-top: 30px;
  }

  .concept__point__bg {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-size: cover;
    opacity: .9;
  }

  .concept__point__bg-2 {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 150%;
    background-size: cover;
    opacity: .9;
  }

  .concept__point__text {
    position: absolute;
    bottom: 20px;
    left: 30px;
    right: 30px;
    color: #fff;
  }
}

.concept__point {
  position: relative;
  background: #000;
  width: 50%;
}

.concept__point__bg:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 90%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.concept__point__bg-2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 90%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.concept__point__index {
  position: absolute;
  top: 30px;
  left: 30px;
  color: #fff;
}

.concept__point__index span {
  display: block;
  font-size: 30px
}

.concept__point__text-2 {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  color: #fff;
}

@media (min-width: 768px) {
  .concept__point__text {
    position: absolute;
    top: 240px;
    left: 30px;
    right: 30px;
    color: #fff;
  }

  .concept__point {
    width: 33.333%;
  }

  .concept__point__bg {
    padding-bottom: 100%;
    height: 450px;
    background-size: cover;
  }
}

@media (min-width: 1080px) {
  .concept__point__bg {
    padding-bottom: 100%;
    height: 0;
  }

  .concept__point__bg-2 {
    padding-bottom: 40%;
    height: 0;
  }
}

@media (max-width: 767px) {
  .concept__point__text-2 {
    position: absolute;
    bottom: 20px;
    left: 30px;
    right: 30px;
    color: #fff;
  }

  .concept__point__head {
    font-size: 16px;
  }

  .concept__point__body {
    font-size: 12px;
  }
}

#others {
  background: #C4D8EC;
}

.others__container {
  padding: 60px 20px 20px;
}

.others__item {
  display: flex;
  align-items: center;
  margin: 5px;
  background: #fff;
}

.others__img {
  flex: 0 0 30%;
}

.others__text {
  max-height: 200px;
  padding: 20px;
  font-size: 13px;
}

@media (min-width: 768px) {
  .others__container {
    padding: 80px 30px 30px;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .others__item {
    flex-direction: column;
    flex: 1;
  }

  .others__text {
    writing-mode: tb-rl;
    max-height: 210px;
    padding: 20px;
    font-size: 14px;
  }
}

@media (min-width: 1080px) {
  .others__container {
    padding: 100px 40px 60px;
  }
}


.recommend__list {
  padding-top: 60px;
  position: relative
}

.recommend__item {
  position: relative;
  margin-top: 30px;
  padding-top: 60px;
}

.recommend__index {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 20px;
  line-height: 1.1;
  z-index: 2;
}

.recommend__item:nth-of-type(odd) .recommend__index {
  text-align: right;
  left: auto;
  right: 0;
}

.recommend__index span {
  display: block;
  font-size: 40px;
  color: #5b91a5;
}

.recommend__img {
  margin-top: 0px;
  z-index: 1;
  position: relative;
  width: 85%
}

.recommend__item:nth-of-type(even) .recommend__img {
  margin-left: auto;
}

.recommend__text {
  top: -20px;
  margin: 0;
  z-index: 2;
  position: relative;
  background: #b4a68e;
  color: #fff;
  padding: 20px 40px;
  width: 95%;
  font-family: 'Noto Sans JP', sans-serif;
}

.recommend__text-1 {
  top: -20px;
  margin: 0;
  z-index: 2;
  position: relative;
  background: #ccc0ad;
  color: #fff;
  padding: 20px 40px;
  width: 95%;
  font-family: 'Noto Sans JP', sans-serif;
}

.recommend__text-2 {
  top: -20px;
  margin: 0;
  z-index: 2;
  position: relative;
  background: #bcb4a7;
  color: #fff;
  padding: 20px 40px;
  width: 95%;
  font-family: 'Noto Sans JP', sans-serif;
}

.recommend__text-3 {
  top: -20px;
  margin: 0;
  z-index: 2;
  position: relative;
  background: #9c9383;
  color: #fff;
  padding: 20px 40px;
  width: 95%;
  font-family: 'Noto Sans JP', sans-serif;
}

.recommend__item:nth-of-type(odd) .recommend__text {
  margin-left: auto;
}

@media (min-width: 768px) {
  .recommend__list {
    padding-bottom: 60px;
  }

  .recommend__item {
    margin-top: 80px;
    padding-top: 0;
  }

  .recommend__index {
    padding: 0 30px;
  }

  .recommend__img {
    width: 60%;
  }

  .recommend__text-1 {
    width: 50%;
    position: absolute;
    top: auto;
    bottom: -80px;
    margin: 0 0 40px;
    padding: 60px;
  }

  .recommend__text-2 {
    width: 50%;
    position: absolute;
    top: auto;
    bottom: -80px;
    margin: 0 0 40px;
    padding: 60px;
  }

  .recommend__text-3 {
    width: 50%;
    position: absolute;
    top: auto;
    bottom: -80px;
    margin: 0 0 40px;
    padding: 60px;
  }

  .recommend__item:nth-of-type(odd) .recommend__text {
    margin-left: auto;
    right: 0;
  }
}

@media (min-width: 1280px) {
  .recommend__item:nth-of-type(odd) .recommend__text {
    right: -40px;
  }

  .recommend__item:nth-of-type(odd) .recommend__text-1 {
    right: -40px;
  }

  .recommend__item:nth-of-type(odd) .recommend__text-2 {
    right: -40px;
  }

  .recommend__item:nth-of-type(odd) .recommend__text-3 {
    right: -40px;
  }
}

#uservoice {
  background: #f8f8f8;
}

.uservoice__container {
  padding: 60px 20px 20px;
}

.uservoice__item {
  background: #fff;
  border-top: 2px solid #6c9;
  padding: 20px;
  margin-bottom: 20px;
}

.uservoice__img {
  overflow: hidden;
}

.uservoice__text h3 {
  font-size: 15px;
  padding-left: 30px;
  position: relative;
}

.uservoice__text h3:before {
  content: "Q. ";
  position: absolute;
  left: 0;
  color: #c17b47;
}

@media (min-width: 768px) {
  .uservoice__container {
    padding: 80px 30px 30px;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .uservoice__item {
    margin: 10px;
  }
}

@media (min-width: 1080px) {
  .uservoice__container {
    padding: 100px 40px 60px;
  }

  .uservoice__item {
    padding: 30px;
  }

  .uservoice__text h3 {
    font-size: 16px;
  }
}

#qanda {
  background: #eee;
}

.qanda__container {
  padding: 60px 20px 20px;
}

.qanda__item {
  background: #fff;
  border-top: 2px solid #c17b47;
  padding: 20px;
  margin-bottom: 20px;
}

.qanda__q {
  padding-left: 30px;
  position: relative;
  font-size: 15px;
}

.qanda__q:before {
  content: "Q. ";
  position: absolute;
  left: 0;
  color: #c17b47;
}

.qanda__a:before {
  content: "A. ";
}

@media (min-width: 768px) {
  .qanda__container {
    padding: 80px 30px 30px;
  }

  .qanda__q {
    font-size: 18px;
  }
}

@media (min-width: 1080px) {
  .qanda__container {
    padding: 100px 40px 60px;
  }
}

#banners {}

#banners .flex {
  padding: 0 30px;
}

#banners .flex>.banner {
  margin-bottom: 40px;
}

#banners img {
  display: block;
  width: 100%;
}

.banner_text {
  text-align: center;
  padding: 10px;
  background: #5b91a5;
  color: #fff;
  font-size: 16px;
}

.banner_text span {
  display: inline-block;
  font-size: 12px;
}

.banner_text--pink {
  background: #db1976;
}

.banner_text--gray {
  background: #999;
}

main>section:last-child {
  margin-bottom: 0;
  padding-bottom: 120px;
}

@media (min-width: 768px) {
  #banners .flex {
    margin: 0 20px;
    padding: 0;
  }

  #banners .flex>.banner {
    padding: 10px;
    width: 50%;
  }
}

@media (min-width: 1080px) {
  #banners .flex>.banner {
    padding: 20px;
  }
}

@media (min-width: 1280px) {
  #banners .flex {
    margin: 0 -20px;
  }
}

/* Footer */

.ec-footerRole {
  background: #e2ebed;
  color: #251e1d;
  border: 0px;
  padding-top: 30px;
}

.ec-footerRole .ec-footerRole__inner {
  margin: 0 auto;
  text-align: center;
  color: #251e1d;
}

.ec-footerRole__logo img {
  width: 75px !important;
  margin-bottom: 30px;
}

.ec-footerRole__list {
  width: 100%;
  display: flex;
  padding: 40px 0px 30px;
  border-top: 1px solid #d6dedf;
}

.ec-footerRole__list .ec-footerRole__item {
  flex: 1;
}

.ec-footerRole__list .ec-footerRole__item ul {
  display: block;
  width: 100%;
  margin: 0;
}

.ec-footerRole__list .ec-footerRole__item ul li {
  margin-bottom: 30px;
  display: block;
  text-align: left;
}

.ec-footerRole__list .ec-footerRole__item ul li a,
.ec-footerRole__list .ec-footerRole__item ul li a:hover {
  color: #251e1d;
  text-decoration: none;
  font-family: hirakakupro-w6;
  font-size: 13px;
}

.ec-footerRole__list2 {
  padding: 20px 0px;
  margin: 0px;
  border-bottom: 1px solid #d6dedf;
  display: flex;
}

.ec-footerRole__list2 .ec-footerRole__items {
  flex: 1;
  display: flex;
}

.ec-footerRole__list2 .ec-footerRole__items a,
.ec-footerRole__list2 .ec-footerRole__items a:hover {
  color: #251e1d;
  text-decoration: none;
  font-family: hirakakupro-w3;
  font-size: 12px;
  margin-right: 50px;
  display: inline-block;
  line-height: 22px;
}

.ec-footerRole__social {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.ec-footerRole__social a,
.ec-footerRole__social a:hover {
  display: inline-block;
  text-decoration: none;
  margin: 10px;
}

.ec-footerRole__social a img {
  height: 20px;
  margin-right: 7px;
  width: auto;
}

.ec-footerRole__social a span {
  font-family: hirakakupro-w3;
  font-size: 12px;
  color: #251e1d;
}

.ec-footerTitle2 {
  padding: 20px 15px;
  text-align: center;
  border-top: 1px solid #d6dedf;
  border-bottom: 1px solid #d6dedf;
}

.ec-footerTitle {
  padding: 20px 15px 60px;
  text-align: center;
}

.ec-footerTitle__copyright {
  font-size: 12px;
  color: #251e1d;
}


@media (max-width: 768px) {
  .ec-footerRole__logo {
    padding: 7vw 0;
  }

  .ec-footerRole__logo img {
    margin-bottom: 0;
    width: 40vw !important;
  }

  .ec-footerRole__list,
  .ec-footerRole__list2 {
    flex-wrap: wrap;
  }

  .ec-footerRole__list2.sp {
    display: block;
    padding: 6vw 0;
    border-top: 1px solid #d6dedf;
  }

  .ec-footerRole__list2 .ec-footerRole__social {
    display: flex;
    margin-bottom: 4vw;
  }

  .ec-footerRole__list2 .ec-footerRole__social a,
  .ec-footerRole__list2 .ec-footerRole__social a:hover {
    flex: 1;
    margin: 0;
    display: flex;
    border-right: 1px solid #d6dedf;
    padding: 0 10vw;
  }

  .ec-footerRole__list2 .ec-footerRole__social a:last-child {
    border: 0px;
  }

  .ec-footerRole__list2 .ec-footerRole__social a img {
    width: auto;
    margin-right: 2vw;
    height: 4vw;
    margin-top: 1vw;
  }

  .ec-footerRole__list2 .ec-footerRole__social a span {
    font-size: 4vw;
  }

  .ec-footerRole__list2 .ec-footerRole__items {
    padding: 0 10vw;
    flex-wrap: wrap;
    justify-content: center;
  }

  .ec-footerRole__list2 .ec-footerRole__items a,
  .ec-footerRole__list2 .ec-footerRole__items a:hover {
    font-size: 3vw;
    margin-right: 4vw;
    line-height: 6vw;
  }

  .ec-footerRole__list .ec-footerRole__item {
    flex: 0 1 50%;
  }

  .ec-footerNavi .ec-footerNavi__link a {
    text-align: center;
    border-bottom: none;
  }
}

@media only screen and (min-width: 768px) {
  .ec-footerRole {
    padding-top: 40px;
  }
}

@media only screen and (min-width: 768px) {
  .ec-footerRole .ec-footerRole__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    width: 100%;
    max-width: 1130px;
  }
}

.ec-footerNavi {
  padding: 0;
  color: white;
  list-style: none;
  text-align: center;
}

.ec-footerNavi .ec-footerNavi__link {
  display: block;
}

@media only screen and (min-width: 768px) {
  .ec-footerNavi .ec-footerNavi__link {
    display: inline-block;
  }
}

.ec-footerNavi .ec-footerNavi__link a {
  display: block;
  padding: 15px 0;
  font-size: 14px;
  color: inherit;
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .ec-footerNavi .ec-footerNavi__link a {
    display: inline-block;
    border-bottom: 1px solid #7d7d7d;
    border-bottom: none;
    margin: 0 10px;
    padding: 0;
    text-decoration: underline;
  }
}

.ec-footerNavi .ec-footerNavi__link:hover a {
  opacity: .8;
  text-decoration: none;
}

.ec-footerTitle .ec-footerTitle__logo {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}

.ec-footerTitle .ec-footerTitle__logo a {
  font-size: 22px;
  color: inherit;
}

@media only screen and (min-width: 768px) {
  .ec-footerTitle .ec-footerTitle__logo a {
    font-size: 24px;
  }
}

.ec-footerTitle .ec-footerTitle__logo:hover a {
  opacity: .8;
  text-decoration: none;
}

.ec-footerTitle .ec-footerTitle__copyright {
  font-size: 10px;
}

@media only screen and (min-width: 768px) {
  .ec-footerTitle .ec-footerTitle__copyright {}

  font-size: 12px;
  .ec-footerTitle__copyrightfont-size.ec-footerTitle__copyrightfont-size.ec-footerTitle__copyrightfont-size.ec-footerTitle__copyrightfont-size.ec-footerTitle__copyrightfont-size.ec-footerTitle__copyrightfont-size.ec-footerTitle__copyrightfont-size.ec-footerTitle__copyrightfont-size.ec-footerTitle__copyrightfont-size.ec-footerTitle__copyrightfont-size.ec-footerTitle__copyrightfont-size.ec-footerTitle__copyrightfont-size
}

/* line 432, ../scss/main.scss */
.grid {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -12px;
}

@media only screen and (min-width: 1024px) {

  /* line 432, ../scss/main.scss */
  .grid {
    margin-left: -24px;
  }
}

/* line 441, ../scss/main.scss */
.grid.grid--reverse {
  flex-direction: row-reverse;
}

/* line 446, ../scss/main.scss */
.grid__item {
  padding-left: 12px;
  padding-bottom: 12px;
  width: 100%;
  min-height: 1px;
}

/* line 451, ../scss/main.scss */
.grid__item>a {
  display: block;
  overflow: hidden;
}

@media only screen and (min-width: 1024px) {

  /* line 446, ../scss/main.scss */
  .grid__item {
    padding-left: 24px;
    padding-bottom: 24px;
  }
}

/* line 459, ../scss/main.scss */
.grid__item.h100 {
  height: 100%;
}

/* line 464, ../scss/main.scss */
.grid--no-gutters {
  margin-left: 0;
}

/* line 466, ../scss/main.scss */
.grid--no-gutters>.grid__item {
  padding-left: 0;
  padding-bottom: 0;
}

/* line 472, ../scss/main.scss */
.grid--large-gutters {
  margin-left: -24px;
}

/* line 475, ../scss/main.scss */
.grid--large-gutters .grid__item {
  padding-left: 24px;
}

@media only screen and (min-width: 1024px) {

  /* line 472, ../scss/main.scss */
  .grid--large-gutters {
    margin-left: -48px;
  }

  /* line 480, ../scss/main.scss */
  .grid--large-gutters .grid__item {
    padding-left: 48px;
  }
}

/* line 487, ../scss/main.scss */
.grid--flush-bottom {
  margin-bottom: -24px;
  overflow: auto;
}

/* line 491, ../scss/main.scss */
.grid--flush-bottom>.grid__item {
  margin-bottom: 24px;
}

/* line 496, ../scss/main.scss */
.grid--align-bottom {
  align-items: flex-end;
}

/* line 497, ../scss/main.scss */
.grid--align-center {
  align-items: center;
}

/* line 498, ../scss/main.scss */
.grid--align-top {
  align-items: flex-start;
}

/* line 499, ../scss/main.scss */
.grid--justify-center {
  justify-content: center;
}

/* line 501, ../scss/main.scss */
.grid--full {
  margin-left: 0;
}

/* line 504, ../scss/main.scss */
.grid--full>.grid__item {
  padding-left: 0;
}

@media only screen and (max-width: 767px) {

  /* line 510, ../scss/main.scss */
  .grid-overflow-wrapper {
    margin: 0 0 16px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* line 514, ../scss/main.scss */
  .grid-overflow-wrapper .grid {
    white-space: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  /* line 518, ../scss/main.scss */
  .grid-overflow-wrapper .grid:after {
    content: "";
    width: 30px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {

  /* line 518, ../scss/main.scss */
  .grid-overflow-wrapper .grid:after {
    width: 16px;
  }
}

@media only screen and (max-width: 767px) {

  /* line 527, ../scss/main.scss */
  .grid-overflow-wrapper .grid:after {
    width: 16px;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    display: inline-block;
  }

  /* line 534, ../scss/main.scss */
  .grid-overflow-wrapper .grid__item {
    width: 180px;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
    white-space: normal;
  }

  /* line 539, ../scss/main.scss */
  .grid-overflow-wrapper .grid__item:first-child {
    margin-left: 16px;
  }

  /* line 545, ../scss/main.scss */
  .grid-overflow-wrapper::-webkit-scrollbar {
    width: 1px;
    height: 1px;
  }
}

/*============================================================================
	Grid Columns
		- Create width classes, prepended by the breakpoint name.
==============================================================================*/
/*================ Grid push classes ================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Build Base Grid Classes ================*/
/* Whole */
/* line 559, ../scss/main.scss */
.one-whole {
  width: 100%;
}

/* Halves */
/* line 562, ../scss/main.scss */
.one-half {
  width: 50%;
}

/* Thirds */
/* line 565, ../scss/main.scss */
.one-third {
  width: 33.33333%;
}

/* line 566, ../scss/main.scss */
.two-thirds {
  width: 66.66667%;
}

/* Quarters */
/* line 569, ../scss/main.scss */
.one-quarter {
  width: 25%;
}

/* line 570, ../scss/main.scss */
.two-quarters {
  width: 50%;
}

/* line 571, ../scss/main.scss */
.three-quarters {
  width: 75%;
}

/* Fifths */
/* line 574, ../scss/main.scss */
.one-fifth {
  width: 20%;
}

/* line 575, ../scss/main.scss */
.two-fifths {
  width: 40%;
}

/* line 576, ../scss/main.scss */
.three-fifths {
  width: 60%;
}

/* line 577, ../scss/main.scss */
.four-fifths {
  width: 80%;
}

/* Sixths */
/* line 580, ../scss/main.scss */
.one-sixth {
  width: 16.66667%;
}

/* line 581, ../scss/main.scss */
.two-sixths {
  width: 33.33333%;
}

/* line 582, ../scss/main.scss */
.three-sixths {
  width: 50%;
}

/* line 583, ../scss/main.scss */
.four-sixths {
  width: 66.66667%;
}

/* line 584, ../scss/main.scss */
.five-sixths {
  width: 83.33333%;
}

/* Eighths */
/* line 587, ../scss/main.scss */
.one-eighth {
  width: 12.5%;
}

/* line 588, ../scss/main.scss */
.two-eighths {
  width: 25%;
}

/* line 589, ../scss/main.scss */
.three-eighths {
  width: 37.5%;
}

/* line 590, ../scss/main.scss */
.four-eighths {
  width: 50%;
}

/* line 591, ../scss/main.scss */
.five-eighths {
  width: 62.5%;
}

/* line 592, ../scss/main.scss */
.six-eighths {
  width: 75%;
}

/* line 593, ../scss/main.scss */
.seven-eighths {
  width: 87.5%;
}

/* Tenths */
/* line 596, ../scss/main.scss */
.one-tenth {
  width: 10%;
}

/* line 597, ../scss/main.scss */
.two-tenths {
  width: 20%;
}

/* line 598, ../scss/main.scss */
.three-tenths {
  width: 30%;
}

/* line 599, ../scss/main.scss */
.four-tenths {
  width: 40%;
}

/* line 600, ../scss/main.scss */
.five-tenths {
  width: 50%;
}

/* line 601, ../scss/main.scss */
.six-tenths {
  width: 60%;
}

/* line 602, ../scss/main.scss */
.seven-tenths {
  width: 70%;
}

/* line 603, ../scss/main.scss */
.eight-tenths {
  width: 80%;
}

/* line 604, ../scss/main.scss */
.nine-tenths {
  width: 90%;
}

/* Twelfths */
/* line 607, ../scss/main.scss */
.one-twelfth {
  width: 8.33333%;
}

/* line 608, ../scss/main.scss */
.two-twelfths {
  width: 16.66667%;
}

/* line 609, ../scss/main.scss */
.three-twelfths {
  width: 25%;
}

/* line 610, ../scss/main.scss */
.four-twelfths {
  width: 33.33333%;
}

/* line 611, ../scss/main.scss */
.five-twelfths {
  width: 41.66667%;
}

/* line 612, ../scss/main.scss */
.six-twelfths {
  width: 50%;
}

/* line 613, ../scss/main.scss */
.seven-twelfths {
  width: 58.33333%;
}

/* line 614, ../scss/main.scss */
.eight-twelfths {
  width: 66.66667%;
}

/* line 615, ../scss/main.scss */
.nine-twelfths {
  width: 75%;
}

/* line 616, ../scss/main.scss */
.ten-twelfths {
  width: 83.33333%;
}

/* line 617, ../scss/main.scss */
.eleven-twelfths {
  width: 91.66667%;
}

/* line 233, ../scss/main.scss */
.show {
  display: block !important;
}

/* line 237, ../scss/main.scss */
.hide {
  display: none !important;
}

/* line 245, ../scss/main.scss */
.text-left {
  text-align: left !important;
}

/* line 249, ../scss/main.scss */
.text-right {
  text-align: right !important;
}

/* line 253, ../scss/main.scss */
.text-center {
  text-align: center !important;
}

/* line 255, ../scss/main.scss */
.text-center hr {
  margin-left: auto;
  margin-right: auto;
}

/* line 261, ../scss/main.scss */
.bg2nd {
  background: #d7e3dd;
  padding: 1px 0;
}

/* line 266, ../scss/main.scss */
.bgPink {
  background: #f4f2ea;
  padding: 1px 0;
}

/*================ Build Responsive Grid Classes ================*/
@media only screen and (max-width: 767px) {

  /* Whole */
  /* line 559, ../scss/main.scss */
  .small--one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 562, ../scss/main.scss */
  .small--one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 565, ../scss/main.scss */
  .small--one-third {
    width: 33.33333%;
  }

  /* line 566, ../scss/main.scss */
  .small--two-thirds {
    width: 66.66667%;
  }

  /* Quarters */
  /* line 569, ../scss/main.scss */
  .small--one-quarter {
    width: 25%;
  }

  /* line 570, ../scss/main.scss */
  .small--two-quarters {
    width: 50%;
  }

  /* line 571, ../scss/main.scss */
  .small--three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 574, ../scss/main.scss */
  .small--one-fifth {
    width: 20%;
  }

  /* line 575, ../scss/main.scss */
  .small--two-fifths {
    width: 40%;
  }

  /* line 576, ../scss/main.scss */
  .small--three-fifths {
    width: 60%;
  }

  /* line 577, ../scss/main.scss */
  .small--four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 580, ../scss/main.scss */
  .small--one-sixth {
    width: 16.66667%;
  }

  /* line 581, ../scss/main.scss */
  .small--two-sixths {
    width: 33.33333%;
  }

  /* line 582, ../scss/main.scss */
  .small--three-sixths {
    width: 50%;
  }

  /* line 583, ../scss/main.scss */
  .small--four-sixths {
    width: 66.66667%;
  }

  /* line 584, ../scss/main.scss */
  .small--five-sixths {
    width: 83.33333%;
  }

  /* Eighths */
  /* line 587, ../scss/main.scss */
  .small--one-eighth {
    width: 12.5%;
  }

  /* line 588, ../scss/main.scss */
  .small--two-eighths {
    width: 25%;
  }

  /* line 589, ../scss/main.scss */
  .small--three-eighths {
    width: 37.5%;
  }

  /* line 590, ../scss/main.scss */
  .small--four-eighths {
    width: 50%;
  }

  /* line 591, ../scss/main.scss */
  .small--five-eighths {
    width: 62.5%;
  }

  /* line 592, ../scss/main.scss */
  .small--six-eighths {
    width: 75%;
  }

  /* line 593, ../scss/main.scss */
  .small--seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 596, ../scss/main.scss */
  .small--one-tenth {
    width: 10%;
  }

  /* line 597, ../scss/main.scss */
  .small--two-tenths {
    width: 20%;
  }

  /* line 598, ../scss/main.scss */
  .small--three-tenths {
    width: 30%;
  }

  /* line 599, ../scss/main.scss */
  .small--four-tenths {
    width: 40%;
  }

  /* line 600, ../scss/main.scss */
  .small--five-tenths {
    width: 50%;
  }

  /* line 601, ../scss/main.scss */
  .small--six-tenths {
    width: 60%;
  }

  /* line 602, ../scss/main.scss */
  .small--seven-tenths {
    width: 70%;
  }

  /* line 603, ../scss/main.scss */
  .small--eight-tenths {
    width: 80%;
  }

  /* line 604, ../scss/main.scss */
  .small--nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 607, ../scss/main.scss */
  .small--one-twelfth {
    width: 8.33333%;
  }

  /* line 608, ../scss/main.scss */
  .small--two-twelfths {
    width: 16.66667%;
  }

  /* line 609, ../scss/main.scss */
  .small--three-twelfths {
    width: 25%;
  }

  /* line 610, ../scss/main.scss */
  .small--four-twelfths {
    width: 33.33333%;
  }

  /* line 611, ../scss/main.scss */
  .small--five-twelfths {
    width: 41.66667%;
  }

  /* line 612, ../scss/main.scss */
  .small--six-twelfths {
    width: 50%;
  }

  /* line 613, ../scss/main.scss */
  .small--seven-twelfths {
    width: 58.33333%;
  }

  /* line 614, ../scss/main.scss */
  .small--eight-twelfths {
    width: 66.66667%;
  }

  /* line 615, ../scss/main.scss */
  .small--nine-twelfths {
    width: 75%;
  }

  /* line 616, ../scss/main.scss */
  .small--ten-twelfths {
    width: 83.33333%;
  }

  /* line 617, ../scss/main.scss */
  .small--eleven-twelfths {
    width: 91.66667%;
  }

  /* line 686, ../scss/main.scss */
  .grid--uniform .small--one-half:nth-child(2n+1),
  .grid--uniform .small--one-third:nth-child(3n+1),
  .grid--uniform .small--one-quarter:nth-child(4n+1),
  .grid--uniform .small--one-fifth:nth-child(5n+1),
  .grid--uniform .small--one-sixth:nth-child(6n+1),
  .grid--uniform .small--two-sixths:nth-child(3n+1),
  .grid--uniform .small--three-sixths:nth-child(2n+1),
  .grid--uniform .small--one-eighth:nth-child(8n+1),
  .grid--uniform .small--two-eighths:nth-child(4n+1),
  .grid--uniform .small--four-eighths:nth-child(2n+1),
  .grid--uniform .small--five-tenths:nth-child(2n+1),
  .grid--uniform .small--one-twelfth:nth-child(12n+1),
  .grid--uniform .small--two-twelfths:nth-child(6n+1),
  .grid--uniform .small--three-twelfths:nth-child(4n+1),
  .grid--uniform .small--four-twelfths:nth-child(3n+1),
  .grid--uniform .small--six-twelfths:nth-child(2n+1) {
    clear: both;
  }

  /* line 704, ../scss/main.scss */
  .collection-2 .grid--uniform-2 .small--one-half:nth-child(2n+1),
  .collection-2 .grid--uniform-2 .small--one-third:nth-child(3n+1),
  .collection-2 .grid--uniform-2 .small--one-quarter:nth-child(4n+1),
  .collection-2 .grid--uniform-2 .small--one-fifth:nth-child(5n+1),
  .collection-2 .grid--uniform-2 .small--one-sixth:nth-child(6n+1),
  .collection-2 .grid--uniform-2 .small--two-sixths:nth-child(3n+1),
  .collection-2 .grid--uniform-2 .small--three-sixths:nth-child(2n+1),
  .collection-2 .grid--uniform-2 .small--one-eighth:nth-child(8n+1),
  .collection-2 .grid--uniform-2 .small--two-eighths:nth-child(4n+1),
  .collection-2 .grid--uniform-2 .small--four-eighths:nth-child(2n+1),
  .collection-2 .grid--uniform-2 .small--five-tenths:nth-child(2n+1),
  .collection-2 .grid--uniform-2 .small--one-twelfth:nth-child(12n+1),
  .collection-2 .grid--uniform-2 .small--two-twelfths:nth-child(6n+1),
  .collection-2 .grid--uniform-2 .small--three-twelfths:nth-child(4n+1),
  .collection-2 .grid--uniform-2 .small--four-twelfths:nth-child(3n+1),
  .collection-2 .grid--uniform-2 .small--six-twelfths:nth-child(2n+1) {
    clear: unset;
  }
}

@media only screen and (min-width: 768px) {

  /* Whole */
  /* line 559, ../scss/main.scss */
  .medium-up--one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 562, ../scss/main.scss */
  .medium-up--one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 565, ../scss/main.scss */
  .medium-up--one-third {
    width: 33.33333%;
  }

  /* line 566, ../scss/main.scss */
  .medium-up--two-thirds {
    width: 66.66667%;
  }

  /* Quarters */
  /* line 569, ../scss/main.scss */
  .medium-up--one-quarter {
    width: 25%;
  }

  /* line 570, ../scss/main.scss */
  .medium-up--two-quarters {
    width: 50%;
  }

  /* line 571, ../scss/main.scss */
  .medium-up--three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 574, ../scss/main.scss */
  .medium-up--one-fifth {
    width: 20%;
  }

  /* line 575, ../scss/main.scss */
  .medium-up--two-fifths {
    width: 40%;
  }

  /* line 576, ../scss/main.scss */
  .medium-up--three-fifths {
    width: 60%;
  }

  /* line 577, ../scss/main.scss */
  .medium-up--four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 580, ../scss/main.scss */
  .medium-up--one-sixth {
    width: 16.66667%;
  }

  /* line 581, ../scss/main.scss */
  .medium-up--two-sixths {
    width: 33.33333%;
  }

  /* line 582, ../scss/main.scss */
  .medium-up--three-sixths {
    width: 50%;
  }

  /* line 583, ../scss/main.scss */
  .medium-up--four-sixths {
    width: 66.66667%;
  }

  /* line 584, ../scss/main.scss */
  .medium-up--five-sixths {
    width: 83.33333%;
  }

  /* Eighths */
  /* line 587, ../scss/main.scss */
  .medium-up--one-eighth {
    width: 12.5%;
  }

  /* line 588, ../scss/main.scss */
  .medium-up--two-eighths {
    width: 25%;
  }

  /* line 589, ../scss/main.scss */
  .medium-up--three-eighths {
    width: 37.5%;
  }

  /* line 590, ../scss/main.scss */
  .medium-up--four-eighths {
    width: 50%;
  }

  /* line 591, ../scss/main.scss */
  .medium-up--five-eighths {
    width: 62.5%;
  }

  /* line 592, ../scss/main.scss */
  .medium-up--six-eighths {
    width: 75%;
  }

  /* line 593, ../scss/main.scss */
  .medium-up--seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 596, ../scss/main.scss */
  .medium-up--one-tenth {
    width: 10%;
  }

  /* line 597, ../scss/main.scss */
  .medium-up--two-tenths {
    width: 20%;
  }

  /* line 598, ../scss/main.scss */
  .medium-up--three-tenths {
    width: 30%;
  }

  /* line 599, ../scss/main.scss */
  .medium-up--four-tenths {
    width: 40%;
  }

  /* line 600, ../scss/main.scss */
  .medium-up--five-tenths {
    width: 50%;
  }

  /* line 601, ../scss/main.scss */
  .medium-up--six-tenths {
    width: 60%;
  }

  /* line 602, ../scss/main.scss */
  .medium-up--seven-tenths {
    width: 70%;
  }

  /* line 603, ../scss/main.scss */
  .medium-up--eight-tenths {
    width: 80%;
  }

  /* line 604, ../scss/main.scss */
  .medium-up--nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 607, ../scss/main.scss */
  .medium-up--one-twelfth {
    width: 8.33333%;
  }

  /* line 608, ../scss/main.scss */
  .medium-up--two-twelfths {
    width: 16.66667%;
  }

  /* line 609, ../scss/main.scss */
  .medium-up--three-twelfths {
    width: 25%;
  }

  /* line 610, ../scss/main.scss */
  .medium-up--four-twelfths {
    width: 33.33333%;
  }

  /* line 611, ../scss/main.scss */
  .medium-up--five-twelfths {
    width: 41.66667%;
  }

  /* line 612, ../scss/main.scss */
  .medium-up--six-twelfths {
    width: 50%;
  }

  /* line 613, ../scss/main.scss */
  .medium-up--seven-twelfths {
    width: 58.33333%;
  }

  /* line 614, ../scss/main.scss */
  .medium-up--eight-twelfths {
    width: 66.66667%;
  }

  /* line 615, ../scss/main.scss */
  .medium-up--nine-twelfths {
    width: 75%;
  }

  /* line 616, ../scss/main.scss */
  .medium-up--ten-twelfths {
    width: 83.33333%;
  }

  /* line 617, ../scss/main.scss */
  .medium-up--eleven-twelfths {
    width: 91.66667%;
  }

  /* line 686, ../scss/main.scss */
  .grid--uniform .medium-up--one-half:nth-child(2n+1),
  .grid--uniform .medium-up--one-third:nth-child(3n+1),
  .grid--uniform .medium-up--one-quarter:nth-child(4n+1),
  .grid--uniform .medium-up--one-fifth:nth-child(5n+1),
  .grid--uniform .medium-up--one-sixth:nth-child(6n+1),
  .grid--uniform .medium-up--two-sixths:nth-child(3n+1),
  .grid--uniform .medium-up--three-sixths:nth-child(2n+1),
  .grid--uniform .medium-up--one-eighth:nth-child(8n+1),
  .grid--uniform .medium-up--two-eighths:nth-child(4n+1),
  .grid--uniform .medium-up--four-eighths:nth-child(2n+1),
  .grid--uniform .medium-up--five-tenths:nth-child(2n+1),
  .grid--uniform .medium-up--one-twelfth:nth-child(12n+1),
  .grid--uniform .medium-up--two-twelfths:nth-child(6n+1),
  .grid--uniform .medium-up--three-twelfths:nth-child(4n+1),
  .grid--uniform .medium-up--four-twelfths:nth-child(3n+1),
  .grid--uniform .medium-up--six-twelfths:nth-child(2n+1) {
    clear: both;
  }

  /* line 704, ../scss/main.scss */
  .collection-2 .grid--uniform-2 .medium-up--one-half:nth-child(2n+1),
  .collection-2 .grid--uniform-2 .medium-up--one-third:nth-child(3n+1),
  .collection-2 .grid--uniform-2 .medium-up--one-quarter:nth-child(4n+1),
  .collection-2 .grid--uniform-2 .medium-up--one-fifth:nth-child(5n+1),
  .collection-2 .grid--uniform-2 .medium-up--one-sixth:nth-child(6n+1),
  .collection-2 .grid--uniform-2 .medium-up--two-sixths:nth-child(3n+1),
  .collection-2 .grid--uniform-2 .medium-up--three-sixths:nth-child(2n+1),
  .collection-2 .grid--uniform-2 .medium-up--one-eighth:nth-child(8n+1),
  .collection-2 .grid--uniform-2 .medium-up--two-eighths:nth-child(4n+1),
  .collection-2 .grid--uniform-2 .medium-up--four-eighths:nth-child(2n+1),
  .collection-2 .grid--uniform-2 .medium-up--five-tenths:nth-child(2n+1),
  .collection-2 .grid--uniform-2 .medium-up--one-twelfth:nth-child(12n+1),
  .collection-2 .grid--uniform-2 .medium-up--two-twelfths:nth-child(6n+1),
  .collection-2 .grid--uniform-2 .medium-up--three-twelfths:nth-child(4n+1),
  .collection-2 .grid--uniform-2 .medium-up--four-twelfths:nth-child(3n+1),
  .collection-2 .grid--uniform-2 .medium-up--six-twelfths:nth-child(2n+1) {
    clear: unset;
  }
}

@media only screen and (min-width: 1024px) {

  /* Whole */
  /* line 559, ../scss/main.scss */
  .large-up--one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 562, ../scss/main.scss */
  .large-up--one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 565, ../scss/main.scss */
  .large-up--one-third {
    width: 33.33333%;
  }

  /* line 566, ../scss/main.scss */
  .large-up--two-thirds {
    width: 66.66667%;
  }

  /* Quarters */
  /* line 569, ../scss/main.scss */
  .large-up--one-quarter {
    width: 25%;
  }

  /* line 570, ../scss/main.scss */
  .large-up--two-quarters {
    width: 50%;
  }

  /* line 571, ../scss/main.scss */
  .large-up--three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 574, ../scss/main.scss */
  .large-up--one-fifth {
    width: 20%;
  }

  /* line 575, ../scss/main.scss */
  .large-up--two-fifths {
    width: 40%;
  }

  /* line 576, ../scss/main.scss */
  .large-up--three-fifths {
    width: 60%;
  }

  /* line 577, ../scss/main.scss */
  .large-up--four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 580, ../scss/main.scss */
  .large-up--one-sixth {
    width: 16.66667%;
  }

  /* line 581, ../scss/main.scss */
  .large-up--two-sixths {
    width: 33.33333%;
  }

  /* line 582, ../scss/main.scss */
  .large-up--three-sixths {
    width: 50%;
  }

  /* line 583, ../scss/main.scss */
  .large-up--four-sixths {
    width: 66.66667%;
  }

  /* line 584, ../scss/main.scss */
  .large-up--five-sixths {
    width: 83.33333%;
  }

  /* Eighths */
  /* line 587, ../scss/main.scss */
  .large-up--one-eighth {
    width: 12.5%;
  }

  /* line 588, ../scss/main.scss */
  .large-up--two-eighths {
    width: 25%;
  }

  /* line 589, ../scss/main.scss */
  .large-up--three-eighths {
    width: 37.5%;
  }

  /* line 590, ../scss/main.scss */
  .large-up--four-eighths {
    width: 50%;
  }

  /* line 591, ../scss/main.scss */
  .large-up--five-eighths {
    width: 62.5%;
  }

  /* line 592, ../scss/main.scss */
  .large-up--six-eighths {
    width: 75%;
  }

  /* line 593, ../scss/main.scss */
  .large-up--seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 596, ../scss/main.scss */
  .large-up--one-tenth {
    width: 10%;
  }

  /* line 597, ../scss/main.scss */
  .large-up--two-tenths {
    width: 20%;
  }

  /* line 598, ../scss/main.scss */
  .large-up--three-tenths {
    width: 30%;
  }

  /* line 599, ../scss/main.scss */
  .large-up--four-tenths {
    width: 40%;
  }

  /* line 600, ../scss/main.scss */
  .large-up--five-tenths {
    width: 50%;
  }

  /* line 601, ../scss/main.scss */
  .large-up--six-tenths {
    width: 60%;
  }

  /* line 602, ../scss/main.scss */
  .large-up--seven-tenths {
    width: 70%;
  }

  /* line 603, ../scss/main.scss */
  .large-up--eight-tenths {
    width: 80%;
  }

  /* line 604, ../scss/main.scss */
  .large-up--nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 607, ../scss/main.scss */
  .large-up--one-twelfth {
    width: 8.33333%;
  }

  /* line 608, ../scss/main.scss */
  .large-up--two-twelfths {
    width: 16.66667%;
  }

  /* line 609, ../scss/main.scss */
  .large-up--three-twelfths {
    width: 25%;
  }

  /* line 610, ../scss/main.scss */
  .large-up--four-twelfths {
    width: 33.33333%;
  }

  /* line 611, ../scss/main.scss */
  .large-up--five-twelfths {
    width: 41.66667%;
  }

  /* line 612, ../scss/main.scss */
  .large-up--six-twelfths {
    width: 50%;
  }

  /* line 613, ../scss/main.scss */
  .large-up--seven-twelfths {
    width: 58.33333%;
  }

  /* line 614, ../scss/main.scss */
  .large-up--eight-twelfths {
    width: 66.66667%;
  }

  /* line 615, ../scss/main.scss */
  .large-up--nine-twelfths {
    width: 75%;
  }

  /* line 616, ../scss/main.scss */
  .large-up--ten-twelfths {
    width: 83.33333%;
  }

  /* line 617, ../scss/main.scss */
  .large-up--eleven-twelfths {
    width: 91.66667%;
  }

  /* line 686, ../scss/main.scss */
  .grid--uniform .large-up--one-half:nth-child(2n+1),
  .grid--uniform .large-up--one-third:nth-child(3n+1),
  .grid--uniform .large-up--one-quarter:nth-child(4n+1),
  .grid--uniform .large-up--one-fifth:nth-child(5n+1),
  .grid--uniform .large-up--one-sixth:nth-child(6n+1),
  .grid--uniform .large-up--two-sixths:nth-child(3n+1),
  .grid--uniform .large-up--three-sixths:nth-child(2n+1),
  .grid--uniform .large-up--one-eighth:nth-child(8n+1),
  .grid--uniform .large-up--two-eighths:nth-child(4n+1),
  .grid--uniform .large-up--four-eighths:nth-child(2n+1),
  .grid--uniform .large-up--five-tenths:nth-child(2n+1),
  .grid--uniform .large-up--one-twelfth:nth-child(12n+1),
  .grid--uniform .large-up--two-twelfths:nth-child(6n+1),
  .grid--uniform .large-up--three-twelfths:nth-child(4n+1),
  .grid--uniform .large-up--four-twelfths:nth-child(3n+1),
  .grid--uniform .large-up--six-twelfths:nth-child(2n+1) {
    clear: both;
  }

  /* line 704, ../scss/main.scss */
  .collection-2 .grid--uniform-2 .large-up--one-half:nth-child(2n+1),
  .collection-2 .grid--uniform-2 .large-up--one-third:nth-child(3n+1),
  .collection-2 .grid--uniform-2 .large-up--one-quarter:nth-child(4n+1),
  .collection-2 .grid--uniform-2 .large-up--one-fifth:nth-child(5n+1),
  .collection-2 .grid--uniform-2 .large-up--one-sixth:nth-child(6n+1),
  .collection-2 .grid--uniform-2 .large-up--two-sixths:nth-child(3n+1),
  .collection-2 .grid--uniform-2 .large-up--three-sixths:nth-child(2n+1),
  .collection-2 .grid--uniform-2 .large-up--one-eighth:nth-child(8n+1),
  .collection-2 .grid--uniform-2 .large-up--two-eighths:nth-child(4n+1),
  .collection-2 .grid--uniform-2 .large-up--four-eighths:nth-child(2n+1),
  .collection-2 .grid--uniform-2 .large-up--five-tenths:nth-child(2n+1),
  .collection-2 .grid--uniform-2 .large-up--one-twelfth:nth-child(12n+1),
  .collection-2 .grid--uniform-2 .large-up--two-twelfths:nth-child(6n+1),
  .collection-2 .grid--uniform-2 .large-up--three-twelfths:nth-child(4n+1),
  .collection-2 .grid--uniform-2 .large-up--four-twelfths:nth-child(3n+1),
  .collection-2 .grid--uniform-2 .large-up--six-twelfths:nth-child(2n+1) {
    clear: unset;
  }
}

@media only screen and (min-width: 1200px) {

  /* Whole */
  /* line 559, ../scss/main.scss */
  .widescreen--one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 562, ../scss/main.scss */
  .widescreen--one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 565, ../scss/main.scss */
  .widescreen--one-third {
    width: 33.33333%;
  }

  /* line 566, ../scss/main.scss */
  .widescreen--two-thirds {
    width: 66.66667%;
  }

  /* Quarters */
  /* line 569, ../scss/main.scss */
  .widescreen--one-quarter {
    width: 25%;
  }

  /* line 570, ../scss/main.scss */
  .widescreen--two-quarters {
    width: 50%;
  }

  /* line 571, ../scss/main.scss */
  .widescreen--three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 574, ../scss/main.scss */
  .widescreen--one-fifth {
    width: 20%;
  }

  /* line 575, ../scss/main.scss */
  .widescreen--two-fifths {
    width: 40%;
  }

  /* line 576, ../scss/main.scss */
  .widescreen--three-fifths {
    width: 60%;
  }

  /* line 577, ../scss/main.scss */
  .widescreen--four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 580, ../scss/main.scss */
  .widescreen--one-sixth {
    width: 16.66667%;
  }

  /* line 581, ../scss/main.scss */
  .widescreen--two-sixths {
    width: 33.33333%;
  }

  /* line 582, ../scss/main.scss */
  .widescreen--three-sixths {
    width: 50%;
  }

  /* line 583, ../scss/main.scss */
  .widescreen--four-sixths {
    width: 66.66667%;
  }

  /* line 584, ../scss/main.scss */
  .widescreen--five-sixths {
    width: 83.33333%;
  }

  /* Eighths */
  /* line 587, ../scss/main.scss */
  .widescreen--one-eighth {
    width: 12.5%;
  }

  /* line 588, ../scss/main.scss */
  .widescreen--two-eighths {
    width: 25%;
  }

  /* line 589, ../scss/main.scss */
  .widescreen--three-eighths {
    width: 37.5%;
  }

  /* line 590, ../scss/main.scss */
  .widescreen--four-eighths {
    width: 50%;
  }

  /* line 591, ../scss/main.scss */
  .widescreen--five-eighths {
    width: 62.5%;
  }

  /* line 592, ../scss/main.scss */
  .widescreen--six-eighths {
    width: 75%;
  }

  /* line 593, ../scss/main.scss */
  .widescreen--seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 596, ../scss/main.scss */
  .widescreen--one-tenth {
    width: 10%;
  }

  /* line 597, ../scss/main.scss */
  .widescreen--two-tenths {
    width: 20%;
  }

  /* line 598, ../scss/main.scss */
  .widescreen--three-tenths {
    width: 30%;
  }

  /* line 599, ../scss/main.scss */
  .widescreen--four-tenths {
    width: 40%;
  }

  /* line 600, ../scss/main.scss */
  .widescreen--five-tenths {
    width: 50%;
  }

  /* line 601, ../scss/main.scss */
  .widescreen--six-tenths {
    width: 60%;
  }

  /* line 602, ../scss/main.scss */
  .widescreen--seven-tenths {
    width: 70%;
  }

  /* line 603, ../scss/main.scss */
  .widescreen--eight-tenths {
    width: 80%;
  }

  /* line 604, ../scss/main.scss */
  .widescreen--nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 607, ../scss/main.scss */
  .widescreen--one-twelfth {
    width: 8.33333%;
  }

  /* line 608, ../scss/main.scss */
  .widescreen--two-twelfths {
    width: 16.66667%;
  }

  /* line 609, ../scss/main.scss */
  .widescreen--three-twelfths {
    width: 25%;
  }

  /* line 610, ../scss/main.scss */
  .widescreen--four-twelfths {
    width: 33.33333%;
  }

  /* line 611, ../scss/main.scss */
  .widescreen--five-twelfths {
    width: 41.66667%;
  }

  /* line 612, ../scss/main.scss */
  .widescreen--six-twelfths {
    width: 50%;
  }

  /* line 613, ../scss/main.scss */
  .widescreen--seven-twelfths {
    width: 58.33333%;
  }

  /* line 614, ../scss/main.scss */
  .widescreen--eight-twelfths {
    width: 66.66667%;
  }

  /* line 615, ../scss/main.scss */
  .widescreen--nine-twelfths {
    width: 75%;
  }

  /* line 616, ../scss/main.scss */
  .widescreen--ten-twelfths {
    width: 83.33333%;
  }

  /* line 617, ../scss/main.scss */
  .widescreen--eleven-twelfths {
    width: 91.66667%;
  }

  /* line 686, ../scss/main.scss */
  .grid--uniform .widescreen--one-half:nth-child(2n+1),
  .grid--uniform .widescreen--one-third:nth-child(3n+1),
  .grid--uniform .widescreen--one-quarter:nth-child(4n+1),
  .grid--uniform .widescreen--one-fifth:nth-child(5n+1),
  .grid--uniform .widescreen--one-sixth:nth-child(6n+1),
  .grid--uniform .widescreen--two-sixths:nth-child(3n+1),
  .grid--uniform .widescreen--three-sixths:nth-child(2n+1),
  .grid--uniform .widescreen--one-eighth:nth-child(8n+1),
  .grid--uniform .widescreen--two-eighths:nth-child(4n+1),
  .grid--uniform .widescreen--four-eighths:nth-child(2n+1),
  .grid--uniform .widescreen--five-tenths:nth-child(2n+1),
  .grid--uniform .widescreen--one-twelfth:nth-child(12n+1),
  .grid--uniform .widescreen--two-twelfths:nth-child(6n+1),
  .grid--uniform .widescreen--three-twelfths:nth-child(4n+1),
  .grid--uniform .widescreen--four-twelfths:nth-child(3n+1),
  .grid--uniform .widescreen--six-twelfths:nth-child(2n+1) {
    clear: both;
  }

  /* line 704, ../scss/main.scss */
  .collection-2 .grid--uniform-2 .widescreen--one-half:nth-child(2n+1),
  .collection-2 .grid--uniform-2 .widescreen--one-third:nth-child(3n+1),
  .collection-2 .grid--uniform-2 .widescreen--one-quarter:nth-child(4n+1),
  .collection-2 .grid--uniform-2 .widescreen--one-fifth:nth-child(5n+1),
  .collection-2 .grid--uniform-2 .widescreen--one-sixth:nth-child(6n+1),
  .collection-2 .grid--uniform-2 .widescreen--two-sixths:nth-child(3n+1),
  .collection-2 .grid--uniform-2 .widescreen--three-sixths:nth-child(2n+1),
  .collection-2 .grid--uniform-2 .widescreen--one-eighth:nth-child(8n+1),
  .collection-2 .grid--uniform-2 .widescreen--two-eighths:nth-child(4n+1),
  .collection-2 .grid--uniform-2 .widescreen--four-eighths:nth-child(2n+1),
  .collection-2 .grid--uniform-2 .widescreen--five-tenths:nth-child(2n+1),
  .collection-2 .grid--uniform-2 .widescreen--one-twelfth:nth-child(12n+1),
  .collection-2 .grid--uniform-2 .widescreen--two-twelfths:nth-child(6n+1),
  .collection-2 .grid--uniform-2 .widescreen--three-twelfths:nth-child(4n+1),
  .collection-2 .grid--uniform-2 .widescreen--four-twelfths:nth-child(3n+1),
  .collection-2 .grid--uniform-2 .widescreen--six-twelfths:nth-child(2n+1) {
    clear: unset;
  }
}

@media only screen and (max-width: 767px) {

  /* line 233, ../scss/main.scss */
  .small--show {
    display: block !important;
  }

  /* line 237, ../scss/main.scss */
  .small--hide {
    display: none !important;
  }

  /* line 245, ../scss/main.scss */
  .small--text-left {
    text-align: left !important;
  }

  /* line 249, ../scss/main.scss */
  .small--text-right {
    text-align: right !important;
  }

  /* line 253, ../scss/main.scss */
  .small--text-center {
    text-align: center !important;
  }

  /* line 255, ../scss/main.scss */
  .small--text-center hr {
    margin-left: auto;
    margin-right: auto;
  }

  /* line 261, ../scss/main.scss */
  .small--bg2nd {
    background: #d7e3dd;
    padding: 1px 0;
  }

  /* line 266, ../scss/main.scss */
  .small--bgPink {
    background: #f4f2ea;
    padding: 1px 0;
  }
}

@media only screen and (min-width: 768px) {

  /* line 233, ../scss/main.scss */
  .medium-up--show {
    display: block !important;
  }

  /* line 237, ../scss/main.scss */
  .medium-up--hide {
    display: none !important;
  }

  /* line 245, ../scss/main.scss */
  .medium-up--text-left {
    text-align: left !important;
  }

  /* line 249, ../scss/main.scss */
  .medium-up--text-right {
    text-align: right !important;
  }

  /* line 253, ../scss/main.scss */
  .medium-up--text-center {
    text-align: center !important;
  }

  /* line 255, ../scss/main.scss */
  .medium-up--text-center hr {
    margin-left: auto;
    margin-right: auto;
  }

  /* line 261, ../scss/main.scss */
  .medium-up--bg2nd {
    background: #d7e3dd;
    padding: 1px 0;
  }

  /* line 266, ../scss/main.scss */
  .medium-up--bgPink {
    background: #f4f2ea;
    padding: 1px 0;
  }
}

@media only screen and (max-width: 1023px) {

  /* line 233, ../scss/main.scss */
  .medium-down--show {
    display: block !important;
  }

  /* line 237, ../scss/main.scss */
  .medium-down--hide {
    display: none !important;
  }

  /* line 245, ../scss/main.scss */
  .medium-down--text-left {
    text-align: left !important;
  }

  /* line 249, ../scss/main.scss */
  .medium-down--text-right {
    text-align: right !important;
  }

  /* line 253, ../scss/main.scss */
  .medium-down--text-center {
    text-align: center !important;
  }

  /* line 255, ../scss/main.scss */
  .medium-down--text-center hr {
    margin-left: auto;
    margin-right: auto;
  }

  /* line 261, ../scss/main.scss */
  .medium-down--bg2nd {
    background: #d7e3dd;
    padding: 1px 0;
  }

  /* line 266, ../scss/main.scss */
  .medium-down--bgPink {
    background: #f4f2ea;
    padding: 1px 0;
  }
}

@media only screen and (min-width: 1024px) {

  /* line 233, ../scss/main.scss */
  .large-up--show {
    display: block !important;
  }

  /* line 237, ../scss/main.scss */
  .large-up--hide {
    display: none !important;
  }

  /* line 245, ../scss/main.scss */
  .large-up--text-left {
    text-align: left !important;
  }

  /* line 249, ../scss/main.scss */
  .large-up--text-right {
    text-align: right !important;
  }

  /* line 253, ../scss/main.scss */
  .large-up--text-center {
    text-align: center !important;
  }

  /* line 255, ../scss/main.scss */
  .large-up--text-center hr {
    margin-left: auto;
    margin-right: auto;
  }

  /* line 261, ../scss/main.scss */
  .large-up--bg2nd {
    background: #d7e3dd;
    padding: 1px 0;
  }

  /* line 266, ../scss/main.scss */
  .large-up--bgPink {
    background: #f4f2ea;
    padding: 1px 0;
  }
}

@media only screen and (min-width: 1200px) {

  /* line 233, ../scss/main.scss */
  .widescreen--show {
    display: block !important;
  }

  /* line 237, ../scss/main.scss */
  .widescreen--hide {
    display: none !important;
  }

  /* line 245, ../scss/main.scss */
  .widescreen--text-left {
    text-align: left !important;
  }

  /* line 249, ../scss/main.scss */
  .widescreen--text-right {
    text-align: right !important;
  }

  /* line 253, ../scss/main.scss */
  .widescreen--text-center {
    text-align: center !important;
  }

  /* line 255, ../scss/main.scss */
  .widescreen--text-center hr {
    margin-left: auto;
    margin-right: auto;
  }

  /* line 261, ../scss/main.scss */
  .widescreen--bg2nd {
    background: #d7e3dd;
    padding: 1px 0;
  }

  /* line 266, ../scss/main.scss */
  .widescreen--bgPink {
    background: #f4f2ea;
    padding: 1px 0;
  }
}

/*================ Build Grid Push Classes ================*/
@media only screen and (min-width: 768px) {

  /* Halves */
  /* line 624, ../scss/main.scss */
  .medium-up--push-one-half {
    left: 50%;
  }

  /* Thirds */
  /* line 627, ../scss/main.scss */
  .medium-up--push-one-third {
    left: 33.33333%;
  }

  /* line 628, ../scss/main.scss */
  .medium-up--push-two-thirds {
    left: 66.66667%;
  }

  /* Quarters */
  /* line 631, ../scss/main.scss */
  .medium-up--push-one-quarter {
    left: 25%;
  }

  /* line 632, ../scss/main.scss */
  .medium-up--push-two-quarters {
    left: 50%;
  }

  /* line 633, ../scss/main.scss */
  .medium-up--push-three-quarters {
    left: 75%;
  }

  /* Fifths */
  /* line 636, ../scss/main.scss */
  .medium-up--push-one-fifth {
    left: 20%;
  }

  /* line 637, ../scss/main.scss */
  .medium-up--push-two-fifths {
    left: 40%;
  }

  /* line 638, ../scss/main.scss */
  .medium-up--push-three-fifths {
    left: 60%;
  }

  /* line 639, ../scss/main.scss */
  .medium-up--push-four-fifths {
    left: 80%;
  }

  /* Sixths */
  /* line 642, ../scss/main.scss */
  .medium-up--push-one-sixth {
    left: 16.66667%;
  }

  /* line 643, ../scss/main.scss */
  .medium-up--push-two-sixths {
    left: 33.33333%;
  }

  /* line 644, ../scss/main.scss */
  .medium-up--push-three-sixths {
    left: 50%;
  }

  /* line 645, ../scss/main.scss */
  .medium-up--push-four-sixths {
    left: 66.66667%;
  }

  /* line 646, ../scss/main.scss */
  .medium-up--push-five-sixths {
    left: 83.33333%;
  }

  /* Eighths */
  /* line 649, ../scss/main.scss */
  .medium-up--push-one-eighth {
    left: 12.5%;
  }

  /* line 650, ../scss/main.scss */
  .medium-up--push-two-eighths {
    left: 25%;
  }

  /* line 651, ../scss/main.scss */
  .medium-up--push-three-eighths {
    left: 37.5%;
  }

  /* line 652, ../scss/main.scss */
  .medium-up--push-four-eighths {
    left: 50%;
  }

  /* line 653, ../scss/main.scss */
  .medium-up--push-five-eighths {
    left: 62.5%;
  }

  /* line 654, ../scss/main.scss */
  .medium-up--push-six-eighths {
    left: 75%;
  }

  /* line 655, ../scss/main.scss */
  .medium-up--push-seven-eighths {
    left: 87.5%;
  }

  /* Tenths */
  /* line 658, ../scss/main.scss */
  .medium-up--push-one-tenth {
    left: 10%;
  }

  /* line 659, ../scss/main.scss */
  .medium-up--push-two-tenths {
    left: 20%;
  }

  /* line 660, ../scss/main.scss */
  .medium-up--push-three-tenths {
    left: 30%;
  }

  /* line 661, ../scss/main.scss */
  .medium-up--push-four-tenths {
    left: 40%;
  }

  /* line 662, ../scss/main.scss */
  .medium-up--push-five-tenths {
    left: 50%;
  }

  /* line 663, ../scss/main.scss */
  .medium-up--push-six-tenths {
    left: 60%;
  }

  /* line 664, ../scss/main.scss */
  .medium-up--push-seven-tenths {
    left: 70%;
  }

  /* line 665, ../scss/main.scss */
  .medium-up--push-eight-tenths {
    left: 80%;
  }

  /* line 666, ../scss/main.scss */
  .medium-up--push-nine-tenths {
    left: 90%;
  }

  /* Twelfths */
  /* line 669, ../scss/main.scss */
  .medium-up--push-one-twelfth {
    left: 8.33333%;
  }

  /* line 670, ../scss/main.scss */
  .medium-up--push-two-twelfths {
    left: 16.66667%;
  }

  /* line 671, ../scss/main.scss */
  .medium-up--push-three-twelfths {
    left: 25%;
  }

  /* line 672, ../scss/main.scss */
  .medium-up--push-four-twelfths {
    left: 33.33333%;
  }

  /* line 673, ../scss/main.scss */
  .medium-up--push-five-twelfths {
    left: 41.66667%;
  }

  /* line 674, ../scss/main.scss */
  .medium-up--push-six-twelfths {
    left: 50%;
  }

  /* line 675, ../scss/main.scss */
  .medium-up--push-seven-twelfths {
    left: 58.33333%;
  }

  /* line 676, ../scss/main.scss */
  .medium-up--push-eight-twelfths {
    left: 66.66667%;
  }

  /* line 677, ../scss/main.scss */
  .medium-up--push-nine-twelfths {
    left: 75%;
  }

  /* line 678, ../scss/main.scss */
  .medium-up--push-ten-twelfths {
    left: 83.33333%;
  }

  /* line 679, ../scss/main.scss */
  .medium-up--push-eleven-twelfths {
    left: 91.66667%;
  }
}

@media only screen and (min-width: 1200px) {

  /* Halves */
  /* line 624, ../scss/main.scss */
  .widescreen--push-one-half {
    left: 50%;
  }

  /* Thirds */
  /* line 627, ../scss/main.scss */
  .widescreen--push-one-third {
    left: 33.33333%;
  }

  /* line 628, ../scss/main.scss */
  .widescreen--push-two-thirds {
    left: 66.66667%;
  }

  /* Quarters */
  /* line 631, ../scss/main.scss */
  .widescreen--push-one-quarter {
    left: 25%;
  }

  /* line 632, ../scss/main.scss */
  .widescreen--push-two-quarters {
    left: 50%;
  }

  /* line 633, ../scss/main.scss */
  .widescreen--push-three-quarters {
    left: 75%;
  }

  /* Fifths */
  /* line 636, ../scss/main.scss */
  .widescreen--push-one-fifth {
    left: 20%;
  }

  /* line 637, ../scss/main.scss */
  .widescreen--push-two-fifths {
    left: 40%;
  }

  /* line 638, ../scss/main.scss */
  .widescreen--push-three-fifths {
    left: 60%;
  }

  /* line 639, ../scss/main.scss */
  .widescreen--push-four-fifths {
    left: 80%;
  }

  /* Sixths */
  /* line 642, ../scss/main.scss */
  .widescreen--push-one-sixth {
    left: 16.66667%;
  }

  /* line 643, ../scss/main.scss */
  .widescreen--push-two-sixths {
    left: 33.33333%;
  }

  /* line 644, ../scss/main.scss */
  .widescreen--push-three-sixths {
    left: 50%;
  }

  /* line 645, ../scss/main.scss */
  .widescreen--push-four-sixths {
    left: 66.66667%;
  }

  /* line 646, ../scss/main.scss */
  .widescreen--push-five-sixths {
    left: 83.33333%;
  }

  /* Eighths */
  /* line 649, ../scss/main.scss */
  .widescreen--push-one-eighth {
    left: 12.5%;
  }

  /* line 650, ../scss/main.scss */
  .widescreen--push-two-eighths {
    left: 25%;
  }

  /* line 651, ../scss/main.scss */
  .widescreen--push-three-eighths {
    left: 37.5%;
  }

  /* line 652, ../scss/main.scss */
  .widescreen--push-four-eighths {
    left: 50%;
  }

  /* line 653, ../scss/main.scss */
  .widescreen--push-five-eighths {
    left: 62.5%;
  }

  /* line 654, ../scss/main.scss */
  .widescreen--push-six-eighths {
    left: 75%;
  }

  /* line 655, ../scss/main.scss */
  .widescreen--push-seven-eighths {
    left: 87.5%;
  }

  /* Tenths */
  /* line 658, ../scss/main.scss */
  .widescreen--push-one-tenth {
    left: 10%;
  }

  /* line 659, ../scss/main.scss */
  .widescreen--push-two-tenths {
    left: 20%;
  }

  /* line 660, ../scss/main.scss */
  .widescreen--push-three-tenths {
    left: 30%;
  }

  /* line 661, ../scss/main.scss */
  .widescreen--push-four-tenths {
    left: 40%;
  }

  /* line 662, ../scss/main.scss */
  .widescreen--push-five-tenths {
    left: 50%;
  }

  /* line 663, ../scss/main.scss */
  .widescreen--push-six-tenths {
    left: 60%;
  }

  /* line 664, ../scss/main.scss */
  .widescreen--push-seven-tenths {
    left: 70%;
  }

  /* line 665, ../scss/main.scss */
  .widescreen--push-eight-tenths {
    left: 80%;
  }

  /* line 666, ../scss/main.scss */
  .widescreen--push-nine-tenths {
    left: 90%;
  }

  /* Twelfths */
  /* line 669, ../scss/main.scss */
  .widescreen--push-one-twelfth {
    left: 8.33333%;
  }

  /* line 670, ../scss/main.scss */
  .widescreen--push-two-twelfths {
    left: 16.66667%;
  }

  /* line 671, ../scss/main.scss */
  .widescreen--push-three-twelfths {
    left: 25%;
  }

  /* line 672, ../scss/main.scss */
  .widescreen--push-four-twelfths {
    left: 33.33333%;
  }

  /* line 673, ../scss/main.scss */
  .widescreen--push-five-twelfths {
    left: 41.66667%;
  }

  /* line 674, ../scss/main.scss */
  .widescreen--push-six-twelfths {
    left: 50%;
  }

  /* line 675, ../scss/main.scss */
  .widescreen--push-seven-twelfths {
    left: 58.33333%;
  }

  /* line 676, ../scss/main.scss */
  .widescreen--push-eight-twelfths {
    left: 66.66667%;
  }

  /* line 677, ../scss/main.scss */
  .widescreen--push-nine-twelfths {
    left: 75%;
  }

  /* line 678, ../scss/main.scss */
  .widescreen--push-ten-twelfths {
    left: 83.33333%;
  }

  /* line 679, ../scss/main.scss */
  .widescreen--push-eleven-twelfths {
    left: 91.66667%;
  }
}

.header_n_footer {
  background-color: #fff;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 50px;
  align-items: center;
}

@media (max-width: 767px) {
  .header_n_footer {
    padding: 0;
    height: 80px;
  }
}

.header_n_footer ul li {
  margin: 0 10px;
}

.header_n_footer ul li img {
  width: 30px;
}

@media (max-width: 767px) {
  .header_n_footer ul li img {
    width: 20px;
  }
}

#flow h3 {
  padding: 10px;
  border: 1px solid #000;
  width: 50px;
  height: 50px;
  text-align: center;
}

#flow .grid h4 {
  font-weight: bold;
}

iframe {
  height: 375px;
}

#hero {
  margin-bottom: 60px;
}

#concept {
  margin-bottom: 200px;
}

@media (max-width: 767px) {
  #concept {
    margin-bottom: 100px;
  }

  #tencho h3,
  #text-section-1 h3 {
    font-size: 16px;
  }

  .small--grid-reverse {
    flex-direction: row-reverse;
  }
}


.nav-bar {
  display: block;
  position: fixed;
  width: 30px !important;
  height: 20px !important;
  cursor: pointer;
  z-index: 200;
  top: 30px;
  right: 60px;
}

.nav-bar::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -25px;
  width: 80px;
  height: 80px;
}

.nav-bar__line {
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  background-color: #000;
  background-size: auto 3px;
}

.nav-bar__line {
  background-color: #000;
}

.is-sub-page .nav-bar__line {
  background-color: #000;
}

.nav-bar__line.active {
  background-color: #000;
}

.nav-bar__line:nth-child(1) {
  top: 0;
}

.nav-bar__line:nth-child(2),
.nav-bar__line:nth-child(2) {
  top: 0;
  bottom: 0;
  margin: auto;
}

.nav-bar__line:nth-child(3) {
  bottom: 0;
}

.nav-bar.active .nav-bar__line:nth-child(1) {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  top: 10px;
}

.nav-bar.active .nav-bar__line:nth-child(2) {
  opacity: 0;
}

.nav-bar.active .nav-bar__line:nth-child(3) {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  bottom: 8.5px;
}

.nav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .75s;
  transition: all .75s;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: 'EditorialNew', "Cormorant Garamond", serif;
  -moz-font-feature-settings: "kern";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nav.active {
  opacity: 1;
  visibility: visible;
  background-color: #fff;
}

.nav__menu--wrap,
.nav__slide--wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.nav__menu--wrap,
.nav__menu--wrap,
.nav__slide--wrap,
.nav__slide--wrap {
  margin: 3%;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
}


.nav__menu--wrap {
  text-align: right;
}

.nav__menu--list,
.nav__menu--list {
  margin: 15px 0;
  font-size: 28px;
  letter-spacing: 2px;
}

.nav-mid__menu--list-link {
  font-size: 24px;
}

.nav__slide--list,
.nav__slide--list {
  font-size: 18px;
  letter-spacing: 2px;
  margin: 10% 0;
}

.split__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.split__line::before {
  content: '';
  position: absolute;
  width: 4px;
  height: 50vh;
  margin: auto;
  background: url(../img/Line6.svg) 0 0 repeat-y;
  background-size: 4px auto;
}

@media screen and (max-width: 767px) {
  .is-home .footer {
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .nav-bar {
    top: 30px;
    right: 20px;
    position: fixed;
  }

  .nav-bar::after {
    content: "";
    position: absolute;
    top: -15px;
    left: -10px;
    width: 50px;
    height: 50px;
  }

  .nav-bar__line {
    background-color: #222;
  }

  .nav {
    position: fixed;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  /* .nav__slide,
  .nav__slide,
  .nav__menu,
  .nav__menu {
    margin: 4% 0;
  } */

  .nav__menu--wrap,
  .nav__menu--wrap,
  .nav__slide--wrap,
  .nav__slide--wrap {
    width: 100%;
    text-align: left;
    margin: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 15%;
    margin: 10px 0;
  }

  .nav__menu--list,
  .nav__menu--list {
    margin: 6px 0;
    font-size: 18px;
    letter-spacing: 4px;
  }

  .nav__slide--list,
  .nav__slide--list {
    font-size: 13px;
    margin: 10% 0;
  }

  .split__line {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .split__line::before {
    position: absolute;
    width: 4px;
    transform: rotate(90deg);
  }

  .swiper-container {
    display: none;
  }

  .sp__layout {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .nav {
    position: fixed;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

#wedding-48h .section-title-2 {
  transform: translateY(-30%) !important;
}

.header_n_footer .flex {
  margin-right: 100px;
}

.access__text {
  font-size: 13px;
}

.case__text,
.point-3__text {
  margin-top: 40px;
  font-size: 20px;
}

@media (max-width: 767px) {

  #case .section-title-2,
  #point-3 .section-title-2 {
    text-align: center;
  }

  #others .section-title-2 {
    text-align: center;
  }
}

#food-menu h3 {
  border: solid 1px #000;
  text-align: center;
}
#drink-menu h3 {
  border: solid 1px #000;
  text-align: center;
}
#course-menu h3 {
  border: solid 1px #000;
  text-align: center;
}

.tencho__message {
  font-size: 18px;
}



.ff-number {
  font-family: YuMincho,
    Yu Mincho,
    serif;
  color: #262422;
  ;
}

@media only screen and (max-width: 767px) {
  .case__text {
    font-size: 16px;
  }
}


.space {
  display: block;
  height: 30px
}

@media only screen and (min-width: 768px) {
  .space {
    height: 60px
  }
}

.space.x05 {
  height: 15px
}

@media only screen and (min-width: 768px) {
  .space.x05 {
    height: 30px
  }
}

.concept__title {
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  #the-day-before {
    background-color: #f0eadf;
  }

  #the-big-day {
    background-color: #d5ccc0;
  }

  #the-day-after {
    background-color: #bab0a0;
  }
}

@media only screen and (max-width: 767px) {

  #wedding-48h {
    margin-bottom: 180px;
  }

  p br {
/*    display: none;*/
  }
  .concept__text p br {
/*    display: none;*/
  }
}

.uservoice__index {
  font-size: 20px;
}

.uservoice__answer {
  font-family: 'Noto Sans JP',
    sans-serif;
}