@charset "UTF-8";
/* ====================================================
reset style
==================================================== */
html {
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 10px;
  /* Base font size, change to 14px or 16px if needed */
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

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

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

fieldset, img {
  border: 0;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

address, caption, cite, code, dfn, var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

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

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

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

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/*to enable resizing for IE*/
input, textarea, select {
  *font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
  color: #000;
}

del, ins {
  text-decoration: none;
}

main {
  display: block;
}

section {
  position: relative;
}
.popup {
    position: fixed;
    bottom: 200px;
    /*right: 450px;*/
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
}
.popupClose {
    position: absolute;
    right: -14px;
    top: -14px;
    cursor: pointer;
}
.footer-bnr a:last-child {
    background: #ff69b4;
}
/* ====================================================
Font
==================================================== */
@font-face {
  font-family: 'Century Gothic';
  src: url("../fonts/CenturyGothic.eot");
  src: url("../fonts/CenturyGothic.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothic.woff2") format("woff2"), url("../fonts/CenturyGothic.woff") format("woff"), url("../fonts/CenturyGothic.svg#CenturyGothic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Minion Variable Concept';
  src: url("../fonts/MinionVariableConcept-Roman.otf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Brandon';
  src: url("../fonts/Brandon_light.otf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ====================================================
Media Quary
==================================================== */
@media screen and (min-width: 835px) {
  .mbpc-1 {
    margin-bottom: 1px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-1 {
    margin-bottom: 1px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-2 {
    margin-bottom: 2px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-2 {
    margin-bottom: 2px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-3 {
    margin-bottom: 3px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-3 {
    margin-bottom: 3px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-4 {
    margin-bottom: 4px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-4 {
    margin-bottom: 4px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-5 {
    margin-bottom: 5px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-5 {
    margin-bottom: 5px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-6 {
    margin-bottom: 6px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-6 {
    margin-bottom: 6px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-7 {
    margin-bottom: 7px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-7 {
    margin-bottom: 7px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-8 {
    margin-bottom: 8px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-8 {
    margin-bottom: 8px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-9 {
    margin-bottom: 9px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-9 {
    margin-bottom: 9px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-10 {
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-10 {
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-11 {
    margin-bottom: 11px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-11 {
    margin-bottom: 11px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-12 {
    margin-bottom: 12px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-12 {
    margin-bottom: 12px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-13 {
    margin-bottom: 13px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-13 {
    margin-bottom: 13px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-14 {
    margin-bottom: 14px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-14 {
    margin-bottom: 14px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-15 {
    margin-bottom: 15px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-15 {
    margin-bottom: 15px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-16 {
    margin-bottom: 16px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-16 {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-17 {
    margin-bottom: 17px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-17 {
    margin-bottom: 17px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-18 {
    margin-bottom: 18px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-18 {
    margin-bottom: 18px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-19 {
    margin-bottom: 19px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-19 {
    margin-bottom: 19px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-20 {
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-20 {
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-21 {
    margin-bottom: 21px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-21 {
    margin-bottom: 21px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-22 {
    margin-bottom: 22px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-22 {
    margin-bottom: 22px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-23 {
    margin-bottom: 23px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-23 {
    margin-bottom: 23px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-24 {
    margin-bottom: 24px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-24 {
    margin-bottom: 24px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-25 {
    margin-bottom: 25px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-25 {
    margin-bottom: 25px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-26 {
    margin-bottom: 26px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-26 {
    margin-bottom: 26px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-27 {
    margin-bottom: 27px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-27 {
    margin-bottom: 27px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-28 {
    margin-bottom: 28px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-28 {
    margin-bottom: 28px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-29 {
    margin-bottom: 29px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-29 {
    margin-bottom: 29px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-30 {
    margin-bottom: 30px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-30 {
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-31 {
    margin-bottom: 31px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-31 {
    margin-bottom: 31px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-32 {
    margin-bottom: 32px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-32 {
    margin-bottom: 32px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-33 {
    margin-bottom: 33px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-33 {
    margin-bottom: 33px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-34 {
    margin-bottom: 34px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-34 {
    margin-bottom: 34px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-35 {
    margin-bottom: 35px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-35 {
    margin-bottom: 35px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-36 {
    margin-bottom: 36px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-36 {
    margin-bottom: 36px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-37 {
    margin-bottom: 37px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-37 {
    margin-bottom: 37px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-38 {
    margin-bottom: 38px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-38 {
    margin-bottom: 38px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-39 {
    margin-bottom: 39px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-39 {
    margin-bottom: 39px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-40 {
    margin-bottom: 40px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-40 {
    margin-bottom: 40px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-41 {
    margin-bottom: 41px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-41 {
    margin-bottom: 41px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-42 {
    margin-bottom: 42px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-42 {
    margin-bottom: 42px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-43 {
    margin-bottom: 43px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-43 {
    margin-bottom: 43px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-44 {
    margin-bottom: 44px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-44 {
    margin-bottom: 44px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-45 {
    margin-bottom: 45px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-45 {
    margin-bottom: 45px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-46 {
    margin-bottom: 46px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-46 {
    margin-bottom: 46px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-47 {
    margin-bottom: 47px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-47 {
    margin-bottom: 47px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-48 {
    margin-bottom: 48px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-48 {
    margin-bottom: 48px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-49 {
    margin-bottom: 49px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-49 {
    margin-bottom: 49px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-50 {
    margin-bottom: 50px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-50 {
    margin-bottom: 50px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-51 {
    margin-bottom: 51px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-51 {
    margin-bottom: 51px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-52 {
    margin-bottom: 52px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-52 {
    margin-bottom: 52px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-53 {
    margin-bottom: 53px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-53 {
    margin-bottom: 53px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-54 {
    margin-bottom: 54px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-54 {
    margin-bottom: 54px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-55 {
    margin-bottom: 55px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-55 {
    margin-bottom: 55px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-56 {
    margin-bottom: 56px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-56 {
    margin-bottom: 56px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-57 {
    margin-bottom: 57px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-57 {
    margin-bottom: 57px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-58 {
    margin-bottom: 58px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-58 {
    margin-bottom: 58px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-59 {
    margin-bottom: 59px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-59 {
    margin-bottom: 59px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-60 {
    margin-bottom: 60px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-60 {
    margin-bottom: 60px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-61 {
    margin-bottom: 61px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-61 {
    margin-bottom: 61px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-62 {
    margin-bottom: 62px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-62 {
    margin-bottom: 62px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-63 {
    margin-bottom: 63px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-63 {
    margin-bottom: 63px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-64 {
    margin-bottom: 64px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-64 {
    margin-bottom: 64px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-65 {
    margin-bottom: 65px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-65 {
    margin-bottom: 65px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-66 {
    margin-bottom: 66px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-66 {
    margin-bottom: 66px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-67 {
    margin-bottom: 67px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-67 {
    margin-bottom: 67px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-68 {
    margin-bottom: 68px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-68 {
    margin-bottom: 68px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-69 {
    margin-bottom: 69px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-69 {
    margin-bottom: 69px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-70 {
    margin-bottom: 70px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-70 {
    margin-bottom: 70px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-71 {
    margin-bottom: 71px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-71 {
    margin-bottom: 71px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-72 {
    margin-bottom: 72px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-72 {
    margin-bottom: 72px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-73 {
    margin-bottom: 73px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-73 {
    margin-bottom: 73px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-74 {
    margin-bottom: 74px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-74 {
    margin-bottom: 74px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-75 {
    margin-bottom: 75px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-75 {
    margin-bottom: 75px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-76 {
    margin-bottom: 76px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-76 {
    margin-bottom: 76px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-77 {
    margin-bottom: 77px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-77 {
    margin-bottom: 77px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-78 {
    margin-bottom: 78px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-78 {
    margin-bottom: 78px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-79 {
    margin-bottom: 79px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-79 {
    margin-bottom: 79px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-80 {
    margin-bottom: 80px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-80 {
    margin-bottom: 80px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-81 {
    margin-bottom: 81px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-81 {
    margin-bottom: 81px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-82 {
    margin-bottom: 82px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-82 {
    margin-bottom: 82px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-83 {
    margin-bottom: 83px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-83 {
    margin-bottom: 83px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-84 {
    margin-bottom: 84px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-84 {
    margin-bottom: 84px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-85 {
    margin-bottom: 85px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-85 {
    margin-bottom: 85px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-86 {
    margin-bottom: 86px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-86 {
    margin-bottom: 86px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-87 {
    margin-bottom: 87px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-87 {
    margin-bottom: 87px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-88 {
    margin-bottom: 88px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-88 {
    margin-bottom: 88px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-89 {
    margin-bottom: 89px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-89 {
    margin-bottom: 89px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-90 {
    margin-bottom: 90px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-90 {
    margin-bottom: 90px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-91 {
    margin-bottom: 91px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-91 {
    margin-bottom: 91px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-92 {
    margin-bottom: 92px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-92 {
    margin-bottom: 92px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-93 {
    margin-bottom: 93px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-93 {
    margin-bottom: 93px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-94 {
    margin-bottom: 94px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-94 {
    margin-bottom: 94px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-95 {
    margin-bottom: 95px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-95 {
    margin-bottom: 95px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-96 {
    margin-bottom: 96px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-96 {
    margin-bottom: 96px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-97 {
    margin-bottom: 97px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-97 {
    margin-bottom: 97px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-98 {
    margin-bottom: 98px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-98 {
    margin-bottom: 98px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-99 {
    margin-bottom: 99px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-99 {
    margin-bottom: 99px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-100 {
    margin-bottom: 100px !important;
  }
}

@media screen and (max-width: 834px) {
  .mbsp-100 {
    margin-bottom: 100px !important;
  }
}

.mb0 {
  margin-bottom: 0 !important;
}

.inner {
  display: block;
  width: 100%;
  max-width: 608px;
  padding: 0 15px;
  margin: 0 auto;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
  content: "";
  display: table;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 834px) {
  .pc {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .pc-ipd {
    display: none !important;
  }
}

@media screen and (max-width: 990px) {
  .pc-lg {
    display: none !important;
  }
}

@media screen and (max-width: 640px) {
  .pc-sm {
    display: none !important;
  }
}

@media screen and (max-width: 374px) {
  .pc-xs {
    display: none !important;
  }
}

@media screen and (min-width: 835px) {
  .sp {
    display: none !important;
  }
}

@media screen and (min-width: 1025px) {
  .sp-ipd {
    display: none !important;
  }
}

@media screen and (min-width: 991px) {
  .sp-lg {
    display: none !important;
  }
}

@media screen and (min-width: 641px) {
  .sp-sm {
    display: none !important;
  }
}

.txt-basic {
  line-height: 1.8;
  font-size: 1.6rem;
}

@media screen and (max-width: 834px) {
  .txt-basic {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}

.txt-center {
  text-align: center;
}

.txt-right {
  text-align: right;
}

.txt-left {
  text-align: left;
}

.btn-comp01 {
  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;
  font-size: 1.5rem;
  font-weight: 500;
  min-width: 312px;
  height: 42px;
  background: #12bace;
  padding: 0 0 0 16px;
  letter-spacing: 0.2px;
  -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0.75);
          box-shadow: 0 0 3px rgba(255, 255, 255, 0.75);
}

@media screen and (max-width: 1200px) {
  .btn-comp01 {
    font-size: 1.3rem;
    min-width: 260px;
  }
}

.btn-comp01 .ico {
  position: relative;
  top: -1px;
  left: -8px;
}

.btn-comp02 {
  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;
  text-align: center;
  width: 100%;
  max-width: 350px;
  height: 54px;
  background: #51bcc9;
  color: white;
  font-size: 1.85rem;
  font-weight: bold;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  padding: 4px 0 0 0;
  letter-spacing: 0.5px;
  position: relative;
}

@media screen and (max-width: 834px) {
  .btn-comp02 {
    max-width: 275px;
    height: 50px;
    font-size: 1.9rem;
    letter-spacing: 1px;
    padding: 2px 0 0 0;
  }
}

.btn-comp02 > * {
  position: relative;
  padding-right: 24px;
}

@media screen and (max-width: 834px) {
  .btn-comp02 > * {
    padding-right: 0px;
  }
}

.btn-comp02 > *:before {
  position: absolute;
  content: '';
  width: 17px;
  height: 14px;
  background: url("../img/common/btn-arr.png") no-repeat;
  background-size: cover;
  right: -2px;
  top: 5px;
}

@media screen and (max-width: 834px) {
  .btn-comp02 > *:before {
    width: 12px;
    height: 9px;
    right: -21px;
    top: 7px;
  }
}

.btn-comp03 {
  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;
  text-align: center;
  width: 100%;
  height: 49px;
  background: #d98688;
  color: white;
  letter-spacing: 1.8px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  padding: 1px 0 0 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .btn-comp03 {
    padding-top: 5px;
  }
}

.btn-comp03 > * {
  position: relative;
  padding: 0 29px;
}

.btn-comp03 > *:before, .btn-comp03 > *:after {
  position: absolute;
  content: '';
}

.btn-comp03 > *:before {
  width: 16px;
  height: 16px;
  left: -2px;
  top: 3px;
  background: url("../img/index/ico-ins.svg") no-repeat;
  background-size: cover;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .btn-comp03 > *:before {
    top: 1px;
  }
}

.btn-comp03 > *:after {
  width: 6px;
  height: 6px;
  border-top: 2px solid white;
  border-right: 2px solid white;
  right: -7px;
  top: 6px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.btn-comp04 {
  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%;
  color: #4d4d4d;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  height: 50px;
  border: 2px solid #dbdbdc;
  letter-spacing: 2px;
}

.btn-comp04 > * {
  padding: 0 0 0 12px;
  position: relative;
}

.btn-comp04 > *:before {
  position: absolute;
  content: '';
  border-top: 9px solid #4d4d4d;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 7px;
  left: -23px;
}

body {
  color: #333333;
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho, "MotoyaLCedar", "Droid Sans Japanese", serif;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  line-height: 1.4;
  overflow: hidden;
}

.header {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  background: #182424;
  color: white;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 834px) {
  .header {
    position: absolute;
  }
}

.header-inner {
  padding: 10px 30px 8px 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 90px;
}

@media screen and (max-width: 1200px) {
  .header-inner {
    padding: 10px 15px;
  }
}

@media screen and (max-width: 834px) {
  .header-inner {
    height: 78px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.header-logo {
  padding: 1px 8px 0 0;
}

.header-r {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  white-space: nowrap;
  padding-left: 15px;
}

@media screen and (max-width: 834px) {
  .header-r {
    display: none;
  }
}

.header-tel {
  text-decoration: underline;
  font-family: "Century Gothic", sans-serif;
  font-size: 2.5rem;
  letter-spacing: 0.3px;
  position: relative;
  bottom: -3px;
}

@media screen and (max-width: 1200px) {
  .header-tel {
    font-size: 2rem;
  }
}

.header-time {
  font-size: 1.4rem;
  font-weight: 500;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  letter-spacing: 1px;
  margin: 0 22px 0 8px;
}

@media screen and (max-width: 1200px) {
  .header-time {
    font-size: 1.2rem;
  }
}

.header-btn {
  position: relative;
  bottom: 2px;
}

.main-page {
  margin-top: 90px;
}

@media screen and (max-width: 834px) {
  .main-page {
    margin-top: 78px;
  }
}

.footer {
  background: #969497;
  color: white;
  padding: 72px 0 48px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-weight: 300;
  position: relative;
}

@media screen and (max-width: 834px) {
  .footer {
    padding: 83px 0 82px;
  }
}

.footer-logo {
  padding: 0 2px 0 0;
  margin-bottom: 35px;
}

@media screen and (max-width: 834px) {
  .footer-logo {
    padding: 0 0px 0 0;
    margin-bottom: 39px;
  }
}

.footer-btn {
  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%;
  max-width: 268px;
  height: 55px;
  margin: 0 auto 26px;
  border: 1px solid white;
  font-size: 1.45rem;
  line-height: 1.8;
  letter-spacing: 0.8px;
  padding: 3px 0 0 5px;
  text-align: center;
  position: relative;
  left: -4px;
}

.footer-info {
  font-size: 1.35rem;
  line-height: 1.95;
  letter-spacing: 0.9px;
  margin-bottom: 11px;
}

@media screen and (max-width: 640px) {
  .footer-info {
    text-align: center;
    margin-bottom: 30px;
  }
  .footer-info span {
    display: block;
    margin-bottom: 19px;
  }
  .footer-info span:last-child {
    margin-bottom: 0;
  }
}

.footer .copyright {
  font-size: 0.8rem;
  letter-spacing: 0.8px;
}

.footer .backtop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}

@media screen and (max-width: 834px) {
  .footer .backtop {
    position: fixed;
    bottom: 85px;
  }
}

.footer-bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: -2px;
  z-index: 999;
  width: 100%;
}

.footer-bnr a {
  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: 50%;
  opacity: 1;
  height: 71px;
  background: #0068a8;
}

.footer-bnr a:nth-child(even) {
  background: url("../img/common/bnr-bg.jpg") no-repeat;
  background-size: cover;
}

.sec-campaign {
  background: #72839a;
  color: white;
  padding: 27px 0 37px 0;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 834px) {
  .sec-campaign {
    padding: 9px 0 45px 0;
  }
}

.campaign-inner {
  width: 100%;
  max-width: 776px;
  margin: 0 auto;
  padding: 0 15px 0 15px;
}

.campaign-cap {
  padding: 0 6px 0 2px;
  margin-bottom: 50px;
}

@media screen and (max-width: 834px) {
  .campaign-cap {
    margin: 0 0 43px -31px;
    padding: 0 8px 0 0;
  }
}

.campaign-ttl {
  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;
  text-align: center;
  font-size: 3.7rem;
  font-weight: 500;
  letter-spacing: 4.1px;
  margin-bottom: 7px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 834px) {
  .campaign-ttl {
    font-size: 2.721rem;
    line-height: 1.52;
    letter-spacing: 0.6px;
    margin-bottom: 20px;
    text-align: left;
  }
}

.campaign-ttl > * {
  padding: 0 25px 0 40px;
  position: relative;
}

.campaign-ttl > *:before, .campaign-ttl > *:after {
  position: absolute;
  content: '';
  top: 3px;
  bottom: 2px;
  width: 1px;
  background: white;
}

@media screen and (max-width: 834px) {
  .campaign-ttl > *:before, .campaign-ttl > *:after {
    display: none;
  }
}

.campaign-ttl > *:before {
  left: 0;
  -webkit-transform: rotate(-27deg);
      -ms-transform: rotate(-27deg);
          transform: rotate(-27deg);
}

.campaign-ttl > *:after {
  right: 0;
  -webkit-transform: rotate(27deg);
      -ms-transform: rotate(27deg);
          transform: rotate(27deg);
}

.campaign-txt {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.85;
  margin-bottom: 32px;
  letter-spacing: 0.8px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 834px) {
  .campaign-txt {
    letter-spacing: 0;
    line-height: 1.65;
    text-align: left;
    width: 100%;
    max-width: 322px;
    margin: 0 auto 24px;
  }
}

@media screen and (max-width: 374px) {
  .campaign-txt {
    font-size: 1.4rem;
  }
}

.campaign-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  width: 100%;
  max-width: 710px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 834px) {
  .campaign-list {
    padding: 0 10px;
    max-width: 500px;
  }
}

.campaign-list .item {
  margin-bottom: 20px;
}

@media screen and (max-width: 990px) {
  .campaign-list .item {
    width: calc(50% - 10px);
  }
}

@media screen and (max-width: 834px) {
  .campaign-list .item {
    width: 100%;
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 991px) {
  .campaign-list .item:first-child {
    width: 705px;
  }
  .campaign-list .item:first-child .campaign-btn {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

@media screen and (max-width: 990px) {
  .campaign-list .item:first-child {
    width: 100%;
  }
}

@media screen and (min-width: 991px) {
  .campaign-list .item:nth-of-type(2) {
    margin-right: 17px;
    width: 340px;
  }
}

@media screen and (max-width: 990px) {
  .campaign-list .item:nth-of-type(2) {
    margin-right: 20px;
  }
}

@media screen and (max-width: 834px) {
  .campaign-list .item:nth-of-type(2) {
    margin-right: 0;
  }
}

@media screen and (min-width: 991px) {
  .campaign-list .item:nth-of-type(3) {
    width: 350px;
  }
}

.campaign-btn {
  display: block;
  -webkit-box-shadow: 3px 3px 3px rgba(135, 135, 135, 0.3);
          box-shadow: 3px 3px 3px rgba(135, 135, 135, 0.3);
}

.campaign-btn img {
  display: block;
  width: 100%;
}

.campaign-person {
  position: absolute;
  bottom: -101px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
  width: 120%;
  max-width: 1210px;
  text-align: center;
  padding: 0 7% 0 0;
}

@media screen and (max-width: 834px) {
  .campaign-person {
    padding: 0;
    bottom: auto;
    top: 0;
    width: 100%;
    max-width: 600px;
  }
  .campaign-person img {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .campaign-person {
    top: 74px;
  }
}

.is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.is-locked body {
  -webkit-overflow-scrolling: auto;
}

.sec-mv {
  background: url("../img/index/mv-bg.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
  padding: 45px 0 0;
}

@media screen and (max-width: 834px) {
  .sec-mv {
    padding: 34px 0 0;
    background: url("../img/index/mv-bg-sp.jpg") no-repeat;
    background-position: center;
    background-size: cover;
  }
}

.mv-inn {
  position: relative;
  width: 100%;
  max-width: 1164px;
  margin: 0 auto;
  padding: 0 15px 0 49px;
}

@media screen and (max-width: 1200px) {
  .mv-inn {
    padding: 0 15px;
    text-align: center;
  }
}

@media screen and (max-width: 834px) {
  .mv-inn {
    max-width: 375px;
    text-align: center;
    padding: 0 2px 0 0;
  }
}

@media screen and (max-width: 374px) {
  .mv-inn {
    padding: 0;
  }
}

.mv-ttl {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 374px) {
  .mv-ttl .sp {
    display: none;
  }
}

.mv-ttl .xs {
  display: none;
}

@media screen and (max-width: 374px) {
  .mv-ttl .xs {
    display: block;
  }
}

.mv-circle {
  position: absolute;
  top: 15.5%;
  left: 4.6%;
  width: 11.77%;
  border-radius: 50%;
  -webkit-box-shadow: -5px 6px 0 rgba(0, 0, 0, 0.15);
          box-shadow: -5px 6px 0 rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 834px) {
  .mv-circle {
    top: 14%;
    left: 3.4%;
    width: 21.88%;
    -webkit-box-shadow: -3px 3px 0 rgba(0, 0, 0, 0.15);
            box-shadow: -3px 3px 0 rgba(0, 0, 0, 0.15);
  }
}

.mv-circle img {
  display: block;
  width: 100%;
}

.mv-txt {
  font-size: 2.1rem;
  font-weight: 600;
  text-align: center;
  background: #4d4d4d;
  color: white;
  padding: 14px 15px 8px 24px;
  margin-top: -13px;
  letter-spacing: 2.2px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 834px) {
  .mv-txt {
    font-size: 1.6rem;
    line-height: 1.3125;
    margin: -4px 0 0 0;
    padding: 11px 15px 9px;
    letter-spacing: 1.5px;
  }
}

.mv-txt .txt-deco {
  text-decoration: underline;
  margin-right: 25px;
}

@media screen and (max-width: 1024px) {
  .mv-txt .txt-deco {
    display: block;
    margin: 0 0 8px;
  }
}

.mv-img {
  position: absolute;
  top: 0;
  bottom: 0;
  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;
  padding: 0 0 6px 0;
  left: 1px;
  width: 5.24%;
  max-width: 68px;
}

.mv-img img {
  display: block;
  width: 100%;
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}

.mv-des {
  text-align: center;
  padding: 11px 0px 0 0;
    /*padding: 11px 74px 0 0;*/
}

.sec-leave {
  background-color: #5e728c;
  background-image: url("../img/index/leave-bg.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
}

.leave-box {
  width: 100%;
  max-width: 920px;
  background: white;
  padding: 93px 15px 44px;
  margin: 0 auto;
}

@media screen and (max-width: 834px) {
  .leave-box {
    padding: 55px 15px 46px;
  }
}

.leave-logo {
  padding: 0 0 0 4px;
  margin-bottom: 51px;
}

@media screen and (max-width: 834px) {
  .leave-logo {
    padding: 0 2px 0 0;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 834px) {
  .leave-logo img {
    width: 134px;
  }
}

.leave-ttl {
  font-weight: 500;
  font-size: 3.3rem;
  line-height: 1.61;
  color: #5e728c;
  margin-bottom: 44px;
  letter-spacing: 6.7px;
}

@media screen and (max-width: 1024px) {
  .leave-ttl {
    font-size: 3rem;
    letter-spacing: 3px;
  }
}

@media screen and (max-width: 834px) {
  .leave-ttl {
    font-size: 2.6rem;
    line-height: 1.52;
    letter-spacing: 5px;
    margin-bottom: 23px;
  }
}

.leave-txt {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.03;
  letter-spacing: 1.7px;
  margin-bottom: 54px;
}

@media screen and (max-width: 834px) {
  .leave-txt {
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: 0.3px;
    margin-bottom: 23px;
  }
}

@media screen and (max-width: 374px) {
  .leave-txt {
    font-size: 1.3rem;
  }
}

.leave-img {
  padding: 0 0 0 5px;
}

@media screen and (max-width: 834px) {
  .leave-img {
    text-align: center;
    padding: 0;
    margin: 0 -4px 0 -7px;
  }
}

.sec-worries {
  background: #f5f4f4;
  padding-bottom: 94px;
  color: #58595b;
}

@media screen and (max-width: 834px) {
  .sec-worries {
    padding-bottom: 59px;
  }
}

.worries-t {
  width: 100%;
  max-width: 1104px;
  margin: 0 auto 81px;
  position: relative;
  z-index: 1;
  padding: 97px 15px 90px;
}

@media screen and (max-width: 834px) {
  .worries-t {
    padding: 37px 15px 58px;
    margin-bottom: 64px;
  }
}

.worries-t:before, .worries-t:after {
  position: absolute;
  content: '';
}

.worries-t:before {
  top: 0;
  bottom: 0;
  width: 100vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("../img/index/worries-bg.jpg") no-repeat;
  background-size: cover;
  background-position: bottom center;
  z-index: -1;
}

@media screen and (max-width: 834px) {
  .worries-t:before {
    background: url("../img/index/worries-bg-sp.png") no-repeat;
    background-size: cover;
    background-position: bottom center;
  }
}

.worries-t:after {
  width: 5px;
  height: 108px;
  background: url("../img/index/worries-arr.png") no-repeat;
  background-size: cover;
  left: calc(50% - 5px);
  bottom: -50px;
}

@media screen and (max-width: 834px) {
  .worries-t:after {
    width: 5px;
    height: 70px;
    background: url("../img/index/worries-arr-sp.png") no-repeat;
    background-size: cover;
    bottom: -35px;
  }
}

.worries-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.25rem;
  font-weight: bold;
  line-height: 1.35;
  text-align: center;
  margin-bottom: 28px;
}

@media screen and (max-width: 834px) {
  .worries-list {
    font-size: 1.85rem;
    line-height: 1.16;
  }
}

@media screen and (max-width: 640px) {
  .worries-list {
    width: 100%;
    max-width: 271px;
    margin: 0 auto 20px;
  }
}

.worries-list > * {
  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;
  background: rgba(31, 94, 133, 0.71);
  color: white;
  margin: 0 14px 28px;
  padding: 16px 34px 12px 35px;
  letter-spacing: 3px;
}

@media screen and (max-width: 834px) {
  .worries-list > * {
    margin: 0 14px 13px;
    padding: 15px 15px 11px;
  }
}

@media screen and (max-width: 640px) {
  .worries-list > * {
    width: 100%;
  }
}

.worries-ttl {
  font-size: 2.35rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 66px;
}

@media screen and (max-width: 834px) {
  .worries-ttl {
    font-size: 1.75rem;
    margin-bottom: 25px;
  }
}

.worries-ttl > * {
  display: block;
}

.worries-ttl .txt {
  letter-spacing: 2px;
  text-shadow: 1px 1px 9px #fff, 1px -1px 11px #fff, -1px 1px 13px #fff, -1px -1px 11px #fff, 0 0 22px #fff;
}

@media screen and (max-width: 834px) {
  .worries-ttl .txt {
    letter-spacing: 1px;
  }
}

.worries-ttl .txt-lg {
  font-size: 3.6rem;
  margin-top: 19px;
  letter-spacing: 2.5px;
}

@media screen and (max-width: 834px) {
  .worries-ttl .txt-lg {
    font-size: 2.9rem;
    line-height: 1.3;
    letter-spacing: 0;
    margin-top: 10px;
  }
}

@media screen and (max-width: 374px) {
  .worries-ttl .txt-lg {
    font-size: 2.4rem;
    line-height: 1.6;
  }
}

.worries-ttl .txt-lg > * {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #58595b), color-stop(50%, transparent));
  background-image: -o-linear-gradient(left, #58595b 50%, transparent 50%);
  background-image: linear-gradient(to right, #58595b 50%, transparent 50%);
  background-size: 200% 2px;
  background-repeat: no-repeat;
  background-position: left 0 bottom 0;
  padding-bottom: 1px;
  text-shadow: 1px 1px 9px #fff, 1px -1px 11px #fff, -1px 1px 13px #fff, -1px -1px 11px #fff, 0 0 22px #fff;
}

.worries-list02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 2.2rem;
  font-weight: 500;
}

@media screen and (max-width: 1200px) {
  .worries-list02 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 834px) {
  .worries-list02 {
    font-size: 1.8rem;
    padding: 0 2px;
    width: 100%;
    margin: 0 auto;
    max-width: 500px;
    line-height: 1.3;
  }
}

.worries-list02 > * {
  margin: 0 40px 44px 0;
  padding: 21px 25px 15px 86px;
  position: relative;
  background: white;
  -webkit-box-shadow: 7px 7px 5px rgba(114, 150, 149, 0.55);
          box-shadow: 7px 7px 5px rgba(114, 150, 149, 0.55);
  letter-spacing: 3.6px;
  min-width: 396px;
}

@media screen and (max-width: 1200px) and (min-width: 835px) {
  .worries-list02 > * {
    min-width: 290px;
    margin: 0 30px 44px 0;
    letter-spacing: 1px;
  }
}

@media screen and (max-width: 834px) {
  .worries-list02 > * {
    width: 100%;
    min-width: auto;
    margin: 0 0 15px;
    letter-spacing: 2.3px;
    padding: 15px 10px 10px 56px;
  }
}

.worries-list02 > *:before {
  position: absolute;
  content: '';
  width: 30px;
  height: 28px;
  background-image: url("../img/index/worries-volume.png");
  background-repeat: no-repeat;
  top: 16px;
  left: 39px;
}

@media screen and (max-width: 834px) {
  .worries-list02 > *:before {
    width: 29px;
    height: 27px;
    top: 28px;
    left: 13px;
  }
}

.worries-list02 > *:nth-child(even) {
  margin-right: 0;
}

.worries-list02 .txt {
  color: #3d7791;
  display: block;
  margin: 6px 0 0 0;
}

@media screen and (min-width: 1201px) {
  .worries-list02 .txt {
    font-size: 2.8rem;
    letter-spacing: 5.5px;
  }
}

@media screen and (max-width: 1200px) {
  .worries-list02 .txt {
    font-weight: 600;
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 834px) {
  .worries-list02 .txt {
    display: inline;
    letter-spacing: 0.7px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .worries-list02 .txt {
    letter-spacing: 2.5px;
  }
}

@media screen and (max-width: 834px) {
  .worries-list02 .txt.fs17 {
    font-size: 1.7rem;
  }
}

.worries-box {
  width: 100%;
  max-width: 864px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 834px) {
  .worries-box {
    padding: 0 25px 0 23px;
  }
}

.worries-box .wrap {
  border: 5px solid #b0ecec;
  background: white;
  border-radius: 10px;
  padding: 19px 15px 49px;
}

@media screen and (max-width: 834px) {
  .worries-box .wrap {
    padding: 12px 15px 27px;
  }
}

.worries-box .wrap .choose {
  font-family: "Century Gothic", sans-serif;
  font-size: 1.5rem;
  line-height: 1.66;
  color: #97999c;
  letter-spacing: 1.8px;
  margin-bottom: 22px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 834px) {
  .worries-box .wrap .choose {
    font-size: 1.1rem;
    letter-spacing: 1.4px;
    margin-bottom: 19px;
  }
}

.worries-box .wrap .txt {
  font-size: 2.52rem;
  line-height: 1.85;
  font-weight: 500;
  color: #58595b;
  letter-spacing: 0.8px;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 834px) {
  .worries-box .wrap .txt {
    font-size: 2.05rem;
    line-height: 1.56;
    margin-bottom: 18px;
  }
}

.worries-box .wrap .ttl {
  color: #25abbb;
  font-size: 4rem;
  line-height: 1.15;
  letter-spacing: 6px;
  padding-left: 13px;
  position: relative;
  z-index: 1;
  font-weight: 500;
}

@media screen and (max-width: 834px) {
  .worries-box .wrap .ttl {
    font-size: 3.4rem;
    line-height: 1.1;
    letter-spacing: 2px;
    padding-left: 0;
  }
}

.worries-box .wrap .ttl > * {
  display: block;
  margin-top: 11px;
  letter-spacing: 1px;
  padding-right: 10px;
}

.worries-box .wrap .ttl .lg {
  letter-spacing: 3px;
}

@media screen and (min-width: 835px) {
  .worries-box .wrap .ttl .lg {
    font-size: 5.5rem;
  }
}

@media screen and (max-width: 834px) {
  .worries-box .wrap .ttl .sm {
    display: block;
    font-size: 2.6rem;
    margin: 10px 0 0 0;
  }
}

.worries-box .img {
  position: absolute;
  bottom: 0;
  left: -10.4%;
  width: 24.2%;
  pointer-events: none;
}

@media screen and (max-width: 834px) {
  .worries-box .img {
    bottom: auto;
    left: -0.4%;
    width: 37.07%;
    top: -84px;
  }
}

.sec-pickup {
  background: url("../img/index/pickup-bg.jpg") no-repeat;
  background-size: cover;
  background-position: top center;
  padding: 45px 0 99px 0;
}

@media screen and (max-width: 834px) {
  .sec-pickup {
    padding: 59px 0 46px 0;
  }
}

.pickup-inner {
  width: 100%;
  max-width: 1134px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.pickup-ttl {
  padding: 0 0 0 7px;
  margin-bottom: 73px;
}

@media screen and (max-width: 834px) {
  .pickup-ttl {
    margin-bottom: 53px;
  }
}

@media screen and (max-width: 834px) {
  .pickup-box {
    padding: 0 2px 0 3px;
  }
}

.pickup-box__item {
  background: #f4f4f4;
  color: #58595b;
  position: relative;
  margin-bottom: 68px;
  max-width: 1100px;
  padding: 100px 15px 52px;
}

@media screen and (max-width: 834px) {
  .pickup-box__item {
    padding: 34px 24px 43px;
    margin-bottom: 59px;
    background: white;
  }
}

.pickup-box__item:last-child {
  margin-bottom: 0;
}

.pickup-box__item .cap {
  position: absolute;
  top: -40px;
  left: -37px;
}

@media screen and (max-width: 834px) {
  .pickup-box__item .cap {
    top: -45px;
    left: -34px;
    width: 191px;
  }
}

.pickup-box__item .circle1, .pickup-box__item .circle2 {
  position: absolute;
  top: -90px;
  right: -23px;
}

.pickup-box__item .circle2 {
  top: 53px;
  right: -15px;
}

.pickup-box__f {
  position: relative;
  margin: 0 auto 56px;
  width: 100%;
  max-width: 920px;
  padding: 0 0 0 15.4%;
}

@media screen and (max-width: 834px) {
  .pickup-box__f {
    padding: 0;
    margin: 0 auto 22px;
  }
}

.pickup-box__f .img {
  text-align: center;
}

@media screen and (min-width: 835px) {
  .pickup-box__f .img {
    position: absolute;
    top: -24px;
    left: 0;
    width: 14.7%;
  }
}

@media screen and (max-width: 834px) {
  .pickup-box__f .img {
    margin: 0 -57px 23px 0;
  }
}

@media screen and (max-width: 834px) {
  .pickup-box__f .img2 {
    margin: 20px -45px -6px 0;
  }
}

.pickup-box__f .txt-en {
  font-family: "Minion Variable Concept", sans-serif;
  color: #886839;
  font-size: 2.355rem;
  letter-spacing: 2.8px;
  margin-bottom: 9px;
}

@media screen and (max-width: 1024px) {
  .pickup-box__f .txt-en {
    font-size: 1.9rem;
  }
}

@media screen and (max-width: 834px) {
  .pickup-box__f .txt-en {
    font-size: 1.5rem;
    letter-spacing: 3.3px;
    margin-bottom: 11px;
    padding: 0 0 0 1px;
  }
}

.pickup-box__f .ttl {
  font-weight: 600;
  margin-bottom: 25px;
}

@media screen and (max-width: 834px) {
  .pickup-box__f .ttl {
    margin-bottom: 11px;
  }
}

.pickup-box__f .ttl > * {
  display: block;
}

.pickup-box__f .ttl .en {
  font-size: 2.7rem;
  line-height: 1.2;
  letter-spacing: 3.4px;
}

@media screen and (max-width: 834px) {
  .pickup-box__f .ttl .en {
    font-size: 2.5rem;
    letter-spacing: 1.2px;
  }
}

.pickup-box__f .ttl .jp {
  font-size: 4.4rem;
  line-height: 1.2;
}

@media screen and (max-width: 834px) {
  .pickup-box__f .ttl .jp {
    font-size: 2.5rem;
    line-height: 1.4;
  }
}

@media screen and (max-width: 640px) {
  .pickup-box__f .ttl .jp {
    font-size: 2.3rem;
  }
}

.pickup-box__f .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.3rem;
  font-weight: 500;
  letter-spacing: 4.5px;
  margin-bottom: 7px;
}

@media screen and (max-width: 834px) {
  .pickup-box__f .txt {
    font-size: 1.813rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    letter-spacing: 3.5px;
    margin-bottom: 12px;
  }
}

.pickup-box__f .txt > * {
  padding: 0 17px;
  position: relative;
}

.pickup-box__f .txt > *:before, .pickup-box__f .txt > *:after {
  position: absolute;
  content: '';
  width: 1px;
  top: 2px;
  bottom: 1px;
  background-color: #333333;
}

.pickup-box__f .txt > *:before {
  left: 5px;
  -webkit-transform: rotate(-22deg);
      -ms-transform: rotate(-22deg);
          transform: rotate(-22deg);
}

@media screen and (max-width: 834px) {
  .pickup-box__f .txt > *:before {
    left: 8px;
  }
}

.pickup-box__f .txt > *:after {
  right: 7px;
  -webkit-transform: rotate(22deg);
      -ms-transform: rotate(22deg);
          transform: rotate(22deg);
}

@media screen and (max-width: 834px) {
  .pickup-box__f .txt > *:after {
    right: 8px;
  }
}

.pickup-box__f .txt02 {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 3px;
  padding-left: 2px;
  margin-bottom: 25px;
}

@media screen and (max-width: 834px) {
  .pickup-box__f .txt02 {
    font-size: 1.5rem;
    line-height: 1.75;
    padding: 0;
    letter-spacing: 1.8px;
    margin-bottom: 14px;
  }
}

.pickup-box__f .txt02 > * {
  position: relative;
  display: inline-block;
  font-weight: bold;
  color: #25ABBB;
  font-size: 2.5rem;
  /* text-shadow: rgba(255, 255, 255, 0.7) 4px 0px 0px, rgba(255, 255, 255, 0.7) 3.87565px 0.98962px 0px, rgba(255, 255, 255, 0.7) 3.51033px 1.9177px 0px, rgba(255, 255, 255, 0.7) 2.92676px 2.72656px 0px, rgba(255, 255, 255, 0.7) 2.16121px 3.36588px 0px, rgba(255, 255, 255, 0.7) 1.26129px 3.79594px 0px, rgba(255, 255, 255, 0.7) 0.28295px 3.98998px 0px, rgba(255, 255, 255, 0.7) -0.71298px 3.93594px 0px, rgba(255, 255, 255, 0.7) -1.66459px 3.63719px 0px, rgba(255, 255, 255, 0.7) -2.51269px 3.11229px 0px, rgba(255, 255, 255, 0.7) -3.20457px 2.39389px 0px, rgba(255, 255, 255, 0.7) -3.69721px 1.52664px 0px, rgba(255, 255, 255, 0.7) -3.95997px 0.56448px 0px, rgba(255, 255, 255, 0.7) -3.97652px -0.43278px 0px, rgba(255, 255, 255, 0.7) -3.74583px -1.40313px 0px, rgba(255, 255, 255, 0.7) -3.28224px -2.28625px 0px, rgba(255, 255, 255, 0.7) -2.61457px -3.02721px 0px, rgba(255, 255, 255, 0.7) -1.78435px -3.57996px 0px, rgba(255, 255, 255, 0.7) -0.84318px -3.91012px 0px, rgba(255, 255, 255, 0.7) 0.15041px -3.99717px 0px, rgba(255, 255, 255, 0.7) 1.13465px -3.8357px 0px, rgba(255, 255, 255, 0.7) 2.04834px -3.43574px 0px, rgba(255, 255, 255, 0.7) 2.83468px -2.82216px 0px, rgba(255, 255, 255, 0.7) 3.44477px -2.03312px 0px, rgba(255, 255, 255, 0.7) 3.84068px -1.11766px 0px, rgba(255, 255, 255, 0.7) 3.9978px -0.13272px 0px; */
}

@media screen and (max-width: 834px) {
  .pickup-box__f .txt02 > * {
    display: inline;
    font-size: 1.5rem;
    border-bottom: 1px solid #25ABBB;
    text-shadow: none;
  }
}

.pickup-box__f .txt02 > * .sm {
  font-size: 2.3rem;
}

@media screen and (max-width: 834px) {
  .pickup-box__f .txt02 > * .sm {
    font-size: 1.5rem;
  }
}

.pickup-box__f .txt02 > * sub {
  font-size: 1rem;
  font-weight: 300;
  position: absolute;
  top: -8px;
  right: -8px;
}

.pickup-box__f .txt02 span small{
  font-size: 1rem;
  font-weight: 300;
  vertical-align: top;
}

.pickup-box__f .des {
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1.71;
  letter-spacing: 2.6px;
  padding-left: 3px;
}

@media screen and (max-width: 834px) {
  .pickup-box__f .des {
    font-size: 1.3rem;
    line-height: 1.55;
    padding: 0;
    letter-spacing: 1.4px;
  }
}

.pickup-box__f .des .sm {
  font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 1rem;
  display: block;
  margin-top: 12px;
}

.pickup-box__txt {
  color: #5e728c;
  text-align: center;
  font-size: 1.65rem;
  line-height: 1.6;
  margin: 0 -15px 16px;
  font-weight: bold;
}

@media screen and (max-width: 834px) {
  .pickup-box__txt {
    margin-bottom: 19px;
  }
}

.pickup-box__txt03 {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 28px;
  color: #25ABBB;
  letter-spacing: 0.8px;
}

@media screen and (max-width: 834px) {
  .pickup-box__txt03 {
    font-size: 2.15rem;
    border-top: 1px solid #25abbb;
    border-bottom: 1px solid #25abbb;
    padding: 11px 0 8px 0;
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 835px) {
  .pickup-box__txt03 .lg {
    font-size: 3.2rem;
    display: block;
    line-height: 1.15;
    letter-spacing: 0.5px;
    margin-bottom: 9px;
  }
}

.pickup-box__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.55;
  width: 100%;
  max-width: 956px;
  letter-spacing: 2px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 1024px) {
  .pickup-box__list {
    font-size: 1.55rem;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 834px) {
  .pickup-box__list {
    font-size: 1.45rem;
  }
}

@media screen and (max-width: 640px) {
  .pickup-box__list {
    margin: 0 -22px;
    width: calc(100% + 44px);
  }
}

@media screen and (max-width: 374px) {
  .pickup-box__list {
    font-size: 1.2rem;
    margin: 0 -15px;
    width: calc(100% + 30px);
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .pickup-box__list {
    letter-spacing: 0;
  }
}

.pickup-box__list > * {
  width: 25%;
  padding: 0 8px;
  margin-bottom: 16px;
  min-height: 89px;
}

@media screen and (max-width: 834px) {
  .pickup-box__list > * {
    width: 50%;
    padding: 0 6px;
    min-height: 66px;
    margin-bottom: 6px;
  }
}

@media screen and (max-width: 374px) {
  .pickup-box__list > * {
    padding: 0 2px;
  }
}

.pickup-box__list > * > * {
  width: 100%;
  height: 100%;
  background: #12bace;
  color: white;
  border: 3px solid white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 600;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .pickup-box__list > * > * {
    padding-top: 10px;
  }
}

@media screen and (max-width: 834px) {
  .pickup-box__list > * > * {
    border: 0;
  }
}

.pickup-box__list > * > * > * {
  width: 100%;
}

.pickup-box__list .lg {
  font-size: 2.36rem;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0;
}

@media screen and (max-width: 1024px) {
  .pickup-box__list .lg {
    font-size: 2rem;
  }
}

@media screen and (max-width: 834px) {
  .pickup-box__list .lg {
    font-size: 1.6rem;
    margin-bottom: -2px;
  }
  .pickup-box__list .lg:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 374px) {
  .pickup-box__list .lg {
    font-size: 1.4rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .pickup-box__list .lg {
    font-size: 2rem;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1024px) {
  .pickup-box__list .lg {
    font-size: 1.5rem;
  }
}

.pickup-txt {
  position: absolute;
  top: -1px;
  left: -2px;
}

.sec-openness {
  background: url("../img/index/openness-bg.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}

.sec-openness .inner {
  max-width: 1116px;
  position: relative;
  padding: 95px 15px 82px 32px;
}

@media screen and (max-width: 834px) {
  .sec-openness .inner {
    padding: 57px 0 48px 24px;
  }
}

.openness-ttl {
  position: absolute;
  color: #58595b;
  font-size: 3.1rem;
  top: 9.4%;
  right: 4.9%;
  white-space: nowrap;
  font-weight: 600;
  font-family: serif;
}

@media screen and (max-width: 1024px) {
  .openness-ttl {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 834px) {
  .openness-ttl {
    font-size: 1.5rem;
    top: 9.4%;
    right: 10.7%;
  }
}

.openness-ttl > * {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-text-orientation: mixed;
          text-orientation: mixed;
}

.openness-ttl > * span {
  display: inline-block;
  margin-bottom: 57px;
}

@media screen and (max-width: 834px) {
  .openness-ttl > * span {
    margin-bottom: 27px;
  }
}

.openness-ttl > * span:last-child {
  margin-bottom: 0;
}

.openness-img img {
  display: block;
  width: 100%;
}

.sec-abeaute {
  padding: 80px 15px 92px;
  background: url("../img/index/abeaute-bg.png") no-repeat;
  background-position: top 5.2% left 4.4%;
}

@media screen and (max-width: 834px) {
  .sec-abeaute {
    background: url("../img/index/abeaute-bg-sp.png") no-repeat;
    background-position: top 12.2% left 1.8%;
    padding: 48px 15px 63px;
  }
}

.abeaute-ttl {
  margin-bottom: 4px;
  padding: 0 8px 0 0;
}

@media screen and (max-width: 834px) {
  .abeaute-ttl {
    margin: 0 -30px 2px;
    padding: 0 2px 0 0;
  }
}

.abeaute-txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 60.9%;
  max-width: 792px;
  z-index: -1;
}

@media screen and (max-width: 834px) {
  .abeaute-txt {
    width: 110%;
    max-width: 403px;
  }
}

.abeaute-txt02 {
  position: absolute;
  right: 0.3%;
  bottom: 0;
  width: 51.85%;
  max-width: 674px;
  z-index: -1;
}

@media screen and (max-width: 834px) {
  .abeaute-txt02 {
    right: 4.3%;
    width: 91%;
  }
}

.abeaute-img {
  margin: 0 0 -21px 0;
  padding: 0 0 0 12px;
}

@media screen and (max-width: 834px) {
  .abeaute-img {
    margin: 0 0 17px 0;
    padding: 0 8px 0 9px;
  }
}

.abeaute-btn .btn-comp02 {
  margin: 0 auto;
  max-width: 380px;
  height: 59px;
}

@media screen and (max-width: 834px) {
  .abeaute-btn .btn-comp02 {
    max-width: 275px;
    height: 50px;
  }
}

.abeaute-btn .btn-comp02 > * {
  padding: 0 43px 0 44px;
}

@media screen and (max-width: 834px) {
  .abeaute-btn .btn-comp02 > * {
    padding: 0 27px 0 38px;
  }
}

.sec-support {
  padding-bottom: 167px;
}

@media screen and (max-width: 834px) {
  .sec-support {
    padding-bottom: 55px;
  }
}

.sec-support .sec-campaign {
  padding: 39px 0 170px;
  z-index: 1;
  overflow: initial;
}

.sec-support .sec-campaign:before {
  position: absolute;
  content: '';
  top: 0;
  bottom: -10vw;
  left: 0;
  right: 0;
  background: #72839a;
  z-index: -1;
}

@media screen and (max-width: 834px) {
  .sec-support .sec-campaign {
    padding: 19px 0 130px;
  }
}

.sec-support .sec-campaign .campaign-list {
  max-width: 726px;
  padding-left: 17px;
}

@media screen and (max-width: 834px) {
  .sec-support .sec-campaign .campaign-list {
    padding: 0 10px;
  }
}

@media screen and (min-width: 835px) {
  .sec-support .sec-campaign .campaign-person {
    bottom: 22px;
  }
}

@media screen and (max-width: 640px) {
  .sec-support .sec-campaign .campaign-person {
    top: 84px;
  }
}

.sec-support .sec-campaign .campaign-cap {
  margin-bottom: 45px;
}

@media screen and (max-width: 834px) {
  .sec-support .sec-campaign .campaign-cap {
    margin: 0 0 43px -31px;
    padding: 0 8px 0 0;
  }
}

.sec-support .sec-campaign .campaign-txt {
  margin-bottom: 23px;
}

@media screen and (max-width: 834px) {
  .sec-support .sec-campaign .campaign-txt {
    margin-bottom: 24px;
  }
}

.support-t {
  margin: -167px 0 103px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 834px) {
  .support-t {
    margin: -107px 0 65px;
  }
}

.support-t:before {
  position: absolute;
  content: '';
  left: 50%;
  width: 100vw;
  top: 52px;
  bottom: 142px;
  background-image: url("../img/index/support-t-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  z-index: -1;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 834px) {
  .support-t:before {
    background-image: url("../img/index/support-t-bg-sp.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    bottom: 70px;
  }
}

.support-ttl {
  text-align: center;
  margin-bottom: -12px;
  padding: 0 0 0 22px;
}

@media screen and (max-width: 834px) {
  .support-ttl {
    padding: 11px 15px 0 12px;
    margin-bottom: 37px;
  }
}

.support-anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 1086px;
  padding: 0 42px 0 15px;
  margin: 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 834px) {
  .support-anchor {
    padding: 0 17px;
  }
}

.support-anchor .item {
  width: calc(25% - 7px);
}

@media screen and (max-width: 640px) {
  .support-anchor .item {
    width: 50%;
    padding: 0 7px;
    margin-bottom: 12px;
  }
}

.support-inner {
  width: 100%;
  max-width: 1076px;
  margin: 0 auto;
  padding: 0 15px;
}

@media screen and (max-width: 834px) {
  .support-inner {
    padding: 0 25px;
  }
}

.support-list {
  color: #58595b;
}

.support-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  margin-bottom: 129px;
}

@media screen and (max-width: 834px) {
  .support-list__item {
    margin-bottom: 91px;
  }
}

.support-list__item:last-child {
  margin-bottom: 0;
}

.support-list__item:before {
  position: absolute;
  content: '';
  background: rgba(233, 235, 240, 0.6);
  top: 183px;
  width: 100vw;
  bottom: -196px;
  left: 45.2%;
}

@media screen and (max-width: 834px) {
  .support-list__item:before {
    display: none;
  }
}

@media screen and (min-width: 835px) {
  .support-list__item:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .support-list__item:nth-child(odd):before {
    right: 47.4%;
    left: auto;
  }
}

@media screen and (min-width: 835px) {
  .support-list__item:nth-child(odd) .support-list__cnt {
    width: calc(47.4% + 25px);
    margin-left: 0;
    margin-right: -25px;
    padding: 100px 50px 38px 49px;
  }
  .support-list__item:nth-child(odd) .support-list__cnt:before {
    left: -48px;
    right: 0;
  }
}

@media screen and (max-width: 1200px) and (min-width: 835px) {
  .support-list__item:nth-child(odd) .support-list__cnt {
    padding: 100px 15px 38px 15px;
  }
}

@media screen and (min-width: 835px) {
  .support-list__item:nth-child(odd) .support-list__img {
    width: 52.6%;
    position: relative;
    left: -22px;
  }
  .support-list__item:nth-child(odd) .support-list__img:before {
    left: 65px;
    right: -67px;
  }
}

@media screen and (min-width: 835px) {
  .support-list__item:nth-child(odd) .support-list__number {
    left: 15px;
    right: auto;
  }
}

@media screen and (min-width: 835px) {
  .support-list__item:nth-child(odd) .support-list__ttl {
    margin-bottom: 14px;
    white-space: nowrap;
  }
}

.support-list__img {
  width: 52.6%;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 834px) {
  .support-list__img {
    width: 100%;
  }
  .support-list__img img {
    display: block;
    width: 100%;
  }
}

.support-list__img:before {
  position: absolute;
  content: '';
  top: 27px;
  bottom: -60px;
  left: -50px;
  right: 50px;
  background: url("../img/index/support-b-bg.png") no-repeat;
  background-size: cover;
  z-index: -1;
}

@media screen and (max-width: 834px) {
  .support-list__img:before {
    top: -33px;
    bottom: -45px;
    left: -25px;
    right: -25px;
  }
}

.support-list__cnt {
  width: calc(47.4% + 48px);
  position: relative;
  padding: 100px 5px 51px 47px;
  z-index: 2;
  margin-left: -48px;
}

@media screen and (max-width: 1200px) {
  .support-list__cnt {
    padding: 100px 5px 51px 15px;
  }
}

@media screen and (max-width: 834px) {
  .support-list__cnt {
    width: 100%;
    margin: 0;
    padding: 17px 0px 0 0px;
  }
}

.support-list__cnt:before {
  position: absolute;
  content: '';
  background: white;
  top: 32px;
  left: 0;
  right: -45px;
  bottom: 0;
  z-index: -1;
}

@media screen and (max-width: 834px) {
  .support-list__cnt:before {
    display: none;
  }
}

.support-list__number {
  position: absolute;
  top: -18px;
  right: -7px;
}

@media screen and (max-width: 834px) {
  .support-list__number {
    position: inherit;
    top: 0;
    right: auto;
    left: -8px;
  }
}

.support-list__ttl {
  font-weight: 500;
  font-size: 3rem;
  line-height: 1.65;
  margin-bottom: 16px;
}

@media screen and (max-width: 1200px) {
  .support-list__ttl {
    font-size: 2.1rem;
    line-height: 1.5125;
    padding: 27px 0 0 0px;
    margin-bottom: 11px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .support-list__ttl {
    font-size: 2rem;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1200px) {
  .support-list__ttl {
    font-size: 1.8rem;
  }
}

.support-list__ttl span {
  color: #25abbb;
  white-space: nowrap;
}

.support-list__txt {
  font-size: 1.4rem;
  line-height: 1.9;
  font-weight: 500;
  text-align: justify;
  padding-right: 26px;
  letter-spacing: 1px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 834px) {
  .support-list__txt {
    font-size: 1.6rem;
    line-height: 1.85;
    padding: 0;
  }
}

.sec-movie {
  padding: 80px 0 100px;
}

@media screen and (max-width: 640px) {
  .sec-movie {
    padding: 0 0 60px;
  }
}

.sec-movie .inner {
  max-width: 1180px;
}

@media screen and (max-width: 640px) {
  .sec-movie .inner {
    padding: 0 25px;
  }
}

.sec-movie .inner .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 57px;
}

@media screen and (max-width: 834px) {
  .sec-movie .inner .row {
    margin-bottom: 41px;
  }
}

.sec-movie .inner .row .l {
  width: 42.62%;
}

@media screen and (max-width: 640px) {
  .sec-movie .inner .row .l {
    width: calc(100% + 50px);
    margin: 0 -25px 32px;
  }
}

.sec-movie .inner .row .l > * {
  display: block;
  width: 100%;
}

.sec-movie .inner .row .l > * img {
  display: block;
  width: 100%;
}

.sec-movie .inner .row .r {
  width: 56%;
  margin-left: auto;
  padding: 0 6px 0 0;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 640px) {
  .sec-movie .inner .row .r {
    width: 100%;
    padding: 0;
  }
}

.sec-movie .inner .row .r:before {
  content: '';
  display: block;
  padding-bottom: calc(356/638*100%);
}

@media screen and (max-width: 640px) {
  .sec-movie .inner .row .r:before {
    padding-bottom: calc(180/325*100%);
  }
}

.sec-movie .inner .row .r .video {
  position: absolute;
  width: calc(100% - 6px);
  height: 100%;
  top: 0;
  left: 0;
}

@media screen and (max-width: 640px) {
  .sec-movie .inner .row .r .video {
    width: 100%;
  }
}

.sec-movie .inner .row .r .video iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.sec-movie .inner .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px 0 -16px;
}

@media screen and (max-width: 834px) {
  .sec-movie .inner .list {
    margin: 0 -10px;
  }
}

@media screen and (max-width: 640px) {
  .sec-movie .inner .list {
    margin: 0;
  }
}

.sec-movie .inner .list .item {
  width: 33.33%;
  padding: 0 16px;
}

@media screen and (max-width: 834px) {
  .sec-movie .inner .list .item {
    padding: 0 10px;
  }
}

@media screen and (max-width: 640px) {
  .sec-movie .inner .list .item {
    width: 100%;
    padding: 0;
    margin-bottom: 37px;
  }
  .sec-movie .inner .list .item:last-child {
    margin-bottom: 0;
  }
}

.sec-movie .inner .list .item .ttl {
  font-weight: 500;
  font-size: 1.6rem;
  margin-bottom: 9px;
  color: #c9878e;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 834px) {
  .sec-movie .inner .list .item .ttl {
    font-size: 1.45rem;
    letter-spacing: 0.4px;
    margin-bottom: 8px;
  }
}

.sec-movie .inner .list .item .img {
  margin-bottom: 18px;
}

@media screen and (max-width: 834px) {
  .sec-movie .inner .list .item .img {
    margin-bottom: 16px;
  }
}

.sec-movie .inner .list .item .img img {
  display: block;
  width: 100%;
}

.sec-movie .inner .list .item .txt {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #58595b;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 834px) {
  .sec-movie .inner .list .item .txt {
    font-size: 1.35rem;
  }
}

.sec-movie .inner .list .item .txt .ico {
  min-width: 29px;
  margin: -3px 0 0 0;
}

@media screen and (max-width: 834px) {
  .sec-movie .inner .list .item .txt .ico {
    min-width: 25px;
    margin: -1px 0 0 0;
  }
  .sec-movie .inner .list .item .txt .ico img {
    width: 18px;
  }
}

.repeaters-t {
  background: #dfad96;
  color: white;
  padding: 114px 15px 112px;
}

@media screen and (max-width: 834px) {
  .repeaters-t {
    padding: 57px 15px 237px;
  }
}

.repeaters-ttl {
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: 1px;
}

@media screen and (max-width: 1024px) {
  .repeaters-ttl {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 834px) {
  .repeaters-ttl {
    font-size: 2.2rem;
    line-height: 1.41;
    letter-spacing: 0px;
  }
}

.repeaters-ttl .lg {
  font-size: 4.45rem;
  display: block;
}

@media screen and (max-width: 1024px) {
  .repeaters-ttl .lg {
    font-size: 3.8rem;
  }
}

@media screen and (max-width: 834px) {
  .repeaters-ttl .lg {
    font-size: 3.1rem;
    line-height: 1.35;
    margin-top: 13px;
    letter-spacing: 1px;
  }
}

.repeaters-b {
  padding: 0 15px 167px;
  background: url("../img/index/repeaters-bg.jpg") no-repeat;
  background-size: cover;
}

@media screen and (max-width: 834px) {
  .repeaters-b {
    padding: 0 15px 90px;
  }
}

.repeaters-head {
  position: relative;
  top: -91px;
  margin-bottom: 17px;
}

@media screen and (max-width: 834px) {
  .repeaters-head {
    top: -207px;
    margin-bottom: -155px;
  }
}

.repeaters-head .circle {
  padding: 0 2px 19px 0;
}

@media screen and (max-width: 834px) {
  .repeaters-head .circle {
    padding: 0 0 24px 4px;
  }
}

.repeaters-head .txt {
  color: #666666;
  font-size: 1.1rem;
  font-weight: 300;
  letter-spacing: 0.8px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 834px) {
  .repeaters-head .txt {
    letter-spacing: 0;
  }
}

.repeaters-list {
  width: 100%;
  max-width: 1072px;
  margin: 0 auto;
  color: #4d4d4d;
}

.repeaters-list .item {
  background: white;
  -webkit-box-shadow: 0 0 9px rgba(35, 24, 21, 0.2);
          box-shadow: 0 0 9px rgba(35, 24, 21, 0.2);
  padding: 68px 51px 74px 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 65px;
}

@media screen and (max-width: 1200px) {
  .repeaters-list .item {
    padding: 30px;
  }
}

@media screen and (max-width: 834px) {
  .repeaters-list .item {
    padding: 15px;
    margin-bottom: 49px;
  }
}

@media screen and (max-width: 640px) {
  .repeaters-list .item {
    padding: 28px 20px 67px;
  }
}

@media screen and (max-width: 374px) {
  .repeaters-list .item {
    padding: 20px 10px 50px;
  }
}

.repeaters-list .item:last-child {
  margin-bottom: 0;
}

.repeaters-list .item .l {
  width: 33.13%;
  color: #58595B;
}

@media screen and (max-width: 640px) {
  .repeaters-list .item .l {
    width: 100%;
    margin-bottom: 29px;
  }
}

.repeaters-list .item .l .img {
  margin-bottom: 27px;
}

@media screen and (max-width: 640px) {
  .repeaters-list .item .l .img {
    margin-bottom: 23px;
    padding: 0 9px;
  }
}

.repeaters-list .item .l .add {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.45;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 14px;
}

@media screen and (max-width: 640px) {
  .repeaters-list .item .l .add {
    margin-bottom: 7px;
  }
}

.repeaters-list .item .l .graces {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 24px;
}

.repeaters-list .item .l .graces > * {
  display: block;
}

.repeaters-list .item .l .graces span {
  letter-spacing: 1.3px;
}

.repeaters-list .item .l .graces small {
  font-size: 1.672rem;
  letter-spacing: 1px;
  margin-top: 5px;
}

.repeaters-list .item .cnt {
  width: 66.87%;
  max-width: 608px;
  padding: 0px 0 0 15px;
  margin: -7px 0 0 auto;
}

@media screen and (max-width: 640px) {
  .repeaters-list .item .cnt {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
}

.repeaters-list .item .cnt .ttl {
  font-size: 2.7rem;
  line-height: 1.45;
  font-weight: 500;
  padding: 0 0 27px 0px;
  color: #58595B;
  white-space: nowrap;
}

@media screen and (max-width: 1024px) {
  .repeaters-list .item .cnt .ttl {
    font-size: 2.3rem;
  }
}

@media screen and (max-width: 834px) {
  .repeaters-list .item .cnt .ttl {
    font-size: 1.9rem;
    line-height: 1.475;
    padding: 0;
  }
}

@media screen and (max-width: 640px) {
  .repeaters-list .item .cnt .ttl {
    white-space: normal;
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 374px) {
  .repeaters-list .item .cnt .ttl {
    font-size: 1.6rem;
  }
}

.repeaters-list .item .cnt .ttl > * {
  color: #a98418;
}

@media screen and (max-width: 640px) {
  .repeaters-list .item .cnt .ttl > * {
    white-space: nowrap;
  }
}

.repeaters-list .item .cnt .list-item {
  margin-bottom: 45px;
}

@media screen and (max-width: 640px) {
  .repeaters-list .item .cnt .list-item {
    display: none;
    margin-bottom: 27px;
  }
  .repeaters-list .item .cnt .list-item:first-child {
    display: block;
  }
  .repeaters-list .item .cnt .list-item.show {
    display: block;
  }
}

@media screen and (min-width: 641px) {
  .repeaters-list .item .cnt .list-item:last-child {
    margin-bottom: 0;
  }
}

.repeaters-list .item .cnt .list-item .txt {
  font-size: 1.7rem;
  font-weight: 600;
  padding: 11px 10px 9px 19px;
  background: rgba(234, 192, 172, 0.8);
  letter-spacing: 0.8px;
  margin-bottom: 15px;
  color: #58595B;
}

@media screen and (max-width: 834px) {
  .repeaters-list .item .cnt .list-item .txt {
    font-size: 1.8rem;
    line-height: 1.37;
    padding: 18px 10px 17px 20px;
    margin-bottom: 14px;
  }
}

@media screen and (max-width: 374px) {
  .repeaters-list .item .cnt .list-item .txt {
    font-size: 1.7rem;
    padding: 18px 10px 17px 10px;
  }
}

.repeaters-list .item .cnt .list-item .des {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: 0.5px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

.repeaters-list .item .cnt .list-item .des > * {
  text-decoration: underline;
  text-underline-position: under;
}

.repeaters-list .item .cnt .list.hide {
  display: none;
}

@media screen and (max-width: 640px) {
  .repeaters-list .item .cnt .list.hide {
    margin-top: 30px;
  }
  .repeaters-list .item .cnt .list.hide .list-item {
    display: block !important;
  }
}

.sec-point {
  padding: 187px 0 0;
}

@media screen and (max-width: 834px) {
  .sec-point {
    padding: 154px 0 0;
  }
}

.point-t {
  padding: 146px 15px 106px;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1136px;
  margin: 0 auto 87px;
  color: white;
}

@media screen and (max-width: 640px) {
  .point-t {
    padding: 139px 25px 59px;
    margin-bottom: 57px;
  }
}

.point-t:before {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  width: 100vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("../img/index/point-bg-01.jpg") no-repeat;
  background-size: cover;
  z-index: -1;
}

.point-ttl {
  margin-bottom: 60px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 640px) {
  .point-ttl {
    margin-bottom: 15px;
  }
}

.point-quest {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.55;
  display: inline-block;
  letter-spacing: 6.7px;
  padding: 0 0 3px 6px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1024px) {
  .point-quest {
    font-size: 3rem;
  }
}

@media screen and (max-width: 834px) {
  .point-quest {
    font-size: 2.2rem;
    letter-spacing: 3.5px;
    margin: 0 0 0 -3px;
    padding: 0 0 2px 6px;
  }
}

.point-quest:before {
  position: absolute;
  content: '';
  height: 1px;
  left: 8px;
  right: 5px;
  bottom: 0;
  background: white;
}

.point-img {
  position: absolute;
  top: -135px;
  right: calc((1132px - 100vw) / 2);
  -webkit-filter: drop-shadow(0px 0px 0px black);
          filter: drop-shadow(0px 0px 0px black);
}

@media only screen and (max-width: 1136px) {
  .point-img {
    right: -15px;
    width: 60%;
  }
}

@media screen and (max-width: 640px) {
  .point-img {
    width: 293px;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    top: -121px;
    right: 42.5%;
  }
}

.point-img img {
  display: block;
  width: 100%;
}

.point-b {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 15px 114px;
  color: #58595b;
  position: relative;
}

@media screen and (max-width: 834px) {
  .point-b {
    padding: 0 15px;
  }
}

.point-b:before {
  position: absolute;
  content: '';
  left: 50%;
  width: 100vw;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("../img/index/point-bg-02.jpg") no-repeat;
  background-size: cover;
  bottom: 0;
  height: 496px;
}

.point-subTtl {
  text-align: center;
  padding: 0 40px 35px 0;
}

@media screen and (max-width: 834px) {
  .point-subTtl {
    padding: 0 0 35px 9px;
  }
  .point-subTtl img {
    width: 171px;
  }
}

.point-des {
  font-size: 1.7rem;
  line-height: 1.95;
  font-weight: 500;
  text-align: center;
  letter-spacing: 2px;
  margin: 0 0 83px 0;
  padding-left: 25px;
}

@media screen and (max-width: 834px) {
  .point-des {
    font-size: 1.5rem;
    line-height: 1.7;
    margin-bottom: 42px;
  }
}

@media screen and (max-width: 640px) {
  .point-des {
    text-align: justify;
    padding: 0 8px 0 14px;
    letter-spacing: 0.1px;
  }
}

.point-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -8px;
}

@media only screen and (max-width: 550px) {
  .point-list {
    margin: 0 auto;
    width: 100%;
    max-width: 248px;
  }
}

.point-list .item {
  width: 25%;
  padding: 0 8px;
}

@media screen and (max-width: 767px) {
  .point-list .item {
    width: 50%;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 550px) {
  .point-list .item {
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 0 0 37px;
    margin-bottom: 41px;
  }
  .point-list .item:last-child {
    margin-bottom: 0;
  }
  .point-list .item:before {
    position: absolute;
    content: '';
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 133px;
    bottom: 0;
    background: url("../img/index/point-bg-03.png") no-repeat;
    background-size: cover;
  }
}

.point-list .item .inn {
  display: block;
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(193, 193, 193, 0.75);
          box-shadow: 0 0 5px rgba(193, 193, 193, 0.75);
  position: relative;
  padding: 51px 27px 30px 28px;
}

@media screen and (max-width: 1024px) {
  .point-list .item .inn {
    padding: 50px 15px 30px;
  }
}

@media only screen and (max-width: 550px) {
  .point-list .item .inn {
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
  }
}

.point-list .item .inn .cap {
  position: absolute;
  font-family: "Brandon", sans-serif;
  font-size: 1.3rem;
  top: 10px;
  left: 14px;
  letter-spacing: 2.2px;
}

@media screen and (max-width: 834px) {
  .point-list .item .inn .cap {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 550px) {
  .point-list .item .inn .cap {
    position: initial;
    top: auto;
    left: auto;
    padding: 0 0 9px 3px;
  }
}

.point-list .item .inn .img {
  margin-bottom: 38px;
}

@media only screen and (max-width: 550px) {
  .point-list .item .inn .img {
    margin-bottom: 10px;
  }
}

.point-list .item .inn .img img {
  display: block;
  width: 100%;
}

.point-list .item .inn .ttl {
  position: relative;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  padding-bottom: 14px;
  margin-bottom: 18px;
}

@media only screen and (max-width: 550px) {
  .point-list .item .inn .ttl {
    padding-bottom: 12px;
    margin-bottom: 11px;
  }
}

.point-list .item .inn .ttl:before {
  position: absolute;
  content: '';
  height: 2px;
  width: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  background: #58595b;
}

.point-list .item .inn .txt {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.86;
  padding-left: 5px;
  letter-spacing: 1.2px;
}

@media screen and (max-width: 834px) {
  .point-list .item .inn .txt {
    padding: 0;
    letter-spacing: 0.8px;
  }
}

.sec-mour {
  position: relative;
  background-color: #e7e7e6;
  background-image: url("../img/index/mour-bg.png");
  background-size: auto 100%;
  background-position: top right;
  background-repeat: no-repeat;
}

@media screen and (max-width: 834px) {
  .sec-mour {
    background-image: none;
  }
}

.mour-inner {
  width: 100%;
  max-width: 998px;
  margin: 0 auto;
  padding: 64px 15px 65px;
}

@media screen and (max-width: 640px) {
  .mour-inner {
    padding: 207px 23px 50px 26px;
    background-image: url("../img/index/mour-bg-sp.png");
    background-size: 259px auto;
    background-position: top -1px right -1px;
    background-repeat: no-repeat;
  }
}

.mour-ttl {
  margin-bottom: 37px;
}

@media screen and (max-width: 834px) {
  .mour-ttl {
    margin-bottom: 33px;
  }
}

.mour-btn {
  width: 100%;
  max-width: 646px;
}

.mour-btn .btn-comp02 {
  margin: 0 auto;
  -webkit-box-shadow: 0 0 6px #999999;
          box-shadow: 0 0 6px #999999;
}

.sec-sns {
  padding: 95px 0 0;
}

@media screen and (max-width: 834px) {
  .sec-sns {
    padding: 33px 0 0;
  }
}

.sns-inn {
  padding: 0 15px;
}

.sns-ttl {
  margin-bottom: -35px;
  padding: 0 2px 0 0;
  text-align: center;
}

@media screen and (max-width: 834px) {
  .sns-ttl {
    margin: 0 -17px 21px;
  }
}

.sns-img {
  margin: 0 -15px;
  padding: 0 15px 35px 25px;
  text-align: center;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 834px) {
  .sns-img {
    padding: 0 15px 62px 14px;
  }
}

.sns-img:before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  top: 195px;
  background: url("../img/index/sns-bg.jpg") no-repeat;
  background-size: cover;
  z-index: -1;
}

.sec-product {
  background: #f5f4f4;
  padding: 54px 0 61px;
}

@media screen and (max-width: 834px) {
  .sec-product {
    padding: 43px 0 61px;
    background: white;
  }
}

.sec-product .inner {
  max-width: 1152px;
}

@media screen and (min-width: 835px) {
  .product-box {
    background: white;
    -webkit-box-shadow: 0 0 14px rgba(35, 24, 21, 0.2);
            box-shadow: 0 0 14px rgba(35, 24, 21, 0.2);
    padding: 112px 15px 89px;
  }
}

.product-ttl {
  font-family: "Century Gothic", sans-serif;
  color: #1a1a1a;
  font-size: 1.65rem;
  line-height: 1.66;
  text-align: center;
  margin-bottom: 80px;
  letter-spacing: 2.2px;
}

@media screen and (max-width: 834px) {
  .product-ttl {
    font-size: 1.25rem;
    margin-bottom: 22px;
  }
}

.product-subTtl {
  margin-bottom: 2px;
}

@media screen and (max-width: 834px) {
  .product-subTtl {
    padding: 0 0 0 6px;
    margin-bottom: 35px;
  }
}

.product-logo {
  padding: 0 2px 0 0;
  margin-bottom: 42px;
}

@media screen and (max-width: 834px) {
  .product-logo {
    padding: 0 2px 0 9px;
    margin-bottom: 55px;
  }
}

.product-logo02 {
  padding: 0 0 0 14px;
}

@media screen and (max-width: 640px) {
  .product-logo02 {
    width: 180px;
    margin: 0 auto;
  }
}

.product-list {
  width: 100%;
  max-width: 756px;
  margin: 0 auto 55px;
  color: #1a1a1a;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 2px;
}

@media screen and (max-width: 834px) {
  .product-list {
    font-size: 1.8rem;
    line-height: 1.31;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .product-list {
    font-size: 2rem;
    letter-spacing: 1px;
  }
}

.product-list .item {
  position: relative;
  padding: 1px 0 0 47px;
  margin-bottom: 15px;
}

@media screen and (max-width: 834px) {
  .product-list .item {
    padding: 0 0 0 61px;
    margin-bottom: 18px;
  }
}

.product-list .item:before {
  position: absolute;
  content: '';
  width: 29px;
  height: 28px;
  background: url("../img/index/product-volume.svg") no-repeat;
  top: 0;
  left: 0;
}

@media screen and (max-width: 834px) {
  .product-list .item:before {
    top: 50%;
    left: 22px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .product-list .item:before {
    top: -3px;
  }
}

.product-list .item span {
  color: #886839;
}

@media screen and (min-width: 835px) {
  .product-list .item span {
    font-size: 2.8rem;
    line-height: 1;
    letter-spacing: 3.2px;
  }
}

@media screen and (max-width: 834px) {
  .product-list .item span {
    display: block;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 835px) {
  .product-list .item span {
    font-size: 2.5rem;
    letter-spacing: 1px;
  }
}

.product-list .item .item__font_c1a {
  color: #1a1a1a;
}

@media screen and (max-width: 834px) {
  .product-list .item .item__font_c1a {
    color: #886839;
  }
}

@media screen and (max-width: 834px) {
  .product-list .item .item__font_c1a.sp_disp_inline {
    display: inline;
  }
}

.product-list02 {
  max-width: 870px;
  letter-spacing: 1.5px;
  margin-bottom: 46px;
}

.product-arr {
  padding: 0 0 0 8px;
  margin-bottom: 56px;
}

.product-subTtl02 {
  padding: 0 0 0 2px;
  margin-bottom: 42px;
}

.sec-until {
  padding: 73px 0 0;
}

@media screen and (max-width: 834px) {
  .sec-until {
    padding: 39px 0 0;
    background: url(../img/index/abeaute-bg-sp.png) no-repeat;
    background-position: top 18px left 4px;
  }
}

.sec-until .inner {
  max-width: 975px;
}

.until-ttl {
  margin-bottom: 22px;
  padding: 0 22px 0 0;
  text-align: center;
}

@media screen and (max-width: 834px) {
  .until-ttl {
    padding: 0;
    width: calc(100% + 30px);
    margin: 0 -15px 28px;
  }
}

.until-list {
  color: #4d4d4f;
  font-weight: 500;
  margin-bottom: 76px;
}

@media screen and (max-width: 834px) {
  .until-list {
    margin-bottom: 37px;
  }
}

.until-list .item {
  margin-bottom: 24px;
  background: #f3f3f3;
  padding: 35px 40px 20px 100px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 172px;
  z-index: 1;
}

@media screen and (max-width: 834px) {
  .until-list .item {
    padding: 41px 0px 32px 10px;
    margin-bottom: 0;
  }
  .until-list .item:before {
    position: absolute;
    content: '';
    width: 100vw;
    top: 0;
    left: 50%;
    bottom: 0;
    background: #f3f3f3;
    z-index: -1;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .until-list .item:nth-child(even):before {
    background: white;
  }
}

.until-list .item:last-child {
  margin-bottom: 0;
}

.until-list .item .number {
  position: absolute;
  font-weight: 600;
  font-size: 3.4rem;
  line-height: 1;
  left: 52px;
  top: 39px;
  letter-spacing: 2px;
}

@media screen and (max-width: 834px) {
  .until-list .item .number {
    display: none;
  }
}

.until-list .item .img {
  width: 123px;
  text-align: center;
  padding: 0 18px 9px 0;
  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;
}

@media screen and (max-width: 834px) {
  .until-list .item .img {
    width: 100%;
    padding: 0 10px 23px 0;
  }
}

.until-list .item .cnt {
  width: calc(100% - 123px);
}

@media screen and (max-width: 834px) {
  .until-list .item .cnt {
    width: 100%;
  }
}

.until-list .item .cnt .ttl {
  font-size: 2.3rem;
  line-height: 1.75;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}

.until-list .item .cnt .ttl .num {
  display: none;
}

@media screen and (max-width: 834px) {
  .until-list .item .cnt .ttl {
    font-size: 2.1rem;
    line-height: 1.35;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 15px;
  }
  .until-list .item .cnt .ttl .num {
    display: block;
    min-width: 50px;
    font-weight: 600;
    font-size: 3.05rem;
    line-height: 1;
    padding: 0 0 0 1px;
    letter-spacing: 1px;
  }
}

.until-list .item .cnt .ttl .txt {
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho, "MotoyaLCedar", "Droid Sans Japanese", serif;
}

.until-list .item .cnt .txt {
  font-size: 1.75rem;
  line-height: 1.4;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  letter-spacing: 1px;
}

@media screen and (max-width: 834px) {
  .until-list .item .cnt .txt {
    line-height: 1.58;
    letter-spacing: 0.5px;
  }
}

.until-list .item .cnt .fs20 {
  font-size: 2rem;
}

@media screen and (max-width: 834px) {
  .until-list .item .cnt .fs20 {
    font-size: 1.9rem;
  }
}

.until-box {
  background: #ced4dc;
  padding: 130px 0 118px;
  color: #58595b;
}

@media screen and (max-width: 834px) {
  .until-box {
    padding: 78px 0 118px;
  }
}

.until-box .inn {
  width: 100%;
  max-width: 900px;
  padding: 0 15px;
  margin: 0 auto;
}

.until-box .logo {
  padding: 0 4px 0 0;
  margin-bottom: 69px;
}

@media screen and (max-width: 834px) {
  .until-box .logo {
    margin-bottom: 47px;
  }
}

.until-box .ttl {
  font-size: 3.3rem;
  line-height: 1.6;
  letter-spacing: 4.5px;
  padding: 0 34px 0 0;
  margin-bottom: 44px;
  font-weight: 500;
}

@media screen and (max-width: 834px) {
  .until-box .ttl {
    font-size: 2.583rem;
    line-height: 1.52;
    padding: 0 0 0 0;
    margin-bottom: 38px;
    color: #5E728C;
  }
}

.until-box .txt {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.125;
  letter-spacing: 0.5px;
  color: #4d4d4d;
  margin-bottom: 57px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 834px) {
  .until-box .txt {
    font-size: 1.5rem;
    line-height: 1.75;
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 640px) {
  .until-box .txt {
    text-align: justify;
    padding: 0 19px;
  }
}

.until-box .subTtl {
  width: 100%;
  max-width: 804px;
  padding-right: 6px;
  margin: 0 auto 11px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  color: #5e728c;
}

@media screen and (max-width: 834px) {
  .until-box .subTtl {
    margin: 0 -6px 21px 0px;
    width: calc(100% + 6px);
  }
}

.until-box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  max-width: 784px;
  padding-right: 5px;
}

@media screen and (max-width: 834px) {
  .until-box .list {
    padding: 0 10px;
  }
}

.until-box .list .item {
  width: calc(50% - 39px);
}

@media screen and (max-width: 834px) {
  .until-box .list .item {
    width: calc(50% - 15px);
  }
}

@media screen and (max-width: 640px) {
  .until-box .list .item {
    width: 100%;
    margin-bottom: 43px;
  }
  .until-box .list .item:last-child {
    margin-bottom: 0;
  }
}

.until-box .list .item:nth-child(even) {
  margin-left: auto;
}

.until-box .list .item-img {
  margin-bottom: 31px;
}

@media screen and (max-width: 834px) {
  .until-box .list .item-img {
    margin-bottom: 16px;
  }
}

.until-box .list .item-img img {
  display: block;
  width: 100%;
}

.until-box .list .item-ttl {
  background: #5e728c;
  color: white;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.62;
  padding: 13px 10px 6px;
  letter-spacing: 2px;
  margin-bottom: 19px;
}

@media screen and (max-width: 834px) {
  .until-box .list .item-ttl {
    font-size: 1.56rem;
  }
}

.until-box .list .item-txt {
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.9;
  letter-spacing: 1px;
}

@media screen and (max-width: 834px) {
  .until-box .list .item-txt {
    font-size: 1.567rem;
  }
}

.sec-office {
  padding: 73px 0 102px;
  color: #58595b;
}

@media screen and (max-width: 834px) {
  .sec-office {
    padding: 38px 0 46px;
    background: url(../img/index/abeaute-bg-sp.png) no-repeat;
    background-position: top 16px left 4px;
  }
}

.sec-office .inner {
  max-width: 820px;
}

.office-ttl {
  margin-bottom: 23px;
  text-align: center;
  padding: 0 54px 0 0;
}

@media screen and (max-width: 834px) {
  .office-ttl {
    padding: 0;
    width: calc(100% + 30px);
    margin: 0 -15px 14px;
  }
}

.office-list {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 640px) {
  .office-list {
    text-align: center;
  }
}

.office-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 11px;
}

@media screen and (max-width: 640px) {
  .office-list .item {
    margin-bottom: 27px;
  }
}

.office-list .item:last-child {
  margin-bottom: 0;
}

.office-list .item .l {
  font-family: "Century Gothic", sans-serif;
  font-size: 1.7rem;
  letter-spacing: 1px;
  width: 104px;
}

@media screen and (max-width: 640px) {
  .office-list .item .l {
    width: 100%;
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
}

.office-list .item .r {
  font-weight: 300;
  font-size: 1.6rem;
  width: calc(100% - 104px);
  padding: 5px 60px 0 0;
  letter-spacing: 1.6px;
  position: relative;
  white-space: nowrap;
}

@media screen and (max-width: 834px) {
  .office-list .item .r {
    white-space: normal;
  }
}

@media screen and (max-width: 640px) {
  .office-list .item .r {
    width: 100%;
    padding: 0;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}

.office-list .item .r .maps {
  position: absolute;
  font-family: "Century Gothic", sans-serif;
  border: 1px solid #72839a;
  font-weight: normal;
  width: 53px;
  height: 27px;
  top: 3px;
  right: -5px;
  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;
  color: #72839a;
  letter-spacing: 0.2px;
}

@media screen and (max-width: 640px) {
  .office-list .item .r .maps {
    position: initial;
    top: auto;
    right: auto;
    margin: 7px auto 0;
    width: 50px;
    height: 26px;
    font-weight: 600;
  }
}

.office-list .item .r .tel {
  font-size: 1.8rem;
  line-height: 1;
  color: #25abbb;
  text-decoration: underline;
  text-underline-position: under;
}

@media screen and (max-width: 640px) {
  .office-list .item .r .tel {
    letter-spacing: 2.7px;
  }
}

@media screen and (max-width: 640px) {
  .office-list .item .r .fax {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 640px) {
  .office-list .item .r .time {
    font-size: 1.8rem;
    letter-spacing: 0.7px;
  }
}

@media screen and (max-width: 640px) {
  .office-list .item .r .link {
    font-size: 1.7rem;
    letter-spacing: 2.3px;
  }
}

/*# sourceMappingURL=maps/styles.css.map */