html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

li {
  list-style: none; }

input[type="submit"], input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer; }

input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
  display: none; }

input[type="submit"]:focus, input[type="button"]:focus {
  outline-offset: -2px; }

*, *::before, *::after {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

input[type="submit"]:focus, input[type="password"]:focus, input[type="button"]:focus {
  outline: 0; }

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none; }

textarea {
  resize: vertical; }

input[type='checkbox'],
input[type='radio'] {
  display: none; }

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer; }

select::-ms-expand {
  display: none; }

html {
  font-size: 10px; }

@media screen and (max-width: 1000px) {
  html {
    font-size: calc( 10 / 1000 * 100vw); }

  /*@media screen end*/ }
@media screen and (max-width: 750px) {
  html {
    font-size: calc( 10 / 750 * 100vw); }

  /*@media screen end*/ }
@media screen and (min-width: 751px) {
  ._sp {
    display: none !important; }

  /*@media screen end*/ }
@media screen and (max-width: 750px) {
  ._pc {
    display: none !important; }

  /*@media screen end*/ }
@media screen and (min-width: 751px) {
  ._nav {
    display: none !important; }

  /*@media screen end*/ }
* {
  color: #3e3a39;
  font-family: 'BIZ UDPGothic', sans-serif; }

* {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0;
  padding: 0; }

html {
  overflow: auto; }

body {
  -webkit-text-size-adjust: 100%; }

main {
  display: block;
  position: relative;
  overflow: hidden; }

section {
  position: relative; }

img, svg, video {
  width: 100%;
  height: auto;
  vertical-align: bottom; }

h2, p, span, a, li, th, td, small, label {
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt"; }

.com-note {
  font-size: 10px;
  line-height: 1.4; }

.com-cap {
  font-size: 10px;
  letter-spacing: 0;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5), -1px 1px 3px rgba(0, 0, 0, 0.5), 1px -1px 3px rgba(0, 0, 0, 0.5), -1px -1px 3px rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 5px;
  right: 5px; }

.com-cap.left {
  right: auto;
  left: 5px; }

.com-cap.clr-w {
  color: #fff;
  text-shadow: none; }

.com-cap.clr-b {
  color: #333333;
  text-shadow: none; }

sup.com-sup {
  font-size: 10px;
  vertical-align: top;
  position: relative;
  top: -0.1em; }

main {
  margin: 153px auto 0; }

div.com-content {
  max-width: 120.0rem;
  width: 96%;
  margin: 0 auto; }

figure {
  position: relative; }

@media screen and (max-width: 750px) {
  main {
    margin: 60px 0 0; }

  /*@media screen end*/ }
@media screen and (max-width: 750px) {
  div.com-content {
    width: 68.0rem; }

  /*@media screen end*/ }
a:hover {
  opacity: 0.8; }

.com-lead {
  font-size: 2.4rem;
  text-align: center;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 4rem; }

.com-main {
  position: relative;
  margin-bottom: 10rem; }
  .com-main img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 42rem; }
  .com-main .ttl {
    font-size: 4rem;
    text-align: center;
    color: #fff;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
    margin: auto;
    line-height: 1.4; }

@media screen and (max-width: 750px) {
  .com-lead {
    font-size: 4rem; }

  .com-main {
    margin-bottom: 10rem; }
    .com-main img {
      height: 42rem; }
    .com-main .ttl {
      width: 100%;
      font-size: 5rem; }

  /*@media screen end*/ }
@media screen and (max-width: 750px) {
  /*@media screen end*/ }
@media screen and (max-width: 750px) {
  /*@media screen end*/ }
@media screen and (max-width: 750px) {
  /*@media screen end*/ }
@media screen and (max-width: 750px) {
  /*@media screen end*/ }
@media screen and (max-width: 750px) {
  /*@media screen end*/ }
@media screen and (max-width: 750px) {
  /*@media screen end*/ }
@media screen and (max-width: 750px) {
  /*@media screen end*/ }
@media screen and (max-width: 750px) {
  /*@media screen end*/ }

#fb-nikkei {
  position: fixed;
  bottom: 75px;
  right: 5px;
  z-index: 100000;
  width: 320px;
}
#fb-nikkei button.close {
  position: absolute;
  right: 0;
  top: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 2em;
  line-height: 1em;
  color: #fff;
  background-color: #000;
}
#fb-nikkei a {
  opacity: 1;
}
  @media screen and (max-width: 750px) {
    #fb-nikkei {
      bottom: 11%;
      width: 50%;
    }
    #fb-nikkei button.close {
      top: -25px;
      width: 25px;
      height: 25px;
      font-size: 4em;
    }
  }

header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #fff; }
  header .header {
    max-width: 100.0rem;
    width: 96%;
    margin: 0 auto; }
  header .header-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2rem 0 0.6rem; }
    header .header-top .left {
      width: 32%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      header .header-top .left .logo {
        max-width: 18rem;
        width: 57%; }
      header .header-top .left .page-name {
        font-size: 2.4rem;
        font-weight: 600;
        color: #267aa7;
        padding-top: 2rem; }
    header .header-top .right {
      width: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      gap: 2%; }
    header .header-top .tel {
      width: 48%;
      background: url(/assets/images/original/baikyaku-lgente-tokakokan-img_phone.png) 20px 15px no-repeat #dbdfe7;
      background-size: 25px auto; }
      header .header-top .tel a {
        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;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 1rem 0;
        text-indent: 2rem; }
        header .header-top .tel a small {
          font-size: 10px;
          width: 100%;
          text-align: center;
          margin-bottom: 0.5rem; }
    header .header-top .inquiry {
      background: url(/assets/images/original/baikyaku-lgente-tokakokan-img_mail.png) 15px center no-repeat;
      background-size: 20px auto;
      width: 48%;
      position: relative; }
      header .header-top .inquiry a {
        display: block;
        padding: 2rem 0;
        color: #fff;
        text-align: center;
        position: relative;
        overflow: hidden; }
        header .header-top .inquiry a::after {
          content: "";
          position: absolute;
          top: 0;
          left: 0%;
          width: 100%;
          height: 100%;
          background: linear-gradient(272deg, #6f142f, #df265e, #6f142f);
          background-size: 600% 600%;
          -webkit-animation: shine 9s ease infinite;
                  animation: shine 9s ease infinite;
          z-index: -1; }

@-webkit-keyframes shine {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes shine {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
@media screen and (max-width: 750px) {
  header {
    background: #fff; }
    header .header-top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%;
      height: 60px;
      padding: 0; }
      header .header-top .left {
        width: 60%; }
        header .header-top .left .logo {
          width: 58%;
          max-width: none; }
        header .header-top .left .page-name {
          font-size: 3.4rem; }
      header .header-top .btn-trigger {
        width: 10%;
        height: 100%;
        position: relative; }
        header .header-top .btn-trigger span {
          width: 100%;
          height: 3px;
          background-color: #267aa7;
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%); }
          header .header-top .btn-trigger span:nth-of-type(1) {
            top: 20px; }
          header .header-top .btn-trigger span:nth-of-type(2) {
            top: 30px; }
          header .header-top .btn-trigger span:nth-of-type(3) {
            top: 40px; }
      header .header-top .btn-trigger.active span:nth-of-type(1) {
        left: 0;
        -webkit-transform: translate(-10px, 10px) rotate(45deg);
                transform: translate(-10px, 10px) rotate(45deg);
        width: 40px; }
      header .header-top .btn-trigger.active span:nth-of-type(2) {
        opacity: 0; }
      header .header-top .btn-trigger.active span:nth-of-type(3) {
        left: 0;
        -webkit-transform: translate(-10px, -10px) rotate(-45deg);
                transform: translate(-10px, -10px) rotate(-45deg);
        width: 40px; }

  /*@media screen end*/ }
nav {
  padding: 0 0 0; }
  nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    nav ul li {
      position: relative;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(36, 60, 106, 0.01)), to(rgba(36, 60, 106, 0.1)));
      background: linear-gradient(to bottom, rgba(36, 60, 106, 0.01) 0%, rgba(36, 60, 106, 0.1) 100%); }
      nav ul li::after {
        -webkit-transition: all 0.75s ease;
        transition: all 0.75s ease;
        content: "";
        width: 0%;
        height: 2px;
        background: #243c6a;
        position: absolute;
        bottom: 0;
        left: 1%; }
      nav ul li::before {
        content: "";
        width: 1px;
        height: 4rem;
        background: #dcdddd;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      nav ul li.active::after {
        width: 98%; }
    nav ul a {
      display: block;
      padding: 1.2rem 0;
      text-align: center;
      height: 3em;
      width: 100%;
      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;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 1.5rem; }

    nav .right {
      max-width: 330px;
      padding: 20px 0 0;
      margin: 20px auto 0;
    }
    nav .right .tel {
      width: 100%;
      background: url(/assets/images/original/baikyaku-lgente-tokakokan-img_phone.png) 15px center no-repeat #dbdfe7;
      background-size: 25px auto; }
      nav .right .tel a {
        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;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 3.5rem;
        height: auto;
        padding: 3rem 0;
        text-indent: 2rem; }
        nav .right .tel a small {
          font-size: 10px;
          width: 100%;
          text-align: center;
          margin-bottom: 0.5rem; }
    nav .right .inquiry {
      background: url(/assets/images/original/baikyaku-lgente-tokakokan-img_mail.png) 15px center no-repeat;
      background-size: 20px auto;
      width: 100%;
      position: relative; }
      nav .right .inquiry a {
        display: block;
        font-size: 3rem;
        height: auto;
        padding: 4.2rem 0;
        color: #fff;
        text-align: center;
        position: relative;
        overflow: hidden; }
        nav .right .inquiry a::after {
          content: "";
          position: absolute;
          top: 0;
          left: 0%;
          width: 100%;
          height: 100%;
          background: linear-gradient(272deg, #6f142f, #df265e, #6f142f);
          background-size: 600% 600%;
          -webkit-animation: shine 9s ease infinite;
                  animation: shine 9s ease infinite;
          z-index: -1; }

            
#change.case nav ul li.active::after {
  width: 0; }

@media screen and (max-width: 750px) {
  nav {
    width: 100%;
    height: calc(100vh - 50px);
    padding: 0;
    background-color: #fff;
    position: fixed;
    top: 70px;
    left: 0; }
    nav ul {
      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;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      max-width: 330px;
      padding: 20px 0 0;
      margin: 0 auto; }
      nav ul li {
        width: 100%;
        margin: 0;
        border-right: none; }
        nav ul li.tel, nav ul li.inquiry {
          width: 100%; }
      nav ul li::before {
        display: none; }
      nav ul li::after {
        display: none; }
      nav ul a {
        position: relative;
        font-size: 3rem;
        height: auto;
        padding: 4.2rem 0; }
      nav ul a::before,
      nav ul a::after {
        content: "";
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0; }
      nav ul a::before {
        width: 100%;
        background: rgba(55, 122, 135, 0.2); }
      nav ul a::after {
        width: 0px;
        background: #377a87; }
      nav ul span {
        font-size: 16px; }
      nav ul small {
        margin-bottom: 1rem; }

  nav {
    -webkit-transition: all .75s ease;
    transition: all .75s ease;
    top: 100vh; }

  nav.active {
    top: 55px; }

  #bodyNewnormal nav li.newnormal a::after,
  #bodyBrand nav li.brand a::after,
  #bodyType nav li.plan a::after,
  #bodyPlan nav li.plan a::after,
  #bodyAccess nav li.access a::after,
  #bodyLocation nav li.location a::after,
  #bodyDesign nav li.design a::after,
  #bodyDevelopment nav li.development a::after,
  #bodyConcept nav li.concept a::after,
  #bodyTop nav li.top a::after {
    width: 100%; }

  #bodyPlan.bodyLimited nav li.plan a::after {
    width: 0; }

  #bodyPlan.bodyLimited nav li.reserve {
    display: block; }

  .com-float-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-top: 2px solid #fff;
    width: 100%;
    height: 55px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999; }
    .com-float-nav .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;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: calc(100% / 6 - 2px);
      height: 100%;
      text-align: center;
      border-right: 2px solid #fff; }
      .com-float-nav .list.com-nav-btn {
        border: none;
        width: calc(100% / 6); }
        .com-float-nav .list.com-nav-btn > i {
          margin: 0 0 8px; }
      .com-float-nav .list > i {
        margin: 0 0 5px; }
      .com-float-nav .list > span {
        width: 100%;
        font-size: 10px;
        color: #fff;
        font-family: 'Noto Sans JP', sans-serif;
        letter-spacing: 0; }
    .com-float-nav .entry {
      background-color: #00022e; }
    .com-float-nav .map,
    .com-float-nav .contact,
    .com-float-nav .com-nav-btn {
      background-color: #666666; }
    .com-float-nav .req i {
      width: 23px; }

  .com-nav-btn .hamburger {
    display: inline-block;
    width: 24px;
    height: 15px;
    position: relative; }
    .com-nav-btn .hamburger span {
      -webkit-transition: all .5s;
      transition: all .5s;
      display: inline-block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      line-height: 0;
      position: absolute;
      left: 0;
      width: 100%; }
    .com-nav-btn .hamburger span:nth-of-type(1) {
      top: 0; }
    .com-nav-btn .hamburger span:nth-of-type(2) {
      top: 6px; }
    .com-nav-btn .hamburger span:nth-of-type(3) {
      bottom: 0; }

  .com-nav-btn .hamburger span:nth-of-type(1) {
    -webkit-animation: btn07-bar01 .75s forwards;
            animation: btn07-bar01 .75s forwards; }
  @-webkit-keyframes btn07-bar01 {
    0% {
      -webkit-transform: translateY(6px) rotate(45deg);
              transform: translateY(6px) rotate(45deg); }
    50% {
      -webkit-transform: translateY(6px) rotate(0);
              transform: translateY(6px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0); } }
  @keyframes btn07-bar01 {
    0% {
      -webkit-transform: translateY(6px) rotate(45deg);
              transform: translateY(6px) rotate(45deg); }
    50% {
      -webkit-transform: translateY(6px) rotate(0);
              transform: translateY(6px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0); } }
  .com-nav-btn .hamburger span:nth-of-type(2) {
    -webkit-transition: all .25s .25s;
    transition: all .25s .25s;
    opacity: 1; }
  .com-nav-btn .hamburger span:nth-of-type(3) {
    -webkit-animation: btn07-bar03 .75s forwards;
            animation: btn07-bar03 .75s forwards; }
  @-webkit-keyframes btn07-bar03 {
    0% {
      -webkit-transform: translateY(-6px) rotate(-45deg);
              transform: translateY(-6px) rotate(-45deg); }
    50% {
      -webkit-transform: translateY(-6px) rotate(0);
              transform: translateY(-6px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0); } }
  @keyframes btn07-bar03 {
    0% {
      -webkit-transform: translateY(-6px) rotate(-45deg);
              transform: translateY(-6px) rotate(-45deg); }
    50% {
      -webkit-transform: translateY(-6px) rotate(0);
              transform: translateY(-6px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0); } }
  .com-nav-btn.active .hamburger span:nth-of-type(1) {
    -webkit-animation: active-btn07-bar01 .75s forwards;
            animation: active-btn07-bar01 .75s forwards; }
  @-webkit-keyframes active-btn07-bar01 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(6px) rotate(0);
              transform: translateY(6px) rotate(0); }
    100% {
      -webkit-transform: translateY(6px) rotate(45deg);
              transform: translateY(6px) rotate(45deg); } }
  @keyframes active-btn07-bar01 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(6px) rotate(0);
              transform: translateY(6px) rotate(0); }
    100% {
      -webkit-transform: translateY(6px) rotate(45deg);
              transform: translateY(6px) rotate(45deg); } }
  .com-nav-btn.active .hamburger span:nth-of-type(2) {
    opacity: 0; }
  .com-nav-btn.active .hamburger span:nth-of-type(3) {
    -webkit-animation: active-btn07-bar03 .75s forwards;
            animation: active-btn07-bar03 .75s forwards; }
  @-webkit-keyframes active-btn07-bar03 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(-6px) rotate(0);
              transform: translateY(-6px) rotate(0); }
    100% {
      -webkit-transform: translateY(-6px) rotate(-45deg);
              transform: translateY(-6px) rotate(-45deg); } }
  @keyframes active-btn07-bar03 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(-6px) rotate(0);
              transform: translateY(-6px) rotate(0); }
    100% {
      -webkit-transform: translateY(-6px) rotate(-45deg);
              transform: translateY(-6px) rotate(-45deg); } }
  /*@media screen end*/ }
footer {
  background: #fff; }
  footer .f-logo {
    width: 24%;
    max-width: 24rem;
    margin: 4rem auto;
    display: block; }
  footer .copy {
    font-size: 10px;
    margin-bottom: 9rem;
    text-align: center; }

  footer .kyugyo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto 4rem;
    padding: 2rem;
    width: fit-content;
    border: #aaa solid 1px;
  }
  footer .kyugyo p {
    line-height: 1.5em;
  }
  footer .kyugyo p.title {
    font-size: 1.5rem;
  }

@media screen and (max-width: 750px) {
  footer {
    padding: 5rem 0 55px; }
    footer .f-logo {
      width: 50%;
      max-width: none; }

    footer .kyugyo {
    }
    footer .kyugyo p {
    }
    footer .kyugyo p.title {
      font-size: 2.5rem;
    }
    footer .kyugyo p.explanation {
      font-size: 2rem;
      text-align: justify;
    }

  /*@media screen end*/ }
#change {
  /* bodyTop ___end*/ }
  #change .sec-main {
    width: 100%;
    position: relative;
    height: 56rem; }
    #change .sec-main .main-wrap {
      width: 80%;
      max-width: 100rem;
      margin: 0 auto;
      height: 100%;
      position: relative; }
      #change .sec-main .main-wrap .main-movie {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
    #change .sec-main .click_area {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      cursor: pointer; }
    #change .sec-main .btn_play {
      width: 12rem;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
              transform: translateY(-50%) translateX(-50%);
      margin: auto; }
  @media screen and (max-width: 750px) {
    #change {
      /*@media screen end*/ }
      #change .sec-main {
        aspect-ratio: 16 / 9;
        height: auto; }
        #change .sec-main .main-wrap {
          width: 100%; } }
  #change .sec-modal,
  #change .sec-modal2,
  #change .sec-modal3 {
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    position: fixed;
    bottom: -50%;
    left: 0;
    opacity: 0;
    z-index: -10000;
    -webkit-transition: all linear 0.4s;
    transition: all linear 0.4s; }
    #change .sec-modal.show,
    #change .sec-modal2.show,
    #change .sec-modal3.show {
      opacity: 1;
      z-index: 10000;
      bottom: 0; }
    #change .sec-modal .modal_wrap,
    #change .sec-modal .modal_wrap2,
    #change .sec-modal2 .modal_wrap,
    #change .sec-modal2 .modal_wrap2,
    #change .sec-modal3 .modal_wrap3 {
      width: 90%;
      max-width: 120rem;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      #change .sec-modal .modal_wrap iframe,
      #change .sec-modal .modal_wrap2 iframe,
      #change .sec-modal2 .modal_wrap iframe,
      #change .sec-modal2 .modal_wrap2 iframe,
      #change .sec-modal3 .modal_wrap3 iframe {
        width: 100%;
        aspect-ratio: 16 / 9; }
    #change .sec-modal .btn_close,
    #change .sec-modal2 .btn_close,
    #change .sec-modal3 .btn_close {
      background-color: #15427e;
      width: 10%;
      margin-top: 2rem;
      padding: 2rem;
      cursor: pointer; }
      #change .sec-modal .btn_close p,
      #change .sec-modal2 .btn_close p,
      #change .sec-modal3 .btn_close p {
        font-size: 1.6rem;
        color: #fff;
        text-align: center; }
  @media screen and (max-width: 750px) {
    #change .sec-modal .btn_close,
    #change .sec-modal2 .btn_close,
    #change .sec-modal3 .btn_close {
      width: 20%; }
      #change .sec-modal .btn_close p,
      #change .sec-modal2 .btn_close p,
      #change .sec-modal3 .btn_close p {
        font-size: 2.6rem; } }
  #change .sec-lead .bg img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 46rem; }
  #change .sec-lead .txt-wrap {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
    margin: auto; }
    #change .sec-lead .txt-wrap p {
      text-align: center;
      color: #fff;
      font-weight: 600;
      line-height: 1.4; }
    #change .sec-lead .txt-wrap .sublead {
      font-size: 1.8rem; }
    #change .sec-lead .txt-wrap .lead {
      font-size: 4.6rem;
      margin: 4rem 0 4rem;
      color: #fff;
      text-align: center;
      letter-spacing: 0.1em;
      line-height: 1.4; }
    #change .sec-lead .txt-wrap .txt {
      font-size: 2rem;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff;
      padding: 2rem 0; }
      #change .sec-lead .txt-wrap .txt span {
        font-size: 2rem;
        color: #c8000c; }
  @media screen and (max-width: 750px) {
    #change {
      /*@media screen end*/ }
      #change .sec-lead .bg img {
        height: 55rem; }
      #change .sec-lead .txt-wrap .sublead {
        font-size: 2.8rem; }
      #change .sec-lead .txt-wrap .lead {
        font-size: 5.6rem; }
      #change .sec-lead .txt-wrap .txt {
        font-size: 2.8rem; }
        #change .sec-lead .txt-wrap .txt span {
          font-size: 2.8rem; } }

  #change .sec-strong .strong-movie-wrap {
    width: 100%;
    margin: 10rem auto 5rem; }
    #change .sec-strong .strong-movie-wrap .strong-movie-ttl {
      font-size: 2.4rem;
      text-align: center;
      line-height: 1.2; }
    #change .sec-strong .strong-movie-wrap .strong-movie-box {
      position: relative;
      aspect-ratio: 16 / 9;
      width: 50%;
      max-width: 60rem;
      margin: 2rem auto; }
    #change .sec-strong .strong-movie-wrap .strong-movie {
      width: 100%;
      margin: 0 auto;
      height: 100%;
      position: relative; }
    #change .sec-strong .strong-movie-wrap .click_area {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      cursor: pointer; }
    #change .sec-strong .strong-movie-wrap .btn_play {
      width: 12rem;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
              transform: translateY(-50%) translateX(-50%);
      margin: auto; }
    @media screen and (max-width: 750px) {
      #change {
        /*@media screen end*/ }
        #change .sec-step .txt {
          font-size: 2.8rem; }
        #change .sec-strong .strong-box {
          width: 100%;
          padding: 6rem 3rem; }
        #change .sec-strong .strong-movie-wrap .strong-movie-ttl {
          font-size: 3.4rem; }
        #change .sec-strong .strong-movie-wrap .strong-movie-box {
          width: 90%; }
        #change .sec-strong .procedure-wrap .prcedure-box {
          width: 100%; }
          #change .sec-strong .procedure-wrap .prcedure-box p {
            font-size: 3rem;
            width: 58%; }
          #change .sec-strong .procedure-wrap .prcedure-box figure {
            width: 40%; }}

  #change .sec-anker {
    width: 100%;
    margin: 10rem auto; }
    #change .sec-anker .anker-wrap {
      width: 90%;
      max-width: 100rem;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #change .sec-anker .anker-wrap a {
        width: calc(50% - 4px);
        display: block;
        position: relative;
        border: 2px solid #80cef3; }
        #change .sec-anker .anker-wrap a img {
          -o-object-fit: cover;
             object-fit: cover;
          height: 32rem; }
        #change .sec-anker .anker-wrap a p {
          font-size: 2.4rem;
          line-height: 1.4;
          color: #fff;
          font-weight: 600;
          text-align: center;
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translateY(-50%) translateX(-50%);
                  transform: translateY(-50%) translateX(-50%);
          margin: auto; }
  @media screen and (max-width: 750px) {
    #change {
      /*@media screen end*/ }
      #change .sec-anker .anker-wrap {
        width: 100%; }
        #change .sec-anker .anker-wrap a p {
          font-size: 3.4rem; } }
  #change .sec-step .txt {
    font-size: 1.8rem;
    text-align: center;
    line-height: 2; }
  #change .sec-step .step-box {
    width: 84%;
    max-width: 100rem;
    background-color: #267aa7;
    padding: 6rem 0;
    margin: 6rem auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    #change .sec-step .step-box figure {
      width: 90%;
      margin: 0 auto; }
  #change .sec-step .step-movie-wrap {
    width: 100%;
    margin: 10rem auto; }
    #change .sec-step .step-movie-wrap .step-movie-ttl {
      font-size: 2.4rem;
      text-align: center;
      line-height: 1.2; }
    #change .sec-step .step-movie-wrap .step-movie-box {
      position: relative;
      aspect-ratio: 16 / 9;
      width: 50%;
      max-width: 60rem;
      margin: 2rem auto; }
    #change .sec-step .step-movie-wrap .step-movie {
      width: 100%;
      margin: 0 auto;
      height: 100%;
      position: relative; }
    #change .sec-step .step-movie-wrap .click_area {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      cursor: pointer; }
    #change .sec-step .step-movie-wrap .btn_play {
      width: 12rem;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
              transform: translateY(-50%) translateX(-50%);
      margin: auto; }
  #change .sec-step .procedure-wrap .prcedure-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 60%;
    margin: 0 auto 3rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #267aa7;
    padding: 3rem;
    -webkit-box-shadow: 16px 16px 28px -16px rgba(0, 0, 0, 0.24);
            box-shadow: 16px 16px 28px -16px rgba(0, 0, 0, 0.24); }
    #change .sec-step .procedure-wrap .prcedure-box p {
      font-size: 2rem;
      line-height: 2;
      color: #fff;
      width: 65%; }
    #change .sec-step .procedure-wrap .prcedure-box figure {
      width: 30%; }
  @media screen and (max-width: 750px) {
    #change {
      /*@media screen end*/ }
      #change .sec-step .txt {
        font-size: 2.8rem; }
      #change .sec-step .step-box {
        width: 100%;
        padding: 6rem 3rem; }
      #change .sec-step .step-movie-wrap .step-movie-ttl {
        font-size: 3.4rem; }
      #change .sec-step .step-movie-wrap .step-movie-box {
        width: 90%; }
      #change .sec-step .procedure-wrap .prcedure-box {
        width: 100%; }
        #change .sec-step .procedure-wrap .prcedure-box p {
          font-size: 3rem;
          width: 58%; }
        #change .sec-step .procedure-wrap .prcedure-box figure {
          width: 40%; } }
  #change .sec-merit {
    margin-top: 20rem; }
    #change .sec-merit .merit-wrap {
      width: 87%;
      max-width: 100rem;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      row-gap: 2rem; }
      #change .sec-merit .merit-wrap .merit-box {
        width: 49%;
        background-color: #e5f7fd;
        padding: 2rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
      #change .sec-merit .merit-wrap .ttl-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        #change .sec-merit .merit-wrap .ttl-box .num {
          width: 18%;
          padding-right: 1rem; }
        #change .sec-merit .merit-wrap .ttl-box .ttl {
          font-size: 2.1rem;
          font-weight: 600; }
      #change .sec-merit .merit-wrap .cnt-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: 2.5rem; }
        #change .sec-merit .merit-wrap .cnt-box figure {
          width: 40%; }
        #change .sec-merit .merit-wrap .cnt-box p {
          width: 56%;
          font-size: 1.6rem;
          line-height: 1.6; }
  @media screen and (max-width: 750px) {
    #change {
      /*@media screen end*/ }
      #change .sec-merit .merit-wrap {
        width: 100%; }
        #change .sec-merit .merit-wrap .merit-box {
          width: 100%; }
        #change .sec-merit .merit-wrap .ttl-box .ttl {
          font-size: 3rem; }
        #change .sec-merit .merit-wrap .cnt-box p {
          font-size: 2.4rem; } }
  #change .sec-strength {
    margin-top: 20rem; }
    #change .sec-strength .strength-wrap {
      width: 84%;
      max-width: 100rem;
      margin: 0 auto;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background-color: #e5f7fd;
      padding: 4rem 3rem;
      margin-bottom: 5rem; }
      #change .sec-strength .strength-wrap .strength-ttl {
        font-size: 2.4rem;
        text-align: center;
        font-weight: 600;
        border-top: 2px solid #3e3a39;
        border-bottom: 2px solid #3e3a39;
        padding: 2.5rem 0;
        margin-bottom: 3rem;
        position: relative; }
        #change .sec-strength .strength-wrap .strength-ttl::before, #change .sec-strength .strength-wrap .strength-ttl::after {
          content: "";
          width: 100%;
          height: 1px;
          background-color: #3e3a39;
          position: absolute;
          left: 0; }
        #change .sec-strength .strength-wrap .strength-ttl::before {
          top: 3px; }
        #change .sec-strength .strength-wrap .strength-ttl::after {
          bottom: 3px; }
    #change .sec-strength .strength-wrap1 .strength-box1 {
      width: 96%;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #change .sec-strength .strength-wrap1 .strength-box1 .txt {
        width: 24%;
        font-size: 1.4rem;
        line-height: 1.6; }
      #change .sec-strength .strength-wrap1 .strength-box1 .building {
        width: 16%; }
        #change .sec-strength .strength-wrap1 .strength-box1 .building figcaption {
          font-size: 1.2rem;
          margin-top: 1rem;
          color: #15427e; }
    #change .sec-strength .strength-box2, #change .sec-strength .strength-box3 {
      width: 96%;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #change .sec-strength .strength-box2 .txt, #change .sec-strength .strength-box3 .txt {
        width: 24%;
        font-size: 1.4rem;
        line-height: 1.6; }
      #change .sec-strength .strength-box2 figure, #change .sec-strength .strength-box3 figure {
        width: 70%;
        background-color: #fff;
        padding: 2rem; }
    #change .sec-strength .service-wrap .service-ttl {
      border: 1px solid #3e3a39;
      padding: 2rem 0;
      position: relative;
      text-align: center;
      margin: 6rem auto 3rem; }
      #change .sec-strength .service-wrap .service-ttl p {
        font-size: 2.4rem;
        text-align: center;
        font-weight: 600;
        display: inline-block;
        position: relative;
        z-index: 0; }
        #change .sec-strength .service-wrap .service-ttl p::before {
          content: "";
          width: 110%;
          height: 8rem;
          position: absolute;
          top: -3rem;
          left: 50%;
          z-index: -1;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          background-color: #e5f7fd; }
    #change .sec-strength .service-wrap ul {
      width: 96%;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #change .sec-strength .service-wrap ul li {
        width: 16%;
        background-color: #267aa7;
        font-size: 1.2rem;
        color: #fff;
        font-weight: 600;
        line-height: 1.6;
        text-align: center;
        padding: 1.5rem 0px;
        outline: 1px solid #e5f7fd;
        outline-offset: -5px;
        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;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  @media screen and (max-width: 750px) {
    #change {
      /*@media screen end*/ }
      #change .sec-strength .strength-wrap {
        padding: 5rem 5rem;
        width: 100%; }
        #change .sec-strength .strength-wrap .strength-ttl {
          font-size: 3.4rem;
          line-height: 1.4; }
      #change .sec-strength .strength-wrap1 .strength-box1 {
        width: 100%;
        row-gap: 5rem; }
        #change .sec-strength .strength-wrap1 .strength-box1 .txt {
          width: 100%;
          font-size: 2.6rem; }
        #change .sec-strength .strength-wrap1 .strength-box1 .building {
          width: 48%; }
          #change .sec-strength .strength-wrap1 .strength-box1 .building figcaption {
            font-size: 1.2rem; }
      #change .sec-strength .strength-box2, #change .sec-strength .strength-box3 {
        width: 100%;
        row-gap: 5rem; }
        #change .sec-strength .strength-box2 .txt, #change .sec-strength .strength-box3 .txt {
          width: 100%;
          font-size: 2.6rem; }
        #change .sec-strength .strength-box2 figure, #change .sec-strength .strength-box3 figure {
          width: 100%; }
      #change .sec-strength .service-wrap .service-ttl p {
        font-size: 3.4rem; }
        #change .sec-strength .service-wrap .service-ttl p::before {
          height: 13rem; }
      #change .sec-strength .service-wrap ul {
        width: 100%;
        row-gap: 3rem; }
        #change .sec-strength .service-wrap ul li {
          width: 48%;
          font-size: 2.4rem;
          padding: 3.5rem 0px; } }
  #change .sec-performance {
    margin-top: 20rem; }
    #change .sec-performance .link-wrap a {
      width: 60%;
      margin: 0 auto 5rem;
      display: block;
      background-color: #c3d3e3;
      outline: 1px solid #fff;
      outline-offset: -5px;
      padding: 4rem 1rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      #change .sec-performance .link-wrap a figure {
        width: 24%; }
      #change .sec-performance .link-wrap a .txt-box {
        width: 47%; }
      #change .sec-performance .link-wrap a .case {
        font-size: 1.4rem;
        color: #fff;
        background-color: #15427e;
        padding: 0.5rem;
        display: inline-block; }
      #change .sec-performance .link-wrap a .txt {
        font-size: 1.6rem;
        margin: 2rem 0;
        line-height: 1.6; }
      #change .sec-performance .link-wrap a .more {
        font-size: 1.6rem;
        color: #fff;
        background-color: #4888b1;
        padding: 1.5rem 1.5rem 1.5rem 2.5rem;
        position: relative;
        -webkit-box-shadow: 2px 4px 16px -5px rgba(0, 0, 0, 0.3);
                box-shadow: 2px 4px 16px -5px rgba(0, 0, 0, 0.3); }
        #change .sec-performance .link-wrap a .more .arrow {
          width: 35%;
          height: 1rem;
          position: absolute;
          top: 50%;
          right: 1rem;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
    #change .sec-performance .link-wrap a:first-of-type figure {
      width: 16%; }
  @media screen and (max-width: 750px) {
    #change {
      /*@media screen end*/ }
      #change .sec-performance .link-wrap a {
        width: 100%; }
        #change .sec-performance .link-wrap a figure {
          width: 30%; }
        #change .sec-performance .link-wrap a .txt-box {
          width: 56%; }
        #change .sec-performance .link-wrap a .case {
          padding: 0.7rem; }
        #change .sec-performance .link-wrap a .txt {
          font-size: 2.2rem; }
        #change .sec-performance .link-wrap a .more {
          font-size: 2.2rem; } }
  #change .sec-qa {
    margin-top: 20rem;
    margin-bottom: 6rem; }
    #change .sec-qa .qa-wrap {
      width: 84%;
      margin: 0 auto;
      max-width: 100rem;
      position: relative; }
      #change .sec-qa .qa-wrap .bg img {
        -o-object-fit: cover;
           object-fit: cover;
        height: 35rem; }
      #change .sec-qa .qa-wrap .qa-box {
        width: 96%;
        max-width: 100rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
                transform: translateY(-50%) translateX(-50%);
        margin: auto; }
        #change .sec-qa .qa-wrap .qa-box a {
          width: 19%;
          background-color: rgba(255, 255, 255, 0.8);
          padding: 2rem 1rem;
          text-align: center;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          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;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          cursor: pointer; }
          #change .sec-qa .qa-wrap .qa-box a p {
            font-size: 1.2rem;
            font-weight: 600;
            margin-top: 1rem;
            line-height: 1.6; }
          #change .sec-qa .qa-wrap .qa-box a span {
            color: #267aa7;
            font-size: 1.6rem;
            width: 100%; }

          #change .sec-bbtn {
            width: 100%;
            padding: 50px 0 100px;
            background-color: #fff;
            box-sizing: border-box;
          }
          #change .sec-bbtn>div {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            max-width: 800px;
            margin: auto;
          }
          #change .sec-bbtn .fbtn {
            width: 48%;
          }
          #change .sec-bbtn .fbtn a {
            display: block;
            padding: 1.2rem 0;
            text-align: center;
            height: 2em;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            font-size: 1.5rem;
          }
          #change .sec-bbtn .fbtn small {
            font-size: 10px;
            width: 100%;
          }

          #change .sec-bbtn .fbtn.bottomInquiry {
            z-index: 1;
            width: calc(50% - 10px);
            background: linear-gradient(272deg, #6f142f, #df265e, #6f142f);
            background-size: 600% 600%;
            -webkit-animation: shine 9s ease infinite;
                    animation: shine 9s ease infinite;

          }
          #change .sec-bbtn .fbtn.bottomInquiry a {
            position: relative;
            z-index: 1;
            height: 2em;
            color: #fff;
            background: url(/assets/images/original/baikyaku-lgente-tokakokan-img_mail.png) 40px center no-repeat;
            background-size: 34px auto;
          }
          /*
          #change .sec-bbtn .fbtn.bottomInquiry a::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0%;
            width: 100%;
            height: 100%;
            background: linear-gradient(272deg, #6f142f, #df265e, #6f142f);
            background-size: 600% 600%;
            -webkit-animation: shine 9s ease infinite;
                    animation: shine 9s ease infinite;
            z-index: -1;
          }
          */
          #change .sec-bbtn .fbtn.bottomTel {
            background: url(/assets/images/original/baikyaku-lgente-tokakokan-img_phone.png) 40px 12px no-repeat #dbdfe7;
            background-size: 34px auto;
          }
          #change .sec-bbtn .fbtn.bottomTel a {
            text-indent: 2rem;
          }
  
  @media screen and (max-width: 750px) {
    #change {
      /*@media screen end*/ }
      #change .sec-qa .qa-wrap {
        width: 100%; }
        #change .sec-qa .qa-wrap .bg img {
          height: 82rem;
          -o-object-position: 30%;
             object-position: 30%; }
        #change .sec-qa .qa-wrap .qa-box {
          row-gap: 3rem; }
          #change .sec-qa .qa-wrap .qa-box a {
            width: 100%;
            padding: 2rem 0rem 2rem 3rem;
            text-align: left;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start; }
            #change .sec-qa .qa-wrap .qa-box a p {
              font-size: 3.4rem;
              margin-top: 0rem;
              border-left: 1px solid #3e3a39;
              padding-left: 3rem; }
            #change .sec-qa .qa-wrap .qa-box a span {
              font-size: 2.6rem;
              width: 10%;
              font-weight: 600; }

            #change .sec-bbtn {

              padding: 20px 0 40px;
              background-color: #fff;
            }
            #change .sec-bbtn>div {
              flex-direction: column;
              gap: 10px;
            }

            #change .sec-bbtn .fbtn {
              width: 80% !important;
              }
              #change .sec-bbtn .fbtn a {
                font-size: 3rem;
                height: 3em !important; }
              #change .sec-bbtn .fbtn.bottomTel {
                background: url(/assets/images/original/baikyaku-lgente-tokakokan-img_phone.png) 21px center no-repeat #dbdfe7;
                background-size: 30px auto; }
                #change .sec-bbtn .fbtn.bottomTel a {
                  text-indent: 2rem; }
              #change .sec-bbtn .fbtn.bottomInquiry {
                 }
                #change .sec-bbtn .fbtn.bottomInquiry a {
                  color: #fff;
                  text-indent: 2rem;
                  background: url(/assets/images/original/baikyaku-lgente-tokakokan-img_mail.png) 24px center no-repeat #a71944;
                  background-size: 25px auto; } }


  #change .sec-fbtn {
    position: fixed;
    width: 100%;
    bottom: -10rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: all ease 1s;
    transition: all ease 1s; }
    #change .sec-fbtn.show {
      bottom: 1rem; }
    #change .sec-fbtn .fbtn-wrap {
      width: 65%;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #change .sec-fbtn .fbtn-wrap .fbtn {
        width: 48%; }
      #change .sec-fbtn .fbtn-wrap a {
        display: block;
        padding: 1.2rem 0;
        text-align: center;
        height: 2em;
        width: 100%;
        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;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 1.5rem; }
      #change .sec-fbtn .fbtn-wrap small {
        font-size: 10px;
        width: 100%; }
      #change .sec-fbtn .fbtn-wrap .tel {
        background: url(/assets/images/original/baikyaku-lgente-tokakokan-img_phone.png) 40px 12px no-repeat #dbdfe7;
        background-size: 34px auto; }
        #change .sec-fbtn .fbtn-wrap .tel a {
          text-indent: 2rem; }
      #change .sec-fbtn .fbtn-wrap .inquiry {
        background: url(/assets/images/original/baikyaku-lgente-tokakokan-img_mail.png) 40px center no-repeat;
        background-size: 34px auto; }
        #change .sec-fbtn .fbtn-wrap .inquiry a {
          color: #fff;
          text-indent: 2rem;
          position: relative;
          overflow: hidden; }
          #change .sec-fbtn .fbtn-wrap .inquiry a::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0%;
            width: 100%;
            height: 100%;
            background: linear-gradient(272deg, #6f142f, #df265e, #6f142f);
            background-size: 600% 600%;
            -webkit-animation: shine 9s ease infinite;
                    animation: shine 9s ease infinite;
            z-index: -1; }
  @media screen and (max-width: 750px) {
    #change {
      /*@media screen end*/ }
      #change .sec-fbtn .fbtn-wrap {
        width: 96%; }
        #change .sec-fbtn .fbtn-wrap a {
          height: 3em; }
        #change .sec-fbtn .fbtn-wrap .tel {
          background: url(/assets/images/original/baikyaku-lgente-tokakokan-img_phone.png) 21px 9px no-repeat #dbdfe7;
          background-size: 20px auto; }
          #change .sec-fbtn .fbtn-wrap .tel a {
            text-indent: 2rem; }
        #change .sec-fbtn .fbtn-wrap .inquiry {
          background: url(/assets/images/original/baikyaku-lgente-tokakokan-img_mail.png) 24px center no-repeat #a71944;
          background-size: 15px auto; }
          #change .sec-fbtn .fbtn-wrap .inquiry a {
            color: #fff;
            text-indent: 2rem; } }
  #change.case main {
    background-color: #faf6ef; }
  #change.case .sec-case {
    margin-top: 20rem; }
    #change.case .sec-case .case-ttl {
      font-size: 2.1rem;
      text-align: center;
      color: #fff;
      background-color: #042c6c;
      padding: 1.8rem 0;
      margin-bottom: 3.5rem; }
    #change.case .sec-case .consult-box, #change.case .sec-case .proposal-box {
      width: 100%;
      border-radius: 28px;
      background-color: #fff;
      padding: 4rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      #change.case .sec-case .consult-box .consult-ttl, #change.case .sec-case .proposal-box .consult-ttl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-column-gap: 2rem;
                column-gap: 2rem; }
        #change.case .sec-case .consult-box .consult-ttl .person, #change.case .sec-case .proposal-box .consult-ttl .person {
          width: 12%; }
        #change.case .sec-case .consult-box .consult-ttl .txt_box, #change.case .sec-case .proposal-box .consult-ttl .txt_box {
          width: 85%; }
          #change.case .sec-case .consult-box .consult-ttl .txt_box .sub-ttl, #change.case .sec-case .proposal-box .consult-ttl .txt_box .sub-ttl {
            font-size: 1.8rem;
            font-weight: 600;
            color: #b8995a;
            margin-bottom: 1.5rem; }
          #change.case .sec-case .consult-box .consult-ttl .txt_box .ttl, #change.case .sec-case .proposal-box .consult-ttl .txt_box .ttl {
            font-size: 2.4rem;
            font-weight: 600; }
      #change.case .sec-case .consult-box .requirements-box, #change.case .sec-case .proposal-box .requirements-box {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        gap: 2rem;
        margin: 2rem 0 2.4rem; }
        #change.case .sec-case .consult-box .requirements-box .p1, #change.case .sec-case .proposal-box .requirements-box .p1 {
          font-size: 1.7rem;
          font-weight: 600;
          border: 1px solid #3e3a39;
          padding: 1rem 2rem; }
        #change.case .sec-case .consult-box .requirements-box .p2, #change.case .sec-case .proposal-box .requirements-box .p2 {
          font-size: 1.6rem;
          font-weight: 600;
          line-height: 1.4; }
      #change.case .sec-case .consult-box .txt, #change.case .sec-case .proposal-box .txt {
        font-size: 1.6rem;
        line-height: 2; }
        #change.case .sec-case .consult-box .txt span, #change.case .sec-case .proposal-box .txt span {
          font-size: 1.6rem;
          font-weight: 600;
          color: #b8995a; }
    #change.case .sec-case .proposal-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-column-gap: 2%;
              column-gap: 2%;
      margin: 4rem 0 8rem; }
      #change.case .sec-case .proposal-box .person {
        width: 12%; }
      #change.case .sec-case .proposal-box .proposal-cnt {
        width: 86%; }
        #change.case .sec-case .proposal-box .proposal-cnt .ttl {
          font-size: 1.8rem;
          font-weight: 600;
          color: #b8995a;
          margin-bottom: 1.5rem; }
        #change.case .sec-case .proposal-box .proposal-cnt .txt {
          font-size: 1.6rem;
          line-height: 2; }
          #change.case .sec-case .proposal-box .proposal-cnt .txt span {
            font-size: 1.6rem;
            font-weight: 600;
            color: #b8995a; }
    #change.case .sec-case .ba-wrap {
      width: 80%;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #change.case .sec-case .ba-wrap .before-box {
        width: 38%;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        #change.case .sec-case .ba-wrap .before-box::after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 20px 0 20px 40px;
          border-color: transparent transparent transparent #BABBBB;
          position: absolute;
          top: 50%;
          right: -14%; }
        #change.case .sec-case .ba-wrap .before-box figure {
          width: 45%;
          margin: 0rem auto 0rem;
          -webkit-box-flex: 2;
              -ms-flex-positive: 2;
                  flex-grow: 2;
          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;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
        #change.case .sec-case .ba-wrap .before-box .before {
          font-size: 1.4rem;
          color: #b8995a;
          margin-bottom: 2rem;
          font-weight: 600; }
        #change.case .sec-case .ba-wrap .before-box .txt-box {
          width: 100%;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; }
          #change.case .sec-case .ba-wrap .before-box .txt-box .txt {
            font-size: 1.6rem;
            font-weight: 600;
            line-height: 2;
            text-align: center; }
      #change.case .sec-case .ba-wrap .after-box {
        width: 52%; }
        #change.case .sec-case .ba-wrap .after-box .after {
          font-size: 1.8rem;
          color: #b8995a;
          font-weight: 600; }
        #change.case .sec-case .ba-wrap .after-box figure {
          margin: 1rem 0; }
        #change.case .sec-case .ba-wrap .after-box .info {
          font-size: 1.6rem;
          line-height: 1.6;
          font-weight: 600; }
          #change.case .sec-case .ba-wrap .after-box .info span {
            font-size: 1.8rem;
            letter-spacing: 0.3rem;
            font-weight: 600;
            color: #b8995a; }
    #change.case .sec-case .anker-wrap {
      width: 100%;
      margin: 6rem auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #change.case .sec-case .anker-wrap a {
        width: 32%;
        margin: 0 auto 5rem;
        display: block;
        background-color: #c3d3e3;
        outline: 1px solid #fff;
        outline-offset: -5px;
        padding: 4rem 3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        #change.case .sec-case .anker-wrap a.active {
          opacity: 0.5;
          pointer-events: none; }
        #change.case .sec-case .anker-wrap a figure {
          width: 40%;
          margin: 0 auto 2rem;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; }
        #change.case .sec-case .anker-wrap a .txt-box {
          width: 100%;
          text-align: center; }
        #change.case .sec-case .anker-wrap a .case {
          font-size: 1.4rem;
          color: #fff;
          background-color: #15427e;
          padding: 0.5rem;
          display: inline-block; }
        #change.case .sec-case .anker-wrap a .txt {
          font-size: 1.4rem;
          margin: 1rem 0;
          line-height: 1.6;
          text-align: left; }
        #change.case .sec-case .anker-wrap a .more {
          font-size: 1.6rem;
          color: #fff;
          background-color: #4888b1;
          padding: 1.5rem 1.5rem 1.5rem 2.5rem;
          position: relative;
          -webkit-box-shadow: 2px 4px 16px -5px rgba(0, 0, 0, 0.3);
                  box-shadow: 2px 4px 16px -5px rgba(0, 0, 0, 0.3);
          text-align: left; }
          #change.case .sec-case .anker-wrap a .more .arrow {
            width: 35%;
            height: 1rem;
            position: absolute;
            top: 50%;
            right: 1rem;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); }
      #change.case .sec-case .anker-wrap a:first-of-type figure {
        width: 20%; }
  #change.case .sec-case01 .ba-wrap .before-box figure {
    width: 35%; }
  #change.case .movie-wrap {
    width: 100%;
    margin: 10rem auto; }
    #change.case .movie-wrap .movie-ttl {
      font-size: 2.4rem;
      text-align: center;
      line-height: 1.2; }
    #change.case .movie-wrap .movie-box {
      position: relative;
      aspect-ratio: 16 / 9;
      width: 50%;
      max-width: 60rem;
      margin: 2rem auto; }
    #change.case .movie-wrap .case-movie {
      width: 100%;
      margin: 0 auto;
      height: 100%;
      position: relative; }
    #change.case .movie-wrap .click_area {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      cursor: pointer; }
    #change.case .movie-wrap .btn_play {
      width: 12rem;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
              transform: translateY(-50%) translateX(-50%);
      margin: auto; }
  @media screen and (max-width: 750px) {
    #change {
      /*@media screen end*/ }
      #change.case .sec-case .case-ttl {
        font-size: 2.1rem; }
      #change.case .sec-case .consult-box, #change.case .sec-case .proposal-box {
        padding: 4rem 2rem; }
        #change.case .sec-case .consult-box .consult-ttl .person, #change.case .sec-case .proposal-box .consult-ttl .person {
          width: 18%; }
        #change.case .sec-case .consult-box .consult-ttl .txt_box, #change.case .sec-case .proposal-box .consult-ttl .txt_box {
          width: 77%; }
          #change.case .sec-case .consult-box .consult-ttl .txt_box .sub-ttl, #change.case .sec-case .proposal-box .consult-ttl .txt_box .sub-ttl {
            font-size: 2.8rem; }
          #change.case .sec-case .consult-box .consult-ttl .txt_box .ttl, #change.case .sec-case .proposal-box .consult-ttl .txt_box .ttl {
            font-size: 2.9rem;
            line-height: 1.4; }
        #change.case .sec-case .consult-box .requirements-box, #change.case .sec-case .proposal-box .requirements-box {
          margin: 4rem 0 2.4rem; }
          #change.case .sec-case .consult-box .requirements-box .p1, #change.case .sec-case .proposal-box .requirements-box .p1 {
            font-size: 2.7rem; }
          #change.case .sec-case .consult-box .requirements-box .p2, #change.case .sec-case .proposal-box .requirements-box .p2 {
            font-size: 2.6rem;
            width: 100%; }
        #change.case .sec-case .consult-box .txt, #change.case .sec-case .proposal-box .txt {
          font-size: 2.6rem; }
          #change.case .sec-case .consult-box .txt span, #change.case .sec-case .proposal-box .txt span {
            font-size: 2.6rem; }
      #change.case .sec-case .proposal-box .person {
        width: 18%; }
      #change.case .sec-case .proposal-box .proposal-cnt {
        width: 80%; }
        #change.case .sec-case .proposal-box .proposal-cnt .ttl {
          font-size: 2.8rem; }
        #change.case .sec-case .proposal-box .proposal-cnt .txt {
          font-size: 2.6rem; }
          #change.case .sec-case .proposal-box .proposal-cnt .txt span {
            font-size: 2.6rem; }
      #change.case .sec-case .ba-wrap {
        width: 100%;
        gap: 5rem; }
        #change.case .sec-case .ba-wrap .before-box {
          width: 90%;
          margin: 0 auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          #change.case .sec-case .ba-wrap .before-box::after {
            border-width: 4rem 2rem 0 2rem;
            border-color: #BABBBB transparent transparent transparent;
            top: auto;
            right: 50%;
            bottom: -6rem; }
          #change.case .sec-case .ba-wrap .before-box figure {
            width: 40%;
            margin: 0;
            -webkit-box-flex: 0;
                -ms-flex-positive: 0;
                    flex-grow: 0; }
          #change.case .sec-case .ba-wrap .before-box .before {
            font-size: 2.4rem; }
          #change.case .sec-case .ba-wrap .before-box .txt-box {
            width: 53%;
            -webkit-box-flex: 0;
                -ms-flex-positive: 0;
                    flex-grow: 0; }
            #change.case .sec-case .ba-wrap .before-box .txt-box .txt {
              font-size: 2.6rem;
              text-align: left; }
        #change.case .sec-case .ba-wrap .after-box {
          width: 75%;
          margin: 0 auto; }
          #change.case .sec-case .ba-wrap .after-box .after {
            font-size: 2.8rem; }
          #change.case .sec-case .ba-wrap .after-box .info {
            font-size: 2.6rem; }
            #change.case .sec-case .ba-wrap .after-box .info span {
              font-size: 2.8rem; }
      #change.case .sec-case .anker-wrap a {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        #change.case .sec-case .anker-wrap a figure {
          width: 30%;
          margin: 0;
          -webkit-box-flex: 0;
              -ms-flex-positive: 0;
                  flex-grow: 0; }
        #change.case .sec-case .anker-wrap a .txt-box {
          width: 65%;
          text-align: left; }
        #change.case .sec-case .anker-wrap a .case {
          font-size: 1.4rem;
          padding: 0.7rem; }
        #change.case .sec-case .anker-wrap a .txt {
          font-size: 2.2rem;
          margin: 2rem 0; }
        #change.case .sec-case .anker-wrap a .more {
          font-size: 2.2rem; }
      #change.case .sec-case .anker-wrap a:first-of-type figure {
        width: 20%; }
      #change.case .sec-case01 .ba-wrap .before-box figure {
        width: 24%; }
      #change.case .movie-wrap .movie-ttl {
        font-size: 3.4rem; }
      #change.case .movie-wrap .movie-box {
        width: 90%; }
      #change.case .movie-wrap .btn_play {
        width: 10rem; } }
  #change .sec-answer {
    padding-bottom: 5rem; }
    #change .sec-answer .answer-wrap {
      background-color: #daeffb;
      width: 84%;
      margin: 0 auto;
      max-width: 100rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 9px;
      padding: 3rem 6rem;
      -webkit-box-shadow: 10px 10px 20px 2px rgba(0, 0, 0, 0.1);
              box-shadow: 10px 10px 20px 2px rgba(0, 0, 0, 0.1);
      position: relative;
      display: none;
      opacity: 0;
      -webkit-transition: all ease-in-out 1s;
      transition: all ease-in-out 1s; }
      #change .sec-answer .answer-wrap.act {
        display: block; }
      #change .sec-answer .answer-wrap.show {
        opacity: 1; }
      #change .sec-answer .answer-wrap::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 15px 50px 15px;
        border-color: transparent transparent #DAEFFB transparent;
        top: -50px;
        left: 20%;
        -webkit-transform: translateX(-20%);
                transform: translateX(-20%); }
      #change .sec-answer .answer-wrap .question {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        #change .sec-answer .answer-wrap .question .num {
          color: #267aa7;
          font-size: 2.6rem;
          width: 8%;
          font-weight: 600; }
        #change .sec-answer .answer-wrap .question p {
          font-size: 2.4rem;
          font-weight: 600;
          line-height: 1.6;
          border-left: 1px solid #3e3a39;
          padding-left: 3rem; }
      #change .sec-answer .answer-wrap .comment-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: #fff;
        padding: 2rem;
        margin-top: 2rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        #change .sec-answer .answer-wrap .comment-box .icon {
          width: 12%; }
        #change .sec-answer .answer-wrap .comment-box .txt {
          width: 85%;
          font-size: 1.6rem;
          line-height: 1.8; }
          #change .sec-answer .answer-wrap .comment-box .txt span {
            font-size: 1.6rem;
            font-weight: 600;
            color: #267aa7; }
      #change .sec-answer .answer-wrap .btn_answer_close {
        background-color: rgba(123, 145, 170, 0.34);
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        cursor: pointer; }
        #change .sec-answer .answer-wrap .btn_answer_close span {
          width: 24px;
          height: 1px;
          background-color: #231815;
          display: block;
          position: absolute;
          top: 50%;
          left: 50%; }
          #change .sec-answer .answer-wrap .btn_answer_close span:nth-of-type(1) {
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
                    transform: translate(-50%, -50%) rotate(45deg); }
          #change .sec-answer .answer-wrap .btn_answer_close span:nth-of-type(2) {
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                    transform: translate(-50%, -50%) rotate(-45deg); }
  @media screen and (max-width: 750px) {
    #change {
      /*@media screen end*/ }
      #change .sec-answer .answer-wrap {
        width: 100%;
        padding: 4rem 2rem; }
        #change .sec-answer .answer-wrap .question {
          row-gap: 1rem; }
          #change .sec-answer .answer-wrap .question .num {
            font-size: 3.6rem;
            width: 100%;
            text-align: center; }
          #change .sec-answer .answer-wrap .question p {
            font-size: 3.4rem;
            border-left: 0px solid #3e3a39;
            padding-left: 0rem;
            width: 100%;
            text-align: center; }
        #change .sec-answer .answer-wrap .comment-box .icon {
          width: 22%; }
        #change .sec-answer .answer-wrap .comment-box .txt {
          width: 76%;
          font-size: 2.6rem; }
          #change .sec-answer .answer-wrap .comment-box .txt span {
            font-size: 2.6rem; }
        #change .sec-answer .answer-wrap .btn_answer_close {
          background-color: rgba(123, 145, 170, 0.34);
          position: absolute;
          top: 10px;
          right: 10px;
          width: 30px;
          height: 30px;
          cursor: pointer; }
          #change .sec-answer .answer-wrap .btn_answer_close span {
            width: 24px;
            height: 1px;
            background-color: #231815;
            display: block;
            position: absolute;
            top: 50%;
            left: 50%; }
            #change .sec-answer .answer-wrap .btn_answer_close span:nth-of-type(1) {
              -webkit-transform: translate(-50%, -50%) rotate(45deg);
                      transform: translate(-50%, -50%) rotate(45deg); }
            #change .sec-answer .answer-wrap .btn_answer_close span:nth-of-type(2) {
              -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                      transform: translate(-50%, -50%) rotate(-45deg); } }
  @media screen and (max-width: 750px) {
    #change {
      /*@media screen end*/ } }


/* 230126 チャットで質問ボタン非表示 */
#sp_chat_tab {
  display: none;
}

/* 2300419 info追加 */
#change .sec-info{
  padding: 8rem 0 0;
}
#change .sec-info .info-ttl{
  font-size: 2.4rem;
  text-align: center;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 4rem;
  letter-spacing: 0;
}
#change .sec-info .info-list{
  /* width: 84%; */
  margin: 0 auto;
  text-align: center;
}
#change .sec-info .info-list li{
  font-size: 1.8rem;
  line-height: 2;
}
#change .sec-info .info-list li a{
  font-size: 1.8rem;
  border-bottom: 1px solid #3e3a39;
  padding-bottom: 0.2rem;
}
@media screen and (max-width: 750px) {
  #change .sec-info .info-ttl{
    font-size: 3.4rem;
  }
  #change .sec-info .info-list{
    width: 100%;
    text-align: left;
  }
  #change .sec-info .info-list li{
    margin-bottom: 2.6rem;
  }
  #change .sec-info .info-list li,
  #change .sec-info .info-list li a{
    font-size: 2.8rem;
  }
}

/* 230913 追記  */
#scheme {
  margin-top: -150px;
  padding-top: 90px;
}
@media screen and (max-width: 750px) {
  #scheme {
    margin-top: -60px;
    padding-top: 20px;
  }
}