@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&display=swap");
html {
  box-sizing: border-box;
  font-size: 62.5%;
  line-height: 100%;
  /*
    scroll-behavior: smooth;
  */ }
  @media screen and (max-width: 767px) {
    html {
      scroll-padding-top: 80px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    html {
      scroll-padding-top: 120px; } }
  @media screen and (min-width: 1024px) {
    html {
      scroll-padding-top: 120px; } }

body {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,"ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
  font-size: 100%;
  line-height: 150%;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 500;
    line-height: 120%;
    transform: rotate(0.05deg); }
  body h1 {
    font-size: 4rem;
    margin-bottom: 50px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body h1 {
        font-size: 5rem;
        margin-bottom: 100px; } }
    @media screen and (min-width: 1024px) {
      body h1 {
        font-size: 5rem;
        margin-bottom: 100px; } }
  body h2 {
    font-size: calc(2rem * 1.25);
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body h2 {
        margin-bottom: 50px; } }
    @media screen and (min-width: 1024px) {
      body h2 {
        font-size: 4rem;
        margin-bottom: 50px; } }
  body h3 {
    font-size: 2rem;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body h3 {
        font-size: 3rem;
        margin-bottom: 30px; } }
    @media screen and (min-width: 1024px) {
      body h3 {
        font-size: 3rem;
        margin-bottom: 30px; } }
  body h4 {
    font-size: 1.75rem;
    margin-bottom: 10px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body h4 {
        font-size: 2rem;
        margin-bottom: 20px; } }
    @media screen and (min-width: 1024px) {
      body h4 {
        font-size: 2rem;
        margin-bottom: 20px; } }
  body h5 {
    font-size: 1.6rem;
    margin-bottom: 10px; }
    @media screen and (min-width: 1024px) {
      body h5 {
        font-size: 1.75rem; } }
  body h6 {
    font-size: 1.25rem;
    margin-bottom: 10px; }
    @media screen and (min-width: 1024px) {
      body h6 {
        font-size: 1.6rem; } }
  body p {
    font-size: 1.25rem;
    line-height: 150%;
    margin-bottom: 20px; }
    @media screen and (min-width: 1024px) {
      body p {
        font-size: 1.6rem;
        margin-bottom: 30px; } }
  body a {
    transition: all 0.5s; }
  body a:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha( opacity=75 )";
    transition: all 0.5s; }
  body ul {
    list-style-type: none; }
  body table {
    border-top: 1px solid #DDD;
    border-collapse: collapse;
    margin: 0 auto;
    position: relative;
    text-align: left;
    table-layout: fixed; }
    body table tr {
      background: #FFF; }
    body table th, body table td {
      border-top: 1px solid #DDD;
      border-collapse: collapse;
      word-break: break-all; }
      @media screen and (max-width: 767px) {
        body table th, body table td {
          padding: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body table th, body table td {
          padding: 10px; } }
      @media screen and (min-width: 1024px) {
        body table th, body table td {
          padding: 20px; } }
    body table th {
      background: #F3F3F3; }
    body table td span {
      margin-right: 0.875rem; }
      body table td span img {
        height: 20px;
        width: auto; }
  body input,
  body textarea,
  body select,
  body button {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit; }
  body input[type="radio"],
  body input[type="checkbox"],
  body select,
  body button {
    cursor: pointer; }
  body input[type="radio"],
  body input[type="checkbox"] {
    margin-bottom: 0; }
  body input[type="text"],
  body input[type="tel"],
  body input[type="url"],
  body input[type="email"] {
    background: #F9F9F9;
    border: 1px solid #DDD;
    padding: 0.875rem;
    width: 100%; }
  body textarea {
    background: #F9F9F9;
    border: 1px solid #DDD;
    padding: 1rem;
    width: 100%; }
  body select {
    background-image: url("../images/icn_select.svg");
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    background-color: #F9F9F9;
    border: 1px solid #DDD;
    padding: 1.25rem;
    padding-right: 4rem;
    text-align: left; }
  @media screen and (min-width: 1024px) {
    body input, body select {
      box-sizing: border-box; }
      body input.s, body select.s {
        width: 50%; }
      body input.m, body select.m {
        width: 75%; }
      body input.l, body select.l {
        width: 100%; } }
  body ::-webkit-scrollbar {
    width: 1px; }
  body ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 1px; }
  body ::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.1); }
  body * {
    scrollbar-width: thin;
    scrollbar-color: #DDD #FFF; }
  body video:-internal-media-controls-download-button {
    display: none !important; }
  body video:-webkit-media-controls-enclosure {
    overflow: hidden !important; }
  body .wpcf7 input[type="submit"] {
    color: #FFF; }
  body .wpcf7-submit {
    transition: all 0.5s; }
    body .wpcf7-submit:hover {
      opacity: 0.5;
      filter: alpha(opacity=50);
      -ms-filter: "alpha( opacity=50 )";
      transition: all 0.5s; }
  body .wpcf7-form.invalid .wpcf7-response-output,
  body .wpcf7-form.sent .wpcf7-response-output {
    display: none; }
  body span.wpcf7-list-item {
    display: block; }
  body span.wpcf7-spinner {
    display: none; }

.blank a:after {
  background-image: url("../images/icn_blank.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: middle;
  height: 1.75rem;
  width: 1.75rem; }

.box, .box_02, .box_03 {
  position: relative; }
  @media screen and (max-width: 767px) {
    .box, .box_02, .box_03 {
      margin: 0 0 30px;
      padding: 20px 5%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .box, .box_02, .box_03 {
      margin: 0 0 30px;
      padding: 20px 5%; } }
  @media screen and (min-width: 1024px) {
    .box, .box_02, .box_03 {
      margin: 0 0 50px;
      padding: 50px; } }

.box {
  background: #FFF;
  border: 1px solid #DDD; }

.box_02 {
  background: #F3F3F3; }

.box_03 {
  background: #FFF; }

.btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.btn {
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 700;
  display: block;
  width: 100%;
  transform: rotate(0.05deg); }
  .btn > * {
    background-color: #FFF;
    border: 1px solid #009ad7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #009ad7;
    display: block;
    line-height: 0;
    margin: 0 auto;
    position: relative;
    text-decoration: none;
    text-align: center;
    transition: all .5s;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .btn > * {
        height: 40px;
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .btn > * {
        padding: 10px;
        height: 40px;
        width: 330px; } }
    @media screen and (min-width: 1024px) {
      .btn > * {
        padding: 10px;
        height: 40px;
        width: 330px; } }
    .btn > *:hover {
      background-color: #009ad7;
      color: #FFF;
      opacity: 1;
      transition: all .5s; }
    .btn > * span {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      white-space: nowrap; }

.btn-S {
  font-family: 'M PLUS 1p', sans-serif;
  display: block;
  width: 100%;
  transform: rotate(0.05deg); }
  .btn-S > * {
    background-color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    display: block;
    height: 60px;
    line-height: 0;
    margin: 0 auto;
    padding: 15px;
    position: relative;
    text-decoration: none;
    text-align: center;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .btn-S > * {
        height: 30px;
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .btn-S > * {
        padding: 10px;
        height: 30px; } }
    @media screen and (min-width: 1024px) {
      .btn-S > * {
        padding: 10px;
        height: 30px; } }
    .btn-S > * span {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      white-space: nowrap; }

@media screen and (max-width: 767px) {
  .display-mobile {
    display: block; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .display-mobile {
    display: none; } }
@media screen and (min-width: 1024px) {
  .display-mobile {
    display: none; } }

.display-tab {
  display: none; }
  @media screen and (max-width: 767px) {
    .display-tab {
      display: none; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .display-tab {
      display: block; } }
  @media screen and (min-width: 1024px) {
    .display-tab {
      display: none; } }

@media screen and (max-width: 767px) {
  .display-pc {
    display: none; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .display-pc {
    display: none; } }
@media screen and (min-width: 1024px) {
  .display-pc {
    display: block; } }

@media screen and (max-width: 767px) {
  .note {
    font-size: 1rem; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .note {
    font-size: 1.25rem; } }
@media screen and (min-width: 1024px) {
  .note {
    font-size: 1.25rem; } }

.grecaptcha-badge {
  visibility: hidden; }

.h {
  text-align: center;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .h {
      padding-top: 50px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .h {
      padding-top: 30px; } }
  @media screen and (min-width: 1024px) {
    .h {
      padding-top: 50px; } }
  @media screen and (max-width: 767px) {
    .h h2 {
      letter-spacing: 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .h h2 {
      letter-spacing: 0; } }
  @media screen and (min-width: 1024px) {
    .h h2 {
      letter-spacing: calc(1rem * 0.25); } }
  .h h2 span {
    display: inline-block;
    padding-bottom: 10px;
    position: relative; }
    .h h2 span:before, .h h2 span:after {
      content: '';
      display: block;
      height: 5px;
      position: absolute;
      left: 0;
      bottom: 0; }
    .h h2 span:before {
      background: #ffd100;
      width: 100%; }
    .h h2 span:after {
      background: #009ad7;
      width: 50%; }

.important {
  color: #E00; }

.modal {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
  pointer-events: none;
  opacity: 0;
  z-index: 10000; }
  @media screen and (max-width: 767px) {
    .modal {
      padding: 10px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .modal {
      padding: 30px; } }
  @media screen and (min-width: 1024px) {
    .modal {
      padding: 30px; } }
  .modal.is-active {
    opacity: 1;
    pointer-events: auto; }

.modal__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer; }

.modal__content {
  position: relative;
  background-color: #fff;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .modal__content {
      max-width: 800px;
      padding: 10px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .modal__content {
      max-width: 700px;
      padding: 30px; } }
  @media screen and (min-width: 1024px) {
    .modal__content {
      max-width: 960px;
      padding: 30px; } }

.modal__close-btn {
  position: absolute;
  color: #DDD;
  font-size: 50px;
  right: 2.5%;
  top: 2.5%;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 10;
  transition: all .5s; }
  .modal__close-btn:hover {
    color: #009ad7;
    transition: all .5s; }

.modal__slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .modal__slide {
      height: 60vh; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .modal__slide {
      height: 70vh; } }
  @media screen and (min-width: 1024px) {
    .modal__slide {
      height: 70vh; } }
  .modal__slide figure {
    position: absolute;
    width: min(70vh, 100%);
    aspect-ratio: 1 / 1;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
  .modal__slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block; }

.swiper-slide {
  width: 100% !important; }

.swiper-button-prev, .swiper-button-next {
  color: #DDD;
  transition: all .5s; }
  .swiper-button-prev:hover, .swiper-button-next:hover {
    color: #009ad7;
    transition: all .5s; }

.modal-wrap {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000; }
  .modal-wrap .modal-cont {
    background: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    height: auto; }
    @media screen and (max-width: 767px) {
      .modal-wrap .modal-cont {
        width: 80%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .modal-wrap .modal-cont {
        width: 80%; } }
    @media screen and (min-width: 1024px) {
      .modal-wrap .modal-cont {
        width: 80%;
        max-width: 800px; } }
    .modal-wrap .modal-cont .inner {
      position: relative;
      width: 100%; }
      @media screen and (max-width: 767px) {
        .modal-wrap .modal-cont .inner {
          padding: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .modal-wrap .modal-cont .inner {
          padding: 50px; } }
      @media screen and (min-width: 1024px) {
        .modal-wrap .modal-cont .inner {
          padding: 50px; } }
      .modal-wrap .modal-cont .inner .close {
        color: #DDD;
        cursor: pointer;
        line-height: 100%;
        position: absolute;
        z-index: 100; }
        @media screen and (max-width: 767px) {
          .modal-wrap .modal-cont .inner .close {
            font-size: calc(2rem * 1.0);
            top: 5px;
            right: 5px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .modal-wrap .modal-cont .inner .close {
            font-size: 4rem;
            top: 5px;
            right: 10px; } }
        @media screen and (min-width: 1024px) {
          .modal-wrap .modal-cont .inner .close {
            font-size: 4rem;
            top: 5px;
            right: 10px; } }
      @media screen and (max-width: 767px) {
        .modal-wrap .modal-cont .inner dl dt {
          font-size: 1.6rem;
          margin-bottom: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .modal-wrap .modal-cont .inner dl dt {
          font-size: 2rem;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1024px) {
        .modal-wrap .modal-cont .inner dl dt {
          font-size: 2rem;
          margin-bottom: 20px; } }
      .modal-wrap .modal-cont .inner dl dt figure {
        width: 100%; }
        @media screen and (max-width: 767px) {
          .modal-wrap .modal-cont .inner dl dt figure {
            margin-bottom: 20px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .modal-wrap .modal-cont .inner dl dt figure {
            margin-bottom: 30px; } }
        @media screen and (min-width: 1024px) {
          .modal-wrap .modal-cont .inner dl dt figure {
            margin-bottom: 30px; } }
        .modal-wrap .modal-cont .inner dl dt figure img {
          height: auto;
          width: 100%; }
      .modal-wrap .modal-cont .inner dl dd {
        line-height: 150%; }
        @media screen and (max-width: 767px) {
          .modal-wrap .modal-cont .inner dl dd {
            font-size: 1.25rem; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .modal-wrap .modal-cont .inner dl dd {
            font-size: 1.6rem; } }
        @media screen and (min-width: 1024px) {
          .modal-wrap .modal-cont .inner dl dd {
            font-size: 1.6rem; } }

@media screen and (max-width: 767px) {
  .navigation.pagination {
    margin-bottom: 50px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .navigation.pagination {
    margin-bottom: 50px; } }
@media screen and (min-width: 1024px) {
  .navigation.pagination {
    margin-bottom: 50px; } }
.navigation.pagination .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  column-gap: 10px; }
  .navigation.pagination .nav-links .page-numbers {
    display: block;
    border: 1px solid #DDD;
    padding: 10px;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center; }
    .navigation.pagination .nav-links .page-numbers.current {
      background: #F3F3F3; }
    @media screen and (max-width: 767px) {
      .navigation.pagination .nav-links .page-numbers {
        width: calc(20px * 1.5); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .navigation.pagination .nav-links .page-numbers {
        width: calc(30px * 1.5); } }
    @media screen and (min-width: 1024px) {
      .navigation.pagination .nav-links .page-numbers {
        width: calc(30px * 1.5); }
        .navigation.pagination .nav-links .page-numbers:hover {
          background: #F3F3F3; } }

.pdf a:before {
  background-image: url("../images/icn_pdf.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  margin: 0 10px 0 0;
  vertical-align: middle;
  height: 30px;
  width: 30px; }

.scl {
  scrollbar-width: thin;
  scrollbar-color: #DDD #FFF; }

@media screen and (max-width: 767px) {
  .scroll-wrap {
    position: relative;
    width: 100%; } }
@media screen and (max-width: 767px) {
  .scroll-wrap::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -28px;
    width: 100%;
    height: 20px;
    background: url("../images/icn_arw_scroll.svg") no-repeat center/contain;
    pointer-events: none; } }
@media screen and (max-width: 767px) {
  .scroll-wrap .scroll {
    margin-bottom: 30px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media screen and (max-width: 767px) {
  .scroll-pad {
    scroll-margin-top: 100px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .scroll-pad {
    scroll-margin-top: 100px; } }
@media screen and (min-width: 1024px) {
  .scroll-pad {
    scroll-margin-top: 150px; } }

.slide {
  -webkit-animation: slide-right 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s infinite both;
  animation: slide-right 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s infinite both; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .slide {
      display: none; } }

@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )"; }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )"; }
  100% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )"; } }
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )"; }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )"; }
  100% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )"; } }
.slideshow {
  position: relative;
  width: 100%;
  padding-top: 75%;
  overflow: hidden; }
  .slideshow figure {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    opacity: 0;
    animation: slideshow 40s linear infinite; }
    .slideshow figure:nth-child(1) {
      animation-delay: 0s; }
    .slideshow figure:nth-child(2) {
      animation-delay: 5s; }
    .slideshow figure:nth-child(3) {
      animation-delay: 10s; }
    .slideshow figure:nth-child(4) {
      animation-delay: 15s; }
    .slideshow figure:nth-child(5) {
      animation-delay: 20s; }
    .slideshow figure:nth-child(6) {
      animation-delay: 25s; }
    .slideshow figure:nth-child(7) {
      animation-delay: 30s; }
    .slideshow figure img {
      height: auto;
      width: 100%; }

@keyframes slideshow {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  15% {
    opacity: 1; }
  30% {
    opacity: 0; }
  100% {
    opacity: 0; } }
.tab {
  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-bottom: 50px;
  width: 100%; }
  .tab li {
    cursor: pointer;
    display: block;
    position: relative;
    transition: all 0.5s; }
    .tab li span {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      text-align: center;
      width: 100%; }

.tab-wrap {
  display: none; }
  .tab-wrap.show {
    display: block; }

.tag-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 50px;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .tag-wrap {
      column-gap: 2.5%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .tag-wrap {
      column-gap: 1%; } }
  @media screen and (min-width: 1024px) {
    .tag-wrap {
      column-gap: 1%; } }
  .tag-wrap dt {
    font-weight: 500;
    text-align: center;
    white-space: nowrap; }
    @media screen and (max-width: 767px) {
      .tag-wrap dt {
        width: 22.5%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .tag-wrap dt {
        width: 12%; } }
    @media screen and (min-width: 1024px) {
      .tag-wrap dt {
        width: 10%; } }
    .tag-wrap dt span {
      background: #F3F3F3;
      display: block;
      padding: 10px; }
  @media screen and (max-width: 767px) {
    .tag-wrap dd {
      width: 75%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .tag-wrap dd {
      width: 87%; } }
  @media screen and (min-width: 1024px) {
    .tag-wrap dd {
      width: 89%; } }
  .tag-wrap dd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    column-gap: 20px;
    margin-left: 20px; }
    .tag-wrap dd ul li a {
      color: #009ad7; }
      .tag-wrap dd ul li a:before {
        content: '#';
        display: inline-block;
        vertical-align: middle; }

.videoWrap {
  display: inline-block; }
  .videoWrap .video {
    width: 100%;
    height: auto; }

#c-nav {
  background: rgba(255, 255, 255, 0.9);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  font-family: 'M PLUS 1p', sans-serif;
  position: fixed;
  text-align: center;
  z-index: 999; }
  @media screen and (max-width: 767px) {
    #c-nav {
      left: 0;
      bottom: 0;
      height: auto;
      width: 100%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #c-nav {
      right: 1.5%;
      bottom: 1.5%;
      height: 200px;
      width: 350px; } }
  @media screen and (min-width: 1024px) {
    #c-nav {
      right: 1.5%;
      bottom: 1.5%;
      height: 200px;
      width: 350px; } }
  #c-nav .inner {
    cursor: pointer;
    transform: rotate(0.05deg); }
    @media screen and (max-width: 767px) {
      #c-nav .inner {
        padding: calc(20px * 0.8); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #c-nav .inner {
        padding: calc(20px * 1.5); } }
    @media screen and (min-width: 1024px) {
      #c-nav .inner {
        padding: calc(20px * 1.5); } }
    @media screen and (max-width: 767px) {
      #c-nav .inner p {
        font-size: calc(1.25rem * 0.75);
        margin-bottom: 10px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #c-nav .inner p {
        font-size: calc(1.6rem * 0.8);
        margin-bottom: 20px; } }
    @media screen and (min-width: 1024px) {
      #c-nav .inner p {
        font-size: calc(1.6rem * 0.9);
        margin-bottom: 20px; } }
    #c-nav .inner .btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      column-gap: 5%; }
      #c-nav .inner .btn li {
        border: 0;
        color: #FFF;
        font-size: 1.6rem;
        font-weight: 700;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 30%; }
        @media screen and (max-width: 767px) {
          #c-nav .inner .btn li {
            padding: 20px 10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          #c-nav .inner .btn li {
            padding: 30px 20px; } }
        @media screen and (min-width: 1024px) {
          #c-nav .inner .btn li {
            padding: 30px 20px; } }
        #c-nav .inner .btn li:nth-child(1) {
          background-color: #009ad7; }
        #c-nav .inner .btn li:nth-child(2) {
          background-color: #82b66a; }
        #c-nav .inner .btn li:nth-child(3) {
          background-color: #f5c700; }
  #c-nav .sub-nav {
    background: white;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
    padding: 10px;
    position: fixed; }
    @media screen and (max-width: 767px) {
      #c-nav .sub-nav {
        left: 0;
        bottom: 0;
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #c-nav .sub-nav {
        left: 1.5%;
        bottom: 1.5%;
        width: 97%; } }
    @media screen and (min-width: 1024px) {
      #c-nav .sub-nav {
        left: 1.5%;
        bottom: 1.5%;
        width: 97%; } }
    #c-nav .sub-nav .inner {
      column-gap: 2.5%;
      position: relative; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        #c-nav .sub-nav .inner {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: flex-start;
          -ms-flex-pack: flex-start;
          justify-content: flex-start;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start; } }
      @media screen and (min-width: 1024px) {
        #c-nav .sub-nav .inner {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: flex-start;
          -ms-flex-pack: flex-start;
          justify-content: flex-start;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start; } }
      #c-nav .sub-nav .inner .btn-close {
        font-size: 2rem;
        position: absolute;
        top: 0;
        right: 0; }
        @media screen and (min-width: 1024px) {
          #c-nav .sub-nav .inner .btn-close {
            font-size: 3rem;
            top: 5px;
            right: 5px; } }
      #c-nav .sub-nav .inner dl {
        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;
        column-gap: 2.5%; }
        @media screen and (max-width: 767px) {
          #c-nav .sub-nav .inner dl {
            margin-bottom: 30px; }
            #c-nav .sub-nav .inner dl:last-child {
              margin-bottom: 0; } }
        #c-nav .sub-nav .inner dl dt {
          font-size: 1.6rem;
          text-align: left;
          margin-bottom: 20px;
          width: 100%; }
        #c-nav .sub-nav .inner dl dd {
          font-size: 1.25rem;
          margin-bottom: 10px;
          position: relative;
          width: 48%; }
          #c-nav .sub-nav .inner dl dd.full {
            width: 100%; }
          #c-nav .sub-nav .inner dl dd a {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            color: #FFF;
            display: block;
            width: 100%; }
            @media screen and (max-width: 767px) {
              #c-nav .sub-nav .inner dl dd a {
                font-weight: 700;
                padding: calc(10px * 1.5) 10px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              #c-nav .sub-nav .inner dl dd a {
                padding: 20px; } }
            @media screen and (min-width: 1024px) {
              #c-nav .sub-nav .inner dl dd a {
                padding: 20px; } }
          #c-nav .sub-nav .inner dl dd.blank a {
            position: relative; }
            #c-nav .sub-nav .inner dl dd.blank a:after {
              position: absolute;
              top: 10px;
              right: 10px;
              height: 12px;
              width: 12px; }
        #c-nav .sub-nav .inner dl.buy {
          color: #009ad7; }
          @media screen and (max-width: 767px) {
            #c-nav .sub-nav .inner dl.buy {
              width: 100%; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            #c-nav .sub-nav .inner dl.buy {
              width: 100%; } }
          @media screen and (min-width: 1024px) {
            #c-nav .sub-nav .inner dl.buy {
              width: 40%; } }
          #c-nav .sub-nav .inner dl.buy dd a {
            background-color: #009ad7; }
        #c-nav .sub-nav .inner dl.sell {
          color: #82b66a; }
          @media screen and (max-width: 767px) {
            #c-nav .sub-nav .inner dl.sell {
              width: 100%; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            #c-nav .sub-nav .inner dl.sell {
              width: 100%; } }
          @media screen and (min-width: 1024px) {
            #c-nav .sub-nav .inner dl.sell {
              width: 40%; } }
          #c-nav .sub-nav .inner dl.sell dd a {
            background-color: #82b66a; }
        #c-nav .sub-nav .inner dl.rent {
          color: #f5c700; }
          @media screen and (max-width: 767px) {
            #c-nav .sub-nav .inner dl.rent {
              width: 100%; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            #c-nav .sub-nav .inner dl.rent {
              width: 100%; } }
          @media screen and (min-width: 1024px) {
            #c-nav .sub-nav .inner dl.rent {
              width: 20%; } }
          #c-nav .sub-nav .inner dl.rent dd {
            width: 100%; }
            #c-nav .sub-nav .inner dl.rent dd a {
              background-color: #f5c700; }

header, section, footer {
  display: block;
  font-size: 1.25rem;
  line-height: 120%;
  width: 100%; }
  @media screen and (min-width: 1024px) {
    header, section, footer {
      font-size: 1.6rem; } }
  header .inner, section .inner, footer .inner {
    margin: 0 auto;
    position: relative;
    padding: 0;
    width: 100%; }

header {
  background: #FFF;
  border-bottom: 1px solid #DDD;
  position: fixed;
  top: 0;
  z-index: 1000; }
  header .inner {
    position: relative;
    width: 100%; }
    @media screen and (max-width: 767px) {
      header .inner {
        height: 65px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      header .inner {
        height: 80px; } }
    @media screen and (min-width: 1024px) {
      header .inner {
        height: 120px; } }
    header .inner .logo {
      position: absolute;
      height: auto;
      z-index: 1010; }
      @media screen and (max-width: 767px) {
        header .inner .logo {
          top: calc(20px * .75);
          left: 5%;
          max-width: 300px;
          width: 50%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        header .inner .logo {
          top: 20px;
          left: 2.5%;
          max-width: 300px;
          width: 30%; } }
      @media screen and (min-width: 1024px) {
        header .inner .logo {
          top: 20px;
          left: 20px;
          max-width: 300px;
          width: 25%; } }
      header .inner .logo img {
        width: 100%; }

/***** section *****/
section#local-nav {
  background: #F3F3F3;
  font-family: 'M PLUS 1p', sans-serif;
  padding: 0;
  position: relative;
  transform: rotate(0.05deg);
  z-index: 100; }
  section#local-nav.fixed {
    position: fixed;
    left: auto; }
    @media screen and (max-width: 767px) {
      section#local-nav.fixed {
        top: 65px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#local-nav.fixed {
        top: 80px; } }
    @media screen and (min-width: 1024px) {
      section#local-nav.fixed {
        top: 120px; } }
  section#local-nav nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    column-gap: 10px;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    section#local-nav nav ul::-webkit-scrollbar {
      display: none; }
    @media screen and (max-width: 767px) {
      section#local-nav nav ul {
        padding: 20px 5%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#local-nav nav ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 20px 0; } }
    @media screen and (min-width: 1024px) {
      section#local-nav nav ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 20px 0; } }
    section#local-nav nav ul li {
      white-space: nowrap; }
      section#local-nav nav ul li a {
        background-color: #FFF;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
        @media screen and (max-width: 767px) {
          section#local-nav nav ul li a {
            font-size: 1.25rem;
            padding: 10px 20px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#local-nav nav ul li a {
            font-size: 1.6rem;
            padding: 10px 20px; } }
        @media screen and (min-width: 1024px) {
          section#local-nav nav ul li a {
            font-size: 1.6rem;
            padding: 10px 20px;
            transition: all .5s; }
            section#local-nav nav ul li a:hover {
              background: #009ad7;
              color: #FFF;
              opacity: 1;
              transition: all .5s; } }
section#title {
  background-color: -webkit-gradient(linear, left top, right top, from(#009FDC), to(#FFD600));
  background-color: -webkit-linear-gradient(left, #009FDC, #FFD600);
  background-color: -moz-linear-gradient(left, #009FDC, #FFD600);
  background-color: -o-linear-gradient(left, #009FDC, #FFD600);
  background-color: linear-gradient(to right, #009FDC, #FFD600);
  display: block;
  font-family: 'M PLUS 1p', sans-serif;
  position: relative;
  z-index: 90;
  transform: rotate(0.05deg); }
  @media screen and (max-width: 767px) {
    section#title {
      margin-top: 65px;
      height: 10vh; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#title {
      margin-top: 80px;
      height: 15vh; } }
  @media screen and (min-width: 1024px) {
    section#title {
      margin-top: 120px;
      height: 200px; } }
  section#title .inner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative; }
    @media screen and (max-width: 767px) {
      section#title .inner {
        height: 10vh;
        margin-bottom: 100px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#title .inner {
        height: 15vh;
        margin-bottom: 100px; } }
    @media screen and (min-width: 1024px) {
      section#title .inner {
        height: 200px;
        margin-bottom: 100px; } }
    section#title .inner h1 {
      color: #FFF;
      display: inline-block;
      text-align: center;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
      white-space: nowrap;
      z-index: 5; }
      @media screen and (max-width: 767px) {
        section#title .inner h1 {
          font-size: calc(2rem * 1.25); } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#title .inner h1 {
          font-size: 4rem; } }
      @media screen and (min-width: 1024px) {
        section#title .inner h1 {
          font-size: 5rem; } }
section#body {
  position: relative;
  z-index: 50; }
  section#body article {
    position: relative; }
    @media screen and (max-width: 767px) {
      section#body article {
        padding: 20px 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#body article {
        padding: 50px 0; } }
    @media screen and (min-width: 1024px) {
      section#body article {
        padding: 50px 0; } }
    @media screen and (max-width: 767px) {
      section#body article h2 {
        font-size: calc(2rem * 1.2); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#body article h2 {
        font-size: calc(3rem * 1.0); } }
    @media screen and (min-width: 1024px) {
      section#body article h2 {
        font-size: calc(3rem * 1.2); } }
    section#body article h2 img {
      height: auto;
      width: 100%; }
    @media screen and (max-width: 767px) {
      section#body article h3 {
        font-size: calc(2rem * 1.0); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#body article h3 {
        font-size: calc(3rem * 0.8); } }
    @media screen and (min-width: 1024px) {
      section#body article h3 {
        font-size: calc(3rem * 1.0); } }
    section#body article h3 img {
      height: auto;
      width: 100%; }
    section#body article.full {
      padding: 100px 0 50px;
      width: 100%; }
    section#body article.type01 {
      background: -webkit-gradient(linear, left top, right top, from(#BFE6F5), to(#FFF3BF));
      background: -webkit-linear-gradient(left, #BFE6F5, #FFF3BF);
      background: -moz-linear-gradient(left, #BFE6F5, #FFF3BF);
      background: -o-linear-gradient(left, #BFE6F5, #FFF3BF);
      background: linear-gradient(to right, #BFE6F5, #FFF3BF);
      position: relative; }
      section#body article.type01:before {
        content: '';
        display: block;
        height: 20px;
        width: 100%;
        position: absolute;
        top: 0; }
    section#body article .content {
      padding: 0 10%;
      width: 100%; }
      @media screen and (max-width: 767px) {
        section#body article .content {
          margin: 0 0 50px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#body article .content {
          margin: 0 0 50px; } }
      @media screen and (min-width: 1024px) {
        section#body article .content {
          margin: 0 auto 50px;
          padding: 0;
          width: 1000px; } }
      section#body article .content.full {
        width: 100%; }
        @media screen and (min-width: 1024px) {
          section#body article .content.full {
            margin: 0 0 50px;
            padding: 0 2.5%;
            width: 100%; } }
@media screen and (max-width: 767px) {
  section#bnr-area .inner {
    padding: 50px 5%; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  section#bnr-area .inner {
    padding: 50px 0; } }
@media screen and (min-width: 1024px) {
  section#bnr-area .inner {
    padding: 100px 0; } }
section#bnr-area .inner nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  column-gap: 5%;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    section#bnr-area .inner nav ul {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 90%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#bnr-area .inner nav ul {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 80%; } }
  @media screen and (min-width: 1024px) {
    section#bnr-area .inner nav ul {
      width: 80%; } }
  section#bnr-area .inner nav ul li {
    position: relative; }
    @media screen and (max-width: 767px) {
      section#bnr-area .inner nav ul li {
        margin-bottom: 20px;
        width: 47.5%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#bnr-area .inner nav ul li {
        margin-bottom: 20px;
        width: 35%; } }
    @media screen and (min-width: 1024px) {
      section#bnr-area .inner nav ul li {
        width: 24%;
        max-width: 300px; } }
    section#bnr-area .inner nav ul li img {
      height: auto;
      width: 100%; }
    section#bnr-area .inner nav ul li span {
      position: absolute;
      z-index: 5; }
      @media screen and (max-width: 767px) {
        section#bnr-area .inner nav ul li span {
          top: -10px;
          right: -10px;
          height: 40px;
          width: 40px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#bnr-area .inner nav ul li span {
          top: -10px;
          right: -10px;
          height: 60px;
          width: 60px; } }
      @media screen and (min-width: 1024px) {
        section#bnr-area .inner nav ul li span {
          top: -10px;
          right: -10px;
          height: 70px;
          width: 70px; } }
      section#bnr-area .inner nav ul li span img {
        height: auto;
        width: 100%; }

/***** footer *****/
footer .inner {
  width: 100%; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    footer .inner {
      background: #F3F3F3; } }
  @media screen and (min-width: 1024px) {
    footer .inner {
      background: #F3F3F3; } }
  footer .inner .property-bnr {
    background-color: #F3F3F3;
    border-bottom: 1px solid #FFF; }
    @media screen and (max-width: 767px) {
      footer .inner .property-bnr {
        padding: 0 0 50px; }
        footer .inner .property-bnr .h {
          position: relative;
          padding: 50px 0;
          width: 100%; }
          footer .inner .property-bnr .h h2 {
            margin-bottom: 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      footer .inner .property-bnr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        footer .inner .property-bnr .h {
          position: relative;
          width: 30%; }
          footer .inner .property-bnr .h h2 {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            white-space: nowrap; } }
    @media screen and (min-width: 1024px) {
      footer .inner .property-bnr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        footer .inner .property-bnr .h {
          position: relative;
          width: 25%; }
          footer .inner .property-bnr .h h2 {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            white-space: nowrap; } }
    @media screen and (max-width: 767px) {
      footer .inner .property-bnr .wrap {
        padding: 0 5vw;
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      footer .inner .property-bnr .wrap {
        padding: 30px;
        padding-right: 0;
        width: 70%; } }
    @media screen and (min-width: 1024px) {
      footer .inner .property-bnr .wrap {
        padding: 30px;
        padding-right: 0;
        width: 75%; } }
    footer .inner .property-bnr .wrap .property {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 767px) {
        footer .inner .property-bnr .wrap .property {
          column-gap: 5vw;
          width: 100vw; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        footer .inner .property-bnr .wrap .property {
          column-gap: 20px;
          width: 600px; } }
      @media screen and (min-width: 1024px) {
        footer .inner .property-bnr .wrap .property {
          column-gap: 20px;
          padding-right: 50px; } }
      footer .inner .property-bnr .wrap .property figure {
        position: relative; }
        @media screen and (max-width: 767px) {
          footer .inner .property-bnr .wrap .property figure {
            padding-top: 30vw;
            width: 30vw; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          footer .inner .property-bnr .wrap .property figure {
            padding-top: 150px;
            width: 150px; } }
        @media screen and (min-width: 1024px) {
          footer .inner .property-bnr .wrap .property figure {
            padding-top: 150px;
            width: 150px; } }
        footer .inner .property-bnr .wrap .property figure .new {
          position: absolute;
          top: -1px;
          left: -1px;
          z-index: 1000;
          height: 5rem;
          width: 5rem; }
          footer .inner .property-bnr .wrap .property figure .new img {
            height: auto;
            width: 100%; }
        footer .inner .property-bnr .wrap .property figure img {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          object-fit: cover;
          height: 100%;
          width: 100%; }
      footer .inner .property-bnr .wrap .property dl {
        display: block;
        height: auto; }
        @media screen and (max-width: 767px) {
          footer .inner .property-bnr .wrap .property dl {
            width: 55vw; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          footer .inner .property-bnr .wrap .property dl {
            width: 300px; } }
        @media screen and (min-width: 1024px) {
          footer .inner .property-bnr .wrap .property dl {
            width: 300px; } }
        footer .inner .property-bnr .wrap .property dl dt {
          font-family: 'M PLUS 1p', sans-serif;
          transform: rotate(0.05deg); }
          @media screen and (max-width: 767px) {
            footer .inner .property-bnr .wrap .property dl dt {
              font-size: 1.6rem;
              margin-bottom: 5px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            footer .inner .property-bnr .wrap .property dl dt {
              font-size: 1.6rem;
              margin-bottom: 10px; } }
          @media screen and (min-width: 1024px) {
            footer .inner .property-bnr .wrap .property dl dt {
              font-size: 1.75rem;
              margin-bottom: 10px; } }
        footer .inner .property-bnr .wrap .property dl dd {
          line-height: 150%;
          margin-bottom: 5px; }
          @media screen and (max-width: 767px) {
            footer .inner .property-bnr .wrap .property dl dd {
              font-size: 1rem; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            footer .inner .property-bnr .wrap .property dl dd {
              font-size: 1.25rem; } }
          @media screen and (min-width: 1024px) {
            footer .inner .property-bnr .wrap .property dl dd {
              font-size: 1.25rem; } }
          footer .inner .property-bnr .wrap .property dl dd.nav {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            column-gap: 10px;
            padding-top: 10px; }
            footer .inner .property-bnr .wrap .property dl dd.nav .btn-S {
              font-weight: 700;
              width: 50%; }
              @media screen and (max-width: 767px) {
                footer .inner .property-bnr .wrap .property dl dd.nav .btn-S span {
                  font-size: 0.875rem; } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                footer .inner .property-bnr .wrap .property dl dd.nav .btn-S span {
                  font-size: 1rem; } }
              @media screen and (min-width: 1024px) {
                footer .inner .property-bnr .wrap .property dl dd.nav .btn-S span {
                  font-size: 1.25rem; } }
  footer .inner .gnav {
    display: none; }
    @media screen and (min-width: 1024px) {
      footer .inner .gnav {
        display: block;
        padding: 30px 30px 100px; }
        footer .inner .gnav h3 {
          display: block;
          height: 20px;
          margin-bottom: 50px;
          width: auto; }
          footer .inner .gnav h3 img {
            height: 100%;
            width: auto; }
        footer .inner .gnav nav {
          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;
          color: #000; }
          footer .inner .gnav nav > dl {
            border-left: 1px solid #DDD;
            margin-bottom: 50px;
            padding: 0 2%;
            min-width: 250px; }
            footer .inner .gnav nav > dl > dt {
              font-family: 'M PLUS 1p', sans-serif;
              margin-bottom: 10px;
              transform: rotate(0.05deg); }
            footer .inner .gnav nav > dl > dd {
              font-size: 1.25rem;
              line-height: 120%;
              margin-bottom: 5px; }
              footer .inner .gnav nav > dl > dd > a:before {
                content: url("../images/icn_arw_rev.svg");
                display: inline-block;
                margin: 0 5px 5px 0;
                vertical-align: middle;
                height: 16px;
                width: 16px; }
              footer .inner .gnav nav > dl > dd span {
                font-size: calc(1rem * 1.0);
                margin-left: .5rem; }
              footer .inner .gnav nav > dl > dd > dl {
                margin-bottom: 20px; }
                footer .inner .gnav nav > dl > dd > dl > dt {
                  margin-bottom: 5px; }
                footer .inner .gnav nav > dl > dd > dl > dd:before {
                  content: url("../images/icn_arw_rev.svg");
                  display: inline-block;
                  margin: 0 5px 5px 0;
                  vertical-align: middle;
                  height: 16px;
                  width: 16px; }
                footer .inner .gnav nav > dl > dd > dl > dd span {
                  font-size: calc(1rem * 1.0);
                  margin-left: .5rem; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      footer .inner .gnav nav > dl {
        min-width: auto;
        width: 20%; } }
    @media screen and (min-width: 1024px) {
      footer .inner .gnav nav > dl {
        min-width: auto;
        width: 25%; } }
  footer .inner .logo {
    background-color: #000; }
    @media screen and (max-width: 767px) {
      footer .inner .logo {
        height: 80px;
        padding: 30px 0 150px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      footer .inner .logo {
        height: 300px;
        padding: 30px 0; } }
    @media screen and (min-width: 1024px) {
      footer .inner .logo {
        height: 80px;
        padding: 30px 0; } }
    footer .inner .logo nav {
      display: none; }
      @media screen and (min-width: 1024px) {
        footer .inner .logo nav {
          display: block;
          position: absolute;
          top: 50%;
          left: 30px;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          z-index: 10; } }
      footer .inner .logo nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        column-gap: 20px; }
        footer .inner .logo nav ul li {
          border-left: 1px solid #FFF;
          padding-left: 20px; }
          footer .inner .logo nav ul li:first-child {
            border-left: 0;
            padding-left: 0; }
          footer .inner .logo nav ul li a {
            color: #FFF;
            font-size: 1.25rem; }
    footer .inner .logo address {
      z-index: 10; }
      footer .inner .logo address a {
        display: block;
        margin: 0 auto; }
        footer .inner .logo address a img {
          height: auto;
          width: 100%; }
      @media screen and (max-width: 767px) {
        footer .inner .logo address a {
          width: 60%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        footer .inner .logo address a {
          width: 40%; } }
      @media screen and (min-width: 1024px) {
        footer .inner .logo address a {
          width: 300px; } }
  footer .inner #backtotop {
    border: 1px solid #FFF;
    background: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px;
    position: fixed;
    bottom: 0;
    left: 5%;
    text-align: center;
    z-index: 999; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      footer .inner #backtotop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        transform: rotate(-90deg);
        left: 20px;
        bottom: 0; }
        footer .inner #backtotop img {
          height: 20px;
          width: 20px; } }
    @media screen and (min-width: 1024px) {
      footer .inner #backtotop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        transform: rotate(-90deg);
        left: 20px;
        bottom: -15px; }
        footer .inner #backtotop img {
          height: 20px;
          width: 20px; } }

/***** .home *****/

body.home section#main {
  margin-top: 50px; }
  @media screen and (max-width: 767px) {
    body.home section#main {
      margin-bottom: 150px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.home section#main {
      margin-bottom: 100px; } }
  @media screen and (min-width: 1024px) {
    body.home section#main {
      margin-bottom: 100px; } }
  body.home section#main .main-item {
    position: relative;
    opacity: 0;
    transition: opacity 0.6s ease;
    height: auto;
    width: 100%; }
    body.home section#main .main-item.slider, body.home section#main .main-item.slider .slide {
      width: 100%; }
    body.home section#main .main-item.slider {
      display: block;
      list-style: none;
      padding: 0;
      margin: 0; }
      @media screen and (max-width: 767px) {
        body.home section#main .main-item.slider {
          aspect-ratio: 39 / 50;
          min-height: 60vh; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .main-item.slider {
          aspect-ratio: 168 / 97;
          min-height: 40vh; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .main-item.slider {
          min-height: 40vh;
          aspect-ratio: 168 / 97; } }
      @media screen and (min-width: 1681px) {
        body.home section#main .main-item.slider {
          aspect-ratio: 168 / 97;
          min-height: 970px; } }
    body.home section#main .main-item.slider picture {
      display: block;
      width: 100%; }
    body.home section#main .main-item.slider img {
      display: block;
      width: 100%;
      height: auto; }
    body.home section#main .main-item .slick-slide {
      display: block;
      height: auto;
      position: relative; }
      body.home section#main .main-item .slick-slide figure {
        display: block;
        width: 100%; }
        body.home section#main .main-item .slick-slide figure img {
          height: 100%;
          width: 100%; }
    @media screen and (max-width: 767px) {
      body.home section#main .main-item .slick-dots {
        bottom: -80px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.home section#main .main-item .slick-dots {
        bottom: -50px; } }
    @media screen and (min-width: 1024px) {
      body.home section#main .main-item .slick-dots {
        bottom: -60px; } }
    body.home section#main .main-item .slick-dots li {
      width: 50px; }
      body.home section#main .main-item .slick-dots li button:before {
        content: '';
        background: #009ad7;
        width: 50px;
        height: 3px; }
body.home section#main .fade-container {
  animation: fadeIn 1s ease-in-out forwards;
  animation-delay: .1s;
  height: auto;
  margin-top: 2.5%;
  position: relative;
  width: 100vw; }
  @media screen and (max-width: 767px) {
    body.home section#main .fade-container {
      padding-top: 125%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.home section#main .fade-container {
      padding-top: 56.25%; } }
  @media screen and (min-width: 1024px) {
    body.home section#main .fade-container {
      padding-top: 56.25%; } }
  @media screen and (min-width: 1681px) {
    body.home section#main .fade-container {
      padding-top: 56.25%; } }
  body.home section#main .fade-item {
    animation: fadeIn 1s ease-in-out forwards;
    position: absolute;
    opacity: 0;
    transition: all 1.0s; }
    body.home section#main .fade-item img {
      height: auto;
      width: 100%; }
    body.home section#main .fade-item#item00-01 {
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%; }
    body.home section#main .fade-item#item01-01 {
      animation-delay: .2s;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item01-01 {
          top: 23%;
          left: 7%;
          width: 14%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item01-01 {
          top: 20.5%;
          left: 12%;
          width: 9%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item01-01 {
          top: 20.5%;
          left: 12%;
          width: 9%; } }
    body.home section#main .fade-item#item01-02 {
      animation-delay: 2.0s;
      z-index: 11; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item01-02 {
          top: 28%;
          left: 7%;
          width: 12%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item01-02 {
          top: 26.5%;
          left: 8.5%;
          width: 7.5%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item01-02 {
          top: 26.5%;
          left: 8.5%;
          width: 7.5%; } }
    body.home section#main .fade-item#item02-01 {
      animation-delay: .4s;
      z-index: 20; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item02-01 {
          top: 35%;
          left: 1%;
          width: 8.5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item02-01 {
          top: 30%;
          left: 1%;
          width: 6.5%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item02-01 {
          top: 30%;
          left: 1%;
          width: 6.5%; } }
    body.home section#main .fade-item#item02-02 {
      animation-delay: 2.2s;
      z-index: 21; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item02-02 {
          top: 37%;
          left: 1.5%;
          width: 27%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item02-02 {
          top: 32%;
          left: 1.5%;
          width: 27%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item02-02 {
          top: 32%;
          left: 1.5%;
          width: 27%; } }
    body.home section#main .fade-item#item03-01 {
      animation-delay: .6s;
      z-index: 30; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item03-01 {
          top: 30.5%;
          left: 28%;
          width: 10.5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item03-01 {
          top: 24%;
          left: 28.5%;
          width: 8%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item03-01 {
          top: 24%;
          left: 28.5%;
          width: 8%; } }
    body.home section#main .fade-item#item03-02 {
      animation-delay: 2.4s;
      z-index: 31; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item03-02 {
          top: 24%;
          left: 38%;
          width: 17%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item03-02 {
          top: 22%;
          left: 36%;
          width: 16%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item03-02 {
          top: 22%;
          left: 36%;
          width: 16%; } }
    body.home section#main .fade-item#item04-01 {
      animation-delay: .8s;
      z-index: 40; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item04-01 {
          top: 24%;
          right: 16%;
          width: 24%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item04-01 {
          top: 22%;
          right: 19%;
          width: 18%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item04-01 {
          top: 22%;
          right: 19%;
          width: 18%; } }
    body.home section#main .fade-item#item04-02 {
      animation-delay: 2.6s;
      z-index: 41; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item04-02 {
          top: 23%;
          right: 35%;
          width: 10%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item04-02 {
          top: 20%;
          right: 35.5%;
          width: 12%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item04-02 {
          top: 20%;
          right: 35.5%;
          width: 12%; } }
    body.home section#main .fade-item#item04-03 {
      animation-delay: 2.7s;
      z-index: 41; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item04-03 {
          top: 32%;
          right: 24%;
          width: 25%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item04-03 {
          top: 31%;
          right: 27%;
          width: 16%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item04-03 {
          top: 31%;
          right: 27%;
          width: 16%; } }
    body.home section#main .fade-item#item05-01 {
      animation-delay: 1.0s;
      z-index: 50; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item05-01 {
          top: 70%;
          right: 23%;
          width: 25%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item05-01 {
          top: 65%;
          right: 30%;
          width: 18.5%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item05-01 {
          top: 65%;
          right: 30%;
          width: 18.5%; } }
    body.home section#main .fade-item#item05-02 {
      animation-delay: 2.8s;
      z-index: 51; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item05-02 {
          top: 75%;
          right: 42%;
          width: 10%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item05-02 {
          top: 65%;
          right: 45%;
          width: 7%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item05-02 {
          top: 65%;
          right: 45%;
          width: 7%; } }
    body.home section#main .fade-item#item06-01 {
      animation-delay: 1.2s;
      z-index: 60; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item06-01 {
          top: 48%;
          right: 0;
          width: 8.5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item06-01 {
          top: 40%;
          right: 0;
          width: 6.5%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item06-01 {
          top: 40%;
          right: 0;
          width: 6.5%; } }
    body.home section#main .fade-item#item06-02 {
      animation-delay: 3.0s;
      z-index: 61; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item06-02 {
          top: 55%;
          right: 5%;
          width: 25%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item06-02 {
          top: 48%;
          right: 5%;
          width: 26%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item06-02 {
          top: 48%;
          right: 5%;
          width: 26%; } }
    body.home section#main .fade-item#item07-01 {
      animation-delay: 1.4s;
      z-index: 70; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item07-01 {
          top: 50%;
          right: 24%;
          width: 9%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item07-01 {
          top: 45%;
          right: 25.5%;
          width: 6%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item07-01 {
          top: 45%;
          right: 25.5%;
          width: 6%; } }
    body.home section#main .fade-item#item07-02 {
      animation-delay: 3.2s;
      z-index: 71; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item07-02 {
          top: 52%;
          right: 17%;
          width: 8%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item07-02 {
          top: 50.5%;
          right: 22.5%;
          width: 4.2%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item07-02 {
          top: 50.5%;
          right: 22.5%;
          width: 4.2%; } }
    body.home section#main .fade-item#item08-01 {
      animation-delay: 1.6s;
      z-index: 80; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item08-01 {
          top: 36%;
          right: 12%;
          width: 9%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item08-01 {
          top: 34%;
          right: 13.5%;
          width: 6%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item08-01 {
          top: 34%;
          right: 13.5%;
          width: 6%; } }
    body.home section#main .fade-item#item08-02 {
      animation-delay: 3.4s;
      z-index: 80; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item08-02 {
          top: 38%;
          right: 5%;
          width: 10%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item08-02 {
          top: 38%;
          right: 10%;
          width: 6%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item08-02 {
          top: 38%;
          right: 10%;
          width: 6%; } }
    body.home section#main .fade-item#item09-01 {
      animation-delay: 1.8s;
      z-index: 90; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item09-01 {
          top: 14%;
          right: 25%;
          width: 8%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item09-01 {
          top: 9%;
          right: 26.5%;
          width: 6%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item09-01 {
          top: 9%;
          right: 26.5%;
          width: 6%; } }
    body.home section#main .fade-item#item09-02 {
      animation-delay: 3.6s;
      z-index: 90; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item09-02 {
          top: 15%;
          right: 17%;
          width: 24%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item09-02 {
          top: 12%;
          right: 21%;
          width: 18%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item09-02 {
          top: 12%;
          right: 21%;
          width: 18%; } }
    body.home section#main .fade-item#item10-01 {
      animation-delay: 3.8s;
      z-index: 100; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item10-01 {
          top: 16%;
          right: 0.25%;
          width: 16%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item10-01 {
          top: 7%;
          right: 0.25%;
          width: 18%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item10-01 {
          top: 7%;
          right: 0.25%;
          width: 18%; } }
    body.home section#main .fade-item#item10-02 {
      animation-delay: 3.9s;
      z-index: 100; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item10-02 {
          top: 12.5%;
          left: 32%;
          width: 30%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item10-02 {
          top: 7.5%;
          left: 34%;
          width: 27%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item10-02 {
          top: 7.5%;
          left: 34%;
          width: 27%; } }
    body.home section#main .fade-item#item10-03 {
      animation-delay: 4.0s;
      z-index: 100; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item10-03 {
          top: 29%;
          left: 2.5%;
          width: 5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item10-03 {
          top: 27%;
          left: 5.5%;
          width: 2.5%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item10-03 {
          top: 27%;
          left: 5.5%;
          width: 2.5%; } }
    body.home section#main .fade-item#item11-01 {
      animation-delay: 4.2s;
      z-index: 80; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item11-01 {
          top: 10%;
          left: 5%;
          width: 10%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item11-01 {
          top: 15%;
          left: 2.5%;
          width: 6%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item11-01 {
          top: 15%;
          left: 2.5%;
          width: 6%; } }
    body.home section#main .fade-item#item11-02 {
      animation-delay: 4.2s;
      z-index: 80; }
      @media screen and (max-width: 767px) {
        body.home section#main .fade-item#item11-02 {
          top: 10%;
          right: 5%;
          width: 10%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#main .fade-item#item11-02 {
          top: 10%;
          right: 2.5%;
          width: 6%; } }
      @media screen and (min-width: 1024px) {
        body.home section#main .fade-item#item11-02 {
          top: 10%;
          right: 2.5%;
          width: 6%; } }
body.home section#main #copy {
  animation-delay: 4.4s;
  z-index: 90;
  top: 55%;
  left: 15%; }
  @media screen and (max-width: 767px) {
    body.home section#main #copy {
      top: 65%;
      left: 5%; } }
  body.home section#main #copy h1 {
    color: #FFF;
    font-family: 'Klee One', sans-serif;
    font-size: 4rem;
    line-height: 180%;
    margin-bottom: 20px;
    text-align: left;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    letter-spacing: calc(1rem * 0.5);
    white-space: nowrap; }
    @media screen and (max-width: 767px) {
      body.home section#main #copy h1 {
        font-size: calc(1.6rem * 1.0);
        letter-spacing: 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.home section#main #copy h1 {
        font-size: calc(2rem * 1.0);
        letter-spacing: 0; } }
    @media screen and (min-width: 1024px) {
      body.home section#main #copy h1 {
        font-size: calc(3rem * 0.8); } }
    @media screen and (min-width: 1681px) {
      body.home section#main #copy h1 {
        font-size: calc(4rem * 0.8); } }
    @media screen and (max-width: 767px) {
      body.home section#main #copy h1 span {
        font-size: calc(1.6rem * 1.2); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.home section#main #copy h1 span {
        font-size: calc(2rem * 1.2); } }
    @media screen and (min-width: 1024px) {
      body.home section#main #copy h1 span {
        font-size: calc(3rem * 1.2); } }
    @media screen and (min-width: 1681px) {
      body.home section#main #copy h1 span {
        font-size: calc(4rem * 1.2); } }
  @media screen and (max-width: 767px) {
    body.home section#main #copy p {
      font-size: 1.25rem; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.home section#main #copy p {
      font-size: 1.6rem; } }
  @media screen and (min-width: 1024px) {
    body.home section#main #copy p {
      font-size: 1.75rem; } }
  body.home section#main #copy p a {
    background: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #009ad7;
    line-height: 0;
    padding: 10px 20px; }
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(5px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
body.home section#body article#topics-index {
  margin-top: -50px; }
  body.home section#body article#topics-index .btn > * {
    background-color: #F3F3F3;
    border: 0;
    color: #000; }
  body.home section#body article#topics-index .topics-wrap {
    margin: 0 0 50px;
    overflow-x: scroll;
    width: 100%; }
    @media screen and (max-width: 767px) {
      body.home section#body article#topics-index .topics-wrap {
        height: 300px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.home section#body article#topics-index .topics-wrap {
        height: 500px; } }
    @media screen and (min-width: 1024px) {
      body.home section#body article#topics-index .topics-wrap {
        height: 500px; } }
    body.home section#body article#topics-index .topics-wrap ul {
      border-bottom: 1px solid #DDD;
      padding: 20px 0;
      width: 100%; }
      body.home section#body article#topics-index .topics-wrap ul a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        body.home section#body article#topics-index .topics-wrap ul a li {
          line-height: 150%; }
          body.home section#body article#topics-index .topics-wrap ul a li.date {
            margin: 0 20px 10px 0;
            width: auto; }
          body.home section#body article#topics-index .topics-wrap ul a li.type {
            width: auto; }
            body.home section#body article#topics-index .topics-wrap ul a li.type span {
              background: #FFF;
              border: 1px solid #FFF;
              line-height: 0;
              text-align: center;
              width: 1.75rem; }
              @media screen and (max-width: 767px) {
                body.home section#body article#topics-index .topics-wrap ul a li.type span {
                  font-size: 1rem;
                  padding: 5px; } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                body.home section#body article#topics-index .topics-wrap ul a li.type span {
                  font-size: 1rem;
                  padding: 5px; } }
              @media screen and (min-width: 1024px) {
                body.home section#body article#topics-index .topics-wrap ul a li.type span {
                  font-size: 1.25rem;
                  padding: 5px 10px; } }
              body.home section#body article#topics-index .topics-wrap ul a li.type span.news {
                border-color: #D02E00;
                color: #D02E00; }
              body.home section#body article#topics-index .topics-wrap ul a li.type span.event {
                border-color: #229922;
                color: #229922; }
              body.home section#body article#topics-index .topics-wrap ul a li.type span.property {
                border-color: #009FDC;
                color: #009FDC; }
              body.home section#body article#topics-index .topics-wrap ul a li.type span.column {
                border-color: #FFD600;
                color: #FFD600; }
              body.home section#body article#topics-index .topics-wrap ul a li.type span.company {
                border-color: #AAA;
                color: #AAA; }
              body.home section#body article#topics-index .topics-wrap ul a li.type span.general {
                border-color: #AAA;
                color: #AAA; }
          body.home section#body article#topics-index .topics-wrap ul a li.title {
            width: 100%; }
body.home section#body article#property-bnr {
  background-color: #F0F0F0;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    body.home section#body article#property-bnr {
      padding: 0 0 50px; }
      body.home section#body article#property-bnr .h {
        position: relative;
        padding: 50px 0;
        width: 100%; }
        body.home section#body article#property-bnr .h h2 {
          margin-bottom: 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.home section#body article#property-bnr .h {
      position: relative;
      width: 100%; } }
  @media screen and (min-width: 1024px) {
    body.home section#body article#property-bnr .h {
      position: relative;
      width: 100%; } }
  body.home section#body article#property-bnr .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 767px) {
      body.home section#body article#property-bnr .wrap {
        padding: 0 10%;
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.home section#body article#property-bnr .wrap {
        padding: 50px;
        width: 100%; } }
    @media screen and (min-width: 1024px) {
      body.home section#body article#property-bnr .wrap {
        padding: 50px calc(50px * 1.5);
        width: 100%; } }
    body.home section#body article#property-bnr .wrap .slick-track {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    @media screen and (min-width: 1024px) {
      body.home section#body article#property-bnr .wrap .slick-list {
        margin: 0 -20px; } }
    body.home section#body article#property-bnr .wrap .slick-slide {
      display: block;
      position: relative; }
      body.home section#body article#property-bnr .wrap .slick-slide img {
        height: auto;
        width: 100%; }
      @media screen and (min-width: 1024px) {
        body.home section#body article#property-bnr .wrap .slick-slide {
          margin: 0 30px; } }
    body.home section#body article#property-bnr .wrap .slick-prev:before, body.home section#body article#property-bnr .wrap .slick-next:before {
      color: #DDD;
      font-size: 4rem; }
    body.home section#body article#property-bnr .wrap .slick-prev {
      left: 10px; }
      body.home section#body article#property-bnr .wrap .slick-prev:before {
        content: '<'; }
    body.home section#body article#property-bnr .wrap .slick-next {
      right: 10px; }
      body.home section#body article#property-bnr .wrap .slick-next:before {
        content: '>'; }
    body.home section#body article#property-bnr .wrap .property {
      display: block;
      position: relative; }
      @media screen and (max-width: 767px) {
        body.home section#body article#property-bnr .wrap .property {
          min-width: 100px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#body article#property-bnr .wrap .property {
          margin-right: 50px;
          min-width: 300px; } }
      @media screen and (min-width: 1024px) {
        body.home section#body article#property-bnr .wrap .property {
          width: 500px; } }
      body.home section#body article#property-bnr .wrap .property > a.blank dd:after {
        background-image: url("../images/icn_blank.svg");
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 5%;
        z-index: 3; }
        @media screen and (max-width: 767px) {
          body.home section#body article#property-bnr .wrap .property > a.blank dd:after {
            height: 1.25rem;
            width: 1.25rem; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.home section#body article#property-bnr .wrap .property > a.blank dd:after {
            height: 1.6rem;
            width: 1.6rem; } }
        @media screen and (min-width: 1024px) {
          body.home section#body article#property-bnr .wrap .property > a.blank dd:after {
            height: 1.6rem;
            width: 1.6rem; } }
      body.home section#body article#property-bnr .wrap .property dt {
        position: relative; }
        body.home section#body article#property-bnr .wrap .property dt figure {
          position: relative;
          padding-top: 100%;
          width: 100%; }
          body.home section#body article#property-bnr .wrap .property dt figure .new {
            position: absolute;
            top: -1px;
            left: -1px;
            height: 10rem;
            width: 10rem;
            z-index: 1000; }
            body.home section#body article#property-bnr .wrap .property dt figure .new img {
              height: auto;
              width: 100%; }
          body.home section#body article#property-bnr .wrap .property dt figure img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            object-fit: cover;
            height: 100%;
            width: 100%; }
      body.home section#body article#property-bnr .wrap .property dd {
        background: linear-gradient(rgba(0, 0, 0, 0), black);
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 20px;
        width: 100%;
        z-index: 2; }
        body.home section#body article#property-bnr .wrap .property dd span {
          color: #FFF; }
      body.home section#body article#property-bnr .wrap .property img {
        display: block;
        object-fit: cover;
        width: 100%; }
body.home section#body article#cont-bnr.full {
  padding: 0; }
body.home section#body article#cont-bnr nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }
  body.home section#body article#cont-bnr nav ul li {
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    position: relative;
    width: 33.3%; }
    @media screen and (max-width: 767px) {
      body.home section#body article#cont-bnr nav ul li {
        border-right: 1px solid #FFF; } }
    body.home section#body article#cont-bnr nav ul li#property, body.home section#body article#cont-bnr nav ul li#renovation, body.home section#body article#cont-bnr nav ul li#residential, body.home section#body article#cont-bnr nav ul li#faq, body.home section#body article#cont-bnr nav ul li#company, body.home section#body article#cont-bnr nav ul li#business, body.home section#body article#cont-bnr nav ul li#sustainability, body.home section#body article#cont-bnr nav ul li#recruit, body.home section#body article#cont-bnr nav ul li#contact {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 50%; }
    body.home section#body article#cont-bnr nav ul li#property {
      background-image: url("../images/home/cont-bnr_bg_property.png"); }
    body.home section#body article#cont-bnr nav ul li#renovation {
      background-image: url("../images/home/cont-bnr_bg_renovation.png"); }
    body.home section#body article#cont-bnr nav ul li#residential {
      background-image: url("../images/home/cont-bnr_bg_residential.png"); }
      @media screen and (max-width: 767px) {
        body.home section#body article#cont-bnr nav ul li#residential a span {
          width: 75%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#body article#cont-bnr nav ul li#residential a span {
          width: 40%; } }
      @media screen and (min-width: 1024px) {
        body.home section#body article#cont-bnr nav ul li#residential a span {
          width: 40%; } }
    body.home section#body article#cont-bnr nav ul li#faq {
      background-image: url("../images/home/cont-bnr_bg_faq.png"); }
    body.home section#body article#cont-bnr nav ul li#company {
      background-image: url("../images/home/cont-bnr_bg_company.png"); }
    body.home section#body article#cont-bnr nav ul li#business {
      background-image: url("../images/home/cont-bnr_bg_business.png"); }
    body.home section#body article#cont-bnr nav ul li#sustainability {
      background-image: url("../images/home/cont-bnr_bg_sustainability.png"); }
    body.home section#body article#cont-bnr nav ul li#recruit {
      background-image: url("../images/home/cont-bnr_bg_recruit.png"); }
    body.home section#body article#cont-bnr nav ul li#contact {
      background-image: url("../images/home/cont-bnr_bg_contact.png"); }
    body.home section#body article#cont-bnr nav ul li a {
      display: block;
      margin: 0 auto;
      position: relative;
      height: auto; }
      @media screen and (max-width: 767px) {
        body.home section#body article#cont-bnr nav ul li a {
          padding: calc(50px * 1.25) 0;
          width: 100%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.home section#body article#cont-bnr nav ul li a {
          padding: calc(100px * 1.5) 0;
          width: 100%; } }
      @media screen and (min-width: 1024px) {
        body.home section#body article#cont-bnr nav ul li a {
          padding: calc(100px * 1.5) 0;
          width: 100%;
          transition: all 0.5s; }
          body.home section#body article#cont-bnr nav ul li a:hover {
            background-color: rgba(255, 255, 255, 0.25);
            transition: all 0.5s; } }
      body.home section#body article#cont-bnr nav ul li a span {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-weight: 700;
        line-height: 120%;
        text-align: center;
        width: 100%; }
        body.home section#body article#cont-bnr nav ul li a span img {
          height: auto;
          width: 100%; }
        @media screen and (max-width: 767px) {
          body.home section#body article#cont-bnr nav ul li a span {
            font-size: calc(1.6rem * .8); } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.home section#body article#cont-bnr nav ul li a span {
            font-size: 3rem; } }
        @media screen and (min-width: 1024px) {
          body.home section#body article#cont-bnr nav ul li a span {
            font-size: 3rem; } }
        body.home section#body article#cont-bnr nav ul li a span:after {
          background-image: url("../images/icn_arw.svg");
          background-repeat: no-repeat;
          background-size: contain;
          content: '';
          display: block;
          margin: 10px auto 0;
          transform: rotate(90deg); }
          @media screen and (max-width: 767px) {
            body.home section#body article#cont-bnr nav ul li a span:after {
              height: 20px;
              width: 20px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.home section#body article#cont-bnr nav ul li a span:after {
              height: 30px;
              width: 30px; } }
          @media screen and (min-width: 1024px) {
            body.home section#body article#cont-bnr nav ul li a span:after {
              height: 30px;
              width: 30px; } }

/***** .topics *****/

body.topics section#title .inner {
  background-image: url("../images/topics/main_bg.png"); }
body.topics section#body article#topics-articles .topics-wrap {
  border-bottom: 1px solid #DDD;
  display: block;
  width: 100%;
  position: relative;
  z-index: 0; }
  @media screen and (max-width: 767px) {
    body.topics section#body article#topics-articles .topics-wrap {
      margin: -100px 0 50px;
      padding: 100px 0 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.topics section#body article#topics-articles .topics-wrap {
      margin: -100px 0 50px;
      padding: 100px 0 0; } }
  @media screen and (min-width: 1024px) {
    body.topics section#body article#topics-articles .topics-wrap {
      margin: -100px 0 50px;
      padding: 100px 0 0; } }
  body.topics section#body article#topics-articles .topics-wrap .topics {
    position: relative;
    z-index: 1; }
    body.topics section#body article#topics-articles .topics-wrap .topics .label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 0 10px; }
      body.topics section#body article#topics-articles .topics-wrap .topics .label .date {
        margin: 0 20px 10px 0;
        width: auto; }
      body.topics section#body article#topics-articles .topics-wrap .topics .label .type {
        width: auto; }
        body.topics section#body article#topics-articles .topics-wrap .topics .label .type span {
          background: #FFF;
          border: 1px solid #FFF;
          line-height: 0;
          text-align: center;
          width: 1.75rem; }
          @media screen and (max-width: 767px) {
            body.topics section#body article#topics-articles .topics-wrap .topics .label .type span {
              font-size: 1rem;
              padding: 5px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.topics section#body article#topics-articles .topics-wrap .topics .label .type span {
              font-size: 1rem;
              padding: 5px; } }
          @media screen and (min-width: 1024px) {
            body.topics section#body article#topics-articles .topics-wrap .topics .label .type span {
              font-size: 1.25rem;
              padding: 5px 10px; } }
          body.topics section#body article#topics-articles .topics-wrap .topics .label .type span.news {
            border-color: #D02E00;
            color: #D02E00; }
          body.topics section#body article#topics-articles .topics-wrap .topics .label .type span.event {
            border-color: #229922;
            color: #229922; }
          body.topics section#body article#topics-articles .topics-wrap .topics .label .type span.property {
            border-color: #009FDC;
            color: #009FDC; }
          body.topics section#body article#topics-articles .topics-wrap .topics .label .type span.column {
            border-color: #FFD600;
            color: #FFD600; }
          body.topics section#body article#topics-articles .topics-wrap .topics .label .type span.company {
            border-color: #AAA;
            color: #AAA; }
          body.topics section#body article#topics-articles .topics-wrap .topics .label .type span.general {
            border-color: #AAA;
            color: #AAA; }
    body.topics section#body article#topics-articles .topics-wrap .topics .text {
      clear: both; }
      body.topics section#body article#topics-articles .topics-wrap .topics .text:after, body.topics section#body article#topics-articles .topics-wrap .topics .text:after {
        content: "";
        display: table; }
      body.topics section#body article#topics-articles .topics-wrap .topics .text:after {
        clear: both; }
      body.topics section#body article#topics-articles .topics-wrap .topics .text h3 {
        line-height: 120%;
        margin-bottom: 20px; }
        @media screen and (max-width: 767px) {
          body.topics section#body article#topics-articles .topics-wrap .topics .text h3 {
            font-size: 2rem; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.topics section#body article#topics-articles .topics-wrap .topics .text h3 {
            font-size: 2rem; } }
        @media screen and (min-width: 1024px) {
          body.topics section#body article#topics-articles .topics-wrap .topics .text h3 {
            font-size: 3rem; } }
      body.topics section#body article#topics-articles .topics-wrap .topics .text p a {
        color: #009AD7;
        text-decoration: underline; }
      body.topics section#body article#topics-articles .topics-wrap .topics .text figure {
        margin-bottom: 20px; }
        body.topics section#body article#topics-articles .topics-wrap .topics .text figure.full-size {
          width: 100%; }
          body.topics section#body article#topics-articles .topics-wrap .topics .text figure.full-size img {
            height: auto;
            width: 100%; }
        body.topics section#body article#topics-articles .topics-wrap .topics .text figure.float-L {
          float: left;
          margin-right: 20px; }
          @media screen and (max-width: 767px) {
            body.topics section#body article#topics-articles .topics-wrap .topics .text figure.float-L {
              width: 50%; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.topics section#body article#topics-articles .topics-wrap .topics .text figure.float-L {
              width: 50%; } }
          @media screen and (min-width: 1024px) {
            body.topics section#body article#topics-articles .topics-wrap .topics .text figure.float-L {
              width: 30%; } }
          body.topics section#body article#topics-articles .topics-wrap .topics .text figure.float-L span {
            display: block;
            position: relative;
            padding-top: 100%;
            width: 100%; }
            body.topics section#body article#topics-articles .topics-wrap .topics .text figure.float-L span img {
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              object-fit: cover;
              height: 100%;
              width: 100%; }
body.topics section#body article#topics-index .topics-wrap {
  margin: 0 0 50px;
  width: 100%; }
  body.topics section#body article#topics-index .topics-wrap ul {
    border-bottom: 1px solid #DDD;
    padding: 20px;
    width: 100%; }
    body.topics section#body article#topics-index .topics-wrap ul:nth-child(even) {
      background: #F9F9F9; }
    body.topics section#body article#topics-index .topics-wrap ul a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      body.topics section#body article#topics-index .topics-wrap ul a li {
        line-height: 150%; }
        body.topics section#body article#topics-index .topics-wrap ul a li.date {
          margin: 0 20px 10px 0;
          width: auto; }
        body.topics section#body article#topics-index .topics-wrap ul a li.type {
          width: auto; }
          body.topics section#body article#topics-index .topics-wrap ul a li.type span {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            color: #FFF;
            line-height: 0;
            text-align: center;
            width: 1.75rem; }
            @media screen and (max-width: 767px) {
              body.topics section#body article#topics-index .topics-wrap ul a li.type span {
                font-size: 1rem;
                padding: 5px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              body.topics section#body article#topics-index .topics-wrap ul a li.type span {
                font-size: 1rem;
                padding: 5px; } }
            @media screen and (min-width: 1024px) {
              body.topics section#body article#topics-index .topics-wrap ul a li.type span {
                font-size: 1.25rem;
                padding: 5px 10px; } }
            body.topics section#body article#topics-index .topics-wrap ul a li.type span.news {
              background-color: #D02E00; }
            body.topics section#body article#topics-index .topics-wrap ul a li.type span.property {
              background-color: #009FDC; }
            body.topics section#body article#topics-index .topics-wrap ul a li.type span.column {
              background-color: #FFD600; }
            body.topics section#body article#topics-index .topics-wrap ul a li.type span.company {
              background-color: #AAA; }
            body.topics section#body article#topics-index .topics-wrap ul a li.type span.general {
              background-color: #AAA; }
        body.topics section#body article#topics-index .topics-wrap ul a li.title {
          width: 100%; }

/***** .company *****/

@media screen and (max-width: 767px) {
  body.company section#local-nav nav ul {
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start; } }
body.company section#title .inner {
  background-image: url("../images/company/main_bg.png"); }
body.company section#body article#philosophy .content h3 {
  background-image: linear-gradient(25deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.025));
  font-family: 'Klee One', sans-serif;
  line-height: 180%;
  position: relative;
  padding-top: calc(((9 / 16) * 100%));
  width: 100%;
  text-align: center; }
  @media screen and (max-width: 767px) {
    body.company section#body article#philosophy .content h3 {
      font-size: 2rem; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.company section#body article#philosophy .content h3 {
      font-size: 3rem; } }
  @media screen and (min-width: 1024px) {
    body.company section#body article#philosophy .content h3 {
      font-size: 5rem; } }
  body.company section#body article#philosophy .content h3 span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%; }
body.company section#body article#philosophy .content .concept h4 {
  color: #009ad7; }
body.company section#body article#philosophy .content .concept figure {
  display: block;
  margin: 0 auto;
  padding: 20px 0 0; }
  @media screen and (max-width: 767px) {
    body.company section#body article#philosophy .content .concept figure {
      width: 75%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.company section#body article#philosophy .content .concept figure {
      width: 50%; } }
  @media screen and (min-width: 1024px) {
    body.company section#body article#philosophy .content .concept figure {
      width: 50%; } }
  body.company section#body article#philosophy .content .concept figure img {
    height: auto;
    width: 100%; }
body.company section#body article#greeting {
  background: #FFF9D9;
  position: relative; }
  body.company section#body article#greeting ol {
    font-weight: 700;
    list-style-type: decimal;
    margin-left: 2rem; }
    @media screen and (max-width: 767px) {
      body.company section#body article#greeting ol {
        margin-bottom: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#greeting ol {
        margin-bottom: 50px; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#greeting ol {
        margin-bottom: 50px; } }
    body.company section#body article#greeting ol li {
      margin-bottom: 10px; }
  body.company section#body article#greeting .signature {
    column-gap: 2.5%;
    margin-bottom: 50px; }
    @media screen and (max-width: 767px) {
      body.company section#body article#greeting .signature {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#greeting .signature {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#greeting .signature {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end; } }
    @media screen and (max-width: 767px) {
      body.company section#body article#greeting .signature dt {
        margin-bottom: 10px;
        text-align: right;
        width: 100%; } }
    @media screen and (max-width: 767px) {
      body.company section#body article#greeting .signature dd {
        width: 35%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#greeting .signature dd {
        width: 200px; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#greeting .signature dd {
        width: 200px; } }
    body.company section#body article#greeting .signature dd img {
      height: auto;
      width: 100%; }
  @media screen and (max-width: 767px) {
    body.company section#body article#greeting .box dl {
      margin-bottom: 30px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.company section#body article#greeting .box dl {
      margin-bottom: 20px; } }
  @media screen and (min-width: 1024px) {
    body.company section#body article#greeting .box dl {
      margin-bottom: 0; } }
  body.company section#body article#greeting .box dl dt {
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 500;
    margin-bottom: 30px;
    transform: rotate(0.05deg); }
    @media screen and (max-width: 767px) {
      body.company section#body article#greeting .box dl dt {
        font-size: 1.6rem; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#greeting .box dl dt {
        font-size: 1.75rem; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#greeting .box dl dt {
        font-size: 2rem; } }
    body.company section#body article#greeting .box dl dt span {
      display: inline-block;
      font-weight: 700;
      padding-left: 1.0rem; }
      @media screen and (max-width: 767px) {
        body.company section#body article#greeting .box dl dt span {
          font-size: calc(1.6rem * 1.5); } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.company section#body article#greeting .box dl dt span {
          font-size: calc(1.75rem * 1.5); } }
      @media screen and (min-width: 1024px) {
        body.company section#body article#greeting .box dl dt span {
          font-size: calc(2rem * 1.5); } }
  body.company section#body article#greeting .box dl dd {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 767px) {
      body.company section#body article#greeting .box dl dd {
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#greeting .box dl dd {
        width: 100%; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#greeting .box dl dd {
        width: 75%; } }
    body.company section#body article#greeting .box dl dd span {
      display: inline-block; }
      @media screen and (max-width: 767px) {
        body.company section#body article#greeting .box dl dd span.date {
          width: 30%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.company section#body article#greeting .box dl dd span.date {
          width: 20%; } }
      @media screen and (min-width: 1024px) {
        body.company section#body article#greeting .box dl dd span.date {
          width: 20%; } }
      @media screen and (max-width: 767px) {
        body.company section#body article#greeting .box dl dd span.post {
          width: 70%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.company section#body article#greeting .box dl dd span.post {
          width: 80%; } }
      @media screen and (min-width: 1024px) {
        body.company section#body article#greeting .box dl dd span.post {
          width: 80%; } }
  @media screen and (max-width: 767px) {
    body.company section#body article#greeting .box figure {
      margin: 0 auto -20px;
      width: 60%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.company section#body article#greeting .box figure {
      margin: 0 auto -20px;
      width: 60%; } }
  @media screen and (min-width: 1024px) {
    body.company section#body article#greeting .box figure {
      position: absolute;
      right: 30px;
      bottom: 0;
      width: 330px; } }
  body.company section#body article#greeting .box figure img {
    width: 100%; }
body.company section#body article#group {
  background: #D9F1FA;
  position: relative; }
  body.company section#body article#group .logo {
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      body.company section#body article#group .logo {
        margin-bottom: 30px;
        width: 80%; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#group .logo {
        margin-bottom: 50px;
        width: 60%; } }
    body.company section#body article#group .logo img {
      height: auto;
      width: 100%; }
  body.company section#body article#group .group-list {
    background-repeat: no-repeat;
    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; }
    @media screen and (max-width: 767px) {
      body.company section#body article#group .group-list {
        background-image: url("../images/company/group_bg_m.svg");
        background-position: left 50% top 15%;
        background-size: 90%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#group .group-list {
        background-image: url("../images/company/group_bg.svg");
        background-position: left 50% bottom 25%;
        background-size: 95%; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#group .group-list {
        background-image: url("../images/company/group_bg.svg");
        background-position: left 50% bottom 25%;
        background-size: 95%; } }
    @media screen and (max-width: 767px) {
      body.company section#body article#group .group-list dt, body.company section#body article#group .group-list dd {
        margin-bottom: 10px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#group .group-list dt, body.company section#body article#group .group-list dd {
        margin-bottom: 30px; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#group .group-list dt, body.company section#body article#group .group-list dd {
        margin-bottom: 30px; } }
    body.company section#body article#group .group-list dt img, body.company section#body article#group .group-list dd img {
      height: auto;
      width: 100%; }
    body.company section#body article#group .group-list dt {
      width: 100%; }
      @media screen and (max-width: 767px) {
        body.company section#body article#group .group-list dt {
          margin-bottom: 150px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.company section#body article#group .group-list dt {
          margin-bottom: 30px; } }
      @media screen and (min-width: 1024px) {
        body.company section#body article#group .group-list dt {
          margin-bottom: 30px; } }
    @media screen and (max-width: 767px) {
      body.company section#body article#group .group-list dd {
        width: 47.5%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#group .group-list dd {
        width: 30%; }
        body.company section#body article#group .group-list dd:nth-child(6), body.company section#body article#group .group-list dd:nth-child(8) {
          margin-left: 30%; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#group .group-list dd {
        width: 30%; }
        body.company section#body article#group .group-list dd:nth-child(6), body.company section#body article#group .group-list dd:nth-child(8) {
          margin-left: 30%; } }
body.company section#body article#outline .outline {
  border-top: 1px solid #DDD; }
  @media screen and (max-width: 767px) {
    body.company section#body article#outline .outline {
      margin-bottom: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.company section#body article#outline .outline {
      margin-bottom: 30px; } }
  @media screen and (min-width: 1024px) {
    body.company section#body article#outline .outline {
      margin-bottom: 30px; } }
  body.company section#body article#outline .outline dl {
    border-bottom: 1px solid #DDD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    @media screen and (max-width: 767px) {
      body.company section#body article#outline .outline dl dt, body.company section#body article#outline .outline dl dd {
        padding: calc(10px * 1.2); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#outline .outline dl dt, body.company section#body article#outline .outline dl dd {
        padding: 30px; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#outline .outline dl dt, body.company section#body article#outline .outline dl dd {
        padding: 30px; } }
    @media screen and (max-width: 767px) {
      body.company section#body article#outline .outline dl dt {
        width: 30%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#outline .outline dl dt {
        width: 30%; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#outline .outline dl dt {
        width: 30%; } }
    @media screen and (max-width: 767px) {
      body.company section#body article#outline .outline dl dd {
        width: 70%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#outline .outline dl dd {
        width: 70%; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#outline .outline dl dd {
        width: 70%; } }
    body.company section#body article#outline .outline dl dd ul li {
      margin-bottom: 5px; }
      body.company section#body article#outline .outline dl dd ul li span {
        display: inline-block; }
        @media screen and (max-width: 767px) {
          body.company section#body article#outline .outline dl dd ul li span {
            display: block; } }
        @media screen and (min-width: 1024px) {
          body.company section#body article#outline .outline dl dd ul li span {
            display: inline-block;
            width: 20.0rem; } }
body.company section#body article#outline .history {
  border-top: 1px solid #DDD; }
  @media screen and (max-width: 767px) {
    body.company section#body article#outline .history {
      margin-bottom: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.company section#body article#outline .history {
      margin-bottom: 30px; } }
  @media screen and (min-width: 1024px) {
    body.company section#body article#outline .history {
      margin-bottom: 30px; } }
  body.company section#body article#outline .history dl {
    border-bottom: 1px solid #DDD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    @media screen and (max-width: 767px) {
      body.company section#body article#outline .history dl dt, body.company section#body article#outline .history dl dd {
        padding: calc(10px * 1.2); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#outline .history dl dt, body.company section#body article#outline .history dl dd {
        padding: 30px; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#outline .history dl dt, body.company section#body article#outline .history dl dd {
        padding: 30px; } }
    body.company section#body article#outline .history dl dt {
      font-weight: 500; }
      @media screen and (max-width: 767px) {
        body.company section#body article#outline .history dl dt {
          width: 30%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.company section#body article#outline .history dl dt {
          width: 20%; } }
      @media screen and (min-width: 1024px) {
        body.company section#body article#outline .history dl dt {
          width: 20%; } }
    @media screen and (max-width: 767px) {
      body.company section#body article#outline .history dl dd {
        width: 70%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#outline .history dl dd {
        width: 80%; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#outline .history dl dd {
        width: 80%; } }
body.company section#body article#outline .date {
  text-align: right;
  margin-bottom: 0; }
body.company section#body article#outline .chart figure {
  display: block;
  width: 100%; }
  @media screen and (max-width: 767px) {
    body.company section#body article#outline .chart figure {
      margin-bottom: 20px;
      padding-bottom: 20px;
      overflow-x: auto; }
      body.company section#body article#outline .chart figure img {
        height: auto;
        width: 200%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.company section#body article#outline .chart figure {
      margin-bottom: 30px; }
      body.company section#body article#outline .chart figure img {
        height: auto;
        width: 100%; } }
  @media screen and (min-width: 1024px) {
    body.company section#body article#outline .chart figure {
      margin-bottom: 30px; }
      body.company section#body article#outline .chart figure img {
        height: auto;
        width: 100%; } }
body.company section#body article#data {
  background: #FFF9D9; }
  @media screen and (max-width: 767px) {
    body.company section#body article#data .data-wrap {
      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; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.company section#body article#data .data-wrap {
      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; } }
  @media screen and (min-width: 1024px) {
    body.company section#body article#data .data-wrap {
      display: grid;
      grid-template-rows: 300px 50px 300px 50px 300px;
      grid-template-columns: 300px 50px 300px; } }
  body.company section#body article#data .data-wrap .data-block {
    background: #FFF;
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative; }
    @media screen and (max-width: 767px) {
      body.company section#body article#data .data-wrap .data-block {
        margin-bottom: 20px;
        padding: 10px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#data .data-wrap .data-block {
        margin-bottom: 30px;
        padding: 20px; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#data .data-wrap .data-block {
        padding: 20px; } }
    @media screen and (max-width: 767px) {
      body.company section#body article#data .data-wrap .data-block.sml {
        width: 47.5%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#data .data-wrap .data-block.sml {
        width: 47.5%; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#data .data-wrap .data-block.sml {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      body.company section#body article#data .data-wrap .data-block.sml#management {
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#data .data-wrap .data-block.sml#management {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      body.company section#body article#data .data-wrap .data-block.mdl {
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#data .data-wrap .data-block.mdl {
        width: 100%; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#data .data-wrap .data-block.mdl {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      body.company section#body article#data .data-wrap .data-block.lrg {
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#data .data-wrap .data-block.lrg {
        width: 100%; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#data .data-wrap .data-block.lrg {
        width: 100%; } }
    body.company section#body article#data .data-wrap .data-block#founded {
      grid-row: 1 / 2;
      grid-column: 1 / 2; }
      body.company section#body article#data .data-wrap .data-block#founded .counter {
        text-align: center; }
        @media screen and (max-width: 767px) {
          body.company section#body article#data .data-wrap .data-block#founded .counter {
            margin-top: 30px;
            margin-bottom: 20px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.company section#body article#data .data-wrap .data-block#founded .counter {
            margin-bottom: 30px; } }
        @media screen and (min-width: 1024px) {
          body.company section#body article#data .data-wrap .data-block#founded .counter {
            margin-bottom: 30px; } }
        @media screen and (max-width: 767px) {
          body.company section#body article#data .data-wrap .data-block#founded .counter .number {
            font-size: calc(4rem * 0.8); } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.company section#body article#data .data-wrap .data-block#founded .counter .number {
            font-size: calc(4rem * 1.5); } }
        @media screen and (min-width: 1024px) {
          body.company section#body article#data .data-wrap .data-block#founded .counter .number {
            font-size: calc(4rem * 1.5); } }
      body.company section#body article#data .data-wrap .data-block#founded figure img {
        width: 80%; }
    body.company section#body article#data .data-wrap .data-block#employees {
      grid-row: 3 / 4;
      grid-column: 1 / 2; }
      body.company section#body article#data .data-wrap .data-block#employees dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 120%;
        margin-bottom: 20px; }
        @media screen and (max-width: 767px) {
          body.company section#body article#data .data-wrap .data-block#employees dl {
            font-size: calc(1.6rem * 0.5); } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.company section#body article#data .data-wrap .data-block#employees dl {
            font-size: calc(1.6rem * 1.0); } }
        @media screen and (min-width: 1024px) {
          body.company section#body article#data .data-wrap .data-block#employees dl {
            font-size: calc(1.6rem * 1.0); } }
        body.company section#body article#data .data-wrap .data-block#employees dl.single {
          border-bottom: 1px solid #DDD; }
          @media screen and (max-width: 767px) {
            body.company section#body article#data .data-wrap .data-block#employees dl.single {
              margin-bottom: 5px;
              padding-bottom: 5px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.company section#body article#data .data-wrap .data-block#employees dl.single {
              margin-bottom: 10px;
              padding-bottom: 10px; } }
          @media screen and (min-width: 1024px) {
            body.company section#body article#data .data-wrap .data-block#employees dl.single {
              margin-bottom: 10px;
              padding-bottom: 10px; } }
        body.company section#body article#data .data-wrap .data-block#employees dl dt {
          font-weight: 500;
          line-height: 120%; }
          @media screen and (max-width: 767px) {
            body.company section#body article#data .data-wrap .data-block#employees dl dt {
              font-size: calc(0.875rem * 0.7);
              width: 70%; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.company section#body article#data .data-wrap .data-block#employees dl dt {
              font-size: calc(1.25rem * 1.0);
              width: 59%; } }
          @media screen and (min-width: 1024px) {
            body.company section#body article#data .data-wrap .data-block#employees dl dt {
              font-size: calc(1.25rem * 1.0);
              width: 80%; } }
        body.company section#body article#data .data-wrap .data-block#employees dl dd {
          text-align: right; }
          @media screen and (max-width: 767px) {
            body.company section#body article#data .data-wrap .data-block#employees dl dd {
              width: 45%; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.company section#body article#data .data-wrap .data-block#employees dl dd {
              width: 35%; } }
          @media screen and (min-width: 1024px) {
            body.company section#body article#data .data-wrap .data-block#employees dl dd {
              width: 39%; } }
          body.company section#body article#data .data-wrap .data-block#employees dl dd span {
            line-height: 100%; }
            @media screen and (max-width: 767px) {
              body.company section#body article#data .data-wrap .data-block#employees dl dd span {
                font-size: calc(4rem * 0.5); } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              body.company section#body article#data .data-wrap .data-block#employees dl dd span {
                font-size: calc(4rem * 0.8); } }
            @media screen and (min-width: 1024px) {
              body.company section#body article#data .data-wrap .data-block#employees dl dd span {
                font-size: calc(4rem * 0.8); } }
      body.company section#body article#data .data-wrap .data-block#employees figure img {
        width: 80%; }
    body.company section#body article#data .data-wrap .data-block#performance {
      grid-row: 1 / 4;
      grid-column: 3 / 6; }
      body.company section#body article#data .data-wrap .data-block#performance .total {
        background-image: url("../images/company/data_performance_bg.svg");
        background-size: 40%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        margin: 0 auto;
        position: relative;
        text-align: center;
        width: 100%; }
        @media screen and (max-width: 767px) {
          body.company section#body article#data .data-wrap .data-block#performance .total {
            padding: calc(100px * 0.75); } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.company section#body article#data .data-wrap .data-block#performance .total {
            padding: calc(150px * 0.8); } }
        @media screen and (min-width: 1024px) {
          body.company section#body article#data .data-wrap .data-block#performance .total {
            padding: calc(150px * 0.8); } }
        body.company section#body article#data .data-wrap .data-block#performance .total dl.profit {
          border-bottom: 1px solid #DDD; }
          @media screen and (max-width: 767px) {
            body.company section#body article#data .data-wrap .data-block#performance .total dl.profit {
              margin-bottom: 10px;
              padding-bottom: 10px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.company section#body article#data .data-wrap .data-block#performance .total dl.profit {
              margin-bottom: 30px;
              padding-bottom: 30px; } }
          @media screen and (min-width: 1024px) {
            body.company section#body article#data .data-wrap .data-block#performance .total dl.profit {
              margin-bottom: 30px;
              padding-bottom: 30px; } }
          body.company section#body article#data .data-wrap .data-block#performance .total dl.profit dt {
            color: #FFD600; }
        body.company section#body article#data .data-wrap .data-block#performance .total dl.sales dt {
          color: #009FDC; }
        @media screen and (max-width: 767px) {
          body.company section#body article#data .data-wrap .data-block#performance .total dl {
            font-size: calc(1.6rem * 0.75); } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.company section#body article#data .data-wrap .data-block#performance .total dl {
            font-size: calc(1.6rem * 1.8); } }
        @media screen and (min-width: 1024px) {
          body.company section#body article#data .data-wrap .data-block#performance .total dl {
            font-size: calc(1.6rem * 1.8); } }
        body.company section#body article#data .data-wrap .data-block#performance .total dl dt {
          font-weight: 500; }
          @media screen and (max-width: 767px) {
            body.company section#body article#data .data-wrap .data-block#performance .total dl dt {
              font-size: calc(1.6rem * 0.75);
              margin-bottom: 10px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.company section#body article#data .data-wrap .data-block#performance .total dl dt {
              font-size: calc(1.6rem * 1.8);
              margin-bottom: 30px; } }
          @media screen and (min-width: 1024px) {
            body.company section#body article#data .data-wrap .data-block#performance .total dl dt {
              font-size: calc(1.6rem * 1.8);
              margin-bottom: 30px; } }
        body.company section#body article#data .data-wrap .data-block#performance .total dl dd span {
          line-height: 100%; }
          @media screen and (max-width: 767px) {
            body.company section#body article#data .data-wrap .data-block#performance .total dl dd span {
              font-size: calc(4rem * 1.0); } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.company section#body article#data .data-wrap .data-block#performance .total dl dd span {
              font-size: calc(4rem * 1.8); } }
          @media screen and (min-width: 1024px) {
            body.company section#body article#data .data-wrap .data-block#performance .total dl dd span {
              font-size: calc(4rem * 1.8); } }
      body.company section#body article#data .data-wrap .data-block#performance .bg {
        position: absolute;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        z-index: 0; }
        body.company section#body article#data .data-wrap .data-block#performance .bg .pi-graph {
          transform-origin: center;
          transform: rotate(-90deg);
          width: 100%; }
        body.company section#body article#data .data-wrap .data-block#performance .bg .circle {
          fill: none;
          stroke-width: 3;
          stroke-dasharray: 100;
          stroke-dashoffset: 100; }
          body.company section#body article#data .data-wrap .data-block#performance .bg .circle#sales {
            stroke: #009FDC;
            z-index: 0; }
            body.company section#body article#data .data-wrap .data-block#performance .bg .circle#sales.is-animated {
              animation: sales 1.2s ease-in-out forwards; }
@keyframes sales {
  to {
    stroke-dashoffset: 12; } }
          body.company section#body article#data .data-wrap .data-block#performance .bg .circle#profit {
            stroke: #FFD600;
            z-index: 1; }
            body.company section#body article#data .data-wrap .data-block#performance .bg .circle#profit.is-animated {
              animation: profit 1.5s ease-in-out forwards; }
@keyframes profit {
  to {
    stroke-dashoffset: 0; } }
    body.company section#body article#data .data-wrap .data-block#achivements {
      grid-row: 5 / 6;
      grid-column: 1 / 4; }
      body.company section#body article#data .data-wrap .data-block#achivements .total {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        body.company section#body article#data .data-wrap .data-block#achivements .total .item {
          display: block;
          position: relative;
          text-align: center;
          width: 50%; }
          @media screen and (max-width: 767px) {
            body.company section#body article#data .data-wrap .data-block#achivements .total .item {
              font-size: calc(1.6rem * 0.75); } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.company section#body article#data .data-wrap .data-block#achivements .total .item {
              font-size: calc(1.6rem * 1.0); } }
          @media screen and (min-width: 1024px) {
            body.company section#body article#data .data-wrap .data-block#achivements .total .item {
              font-size: calc(1.6rem * 1.0); } }
          body.company section#body article#data .data-wrap .data-block#achivements .total .item .counter {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 100%; }
            body.company section#body article#data .data-wrap .data-block#achivements .total .item .counter span {
              line-height: 100%; }
              @media screen and (max-width: 767px) {
                body.company section#body article#data .data-wrap .data-block#achivements .total .item .counter span {
                  font-size: calc(4rem * 0.8); } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                body.company section#body article#data .data-wrap .data-block#achivements .total .item .counter span {
                  font-size: calc(4rem * 1.5); } }
              @media screen and (min-width: 1024px) {
                body.company section#body article#data .data-wrap .data-block#achivements .total .item .counter span {
                  font-size: calc(4rem * 1.5); } }
        body.company section#body article#data .data-wrap .data-block#achivements .total .thumb {
          margin-bottom: 20px;
          width: 50%; }
    body.company section#body article#data .data-wrap .data-block#management {
      grid-row: 5 / 6;
      grid-column: 5 / 6; }
      body.company section#body article#data .data-wrap .data-block#management .total {
        margin-bottom: 20px; }
        @media screen and (max-width: 767px) {
          body.company section#body article#data .data-wrap .data-block#management .total {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            column-gap: 5%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.company section#body article#data .data-wrap .data-block#management .total {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            column-gap: 5%; } }
        body.company section#body article#data .data-wrap .data-block#management .total dl {
          background-repeat: no-repeat;
          background-position: center left;
          text-align: center; }
          @media screen and (max-width: 767px) {
            body.company section#body article#data .data-wrap .data-block#management .total dl {
              background-size: 30%;
              font-size: calc(1.6rem * 0.5);
              padding-left: 50px; }
              body.company section#body article#data .data-wrap .data-block#management .total dl:first-child {
                width: 50%; }
              body.company section#body article#data .data-wrap .data-block#management .total dl:last-child {
                width: 45%; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.company section#body article#data .data-wrap .data-block#management .total dl {
              background-size: 30%;
              font-size: calc(1.6rem * 1.0);
              padding-left: 50px; }
              body.company section#body article#data .data-wrap .data-block#management .total dl:first-child {
                width: 50%; }
              body.company section#body article#data .data-wrap .data-block#management .total dl:last-child {
                width: 45%; } }
          @media screen and (min-width: 1024px) {
            body.company section#body article#data .data-wrap .data-block#management .total dl {
              background-size: 35%;
              font-size: calc(1.6rem * 1.0);
              padding-left: 40%; } }
          body.company section#body article#data .data-wrap .data-block#management .total dl.cond {
            background-image: url("../images/company/data_management-cond_bg.svg");
            border-bottom: 1px solid #DDD; }
            @media screen and (max-width: 767px) {
              body.company section#body article#data .data-wrap .data-block#management .total dl.cond {
                border-right: 1px solid #DDD;
                border-bottom: 0;
                margin-bottom: 0;
                padding-bottom: 10px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              body.company section#body article#data .data-wrap .data-block#management .total dl.cond {
                border-right: 1px solid #DDD;
                border-bottom: 0;
                margin-bottom: 0;
                padding-bottom: 10px; } }
            @media screen and (min-width: 1024px) {
              body.company section#body article#data .data-wrap .data-block#management .total dl.cond {
                margin-bottom: 20px;
                padding-bottom: 20px; } }
          body.company section#body article#data .data-wrap .data-block#management .total dl.rent {
            background-image: url("../images/company/data_management-rent_bg.svg"); }
          body.company section#body article#data .data-wrap .data-block#management .total dl dt {
            font-weight: 500;
            line-height: 100%; }
            @media screen and (max-width: 767px) {
              body.company section#body article#data .data-wrap .data-block#management .total dl dt {
                font-size: calc(1.6rem * 0.6);
                margin-bottom: 5px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              body.company section#body article#data .data-wrap .data-block#management .total dl dt {
                font-size: calc(1.6rem * 1.0);
                margin-bottom: 10px; } }
            @media screen and (min-width: 1024px) {
              body.company section#body article#data .data-wrap .data-block#management .total dl dt {
                font-size: calc(1.6rem * 1.0);
                margin-bottom: 10px; } }
          body.company section#body article#data .data-wrap .data-block#management .total dl dd span {
            line-height: 100%; }
            @media screen and (max-width: 767px) {
              body.company section#body article#data .data-wrap .data-block#management .total dl dd span {
                font-size: calc(4rem * 0.5); } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              body.company section#body article#data .data-wrap .data-block#management .total dl dd span {
                font-size: calc(4rem * 0.8); } }
            @media screen and (min-width: 1024px) {
              body.company section#body article#data .data-wrap .data-block#management .total dl dd span {
                font-size: calc(4rem * 0.8); } }
      body.company section#body article#data .data-wrap .data-block#management .bg {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        z-index: 0; }
        body.company section#body article#data .data-wrap .data-block#management .bg .pi-graph {
          transform-origin: center;
          transform: rotate(-90deg);
          width: 100%; }
        body.company section#body article#data .data-wrap .data-block#management .bg .circle {
          fill: none;
          stroke-width: 3;
          stroke-dasharray: 100;
          stroke-dashoffset: 100; }
          body.company section#body article#data .data-wrap .data-block#management .bg .circle#suit {
            stroke: #009FDC;
            z-index: 0; }
            body.company section#body article#data .data-wrap .data-block#management .bg .circle#suit.is-animated {
              animation: suit 1.2s ease-in-out forwards; }
@keyframes suit {
  to {
    stroke-dashoffset: 44; } }
          body.company section#body article#data .data-wrap .data-block#management .bg .circle#casual {
            stroke: #FFD600;
            z-index: 1; }
            body.company section#body article#data .data-wrap .data-block#management .bg .circle#casual.is-animated {
              animation: casual 1.5s ease-in-out forwards; }
@keyframes casual {
  to {
    stroke-dashoffset: 0; } }
    body.company section#body article#data .data-wrap .data-block .data {
      display: block;
      position: relative; }
      body.company section#body article#data .data-wrap .data-block .data h3 {
        text-align: center; }
        @media screen and (max-width: 767px) {
          body.company section#body article#data .data-wrap .data-block .data h3 {
            font-size: calc(1.6rem * 0.8);
            margin-bottom: 20px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.company section#body article#data .data-wrap .data-block .data h3 {
            font-size: 2rem;
            margin-bottom: 30px; } }
        @media screen and (min-width: 1024px) {
          body.company section#body article#data .data-wrap .data-block .data h3 {
            font-size: 2rem;
            margin-bottom: 30px; } }
      body.company section#body article#data .data-wrap .data-block .data .note {
        color: #AAA;
        line-height: 110%;
        margin-bottom: 0; }
        @media screen and (max-width: 767px) {
          body.company section#body article#data .data-wrap .data-block .data .note {
            font-size: 0.75rem; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.company section#body article#data .data-wrap .data-block .data .note {
            font-size: 1.25rem; } }
        @media screen and (min-width: 1024px) {
          body.company section#body article#data .data-wrap .data-block .data .note {
            font-size: 1.25rem; } }
      body.company section#body article#data .data-wrap .data-block .data .counter .number {
        font-family: "M PLUS 1p", serif;
        font-weight: 900;
        display: inline-block;
        line-height: 100%;
        margin: 0 .25rem; }
      body.company section#body article#data .data-wrap .data-block .data figure {
        text-align: center; }
        body.company section#body article#data .data-wrap .data-block .data figure img {
          height: auto;
          width: 100%; }
        @media screen and (max-width: 767px) {
          body.company section#body article#data .data-wrap .data-block .data figure {
            margin-bottom: 20px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.company section#body article#data .data-wrap .data-block .data figure {
            margin-bottom: 30px; } }
        @media screen and (min-width: 1024px) {
          body.company section#body article#data .data-wrap .data-block .data figure {
            margin-bottom: 30px; } }
body.company section#body article#access {
  background: #D9F1FA; }
  body.company section#body article#access .map-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 50%; }
    @media screen and (max-width: 767px) {
      body.company section#body article#access .map-wrap {
        margin-bottom: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#access .map-wrap {
        margin-bottom: 20px; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#access .map-wrap {
        margin-bottom: 30px; } }
    body.company section#body article#access .map-wrap iframe {
      border: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  @media screen and (max-width: 767px) {
    body.company section#body article#access .address {
      margin-bottom: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.company section#body article#access .address {
      margin-bottom: 20px; } }
  @media screen and (min-width: 1024px) {
    body.company section#body article#access .address {
      margin-bottom: 30px; } }
  @media screen and (max-width: 767px) {
    body.company section#body article#access .address dt {
      margin-bottom: 10px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.company section#body article#access .address dt {
      margin-bottom: 10px; } }
  @media screen and (min-width: 1024px) {
    body.company section#body article#access .address dt {
      margin-bottom: 20px; } }
  body.company section#body article#access .address dt figure {
    display: block;
    width: auto; }
    @media screen and (max-width: 767px) {
      body.company section#body article#access .address dt figure {
        height: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.company section#body article#access .address dt figure {
        height: 20px; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#access .address dt figure {
        height: 20px; } }
    body.company section#body article#access .address dt figure img {
      height: 100%;
      width: auto; }
  @media screen and (max-width: 767px) {
    body.company section#body article#access .by-train dt, body.company section#body article#access .by-train dd, body.company section#body article#access .by-car dt, body.company section#body article#access .by-car dd {
      margin-bottom: 5px; } }
  @media screen and (min-width: 1024px) {
    body.company section#body article#access .by-train dt, body.company section#body article#access .by-train dd, body.company section#body article#access .by-car dt, body.company section#body article#access .by-car dd {
      margin-bottom: 10px; } }
  body.company section#body article#access .by-train dt, body.company section#body article#access .by-car dt {
    color: #009ad7;
    font-family: 'M PLUS 1p', sans-serif;
    transform: rotate(0.05deg); }
    @media screen and (max-width: 767px) {
      body.company section#body article#access .by-train dt, body.company section#body article#access .by-car dt {
        font-size: 1.6rem; } }
    @media screen and (min-width: 1024px) {
      body.company section#body article#access .by-train dt, body.company section#body article#access .by-car dt {
        font-size: 1.75rem; } }
    body.company section#body article#access .by-train dt i, body.company section#body article#access .by-car dt i {
      display: inline-block;
      margin: 0 5px 5px 0;
      vertical-align: middle; }
      @media screen and (max-width: 767px) {
        body.company section#body article#access .by-train dt i, body.company section#body article#access .by-car dt i {
          height: 1.6rem;
          width: 1.6rem; } }
      @media screen and (min-width: 1024px) {
        body.company section#body article#access .by-train dt i, body.company section#body article#access .by-car dt i {
          height: 1.75rem;
          width: 1.75rem; } }
  body.company section#body article#access .by-train {
    margin-bottom: 30px; }
    body.company section#body article#access .by-train dt i:before {
      content: url("../images/company/access_icn_train.svg"); }
  body.company section#body article#access .by-car dt i:before {
    content: url("../images/company/access_icn_car.svg"); }

/***** .business *****/

body.business section#title .inner {
  background-image: url("../images/business/main_bg.png");
  background-position: 50%; }
@media screen and (max-width: 767px) {
  body.business section#body article .main {
    margin-bottom: 20px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.business section#body article .main {
    margin-bottom: 20px; } }
@media screen and (min-width: 1024px) {
  body.business section#body article .main {
    margin-bottom: 30px; } }
body.business section#body article .main img {
  width: 100%; }
body.business section#body article#vision h3 {
  background-image: url("../images/business/vision_bg.png");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  position: relative;
  width: 100%;
  text-align: center;
  white-space: nowrap; }
  @media screen and (max-width: 767px) {
    body.business section#body article#vision h3 {
      height: 180px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.business section#body article#vision h3 {
      height: 360px; } }
  @media screen and (min-width: 1024px) {
    body.business section#body article#vision h3 {
      height: 560px; } }
  body.business section#body article#vision h3 span {
    color: #FFF;
    font-family: 'Klee One', sans-serif;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 767px) {
      body.business section#body article#vision h3 span {
        font-size: 1.6rem;
        line-height: 150%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.business section#body article#vision h3 span {
        font-size: 3rem;
        line-height: 150%; } }
    @media screen and (min-width: 1024px) {
      body.business section#body article#vision h3 span {
        font-size: 4rem;
        line-height: 180%; } }
body.business section#body article#solution, body.business section#body article#residence {
  position: relative; }
  body.business section#body article#solution .content .toggle, body.business section#body article#residence .content .toggle {
    position: absolute;
    opacity: 0;
    pointer-events: none; }
  body.business section#body article#solution .content .wrap, body.business section#body article#residence .content .wrap {
    background: #FFF;
    border: 1px solid #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative; }
    @media screen and (max-width: 767px) {
      body.business section#body article#solution .content .wrap, body.business section#body article#residence .content .wrap {
        margin-bottom: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.business section#body article#solution .content .wrap, body.business section#body article#residence .content .wrap {
        margin-bottom: 30px; } }
    @media screen and (min-width: 1024px) {
      body.business section#body article#solution .content .wrap, body.business section#body article#residence .content .wrap {
        margin-bottom: 30px; } }
  body.business section#body article#solution .content .title, body.business section#body article#residence .content .title {
    display: block;
    position: relative;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      body.business section#body article#solution .content .title, body.business section#body article#residence .content .title {
        padding: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.business section#body article#solution .content .title, body.business section#body article#residence .content .title {
        padding: 30px; } }
    @media screen and (min-width: 1024px) {
      body.business section#body article#solution .content .title, body.business section#body article#residence .content .title {
        padding: 30px; } }
    body.business section#body article#solution .content .title::before, body.business section#body article#residence .content .title::before {
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      position: absolute;
      right: 5%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      transition: transform 0.3s ease; }
      @media screen and (max-width: 767px) {
        body.business section#body article#solution .content .title::before, body.business section#body article#residence .content .title::before {
          height: 2rem;
          width: 2rem; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.business section#body article#solution .content .title::before, body.business section#body article#residence .content .title::before {
          height: 2rem;
          width: 2rem; } }
      @media screen and (min-width: 1024px) {
        body.business section#body article#solution .content .title::before, body.business section#body article#residence .content .title::before {
          height: 2rem;
          width: 2rem; } }
    body.business section#body article#solution .content .title h4, body.business section#body article#residence .content .title h4 {
      margin-bottom: 0; }
      @media screen and (max-width: 767px) {
        body.business section#body article#solution .content .title h4, body.business section#body article#residence .content .title h4 {
          font-size: 1.75rem; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.business section#body article#solution .content .title h4, body.business section#body article#residence .content .title h4 {
          font-size: calc(2rem * 1.25); } }
      @media screen and (min-width: 1024px) {
        body.business section#body article#solution .content .title h4, body.business section#body article#residence .content .title h4 {
          font-size: calc(3rem * 1.0); } }
      @media screen and (max-width: 767px) {
        body.business section#body article#solution .content .title h4 span, body.business section#body article#residence .content .title h4 span {
          font-size: calc(1.6rem * 0.75);
          display: block; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.business section#body article#solution .content .title h4 span, body.business section#body article#residence .content .title h4 span {
          font-size: calc(1.75rem * 1.0);
          display: block; } }
      @media screen and (min-width: 1024px) {
        body.business section#body article#solution .content .title h4 span, body.business section#body article#residence .content .title h4 span {
          font-size: calc(2rem * 1.0); } }
  body.business section#body article#solution .content .business-detail, body.business section#body article#residence .content .business-detail {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease; }
    @media screen and (max-width: 767px) {
      body.business section#body article#solution .content .business-detail h5, body.business section#body article#residence .content .business-detail h5 {
        font-size: calc(2rem * 0.8);
        margin-bottom: 10px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.business section#body article#solution .content .business-detail h5, body.business section#body article#residence .content .business-detail h5 {
        font-size: calc(2rem * 0.8);
        margin-bottom: 20px; } }
    @media screen and (min-width: 1024px) {
      body.business section#body article#solution .content .business-detail h5, body.business section#body article#residence .content .business-detail h5 {
        font-size: calc(3rem * 0.8);
        margin-bottom: 20px; } }
    @media screen and (max-width: 767px) {
      body.business section#body article#solution .content .business-detail .txt-wrap, body.business section#body article#residence .content .business-detail .txt-wrap {
        margin-bottom: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.business section#body article#solution .content .business-detail .txt-wrap, body.business section#body article#residence .content .business-detail .txt-wrap {
        margin-bottom: 30px; } }
    @media screen and (min-width: 1024px) {
      body.business section#body article#solution .content .business-detail .txt-wrap, body.business section#body article#residence .content .business-detail .txt-wrap {
        margin-bottom: 50px; } }
    @media screen and (max-width: 767px) {
      body.business section#body article#solution .content .business-detail .txt-wrap .txt, body.business section#body article#residence .content .business-detail .txt-wrap .txt {
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.business section#body article#solution .content .business-detail .txt-wrap .txt, body.business section#body article#residence .content .business-detail .txt-wrap .txt {
        width: 100%; } }
    @media screen and (min-width: 1024px) {
      body.business section#body article#solution .content .business-detail .txt-wrap .txt, body.business section#body article#residence .content .business-detail .txt-wrap .txt {
        width: 100%; } }
    body.business section#body article#solution .content .business-detail .case h6, body.business section#body article#residence .content .business-detail .case h6 {
      position: relative; }
      @media screen and (max-width: 767px) {
        body.business section#body article#solution .content .business-detail .case h6, body.business section#body article#residence .content .business-detail .case h6 {
          font-size: calc(1.75rem * 1.0);
          padding-left: calc(1.6rem + 10px);
          margin-bottom: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.business section#body article#solution .content .business-detail .case h6, body.business section#body article#residence .content .business-detail .case h6 {
          font-size: calc(2rem * 1.0);
          padding-left: calc(2rem + 15px);
          margin-bottom: 30px; } }
      @media screen and (min-width: 1024px) {
        body.business section#body article#solution .content .business-detail .case h6, body.business section#body article#residence .content .business-detail .case h6 {
          font-size: calc(2rem * 1.0);
          padding-left: calc(2rem + 15px);
          margin-bottom: 30px; } }
      body.business section#body article#solution .content .business-detail .case h6:before, body.business section#body article#residence .content .business-detail .case h6:before {
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0; }
        @media screen and (max-width: 767px) {
          body.business section#body article#solution .content .business-detail .case h6:before, body.business section#body article#residence .content .business-detail .case h6:before {
            height: 2rem;
            width: 2rem; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.business section#body article#solution .content .business-detail .case h6:before, body.business section#body article#residence .content .business-detail .case h6:before {
            height: 3rem;
            width: 3rem; } }
        @media screen and (min-width: 1024px) {
          body.business section#body article#solution .content .business-detail .case h6:before, body.business section#body article#residence .content .business-detail .case h6:before {
            height: 3rem;
            width: 3rem; } }
    body.business section#body article#solution .content .business-detail .case .scroll .case-wrap, body.business section#body article#residence .content .business-detail .case .scroll .case-wrap {
      column-gap: 5%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 767px) {
        body.business section#body article#solution .content .business-detail .case .scroll .case-wrap, body.business section#body article#residence .content .business-detail .case .scroll .case-wrap {
          margin-bottom: 20px;
          overflow-y: auto; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.business section#body article#solution .content .business-detail .case .scroll .case-wrap, body.business section#body article#residence .content .business-detail .case .scroll .case-wrap {
          width: 100%; } }
      @media screen and (min-width: 1024px) {
        body.business section#body article#solution .content .business-detail .case .scroll .case-wrap, body.business section#body article#residence .content .business-detail .case .scroll .case-wrap {
          width: 100%; } }
      @media screen and (max-width: 767px) {
        body.business section#body article#solution .content .business-detail .case .scroll .case-wrap .case-detail, body.business section#body article#residence .content .business-detail .case .scroll .case-wrap .case-detail {
          flex: 0 0 200px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.business section#body article#solution .content .business-detail .case .scroll .case-wrap .case-detail, body.business section#body article#residence .content .business-detail .case .scroll .case-wrap .case-detail {
          width: 40%; } }
      @media screen and (min-width: 1024px) {
        body.business section#body article#solution .content .business-detail .case .scroll .case-wrap .case-detail, body.business section#body article#residence .content .business-detail .case .scroll .case-wrap .case-detail {
          width: 40%; } }
      body.business section#body article#solution .content .business-detail .case .scroll .case-wrap .case-detail dt, body.business section#body article#solution .content .business-detail .case .scroll .case-wrap .case-detail dd, body.business section#body article#residence .content .business-detail .case .scroll .case-wrap .case-detail dt, body.business section#body article#residence .content .business-detail .case .scroll .case-wrap .case-detail dd {
        line-height: 150%; }
      body.business section#body article#solution .content .business-detail .case .scroll .case-wrap .case-detail dt, body.business section#body article#residence .content .business-detail .case .scroll .case-wrap .case-detail dt {
        margin-bottom: 10px;
        width: 100%; }
        @media screen and (max-width: 767px) {
          body.business section#body article#solution .content .business-detail .case .scroll .case-wrap .case-detail dt, body.business section#body article#residence .content .business-detail .case .scroll .case-wrap .case-detail dt {
            font-size: calc(1.75rem * 0.8); } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.business section#body article#solution .content .business-detail .case .scroll .case-wrap .case-detail dt, body.business section#body article#residence .content .business-detail .case .scroll .case-wrap .case-detail dt {
            font-size: calc(2rem * 1.0); } }
        @media screen and (min-width: 1024px) {
          body.business section#body article#solution .content .business-detail .case .scroll .case-wrap .case-detail dt, body.business section#body article#residence .content .business-detail .case .scroll .case-wrap .case-detail dt {
            font-size: calc(2rem * 1.0); } }
        body.business section#body article#solution .content .business-detail .case .scroll .case-wrap .case-detail dt img, body.business section#body article#residence .content .business-detail .case .scroll .case-wrap .case-detail dt img {
          height: auto;
          width: 100%; }
  @media screen and (max-width: 767px) {
    body.business section#body article#solution .content .business-detail .inner, body.business section#body article#residence .content .business-detail .inner {
      padding: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.business section#body article#solution .content .business-detail .inner, body.business section#body article#residence .content .business-detail .inner {
      padding: 30px; } }
  @media screen and (min-width: 1024px) {
    body.business section#body article#solution .content .business-detail .inner, body.business section#body article#residence .content .business-detail .inner {
      padding: 30px; } }
  body.business section#body article#solution .content .toggle:checked + .title + .business-detail, body.business section#body article#residence .content .toggle:checked + .title + .business-detail {
    max-height: 3000px; }
  body.business section#body article#solution .content .toggle:checked + .title::before, body.business section#body article#residence .content .toggle:checked + .title::before {
    transform: translateY(-50%) rotate(180deg); }
body.business section#body article#solution {
  background: #FFF9D9; }
  body.business section#body article#solution .toggle:checked + .title + .business-detail {
    border-top: 1px solid #ffd100; }
  body.business section#body article#solution .content .wrap {
    border: 1px solid #ffd100; }
    body.business section#body article#solution .content .wrap .title {
      color: #f9a806; }
      body.business section#body article#solution .content .wrap .title:before {
        background-image: url("../images/business/solution_icn_arw.svg"); }
    body.business section#body article#solution .content .wrap#business-renovation .business-detail .txt-wrap, body.business section#body article#solution .content .wrap#business-brokerage .business-detail .txt-wrap, body.business section#body article#solution .content .wrap#business-support .business-detail .txt-wrap {
      column-gap: 5%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 0; }
      @media screen and (max-width: 767px) {
        body.business section#body article#solution .content .wrap#business-renovation .business-detail .txt-wrap, body.business section#body article#solution .content .wrap#business-brokerage .business-detail .txt-wrap, body.business section#body article#solution .content .wrap#business-support .business-detail .txt-wrap {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.business section#body article#solution .content .wrap#business-renovation .business-detail .txt-wrap, body.business section#body article#solution .content .wrap#business-brokerage .business-detail .txt-wrap, body.business section#body article#solution .content .wrap#business-support .business-detail .txt-wrap {
          flex-direction: row-reverse; } }
      @media screen and (min-width: 1024px) {
        body.business section#body article#solution .content .wrap#business-renovation .business-detail .txt-wrap, body.business section#body article#solution .content .wrap#business-brokerage .business-detail .txt-wrap, body.business section#body article#solution .content .wrap#business-support .business-detail .txt-wrap {
          flex-direction: row-reverse; } }
      body.business section#body article#solution .content .wrap#business-renovation .business-detail .txt-wrap figure, body.business section#body article#solution .content .wrap#business-brokerage .business-detail .txt-wrap figure, body.business section#body article#solution .content .wrap#business-support .business-detail .txt-wrap figure {
        display: block;
        margin-bottom: 20px; }
        body.business section#body article#solution .content .wrap#business-renovation .business-detail .txt-wrap figure img, body.business section#body article#solution .content .wrap#business-brokerage .business-detail .txt-wrap figure img, body.business section#body article#solution .content .wrap#business-support .business-detail .txt-wrap figure img {
          height: auto;
          width: 100%; }
        @media screen and (max-width: 767px) {
          body.business section#body article#solution .content .wrap#business-renovation .business-detail .txt-wrap figure, body.business section#body article#solution .content .wrap#business-brokerage .business-detail .txt-wrap figure, body.business section#body article#solution .content .wrap#business-support .business-detail .txt-wrap figure {
            margin-bottom: 20px;
            width: 100%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.business section#body article#solution .content .wrap#business-renovation .business-detail .txt-wrap figure, body.business section#body article#solution .content .wrap#business-brokerage .business-detail .txt-wrap figure, body.business section#body article#solution .content .wrap#business-support .business-detail .txt-wrap figure {
            width: 40%; } }
        @media screen and (min-width: 1024px) {
          body.business section#body article#solution .content .wrap#business-renovation .business-detail .txt-wrap figure, body.business section#body article#solution .content .wrap#business-brokerage .business-detail .txt-wrap figure, body.business section#body article#solution .content .wrap#business-support .business-detail .txt-wrap figure {
            width: 40%; } }
      @media screen and (max-width: 767px) {
        body.business section#body article#solution .content .wrap#business-renovation .business-detail .txt-wrap .txt, body.business section#body article#solution .content .wrap#business-brokerage .business-detail .txt-wrap .txt, body.business section#body article#solution .content .wrap#business-support .business-detail .txt-wrap .txt {
          width: 100%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.business section#body article#solution .content .wrap#business-renovation .business-detail .txt-wrap .txt, body.business section#body article#solution .content .wrap#business-brokerage .business-detail .txt-wrap .txt, body.business section#body article#solution .content .wrap#business-support .business-detail .txt-wrap .txt {
          width: 55%; } }
      @media screen and (min-width: 1024px) {
        body.business section#body article#solution .content .wrap#business-renovation .business-detail .txt-wrap .txt, body.business section#body article#solution .content .wrap#business-brokerage .business-detail .txt-wrap .txt, body.business section#body article#solution .content .wrap#business-support .business-detail .txt-wrap .txt {
          width: 55%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.business section#body article#solution .content .wrap#business-pm .scroll .case-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    @media screen and (min-width: 1024px) {
      body.business section#body article#solution .content .wrap#business-pm .scroll .case-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    @media screen and (max-width: 767px) {
      body.business section#body article#solution .content .wrap#business-pm .scroll .case-wrap .case-detail {
        flex: 0 0 200px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.business section#body article#solution .content .wrap#business-pm .scroll .case-wrap .case-detail {
        width: 47.5%;
        margin-bottom: 20px; } }
    @media screen and (min-width: 1024px) {
      body.business section#body article#solution .content .wrap#business-pm .scroll .case-wrap .case-detail {
        width: 47.5%;
        margin-bottom: 30px; } }
    body.business section#body article#solution .content .wrap#business-support .lend ul, body.business section#body article#solution .content .wrap#business-support .sell ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      column-gap: 2.5%;
      padding: 20px;
      padding-bottom: 10px; }
      @media screen and (max-width: 767px) {
        body.business section#body article#solution .content .wrap#business-support .lend ul, body.business section#body article#solution .content .wrap#business-support .sell ul {
          margin-bottom: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.business section#body article#solution .content .wrap#business-support .lend ul, body.business section#body article#solution .content .wrap#business-support .sell ul {
          margin-bottom: 30px; } }
      @media screen and (min-width: 1024px) {
        body.business section#body article#solution .content .wrap#business-support .lend ul, body.business section#body article#solution .content .wrap#business-support .sell ul {
          margin-bottom: 30px; } }
      body.business section#body article#solution .content .wrap#business-support .lend ul li, body.business section#body article#solution .content .wrap#business-support .sell ul li {
        margin-bottom: 10px; }
        @media screen and (max-width: 767px) {
          body.business section#body article#solution .content .wrap#business-support .lend ul li, body.business section#body article#solution .content .wrap#business-support .sell ul li {
            width: 100%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.business section#body article#solution .content .wrap#business-support .lend ul li, body.business section#body article#solution .content .wrap#business-support .sell ul li {
            width: 47.5%; } }
        @media screen and (min-width: 1024px) {
          body.business section#body article#solution .content .wrap#business-support .lend ul li, body.business section#body article#solution .content .wrap#business-support .sell ul li {
            width: 47.5%; } }
        body.business section#body article#solution .content .wrap#business-support .lend ul li:before, body.business section#body article#solution .content .wrap#business-support .sell ul li:before {
          content: '⚫︎';
          height: 1.25rem;
          width: 1.25rem; }
    @media screen and (max-width: 767px) {
      body.business section#body article#solution .content .wrap#business-support .lend {
        margin-bottom: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.business section#body article#solution .content .wrap#business-support .lend {
        margin-bottom: 50px; } }
    @media screen and (min-width: 1024px) {
      body.business section#body article#solution .content .wrap#business-support .lend {
        margin-bottom: 50px; } }
    body.business section#body article#solution .content .wrap#business-support .lend ul {
      background: #fff9d9; }
      body.business section#body article#solution .content .wrap#business-support .lend ul li:before {
        color: #f9a806; }
    body.business section#body article#solution .content .wrap#business-support .sell ul {
      background: #d9f0f9; }
      body.business section#body article#solution .content .wrap#business-support .sell ul li:before {
        color: #009ad7; }
    body.business section#body article#solution .content .wrap#business-support .assesment {
      border: 1px solid #DDD; }
      @media screen and (max-width: 767px) {
        body.business section#body article#solution .content .wrap#business-support .assesment {
          padding: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.business section#body article#solution .content .wrap#business-support .assesment {
          padding: 30px; } }
      @media screen and (min-width: 1024px) {
        body.business section#body article#solution .content .wrap#business-support .assesment {
          padding: 30px; } }
      body.business section#body article#solution .content .wrap#business-support .assesment .txt-wrap {
        column-gap: 5%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0; }
        @media screen and (max-width: 767px) {
          body.business section#body article#solution .content .wrap#business-support .assesment .txt-wrap {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.business section#body article#solution .content .wrap#business-support .assesment .txt-wrap {
            flex-direction: row-reverse; } }
        @media screen and (min-width: 1024px) {
          body.business section#body article#solution .content .wrap#business-support .assesment .txt-wrap {
            flex-direction: row-reverse; } }
        body.business section#body article#solution .content .wrap#business-support .assesment .txt-wrap figure {
          display: block;
          margin-bottom: 20px; }
          body.business section#body article#solution .content .wrap#business-support .assesment .txt-wrap figure img {
            height: auto;
            width: 100%; }
          @media screen and (max-width: 767px) {
            body.business section#body article#solution .content .wrap#business-support .assesment .txt-wrap figure {
              margin-bottom: 20px;
              width: 100%; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.business section#body article#solution .content .wrap#business-support .assesment .txt-wrap figure {
              width: 30%; } }
          @media screen and (min-width: 1024px) {
            body.business section#body article#solution .content .wrap#business-support .assesment .txt-wrap figure {
              width: 30%; } }
        @media screen and (max-width: 767px) {
          body.business section#body article#solution .content .wrap#business-support .assesment .txt-wrap .txt {
            width: 100%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.business section#body article#solution .content .wrap#business-support .assesment .txt-wrap .txt {
            width: 65%; } }
        @media screen and (min-width: 1024px) {
          body.business section#body article#solution .content .wrap#business-support .assesment .txt-wrap .txt {
            width: 65%; } }
  body.business section#body article#solution .business-detail .case h6 {
    color: #f9a806; }
    body.business section#body article#solution .business-detail .case h6:before {
      background-image: url("../images/business/solution_icn_case.svg"); }
  @media screen and (max-width: 767px) {
    body.business section#body article#solution .business-detail .case.lend h6, body.business section#body article#solution .business-detail .case.sell h6 {
      padding-left: calc(3rem + 20px); } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.business section#body article#solution .business-detail .case.lend h6, body.business section#body article#solution .business-detail .case.sell h6 {
      padding-left: calc(2rem + 25px); } }
  @media screen and (min-width: 1024px) {
    body.business section#body article#solution .business-detail .case.lend h6, body.business section#body article#solution .business-detail .case.sell h6 {
      padding-left: calc(2rem + 25px); } }
  @media screen and (max-width: 767px) {
    body.business section#body article#solution .business-detail .case.lend h6:before, body.business section#body article#solution .business-detail .case.sell h6:before {
      height: 3rem;
      width: calc(3rem *1.2); } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.business section#body article#solution .business-detail .case.lend h6:before, body.business section#body article#solution .business-detail .case.sell h6:before {
      height: 3rem;
      width: calc(3rem *1.2); } }
  @media screen and (min-width: 1024px) {
    body.business section#body article#solution .business-detail .case.lend h6:before, body.business section#body article#solution .business-detail .case.sell h6:before {
      height: 3rem;
      width: calc(3rem *1.2); } }
  body.business section#body article#solution .business-detail .case.lend h6 {
    color: #f9a806; }
    body.business section#body article#solution .business-detail .case.lend h6:before {
      background-image: url("../images/business/solution_support_icn_lend.svg"); }
  body.business section#body article#solution .business-detail .case.sell h6 {
    color: #009ad7; }
    body.business section#body article#solution .business-detail .case.sell h6:before {
      background-image: url("../images/business/solution_support_icn_sell.svg"); }
  body.business section#body article#solution .business-detail .case.assesment h6 {
    color: #000;
    padding-left: 0; }
    body.business section#body article#solution .business-detail .case.assesment h6:before {
      background-image: none; }
body.business section#body article#residence {
  background: #D9F1FA; }
  body.business section#body article#residence .toggle:checked + .title + .business-detail {
    border-top: 1px solid #009ad7; }
  body.business section#body article#residence .content .wrap {
    border: 1px solid #009ad7; }
    body.business section#body article#residence .content .wrap .title {
      color: #009ad7; }
      body.business section#body article#residence .content .wrap .title:before {
        background-image: url("../images/business/residence_icn_arw.svg"); }
    @media screen and (max-width: 767px) {
      body.business section#body article#residence .content .wrap#business-am .txt-wrap {
        margin-bottom: 50px;
        padding-top: 10px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.business section#body article#residence .content .wrap#business-am .txt-wrap {
        margin-bottom: 50px;
        padding-top: 20px; } }
    @media screen and (min-width: 1024px) {
      body.business section#body article#residence .content .wrap#business-am .txt-wrap {
        margin-bottom: 50px;
        padding-top: 20px; } }
    body.business section#body article#residence .content .wrap#business-am .txt-wrap dl {
      border-bottom: 1px solid #DDD; }
      @media screen and (max-width: 767px) {
        body.business section#body article#residence .content .wrap#business-am .txt-wrap dl {
          margin-bottom: 10px;
          padding-bottom: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.business section#body article#residence .content .wrap#business-am .txt-wrap dl {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 10px;
          padding-bottom: 10px; } }
      @media screen and (min-width: 1024px) {
        body.business section#body article#residence .content .wrap#business-am .txt-wrap dl {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 20px;
          padding-bottom: 20px; } }
      body.business section#body article#residence .content .wrap#business-am .txt-wrap dl dt {
        color: #009ad7;
        line-height: 150%; }
        @media screen and (max-width: 767px) {
          body.business section#body article#residence .content .wrap#business-am .txt-wrap dl dt {
            margin-bottom: 5px;
            width: 100%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.business section#body article#residence .content .wrap#business-am .txt-wrap dl dt {
            width: 25%; } }
        @media screen and (min-width: 1024px) {
          body.business section#body article#residence .content .wrap#business-am .txt-wrap dl dt {
            width: 25%; } }
      @media screen and (max-width: 767px) {
        body.business section#body article#residence .content .wrap#business-am .txt-wrap dl dd {
          width: 100%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.business section#body article#residence .content .wrap#business-am .txt-wrap dl dd {
          width: 75%; } }
      @media screen and (min-width: 1024px) {
        body.business section#body article#residence .content .wrap#business-am .txt-wrap dl dd {
          width: 75%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.business section#body article#residence .content .wrap#business-am .scroll .case-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    @media screen and (min-width: 1024px) {
      body.business section#body article#residence .content .wrap#business-am .scroll .case-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    body.business section#body article#residence .content .wrap#business-am .scroll .case-wrap .case-detail {
      line-height: 150%; }
      @media screen and (max-width: 767px) {
        body.business section#body article#residence .content .wrap#business-am .scroll .case-wrap .case-detail {
          flex: 0 0 200px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.business section#body article#residence .content .wrap#business-am .scroll .case-wrap .case-detail {
          width: 47.5%;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1024px) {
        body.business section#body article#residence .content .wrap#business-am .scroll .case-wrap .case-detail {
          width: 47.5%;
          margin-bottom: 30px; } }
  body.business section#body article#residence .business-detail .case h6 {
    color: #009ad7; }
    body.business section#body article#residence .business-detail .case h6:before {
      background-image: url("../images/business/residence_icn_case.svg"); }

/***** .residential *****/

@media screen and (max-width: 767px) {
  body.residential section#local-nav nav ul {
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.residential section#local-nav nav ul {
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    margin-left: 30px; } }
body.residential section#title .inner {
  background-image: url("../images/residential/main_bg.png"); }
body.residential section#body article hr {
  border: 0;
  margin-bottom: 50px; }
body.residential section#body article .content .main {
  margin-bottom: 50px; }
body.residential section#body article .content.full {
  padding: 0 2.5%;
  position: relative;
  margin-bottom: 50px;
  width: 100%; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.residential section#body article .content.full {
      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; } }
  @media screen and (min-width: 1024px) {
    body.residential section#body article .content.full {
      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; } }
  body.residential section#body article .content.full .property {
    margin-bottom: 50px;
    position: relative; }
    @media screen and (max-width: 767px) {
      body.residential section#body article .content.full .property {
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.residential section#body article .content.full .property {
        width: 47.5%; } }
    @media screen and (min-width: 1024px) {
      body.residential section#body article .content.full .property {
        width: 47.5%; } }
    @media screen and (max-width: 767px) {
      body.residential section#body article .content.full .property h3 {
        margin-bottom: 10px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.residential section#body article .content.full .property h3 {
        margin-bottom: 20px; } }
    @media screen and (min-width: 1024px) {
      body.residential section#body article .content.full .property h3 {
        margin-bottom: 20px; } }
    body.residential section#body article .content.full .property > dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media screen and (max-width: 767px) {
        body.residential section#body article .content.full .property > dl {
          margin-bottom: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.residential section#body article .content.full .property > dl {
          margin-bottom: 20px; } }
      @media screen and (min-width: 1024px) {
        body.residential section#body article .content.full .property > dl {
          margin-bottom: 20px; } }
      @media screen and (min-width: 1681px) {
        body.residential section#body article .content.full .property > dl {
          margin-bottom: 0; } }
      body.residential section#body article .content.full .property > dl dt {
        width: 47.5%; }
        body.residential section#body article .content.full .property > dl dt figure {
          position: relative;
          padding-top: 100%;
          width: 100%; }
          body.residential section#body article .content.full .property > dl dt figure img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            object-fit: cover;
            height: 100%;
            width: 100%; }
      body.residential section#body article .content.full .property > dl dd {
        width: 47.5%; }
        body.residential section#body article .content.full .property > dl dd > dl {
          width: 100%; }
          body.residential section#body article .content.full .property > dl dd > dl dt {
            margin-bottom: 10px; }
            body.residential section#body article .content.full .property > dl dd > dl dt span {
              background: #F3F3F3;
              color: #777;
              line-height: 0;
              text-align: center;
              width: 1.75rem; }
              @media screen and (max-width: 767px) {
                body.residential section#body article .content.full .property > dl dd > dl dt span {
                  font-size: 0.875rem;
                  padding: calc(5px * 0.6) calc(10px * 0.6); } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                body.residential section#body article .content.full .property > dl dd > dl dt span {
                  font-size: 1rem;
                  padding: 5px 10px; } }
              @media screen and (min-width: 1024px) {
                body.residential section#body article .content.full .property > dl dd > dl dt span {
                  font-size: 1rem;
                  padding: 5px 10px; } }
          body.residential section#body article .content.full .property > dl dd > dl dd {
            width: 100%; }
            @media screen and (max-width: 767px) {
              body.residential section#body article .content.full .property > dl dd > dl dd {
                font-size: 1.25rem;
                margin-bottom: 10px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              body.residential section#body article .content.full .property > dl dd > dl dd {
                font-size: 1.6rem;
                margin-bottom: 20px; } }
            @media screen and (min-width: 1024px) {
              body.residential section#body article .content.full .property > dl dd > dl dd {
                font-size: 1.6rem;
                margin-bottom: 20px; } }
    body.residential section#body article .content.full .property .awards {
      color: #E00;
      font-weight: 700; }
  body.residential section#body article .content.full .area {
    border: 1px solid #DDD;
    border-bottom: 0;
    width: 100%; }
    @media screen and (max-width: 767px) {
      body.residential section#body article .content.full .area {
        margin-bottom: 20px;
        padding: 10px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.residential section#body article .content.full .area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 30px;
        padding: 20px; } }
    @media screen and (min-width: 1024px) {
      body.residential section#body article .content.full .area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 30px;
        padding: 20px; } }
    @media screen and (max-width: 767px) {
      body.residential section#body article .content.full .area dt, body.residential section#body article .content.full .area dd {
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.residential section#body article .content.full .area dt, body.residential section#body article .content.full .area dd {
        width: 50%; } }
    @media screen and (min-width: 1024px) {
      body.residential section#body article .content.full .area dt, body.residential section#body article .content.full .area dd {
        width: 50%; } }
    @media screen and (max-width: 767px) {
      body.residential section#body article .content.full .area dt {
        font-size: 1.25rem;
        margin-bottom: 5px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.residential section#body article .content.full .area dt {
        font-size: 1.6rem; } }
    @media screen and (min-width: 1024px) {
      body.residential section#body article .content.full .area dt {
        font-size: 1.6rem; } }
    body.residential section#body article .content.full .area dd {
      color: #555;
      font-size: 1rem; }
      @media screen and (max-width: 767px) {
        body.residential section#body article .content.full .area dd {
          font-size: 1rem; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.residential section#body article .content.full .area dd {
          font-size: 1.25rem;
          text-align: right; } }
      @media screen and (min-width: 1024px) {
        body.residential section#body article .content.full .area dd {
          font-size: 1.25rem;
          text-align: right; } }
@media screen and (max-width: 767px) {
  body.residential section#body article#concept .main, body.residential section#body article#ms .main, body.residential section#body article#jv .main {
    margin-bottom: 30px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.residential section#body article#concept .main, body.residential section#body article#ms .main, body.residential section#body article#jv .main {
    margin-bottom: 50px; } }
@media screen and (min-width: 1024px) {
  body.residential section#body article#concept .main, body.residential section#body article#ms .main, body.residential section#body article#jv .main {
    margin-bottom: 50px; } }
body.residential section#body article#concept .main img, body.residential section#body article#ms .main img, body.residential section#body article#jv .main img {
  width: 100%; }
body.residential section#body article#concept {
  padding-bottom: 0; }
  body.residential section#body article#concept .content {
    margin-bottom: 0; }
body.residential section#body article#jv {
  background: #e3f0fa;
  position: relative; }

/***** .property *****/

@media screen and (max-width: 767px) {
  body.property section#local-nav nav ul {
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.property section#local-nav nav ul {
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    margin-left: 30px; } }
body.property section#title .inner {
  background-image: url("../images/property/main_bg.png"); }
body.property section#body article .content.full {
  padding: 0 2.5%;
  position: relative;
  margin-bottom: 50px;
  width: 100%; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.property section#body article .content.full {
      padding: 0 10%; } }
  @media screen and (min-width: 1024px) {
    body.property section#body article .content.full {
      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; } }
  body.property section#body article .content.full .property {
    position: relative; }
    @media screen and (max-width: 767px) {
      body.property section#body article .content.full .property {
        margin-bottom: 30px;
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.property section#body article .content.full .property {
        margin-bottom: 50px;
        width: 100%; } }
    @media screen and (min-width: 1024px) {
      body.property section#body article .content.full .property {
        margin-bottom: 50px;
        width: 47.5%; } }
    body.property section#body article .content.full .property > dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media screen and (max-width: 767px) {
        body.property section#body article .content.full .property > dl {
          margin-bottom: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.property section#body article .content.full .property > dl {
          margin-bottom: 30px; } }
      @media screen and (min-width: 1024px) {
        body.property section#body article .content.full .property > dl {
          margin-bottom: 30px; } }
      @media screen and (min-width: 1681px) {
        body.property section#body article .content.full .property > dl {
          margin-bottom: 30px; } }
      body.property section#body article .content.full .property > dl dt {
        position: relative;
        width: 47.5%; }
        body.property section#body article .content.full .property > dl dt .soldout {
          position: absolute;
          height: auto; }
          @media screen and (max-width: 767px) {
            body.property section#body article .content.full .property > dl dt .soldout {
              top: -5px;
              left: -5px;
              width: 30px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.property section#body article .content.full .property > dl dt .soldout {
              top: -10px;
              left: -10px;
              width: 60px; } }
          @media screen and (min-width: 1024px) {
            body.property section#body article .content.full .property > dl dt .soldout {
              top: -10px;
              left: -10px;
              width: 60px; } }
        body.property section#body article .content.full .property > dl dt figure {
          margin-bottom: 20px;
          position: relative;
          padding-top: 100%;
          width: 100%; }
          body.property section#body article .content.full .property > dl dt figure .new {
            position: absolute;
            top: -1px;
            left: -1px;
            z-index: 1000; }
            @media screen and (max-width: 767px) {
              body.property section#body article .content.full .property > dl dt figure .new {
                height: 5rem;
                width: 5rem; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              body.property section#body article .content.full .property > dl dt figure .new {
                height: 10rem;
                width: 10rem; } }
            @media screen and (min-width: 1024px) {
              body.property section#body article .content.full .property > dl dt figure .new {
                height: 10rem;
                width: 10rem; } }
            body.property section#body article .content.full .property > dl dt figure .new img {
              height: auto;
              width: 100%; }
          body.property section#body article .content.full .property > dl dt figure img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            object-fit: cover;
            height: 100%;
            width: 100%; }
        body.property section#body article .content.full .property > dl dt .btn-wrap {
          display: block; }
          @media screen and (max-width: 767px) {
            body.property section#body article .content.full .property > dl dt .btn-wrap .btn {
              margin-bottom: 10px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.property section#body article .content.full .property > dl dt .btn-wrap .btn {
              margin-bottom: 20px; } }
          @media screen and (min-width: 1024px) {
            body.property section#body article .content.full .property > dl dt .btn-wrap .btn {
              margin-bottom: 20px; } }
          body.property section#body article .content.full .property > dl dt .btn-wrap .btn > * {
            width: 100%; }
      body.property section#body article .content.full .property > dl dd {
        width: 47.5%; }
        body.property section#body article .content.full .property > dl dd > dl {
          width: 100%; }
          body.property section#body article .content.full .property > dl dd > dl dt {
            margin-bottom: 10px; }
            body.property section#body article .content.full .property > dl dd > dl dt span {
              background-color: #F3F3F3;
              color: #777;
              line-height: 0;
              letter-spacing: 0.1rem;
              text-align: center;
              width: 1.75rem; }
              @media screen and (max-width: 767px) {
                body.property section#body article .content.full .property > dl dd > dl dt span {
                  font-size: 0.875rem;
                  padding: calc(5px * 0.6) calc(10px * 0.6); } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                body.property section#body article .content.full .property > dl dd > dl dt span {
                  font-size: 1rem;
                  padding: 5px 10px; } }
              @media screen and (min-width: 1024px) {
                body.property section#body article .content.full .property > dl dd > dl dt span {
                  font-size: 1rem;
                  padding: 5px 10px; } }
          body.property section#body article .content.full .property > dl dd > dl dd {
            width: 100%; }
            body.property section#body article .content.full .property > dl dd > dl dd:last-child {
              margin-bottom: 0; }
            @media screen and (max-width: 767px) {
              body.property section#body article .content.full .property > dl dd > dl dd {
                font-size: 1.25rem;
                margin-bottom: 10px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              body.property section#body article .content.full .property > dl dd > dl dd {
                font-size: 1.6rem;
                margin-bottom: 20px; } }
            @media screen and (min-width: 1024px) {
              body.property section#body article .content.full .property > dl dd > dl dd {
                font-size: 1.6rem;
                margin-bottom: 20px; } }
  body.property section#body article .content.full .area {
    border: 1px solid #DDD;
    border-bottom: 0;
    width: 100%; }
    @media screen and (max-width: 767px) {
      body.property section#body article .content.full .area {
        margin-bottom: 20px;
        padding: 10px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.property section#body article .content.full .area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px;
        padding: 20px; } }
    @media screen and (min-width: 1024px) {
      body.property section#body article .content.full .area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 30px;
        padding: 20px; } }
    @media screen and (max-width: 767px) {
      body.property section#body article .content.full .area dt, body.property section#body article .content.full .area dd {
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.property section#body article .content.full .area dt, body.property section#body article .content.full .area dd {
        width: 100%; } }
    @media screen and (min-width: 1024px) {
      body.property section#body article .content.full .area dt, body.property section#body article .content.full .area dd {
        width: 50%; } }
    @media screen and (max-width: 767px) {
      body.property section#body article .content.full .area dt {
        font-size: 1.25rem;
        margin-bottom: 5px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.property section#body article .content.full .area dt {
        font-size: 1.25rem; } }
    @media screen and (min-width: 1024px) {
      body.property section#body article .content.full .area dt {
        font-size: 1.6rem; } }
    body.property section#body article .content.full .area dd {
      font-size: 1rem; }
      @media screen and (max-width: 767px) {
        body.property section#body article .content.full .area dd {
          font-size: 1rem; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.property section#body article .content.full .area dd {
          font-size: 1.25rem;
          text-align: right; } }
      @media screen and (min-width: 1024px) {
        body.property section#body article .content.full .area dd {
          font-size: 1.25rem;
          text-align: right; } }
@media screen and (max-width: 767px) {
  body.property section#body article .content .bnr {
    width: 100%; } }
@media screen and (max-width: 767px) {
  body.property section#body article .content .bnr {
    width: 100%; } }
@media screen and (min-width: 1024px) {
  body.property section#body article .content .bnr {
    margin: 0 auto;
    width: 800px; } }
body.property section#body article .content .bnr img {
  width: 100%; }
body.property section#body article#pickup {
  background-color: #fff9d9; }
body.property section#body article#capital-area {
  background-color: #FFF; }
  body.property section#body article#capital-area .h#dh {
    margin-top: -100px;
    padding-top: 150px; }
  body.property section#body article#capital-area .h#other-area {
    margin-top: -100px;
    padding-top: 150px; }
body.property section#body article#jv, body.property section#body article#others {
  position: relative; }
  body.property section#body article#jv:before, body.property section#body article#others:before {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    content: '';
    position: absolute;
    display: block; }
    @media screen and (max-width: 767px) {
      body.property section#body article#jv:before, body.property section#body article#others:before {
        padding-top: 12.6%;
        top: -45px;
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.property section#body article#jv:before, body.property section#body article#others:before {
        top: -45px;
        height: 50px;
        width: 630px; } }
    @media screen and (min-width: 1024px) {
      body.property section#body article#jv:before, body.property section#body article#others:before {
        top: -45px;
        height: 50px;
        width: 630px; } }
body.property section#body article#jv {
  background: #e3f0fa; }
body.property section#body article#others {
  background: #FFF; }

/***** .faq *****/

body.faq section#title .inner {
  background-image: url("../images/faq/main_bg.png");
  background-position: 50%; }
@media screen and (max-width: 767px) {
  body.faq section#body article .main {
    margin-bottom: 20px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.faq section#body article .main {
    margin-bottom: 20px; } }
@media screen and (min-width: 1024px) {
  body.faq section#body article .main {
    margin-bottom: 30px; } }
body.faq section#body article .main img {
  width: 100%; }
body.faq section#body article#purchase, body.faq section#body article#sale, body.faq section#body article#replacement {
  position: relative; }
  body.faq section#body article#purchase .content .toggle, body.faq section#body article#sale .content .toggle, body.faq section#body article#replacement .content .toggle {
    display: none; }
  body.faq section#body article#purchase .content .wrap, body.faq section#body article#sale .content .wrap, body.faq section#body article#replacement .content .wrap {
    background: #FFF;
    border: 1px solid #009ad7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative; }
    @media screen and (max-width: 767px) {
      body.faq section#body article#purchase .content .wrap, body.faq section#body article#sale .content .wrap, body.faq section#body article#replacement .content .wrap {
        margin-bottom: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.faq section#body article#purchase .content .wrap, body.faq section#body article#sale .content .wrap, body.faq section#body article#replacement .content .wrap {
        margin-bottom: 30px; } }
    @media screen and (min-width: 1024px) {
      body.faq section#body article#purchase .content .wrap, body.faq section#body article#sale .content .wrap, body.faq section#body article#replacement .content .wrap {
        margin-bottom: 30px; } }
  body.faq section#body article#purchase .content .title, body.faq section#body article#sale .content .title, body.faq section#body article#replacement .content .title {
    color: #009ad7;
    display: block;
    position: relative;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      body.faq section#body article#purchase .content .title, body.faq section#body article#sale .content .title, body.faq section#body article#replacement .content .title {
        padding: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.faq section#body article#purchase .content .title, body.faq section#body article#sale .content .title, body.faq section#body article#replacement .content .title {
        padding: 30px; } }
    @media screen and (min-width: 1024px) {
      body.faq section#body article#purchase .content .title, body.faq section#body article#sale .content .title, body.faq section#body article#replacement .content .title {
        padding: 30px; } }
    body.faq section#body article#purchase .content .title::before, body.faq section#body article#sale .content .title::before, body.faq section#body article#replacement .content .title::before {
      background-image: url("../images/faq/icn_arw.svg");
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      position: absolute;
      right: 2.5%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      transition: transform 0.3s ease; }
      @media screen and (max-width: 767px) {
        body.faq section#body article#purchase .content .title::before, body.faq section#body article#sale .content .title::before, body.faq section#body article#replacement .content .title::before {
          height: 2rem;
          width: 2rem; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.faq section#body article#purchase .content .title::before, body.faq section#body article#sale .content .title::before, body.faq section#body article#replacement .content .title::before {
          height: 2rem;
          width: 2rem; } }
      @media screen and (min-width: 1024px) {
        body.faq section#body article#purchase .content .title::before, body.faq section#body article#sale .content .title::before, body.faq section#body article#replacement .content .title::before {
          height: 2rem;
          width: 2rem; } }
    body.faq section#body article#purchase .content .title h4, body.faq section#body article#sale .content .title h4, body.faq section#body article#replacement .content .title h4 {
      margin-bottom: 0; }
      body.faq section#body article#purchase .content .title h4 span, body.faq section#body article#sale .content .title h4 span, body.faq section#body article#replacement .content .title h4 span {
        display: block;
        width: 100%; }
        @media screen and (max-width: 767px) {
          body.faq section#body article#purchase .content .title h4 span, body.faq section#body article#sale .content .title h4 span, body.faq section#body article#replacement .content .title h4 span {
            font-size: calc(2rem * 0.75);
            padding-left: calc(4rem * 1.0);
            padding-right: 2.5%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.faq section#body article#purchase .content .title h4 span, body.faq section#body article#sale .content .title h4 span, body.faq section#body article#replacement .content .title h4 span {
            font-size: calc(2rem * 1.0);
            padding-left: calc(4rem * 1.25);
            padding-right: 2.5%; } }
        @media screen and (min-width: 1024px) {
          body.faq section#body article#purchase .content .title h4 span, body.faq section#body article#sale .content .title h4 span, body.faq section#body article#replacement .content .title h4 span {
            font-size: calc(3rem * 0.8);
            padding-left: calc(4rem * 1.25); } }
        body.faq section#body article#purchase .content .title h4 span:before, body.faq section#body article#sale .content .title h4 span:before, body.faq section#body article#replacement .content .title h4 span:before {
          background-image: url("../images/faq/icn_q.svg");
          background-repeat: no-repeat;
          background-size: contain;
          content: '';
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
          @media screen and (max-width: 767px) {
            body.faq section#body article#purchase .content .title h4 span:before, body.faq section#body article#sale .content .title h4 span:before, body.faq section#body article#replacement .content .title h4 span:before {
              left: -10px;
              height: calc(4rem * 1.0);
              width: calc(4rem * 1.0); } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.faq section#body article#purchase .content .title h4 span:before, body.faq section#body article#sale .content .title h4 span:before, body.faq section#body article#replacement .content .title h4 span:before {
              left: -10px;
              height: calc(4rem * 1.25);
              width: calc(4rem * 1.25); } }
          @media screen and (min-width: 1024px) {
            body.faq section#body article#purchase .content .title h4 span:before, body.faq section#body article#sale .content .title h4 span:before, body.faq section#body article#replacement .content .title h4 span:before {
              left: -10px;
              height: calc(4rem * 1.25);
              width: calc(4rem * 1.25); } }
  body.faq section#body article#purchase .content .answer-wrap, body.faq section#body article#sale .content .answer-wrap, body.faq section#body article#replacement .content .answer-wrap {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease; }
    @media screen and (max-width: 767px) {
      body.faq section#body article#purchase .content .answer-wrap h5, body.faq section#body article#sale .content .answer-wrap h5, body.faq section#body article#replacement .content .answer-wrap h5 {
        font-size: calc(1.75rem * 1.0); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.faq section#body article#purchase .content .answer-wrap h5, body.faq section#body article#sale .content .answer-wrap h5, body.faq section#body article#replacement .content .answer-wrap h5 {
        font-size: calc(2rem * 1.0); } }
    @media screen and (min-width: 1024px) {
      body.faq section#body article#purchase .content .answer-wrap h5, body.faq section#body article#sale .content .answer-wrap h5, body.faq section#body article#replacement .content .answer-wrap h5 {
        font-size: calc(2rem * 1.0); } }
    body.faq section#body article#purchase .content .answer-wrap .txt-wrap, body.faq section#body article#sale .content .answer-wrap .txt-wrap, body.faq section#body article#replacement .content .answer-wrap .txt-wrap {
      position: relative; }
      body.faq section#body article#purchase .content .answer-wrap .txt-wrap:before, body.faq section#body article#sale .content .answer-wrap .txt-wrap:before, body.faq section#body article#replacement .content .answer-wrap .txt-wrap:before {
        background-image: url("../images/faq/icn_a.svg");
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        position: absolute;
        top: 0; }
        @media screen and (max-width: 767px) {
          body.faq section#body article#purchase .content .answer-wrap .txt-wrap:before, body.faq section#body article#sale .content .answer-wrap .txt-wrap:before, body.faq section#body article#replacement .content .answer-wrap .txt-wrap:before {
            left: -10px;
            height: calc(4rem * 1.0);
            width: calc(4rem * 1.0); } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.faq section#body article#purchase .content .answer-wrap .txt-wrap:before, body.faq section#body article#sale .content .answer-wrap .txt-wrap:before, body.faq section#body article#replacement .content .answer-wrap .txt-wrap:before {
            left: -10px;
            height: calc(4rem * 1.25);
            width: calc(4rem * 1.25); } }
        @media screen and (min-width: 1024px) {
          body.faq section#body article#purchase .content .answer-wrap .txt-wrap:before, body.faq section#body article#sale .content .answer-wrap .txt-wrap:before, body.faq section#body article#replacement .content .answer-wrap .txt-wrap:before {
            left: -10px;
            height: calc(4rem * 1.25);
            width: calc(4rem * 1.25); } }
      @media screen and (max-width: 767px) {
        body.faq section#body article#purchase .content .answer-wrap .txt-wrap, body.faq section#body article#sale .content .answer-wrap .txt-wrap, body.faq section#body article#replacement .content .answer-wrap .txt-wrap {
          margin-bottom: 20px;
          padding-left: calc(4rem * 1.0); } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.faq section#body article#purchase .content .answer-wrap .txt-wrap, body.faq section#body article#sale .content .answer-wrap .txt-wrap, body.faq section#body article#replacement .content .answer-wrap .txt-wrap {
          margin-bottom: 30px;
          padding-left: calc(4rem * 1.25); } }
      @media screen and (min-width: 1024px) {
        body.faq section#body article#purchase .content .answer-wrap .txt-wrap, body.faq section#body article#sale .content .answer-wrap .txt-wrap, body.faq section#body article#replacement .content .answer-wrap .txt-wrap {
          margin-bottom: 50px;
          padding-left: calc(4rem * 1.25); } }
      body.faq section#body article#purchase .content .answer-wrap .txt-wrap ol, body.faq section#body article#sale .content .answer-wrap .txt-wrap ol, body.faq section#body article#replacement .content .answer-wrap .txt-wrap ol {
        list-style-type: decimal;
        margin-bottom: 20px;
        padding-left: 4rem; }
      @media screen and (max-width: 767px) {
        body.faq section#body article#purchase .content .answer-wrap .txt-wrap .txt, body.faq section#body article#sale .content .answer-wrap .txt-wrap .txt, body.faq section#body article#replacement .content .answer-wrap .txt-wrap .txt {
          width: 100%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.faq section#body article#purchase .content .answer-wrap .txt-wrap .txt, body.faq section#body article#sale .content .answer-wrap .txt-wrap .txt, body.faq section#body article#replacement .content .answer-wrap .txt-wrap .txt {
          width: 100%; } }
      @media screen and (min-width: 1024px) {
        body.faq section#body article#purchase .content .answer-wrap .txt-wrap .txt, body.faq section#body article#sale .content .answer-wrap .txt-wrap .txt, body.faq section#body article#replacement .content .answer-wrap .txt-wrap .txt {
          width: 100%; } }
    body.faq section#body article#purchase .content .answer-wrap .btn, body.faq section#body article#sale .content .answer-wrap .btn, body.faq section#body article#replacement .content .answer-wrap .btn {
      margin-bottom: 50px; }
      @media screen and (max-width: 767px) {
        body.faq section#body article#purchase .content .answer-wrap .btn, body.faq section#body article#sale .content .answer-wrap .btn, body.faq section#body article#replacement .content .answer-wrap .btn {
          margin: 0 auto 30px;
          width: 90%; } }
    @media screen and (max-width: 767px) {
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner {
        margin-bottom: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner {
        margin-bottom: 0; } }
    @media screen and (min-width: 1024px) {
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner {
        margin-bottom: 0; } }
    @media screen and (max-width: 767px) {
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list {
        margin-bottom: 20px;
        width: 200%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list {
        margin-bottom: 30px; } }
    @media screen and (min-width: 1024px) {
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list {
        margin-bottom: 50px; } }
    body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list:last-child, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list:last-child, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list:last-child {
      margin-bottom: 0; }
    body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      line-height: 150%;
      margin-bottom: 10px;
      width: 100%; }
      @media screen and (max-width: 767px) {
        body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl {
          min-height: 6.0rem; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl {
          min-height: 8.0rem; } }
      @media screen and (min-width: 1024px) {
        body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl {
          min-height: 8.0rem; } }
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        @media screen and (max-width: 767px) {
          body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd {
            padding: 10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd {
            padding: 10px; } }
        @media screen and (min-width: 1024px) {
          body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd {
            padding: 20px; } }
        body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt span, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd span, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt span, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd span, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt span, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd span {
          display: block; }
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt {
        background-color: #009ad7;
        background-image: url("../images/faq/bg_h.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top 50% right 0; }
        @media screen and (max-width: 767px) {
          body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt {
            font-size: 1.6rem;
            padding-right: 2.5%;
            width: 35%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt {
            font-size: 1.75rem;
            padding-right: 2.5%;
            width: 50%; } }
        @media screen and (min-width: 1024px) {
          body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt {
            font-size: 2rem;
            padding-right: 2.5%;
            width: 35%; } }
        body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt span, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt span, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt span {
          color: #FFF; }
          @media screen and (max-width: 767px) {
            body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt span > span, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt span > span, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt span > span {
              font-size: 1rem; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt span > span, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt span > span, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt span > span {
              font-size: 1.25rem; } }
          @media screen and (min-width: 1024px) {
            body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt span > span, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt span > span, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dt span > span {
              font-size: 1.6rem; } }
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd {
        background: #D9F1FA; }
        @media screen and (max-width: 767px) {
          body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd {
            width: 65%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd {
            width: 50%; } }
        @media screen and (min-width: 1024px) {
          body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .list dl dd {
            width: 65%; } }
    @media screen and (max-width: 767px) {
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit {
        margin-bottom: 20px;
        width: 200%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit {
        margin-bottom: 30px; } }
    @media screen and (min-width: 1024px) {
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit {
        margin-bottom: 50px; } }
    body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit:last-child, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit:last-child, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit:last-child {
      margin-bottom: 0; }
    body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl {
      background: #D9F1FA;
      line-height: 150%;
      position: relative;
      width: 100%; }
      @media screen and (max-width: 767px) {
        body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl {
          margin-bottom: 10px;
          padding: 20px;
          padding-left: calc(50px + 20px); } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl {
          margin-bottom: 20px;
          padding: 20px;
          padding-left: calc(50px + 30px); } }
      @media screen and (min-width: 1024px) {
        body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl {
          margin-bottom: 30px;
          padding: 30px;
          padding-left: calc(100px + 15px); } }
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit01:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit02:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit03:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit04:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit05:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit06:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit01:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit02:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit03:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit04:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit05:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit06:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit01:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit02:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit03:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit04:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit05:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit06:before {
        background-repeat: no-repeat;
        background-size: cover;
        content: '';
        position: absolute; }
        @media screen and (max-width: 767px) {
          body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit01:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit02:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit03:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit04:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit05:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit06:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit01:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit02:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit03:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit04:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit05:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit06:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit01:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit02:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit03:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit04:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit05:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit06:before {
            top: 10px;
            left: 10px;
            height: 50px;
            width: 50px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit01:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit02:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit03:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit04:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit05:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit06:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit01:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit02:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit03:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit04:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit05:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit06:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit01:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit02:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit03:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit04:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit05:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit06:before {
            top: -10px;
            left: -10px;
            height: calc(50px * 1.5);
            width: calc(50px * 1.5); } }
        @media screen and (min-width: 1024px) {
          body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit01:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit02:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit03:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit04:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit05:before, body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit06:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit01:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit02:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit03:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit04:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit05:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit06:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit01:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit02:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit03:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit04:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit05:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit06:before {
            top: -10px;
            left: -10px;
            height: 100px;
            width: 100px; } }
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit01:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit01:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit01:before {
        background-image: url("../images/faq/icn_merit_01.svg"); }
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit02:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit02:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit02:before {
        background-image: url("../images/faq/icn_merit_02.svg"); }
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit03:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit03:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit03:before {
        background-image: url("../images/faq/icn_merit_03.svg"); }
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit04:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit04:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit04:before {
        background-image: url("../images/faq/icn_merit_04.svg"); }
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit05:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit05:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit05:before {
        background-image: url("../images/faq/icn_merit_05.svg"); }
      body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit06:before, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit06:before, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl#merit06:before {
        background-image: url("../images/faq/icn_merit_06.svg"); }
      @media screen and (max-width: 767px) {
        body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl dt, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl dt, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl dt {
          font-size: 1.6rem;
          margin-bottom: 5px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl dt, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl dt, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl dt {
          font-size: 1.75rem;
          margin-bottom: 10px; } }
      @media screen and (min-width: 1024px) {
        body.faq section#body article#purchase .content .answer-wrap .scroll-wrap .scroll-inner .merit dl dt, body.faq section#body article#sale .content .answer-wrap .scroll-wrap .scroll-inner .merit dl dt, body.faq section#body article#replacement .content .answer-wrap .scroll-wrap .scroll-inner .merit dl dt {
          font-size: 2rem;
          margin-bottom: 10px; } }
  @media screen and (max-width: 767px) {
    body.faq section#body article#purchase .content .answer-wrap .inner, body.faq section#body article#sale .content .answer-wrap .inner, body.faq section#body article#replacement .content .answer-wrap .inner {
      padding: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.faq section#body article#purchase .content .answer-wrap .inner, body.faq section#body article#sale .content .answer-wrap .inner, body.faq section#body article#replacement .content .answer-wrap .inner {
      padding: 30px; } }
  @media screen and (min-width: 1024px) {
    body.faq section#body article#purchase .content .answer-wrap .inner, body.faq section#body article#sale .content .answer-wrap .inner, body.faq section#body article#replacement .content .answer-wrap .inner {
      padding: 30px; } }
  body.faq section#body article#purchase .content .toggle:checked + .title + .answer-wrap, body.faq section#body article#sale .content .toggle:checked + .title + .answer-wrap, body.faq section#body article#replacement .content .toggle:checked + .title + .answer-wrap {
    border-top: 1px solid #009ad7;
    max-height: 3000px; }
  body.faq section#body article#purchase .content .toggle:checked + .title::before, body.faq section#body article#sale .content .toggle:checked + .title::before, body.faq section#body article#replacement .content .toggle:checked + .title::before {
    transform: translateY(-50%) rotate(180deg); }
body.faq section#body article#purchase {
  background: #FFF; }
  body.faq section#body article#purchase .content .wrap#q-purchase-01 .scroll .scroll-inner {
    display: flex; }
    @media screen and (max-width: 767px) {
      body.faq section#body article#purchase .content .wrap#q-purchase-01 .scroll .scroll-inner figure {
        flex: 0 0 600px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.faq section#body article#purchase .content .wrap#q-purchase-01 .scroll .scroll-inner figure {
        height: auto;
        padding: 20px;
        width: 100%; } }
    @media screen and (min-width: 1024px) {
      body.faq section#body article#purchase .content .wrap#q-purchase-01 .scroll .scroll-inner figure {
        height: auto;
        padding: 50px;
        width: 100%; } }
body.faq section#body article#sale {
  background: #D9F1FA; }
  body.faq section#body article#sale .content .wrap .title {
    color: #009ad7; }
    body.faq section#body article#sale .content .wrap .title:before {
      background-image: url("../images/business/residence_icn_arw.svg"); }
  body.faq section#body article#sale .content .wrap .box_02 {
    margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      body.faq section#body article#sale .content .wrap .box_02 h5 {
        font-size: calc(1.6rem * 1.2); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.faq section#body article#sale .content .wrap .box_02 h5 {
        font-size: calc(2rem * 1.0); } }
    @media screen and (min-width: 1024px) {
      body.faq section#body article#sale .content .wrap .box_02 h5 {
        font-size: calc(3rem * 1.0); } }
    body.faq section#body article#sale .content .wrap .box_02 h5 span {
      display: block; }
      @media screen and (max-width: 767px) {
        body.faq section#body article#sale .content .wrap .box_02 h5 span {
          font-size: calc(1.6rem * 0.8); } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.faq section#body article#sale .content .wrap .box_02 h5 span {
          font-size: calc(1.75rem * 0.8); } }
      @media screen and (min-width: 1024px) {
        body.faq section#body article#sale .content .wrap .box_02 h5 span {
          font-size: calc(1.75rem * 1.0); } }
  body.faq section#body article#sale .content .wrap#q-sale-01 .txt-wrap, body.faq section#body article#sale .content .wrap#q-sale-03 .txt-wrap, body.faq section#body article#sale .content .wrap#q-sale-06 .txt-wrap {
    margin-bottom: 0; }
    body.faq section#body article#sale .content .wrap#q-sale-01 .txt-wrap p, body.faq section#body article#sale .content .wrap#q-sale-03 .txt-wrap p, body.faq section#body article#sale .content .wrap#q-sale-06 .txt-wrap p {
      margin-bottom: 0; }
  body.faq section#body article#sale .content .wrap#q-sale-02 .scroll .scroll-inner {
    display: flex; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.faq section#body article#sale .content .wrap#q-sale-02 .scroll .scroll-inner {
        margin-bottom: 0; } }
    @media screen and (min-width: 1024px) {
      body.faq section#body article#sale .content .wrap#q-sale-02 .scroll .scroll-inner {
        margin-bottom: 0; } }
    @media screen and (max-width: 767px) {
      body.faq section#body article#sale .content .wrap#q-sale-02 .scroll .scroll-inner figure {
        flex: 0 0 400px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.faq section#body article#sale .content .wrap#q-sale-02 .scroll .scroll-inner figure {
        height: auto;
        width: 100%; }
        body.faq section#body article#sale .content .wrap#q-sale-02 .scroll .scroll-inner figure img {
          height: auto;
          width: 100%; } }
    @media screen and (min-width: 1024px) {
      body.faq section#body article#sale .content .wrap#q-sale-02 .scroll .scroll-inner figure {
        height: auto;
        width: 100%; }
        body.faq section#body article#sale .content .wrap#q-sale-02 .scroll .scroll-inner figure img {
          height: auto;
          width: 100%; } }
body.faq section#body article#replacement {
  background: #FFF9D9; }
  body.faq section#body article#replacement .content .wrap#q-replacement-01 .scroll .scroll-inner {
    display: flex; }
    @media screen and (max-width: 767px) {
      body.faq section#body article#replacement .content .wrap#q-replacement-01 .scroll .scroll-inner figure {
        flex: 0 0 600px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.faq section#body article#replacement .content .wrap#q-replacement-01 .scroll .scroll-inner figure {
        height: auto;
        padding: 20px;
        width: 100%; } }
    @media screen and (min-width: 1024px) {
      body.faq section#body article#replacement .content .wrap#q-replacement-01 .scroll .scroll-inner figure {
        height: auto;
        padding: 50px;
        width: 100%; } }

/***** .renovation *****/

@media screen and (max-width: 767px) {
  body.renovation section#local-nav nav ul {
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.renovation section#local-nav nav ul {
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    margin-left: 30px; } }
body.renovation section#title .inner {
  background-image: url("../images/renovation/main_bg.png"); }
body.renovation section#body article .content .main {
  margin-bottom: 50px; }
  body.renovation section#body article .content .main img {
    height: auto;
    width: 100%; }
body.renovation section#body article .content.full {
  padding: 0 2.5%;
  position: relative;
  margin-bottom: 50px;
  width: 100%; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.renovation section#body article .content.full {
      padding: 0 10%; } }
  @media screen and (min-width: 1024px) {
    body.renovation section#body article .content.full {
      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; } }
  body.renovation section#body article .content.full .property {
    position: relative; }
    @media screen and (max-width: 767px) {
      body.renovation section#body article .content.full .property {
        margin-bottom: 30px;
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.renovation section#body article .content.full .property {
        margin-bottom: 50px;
        width: 100%; } }
    @media screen and (min-width: 1024px) {
      body.renovation section#body article .content.full .property {
        margin-bottom: 50px;
        width: 47.5%; } }
    body.renovation section#body article .content.full .property > dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media screen and (max-width: 767px) {
        body.renovation section#body article .content.full .property > dl {
          margin-bottom: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.renovation section#body article .content.full .property > dl {
          margin-bottom: 30px; } }
      @media screen and (min-width: 1024px) {
        body.renovation section#body article .content.full .property > dl {
          margin-bottom: 30px; } }
      @media screen and (min-width: 1681px) {
        body.renovation section#body article .content.full .property > dl {
          margin-bottom: 30px; } }
      body.renovation section#body article .content.full .property > dl dt {
        position: relative;
        width: 47.5%; }
        body.renovation section#body article .content.full .property > dl dt .soldout {
          position: absolute;
          height: auto; }
          @media screen and (max-width: 767px) {
            body.renovation section#body article .content.full .property > dl dt .soldout {
              top: -5px;
              left: -5px;
              width: 30px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.renovation section#body article .content.full .property > dl dt .soldout {
              top: -10px;
              left: -10px;
              width: 60px; } }
          @media screen and (min-width: 1024px) {
            body.renovation section#body article .content.full .property > dl dt .soldout {
              top: -10px;
              left: -10px;
              width: 60px; } }
        body.renovation section#body article .content.full .property > dl dt figure {
          margin-bottom: 20px;
          position: relative;
          padding-top: 100%;
          width: 100%; }
          body.renovation section#body article .content.full .property > dl dt figure img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            object-fit: cover;
            height: 100%;
            width: 100%; }
        body.renovation section#body article .content.full .property > dl dt .btn-wrap {
          display: block; }
          @media screen and (max-width: 767px) {
            body.renovation section#body article .content.full .property > dl dt .btn-wrap .btn {
              margin-bottom: 10px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.renovation section#body article .content.full .property > dl dt .btn-wrap .btn {
              margin-bottom: 20px; } }
          @media screen and (min-width: 1024px) {
            body.renovation section#body article .content.full .property > dl dt .btn-wrap .btn {
              margin-bottom: 20px; } }
          body.renovation section#body article .content.full .property > dl dt .btn-wrap .btn > * {
            width: 100%; }
      body.renovation section#body article .content.full .property > dl dd {
        width: 47.5%; }
        body.renovation section#body article .content.full .property > dl dd > dl {
          width: 100%; }
          body.renovation section#body article .content.full .property > dl dd > dl dt {
            margin-bottom: 10px; }
            body.renovation section#body article .content.full .property > dl dd > dl dt span {
              background-color: #F3F3F3;
              color: #777;
              line-height: 0;
              letter-spacing: 0.1rem;
              text-align: center;
              width: 1.75rem; }
              @media screen and (max-width: 767px) {
                body.renovation section#body article .content.full .property > dl dd > dl dt span {
                  font-size: 0.875rem;
                  padding: calc(5px * 0.6) calc(10px * 0.6); } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                body.renovation section#body article .content.full .property > dl dd > dl dt span {
                  font-size: 1rem;
                  padding: 5px 10px; } }
              @media screen and (min-width: 1024px) {
                body.renovation section#body article .content.full .property > dl dd > dl dt span {
                  font-size: 1rem;
                  padding: 5px 10px; } }
          body.renovation section#body article .content.full .property > dl dd > dl dd {
            width: 100%; }
            body.renovation section#body article .content.full .property > dl dd > dl dd:last-child {
              margin-bottom: 0; }
            @media screen and (max-width: 767px) {
              body.renovation section#body article .content.full .property > dl dd > dl dd {
                font-size: 1.25rem;
                margin-bottom: 10px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              body.renovation section#body article .content.full .property > dl dd > dl dd {
                font-size: 1.6rem;
                margin-bottom: 20px; } }
            @media screen and (min-width: 1024px) {
              body.renovation section#body article .content.full .property > dl dd > dl dd {
                font-size: 1.6rem;
                margin-bottom: 20px; } }
    body.renovation section#body article .content.full .property .tag-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-bottom: 50px;
      width: 100%; }
      @media screen and (max-width: 767px) {
        body.renovation section#body article .content.full .property .tag-wrap {
          column-gap: 2.5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.renovation section#body article .content.full .property .tag-wrap {
          column-gap: 1%; } }
      @media screen and (min-width: 1024px) {
        body.renovation section#body article .content.full .property .tag-wrap {
          column-gap: 1%; } }
      body.renovation section#body article .content.full .property .tag-wrap dt {
        font-weight: 500;
        text-align: center;
        white-space: nowrap; }
        @media screen and (max-width: 767px) {
          body.renovation section#body article .content.full .property .tag-wrap dt {
            width: 12.5%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.renovation section#body article .content.full .property .tag-wrap dt {
            width: 12%; } }
        @media screen and (min-width: 1024px) {
          body.renovation section#body article .content.full .property .tag-wrap dt {
            width: 10%; } }
        body.renovation section#body article .content.full .property .tag-wrap dt span {
          background-color: #F3F3F3;
          color: #777;
          line-height: 0;
          text-align: center;
          width: 100%; }
          @media screen and (max-width: 767px) {
            body.renovation section#body article .content.full .property .tag-wrap dt span {
              font-size: 0.875rem;
              padding: calc(10px * 1.0) calc(10px * 0.8); } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.renovation section#body article .content.full .property .tag-wrap dt span {
              font-size: 1rem;
              letter-spacing: 0.1rem;
              padding: 10px 10px; } }
          @media screen and (min-width: 1024px) {
            body.renovation section#body article .content.full .property .tag-wrap dt span {
              font-size: 1rem;
              letter-spacing: 0.1rem;
              padding: 10px 10px; } }
      @media screen and (max-width: 767px) {
        body.renovation section#body article .content.full .property .tag-wrap dd {
          width: 85%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.renovation section#body article .content.full .property .tag-wrap dd {
          width: 90%; } }
      @media screen and (min-width: 1024px) {
        body.renovation section#body article .content.full .property .tag-wrap dd {
          width: 90%; } }
      body.renovation section#body article .content.full .property .tag-wrap dd ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        column-gap: 20px;
        margin-left: 20px; }
        body.renovation section#body article .content.full .property .tag-wrap dd ul li a {
          color: #009ad7; }
          body.renovation section#body article .content.full .property .tag-wrap dd ul li a:before {
            content: '#';
            display: inline-block;
            vertical-align: middle; }
  body.renovation section#body article .content.full .area {
    border: 1px solid #DDD;
    border-bottom: 0;
    width: 100%; }
    @media screen and (max-width: 767px) {
      body.renovation section#body article .content.full .area {
        margin-bottom: 20px;
        padding: 10px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.renovation section#body article .content.full .area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px;
        padding: 20px; } }
    @media screen and (min-width: 1024px) {
      body.renovation section#body article .content.full .area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 30px;
        padding: 20px; } }
    @media screen and (max-width: 767px) {
      body.renovation section#body article .content.full .area dt, body.renovation section#body article .content.full .area dd {
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.renovation section#body article .content.full .area dt, body.renovation section#body article .content.full .area dd {
        width: 100%; } }
    @media screen and (min-width: 1024px) {
      body.renovation section#body article .content.full .area dt, body.renovation section#body article .content.full .area dd {
        width: 50%; } }
    @media screen and (max-width: 767px) {
      body.renovation section#body article .content.full .area dt {
        font-size: 1.25rem;
        margin-bottom: 5px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.renovation section#body article .content.full .area dt {
        font-size: 1.25rem; } }
    @media screen and (min-width: 1024px) {
      body.renovation section#body article .content.full .area dt {
        font-size: 1.6rem; } }
    body.renovation section#body article .content.full .area dd {
      font-size: 1rem; }
      @media screen and (max-width: 767px) {
        body.renovation section#body article .content.full .area dd {
          font-size: 1rem; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.renovation section#body article .content.full .area dd {
          font-size: 1.25rem;
          text-align: right; } }
      @media screen and (min-width: 1024px) {
        body.renovation section#body article .content.full .area dd {
          font-size: 1.25rem;
          text-align: right; } }
@media screen and (max-width: 767px) {
  body.renovation section#body article .content .bnr {
    width: 100%; } }
@media screen and (max-width: 767px) {
  body.renovation section#body article .content .bnr {
    width: 100%; } }
@media screen and (min-width: 1024px) {
  body.renovation section#body article .content .bnr {
    margin: 0 auto;
    width: 800px; } }
body.renovation section#body article .content .bnr img {
  width: 100%; }
@media screen and (max-width: 767px) {
  body.renovation section#body article#outline h3 {
    font-size: calc(2rem * 1.0); } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.renovation section#body article#outline h3 {
    font-size: calc(3rem * 0.8); } }
@media screen and (min-width: 1024px) {
  body.renovation section#body article#outline h3 {
    font-size: calc(3rem * 0.9); } }
body.renovation section#body article#pickup {
  background-color: #fff9d9; }
body.renovation section#body article#capital-area {
  background-color: #FFF; }
  body.renovation section#body article#capital-area .h#dh {
    margin-top: -100px;
    padding-top: 150px; }
  body.renovation section#body article#capital-area .h#other-area {
    margin-top: -100px;
    padding-top: 150px; }
body.renovation section#body article#jv, body.renovation section#body article#others {
  position: relative; }
  body.renovation section#body article#jv:before, body.renovation section#body article#others:before {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    content: '';
    position: absolute;
    display: block; }
    @media screen and (max-width: 767px) {
      body.renovation section#body article#jv:before, body.renovation section#body article#others:before {
        padding-top: 12.6%;
        top: -45px;
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.renovation section#body article#jv:before, body.renovation section#body article#others:before {
        top: -45px;
        height: 50px;
        width: 630px; } }
    @media screen and (min-width: 1024px) {
      body.renovation section#body article#jv:before, body.renovation section#body article#others:before {
        top: -45px;
        height: 50px;
        width: 630px; } }
body.renovation section#body article#jv {
  background: #e3f0fa; }
body.renovation section#body article#others {
  background: #FFF; }
body.renovation section#body article#detail .content.project-name {
  display: block; }
  @media screen and (max-width: 767px) {
    body.renovation section#body article#detail .content.project-name {
      padding-top: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.renovation section#body article#detail .content.project-name {
      padding-top: 30px; } }
  @media screen and (min-width: 1024px) {
    body.renovation section#body article#detail .content.project-name {
      padding-top: 50px; } }
  @media screen and (max-width: 767px) {
    body.renovation section#body article#detail .content.project-name h2 {
      margin-bottom: 10px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.renovation section#body article#detail .content.project-name h2 {
      margin-bottom: 20px; } }
  @media screen and (min-width: 1024px) {
    body.renovation section#body article#detail .content.project-name h2 {
      margin-bottom: 20px; } }
  body.renovation section#body article#detail .content.project-name dl.spec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    column-gap: 1.5%;
    width: 100%; }
    body.renovation section#body article#detail .content.project-name dl.spec dt {
      margin-bottom: 10px; }
      @media screen and (max-width: 767px) {
        body.renovation section#body article#detail .content.project-name dl.spec dt {
          width: 7rem; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.renovation section#body article#detail .content.project-name dl.spec dt {
          width: 7rem; } }
      @media screen and (min-width: 1024px) {
        body.renovation section#body article#detail .content.project-name dl.spec dt {
          width: 7rem; } }
      body.renovation section#body article#detail .content.project-name dl.spec dt span {
        background-color: #F3F3F3;
        color: #777;
        line-height: 0;
        letter-spacing: 0.1rem;
        text-align: center;
        width: 1.75rem; }
        @media screen and (max-width: 767px) {
          body.renovation section#body article#detail .content.project-name dl.spec dt span {
            font-size: 0.875rem;
            padding: calc(5px * 0.6) calc(10px * 0.6); } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.renovation section#body article#detail .content.project-name dl.spec dt span {
            font-size: 1rem;
            padding: 5px 10px; } }
        @media screen and (min-width: 1024px) {
          body.renovation section#body article#detail .content.project-name dl.spec dt span {
            font-size: 1rem;
            padding: 5px 10px; } }
    body.renovation section#body article#detail .content.project-name dl.spec dd {
      width: 1fr; }
      body.renovation section#body article#detail .content.project-name dl.spec dd:last-child {
        margin-bottom: 0; }
      @media screen and (max-width: 767px) {
        body.renovation section#body article#detail .content.project-name dl.spec dd {
          font-size: 1.25rem;
          margin-bottom: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.renovation section#body article#detail .content.project-name dl.spec dd {
          font-size: 1.6rem;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1024px) {
        body.renovation section#body article#detail .content.project-name dl.spec dd {
          font-size: 1.6rem;
          margin-bottom: 20px; } }
@media screen and (max-width: 767px) {
  body.renovation section#body article#detail .content.outline {
    margin-bottom: 30px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.renovation section#body article#detail .content.outline {
    margin-bottom: 50px; } }
@media screen and (min-width: 1024px) {
  body.renovation section#body article#detail .content.outline {
    margin-bottom: 100px; } }
@media screen and (max-width: 767px) {
  body.renovation section#body article#detail .content.outline .eyecatch {
    margin-bottom: 20px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.renovation section#body article#detail .content.outline .eyecatch {
    margin-bottom: 20px; } }
@media screen and (min-width: 1024px) {
  body.renovation section#body article#detail .content.outline .eyecatch {
    margin-bottom: 30px; } }
body.renovation section#body article#detail .content.outline .eyecatch img {
  height: auto;
  width: 100%; }
body.renovation section#body article#detail .content.before {
  background-image: url("../images/renovation/bdr_arw.svg");
  background-repeat: no-repeat;
  background-position: center bottom; }
  @media screen and (max-width: 767px) {
    body.renovation section#body article#detail .content.before {
      background-size: 80%;
      padding-bottom: 50px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.renovation section#body article#detail .content.before {
      background-size: 80%;
      padding-bottom: 100px; } }
  @media screen and (min-width: 1024px) {
    body.renovation section#body article#detail .content.before {
      background-size: 100%;
      padding-bottom: 100px; } }
@media screen and (max-width: 767px) {
  body.renovation section#body article#detail .content.after {
    margin-bottom: 30px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.renovation section#body article#detail .content.after {
    margin-bottom: 50px; } }
@media screen and (min-width: 1024px) {
  body.renovation section#body article#detail .content.after {
    margin-bottom: 100px; } }
body.renovation section#body article#detail .content.before .thumb, body.renovation section#body article#detail .content.after .thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  column-gap: 1px;
  width: 100%; }
  body.renovation section#body article#detail .content.before .thumb li, body.renovation section#body article#detail .content.after .thumb li {
    cursor: pointer;
    margin-bottom: 1px;
    position: relative; }
    @media screen and (max-width: 767px) {
      body.renovation section#body article#detail .content.before .thumb li, body.renovation section#body article#detail .content.after .thumb li {
        width: 49.5%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.renovation section#body article#detail .content.before .thumb li, body.renovation section#body article#detail .content.after .thumb li {
        width: 33%; } }
    @media screen and (min-width: 1024px) {
      body.renovation section#body article#detail .content.before .thumb li, body.renovation section#body article#detail .content.after .thumb li {
        width: 33%; } }
    body.renovation section#body article#detail .content.before .thumb li:hover, body.renovation section#body article#detail .content.after .thumb li:hover {
      opacity: 0.75;
      filter: alpha(opacity=75);
      -ms-filter: "alpha( opacity=75 )";
      transition: all 0.5s; }
    body.renovation section#body article#detail .content.before .thumb li figure, body.renovation section#body article#detail .content.after .thumb li figure {
      width: 100%;
      aspect-ratio: 10 / 6;
      overflow: hidden; }
      body.renovation section#body article#detail .content.before .thumb li figure img, body.renovation section#body article#detail .content.after .thumb li figure img {
        object-fit: cover;
        height: 100%;
        width: 100%; }
    body.renovation section#body article#detail .content.before .thumb li::after, body.renovation section#body article#detail .content.after .thumb li::after {
      content: '';
      background-image: url("../images/renovation/icn_expansion.svg");
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      bottom: 0;
      right: 0; }
      @media screen and (max-width: 767px) {
        body.renovation section#body article#detail .content.before .thumb li::after, body.renovation section#body article#detail .content.after .thumb li::after {
          height: 2rem;
          width: 2rem; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.renovation section#body article#detail .content.before .thumb li::after, body.renovation section#body article#detail .content.after .thumb li::after {
          height: 2rem;
          width: 2rem; } }
      @media screen and (min-width: 1024px) {
        body.renovation section#body article#detail .content.before .thumb li::after, body.renovation section#body article#detail .content.after .thumb li::after {
          height: 3rem;
          width: 3rem; } }
@media screen and (max-width: 767px) {
  body.renovation section#body article#detail .content.floorplan {
    margin-bottom: 50px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.renovation section#body article#detail .content.floorplan {
    margin-bottom: 100px; } }
@media screen and (min-width: 1024px) {
  body.renovation section#body article#detail .content.floorplan {
    margin-bottom: 100px; } }
body.renovation section#body article#detail .content.floorplan .drawing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  column-gap: 5%; }
  @media screen and (max-width: 767px) {
    body.renovation section#body article#detail .content.floorplan .drawing {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  body.renovation section#body article#detail .content.floorplan .drawing dl {
    border: 1px solid #DDD;
    position: relative; }
    @media screen and (max-width: 767px) {
      body.renovation section#body article#detail .content.floorplan .drawing dl {
        padding: 20px;
        width: 100%; }
        body.renovation section#body article#detail .content.floorplan .drawing dl:first-child {
          margin-bottom: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.renovation section#body article#detail .content.floorplan .drawing dl {
        padding: 30px;
        width: 47.5%; } }
    @media screen and (min-width: 1024px) {
      body.renovation section#body article#detail .content.floorplan .drawing dl {
        padding: 30px;
        width: 47.5%; } }
    body.renovation section#body article#detail .content.floorplan .drawing dl:nth-child(2)::before {
      background-image: url("../images/renovation/arw_fp.svg");
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      content: '';
      position: absolute; }
      @media screen and (max-width: 767px) {
        body.renovation section#body article#detail .content.floorplan .drawing dl:nth-child(2)::before {
          width: 20px;
          height: 40px;
          top: -42px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          transform: rotate(90deg); } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.renovation section#body article#detail .content.floorplan .drawing dl:nth-child(2)::before {
          width: 20px;
          height: 40px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          left: -12%; } }
      @media screen and (min-width: 1024px) {
        body.renovation section#body article#detail .content.floorplan .drawing dl:nth-child(2)::before {
          width: 20px;
          height: 40px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          left: -11%; } }
    body.renovation section#body article#detail .content.floorplan .drawing dl dd img {
      height: auto;
      width: 100%; }
@media screen and (max-width: 767px) {
  body.renovation section#body article#detail .content.spec {
    margin-bottom: 30px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.renovation section#body article#detail .content.spec {
    margin-bottom: 50px; } }
@media screen and (min-width: 1024px) {
  body.renovation section#body article#detail .content.spec {
    margin-bottom: 100px; } }
body.renovation section#body article#detail .content.spec > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  @media screen and (max-width: 767px) {
    body.renovation section#body article#detail .content.spec > dl {
      column-gap: 2.5%;
      margin-bottom: 10px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.renovation section#body article#detail .content.spec > dl {
      column-gap: 1.5%;
      margin-bottom: 10px; } }
  @media screen and (min-width: 1024px) {
    body.renovation section#body article#detail .content.spec > dl {
      column-gap: 1.5%;
      margin-bottom: 20px; } }
  @media screen and (max-width: 767px) {
    body.renovation section#body article#detail .content.spec > dl dt {
      width: 6rem; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.renovation section#body article#detail .content.spec > dl dt {
      width: 7rem; } }
  @media screen and (min-width: 1024px) {
    body.renovation section#body article#detail .content.spec > dl dt {
      width: 7rem; } }
  body.renovation section#body article#detail .content.spec > dl dt span {
    background-color: #F3F3F3;
    color: #777;
    display: block;
    line-height: 0;
    letter-spacing: 0.1rem;
    text-align: center; }
    @media screen and (max-width: 767px) {
      body.renovation section#body article#detail .content.spec > dl dt span {
        font-size: 0.875rem;
        padding: 10px;
        width: 6rem; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.renovation section#body article#detail .content.spec > dl dt span {
        font-size: 1rem;
        padding: 10px;
        width: 7rem; } }
    @media screen and (min-width: 1024px) {
      body.renovation section#body article#detail .content.spec > dl dt span {
        font-size: 1rem;
        padding: 10px;
        width: 7rem; } }
  body.renovation section#body article#detail .content.spec > dl dd {
    width: 100%; }
    @media screen and (max-width: 767px) {
      body.renovation section#body article#detail .content.spec > dl dd {
        font-size: 1.25rem;
        margin-bottom: 10px;
        padding-top: calc(5px * .5); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.renovation section#body article#detail .content.spec > dl dd {
        font-size: 1.6rem;
        margin-bottom: 20px;
        padding-top: calc(5px * .5); } }
    @media screen and (min-width: 1024px) {
      body.renovation section#body article#detail .content.spec > dl dd {
        font-size: 1.6rem;
        margin-bottom: 20px;
        padding-top: calc(5px * .5); } }
    body.renovation section#body article#detail .content.spec > dl dd:last-child {
      margin-bottom: 0; }
@media screen and (max-width: 767px) {
  body.renovation section#body article#detail .content.tag {
    margin-bottom: 30px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.renovation section#body article#detail .content.tag {
    margin-bottom: 50px; } }
@media screen and (min-width: 1024px) {
  body.renovation section#body article#detail .content.tag {
    margin-bottom: 100px; } }
body.renovation section#body article#detail .content.tag ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  column-gap: 2.5%; }
  body.renovation section#body article#detail .content.tag ul li a {
    color: #009ad7; }
    body.renovation section#body article#detail .content.tag ul li a:before {
      content: '#';
      display: inline-block;
      vertical-align: middle; }
@media screen and (max-width: 767px) {
  body.renovation section#body article#detail .content.nav {
    margin-bottom: 30px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.renovation section#body article#detail .content.nav {
    margin-bottom: 50px; } }
@media screen and (min-width: 1024px) {
  body.renovation section#body article#detail .content.nav {
    margin-bottom: 100px; } }
@media screen and (max-width: 767px) {
  body.renovation section#body article#detail .content.nav .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    column-gap: 5%; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.renovation section#body article#detail .content.nav .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }
@media screen and (min-width: 1024px) {
  body.renovation section#body article#detail .content.nav .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }
body.renovation section#body article#detail .content.nav .btn-wrap .btn.back a {
  background: #F3F3F3;
  border: 0;
  color: #000; }

/***** .sdgs *****/

body.sdgs section#title .inner, body.sdgs-socialdesign section#title .inner, body.sdgs-qualitydesign section#title .inner, body.sdgs-sustainabledesign section#title .inner {
  background-image: url("../images/sdgs/main_bg.png");
  background-position: 50%; }
body.sdgs section#body article .content .blank a, body.sdgs-socialdesign section#body article .content .blank a, body.sdgs-qualitydesign section#body article .content .blank a, body.sdgs-sustainabledesign section#body article .content .blank a {
  color: #009ad7; }
  body.sdgs section#body article .content .blank a:after, body.sdgs-socialdesign section#body article .content .blank a:after, body.sdgs-qualitydesign section#body article .content .blank a:after, body.sdgs-sustainabledesign section#body article .content .blank a:after {
    background-image: url("../images/icn_blank_nega.svg"); }
body.sdgs section#body article .content .attempt-item, body.sdgs-socialdesign section#body article .content .attempt-item, body.sdgs-qualitydesign section#body article .content .attempt-item, body.sdgs-sustainabledesign section#body article .content .attempt-item {
  width: 100%; }
  @media screen and (max-width: 767px) {
    body.sdgs section#body article .content .attempt-item, body.sdgs-socialdesign section#body article .content .attempt-item, body.sdgs-qualitydesign section#body article .content .attempt-item, body.sdgs-sustainabledesign section#body article .content .attempt-item {
      margin-bottom: 30px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.sdgs section#body article .content .attempt-item, body.sdgs-socialdesign section#body article .content .attempt-item, body.sdgs-qualitydesign section#body article .content .attempt-item, body.sdgs-sustainabledesign section#body article .content .attempt-item {
      margin-bottom: 50px; } }
  @media screen and (min-width: 1024px) {
    body.sdgs section#body article .content .attempt-item, body.sdgs-socialdesign section#body article .content .attempt-item, body.sdgs-qualitydesign section#body article .content .attempt-item, body.sdgs-sustainabledesign section#body article .content .attempt-item {
      margin-bottom: 50px; } }
  body.sdgs section#body article .content .attempt-item .js-slider .slick-track, body.sdgs-socialdesign section#body article .content .attempt-item .js-slider .slick-track, body.sdgs-qualitydesign section#body article .content .attempt-item .js-slider .slick-track, body.sdgs-sustainabledesign section#body article .content .attempt-item .js-slider .slick-track {
    display: flex; }
  body.sdgs section#body article .content .attempt-item .js-slider.is-few-slides .slick-track, body.sdgs-socialdesign section#body article .content .attempt-item .js-slider.is-few-slides .slick-track, body.sdgs-qualitydesign section#body article .content .attempt-item .js-slider.is-few-slides .slick-track, body.sdgs-sustainabledesign section#body article .content .attempt-item .js-slider.is-few-slides .slick-track {
    justify-content: flex-start; }
  body.sdgs section#body article .content .attempt-item dl, body.sdgs-socialdesign section#body article .content .attempt-item dl, body.sdgs-qualitydesign section#body article .content .attempt-item dl, body.sdgs-sustainabledesign section#body article .content .attempt-item dl {
    line-height: 150%; }
    @media screen and (max-width: 767px) {
      body.sdgs section#body article .content .attempt-item dl, body.sdgs-socialdesign section#body article .content .attempt-item dl, body.sdgs-qualitydesign section#body article .content .attempt-item dl, body.sdgs-sustainabledesign section#body article .content .attempt-item dl {
        margin: 0 10px;
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.sdgs section#body article .content .attempt-item dl, body.sdgs-socialdesign section#body article .content .attempt-item dl, body.sdgs-qualitydesign section#body article .content .attempt-item dl, body.sdgs-sustainabledesign section#body article .content .attempt-item dl {
        margin: 0 20px;
        width: 300px; } }
    @media screen and (min-width: 1024px) {
      body.sdgs section#body article .content .attempt-item dl, body.sdgs-socialdesign section#body article .content .attempt-item dl, body.sdgs-qualitydesign section#body article .content .attempt-item dl, body.sdgs-sustainabledesign section#body article .content .attempt-item dl {
        margin: 0 20px;
        width: 300px; } }
    body.sdgs section#body article .content .attempt-item dl dt, body.sdgs-socialdesign section#body article .content .attempt-item dl dt, body.sdgs-qualitydesign section#body article .content .attempt-item dl dt, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dt {
      margin-bottom: 10px; }
      @media screen and (max-width: 767px) {
        body.sdgs section#body article .content .attempt-item dl dt, body.sdgs-socialdesign section#body article .content .attempt-item dl dt, body.sdgs-qualitydesign section#body article .content .attempt-item dl dt, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dt {
          font-size: calc(1.75rem * 0.9); } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.sdgs section#body article .content .attempt-item dl dt, body.sdgs-socialdesign section#body article .content .attempt-item dl dt, body.sdgs-qualitydesign section#body article .content .attempt-item dl dt, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dt {
          font-size: calc(2rem * 0.9); } }
      @media screen and (min-width: 1024px) {
        body.sdgs section#body article .content .attempt-item dl dt, body.sdgs-socialdesign section#body article .content .attempt-item dl dt, body.sdgs-qualitydesign section#body article .content .attempt-item dl dt, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dt {
          font-size: calc(2rem * 0.9); } }
      body.sdgs section#body article .content .attempt-item dl dt figure, body.sdgs-socialdesign section#body article .content .attempt-item dl dt figure, body.sdgs-qualitydesign section#body article .content .attempt-item dl dt figure, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dt figure {
        display: block;
        position: relative;
        padding-top: 83%; }
        body.sdgs section#body article .content .attempt-item dl dt figure .cover, body.sdgs-socialdesign section#body article .content .attempt-item dl dt figure .cover, body.sdgs-qualitydesign section#body article .content .attempt-item dl dt figure .cover, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dt figure .cover {
          background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
          display: block;
          height: 100%;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          z-index: 1; }
          body.sdgs section#body article .content .attempt-item dl dt figure .cover span, body.sdgs-socialdesign section#body article .content .attempt-item dl dt figure .cover span, body.sdgs-qualitydesign section#body article .content .attempt-item dl dt figure .cover span, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dt figure .cover span {
            color: #FFF;
            font-size: 1.25rem;
            font-weight: 500;
            position: absolute;
            left: 2.5%;
            bottom: 2.5%; }
        body.sdgs section#body article .content .attempt-item dl dt figure img, body.sdgs-socialdesign section#body article .content .attempt-item dl dt figure img, body.sdgs-qualitydesign section#body article .content .attempt-item dl dt figure img, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dt figure img {
          position: absolute;
          bottom: 0;
          left: 0;
          height: auto;
          width: 100%;
          z-index: 0; }
      body.sdgs section#body article .content .attempt-item dl dt span, body.sdgs-socialdesign section#body article .content .attempt-item dl dt span, body.sdgs-qualitydesign section#body article .content .attempt-item dl dt span, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dt span {
        display: block; }
        @media screen and (max-width: 767px) {
          body.sdgs section#body article .content .attempt-item dl dt span, body.sdgs-socialdesign section#body article .content .attempt-item dl dt span, body.sdgs-qualitydesign section#body article .content .attempt-item dl dt span, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dt span {
            font-size: calc(0.875rem * 1.2); } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.sdgs section#body article .content .attempt-item dl dt span, body.sdgs-socialdesign section#body article .content .attempt-item dl dt span, body.sdgs-qualitydesign section#body article .content .attempt-item dl dt span, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dt span {
            font-size: calc(1rem * 1.2); } }
        @media screen and (min-width: 1024px) {
          body.sdgs section#body article .content .attempt-item dl dt span, body.sdgs-socialdesign section#body article .content .attempt-item dl dt span, body.sdgs-qualitydesign section#body article .content .attempt-item dl dt span, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dt span {
            font-size: calc(1rem * 1.2); } }
    body.sdgs section#body article .content .attempt-item dl dd ul, body.sdgs-socialdesign section#body article .content .attempt-item dl dd ul, body.sdgs-qualitydesign section#body article .content .attempt-item dl dd ul, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dd ul {
      margin-top: 10px;
      margin-left: 2rem; }
      body.sdgs section#body article .content .attempt-item dl dd ul li, body.sdgs-socialdesign section#body article .content .attempt-item dl dd ul li, body.sdgs-qualitydesign section#body article .content .attempt-item dl dd ul li, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dd ul li {
        position: relative;
        line-height: 150%;
        margin-bottom: 5px; }
        body.sdgs section#body article .content .attempt-item dl dd ul li:before, body.sdgs-socialdesign section#body article .content .attempt-item dl dd ul li:before, body.sdgs-qualitydesign section#body article .content .attempt-item dl dd ul li:before, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dd ul li:before {
          background-repeat: no-repeat;
          background-size: cover;
          content: '';
          display: block;
          position: absolute; }
          @media screen and (max-width: 767px) {
            body.sdgs section#body article .content .attempt-item dl dd ul li:before, body.sdgs-socialdesign section#body article .content .attempt-item dl dd ul li:before, body.sdgs-qualitydesign section#body article .content .attempt-item dl dd ul li:before, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dd ul li:before {
              top: 0;
              left: -2.0rem;
              height: 16px;
              width: 16px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.sdgs section#body article .content .attempt-item dl dd ul li:before, body.sdgs-socialdesign section#body article .content .attempt-item dl dd ul li:before, body.sdgs-qualitydesign section#body article .content .attempt-item dl dd ul li:before, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dd ul li:before {
              top: calc(5px * .5);
              left: -2.5rem;
              height: 20px;
              width: 20px; } }
          @media screen and (min-width: 1024px) {
            body.sdgs section#body article .content .attempt-item dl dd ul li:before, body.sdgs-socialdesign section#body article .content .attempt-item dl dd ul li:before, body.sdgs-qualitydesign section#body article .content .attempt-item dl dd ul li:before, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dd ul li:before {
              top: calc(5px * .5);
              left: -2.5rem;
              height: 20px;
              width: 20px; } }
        body.sdgs section#body article .content .attempt-item dl dd ul li:nth-child(1):before, body.sdgs-socialdesign section#body article .content .attempt-item dl dd ul li:nth-child(1):before, body.sdgs-qualitydesign section#body article .content .attempt-item dl dd ul li:nth-child(1):before, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dd ul li:nth-child(1):before {
          background-image: url("../images/icn_num_01.svg"); }
        body.sdgs section#body article .content .attempt-item dl dd ul li:nth-child(2):before, body.sdgs-socialdesign section#body article .content .attempt-item dl dd ul li:nth-child(2):before, body.sdgs-qualitydesign section#body article .content .attempt-item dl dd ul li:nth-child(2):before, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dd ul li:nth-child(2):before {
          background-image: url("../images/icn_num_02.svg"); }
        body.sdgs section#body article .content .attempt-item dl dd ul li:nth-child(3):before, body.sdgs-socialdesign section#body article .content .attempt-item dl dd ul li:nth-child(3):before, body.sdgs-qualitydesign section#body article .content .attempt-item dl dd ul li:nth-child(3):before, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dd ul li:nth-child(3):before {
          background-image: url("../images/icn_num_03.svg"); }
        body.sdgs section#body article .content .attempt-item dl dd ul li:nth-child(4):before, body.sdgs-socialdesign section#body article .content .attempt-item dl dd ul li:nth-child(4):before, body.sdgs-qualitydesign section#body article .content .attempt-item dl dd ul li:nth-child(4):before, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dd ul li:nth-child(4):before {
          background-image: url("../images/icn_num_04.svg"); }
        body.sdgs section#body article .content .attempt-item dl dd ul li:nth-child(5):before, body.sdgs-socialdesign section#body article .content .attempt-item dl dd ul li:nth-child(5):before, body.sdgs-qualitydesign section#body article .content .attempt-item dl dd ul li:nth-child(5):before, body.sdgs-sustainabledesign section#body article .content .attempt-item dl dd ul li:nth-child(5):before {
          background-image: url("../images/icn_num_05.svg"); }
  body.sdgs section#body article .content .attempt-item button, body.sdgs-socialdesign section#body article .content .attempt-item button, body.sdgs-qualitydesign section#body article .content .attempt-item button, body.sdgs-sustainabledesign section#body article .content .attempt-item button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    body.sdgs section#body article .content .attempt-item button.slide-arrow, body.sdgs-socialdesign section#body article .content .attempt-item button.slide-arrow, body.sdgs-qualitydesign section#body article .content .attempt-item button.slide-arrow, body.sdgs-sustainabledesign section#body article .content .attempt-item button.slide-arrow {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    body.sdgs section#body article .content .attempt-item button.prev-arrow, body.sdgs-socialdesign section#body article .content .attempt-item button.prev-arrow, body.sdgs-qualitydesign section#body article .content .attempt-item button.prev-arrow, body.sdgs-sustainabledesign section#body article .content .attempt-item button.prev-arrow {
      display: block;
      background-image: url("../images/icn_arw_next.svg");
      background-size: cover;
      background-repeat: no-repeat;
      transform: rotate(180deg);
      left: -30px;
      height: 30px;
      width: 20px; }
    body.sdgs section#body article .content .attempt-item button.next-arrow, body.sdgs-socialdesign section#body article .content .attempt-item button.next-arrow, body.sdgs-qualitydesign section#body article .content .attempt-item button.next-arrow, body.sdgs-sustainabledesign section#body article .content .attempt-item button.next-arrow {
      display: block;
      background-image: url("../images/icn_arw_next.svg");
      background-size: cover;
      background-repeat: no-repeat;
      right: -30px;
      height: 30px;
      width: 20px; }
body.sdgs section#body article .bnr, body.sdgs-socialdesign section#body article .bnr, body.sdgs-qualitydesign section#body article .bnr, body.sdgs-sustainabledesign section#body article .bnr {
  width: 100%; }
  @media screen and (max-width: 767px) {
    body.sdgs section#body article .bnr, body.sdgs-socialdesign section#body article .bnr, body.sdgs-qualitydesign section#body article .bnr, body.sdgs-sustainabledesign section#body article .bnr {
      display: block; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.sdgs section#body article .bnr, body.sdgs-socialdesign section#body article .bnr, body.sdgs-qualitydesign section#body article .bnr, body.sdgs-sustainabledesign section#body article .bnr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      column-gap: 50px; } }
  @media screen and (min-width: 1024px) {
    body.sdgs section#body article .bnr, body.sdgs-socialdesign section#body article .bnr, body.sdgs-qualitydesign section#body article .bnr, body.sdgs-sustainabledesign section#body article .bnr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      column-gap: 50px; } }
  @media screen and (max-width: 767px) {
    body.sdgs section#body article .bnr li, body.sdgs-socialdesign section#body article .bnr li, body.sdgs-qualitydesign section#body article .bnr li, body.sdgs-sustainabledesign section#body article .bnr li {
      margin-bottom: 30px;
      width: 100%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.sdgs section#body article .bnr li, body.sdgs-socialdesign section#body article .bnr li, body.sdgs-qualitydesign section#body article .bnr li, body.sdgs-sustainabledesign section#body article .bnr li {
      width: 300px; } }
  @media screen and (min-width: 1024px) {
    body.sdgs section#body article .bnr li, body.sdgs-socialdesign section#body article .bnr li, body.sdgs-qualitydesign section#body article .bnr li, body.sdgs-sustainabledesign section#body article .bnr li {
      width: 300px; } }
  body.sdgs section#body article .bnr li img, body.sdgs-socialdesign section#body article .bnr li img, body.sdgs-qualitydesign section#body article .bnr li img, body.sdgs-sustainabledesign section#body article .bnr li img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: auto;
    width: 100%; }
  body.sdgs section#body article .bnr li.current, body.sdgs-socialdesign section#body article .bnr li.current, body.sdgs-qualitydesign section#body article .bnr li.current, body.sdgs-sustainabledesign section#body article .bnr li.current {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )"; }
body.sdgs section#body article#group, body.sdgs-socialdesign section#body article#group, body.sdgs-qualitydesign section#body article#group, body.sdgs-sustainabledesign section#body article#group {
  margin-top: -50px;
  width: 100%; }
  body.sdgs section#body article#group .content .policy, body.sdgs-socialdesign section#body article#group .content .policy, body.sdgs-qualitydesign section#body article#group .content .policy, body.sdgs-sustainabledesign section#body article#group .content .policy {
    margin-bottom: 50px; }
    body.sdgs section#body article#group .content .policy li, body.sdgs-socialdesign section#body article#group .content .policy li, body.sdgs-qualitydesign section#body article#group .content .policy li, body.sdgs-sustainabledesign section#body article#group .content .policy li {
      margin-bottom: 10px; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.sdgs section#body article#group .content .box, body.sdgs-socialdesign section#body article#group .content .box, body.sdgs-qualitydesign section#body article#group .content .box, body.sdgs-sustainabledesign section#body article#group .content .box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      column-gap: 5%; } }
  @media screen and (min-width: 1024px) {
    body.sdgs section#body article#group .content .box, body.sdgs-socialdesign section#body article#group .content .box, body.sdgs-qualitydesign section#body article#group .content .box, body.sdgs-sustainabledesign section#body article#group .content .box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      column-gap: 5%; } }
  body.sdgs section#body article#group .content .box figure, body.sdgs-socialdesign section#body article#group .content .box figure, body.sdgs-qualitydesign section#body article#group .content .box figure, body.sdgs-sustainabledesign section#body article#group .content .box figure {
    margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      body.sdgs section#body article#group .content .box figure, body.sdgs-socialdesign section#body article#group .content .box figure, body.sdgs-qualitydesign section#body article#group .content .box figure, body.sdgs-sustainabledesign section#body article#group .content .box figure {
        margin: 0 auto 20px;
        width: 60%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.sdgs section#body article#group .content .box figure, body.sdgs-socialdesign section#body article#group .content .box figure, body.sdgs-qualitydesign section#body article#group .content .box figure, body.sdgs-sustainabledesign section#body article#group .content .box figure {
        width: 30%; } }
    @media screen and (min-width: 1024px) {
      body.sdgs section#body article#group .content .box figure, body.sdgs-socialdesign section#body article#group .content .box figure, body.sdgs-qualitydesign section#body article#group .content .box figure, body.sdgs-sustainabledesign section#body article#group .content .box figure {
        width: 30%; } }
    body.sdgs section#body article#group .content .box figure img, body.sdgs-socialdesign section#body article#group .content .box figure img, body.sdgs-qualitydesign section#body article#group .content .box figure img, body.sdgs-sustainabledesign section#body article#group .content .box figure img {
      height: auto;
      width: 100%; }
  @media screen and (max-width: 767px) {
    body.sdgs section#body article#group .content .box p, body.sdgs-socialdesign section#body article#group .content .box p, body.sdgs-qualitydesign section#body article#group .content .box p, body.sdgs-sustainabledesign section#body article#group .content .box p {
      margin-bottom: 0;
      width: 100%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.sdgs section#body article#group .content .box p, body.sdgs-socialdesign section#body article#group .content .box p, body.sdgs-qualitydesign section#body article#group .content .box p, body.sdgs-sustainabledesign section#body article#group .content .box p {
      width: 65%; } }
  @media screen and (min-width: 1024px) {
    body.sdgs section#body article#group .content .box p, body.sdgs-socialdesign section#body article#group .content .box p, body.sdgs-qualitydesign section#body article#group .content .box p, body.sdgs-sustainabledesign section#body article#group .content .box p {
      width: 65%; } }
  body.sdgs section#body article#group .content .box_02 dl img, body.sdgs-socialdesign section#body article#group .content .box_02 dl img, body.sdgs-qualitydesign section#body article#group .content .box_02 dl img, body.sdgs-sustainabledesign section#body article#group .content .box_02 dl img {
    width: 100%; }
  body.sdgs section#body article#group .content .box_02 dl dt, body.sdgs-socialdesign section#body article#group .content .box_02 dl dt, body.sdgs-qualitydesign section#body article#group .content .box_02 dl dt, body.sdgs-sustainabledesign section#body article#group .content .box_02 dl dt {
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      body.sdgs section#body article#group .content .box_02 dl dt, body.sdgs-socialdesign section#body article#group .content .box_02 dl dt, body.sdgs-qualitydesign section#body article#group .content .box_02 dl dt, body.sdgs-sustainabledesign section#body article#group .content .box_02 dl dt {
        width: 80%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.sdgs section#body article#group .content .box_02 dl dt, body.sdgs-socialdesign section#body article#group .content .box_02 dl dt, body.sdgs-qualitydesign section#body article#group .content .box_02 dl dt, body.sdgs-sustainabledesign section#body article#group .content .box_02 dl dt {
        margin: 0 auto 30px;
        width: 80%; } }
    @media screen and (min-width: 1024px) {
      body.sdgs section#body article#group .content .box_02 dl dt, body.sdgs-socialdesign section#body article#group .content .box_02 dl dt, body.sdgs-qualitydesign section#body article#group .content .box_02 dl dt, body.sdgs-sustainabledesign section#body article#group .content .box_02 dl dt {
        margin: 0 auto 30px;
        width: 600px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.sdgs section#body article#group .content .box_02 dl dd ul, body.sdgs-socialdesign section#body article#group .content .box_02 dl dd ul, body.sdgs-qualitydesign section#body article#group .content .box_02 dl dd ul, body.sdgs-sustainabledesign section#body article#group .content .box_02 dl dd ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media screen and (min-width: 1024px) {
    body.sdgs section#body article#group .content .box_02 dl dd ul, body.sdgs-socialdesign section#body article#group .content .box_02 dl dd ul, body.sdgs-qualitydesign section#body article#group .content .box_02 dl dd ul, body.sdgs-sustainabledesign section#body article#group .content .box_02 dl dd ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media screen and (max-width: 767px) {
    body.sdgs section#body article#group .content .box_02 dl dd ul li, body.sdgs-socialdesign section#body article#group .content .box_02 dl dd ul li, body.sdgs-qualitydesign section#body article#group .content .box_02 dl dd ul li, body.sdgs-sustainabledesign section#body article#group .content .box_02 dl dd ul li {
      width: 100%; }
      body.sdgs section#body article#group .content .box_02 dl dd ul li:first-child, body.sdgs-socialdesign section#body article#group .content .box_02 dl dd ul li:first-child, body.sdgs-qualitydesign section#body article#group .content .box_02 dl dd ul li:first-child, body.sdgs-sustainabledesign section#body article#group .content .box_02 dl dd ul li:first-child {
        margin-bottom: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.sdgs section#body article#group .content .box_02 dl dd ul li, body.sdgs-socialdesign section#body article#group .content .box_02 dl dd ul li, body.sdgs-qualitydesign section#body article#group .content .box_02 dl dd ul li, body.sdgs-sustainabledesign section#body article#group .content .box_02 dl dd ul li {
      width: 47.5%; } }
  @media screen and (min-width: 1024px) {
    body.sdgs section#body article#group .content .box_02 dl dd ul li, body.sdgs-socialdesign section#body article#group .content .box_02 dl dd ul li, body.sdgs-qualitydesign section#body article#group .content .box_02 dl dd ul li, body.sdgs-sustainabledesign section#body article#group .content .box_02 dl dd ul li {
      width: 47.5%; } }
body.sdgs section#body article#wic, body.sdgs-socialdesign section#body article#wic, body.sdgs-qualitydesign section#body article#wic, body.sdgs-sustainabledesign section#body article#wic {
  background: #FFF9D9; }
  @media screen and (max-width: 767px) {
    body.sdgs section#body article#wic .main, body.sdgs-socialdesign section#body article#wic .main, body.sdgs-qualitydesign section#body article#wic .main, body.sdgs-sustainabledesign section#body article#wic .main {
      margin-bottom: 30px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.sdgs section#body article#wic .main, body.sdgs-socialdesign section#body article#wic .main, body.sdgs-qualitydesign section#body article#wic .main, body.sdgs-sustainabledesign section#body article#wic .main {
      margin-bottom: 30px; } }
  @media screen and (min-width: 1024px) {
    body.sdgs section#body article#wic .main, body.sdgs-socialdesign section#body article#wic .main, body.sdgs-qualitydesign section#body article#wic .main, body.sdgs-sustainabledesign section#body article#wic .main {
      margin-bottom: 50px; } }
  body.sdgs section#body article#wic .main img, body.sdgs-socialdesign section#body article#wic .main img, body.sdgs-qualitydesign section#body article#wic .main img, body.sdgs-sustainabledesign section#body article#wic .main img {
    height: auto;
    width: 100%; }
  @media screen and (max-width: 767px) {
    body.sdgs section#body article#wic .box h4, body.sdgs-socialdesign section#body article#wic .box h4, body.sdgs-qualitydesign section#body article#wic .box h4, body.sdgs-sustainabledesign section#body article#wic .box h4 {
      margin-bottom: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.sdgs section#body article#wic .box h4, body.sdgs-socialdesign section#body article#wic .box h4, body.sdgs-qualitydesign section#body article#wic .box h4, body.sdgs-sustainabledesign section#body article#wic .box h4 {
      margin-bottom: 20px; } }
  @media screen and (min-width: 1024px) {
    body.sdgs section#body article#wic .box h4, body.sdgs-socialdesign section#body article#wic .box h4, body.sdgs-qualitydesign section#body article#wic .box h4, body.sdgs-sustainabledesign section#body article#wic .box h4 {
      margin-bottom: 30px; } }
body.sdgs-socialdesign section article#outline .content figure.main, body.sdgs-qualitydesign section article#outline .content figure.main, body.sdgs-sustainabledesign section article#outline .content figure.main {
  margin-bottom: 30px; }
  body.sdgs-socialdesign section article#outline .content figure.main img, body.sdgs-qualitydesign section article#outline .content figure.main img, body.sdgs-sustainabledesign section article#outline .content figure.main img {
    height: auto;
    width: 100%; }
body.sdgs-socialdesign section article#attempt, body.sdgs-qualitydesign section article#attempt, body.sdgs-sustainabledesign section article#attempt {
  padding-top: 0;
  margin-top: 0; }
  body.sdgs-socialdesign section article#attempt .content .title, body.sdgs-qualitydesign section article#attempt .content .title, body.sdgs-sustainabledesign section article#attempt .content .title {
    display: grid;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      body.sdgs-socialdesign section article#attempt .content .title, body.sdgs-qualitydesign section article#attempt .content .title, body.sdgs-sustainabledesign section article#attempt .content .title {
        grid-template-rows: 80px 1fr;
        grid-template-columns: 80px 1fr; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.sdgs-socialdesign section article#attempt .content .title, body.sdgs-qualitydesign section article#attempt .content .title, body.sdgs-sustainabledesign section article#attempt .content .title {
        grid-template-rows: calc(2rem * 2) 1fr;
        grid-template-columns: 120px 1fr; } }
    @media screen and (min-width: 1024px) {
      body.sdgs-socialdesign section article#attempt .content .title, body.sdgs-qualitydesign section article#attempt .content .title, body.sdgs-sustainabledesign section article#attempt .content .title {
        grid-template-rows: calc(2rem * 2) 1fr;
        grid-template-columns: 120px 1fr; } }
    body.sdgs-socialdesign section article#attempt .content .title h3, body.sdgs-qualitydesign section article#attempt .content .title h3, body.sdgs-sustainabledesign section article#attempt .content .title h3 {
      background: #82b66a;
      color: #FFF;
      display: block;
      line-height: 180%;
      grid-row: 1 / 3;
      grid-column: 1 / 2;
      text-align: center; }
      body.sdgs-socialdesign section article#attempt .content .title h3 span, body.sdgs-qualitydesign section article#attempt .content .title h3 span, body.sdgs-sustainabledesign section article#attempt .content .title h3 span {
        display: block; }
      @media screen and (max-width: 767px) {
        body.sdgs-socialdesign section article#attempt .content .title h3, body.sdgs-qualitydesign section article#attempt .content .title h3, body.sdgs-sustainabledesign section article#attempt .content .title h3 {
          font-size: 1.25rem;
          height: 60px;
          padding-top: 5px;
          width: 60px; }
          body.sdgs-socialdesign section article#attempt .content .title h3 span, body.sdgs-qualitydesign section article#attempt .content .title h3 span, body.sdgs-sustainabledesign section article#attempt .content .title h3 span {
            font-size: 3rem; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.sdgs-socialdesign section article#attempt .content .title h3, body.sdgs-qualitydesign section article#attempt .content .title h3, body.sdgs-sustainabledesign section article#attempt .content .title h3 {
          font-size: 2rem;
          height: 100px;
          padding-top: 10px;
          width: 100px; }
          body.sdgs-socialdesign section article#attempt .content .title h3 span, body.sdgs-qualitydesign section article#attempt .content .title h3 span, body.sdgs-sustainabledesign section article#attempt .content .title h3 span {
            font-size: 4rem; } }
      @media screen and (min-width: 1024px) {
        body.sdgs-socialdesign section article#attempt .content .title h3, body.sdgs-qualitydesign section article#attempt .content .title h3, body.sdgs-sustainabledesign section article#attempt .content .title h3 {
          font-size: 2rem;
          height: 100px;
          padding-top: 10px;
          width: 100px; }
          body.sdgs-socialdesign section article#attempt .content .title h3 span, body.sdgs-qualitydesign section article#attempt .content .title h3 span, body.sdgs-sustainabledesign section article#attempt .content .title h3 span {
            font-size: 4rem; } }
    body.sdgs-socialdesign section article#attempt .content .title h4, body.sdgs-qualitydesign section article#attempt .content .title h4, body.sdgs-sustainabledesign section article#attempt .content .title h4 {
      font-size: calc(2rem * 1.3);
      grid-row: 1 / 2;
      grid-column: 2 / 3; }
      @media screen and (max-width: 767px) {
        body.sdgs-socialdesign section article#attempt .content .title h4, body.sdgs-qualitydesign section article#attempt .content .title h4, body.sdgs-sustainabledesign section article#attempt .content .title h4 {
          font-size: calc(1.6rem * 1.3); } }
    body.sdgs-socialdesign section article#attempt .content .title p, body.sdgs-qualitydesign section article#attempt .content .title p, body.sdgs-sustainabledesign section article#attempt .content .title p {
      grid-row: 2 / 2; }
      @media screen and (max-width: 767px) {
        body.sdgs-socialdesign section article#attempt .content .title p, body.sdgs-qualitydesign section article#attempt .content .title p, body.sdgs-sustainabledesign section article#attempt .content .title p {
          grid-column: 1 / 3; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.sdgs-socialdesign section article#attempt .content .title p, body.sdgs-qualitydesign section article#attempt .content .title p, body.sdgs-sustainabledesign section article#attempt .content .title p {
          grid-column: 2 / 3; } }
      @media screen and (min-width: 1024px) {
        body.sdgs-socialdesign section article#attempt .content .title p, body.sdgs-qualitydesign section article#attempt .content .title p, body.sdgs-sustainabledesign section article#attempt .content .title p {
          grid-column: 2 / 3; } }
  body.sdgs-socialdesign section article#attempt .content p.note, body.sdgs-qualitydesign section article#attempt .content p.note, body.sdgs-sustainabledesign section article#attempt .content p.note {
    color: #AAA;
    text-align: right;
    margin-bottom: calc(50px * 1.5); }
    @media screen and (max-width: 767px) {
      body.sdgs-socialdesign section article#attempt .content p.note, body.sdgs-qualitydesign section article#attempt .content p.note, body.sdgs-sustainabledesign section article#attempt .content p.note {
        font-size: 1.25rem; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.sdgs-socialdesign section article#attempt .content p.note, body.sdgs-qualitydesign section article#attempt .content p.note, body.sdgs-sustainabledesign section article#attempt .content p.note {
        font-size: 1.25rem; } }
    @media screen and (min-width: 1024px) {
      body.sdgs-socialdesign section article#attempt .content p.note, body.sdgs-qualitydesign section article#attempt .content p.note, body.sdgs-sustainabledesign section article#attempt .content p.note {
        font-size: 1.25rem; } }
@media screen and (max-width: 767px) {
  body.sdgs-qualitydesign article#attempt .content#safetyvision .attempt .title-lower h5, body.sdgs-qualitydesign article#attempt .content#heartfulplanning .attempt .title-lower h5 {
    font-size: calc(1.75rem * 1.0); } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.sdgs-qualitydesign article#attempt .content#safetyvision .attempt .title-lower h5, body.sdgs-qualitydesign article#attempt .content#heartfulplanning .attempt .title-lower h5 {
    font-size: calc(2rem * 1.2); } }
@media screen and (min-width: 1024px) {
  body.sdgs-qualitydesign article#attempt .content#safetyvision .attempt .title-lower h5, body.sdgs-qualitydesign article#attempt .content#heartfulplanning .attempt .title-lower h5 {
    font-size: calc(2rem * 1.2); } }
body.sdgs-qualitydesign article#attempt .content#safetyvision .attempt .title-lower h5 > span, body.sdgs-qualitydesign article#attempt .content#heartfulplanning .attempt .title-lower h5 > span {
  position: relative;
  padding-left: 1.5rem; }
  body.sdgs-qualitydesign article#attempt .content#safetyvision .attempt .title-lower h5 > span:before, body.sdgs-qualitydesign article#attempt .content#heartfulplanning .attempt .title-lower h5 > span:before {
    background: linear-gradient(to bottom right, #FFD600, #009FDC);
    content: '';
    display: block;
    height: 100%;
    width: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0; }
  @media screen and (max-width: 767px) {
    body.sdgs-qualitydesign article#attempt .content#safetyvision .attempt .title-lower h5 > span > span, body.sdgs-qualitydesign article#attempt .content#heartfulplanning .attempt .title-lower h5 > span > span {
      display: inline-block;
      padding-left: 1rem; } }
@media screen and (max-width: 767px) {
  body.sdgs-qualitydesign article#attempt .content#safetyvision .logo-block .logo span {
    width: 70%; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.sdgs-qualitydesign article#attempt .content#safetyvision .logo-block .logo span {
    width: 50%; } }
@media screen and (min-width: 1024px) {
  body.sdgs-qualitydesign article#attempt .content#safetyvision .logo-block .logo span {
    width: 50%; } }
@media screen and (max-width: 767px) {
  body.sdgs-qualitydesign article#attempt .content#heartfulplanning .logo-block .logo span {
    width: 90%; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.sdgs-qualitydesign article#attempt .content#heartfulplanning .logo-block .logo span {
    width: 70%; } }
@media screen and (min-width: 1024px) {
  body.sdgs-qualitydesign article#attempt .content#heartfulplanning .logo-block .logo span {
    width: 70%; } }
body.sdgs-qualitydesign article#attempt .content .logo-block {
  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;
  column-gap: 5%; }
  @media screen and (max-width: 767px) {
    body.sdgs-qualitydesign article#attempt .content .logo-block {
      margin-bottom: calc(50px * 1.5); } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.sdgs-qualitydesign article#attempt .content .logo-block {
      margin-bottom: 100px; } }
  @media screen and (min-width: 1024px) {
    body.sdgs-qualitydesign article#attempt .content .logo-block {
      margin-bottom: 100px; } }
  body.sdgs-qualitydesign article#attempt .content .logo-block .logo {
    border-top: 1px solid #000;
    display: block;
    position: relative;
    width: 100%; }
    @media screen and (max-width: 767px) {
      body.sdgs-qualitydesign article#attempt .content .logo-block .logo {
        margin-top: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.sdgs-qualitydesign article#attempt .content .logo-block .logo {
        margin-top: 50px; } }
    @media screen and (min-width: 1024px) {
      body.sdgs-qualitydesign article#attempt .content .logo-block .logo {
        margin-top: 50px; } }
    body.sdgs-qualitydesign article#attempt .content .logo-block .logo span {
      background: #FFF;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      body.sdgs-qualitydesign article#attempt .content .logo-block .logo span img {
        height: auto;
        width: 100%; }
body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50% 50%;
  position: relative;
  width: 100%; }
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dt, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dt {
    color: #5C9362;
    font-family: 'Klee One', sans-serif;
    position: absolute; }
    @media screen and (max-width: 767px) {
      body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dt, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dt {
        font-size: calc(1.75rem * 1.25); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dt, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dt {
        font-size: calc(4rem * 1.0); } }
    @media screen and (min-width: 1024px) {
      body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dt, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dt {
        font-size: calc(4rem * 1.0); } }
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd {
    cursor: pointer;
    position: absolute;
    transition: all 0.5s;
    height: auto; }
    body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd img, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd img {
      height: auto;
      width: 100%; }
    @media screen and (max-width: 767px) {
      body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd {
        width: 30%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd {
        width: 30%; } }
    @media screen and (min-width: 1024px) {
      body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd {
        width: 20%; } }
    body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd:hover, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd:hover {
      opacity: 0.75;
      filter: alpha(opacity=75);
      -ms-filter: "alpha( opacity=75 )";
      transition: all 0.5s; }
    body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd figure, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd figure {
      display: block;
      position: relative;
      padding-top: 100%;
      object-fit: cover; }
      @media screen and (max-width: 767px) {
        body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd figure, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd figure {
          width: 100%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd figure, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd figure {
          width: 100%; } }
      @media screen and (min-width: 1024px) {
        body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd figure, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd figure {
          width: 100%; } }
      body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd figure .cover, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd figure .cover {
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        display: block;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1; }
        body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd figure .cover span, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd figure .cover span {
          color: #FFF;
          font-weight: 500;
          line-height: 120%;
          position: absolute;
          left: 50%;
          bottom: 7.5%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          width: 100%;
          text-align: center; }
          @media screen and (max-width: 767px) {
            body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd figure .cover span, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd figure .cover span {
              font-size: calc(1rem * 0.8); } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd figure .cover span, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd figure .cover span {
              font-size: 1.6rem; } }
          @media screen and (min-width: 1024px) {
            body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd figure .cover span, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd figure .cover span {
              font-size: 1.6rem; } }
      body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd figure img, body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd figure img {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
        position: absolute;
        bottom: 0;
        left: 0;
        height: auto;
        width: 100%;
        z-index: 0; }
@media screen and (max-width: 767px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl {
    background-image: url("../images/sdgs/quality_attempt05_bg_ex_m.svg");
    background-size: 80%;
    padding-top: 120%; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl {
    background-image: url("../images/sdgs/quality_attempt05_bg_ex_m.svg");
    background-size: 80%;
    padding-top: 120%; } }
@media screen and (min-width: 1024px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl {
    background-image: url("../images/sdgs/quality_attempt05_bg_ex.svg");
    padding-top: 80%; } }
body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dt {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
  @media screen and (max-width: 767px) {
    body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dt {
      top: 50px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dt {
      top: 100px; } }
  @media screen and (min-width: 1024px) {
    body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dt {
      top: 50px; } }
@media screen and (max-width: 767px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr001 {
    top: 10%;
    left: 0; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr001 {
    top: 10%;
    left: 0; } }
@media screen and (min-width: 1024px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr001 {
    top: 0;
    left: 15%; } }
@media screen and (max-width: 767px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr002 {
    top: 10%;
    right: 0; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr002 {
    top: 10%;
    right: 0; } }
@media screen and (min-width: 1024px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr002 {
    top: 0;
    right: 15%; } }
@media screen and (max-width: 767px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr003 {
    top: 35%;
    right: 0; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr003 {
    top: 35%;
    right: 0; } }
@media screen and (min-width: 1024px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr003 {
    top: 35%;
    right: 5%; } }
@media screen and (max-width: 767px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr004 {
    top: 60%;
    right: 0; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr004 {
    top: 60%;
    right: 0; } }
@media screen and (min-width: 1024px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr004 {
    bottom: 10%;
    right: 15%; } }
@media screen and (max-width: 767px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr005 {
    top: 60%;
    left: 0; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr005 {
    top: 60%;
    left: 0; } }
@media screen and (min-width: 1024px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr005 {
    bottom: 10%;
    left: 15%; } }
@media screen and (max-width: 767px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr006 {
    top: 35%;
    left: 0; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr006 {
    top: 35%;
    left: 0; } }
@media screen and (min-width: 1024px) {
  body.sdgs-qualitydesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr006 {
    top: 35%;
    left: 5%; } }
body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl {
  background-image: url("../images/sdgs/quality_attempt05_bg_co.svg"); }
  @media screen and (max-width: 767px) {
    body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl {
      margin-bottom: 30px;
      padding-top: 60%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl {
      background-size: 80%;
      margin-bottom: 30px;
      padding-top: 60%; } }
  @media screen and (min-width: 1024px) {
    body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl {
      margin-bottom: 30px;
      padding-top: 50%; } }
  body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dt {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media screen and (max-width: 767px) {
      body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dt {
        top: 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dt {
        top: 50px; } }
    @media screen and (min-width: 1024px) {
      body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dt {
        top: 50px; } }
  @media screen and (max-width: 767px) {
    body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd#bnr001 {
      top: 0;
      left: 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd#bnr001 {
      top: 0;
      left: 0; } }
  @media screen and (min-width: 1024px) {
    body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd#bnr001 {
      top: 0;
      left: 15%; } }
  @media screen and (max-width: 767px) {
    body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd#bnr002 {
      bottom: 0;
      left: 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd#bnr002 {
      bottom: 0;
      left: 0; } }
  @media screen and (min-width: 1024px) {
    body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd#bnr002 {
      top: 45%;
      left: 5%; } }
  @media screen and (max-width: 767px) {
    body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd#bnr003 {
      bottom: 20%;
      right: 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd#bnr003 {
      bottom: 20%;
      right: 0; } }
  @media screen and (min-width: 1024px) {
    body.sdgs-qualitydesign article#attempt .content .attempt-block#common-area dl dd#bnr003 {
      top: 30%;
      right: 5%; } }
body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50% 50%;
  margin-bottom: 50px;
  position: relative;
  width: 100%; }
  @media screen and (max-width: 767px) {
    body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl {
      background-image: url("../images/sdgs/sustainable_attempt01_bg_m.svg");
      margin-top: 30px;
      padding-top: 100%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl {
      background-image: url("../images/sdgs/sustainable_attempt01_bg_m.svg");
      margin-top: 50px;
      padding-top: 100%; } }
  @media screen and (min-width: 1024px) {
    body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl {
      background-image: url("../images/sdgs/sustainable_attempt01_bg.svg");
      background-position-y: 70%;
      padding-top: 70%; } }
  body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dt {
    color: #5C9362;
    font-family: 'Klee One', sans-serif;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media screen and (max-width: 767px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dt {
        font-size: calc(1.75rem * 1.25);
        right: auto;
        left: 0;
        top: -2.0rem; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dt {
        font-size: calc(2rem * 1.5);
        right: auto;
        left: 0;
        top: -2.0rem; } }
    @media screen and (min-width: 1024px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dt {
        font-size: calc(4rem * 1.0);
        top: 20px; } }
  body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd {
    cursor: pointer;
    position: absolute;
    transition: all 0.5s;
    height: auto; }
    body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd img {
      height: auto;
      width: 100%; }
    @media screen and (max-width: 767px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd {
        width: 30%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd {
        width: 30%; } }
    @media screen and (min-width: 1024px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd {
        width: 20%; } }
    body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd:hover {
      opacity: 0.75;
      filter: alpha(opacity=75);
      -ms-filter: "alpha( opacity=75 )";
      transition: all 0.5s; }
    @media screen and (max-width: 767px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr001 {
        top: 0;
        left: 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr001 {
        top: 0;
        left: 0; } }
    @media screen and (min-width: 1024px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr001 {
        top: 50px;
        left: 25%; } }
    @media screen and (max-width: 767px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr002 {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr002 {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); } }
    @media screen and (min-width: 1024px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr002 {
        top: 50px;
        right: 25%; } }
    @media screen and (max-width: 767px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr003 {
        top: 0;
        right: 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr003 {
        top: 0;
        right: 0; } }
    @media screen and (min-width: 1024px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr003 {
        top: 300px;
        right: 0; } }
    @media screen and (max-width: 767px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr004 {
        bottom: 2.5%;
        right: 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr004 {
        bottom: 2.5%;
        right: 0; } }
    @media screen and (min-width: 1024px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr004 {
        bottom: 0;
        right: 25%; } }
    @media screen and (max-width: 767px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr005 {
        bottom: 2.5%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr005 {
        bottom: 2.5%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); } }
    @media screen and (min-width: 1024px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr005 {
        bottom: 0;
        left: 25%; } }
    @media screen and (max-width: 767px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr006 {
        bottom: 2.5%;
        left: 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr006 {
        bottom: 2.5%;
        left: 0; } }
    @media screen and (min-width: 1024px) {
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd#bnr006 {
        top: 300px;
        left: 0; } }
    body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd figure {
      display: block;
      position: relative;
      padding-top: 100%;
      object-fit: cover; }
      @media screen and (max-width: 767px) {
        body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd figure {
          width: 100%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd figure {
          width: 100%; } }
      @media screen and (min-width: 1024px) {
        body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd figure {
          width: 100%; } }
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd figure .cover {
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        display: block;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1; }
        body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd figure .cover span {
          color: #FFF;
          font-weight: 500;
          line-height: 120%;
          position: absolute;
          left: 50%;
          bottom: 7.5%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          width: 100%;
          text-align: center; }
          @media screen and (max-width: 767px) {
            body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd figure .cover span {
              font-size: calc(1rem * 0.8); } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd figure .cover span {
              font-size: 1.6rem; } }
          @media screen and (min-width: 1024px) {
            body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd figure .cover span {
              font-size: 1.6rem; } }
      body.sdgs-sustainabledesign article#attempt .content .attempt-block#exclusive-area dl dd figure img {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
        position: absolute;
        bottom: 0;
        left: 0;
        height: auto;
        width: 100%;
        z-index: 0; }

/***** .recruit *****/

body.recruit section#title .inner {
  background-image: url("../images/recruit/main_bg.png");
  background-position: 50%; }
body.recruit section#body article#message .feature {
  column-gap: 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  @media screen and (max-width: 767px) {
    body.recruit section#body article#message .feature {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 30px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.recruit section#body article#message .feature {
      margin-bottom: 50px; } }
  @media screen and (min-width: 1024px) {
    body.recruit section#body article#message .feature {
      margin-bottom: 50px; } }
  body.recruit section#body article#message .feature dl {
    border: 1px solid #009ad7;
    padding: 0;
    position: relative; }
    @media screen and (max-width: 767px) {
      body.recruit section#body article#message .feature dl {
        margin-bottom: 20px;
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.recruit section#body article#message .feature dl {
        width: 30%; } }
    @media screen and (min-width: 1024px) {
      body.recruit section#body article#message .feature dl {
        width: 30%; } }
    body.recruit section#body article#message .feature dl::after {
      content: '';
      background-size: contain;
      background-repeat: no-repeat;
      display: block;
      position: absolute;
      bottom: -10px;
      z-index: 5; }
      @media screen and (max-width: 767px) {
        body.recruit section#body article#message .feature dl::after {
          right: -12.5%;
          height: 80px;
          width: 80px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.recruit section#body article#message .feature dl::after {
          right: -50px;
          height: 80px;
          width: 80px; } }
      @media screen and (min-width: 1024px) {
        body.recruit section#body article#message .feature dl::after {
          right: -70px;
          height: 120px;
          width: 120px; } }
    body.recruit section#body article#message .feature dl.inexperienced::after {
      background-image: url("../images/recruit/message_pic_feature_01.svg"); }
    body.recruit section#body article#message .feature dl.inexperienced dt {
      background: #009ad7; }
    body.recruit section#body article#message .feature dl.genderless {
      border: 1px solid #82b66a; }
      body.recruit section#body article#message .feature dl.genderless::after {
        background-image: url("../images/recruit/message_pic_feature_02.svg"); }
      body.recruit section#body article#message .feature dl.genderless dt {
        background: #82b66a; }
    body.recruit section#body article#message .feature dl.message {
      border: 1px solid #f5c700; }
      body.recruit section#body article#message .feature dl.message::after {
        background-image: url("../images/recruit/message_pic_feature_03.svg"); }
      body.recruit section#body article#message .feature dl.message dt {
        background: #f5c700; }
    body.recruit section#body article#message .feature dl dt, body.recruit section#body article#message .feature dl dd {
      line-height: 150%; }
      @media screen and (max-width: 767px) {
        body.recruit section#body article#message .feature dl dt, body.recruit section#body article#message .feature dl dd {
          padding: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.recruit section#body article#message .feature dl dt, body.recruit section#body article#message .feature dl dd {
          padding: 10px; } }
      @media screen and (min-width: 1024px) {
        body.recruit section#body article#message .feature dl dt, body.recruit section#body article#message .feature dl dd {
          padding: 20px; } }
    body.recruit section#body article#message .feature dl dt {
      color: #FFF;
      text-align: center; }
      @media screen and (max-width: 767px) {
        body.recruit section#body article#message .feature dl dt {
          font-size: 1.6rem; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.recruit section#body article#message .feature dl dt {
          font-size: 1.6rem; } }
      @media screen and (min-width: 1024px) {
        body.recruit section#body article#message .feature dl dt {
          font-size: 2rem; } }
    @media screen and (max-width: 767px) {
      body.recruit section#body article#message .feature dl dd {
        padding-right: calc(30px * 1.2); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.recruit section#body article#message .feature dl dd {
        padding-right: 20px; } }
    @media screen and (min-width: 1024px) {
      body.recruit section#body article#message .feature dl dd {
        padding-right: 50px; } }
body.recruit section#body article#voice {
  background: #D9F1FA; }
  body.recruit section#body article#voice .profile-wrap {
    background-image: url("../images/recruit/voice_bg_profile.svg");
    background-repeat: no-repeat;
    background-position: right 5% bottom 20%;
    display: block;
    border: 1px solid #FFF;
    position: relative; }
    @media screen and (max-width: 767px) {
      body.recruit section#body article#voice .profile-wrap {
        background-size: 30%;
        margin-bottom: 30px;
        padding: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.recruit section#body article#voice .profile-wrap {
        background-size: 20%;
        margin-bottom: 50px;
        padding: 30px; } }
    @media screen and (min-width: 1024px) {
      body.recruit section#body article#voice .profile-wrap {
        background-size: 15%;
        margin-bottom: 100px;
        padding: 50px; } }
    body.recruit section#body article#voice .profile-wrap::before {
      content: '';
      background-image: url("../images/recruit/voice_icn_profile.svg");
      background-size: contain;
      background-repeat: no-repeat;
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 5; }
      @media screen and (max-width: 767px) {
        body.recruit section#body article#voice .profile-wrap::before {
          height: 60px;
          width: 60px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.recruit section#body article#voice .profile-wrap::before {
          height: 80px;
          width: 80px; } }
      @media screen and (min-width: 1024px) {
        body.recruit section#body article#voice .profile-wrap::before {
          height: 100px;
          width: 100px; } }
    @media screen and (max-width: 767px) {
      body.recruit section#body article#voice .profile-wrap .profile > dt {
        font-size: 2rem;
        margin-bottom: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.recruit section#body article#voice .profile-wrap .profile > dt {
        font-size: 2rem;
        margin-bottom: 20px; } }
    @media screen and (min-width: 1024px) {
      body.recruit section#body article#voice .profile-wrap .profile > dt {
        font-size: 2rem;
        margin-bottom: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.recruit section#body article#voice .profile-wrap .profile > dd {
        padding-right: 150px; } }
    @media screen and (min-width: 1024px) {
      body.recruit section#body article#voice .profile-wrap .profile > dd {
        padding-right: 200px; } }
    body.recruit section#body article#voice .profile-wrap .profile .spec {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      column-gap: 1.5%; }
      @media screen and (max-width: 767px) {
        body.recruit section#body article#voice .profile-wrap .profile .spec {
          margin-bottom: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.recruit section#body article#voice .profile-wrap .profile .spec {
          margin-bottom: 10px; } }
      @media screen and (min-width: 1024px) {
        body.recruit section#body article#voice .profile-wrap .profile .spec {
          margin-bottom: 20px; } }
      body.recruit section#body article#voice .profile-wrap .profile .spec dt {
        width: 7rem; }
        body.recruit section#body article#voice .profile-wrap .profile .spec dt span {
          background-color: #FFF;
          color: #009ad7;
          display: block;
          line-height: 0;
          letter-spacing: 0.1rem;
          text-align: center; }
          @media screen and (max-width: 767px) {
            body.recruit section#body article#voice .profile-wrap .profile .spec dt span {
              font-size: 0.875rem;
              padding: 10px;
              width: 6rem; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.recruit section#body article#voice .profile-wrap .profile .spec dt span {
              font-size: 1rem;
              padding: 10px;
              width: 7rem; } }
          @media screen and (min-width: 1024px) {
            body.recruit section#body article#voice .profile-wrap .profile .spec dt span {
              font-size: 1rem;
              padding: 10px;
              width: 7rem; } }
  body.recruit section#body article#voice .voice-wrap {
    background-color: #FFF;
    position: relative; }
    @media screen and (max-width: 767px) {
      body.recruit section#body article#voice .voice-wrap {
        margin-bottom: 30px;
        padding: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.recruit section#body article#voice .voice-wrap {
        margin-bottom: 50px;
        padding: 30px; } }
    @media screen and (min-width: 1024px) {
      body.recruit section#body article#voice .voice-wrap {
        margin-bottom: 100px;
        padding: 50px; } }
    body.recruit section#body article#voice .voice-wrap::after {
      display: block;
      content: '';
      background-image: url("../images/recruit/voice_btm_comment.svg");
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: cover;
      position: absolute;
      left: 0;
      width: 100%; }
      @media screen and (max-width: 767px) {
        body.recruit section#body article#voice .voice-wrap::after {
          bottom: -10px;
          padding-top: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.recruit section#body article#voice .voice-wrap::after {
          bottom: -20px;
          padding-top: 20px; } }
      @media screen and (min-width: 1024px) {
        body.recruit section#body article#voice .voice-wrap::after {
          bottom: -20px;
          padding-top: 20px; } }
    body.recruit section#body article#voice .voice-wrap h3 {
      position: relative; }
      body.recruit section#body article#voice .voice-wrap h3 span {
        display: block;
        position: absolute; }
        @media screen and (max-width: 767px) {
          body.recruit section#body article#voice .voice-wrap h3 span {
            top: -40px;
            left: -40px;
            height: calc(50px * 1.25); } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.recruit section#body article#voice .voice-wrap h3 span {
            top: -50px;
            left: -50px;
            height: calc(100px * 0.8); } }
        @media screen and (min-width: 1024px) {
          body.recruit section#body article#voice .voice-wrap h3 span {
            top: -80px;
            left: -80px;
            height: 100px; } }
        body.recruit section#body article#voice .voice-wrap h3 span img {
          height: 100%;
          width: auto; }
    body.recruit section#body article#voice .voice-wrap .voice {
      background-image: url("../images/recruit/voice_bg_comment.svg");
      background-size: 100%; }
      @media screen and (max-width: 767px) {
        body.recruit section#body article#voice .voice-wrap .voice {
          padding-top: 5px;
          padding-bottom: 5px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.recruit section#body article#voice .voice-wrap .voice {
          padding-top: 5px;
          padding-bottom: 5px; } }
      @media screen and (min-width: 1024px) {
        body.recruit section#body article#voice .voice-wrap .voice {
          padding-top: 5px;
          padding-bottom: 5px; } }
      body.recruit section#body article#voice .voice-wrap .voice h4 {
        color: #009ad7; }
        @media screen and (max-width: 767px) {
          body.recruit section#body article#voice .voice-wrap .voice h4 {
            font-size: 1.75rem; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.recruit section#body article#voice .voice-wrap .voice h4 {
            font-size: calc(3rem * 0.8); } }
        @media screen and (min-width: 1024px) {
          body.recruit section#body article#voice .voice-wrap .voice h4 {
            font-size: 3rem; } }
body.recruit section#body article#new-graduates, body.recruit section#body article#career {
  position: relative; }
body.recruit section#body article#new-graduates {
  background: #FFF9D9; }
body.recruit section#body article#career {
  background: #FFF; }
body.recruit section#body article .content .summary {
  border-top: 1px solid #DDD; }
  @media screen and (max-width: 767px) {
    body.recruit section#body article .content .summary {
      margin-bottom: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.recruit section#body article .content .summary {
      margin-bottom: 30px; } }
  @media screen and (min-width: 1024px) {
    body.recruit section#body article .content .summary {
      margin-bottom: 30px; } }
  body.recruit section#body article .content .summary > dl {
    border-bottom: 1px solid #DDD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    @media screen and (max-width: 767px) {
      body.recruit section#body article .content .summary > dl > dt, body.recruit section#body article .content .summary > dl > dd {
        padding: calc(10px * 1.2); } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.recruit section#body article .content .summary > dl > dt, body.recruit section#body article .content .summary > dl > dd {
        padding: 30px; } }
    @media screen and (min-width: 1024px) {
      body.recruit section#body article .content .summary > dl > dt, body.recruit section#body article .content .summary > dl > dd {
        padding: 30px; } }
    @media screen and (max-width: 767px) {
      body.recruit section#body article .content .summary > dl > dt {
        width: 25%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.recruit section#body article .content .summary > dl > dt {
        width: 25%; } }
    @media screen and (min-width: 1024px) {
      body.recruit section#body article .content .summary > dl > dt {
        width: 25%; } }
    @media screen and (max-width: 767px) {
      body.recruit section#body article .content .summary > dl > dd {
        width: 75%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.recruit section#body article .content .summary > dl > dd {
        width: 75%; } }
    @media screen and (min-width: 1024px) {
      body.recruit section#body article .content .summary > dl > dd {
        width: 75%; } }
    body.recruit section#body article .content .summary > dl > dd .indent {
      margin-bottom: 20px; }
      body.recruit section#body article .content .summary > dl > dd .indent > dt {
        margin-bottom: 10px; }
      body.recruit section#body article .content .summary > dl > dd .indent > dd {
        margin-left: 1.6rem;
        margin-bottom: 10px; }
        body.recruit section#body article .content .summary > dl > dd .indent > dd:last-child {
          margin-bottom: 0; }
    body.recruit section#body article .content .summary > dl > dd > ul li {
      margin-bottom: 10px; }
    body.recruit section#body article .content .summary > dl > dd > dl {
      margin-bottom: 20px;
      width: 100%; }
      body.recruit section#body article .content .summary > dl > dd > dl > dt {
        font-weight: 400;
        margin-bottom: 10px;
        width: 100%; }
      body.recruit section#body article .content .summary > dl > dd > dl > dd {
        margin-bottom: 10px;
        width: 100%; }
body.recruit section#body article .content .btn-wrap {
  margin-top: 50px; }
body.recruit section#body article .content .tel-wrap {
  border: 1px solid #DDD; }
  @media screen and (max-width: 767px) {
    body.recruit section#body article .content .tel-wrap {
      padding: 30px 30px calc(20px * 1.0); } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.recruit section#body article .content .tel-wrap {
      padding: 50px 30px calc(30px * 1.0); } }
  @media screen and (min-width: 1024px) {
    body.recruit section#body article .content .tel-wrap {
      padding: 50px 50px calc(30px * 1.25); } }
  body.recruit section#body article .content .tel-wrap dl {
    text-align: center; }
    @media screen and (min-width: 1024px) {
      body.recruit section#body article .content .tel-wrap dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left; } }
  body.recruit section#body article .content .tel-wrap dt {
    line-height: 0;
    width: 100%; }
    @media screen and (max-width: 767px) {
      body.recruit section#body article .content .tel-wrap dt {
        margin-bottom: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.recruit section#body article .content .tel-wrap dt {
        margin-bottom: 30px; } }
    @media screen and (min-width: 1024px) {
      body.recruit section#body article .content .tel-wrap dt {
        width: 65%; } }
    body.recruit section#body article .content .tel-wrap dt a {
      position: relative; }
      @media screen and (max-width: 767px) {
        body.recruit section#body article .content .tel-wrap dt a {
          font-size: calc(2rem * 1.25);
          padding-left: calc(2rem * 1.5); } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.recruit section#body article .content .tel-wrap dt a {
          font-size: calc(3rem * 1.5);
          padding-left: calc(3rem * 1.75); } }
      @media screen and (min-width: 1024px) {
        body.recruit section#body article .content .tel-wrap dt a {
          font-size: calc(4rem * 1.5);
          padding-left: calc(4rem * 1.75); } }
      body.recruit section#body article .content .tel-wrap dt a::before {
        display: block;
        content: '';
        background-image: url("../images/icn_tel.svg");
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: cover;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        width: 100%; }
        @media screen and (max-width: 767px) {
          body.recruit section#body article .content .tel-wrap dt a::before {
            height: calc(2rem * 1.25);
            width: calc(2rem * 1.25); } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.recruit section#body article .content .tel-wrap dt a::before {
            height: calc(3rem * 1.5);
            width: calc(3rem * 1.5); } }
        @media screen and (min-width: 1024px) {
          body.recruit section#body article .content .tel-wrap dt a::before {
            height: calc(4rem * 1.5);
            width: calc(4rem * 1.5); } }
  body.recruit section#body article .content .tel-wrap dd {
    margin-bottom: 0;
    width: 100%; }
    @media screen and (min-width: 1024px) {
      body.recruit section#body article .content .tel-wrap dd {
        margin-bottom: 20px;
        width: 35%; } }
    body.recruit section#body article .content .tel-wrap dd span {
      display: inline-block;
      font-weight: 700; }
      @media screen and (max-width: 767px) {
        body.recruit section#body article .content .tel-wrap dd span {
          margin-bottom: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.recruit section#body article .content .tel-wrap dd span {
          margin-bottom: 10px; } }
      @media screen and (min-width: 1024px) {
        body.recruit section#body article .content .tel-wrap dd span {
          margin-bottom: 10px; } }

/***** .contact *****/

body.contact .btn-wrap, body.contact-thanks .btn-wrap, body.recruit-entry .btn-wrap, body.assesment .btn-wrap {
  width: 100%; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.contact .btn-wrap, body.contact-thanks .btn-wrap, body.recruit-entry .btn-wrap, body.assesment .btn-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media screen and (min-width: 1024px) {
    body.contact .btn-wrap, body.contact-thanks .btn-wrap, body.recruit-entry .btn-wrap, body.assesment .btn-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  body.contact .btn-wrap .btn, body.contact-thanks .btn-wrap .btn, body.recruit-entry .btn-wrap .btn, body.assesment .btn-wrap .btn {
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    display: inherit;
    transform: rotate(0.05deg);
    width: auto; }
    body.contact .btn-wrap .btn > *, body.contact-thanks .btn-wrap .btn > *, body.recruit-entry .btn-wrap .btn > *, body.assesment .btn-wrap .btn > * {
      background: none;
      color: #FFF;
      display: inherit;
      width: auto; }
      @media screen and (max-width: 767px) {
        body.contact .btn-wrap .btn > *, body.contact-thanks .btn-wrap .btn > *, body.recruit-entry .btn-wrap .btn > *, body.assesment .btn-wrap .btn > * {
          height: auto;
          width: auto; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.contact .btn-wrap .btn > *, body.contact-thanks .btn-wrap .btn > *, body.recruit-entry .btn-wrap .btn > *, body.assesment .btn-wrap .btn > * {
          padding: 0;
          height: auto;
          width: auto; } }
      @media screen and (min-width: 1024px) {
        body.contact .btn-wrap .btn > *, body.contact-thanks .btn-wrap .btn > *, body.recruit-entry .btn-wrap .btn > *, body.assesment .btn-wrap .btn > * {
          padding: 0;
          height: auto;
          width: auto; } }
      body.contact .btn-wrap .btn > * span, body.contact-thanks .btn-wrap .btn > * span, body.recruit-entry .btn-wrap .btn > * span, body.assesment .btn-wrap .btn > * span {
        position: relative;
        -webkit-transform: none;
        transform: none; }
body.contact section#title .inner, body.contact-thanks section#title .inner, body.recruit-entry section#title .inner, body.assesment section#title .inner {
  background-image: url("../images/contact/main_bg.png"); }
body.contact section#body article#form, body.contact-thanks section#body article#form, body.recruit-entry section#body article#form, body.assesment section#body article#form {
  overflow-x: hidden;
  width: 100%; }
  body.contact section#body article#form .content .tab, body.contact-thanks section#body article#form .content .tab, body.recruit-entry section#body article#form .content .tab, body.assesment section#body article#form .content .tab {
    border-bottom: 1px solid #DDD;
    padding-top: 50px;
    position: relative; }
    body.contact section#body article#form .content .tab li, body.contact-thanks section#body article#form .content .tab li, body.recruit-entry section#body article#form .content .tab li, body.assesment section#body article#form .content .tab li {
      background: #F9F9F9;
      border: 1px solid #DDD;
      column-gap: 5%;
      height: 50px;
      position: absolute;
      bottom: -1px;
      white-space: nowrap;
      width: 47.5%; }
      @media screen and (max-width: 767px) {
        body.contact section#body article#form .content .tab li, body.contact-thanks section#body article#form .content .tab li, body.recruit-entry section#body article#form .content .tab li, body.assesment section#body article#form .content .tab li {
          font-size: 1rem;
          width: 46.5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.contact section#body article#form .content .tab li, body.contact-thanks section#body article#form .content .tab li, body.recruit-entry section#body article#form .content .tab li, body.assesment section#body article#form .content .tab li {
          width: 46.5%; } }
      @media screen and (min-width: 1024px) {
        body.contact section#body article#form .content .tab li, body.contact-thanks section#body article#form .content .tab li, body.recruit-entry section#body article#form .content .tab li, body.assesment section#body article#form .content .tab li {
          width: 47%; } }
      body.contact section#body article#form .content .tab li.active, body.contact-thanks section#body article#form .content .tab li.active, body.recruit-entry section#body article#form .content .tab li.active, body.assesment section#body article#form .content .tab li.active {
        background: #FFF;
        border-bottom: 1px solid #FFF; }
      body.contact section#body article#form .content .tab li:hover, body.contact-thanks section#body article#form .content .tab li:hover, body.recruit-entry section#body article#form .content .tab li:hover, body.assesment section#body article#form .content .tab li:hover {
        background: #FFF; }
      @media screen and (max-width: 767px) {
        body.contact section#body article#form .content .tab li:nth-child(1), body.contact-thanks section#body article#form .content .tab li:nth-child(1), body.recruit-entry section#body article#form .content .tab li:nth-child(1), body.assesment section#body article#form .content .tab li:nth-child(1) {
          left: 2%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.contact section#body article#form .content .tab li:nth-child(1), body.contact-thanks section#body article#form .content .tab li:nth-child(1), body.recruit-entry section#body article#form .content .tab li:nth-child(1), body.assesment section#body article#form .content .tab li:nth-child(1) {
          left: 2.5%; } }
      @media screen and (min-width: 1024px) {
        body.contact section#body article#form .content .tab li:nth-child(1), body.contact-thanks section#body article#form .content .tab li:nth-child(1), body.recruit-entry section#body article#form .content .tab li:nth-child(1), body.assesment section#body article#form .content .tab li:nth-child(1) {
          left: 20px; } }
      @media screen and (max-width: 767px) {
        body.contact section#body article#form .content .tab li:nth-child(2), body.contact-thanks section#body article#form .content .tab li:nth-child(2), body.recruit-entry section#body article#form .content .tab li:nth-child(2), body.assesment section#body article#form .content .tab li:nth-child(2) {
          right: 2%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.contact section#body article#form .content .tab li:nth-child(2), body.contact-thanks section#body article#form .content .tab li:nth-child(2), body.recruit-entry section#body article#form .content .tab li:nth-child(2), body.assesment section#body article#form .content .tab li:nth-child(2) {
          right: 2.5%; } }
      @media screen and (min-width: 1024px) {
        body.contact section#body article#form .content .tab li:nth-child(2), body.contact-thanks section#body article#form .content .tab li:nth-child(2), body.recruit-entry section#body article#form .content .tab li:nth-child(2), body.assesment section#body article#form .content .tab li:nth-child(2) {
          right: 20px; } }
  body.contact section#body article#form .content .form-wrap, body.contact-thanks section#body article#form .content .form-wrap, body.recruit-entry section#body article#form .content .form-wrap, body.assesment section#body article#form .content .form-wrap {
    border-top: 1px solid #DDD; }
    @media screen and (max-width: 767px) {
      body.contact section#body article#form .content .form-wrap, body.contact-thanks section#body article#form .content .form-wrap, body.recruit-entry section#body article#form .content .form-wrap, body.assesment section#body article#form .content .form-wrap {
        padding-top: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      body.contact section#body article#form .content .form-wrap, body.contact-thanks section#body article#form .content .form-wrap, body.recruit-entry section#body article#form .content .form-wrap, body.assesment section#body article#form .content .form-wrap {
        padding-top: 30px; } }
    @media screen and (min-width: 1024px) {
      body.contact section#body article#form .content .form-wrap, body.contact-thanks section#body article#form .content .form-wrap, body.recruit-entry section#body article#form .content .form-wrap, body.assesment section#body article#form .content .form-wrap {
        padding-top: 30px; } }
    body.contact section#body article#form .content .form-wrap dl, body.contact-thanks section#body article#form .content .form-wrap dl, body.recruit-entry section#body article#form .content .form-wrap dl, body.assesment section#body article#form .content .form-wrap dl {
      border-bottom: 1px solid #DDD;
      display: block; }
      @media screen and (max-width: 767px) {
        body.contact section#body article#form .content .form-wrap dl, body.contact-thanks section#body article#form .content .form-wrap dl, body.recruit-entry section#body article#form .content .form-wrap dl, body.assesment section#body article#form .content .form-wrap dl {
          margin: 0 0 20px;
          padding: 0 0 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.contact section#body article#form .content .form-wrap dl, body.contact-thanks section#body article#form .content .form-wrap dl, body.recruit-entry section#body article#form .content .form-wrap dl, body.assesment section#body article#form .content .form-wrap dl {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin: 0 0 30px;
          padding: 0 0 30px; } }
      @media screen and (min-width: 1024px) {
        body.contact section#body article#form .content .form-wrap dl, body.contact-thanks section#body article#form .content .form-wrap dl, body.recruit-entry section#body article#form .content .form-wrap dl, body.assesment section#body article#form .content .form-wrap dl {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin: 0 0 30px;
          padding: 0 0 30px; } }
      body.contact section#body article#form .content .form-wrap dl dt, body.contact-thanks section#body article#form .content .form-wrap dl dt, body.recruit-entry section#body article#form .content .form-wrap dl dt, body.assesment section#body article#form .content .form-wrap dl dt {
        /*
        				  label {
                            &.req {
                              &:after {
                                content: '必須';
        						background: $main-color;
        						color: $base-color;
        						font-weight: $fw-M;
        						line-height: 100%;
        						margin-left: $num-XS;
                                @include mq('sp') {
                                  font-size: $fs-S;
        						  padding: $num-XXS;
        						}
                                @include mq('tab') {
                                  font-size: $fs-S;
        						  padding: $num-XXS;
        						}
                                @include mq('pc') {
                                  font-size: $fs-S;
        						  padding: $num-XXS;
        						}
        					  }
        					}
        				  }
        */ }
        @media screen and (max-width: 767px) {
          body.contact section#body article#form .content .form-wrap dl dt, body.contact-thanks section#body article#form .content .form-wrap dl dt, body.recruit-entry section#body article#form .content .form-wrap dl dt, body.assesment section#body article#form .content .form-wrap dl dt {
            margin-bottom: 20px;
            width: 100%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          body.contact section#body article#form .content .form-wrap dl dt, body.contact-thanks section#body article#form .content .form-wrap dl dt, body.recruit-entry section#body article#form .content .form-wrap dl dt, body.assesment section#body article#form .content .form-wrap dl dt {
            margin-bottom: 0;
            padding: 10px 0;
            width: 25%; } }
        @media screen and (min-width: 1024px) {
          body.contact section#body article#form .content .form-wrap dl dt, body.contact-thanks section#body article#form .content .form-wrap dl dt, body.recruit-entry section#body article#form .content .form-wrap dl dt, body.assesment section#body article#form .content .form-wrap dl dt {
            margin-bottom: 0;
            padding: 10px 0;
            width: 25%; } }
        body.contact section#body article#form .content .form-wrap dl dt p, body.contact-thanks section#body article#form .content .form-wrap dl dt p, body.recruit-entry section#body article#form .content .form-wrap dl dt p, body.assesment section#body article#form .content .form-wrap dl dt p {
          margin: 0;
          padding: 0; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body.contact section#body article#form .content .form-wrap dl dd, body.contact-thanks section#body article#form .content .form-wrap dl dd, body.recruit-entry section#body article#form .content .form-wrap dl dd, body.assesment section#body article#form .content .form-wrap dl dd {
          width: 75%; } }
      @media screen and (min-width: 1024px) {
        body.contact section#body article#form .content .form-wrap dl dd, body.contact-thanks section#body article#form .content .form-wrap dl dd, body.recruit-entry section#body article#form .content .form-wrap dl dd, body.assesment section#body article#form .content .form-wrap dl dd {
          width: 75%; } }
      body.contact section#body article#form .content .form-wrap dl dd p, body.contact-thanks section#body article#form .content .form-wrap dl dd p, body.recruit-entry section#body article#form .content .form-wrap dl dd p, body.assesment section#body article#form .content .form-wrap dl dd p {
        margin: 0;
        padding: 0; }
      body.contact section#body article#form .content .form-wrap dl dd label, body.contact-thanks section#body article#form .content .form-wrap dl dd label, body.recruit-entry section#body article#form .content .form-wrap dl dd label, body.assesment section#body article#form .content .form-wrap dl dd label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        column-gap: 1rem; }
      body.contact section#body article#form .content .form-wrap dl dd select, body.contact-thanks section#body article#form .content .form-wrap dl dd select, body.recruit-entry section#body article#form .content .form-wrap dl dd select, body.assesment section#body article#form .content .form-wrap dl dd select {
        width: 100%; }
      body.contact section#body article#form .content .form-wrap dl dd textarea, body.contact-thanks section#body article#form .content .form-wrap dl dd textarea, body.recruit-entry section#body article#form .content .form-wrap dl dd textarea, body.assesment section#body article#form .content .form-wrap dl dd textarea {
        height: 10em;
        width: 100%; }
      body.contact section#body article#form .content .form-wrap dl dd > dl, body.contact-thanks section#body article#form .content .form-wrap dl dd > dl, body.recruit-entry section#body article#form .content .form-wrap dl dd > dl, body.assesment section#body article#form .content .form-wrap dl dd > dl {
        border: 0;
        display: block;
        margin: 0 0 5px;
        padding: 0; }
        body.contact section#body article#form .content .form-wrap dl dd > dl > dt, body.contact section#body article#form .content .form-wrap dl dd > dl > dd, body.contact-thanks section#body article#form .content .form-wrap dl dd > dl > dt, body.contact-thanks section#body article#form .content .form-wrap dl dd > dl > dd, body.recruit-entry section#body article#form .content .form-wrap dl dd > dl > dt, body.recruit-entry section#body article#form .content .form-wrap dl dd > dl > dd, body.assesment section#body article#form .content .form-wrap dl dd > dl > dt, body.assesment section#body article#form .content .form-wrap dl dd > dl > dd {
          width: 100%; }
        body.contact section#body article#form .content .form-wrap dl dd > dl > dt, body.contact-thanks section#body article#form .content .form-wrap dl dd > dl > dt, body.recruit-entry section#body article#form .content .form-wrap dl dd > dl > dt, body.assesment section#body article#form .content .form-wrap dl dd > dl > dt {
          font-weight: 500; }
      body.contact section#body article#form .content .form-wrap dl dd.radio .wpcf7-form-control, body.contact-thanks section#body article#form .content .form-wrap dl dd.radio .wpcf7-form-control, body.recruit-entry section#body article#form .content .form-wrap dl dd.radio .wpcf7-form-control, body.assesment section#body article#form .content .form-wrap dl dd.radio .wpcf7-form-control {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        column-gap: 1.0rem;
        padding: 1.0rem 0; }
        body.contact section#body article#form .content .form-wrap dl dd.radio .wpcf7-form-control label, body.contact-thanks section#body article#form .content .form-wrap dl dd.radio .wpcf7-form-control label, body.recruit-entry section#body article#form .content .form-wrap dl dd.radio .wpcf7-form-control label, body.assesment section#body article#form .content .form-wrap dl dd.radio .wpcf7-form-control label {
          display: block;
          margin-bottom: 0; }
      body.contact section#body article#form .content .form-wrap dl dd.address > dl, body.contact-thanks section#body article#form .content .form-wrap dl dd.address > dl, body.recruit-entry section#body article#form .content .form-wrap dl dd.address > dl, body.assesment section#body article#form .content .form-wrap dl dd.address > dl {
        margin-bottom: 20px; }
        body.contact section#body article#form .content .form-wrap dl dd.address > dl dt, body.contact-thanks section#body article#form .content .form-wrap dl dd.address > dl dt, body.recruit-entry section#body article#form .content .form-wrap dl dd.address > dl dt, body.assesment section#body article#form .content .form-wrap dl dd.address > dl dt {
          margin-bottom: 5px; }
    body.contact section#body article#form .content .form-wrap .note, body.contact-thanks section#body article#form .content .form-wrap .note, body.recruit-entry section#body article#form .content .form-wrap .note, body.assesment section#body article#form .content .form-wrap .note {
      text-align: right; }
    body.contact section#body article#form .content .form-wrap .agreeCheck, body.contact-thanks section#body article#form .content .form-wrap .agreeCheck, body.recruit-entry section#body article#form .content .form-wrap .agreeCheck, body.assesment section#body article#form .content .form-wrap .agreeCheck {
      text-align: center;
      margin-bottom: 30px; }
      body.contact section#body article#form .content .form-wrap .agreeCheck span, body.contact-thanks section#body article#form .content .form-wrap .agreeCheck span, body.recruit-entry section#body article#form .content .form-wrap .agreeCheck span, body.assesment section#body article#form .content .form-wrap .agreeCheck span {
        display: block; }
      body.contact section#body article#form .content .form-wrap .agreeCheck .wpcf7-list-item, body.contact-thanks section#body article#form .content .form-wrap .agreeCheck .wpcf7-list-item, body.recruit-entry section#body article#form .content .form-wrap .agreeCheck .wpcf7-list-item, body.assesment section#body article#form .content .form-wrap .agreeCheck .wpcf7-list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        column-gap: 0.5rem; }
        body.contact section#body article#form .content .form-wrap .agreeCheck .wpcf7-list-item label, body.contact-thanks section#body article#form .content .form-wrap .agreeCheck .wpcf7-list-item label, body.recruit-entry section#body article#form .content .form-wrap .agreeCheck .wpcf7-list-item label, body.assesment section#body article#form .content .form-wrap .agreeCheck .wpcf7-list-item label {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          column-gap: 0.5rem; }
    body.contact section#body article#form .content .form-wrap .btn-wrap, body.contact-thanks section#body article#form .content .form-wrap .btn-wrap, body.recruit-entry section#body article#form .content .form-wrap .btn-wrap, body.assesment section#body article#form .content .form-wrap .btn-wrap {
      margin-bottom: 50px; }
      body.contact section#body article#form .content .form-wrap .btn-wrap .btn, body.contact-thanks section#body article#form .content .form-wrap .btn-wrap .btn, body.recruit-entry section#body article#form .content .form-wrap .btn-wrap .btn, body.assesment section#body article#form .content .form-wrap .btn-wrap .btn {
        font-family: 'M PLUS 1p', sans-serif;
        font-weight: 700;
        display: block;
        transform: rotate(0.05deg);
        width: 100%; }
        body.contact section#body article#form .content .form-wrap .btn-wrap .btn p, body.contact-thanks section#body article#form .content .form-wrap .btn-wrap .btn p, body.recruit-entry section#body article#form .content .form-wrap .btn-wrap .btn p, body.assesment section#body article#form .content .form-wrap .btn-wrap .btn p {
          border: 0; }
        body.contact section#body article#form .content .form-wrap .btn-wrap .btn p > *, body.contact-thanks section#body article#form .content .form-wrap .btn-wrap .btn p > *, body.recruit-entry section#body article#form .content .form-wrap .btn-wrap .btn p > *, body.assesment section#body article#form .content .form-wrap .btn-wrap .btn p > * {
          background-color: #000;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          border: 0;
          color: #FFF;
          display: block;
          line-height: 0;
          margin: 0 auto;
          position: relative;
          text-decoration: none;
          text-align: center;
          width: 100%; }
          @media screen and (max-width: 767px) {
            body.contact section#body article#form .content .form-wrap .btn-wrap .btn p > *, body.contact-thanks section#body article#form .content .form-wrap .btn-wrap .btn p > *, body.recruit-entry section#body article#form .content .form-wrap .btn-wrap .btn p > *, body.assesment section#body article#form .content .form-wrap .btn-wrap .btn p > * {
              height: 40px;
              width: 100%; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            body.contact section#body article#form .content .form-wrap .btn-wrap .btn p > *, body.contact-thanks section#body article#form .content .form-wrap .btn-wrap .btn p > *, body.recruit-entry section#body article#form .content .form-wrap .btn-wrap .btn p > *, body.assesment section#body article#form .content .form-wrap .btn-wrap .btn p > * {
              padding: 10px;
              height: 40px;
              width: 330px; } }
          @media screen and (min-width: 1024px) {
            body.contact section#body article#form .content .form-wrap .btn-wrap .btn p > *, body.contact-thanks section#body article#form .content .form-wrap .btn-wrap .btn p > *, body.recruit-entry section#body article#form .content .form-wrap .btn-wrap .btn p > *, body.assesment section#body article#form .content .form-wrap .btn-wrap .btn p > * {
              padding: 10px;
              height: 40px;
              width: 330px; } }
          body.contact section#body article#form .content .form-wrap .btn-wrap .btn p > *.wpcf7-confirm, body.contact section#body article#form .content .form-wrap .btn-wrap .btn p > *.wpcf7-back, body.contact-thanks section#body article#form .content .form-wrap .btn-wrap .btn p > *.wpcf7-confirm, body.contact-thanks section#body article#form .content .form-wrap .btn-wrap .btn p > *.wpcf7-back, body.recruit-entry section#body article#form .content .form-wrap .btn-wrap .btn p > *.wpcf7-confirm, body.recruit-entry section#body article#form .content .form-wrap .btn-wrap .btn p > *.wpcf7-back, body.assesment section#body article#form .content .form-wrap .btn-wrap .btn p > *.wpcf7-confirm, body.assesment section#body article#form .content .form-wrap .btn-wrap .btn p > *.wpcf7-back {
            background: #777; }
          body.contact section#body article#form .content .form-wrap .btn-wrap .btn p > *.wpcf7-spinner, body.contact-thanks section#body article#form .content .form-wrap .btn-wrap .btn p > *.wpcf7-spinner, body.recruit-entry section#body article#form .content .form-wrap .btn-wrap .btn p > *.wpcf7-spinner, body.assesment section#body article#form .content .form-wrap .btn-wrap .btn p > *.wpcf7-spinner {
            display: none; }
body.contact section#body article#tel, body.contact-thanks section#body article#tel, body.recruit-entry section#body article#tel, body.assesment section#body article#tel {
  position: relative; }
  body.contact section#body article#tel .bnr, body.contact-thanks section#body article#tel .bnr, body.recruit-entry section#body article#tel .bnr, body.assesment section#body article#tel .bnr {
    margin: 0 auto; }

body.recruit-entry section#title .inner {
  background-image: url("../images/recruit/main_bg.png"); }
body.recruit-entry section#body article#form dl dd > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 100%;
  align-items: center; }
  body.recruit-entry section#body article#form dl dd > ul#gender li {
    margin-right: 20px;
    padding: 10px 0; }
  body.recruit-entry section#body article#form dl dd > ul#birth li label {
    margin-right: 10px; }
  @media screen and (max-width: 767px) {
    body.recruit-entry section#body article#form dl dd > ul#birth li {
      width: 25%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.recruit-entry section#body article#form dl dd > ul#birth li {
      width: 25%; } }
  @media screen and (min-width: 1024px) {
    body.recruit-entry section#body article#form dl dd > ul#birth li {
      flex: 0 0 15rem;
      padding: 0 1.0rem; }
      body.recruit-entry section#body article#form dl dd > ul#birth li input, body.recruit-entry section#body article#form dl dd > ul#birth li select {
        min-width: 12rem; } }

body.assesment section#title .inner {
  background-image: url("../images/assesment/main_bg.png"); }
body.assesment section#body article#form .content .form-wrap dl dt label.req:after {
  content: '必須';
  background: #009ad7;
  color: #FFF;
  font-weight: 500;
  line-height: 100%;
  margin-left: 10px; }
  @media screen and (max-width: 767px) {
    body.assesment section#body article#form .content .form-wrap dl dt label.req:after {
      font-size: 1rem;
      padding: 5px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body.assesment section#body article#form .content .form-wrap dl dt label.req:after {
      font-size: 1rem;
      padding: 5px; } }
  @media screen and (min-width: 1024px) {
    body.assesment section#body article#form .content .form-wrap dl dt label.req:after {
      font-size: 1rem;
      padding: 5px; } }
body.assesment section#body article#form .content .form-wrap dl dd > ul li.full {
  display: block; }
  body.assesment section#body article#form .content .form-wrap dl dd > ul li.full label {
    display: block;
    width: 100%; }
    body.assesment section#body article#form .content .form-wrap dl dd > ul li.full label span {
      display: block;
      margin-bottom: 10px;
      width: 100%; }
body.assesment section#body article#form .content .form-wrap dl dd > ul li .wpcf7-form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  column-gap: 1.0rem; }
  body.assesment section#body article#form .content .form-wrap dl dd > ul li .wpcf7-form-control label {
    display: block;
    margin-bottom: 20px; }

/***** .privacypolicy .terms .codeofcunduct *****/

body.privacypolicy section#title .inner,
body.terms section#title .inner,
body.codeofconduct section#title .inner {
  background: #0099d6; }
@media screen and (max-width: 767px) {
  body.privacypolicy section#body article .content h3,
  body.terms section#body article .content h3,
  body.codeofconduct section#body article .content h3 {
    font-size: 2rem; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.privacypolicy section#body article .content h3,
  body.terms section#body article .content h3,
  body.codeofconduct section#body article .content h3 {
    font-size: 3rem; } }
@media screen and (min-width: 1024px) {
  body.privacypolicy section#body article .content h3,
  body.terms section#body article .content h3,
  body.codeofconduct section#body article .content h3 {
    font-size: 3rem; } }
@media screen and (max-width: 767px) {
  body.privacypolicy section#body article .content ul,
  body.terms section#body article .content ul,
  body.codeofconduct section#body article .content ul {
    margin-bottom: 20px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.privacypolicy section#body article .content ul,
  body.terms section#body article .content ul,
  body.codeofconduct section#body article .content ul {
    margin-bottom: 30px; } }
@media screen and (min-width: 1024px) {
  body.privacypolicy section#body article .content ul,
  body.terms section#body article .content ul,
  body.codeofconduct section#body article .content ul {
    margin-bottom: 30px; } }
body.privacypolicy section#body article .content ul li,
body.terms section#body article .content ul li,
body.codeofconduct section#body article .content ul li {
  margin-bottom: 10px; }
  body.privacypolicy section#body article .content ul li ul, body.privacypolicy section#body article .content ul li OL, body.privacypolicy section#body article .content ul li dl,
  body.terms section#body article .content ul li ul,
  body.terms section#body article .content ul li OL,
  body.terms section#body article .content ul li dl,
  body.codeofconduct section#body article .content ul li ul,
  body.codeofconduct section#body article .content ul li OL,
  body.codeofconduct section#body article .content ul li dl {
    margin-top: 10px; }
body.privacypolicy section#body article .content ol,
body.terms section#body article .content ol,
body.codeofconduct section#body article .content ol {
  list-style-type: decimal;
  margin-left: 2em; }
  body.privacypolicy section#body article .content ol li,
  body.terms section#body article .content ol li,
  body.codeofconduct section#body article .content ol li {
    margin-bottom: 5px; }
    body.privacypolicy section#body article .content ol li ul, body.privacypolicy section#body article .content ol li OL, body.privacypolicy section#body article .content ol li dl,
    body.terms section#body article .content ol li ul,
    body.terms section#body article .content ol li OL,
    body.terms section#body article .content ol li dl,
    body.codeofconduct section#body article .content ol li ul,
    body.codeofconduct section#body article .content ol li OL,
    body.codeofconduct section#body article .content ol li dl {
      margin-top: 10px; }
@media screen and (max-width: 767px) {
  body.privacypolicy section#body article .content dl,
  body.terms section#body article .content dl,
  body.codeofconduct section#body article .content dl {
    margin-bottom: 20px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.privacypolicy section#body article .content dl,
  body.terms section#body article .content dl,
  body.codeofconduct section#body article .content dl {
    margin-bottom: 30px; } }
@media screen and (min-width: 1024px) {
  body.privacypolicy section#body article .content dl,
  body.terms section#body article .content dl,
  body.codeofconduct section#body article .content dl {
    margin-bottom: 30px; } }
@media screen and (max-width: 767px) {
  body.privacypolicy section#body article .content dl dt,
  body.terms section#body article .content dl dt,
  body.codeofconduct section#body article .content dl dt {
    margin-bottom: 5px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.privacypolicy section#body article .content dl dt,
  body.terms section#body article .content dl dt,
  body.codeofconduct section#body article .content dl dt {
    margin-bottom: 10px; } }
@media screen and (min-width: 1024px) {
  body.privacypolicy section#body article .content dl dt,
  body.terms section#body article .content dl dt,
  body.codeofconduct section#body article .content dl dt {
    margin-bottom: 10px; } }
@media screen and (max-width: 767px) {
  body.privacypolicy section#body article .content dl dd,
  body.terms section#body article .content dl dd,
  body.codeofconduct section#body article .content dl dd {
    margin-bottom: 10px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.privacypolicy section#body article .content dl dd,
  body.terms section#body article .content dl dd,
  body.codeofconduct section#body article .content dl dd {
    margin-bottom: 10px; } }
@media screen and (min-width: 1024px) {
  body.privacypolicy section#body article .content dl dd,
  body.terms section#body article .content dl dd,
  body.codeofconduct section#body article .content dl dd {
    margin-bottom: 20px; } }
body.privacypolicy section#body article .content .signature,
body.terms section#body article .content .signature,
body.codeofconduct section#body article .content .signature {
  text-align: right; }
  body.privacypolicy section#body article .content .signature span,
  body.terms section#body article .content .signature span,
  body.codeofconduct section#body article .content .signature span {
    font-weight: 700; }
body.privacypolicy section#body article .content .box dl, body.privacypolicy section#body article .content .box_02 dl,
body.terms section#body article .content .box dl,
body.terms section#body article .content .box_02 dl,
body.codeofconduct section#body article .content .box dl,
body.codeofconduct section#body article .content .box_02 dl {
  margin-bottom: 0; }